@charset "utf-8";
/*
* ★★CSS for PC
*
* @date 2016.05.20
* @author   zhaoly
*/

/* ------------------------------------------

------------------------------------------ */
.c_sp         {display: none;}
a:hover     { opacity: 0.8;}
#widewrapper{ width: 100%; padding: 0; margin: 0;}
#contents.column1{ width: 100%;padding:0;background:#fff; margin: 0;}
#mainContents { width: 1140px !important;margin: 0 auto; float: none !important;}
#skibuddy h4{padding-bottom: 10px;padding-top: 20px;}
.hint{font-size: 14px;padding-top: 10px;}
/* top */
#keyVisual {width: 100%;margin-bottom: 40px; background: url(https://img.travel.rakuten.co.jp/ski/2024/images/top_bg.jpg) no-repeat;background-position: center;background-size:cover;position:relative;text-align:center;}
#keyVisual a.logo{display:block;position:absolute;top: 10px;margin-left:-580px;left: 50%;width: 200px;height: 55px;}
#keyVisual h1 { width: 100%; text-indent:0;}
#keyVisual h1 img { width: 100%;}
.skiman    { display:block; height: 60%; position:absolute; bottom:0px; left:4%;}

/* slider */
.yellow              { background:url(https://img.travel.rakuten.co.jp/ski/2018/images/sliderbg.gif) repeat-x;max-height:342px;}
#carLogo ul          { margin: 0 auto; overflow: hidden; padding: 20px 0; position:relative; width:5000px;}
#carLogo ul li       { background:#fff; width:230px; margin-left:20px; margin-right:0; float:left;}
#carLogo ul li a     { display:block;}
#carLogo ul li a:hover { text-decoration: none;}
#carLogo ul li a img { max-width:100%;}
#carLogo a#carLftBtn { display: block; left:0;  margin-top: -15px; position: absolute; top: 50%; width: 30px; height:30px;}
#carLogo a#carRgtBtn { display: block; right:0; margin-top: -15px; position: absolute; top: 50%; width: 30px; height:30px;}

/*Guiyiyi*/
@media screen and (min-width:720px) and (max-width:1022px) {
#carLogo      { width:764px; margin:0 auto; position:relative; overflow: hidden;}/*3*/
}
@media screen and (min-width:1022px) and (max-width:1120px) {
#carLogo      { width:1014px; margin:0 auto; position:relative; overflow: hidden;}/*4*/
}
@media screen and (min-width:1120px) and (max-width:1522px) {
#carLogo      { width:1264px; margin:0 auto; position:relative; overflow: hidden;}/*5*/
}
@media screen and (min-width:1522px) and (max-width:1776px)  {
#carLogo      { width:1514px; margin:0 auto; position:relative; overflow: hidden;}/*6*/
}
@media screen and (min-width:1776px) {
#carLogo      { width:1764px; margin:0 auto; position:relative; overflow: hidden;}/*7*/
}






/* map */
.column1 #mapList{width: 870px;

	border: none;
	
	background: #fff url(https://img.travel.rakuten.co.jp/ski/2018/images/map_bg.png) 80% 50% no-repeat;
	
	padding: 75px 5px 115px 75px;
	background-size: 43%;
	margin-bottom: 20px;}
#mapList > ul:nth-child(1)  { width: 670px; }
#mapList > ul:nth-child(1) li {    width: 48%;
    float: left;
    margin-right: 2%;
}
#mapList > ul:nth-child(2)  { width: 455px; }
#mapList ul { display: table;}
#mapList ul li{ margin-bottom: 15px;}
#mapList ul li a:hover { cursor: pointer;}
#contentsArea #mapList ul li a{
	font-weight: bold;
	background: #ff84cc !important;
	color: #fff;
	text-indent: 0;
	font-weight: normal;
	font-size: 18px;
display: block;
	line-height: 20px;
	border-radius: 50px;
	padding: 10px 0;
	position: relative;
	overflow: visible;
	z-index: 999;
	box-shadow: none;
	border: 0;
	text-shadow: none;
	text-align: center; }
#mapList ul li a:after{	display: block;
	width: 100%;
	height: 40px;
	border-radius: 40px;
	content: "";
	border: 2px solid #000;
	top: 0px;
	left: 0px;
	position: absolute;
	z-index: -999;}

.down::after {
		position: absolute;
		background: url(https://img.travel.rakuten.co.jp/ski/2018/images/arrow_down0.png) 95% 35% no-repeat;
		width: 16px;
		height: 16px;
		content: '';
		display: block;
		top: 0;
		right: 15px;
	}
.ltnone { border-top:0 !important;}

/* ranking */
.waku{width: 950px;	padding-bottom: 20px;overflow: hidden;}
/* ------------------------------------------
	pageTab
------------------------------------------ */

#pageTab   {margin: 15px 0 0 0;}
#pageTab ul.tab3 {width: 920px;overflow: hidden;margin: 0 auto;border-bottom:0;}
#pageTab ul.tab3  li{ width: 300px; height: 50px; margin-top:10px; margin-left:10px;float: left;list-style-type: none;text-align: center;}
#pageTab ul li.first{margin-left: 0;}
#pageTab ul li a    {display: block;height: 40px;padding-top:10px;	font-size:13px !important;	color:#000 !important;	font-weight:normal !important;background: #f1396d;line-height:16px;}
#pageTab ul li a:hover{	text-decoration: none; opacity:1; cursor:pointer;}
#pageTab ul li a img,#pageTab ul li em img{	width: auto;max-width: 100%;}
#contentsArea #pageTab li.first a{	background:url(https://img.travel.rakuten.co.jp/ski/2018/images/tab1.png) no-repeat top right;}
#contentsArea #pageTab li.mid a  {	background:url(https://img.travel.rakuten.co.jp/ski/2018/images/tab2.png) no-repeat top center;}
#contentsArea #pageTab li.last a {	background:url(https://img.travel.rakuten.co.jp/ski/2018/images/tab3.png) no-repeat top left;}
#contentsArea #pageTab li.here a { font-weight:bold !important; font-size:14px !important;line-height:18px;}

.pinkrk    {background:#fff2fa;border-top:6px solid #ff90d1;}
.yellowrk  {background:#ffffdb;border-top:6px solid #ffff33;}
.bluerk    {background:#dfffff;border-top:6px solid #5bfeff;}

.this_box   {overflow: hidden;width: 920px;display: block;margin: 0 auto;padding: 30px 0;}
.this_box li{float: left;width: 240px;margin-left: 50px;}
.this_box li.no1 a { border:4px solid #f6e7c0;}
.this_box li.no2 a { border:4px solid #ebebeb;}
.this_box li.no3 a { border:4px solid #efd2ce;}
#contentsArea .this_box li a { display:block; position:relative; background:#fff;}
#contentsArea .this_box li a:hover{	text-decoration: none;}
.flup { position:absolute; top:-4px; left:-4px;}
.frup { position:absolute; top:-4px; right:-4px;}
.fldw { position:absolute; bottom:-4px; left:-4px;}
.frdw { position:absolute; bottom:-4px; right:-4px;}

.this_box li h3{ overflow:hidden; padding:10px 10px 0;}
.this_box li h3 img { width:48px; float:left;}
.this_box li h3 span{ float:left; width:150px; padding-left:10px;font-size: 14px;line-height: 1.6;}
.this_box li h3 span em{font-style: normal; margin-left:-8px;}
.this_box p img{display: block;	margin: 8px 0;}
.this_box p em{	display: block;	font-size: 14px;font-style: normal;	font-weight: bold;}
.this_box p {font-size: 13px;width: 211px; height:220px;display: block;margin: 0 auto 15px;line-height: 1.4;}
.this_box .more{width: 100%;display: block;	margin: 15px auto 0;background:none;}
.this_box .r_info{width: 100%;display: block;margin:15px 57px 0;background:none;font-size: 12px;}
#contentsArea .this_box .more a{display: block;	text-align: right;color: #fff;font-size: 14px;margin-right: 15px;text-decoration: underline;}


/* thema */
.thema ul{ padding:0 0 0 30px;}
.thema ul li.sub_thema{	float: left;margin: 0 20px 20px 0;	box-shadow: 2px 2px 0 #ffff33;}
.thema ul li a{ position: relative; display: block; width:435px; height:200px;}
.thema ul li a:after {position: absolute;
	background: url(https://img.travel.rakuten.co.jp/ski/2018/images/arrow_next.png) 95% 35% no-repeat;
	width: 30px;
	height: 30px;
	content: '';
	display: block;
	top: 40%;
	right: 15px; }
.thema ul li h3{background:rgba(0,0,0,0.6);	padding: 10px;	color:#fff; position: absolute; bottom: 0; width:415px;}
.thema1 a{ background:url(https://img.travel.rakuten.co.jp/ski/2018/images/thema_1.jpg) no-repeat bottom center;}
.thema2 a{ background:url(https://img.travel.rakuten.co.jp/ski/2018/images/thema_2.jpg) no-repeat bottom center;}
.thema3 a{ background:url(https://img.travel.rakuten.co.jp/ski/2018/images/thema_3.jpg) no-repeat center center;}
.thema4 a{ background:url(https://img.travel.rakuten.co.jp/ski/2018/images/thema_4.jpg) no-repeat top center;}

.up,.down{position:relative;}
.up:after{position:absolute;background: url(https://img.travel.rakuten.co.jp/ski/2018/images/arrow_up.png) 95% 35% no-repeat;	width: 16px;height: 16px;content: '';display:block;	top: 0;right:15px;}



/* tour bus car */
.box{width: 950px;background: #fff;	margin:60px 0 0;position:relative; padding-bottom: 20px;}
.fltLP { display:block; position:absolute; top:0px; left:-3px;}
.fltRD { display:block; position:absolute; bottom:0px; right:-3px;}

.box_bnr    {padding: 40px 20px 10px; z-index:999; position:relative; clear:both;}
.box_bnr h3.tls {font-size: 18px;font-weight: bold;color: #fa68bd;margin-bottom: 15px;}
.box_bnr a  {display: block;text-align:center;}
.box_bnr img{display: block;margin: 0 auto;	width: 95%;}
.box_bnr ul.air_btn    {overflow: hidden;padding-left:20px;}
.box_bnr ul.air_btn li {float: left;width: 425px;margin-right:20px;}
.box_bnr ul.air_btn li a { border-radius: 3px; color: #fff !important;  display: block; font-size: 14px; font-weight: bold; line-height: 1; padding: 15px 0;}
.box_bnr ul.air_btn li a:hover { opacity:0.8; text-decoration:none !important;}
a.ana { background: #1b0e80 url("https://img.travel.rakuten.co.jp/ski/2018/images/arrow_white_r.png") no-repeat scroll 95% center;}
a.jal { background: #cc0000 url("https://img.travel.rakuten.co.jp/ski/2018/images/arrow_white_r.png") no-repeat scroll 95% center;}

ul.hoka{overflow:hidden; padding:0; background:#ededed; width:99%; padding-left:1%; margin:0;}
ul.hoka li  {float:left; width:19%; margin:1% 1% 1% 0;}
ul.hoka li a{display: -webkit-box !important; display: -moz-box !important; display:-webkit-flex !important; display: -ms-flexbox !important; display:flex !important; align-items:center; border:1px solid #cccccc; background:#ffffff; text-align:center; font-size:14px; padding:10px 15px 10px 5px; font-weight:bold; position:relative;}
ul.hoka li a:before{display: block;	position: absolute; top: 50%; right: 5px; width: 5px;	height: 5px; margin-top: -4px; content: ""; border-right: 2px solid #999; border-top: 2px solid #999;
transform: rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg);
}
ul.hoka li span { margin:0 auto;}
#contentsArea ul.hoka li em { display:block; font-weight:normal; font-size:12px; font-style:normal; padding-top:3px; margin-bottom:-5px; margin-top:0 !important;}

ul.carb   {overflow:hidden;}
ul.carb li{float:left; width:526px; margin:0 2% 1.5% 0;}
ul.carb li:nth-child(2n){margin-right: 0;}
ul.carb li p.area { background:#999; color:#fff; padding:5px; font-size:14px;}
ul.carb li a    {display:block; padding:10px 35px 10px 10px; border:1px solid #999; overflow:hidden; position:relative;}
ul.carb li a:hover{ background:#fff5fb}
ul.carb li a:before{display: block;	position: absolute; top: 50%; right: 5px; width: 19px;	height: 19px; margin-top: -10px; content: ""; background:url(https://img.travel.rakuten.co.jp/ski/2018/images/arrow_car.png);}
ul.carb li img{display:block; width:38%; float:left;}
ul.carb li div{width:60%; float:right; text-align:left;}
ul.carb li div span{display:block; font-size:12px; margin-bottom:5px;}
ul.carb li div h5{display:block; font-size:16px; margin-bottom:8px; color:#1d54a7;}
ul.carb li div .plann{font-size:14px; margin-bottom:8px;color:#1d54a7; line-height:20px;}
ul.carb li div .price{font-size:14px;line-height:30px; color:#b20000; line-height:14px; text-align:right;font-weight: bold;}
ul.carb li div .price strong{font-size:18px;}
ul.carb li div .stm{font-size:12px; text-align:right; padding-top:8px;}

#contentsArea .box_bnr ul li a span em{	font-style: normal;	display: block;	margin-top:5px;}

/* .bnr_list */
.bnr_bg      {width: 100%;background:#ffff99;padding:40px 0;	font-size:12px;}
.bnr_list    {overflow: hidden;	margin:0 auto;padding-right:10px;}
.bnr_list li {float: left;margin-left: 10px;width: 170px; text-align:center;}
.bnr_list li img {margin-bottom:5px;}
.bnr_list4{	width:760px;}
.bnr_list5{	width:950px;}
.bnr_list6{	width:1140px;}
.bnr_list7{	width:1260px;}

.utility2 { padding:20px 0;width: 910px;
	margin: 10px auto;}
.utility2 ul.atn li { font-size:12px;line-height:18px;}

#contents .pagetop.fixed{display:block;}
#contents .pagetop  {width:130px; height:115px; position:fixed; right:20px; bottom:20px; display:none; z-index:999;}
#contents .pagetop a{display:block; width:130px; height:115px;}


p.ttls1 { font-size: 18px;font-weight: bold;color: #fa68bd;margin:0 20px 15px;}
.boxLink{ float: left;  margin: 0 0 15px 20px;  width: 445px;}
.boxLink h3  { background: #999; color: #fff;  font-size: 14px;  font-weight: normal; padding: 5px;}
.boxLink .bd { background: #fff; border: 1px solid #999; overflow: hidden;}
#TOUR .bd    { padding:10px;}
#CAR .boxLink a      {display:block; padding:10px 30px 10px 10px; overflow:hidden; position:relative;}
#CAR .boxLink a:hover{ background:#fff5fb}
#CAR .boxLink a:before{display: block;	position: absolute; top: 50%; right: 5px; width: 19px;	height: 19px; margin-top: -10px; content: ""; background:url(https://img.travel.rakuten.co.jp/ski/2018/images/arrow_car.png);}
.boxLink .photo {  float: left; width: 38%;}
.boxLink .photo img { width:100%;}
.boxLink .txtArea   { float: right; font-size: 14px; line-height: 1.3; width:60%;}
.boxLink .txtArea .name { color:#1d54a7;  font-size: 16px; font-weight: bold;  margin:0;  padding-bottom: 8px;}
.boxLink .txtArea .plan { margin: 0 10px 0 0; font-size:13px;}
.boxLink .price { font-size: 13px; margin: 0 10px 0 0; text-align: right;padding-top:10px; line-height:20px;}
.boxLink .price span{ font-size:14px; color:#bf0000;font-weight:bold;}
.boxLink .price big { font-size:18px;}
.boxLink .explain{ margin: 0 10px; font-size:12px;}
.boxLink .btn  { margin: 0; padding-top:10px; text-align: center; overflow:hidden; width:60%; float:right;}
.boxLink .btn li { width:32%; float:left; margin-right:2%;}
.boxLink .btn li:last-child{margin-right: 0;}
.boxLink .btn li a { border-radius: 3px; color: #fff !important;  display: block; font-size: 14px; font-weight: bold; line-height: 1; padding: 13px 0 10px;}
.boxLink .btn li a:hover { opacity:0.8; text-decoration:none !important;}
a.ana { background: #1b0e80 url("https://img.travel.rakuten.co.jp/ski/2018/images/arrow_white_r.png") no-repeat scroll 95% center;}
a.jal { background: #cc0000 url("https://img.travel.rakuten.co.jp/ski/2018/images/arrow_white_r.png") no-repeat scroll 95% center;}
a.jr {
    background: #000 url("https://img.travel.rakuten.co.jp/ski/2018/images/arrow_white_r.png") no-repeat scroll 95% center;
}
.bnr1 { text-align:center;}
.bnr2 { margin: 10px 20px 0; overflow:hidden;}
.bnr2 li { float: left; margin-right: 10px;  text-align: center; width: 450px;}
.bnr2 li:nth-child(2n) { margin-right: 0;}
.bnr3 { margin: 10px 20px; overflow:hidden;}
.bnr3 li { float: left; margin-right: 10px; text-align: center; width: 300px;}
.bnr3 li:nth-child(3n) {  margin-right: 0;}


/* area */
#contents.column2L {
    width: 100%;
    padding: 1px 0 50px;
    background: url(https://img.travel.rakuten.co.jp/ski/2018/images/bg.png) fixed no-repeat #fff;
        background-size: auto auto;
    background-size: cover;
}
#contents.column2L #mainContents{background: #fff;
	position: relative;
	width: 920px !important;
	overflow: hidden;
	margin-top: 40px;
	padding: 20px 15px 10px 15px;}

#contents.column2L #mainContents .center 
{ float: left; }

#contents.column2L #mainContents .center .pageBtn ul
{ width: 700px;}

.pageBtn ul.btn3 li {margin-left: 0; margin-right: 10px; margin-bottom: 10px; width: auto; }

.pageBtn ul li a { position: relative; border-radius: 5px; border: 1px solid #00a4e8; color: #000; font-weight: bold; height: auto !important; padding: 10px 25px 10px 15px;}
.pageBtn ul li a::after { position: absolute; content: "▼"; font-size: 10px;line-height: 17px;	padding-left: 7px; }

.pageBtn ul li a:hover { background: #00a4e8; color: #fff !important;}
.pageBtn ul li a::after { position: absolute; content: "▼"; font-size: 10px;line-height: 17px;	padding-left: 7px; }
h2.spotttl { background:url(https://img.travel.rakuten.co.jp/ski/2018/images/ttlbg.gif) 3% no-repeat,url(https://img.travel.rakuten.co.jp/ski/2018/images/ttlbg2.gif) 97% no-repeat, #00a4e8;
	border-radius: 100px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-top:25px;
	padding: 10px 0;}

h1.areattl {font-size: 36px;
	margin-bottom: 30px;
	font-weight: bold;
	text-align: center;
	height: 80px;
	line-height: 60px;
	display: block;
	letter-spacing: 5px;}

h1.areattl span{background: url(https://img.travel.rakuten.co.jp/ski/2018/images/areabg.gif) bottom repeat-x;
	padding: 0px 20px 10px 20px;}


	#contentsArea .htlBox {
		border-color: #00b4ff;
	
	}
	
	#contentsArea .htlBox .plan li a {
		border: 1px solid #df0101;
	}
	
	#contentsArea .htlBox .area {
		color: #FFF;
		background-color: #00a4e8;
	}
	
	#contentsArea .htlBox .chara li {
		background-color: #a7e1fa;
		color: #18607e;
		border: 1px solid #a7e1fa;
	}
	#contentsArea .htlBox .plan .chara li {
		background-color: #fff766;
		color: #e52424;
		border: 1px solid #df0101;
	}
	#contentsArea .htlBox .btn li a, #contentsArea .htlBox .btn li a:visited, #contentsArea .spotBox .btn li a, #contentsArea .spotBox .btn li a:visited{
		background: #d51311;
		background: -moz-linear-gradient(top, #ee6c6a, #d51311);  
		background: -webkit-gradient(linear, left top, left bottom, from(#ee6c6a), to(#d51311));
	}
	#contentsArea .htlBox .btn li a:hover, #contentsArea .htlBox .btn li a:active, #contentsArea .spotBox .btn li a:hover, #contentsArea .spotBox .btn li a:active{
		background: #e48785;
		background: -moz-linear-gradient(top, #e48785, #e48785);  
		background: -webkit-gradient(linear, left top, left bottom, from(#e48785), to(#e48785));
		text-decoration: underline;
	}
	#contentsArea ul.megamenu div.mm-item-content {
		padding: 0px;
		position: absolute;
		top: 74px !important;
		left: 125px !important;
		z-index: 9999;
	}
	#contentsArea ul.megamenu div.mm-item-content.tema {
		padding: 0px;
		position: absolute;
		top: 74px !important;
		left: 322px !important;
		z-index: 9999;
	}

#contentsArea ul.megamenu div.mm-item-content.tema ul li h3{background:rgba(0,0,0,0.6); padding:5px 0;	color:#fff; position: absolute; bottom: 0; width: 167px;}
#contentsArea ul.megamenu div.mm-item-content.tema ul li { margin-right: 5px;}
#contentsArea ul.megamenu div.mm-item-content.tema ul li a{ position: relative; width: 167px; border: 1px solid #999; padding: 0; height: 111px; border: 1px solid #999; background-size: 113% !important;}
#contentsArea ul.megamenu div.mm-item-content.tema .thema1 a{ background:url(https://img.travel.rakuten.co.jp/ski/2018/images/thema_1.jpg) no-repeat bottom center;}
#contentsArea ul.megamenu div.mm-item-content.tema .thema2 a{ background:url(https://img.travel.rakuten.co.jp/ski/2018/images/thema_2.jpg) no-repeat bottom center;}
#contentsArea ul.megamenu div.mm-item-content.tema .thema3 a{ background:url(https://img.travel.rakuten.co.jp/ski/2018/images/thema_3.jpg) no-repeat center center;}
#contentsArea ul.megamenu div.mm-item-content.tema .thema4 a{ background:url(https://img.travel.rakuten.co.jp/ski/2018/images/thema_4.jpg) no-repeat top center;}

	

	.mm-content-base { padding: 0 !important;}
	div.this { position:relative; z-index: 99999; background: #fff; border: 2px solid #000; width: 365px;}
	div.this::after{position: absolute;
		background: url(https://img.travel.rakuten.co.jp/ski/2018/images/arro02.png) top no-repeat;
		width: 34px;
		height: 13px;
		content: '';
		display: block;
		top: -13px;
		left: 45.5%;
	z-index: 9999999;}


	div.this ul {justify-content:center ; flex-wrap: wrap; display: flex; padding: 10px 0 0 10px; width: auto; height: auto; }
	div.this ul li {flex-grow: 1; margin-right: 10px; margin-bottom: 10px; height: auto;}
	div.this ul li a { text-align: center;  font-size: 13px; border: 1px solid #cccccc; background: #dfffff; color: #000; display: block;padding: 10px 35px 10px 35px;}
	div.this ul li a:after {
		background: none;
		display: block;
		position: absolute;
		top: 59%;
		right: 7px;
		width: 5px;
		height: 5px;
		margin-top: -7px;
		border-top: 3px solid #999;
		border-right: 3px solid #999;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
		content: "";
	}
	

#contentsArea .basic a:hover{text-decoration:none;}
#contentsArea .plan a:hover{text-decoration:none;}


.htlBox .plan li a .price {text-align: center;}

.ui-datepicker.ui-widget, .ui-datepicker.ui-widget th, .ui-datepicker.ui-widget td { z-index: 9999 !important;}

/*--201023--*/
.pgbox { width: 1140px; margin: auto auto 40px auto; box-sizing: border-box;}
.pg_h2 { background: #3EB2F3 url(https://img.travel.rakuten.co.jp/ski/2021/images/tit_icon1.png) left top no-repeat; color: #fff; text-align: center; padding: 10px 0; font-size: 22px; overflow: hidden; position: relative;}
.pg_h2:before { width: 100px; height: 100%; display: block; content: ""; background: url(https://img.travel.rakuten.co.jp/ski/2021/images/tit_icon2.png) bottom right no-repeat; position: absolute; bottom: 0; right: 0; display: block;}
.pg_h2 span { padding: 0 42px; background: url(https://img.travel.rakuten.co.jp/ski/2021/images/tit_snow.png) left center no-repeat; background-size: 32px;}
.pg_h2 small { font-size: 20px;}
.pgbox .ss-container { border: none; margin-bottom: 0;}
#P1 .mapArea .column-list { border-radius: 4px;}

#P2 .mapArea .column-list,#skibuddy .mapArea .column-list { border-radius: 0; background-color: #fff!important; }
#P2 .mapArea .column-list a,#skibuddy .mapArea .column-list a { display: block; border: 1px solid #ccc;}
#P2 .mapArea .column-list a p,#skibuddy .mapArea .column-list a p { padding: 8px;}
.mapArea .column-list .areaNm { background: none }
#P2 .mapArea .column-list:after,#skibuddy .mapArea .column-list:after { background: url(https://img.travel.rakuten.co.jp/ski/2021/images/p2_arrow.png) 0 0 no-repeat; background-size: 24px; width: 24px; height: 24px; top: 30px; right: 12px;}
.box_tlt { background: #FFF743; height: 50px; padding: 8px 12px 10px 12px; font-size: 17px; color: #000;}
.box_tlt small { font-size: 13px; background: #fff; border-radius: 5px; padding: 2px 5px; font-weight: normal; }
.box_tlt span { display: block; margin-top: 5px;}
.box_tlt span i { font-style: normal; font-size: 120%;}

.p3btn { width: 600px; margin: 30px auto; }
#contentsArea .p3btn a { display: block; width: 100%; padding: 12px 0; background: #BF0000 url(https://img.travel.rakuten.co.jp/ski/2021/images/coupon_btn.png) left 70px center no-repeat; color: #fff; border-radius: 8px; text-align: center; line-height: 1.5; font-weight: bold; font-size: 18px; background-size: 70px; margin: auto auto 12px auto;}
.p3btn a span { display: block; font-size: 120%;}
.p3btn a span b { display: block; font-size: 130%; display: inline;}
#contentsArea .p3btn a { text-decoration: none!important; color: #fff!important;}

.f13 { font-size: 13px; line-height: 1.4;}

.p4bk .column_4 .column-list { border-radius: 0;}
.p4bk .ss-hotel { border: none; box-shadow: none; background: #F3F3F3;}
.boxLink { margin-left: 0; }

.p4bk .ss-hotelbox { margin-bottom: 0;}
.boxLink .bd { padding: 15px; }
#P5 .ss-container { padding-right: 0;}

#P4 .mapArea .column-list:after { display: none;}

#P6 .ss-container { padding-right: 0;}
#P6 .box { margin: 0; background: none;}
#P6 .bnr3 { margin-left: 0 ; margin-right: 0;}
#P6 .boxLink { width: 448px;}

#P7 .ss-container { padding-right: 0;}
#P7 .box { margin: 0; background: none;}

#Searchbox.ss-container { border:none; padding: 0;}
#search-box.verB { margin: 0;}
.column1 #search-box { width: 100%!important;}
#search-box .switch { display: none;}
.column1 #search-box #domestic-search-box, .column1 #search-box #overseas-search-box { padding: 0;}
#search-box { border: none;}

.column1 #search-box .structure dt { margin-bottom: 0;}
.column1 #search-box .structure dt.date { padding-top: 0;}


#contents .pagetop a { background-color: none!important; width: 69px; height: 69px;}
#contents .pagetop { background-color: none!important; width: 69px; height: 69px;}
.pagetop a::after { display: none;}

#search-box.verB.test .grey.InpuDateBox.chkDate .structure.chkIn::after { width: 30px;}
.box { width: 100%; margin: auto; padding: 0;}
#CAR .boxLink .bd { padding: 0; width:auto;}
.pagetop a { background-color: #ffffff; border-radius: 50%;}
#contents a { color: #000000;}
.pg_exp { font-size: 13px; line-height: 1.6; margin: 40px 0;}
#search-box.verB.test #searchSwitchArea5 select#dr-garea, #search-box.verB #searchSwitchArea5 select#dr-barea { width: 324px;}
#domestic-search-box { margin-top: 30px;}

/* -- nav -- */
nav{ overflow: hidden; width: 1080; margin: 40px auto 0;}
nav ul{ overflow: hidden; display: flex; justify-content: center; }
nav ul li{ line-height:1; margin: 0 8px; }
nav ul li:hover { animation: click02 0.5s; transition:all;}
@keyframes click02 {
	0% { transform: scale(1)}
	60% { transform: scale(1.03)}
	100% { transform: scale(1)}
}
/* nav ul li em,nav ul li a{ display: flex; justify-content: center; align-items: center; text-align: center; font-size: 18px; font-weight: bold; line-height: 1.6; padding: 16px; background: rgba(46, 184, 255, 0.3); border: solid #fff; border-width: 0 1px;}
nav ul li em,nav ul li a:hover{ background: #fff;} */
/*
nav ul li:nth-child(1) a,nav ul li:nth-child(1) em{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav1.png) center top no-repeat;}
nav ul li:nth-child(2) a,nav ul li:nth-child(2) em{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav2.png) center top no-repeat;}
nav ul li:nth-child(3) a,nav ul li:nth-child(3) em{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav3.png) center top no-repeat;}
nav ul li:nth-child(4) a,nav ul li:nth-child(4) em{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav4.png) center top no-repeat;}
nav ul li:nth-child(5) a,nav ul li:nth-child(5) em{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav5.png) center top no-repeat;} 
*/
.spnav{ position: fixed; right: 0; bottom: 0; z-index: 999;}
.spnav input, .spnav label , .spnavBg{ display: none !important;}
.spnav ul{ width: 150px; overflow: hidden; }
.spnav ul li{ margin-bottom: 4px; width: 100%;}
.spnav ul li a{ height: 40px; display:flex; justify-content: center; align-items: center; text-align: center; padding: 8px 0; background: #3EB2F3; border-radius: 5px; font-size: 14px; font-weight: bold; line-height: 1.5; color: #fff !important;}
.spnav .top a{height: 40px; display:flex; justify-content: center; align-items: center; text-align: center; padding: 8px 0; border-radius: 5px; font-size: 14px; font-weight: bold; line-height: 1.8; color: #fff !important; background: #6FCF97;}
.spnav a{ text-decoration: none !important;}

.pgBnr { margin: 40px auto auto auto; text-align:center;}
.pgBnr a:hover { opacity: 0.8;}

/*--------------------------------------------
	grpheaderArea
--------------------------------------------*/

div#grpLocationArea {
	clear: both;
	float: none;
	width: 820px;
	font-size: 82%;
  }
  div#grpLocationArea.newHD {
	/* 新ヘッダ対応 */
	margin: 10px 0 10px 15px;
	width: auto;
  }
  div#grpShareBtn {
	float: right;
	width: 120px;
  }
  div#grpShareBtn li {
	position: relative;
	z-index: 5;
	list-style-type: none;
  }
  div#grpShareBtn li#grpBtnFb {
	width: 120px;
	text-align: right;
  }
  div#grpShareBtn li#grpBtnLine {
	display: none;
	width: 100px;
	text-align: right;
  }
  

/*--202110--*/
.ss-container { width: calc(100% - 0); padding: 40px 0 0 0 !important;}
.ss-container .column_3 { width:99%; padding-left: 1%;}
.ss-container .column_3 .column-list { width: 31%; margin: 0 1% 2%;}
#contentsArea .p3btn a {min-height: 70px; display: flex; align-items: center; justify-content: center;}
#contentsArea .p3btn a span { padding-left: 40px;}
#search-box #domestic-search-container .searchCategory li.on {background-color: #3EB2F3;}
#search-box #domestic-search-container .searchCategory li.on:after{ border-top-color: #3EB2F3;}
#search-box.verB.test input[type="radio"]:checked+label { background-image: url(https://img.travel.rakuten.co.jp/ski/2021/images/radioBtn.png) !important;}
#search-box.verB.test input[type="checkbox"]:checked+label { background-image: url(https://img.travel.rakuten.co.jp/ski/2021/images/checkBtn.png) !important;}

.jsonPlan { margin:40px 0 0; color: #333; line-height: 1.3;}
.jsonPlan dt { font-size: 14px; margin-bottom: 20px;}
.jsonPlan dt strong { display: block; margin-bottom: 5px; margin-left: -8px;}
.jsonPlan .swiper-wrapper { padding-top: 10px;}
.jsonPlan .ss-hotel   { padding: 0 0 8px 0; overflow: visible;}
.jsonPlan .ss-hotel .hotel-img  { display: block;width: 100%;height: 96px;margin: 0 0 6px; float: left; text-align: center; overflow: hidden;}
.jsonPlan .ss-hotel .hotel-area { font-size: 12px; color: #777; margin: 8px 8px 8px 0; float: left;}
.jsonPlan .ss-hotel .hotel-container { display: block; padding: 0 8px; clear: both;}
.jsonPlan .ss-hotel .hotel-name { font-size: 16px; font-weight: bold; margin-bottom: 8px;}
.jsonPlan .ss-hotel .hotel-pr   { font-size: 12px; margin-bottom: 8px;display: none;}
.jsonPlan .ss-hotel .hotel-price  { font-size: 20px; color: #bf0000; font-weight: bold; margin: 0 !important;padding: 0 8px;}
.jsonPlan .ss-hotel .hotel-price em { font-size: 13px;}
.jsonPlan .ss-hotel a.htlstar {display: block; float: right; margin-right: 8px;
    width: 120px;
    height: 16px !important;
    background-image: url(https://img.travel.rakuten.co.jp/ski/2021/images/star.gif);
    background-repeat: no-repeat;
    line-height: 20px;
    text-align: right;
    font-weight: bold;
    color: #bf0000 !important;
}
.ss-hotel a.htlstar50 {background-position: 0 0px;}
.ss-hotel a.htlstar45 {background-position: 0 -20px;}
.ss-hotel a.htlstar40 {background-position: 0 -40px;}
.ss-hotel a.htlstar35 {background-position: 0 -60px;}
.ss-hotel a.htlstar30 {background-position: 0 -80px;}
.ss-hotel a.htlstar25 {background-position: 0 -100px;}
.ss-hotel a.htlstar20 {background-position: 0 -120px;}
.ss-hotel a.htlstar15 {background-position: 0 -140px;}
.ss-hotel a.htlstar10 {background-position: 0 -160px;}
.ss-hotel a.htlstar05 {background-position: 0 -180px;}
.ss-hotel a.htlstar00 {background-position: 0 -200px;}

.jsonPlan .ss-hotel .htlrank {font-size: 16px;font-weight: bold; font-style: normal; color: #fff; text-align: center; line-height: 64px; box-sizing: border-box;
	position: relative !important;
	display: block;
    width: 48px;
	height: 48px !important;
	background: url(https://img.travel.rakuten.co.jp/ski/2021/images/rank.png) center center no-repeat;

    background-size: 48px;
	z-index: 1;
}
.ss-hotel:first-child .htlrank {
    background: url(https://img.travel.rakuten.co.jp/ski/2021/images/rank1.png) center center no-repeat;
}
.ss-hotel:nth-child(2) .htlrank {
    background: url(https://img.travel.rakuten.co.jp/ski/2021/images/rank2.png) center center no-repeat;
}
.ss-hotel:nth-child(3) .htlrank {
    background: url(https://img.travel.rakuten.co.jp/ski/2021/images/rank3.png) center center no-repeat;
}

#P5 .ss-container{ width:98%; padding: 0 0 0 2% !important; margin: 40px auto 0;}
#P5 .boxLink ,#P7 .boxLink ,#P6 ul.carb li{ width:48%; margin: 0 2% 2% 0;}
#P6 .box_bnr { padding: 0 0 0 2% !important;}
#P7 h2.ttl { display: none;}
#P7 .tourbox{ width:98%; padding: 0 0 0 2% !important; margin: 20px auto 0;}
#sns { background: none !important; padding-bottom: 0 !important;}

.ss-slidetab { margin: 30px 0 0;}
.ss-slidetab li { width: 19%; margin: 0 0.5%;}
#skiPGbox .ss-slidetab li{padding:8px 0;margin-bottom: 5px;}
#skiPGbox{margin-bottom: 40px;}
.arealink{position: fixed;background-color: #fff;width: 600px; padding: 20px;top: 200px;z-index: 9999;right: calc(50% - 310px);}
.arealink .close{position: absolute;top: -10px;right: -10px; border-radius: 50px;background-color: #ccc;width: 42px;text-align: center;cursor: pointer;padding: 10px 0;}
.arealink ul{display: flex;flex-wrap: wrap;}
.arealink ul li{width: 50%;padding: 10px;font-size: 14px;border:1px solid #ccc;box-sizing: border-box;border-width: 0 1px 1px 1px;}
.arealink ul li a{display: block;position: relative;}
.arealink ul li a:after{display: block;content: "";position: absolute;top: 20%;right: 0;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;width: 7px;height: 7px;transform: rotate(-45deg);}
.arealink ul li:nth-child(2n){border-left: none;}
.arealink ul li:nth-child(1),.arealink ul li:nth-child(2){border-top: 1px solid #ccc;}
.black{z-index:998 !important;}

.targetgroup .box_tlt{height: auto;}
.targetgroup .column-list:after{top: 15px !important;}
#skibuddy h3{text-align: center;color: #666666;font-size: 16px;padding-top: 30px;}
#skibuddy #calBtn2{justify-content: center;}
#skibuddy #calBtn2 li{border-radius: 50px;}

#search-box #djp-search-form .structure dd {font-size: 16px;}

#search-box.verB.test #djp-search-form .chkDateDP{ width:49%;padding-top:13px; min-height:53px; border-right: none;}
#search-box.verB.test #djp-search-form .chkDateDP.bdr{ border-right:2px solid #999;}
#search-box.verB.test #djp-search-form .grey.InpuDateBox .structure25{ width: calc(50% - 15px); margin: 0 0 0 15px; box-sizing: border-box; position: relative;}
#search-box.verB.test #djp-search-form .chkDateDP .structure:last-of-type{ background: none;}
#search-box.verB.test #djp-search-form .chkDateDP .structure:last-of-type::before{ content: "-"; position: absolute; left: -15px; top: 50%; margin-top: -6px;}
#search-box.verB.test #djp-search-form .structure dt.date{ float: left; width: 50px; min-width: 50px;}
#search-box.verB.test #djp-search-form .structure dd.date{ float: left; width:calc(100% - 50px);}
#search-box.verB.test #djp-search-form .chkDateDP .structure{padding-left: 36px; 
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAyCAIAAACoOq69AAAACXBIWXMAAAsTAAALEwEAmpwYAAAG0GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDUgNzkuMTYzNDk5LCAyMDE4LzA4LzEzLTE2OjQwOjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMC0wNC0yOVQxMzozNjoxMyswODowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjAtMDQtMzBUMTE6NTY6MjErMDg6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjAtMDQtMzBUMTE6NTY6MjErMDg6MDAiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MjI5MzUxMTctZDAzMS1mNDQ2LWJiYzMtOTMwZmRiYTUxMTBlIiB4bXBNTTpEb2N1bWVudElEPSJhZG9iZTpkb2NpZDpwaG90b3Nob3A6YWI2NjQ1ZjAtY2FiMS04ZjQyLWE1MzQtY2ZjNDA3OWQ1MjYwIiB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6OEY5Qzk4ODU4OURGMTFFQTkyMjhGMDMyQjVCRkE1RjgiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiBwaG90b3Nob3A6SUNDUHJvZmlsZT0ic1JHQiBJRUM2MTk2Ni0yLjEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4RjlDOTg4Mjg5REYxMUVBOTIyOEYwMzJCNUJGQTVGOCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4RjlDOTg4Mzg5REYxMUVBOTIyOEYwMzJCNUJGQTVGOCIvPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDphNGRiMDRlZC0yMmJlLTFiNGEtYTE1Ni0wYWExMzBmYTY1ZTciIHN0RXZ0OndoZW49IjIwMjAtMDQtMzBUMTE6NTY6MjErMDg6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE5IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjI5MzUxMTctZDAzMS1mNDQ2LWJiYzMtOTMwZmRiYTUxMTBlIiBzdEV2dDp3aGVuPSIyMDIwLTA0LTMwVDExOjU2OjIxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOSAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mDsbhgAABQJJREFUWIXtV0sotFEYPmfMxdzMTBkNY6HJPZfQXCRWSlaSJBY2srBAg6YUFpLSRKOEmogiG6VsZKPskKJMbEQog3I3g5nxnX/xjuMzxlx+//gtPJt5v/d7zznP9573NpgQgv43OP+bAEI/hAQ3wDubzWa1WgkhhYWFtbW1Ye17c3MzMjJycXGhUqmMRqNQKAxkTT7HwsIC2FRVVQUw84vj4+P4+HiEkFKpvLy8DGwc6DoUCgXGGISw3ABLYBUVAgDT7Dg4OBgbG9vd3aXvLi4uNjc3EUJqtTo3NzcsEk9PT+vr6w6HQyQSFRUV8Xg80PN4vMrKyvr6evg8L8Ah5+fnycnJYR3zFZhMJrfbTa/DS8JisXwbA4QQn8+32+2UhDc7jo6OQOjt7a2oqHC73Tweb3V1tbW1lRBSUVHR19f3/Pwc4hlcLvfs7Kypqenw8DApKWlqakomkxFCGIZpbGzc2tpyuVx2u12lUnnt4ScqKgoEjUaTk5MD8tnZGQgKhSIrKyusb01ISBAIBAghHo+n1WpFIhHoZTIZCC8vL9TYNzs8Hg+V3W43CAzDhMUAIeRyuSDkCSFsF9Kt2IEZKEU9Hg9sFPpFUBBCnE4nQsjpdJJg7SlQxczIyDCZTB6PJz8/P1wSMpmspaXl9PQ0NjY2Ojr670mkpqYODAyEezxAKpV2dHSEaOx7HVxuIFpfB4fjJwB8j5ydnd3Z2WGH7r8CROL+/v6nJGjsLC0tLS0t/XMGH8GOVq9z/HopomCnqNcTdXV16enptGRFGoQQjUbzRihoEn8DvJ5gGAaCkcPhfPQHVC1CCIfDoelDCPF4PBhjhmG4XC690JeXFyiLGOOPucYwDKxiH+Q1mpycnJ+fRwgZjcaysjL2spWVFbPZDO2npqamoaEB9BaLZXl5GUiYzWboOA6Ho6ura29vDyEkFArn5uZ8KlVnZ+f29jbGeHh4OC0tDdEPIoQ0NzfDIwyVbFitVrpFW1sb1VdXV7OJgvL6+pr2P4TQ/f29z24FBQXwamNjw3e8g46HEKIjEAX7dtju5fP5VKZ3gTGmW/H5/HfjE0IIIbFY7LMEBS7blJ9cLscYE0KkUinVS6VS0LMJYYwVCgXoRSLRRxJ+EZxEeXn5xsYGyEqlkuq7u7vb2toQQlFRUWq1GpQSiWRiYuLx8RH0QVtXqCQ+G5cTEhI+KjkcTmJiYigHv1sV7oJIILgnnE6n3W5nGIZhGIVCERcXB/rLy8urqytIUbVaDRHHMMzp6Sm9jqSkpFAaQnCLxcVFrVar1+sNBsP4+DjV9/T06HQ6nU6n1+u3t7dB+fDw0NDQAMqSkpKnp6eg+6NQPPH4+Hh9fQ0yTGyA29vbm5sbkOlkCqUC9A6HI8SeENwT7CmXPQazZWpDCKHjscvlCoUBCsUTKpXKYDDAASkpKVSfmZmp1+sxxlAbvNtxuVqtViAQYIyFQmGIbTk4idLS0qKiIiDB/off3t7e3NwM5YgWMbFYPDQ05Ha7gRytnl8lIRAI/O4lFotpDabAGEskklAOZsM3JiI91/gt5G/zBAgPDw93d3eRm3Ro2PoZ72JiYkAYHBycmZn5i/99QQGn2mw2eJTL5W/voKOvra1956xbXFwMVQTwNmNOT0+Pjo6enJxEmk1eXl5/f392djbVvBt0r66uzs/PI00iOTnZJ/x/xLT9I1r5L4lX/JJ4xS+JV/wBq5nF2euolAUAAAAASUVORK5CYII=) no-repeat center left;
background-size: 22px 25px; margin-left: 15px;}
#search-box.verB.test #djp-search-form .structure dt.area{ display: block; max-width: 52px; margin-left: 14px;}
#search-box.verB.test #djp-search-form .structure dd#departure-area{ width: calc(100% - 95px);}
#search-box.verB.test dd.sch_cont3{ width: calc(100% - 95px);}
#search-box.verB.test .heyaDP .structure dd #room-num + span{ font-weight: bold;}

#search-box.verB.test #djp-search-form .chkAirDP{ width:49%;padding-top: 13px; min-height:53px;border-right: none;}
#search-box.verB.test #djp-search-form .chkAirDP.bdr{ border-right:2px solid #999;}
#search-box.verB.test #djp-search-form .chkAirDP .structure{ width:42%; float: left;}
#search-box.verB.test #djp-search-form .chkAirDP .structure dt.sch_ttl3{ width: 10%;min-width: 74px;}
#search-box.verB.test #djp-search-form .chkAirDP .structure.jr{ width: 90%; padding:0 0 0 36px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAE2SURBVHgB7ZPvkYIwEMUDpABL4DrIQQHnVXBeB3agViBWoFagVqBWIAUAkw6kBArgj2+Z1UEHUdSPvBkmS7L5bfIWhOjU6V0Z4gUppfpSyr88zweGYdh1OUVRzKIo8qRoIQJbljVF2Ac8AdxHvAcsuc01TZPWnrtBFUwwbF6mabrQWieP9soHYBvgOcIBT/k4NcFjgnPhA+Z+sywbovBPGIZfrusWjRYxmE48rM5jkwJEUSGeigkEeIz8HWLNebNaiwDuYWGEE43x2rupuwTIe8aWqi4FcK0RBo/Ba8AmTTC2Z4XQrlu/sogswbDAowH+BzgWDSI4bkoN39zLOVtUynEcjxrDhT4qk8dWvrZR2QNqLvw8UqGma7cRWRQEgV/2gL/pbxTZ4guaig8IfzoNvujU6W2dAKLllCSSkfHPAAAAAElFTkSuQmCC) no-repeat center left; background-size: 24px 24px; margin-left: 15px; margin-left: 15px;position: relative;}
#search-box.verB.test #djp-search-form .chkAirDP .structure.jr dt.sch_ttl3{ line-height: 44px;}
#search-box.verB.test #djp-search-form .structure dd.number span.pc{ position:relative; top:0px;}
#search-box.verB.test #djp-search-form #searchSwitchArea6{ position: relative;}
#search-box.verB.test #djp-search-form .DPdetail{ width: 25.86%;padding-top: 13px; min-height:53px;}
#search-box.verB.test #djp-search-form .heyaDP{ width: 23%;padding-top: 13px; min-height:53px;}
#search-box.verB.test #djp-search-form .ninzuDP{ width: 50%;padding-top: 13px; min-height:53px; border-right: none;}
#search-box.verB.test #djp-search-form .ninzuDP  dl.structure.new dd{ width: calc(100% - 125px); font-weight: bold;}
#search-box.verB.test #djp-search-form .sibori{ width: 900px;}
#search-box.verB.test #djp-search-form p.searchSubmit{ margin-top:40px;}
#search-box.verB.test #djp-search-form .dpTop{ margin-top: 0;}
#search-box.verB.test #djp-search-form .structure.shibori dd .squeeze li.dpCar{ position: absolute; left:0; top:310px;}
#search-box.verB.test #djp-search-form .structure.shibori dd{ width:98%;}
/*test-DP del*/
#search-box.verB.test #djp-search-form .structure .squeeze li{ display:block;}
#search-box.verB.test #djp-search-form .structure .squeeze li.noBd.dpCar{ display: block;}
#date, #departure, #arrival, #room, #people {
    position: relative;
}
.mapArea .areabox{display: flex;flex-wrap: wrap;}

.mapArea .areabox li .areaname{color: #fff;font-weight: bold;text-shadow: 1px 1px 2px #333;font-size: 24px;margin: 10px;position: absolute;top: 10px;left: 10px;}
.mapArea .areabox li .link{display: flex;padding: 10px;flex-wrap: wrap;background-color: #fff;}
.mapArea .areabox li .link a{display: block;background-color: rgba(255,255,255,0.8);font-size: 14px;padding:10px 0;margin:5px 1%; border-radius: 0; border: 1px solid #333;text-align: center;width: 30.6%;}
.mapArea .areabox li{position: relative; width: 31%;margin: 0 1% 2%;}
.mapArea .areabox li img{width: 100%;border-radius: 0;position: relative;}

#skibuddy .ss-hotel .bg-img:hover{transform: none;}
#skibuddy h3.box_tlt {
    text-align: left;
    color: #000;
    font-size:120%;
    padding: 8px 12px 10px 12px;
}
.targetgroup{padding: 0 !important;border: none;}
.targetgroup.ss-container .column_3{padding: 0 !important;margin-top: 40px !important;justify-content: center;}

#skibuddy .ss-hotel .hotel-main .area-name {
    position: relative;
  padding-top: 0;margin: 0 10px;
}
#skibuddy .ss-hotel .bg-img{height: 96px;overflow: hidden;}
#skibuddy .ss-hotel .hotel-price{color: #bf0000;font-weight: bold;font-size: 22px;}
#skibuddy .ss-slidetab li.here{background-color: #3EB2F3;color: #fff;border: 1px solid #3EB2F3;}
.js-loadJSON .ss-hotel .htlrank {
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    color: #fff;
    text-align: center;
    line-height: 64px;
  margin-left: 10px;
display: block;
    width: 48px;
    height: 48px !important;
    background: url(https://img.travel.rakuten.co.jp/ski/2021/images/rank.png) center center no-repeat;
    background-size: auto;
    background-size: 48px;
    z-index: 1;
}
.js-loadJSON .ss-hotel:first-child .htlrank {
    background: url(https://img.travel.rakuten.co.jp/ski/2021/images/rank1.png) center center no-repeat;
}
.js-loadJSON .ss-hotel:nth-child(2) .htlrank {
    background: url(https://img.travel.rakuten.co.jp/ski/2021/images/rank2.png) center center no-repeat;
}
.js-loadJSON .ss-hotel:nth-child(3) .htlrank {
    background: url(https://img.travel.rakuten.co.jp/ski/2021/images/rank3.png) center center no-repeat;
}
.js-loadJSON .ss-hotel .hotel-main .hotel-name{margin:0 10px;}
.js-loadJSON .ss-hotel .btn,.jsonPlan .ss-hotel .btn{border: none;}
.js-loadJSON .ss-hotel .btn a,.jsonPlan .ss-hotel .btn a{display: block; margin: 0 auto 8px; color: #333; text-align: center;padding: 4px 8px;border: 1px solid #333;border-radius: 4px;}
.ss-hotel .btn {padding-bottom: 0!important;}

#skiPGbox .htl-dtl{display: flex; justify-content: space-between; align-items: center;}
#skiPGbox .htl-dtl span{font-size: 12px;}
#search-box.verB .searchUndate {
    position: absolute;
    top: -34px;
    left: -10px;
}
#search-box.verB .searchUndate {
    background: #666666;
    border-radius: 5px 5px 0 0;
    padding: 8px;
    width: 116px;
    color: #ffffff;
    margin-left: 10px;
}
#search-box.verB .searchUndate input {
    border: none;
    display: none;
}
#search-box.verB .searchUndate input[type="checkbox"] + label {
    color: #ffffff;
    display: inline-block;
    margin-left: 5px;
    font-size: 14px;
    padding-left: 28px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAIAAAC1nk4lAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA25pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDozZDNjZGUyNi05YTE5LTI4NDEtODQ3Yi04OTZhNzk1ZTg0YjQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NEE5NzQ0QUQ5RTU4MTFFQUFGRjlBMzhGRDRDMTlERjQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NEE5NzQ0QUM5RTU4MTFFQUFGRjlBMzhGRDRDMTlERjQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6QTkxNUU2RTk4QTA3MTFFQUFCNDk5QTZDOEYwMTAwMjgiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6QTkxNUU2RUE4QTA3MTFFQUFCNDk5QTZDOEYwMTAwMjgiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6XuM4aAAAASklEQVR42uzOAQ0AAAgDILV/Hc1njm+QgL7dSjMVSFpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWlpaWjrPCzAAQtkCmGAH9tcAAAAASUVORK5CYII=) left center no-repeat;
    background-size: auto;
    background-size: 16px 16px;
}
#search-box.verB .searchUndate {
    background: #666666;
    border-radius: 5px 5px 0 0;
    padding: 8px;
    width: 116px;
    color: #ffffff;
    margin-left: 10px;
}
#search-box.verB.test #dh-search-form dl.structure.fltDl.heya b#heyaNum, #search-box.verB.test #dh-search-form dl.structure.ninzu ul li b#adltNum {
    display: none;
}
#search-box.verB.test #dh-search-form .number ul li.adult span.adltLB, #search-box.verB.test #dh-search-form .number ul li.child span.childLB {
    display: none;
}
#search-box.verB.test .dhAll.dh {
    margin-top: 45px;
}
#maskDh {
    position: absolute;
    width: 948px;
    height: 66px;
    top: 2px;
    left: 189px;
    background: #eeeeee;
    opacity: .5;
    z-index: 10;
}

#P9 ul {display: flex;align-items: center;column-gap: 3%;}
#P9 ul li {background: #000;padding: 0.3%;}
#p9 ul li a {display: block;width: fit-content;}

#search-box.verB.test .explain {
	width: auto!important;
	left: auto !important;
	width: auto;
	right: 0;
	top: -7%;
}