@charset "utf-8";

/*
 * CSS for PC
 * @date     2022.06
 */
 .sp { display: none !important;}

.ss-title { overflow: hidden;}
.topBnrBox{ background: url(https://img.travel.rakuten.co.jp/camp/50luxday/overseas/images/kvbg.jpg) center center no-repeat; background-size:cover;}
.topBnrBox h1 img { max-width: 920px; width: auto;}


.morebtn { width: 99%; padding: 0 0.5%; overflow: hidden; max-width: 1200px; margin: 0 auto;}
.morebtn a { width: 30%; float: left; margin: 0 1.5%;border-radius: 6px; background:#009700; position: relative; font-size: 18px; font-weight: bold; text-align: center; padding: 16px 0; color: #fff !important;}
.morebtn a:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  z-index: 10;
  position: absolute;
  top: 50%;
  margin-top: -5px;
  right:3%;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
 

.morebtn a.sct { display: block; float: none; width:640px; margin: 0 auto 24px; padding:24px 0; background: none; overflow: hidden;}
.morebtn a.sct img { width: 100%;}


#ETRbox { width: 100%; margin: 20px 0 0; padding: 0 !important; overflow: hidden;}
#ETRbox .chara{margin: 20px auto; display: flex; justify-content: center; align-items: center;line-height: 1.8;}
#ETRbox .chara dt{ font-size: 14px; font-weight: bold;}
#ETRbox .chara dd{ border-radius: 3px; padding: 0 8px; color: #000; font-size: 12px;  border: 1px solid #000; margin-left: 5px;}
#ETRbox .txt_xs{ margin: 0 auto; font-size: 14px;line-height: 1.8; text-align:center;}
#ETRbox .txt_xs small{ font-size: 12px; display: block; line-height: 1.5;}
#ETRbox .btmarea  {display: flex; justify-content: center; margin-top: -32px;}
#ETRbox .btmarea a,#ETRbox .btmarea p.jdsCoponSwitch{display: block;background-color: #EAEAEA;padding:10px;border-radius: 5px;font-size: 14px;color: #333;margin: 20px 10px ;position: relative;}
#ETRbox .btmarea a.newwindow:after{content: "";background-size: 16px;width: 16px;height: 16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAARVBMVEUAAAAwMDAwMDAwMDAxMTEzMzMyMjIzMzMzMzMyMjIzMzM1NTUyMjIwMDAzMzMzMzMyMjIxMTEyMjIzMzMyMjI0NDQzMzP51LwrAAAAFnRSTlMAIEAwoJ+Av+9/r2BgEFDP3x9w3+9Aa03MBwAAAHlJREFUeNrdykUSQkEUA8DvriPv/kfFSRhSxQ7rdWcfkhdQylEZ1HI07VWHofXGQ4cBQ4dxwpjzq5lDhrF0djVxoLHadrVQ4LHZnl0hyMFBDw56cNCDA+PBQQ9HQY95RRCDuM29GI01fzzahE+Gsychzx7EKTVnb3YA6mQP/gr9fQ8AAAAASUVORK5CYII=);display: block;position: absolute;right: -20px;top: 23%;}
#ETRbox .cpndetail table { width: 900px; margin: 0 auto; background: #fff;}
#ETRbox .cpndetail table tr td { padding: 16px; border: 1px solid #d7d7d7; font-size: 12px; line-height: 140%;}
#ETRbox .cpndetail table tr td:first-child { width: 21%; background: #ccc;}


#Searchbox {width: 100% !important;  padding: 40px 0;}
#search-box { width: 100% !important; max-width: 1080px; background: none !important; border: none; margin:0 auto !important;}
#search-box #overseas-search-box { padding:0 40px !important;}
#search-box .searchCategory { width: auto !important; margin-bottom: 16px !important; padding: 0 !important; border: 0 !important; background: none !important;}
#search-box .structure dt.date,#search-box .structure dt.number { padding-top: 0 !important;}
#search-box.verB.test #searchForeignSwitchArea2 .chkDateDP .structure dd { width: calc(80% - 50px) !important;}
#search-box.verB #overseas-search-box select.timeSelect, #search-box.verB #overseas-search-box select.timeSelect2{ width: 56% !important;}
#search-box p.searchSubmit a { height: auto !important; text-indent: 0;}
#search-box p.searchSubmit a:hover { text-decoration: none; color: #fff !important;}
#search-box #overseas-search-box .searchCategory li.on { background-color:#009700 !important;}
#search-box #overseas-search-box .searchCategory li.on:after {border-top: 8px solid #009700 !important;}
#oap-search-form .grey.InpuDateBox dl dt ,#oap-search-form .line.InpuDateBox.clearfix .ninzu dt,#oap-search-form .line.InpuDateBox.clearfix .heya dt{ padding: 0 0 0 40px !important;}
#search-box.verB.test #searchForeignSwitchArea2 .ovUse .InpuDateBox.num dl dd{ width: 75% !important; padding-top: 0 !important;}
#search-box.verB #overseas-search-box select#oa-adult { width: 40px !important;}
#search-box.verB #overseas-search-box .number ul li.adult { padding-left: 0 !important;}
#search-box.verB #overseas-search-box .option .structure50 { width: 100%;}
#search-box .structure dd.number { padding-top: 0 !important;}
#search-box.verB.test .dhAll { min-height: 67px; background: #fff;}
#search-box.verB.test .grey.InpuDateBox,#oap-search-form .line.InpuDateBox.clearfix { background: #fff;}


.htlplan{ width: 1080px; margin: 0 auto; overflow: hidden;}
.ttls.sub { font-size: 24px; padding: 0 0 24px; font-weight: bold;}
.column_4 { display: block !important; margin-bottom: 16px; overflow: hidden;}
.column_4 .column-list { width: calc( 23% - 4px); min-height:360px;  background: #fff;padding: 0 0 10px !important; float: left; border: 1px solid #ccc; margin:0 1% 16px; overflow: hidden;}
.hotel-img a.htlInfo { display: block; position: relative;right: 0; bottom: 0; border-radius: 0; padding: 0 !important; background: none;}
.hotel-img img { width: 100%;}
.ss-hotel .htlInfo:after,.ss-hotel .htlInfo:before { display: none;}
.hotel-img a.htlInfo span{ display: block; position: absolute; right: 4px; bottom: 8px; color: #fff; font-size: 12px; padding: 6px; border-radius: 4px; background: rgb(0, 0, 0,0.6)}


.area-name { font-size: 12px; padding: 16px 10px; color: #666;}
.hotel-name {font-size: 16px; font-weight: bold; padding: 0 10px; line-height: 20px; height: 50px;}
.ss-button { display: block; margin: 0 10px; overflow: hidden; background: #009700; border:1px solid #009700; color: #fff !important; border-radius: 40px; text-align: center; font-weight: bold; padding: 14px 0;}
.ss-button.air { background: #fff; color: #009700 !important; border:1px solid #009700; padding: 8px 0;}
.note { width: 1010px; margin: 0 auto 16px; border: 1px solid #bf0000; border-radius: 4px; padding:8px 16px 11px 24px; color: #bf0000; font-size: 12px; line-height: 16px; background: url(https://img.travel.rakuten.co.jp/kaigai/campaign/50pointday/images/icon_importent.png) no-repeat 0.6% 50% #fff;}
.notic{ width: 900px; margin: 0 auto 16px; padding:16px 0 0; color: #666; font-size: 12px; line-height: 16px;}


h2.ttl em { font-size: 48px; font-style: normal;}


.ss-hotel .hotel-price {text-align:right;position:relative;padding-bottom:4px;clear:both; z-index: 99;}
.ss-hotel .hotel-price a { display: block;}
.ss-hotel .hotel-price a span.details {
    display: block;
    position: relative;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/detail.png) 100% 58%/16px 16px no-repeat;
    padding:0 18px;
    line-height: 50px;
    margin-right: 10px;
    font-size: 24px;
    text-align: right;
    color: #bf0000;
    font-weight: bold;
}
.ss-hotel .hotel-price a span.details em { font-size: 16px;}
.jss_popOverInfo { display: none;}
.ss-hotel .hotel-price a span.details:hover > .jss_popOverInfo { display:block; width: 80%; position: absolute; bottom: 48px; right: 0; font-size: 12px; font-weight: normal; text-align: left; color: #fff; line-height: 16px; background:#000; opacity: 0.85; padding: 8px; border-radius: 4px; visibility: visible; }
.price-info { display: block; position: relative;}
.price-info:before { display:block; position: absolute; content: ""; bottom: -16px; right: 2px; opacity: 0.85;
    width: 0;
    height: 0;
    border-top: 8px solid #000;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}
.ss-hotel .hotel-img { height: 140px; background-size: 100%; margin: 0;}

.ss-right { z-index: 999; position: fixed !important; display: block !important;}

#PICKUPbox ul.jdsTabNav { width: 100%; margin: 0 0 24px; overflow: hidden; display: flex; justify-content: center;}
#PICKUPbox ul.jdsTabNav li { background: #fff; padding: 8px 16px; margin: 8px; text-align: center; font-weight: bold; border: 1px solid #009700; color: #009700; border-radius: 4px;}
#PICKUPbox ul.jdsTabNav li.active,#PICKUPbox ul.jdsTabNav li:hover {background: #009700; color: #fff; cursor: pointer;}

.overtime.dhot { display: none;}
.cpnholder > li{ min-height: auto !important;}

#PICKUPbox .more{ position: relative; height: 900px; overflow: hidden; padding-bottom: 80px; }
#PICKUPbox .more.show   { height:auto;}
#PICKUPbox .more:before { display: block; content: "";
  width: 100%;
  height: 40px;
  z-index: 10;
  bottom: 78px;
  position: absolute;
background: linear-gradient(to bottom,rgba(237,243,233,0) 0,rgba(237,243,233,.95) 95%);}

label.htl_boxHide{
  position: absolute;
  z-index: 999;
  bottom: 0;
  width: 100%;
  height: 80px;
  cursor: pointer;
  text-align: center;
}
label.htl_boxHide:before {
  display: block;
  width: 10px;
  height: 10px;
  z-index: 10;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-right: 40px;
  margin-top:-10px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  content: "";
}
label.htl_boxHide:after {
  position: absolute;
  z-index: 2;
  content: ' 続きを見る';
  transform: translate(-50%,0);
  width: 200px;
  height: 40px;
  bottom: 20px;
  left: 50%;
  padding-left: 20px;
  font-size: 14px;
  line-height: 40px;
  border-radius: 8px;
  border: 1px solid #d7d7d7;
  background-color: #fff;
  color: #333 !important;
}

label.htl_boxHide.show:before{
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  margin-top:-3px;
}
label.htl_boxHide.show:after {
  content: ' 閉じる';
}


#search-box.verB #oap-airport { width: auto !important;}


.ssilink ul { width: 900px; margin: 40px auto; justify-content: center;}
.ssilink ul li { margin: 0 8px;}


#sRight {
    position: fixed;
    right: 0;
    bottom: 0;
    z-index: 999;
}

#sRight .jss_switchMenu {
    position: relative
}

#sRight .jss_switchMenu dl {
    position: absolute;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    right: 0;
    bottom: 10px;
    width: 96px
}
.ss-right dd li a:hover {
    opacity: .8;
    opacity: .7
}

.ss-right {
    color: #fff;
    z-index: 16;
    right: 0;
    display: none
}

.ss-right dd ul {
    border: 1px solid #00b900;
    border-radius: 5px 5px 5px 5px;
    overflow: hidden
}

.ss-right dd li {
    position: relative;
    border-bottom: 1px solid #00b900;
    font-size: 75%;
    font-weight: 700;
    text-align: center;
    line-height: 2;
}

.ss-right dd li:last-child {
    border-bottom: none
}

.ss-right dd li a {
    padding: 25px 5px 2px;
    color: #00b900;
    display: block;
    background: #fff;
    text-decoration: none;
    position: relative;
}

.trigger {
    width: 50px;
    height: 50px;
    cursor: pointer;
    margin: 10px auto;
    display: none;
    background: url(https://img.travel.rakuten.co.jp/special/sales/images/new/menu_open.png) center center/50px auto no-repeat
}
.pagetop {
  width: 96px;
  margin: 0 auto
}

.pagetop a {
  background-color: #00b900;
  border-radius: 5px 5px 0 0;
  display: block;
  line-height: 0;
  font-size: 0;
  height: 50px;
  position: relative
}

.pagetop a:after {
  display: block;
  position: absolute;
  top: 50%;
  right: 50%;
  width: 10px;
  height: 10px;
  margin-top: -2px;
  margin-right: -7px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: ""
}

.ttlicon_w:after {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/new/ttlIconGreen.png);
  width: 25px;
  height: 25px;
  left: 50%;
  margin-left: -13px;
  background-size: 125px 250px;
  top: 5px;
  display: block;
  content: "";
  position: absolute ;
}

.ttlicon_w.coupon-icon:after {
  background-position: -100px -75px;
}

.ttlicon_w.bag-icon:after {
  background-position: -75px 0;
}

.ttlicon_w.search-icon:after {
  background-position: 0 -125px;
}
.ttlicon_w.point-icon:after {
  background-position: -75px -25px;
}
.ttlicon_w.premium-icon::after {
  background-position: -50px 0;

}

.ttlicon_w.rank-icon:after {
    background-position: 0 -25px;
}

.ss-title #grpLocationArea {
  font-size: 82%;
  text-align: left
}

ul.svs li:nth-child(1) { width: 60%;}
ul.svs li:nth-child(2) { width: 40%;}

#CPN   { margin-top: 40px;}
ul.nav {width: 816px; margin: 20px auto; overflow: hidden;}
ul.nav li { width: 272px; float: left; overflow: hidden;position: relative;}
ul.nav li img ,ul.nav li a{ display: block; width: 100%; float: left;}
#CPN p.tip{ width: 800px; margin: 0 auto; text-align: right; font-weight: bold; color: #bf0000; font-size: 12px;}

ul.nav li:nth-child(1):before { display: block; position:absolute; content: ""; background: url(../images/pt_g.png) no-repeat; width: 31px; height: 60px; top: 50%; margin-top: -30px; right: -15px;}
ul.nav li:nth-child(2):after { display: block; position:absolute; content: ""; background: url(../images/pt_b.png) no-repeat; width: 31px; height: 60px; top: 50%; margin-top: -30px; right: -15px;}
ul.nav li:nth-child(2):before { display: block; position:absolute; content: ""; background: url(../images/pt_g.png) no-repeat; width: 31px; height: 60px; top: 50%; margin-top: -30px; left: -15px;}
ul.nav li:nth-child(3):before { display: block; position:absolute; content: ""; background: url(../images/pt_b.png) no-repeat; width: 31px; height: 60px; top: 50%; margin-top: -30px; left: -15px;}

.bnrs { margin: 80px auto 0px; width: 1200px; overflow: hidden; text-align: center;}
.bnrs a{ display: block; margin-top: 20px;}

#Rankbox { width: 100%; background: #fff; padding: 40px 0;display: flex;
flex-direction: column;
}
#Rankbox .jss_tab { width: 1200px; margin: 0 auto; justify-content: space-around;}
#Rankbox .jss_tab li { border-bottom: 0;padding: 12px 16px !important;}
#Rankbox .jss_tabMain{ width: 1200px; margin: 40px auto; 
display: flex;
flex-direction: column;
}
#Rankbox .jss_tabMain .fam {order: 1;}
#Rankbox .jss_tabMain .cp {order: 2;}
#Rankbox .jss_tabMain .solo {order:3;}
#Rankbox .notic {order: 10;}
#Rankbox:after {display: none;}

#Rankbox .swiper-container { padding-bottom: 40px;}
#Rankbox .mainTtl2 { margin-bottom: 20px;}

#Rankbox .ss-hotel a.htlstar0{background-position:0 -200px}
#Rankbox .ss-hotel a.htlstar05{background-position:0 -180px}
#Rankbox .ss-hotel a.htlstar1{background-position:0 -160px}
#Rankbox .ss-hotel a.htlstar15{background-position:0 -140px}
#Rankbox .ss-hotel a.htlstar2{background-position:0 -120px}
#Rankbox .ss-hotel a.htlstar25{background-position:0 -100px}
#Rankbox .ss-hotel a.htlstar3{background-position:0 -80px}
#Rankbox .ss-hotel a.htlstar35{background-position:0 -60px}
#Rankbox .ss-hotel a.htlstar4{background-position:0 -40px}
#Rankbox .ss-hotel a.htlstar45{background-position:0 -20px}
#Rankbox .ss-hotel a.htlstar5{background-position:0 0}

#Rankbox .ss-hotel .hotel-main .hotel-name{min-height: 80px;}

.cpndtl {
  display: flex;
  font-size: 14px;
  justify-content: center;
}

.cpndtl li a {
  display: block;
  background-color: #ffffff;
  color: #333;
  padding: 10px;
  border-radius: 4px;
  margin: 20px 5px 0;
  position: relative;
}

.cpndtl li a:hover {
  opacity: 0.8;
}

.cpndtl li:nth-child(2) a:after {
  content: url(https://img.travel.rakuten.co.jp/camp/debut/202306/images/linkicon.png);
  position: absolute;
  display: block;
  right: -20px;
  top: 10px;
}

#Rankbox .ss-hotel { padding: 0 !important;}
#Rankbox .ss-hotel .hotel-img { height: 140px; background-size: 100%; margin: 0;}
#Rankbox .ss-hotel .hotel-main{ position: relative;}
#Rankbox .ss-hotel .hotel-price a span.details { background: none; padding: 0; margin:20px 0 0;}
#Rankbox .ss-hotel .ss-button-middle.ss-button-green { margin: 0 8px 8px;}

.coupon__filter { width: 1320px !important; margin: 40px auto 0;}

.modal-coupon h2 {opacity: 0;}
.cpLinkwindow { margin:0 auto 16px !important; padding: 0 !important;}

#PICKUPbox .ttl { margin-bottom: 24px; width: 100%;}
#Other    {overflow: hidden; padding: 40px 0;}
#Other ul { width:auto; margin:32px 0 0; overflow: hidden; clear: both;}
#Other ul li { width: calc(25% - 16px); float: left; padding: 0 8px; margin: 0 0 8px;}
#Other img{ width: 100%;}

#COUPONbox { width: 100%; background: #fff; padding: 40px 0; margin-top: 0;}
#COUPONbox .coupon__box__holder {column-gap:16px !important; width: auto;}
#COUPONbox .coupon__box { width: 1316px;}

.globalNav{position:relative;top:0;z-index:20;display:block!important;opacity:1!important;}
.globalNav.active{position:fixed;display:block!important;width:100%;opacity:1!important;}

.gNav-list a:before,.globalNav ul:before{content:"";}
.globalNav{position:relative;background:#f3f3f3;box-shadow:0 0 5px #ccc;font-size:15px;}
.globalNav ul{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:auto;margin-left:auto;width:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;}
.globalNav ul:before{position:absolute;top:6px;left:-60px;display:none;padding-left:60px;width:56px;height:56px;}
.gNav-list,.gNav-list a{display:flex;height:54px;}
.gNav-list{position:relative;background:#f3f3f3;vertical-align:middle;align-items:center;flex-wrap:wrap;}
.gNav-list a{width:100%;color:#333!important;text-decoration:none;font-weight:700;font-size:16px;align-items:center;justify-content:left;}
.gNav-list a span{position:relative;display:flex;padding:0 24px 0 56px;height:54px;align-items:center;justify-content:flex-start;}
.gNav-list.on,.gNav-list:hover,.gNav-list:hover a,.gNav-list:hover span{background-color:#00b900;color:#fff!important;cursor:pointer;}
.gNav-list a span:before{position:absolute;top:50%;left:14px;display:block;margin-top:-20px;width:40px;height:40px;background-image:url(https://img.travel.rakuten.co.jp/camp/template/images/globalNewGreen.svg);background-size:80px auto;background-repeat:no-repeat;content:"";}
.gNav-list.on a{background-color:#00b900;color:#fff!important;}
.gNav-list.on a span:before,.gNav-list:hover a span:before{position:absolute;top:50%;left:14px;margin-top:-20px;width:40px;height:40px;background-image:url(https://img.travel.rakuten.co.jp/camp/template/images/globalNewWhite.svg);content:"";}
.gNav-list a.dh span:before,.gNav-list.on a.dh span:before,.gNav-list:hover a.dh span:before{background-position:0 0;}
.gNav-list a.car span:before,.gNav-list.on a.car span:before,.gNav-list:hover a.car span:before{width:44px;background-position:-58px -2px;background-size:97px auto;}
.gNav-list a.bus span:before,.gNav-list.on a.bus span:before,.gNav-list:hover a.bus span:before{background-position:0 -44px;background-size:84px auto;}
.gNav-list a.dp span:before,.gNav-list.on a.dp span:before,.gNav-list:hover a.dp span:before{background-position:-48px -47px;}
.gNav-list a.ov span:before,.gNav-list.on a.ov span:before,.gNav-list:hover a.ov span:before{background-position:0 -90px;}
.gNav-list a.asobi span:before,.gNav-list.on a.asobi span:before,.gNav-list:hover a.asobi span:before{background-position:-48px -90px;}
.gNav-list a.top span:before{position:absolute;top:50%;left:18px;display:block;margin-top:-20px;width:40px;height:40px;background:url(https://img.travel.rakuten.co.jp/camp/template/images/iconTop_black.svg) center center no-repeat;background-size:30px;content:"";}
.gNav-list:hover a.top span:before{background:url(https://img.travel.rakuten.co.jp/camp/template/images/iconTop.svg) center center no-repeat;background-size:30px;}


.cp_box { margin: 40px 0 0;overflow: hidden; position: relative; }
.cp_box .cp_container {overflow:hidden; height:380px;transition:.5s; position: relative;}
.cp_box .cp_container::before { display: block; width: 100%; height: 100%; content: ""; position: absolute; bottom: 0; background: linear-gradient(to bottom, rgba(237, 242, 233, 0) 0, rgba(237, 242, 233, 0.8) 50%); z-index: 9;}
.cp_box input:checked~.cp_container { height: auto !important;padding: 0 0 100px;}
.cp_box input:checked~.cp_container::before { background: none; z-index: 1;}
.cp_box input { display: none;}
.cp_box label { background: none !important;}
.cp_box label:after  {
  content: '続きを見る';
  width: 120px;
  display: block;
  background:#fff;
  color: #00b900;
  border: 2px solid #00b900;
  border-radius: 5px;
  text-align: center;
  padding: 20px 20px 20px 36px;
  line-height: 1.6;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -90px;
  z-index: 99;
}
.cp_box label:before {
  display: block;
  position: absolute;
  height: 10px;
  width: 10px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  border-top: 3px solid #00b900;
  border-right: 3px solid #00b900;
  bottom: 30px;
  left: 50%;
  margin-left: -60px;
  content: "";
  z-index: 999;
}
.cp_box input:checked+label::before {
  display: block;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  content: "";
  bottom:24px;
  left: 50%;
  margin-left: -60px;
  border-top: 3px solid #00b900;
  border-right: 3px solid #00b900;
}
.cp_box input:checked+label:after {
  content: '閉じる';
}

#pointcpn_footer { padding-top: 40px !important;}

ul.entry_point { width: 800px; margin: 20px auto 0; background: url(../images/entry_fram_line.png); background-size: 100%; position: relative;}
ul.entry_point::before { width: 800px; height: 10px; position: absolute; content: ""; background: url(../images/entry_fram_top.png) no-repeat; top: -10px; background-size: 100%;}
ul.entry_point::after  { width: 800px; height: 150px; position: absolute; content: ""; background: url(../images/entry_fram_bottom.png) no-repeat; bottom: -150px; background-size: 100%;}
ul.entry_point li.title p { background: url(../images/entry_point.png) no-repeat bottom; text-align: center; padding: 30px; background-size:95%;}
ul.entry_point li.title p img { width: 70%;}
ul.entry_point li.inform { text-align: center;}
ul.entry_point .moreBox label {
    position: absolute;
    z-index: 1;
    transform: translateX(-50%);
    left: 50%;
    bottom: -25px;
    width: 100%;
    height: auto;
    cursor: pointer;
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight: normal;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    background: none;
    text-decoration: underline;
}
ul.entry_point .moreBox label:after  {display: none;}
ul.entry_point .moreBox label:before {
    z-index: 10;
    display: block;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    content: "";
    position: absolute;
    left: 60%;
    top: 50%;
    transform: translateY(-65%) rotate(135deg);
    width: 10px;
    height: 10px;
    border-bottom: none;
    border-left: none;
  }
ul.entry_point .moreBox .moreContainer { margin-bottom: 30px;}
ul.entry_point .moreBox .moreContainer img{ width: 80%;}
ul.entry_point .moreBox input:checked+label { bottom: -25px;}
ul.entry_point .moreBox input:checked+label::before { top: 58%;}


#ETRbox .couponOneClick { margin:0 auto;}
#ETRbox .couponOneClick .coupon__condition::after{display:none;}
#ETRbox .coupon__amount__condition { display: flex;}
#ETRbox .couponOneClick .coupon__condition {display: block;background-color: #EAEAEA;padding:10px;border-radius: 5px;font-size: 14px;color: #333;margin: 0 10px ;position: relative;}
#ETRbox .couponOneClick .coupon__condition.entryBtn2:after{content: "";background-size: 16px;width: 16px;height: 16px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAiCAMAAADmrkDzAAAARVBMVEUAAAAwMDAwMDAwMDAxMTEzMzMyMjIzMzMzMzMyMjIzMzM1NTUyMjIwMDAzMzMzMzMyMjIxMTEyMjIzMzMyMjI0NDQzMzP51LwrAAAAFnRSTlMAIEAwoJ+Av+9/r2BgEFDP3x9w3+9Aa03MBwAAAHlJREFUeNrdykUSQkEUA8DvriPv/kfFSRhSxQ7rdWcfkhdQylEZ1HI07VWHofXGQ4cBQ4dxwpjzq5lDhrF0djVxoLHadrVQ4LHZnl0hyMFBDw56cNCDA+PBQQ9HQY95RRCDuM29GI01fzzahE+Gsychzx7EKTVnb3YA6mQP/gr9fQ8AAAAASUVORK5CYII=);display: block;position: absolute;right: -20px;top: 23%;}
#ETRbox .couponOneClick .coupon__condition a{color: #333;}
#detail-coupon .tableholderCpn table tr:first-child { background-color: #333; font-size: 16px; height: 40px; color: #fff;}