/*----------------------------------------------------
	投稿共通
-----------------------------------------------------*/
.post h2{
	position:relative;
}
.post h2 a.backto_cat{
	position:absolute;
	right:0;
	display:block;
	width:300px;
	text-align:center;
	border-radius:8px;
	padding:8px 13px;
	box-shadow: #666 0px 2px 2px;
	background: #666666;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666666), to(#464646));
	color:#fff;
	text-decoration:none;
	letter-spacing:0;
	font-weight:normal;
}
.post h2 a:hover.backto_cat{
	background: #E2BB8E;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E2BB8E), to(#A57431));
}
.post .lastlink {
	position:relative;
	height:50px;
}
.post .lastlink a.backto_cat{
	position:absolute;
	right:0;
	width:300px;
	text-align:center;
	display:block;
	border-radius:8px;
	padding:8px 13px;
	box-shadow: #666 0px 2px 2px;
	background: #666666;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#666666), to(#464646));
	color:#fff;
	text-decoration:none;
	letter-spacing:0;
	font-weight:normal;
}
.post .lastlink a:hover.backto_cat{
	background: #E2BB8E;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#E2BB8E), to(#A57431));
}
#main_video{
	width:100%;
	margin:50px auto;
}
#main_video video{
	width:100%;
	height:auto;
}
@media screen and (max-width: 780px){
.post .lastlink a.backto_cat{
	position:relative;
	right:inherit;
	width:100%;
}	
}
/*----------------------------------------------------
	見処・歩き処一覧
-----------------------------------------------------*/
#cat_spot_content{
	display:table;
	width:100%;
	margin:30px 0;
}
#cat_spot_list,
#cat_spot{
	display:table-cell;
	margin:30px 0;
	vertical-align:top;
}

/*左関連ナビ*/
#cat_spot_list{
	width:20%;
}
#cat_spot_list h5{
	background:#cc6600;
	color:#fff;
	padding:5px;
	text-align:center;
}
#cat_spot_list ul{
	margin-bottom:20px;
}
#cat_spot_list li{
	line-height:1.5em;
	list-style:none;
	padding:0.5em 0;
	border-bottom:1px solid #ccc;
}
#cat_spot_list li a{
	color:#000;
	font-size:12px;
	letter-spacing:0;
}
#cat_spot_list li a:hover{
	text-decoration:none;
	color:#cc6600;
}

/*お役立ち*/
.spot_banner{
	margin:10px 0 20px;
}
.spot_banner img{
	width:100%;
	height:auto;
}
.spot_banner a{
	font-size:12px;
	letter-spacing:0;
	color:#000;
}
.spot_banner a:hover{
	text-decoration:none;
	color:#cc6600;
}


/*見処歩き処*/
#cat_spot{
	width:80%;
	padding-left:2%;
}
#cat_spot ul{
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
}
#cat_spot li {
	flex-basis:33.3%;
	-webkit-flex-basis:33.3%;
	max-width:33.3%;
	line-height: 1.3em;
	padding:0 1% 2% 0;
	margin:0;
}
#cat_spot li a{
	font-size:18px;
	font-weight:bold;
}
#cat_spot li img {
	width:100%;
	height:auto;
}
#cat_event li h3{
	margin-top:5px;
	letter-spacing:0;
}
#cat_event_summary{
	margin:1em 0 0;
}



@media screen and (max-width: 780px){
#cat_spot_content{
	display:block;
	width:95%;
	margin:30px auto 0;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	display: flex !important;
	flex-direction: column;
	-webkit-flex-direction: column;
}
#cat_spo_list,
#cat_spot{
	display:block;
	width:100%;
}
#cat_spot{
	margin-bottom:0;
	border-bottom:1px solid #ccc;
}
#cat_spo_list{
	order:1;
	-webkit-order:1;
}
#cat_spot li {
	display:block;
	float: none;
	flex-basis: 100%;
    -webkit-flex-basis:100%;
    max-width:100%;
	width:100%;
	height:auto;
	margin:0 0 20px 0;
}
#cat_spot li a{
	font-size:14px;
	font-weight:normal;
}
#cat_event li h3{
	margin-top:5px;
	letter-spacing:0;
}
#cat_spo_list_related{
	margin:30px 0;
}
#cat_spo_list_related ul{
	padding-left:20px;
}
#cat_spo_list_related li{
	padding:10px 0;
	border-bottom:1px dotted #cc6600;
}
#cat_spo_list_related li br{
	display:none;
}
.post_list{
	display:none;
}
#map_pdf,
#renta_cycle{
	width:100%;
	border:1px solid #ccc;
	padding:10px;
	box-sizing:border-box;
	line-height:1.3em;
}
#map_pdf img,
#renta_cycle img{
	width:100%;
	display:block;
	margin-bottom:10px;
}
}
/*----------------------------------------------------
	見処・歩き処投稿
-----------------------------------------------------*/
#single_spot h3{
	font-size:30px;
	font-weight:normal;
	border-left:5px solid #464646;
	padding:20px 0 0 10px;
	margin:30px 0 10px;
}
#spot_time{
	font-size:16px;
	font-weight:normal;
	padding-left:30px;
}
#single_spot h4{
	font-size:20px;
	font-weight:normal;
	border-bottom:2px solid #464646;
	margin:30px 0 10px;
}
#spot_box{
	display:table;
	width:100%;
}
#spot_summary,
#spot_img{
	display:table-cell;
	vertical-align:top;
}
#spot_summary{
	width:490px;
	padding-right:30px;
	margin-right:30px;
	line-height:1.5em;
}
#spot_summary h4{
	padding-bottom:5px;
	margin-bottom:20px;
}
.spot_other_summary h4{
	margin-top:50px !important;
}
.spot_other_summary li{
	list-style:disc inside;
}
#spot_img ul{
	margin-top:30px;
}
#spot_img li{
	float:left;
	margin:0 0 10px 10px;
}
.acf-spot_map {
	width: 100%;
	height: 400px;
	margin: 30px 0 10px;
	box-shadow:0 2px 3px #464646;
}
#spot_summary ul{
	width:100%;
}
#spot_summary li,
#spot_img li{
	float:left;
	list-style:none;
	width:32.3%;
	margin:10px 0 10px 1%;
	padding:00;
}
#spot_summary li:first-child{
	width:100%;
}
#spot_summary li img,
#spot_img li img{
	width:100%;
	height:auto;
}
#spot_summary .related ul{
	padding-left:30px;
}
#spot_summary .related li{
	list-style:outside disc;
	float:none;
	width:100%;
}
@media screen and (max-width: 780px){
#cat_spot_list{
	display:none;
}
#single_spot{
	width:95%;
	margin:0 auto;
}
#single_spot h3{
	font-size:24px;
	padding:0 0 0 10px;
	margin-bottom:20px;
}
#spot_time{
	font-size:14px;
	letter-spacing:0;
	line-height:1.3em;
	display:block;
	padding:0;
}
.spot_single_main{
	width:100%;
}
.spot_single_main img{
	width:100%;
	height:auto;
}
#single_spot h4{
	margin:20px 0 10px !important;
	padding:0 0 10px;
}
#spot_box{
	display:block;
	width:100%;
}
.acf-spot_map {
	display:none;
}
#spot_summary,
#spot_img{
	display:block;
	vertical-align:top;
	width:100%;
	margin:0;
	padding:0;
}
#spot_summary li,
#spot_img li{
	width:48%;
	margin:1%;
}
#spot_summary li:first-child{
	width:100%;
	padding-right:1.5%;
	box-sizing:border-box;
}
#spot_summary .related ul{
	padding-left:30px;
}
#spot_summary .related li{
	list-style:outside disc;
	float:none;
	width:100%;
}
}

/*----------------------------------------------------
	イベントカレンダー一覧
-----------------------------------------------------*/
#cat_event{
	margin:30px 0;
}
#cat_event ul{
	width:100%;
	display: flex !important;
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
#cat_event li {
	-webkit-flex-basis:31.3%;
  	flex-basis:31.3%;
	max-width: 31.3%;
	margin:0 1% 1%;
	line-height: 1.3em;
	border:1px solid #999;
}
.cat_event_date{
	font-weight:bold;
	font-size:15px;
	width:90%;
	margin:5px auto;
	letter-spacing:0;
}
#cat_event li img {
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
}
#cat_event li h3{
	width:90%;
	margin:5px auto 0;
	letter-spacing:0;
}
.cat_event_summary{
	width:90%;
	margin:1em auto;
}
.event_spot{
	font-size:12px;
	text-align:right;
	color:#09C;
	width:90%;
	margin:2px auto;
}
@media screen and (max-width: 780px){
#cat_event li {
	-webkit-flex-basis:48%;
  	flex-basis:48%;
	max-width: 48%;
	margin:0 1% 1%;
}
}
/*----------------------------------------------------
	イベントカレンダー投稿
-----------------------------------------------------*/
#single_event{
	clear:both;
}
#single_event h3{
	font-size:30px;
	font-weight:normal;
	border-left:5px solid #464646;
	padding-left:10px;
	margin:0 0 10px;
}
#event_date{
	font-size:20px;
	padding-left:17px;
}
#event_main,
#event_detail{
	display:table;
	margin:20px 0 50px;
}
#event_img,
#event_summary,
#event_gmap,
#event_table{
	display:table-cell;
	vertical-align:top;
}
#event_img{
	width:640px;
}
#event_img img{
	width:100%;
	height:auto;
}
#event_summary{
	padding-left:30px;
	line-height:1.5em;
}
#event_summary h4{
	margin:20px 0 0;
	padding:0;
	line-height:0;
}
#event_reccom{
	background:#f8e9d6;
	border-radius:10px;
	padding:30px;
}
.acf-map {
	width: 500px;
	height: 400px;
	margin: 0 0 10px;
}
.acf-map iframe{
	width:100%;
	height: 400px;
	border:none;
	box-shadow:none;
}
#event_access{
	margin:20px 0;
	line-height:1.5em;
	letter-spacing:0;
}
#event_table table{
	width:580px;
	border-collapse:collapse;
	margin-left:30px;
}
#event_table th,
#event_table td{
	border:1px solid #999;
	padding:10px;
	letter-spacing:0;
	text-align:left;
	line-height:1.5em;
	vertical-align:middle;
}
#event_table th{
	width:150px;
}
#event_relimg li{
	float:left;
	width:180px;
	height:100px;
	overflow:hidden;
	margin:0 6px 3px 0;
}
#event_relimg li img{
	width:100%;
	height:auto;
}
#event_rel,
#event_relimg{
	margin:20px 0 30px;
}
#event_rel h5,
#event_relimg h5{
	font-size:20px;
	margin:10px 0;
}
#event_rel li{
	list-style:disc;
	padding:5px 0;
	list-style-position:inside;
}
.hifn{
	font-weight:bold;
}
.event_relimg_att{
	font-size:10px;
	font-weight:normal;
}
#event_table a,
#gmap_link a{
	color:#cc6600;
	text-decoration:underline;
}
@media screen and (max-width: 780px){
#single_event{
	width:95%;
	margin:0 auto;
}
#single_event h3{
	font-size:24px;
}
#event_date{
	font-size:14px;
	letter-spacing:0;
	line-height:1.3em;
}
#event_main,
#event_detail{
	display:block;
	width:100%;
	margin:20px 0 0;
}
#event_img,
#event_summary,
#event_gmap,
#event_table{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}
#event_summary{
	margin-top:20px;
}

#event_summary h4 img{
	width:100%;
	height:auto;
}
#event_reccom{
	padding:20px;
}
.acf-map{
	display:none;
}
#gmap_link a{
	background:#cc6600;
	display:block;
	width:100%;
	padding:10px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	border-radius:10px;
	margin-bottom:30px;
}
#event_table table,
#event_table tbody,
#event_table tr{
	width:100%;
	display:block;
	margin-left:0;
}
#event_table th,
#event_table td{
	width:100% !important;
	display:block;
	border:none;
	padding:10px;
}
#event_table th{
	padding:10px 10px 3px 10px;
}
#event_table td{
	border:1px solid #999;
}
#event_table td a{
	display:block;
}
#event_rel ul{
	padding-left:1em;
}
#event_relimg li{
	float:left;
	width:48%;
}
#event_relimg h5 span{
	display:block;
	line-height:1.3em;
	margin:5px 0;
}
.event_relimg_att {
	line-height:1.3em;
}
}

/*----------------------------------------------------
	モデルコース一覧
-----------------------------------------------------*/
#course_list{
	margin:30px 0;
}
#course_list ul{
	margin:0;
	padding:0;
}
#course_list li {
	float: left;
	width:360px;
	height:auto;
	margin:5px;
}
#course_list li a img{
	width:100%;
	height:auto;
}
#course_list li p{
	margin:10px 0;
}
#course_pickup{
	width:100%;
	margin:30px 0;
}
#course_pickup img{
	width:100%;
	height:auto;
}
@media screen and (max-width: 780px){
.course_list_h3{
	margin:30px 0 0;
	font-size:24px;
	text-align:center;
}
#course_pickup{
	margin:10px 0 30px;
}
#course_list{
	width:95%;
	margin:10px auto 30px;
}
#course_list li {
	float: none;
	width:100%;
	margin:5px 0;
}
}
/*----------------------------------------------------
	モデルコース投稿
-----------------------------------------------------*/
#single_cs h3{
	font-size:30px;
	font-weight:normal;
	border-left:5px solid #464646;
	padding-left:10px;
	margin:30px 0 20px;
}
#cs_box{
	width:100%;
	overflow:hidden;
}
#cs_summary{
	float:left;
	width:100%;
	margin-right:30px;
	line-height:1.5em;
}

#cs_main{
	float:left;
	width:50%;
	margin-bottom:20px;
}
#cs_main img{
	width:100%;
	height:auto;
}

#cs_top_text{
	width:100%;
	line-height:1.5em;
	margin:20px 0;
}
#cs_move{
	line-height:1.5em;
	font-size:16px;
	background:#eee;
	border-radius:8px;
	width:100%;
	padding:10px 20px;
}
@media screen and (max-width: 780px){
#single_cs h3{
	font-size:21px;
	width:95%;
	margin:30px auto 20px;
}
#cs_box{
	width:95%;
	margin:20px auto;
}
#cs_summary{
	float:none;
	margin-right:0;
}
#cs_summary br{
	display:none;
}
#cs_main{
	float:none;
	width:100%;
}
#cs_move{
	line-height:1.4em;
	font-size:14px;
	letter-spacing:0;
}
}
/*　▼モデルコースマップ　*/
#maincontainer{
	float:right;
	display:table;
	width:50%;
	margin-bottom:30px;
	padding-left:25px;
}
#map_canvas{
	display:table-cell;
	width:385px;
	height:550px;
}
#side_bar{
	display:table-cell;
	width:28%;
	height:550px;
	overflow:auto;
}
#side_bar table{
	border-collapse:collapse;
	border:none;
}
#side_bar td{
	border-bottom:1px dotted #666;
	padding:5px;
	box-sizing:border-box;
}
#side_bar td a,
.gm-style-iw{
	text-decoration:none;
	font-size:10px;
	color:#666;
}
.gm-style-iw{
	padding:10px 0 10px 10px;
}
img.xmlimg{
	display:block;
	padding-top:1em;
	width:260px;
	height:auto;
}
@media screen and (max-width: 780px){
#maincontainer{
	display:none;
}
}
/*　▲モデルコースマップここまで　*/
#cs_detail li{
	clear:both;
	margin:20px 0;
	border:1px solid #999;
	border-radius:8px;
	padding:20px;
	line-height:1.3em;
	overflow:hidden;
}
#cs_detail .cs_left{
	float:left;
	width:35%;
}
#cs_detail .cs_detail_img,
#cs_detail .cs_detail_text{
	font-size:12px;
	vertical-align:top;
}
#cs_detail .cs_detail_img{
	width:100%;
}
#cs_detail .cs_detail_img img{
	width:100%;
	height:auto;
}
#cs_detail .cs_right{
	float:right;
	width:60%;
	line-height:1.5em;
}
#cs_detail .cs_detail_title{
	margin-bottom:10px;
	padding:3px 0 0 10px;
	border-left:25px solid rgba(255,204,153,1);
	font-size:1.2em;
}
#cs_detail .cs_right p{
	margin-bottom:1.5em;
}
@media screen and (max-width: 780px){
#cs_detail li{
	padding:20px 10px;
	line-height:1.3em;
	letter-spacing:0;
}
#cs_detail .cs_left,
#cs_detail .cs_right{
	float:none;
	width:100%;
}
#cs_detail .cs_detail_img{
	margin-bottom:10px;
}
#cs_detail .cs_detail_title{
	margin:20px 0 10px;
}
.cs_detail_text{
	letter-spacing:0;
}
#cs_detail .cs_right p{
	margin-bottom:1em;
}
}


/*冬アクティブ*/
#cs_active_winter,
#cs_active_winter_02{
	width: 100%;
}
#cs_active_winter th,
#cs_active_winter td,
#cs_active_winter_02 th,
#cs_active_winter_02 td{
	text-align: center;
	vertical-align: middle;
	border:1px solid #666;
	padding:5px 0;
}
#cs_active_winter_yukimi,
#cs_active_winter_yukimi_02{
	margin-bottom:5px !important;
}
#cs_active_winter_yukimi a,
#cs_active_winter_yukimi_02 a{
	font-size:16px !important;
}


/*----------------------------------------------------
	パノラマウオーク
-----------------------------------------------------*/
/*パノラマウォークコース紹介表*/
.panorama_walk h2{
	margin:50px 0 0;
	font-size:20px;
}
.panorama_walk h2 small{
	margin-top:5px;
	font-size:11px;
	display:block;
	font-weight:normal;
	letter-spacing:0;
	line-height:1.2em;
}
.panorama_walk table{
	margin:10px 0 20px;
	width:100%;
	border-collapse:collapse;
}
.panorama_walk table th,
.panorama_walk table td{
	border:1px solid #999;
	padding:10px;
}
.panorama_walk table th{
	background:rgba(51,153,0,0.1);
}
.panorama_walk table.second_day th{
	background:rgba(255,204,0,0.2) !important;
}
.panorama_walk table.third_day th{
	background:rgba(255,153,153,0.2) !important;
}
.panorama_walk table th b{
	padding:0 0 0 10px;
	color:rgba(255,153,0,1);
	font-size:16px;
}
.panorama_walk table th small,
.panorama_walk table td small{
	font-size:11px;
	display:block;
	font-weight:normal;
	letter-spacing:0;
}
.panorama_walk table td{
	font-size:12px;
}
.panorama_walk table td b{
	color:rgba(255,153,0,1);
	font-size:16px;
}
/*パノラマウォーク開催概要*/
.panorama_walk_summary{
	margin-top:80px;
}
.panorama_walk_summary h2{
	margin:30px 0 0;
	font-size:20px;
}
.panorama_walk_summary h2 small{
	font-size:11px;
	display:block;
	font-weight:normal;
	letter-spacing:0;
	line-height:1.4em;
}
.panorama_walk_summary table{
	margin:10px 0;
	width:100%;
	border-collapse:collapse;
}
.panorama_walk_summary table th,
.panorama_walk_summary table td{
	border:1px solid #999;
	padding:15px;
	vertical-align:middle;
	line-height:1.4em;
}
.panorama_walk_summary table th{
	background:rgba(102,153,204,0.1);
	width:25%;
}
.panorama_walk_summary table th b{
	padding:0 0 0 10px;
	color:rgba(255,153,0,1);
	font-size:16px;
}
.panorama_walk_summary table th small,
.panorama_walk_summary table td small{
	font-size:11px;
	display:block;
	font-weight:normal;
	letter-spacing:0;
}
.panorama_walk_summary table td p{
	margin-bottom:10px;
}
.panorama_walk_summary table td p:last-child{
	margin-bottom:0;
}
.panorama_walk_summary table td h4{
	margin-top:20px !important;
	padding-bottom:10px;
	border-bottom:1px solid #999 !important;
}
.panorama_walk_summary table td a{
	text-align:center;
	background:rgba(51,153,0,1);
	color:#fff;
	font-size:16px;
	margin:10px 0 30px;
	border-radius:15px;
	padding:10px 20px;
	display:block;
	width:90%;
	text-decoration:none;
}
.panorama_walk_summary table td a:hover{
	opacity:0.8;
}
.panorama_walk_summary table td a small{
	color:#fff;
}
.panorama_walk_summary table td big{
	display:block;
}
/*パノラマウォーク免責事項など*/
.panorama_attention{
	margin:50px 0;
}
.panorama_attention h5{
	font-size:22px;
	font-weight:bold;
	color:rgba(255,153,51,1);
	margin:30px 0 0;
}
.panorama_attention p{
	padding:20px 30px;
	border-radius:20px;
	background:#eee;
	margin:0 !important;
	font-size:13px;
	line-height:1.4em;
}
.panorama_attention ul{
	padding:30px 30px 20px 40px;
	border-radius:20px;
	background:#eee;
	margin:0 !important;
}
.panorama_attention ul li{
	list-style:outside disc;
	padding:0 0 10px;
	line-height:1.4em;
	float:none !important;
	font-size:13px;
}
.rail_access small,
.accom_access small{
	display:block;
	font-size:12px;
	line-height:1.4em;
	margin-bottom:5px;
}
.rail_access img,
.accom_access img{
	width:100%;
	height:auto;
}
/*パノラマウォーク施設紹介*/
.panorama_walk_accom{
	width:100%;
	margin-top:80px;
}
.panorama_walk_accom_left{
	float:left;
	width:50%;
}
.panorama_walk_accom_right{
	float:right;
	width:45%;
}
.panorama_walk_accom_left h2{
	font-size:28px;
	font-weight:bold;
	line-height:1.4em;
	margin-bottom:30px;
}
.panorama_walk_accom_left h4{
	border-bottom:1px solid #999 !important;
	padding-bottom:5px;
}
.panorama_walk_accom_left p{
	line-height:1.4em;
}
.panorama_walk_accom_left small{
	font-size:12px;
	display:block;
}
.panorama_walk_accom_left table{
	margin:10px 0 30px;
	width:100%;
}
.panorama_walk_accom_left th,
.panorama_walk_accom_left td{
	border:1px solid #ccc;
	padding:20px;
}
.panorama_walk_accom_right ul{
	margin:0;
	padding:0;
	width:100%;
}
.panorama_walk_accom_right li{
	border-bottom:2px dotted #ccc;
	padding-bottom:5px;
	margin-bottom:5px;
	display:table;
}
.panorama_walk_accom_right a,
.panorama_walk_accom_right div{
	display:table-cell;
	vertical-align:middle;
}
.panorama_walk_accom_right a{
	width:20%;
}
.panorama_walk_accom_right a img{
	width:100%;
	height:auto;
}
.panorama_walk_accom_right div{
	padding-left:5%;
	line-height:1.5em;
}
/*パノラマウォーク主催*/
.panorama_spot_relations ul{
	width:100%;
	padding-left:30px;
}
.panorama_spot_relations li{
	float:none !important;
	list-style:outside disc !important;
	margin:3px 0 !important;
	padding-bottom:0;
	width:100% !important;
}
.panorama_spot_relations li h5{
	margin-top:20px;
	font-size:16px;
}
/*お申込み*/
.panorama_entry{
	display:block;
	text-align:center;
	background:rgba(51,153,0,1);
	color:#FFF;
	font-size:16px;
	margin:10px 0 30px;
	border-radius:15px;
	padding:10px 20px;
	width:90%;
	text-decoration:none;
}
.panorama_entry:hover{
	opacity:0.8;
	color:#FFF;
	text-decoration:none;
}
.panorama_attention li {
	float:none;
	list-style:disc outside !important;
  width:100% !important;
}
@media screen and (max-width: 780px){
.panorama_entry{
	width:100%;
}
.panorama_walk h2 {
	margin: 30px 0 0;
	font-size: 16px;
}
.panorama_walk table th, 
.panorama_walk table td {
	padding: 10px 5px;
	letter-spacing:0;
}
.panorama_walk table td b {
	display:block;
}
.panorama_walk table td br{
	display:none;
}
/*パノラマウォーク主催*/
.panorama_spot_relations ul{
	padding-left:20px;
}
.panorama_spot_relations li h5{
	margin-top:10px;
	font-size:14px;
}
.panorama_spot_relations li{
	font-size:12px;
	letter-spacing:0;
}
/*開催概要*/
.panorama_walk_summary h2{
	margin:0;
	font-size:18px;
	line-height:1.3em;
}
.panorama_walk_summary table,
.panorama_walk_summary tbody,
.panorama_walk_summary tr,
.panorama_walk_summary table th,
.panorama_walk_summary table td{
	display:block;
	width:100%;
	letter-spacing:0;
}
.panorama_walk_summary table tr{
	margin-bottom:10px;
}
.panorama_walk_summary table th{
	border-bottom:none;
}
.panorama_walk_summary table th b{
	font-size:14px;
}

.panorama_walk_summary table td h4{
	margin-top:20px !important;
	padding-bottom:10px;
	border-bottom:1px solid #999 !important;
}
.panorama_walk_summary table td a{
	width:100%;
}
.panorama_walk_summary table th small,
.panorama_walk_summary table td small{
	margin-left:-1em;
	margin-bottom:6px;
}
/*周知事項等*/
.panorama_attention {
  margin: 30px 0;
}
.panorama_attention p {
	padding: 10px 20px;
	width:100%;
}
/*パノラマウォーク施設紹介*/
.panorama_walk_accom{
	margin-top:30px;
}
.panorama_walk_accom_left,
.panorama_walk_accom_right{
	float:none;
	width:100%;
}
.panorama_walk_accom_left h2{
	font-size:18px;
	margin-bottom:20px;
	letter-spacing:0;
}


.panorama_walk_accom_left table,
.panorama_walk_accom_left tbody,
.panorama_walk_accom_left tr,
.panorama_walk_accom_left th,
.panorama_walk_accom_left td{
	margin:0;
	display:block;
	width:100%;
}
.panorama_walk_accom_left table{
	margin:20px 0 30px;
}
.panorama_walk_accom_left tr{
	margin-bottom:10px;
}
.panorama_walk_accom_left th{
	border-bottom:none;
}
}

/*----------------------------------------------------
	観光公園
-----------------------------------------------------*/
.koen table,
.cotton table{
	margin:10px 0 30px;
	width:100% !important;
}
.koen th,
.koen td,
.cotton th,
.cotton td{
	border:1px solid #ccc;
	padding:15px 10px;
	vertical-align:middle;
}
.koen th,
.cotton th{
	width:20%;
}
.koen td a{
	text-align:center;
	display:block;
	border-radius:8px;
	background:rgba(255,204,0,1);
	margin:10px 0;
	padding:5px 0;
	box-shadow:2px 3px 3px rgba(0,0,0,0.2);
}
.koen td a:hover{
	color:#fff;
	opacity:0.8;
	text-decoration:none;
}


#single_spot .koen h4 {
	font-size: 20px;
	font-weight: normal;
	border-bottom: 2px solid #464646;
	padding-bottom:5px;
	margin: 50px 0 20px;
}
.koen p{
	font-size: 14px;
	letter-spacing: 1px;
	color: #464646;
	font-family: "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo;
	box-sizing: border-box;
	line-height: 1.5em;
	margin-bottom:1em;
}
.koen .fbbox{
	width:100%;
	border:1px solid rgba(0,0,0,0.3);
	text-align:center;
	padding:30px 0;
	margin:30px 0;
}
.koen iframe{
	width:500px;
	max-width:100% !important;
	margin:0 auto;
}



.koen_event{
	width:100%;
	margin:30px 0;
}
.koen_event ul{
	width:100%;
	display: flex !important;
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	flex-flow: wrap;
	-webkit-flex-flow: wrap;
}
.koen_event li {
	-webkit-flex-basis:19%;
  flex-basis:19%;
	margin:0 0.8% 1% 0;
	line-height: 1.3em;
	border:1px solid #999;
}
.koen_event li img {
	display:block;
	width:90%;
	height:auto;
	margin:0 auto;
}
.koen_event li .cat_event_date{
	font-weight:bold;
	font-size:15px;
	width:90%;
	margin:10px auto 0;
	letter-spacing:0;
}
.koen_event li h5{
	width:90%;
	margin:10px auto 5px;
	letter-spacing:0;
}
.cat_event_summary{
	width:90%;
	margin:1em auto;
}
.event_spot{
	font-size:12px;
	text-align:right;
	color:#09C;
	width:90%;
	margin:2px auto;
}


@media screen and (max-width: 780px){
.koen .fbbox{
	height:300px;
	overflow:hidden;
}
.koen_event li {
	-webkit-flex-basis:48%;
  flex-basis:48%;
	margin:1%;
}
}



/*20161205イベント周辺情報出力*/

.related_link{
	margin-top:50px;
}
.related_link h2{
	font-size:24px;
	margin:10px 0;
	border-left:5px solid #cc6600;
	padding-left:5px;
}
.related_link ul{
	width:100%;
	margin:0 0 30px;
	display: flex !important;
	display: -ms-flexbox !important;
	display: -webkit-box !important;
	display: -webkit-flex !important;
	flex-flow: wrap;
	-webkit-flex-flow: wrap;
}
.related_link li{
	list-style:none;
	-webkit-flex-basis:24%;
	max-width:24%;
	flex-basis:24%;
	margin:0 1% 1% 0;
}
.related_link li img{
	width:100%;
	height:auto;
	display:block;
	margin-bottom:10px;
}
@media screen and (max-width: 780px){
	.related_link h2{
		font-size:15px;
	}
	.related_link li{
		list-style:none;
		-webkit-flex-basis:49%;
		max-width:49%;
		flex-basis:49%;
		margin:0 0.5% 1% 0;
	}
}

.post_content{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	width: 100%;
	margin-top: 80px;
}
.post_content .news_left,
.post_content .news_right{
	flex-basis:20%;
	-webkit-flex-basis:20%;
	max-width:20%;
}
.post_content .single_news{
	flex-basis:50%;
	-webkit-flex-basis:50%;
	max-width:50%;
}
.news_archive{
	flex-basis:75%;
	-webkit-flex-basis:75%;
	max-width:75%;
}
.post_content h3 {
    font-size: 24px;
    font-weight: normal;
    border-left: 5px solid #464646;
    padding-left: 10px;
	margin: 30px 0 20px;
	line-height: 1.4em;
}
.single_news .news_time{
	margin:10px 0;
	padding:10px 0;
	text-align: right;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.single_news .post_item{
	padding: 20px 0;
	line-height: 1.7em;
}
.single_news .post_item p{
	margin-bottom: 1.5em;
	line-height: 1.7em;
}
.single_news .post_item strong,
.single_news .post_item b,
.single_news .post_item em{
	font-weight: bold;
}
.single_news .post_item{
	color: inherit;
}
.single_news .post_item table{
	margin: 10px 0;
}
.single_news .post_item th,
.single_news .post_item td{
	padding: 10px;
	border: 1px solid #666;
}
.news_left ,
.news_right{
    margin: 30px 0 20px;
}
.news_left li a{
	color:#666;
	display: block;
	padding: 10px 0;
	border-bottom: 1px dotted #666;
}
.news_left_archive{
	margin-top: 30px;
}
.news_left_archive a{
	border-bottom:none !important;
}
.news_left_archive a:before{
	content: "▶";
	padding-right: 3px;
	color:#999;
	font-size: 12px;
}
.news_right a{
	color: #666;
	line-height: 1.4em;
}
.news_right li{
	margin-bottom: 20px;
}
.news_right li small{
	background: #eee;
	padding: 5px 10px;
	display: block;
	margin-bottom: 5px;
}
.news_right span,
.news_right span a{
	color: #cc6600;
	font-size: 12px;
	background: none;
	display: inline;
}
.news_archive li{
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.news_archive li h5{
    font-size: 21px;
    font-weight: normal;
    color: #666;
	line-height: 1.4em;
	margin: 10px 0;
}
.news_archive li .excerpt{
	line-height: 1.5em;
}
.news_archive li .excerpt{
	line-height: 1.5em;
}
@media screen and (max-width: 780px){
	#wrapper h2.page_ttl{
		font-size: 20px !important;
		padding: 20px 0 5px 50px;
	}
	#wrapper h2.page_ttl img {
		width: 50px;
	}
	.post_content .news_left,
	.post_content .news_right,
	.post_content .single_news,
	.news_archive{
		flex-basis:100%;
		-webkit-flex-basis:100%;
		max-width:100%;
	}
	.post_content .news_left{
		order:1;
		-webkit-order:1;
	}
	.post_content {
		margin-top: 0;
	}
	.post_content h3 ,
	.news_archive li h5{
		font-size: 18px;
	}
}


.pagenation{
	display:flex;
	display:-webkit-flex;
	justify-content:space-between;
	-webkit-justify-content:space-between;
	flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	margin-bottom: 40px;
}
.pagenation a{
	flex-basis:40%;
	-webkit-flex-basis:40%;
	max-width:40%;
	border: 1px solid #ccc;
	line-height: 1.3em;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	-webkit-justify-content:center;
	text-decoration: none;
}
.pagenation a:nth-child(2){
	flex-basis:19%;
	-webkit-flex-basis:19%;
	max-width:19%;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
}
.pagenation a.back{
	text-align: center;
}
.pagenation a small{
	background: #eee;
	padding: 5px 10px;
	flex-basis:11em;
	-webkit-flex-basis:11em;
	max-width:11em;
	font-size: 12px;
	display:flex;
	display:-webkit-flex;
	align-items:center;
	-webkit-align-items:center;
	justify-content:center;
	-webkit-justify-content:center;
}
.pagenation a span{
	padding: 10px;
	flex:1;
	-webkit-flex:1;
}
.pagenation a.nolink{
	background: #eee;
	pointer-events: none;
	border: 1px solid #eee;
}
.pagenation a:hover{
	background: #505050;
	color: #fff !important;
}
.pagenation a:hover span{
	color: #fff !important;
}
.pagenation a:hover small{
	color: #222 !important;
}
@media screen and (max-width: 1280px){
.pagenation a,
.pagenation a small{
	font-size: 14px;
	line-height: 1.3em;
	}
}
@media screen and (max-width: 980px){
.pagenation a,
.pagenation a small{
	font-size: 12px;
	}
}
@media screen and (max-width: 780px){
.pagenation a{
	flex-basis:100% !important;
	-webkit-flex-basis:100% !important;
	max-width:100% !important;
	margin-bottom: 5px;
	}
}
@media screen and (max-width: 680px){
	.pagenation .prev,
	.pagenation .next,
	.pagenation a.nolink{
		display: none;
	}
	.pagenation{
		margin-top:0;
	}
}

#cs_mainimg{
	margin-bottom: 20px;
}
#cs_mainimg img{
	width: 100%;
	height: auto;
}


#news_content img{
	max-width: 100%;
}
.aligncenter {
    clear: both;
    text-align: center;
    margin: 0 auto;
    display: block;
}