@media screen and (max-width: 960px) {

.pnkz {
	width: 100%;
	padding: 7px 0;
	font-size: 75%;
	margin-bottom: 10px;
	background-color: #ccc;
}
.pnkz ul {
	margin: 0;
	padding: 0 0 0 10px;
	list-style: none;
}
.pnkz ul li {
	color: #63717F;
	display: inline-block;
	line-height: 150%;
}
.pnkz ul li.home i {
  color: #000;
  position: absolute;
  margin-left: 4px;
  margin-top: 4px;
  width: 6px;
  height: 6px;
  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: 0px;
  top: 2px;
  width: 10px;
  height: 6px;
  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 {
	color: #63717F;
}
.pnkz ul li:after {
	content: "＞";
	margin-left: 10px;
}
.pnkz ul li.cat:after ,
.pnkz ul li:last-child:after {
	content:"";
	margin: 0;
}

/*---------- ad-------*/
.banner_large_ad {
	padding: 0 0 15px;
	text-align: center;
}
.banner_large_ad img {
	width: 100%;
	height: auto;
}
.banner_ad {
	clear: both;
	margin: 10px 0;
	padding: 0 10px;
	text-align: center;
	border-left: none;
	border-right: none;
}
.banner_ad img {
	width: calc(100% - 20px);
	height: auto;
}
/*---------- errer-------*/
.errer {
	padding: 0 10px;
	width: calc(100% - 20px);
}
.errer h2 {
	font-size: 120%;
	line-height: 120%;
	padding: 0 0 10px;
	text-align: center;
}
.errer h3 {
	color: #ccc;
	font-size: 100%;
	padding: 0;
	text-align: center;
}
.errer p {
	text-align: center;
}
/*---------- main-------*/
.main .content {
	margin-bottom: 10px;
}
.main .content .tokusyu_image {
	margin-bottom: 10px;
}
.main .content h2 {
	font-size: 120%;
	line-height: 120%;
	margin: 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: 100%;
	padding: 0;
}
.main .content h3.entry_title a {
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
/*-----*/
.main .content .tokusyu_top {
	height: 300px;
	overflow-y: 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: 380px;
	overflow: hidden;
	position:  relative;
}
.main .content .movie_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%);
}
.next_button{
	position: absolute;
	width: 100%;
	bottom: 20px;
	z-index: 5;
}
.next_button a {
	color: #fff;
	width: 150px;
	margin: 0 auto;
	padding: 8px 0;
	display: block;
	text-align: center;
	text-decoration: none;
	background-color: #36C;
}
.next_button a:hover {
	background-color: #000066;
}
	
	
.main .content .data {
	color: #999;
	margin: 10px 10px 20px;
	font-size: 80%;
	text-align: right;
}
.main .content .entry {
	margin: 20px 0 0;
	font-size: 100%;
	line-height: 150%;
}
.main .content .entry p {
	padding: 5px 5px 0px 10px;
}
.main .content .category {
	padding: 10px 10px 0px 15px;
}
.main .content .entry h4 {
	font-size: 120%;
}
.main .content .center.img {
	text-align: center;
}
.main .content img {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto 10px;
}
.main .content .entry_img {
	text-align: center;
}
.main .content .entry_img span.imgbg {
	width: 100%;
	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 .banner_ad img {
	margin: 0;
}
.main .content .entry .image.left {
	margin-right: 0;
	text-align: center;
}
.main .content .entry .image.right {
	margin-left: 0;
	text-align: center;
}
.main .content .entry .image p ,
.main .content .entry_img p {
	color: #666;
	margin: 0;
	padding: 5px 10px;
	font-size: .80em;
	line-height: 1.2em;
	text-align: left;
	text-align: justify;
}

/*-----画像複数枚-----*/
.entry_slid {
	margin: 0 0 10px;
	float: right;
	width: 100%;
	height: auto;
	margin-bottom: 80px;
	max-height: 300px;
	position: relative;
}
.entry_slid span.imgbg {
	width: 100%;
	height: 300px;
	display: block;
	background-image: url(../img/tmp/img_back.jpg);
	background-repeat:repeat-x;
	background-position: center bottom;
}
.entry_slid li {
	text-align: center;
	width: 100%;
	height: 300px;
	background-image: url(../img/tmp/img_back.jpg);
	background-repeat:repeat-x;
	background-position: center;
}
.main .content .entry_slid .entry_slid_img {
	width: 100%;
	height: auto;
	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 10px 0;
	position: relative;
}

.bx-wrapper {
	position: relative;
	height: 390px;
}
.bx-wrapper .bx-viewport{
	height: 360px !important;
}
.bx-wrapper .bx-caption span {
	color: #666;
	font-family: Arial;
	display: block;
/*	margin-top: 300px;*/
	font-size: .85em;
	line-height: 1.2em;
	padding: 10px;
}

.bx-wrapper .bx-controls-direction a {
	color: #fff;
	top: 30%;
	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;
}
	
/*--entry--*/
.main .content .entry {
}
.main .content .entry .entry_content {
	width: 100%;
}
.main .content .entry .left {
	width: auto;
	float: none;
}
.main .content .entry .right {
	width: auto;
	float: none;
}
.main .content .entry hr.clear {
	clear: both;
}

.main .content span.cat {
	display: inline-block;
	padding: 0 10px;
}
/*- archive -*/
.main .content .archive {
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: -0.4em;
	background-color: #fff;
	border-bottom: solid #e5e5e5 1px;
}
.main .content .archive li {
	border-top: #C5C3C6 solid 1px;
	padding: 9px 10px 10px;
	display: block;
}
.main .content .archive li:nth-child(2) {
	margin-left: 0;
}
/*.main .content .archive li img {
	float: left;
	width: auto;
	margin-right: 10px;
}*/
.main .content .archive li a.image {
	float: left;
	width: 80px;
	height: 80px;
	display: block;
    overflow: hidden;
	position: relative;
	margin-left: 5px;
	margin-right: 10px;
	text-align: center;
	vertical-align: middle;
	background-color: #F5F5F5;
}
.main .content .archive li a img {
	width: 100%;
	max-width: inherit;
	max-height: inherit;
	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%;
}
/*横幅*/
.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;
}
.main .content .archive li dt.title a {
	font-size: 85%;
	line-height: 140%;
	font-weight: bold;
	text-decoration: none;
}
.main .content .archive li dd .day {
	color: #999;
	margin: 0;
	padding: 0;
	font-size: 75%;
	text-align: right;
	margin-top: 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 2px;
	padding: 0;
	display: inline-block;
	font-size: 80%;
}
.pager li span {
	display: block;
	padding: 5px 6px;
	background-color: #f5f5f5;
}
.pager li a {
	display: block;
	padding: 5px 6px;
	text-decoration: none;
	background-color: #fff;
}
.pager li a:hover {
	color: #fff;
	background-color: #3CF;
}
/*---------- 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;
}


/*-----関連記事-----*/
.main .kanren {
	clear: both;
	font-size: 0;							/*隙間削除*/
	margin-top: 25px;
	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: 16px;
	line-height:150%;
	font-weight: normal;
	background-color: #333;
	border-radius: 0 0 2px 0;
	-moz-border-radius: 0 0 2px 0;
	-webkit-border-radius: 0 0 2px 0;
}	
.main .kanren ul {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 16px;					/*フォント調整*/
	list-style: none;
	letter-spacing: -0.4em;
}
.main .kanren li {
    border-top: #C5C3C6 solid 1px;
    padding: 9px 10px 10px;
    display: block;
	width: calc(100% - 20px);
}
.main .kanren li:nth-child(1) {
	border: none;
}
/*.main .kanren li img {
    float: left;
    margin-right: 10px;
}*/
.main .kanren li a.image {
	float: left;
	width: 80px;
	height: 80px;
	display: block;
    overflow: hidden;
	position: relative;
	margin-left: 5px;
	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% - 95px);
}
.main .kanren li dt.title {
}
.main .kanren li dt.title a {
    font-size: 85%;
    line-height: 140%;
    font-weight: bold;
    text-decoration: none;
}
.main .kanren li dd {
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
    border: 0px;
}
.main .kanren li dd .day {
	color: #666;
    margin: 0;
    padding: 0;
    font-size: 75%;
    text-align: right;
    margin-top: 10px;
}
/*-レコメンド-*/
.x3_container {
	clear: both;
	font-size: 0;							/*隙間削除*/
	border-top: #333 double 3px;
/*	border-bottom: #333 solid 1px;*/
}
.x3_preHeader/*---ヘッダー--*/ {
	border-top: none !important;
}
.x3_header/*--タイトル---*/ {
	color: #fff !important;
	margin: 0;
	padding: 0 10px;
	display: block;
	font-size: 16px !important;			/*フォント調整*/
	line-height:150%;
	font-weight: normal;
	background-color: #333 !important;
}
.x3_article/*---ul---*/ {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 16px;					/*フォント調整*/
	list-style: none;
	letter-spacing: -0.4em;
}
.x3_articleArea/*---li--*/ {
/*	border-top: #C5C3C6 solid 1px;*/
/*	width: calc(100% - 20px) !important;*/
	display: block;
}
.main .kanren li:nth-child(1) {
	border: none;
}
.x3_article .x3_articleArea a {
    padding: 9px 10px 10px !important;		
}
.x3_imgThum/*---サムネイル---*/ {
	margin-left: 5px !important;
}
.x3_textArea/*----タイトルコンテンツ-----*/ {
	float: right;
	width: calc(100% - 95px);
}
.x3_articleTitle /*---タイトル--*/ {
	text-align:justify;
	font-weight: bold;
    font-size: 85% !important;
	line-height: 140% !important;
	text-decoration: none;
}
.x3_siteTitle/*----広告表示-----*/ {
	color: #666 !important;
	margin: 0;
	padding: 0;
    font-size: 75% !important;
	margin-top: 5px;
	margin-right: 10px;
}

/*---------- other_side-------*/

.side {
	width: 100%;
}
	
/*--*/
.ad {
	width: 300px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}
.ad li {
	display: block;
	width: 100%;
	margin: 0;
	text-align: center;
	padding: 0;
	margin-bottom: 10px;
}
.ad li div {
	width: 300px;
	display: inline-block;
}
.ad li img {
	width: 300px;
	height: auto;
}
#daily_yoho {
    width: 300px;
    margin: 0 auto;
}


/*--*/
.ranking ol.ranking {
	width: 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;
	padding: 0;
	list-style: none;
}
.info_menu li {
	width: auto;
	margin: 0 0 10px;
	padding: 0;
}
.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-1535006015816-0 {
	text-align: center;
	margin-bottom: 20px;
}
#div-gpt-ad-1535005981827-0 {
	margin-bottom: 20px;
}
#div-gpt-ad-1535006015816-0 div {
	display: inline-block;
}
#div-gpt-ad-1535005687143-0 {
	margin-top: 40px;
	margin-bottom: 10px;
}
#div-gpt-ad-1535005767588-0 {
	margin-bottom: 10px;
}
#div-gpt-ad-1535005873607-0 {
}
/*--------- 動画再生ボタン表示用(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 auto;
	padding: 0;
	max-width: 98%;/*最大幅*/
}
.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;
}
}