@charset "utf-8";

/*
 * CSS for SmartPhone
 * @date     2017.03.21
 * @author   Sungjoon Park
 */


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

------------------------------------------ */
#keyVisual {margin-bottom: 0;}
#keyVisual h1 img.sp{width: 100%; display: block;}

.top_tlt { margin:0;}
.top_tlt img { margin: auto; width: 100%;}



#contentsArea { width: 100%;}
#contents {
    background-color: #fff;
    background: url(https://img.travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/images/2001/page_bg.jpg) center;
    background-repeat: repeat-y;
    overflow: hidden;
    width: 100%;
    padding: 0 0 10px 0;}

.sp {display: block;}
.img_sp { width: 100%; display: block;}
.pc {display: none;}

.page_maincontents {margin: 0 10px 20px;}
.wide100 { width: 100%;}
.font13 { font-size: 13px; line-height: 1.4;}

.page_h2 {
    margin-bottom: 10px;
    border-top: 1px solid #509A71;
    border-bottom: 1px solid #509A71;
    padding: 4px 0;
    text-align: center;
    color: #ffffff;
    font-size: 21px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.page_h2 span {
    display: block;
    background: #509A71;
    padding: 5px;
}

a:hover {cursor: pointer;}

.page_btn { width: 96%; margin:0 auto 40px; }
#contentsArea .page_btn a { border-radius: 6px; color: #ffffff; background: #136838; padding: 12px 0; font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif; text-align: center; font-size: 18px; display: block; position: relative;}
#contentsArea .page_btn a:before { position: absolute; content: '';  
            display: block;  
            width: 7px;  
            height: 7px;  
            border-right: 1px solid #fff;  
            border-top: 1px solid #fff;  
            -webkit-transform: rotate(45deg); 
            transform: rotate(45deg); right: 8px; top: 42%;  }
#contentsArea .page_btn a:hover { opacity: 0.8; text-decoration: none;}


/* ----- nav -----*/

nav.page_nav0 { background: none;}
nav.page_nav{ margin:12px 8px 10px; box-sizing:border-box; }

nav.page_nav ul { 
    max-width: 460px;
    margin: 0 auto;
}
nav.page_nav ul:after {
    content: "";
    display: block;
    clear: both;
}
nav.page_nav li {
    width: 47%; 
    float: left; 
    margin-left: 1%; 
    margin-right: 1%;
    margin-bottom: 10px; box-sizing:border-box;
} 
nav.page_nav li a:hover { opacity: 0.8;}
nav.page_nav ul a { display: block;}

/* ----- P1block1 -----*/

.P1block1 { padding: 0 0 22px; margin-bottom: 10px;}
.nextCampaign {
    text-align: center;
    font-size: 13px;
    color: #B62427;
}

/* ----- P2block1 -----*/

.p2block1 { padding: 0 0 15px;}
.p2b1box { background: #ffffff; margin-bottom: 10px; }
.p2b1box img { width: 42%; float: left;}
.p2b1box dl { width: 56%; float: right;}
.p2b1box dt { color: #ffffff; background: #B62427; padding: 3px 8px; font-size: 14px; line-height: 1.4;}
.p2b1box dd { padding: 10px;}

.p2info dl { margin-bottom: 8px;}
.p2info dt { font-weight: bold; margin-bottom: 2px; font-size: 12px;}
.p2info dd { font-size: 11px; line-height: 1.4; margin-bottom: 8px;}

.p2info1 { border-bottom: 2px dotted #663300; padding-bottom: 5px; margin-bottom: 10px;} 
.p2info_txt { font-size: 11px; text-align: right; margin-bottom: 6px}
.p2info_txt2 { text-align: left; font-size: 11px; border-top: 1px solid #663300; padding-top: 10px;}

.P1block1_2 { background: none; padding-bottom: 20px; margin-bottom: 0; }


/* ----- Page3 -----*/

.P3block { border: 1px solid #663300; border-radius: 0 50px 0 0; box-sizing: border-box; margin: auto 12px 20px 12px; padding: 2px; position: relative;}
.p3infobox { box-sizing: border-box; border: 1px solid #663300; border-radius: 0 48px 0 0; background: #ffffff; padding:0 12px 5px 12px;}
.p3h2 { position: absolute; top: -12px; left: 18px; width: 60px;}
.p3h2 img { width: 100%; display: block;}

.page3_h2_1 { font-size: 12px; box-sizing: border-box; margin-top:20px; padding-left: 20px; margin-bottom: 8px;}
.p3infoul { font-size: 12px; line-height: 1.4; }
.p3infoul dt { width: 10%; min-width: 45px; float: left;}
.p3infoul dd { float: left; width:78%;}
.p3infomain { box-sizing: border-box; border: 1px solid #C40000; margin: auto auto 8px auto; background: url(https://img.travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/images/2001/info_cell_bg1.png) left top no-repeat; }
.p3info_cell { background: url(https://img.travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/images/2001/info_cell_bg2.png) right bottom no-repeat; padding: 10px; }
.p3info_cell img { width: 100%; max-width: 300px; margin: auto;}
.page_exp { margin: 20px 0; text-align: center;}
.page_not { margin-bottom: 40px; }


/* ----- Page4 -----*/

#contentsArea .htlBox2{border:1px solid #ca9948; margin: 0 0 10px;}
#contentsArea .basic{ border:none;}
.hotels .htlBox .area{ font-size:14px; background:#ca9948; margin:0; padding:7px; color:#fff;}
.hotels .htlBox h1{ font-weight:normal; color:#8592FA;}
.hotels .htlBox .plan li a{ border:1px solid #000;}
.htlBox .photo { width:auto; margin:10px 10px 0;}
.hotels .photo .thumPhotos li{ width:24%; margin-top:3px; margin-right:1%;}
p.attentiontext{
	font-size:80%;
	margin-left:1em;
}

.column1 .htlBox .btn    { margin:10px;}
.column1 .htlBox .btn li { float:none; margin:0; width:auto;}
.column1 .htlBox .btn li a {position:relative;margin:0;}
.column1 .htlBox .btn li a:before { position:absolute; content:""; top:50%; right:10px; margin-top:-5px; transform: rotate(45deg); display:block; border-top:2px solid #fff; border-right:2px solid #fff; width:7px; height:7px;}

.htlBox .basic:before, .htlBox .basic{ border:0; padding:0;}
.htlBox .plan li a .price         { padding-top:5px;}
.htlBox .plan li a .price span em { font-size:140%;}

.page_exp4 {  margin: 0 12px 10px 12px;}

.p4box2 { background: #fff; margin-bottom: 10px; padding-bottom: 10px; }

.p4box2 .font13 { padding: 8px 10px;}

.p4ribbon { box-sizing: border-box; border: 1px solid #663300; margin: auto 0 25px; padding: 30px 12px 12px 12px; font-size: 12px; line-height: 1.4; color: #663300; position: relative;}
.p4ribbon h3 { position: absolute; top:-10px; left: 50%; width: 195px; margin-left: -97px;}
.p4ribbon h3 img { width: 100%;}

#search-box-body { display: block;}



.search_right {
	display:none;
}

.fixBnr2 {
    position: fixed;
	display:block; 
    right: 0; bottom:50px; z-index: 999; 
}

.search_right:hover { opacity:0.8;}

.thisClose { height: 25px; background: url(https://img.travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/images/2001/close.jpg) right top no-repeat;}
.thisClose span { font-size: 0; }

/*20190219chenq*/
.jdsSlides li img { width: 100%;}
div.cpnbox{ padding: 10px;}
div.cpnbox img{ width: 100%; margin: 0 auto; margin-bottom: 20px; }
.tableholder{ background: #fff; border: 1px solid #000; font-size: 13px;}
.tableholder td{display: block;padding: 5px; border: 1px solid #ccc;}
.tableholder table tr:first-child td {
    text-align: center!important;
    background-color: #c40000!important;
    font-weight: bold; color: #fff; font-size: 14px;
    padding: 21px 0;
}

#cboxOverlay{ opacity: 0.7! important;}
#cboxLoadedContent{ border: 1px! important;}
#cboxClose {
    top: 2px! important;
    right: 2px! important;}
.tableholder table tr td:first-child {
    background-color: #e1e1e1;
    font-weight: bold;
}



.jdsTab{margin-bottom: 60px; }
.jdsTabNav{ margin:10px 0 40px 10px;}
.jdsTabNavDown{ margin:20px 0 0 10px;}

.jdsTabNav li{ padding: 10px; width: 48%; float: left; text-align: center; box-sizing: border-box;border-radius: 5px; font-size: 14px;
    background: #fff;color: #B62427; border: 2px solid #B62427;}
        .jdsTabNav li.here{color: #fff; background: #B62427; border: 2px solid #B62427; }

.jdsTabNavDown li{padding: 10px; width: 48%; float: left; text-align: center; box-sizing: border-box;border-radius: 5px; font-size: 14px;
    background: #fff;color: #B62427; border: 2px solid #B62427;}
        .jdsTabNavDown li.here{color: #fff; background: #B62427; border: 2px solid #B62427; }


.jdsTabNav:hover, .jdsTabNavDown:hover{ opacity: 0.8;}
.jdsTabNav li:nth-child(2), .jdsTabNavDown li:nth-child(2){ margin-left:1%;}


.jdsTabNav li.here{ position: relative;}
.jdsTabNav li.here:after{display: block;
    position: absolute;
    content: "";
    margin-left: -19px;
    left: 50%;
    float: left;
    width: 0;
    height: 0;
    border-width: 20px;
    border-style: solid;
    border-color: #B62427 transparent transparent transparent;
}

.jdsTabNavDown li.here{ position: relative;}
.jdsTabNavDown li.here:after {display: block;
    position: absolute;
    content: "";
    margin-left: -16px;
    left: 50%;
    top: -28px;
    width: 0;
    height: 0;
    border-width: 18px;
    border-style: solid;
    border-color: transparent transparent #B62427 transparent;
}

.ptpc{padding-top: 50px;}
.htlBox .chara li{border: 1px solid #136838; background: #fff!important; color: #136838; margin-top: 10px;}


#contents .pagetop{z-index: 101;}


.wd10{ width: 100%!important; }

.pointBtn img{
    width:96%;}
    
    /*zhao 20200127*/
    .threenights .p4box2 {
        height: auto !important;
        text-align: center;
        padding: 10px;
        border: 1px solid #ccc;margin-bottom: 20px;
    }

    .threenights .p4box2 .page4btn2 {
        margin-top: 10px;margin-bottom: 8px;
    }

    .threenights .p4box2 .page4btn2 a {
        background: #d63b6c !important;
    }

    #contentsArea .page_btn a {
        background: #509A71 !important;
        border-radius: 100rem;
    }

    .column1 .htlBox .btn li a {
        background: #509A71;

        border: 1px solid #509A71;
    }
    .p2b1box dt {

        background: #509A71;

    }
.thisBox {z-index: 9999;
    height: 100%;
    
 
}

    #search-box {
        /* overflow-y: scroll;height: 100%; */
        margin: 0 0 15px;
    } 

    .searchSubmit {margin-bottom: 30px;}


.navi{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.navi li{
    width: 49%;
}
.navi li img{
    display: block;
    width: 100%;
}
/* .folder{
    padding: 0 12px;
} */
.miryoku, .list2{
    margin-bottom: 24px;
}
.miryoku li{
    margin-bottom: 16px;
}
.miryoku img, .list2 img{
    display: block;
    width: 100%;
}
.miryoku .txt, .list2 .txt{
    background: #fff;
    padding: 15px;
    line-height: 1.4;
    font-size: 14px;
}
.miryoku h3{
    font-size: 16px;
    color: #509A71;
    margin: 15px 0;
}

.frame{
    padding: 15px;
    position: relative;
    background: #fff;
    margin-bottom: 40px;
}
.frame:before{
    width: 100px;
    height: 51px;
    top: 0;
    left: 0;
    position: absolute;
    content: '';
    background: url(https://travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/202109/images/leaf1.png) no-repeat;
    background-size: 100% auto;
}
.frame:after{
    width: 100px;
    height: 51px;
    right: 0;
    bottom: 0;
    position: absolute;
    content: '';
    background: url(https://travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/202109/images/leaf2.png) no-repeat;
    background-size: 100% auto;
}
.frame img.sp{
    display: block;
    margin: 0 auto;
    width: 100%;
}

.entryBox{
    margin-bottom: 40px;
    padding: 10px;
}
.entryBox > div{
    position: relative;
}
.entryBox h2 img{
    display: block;
    margin: 0 auto 20px;
    width: 100%;
}
.entryBox .comingsoon{
    position: relative;
    padding: 20px 0 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.entryBox .comingsoon:after{
    position: absolute;
    content: 'Coming  Soon';
    border: 2px solid #509A71;
    background: rgba(255,255,255,0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: bold;
    color: #509A71;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#contentsArea a.entryBtn{
    display: block;
    width: 100%;
    margin: 0 auto 24px;
    padding: 10px 0;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
    background: #509A71;
    border-radius: 100rem;
}
#contentsArea a.entryBtn:hover{
    text-decoration: none;
    opacity: .8;
    color: #fff;
}
#contentsArea p.txt{
    margin: 0 0 20px;
    font-size: 14px;
}
.entryBox dl{
    background: #fff;
}
.entryBox dl dt.jdsCoponSwitch{
    border: 1px solid #509A71;
    color: #509A71;
    text-align: center;
    font-size: 18px;
    padding: 10px 20px 10px 0;
    font-weight: bold;
    position: relative;
}
.entryBox dl dt.jdsCoponSwitch:after{
    position: absolute;
    content: '';
    height: 16px;
    width: 16px;
    right: 20px;
    top: 50%;
    margin-top: -8px;
    background: url(https://travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/202109/images/iconOpen.png) no-repeat;
    background-size: 100% auto;
}
.entryBox dl dt.jdsCoponSwitch.active-submenu:after{
    background: url(https://travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/202109/images/iconClose.png) no-repeat;
    background-size: 100% auto;
}
.entryBox dl dt:hover{
    cursor: pointer;
}
.entryBox dl dd{
    padding: 15px 10px;
    line-height: 1.4;
}
.entryBox dl dd h3{
    font-size: 16px;
    color: #509A71;
    text-align: center;
}
.entryBox dl dd ul li{
    margin-top: 20px;
    font-size: 14px;
}
.entryBox dl dd ul li b{
    display: block;
    color: #509A71;
}
#contentsArea .entryBox dl dd ul li a{
    text-decoration: underline;
}




.cp { padding: 16px 16px 8px; background: #fff; overflow: hidden;}
.cp ul li  { margin-bottom: 16px; font-size: 13px; line-height: 24px; }
.cp ul li b{
    display: block;
    color: #509A71;
    font-size: 16px;
    text-indent: -10px;
    margin-bottom: 24px;
}
.cp ul li span.red { color: #C40000;}
.cp ul li a{
    text-decoration: underline !important; color: #1D54A7 !important;
}


ul.folder.new { margin: 0 16px 16px; overflow: hidden;}
ul.folder.new li { background: #fff; position: relative; margin-bottom:16px; padding:16px; border: 4px solid #B9D7C6; overflow: hidden;}
ul.folder.new li img{ width: 100%; max-width: 450px; margin: 0 auto 16px;}
ul.folder.new li p.subTl { display: block; text-align: center; font-size: 24px; font-weight: bold; font-family:'Yu Mincho', 'Times New Roman', Times, serif; margin: 16px; line-height:36px; color: #452D1E; overflow:hidden;}
ul.folder.new li p.subTl span { display: block; font-size: 14px; line-height: 24px;}
ul.folder.new li p.subTl img { display:none; width:auto; float:none; margin: 0 auto;}
ul.folder.new li p.text  { width:100%; font-size: 14px; line-height: 18px;}
ul.folder.new li a.btnew { display: block; width:auto; max-width:300px; margin:20px auto 0;}
ul.folder.new li a.btnew img { width: 100%;}
.comingsoon:before { display: block; position: absolute; content: ""; width: 100%; height: 100%; top: 0; left: 0; background: url(https://img.travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/202208/images/comingsoon.png) no-repeat center center #000; background-size: 80%; opacity: 0.8;z-index: 999;}
ul.list2 h3{ font-size: 18px;  color: #509A71; margin: 15px 0;}


.jdsSlides { width: 100%; overflow: hidden; position: relative;}
.jdsSlides li { width: 100%; float: left; overflow: hidden;}

.rslides_tabs { width:80px; overflow: hidden; margin: 10px auto; display: flex; justify-content: center;}
.rslides_tabs li { width: 10px; height: 10px; border-radius: 50%; margin: 0 5px; }
.rslides_tabs li a { display: block; width: 10px; height: 10px; font-size: 0; border-radius: 50%; background: #ccc;;}
.rslides_tabs li.rslides_here a { background: #136838;}


dl.folder.cpn{ margin:0 0 40px; overflow: hidden;background: #fff3f3; padding: 20px 0;}
dl.folder.cpn dt { width:96%; float: left; padding:10% 2% 0; background: url(https://img.travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/202208/images/waku_01.png) no-repeat center top; background-size: 100%; text-align: center; color: #444; font-size:21px; font-weight: bold; font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
dl.folder.cpn dd { width:96%; float: left; padding: 0 2% 2%; background: url(https://img.travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/202208/images/waku_02.png) no-repeat center bottom; background-size: 100%;}

dl.folder.cpn #entry  {width: 100%; float: left; border-bottom: 1px solid #D9CFAD; margin-top: 16px;}
dl.folder.cpn #entry  img   { width: 100%;}
dl.folder.cpn #entry  p.txt { width: auto; font-size: 13px; line-height: 24px; font-weight: normal; padding-top: 20px; margin-bottom: 20px;}
dl.folder.cpn #COUPON {width: 100%; float: left;}
dl.folder.cpn #COUPON p.tlt { text-align: center; margin-top: 16px;}
dl.folder.cpn #COUPON p.tlt img { width: 100%;}
#COUPON .cpnholder,#COUPON .cpnholder > li { background: none !important;}
#COUPON .cpnholder { display: flex; justify-content: center; padding: 0 !important;}
#COUPON .cpnholder > li { width:100%; margin: 0; border: 0; min-height: auto;}
#COUPON .couponOneClick { max-width: 450px !important;}
#COUPON .cpnholder.jssBox.allList { width: auto !important;}
#COUPON .couponimg img.priceImg { margin-top: 8px; margin-bottom: 8px;}
#COUPON .cpnholder .btmarea{ margin: 0;}

.column1 .htlBox1 .plan li a .price { background: url(https://img.travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/202208/images/package.png) no-repeat center left; padding: 20px 0 20px 90px;}
.column1 .htlBox1 { margin: 0 0 40px;}

.mt40 { margin-top: 40px;}

.column1 #search-box .structure .squeeze li { line-height: 24px;}

dl.folder.cpn.oshirase    { margin:0 0 40px; overflow: hidden; background: #fff3f3;padding: 20px 0; }
dl.folder.cpn.oshirase dt { width:96%; float: left; margin-top: 20px; padding:2% 2% 0; background: url(https://img.travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/202208/images/waku_01.png) no-repeat center top; background-size:96%; text-align: center; color: #444; font-size: 28px; font-weight: bold; font-family: "游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;}
dl.folder.cpn.oshirase dt span { display: flex;font-size: 18px; font-weight: bold; width: 240px; height: 30px; border-radius: 50px; margin: 40px auto 20px; color: #fff; align-items: center; justify-content: center;background: #bf0000;}
dl.folder.cpn.oshirase dd {  width:92%; line-height: 250%;font-size: 12px;  float: left; padding:2% 4% 40px; margin-bottom: 20px; background: url(https://img.travel.rakuten.co.jp/kaigai/promotion/disney/hawaii/202208/images/waku_02.png) no-repeat center bottom; background-size:96%;}
dl.folder.cpn.oshirase dd strong { font-size: 16px;}

a.oshirase_btn { display: block; width: 100%; text-align: center; margin-bottom: 40px;}
a.oshirase_btn img { width: 90%; max-width: 537px;}