@charset "utf-8";


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


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

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

.commingsoon {
	border: 1px solid #7898d1;
  padding: 30px;
  margin-bottom: 40px;
}

.commingsoon h3 {
	text-align: center;
	font-size: 36px;
	color: #3965b4;
	font-weight: bold;
	line-height: 1.5;
}

.commingsoon p {
	text-align: center;
	font-size: 18px;
	color: #3965b4;
}

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

	.commingsoon {
	  padding: 20px;
	}

	.commingsoon h3 {
		font-size: 2em;
		line-height: 1.3;
	}

	.commingsoon p {
		font-size: .9em;
		line-height: 1.2;
		padding-top: 5px;
	}
}

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

	h1 span{
		font-size:70%;
		color: #3965b4;
	}

h2{
	font-size: 150%;
	margin:-20px 0 15px 0!important;
	display: block;
	padding:60px 0 0 0!important;
}


@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: 120%;margin:15px 0 0px 0;font-weight:bold; line-height: 140%;}
}
@media only screen and (max-width:647px){
	h1{font-size:200%; margin:7px 0 0 0;}
	h2{margin:-40px 0 0 0!important}
}



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

#readSet{}
#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;
}

#readSet .oamo{
	font-weight:bold;
	color:#fe0d15;
}
#readSet .oamo a{
	color:#fe0d15;
}
#readSet .oamo a:hover{
	color:#ff6066!important;
}



/* ### fb btnSet ### */

.trSet{
	margin-bottom:10px;
}

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

	.read_fb{
		line-height: 140%;
		padding-bottom: 10px;
	}

	#readSet ul.btnSet{
		margin:0 0 0 0;
	}
		#readSet ul.btnSet li{
			margin:0 0 15px 0;
			box-sizing: border-box;
		}
		#readSet ul.btnSet li a{
			padding:15px 0 15px 0;
		}
			#readSet a span{
				padding:4px 0 4px 35px;
			}

			#readSet ul.btnSet a{
				display: block;
				border: solid 1px #7898d1;
				width: 381px;
				text-align: center;
				font-weight: bold;
				color: #3965b4;
			}
				#readSet ul.btnSet a:hover{
					background-color:#f0f5ff!important;
				}

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

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

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

			#readSet ul.btnSet  .specLift a span{
				background: url(../img/common/icon_lift.png) no-repeat left center;
			}
	
			#readSet ul.btnSet  .specReport a span{
				background: url(../img/common/icon_report.png) no-repeat left center;
				padding: 2px 0 2px 28px;
			}

			#readSet ul.btnSet  .specDownload a span{
				background: url(../img/common/icon_download.png) no-repeat left center;
				padding: 2px 0 2px 28px;
			}


	.clSet01 ul.btnSet{
		width:100%;
		margin-top:30px;
		text-align: center;
	}
		.clSet01 ul.btnSet li{
			margin:0 30px 0 0;
			box-sizing: border-box;
			display: inline-block;
		}
		.clSet01 ul.btnSet li:last-child{
			margin:0;
		}
		.clSet01 ul.btnSet li a{
			padding:15px 0 15px 0;
		}
			.clSet01 a span{
				padding:0 0 0 35px;
			}

			.clSet01 ul.btnSet a{
				display: block;
				border: solid 1px #7898d1;
				width: 500px;
				text-align: center;
				font-weight: bold;
				color: #3965b4;
			}
				.clSet01 ul.btnSet a:hover{
					background-color:#f0f5ff!important;
				}

			.clSet01 ul.btnSet .specTicket a span{
				background: url(../img/common/icon_ticket.png) no-repeat left center;
				padding:12px 0 12px 35px;
			}

			.clSet01 ul.btnSet .specRental a span{
				background: url(../img/common/icon_rental.png) no-repeat left center;
				padding:12px 0 12px 35px;
			}



@media only screen and (max-width:647px){
		.clSet01 ul.btnSet li{
			margin:0 0 15px 0;
		}

		.clSet01 ul.btnSet li:last-child{
			margin:0;
		}

		.clSet01 ul.btnSet a{
			width: 350px;
		}
}



			.btn_mob_set{
				display: flex;
				justify-content: space-between;
			}
				.btn_mob_set .mov{
					width: 380px;
				}


	.clSet01 .ticketRead{
		margin-top:30px;
		line-height:165%;
	}


/* ### fb btnSet ### */









		 .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;
				}



@media only screen and (max-width:1024px){
	#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;
		}


		/* ### fb btnSet ### */
			#readSet ul.btnSet{
				margin:0 0 0 0;
				display: block;
			}

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

				.btn_mob_set{
					display: block;
				}
					.btn_mob_set .mov{
						width: 100%;
						position:relative;
						height:0;
						padding-bottom:56.25%;

					}
					.btn_mob_set .mov iframe{
						position:absolute;
						width:100%;
						height:100%;
						left:0
					}
						.trSet{
							width: 100%;
							margin: 0 0 10px 0;
						}
						.trSet .title_read{
							display: table-cell;
							vertical-align: top;
						}
						.trSet .map_sp{
							width: 50%;
							margin: 10px auto 10px auto;
						}
				.mes{
					font-size:90%;
				}
		}

		@media only screen and (max-width:647px){
			.trSet .map_sp{
				width: 100%;
			}

				.trSet .map_sp img{
					width: 100%;
			}
		}
		/* ### fb btnSet ### */








/* ########  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;
					}


			.p_caption2{
				width: 100%;
				margin-top:-30px;
			}
				.p_caption2 li{
						width: 373px;
						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%;
				}

		.p_caption2{
			width: 100%;
		}
			.p_caption2 li{
					width: 33%;
				}


	}


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


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

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

		#tabInner{
			background-size: 100%;
			padding:0 40px 0 40px;
		}

		#tabInner.mountain{
			background: url(../img/common/bg_tab_mountain.jpg) no-repeat left top;
		}
		#tabInner.resort{
			background: url(../img/common/bg_tab_resort.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: #f0f5ff;
					}


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


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

		#tabInner h3{
			margin:20px 0 0 0;
			font-size:140%;
			font-weight: bold;
		}


/* 記事セット */



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

		#tabInner .clSet01{
			margin:0 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;
			}

/* グレー背景 */
		 .gBox{
			margin:30px 0 0 0;
			border:1px solid #cccccc;
			padding:20px;
			background: #fbfbfb;
		}
			.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;
		}


		#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{
				margin:-10px 0 30px 0!important;
			}


	}


		#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{
	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:20px;
}
.btnArea li{
	margin-left:10px;
	display:inline;
}

.btn_dl{
	text-align: right;
	margin-top:20px;
}
	.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.iconLink a span{
			background: url(../img/common/icon_link.png) no-repeat left center!important;
			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 20px;
		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 tr.out {
	background: #dfdfdf;
	color:#777777;
}

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

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


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


.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_cn{
	display: inline-block;
	color: #000000;
	width: 35px;
	text-align: center;
	padding:5px 0 4px 0;
	margin:0;
	line-height:100%;
	margin-right:10px;
	border: solid 1px #999999;
}


.icon_cn{
	background:#ffffff;
}


.icon_be{
	background:#00a73d;
}
.icon_in{
	background:#0069b2;
}
.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,
	.icon_cn{
		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(0){
	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 h3.bus{
			background: url(../img/common/icon_bus.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;
}
#map iframe {
  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;
		}
		#map iframe {
		  height: 250px;
		}

		#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;
				display: table;
				width: 50%;
				padding-right: 30px;
			}
			#otherArea ul.banner:nth-child(2n){
				padding-right: 0;
			}

				#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;
				}
			#otherArea ul.banner.b1{
				width: 23.8%;
			}



@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: 49.7%;
			}
				#otherArea ul.banner li{
					display:table-cell;
					padding:0 5px 10px 5px;
				}
				#otherArea .fb{
					float: none;
					text-align: center;
					margin: 0 0 40px 0;
				}
			#otherArea ul.banner:nth-child(1n){
				padding-right: 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;
	}

	}



section.cameraBox01{
	width:1000px;
	margin: auto;
	box-sizing: border-box;
	padding:30px 0 30px 0;
	box-sizing: content-box;
}
section.cameraBox01 .cameraBox01L{
	width:480px;
	float:left;
	margin-right:20px;
}
section.cameraBox01 .cameraBox01R{
	width:480px;
	float:left;
	margin-left:20px;
}
section.cameraBox01 .liveCamera01 iframe{
	width:480px;
	height:440px;
}
section.cameraBox01 .liveCamera02 iframe{
	width:480px;
	height:440px;
}
h3.lcTitle{
	font-size:180%!important;
	font-weight:bold;
	width:1000px;
	border-bottom: 1px solid #333;
	line-height:2em;
	margin: auto;
}
p.lcTitle2{
	font-size:150%!important;
	margin-bottom:20px;
}



@media only screen and (max-width:1024px){
	section.cameraBox01{
		width:auto!important;
		margin: auto;
		box-sizing: border-box;
		padding:10px 0 10px 0;
		box-sizing: content-box;
	}
	section.cameraBox01 .cameraBox01L{
		width:100%!important;
		margin-left:0!important;
	}
	section.cameraBox01 .cameraBox01R{
		width:100%!important;
		margin-left:0!important;
	}
	section.cameraBox01 .liveCamera01 iframe{
		width:100%!important;
		height:300px;
	}
	section.cameraBox01 .liveCamera02 iframe{
		width:100%!important;
		height:300px;
	}
	h3.lcTitle{
		font-size:180%!important;
		font-weight:bold;
		width:auto!important;
		border-bottom: 1px solid #333;
		line-height:2em;
		margin: auto;
	}
	p.lcTitle2{
		font-size:150%!important;
		margin-bottom:20px;
	}

	}



/******************************************************/
/* 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,
section.cameraBox01:after{
	display:block;content:"";clear:both;overflow:hidden;
}