@charset "utf-8";

/*
* ★★CSS for SP
*
* @date 2020.xx.xx
* @author HeChengHao
*/


/* -- Reset -- */
#contentsArea{background:#fff;}
#contentsArea #contents{background:none;padding:0;color:#333;overflow:hidden; font-family: 'Noto Sans JP', sans-serif;}
.pc{display:none;}
.photo img{width:100%}
a{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;-ms-transition:all .3s ease-out}
a:active{text-decoration:none!important;opacity:.7}
  



/* -- Top -- */
#keyVisual{ box-shadow: 0 0 15px #333;}
#keyVisual h1{text-indent:0; text-align: center; margin-top: 20px; position: relative; z-index: 1;}
#keyVisual h1 img{ width: 100%; max-width: 320px; margin:0 0 16px;}
#keyVisual .date{ font-size: 14px; margin-bottom: 15px; text-align: center;}
#keyVisual .bgAnima{line-height:0; width:100%; height:43px;background:url("https://img.travel.rakuten.co.jp/special/goto/202007-3/images/topSpGrp2.jpg") 0 0 repeat-x; background-size:1296px; position: relative; z-index: 1;}
#keyVisual .bgAnima1{
animation: bgAnima1 100s linear infinite;
-webkit-animation: bgAnima1 100s linear infinite;
-ms-animation: bgAnima1 100s linear infinite;
-moz-animation: bgAnima1 100s linear infinite;}

@keyframes bgAnima1 {
    from {
    background-position:0 0;
    }
    to {
        background-position: -1296px 0;
    }
    }
    @-webkit-keyframes bgAnima {
    from {
    background-position:0 0;
    }
    to {
        background-position: -1296px 0;
    }
    }
    @-ms-keyframes bgAnima {
    from {
    background-position:0 0;
    }
    to {
        background-position: -1296px 0;
    }
    }
    @-moz-keyframes bgAnima {
    from {
    background-position:0 0;
    }
    to {
        background-position: -1296px 0;
    }
}
#keyVisual .bgAnima2{ display: none;}



/* -- nav -- */
nav{ overflow: hidden; margin: 16px auto 0;}
nav ul{ overflow: hidden; display: flex; justify-content: center; }
nav ul li{ line-height:1; width: calc( 50% - 8px); margin: 0 4px; text-align: center;}
nav ul li img{ width: 100%; max-width: 170px ;}
/* nav ul li em,nav ul li a{ display: flex; justify-content: center; align-items: center; text-align: center; font-size: 12px; font-weight: bold; line-height: 1.6; padding:8px; background: rgba(46, 184, 255, 0.3); border: solid #fff; border-width: 0 1px;}
nav ul li em,nav ul li a:active{ background: #fff;} */
/* nav ul li:nth-child(1) a{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav1.png) center 8px no-repeat;}
nav ul li:nth-child(2) a{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav2.png) center 8px no-repeat;}
nav ul li:nth-child(3) a{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav3.png) center 8px no-repeat;}
nav ul li:nth-child(4) a{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav4.png) center 8px no-repeat;}
nav ul li:nth-child(5) a{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav5.png) center 8px no-repeat;}
nav ul li:nth-child(1) em{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav1.png) center 8px no-repeat #eee;}
nav ul li:nth-child(2) em{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav2.png) center 8px no-repeat #eee;}
nav ul li:nth-child(3) em{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav3.png) center 8px no-repeat #eee;}
nav ul li:nth-child(4) em{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav4.png) center 8px no-repeat #eee;}
nav ul li:nth-child(5) em{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconNav5.png) center 8px no-repeat #eee;} */
.spnav{ position:fixed; right:10px;  bottom:105px;  z-index:99; opacity:0.95;}
body.popUpBnrRemove .spnav{bottom: 10px;}
.spnav input{ display: none;}
.spnav label{ position: relative;z-index: 10;  cursor: pointer; display: block; width:55px; height: 55px; text-indent: -9999px; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/menu.png) no-repeat; background-size: 100%;}
.spnav input:checked+label{
    background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/menu_off.png) no-repeat;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background-size: 100%;
}
.spnav ul{ overflow: hidden;}
.spnav ul {
    overflow: hidden;
    position: absolute;
    right: -10px;
    bottom: 10px;
    width: 0px;
    height: 381px;
}
.spnav input:checked+label+ul{width: 171px;}
.spnav ul li{ opacity: 0; position: absolute; right: -190px; bottom: 110px;}
.spnav ul li:nth-child(2){ bottom: 145px;}
.spnav ul li:nth-child(3){ bottom: 180px;}
.spnav ul li:nth-child(4){ bottom: 215px;}
.spnav ul li:nth-child(5){ bottom: 250px;}
.spnav ul li:nth-child(6){ bottom: 285px;}
.spnav ul li:nth-child(7){bottom: 339px;height: 2em;}
.spnav ul li:nth-child(8){ bottom: 305px;}
.spnav ul li:nth-child(9){ bottom: 340px;}
.spnav ul li:nth-child(10){ bottom: 375px;}
.spnav input:checked+label+ul li{ opacity:1; right: -10px; 
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;}
.spnav input:checked+label+ul li:nth-child(2){
-webkit-transition: all 0.35s;
-moz-transition: all 0.35s;
-ms-transition: all 0.35s;
-o-transition: all 0.35s;
transition: all 0.35s;}
.spnav input:checked+label+ul li:nth-child(3){
-webkit-transition: all 0.45s;
-moz-transition: all 0.45s;
-ms-transition: all 0.45s;
-o-transition: all 0.45s;
transition: all 0.45s;}
.spnav input:checked+label+ul li:nth-child(4){
-webkit-transition: all 0.50s;
-moz-transition: all 0.50s;
-ms-transition: all 0.50s;
-o-transition: all 0.50s;
transition: all 0.50s;}
.spnav input:checked+label+ul li:nth-child(5){
-webkit-transition: all 0.55s;
-moz-transition: all 0.55s;
-ms-transition: all 0.55s;
-o-transition: all 0.55s;
transition: all 0.55s;}
.spnav input:checked+label+ul li:nth-child(6){
-webkit-transition: all 0.60s;
-moz-transition: all 0.60s;
-ms-transition: all 0.60s;
-o-transition: all 0.60s;
transition: all 0.60s;}
.spnav input:checked+label+ul li:nth-child(7){
-webkit-transition: all 0.65s;
-moz-transition: all 0.65s;
-ms-transition: all 0.65s;
-o-transition: all 0.65s;
transition: all 0.65s;}
.spnav input:checked+label+ul li:nth-child(8){
-webkit-transition: all 0.70s;
-moz-transition: all 0.70s;
-ms-transition: all 0.70s;
-o-transition: all 0.70s;
transition: all 0.70s;}
.spnav input:checked+label+ul li:nth-child(9){
-webkit-transition: all 0.75s;
-moz-transition: all 0.75s;
-ms-transition: all 0.75s;
-o-transition: all 0.75s;
transition: all 0.75s;}
.spnav ul li a{ display: block; font-size: 12px; color: #fff !important; font-weight: bold; background:#55C7F2; border-radius:5px 0 0 5px; margin-bottom:3px; padding:8px 20px; width: 180px; box-sizing: border-box; text-align: center;}
.spnav ul li a br{ display: none;}
.spnav ul li:first-child a{ background: #6FCF97;}
.spnav input+label+ul+.spnavBg{display: none !important;}
.spnav input:checked+label+ul+.spnavBg{display: block !important;}
.spnav .top{ width: 55px; margin-top: 4px; }
.spnav .top a{ display: flex; font-size: 16px; font-weight: bold; color: #fff !important; justify-content: center; align-items: center; width: 55px; height: 55px; line-height: 1; background: #6FCF97; border-radius: 5px; }

/* -- Contents -- */
.wBox{position:relative;clear:both;overflow:hidden;width:100%; padding-bottom: 40px;}
.mBox{position:relative;clear:both;overflow:hidden; margin:0 16px;}
.ttl{ font-size: 24px; font-weight: bold; text-align: center; padding: 32px 16px 0; line-height: 1.4; position: relative;}
.atn{clear:both;overflow:hidden;margin:30px auto 0;font-size:13px;line-height:1.5; width: 100%;}
.photo{text-align:center}
.photo img{ width: 100%;}
.btnTop{ margin: 40px auto;}
.btnTop a{ display: block; padding: 13px 0; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_w_24_24.png) 95% center no-repeat #55C7F2; border-radius: 3px; font-weight:bold; text-align: center; font-size: 20px; color: #fff !important; position: relative; }
.btnTop a::before{ content: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/home.png); position: absolute; left: 30px; top: 50%; margin-top: -24px;}
.wBox a{ color: #0769B0 !important;}
.wBox a:active{ text-decoration: underline !important;}
.wBox .btn a{ color: #333 !important;}
.wBox .btn a:active{ text-decoration: none !important;}
.jdsCoponSwitch{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon+.png) 98% center no-repeat ;}
.jdsCoponSwitch.active-submenu{background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon-.png) 98% center no-repeat;}


/* whats */
#whats{}
#whats .ttl{ background: #fff; padding-bottom: 18px;}
#whats .jdsSeeMore{  margin: 14px auto 0; font-size: 14px; line-height: 1.6;}
#whats .jdsSeeMore .thisBtn{ color: #0769B0; width: 80px; margin: 0 auto; padding-right: 20px; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrowD_g_16_16.png) right center no-repeat; cursor: pointer;}
#whats .tprRb{ background: #fff; margin:24px auto 0; box-sizing: border-box; border: 1px solid #BF0000; font-size: 14px; line-height: 1.6; padding: 16px; color: #bf0000;}
#whats .tprRb a{ color: #bf0000 !important; text-decoration: underline !important;}
#whats .tprRb a:active{ text-decoration: none;}
#whats .photo{ margin: 32px auto 0;}
#whats .photo span{ display: block; font-size: 12px; margin: 16px 0 0; line-height: 1.6; text-align: left;}
/* #whats dl{ margin: 32px auto 0; overflow: hidden; background: #fff; padding: 24px 16px; }
#whats dl dt{ font-size: 16px; font-weight: bold; text-align: center;}
#whats dl dd{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/Checkbox-on.jpg) 0 0 no-repeat; padding-left: 30px; line-height: 1.6; font-size: 14px; margin-top: 16px;}
#whats dl dd:last-child{ margin-bottom: 0;} */
#whats .tpr{ margin: 16px auto 0;font-size: 14px; line-height: 1.6;}
#whats .tprc{ margin: 24px auto 0; text-align: center;}
#whats .btn{ margin: 24px 16px 0; }
#whats .btn a{ display: block; padding: 13px 50px; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/Arrow-Lt.png) 98% center no-repeat #fff; border: 1px solid #333; border-radius: 3px; text-align: center; font-size: 16px; font-weight: bold;;}



/* method */
#method{ background: #FFF8E4;}
#method .ttl span{ display: table; padding: 3px 16px; background: #ffc321; font-size: 18px; margin: 0 auto 8px; position: relative;border-radius: 3px;}
#method .ttl span::after{ position: absolute; left: 50%; margin-left: -6px; bottom: -8px; content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #ffc421 transparent transparent transparent;}
#method .tprRb {
    /* background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/new_b_32_32.png) 10px center no-repeat; */
    margin: 24px 16px 0;
    /* box-sizing: border-box; */
    /* border: 1px solid #BF0000; */
    font-size: 14px;
    line-height: 1.6;
    /* padding: 8px 8px 8px 50px; */
    /* color: #bf0000; */
}
#method .tprRb a{ color: #bf0000 !important; text-decoration: underline !important;}
#method .tprRb a:active{ text-decoration: none;}
#method .stepNav{ margin: 24px 16px 0; padding-bottom: 50px; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrowY_d_62_34.png) center 98% no-repeat;}
#method .stepNav dt{ font-weight: bold; font-size: 18px; color: #EB5757; text-align: center; margin-bottom: 16px;}
#method .stepNav dd{ margin-bottom: 2px; }
#method .stepNav dd a{ background: #fff; display: flex; justify-content: center; align-items: center;  text-align: center; font-weight: bold;}
#method .stepNav dd b{  display: block; font-size: 18px; padding: 4px 16px; border-radius: 50px; background: #EB5757; margin: 8px 8px 8px 16px; color: #fff !important;}
#method .stepNav dd span{display: block; font-size: 15px; color: #333 !important; width: 220px; margin: 8px 16px 8px 0;}
#method .mBox{ background: #fff; padding-bottom: 24px;}
#method .sttl{ font-size: 20px; font-weight: bold; text-align: center; padding: 4px 16px; border-radius: 50px; background: #EB5757;color: #fff; position: relative; margin: 24px 16px 0;}
#method #step1 .sttl::after{ content: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconCopn_w_24_24.png); margin-left: 10px; vertical-align: middle;}
#method #step2 .sttl::after{ content: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconPoint_w_24_24.png); margin-left: 10px; vertical-align: middle;}
#method #step3 .sttl::after{ content: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconBuild_b_24_24.png); margin-left: 10px; vertical-align: middle;}
#method #step4 .sttl::after{ content: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/iconBag_w_24_24.png); margin-left: 10px; vertical-align: middle;}
#method .stpr{ margin: 16px 16px 0; font-size: 18px; font-weight: bold; text-align: center;}
#method .stpr b{ color: #bf0000;}
#method .stpr small{ display: block; font-size: 14px; text-align: left; margin-top: 16px; font-weight: normal;}
#method .stpr em{ font-style: normal; color: #BF0000;}
#method .stpr strong{ display: block; width: 100%; text-align: center; padding: 5px 0; background: #ffc321; font-size: 14px; margin: 24px 0 12px; position: relative;}
#method .stpr strong::after{ position: absolute; left: 50%; margin-left: -6px; bottom: -8px; content: ""; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: #ffc421 transparent transparent transparent;}
#method .stpr2{ font-size: 20px;}
#method .next{ text-align: center; margin: 8px auto 0;}
#method .dhBox .photo{ padding-bottom: 48px; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon_plus.png) center bottom no-repeat;}
#method .dhBox ul{ overflow: hidden;}
#method .dhBox ul li{ margin-top: 24px; padding-bottom: 24px;border-bottom: 2px solid #dadada;}
#method .dhBox ul li:last-child{ border-bottom: 0px solid #dadada;}
#method .dhBox ul li:nth-child(2){ }
#method .dhBox ul li .txt{ margin-left: 15px; font-size:16px; padding: 10px 0 10px 62px; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/dh_02.png) left center no-repeat;}
#method .dhBox ul li:nth-child(2) .txt{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/dh_04.png) left center no-repeat;}
#method .dhBox ul li:nth-child(3) .txt{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/dh_06.png) left center no-repeat;}
#method .dhBox ul li .icon{ text-align: center; margin-top: 8px;}
#method .dhBox ul li .icon img{ width: 100%; max-width: 284px;}



#method .jdsTab{ margin: 24px 16px 0;}
#method .jdsTab .stpr b{ font-size: 48px; color: #333;}
#method .jdsTabNav{ display: flex; justify-content: space-between; margin-top: 16px;}
#method .jdsTabNav li{ width: calc( 33.3% - 1px); cursor: pointer; color: #fff; padding: 16px 0; text-align: center; background: #C4C4C4; }
#method .jdsTabNav li.BGbtn.here,.BigGreenBox{ background: #33BD33;}
#method .jdsTabNav li.BRbtn.here,.BigRedBox{ background: #F476C8;}
#method .jdsTabNav li.BBbtn.here,.BigBlueBox{ background: #009CEB;}
#method .jdsTabMain ul{ padding-bottom: 24px; overflow: hidden;}
#method .jdsTabMain ul li{ min-height: 100px; display: flex; align-items: center; box-sizing: border-box; margin: 16px 16px 0; }
#method .jdsTabMain ul li span{ padding:8px 0 8px 16px; line-height: 1.6; width: calc(100% - 110px); font-size: 82%;}
#method .jdsTabMain ul li .detail{ font-size:82%;}
#method .jdsTabMain ul li b{ color: #EB5757;}
#method .jdsTabMain ul li.s1{ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep1_1.jpg) 95% bottom no-repeat;}
#method .jdsTabMain ul li.s2{ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep1_2.jpg) 95% center no-repeat;}
#method .jdsTabMain ul.BigBlueBox li.s2{ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep3_2b.png) 95% center no-repeat;}
#method .jdsTabMain ul.BigBlueBox li.s3{ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep1_1.jpg) 95% center no-repeat;}
#method .jdsTabMain ul li.s3{ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep1_3.jpg) 95% bottom no-repeat;}
#method .jdsTabMain ul li.s32{ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep1_0828.jpg) 95% center no-repeat;}
#method .jdsTabMain ul li.s4{ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep1_4.jpg) 95% center no-repeat;}
#method .jdsTabMain ul li.s5{ background: #fff; display: block; padding:8px 16px; height: auto;}
#method .jdsTabMain ul li.s5 img{ display: block; margin: 8px auto 0; width: 100%; max-width: 262px;}
#method .jdsTabMain ul li.s5 a{ display: block; font-size: 14px; text-align: center; margin:8px auto 0 }
#method .jdsTabMain ul li.stpr{ color: #fff; text-align: center; justify-content: center; height: auto;}
#method .jdsTabMain ul li.syosai{ min-height: auto; display: flex; margin: 8px 16px 0; }
#method .jdsTabMain ul li.syosai a{ color: #fff !important;}
/* #method .yBox + .tprRb{ background: #fff; padding: 8px;} */
#method .jdsTab + .stpr{ margin-top: 32px;}

#method .redLead{ margin: 16px 16px 0; padding-bottom: 16px; overflow: hidden;text-align: center; }
#method .redBox{ margin: 24px 16px 0; background: #FFE5E5; padding-bottom: 24px; overflow: hidden;}
#method .redBox .point{ background: #fff; margin: 0 16px 0; padding-bottom: 16px; overflow: hidden;}
/* #method .redBox .point li{ display: flex; justify-content: space-between; align-items: center; padding: 16px 16px 0; font-weight: bold;} */
#method .redBox .point li img{ width: 100%;}
#method .redBox .point li b{ background: #6FCF97; font-size: 13px; color: #fff; text-align: center; padding: 4px; border-radius: 3px; width: 120px;}
#method .redBox .point li span{ font-size: 18px; text-align: right;}
#method .redBox .point li p{ white-space: nowrap; margin: 0 10px;}
#method .redBox .point li span img{ width: 100%; max-width: 140px;}
#method .redBox .campBtn{ margin: 16px 16px 0;}
.wBox .checkEntryMulti__noLoginButton,.wBox .checkEntryMulti__entryLink{ height: auto;  padding: 13px 0; background:#BF0000 url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_w_24_24.png) 95% center no-repeat; border-radius: 3px; font-weight:bold; text-align: center; font-size: 16px; color: #fff !important;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);}
.wBox .checkEntryMulti__enteredButton,.wBox .checkEntryMulti__registeredButton{  height: auto;  padding: 13px 0; background:#999 url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_w_24_24.png) 95% center no-repeat; border-radius: 3px; font-weight:bold; text-align: center; font-size: 16px; color: #fff !important;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);}
#method .redBox .chara{ margin: 16px 16px 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}
#method .redBox .chara.t{margin-top: 0px;}
#method .redBox .chara li{ background: #fff; padding: 6px; border-radius: 3px; font-size: 12px; margin: 4px 4px 0 0; }
#method .redBox .tpr{ margin: 24px 16px 0; font-size: 15px;}
#method .redBox .tpr2 {
    margin: 24px 16px 0;
    font-size: 14px;
    line-height: 1.5;
}
#method .btn2{ margin: 16px 16px 0;}
#method .btn2 a{ display: block; padding: 10px 0; background:#fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/open_bk_15_14.png) 95% center no-repeat; border: 2px solid #7D7C7C; border-radius: 3px; font-weight:bold; text-align: center; font-size: 16px; color: #333 !important; }
#method .btn3{ overflow: hidden;}
#method .btn3 li{margin: 8px 16px 0;}
#method .btn3 li a{ line-height: 1.2; display: block; padding: 10px 16px; background:#fff; border: 2px solid #7D7C7C; border-radius: 3px; font-weight:bold; text-align: center; font-size: 16px; color: #333 !important; position: relative;}
#method .btn3 .dh a{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/dh_02.png) 5px center no-repeat #fff; background-size: 40px; padding: 5px 16px 5px 45px;}
#method .btn3 .dp a{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/dh_04.png) 5px center no-repeat #fff; background-size: 40px; padding: 5px 16px 5px 45px;}

#method .btn4{ margin: 16px 16px 0;}
#method .btn4 a{ display: block; padding: 10px 0; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_b_32_32.png) 100% center no-repeat #fff; background-size: 24px; border: 2px solid #008FD8; border-radius: 3px; font-weight:bold; text-align: center; font-size: 20px; color: #008FD8 !important; }
#method .btn4 a img{ display: inline-block; margin-right: 10px; vertical-align: -11px;}
#method .syosai { font-size: 13px; margin: 16px 16px 0;}
#method .syosai .jdsCoponSwitch{ background-color: #fff; font-size: 16px; font-weight: bold; text-align: center; cursor: pointer; padding: 12px; border-radius: 3px; border: 1px solid #333; position: relative;}
#method .syosai .jdsCoponSwitch + dl{ overflow: hidden; line-height: 1.6; padding: 24px; margin-top: 8px; border: 1px solid #ccc; border-radius: 3px;}
#method .syosai .jdsCoponSwitch + dl dt{ font-size: 18px; font-weight: bold; text-align: center; color: #2EB8FF;}
#method .syosai .jdsCoponSwitch + dl dd{ margin: 14px 0 0; font-size: 14px;}
#method .syosai .jdsCoponSwitch + dl dd b{display: block; font-size: 14px; padding-bottom: 8px;}
#method .dl_app{ overflow: hidden; margin: 24px 16px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
#method .dl_app dt{ font-size: 15px; font-weight: bold; width: 100%;}
#method .dl_app dd{ text-align: center; width: 49%; margin-top: 8px;}
#method .dl_app dd img{ width: 100%; max-width: 269px;}


#method .greenBox{ margin: 24px 16px 0; background: #E7F4DB; padding-bottom: 24px; overflow: hidden;}
#method .greenBox dt{ font-size: 18px; text-align: center; font-weight: bold; margin: 16px 0;}
#method .greenBox dd{ background: #fff;  margin: 16px 16px 0; overflow: hidden; padding-bottom: 16px; }
#method .greenBox dd .txt{ font-size: 14px; margin: 16px 16px 0; padding-right: 55px; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep3_1Sp.png) right center no-repeat;}
#method .greenBox dd .click0618{ font-size: 14px; margin: 24px 16px 0; color: #0769B0; cursor: pointer;}
#method .popup0618 { position: fixed; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 300; width: 100%; height: 100%; text-align: center; display: none;}
#method .popup0618 section { display: flex; justify-content: center; align-items: center; height: 100%; width: 100%;}
#method .close0618 { position: relative; margin: auto; width: 90%;}
#method .close0618:before { width: 40px; height: 40px; position: absolute; z-index: 205; content: ""; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/close_icon.png) no-repeat; top: -10px; right: -10px; background-size: 40px; }
#method .popup0618 img { width: 100%; margin: auto; }
#method .greenBox dd .click1030 { 
    display: block;
    font-size: 14px;
    margin: 24px 16px 0;
    color: #0769B0;
    cursor: pointer;
}

#method .blueBox{ margin: 24px 16px 0; background: #DCF3FF; padding-bottom: 24px; overflow: hidden;}
#method .blueBox dt{ font-size: 18px; text-align: center; font-weight: bold; margin: 16px 0;}
#method .blueBox dd{ height: 100px; display: flex; align-items: center; background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep4_1.png) 95% center no-repeat; box-sizing: border-box; margin: 16px 16px 0; }
#method .blueBox dd + dd{ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep4_2.png) 95% center no-repeat;}
#method .blueBox dd b{ font-size: 14px; font-weight: bold; position: relative; margin: 0 0 0 16px;}
#method .blueBox dd b::after{ content: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/open_bk_15_14.png); margin-left: 6px; vertical-align: middle;}
#method .blueBox .txt1{ font-size: 14px; margin: 16px 24px 0;}
#method .blueBox .txt1 img { display: inline-block; margin-left: 3px; vertical-align: -1px;}
#method .blueBox .cp{ overflow: hidden;}
#method .blueBox .cp dt{ margin-top: 32px;}
#method .blueBox .cp dd{ height: auto; background:none;}
#method .blueBox .cp dd a{display: flex; justify-content: center; align-items: center; font-size: 15px;}
#method .blueBox .cp dd a img{ width: 35%; max-width: 200px; padding-right: 4px;}

.cp3 .photo{ margin: 24px auto 0;}
.cp3 .photo img{ width: 90%; max-width: 311px;}
.cp3 .txt1{ margin: 24px; font-size: 14px; line-height: 1.6;}
.cp3 .txt1 a{ color: #bf0000 !important;  text-decoration: underline !important;}
.cp3 .btn{ margin: 24px 16px 0; position: relative;}
.cp3 .btn::after{ width: 80%; content: ""; display: block; margin: 24px auto 0;} 
.cp3 .btn a{ display: block; padding: 13px 30px; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_w_24_24.png) 95% center no-repeat #BF0000; border-radius: 3px; font-weight:bold; text-align: center; font-size: 16px; color: #fff !important; position: relative; }

#method .bBox{ margin: 40px 24px 0; background: #E5FCE5; padding:16px 16px; }
#method .bBox2{ margin: 40px 24px 0; background: #F9E7B6; padding:0 16px 16px; }
#method .bBox2 .cpnholder>li { border: none !important; margin: 0 !important; background: none !important;}
#method .bBox2 .cpnholder .couponimg:before{background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/XX.png) no-repeat;}
#method .bBox2 .cpnholder .couponimg:after{background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/XX.png) no-repeat;}
#method .bBox2 .bnr{ margin-top: 32px;}
#method .bBox2 .bnr .stpr,#method .bBox2 .bnr .stpr small{ margin-top: 0;}
#method .bBox2 .bnr .photo{ margin-top: 8px;}
#method .bBox2 .bnr + .stpr{ margin-top: 40px;}

/* -- search -- */
#Searchbox .ttl{ font-size:18px}
#search-box{ margin: 0;}
#Searchbox{ padding-bottom: 40px}
#Searchbox .mBox{ margin: 0;}
#search-box #search-box-body{ display: block !important; margin-top: 16px;}
#search-box.verB.test .number ul li.child a#dh-child-popup{ color: #333 !important;}
#search-box.verB #dh-search-form .searchSubmit a{ color: #fff !important;}
/* #Searchbox .tpr{  padding: 0 8px 16px ; font-size: 14px; line-height: 1.6; background: #d3d2d2;} */

/* bnrBox */
.bnrBox .ttl{background: #fff; margin: 0 auto;}
.bnrBox .stpr{  margin: 16px 16px 0; font-size: 18px; font-weight: bold; text-align: center;}
.bnrBox .stpr small{display: block; font-size: 14px; text-align: left; margin-top: 16px; font-weight: normal;}
.bnrBox ul{ margin: 16px 16px 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
.bnrBox ul li{ width: 48%; max-width: 290px; margin-top: 17px; text-align: center;background: #FFFFFF; border-radius: 3px; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.25); line-height: 0; overflow: hidden;}
.bnrBox ul li img{ width: 100%;}
.bnrBox ul li dl {
    /* overflow: hidden; */
    /* margin: 8px 8px 0; */
    /* padding-bottom: 8px; */
    /* text-align: left; */
}

.bnrBox ul li dl dt{ font-size: 14px; color: #333;}
.bnrBox ul li dl dd{ font-size: 12px; margin-top: 4px; color: #ABABAB;}
.bnrBox .tpr{ font-size: 14px; margin: 16px 16px 0;}


/* fstuse */
#fstuse{ background: #E5FCE5;}
#fstuse .mBox{ background: #fff; margin: 24px 16px 0; padding-bottom: 24px;}
#fstuse .sttl{ font-size: 20px; font-weight: bold; text-align: center; margin: 24px auto 0;}
#fstuse .sttl span{ display: block; font-size: 14px;}
#fstuse .tpr{ margin: 24px auto 0; font-size: 14px; line-height: 1.6; text-align: center;}
#fstuse .btn{ margin: 24px 16px 0;}
#fstuse .btn a{ display: block; padding: 13px 0; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_w_24_24.png) 95% center no-repeat #BF0000; border-radius: 3px; font-weight:bold; text-align: center; font-size: 16px; color: #fff !important; position: relative; }
#fstuse .btn2{ margin-top: 16px;}
#fstuse .btn2 a{ background: #fff; border: 1px solid #797979; color: #333 !important; }
#fstuse .btn2 a img{ display: inline-block; margin-right: 10px; vertical-align: -8px;}
#fstuse .btn3{ margin: 16px 16px 0;}
#fstuse .btn3 a{ display: block; padding: 10px 0; background:#fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/open_bk_15_14.png) 95% center no-repeat; border: 2px solid #7D7C7C; border-radius: 3px; font-weight:bold; text-align: center; font-size: 16px; color: #333 !important; }
#fstuse .btn3 a{background: none;}
#fstuse .btn3 a:hover{text-decoration:none !important;}

#fstuse .yBox{ margin: 24px 16px 0; padding-bottom: 24px; background: #fff; }
#fstuse .yBox .sttl{ font-size: 20px; padding: 12px 0; text-align: center; background: #FFDA44; width: 100%; margin: 0;}
#fstuse .yBox .photo{ margin: 24px 16px 0; text-align: center;}
#fstuse .yBox .photo img{ width: 100%;}
#fstuse .yBox .photo2{ margin: 16px 16px 0;}
#fstuse .yBox .photo2 img{ width: 100%; max-width: 279px;}
#fstuse .yBox .photo3 img{ width: 100%; max-width: 104px;}
#fstuse .yBox .txt1{ font-size: 14px; margin: 16px 16px 0; text-align: center;}
#fstuse .yBox .txt1 img{ display: inline-block; margin-left: 3px; vertical-align: -1px;}
#fstuse .yBox .txt2{ font-size: 16px; font-weight: bold; margin: 16px 0 0; text-align: center;}
#fstuse .yBox .photo + .txt1{ margin: 16px 16px 24px;}
#fstuse .yBox .stepBox{ margin: 16px 0 0; background: #F6F6F6; overflow: hidden;}
#fstuse .yBox .stepBox .txt2{ font-size: 20px; font-weight: bold; margin: 16px 0 0; text-align: center;}
#fstuse .yBox .stepBox .txt3{ font-size: 14px; margin: 16px 16px 24px; text-align: center;}
#fstuse .yBox .btn{ margin: 24px 0 0; }
#fstuse .yBox .btn a{ display: block; padding: 13px 0 13px 65px; background:#55C7F2; border-radius: 3px; font-weight:bold; text-align: center; font-size: 16px; color: #fff !important; position: relative; }
#fstuse .yBox .btn a::before{ content: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/mail_w_48_48.png);  position: absolute; left: 30px; top: 50%; margin-top: -24px;}
#fstuse .yBox .campBtn{ margin: 16px;}

.black{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:99999998}
.popUpplan{width:90%;left:5%;position:absolute;top:10%;background:#fff;z-index:99999999;border-radius:12px}
.popUpplan p{height:65vh;padding:10px;color:#000;font-size:15px;line-height:35px;overflow:scroll}
.popUpplan span{display:block;position:absolute;cursor:pointer;right:-10px;top:-10px;width:30px;height:30px;text-indent:-9999999px;background:url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/close_icon.png) no-repeat;background-size:30px 30px}
.popUpplan dl{ overflow: hidden; line-height: 1.6;}
.popUpplan dl dt{ font-size: 18px; font-weight: bold; text-align: center; color: #2EB8FF;}
.popUpplan dl dd{ margin: 14px;}
.popUpplan dl dd b{ display: block; font-size: 16px;}
.popUpplan h3{text-align:center;font-size:16px;margin-bottom:8px;padding:0 10px}
.popUpplan table{margin:0 auto}
.popUpplan table th{background-color:#666;color:#fff;padding:8px;display: block;}
.popUpplan table tr {
    border-bottom: 2px solid #fff;
    background-color: #fff6dd;
}
.popUpplan table tr td {
    background-color: #fff6dd;
    display: inline-block;
}
.popUpplan table tr td:first-of-type{background-color:#ffd966;text-align:center;display: block;}
.popUpplan table td{padding:7px}
@media screen and (max-width:376px){.popUpplan table td{padding:6px 5px}
}



#fstuse .sns{ display: flex; justify-content: center; margin: 16px 0 0;}
#fstuse .sns li{ margin: 0 24px;}
#fstuse .dl_app{ overflow: hidden; margin: 0 auto;}
#fstuse .dl_app li{ margin: 16px 0 0; text-align: center;}
#fstuse .dl_app li img{width: 100%; max-width: 269px;}
#fstuse .bnr{ margin-top: 12px; text-align: center;}
#fstuse .bnr img{ width: 100%; max-width: 300px;}


/* qa */
#qa{ padding-bottom: 40px;}
#qa dl{ margin: 24px auto 0;}
#qa dl dt{ margin-bottom: 16px; font-size: 14px; padding: 16px; background-color: #E5F3F9; border-radius: 3px; position: relative; color: navy; font-weight: bold;}
#qa dl dd{ font-size: 14px; border-radius: 5px; padding: 0 16px; line-height: 1.6; position: relative;}
#qa .btn{ margin: 16px 16px 0;}
#qa .btn a{ display: block; padding: 10px 0; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_b_32_32.png) 100% center no-repeat #fff; background-size: 24px; border: 2px solid #008FD8; border-radius: 3px; font-weight:bold; text-align: center; font-size: 18px; color: #008FD8 !important;}




.box{width: 94%; margin: 32px 3% 0; overflow: hidden;}
.ttl01{display: block; font-size: 20px; text-align: center; font-weight: bold; font-family: 'Noto Sans JP', sans-serif;  margin-top: 20px;}
.ttl02{display: block; font-size: 16px; font-weight: bold; font-weight: normal; text-align: center; font-family: 'Noto Sans JP', sans-serif;}
.prtext01{font-size: 13px; line-height: 1.8; margin-top: 16px;}
.prtext01 a{display: inline-block;}
.prtext02{font-size: 13px; line-height: 1.8; margin-top: 16px;display: block; text-align: left; }
.prtext02 a,.prtext02 span{ color: #bf0000 !important;}
.prtext02 a{ text-decoration: underline !important;}
.prtext02 a:active{ text-decoration: none !important;}
.bg{width: 100%; margin-top: 32px; padding: 0 0 32px 0; background-color: #FFFAE6; overflow: hidden;}


/* 雉ｪ蝠� */
#QA{display: block; margin: 0px auto 32px;}
.Q{display: block; background-color: #eaeaea; border-radius: 5px; font-size: 13px; margin-top: 16px; padding: 12px 30px 12px 30px; position: relative;}
.Q:hover{cursor: pointer;}
.Q::before{display: block; position: absolute; z-index: 9; content: 'Q.'; left: 10px; top: 11px;}
.Q::after{display: block; position: absolute; z-index: 9; content: "+"; right: 10px; top: 11px;}
.Q.active-submenu::after{content: "-";}
.A{display: block; border: 1px solid #ccc; padding: 10px 10px 10px 30px; margin-top: 16px; font-size: 13px; line-height: 180%; position: relative;}
.A::before{display: block; position: absolute; z-index: 9; content: 'A.'; left: 10px; top: 9px;}
.A a{color: #bc0000 !important;}

#box01,#box02,#box03,#box04,#box05{overflow: hidden;}
.jss_showFix.jss_showFix1 {
    bottom: 5px;
    right: 5px;
    border-radius: 5px;
    background-color: #6FCF97;
    color: #FFF!important;
    text-align: center;
    padding: 10px 10px;font-weight: bold;
  
}



/* tokyo */
.cpnholder{ position: relative;margin-top: 0 !important }
.cpnholder .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); display: flex; justify-content: center; align-items: center; z-index: 99; padding: 16px; margin: 0; border: 0; box-sizing: border-box;}
.cpnholder .mask p{ color: #fff; font-size: 18px; font-weight: bold; line-height: 1.6; width: 100%; text-align: center; padding-top: 70px; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/alert_53_53.png) top center no-repeat;}
.cpnholder .mask p span{ display: block; font-size: 16px; font-weight: normal; margin-top: 16px;}
.cpnholder .mask p a{ color: #FFB5B5 !important; text-decoration: underline !important;}
.cpnholder .mask p a:hover{ text-decoration: none !important;}






/* 2020.09.18 */
.btnCalc{  margin: 36px 16px 0; }
.btnCalc a{ line-height: 1.8; display: block; padding: 10px 0; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/calc_w_32_32.png) 5% center no-repeat, url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_w_24_24.png) 95% center no-repeat #BF0000; border-radius: 3px; font-weight:bold; text-align: center; font-size: 18px; color: #fff !important; }

#whats dl.syosai918{ background: none; padding: 0; margin-top: 32px;}
#whats dl.syosai918 dt{margin: 0 16px; padding: 10px 0;  background-color:#fff; border: 2px solid #D0D0D0; border-radius: 3px; text-align: center; font-size: 18px; font-weight: bold; cursor: pointer;}
#whats dl.syosai918 dd .tpr{ margin-top: 48px;}

#method .greenBox .areaCp{ overflow: hidden;}
#method .greenBox .areaCp li{  margin: 16px 16px 0;  min-height: 130px; display: flex; align-items: center; background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep4_3.png) 95% center no-repeat; box-sizing: border-box;}
#method .greenBox .areaCp li:nth-child(2){ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep4_4.png) 95% center no-repeat;}
#method .greenBox .areaCp li:nth-child(3){ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep4_5.png) 95% center no-repeat;}
#method .greenBox .areaCp li:nth-child(4){ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep4_6.png) 95% center no-repeat;}
#method .greenBox.bulu .areaCp li:nth-child(1){ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon005.png) 95% center no-repeat;    background-size: 65px;}
#method .greenBox.bulu .areaCp li:nth-child(2){ background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep4_6.png) 95% center no-repeat;    background-size: 65px;}

#method .greenBox .areaCp li span{ padding:8px 0 8px 16px; line-height: 1.6; width: calc(100% - 110px); font-size: 14px;}
#method .greenBox .areaCp li span b{ display: block; font-size: 16px;}
#method .greenBox .areaCp li span b em{ color: #bf0000;}
#method .greenBox .point{ margin: 32px 16px 0; overflow: hidden; }
#method .greenBox .point dt{ font-size: 20px; font-weight: bold; text-align: center; margin: 0;}
#method .greenBox .point dd{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/Checkbox-on.jpg) 0 0 no-repeat; padding:0 0 0 30px; line-height: 1.8; font-size: 14px; margin:16px 0 0;}
#method .greenBox .syosai9182{ background: none; padding: 0; margin: 32px 16px 0;}
#method .greenBox .syosai9182 dt{ padding: 10px 0; background-color:#fff; border: 2px solid #D0D0D0; border-radius: 3px; text-align: center; font-size: 18px; font-weight: bold; cursor: pointer;}
#method .greenBox .syosai9182 dd{margin: 14px 0 0; font-size: 14px; line-height: 1.6; background: none;}
#method .greenBox .syosai9182 dd .txt1{ margin-top: 24px;}
#method .greenBox .syosai9182 dd .tpr{ margin: 24px auto 0;}
#method .greenBox .syosai9182 dd .tpr span{ color: #bf0000;}
#method .greenBox .syosai9182 dd .point2{ margin: 32px auto 0; text-align: center; font-size: 16px; font-weight: bold; line-height: 1.8; position: relative;}
#method .greenBox .syosai9182 dd .point2::before{ content: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/Checkbox-on.jpg); vertical-align: -5px; margin-right: 5px;}
#method .greenBox .syosai9182 dd .point2 span{ color: #bf0000;}
#method .greenBox .syosai9182 dd .point2 small{ font-size: 15px; padding-top: 5px;}
#method .Calc{ padding-bottom: 24px;}
#method .Calc .stpr{ margin-top: 24px;}
#method .Calc .stpr small{ text-align: center;}

.slideBox .jdsSwiperPlus{ margin: 16px 16px 0; padding-bottom: 9px;}
.slideBox .jdsSwiperPlus .swiper-slide{ width: calc( 50% - 16px) !important; text-align: center;background: #fff; border-radius: 3px; box-shadow:1px 1px 3px rgba(0, 0, 0, 0.25); line-height: 0; overflow: hidden; margin-bottom: 12px;}
.slideBox .jdsSwiperPlus .swiper-slide span{ line-height: 1.3; color: #333; font-weight: bold; display: block; margin: 10px; font-size: 12px;}
.slideBox .jdsSwiperPlus .swiper-slide img{ width: 100%;}



/* 2020.09.25 */
#method .qrBox{ margin: 32px 8px 0;}
#method .qrBox .qrItem{ margin-top: 48px;}
#method .qrBox .qrItem > dt{ border-radius: 5px; padding: 13px 0;  border: 2px solid #00AA47; border-radius: 3px; text-align: center; color: #fff; font-size: 18px; font-weight: bold; cursor: pointer; position: relative;}
#method .qrBox .jdsCoponSwitch{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon+_white.png) 98% center no-repeat #00AA47;}
#method .qrBox .jdsCoponSwitch.active-submenu{background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon-_green.png) 98% center no-repeat #fff; color: #00AA47;}
#method .qrBox .qrItem dt span{ display: table; padding: 4px 16px; background: #ffc321; font-size: 15px; color: #fff; margin: 0 auto; position: absolute; left: 0; top: -36px; border-radius: 3px;}
#method .qrBox .qrItem dt span::after{ position: absolute; left: 50%; margin-left: -4px; bottom: -4px; content: ""; width: 0; height: 0; border-style: solid; border-width: 4px 4px 0 4px; border-color: #FFC321 transparent transparent transparent;}
#method .qrBox .qrItem > dd{ background: none; flex-wrap: wrap; margin: 8px 8px 0;}
#method .qrBox .qrItem > dd .lf{ width: 100%; }
#method .qrBox .qrItem > dd .stpr{ text-align: left; margin: 0;}
#method .qrBox .qrItem > dd .stpr small{ margin: 0;}
#method .qrBox .qrItem > dd .photo{ width: 100%; text-align: center; margin-top: 24px;}
#method .qrBox .qrItem > dd .photo img{ width: 100%; max-width: 310px;}
#method .qrBox .qrItem > dd .dl_app{ margin: 0; display: flex; justify-content: space-between; flex-wrap: wrap;}
#method .qrBox .qrItem > dd .dl_app dt{ font-size: 15px; color: #00AA47; margin: 16px 0 0; width: 100%;}
#method .qrBox .qrItem > dd .dl_app dd{ width: calc(50% - 7px); margin: 16px 0 0; background: none;}
#method .qrBox .qrItem > dd .dl_app dd img{ width: 100%;}


/* 2020.09.29 */
#method .tableBox{ margin: 24px auto 0;}
#method .tableBox table td{ font-size: 12px; border: 1px solid #bbb; box-sizing: border-box; vertical-align: middle; text-align: center;}
#method .tableBox table .hide{ visibility: hidden; width: 10%; border: none;}
#method .tableBox table .space{ width: 1%; height: 4px; border: none;}
#method .tableBox table .greenBlock{ background: #27AE60; color: #fff; border: none;}
#method .tableBox table .greyBlock{ width: 20%; background: #E1E1E1; padding: 4px 0; min-height: 88px;}
#method .tableBox table .whiteBlock{ width: 20%; background: #fff; padding: 4px 0; min-height: 88px;}
#method .tableBox table .dGreyBlock{ width: 20%; background: #9F9F9F; padding: 4px 0; min-height: 88px;}
#method .tableBox table .tit{ background: #FFF8E4;}
#method .tableBox table .txt1{ text-align: left; border: none;}

/* 2020.10.01 */
#method .blueBox dd.dd1001_1 { background: #fff }
#method .blueBox dd.dd1001_2 { background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep4_1.png) 95% center no-repeat;}
#method .blueBox dd b::after { content: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/open_bk_15_14.png); position: absolute; top: calc(50% - 7px); right: -20px;}
#method .blueBox dd b {display: block;}
#method #step4 .ttl span::after { border-color: #41C578 transparent transparent transparent;}
#method .greenBox .areaCp li:nth-child(3) { background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon003.png) 95% center no-repeat; background-size: 55px;}
#method .greenBox .areaCp li:nth-child(4) { background-size: 65px; }


/* 2020.10.06 */
.ad201006 { margin: 24px 8px; box-sizing: border-box; border: 2px solid #BF0000; border-radius: 5px; padding: 16px; line-height: 1.6; font-size: 13px;}
.ad201006 h3 { font-size: 17px; text-align: center;}
.cl_red { color: #BF0000;}
.ad201006 p { margin-top: 8px;}
.ad201006 b { font-size: 14px;}
#contentsArea .ad201006 a { color: #0769B0; text-decoration: underline;}
#contentsArea .ad201006 a:hover { color:#BF0000 ;}

/* important */
.important{
    border: 3px solid #BF0000;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 20px auto;
    padding: 20px;
    width: 95%;
    line-height: 120%;}
.important dl dt {
    font-weight: bold;
    text-align: center;
    color: #BF0000;}
.important dl dd {
    line-height: 120%;
    text-align: center;
    margin: 20px 0 0 0;}
p.cpnbtn {
    width: 80%; height: auto; padding: 13px 20px 13px 8px; background:#BF0000 url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_w_24_24.png) 100% center no-repeat; border-radius: 3px; font-weight:bold; text-align: center; font-size: 16px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
    margin: 20px auto 0 auto;}
p.cpnbtn a{
    color: #FFF!important;
}

/* 2020.10.30 */
.meiru{margin: 32px 24px 0;}
.meiru h2{
    text-align: center;
    font-size: 18px;
    line-height: 26px;
}
.meiru h2 b{
    color: #BF0000;
}
.meiru p{
    font-size: 14px;
    text-align: center;
    padding: 16px 0;
}
.meiru ul{
    padding-bottom: 32px;
}
.meiru ul li{
    padding-top: 24px;
    display: block;
    font-size: 16px;
    line-height: 19px;
    text-align: center;
    margin: 0 15px;
}
.meiru ul li b{
    display: block;
    padding-bottom: 6px;
}
.meiru ul li a{
    display: block;
    background: #55C7F2 url('https://img.travel.rakuten.co.jp/special/goto/202007-3/images/mail.png') no-repeat 20px center;
    background-size: 10%;
    border-radius: 3px;
    color: #fff !important;
    font-weight: bold;
    font-size: 16px;
    line-height: 16px;
    padding: 16px 0 16px 20px;
}
#method .greenBox.bulu{
    display: none;
    background: #DCF3FF;
}
.greenBox .tab1030{
    margin-top: 24px;
    border-bottom: 10px solid #00AD00;
    display: flex;
    justify-content: center;
}
.greenBox.bulu .tab1030{
    border-bottom: 10px solid #009CEB;
}
.greenBox .tab1030 li{
    background: #00AD00;
    font-size: 18px;
    text-align: center;
    color: #FFFFFF;
    padding: 16px 0;
    width: 45%;
    margin: 0 5px;
    cursor: pointer;
    display: block;
    margin-bottom: -1px;
}
.greenBox .tab1030 li:last-child{
    background: #009CEB;
}
#qa dl.hide{
    overflow: hidden;
    height: 0;
    margin: 0;
}


.btn0828 {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}
.btn0828 img{
    width: 90%;
}



/* ==========================================================================
  Refund Alert  message 
========================================================================== */
.msg-area{margin:0 0 10px 20px;padding-right:20px}
.msg-item{margin-bottom:15px;margin-top:15px}
.msg-item.no-link,.msg-item>a{display:block;font-size:14px;line-height:1.5;padding:10px 8px 10px 2.7em;opacity:1;transition:.2s;position:relative;background-size:20px 20px!important}
.msg-item>a:after{content:"";display:block;width:100%;height:100%;background:#fff;opacity:0;position:absolute;top:0;left:0;transition:.2s}
.msg-item>a:hover:after{opacity:.2}
.msg-info.no-link,.msg-info>a{color:currentColor;background:#fff8e5 url(https://img.travel.rakuten.co.jp/bus/images/icon-info.svg) .7em .7em no-repeat}


/* 2020.11.24 */
.msg-list li:first-child{ margin-top: 25px;}
.msg-item p{ font-size: 14px; line-height: 1.5; padding: 8px 32px 8px 10px; position: relative;}
.msg-item .tit{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_blk_24_24.png) 98% center no-repeat #FFF8E5; line-height: 1; position: relative;}
.msg-item .tit.jdsCoponSwitch{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon+.png) 98% center no-repeat #FFF8E5;}
.msg-item .tit.jdsCoponSwitch.active-submenu{background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon-.png) 98% center no-repeat #FFF8E5;}
.msg-item .tit:before{ content: url(https://img.travel.rakuten.co.jp/bus/images/icon-info.svg); position: absolute; left: 5px; top: 12px; }
.msg-item .tit span{ display: block; margin-left: 30px;}
.msg-item .tit b{ display: block; margin-top: 4px; line-height: 1.2; margin-left: 30px;}
.msg-item .tit a{ color: #333 !important; display: block;}
.msg-item .tit + p{ margin: 10px; padding: 10px; border: 1px solid #ccc;}
.msg-item.red .tit{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_blk_24_24.png) 98% center no-repeat #BF0000; color: #fff;}
.msg-item.red .tit.jdsCoponSwitch{ background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon+_white.png) 98% center no-repeat #BF0000;}
.msg-item.red .tit.jdsCoponSwitch.active-submenu{background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon-_white.png) 98% center no-repeat #BF0000;}
.msg-item.red .tit::before{ content: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon_info_r.svg);}
.msg-item.red .tit + p{ border: 1px solid #BF0000;}
.msg-item.red .tit + p a{ color: #BF0000 !important;}


/* syosai*/
.btnCalc{ margin: 32px auto 0; width: 350px;position: relative; z-index: 1;}
.btnCalc a{ line-height: 1.8; display: block; padding: 10px 0; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/calc_w_32_32.png) 5% center no-repeat, url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_w_32_32.png) 95% center no-repeat #BF0000; border-radius: 3px; font-weight:bold; text-align: center; font-size: 18px; color: #fff !important; }
#syosai dl.syosai918{ background: none; padding: 0; margin-top: 32px;}
#syosai dl.syosai918 dt{margin: 0 auto; width: 440px;padding: 13px 0; background-color: #fff; border: 2px solid #D0D0D0; border-radius: 3px; text-align: center; font-size: 18px; font-weight: bold; cursor: pointer;}
#syosai dl.syosai918 .btnCalc{ margin-top: 48px;}
#syosai .tpr{ margin: 24px auto 0;font-size: 14px; line-height: 1.8;}
#syosai .tpr span{ display: block; text-align: center; margin-bottom: 32px;}
#syosai .tprc{ margin: 40px auto 0; text-align: center;}
#syosai .tpr a{ position: relative; z-index: 1;}

/* accordion-box */
.accordion-box { position: relative;}
.accordion-box label {
    height: 300px; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;
    /* 以下グラデーションは「背景が白」に併せて設定しています */ 
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.accordion-box input:checked + label { background: inherit; /* 開いた時には背景グラデーションを消す */}
.accordion-box label:after { content: ""; position:absolute; left:50%; bottom:0; margin-left:-45px; width:90px; height:40px; background:url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/acdaopen.png) no-repeat;}
.accordion-box input { display: none;}
.accordion-box .accordion-container {
    overflow: hidden;
    height: 500px; /* 開く前に見えている部分の高さ */
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.accordion-box input:checked + label {    /* display: none ; 閉じるボタンは要らないとき */}
.accordion-box input:checked + label:after { content: ""; position:absolute; left:50%; bottom:0; margin-left:-45px; width:90px; height:40px; background:url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/acdaclose.png) no-repeat;}
.accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}


/* 一時停止 */
nav,#step1 .cp3 .bBox,#step2,#pa35,#step3,#step4,.wBox.bnrBox { display: none !important;}
#step2{ margin-bottom: 32px;}
.redBox .mask{ color: #fff; font-size: 18px; font-weight: bold; line-height: 1.6; width: 100%; text-align: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); display: flex; justify-content: center; align-items: center; z-index: 99; }



/* popUpBnr */
.popUpBnr{ position: fixed; left: 0; bottom: 0; line-height: 1; width: 100%; background: rgba(0, 0, 0, 0.25); text-align: center; z-index: 999; display: flex; justify-content: center; align-items: flex-start;}
.popUpBnr a{ display: block; width: calc( 100% - 32px ); max-width: 500px; margin: 10px 0; position: relative; text-align: center;}
.popUpBnr a img{ width: 100%;}
.popUpBnr span{ cursor: pointer; position: relative; z-index: 999; margin: -5px 0 0 -15px;  display: block; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/close_icon.png) no-repeat; background-size: 30px; width: 30px; height: 30px; text-indent: -9999px;}