@charset "utf-8";

/*
* ★★CSS for PC
*
* @date 2020.xx.xx
* @author HeChengHao
*/
/* -- Reset -- */
#widewrapper{position:relative;overflow:hidden;width:100%}
#contentsArea{position:relative;margin:0 auto;background:#fff;word-wrap:break-word}
#contentsArea #contents{position:relative;margin:0 auto;padding:0;width:100%;background:none;color:#333333; font-family: 'Noto Sans JP', sans-serif;}
.sp{display:none;}
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:hover{opacity:.7}
.cpnholder li a{ text-decoration: none !important;}
.rt-header .rt-nav-link li.rt-nav-active a{ background: none !important;}


/* -- Top -- */
#keyVisual{margin:0 auto;width:100%; box-shadow: 0 0 15px #333;}
#keyVisual h1{text-indent:0; text-align: center; margin: 24px  auto; position: relative; z-index: 1;}
#keyVisual h1 img{ width: 100%; max-width: 1100px;}
#keyVisual .date{ font-size: 16px; background: #fff; padding: 10px 32px 2px; border-radius: 5px 5px 0 0; position: absolute; right: 10%; bottom: 0; z-index: 1;}
#keyVisual .bgAnima{line-height:0; width:100%; height:94px;background:url("https://img.travel.rakuten.co.jp/special/goto/202007-3/images/topGrp2.jpg") 0 0 repeat-x; background-size:2813px;}
#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: -2813px 0;
    }
    }
    @-webkit-keyframes bgAnima {
    from {
    background-position:0 0;
    }
    to {
        background-position: -2813px 0;
    }
    }
    @-ms-keyframes bgAnima {
    from {
    background-position:0 0;
    }
    to {
        background-position: -2813px 0;
    }
    }
    @-moz-keyframes bgAnima {
    from {
    background-position:0 0;
    }
    to {
        background-position: -2813px 0;
    }
}
#keyVisual .bgAnima2{
animation: bgAnima2 100s linear infinite;
-webkit-animation: bgAnima2 100s linear infinite;
-ms-animation: bgAnima2 100s linear infinite;
-moz-animation: bgAnima2 100s linear infinite;}
@keyframes bgAnima2 {
    from {
    background-position:1231px 0;
    }
    to {
        background-position: -1231px 0;
    }
    }
    @-webkit-keyframes bgAnima2 {
    from {
    background-position:1231px 0;
    }
    to {
        background-position: -1231px 0;
    }
    }
    @-ms-keyframes bgAnima2 {
    from {
    background-position:1231px 0;
    }
    to {
        background-position: -1231px 0;
    }
    }
    @-moz-keyframes bgAnima2 {
    from {
    background-position: 1231px 0;
    }
    to {
        background-position: -1231px 0;
    }
}


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

/* -- Contents -- */
.wBox{position:relative;clear:both;overflow:hidden;width:100%; }
.mBox{position:relative;clear:both;overflow:hidden;margin:0 auto; width:1080px;}
.ttl{ font-size: 30px; font-weight: bold; text-align: center; padding-top: 40px; line-height: 1.8;}
.atn{clear:both;overflow:hidden;margin:30px auto 0;font-size:13px;line-height:1.5; width: 100%;}
.photo{text-align:center}
.photo a{cursor:pointer}
.btnTop{ width: 700px; margin: 80px auto;}
.btnTop a{ display: block; padding: 23px 0; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_w_32_32.png) 95% center no-repeat#55C7F2; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25); border-radius: 8px; text-align: center; font-size: 30px; 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;}

*[class^=btn] a{ color: #333 !important; 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{ padding-bottom: 40px;}
#whats .mBox{ width: 770px;}
#whats .ttl{ background: #fff;  /*padding-bottom: 24px;  width: 17em; */ margin: 0 auto;}
#whats .tprRb{ background: #fff; width: 770px; margin:40px auto 0; box-sizing: border-box; border: 1px solid #BF0000; font-size: 14px; line-height: 1.8; padding: 16px; color: #bf0000;}
#whats .tprRb a{ color: #bf0000 !important; }
#whats .photo{ margin: 32px auto 0;}
#whats .photo span{ display: block; font-size: 14px; margin: 16px 0 0; line-height: 1.8; text-align: left;}
/* #whats dl{ box-sizing: border-box; margin: 40px auto 0; overflow: hidden; background: #EEE; padding: 24px 30px;}
#whats dl dt{ font-size: 20px; 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.8; 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.8;}
#whats .tprc{ margin: 40px auto 0; text-align: center;}
#whats .btn{ margin: 24px auto 0; width: 440px;}
#whats .btn a{ display: block; padding: 13px 0; 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: 18px; font-weight: bold; color: #333 !important;}



/* method */
#method{ background: #FFF8E4; padding-bottom: 40px;}
#method .mBox{ background: #fff; padding-bottom: 24px;}
#method .ttl span{ display: table; padding: 3px 16px; background: #ffc321; font-size: 20px; margin: 0 auto; 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: #FFC321 transparent transparent transparent;}
#method .tprRb {
    /* width: 770px; */
    /* background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/new_b_32_32.png) 10px center no-repeat; */
    margin: 40px 60px 40px 60px;
    /* box-sizing: border-box; */
    /* border: 1px solid #BF0000; */
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
    /* padding: 16px 16px 16px 50px; */
    /* color: #bf0000; */
}
#method .tprRb a{ color: #bf0000 !important; }
#method .stepNav{ width: 1080px; margin: 40px auto 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; display: flex; justify-content: center; flex-wrap: wrap;}
#method .stepNav dt{ width: 100%; font-weight: bold; font-size: 20px; color: #EB5757; text-align: center;}
#method .stepNav dd{ width: calc( 25% - 8px); margin: 16px 4px 0;}
#method .stepNav dd a{ overflow: hidden; background: #fff; display: block; text-align: center; font-weight: bold;}
#method .stepNav dd a:hover{ text-decoration: none !important;}
#method .stepNav dd b{  display: inline-block; font-size: 18px; padding: 4px 16px; border-radius: 50px; background: #EB5757; margin: 16px 24px 0; color: #fff !important;}
#method .stepNav dd span{display: block; font-size: 17px; color: #333 !important; width: 220px; margin: 16px;}
#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 auto 0; width: 120px;}
#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: 20px 24px 0; font-size: 24px; font-weight: bold; text-align: center; line-height: 1.8;}
#method .stpr b{ color: #bf0000;}
#method .stpr small{ display: block; font-size: 14px; margin-top: 16px; font-weight: normal;}
#method .stpr em{ font-style: normal; color: #BF0000;}
#method .stpr strong{ display: block; width: 400px; text-align: center; padding: 5px 0; background: #ffc321; font-size: 20px; margin: 40px auto 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: #FFC321 transparent transparent transparent;}
#method .stpr2{ font-size: 30px;}
#method .next{ text-align: center; padding:24px 0 16px; background: #FFF8E4;}
#method .dhBox{ display: flex; justify-content: center; margin-top: 32px;}
#method .dhBox .photo{ margin:0 35px 0 0;}
#method .dhBox .photo::after{ content: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon_plus.png); vertical-align: 30px; padding-left: 35px;}
/* #method .dhBox ul{ display: flex; justify-content: center;}
#method .dhBox ul li{ margin-top: 40px; padding-right: 20px; width: 290px;border-right: 2px solid #dadada;}
#method .dhBox ul li:last-child{ border-right: 0px solid #dadada;}
#method .dhBox ul li:nth-child(2){ }
#method .dhBox ul li:nth-child(3){ padding-top: 50px;}
#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% - 3px); cursor: pointer; color: #fff; padding: 16px 0; text-align: center; background: #C4C4C4; font-size: 18px; }
#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: 0 24px 24px; display: flex; justify-content: space-between; flex-wrap: wrap;}
#method .jdsTabMain ul li{ margin: 16px 0 0; width: calc(50% - 8px); height: 100px; display: flex; align-items: center; box-sizing: border-box; }
#method .jdsTabMain ul li span{ padding-left: 16px; line-height: 1.4;width: 363px;}
#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: 16px; height: auto;}
#method .jdsTabMain ul li.s5 img{ display: block; margin: 16px auto 0; width: 100%; max-width: 393px;}
#method .jdsTabMain ul li.s5 a{ display: block; font-size: 14px; text-align: center; margin:16px auto 0 }
#method .jdsTabMain ul li.stpr{ font-size: 18px; margin-top: 32px; color: #fff; text-align: center; justify-content: center; height: auto; width: 100%;}
#method .jdsTabMain ul li.syosai{ 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: 35px 16px 0; padding-bottom: 16px; overflow: hidden;text-align: center; font-size: 140%;}
#method .redBox{ margin: 24px 24px 0; background: #FFE5E5; overflow: hidden; padding-bottom: 40px; position: relative; }
#method .redBox .point{ margin: 0 8px; overflow: hidden; display: flex; justify-content: center;}
/* #method .redBox .point li{  background: #fff; width: calc(50% - 24px); margin: 0 16px 0;  padding: 16px; font-weight: bold; text-align: center;} */
#method .redBox .point li b{ background: #6FCF97; font-size: 17px; color: #fff;  padding: 8px; border-radius: 3px; width: 220px; display: block; margin: 0 auto;}
#method .redBox .point li p{ float: left;margin-top: 46px;margin-left: 2em;font-size: 160%;}           
#method .redBox .point li span{ font-size: 20px; font-weight: bold;}
#method .redBox .point li span img{ width: 100%; max-width: 200px; vertical-align: -10px;margin-top:15px;}
#method .redBox .point li:nth-child(2) span img{ width: 100%; max-width: 200px; vertical-align: -10px; margin-left: -30px;}
#method .redBox .campBtn{ margin: 24px auto 0; width: 440px;}
.wBox .checkEntryMulti__entryButton { width: auto;}
.wBox .checkEntryMulti__noLoginButton,.wBox .checkEntryMulti__entryLink{ width: 440px; height: auto; line-height: 1.8;  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: 18px; color: #fff !important;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);}
.wBox .checkEntryMulti__enteredButton,.wBox .checkEntryMulti__registeredButton{  width: 440px; height: auto; line-height: 1.8; 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: 18px; color: #fff !important;box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);}
#method .redBox .chara{ margin: 24px auto 0; display: flex; justify-content: center;}
#method .redBox .chara.t{margin-top: 10px;}
#method .redBox .chara li{ background: #fff; padding: 6px; border-radius: 3px; font-size: 13px; margin:0 4px; }
#method .redBox .tpr{ line-height: 1.8; margin: 24px auto 0; font-size: 16px; text-align: center;}
#method .redBox .tpr2 {
    line-height: 1.6;
    margin: 24px auto 0;
    font-size: 14px;
    text-align: center;
}
#method .btn2{ margin: 24px auto 0; width: 440px;}
#method .btn2 a{ line-height: 1.8; display: block; padding: 10px 0; background:#fff; border: 2px solid #7D7C7C; border-radius: 3px; font-weight:bold; text-align: center; font-size: 18px; color: #333 !important; }
#method .btn3{ margin: 24px 8px 0; display: flex; justify-content: center;}
#method .btn3 li{margin: 0 4px 0; width: 320px;}
#method .btn3 li a{ line-height: 1.6; display: block; padding: 8px 48px; background:#fff; border: 2px solid #7D7C7C; border-radius: 3px; font-weight:bold; text-align: center; font-size: 18px; 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) 10px center no-repeat #fff; padding:8px 16px 8px 56px;}
#method .btn3 .dp a{  background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/dh_04.png) 10px center no-repeat #fff; padding:8px 16px 8px 56px;}
#method .btn4{ margin: 24px auto 0; width: 440px;}
#method .btn4 a{ line-height: 1.8; display: block; padding: 10px 0; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/arrow_b_32_32.png) 95% center no-repeat #fff; border: 2px solid #008FD8; border-radius: 3px; font-weight:bold; text-align: center; font-size: 22px; color: #008FD8 !important; }
#method .btn4 a img{ display: inline-block; margin-right: 10px; vertical-align: -8px;}
#method .redBox .btn2 a{ line-height: 1.3;}
#method .syosai { font-size: 13px; margin: 24px 24px 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: 40px 16px 0; display: flex; justify-content: center; flex-wrap: wrap;}
#method .dl_app dt{ font-size: 16px; font-weight: bold; width: 100%; text-align: center;}
#method .dl_app dd{ text-align: center; margin: 24px 12px 0;}


.wBox a {
    color: #0769B0 !important;
}

#method .greenBox{ margin: 24px; background: #E7F4DB; padding-bottom: 24px; overflow: hidden; }
#method .greenBox dt{ font-size: 20px; text-align: center; font-weight: bold; margin: 24px 0 0;}
#method .greenBox dd{ background: #fff;  margin: 24px 24px 0; overflow: hidden; padding-bottom: 24px; }
#method .greenBox dd .txt{ font-size: 16px; margin: 24px 24px 0; padding-right: 55px; background: url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/imgStep3_1.jpg) right center no-repeat; min-height: 56px; line-height: 1.6;}
#method .greenBox dd .click0618{ font-size: 14px; margin: 24px 16px 0; color: #0769B0; cursor: pointer; }
#method .greenBox dd .click0618:hover{ opacity: .7; text-decoration: underline !important;}
#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; height: 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 {height: 100%; margin: auto;}
#method .greenBox dd .click1030 { 
    display: block;
    font-size: 14px;
    margin: 24px 16px 0;
    color: #0769B0;
    cursor: pointer;
}



#method .blueBox{ margin:24px 24px 0; background: #DCF3FF; padding: 0 24px 24px; display: flex; justify-content: space-between; flex-wrap: wrap;}
#method .blueBox dt{ font-size: 20px; text-align: center; font-weight: bold; margin: 24px 0 0; width: 100%;}
#method .blueBox dd{margin: 24px 0 0; width: calc(50% - 12px); 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; }
#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: 16px; 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/iconWindows.png); margin-left: 10px; vertical-align: middle;}
#method .blueBox .txt1{ font-size: 14px; margin: 24px 24px 0; text-align: center;}
#method .blueBox .txt1 img { display: inline-block; margin-left: 3px; vertical-align: -1px;}
#method .blueBox .cp{ overflow: hidden;}
#method .blueBox .cp dt{ margin-top: 40px;}
#method .blueBox .cp dd{ height: auto; background:none; width: 440px; margin: 16px auto 0;}
#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;}
#method .blueBox a:hover{ text-decoration: none !important;}
#method #step3 .blueBox{ display: block; overflow: hidden;}
#method #step3 .blueBox .stpr{ font-size: 20px;}

#method .bBox{ margin: 40px 24px 0; background: #E5FCE5; padding:24px 24px; }
#method .bBox2{ margin: 40px 24px 0; background: #F9E7B6; padding:24px 24px; }
#method .bBox2 .cpnholder>li { border: none !important; margin: 0 !important; background: none !important; width: 50%;}
#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: 40px;}
#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: 80px;}


.cp3 .photo{ margin: 24px auto 0;}
.cp3 .txt1{ margin: 32px; font-size: 14px; line-height: 1.6;}
.cp3 .txt1 a{ color: #bf0000 !important; }
.cp3 .btn{ margin: 40px auto 0; width: 480px; position: relative;}
.cp3 .btn::after{ width: 880px; content: ""; display: block; margin: 32px 0 0 -220px;} 
.cp3 .btn a{ display: block; padding: 18px 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: 20px; color: #fff !important; position: relative; }


/* search */
/*#Searchbox{ background: #FFFAE6;}*/
#Searchbox .ttl{ font-size: 25px;padding-top:20px;}
.column1 #search-box .structure dt.date{ padding: 0;}
.column1 #search-box p.searchSubmit a{ text-indent: 0; height: 50px; color: #fff !important;}
.column1 #search-box p.searchSubmit a:hover{ color: #fff !important;}
#search-box.verB .number ul li.child a{ color: #000 !important;}
.column1 #search-box .structure dd.number{ padding-top: 0;}
#Searchbox .tpr{  margin: 24px; font-size: 16px; line-height: 2; }


/* bnrBox */
.bnrBox{ padding-bottom: 50px;}
.bnrBox .ttl{background: #fff;  margin: 0 auto;}
.bnrBox .stpr{ margin: 24px 24px 0; font-size: 20px; font-weight: bold; text-align: center; line-height: 1.8;}
.bnrBox .stpr small{ display: block; font-size: 14px; margin-top: 16px; font-weight: normal;}
.bnrBox ul{ margin: 24px auto 0; display: flex; justify-content: flex-start; flex-wrap: wrap; width: 948px;}
.bnrBox.bnrBox2 ul{ justify-content: center;}
.bnrBox ul li{ width: calc(25% - 16px); margin: 0 8px 16px; text-align: center;background: #FFFFFF; border-radius: 3px; box-shadow:1px 1px 1px 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: 0 auto; width: 950px; line-height: 1.6; }
.bnrBox a:hover{ text-decoration: none !important;}


/* fstuse */
#fstuse{ background: #E5FCE5; padding-bottom: 80px;}
#fstuse .mBox{ background: #fff; margin: 40px auto 0; padding-bottom: 40px;}
#fstuse .sttl{ font-size: 20px; font-weight: bold; text-align: center; margin: 40px auto 0;}
#fstuse .tpr{ margin: 24px auto 0; font-size: 16px; line-height: 2; text-align: center;}
#fstuse .btn{  margin: 24px auto 0; width: 440px;}
#fstuse .btn a{ line-height: 1.8; display: block; padding: 13px 0; background: 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; text-align: center; font-size: 18px; color: #fff !important; position: relative; }
#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: 24px auto 0; width: 440px;}
#fstuse .btn3 a{ display: block; padding: 13px 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: 18px; color: #333 !important; }
#fstuse .btn3 a{background: none;}

#fstuse .yBox{ width: 650px; margin: 40px auto 0; padding-bottom: 24px; background: #fff; display: flex; justify-content: center; flex-wrap: wrap;}
#fstuse .yBox .sttl{ font-size: 22px; padding: 12px 0; text-align: center; background: #FFDA44; width: 100%; margin: 0;}
#fstuse .yBox .photo{ margin-top: 24px;}
#fstuse .yBox .stepBox{ width: 300px; margin: 16px 8px 0; background: #F6F6F6;}
#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 .photo{ margin: 24px 16px 0; text-align: center;}
#fstuse .yBox .photo img{ width: auto;}
#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: 19px 16px 0; text-align: center; width: 100%;}
#fstuse .yBox .txt1 img{ display: inline-block; margin-left: 3px; vertical-align: -1px;}
#fstuse .yBox .txt2{ font-size: 20px; font-weight: bold; margin: 32px 0 0; text-align: center; width: 100%;}
#fstuse .yBox .photo + .txt1{ margin: 16px 16px 24px;}
#fstuse .yBox .btn{ margin: 40px auto 0; width: 460px;}
#fstuse .yBox .btn a{ line-height: 1.8; display: block; padding: 13px 0; background:#55C7F2; border-radius: 3px; text-align: center; font-size: 18px; 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.noflex {display: block;}
#fstuse .yBox .campBtn{ margin: 24px 16px 0;}
#fstuse .yBox .campBtn .checkEntryMulti__noLoginButton,
#fstuse .yBox .campBtn .checkEntryMulti__enteredButton,
#fstuse .yBox .campBtn .checkEntryMulti__registeredButton,
#fstuse .yBox .campBtn .checkEntryMulti__entryLink{ width: 440px;}

.black{width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;top:0;left:0;z-index:99999998}
.popUpplan{width:70%;left:15%;position:absolute;top:15%;background:#fff;z-index:99999999;border-radius:12px}
.popUpplan p{padding:40px;color:#000;font-size:15px;line-height:35px;overflow:auto}
.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 0 0; font-size: 14px;}
.popUpplan dl dd b{display: block; font-size: 14px; padding-bottom: 8px;}
.popUpplan h3{padding-bottom:10px;text-align:center;font-size:20px}
.popUpplan table{margin:0 auto;min-width:770px}
.popUpplan table th{padding:10px;background-color:#666;color:#fff}
.popUpplan table tr{border-bottom:2px solid #fff}
.popUpplan table tr td{background-color:#fff6dd}
.popUpplan table tr td:first-of-type{background-color:#ffd966;text-align:center}
.popUpplan table td{padding:10px}

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

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


.box{width: 950px; margin: 80px auto 0; overflow: hidden;}
.ttl01{display: block; font-size: 40px; text-align: center; font-weight: bold; font-family: 'Noto Sans JP', sans-serif; margin-top: 100px;}
.ttl02{display: block; font-size: 28px; text-align: center; font-weight: normal; font-family: 'Noto Sans JP', sans-serif;}
.prtext01{display: block; font-size: 16px; line-height: 1.6; margin-top: 40px;}
.prtext02{display: block; font-size: 16px; line-height: 1.6; margin-top: 40px;text-align: center; }
.prtext02 a,.prtext02 span{ color: #bf0000 !important;}
.prtext02 a{ text-decoration: underline !important;}
.prtext02 a:hover{ text-decoration: none !important;}
.bg{width: 100%; margin-top: 80px; padding: 0 0 80px 0; background-color: #FFFAE6; overflow: hidden;}


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


#search-box.verB.test .grey.InpuDateBox.chkDate .structure.chkIn::after { width: 21px; right: -4px;}

.jss_showFix.jss_showFix1 {
    bottom: 10px;
    right: 10px;
    border-radius: 5px;
    background-color: #6FCF97;
      color: #FFF !important;
      text-align: center;
      padding: 20px 10px;
      min-width: 100px;font-weight: bold;
}

/* tokyo */
.cpnholder{ position: relative;}
.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; margin: 0; border: 0;}
.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; }



#method .greenBox .ttl span{ background: #41C578; color: #fff; }
#method .greenBox .ttl span::after{ border-color: #41C578 transparent transparent transparent;}
#method .greenBox .areaCp{ margin: 0 24px; display: flex; justify-content: space-between; flex-wrap: wrap;}
#method .greenBox .areaCp li{ margin: 24px 0 0; width: calc(50% - 12px); height: 180px; 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;}
#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;}
#method .greenBox .areaCp li span{ padding-left: 16px; line-height: 1.6; width: 330px; 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: 40px auto 0; overflow: hidden; width: 450px;}
#method .greenBox .point dt{ font-size: 20px; font-weight: bold; text-align: center;}
#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 .point dt + dd{ margin-top: 32px;}
#method .greenBox .syosai9182{ background: none; padding: 0; margin: 40px 48px 0;}
#method .greenBox .syosai9182 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;}
#method .greenBox .syosai9182 dd{margin: 14px 0 0; font-size: 14px; line-height: 1.6; background: none;}
#method .greenBox .syosai9182 dd .tpr{ margin: 24px auto 0;}
#method .greenBox .syosai9182 dd .tpr span{ color: #bf0000;}
#method .greenBox .syosai9182 dd .txt1{ margin-top: 24px;}
#method .greenBox .syosai9182 dd .point2{ margin: 60px 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: 32px;}
#method .Calc .stpr{ margin-top: 56px;}

.slideBox .jdsSwiperPlus{  width: 948px; margin: 24px auto 0;  padding-bottom: 9px;}
.slideBox .jdsSwiperPlus .swiper-slide{ width: 300px !important; margin: 0 8px; 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: 20px;}
.slideBox .jdsSwiperPlus .swiper-slide span{ line-height: 1.3; color: #333; font-weight: bold; display: block; margin: 10px;}

/* 2020.09.25 */
#method .qrBox{ width: 750px; margin: 60px auto 0;}
#method .qrBox .qrItem{ margin-top: 60px;}
#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: 10px 24px; background: #ffc321; font-size: 15px; color: #fff; margin: 0 auto; position: absolute; left: 50%; top: -50px; margin-left: -60px; border-radius: 3px;}
#method .qrBox .qrItem dt 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: #FFC321 transparent transparent transparent;}
#method .qrBox .qrItem > dd{ background: none; display: flex; justify-content: space-between;}
#method .qrBox .qrItem > dd .lf{ width: 360px;}
#method .qrBox .qrItem > dd .stpr{ text-align: left; margin: 0;}
#method .qrBox .qrItem > dd .stpr small{ margin: 0;}
#method .qrBox .qrItem > dd .photo{ width: 310px;}
#method .qrBox .qrItem > dd .dl_app{ margin: 0; justify-content: space-between;}
#method .qrBox .qrItem > dd .dl_app dt{ font-size: 15px; color: #00AA47;}
#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: 32px auto 0;}
#method .tableBox table td{ font-size: 14px; border: 1px solid #bbb; box-sizing: border-box; vertical-align: middle; text-align: center;}
#method .tableBox table .hide{ visibility: hidden; width: 34px; border: none;}
#method .tableBox table .space{ width: 4px; height: 4px; border: none;}
#method .tableBox table .greenBlock{ background: #27AE60; color: #fff; border: none;}
#method .tableBox table .greyBlock{ width: 89px; background: #E1E1E1; padding: 4px 0; min-height: 88px;}
#method .tableBox table .whiteBlock{ width: 89px; background: #fff; padding: 4px 0; min-height: 88px;}
#method .tableBox table .dGreyBlock{ width: 89px; 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 */
.ad201001 { margin-top: 30px!important;}
#method .blueBox dd { width: calc(33% - 12px)}
#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 { background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon001.png) right 30px center no-repeat; }
#method .greenBox .areaCp li:nth-child(2) {
    background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon002.png) right 20px center no-repeat;
}
#method .greenBox .areaCp li:nth-child(3) {
    background: #fff url(https://img.travel.rakuten.co.jp/special/goto/202007-3/images/icon003.png) right 30px center no-repeat;
}

/* 2020.10.06 */
.ad201006 { width: 1036px; margin: 50px auto; box-sizing: border-box; border: 3px solid #BF0000; border-radius: 5px; padding: 22px 36px; line-height: 1.6;}
.ad201006 h3 { font-size: 22px; text-align: center;}
.cl_red { color: #BF0000;}
.ad201006 p { margin-top: 20px;}
.ad201006 b { font-size: 18px;}
#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: 80%;
    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;}
p.cpnbtn {
    width: 500px; height: auto; line-height: 1.8;  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: 18px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
margin: 20px auto;}
p.cpnbtn a:link,
p.cpnbtn a:visited{
    color: #FFF!important;
}
.cpnholder.jssBox.allList li.jss {
    width: calc( 33% - 32px);
}

/* 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{
    display: flex;
    justify-content: center;
    padding-bottom: 32px;
}
.meiru ul li{
    padding-top: 24px;
    display: block;
    width: 325px;
    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 40px center;
    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: 463px;
    margin: 0 5px;
    cursor: pointer;
    display: block;
    margin-bottom: -1px;
}
.greenBox .tab1030 li:last-child{
    background: #009CEB;
}
#qa dl.hide{
    position: absolute;
    left: -9999px;
}



/* ==========================================================================
  Refund Alert  message 
========================================================================== */
.msg-area { margin: 0 0 10px 20px; padding-right: 20px;}
.msg-item {  margin-top: 18px;}
.msg-item > a, .msg-item.no-link { display: block; font-size: 14px; line-height: 1.5; padding: 10px 8px 10px 2.7em; opacity: 1; transition: 0.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: 0.2s;}
.msg-item > a:hover:after { opacity: 0.2;}
.msg-info > a, .msg-info.no-link { color: currentColor; background: #FFF8E5 .7em .7em no-repeat;}
.btn0828 { width: 100%; text-align: center; margin-top: 20px;}

/* 2020.11.24 */
.msg-list li:first-child{ margin-top: 25px;}
.msg-item p{ font-size: 14px; line-height: 1.5; padding: 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 span{ position: relative; display: inline-block; width: 130px; vertical-align: middle;}
.msg-item .tit span::before{ content: url(https://img.travel.rakuten.co.jp/bus/images/icon-info.svg); vertical-align: -5px; margin-right: 5px;}
.msg-item .tit b{ display: inline-block; line-height: 1.3; vertical-align: middle;}
.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 span::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: 440px; 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: 22px; 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: 500px; /* グラデーションの高さ */
    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: 30px; letter-spacing: 2px;  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: 800px; margin: 10px 0; position: relative;}
.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;}