@charset "utf-8";


.SP{display:none !important;}
@media only screen and (max-width:1024px){
	.PC{display:none !important;}
	.SP{display:block !important;}
}


/******************************************************/
/* common */
/******************************************************/

.skippr-nav-element{display: none!important;}/* 下層ローテーション画像用ナビ非表示 */

#main .contents{
	padding:40px 40px 50px 40px;
	width:1280px;
	margin:auto;
}

h1{
	font-size:300%;
	font-weight: bold;
	font-family: Helvetica;
	line-height:1em;
}

	h1 span{
		font-size:75%;
		color: #158b02;
	}

h2{
	font-size: 150%;
	margin:-25px 0 15px 0!important;
	display: block;
	padding:55px 0 0 0!important;
	line-height: 150%;
}


@media only screen and (max-width:1024px){
	#main .contents{
		width:100%!important;
		margin:auto;
		padding:15px;
		line-height: 160%;
	}
	h1{font-size:250%; margin:25px 0 0 0;}
	h2{font-size: 110%;margin:15px 0 0px 0;font-weight:bold; line-height: 140%;}
}
@media only screen and (max-width:647px){
	h1{font-size:160%; margin:7px 0 0 0;}
	h2{margin:-47px 0 7px 0!important; line-height: 150%;}
	h1 span{
		display: block;
		line-height: 200%;
	}

}



/* ########  readSet  ######## */

#readSet{margin:0 0 50px 0;}
#readSet .readLeft{
	float:left;
	width:780px;
}

#readSet .readLeft.noMovie{
	float:none;
	width:100%;
}


	#readSet .readLeft .seasonSet{
		margin:0 15px 0 0;
		width:100%;
	}
	#readSet .readLeft .seasonSet h3{
			background:#000000;
			color:#ffffff;
			font-size:80%;
			font-weight:bold;
			padding:5px 5px 3px 5px;
			line-height:100%;
			margin:10px 0 10px 0;
	}

	#readSet .readLeft .specSet{
		margin:20px 0 20px 0;
		width:100%;
	}
		#readSet .readLeft .specSet h3{
			background:#000000;
			color:#ffffff;
			font-size:80%;
			font-weight:bold;
			padding:5px 5px 3px 5px;
			line-height:100%;
		}

		#readSet .readLeft .specSet .specLeft{
			float:left;
			margin-right:20px;
		}

		#readSet .readLeft .specSet .specRight{
			float:left;
		}

#readSet .readRight{
	float:right;
	width:390px;
	margin: -20px 0 0 0;
}
	#readSet .readRight ul.btnSet{
		margin:20px 0 0 0;
		float:left;
	}
		#readSet .readRight ul.btnSet li{
			margin:0 0 10px 0;
		}
		#readSet .readRight ul.btnSet li a{
			padding:9px 0 9px 0;
		}
			#readSet .readRight a span{
				padding:0 0 0 35px;
			}


			#readSet .readRight a{
				display: block;
				border: solid 1px #7898d1;
				width: 390px;
				text-align: center;
				font-weight: bold;
				color: #3965b4;
			}

				#readSet .readRight a:hover{
					background-color:#f0f5ff!important;
				}

			#readSet .readRight .specWeather a span{
				background: url(../img/common/icon_weather.png) no-repeat left center;
			}

			#readSet .readRight .specLive a span{
				background: url(../img/common/icon_live.png) no-repeat left center;
			}

			#readSet .readRight .specAccess a span{
				background: url(../img/common/icon_access.png) no-repeat left center;
			}



		 .specMountain a{
				display: block;
				border: solid 1px #7898d1;
				width: 180px;
				text-align: center;
				font-weight: bold;
				color: #3965b4;
				margin:15px 0 15px 0;
			}
			 .specMountain a span{
					padding:0 0 0 35px;
					background: url(../img/common/icon_mt.png) no-repeat left center;
				}



.other_s{margin:20px 0 0 0;}
	.other_s p{display: inline-block; margin-right:5px; text-align: center;}
	.other_s p a{display: block;padding:3px 15px 2px 15px; color:#ffffff;}
	.other_s p a:hover{color:#ffffff!important;}
	.other_s p.summer a{background: #2b69c2;}
	.other_s p.autumn a{background: #ed5400;}







@media only screen and (max-width:1024px){
	#readSet {
		margin-bottom:15px;
	}

	#readSet .readLeft{
		float:none!important;
		width:100%;
	}
	#readSet .readRight{
		margin:15px 0 0 0;
		float:none!important;
		width:100%;
	}
	#readSet .readLeft .specSet{
		margin:20px 0 0 0;
	}
		#readSet .readLeft .specSet p{
			float:none!important;
			margin:0 0 30px 0;
		}
		#readSet .readLeft .specSet .specLeft{
			float:none;
			margin-right:0;
		}

	#readSet .readRight ul.btnSet{
		margin:0 0 0 0;
		float:none;
	}

		#readSet .readRight a{
			width: 100%!important;
			padding:9px 0 9px 0!important;
			background-position:15px!important;
		}


	#readSet .readLeft .trSet{
		display: table!important;
		width: 100%;
		margin: 0 0 10px 0;
	}
	#readSet .readLeft .trSet .title_read{
		display: table-cell;
		vertical-align: top;
		padding-right:10px;
	}
	#readSet .readLeft .trSet .map_sp{
		display: table-cell;
		vertical-align: top;
		width: 35%;
		margin-top:7px
	}


	.other_s{width:100%; text-align: center;}
	.other_s p{width:46%; margin:0 2px 0 2px;}
	.other_s p a{padding:3px 3px 2px 3px;}
}


@media only screen and (max-width:647px){
		#readSet .readLeft .trSet .map_sp img{
			width:300%;
	}
}



/* ########  tabArea  ######## */

#tabArea{
	padding-top:35px;
	margin: 0 0 0 0;
	border-bottom:solid 2px #3965b4;
}

	#tabArea ul li.tab_mountain{
		float:left;
		width:49.5%;
		text-align: center;
	}

	#tabArea ul li.tab_resort{
		float:right;
		width:49.5%;
		text-align: center;
	}


		#tabArea ul li a{
			display: block;
			background: #efefef;
			color: #a5a5a5;
			font-size: 150%;
			padding:18px 0 16px 0;
		}

		#tabArea ul li.tab_mountain a span{
			background: url(../img/common/icon_mountain_g.png) no-repeat left center;
			padding:3px 0 0 40px
		}
		#tabArea ul li.tab_mountain a:hover span,
		#tabArea ul li.tab_mountain.now a span{
			background: url(../img/common/icon_mountain_w.png) no-repeat left center;
			padding:3px 0 0 40px
		}

		#tabArea ul li.tab_resort a span{
			background: url(../img/common/icon_resort_g.png) no-repeat left center;
			padding:3px 0 0 42px
		}
		#tabArea ul li.tab_resort a:hover span,
		#tabArea ul li.tab_resort.now a span{
			background: url(../img/common/icon_resort_w.png) no-repeat left center;
			padding:3px 0 0 42px
		}

			#tabArea ul li a:hover,
			#tabArea ul li.now a{
				background: #3965b4;
				color: #ffffff!important;
			}


			.p_caption{
				width: 600px;
			}
				.p_caption li{
						width: 300px;
						text-align: center;
						float:left;
					}



@media only screen and (max-width:1024px){
		#tabArea{
			padding:40px 0 0 0!important;
			margin:0 0 0 0!important;
		}

		#tabArea ul li a{
			padding:10px 0 8px 0;
		}

		#tabArea ul li a span{
			font-size: 70%;
			background-size: 15%!important;
			padding:0 0 0 25px!important;
		}

		.p_caption{
			width: 100%;
		}
			.p_caption li{
					width: 50%;
				}


	}


/* ########  clear  ######## */
#readSet:after,
#readSet .readLeft .specSet:after,
#tabArea ul:after,
.p_caption:after{
	display:block;content:"";clear:both;overflow:hidden;
}


/******************************************************/
/* tabInner */
/******************************************************/

/* アコーディオン */

.acoSet{
	background: #ffffff;
}
	.acoSet .aco .acMenu{
		display: table;
	  background:url("../img/btn_open_sp.png") no-repeat right center;
	  cursor:pointer;
		padding-right:40px;
		width: 100%;
		padding:10px 10px 8px 12px;
		border: solid 1px #bcbcbc;
	}

	.acoSet .open .acMenu{
		display: table;
    padding-right: 40px;
    width: 100%;
    padding: 10px 10px 8px 12px;
    border: solid 1px #bcbcbc;
	}
			.acoSet .aco .acMenu p{
				padding:1px;
				display: table-cell!important;
			}

		.acoSet .open .acMenu h3{
			font-size: 105%;
			line-height:110%;
			display: table-cell!important;
			vertical-align: middle!important;
			padding:5px 20 0 0;
		}

		.acoSet .aco .acMenu h3 span{
			font-weight: normal!important;
			font-size: 70%;
			width: 90%;
			margin:5px 0 0 0;
			display: block;
		}

	.acoSet .aco .acMenu.active{
	  background:url("../img/btn_close_sp.png") no-repeat right center!important;
	}

	.acoSet .aco .spec{
	  display:none;
	}



@media only screen and (max-width:1024px){
		.acoSet .aco .acMenu h3 span{
			display: block;
		}
	}



















/* ########  common  ######## */

		#tabInner{
			background-size: 100%;
			padding:0 40px 0 40px;
			background: url(../img/common/bg_tab_mountain.jpg) no-repeat left top;
		}


			#tabInner ul.localMenu{
				padding:5% 0 0 0;
				text-align: center;
			}
				#tabInner ul.localMenu li{
					margin:0 5px 0 0;
					font-size: 100%;
					border:1px solid #6579ad;
					display: inline-block;;
					text-align: center;
					font-weight: bold;
				}
					#tabInner ul.localMenu li a{
						display: block;
						padding:0 15px 0 15px;
					}
					#tabInner ul.localMenu li a:hover{
						background: #e9f1f7;
					}


				/*
				#tabInner ul.localMenu li:last-child{
					border-right:none!important;
				}
*/


		#tabInner h2{
			margin: 50px 0 30px 0!important;
			font-size:200%;
			font-weight: bold;
			padding:0 0 1px 0!important;
			border-bottom:1px solid #474747;
		}


		#tabInner h3{
			margin:30px 0 20px 0;
			font-size:130%;
			color:#000000;
			font-weight: bold;
		}


		#tabInner h3.main_ttl{
			margin:40px 0 25px 0;
			font-size:130%;
			background:#00602a;
			color:#ffffff;
			font-weight: bold;
			padding:5px 12px 3px 12px;
		}

		#tabInner h3.main_ttl02{
			margin:40px 0 20px 0;
			font-size:130%;
			background:#eeeeee;
			color:#000000;
			font-weight: bold;
			padding:5px 12px 3px 12px;
		}



		#tabInner h3.main_area{
			margin:40px 0 20px 0;
			font-size:130%;
			font-weight: bold;
			border: 1px solid #aaaaaa;
			padding:5px 12px 3px 12px;
		}





		#tabInner h4{
			font-size:130%;
			font-weight: bold;
			padding:17px 0 10px 0;
		}


/* 記事セット */



		#tabInner .border{
			border-top:1px dotted #555555;
			padding-top:30px;
		}

		#tabInner .clSet01{
			margin:10px 0 30px 0;
		}

			#tabInner .clSet01 .clLeft{
				width:700px;
				float:left;
			}
			#tabInner .clSet01 .clLeft.w327{
				width:327px;
			}
				#tabInner .clSet01 .clLeft h3{
					margin:0 0 20px 0;
				}
			#tabInner .clSet01 .clRight{
				width:373px;
				float:right;
				margin:0 0 0  0;
			}
			#tabInner .clSet01 .clRight.w746{
				width:746px;
			}


		#tabInner .clSet02{
			margin:0 0 30px 0;
		}



			#tabInner .clSet02 .clLeft{
				width:480px;
				float:left;
			}
				#tabInner .clSet02 .clLeft h3{
					margin:0 0 20px 0;
				}
			#tabInner .clSet02 .clRight{
				width:600px;
				float:right;
				margin:0 0 0  0;
			}



				#tabInner .clSet03 .clLeft{
					width:440px;
					float:left;
				}
					#tabInner .clSet03 .clLeft h3{
						margin:0 0 20px 0;
					}
				#tabInner .clSet03 .clRight{
					width:600px;
					float:right;
					margin:0 0 0  0;
				}



/* グレー背景 */
		 .gBox{
			margin:30px 0 0 0;
			border:1px solid #cccccc;
			padding:20px 25px 16px 25px;
			background: #fbfbfb;
		}

			 .gBox .gSet{
				 margin:0 0 15px 0;
			}
				 .gBox .gSet .gLeft{
					 float:left;
					 width: 747px;
				}
				 .gBox .gSet .gLeft.photo2{
					 float:left;
					 width: 447px;
				}
				 .gBox .gSet .gRight{
					 float:left;
					 margin:0 0 0 20px;
				}

			.gBox h3{
				margin: 0 0 10px 0!important;
				font-size:140%;
				font-weight: bold;
			}




.mainPhoto{
	margin:30px 0 30px 0;
}

@media only screen and (max-width:1024px){
		#tabInner{
			background:none!important;
			padding:0;
		}
		#tabInner ul.localMenu{
			margin:0 0 20px 0;
		}

		#tabInner ul.localMenu li{
			font-size: 100%;
			line-height:105%;
			margin:3px 0 3px 3px;
		}
			#tabInner ul.localMenu li a{
				padding:5px 10px 5px 10px;
			}

			#tabInner .clSet01 .clRight.w746{
				width:100%;
			}

		#tabInner h2.cLine {
		  display: -webkit-box!important;
		  display: -webkit-flex!important;
		  display: -ms-flexbox!important;
		  display: flex!important;
		  -webkit-box-align: center!important;
		  -webkit-align-items: center!important;
		  -ms-flex-align: center!important;
		  align-items: center!important;
		  text-align: center!important;
		  /*white-space: nowrap!important;*/
			font-size: 140%!important;
			font-weight: bold!important;
			border-bottom: none!important;
			color: #000000;
			padding-top:90px!important;
			margin-top:-70px!important;
		}

		#tabInner h2.cLine:before,
		#tabInner h2.cLine:after {
		  border-top: 1px solid #999999!important;
		  content: "";
		  display: inline; /* for IE */
		  -webkit-box-flex: 1;
		  -webkit-flex-grow: 1;
		  -ms-flex: 1;
		  flex-grow: 1;
		}

		#tabInner h2.cLine:before {
			margin-right: 0.5em;
		}

		#tabInner h2.cLine:after {
			margin-left: 0.5em;
		}

		 .gBox{
			padding:0px 15px 10px 15px;
		}

		#tabInner h3{
			margin:10px 0 10px 0!important;
			font-size:110%;
		}


		#tabInner .clSet01 .clLeft,
		#tabInner .clSet01 .clRight,
		#tabInner .clSet02 .clLeft,
		#tabInner .clSet02 .clRight{
			width:100%;
			float:none!important;
		}

			#tabInner .clSet01 .clLeft,
			#tabInner .clSet02 .clLeft{
				margin-bottom:15px;
			}

			#tabInner .border{
				padding-top:10px;
			}

			 .gBox .gSet{
				 margin:0 0 15px 0;
			}
				 .gBox .gSet .gLeft{
					 float:none;
					 width: 100%;
				}
				 .gBox .gSet .gLeft.photo2{
					 float:none;
					 width: 100%;
				}
				 .gBox .gSet .gRight{
					 float:none;
					 margin:15px 0 0 0;
				}


	}


		#tabInner .setTitle{
			margin:20px 0 20px 0!important;
			font-size:120%;
			font-weight:bold;
		}



/* ########  clear  ######## */
#tabInner ul.localMenu:after,
#tabInner .clSet01:after,
#tabInner .clSet02:after,
.gBox .gSet:after{
	display:block;content:"";clear:both;overflow:hidden;
}



/* ########  gallery  ######## */

    #tabInner  .slider {
      width:97%;
      margin: 0 auto 0 auto;
    }
    #tabInner  .slick-slide {
      margin: 0px 10px;
    }
    #tabInner  .slick-slide img {
      width: 100%;
    }
		#tabInner .slick-dots{
			display: none!important;
		}
		.sl-close{color:#ffffff!important;}
		.sl-prev{color:#ffffff!important;}
		.sl-next{color:#ffffff!important;}
		.sl-counter{display: none!important;}


/* ########  Mountain Map ######## */

.btnArea{
	text-align:right;
	margin-top:10px;
}
.btnArea li{
	margin-left:10px;
	display:inline;
}

.btn_dl{
	text-align: right;
	margin-top:10px;
}
	.btn_dl a{
		background:#3965b4;
		color:#ffffff;
		padding:5px 50px 5px 50px;
		font-weight:bold;
		text-align: right;
		display: inline-block;
	}
		.btn_dl a span{
			background: url(../img/common/icon_dl.png) no-repeat left center;
			padding-left:20px;
			color:#ffffff;
		}
		.btn_dl a:hover{
			background:#4083e6;
		}


.btn_link{
	text-align: right;
	margin-top:10px;
}
	.btn_link a{
		background:#3965b4;
		color:#ffffff;
		padding:5px 50px 5px 50px;
		font-weight:bold;
		text-align: right;
		display: inline-block;
	}
		.btn_link a span{
			color:#ffffff;
		}
		.btn_link a:hover{
			background:#4083e6;
		}




/* table */
.t_line{
	margin:7px 0 7px 0;
	border:0;
	width:100%;
}
	.scroll {
	  overflow-x: auto;
	}
	.scroll::-webkit-scrollbar {
	  height: 5px;
	}
	.scroll::-webkit-scrollbar-track {
	  border-radius: 5px;
	  background: #eee;
	}
	.scroll::-webkit-scrollbar-thumb {
	  border-radius: 5px;
	  background: #666;
	}



.t_line.fw tr:nth-child(even) {
	background: #f7f7f7;
}

.t_line.fg tr:nth-child(odd) {
	background: #f7f7f7;
}

.t_line th,
.t_line td{
	border :solid 1px #cdcdcd;
	padding:5px 15px 5px 15px;
	vertical-align: middle;
	background: #ffffff;
}

.t_line th{
	background-color : #f1f4f9;
	text-align: center;
}

.t_line td span.caut {
	color: red;
}

.cap{
	margin:10px 0 0 0;
}
	.cap li{
		font-size: 90%;
		line-height: 160%;
		text-indent: -0.5em;
		margin-left: 0.5em;
	}
	.cap li span {
		color: red;
	}

.areaSet_sp.ac_table{
	font-size: 90%;
	margin:30px 0 0 0!important;
	border:none;
}
	.areaSet_sp.ac_table .acMenu,
	.areaSet_sp.ac_table .acMenu.active{
		background-position: right center!important;
		background-size: 25px!important;
		padding:4px 30px 4px .0;
		width: auto;
		color: #244d9f;
	}
	.spec{
		margin-top:10px;
		border-top:none!important;
	}



	.areaSet_sp.ac_table h3{
		padding:0 0 0 0!important;
		width: 100%!important;
	}



.spec .specInner .innerLeft{
	float:left;
	width:300px;
}
.spec .specInner .innerRight{
	float:right;
	width:800px;
}



.icon_ad,
.icon_be,
.icon_in{
	display: inline-block;
	color: #ffffff;
	width: 90px;
	text-align: center;
	padding:5px 0 4px 0;
	margin:0;
	line-height:100%;
	margin-right:10px;
}



.icon_be{
	background:#00a73d;
}
.icon_in{
	background:#da000a;
}
.icon_ad{
	background:#221715;
}

/* clear */
.spec .specInner:after{
	display:block;content:"";clear:both;overflow:hidden;
}


@media only screen and (max-width:1024px){
    #tabInner  .slider {
      width:88%;
      margin: 10px auto 0 auto;
    }
    #tabInner  .slick-slide {
      margin: 0px 5px;
    }

		.sl-prev{display: none!important;}
		.sl-next{display: none!importants;}

	.btnArea li{
		margin:0 0 0 0!important;
	}
		.btn_dl,
		.btn_link{
			text-align: left!important;
		}
			.btn_dl a,
			.btn_link a{
				text-align: center;
				width: 100%;
				margin:0 0 10px 0;
			}
				.btn_dl a span,
				.btn_dl a span{
					margin-left:0;
				}


		.spec .specInner .innerLeft{
			float:none;
			width:100%;
			text-align:center;
			margin: 0 0 20px 0;
		}
		.spec .specInner .innerRight{
			float:none;
			width:100%;
			text-align:center;
		}

	.icon_ad,
	.icon_be,
	.icon_in{
		margin: 8px 0 5px 0;
		display:block;
	}


	}




/******************************************************/
/* accessArea */
/******************************************************/
#accessArea {
	margin:40px 0 0 0;
	border:solid 1px #d6d6d6;
	padding:60px 30px 30px 30px;
}

	#accessArea h2{
		background: url(../img/common/icon_access02.png) no-repeat left center;
		padding:2px 0 2px 38px!important;
		margin: -30px 0 30px 0!important;
		font-size:180%;
		font-weight: bold;
		border: none;
		display: block;
		text-align: left;
	}


	#accessArea .rootguide{
		margin:30px 0 0 0;
		border-top:1px dotted #555555;
		padding:30px 0 0 0;
	}

	#accessArea .rootguide:nth-child(3){
	border:none!important;
	margin-top:0!important;
}


		#accessArea h3.air{
			background: url(../img/common/icon_air.png) no-repeat left center;
		}
		#accessArea h3.car{
			background: url(../img/common/icon_car.png) no-repeat left center;
		}
		#accessArea h3.train{
			background: url(../img/common/icon_train.png) no-repeat left center;
		}

		#accessArea .rootguide h3{
			float:left;
			width:265px;
			margin: 0;
			padding:0 0 0 34px;
			font-weight: bold;
			font-size:120%;
		}

			#accessArea .rootguide ul{
				border-left:1px dotted #555555;
				float:left;
				width:870px;
			}

				#accessArea .rootguide ul li{
					margin:0 0 0 30px;
					float:left;
					font-weight: bold;
					font-size: 110%;
				}
					#accessArea .rootguide ul li a{
						background: url(../img/common/arrowRight_3.png) no-repeat right center;
						padding-right:17px;
					}

	.ac_cap{
		text-align: right;
		margin:25px -15px -25px 0;
	}

#map {
  width: 100%;
  height: 450px;
}



@media only screen and (max-width:1024px){
		#aaWrapper{
			margin:-20px 0 0 0!important;
			padding:20px 0 0 0!important;
		}

		#accessArea {
			margin:20px 0 0 0;
			border:solid 1px #d6d6d6;
			padding:40px 20px 20px 20px;
		}
		#accessArea h2{
			padding:12px 0 10px 35px!important;
			margin:-35px 0 10px 0!important;
			font-size: 130%;
		}

		#map {
			height: 250px;
			margin-bottom:210px;
		  }
  
		#accessArea .rootguide{
			margin:20px 0 0 0;
			padding:20px 0 0 0;
			font-size: 90%;
		}

		#accessArea .rootguide h3{
			float:none;
			width:100%;
			margin:0 0 0 0!important;
		}

		#accessArea .rootguide ul,
		#accessArea .rootguide ul li{
			float:none;
			width:100%;
			border: none;
			padding:7px 0 0 0;
			margin:0;
		}

		.ac_cap{
			text-align: left;;
			margin:10px 0 0 0;
			padding: 0;
			font-size: 80%;
		}


	}



/******************************************************/
/* otherArea */
/******************************************************/

#otherArea{
	margin:50px 0 0 0;
}
	#otherArea .fb{
		float: left;
		margin:0 15px 0 0;
	}

	#otherArea ul.banner{
		/* float: left; */
		margin: 0 auto;
		display: table;
		padding-right:-30px!important;
	}
		#otherArea ul.banner li{
			display:table-cell;
			padding:0 0 30px 30px;
		}

		#otherArea ul.banner li img{
			width: 100%;
		}

		#otherArea ul.banner li:first-child{
			padding-left:0;
		}



@media only screen and (max-width:1024px){
#otherArea{
	margin:40px 0 0 0;
}
	#otherArea ul.banner{
		float: none;
		width: 100%;
	}
	#otherArea ul.banner.b1{
		width: 33.3%;
	}
		#otherArea ul.banner li{
			display:table-cell;
			padding:0 5px 10px 5px;
		}
		#otherArea .fb{
			float: none;
			text-align: center;
			margin: 0 0 40px 0;
		}
}


/******************************************************/
/* popup */
/******************************************************/

body#pop #pMain{
	width:1099px;
	margin: auto;
	box-sizing: border-box;
	padding:50px 30px 50px 30px;
	box-sizing: content-box;
}
	body#pop #pMain h1{
		margin: 0 0 20px 0;
	}
		body#pop #pMain h1 span{
			display: block;
		}

	body#pop #pMain h2{
		font-weight: bold;
		padding-top:10px!important;
	}

	body#pop #pMain .gBox .kijiSet{
	}

	body#pop #pMain .gBox .kijiSet .kijiLeft{
		width:630px;
		float:left;
	}

	body#pop #pMain .gBox .kijiSet .kijiRight{
		float:right;
		width:403px;
		padding:10px 0 0 0;
	}


@media only screen and (max-width:1024px){
	body#pop #pMain{
		padding:25px 30px 0 30px;
		width:100%;
		box-sizing: border-box!important;
	}
	body#pop #pMain .gBox .kijiSet .kijiLeft{
		width:100%;
		float:none;
	}

	body#pop #pMain .gBox .kijiSet .kijiRight{
		width:100%;
		float:none;
	}

	body#pop #pMain h2{
		padding-top:60px!important;
	}

	body#pop #pMain .gBox{
		margin-top:20px!important;
	}

	}




/******************************************************/
/* map accordion */
/******************************************************/

.access_kagura{
	font-weight: bold;
	font-size: 160%;
	margin:5px 0 0 55px;	
}

@media screen and (max-width: 736px) {
	.access_kagura{
		font-weight: bold;
		font-size: 90%;
		margin:5px 0 0 15px;	
	}
}


.accordion_area {}
.accordion_area .accordion_one .ac_header {
	padding: 1rem 1rem 1rem 1rem;
	position: relative;
	z-index: +1;
	cursor: pointer;
	transition: .2s;
	background-color: #f1f4f9;
	border: 1px solid #d6d6d6;
	border-top: none;
}

.accordion_area .accordion_one .ac_header .i_box {
  position: absolute;
  top: 50%;
  right: 1.2rem;
  width: 20px;
  height: 20px;
  margin-top: -10px;
}

.p-faq__q-txt{
	font-weight: bold;
	font-size: 140%;
}


.p-faq__q-txt.icon_pub{
	background: url(../img/common/icon_train.png) no-repeat left center;
	padding-left: 45px;
}

.p-faq__q-txt.icon_car{
	background: url(../img/common/icon_car.png) no-repeat left center;
	padding-left: 45px;
}

.p-faq__q-txt.icon_air{
	background: url(../img/common/icon_air.png) no-repeat left center;
	padding-left: 45px;
}


.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
  position: absolute;
  content: "";
  margin: auto;
  box-sizing: border-box;
  vertical-align: middle;
}
.accordion_area .accordion_one .ac_header .i_box:before {
  border-top: 2px solid #000;
  width: 20px;
  height: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
.accordion_area .accordion_one .ac_header .i_box:after {
  border-left: 2px solid #000;
  width: 0;
  height: 20px;
  top: 0;
  bottom: 0;
  right: 9px;
  transition: .3s;
}
.accordion_area .accordion_one .ac_header.open .i_box:after {
  height: 0;
}

.accordion_area .accordion_one .ac_inner {
  display: none;
  padding: 1.3rem 0 1.3rem 0;
  border: 1px solid #d6d6d6;
  border-top: none;
}

.accordion_area .accordion_one .ac_inner img{
	width: 100%;
  }
  


@media screen and (max-width: 736px) {
  .accordion_area .accordion_one .ac_header {
    padding: 1rem 2rem 1rem 1.0rem;
  }
  .accordion_area .accordion_one .ac_header .i_box {
    right: 0.8rem;
    width: 15px;
    height: 15px;
    margin-top: -7px;
  }
  .accordion_area .accordion_one .ac_header .i_box:before {
    width: 15px;
  }
  .accordion_area .accordion_one .ac_header .i_box:after {
    height: 15px;
    right: 7px;
  }
  .accordion_area .accordion_one .ac_inner {
    padding: 0.5rem 0 0.5rem 0;
  }

	.p-faq__q-txt{
		font-size: 120%;
		line-height: 180%;
	}
}




/******************************************************/
/* clear */
/******************************************************/

.clear:after,
#accessArea .rootguide:after,
#accessArea .rootguide ul:after,
#otherArea:after,
#otherArea ul.banner:after,
body#pop #pMain .gBox .kijiSet:after{
	display:block;content:"";clear:both;overflow:hidden;
}