@media screen and (max-width: 1280px) and (min-width: 961px) {
.pnkz {
	font-size: 75%;
	line-height: 30px;
}
.pnkz ul {
	margin: 0 0 10px;
	padding: 0 0 0 20px;
	list-style: none;
}
.pnkz ul li {
	color: #63717F;
	display: inline-block;
}
.pnkz ul li.home i {
	color: #000;
	position: absolute;
	margin-left: 4px;
	margin-top: 10px;
	width: 7px;
	height: 7px;
	border-radius: 1px 1px 1px 0;
	border-left: solid 1px currentColor;
	border-top: solid 1px currentColor;
	background-color: currentColor;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.pnkz ul li.home i:before {
	content: '';
	position: absolute;
	left: 1px;
	top: 2px;
	width: 9px;
	height: 7px;
	background-color: currentColor;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.pnkz ul li a {
	color: #63717F;
	text-decoration: none;
}
.pnkz ul li.home a {
	margin-left: 18px;
}
.pnkz ul li a:hover {
	color: #36C;
}
.pnkz ul li:after {
	content: "＞";
	margin-left: 10px;
}
.pnkz ul li.cat:after {
	content: "";
	margin-left: 0;
}
.pnkz ul li:last-child:after {
	content:"";
	margin: 0;
}
/*---------- ad-------*/
.banner_large_ad {
	padding: 30px 0;
	text-align: center;
}
.banner_ad {
	clear: both;
	margin: 40px 0;
	padding: 0;
	text-align: center;
}
.banner_ad div {
	text-align: center;
	margin: 0 auto;
}
/*-----*/
.main .ad {
	margin-top:20px;
	text-align: center;
}
/*---------- errer-------*/
.errer {
	width:100%;
}
.errer h2 {
	font-size: 220%;
	line-height: 120%;
	padding: 0 0 10px;
	text-align: center;
}
.errer h3 {
	color: #ccc;
	font-size: 160%;
	padding: 0;
	text-align: center;
}
.errer p {
	text-align: center;
}
/*---------- main-------*/
.main {
	float: left;
	width: calc(100% - 340px);
}
.main .content {
	margin-left: 20px;
	margin-bottom: 30px;
}
.main .content .tokusyu_image {
	margin-bottom: 20px;
}
.main .content h2 {
	font-size: 220%;
	line-height: 120%;
	padding: 0 0 10px;
}
.main .content h2 .cate_title {
	color: #666;
	display: inline-block;
	font-size: 70%;
	margin-bottom: 15px;
	text-decoration: none;
}
.main .content h2 span {
	font-size: 80%;
	font-weight: bold;
	padding: 0 0 20px;
}
.main .content h3.entry_title {
	font-size: 160%;
	padding: 0;
}
.main .content h3.entry_title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
.sns_share {
	clear: both;
}
/*-----*/
.main .content .tokusyu_top {
	height: 420px;
	overflow: hidden;
	position:  relative;
}
.main .content .tokusyu_top:before {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 100%;
	height: 50%;
	background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 20%, rgba(255, 255, 255, 1) 80%);
}
/*動画の場合*/
.main .content .movie_top {
	height: 720px;
	overflow: hidden;
	position:  relative;
}
.main .content .movie_top:before {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 100%;
	height: 40%;
	background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .7) 20%, rgba(255, 255, 255, 1) 80%);
}
.next_button {
	position: absolute;
	width: 100%;
	bottom: 40px;
	z-index: 5;
}
.next_button a {
	color: #fff;
	width: 300px;
	margin: 0 auto;
	padding: 8px 0;
	display: block;
	text-align: center;
	text-decoration: none;
	background-color: #36C;
}
.next_button a:hover {
	background-color: #000066;
}
/*- entry -*/
.main .content .data {
	color: #666666;
	margin: 10px 20px;
	font-size: 90%;
	text-align: right;
}
.main .content .entry_img {
	width: 400px;
	margin: 10px 0 0;
	padding: 0;
	padding-left: 10px;
	padding-bottom: 10px;
	text-align: center;
	float: right;/*	background-image: url(../img/tmp/img_back.jpg);
	background-repeat: no-repeat;
	background-position: center;*/
}
.main .content .entry_img span.imgbg {
	width: 400px;
	height: 300px;
	display: block;
	/*    display: table-cell;
    vertical-align: middle;*/
	position: relative;
	text-align: center;
	background-image: url(../img/tmp/img_back.jpg);
	background-repeat:repeat-x;
	background-position: center bottom;
}
.main .content .entry_img span.imgbg img {
	max-width: 100%;
	max-height: 300px;
	position: absolute;
	margin: auto;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.main .content .entry_img.e100 {
	width: 100%;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}
.main .content .entry .image.left {
	clear:both;
	margin-right: 10px;
	display: table;
	width: 33vw; /* minimum width */
 *width: auto; /* for IE7 and below */
}
.main .content .entry .image.right {
	clear:both;
	margin-left: 10px;
	display: table;
	width: 33vw; /* minimum width */
 *width: auto; /* for IE7 and below */
}
.main .content .entry .image.right img, .main .content .entry .image.left img {
	width: 33vw;
}
.main .content .entry .image p, .main .content .entry_img p {
	color: #666;
	margin: 0;
	padding: 10px 0;
	font-size: .80em;
	line-height: 1.2em;
	text-align: justify;
}
.main .content .entry_img.entry_img_left, .main .content .entry_slid.entry_img_left {
	float: left;
	padding: 0;
	margin-right: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
.main .content .entry_img.entry_img_center, .main .content .entry_slid.entry_img_center {
	/*	padding: 0;*/
	float: none;
	margin: 0 auto;
	text-align: center;
	padding-bottom: 10px;
}
.main .content .entry_img.entry_img_right, .main .content .entry_slid.entry_img_right {
	float: right;
	padding: 0;
	margin-left: 10px;
	/*	padding-left: 10px;*/
	padding-bottom: 10px;
}
.main .content .entry {
	margin: 15px 0 0;
	font-size: 110%;
	line-height: 180%;
}
.main .content .entry h4 {
	font-size: 120%;
}
.main .content img {
	width: auto;
	height: auto;
	max-width: 100%;
	text-align: center !important;
}
.main .content .entry_img img {
	width: auto;
	height: auto;
	max-width: 400px;
	max-height: 400px;
	text-align: inherit !important;
}
.main .content .center.img {
	text-align: center;
	margin: 40px 0;
}
/*-----画像複数枚-----*/
.entry_slid {
	margin: 0 0 10px 10px;
	float: right;
	width: 400px;
	height: 365px;
	position: relative;
	background: none;
}
.entry_slid span.imgbg {
	/*	width: 420px;*/
	width: 400px;
	height: 338px;
	display: block;
	background-image: url(../img/tmp/img_back.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
.entry_slid li {
	text-align: center;
	width: 400px;
	background-image: url(../img/tmp/img_back.jpg);
	background-repeat: no-repeat;
	background-position: center;
}
.main .content .entry_slid .entry_slid_img {
	width: 400px;
	height: 300px;
	max-height: 300px;
}
.main .content .entry_slid img {
	max-width: 100%;
	max-height: 300px;
	position: absolute;
	margin: auto;
	width: auto;
	height: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.entry_slid p {
	color: #666;
	margin: 0;
	font-family: Arial;
	display: block;
	font-size: .85em;
	line-height: 1.2em;
	padding: 10px 0 0;
	position: relative;
}
/* PAGER */
.bx-wrapper .bx-viewport {
	/*	margin-left: 5px;*/
	height: 420px;
	/*	margin-left: 5px;*/
	margin-top: -30px;
}
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 0px;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
	background: #000;
}
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	vertical-align: bottom;
 *zoom: 1;
 *display: inline;
}
.bx-wrapper .bx-pager-item {
	font-size: 0;
	line-height: 0;
}
/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-has-controls-direction {
	position: absolute;
	z-index: 9999;
	top: 37%;
	width: 100%;
}
.bx-wrapper .bx-controls-direction a {
	color: #fff;
	position: absolute;
	margin-top: -16px;
	display: inline-block;
	outline: 0;
	width: 20px;
	height: 100px;
	text-indent: -9999px;
	font-weight: bold;
	text-decoration: none;
}
.bx-wrapper .bx-controls-direction a.bx-next {
	right: 0;
	width: 20px;
	height: 100px;
	text-indent: -9999pt;
	background-image: url(../img/tmp/slide_next.png);
	background-repeat: no-repeat;
}
.bx-wrapper .bx-controls-direction a.bx-prev {
	left: 0;
	width: 20px;
	height: 100px;
	text-indent: -9999pt;
	background-image: url(../img/tmp/slide_prev.png);
	background-repeat: no-repeat;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: static;
	/*	margin: 370px 0 0;*/
	/*  background: #f5f5f5;*/
	width: 100%;
}
.bx-wrapper .bx-caption span {
	color: #666;
	font-family: Arial;
	display: block;
	font-size: .85em;
	line-height: 1.2em;
	padding: 10px 0px;
	height: 20px;
}
/*--entry--*/
.main .content .entry {
}
.main .content .entry .entry_content {
	width: 100%;
}
.main .content .entry .left {
	width: auto;
	float: left;
}
.main .content .entry .right {
	width: auto;
	float: right;
}
.main .content .entry .center {
	width: auto;
	text-align: center;
}
.main .content .entry hr.clear {
	clear: both;
}
.main .content .entry h3.gougai_title {
	font-size: 180%;
	line-height: 120%;
	padding: 0 0 10px;
	text-align: center;
}
.main .content .entry h3.gougai_title a {
	font-weight: bold;
	text-decoration: none;
}
.main .content .entry h3.gougai_title a:link, .main .content .entry h3.gougai_title a:visited {
}
.main .content .entry h3.gougai_title a:visited {
}
/*---*/
.main .category a {
	color: #999;
	text-decoration: none;
}
/*- archive -*/
.main .content .archive {
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
	border-bottom: solid #e5e5e5 1px;
}
.main .content .archive {
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: -0.4em;
}
.main .content .archive li {
	border-top: #C5C3C6 solid 1px;
	width: 100%;
	padding: 9px 0 10px;
	display: block;
	float: left;
}
.main .content .archive li a.image {
	float: left;
	width: 80px;
	height: 80px;
	display: block;
	overflow: hidden;
	position: relative;
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
	background-color: #F5F5F5;
}
.main .content .archive li a img {
	width: 100%;
	text-align: inherit;
}
/*縦幅*/
.main .content .archive li a.width img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
	max-width: 500px;
}
/*横幅*/
.main .content .archive li a.height img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
	max-width: 500px;
}
.main .content .archive li dl {
	float: right;
	width: calc(100% - 100px);
}
.main .content .archive li dl.noimg {
	float: none;
	width: calc(100% - 100px);
	min-height: 50px;
}
.main .content .archive li dt.title {
	text-align:justify;
}
.main .content .archive li dt.title a {
}
.main .content .archive li dd {
	text-align:justify;
	margin: 0;
	padding: 0;
}
.main .content .archive li dd .day {
	color: #666;
	margin: 0;
	padding: 0;
	font-size: 80%;
	text-align: right;
	margin-top: 5px;
	margin-right: 10px;
}
#search-results .archive li dd .day {
	float: right;
	display: inline-block;
}
#search-results .archive li dd .cat_nm, #search-results .archive li dd .blog_nm {
	float: left;
	display: inline-block;
	padding: 0 10px;
	/*	background-color: #ccc;*/
	font-size: 80%;
	margin-top: 5px;
	border: #48A7CF 1px solid;
	color: #48A7CF;
}
#search-results .archive li dd .cat_nm {
}
#search-results .archive li dd .blog_nm {
	border: #4BA867 1px solid;
	color: #4BA867;
}
/*- pager -*/
.pager {
	margin: 15px 0;
	text-align: center;
}
.pager ul {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
	letter-spacing: -.4em;
}
.pager li {
	border: #e5e5e5 1px solid;
	margin:0;
	padding: 0;
	display: inline-block;
}
.pager li span {
	display: block;
	padding: 10px 12px;
	background-color: #f5f5f5;
}
.pager li a {
	display: block;
	padding: 10px 12px;
	text-decoration: none;
	background-color: #fff;
}
.pager li a:hover {
	color: #fff;
	background-color: #3CF;
}
/*-----関連記事-----*/
.main .kanren {
	margin: 0 0 0 10px;
	clear: both;
	font-size: 0;							/*隙間削除*/
	border-top: #333 double 3px;
	border-bottom: #333 solid 1px;
}
.main .kanren h2 {
	color: #fff;
	margin: 0;
	padding: 0 10px;
	display: inline-block;
	font-size: 14px;			/*フォント調整*/
	line-height:150%;
	font-weight: normal;
	background-color: #333;
	border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
}
.main .kanren ul {
	margin: 0;
	padding: 0;
	font-size: 16px;					/*フォント調整*/
	list-style: none;
	letter-spacing: -0.4em;
}
.main .kanren li {
	border-top: #C5C3C6 solid 1px;
	width: 100%;
	padding: 15px 0;
	display: block;
	float: left;
}
.main .kanren li:nth-child(1) {
	border: none;
}
.main .kanren li a.image {
	float: left;
	width: 80px;
	height: 80px;
	display: block;
	overflow: hidden;
	position: relative;
	margin-left: 10px;
	text-align: center;
	vertical-align: middle;
	background-color: #F5F5F5;
}
.main .kanren li a img {
	width: 100%;
	text-align: inherit;
}
/*縦幅*/
.main .kanren li a.width img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: auto;
	height: 100%;
}
/*横幅*/
.main .kanren li a.height img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	height: auto;
}
.main .kanren li dl {
	float: right;
	width: calc(100% - 100px);
}
.main .kanren li dl.noimg {
	float: none;
	width: calc(100% - 100px);
	min-height: 80px;
}
.main .kanren li dd .day {
	color: #666;
	margin: 0;
	padding: 0;
	font-size: 80%;
	text-align: right;
	margin-top: 10px;
	margin-right: 10px;
}
/*-レコメンド-*/
.x3_container {
	margin: 0 0 0 10px;
	clear: both;
	font-size: 0;							/*隙間削除*/
	border-top: #333 double 3px;
	border-bottom: #333 solid 1px;
}
.x3_preHeader/*---ヘッダー--*/ {
	border: none !important
}
.x3_header/*--タイトル---*/ {
	color: #fff !important;
	margin: 0;
	padding: 0 10px;
	display: inline-block;
	font-size: 14px !important;			/*フォント調整*/
	line-height:150%;
	font-weight: normal;
	background-color: #333 !important;
	border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
}
.x3_article/*---ul---*/ {
	margin: 0;
	padding: 0;
	font-size: 16px;					/*フォント調整*/
	list-style: none;
	letter-spacing: -0.4em;
}
.x3_articleArea/*---li--*/ {
	border-top: #C5C3C6 solid 1px;
	width: 100% !important;
	margin-left: 10px !important;
	display: block;
	float: left;
}
.x3_article .x3_articleArea a {
	padding: 15px 0 !important;
	border-bottom: none;
}
.x3_articleArea:nth-child(1) {
	border: none;
}
.x3_imgThum/*---サムネイル---*/ {
	margin: 0 10px 0 5px !important;/*	margin-left: 5px !important;*/
}
.x3_textArea/*----タイトルコンテンツ-----*/ {
	float: right;
	width: calc(100% - 100px);
}
.x3_articleTitle /*---タイトル--*/ {
	text-align:justify;
	font-weight: bold;
	font-size: 100%;
	line-height: 140% !important;
	text-decoration: none;
}
.x3_siteTitle/*----広告表示-----*/ {
	color: #666 !important;
	margin: 0;
	padding: 0;
	font-size: 80% !important;
	margin-top: 5px;
	margin-right: 10px;
}
/*---------- ライター情報-------*/
.writer {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 20px;
}
.writer_img {
	float: left;
	width: 250px;
	height: auto;
}
.writer_content {
	float: right;
	width: calc(100% - 260px);
}
.writer_content.no_w_image {
	float: none;
	width: auto;
}
.writer_content dt, .writer_content dd {
	margin: 0;
	padding: 0;
}
.writer_name {
}
.writer_name h3 {
	margin: 0;
	padding: 0;
	display: inline-block;
	margin-right: 10px;
	font-size: 160%;
}
.writer_name span {
	margin: 0;
	padding: 0;
	display: inline-block;
	font-size: 140%;
}
.writer_intor {
}
.writer_sns {
	float: left;
	width: 250px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.writer_sns li {
	margin: 0;
	padding: 0;
	display: inline-block;
}
.writer_sns li a {
	display: block;
}
.writer_sns li.sns_f a {
}
.writer_sns li.sns_t a {
}
.writer_sns li.sns_l a {
}
/*---------- other_side-------*/

.side {
	float: right;
	width: 310px;
}
.side .ad {
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: -0.4em;
}
.side .ad li {
	display: inline-block;
	margin: 0;
	padding: 0 5px 0 0;
	margin-bottom: 10px;
}
.side .ad li div {
	width: 300px;
}
.side .ad li img {
	width: 300px;
	height: auto;
}
/*-防災情報-*/
.bl-post {
}
.ll_bosai_lists {
}
.ll_bosai_lists li {
	margin-bottom: 12px !important;
}
.ll_bosai_lists li a {
	text-align: center;
}
/*-インフォメーション-*/
.info_menu {
}
.info_menu ul {
	margin: 10px 20px;
	width: 100%;
	padding: 0;
	list-style: none;
}
.info_menu li {
	width: 270px;
	margin: 0 10px 10px;
	padding: 0;
	display: inline-block;
}
.info_menu li a {
	color: #666;
	font-size: 110%;
	text-decoration: none;
	border: #ccc solid 1px;
	display: block;
	text-align: center;
	padding: 6px;
}
/*---------- 広告表示---*/
#div-gpt-ad-1535005981827-0 {
	margin-bottom: 20px;
	text-align: center;
}
#div-gpt-ad-1535005981827-0 div {
	display: inline-block;
}
#div-gpt-ad-1535006268992-0, #div-gpt-ad-1535006350598-0 {
	display: inline-block;
	margin-bottom: 20px;
}
/*--------- 動画再生ボタン表示用(190524追加)---*/
.movie {
	width: 80px;
	min-height: 80px;
	padding: 0;
	z-index: 100;
	bottom: 0;
	left: 0;
	position: absolute;
	background-image: url(../img/tmp/mv_filter2.png);
	background-repeat: repeat-x;
	background-position: center;
}
/*--------- QA用(190614追加)---*/
.main .qa {
	margin: 2em 0;
	padding: 0;
	max-width: 100%;/*最大幅*/
}
.main .qa label {
	display: block;
	margin: 1.5px 0;
	padding : 11px 12px;
	font-weight: bold;
	background :#eee;
	cursor :pointer;
	transition: all 0.5s;
}
.main .qa label:hover {
	background :#85baef;
}
/*チェック隠す*/
.main .qa input {
	display: none;
}
/*中身非表示*/
.main .qa .show {
	height: 0;
	margin:10px 0;
	padding: 0;
	overflow: hidden;
	opacity: 0;
	transition: 0.8s;
}
/*クリックで中身表示*/
.answer:checked + .show {
	height: auto;
	margin-bottom:40px;
	padding:10px 0;
	background-color:#eee;
	opacity: 1;
}
.answer:checked + .show p {
	margin: 10px 20px;
}
}
