@charset "UTF-8";

/* ---------------------------------------------------------
	共通ナビ：プランリスト
---------------------------------------------------------*/
nav#plan_nav{
	margin-block: 0;
}
#plan_nav ul.plan_menu{
	position: relative;
	z-index: 2;
	justify-content: center;
	gap: 0 10px;
}
ul.plan_menu > li{
	display: block;
	margin-bottom: 15px;
	padding: 5px 3px;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #013C68;
	background: #C1EAF3;
	border: 2px solid #C1EAF3;
	border-radius: 5px;
}
ul.plan_menu > li#plan_air{
	padding-left: 38px;
	background-image: url(/ski/_common/illust_air_b.svg);
	background-repeat: no-repeat;
	background-position: left 5px;
	background-size: 38px;
}
ul.plan_menu > li b{
	cursor: default;
}
ul.plan_menu > li span{
	font-size: 14px;
}
ul.plan_menu > li.active,
ul.plan_menu > li.nowon,
ul.plan_menu > li:hover{
	margin-bottom: 8px;
	padding-bottom: 10px;
	color: #E94900;
	background: #FFF;
	border-radius: 5px 5px 0 0;
	border-bottom: none;
}
ul.plan_menu > li ul.plan_menu_item{
	position: absolute;
	z-index: -1;
	top: calc(100% - 10px);
	left: 0;
	padding: 15px 20px;
	width: 100%;
	margin: 0 auto;
	background: #FFF;
	border: 2px solid #C1EAF3;
	border-radius: 10px;
	gap: 10px 20px;
	justify-content: center;
}
ul.plan_menu_item li a{
	display: block;
	margin-inline: auto;
	padding: 5px 20px;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	color: #013C68;
	background: #C1EAF3;
	border: 2px solid #C1EAF3;
	border-radius: 5px;
}
ul.plan_menu_item li.active a,
ul.plan_menu_item li a:hover{
	color: #E94900;
	background: #FFF;
}
ul.plan_menu_item li span{
	display: inline-block;
	margin-right: 5px;
}

/* ---------------------------------------------------------
	共通：空席確認・申込み
--------------------------------------------------------- */
.dj_link{
	padding: 5px 5px 10px;
	background: #00A0E9;
	border-radius: 10px;
	transition: 0.3s;
}
.dj_link:not(:first-of-type){
	margin-top: 10px;
}
.dj_link a{
	text-decoration: none;
	justify-content: space-between;
}
.dj_link a > div{
	width: calc(100% - 75px);
}
.dj_link a h4{
	width: 100%;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: left;
	color: #FFF;
}
.dj_link a h4 b{
	display: block;
	width: 100%;
	margin: 0 auto 10px;
	padding: 5px 0;
	font-size: 14px;
	text-align: center;
	color: #FF0;
	border-bottom: 1px dotted #FFF;
}
.dj_link a h4 b.air_plan{
	padding-left: 34px;
	background: url(/ski/_common/illust_air_b.svg) no-repeat calc(50% - 4em) center;
	background-size: 32px;
}
.dj_link a h4 span{
	display: inline-block;
	padding: 1px 2px;
	font-size: 12px;
	border: 1px solid #FFF;
}
.dj_link a .plan_htl h4{
	line-height: 1.5;
}
.dj_link a dl{
	width: calc(100% - 75px);
	padding: 3px;
	text-align: center;
	background: #FFF;
}
.dj_link a dl dt{
	padding: 2px 0;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #00A0E9;
	transition: 0.3s;
}
.dj_link a dl dd{
	padding: 3px 0 0;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
}
/*
.dj_link a dl dd span{
	display: inline-block;
	margin-right: 10px;
	padding-left: 25px;
	font-size: 14px;
	font-weight: bold;
	color: #013C68;
	background: url(/ski/_common/stay_bed.svg) no-repeat left center;
}
.dj_link a dl dd span.date{
	display: block;
	margin-right: 0;
	padding-left: 0;
	font-weight: normal;
	text-align: center;
	background: none;
}
*/
.dj_link a p.order{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 70px;
	line-height: 1.3;
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	color: #FFF;
	background: #E94900;
	border: 2px solid #FFF;
	border-radius: 8px;
	transition: 0.3s;
}
.dj_link:hover,
.dj_link a:hover dl dt{
	background: #013C68;
}
.dj_link a:hover p.order{
	color: #FF0;
	background: #00A0E9;
}

/* ---------------------------------------------------------
	共通トップ：ティッカー
--------------------------------------------------------- */
#ticker_wrapper{
	margin-top: 50px;
	max-width: 100%;
}
#ticker_wrapper .bx-wrapper{
	margin: 0 auto;
	background: none;
	box-shadow: none;
	border: none;
}
#ticker_wrapper ul#ticker{
	display: flex;
	height: 100%;
}
#ticker_wrapper ul#ticker li{
	background: #FFF;
}
#ticker_wrapper ul#ticker .slick-slide{
	margin: 0 5px;
}
#ticker_wrapper ul#ticker li a{
	display: block;
	text-decoration: none;
}
#ticker_wrapper ul#ticker li:hover{
	background: #FFFFDD;
	cursor: pointer;
}
#ticker_wrapper ul#ticker li a img{
	width: 100%;
	max-height: 140px;
	-webkit-transition: 300ms;
	transition: 300ms;
}
#ticker_wrapper ul#ticker li a:hover img{
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
#ticker_wrapper ul#ticker li a dl{
	margin: 5px 10px 10px;
}
#ticker_wrapper ul#ticker li a dl dt{
	font-size: 14px;
	font-size: 14rem;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
#ticker_wrapper ul#ticker li a:hover dl dt{
	color: #1592E6;
}
#ticker_wrapper ul#ticker li a dl dd{
	font-size: 12px;
	font-size: 12rem;
}
#ticker_wrapper ul#ticker li a:hover dl dd{
	color: #16160E;
}

/* ---------------------------------------------------------
	共通プラン：ゲレンデナビ
--------------------------------------------------------- */
nav#nav_gelande{
	margin-top: 50px;
}
#nav_gelande h3{
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	color: #013C68;
	background: #C1EAF3;
	border-radius: 10px 10px 0 0;
}
#nav_gelande h3 span{
	font-size: 16px;
}
#nav_gelande ul{
	width: 100%;
	margin: 0 auto;
	padding: 10px;
	font-size: 16px;
	background: #FFF;
	border: 2px solid #C1EAF3;
	border-radius: 0 0 10px 10px;
	justify-content: space-evenly;
	gap: 5px 1.5%;
}
#nav_gelande ul li::before{
	content: '●';
}
#nav_gelande ul li a{
	color: #013C68;
	text-decoration: none;
}
#nav_gelande ul li.now a,
#nav_gelande ul li a:hover{
	color: #E94900;
	text-decoration: underline;
}


/* ---------------------------------------------------------
	出発地トップ：ツアー&プラン&ゲレンデから選ぶ
--------------------------------------------------------- */
section#plan_wrapper{
	margin-block: 70px 0;
}
#plan_wrapper nav{
	margin: 0 auto;
}
#plan_wrapper nav ul#top_nav{
	justify-content: center;
	gap: 5px;
}
ul#top_nav > li{
	width: calc((100% - 15px) / 4);
	padding-block: 0 10px;
	text-align: center;
	background-color: #FFF;
	background-position: center 15px;
	background-repeat: no-repeat;
	border: 1px solid #FFF;
}
#ngo ul#top_nav > li,
#tyo ul#top_nav > li{
	width: 32%;
}
#hkr_thk ul#top_nav > li,
#fuk ul#top_nav > li{
	width: 35%;
}
#osa ul#top_nav > li#gelande{
	width: calc(((100% - 15px) / 2) + 5px);
}
#ngo ul#top_nav > li#gelande{
	width: 50%;
}
#agt_ol ul#top_nav > li{
	width: calc((100% - 10px) / 3);
}
/*
#tyo ul#top_nav > li#gelande{
	width: 35%;
}
*/
ul#top_nav li h3{
	padding: 20px 0;
	font-size: 24px;
	font-weight: bold;
	color: #013C68;
}
ul#top_nav li h3 span{
	font-size: 18px;
}
ul#top_nav li h3.sun{
	background: rgba(255,255,255,0.6) url(/ski/_common/illust_mng.svg) no-repeat 5px -5px;
	background-size: 80px;
	background-blend-mode:lighten;
}
ul#top_nav li h3.moon{
	background: rgba(255,255,255,0.6) url(/ski/_common/illust_ngt.svg) no-repeat 5px -5px;
	background-size: 75px;
	background-blend-mode:lighten;
}
ul#top_nav li h3.air{
	background: rgba(255,255,255,0.2) url(/ski/_common/illust_air_c.svg) no-repeat 5px 1px;
	background-size: 90px;
	background-blend-mode:lighten;
}
ul#top_nav li#gelande h3{
	background: rgba(255,255,255,0.4) url(/ski/_common/illust_gelande.svg) no-repeat calc(50% - 8em) 1px;
	background-size: 80px;
	background-blend-mode:lighten;
}
ul#top_nav li ul.area_list{
	justify-content: center;
	gap: 10px 20px;
	margin-inline: 10px;
	margin-block: -10px 0;
	padding: 10px;
	background: #F6F6F6;
	border: 1px solid #DDDDDD;
	border-radius: 8px;
}
ul.area_list.flexbox li{
	width: 100%;
}
#osa #gelande ul.area_list li,
#ngo #gelande ul.area_list li{
	width: calc(50% - 10px);
}
ul.area_list li a{
	display: block;
	margin-inline: auto;
	padding: 3px 0;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
	color: #013C68;
	background: #C1EAF3;
	border: 2px solid #C1EAF3;
	border-radius: 100rem;
}
ul.area_list li a:hover{
	color: #E94900;
	background: #FFF;
}
#car ul#top_nav > li{
	width: 26%;
}
#car ul#top_nav > li:nth-of-type(2){
	width: 47%;
}
#car ul#top_nav > li:nth-of-type(2) ul.area_list li{
	width: calc(50% - 10px);
}

/* ---------------------------------------------------------
	出発地トップ：ニュース
---------------------------------------------------------*/
article#news_wrapper{
	margin-block: 50px 0;
	padding: 50px;
	background: #FFF;
}
#news_wrapper #news_inner{
	padding: 30px;
	background: #F6F6F6;
}
#news_inner #news{
	justify-content: space-between;
	margin-block: 20px 0;
	padding: 5px 20px;
	height: 250px;
	overflow: scroll;
	background: #FFF;
}
#news section{
	width: 45%;
}
#news section a{
	padding: 10px;
	padding-bottom: 10px;
	text-decoration: none;
	border-bottom: 1px dotted #CCC;
	background: #FFF;
}
#news section a:hover{
	color: #16160E;
	background: #FFFFDD;
}
#news section > a > .summary{
	width: calc(100% - 110px);
}
#news section > a > .summary.noimg{
	width: 100%;
}
#news .summary > span{
	display: inline-block;
	margin-right: 5px;
	padding: 2px 5px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #00A0E9;
	border-radius: 3px;
}
#news .summary > span > span{
	display: block;
	margin-top: 2px;
	line-height: 1.2;
	font-weight: normal;
}
#news .summary > span.dep{
	width: 5em;
}
#news .summary > span.area{
	width: 9em;
}
#news a:hover .summary > span.dep,
#news a:hover .summary > span.area{
	background: #FF871B;
}
#news section time{
	font-size: 14px;
}
#news section a h3{
	margin-top: 5px;
	line-height: 1.2;
	font-size: 16px;
	text-decoration: underline;
}
#news section a:hover h3{
	color: #E94900;
}
#news section a p{
	margin-top: 5px;
	color: #013C68;
}
#news section a figure{
	width: 100px;
	margin-left: 10px;
	-webkit-transition: 300ms;
	transition: 300ms;
}
#news section a:hover figure{
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/* ---------------------------------------------------------
	出発地トップ：bxtickerティッカー
--------------------------------------------------------- */
#ticker_wrapper{
	margin-top: 50px;
	max-width: 100%;
}
#ticker_wrapper .bx-wrapper{
	margin: 0 auto;
	background: none;
	box-shadow: none;
	border: none;
}
#ticker_wrapper ul#ticker{
	display: flex;
	height: 100%;
}
#ticker_wrapper ul#ticker li{
	background: #FFF;
}
#ticker_wrapper ul#ticker .slick-slide{
	margin: 0 5px;
}
#ticker_wrapper ul#ticker li a{
	display: block;
	text-decoration: none;
}
#ticker_wrapper ul#ticker li:hover{
	background: #FFFFDD;
	cursor: pointer;
}
#ticker_wrapper ul#ticker li a img{
	width: 100%;
	max-height: 140px;
	-webkit-transition: 300ms;
	transition: 300ms;
}
#ticker_wrapper ul#ticker li a:hover img{
	-webkit-transform: scale(1.03);
	transform: scale(1.03);
}
#ticker_wrapper ul#ticker li a dl{
	margin: 5px 10px 10px;
}
#ticker_wrapper ul#ticker li a dl dt{
	font-size: 14px;
	font-size: 14rem;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
#ticker_wrapper ul#ticker li a:hover dl dt{
	color: #1592E6;
}
#ticker_wrapper ul#ticker li a dl dd{
	font-size: 12px;
	font-size: 12rem;
}
#ticker_wrapper ul#ticker li a:hover dl dd{
	color: #16160E;
}

/* ---------------------------------------------------------
	出発地エリア：概要情報
--------------------------------------------------------- */
section#area_wrapper{
	margin-block: 100px 0;
	padding: 50px;
	background: #FFF;
}
#gelande_wrapper.plan_wrapper h2,
#area_wrapper h2{
	color: #FFF;
	background: #00A0E9;
	border-radius: 100rem;
}
#area_wrapper #area_outline{
	justify-content: space-between;
	gap: 0 2.5%;
}
#area_outline h3{
	font-size: 21px;
	color: #013C68;
}
#area_outline #area_point{
	width: 42.5%;
}
#area_point > div,
#area_point dl{
	position: relative;
	margin-top: 20px;
	padding: 10px 20px;
	background: #FEEFEB;
	border: 2px solid #FE8E8B;
	color: #013C68;
}
#area_point > div::after,
#area_point dl::after{
	content: url(/ski/_common/area_point.svg);
	position: absolute;
	top: -10px;
	left: -20px;
}
#area_point > div::after{
	left: -4.3em;
}
#area_point > div{
	text-indent: 3em;
	font-size: 16px;
}
#area_point dl dt{
	padding-left: 45px;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
}
#area_outline #area_map{
	width: 54.5%;
	overflow: hidden;
}
#area_map iframe{
	width: 100%;
	/*
	height: calc(100% + 60px);
	margin-top: -60px;
	*/
	height: 380px;
}


/* ---------------------------------------------------------
	ゲレンデエリア：
--------------------------------------------------------- */
#gelande_wrapper{
	margin-top: 50px;
	justify-content: flex-start;
	gap: 5px;
}
#gelande_wrapper #gelande_outline{
	justify-content: space-between;
	gap: 0 2.5%;
}
#gelande_outline #gelande_point{
	width: 42.5%;
}
#gelande_point > div,
#gelande_point dl{
	position: relative;
	margin-top: 20px;
	padding: 10px 20px;
	background: #FEEFEB;
	border: 2px solid #FE8E8B;
	color: #013C68;
}
#gelande_point > div::after,
#gelande_point dl::after{
	content: url(/ski/_common/area_point.svg);
	position: absolute;
	top: -10px;
	left: -20px;
}
#gelande_point > div::after{
	left: -4.3em;
}
#gelande_point > div{
	text-indent: 3em;
	font-size: 16px;
}
#gelande_point dl dt{
	padding-left: 45px;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
}
#gelande_outline #gelande_map{
	width: 54.5%;
	overflow: hidden;
}
#gelande_map iframe{
	width: 100%;
	height: 380px;
}


/* ---------------------------------------------------------
	出発地エリア：ゲレンデカード
--------------------------------------------------------- */
#gelande_list_wrapper{
	margin-top: 50px;
	justify-content: flex-start;
	gap: 5px;
}

#gelande_list_wrapper .gelande_card{
	padding: 20px;
	background: #FFF;
	width: calc((100% - 15px) / 3);
}
.gelande_card h3{
	margin-bottom: 10px;
	border-bottom: 3px solid #00A0E9;
}
.gelande_card h3 a{
	display: block;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	color: #013C68;
	color: #00A0E9;
}
.gelande_card h3 a:hover{
	color: #E94900;
}
.gelande_card figure{
	margin-bottom: 15px;
	gap: 10px;
}
.gelande_card figure img{
	width: 51.5%;
	height: 100%;
}
.gelande_card figure figcaption{
	width: calc(100% - 10px - 51.5%);
}
.gelande_card figure p{
	width: 100%;
}
.gelande_card figure p.plan_link a,
.gelande_card figure p.gelande_link a{
	display: block;
	padding: 3px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #013C68;
	background: #C1EAF3;
	border: 2px solid #C1EAF3;
	border-radius: 100rem;
	color: #00A0E9;
	border: 2px solid #00A0E9;
}
.gelande_card figure p.plan_link a:hover,
.gelande_card figure p.gelande_link a:hover{
	color: #E94900;
	background: #FFF;
}

/* ---------------------------------------------------------
	出発地エリア：バスのみプラン
--------------------------------------------------------- */
section#busonly_wrapper{
	margin-top: 50px;
	padding: 50px;
	background: #FFF;
}
section#busonly_wrapper h4{
	padding: 5px 0;
	font-size: 24px;
	color: #00A0E9;
	text-align: center;
	border-bottom: 3px solid #00A0E9;
}
section#busonly_wrapper h4 span{
	font-size: 18px;
}
section#busonly_wrapper .busonly_inner{
	margin-top: 20px;
	gap: 20px 2.5%;
	justify-content: space-between;
	align-items: flex-start;
}
.busonly_inner ul.busonly_point{
	width: 40%;
	font-size: 16px;
}
ul.busonly_point li{
	margin: 0 0 0.5em 1em;
	text-indent: -1em;
	line-height: 1.3;
}
ul.busonly_point li:not(:last-of-type)::before{
	content: "●";
	margin-bottom: 0;
	color: #00A0E9;
}
ul.busonly_point li:last-of-type{
	margin-bottom: 0;
	padding-bottom: 0;
	color: #F00;
}

.busonly_inner dl.busonly_djbtn{
	width: 57.5%;
	text-align: center;
}
dl.busonly_djbtn dt{
	padding: 5px 0;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	background: #00A0E9;
	border-radius: 5px 5px 0 0;
}
dl.busonly_djbtn dt span{
	font-size: 14px;
}
dl.busonly_djbtn dd{
	padding: 10px 0 0;
}
dl.busonly_djbtn dd ul{
	justify-content: center;
	gap: 15px 10px;
}
dl.busonly_djbtn dd ul li a{
	display: block;
	width: 12.5em;
	padding: 6px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #00A0E9;
	background: #C1EAF3;
	border: 2px solid #00A0E9;
	border-radius: 100rem;
}
dl.busonly_djbtn dd ul li.winhills a{
	width: 15em;
}
dl.busonly_djbtn dd ul li a:hover{
	color: #E94900;
	background: #FFF;
}

.busonly_inner table.busonly_schedule{
	width: 62.5%;
	background: #FFF;
	border-radius: 5px 5px 0 0;
}
table.busonly_schedule caption{
	padding: 5px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	background: #E8E6E0;
	border-radius: 5px 5px 0 0;
}
table.busonly_schedule caption span{
	font-size: 12px;
}
table.busonly_schedule th,
table.busonly_schedule td{
	padding: 5px 10px;
	vertical-align: middle;
	border-bottom: 1px solid #CCC;
}
table.busonly_schedule th{
	font-weight: normal;
	white-space: nowrap;
	background: #FAF8F4;
}
table.busonly_schedule td a{
	color: #0099ff;
}
table.busonly_schedule td span{
	font-size: 12px;
}
table.busonly_schedule span.caution{
	margin-top: 5px;
	display: block;
	color: #F00;
}

.busonly_inner table.busonly_price{
	width: 35%;
	border-collapse: separate;
	border-spacing: 0 3px;
	background: #FFF;
	border-radius: 3px;
}
table.busonly_price caption{
	padding: 5px 0;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	background: #00A0E9;
	border-radius: 5px 5px 0 0;
}
table.busonly_price th{
	padding: 5px 0;
	font-weight: normal;
	background: #E1F1FE;
	border-bottom: 1px solid #FFF;
}
table.busonly_price tr.addfee th{
	font-weight: bold;
}
table.busonly_price td{
	padding-left: 20px;
	font-size: 16px;
	font-weight: bold;
	color: #F00;
	border-bottom: 1px dotted #CCC;
}
table.busonly_price tr.addfee td{
	padding: 5px 10px;
	font-size: 14px;
	font-weight: normal;
	color: #013C68;
}

main #busonly_info{
	margin-top: 50px;
	padding: 10px 20px;
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 5px;
}
#busonly_info h5{
	font-size: 16px;
	text-align: center;
	border-bottom: 1px dotted #CCC;
}
#busonly_info ul{
	margin: 10px 20px;
}
#busonly_info ul li{
	margin-bottom: 0.5em;
	list-style: disc;
}
#busonly_info ul li:last-of-type{
	margin-bottom: 0;
}


/* ---------------------------------------------------------
	出発地ゲレンデ：詳細情報
--------------------------------------------------------- */
section#gelande_wrapper{
	margin-block: 100px 0;
	padding: 50px;
	background: #FFF;
	justify-content: space-between;
	gap: 0 30px;
}
#gelande_wrapper h2{
	color: #FFF;
	background: #013C68;
	border-radius: 100rem;
}
#gelande_wrapper figure{
	order: 1;
	width: 550px;
}
#gelande_wrapper figure a{
	position: relative;
	display: block;
}
#gelande_wrapper figure a::after{
	position: absolute;
	content: '';
	display: block;
	top: calc(100% - 40px);
	left: calc(100% - 40px);
	width: 30px;
	height: 30px;
	background: url(/ski/_common/icon_zoom.svg) no-repeat;
	background-size: 30px;
}
#gelande_wrapper figure:hover::after{
	color: #1592E6;
}
#gelande_wrapper figure a img{
	transition: 0.3s;
}
#gelande_wrapper figure a:hover img{
	opacity: 0.6;
}

#gelande_wrapper #gelande_info{
	order: 2;
	width: calc(100% - 580px);
}
#gelande_info #gelande_text{
	font-size: 16px;
}
#gelande_info dl#gelande_data{
	margin-top: 20px;
	align-items: center !important;
}
dl#gelande_data > div{
	width: 100%;
	margin-bottom: 10px;
	padding: 2px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #013C68;
	background: #C1EAF3;
	border-radius: 100rem;
}
dl#gelande_data dt{
	position: relative;
	width: 80px;
	padding: 5px 0;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #013C68;
	background: #C1EAF3;
	border-radius: 5px;
}
dl#gelande_data dt::before{
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #C1EAF3;
}
dl#gelande_data dd{
	width: calc(100% - 100px);
	margin-left: 20px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #CCC;
}
dl#gelande_data dd:nth-of-type(3),
dl#gelande_data dd:nth-of-type(4){
	width: calc(50% - 100px);
}
dl#gelande_data dt:not(:last-of-type),
dl#gelande_data dd:not(:last-of-type){
	margin-bottom: 5px;
}
dl#gelande_data dd table{
	width: 100%;
}
dl#gelande_data dd table td{
	font-weight: bold;
	white-space: nowrap;
	padding: 3px 0;
	text-align: center;
	line-height: 1.2;
	color: #FFF;
}
dl#gelande_data dd table td span{
	display: block;
	font-size: 10px;
	font-size: 10rem;
	font-weight: normal;
	color: #FFF;
}
dl#gelande_data dd table td:nth-of-type(1){ background: #6AB218; }
dl#gelande_data dd table td:nth-of-type(2){ background: #EF8A18; }
dl#gelande_data dd table td:nth-of-type(3){ background: #D1201E; }
ul#pct_facility li{
	float: left;
	width: 36px;
	height: 43px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(/ski/_common/pct_sprite.png) no-repeat 0 0;
}
ul#pct_facility li:nth-of-type(2){ background-position-x: -40px; }
ul#pct_facility li:nth-of-type(3){ background-position-x: -80px }
ul#pct_facility li:nth-of-type(4){ background-position-x: -120px; }
ul#pct_facility li:nth-of-type(5){ background-position-x: -160px; }
ul#pct_facility li:nth-of-type(6){ background-position-x: -200px; }
ul#pct_facility li.pctOff{ background-position-y: -50px; }
ul#pct_snowpark li{
	float: left;
	width: 34px;
	height: 43px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(/ski/_common/pct_sprite.png) no-repeat -240px 0;
}
ul#pct_snowpark li:nth-of-type(2){ background-position-x: -280px; }
ul#pct_snowpark li:nth-of-type(3){ background-position-x: -320px }
ul#pct_snowpark li:nth-of-type(4){ background-position-x: -360px; }
ul#pct_snowpark li:nth-of-type(5){ background-position-x: -400px; }
ul#pct_snowpark li:nth-of-type(6){ background-position-x: -440px; }
ul#pct_snowpark li:nth-of-type(7){ background-position-x: -480px; }
ul#pct_snowpark li:nth-of-type(8){ background-position-x: -520px; }
ul#pct_snowpark li:nth-of-type(9){ background-position-x: -560px; }
ul#pct_snowpark li:nth-of-type(10){ background-position-x: -600px; }
ul#pct_snowpark li.pctOff{ background-position-y: -50px; }


/* ---------------------------------------------------------
	出発地プラン：日帰り
--------------------------------------------------------- */
section#dayplan_wrapper{
	margin-block: 80px 0;
}
#dayplan_wrapper .dayplan{
	margin-top: 30px;
	padding:0 50px 50px;
	background: #FFF;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0 2.5%;
}
.dayplan h3{
	width: 100%;
	margin-bottom: 20px;
	padding: 50px 0 10px;
	font-size: 24px;
	text-align: center;
	border-bottom: 3px solid #013C68;
}
.dayplan h3 span{
	font-size: 20px;
}
.dayplan h3.sun{
	background: rgba(255,255,255,0.6) url(/ski/_common/illust_mng.svg) no-repeat calc(50% - 5em) 10px;
	background-size: 80px;
	background-blend-mode:lighten;
}
.dayplan h3.moon{
	background: rgba(255,255,255,0.6) url(/ski/_common/illust_ngt.svg) no-repeat calc(50% - 5em) 10px;;
	background-size: 75px;
	background-blend-mode:lighten;
}
.dayplan .dayplan_point{
	width: 47.5%;
}
.dayplan_point div,
.dayplan_point p{
	font-size: 14px !important;
}
.dayplan_point em,
.dayplan_point strong{
	font-size: 16px !important;
	font-weight: bold;
	font-style: normal;
}
.dayplan .dayplan_info{
	width: 50%;
	justify-content: space-between;
	gap: 20px 3%;
}
.dayplan_info dl{
	width: calc(50% - 10px);
	border-radius: 5px;
}
.dayplan_info dl.ldyday{
	border: 1px solid #FF66CC;
}
.dayplan_info dl.qlday{
	border: 1px solid #359FF3;
}
.dayplan_info dl dt{
	padding: 3px 0;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.dayplan_info dl.ldyday dt{
	background: #FF66CC;
	border-bottom: 1px solid #FF66CC;
}
.dayplan_info dl.qlday dt{
	background: #359FF3;
	border-bottom: 1px solid #359FF3;
}
.dayplan_info dl dt img{
	margin-right: 5px;
	width: 21px;
}
.dayplan_info dl dd{
	padding: 10px;
}

table.schedule{
	width: 100%;
}
table.schedule caption{
	background: #E8E6E0;
	font-weight: bold;
	border-bottom: none;
}
table.schedule caption span{
	padding: 3px 3px;
	font-size: 12px;
}
table.schedule caption,
table.schedule th,
table.schedule td{
	padding: 3px 5px;
	vertical-align: middle;
	border: 1px solid #CCC;
}
table.schedule th{
	white-space: nowrap;
	font-size: 12px;
	background: #FAF8F4;
}
table.schedule td a{
	color: #0099ff;
}
table.schedule td span.caution{
	display: block;
	margin-top: 5px;
	padding: 5px 0 3px 0;
	text-align: center;
	border-top: 1px dotted #CCC;
}
table.schedule span.caution{
	font-size: 12px;
	line-height: 1.2;
}
/*
#dayplan_wrapper .dj_link{
	width: 100%;
	padding: 10px 30px;
	margin-top: 30px;
}
#dayplan_wrapper .dj_link a{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#dayplan_wrapper .dj_link a h4{
	width: 35%;
	font-size: 24px;
}
#dayplan_wrapper .dj_link a h4 span{
	font-size: 20px;
}
#dayplan_wrapper .dj_link a dl{
	margin-top: 0;
	width: 30%;
}
#dayplan_wrapper .dj_link a p.order{
	justify-content: center;	
	width: 25%;
	padding: 10px 0;
	font-size: 24px;
}
#dayplan_wrapper .dj_link a dl dt{
	font-size: 12px;
}
#dayplan_wrapper .dj_link a dl dd{
	font-size: 21px;
	text-align: center;
}
#dayplan_wrapper .dj_link a dl dd span{
	font-size: 16px;
}
*/

.dayplan_point .plan_box{
	margin-bottom: 5px;
	padding: 5px;
	background: #C7E9FE;
	border-radius: 5px;
}
.plan_box h5{
	margin-left: 8px;
	padding: 0 0 3px 20px;
	font-size: 18px;
	color: #E4007F;
	background: url(/ski/_common/mark_star.png) no-repeat left top;
}
.plan_box .plan_text{
	padding: 10px 10px 5px;
	background: #FFF;
	border-radius: 5px;
}
.plan_text p{
	padding-left: 15px;
	margin-bottom: 5px;
	background: url(/ski/_common/mark_view.png) no-repeat left 0.2em;
}
.plan_text p .small{
	font-size: 14px;
}
.plan_text p .bold{
	font-weight: bold;
}
.plan_text p .red{
	color: #F00;
}
.plan_text p .yellow{
	color: #FF0;
}
.plan_text p .blue{
	color: #00F;
}
.plan_text p .green{
	color: #0F0;
}

/* ---------------------------------------------------------
	出発地プラン：ホテルカード
--------------------------------------------------------- */
#hotel_list_wrapper{
	margin-top: 50px;
	gap: 5px;
}
#hotel_list_wrapper .hotel_card{
	padding: 20px;
	background: #FFF;
	width: calc((100% - 15px) / 3);
}
.hotel_card h3{
	margin-bottom: 10px;
	border-bottom: 3px solid #00A0E9;
}
.hotel_card h3 a{
	display: block;
	font-size: 18px;
	text-align: center;
	text-decoration: none;
	color: #00A0E9;
}
.hotel_card h3 a:hover{
	color: #E94900;
}
.hotel_card figure{
	width: 100%;
	margin-bottom: 10px;
}
.hotel_card figure .hotel_phote img{
	float: left;
	display: block;
	width: 33.3%;
	border-left: 1px solid #FFF;
}
.hotel_card figure .hotel_phote img:first-of-type{
	width: 66.6%;
	border-left: none;
}
.hotel_card figure .hotel_phote img:last-of-type{
	border-top: 1px solid #FFF;
}
.hotel_card figure ul{
	width: 100%;
	margin-bottom: 10px;
	font-size: 12px;
	font-weight: bold;
	justify-content: start;
	gap: 0 10px;
}
.hotel_card figure ul.styicon{
	margin: 10px 0 0;
	justify-content: center;
}
.hotel_card figure ul li{
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
.hotel_card figure ul li.dist{
	background-image: url(/ski/_common/stay_dist.svg);
}
.hotel_card figure ul li.ticket{
	padding-left: 24px;
	background-image: url(/ski/_common/stay_ticket.svg);
}
.hotel_card figure ul li.benefit{
	padding-left: 17px;
	background-image: url(/ski/_common/stay_benefit.svg);
}
.hotel_card figure ul li.meal{
	background-image: url(/ski/_common/stay_meal.svg);
}
.hotel_card figure figcaption{
	margin-top: 10px;
	line-height: 1.2;
}
.hotel_card figure p.hotel_link{
	margin-top: 10px;
}
.hotel_card figure p.hotel_link a{
	display: block;
	padding: 8px 0;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #00A0E9;
	background: #C1EAF3;
	border: 2px solid #00A0E9;
	border-radius: 100rem;
}
.hotel_card figure p.hotel_link a:hover{
	color: #E94900;
	background: #FFF;
}

/* ---------------------------------------------------------
	出発地ホテル：詳細情報
--------------------------------------------------------- */
section#hotel_wrapper{
	margin-block: 100px 0;
	padding: 50px;
	background: #FFF;
	justify-content: space-between;
	align-items: flex-start;
	gap: 0 2.5%;
}
#hotel_wrapper h2{
	color: #FFF;
	background: #00A0E9;
	border-radius: 100rem;
}
#hotel_wrapper #hotel_info{
	order: 1;
	width: 50%;
}
#hotel_info #hotel_text{
	margin-top: 20px;
	font-size: 16px;
}
#hotel_wrapper table#hotel_data{
	order: 2;
	width: calc(100% - 52.5%);
	border-collapse: separate;
	border-spacing: 0 3px;
}
table#hotel_data > caption{
	width: 100%;
	padding: 2px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #013C68;
	background: #C1EAF3;
	border-radius: 100rem;
}
table#hotel_data tr th{
	position: relative;
	width: 80px;
	padding: 5px;
	white-space: nowrap;
	vertical-align: middle;
	text-align: center;
	overflow: visible;
	font-size: 12px;
	line-height: 1.2;
	font-weight: bold;
	color: #013C68;
	background: #C1EAF3;
	border-radius: 5px;
	width: 15%;
}
table#hotel_data tr th:after{
	position: absolute;
	content: "";
	height: 0;
	width: 0;
	left: 100%;
	top: 50%;
	margin-top: -10px;
	border: solid transparent;
	border-left-color: #C1EAF3;
	border-width: 10px;
	pointer-events: none;
}
table#hotel_data tr th span{
	display: block;
	font-weight: normal;
}
table#hotel_data tr td{
	padding-left: 15px;
	padding-bottom: 2px;
	padding: 3px 0 3px 15px;
	vertical-align: middle;
	width: 35%;
	border-bottom: 1px dotted #CCC;
}
table#hotel_data tr td p#equipcap{
	margin-top: 3px;
	padding-top: 3px;
	border-top: 1px dotted #999;
}
table#hotel_data tr td p#equipcap::before{
	content: "※";
}
ul.freetxt li{
	text-indent: -1em;
	margin: 5px 0 0 1em;
	font-size: 12px;
	font-size: 12rem;
	line-height: 1.2;
}
ul.freetxt li::before{
	content: '※';
	color: #F00;
	display: inline-block;
	margin-left: 1em;
}
ul#amenity li{
	width: 35px;
	height: 38px;
	margin-top: 5px;
	margin-right: 10px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(/ski/_common/pct_sprite.png) no-repeat 0 -100px;
}
ul#amenity li:nth-of-type(2){ background-position-x: -40px; }
ul#amenity li:nth-of-type(3){ background-position-x: -80px }
ul#amenity li:nth-of-type(4){ background-position-x: -120px; }
ul#amenity li:nth-of-type(5){ background-position-x: -160px; }
ul#amenity li:nth-of-type(6){ background-position-x: -200px; }
ul#amenity li:nth-of-type(7){ background-position-x: -240px; }
ul#amenity li:nth-of-type(8){ background-position-x: -280px; }
ul#amenity li:nth-of-type(9){ background-position-x: -320px; }
ul#amenity li:nth-of-type(10){ background-position-x: -360px; }
ul#amenity li:nth-of-type(11){ background-position-x: -400px; }
ul#amenity li:nth-of-type(12){ background-position-x: -440px; }
ul#amenity li.pctOff{ background-position-y: -150px; }
table#hotel_data table td{
	width: auto;
	padding: 3px 20px 3px 0 !important;
}
ul#room li{
	display: inline-block;
	margin-right: 2em;
}
ul#room li:last-of-type{
	margin-right: 0;
}
#hotel_wrapper .dj_link{
	order: 3;
	width: 100%;
	padding: 10px 30px;
	margin-top: 30px;
}
#dayplan_wrapper .dj_link{
	width: 100%;
	padding: 10px 30px;
	margin-top: 30px;
}
#hotel_wrapper .dj_link a,
#dayplan_wrapper .dj_link a{
	justify-content: space-evenly;
	align-items: center;
	gap: 0 2.5%;
}
#hotel_wrapper .dj_link a #dj_head,
#dayplan_wrapper .dj_link a #dj_head{
	width: 45%;
}
#hotel_wrapper .dj_link a #dj_head h4,
#dayplan_wrapper .dj_link a #dj_head h4{
	margin: 0;
	font-size: 24px;
}
#hotel_wrapper .dj_link a #dj_head h4 span,
#dayplan_wrapper .dj_link a #dj_head h4 span{
	font-size: 20px;
}
#hotel_wrapper .dj_link a dl,
#dayplan_wrapper .dj_link a dl{
	width: 30%;
}
#hotel_wrapper .dj_link a p.order,
#dayplan_wrapper .dj_link a p.order{
	width: 20%;
	padding: 0.8em 0;
	font-size: 24px;
}
#hotel_wrapper .dj_link a dl dt,
#dayplan_wrapper .dj_link a dl dt{
	font-size: 12px;
}
#hotel_wrapper .dj_link a dl dd,
#dayplan_wrapper .dj_link a dl dd{
	font-size: 21px;
	text-align: center;
}
#hotel_wrapper .dj_link a dl dd span,
#dayplan_wrapper .dj_link a dl dd span{
	font-size: 16px;
}
#hotel_wrapper .dj_link a #dj_head ul{
	width: 100%;
	margin-top: 10px;
	padding: 3px 5px;
	font-size: 14px;
	font-weight: bold;
	color: #013C68;
	background: #FFF;
	border-radius: 100rem;
	justify-content: center;
	align-items: center;
	gap: 0 3%;
}
#hotel_wrapper .dj_link a #dj_head ul li{
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: left center;
}
#hotel_wrapper .dj_link a #dj_head ul li:last-of-type{
	margin-right: 0;
}
#hotel_wrapper .dj_link a #dj_head ul li.dist{
	background-image: url(/ski/_common/stay_dist.svg);
}
#hotel_wrapper .dj_link a #dj_head ul li.bed{
	padding-left: 24px;
	background-image: url(/ski/_common/stay_bed.svg);
}
#hotel_wrapper .dj_link a #dj_head ul li.ticket{
	padding-left: 24px;
	background-image: url(/ski/_common/stay_ticket.svg);
}
#hotel_wrapper .dj_link a #dj_head ul li.benefit{
	padding-left: 17px;
	background-image: url(/ski/_common/stay_benefit.svg);
}
#hotel_wrapper .dj_link a #dj_head ul li.meal{
	background-image: url(/ski/_common/stay_meal.svg);
}

#slider_wrapper ul#slider_img li{
	position: relative;
}
#slider_wrapper ul#slider_img li > span{
	position: absolute;
	display: block;
	padding: 3px 0;
	width: 100%;
	bottom: 0;
	left: 0;
	font-size: 14px;
	text-align: center;
	color: #FFF;
	background: rgba(0, 0, 0, 0.6);
}

/* ---------------------------------------------------------
	特集スキープラン：リスト
--------------------------------------------------------- */
section#special_wrapper{
	margin-block: 100px 0;
	padding: 50px;
	background: #FFF;
}
#special_wrapper h2{
	color: #FFF;
	background: #00A0E9;
	border-radius: 100rem;
}
#special_wrapper #special_list{
	justify-content: space-around;
	gap: 20px 2.5%;
}
#special_list .special_card{
	width: calc((100% - 5%) / 3);
}
.special_card a{
	display: block;
	height: 100%;
	padding: 10px 20px;
	text-decoration: none;
	color: #013C68;
	background: #EAF8FB;
	border: 1px solid #EAF8FB;
}
.special_card a:hover{
	background: #FFF;
	border: 1px solid #E94900;
}
.special_card a h3{
	margin-bottom: 10px;
	font-size: 18px;
	text-align: center;
	color: #00A0E9;
	border-bottom: 3px solid #00A0E9;
}
.special_card a:hover h3{
	color: #E94900;
}
.special_card a figure > div{
	display: block;
	overflow: hidden;
}
.special_card a figure > div img{
	width: 100%;
	transition: 0.3s;
}
.special_card a:hover figure > div img{
	scale: 1.05;
}
.special_card a figure figcaption{
	margin-top: 10px;
	color: #013C68;
}
#special_wrapper #special_lead figure{
	gap: 0 2.5%;
}
#special_lead figure > div{
	order: 2;
	width: 790px;
}
#special_lead figure > figcaption{
	order: 1;
	width: calc(100% - 2.5% - 790px);
	font-size: 16px;
}


/* ---------------------------------------------------------
	レスポンシブ
--------------------------------------------------------- */
@media screen and (max-width: 1180px){
	#plan_nav ul.plan_menu{
		flex-wrap: nowrap;
	}
	ul.plan_menu > li{
		line-height: 1.3;
		text-align: center;
	}
	#slider_wrapper dl{
		top: 10%;
		left: 5%;
		margin: 0;
	}
	#slider_wrapper dl dt{
		margin-bottom: 10px;
	}
	#slider_wrapper dl dt img{
		width: 45%;
	}
	#hkr_thk #slider_wrapper dl dt img,
	#car #slider_wrapper dl dt img{
		width: 70%;
	}
	#slider_wrapper dl dd img{
		width: 75%;
	}
}
@media screen and (max-width: 820px){
	ul#top_nav > li{
		width: calc((100% - 10px) / 3);
	}
	#hkr_thk ul#top_nav > li{
		width: 40%;
	}
	#fuk ul#top_nav > li{
		width: 40%;
	}
	#car ul#top_nav > li,
	#car ul#top_nav > li:nth-of-type(2){
		width: 100%;
	}
	#osa ul#top_nav > li#gelande,
	#ngo ul#top_nav > li#gelande{
		width: 80%;
	}
	#fuk ul#top_nav > li#gelande{
		width: calc(80% + 10px);
	}
	#fuk ul#top_nav li ul.area_list,
	#car ul#top_nav li ul.area_list{
		gap: 10px;
	}
	#fuk ul#top_nav > li#gelande li,
	#car ul#top_nav > li li{
		width: calc(50% - 5px);
	}
	ul#top_nav li h3{
		font-size: 21px;
	}
	ul#top_nav li h3 span{
		font-size: 16px;
	}

	article#news_wrapper,
	section#area_wrapper,
	section#gelande_wrapper,
	section#hotel_wrapper,
	section#busonly_wrapper,
	section#special_wrapper{
		margin-block: 80px 0;
		padding: 30px;
	}
	section#dayplan_wrapper{
		padding: 30px;
	}
	#special_list .special_card{
		width: calc((100% - 2.5%) / 2);
	}
	ul.plan_menu > li ul.plan_menu_item{
		padding: 10px;
	}
	ul.plan_menu > li{
		font-size: 14px;
	}
	ul.plan_menu > li#plan_air{
		background-position: left 2px;
		background-size: 36px;
	}
	ul.plan_menu_item li a{
		font-size: 14px;
		padding: 5px 10px;
	}
	#area_outline h3,
	#gelande_outline h3{
		width: 100%;
		text-align: center;
	}
	#area_outline #area_point,
	#gelande_outline #gelande_point{
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		width: 100%;
		margin-bottom: 20px;
		gap: 0 4%;
	}
	#area_point dl,
	#gelande_point dl{
		width: 48%;
	}
	#area_point dl:nth-of-type(3),
	#gelande_point dl:nth-of-type(3),
	#area_outline #area_map,
	#gelande_outline #gelande_map{
		width: 100%;
	}
	#gelande_list_wrapper,
	#hotel_list_wrapper{
		gap: 10px;
	}
	#gelande_list_wrapper .gelande_card,
	#hotel_list_wrapper .hotel_card{
		width: calc(50% - 5px);
	}
	section#gelande_wrapper{
		gap: 0 20px;
	}
	#gelande_wrapper figure{
		width: 380px;
	}
	#gelande_wrapper #gelande_info{
		width: calc(100% - 400px);
	}
	#hotel_wrapper #hotel_info{
		width: 100%;
	}
	#hotel_wrapper table#hotel_data{
		width: 100%;
		margin-top: 20px;
	}
	#hotel_wrapper .dj_link,
	#dayplan_wrapper .dj_link{
		padding: 10px 20px;
	}
	#hotel_wrapper .dj_link a #dj_head,
	#dayplan_wrapper .dj_link a #dj_head{
		width: 50%;
	}
	.dj_link a dl dt{
		line-height: 1.2;
	}
	#hotel_wrapper .dj_link a dl dd,
	#dayplan_wrapper .dj_link a dl dd{
		font-size: 18px;
	}
	#hotel_wrapper .dj_link a p.order,
	#dayplan_wrapper .dj_link a p.order{
		width: 15%;
		font-size: 18px;
	}
	.busonly_inner ul.busonly_point{
		order: 1;
		width: 57.5%;
	}
	.busonly_inner table.busonly_price{
		order: 2;
		width: 40%
	}
	.busonly_inner table.busonly_schedule{
		order: 4;
		width: 100%
	}
	.busonly_inner dl.busonly_djbtn{
		order: 5;
		width: 100%
	}
	#dayplan_wrapper .dayplan{
		padding: 0 30px 30px;
	}
	.dayplan h3{
		padding-top: 30px;
	}
	.dayplan h3.moon{
		background-position: calc(50% - 5em) 10px;;
		background-size: 60px;
	}
	.dayplan .dayplan_point,
	.dayplan .dayplan_info{
		width: 100%;
	}
}
@media screen and (max-width: 440px){
	ul.plan_menu{
		display: none;
	}
	ul#top_nav li h3{
		font-size: 17px;
	}
	ul#top_nav li h3 span{
		font-size: 14px;
	}
	ul#top_nav > li,
	#tyo ul#top_nav > li,
	#ngo ul#top_nav > li{
		width: calc((100% - 5px) / 2);
	}
	ul#top_nav > li#gelande,
	#agt_ol ul#top_nav > li{
		width: 100%;
	}
	#osa ul#top_nav > li#gelande,
	#ngo ul#top_nav > li#gelande{
		width: 100%;
	}
	#hkr_thk ul#top_nav > li,
	#hkr_thk ul#top_nav > li#gelande{
		width: 80%;
	}
	ul#top_nav li ul.area_list{
		margin-inline: 5px;
		padding: 10px 0;
		background: none;
		border: none;
	}
	ul#top_nav li#gelande ul.area_list{
		gap: 10px 5px;
	}
	ul.area_list li a{
		font-size: 15px;
	}
	ul.area_list li a span{
		font-size: 13px;
	}
	
	#fuk ul#top_nav > li{
		width: calc(50% - 5px);
	}
	#fuk ul#top_nav > li#gelande{
		width: 100%;
	}
	#fuk ul#top_nav > li#gelande li{
		width: 100%;
	}
	#car ul#top_nav > li li{
		width: 100% !important;
	}


	#ngo #gelande ul.area_list li{
		width: calc(50% - 5px);
	}
	section#area_wrapper,
	section#gelande_wrapper,
	section#hotel_wrapper,
	section#busonly_wrapper,
	section#special_wrapper{
		margin-block: 10px 0;
		padding: 20px;
	}
	#special_wrapper h2{
		margin-bottom: 20px;
	}
	#special_list .special_card{
		width: 100%;
	}
	#special_lead figure > div{
		order: 1;
		margin-bottom: 10px;
		width: 100%;
	}
	#special_lead figure > figcaption{
		order: 2;
		width: 100%;
	}
	article#news_wrapper{
		margin-top: 50px;
		padding: 20px;
		width: 100%;
	}
	#news_wrapper #news_inner{
		padding: 20px;
	}
	#news section{
		width: 100%;
	}
	#news_inner #news{
		margin: 0;
		padding: 5px;
	}
	#area_outline h3,
	#gelande_outline h3{
		font-size: 18px;
	}
	#area_outline #area_point,
	#gelande_outline #gelande_point{
		width: 100%;
		margin-bottom: 20px;
	}
	#area_point dl,
	#gelande_wrapper figure,
	#gelande_wrapper #gelande_info,
	#gelande_point dl{
		width: 100%;
	}
	#area_point > div,
	#area_point dl:first-of-type,
	#gelande_point > div,
	#gelande_point dl:first-of-type{
		margin-top: 10px;
	}
	#gelande_list_wrapper .gelande_card,
	#hotel_list_wrapper .hotel_card{
		width: 100%;
	}
	#slider_wrapper{
		width: 100%;
		padding: 0;
	}
	table#hotel_data{
		border-spacing: 0;
	}
	table#hotel_data > caption{
		font-size: 16px;
	}
	table#hotel_data tr{
		display: flex;
		flex-wrap: wrap;
	}
	table#hotel_data tr th{
		width: 30%;
		margin-top: 5px;
		font-size: 10px;
		font-size: 10rem;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	table#hotel_data tr th br{
		display: none;
	}
	table#hotel_data tr td{
		margin-top: 5px;
	}
	table#hotel_data > tbody > tr > td{
		padding: 0 0 0 15px !important;
		width: 70%;
		border-bottom: 1px solid #CCC;
	}
	#hotel_wrapper .dj_link a #dj_head,
	#hotel_wrapper .dj_link a dl,
	#hotel_wrapper .dj_link a p.order,
	#dayplan_wrapper .dj_link a #dj_head,
	#dayplan_wrapper .dj_link a dl,
	#dayplan_wrapper .dj_link a p.order{
		width: 100%;
	}
	#hotel_wrapper .dj_link a #dj_head,
	#hotel_wrapper .dj_link a dl,
	#dayplan_wrapper .dj_link a #dj_head,
	#dayplan_wrapper .dj_link a dl{
		margin-bottom: 20px;
	}
	#hotel_wrapper .dj_link a #dj_head h4,
	#dayplan_wrapper .dj_link a #dj_head h4{
		font-size: 21px;
	}
	#hotel_wrapper .dj_link a #dj_head ul{
		font-size: 12px;
	}
	#nav_gelande h3{
		font-size: 16px;
	}
	#nav_gelande h3 span{
		font-size: 14px;
	}
	#nav_gelande ul{
		font-size: 14px;
		justify-content: flex-start;
		gap: 5px 5%;
	}
	section#busonly_wrapper h4{
		font-size: 21px;
	}
	section#busonly_wrapper h4 span{
		font-size: 18px;
	}
	.busonly_inner ul.busonly_point,
	.busonly_inner table.busonly_price{
		width: 100%;
	}
	dl.busonly_djbtn dd ul li a,
	dl.busonly_djbtn dd ul li.winhills a{
		width: auto;
		padding: 6px 1em;
		font-size: 14px;
	}
	section#dayplan_wrapper{
		padding: 10px;
	}
	#dayplan_wrapper .dayplan{
		padding: 0 20px 20px;
	}
	.dayplan_info dl{
		width: 100%;
	}
}