@charset "utf-8";
/*
* ★★CSS for smartphone
*
* @date 2013.03.13
* @author Daisuke Hayashi
*/

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

------------------------------------------ */
.pc{display:none !important;}
.spPr0{padding-right:0 !important;}
#contentsArea{ background:url(../images/bg.png) no-repeat top center #FFDEB3; position: relative; overflow: hidden;}
#keyVisual{width:100%; margin-bottom:0; position: relative; background: url(../images/topSp_bg.png) no-repeat left center; background-size:cover; display: flex; flex-direction: column; }
#keyVisual.areaTop{border-bottom: 1px solid #CD370A; overflow: hidden;}
#keyVisual h1{ margin:16px 16px 0;}
#keyVisual h1 img{ width:100%; display:block;}
#keyVisual .newSlides{ margin:0 16px 16px; position: relative;}
#keyVisual .jdsSlides{width: 100%; overflow: hidden; margin-bottom: 0; position: relative;}
#keyVisual .jdsSlides li.sp img { max-width: 470px;}
#keyVisual .jdsSlides li{width: 100%;position: relative; text-align: center;}
#keyVisual .jdsSlides li img{width: 100%;}
#keyVisual .jdsSlides li a { display: block;}
#keyVisual .jdsSlides li div{position: absolute;width: 100%; background: rgba(0,0,0,0.5);bottom: 0;left: 0;padding: 5px 0;}
#keyVisual .jdsSlides li div p{color: #fff; font-size: 14px; padding: 0 20px; line-height: 1.2;text-align: center;}
#keyVisual .jdsSlides li div p span.htlnm{font-size: 14px; font-weight: bold; color: #fff; display: block;}
#keyVisual .jdsSlides li div p span.prc{display: none;}
#keyVisual .jdsSlides li div p em{font-style: normal;color: #bc942f;display: none;}
#keyVisual .jdsSlides li div .btn{ display: none; width: 50%;font-size: 11px;background: #bc942f;color: #fff;text-align: center;padding: 5px 0;margin-right: 10px; margin: 0 auto;}
#keyVisual .rslides_nav { font-size: 0; position: absolute; z-index: 9; top: 40%;}
#keyVisual .rslides_nav.next{background: url(https://img.travel.rakuten.co.jp/special/kani/2021/images/arr_next.png) no-repeat;width: 20px;height: 20px;right: 0;background-size: 100% auto; right: 0;}
#keyVisual .rslides_nav.prev{background: url(https://img.travel.rakuten.co.jp/special/kani/2021/images/arr_prev.png) no-repeat;width: 20px;height: 20px;left: 0; background-size: 100% auto; left: 0;}
.demo{display: none;}
/* #keyVisual.areaTop { background: none;} */
#keyVisual.areaTop h1{width: auto; position: relative; background: none; margin: 0 -25%; overflow: hidden; padding: 10px 0;}
#keyVisual.areaTop h1 a{width:51%;display: block;max-width: 562px;margin: 0;}
#keyVisual.areaTop h1 img{width: 100%; display: block;}
#keyVisual.areaTop h1 span{width: 48%;font-size: 20px;color: #fff099;font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif;display: inline-block;text-align: center;}
#keyVisual.areaTop h1 span img{width: 92%; margin: 0 auto;}

/*-- navi --*/
/* nav ul li{width:100%;} */
nav{ overflow: hidden; clear: both;}
nav ul li img{width:100%;}
/*nav li{width:42%; margin:0 auto; padding:8px 8px 7px; background:url(https://img.travel.rakuten.co.jp/special/kani/2018/images/naviBk.jpg) center top repeat; border:1px solid #000000; text-align:center; font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif; font-size:120%; font-weight:bold; float:left;}
nav li a{display:block;}
nav li a span{font-size:119%;}
nav ul li img{display:none;}*/

.navi_new{width: 100%;z-index: 100;}
.navi_new ul{margin: 0; background: #CD370A; display: flex;justify-content: center;padding: 7px 0; flex: 1 1 auto;}
.navi_new ul li { display: flex; align-items:center;border-right: 1px solid #fff;}
.navi_new ul li:last-child {border-right:0;}
.navi_new ul li a{font-size: 13px; font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif; color: #fff;padding:0 10px; margin: 0; text-align: center; display:  flex;}

.widecontents{ overflow: hidden; clear: both;}
#contents{background:none; margin:0; padding: 0 10px 10px;}

/*-- part1 --*/
#part1{width:100%; position:relative;}
.h1{ display: none; text-align:center; text-align:center; font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif; padding-bottom:1px; font-size:144%;}
.h1 span{font-size:133%;}
.rHtl{background:#382e29; padding:10px; border-top:10px solid #e9cb5c;}
.swiper-slide{text-align:center;}
.rHtlName{color:#fae73a; font-size:115%; padding-bottom:10px;}
.rHtlName span{color:#ffffff; font-size:70%; padding-right:9%;}
.rHtlName .part1Area{color:#ffffff; padding-bottom:15px;}
.rHtlName .part1HN{color:#fae73a; font-size:129%;}
.rHtlIcon{padding-right:1%; padding-bottom:10px; overflow:hidden;}
.rHtlIcon li{float:left; color:#ffffff; font-size:78%; background:#bf0000; border-radius:5px; margin-right:3px; padding:6px 8px;}
.rPlanIcon{padding-right:1%; padding-bottom:10px; overflow:hidden;}
.rPlanIcon li{float:left; color:#382e29; font-size:78%; background:#fcf7d1; border-radius:5px; margin-right:3px; padding:6px 8px;}
.rPlanBox{padding:5%; background:#fcf7d1; border-radius:10px; margin-bottom:15px;}
.rPlanBox a{display:block;}
.rPlanBox h2{text-align:center; font-size:102%; font-weight:bold; color:#cf6252; padding-bottom:5px; border-bottom:1px solid #cf6252; margin-bottom:10px;}
.rPlanName{color:#cf6252; font-size:110%; line-height:130%; padding-bottom:10px;}
.rPrice{text-align:center; font-size:95%; color:#382e29;}
.rPrice span{color:#bf0000;}
.rPrice em{font-weight:bold; font-size:166%; color:#bf0000; font-style:normal;}
.rHtlBtn{overflow:hidden;}
.rHtlBtn li{width:48%; margin-right:2%; margin-bottom:2%; float:left;}
#contentsArea .rHtlBtn li a{display:block; border-radius:10px; text-align:center; font-size:120%; color:#ffffff; padding:5% 0;
	background: #cf3939;
	background: -moz-linear-gradient(top, #f84d4d, #cf3939);
	background: -webkit-gradient(linear, left top, left bottom, from(#f84d4d), to(#cf3939));
}




/*-- part2 --*/
#part2, #part3{width:100%; position:relative; margin:20px auto;}
.mapBox{overflow:hidden; padding: 5px 5px 0;}
.mapBox ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.mapBox ul li{background: rgba(217,183,118,0.4);width: 24%;margin-bottom: 5px; border-radius: 6px;}
/* .mapBox ul li:first-child{width:100%;} */
/* .mapBox ul li:nth-child(2){width:36%;} */
#contentsArea .mapBox ul li a{display:block; color: #27100A;text-align: center;font-size: 16px;font-weight: bold;padding: 16px 0;}



/*-- part3 --*/
.part3A{padding: 15px 10px 10px;background: #bc942f;clear: both;margin-bottom: 30px;}
.part3A h2{padding:3% 3% 1% 3%; background:#3e332d; color:#ffffff; font-size:90%; font-weight:bold; overflow:hidden; margin-bottom:10px;}
.part3A h2 span{font-size:120%;}
.part3A ul{display: flex;justify-content: flex-start;flex-wrap: wrap;}
.part3A ul li{position:relative; padding-bottom:10px; width: 49%;margin-right: 2%;}
.part3A ul li:nth-child(2n){margin-right: 0;}
.part3A ul li img{width:100%;}
.part3A ul li p{display:block; position:absolute; top: 10px; left: 0; width:96%; background:rgba(0,0,0,0.7); color:#fff799; padding:10px 2%; font-size:15px;}
.part3A ul li p span{display: none;}
/* .part3B{padding: 15px 10px 10px;background: #bc942f;clear: both;} */
.part3B h2{padding:3% 3% 1% 3%; background:#3e332d; color:#ffffff; font-size:90%; font-weight:bold; overflow:hidden; margin-bottom:10px;}
.part3B h2 span{font-size:120%;}
.part3Ph2{font-size:15px;color:#fff799;position:absolute;top: 10px;left: 0;padding: 10px 2%;width: 96%;background: rgba(0,0,0,0.7);}
.part3Ph2 img{width:100%;}
.part3Ph2 span{display:none;}
.part3Txt1{font-size: 12px;}
.part3B > div{position: relative;}
.part3B > div img.sp{display: block;width: 100%;}
.part3B { text-align: center;}
.part3B img { width: 100%; max-width: 483px;}

#part3 ul.anchor{display: flex;justify-content: space-between;}
#part3 ul.anchor li{width: 50%;margin-right: 0;}
#contentsArea #part3 ul.anchor li a{text-align: center;color: #fff;background: #bc942f;font-size: 18px;display: block;padding: 10px 0;line-height: 1.2;margin-top: 10px;}
#contentsArea #part3 ul.anchor li a span{font-size: 22px;font-weight: bold;}
#contentsArea #part3 ul.anchor li.here{margin-bottom: 0;}
#contentsArea #part3 ul.anchor li.here a{color: #664600;background: #bc942f;padding: 15px 0;margin-top: 0;}


/*-- part4 --*/
#part4{width:100%; position:relative; padding-top:40px;}
#part4 h1{padding-bottom:10px;}
.part4Area h2{padding:3% 3% 2%; background:#382e29; color:#ffffff; font-size:116%; font-weight:bold; overflow:hidden; margin-bottom:6px; text-align:center; margin-bottom:10px;}
.part4Dl1 dt{background:#ad0b0c; padding:2% 3% 1% 3%; color:#ffffff; font-size:104%; font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif; margin-bottom:10px; text-align:center; margin-bottom:10px;}
.part4Area dl dd{font-size:80%; padding-bottom:20px; width:100%;}
.part4Area dl dd img{width:100%;}
.part4Area dl dd h3{text-align:center; font-size:120%; font-weight:bold; padding-bottom:5px;}
.part4Dl2 dt{background:#9d6834; padding:2% 3% 1% 3%; color:#ffffff; font-size:104%; font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif; margin-bottom:10px; text-align:center; margin-bottom:10px;}



/*-- bus --*/
#bus{width:100%; position:relative;}
#bus .busUl{display: flex;justify-content: space-between;flex-wrap: wrap;}
#bus .busUl li{background:#ffffff; margin-bottom:10px; width: 49%;}
.tour{background:#bc942f; padding:8px 5px 6px; color:#ffffff; font-size:82%;}
.tour span{font-weight:bold; font-size:130%;}
.busPh{padding:3% 0.5%; float:left; width:40%;}
.busPh img{width:100%;}
#bus .busUl li a{display:block;position: relative;overflow: hidden;}
#bus .busUl li a:after{position: absolute;right: 5px;top: 50%;content: '';width: 8px;height: 8px;border-top: 2px solid #bf0000;border-right: 2px solid #bf0000;transform: rotate(45deg);}
#bus .busUl li dl{padding:3%; float:right; width:53%;}
#bus .busUl li dl dt{font-size:16px; padding-bottom:7px; font-weight:bold;}
#bus .busUl li dl dd{font-size: 13px;}
.busPrice{text-align:center; float:right; width:53%; padding-bottom:3%;font-size: 13px;padding-right: 3%;}
.busPrice strong{color:#d00000; font-size:150%;}
.busPrice span{color:#d00000;}
.ttls1 {
    color: #3e332d;
    font-size: 17px;
    font-weight: bold;
}
.ttls1 img {
    padding-right: 3px;
    vertical-align: -1px;
}
.column_1 .cpbx {
    margin: 5px auto 0;
}
.cp__coupon0 {
    background-color: #c9c9c9;
    padding: 10px; overflow:hidden;
}
.cp__coupon0 a {
    display: block;
    float: left;
}
.cp__coupon0 dl {
    display: table;
    line-height: 0;
}
.cp__coupon0 dl dt {
    display: table-cell;
    width: 24%;
}
.cp__coupon0 dl dd {
    display: table-cell;
    vertical-align: middle;
    width: 76%;
}
.cp__coupon0 dl img {
    width: 100%;
}
.cp__coupon0 .cp__liststyle-dot0 {
    background-color: #fff;
    float: left;
    font-size: 88%;
    line-height: 1.5;
    margin-top: 10px;
    padding: 10px;
}
.column_1 .cp__coupon0 .cp__liststyle-dot0 {
    float: left;
    padding: 12px 10px;
    vertical-align: middle; width:100%;
}
.cp_info {
    background-color: #eaeaea;
    clear: both;
    font-size: 88%;
    line-height: 50px;
    margin: 15px auto 15px;
    padding-left: 10px;
    padding-right: 10px;
}
.cp__trigger { display:block; padding:5px 0 5px 35px; line-height:1.4;
    position: relative;
}
.cp__trigger:hover {
    cursor: pointer;
}
.cp__trigger::before {
    background-color: #c9c9c9;
    border-radius: 50%;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: x-large;
    font-weight: bold;
    height: 30px;
    left: 0;
    line-height: 1.3;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    width: 30px;
}
.cp__none-submenu::before {
    content: "+";
}
.active-submenu::before {
    content: "-";
}
.cp__liststyle-dot {
    font-size: 90%;
    line-height: 1.7;
    padding: 0 10px 10px;
}
.couponOver {
    cursor: default;
    overflow: hidden;
    pointer-events: none;
    position: relative;
    z-index: 1;
}
.couponOver::after {
    background-color: rgba(114, 114, 114, 0.68);
    color: #fff;
    content: "配布期間終了";
    cursor: default;
    display: block;
    font-size: 24px;
    font-weight: bold;
    height: 80%;
    left: 0;
    padding-top: 10%;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999;
}
.cp__coupon-img0 a.couponOver:active {
    opacity: 1;
}
.busBnr{text-align:center; margin-bottom:10px;}
.busBnr li{padding-bottom:5px;}
.cp__acordion li{padding-bottom:10px;}
.submenu{padding:0 10px 10px; background:#ffffff;}
#bus .linkArea02 {
    background:#f1ddc4;
    margin-top:2px;
    overflow: hidden;
    padding:10px 0 10px 10px; margin-bottom:5px;
}
#bus .linkArea02 li{float:left;}
#bus .linkArea02 a {
    background: #3e332d url(https://img.travel.rakuten.co.jp/special/kani/2018/images/arrow_green_r.png) no-repeat scroll 94% center / 6px auto;
    color: #ffffff; border-radius:4px;
    cursor: pointer;
    display:block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    margin: 5px 5px 0 0;
    padding:5px 20px 3px 18px;
    text-align: center;
}

#search-box p.searchSubmit a {
   background: -moz-linear-gradient(
        top,
        #CA2828 0%,
        #BA1313);
	background: -webkit-gradient(
        linear, left top, left bottom,
        from(#CA2828),
        to(#BA1313));
	border: 1px solid #c12d2c;
box-shadow: none;}
	
#contentsArea a:visited:hover,
#contentsArea a:link:hover,
#contentsArea a:visited:active,
#contentsArea a:link:active{ text-decoration: none;}
#contentsArea  .htlBox h1, #contentsArea  .htlBox h1:visited { color: #333; text-decoration: none; }
#contentsArea  .htlBox h1:hover, #contentsArea  .htlBox h1:active { color: #bf0000; text-decoration: underline; }

#contentsArea  .htlBox h2, #contentsArea  .htlBox h2:visited { color: #333; text-decoration: none; }
#contentsArea  .htlBox h2:hover, #contentsArea  .htlBox h2:active { color: #bf0000; text-decoration: underline; }



#contentsArea .htlBox .explain {text-align: left;
   color: #000;
}
#contentsArea .htlBox .btn{padding: 0 10px;}
#contentsArea .htlBox .btn li { width: 100%;}
#contentsArea .htlBox .btn li a{font-weight: bold; margin: 10px 0;}
.htlBox .basic::before{display: none;}	
	#contentsArea .spotBox{
    border-color: #A5A5A5;
}
#contentsArea #search-box, #contentsArea #keywordSearch, #contentsArea #browsHistory, #contentsArea #subContents .bnrs {border-color: #707070; overflow:hidden;}
#domestic-search-box,
#search-box dl.structure{overflow:hidden;}
#contentsArea #verticalRecentRoot {border-color: #FFF;}

.htlBox .area {
    margin: 0 !important;
	padding: 0 8px;
    text-align: left;
    height: 45px;
}




/*--outline--*/
#outline {
    max-width: 100%;
	background-color: #FFF;
}
#outline div.waku {
	border: 2px solid #bf0000;
    padding: 20px 10px;
	margin-bottom:10px;
}
#outline p {
    background-repeat: no-repeat;
    font-size: 90%;
    margin-bottom: 10px;
}

#outline p img {
    margin: auto;
    max-width: 100%;
}
#outline dl {
    background-color: #FFE5E5;
    border: 1px solid #bf0000;
    line-height: 130%;
    max-width: 100%;
    padding: 5px;
}
#outline dl dt {
    color: #E24329;
    font-size: 100%;
    font-weight: bold;
    padding: 10px 0;
}
#outline dl dt span {
    color: #000000;
}
#outline dl dd em {
    font-weight: bold;
}
#outline dl dd {
    font-size: 78%;
    padding: 2px 0;
}
#outline dl dd span {
    color: #BF0A0A;
    font-weight: bold;
}
#outline dl dd a {
    color: #5454F6;
    font-weight: bold;
    text-decoration: underline;
}
#outline dl dd a:hover {
    color: #5454F6;
    font-weight: bold;
    text-decoration: underline;
}
.pc {
    display: none;
}
.htlBox .plan li a .price {
    text-align: center;
}
.btn1 {text-align: center;padding-bottom: 5px;}
#contentsArea .column1 #login, .column2R #login {
    background-color: #FFF;
	padding: 10px;
}



.dpno {display: none;}
#contents .racoupon {
   margin-bottom: 3px;
}
#contents p.coup {text-align: right;font-size: 78%;padding-right: 10px;padding-bottom: 15px;}
#contents p.coup a{color: #333;}


#outline div.waku {
border: 2px solid #bf0000;
padding: 20px 10px 10px;
}
#outline h1, #W_W.utility h1 {
    background-color: #BF0A0A;
    color: #FFFFFF;
    font-size: 120%;
    line-height: 1.2;
    padding: 5px;
    text-align: center;
}
#outline, #W_W.utility {
    background-color: #FFFFFF;
    max-width: 100%;
	margin-bottom: 10px;
	margin:10px;

}

.utility:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0.1em;
    height: 0;
    line-height: 0;
    visibility: hidden;
}


.dp h1 {
    background-color: #db0000;
    color: #ffffff;
    margin: 0 10px;
    padding: 5px;
}

.titlen{ background:#bc942f; font-size:130%; color:#fff; font-weight:bold; padding:5px 10px; margin:0 10px 10px;}

.htlBox1 .basic .chara{ margin-right:10px; width:auto !important;}	
.spotBox{ padding:10px; box-sizing:border-box;}
.spotBox a{ padding:0 !important;}

#contentsArea .spotBox4 .area {
    font-size: 80%;
    margin-bottom: 5px;
}

#contentsArea .spotBox4 h2 {
    font-size: 90%;
}

.titlen{ background:#bc942f; font-size:130%; color:#fff; font-weight:bold; padding:5px 10px; margin:0 10px 10px;}

#contentsArea .spotBox3{ border:2px solid #bc942f; padding:0; height:auto !important;}
#contentsArea .spotBox3 h2 { text-align:center; font-weight:bold; color:#fff !important; background:#bc942f; padding:3px 0; font-size:15px; margin:0;}
#contentsArea .spotBox3 .photo{ padding:5px; box-sizing:border-box; margin:0; width:36%;}
#contentsArea .spotBox3 .explain{ font-size:13px; padding:5px; box-sizing:border-box;margin:0;line-height:1.3;}

/* .searchBtn  {position: fixed; right:-54px; bottom:60px; z-index:99999; text-shadow:0; box-shadow:0;} */
.searchBtn a{ display:block; border-radius:5px; margin:0 auto;}
.searchBtn img { width:100%;}
#close      { display:none;}

.pagetop{position:fixed !important; z-index:9999; right:10px; bottom:10px;width: 48px;}
.pagetop img{width:100%;}

/*-- part6 --*/
#part6{margin-top:10px; margin-bottom:30px;}
#part6 h1{font-size:129%; font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif; padding:5px 0; border-bottom:1px solid #bc942f; position:relative; margin-bottom:10px;color: #bc942f;}
#part6 h1 img{position:absolute; width:19%; bottom:7px;}
#part6 h1 p{padding-left:21%;}
.part6Box{border:1px solid #382e29; background:#ffffff; padding:5%; overflow:hidden; margin-bottom:10px;}
.part6Box h2{color:#d43939; text-align:center; font-size:91%; padding-bottom:5px; border-bottom:1px solid #382e29; margin-bottom:10px; font-weight:normal;}
.part6P1{float:left; width:49%; padding-right:5px; line-height:130%; font-size:88%;}
.part6P1 strong{display:block; padding-bottom:5px;}
.part6Box img{display:block; float:right; width:48%;}
.part6Box a{display:block;	pointer-events:none;}

/*-- part7 --*/
#part7{margin-top:10px; margin-bottom:30px;}
#part7 h1{font-size:129%; font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif; padding:5px 0; border-bottom:1px solid #bc942f; position:relative; margin-bottom:10px; position:relative;color: #bc942f;}

#part7 h1.closeDiv:after{ position:absolute; content:"+"; width:12px; height:12px; font-size:21px; border:1px solid #000000; padding:0 9px 17px; right:3px; top:50%; margin-top:3px;}

#part7 h1.openDiv:after{ position:absolute; content:"-"; width:12px; height:12px; font-size:21px; border:1px solid #000000; padding:0 9px 17px; right:3px; top:50%; margin-top:3px;}


@media screen and (max-width:380px){
#part7 h1.closeDiv:after{ top:0;}
#part7 h1.openDiv:after{ top:0;}
}

#part7 h1 img{position:absolute; width:20%; bottom:7px;}
#part7 h1 p{padding-left:21%;}

#part7  .category{ display:none;}
.column1 .category{margin:0; }
.column1 .category ul .catBox{width:auto; border:1px solid #382e29; font-size:130%; overflow:hidden; padding:10px; border-radius:0;}
.category ul .catBox dl{float:right; font-size:80%; line-height:130%; padding-bottom:5px; width:57%;}
#part7Ttl h1.open::after {
    border: 1px solid #000000;
    content: "+";
    display: block;
    height: 14px;
    line-height: 0.8;
    margin-top: -9px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 50%;
    width: 12px;
}
#part7Ttl h1.close::after {
    border: 1px solid #000000;
    content: "-";
    display: block;
    height: 14px;
    line-height: 0.8;
    margin-top: -9px;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 50%;
    width: 12px;
}
.category ul .catBox .photo{float:left; width:40%; padding-right:3%;}

/*-- htls --*/
.htlBox{margin:10px 0; border-radius:0; border:1px solid #fff; box-sizing: border-box;}
.htlBox .area{background:none; color:#666; font-size:12px;}
.htlBox .basic{border-bottom:0; padding-bottom:0;}
.htlBox .chara li{background:#fffbeb; border:1px solid #bc942f; color:#b78e35; margin: 0 0 7px 14px;}
.htlBox .explain{padding:0 !important; width: auto !important; float: none; margin: 0 10px 10px;}
.htlBox .rate a, .htlBox .rank{margin:14px;}
.htlBox .plan li{margin:0; font-size:106%;}
.htlBox .plan li a{border:0; padding:0; background:none; position: static;}
.htlBox .plan .chara li{background:#d42d00; color:#ffffff; border:0; border-radius:5px; font-size:90%; padding-top:2px;}
.htlBox .plan li a .planName{padding-bottom:1%;}
.htlBox .plan li a .price{font-size:90%; text-align: right;}
.htlBox .btn li a { margin: 8px; background: #CD370A; display: block; font-size: 14px; font-weight: bold; color: #fff; text-align: center; padding: 12px 0; border-radius: 5px;}
.htlBox .photo{margin: 0 0 10px; float: none !important;}
.htlBox .photo{width: 100%;}
/*-- part8 --*/
#part8{margin-top:30px; margin-bottom:30px;}
#part8 h2{font-size:129%; font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif; padding:5px 0; border-bottom:1px solid #bc942f; position:relative; margin-bottom:10px;color: #bc942f; background: url(https://img.travel.rakuten.co.jp/special/kani/2021/images/kaniIcon.png) left center no-repeat;}
#part8 h2 {padding-left:72px;}
#part8 h2 span{font-size: 80%;}
.part8Ul{overflow:hidden;}
.part8Ul li{position:relative; margin:3% 0 0 3%; width:46%; float:left;}
.part8Ul li a{display:block;}
.part8Ul li img{width:100%; display:block;}
.part8Ul li span{display:block; position:absolute; bottom:0; width:98%; text-align:center; background:#000000; color:#ffffff; padding:6px 0 4px 2%; opacity:0.7; text-align:left; font-size:78%;}
.part8Ul li span em{font-style:inherit;}
.part8L{width:86%; display:block; float:left;}
.part8Ul li.ml0{margin-left:0;}

.lastNav {margin: 10px 0 30px; font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif; }
.lastNav li{width:100%; text-align:center; position:relative;margin-bottom: 5px;}
.lastNav li a{background:#bc942f; color: #200606 !important; padding:10px 0; width:100%; display:block;color:#200606; position:relative; font-weight:bold; font-size:110%;}
.lastNav li a::after{right:10px; border-right:2px solid #200606; border-top:2px solid #200606; content:""; display:block; height:7px; margin-top:-7px; position:absolute; right:7px; top:50%; transform:rotate(45deg); width:7px;}
.lastNav li a.navKoda.close:after{right:12px!important; border:0; content:"+"; display:block; height:7px; margin-top:-14px; position:absolute; right:7px; top:50%; width:7px;transform:rotate(0deg);}
.lastNav li a.navKoda.open:after{right:12px!important; border:0; content:"-"; display:block; height:7px; margin-top:-14px; position:absolute; right:7px; top:50%; width:7px;transform:rotate(0deg);}

.lastNav li a div div a{ padding:5px;}


.navi2UlB{width:100%;}
.navi2UlB2{width:100%;}
.navi2UlB h2{background:#000000; color:#ffffff; border:0;}
.lastNav .navi2Ul3 a,
.lastNav .navi2Ul4 a{border:none; border-bottom:1px solid #827974; background:#fff;}


.swipeLft {
    left: -18px;
}
.swipeRgt {
    right: -18px;
}
.swipeLft, .swipeRgt {
    margin-top: -15px;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    z-index: 10000;
}

.swiperBox {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
}
.swiper-container {
    backface-visibility: hidden;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index: 1;
}


.swiper-container .swiper-slide img{ display:block; float:none; width:100%; max-width:400px; margin:0 auto;}

.pagetop{border:0;}
.pagetop a{background:none;}
#search-box{background-color:none; padding:7px 5px 5px; margin: 0 0 45px; border: none;border-radius: 0;}
#search-box h2 { color: #27100A; margin: 0; font-size: 110%; text-align: center; font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif; }
#search-box-body {display: block;}
#domestic-search-box{ background-color:#ffffff;}


/* 0809 gyy */
.midashi{font-size: 16px;color: #27100A; text-align: center;font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif;margin-bottom: 10px; font-weight: bold;}
.midashi span{ display: table; margin: 0 auto; position: relative;padding: 10px;}
.midashi span::before{ content:""; display: block; position: absolute; left: -50px; top: 0px; width: 54px; height: 25px; background-size: 100%; background-image: url(../images/ttl_bg_l.png) ;}
.midashi span::after{ content:""; display: block; position: absolute; right: -45px; bottom: 0px; width: 48px; height: 25px; background-size: 100%;background-image: url(../images/ttl_bg_r.png) ;}
.midashi em{font-size: 120%; font-style: normal; font-weight: bold;}
.ttl{font-size: 18px;color: #fff;font-weight: bold;background: #bc942f; padding: 10px;margin-bottom: 20px;display: flex;align-items: center;justify-content: center;}
.ttl img{vertical-align: -5px;margin-right: 10px;width: 50px;}
.atn{margin-bottom: 30px; font-size: 12px; color: #27100A;}
.atn a{color: #27100A !important;}

.sbox{margin-top: 30px;}
.waku3{display: flex; justify-content: space-between;flex-wrap: wrap;}
.waku3 li{width: 49%;padding: 10px; box-sizing: border-box; background: #fff;margin-bottom: 10px;}
.waku3 li h3{font-size: 14px;color: #27100A;margin-bottom: 10px;}
.waku3 li img{display: block;margin-bottom: 10px; width: 100%;}
.waku3 li p{font-size: 13px;color: #333;line-height: 1.4;}
#contentsArea .waku3 li p a{color: #CD370A;text-decoration: underline;display: block;}
.subTxt{color: #fff;font-size: 14px;margin-bottom: 20px;}

/*ssi*/

.ttls{ text-align:center; line-height:0; margin-top:25px;}


.ttls1{ font-size:18px; font-weight:bold; color:#eb7895;}
.boxLink{ margin:0 0 10px; padding:0 0 3px; box-sizing:border-box;}
.boxLink .bd{ background:#fff; overflow:hidden; height:auto !important;}
.boxLink .bd:after{ content:normal;}
.boxLink a:hover{ opacity:.7;}
.boxLink h3{ font-size:14px; color:#fff; padding:5px 8px; background:#B69346;}
.boxLink .photo{ width:35%; float:left; padding:10px; box-sizing:border-box;}
.boxLink .photo img{ width:100%;}
.boxLink .txtArea{ float:right; width:65%; padding:10px 10px 10px 0; box-sizing:border-box; line-height:1.3; font-size:14px;}
.boxLink .name{padding-bottom:10px; font-weight:bold; color:#000;}
.boxLink .plan{ padding-bottom:5px;}
.boxLink .chara{ overflow:hidden; clear:both; margin:0 10px;}
.boxLink .chara li{border: 1px solid #448aca;color: #448aca; border-radius: 3px;float: left; font-size: 14px;line-height: 1; margin: 0 5px 5px 0;padding: 3px 5px;}
.boxLink p.price{ font-size:12px; text-align:right;}
.boxLink dl.price{ font-size:12px; overflow:hidden; padding:0 20px; line-height:25px;}
.boxLink dl.price dt{ font-size:18px;float:left; width:40%; text-align:right; padding-right:20px; box-sizing:border-box;}
.boxLink dl.price dd{ font-weight:bold; float:right; width:60%; text-align:left;}
.boxLink .price span{ font-size:16px; color:#cc1e06; font-weight:bold;}
.boxLink .price span big{ font-size:22px;}
.boxLink .explain{ clear:both; line-height:1.3; font-size:14px; padding:5px 10px 0;}
.boxLink .btn{ overflow:hidden; clear:both; margin:15px auto;text-align:center;}
.boxLink .btn li{ width:30%; display:inline-block;}
.boxLink .btn li a{ padding:10px 0; display:block;line-height:1; font-size:14px; font-weight:bold;color:#fff !important; border-radius:5px;}
a.ana{ background:#1B0E80 url(https://img.travel.rakuten.co.jp/special/kani/2021/images/arrow_white_r.png) 95% center no-repeat;}
a.jal{ background:#bf0000 url(https://img.travel.rakuten.co.jp/special/kani/2021/images/arrow_white_r.png) 95% center no-repeat;}
a.jr{ background:#000 url(https://img.travel.rakuten.co.jp/special/kani/2021/images/arrow_white_r.png) 95% center no-repeat; }

.prm{ font-size:14px; padding: 10px 10px 0;color: #333; background: #fff; text-align: center;}

.bnrbox{ overflow:hidden; clear:both; text-align:center; display: flex; justify-content: space-between; flex-wrap: wrap;}
.bnrbox li{ text-align:center; margin-bottom:7px;width: 49%;}
.bnrbox li img{ width:100%;}
.bnrbox li a:hover{ opacity:.7;}

.btn2{ overflow:hidden; clear:both; padding:10px;text-align:center; background: #fff;}
.btn2 li{ width:49%; display:inline-block;}
.btn2 li a{ padding:15px 0; display:block;line-height:1; font-size:16px; font-weight:bold;color:#fff !important; border-radius:5px;}

.bnt4 { overflow:hidden; padding: 10px 0; text-align:center; background: #fff;}
.bnt4 li{ width:46%; float:left; margin:0 2% 3px;}
.bnt4 li a{ display:block;background: url(https://img.travel.rakuten.co.jp/special/kani/2021/images/arrow_white_r.png) 95% center no-repeat #CD370A; border-radius:5px; text-align:center; font-size:14px; font-weight:bold; padding:8px; color:#fff !important;}
.bnt4 li a:hover{ opacity:.7;}
#open{z-index: 999; position: fixed !important; right:10px; bottom:70px;width: 60px;}
.kaniTtl{font-size:120%; font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif; padding:5px 0 12px; border-bottom:1px solid #bc942f; margin:10px 0 10px;color: #bc942f; background: url("https://img.travel.rakuten.co.jp/special/kani/2018/images/kaniIcon.png") left top no-repeat;padding-left: 95px;background-size: 70px auto;font-weight: bold;}
.surveyForm{ margin-top:10px; margin-bottom:10px;}


#brand .waku3 li.last{ background:none; text-indent:-9999px;}

.lead{
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 1.4;
    margin: 5px 10px 0;
}

.icoBtns {
    overflow: hidden;
    font-size: 10px;
    color: #aaa;
    margin: 0 14px 10px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    line-height: 1.6;
}
.icoBtns span{
    margin-right: 10px;
}
.txt_link{
    display: flex;
    margin-top: 30px;
    justify-content: flex-start;
    flex-wrap: wrap;
}
#contentsArea .txt_link li{
    margin:0 2% 10px 0;
    width: 32%;
}
#contentsArea .txt_link li:first-child{
    width: 66%;
}
#contentsArea .txt_link li:nth-child(2), #contentsArea .txt_link li:last-child{
    margin-right: 0;
}
#contentsArea .txt_link li a{
    display: block;
    padding: 10px 15px;
    border: 1px solid #bc942f;
    color: #bc942f;
    font-size: 14px;
}
#contentsArea .txt_link li a:hover{
    color: #bc942f;
    opacity: 0.8;
}
#contentsArea .txt_link li a span{
    margin-right: 15px;
}

 .rt-footer{z-index: 10;}
 .htlBox .rate{
    display: none;
}


/* goto none */

.htlBox .basic .chara{display: none !important;}
.icoBtns span.goto{display: none !important;}


.rk-hrn-faq{margin-bottom:20px;}
.rk-hrn-faq-img-lg img{display:none}
.rk-hrn-faq-container{color:#CD370A;font-size:16px;line-height:1.5;}
.rk-hrn-faq-container,.rk-hrn-faq-container a,.rk-hrn-faq-container button{-ms-touch-action:manipulation;touch-action:manipulation;}
.rk-hrn-faq{margin:0 auto 30px;}
.rk-hrn-faq-category{font-size:1.25em;font-weight:bold;margin-bottom:1.5em;}
.rk-hrn-faq-header *{box-sizing:border-box;}
.rk-hrn-faq-header{margin-bottom:.5em;}
.rk-hrn-faq-body a{color:#03547c!important; font-weight: bold;}
.rk-hrn-faq-question{position:relative;width:100%;min-height:3em;text-align:left;color:#333;background-color:#f7f7f7;border:none;border-radius:.25em;font-size:.875em;line-height:1.5;padding:.5em 3em .5em 1em;}
.rk-hrn-faq-header button:hover{ font-weight: bold; outline:none;}
.rk-hrn-faq-header button { background: #CD370A; color: #FFF;}
.rk-hrn-faq-header button::after{content:"";display:inline-block;background-image:url(../images/arr.svg);background-repeat:no-repeat;position:absolute;top:0;right:24px;bottom:0;left:auto;margin:auto;height:7px;width:11px;z-index:1;transition:all .2s ease;}
.rk-hrn-faq-header.rk-hrn-faq-is-active button::after{transform-origin:50%;transform:scaleY(-1);}
.rk-hrn-faq-header button:focus{background-color:#CD370A;outline:none;}
.rk-hrn-faq-header.rk-hrn-faq-is-active button{font-weight:bold;background: #CD370A; }
.rk-hrn-faq-content{max-height:0;overflow:hidden;transition:max-height .2s ease-out;}
.rk-hrn-faq-body{font-size:13px;background-color:#fff;padding:1em;margin-bottom:1.25em;box-sizing:border-box;}
.rk-hrn-faq-content[aria-hidden="true"]{visibility:hidden;}
.rk-hrn-faq-content[aria-hidden="false"]{visibility:visible;}
.rk-hrn-faq-body p{margin:1em 0;color: #27100A;}
.rk-hrn-faq-img{padding-top:.5em;margin-bottom:.5em;box-sizing:border-box;}
.rk-hrn-faq{width:100%;box-sizing:border-box;}
.rk-hrn-faq-img-sm{text-align:center;}
.rk-hrn-faq-img-sm img{width:90%;max-width:624px;height:auto;}

#contentsArea .htlBox .basic h2{ padding:10px 10px 0; text-align: left; font-size: 14px;}
.pr_absolute::before {z-index: 999;}


.htlBox .plan li a .price span    { font-weight: bold;}
.htlBox .plan li a .price span em { font-size: 130%;}
.htl { width: 100%; padding: 20px 0; overflow: hidden; clear: both;}
.htl h3 {font-size: 20px;  color: #27100A; margin-bottom:12px;font-family:"游明朝","Yu Mincho","游明朝体","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HGS明朝E","Times","Times New Roman",serif;}

.p3bx .swiper-slide { width: 220px !important;}
#contentsArea .p3bx .htlBox .basic h2 { margin-top: 8px;}
.p3bx { margin-bottom: 40px;}
.p3bx .photo { height: 150px; width: 100%; background-size: cover!important;}
.p3bx .price { color: #bf0000; font-weight: bold; font-size: 82%; text-align: right; margin: 10px 0;}
.p3bx .price span em { font-size: 160% !important}
.p3bx .explain {font-size: 14px; font-weight: bold;}


#grpLocationArea { display: block !important; font-size: 75% !important; line-height: 38px; background: #fff; position: relative; }
#grpLocationArea p { overflow-x: auto; white-space: nowrap; -webkit-overflow-scrolling: touch; padding-left: calc(9.4em + 8px); padding-left: calc(9.1em + 8px); /* IE, Edge ,Firefox スクロールバー非表示 */ -ms-overflow-style: none; scrollbar-width: none; } #grpLocationArea p::-webkit-scrollbar { /* Chrome, Safari スクロールバー非表示 */ display: none; }
#grpLocationArea a:first-of-type { position: absolute; top: 0; left: 0; color: #333; background: #fff; padding: 0 0.5em 0 8px; }
#grpLocationArea .grpLocationLocus { padding-right: 8px; }
.boxLink a{ color: #333;}
.p3bx .swiper-slide{ background: #fff;}
#search-box .searchNavi li.on label{ background: #CD370A; border: 1px solid #CD370A;}
#search-box .searchNavi li.on:after{border-top: 7px solid #CD370A;}
#input-checkbox{ display: none !important;}

.pagetop a{ background: none; display: block; height: auto; margin: 10px 0; position: relative;}
.pagetop a:after{ content: normal;}
.pagetop a.srch:before { display: block; position: absolute; content: ""; width: 48px; height: 37px; top: -15px; left: -10px; background: url(https://img.travel.rakuten.co.jp/special/kani/2024/images/gosrch_icon.png) no-repeat;background-size: 48px;}

#dp a:hover{ opacity:.7; }

.swiper-button-prev {
    background: url(https://img.travel.rakuten.co.jp/special/kani/2024/images/prev.svg) no-repeat center center !important;
    left: 0 !important;
    right: auto;
}
.swiper-button-next {
    background: url(https://img.travel.rakuten.co.jp/special/kani/2024/images/next.svg) no-repeat center center !important;
    left: auto;
    right: 0 !important;
}

#search-box.verB.test #searchSwitchArea1 { background-color: #EFE2BB !important;}