@charset "utf-8";


/*COMMON
---------------------------------------------------------------*/
/*
.spa_01{ margin-top:5%;}
.cazador{ width:80%; margin:0 auto} */

.lh18 {
	line-height: 1.8;
}
.pdg15 {
	padding: 0 15px;
}
.mgnT20 {
	margin-top: 20px;
}
.mgnB5 {
	margin-bottom: 5px;
}
.mgnB10 {
	margin-bottom: 10px;
}
.mgnB15 {
	margin-bottom: 15px;
}
.mgnB20 {
	margin-bottom: 20px;
}
.mgnB30 {
	margin-bottom: 30px;
}
.mgnB40 {
	margin-bottom: 40px;
}
.mgnB50 {
	margin-bottom: 50px;
}
.wdt55 {
	width: 55%;
}
.wdt63 {
	width: 63%;
}
.wdt70 {
	width: 70%;
}
.wdt75 {
	width: 75%;
}
.wdt85 {
	width: 85%;
}
.wdt90 {
	width: 90%;
}
.wdt94 {
	width: 94%;
}
.flex01 {
	display: flex;
	align-items: center;
	justify-content: center;
}
.red {
	color: #F00000;
}
.center {
	text-align: center;
}
.fnt14 {
	font-size: 14px;
}
/*txt_01
---------------------------------------------------------------*/
.txt_01{ width:88%; margin:0 auto; font-size:90%}

@media (min-width: 371px) and (max-width: 380px) {
.txt_01{font-size:85%}
	}
@media (min-width: 351px) and (max-width: 370px) {
.txt_01{font-size:80%}
	}
@media screen and (max-width:350px) {
.txt_01{font-size:70%}
}

/*txt_02
---------------------------------------------------------------*/
.txt_02{ width:88%; margin:2% auto 0 auto; font-size:90%}

@media (min-width: 371px) and (max-width: 380px) {
.txt_02{font-size:69%}
	}
@media (min-width: 351px) and (max-width: 370px) {
.txt_02{font-size:66%}
	}
@media screen and (max-width:350px) {
.txt_02{font-size:58%}
}




.futoji{ font-weight:bold}

.sp_375 { display:block!important; }
@media screen and (max-width:375px) {
.sp_375 { display: none!important; }
}



/*article.contents .hdTitle
---------------------------------------------------------------*/

article.contents .hdTitle {}

article.contents .hdTitle .data {
/*background: #f5e462;*/
padding: 10px;
font-size: 88%;
text-align: center;

}

article.contents .hdTitle .txOra01 {
color: #ff7f00;
}

article.contents .acodBlock {
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
margin-top: -1px;/*margin-top: 5px;*/
}
article.contents .acodBlock.bdr01 {
	border-top:none;
margin-top: -1px;/*margin-top: 5px;*/
}
article.contents .acodBlock:first-of-type {
margin-top: 0;
}

article.contents .acodBlock > .heading {
min-height: auto;
padding: 20px 30px 20px 0;
border-bottom: 1px solid #664c00;

/*
border-top: 1px solid #664c00;
border-bottom: 1px solid #664c00;
*/
border:none;
/*border:1px solid #9b8a59;*/
background-color: #f9f6ed;
}

article.contents .acodBlock > .heading > .inr {
border-left: none;
}

article.contents .acodBlock > .heading::after {
width: 30px;
height: 30px;
top: 52%;
transform: none;
}

article.contents .acodBlock > .heading > .inr img{ width:83%}



article .acodBlock  [class^="tglSld_icon"]:after,
article .acodBlock  [class*=" tglSld_icon"]:after {
background: url(../images/icon_arrow_d01.svg) no-repeat 0 0;
background-size: 100%;
right: 20px;
}
article .acodBlock02  [class^="tglSld_icon"]:after,
article .acodBlock02  [class*=" tglSld_icon"]:after {
background: url(../images/icon_arrow_d02.svg) no-repeat 0 0;
background-size: 100%;
right: 20px;
}
article .acodBlock03  [class^="tglSld_icon"]:after,
article .acodBlock03  [class*=" tglSld_icon"]:after {
background: url(../images/icon_arrow_d03.svg) no-repeat 0 0;
background-size: 100%;
right: 20px;
}

/*article.contents [class^="tglSld_icon"]:after,
[class*=" tglSld_icon"]:after {
background: url(../images/icon_arrow_d01.png) no-repeat 0 0;
background-size: 100%;
right: 20px;
}*/


article.contents .tglSld_iconWT.close:after {
background-position: 0;
}

article.contents .tglSld_iconWT.open:after {
background-position: 0;
transform: scale(1, -1);
}

article.contents .hotelArea{
padding: 10px 15px 10px 15px;/*padding: 30px 15px;*/
}

article.contents .acodBlock > .content {
padding: 15px 15px 40px;
margin: 0 -15px;
}
article.contents .acodBlock:last-of-type > .content {
padding-bottom: 0;
}

article.contents .hotelBox01 {
background: #fff;
position: relative;
margin-top: 10px;
}

article.contents .hotelBox01 .recoTxt01 {
display: inline-block;
position: absolute;
top: -10px;
left: -10px;
background: white;/*background: #f5e462;*/
font-size: 78%;
font-weight: bold;
padding: 5px 5px 5px 7px;
transform: rotate(-15deg);
color: #664c00;
}

article.contents .hotelBox01 .name {
font-weight: bold;
padding: 20px 15px;
display: table;
width: 100%;
box-sizing: border-box;
min-height: 75px;
color: #ff7f00;
}

article.contents .acodBlock > .heading {
background-color: white;
}


article.contents .hotelBox01 .name li {
display: table-cell;
vertical-align: middle;

}

article.contents .hotelBox01 .name li.icon01 {
width: 18%;

}

article.contents .hotelBox01 .inner {
padding: 0 15px 15px;
}

article.contents .hotelBox01 .point {
border: 1px solid #db0000;
position: relative;
padding: 10px 10px 10px 20px;
font-size: 88%;
margin-top: 10px;
}

article.contents .hotelBox01 .point:before {
content: "";
display: inline-block;
position: absolute;
left: 0;
top: 0;
width: 40px;
height: 40px;
z-index: 0;
}

article.contents .btn_reserv01 {
text-align: center;
padding:0 15px 15px;
background: #fff;



}

article.contents .btn_reserv01 a {
display: inline-block;
background-color: #C40000;
margin: auto;
padding: 10px 15px;
text-align: center;
color: #fff;
}


article.contents #searchArea {
margin-top: 40px;
}

article.contents #searchArea .selected_hotel {
padding: 10px;
color: #db0000;
font-size: 20px;
}

article.contents .optionArea{
margin-top: 20px;
padding: 10px;
background: rgba(127,166,66,0.6);
}
article.contents .optionArea .tits{
text-align: center;
font-weight: bold;
color: #fff;
font-size: 113%;
}
article.contents .optionArea ul li{
margin-top: 10px;
}



/*  ultimo_txt
-------------------------------------------------------------------------------------*/
.ultimo_txt {
	position:relative;
	margin-top:5%;
	padding: 15px;
	background: #D0DEF0;
	border-radius: 13px;
}


.ultimo_txt table{
	font-size:90%;
	width:100%;
	display:block;
	margin:0 auto;
}
.mvTxt {
	text-align: right;
  font-size: 1rem;
	margin-top: 5px;
}
.ttl01 {
	width: 65%;
	margin: 0 auto;
}

.secTopLinkImg {
 margin-top: 10px;
 margin-bottom: 20px;
}

.secTopLinkImg p {
 text-align: center;
}

.secTopLinkImg img {
 width: 100%;
 max-width: 600px;
 margin-bottom: 20px;
}

/*  salto_01
-------------------------------------------------------------------------------------*/
.salto_01{line-height:190%;}

@media (min-width: 371px) and (max-width: 380px) {
.salto_01{line-height:162%;}
	}

@media (min-width: 351px) and (max-width: 370px) {
.salto_01{line-height:150%;}
	}

@media screen and (max-width:350px) {
.salto_01{line-height:117%;}

}



/*  salto_02
-------------------------------------------------------------------------------------*/
.salto_02{line-height:195%;}

@media (min-width: 371px) and (max-width: 380px) {
.salto_02{line-height:180%;}
	}

@media (min-width: 351px) and (max-width: 370px) {
.salto_02{line-height:170%;}
	}

@media screen and (max-width:350px) {
.salto_02{line-height:130%;}

}

/*  salto_03
-------------------------------------------------------------------------------------*/
.salto_03{line-height:207%;}

@media (min-width: 371px) and (max-width: 380px) {
.salto_03{line-height:170%;}
	}

@media (min-width: 351px) and (max-width: 370px) {
.salto_03{line-height:164%;}
	}

@media screen and (max-width:350px) {
.salto_03{line-height:120%;}

}

.contentsInr th, td{vertical-align: top}

.la_carrera{width:23%;}

.quebra_kai{word-break: break-all}

.grande{font-size: 112%;/*font-weight: bold*/ }




/*  fotos_botones
-------------------------------------------------------------------------------------*/
.fotos_botones {position:relative; margin-top: 10px;}


.fotos_botones ul{
	position: absolute;
	bottom:2.5%;
	left:0;
	right:0;
	margin:0 6.5%;
}

.fotos_botones li{ margin-bottom: 4%; }
.fotos_botones li:last-child{ margin-bottom:0}


/*  optional_plan
-------------------------------------------------------------------------------------*/
#optional_plan { margin: 0 2% 15%  2% }

#optional_plan h2{ font-size:110%; font-weight:bold}

#optional_plan .acodBlock p{ margin:0 0 }

.optional_planTxt {
	text-align: center;
	font-size: 14px;
}
.optional_planTxt02 {
	text-align: left;
  font-size: 13px;
}
.optional_planIn01 {
	padding: 30px 5px 50px;
	background: #FFEE72;
	text-align: center;
	margin-bottom: 60px;
}
.optional_planIn01Ttl01 {
	width: 67%;
    margin-right: 130px;
}
.optional_planIn01Ttl02 {
	width: 32%;
}
.flex01 .day {
	font-size: 16px;
	width: 38%;
	text-align: left;
}
.flex01 .tax {
	font-size: 30px;
	font-weight: bold;
	color: #F25524;
	width: 50%;
}
.planDay {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 8px;
}



.planDay02 {
	font-size: 12px;
	text-align: center;
}

.optional_planIn01 .wdt63 {
	margin: 0 auto;
}

.passAbout {
	font-weight: bold;
	font-size: 20px;
	color: #1458B5;
}

.toggle_title {
	position: relative;
	padding: 15px;
	cursor: pointer;
	font-size: 15px;
	line-height: 1.4;
}
.toggle_title02 {
	border: 1px solid #999;
	border-radius: 3px;
	padding-left: 60px;
}
.toggle_btn {
	position: absolute;
	top: 50%;
	right: 26px;
	transform: translateY(-50%);
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.toggle_btn02 {
	top: 68.5%;
	right: 24px;
	transform: none;
}
.toggle_btn03 {
	right: 88%;
	background: #DC0000;
}
.toggle_btn:before, .toggle_btn:after {
	display: block;
	content: '';
	background-color: #1458B5;
	position: absolute;
	width: 10px;
	height: 2px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.toggle_btn03:before, .toggle_btn03:after {
	background-color: #fff;
	width: 13px;
	height: 1px;
}
.toggle_btn:before {
	width: 2px;
	height: 10px;
}
.toggle_btn03:before {
	width: 1px;
	height: 13px;
}
.toggle_title.selected .toggle_btn:before {
	content: normal;
}
.toggle_contentsIn {
	text-align: center;
}
.toggle_contents .toggle_contentsIn {
	display: none;
}
/*  salfate_01
-------------------------------------------------------------------------------------*/

.salfate_01{margin:5% 3%;  /*border:1px solid red;  */padding:1% 3%; background-color:#fdf4bb; }

.salfate_01 li{ margin-top:5%; width:100%}

.salfate_01 li:nth-child(2) { font-weight:bold; font-size:18px;}

.salfate_01 li:last-child{ text-align:right; margin-bottom:5%; font-size:15px;}

.icono img{width:5%; margin-right:2%}



/*  salfate_02
-------------------------------------------------------------------------------------*/

.salfate_02{margin:5% 3% 7% 3%;}

.salfate_02 li{ margin-top:5%; width:100%}

.salfate_02 li:last-child{ margin-top:5%;}

/*20230302追記(終了対応)*/
.shuryo{
	border: 1px solid #FB2F2F;
	color:#FB2F2F;
	margin:20px;
	padding:50px;
	text-align: center;
	font-size:20px;
}