/*
 * CSS for SP
 */
/* ------------------------------------------

------------------------------------------ */
.pc {
    display: none !important;
  }
   #widewrapper {
    font-family: 'Noto Sans JP', sans-serif;
  }
  img {
    max-width: 100%;
  }
  
  #keyVisual {
    margin-bottom: 0;
  }
  
  .ss-center {
    font-family: 'Noto Sans JP', sans-serif;
  }
  .attention {
    font-size: 12px;
    background-color: #ababab;
    padding: 10px 20px;
    position: relative;color:#FFFFFF
  }
  
  .cpntime {
    font-size: 14px;
    padding: 10px 20px;
    position: relative;
  }
  
  .cpntime > ul {
    margin: 0 auto;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 88%;
    line-height: 200%;
    font-weight: 700;
  }
  
  .cpntime > ul li {
    color: #000;
    font-weight: 100;
  }
  
  .cpntime > ul li span {
    display: block;
    font-weight: 900;
  }
  
  .cpntime > ul li .icon {
    display: flex;
    flex-wrap: wrap;
  }
  
  .cpntime > ul li .icon li {
    font-size: 14px;
    color: #BF0000;
    background-color: transparent;
    border-radius: 5px;
    padding: 0 15px;
    margin-right: 10px;
    margin-bottom: 5px;
    font-weight: 400;
	  border: 1px solid #000;
  }
  
  .cpntime p {
    margin: 0 auto;
    color: #000;
    padding-top: 10px;
    font-size: 12px;
    font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif;
  }
  
  .ss-center {
    font-family: 'Noto Sans JP', sans-serif;
  }
  
  #popup {
    cursor: pointer;padding-bottom: 10px;
  
  text-align: center;
  }
  
  #popup:hover {
    opacity: 0.8;
  }
  
  #pop {
    background-color: rgba(0, 0, 0, 0.8);
    position: fixed;
    z-index: 20;
    top: 0;
    right: 0;
    width: 94%;
    height: 95%;
    overflow: scroll;
    padding:5% 3%;
  }
  
  #pop > span {
    position: absolute;
    cursor: pointer;
    top: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    display: block;
    z-index: 30;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    padding: 10px;
  }
  
  #pop .close {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 10px;
    right: 0;
    z-index: 21;
  }
  
  #pop .popinner {
    background-color: #fff;
    height: auto;
    border-radius: 20px;
    padding: 50px 20px;
    z-index: 22;
    position: relative;
  }
  
  #pop .popinner ul li {
    padding: 5px 0;
    color: #243D4A;
  }
  
  #pop .popinner ul li:first-child dl dd span {
    background-image: url(https://img.travel.rakuten.co.jp/bus/campaign/50pointday/202106/images/coin.png);
    background-repeat: no-repeat;
    padding-left: 30px;
    background-position: center left;
    background-size: 12%;
  }
  
  #pop .popinner ul li dl {line-height: 200%;}
  
  #pop .popinner ul li dl dt {
    margin-right: 10px;margin: 10px auto;
    width: 50%;
  }
  #pop .popinner ul li dl dd span b{color:#E6A000; }
  #pop .popinner ul li dl dd {margin: 20px auto;font-size: 100%;width: 80%;font-family: 'Noto Sans JP', sans-serif;}
  
  #pop .popinner ul li dl dd span {
    display: block;
    font-size: 128%;
    font-weight: 700;
  }
  
  h2.iconttl {
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    font-size: 18px;
    padding-top: 30px;
    padding-bottom: 20px;
    color: #00B900;
  }
  
  h2.iconttl img {
    display: block;
    margin: 10px auto;
    width: 10%;
  }
  
  h2.underlinettl {
    font-family: 'Noto Sans JP', sans-serif;
    text-align: center;
    font-size: 18px;
    padding-top: 10px;
    padding-bottom: 20px;
    color: #333333;
    position: relative;
      z-index: 1;
  }
  
  h2.underlinettl span {
    position: relative;
    z-index: 99;
    font-size: 18px;
  }
  
  h2.underlinettl:after {
    display: block;
    content: "";
    border-bottom: 28px solid #fff4b0;
    width: 80%;
    position: absolute;
    right: 10%;
    bottom: 0;
  }
  
  p.sub {
    text-align: center;
    font-size: 80%;
    color: #BF0000;
    font-weight: bold;
    padding-bottom: 10px;
  }
  
  
  .entry .gaiyo {
    width: 90%;
    background: #fff;
    border: 1px solid #333;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    padding: 10px 0;
    border-radius: 3px;
    position: relative;
    margin-top: 16px;
    margin: 16px auto 0;
    color: #333;
  }
  .cpnbtn{background: #243D4A;color: #fff;text-align: center;padding: 10px 0;position: relative;font-size: 14px;font-family: 'Noto Sans JP', sans-serif;}
  .cpnbtn:after{position: absolute;display: block;content: "";right: 20px;top: 30%;width: 10px;height: 10px;border-right: 2px solid #fff;border-bottom: 2px solid #fff;transform: rotate(45deg);}
  .cpnbtn.active:after{transform: rotate(-135deg);}
  .entry .gaiyo:after {
    display: block; content: ""; position: absolute; top: 50%; right: 5%; margin-top: -8px;  width: 16px; height: 16px; background: url(https://img.travel.rakuten.co.jp/cars/campaign/pointday/images/arrowr.png) no-repeat;
  }
  
  .entry .active-submenu.gaiyo {
    border-radius: 3px 3px 0 0;
  }
  
  .entry .active-submenu.gaiyo:after {
    transform: rotate(180deg);
  }
  
  .entry .gaiyodtl {
    width: 90%;
    box-sizing: border-box;
    margin: 0 auto;
    font-size: 14px;
    line-height: 150%;
    padding: 5px 15px 10px;
    border-radius: 0 0 3px 3px;
    border: 1px solid #d4d4d4;
    background: #fff;
  }
  
  .entry .gaiyodtl dl dt {
    font-weight: bold;
    padding: 10px 0 10px;
  }
  
  .entry .gaiyodtl dl dd span {
    color: #bf0000;
  }
  
  .entry .gaiyodtl dl dd b {
    color: green;
  }
  
  .entry .gaiyodtl dl dd em {
    font-style: normal;
    text-decoration: line-through;
  }
  
  .entry .gaiyodtl dl dd a {
    text-decoration: underline !important;
  }
  
  .ss-container {
    border-bottom: none;
  }
  
  .bgwrap {
    /* padding: 10px; */
  }
  
  .bgwrap .ss-container {
    border-radius: 5px;
  }

  
  #BNR .flex-box-center li {
    border: none;
    box-shadow: 1px 1px 8px #ccc;
    border-radius: 0;
    width: 44% !important;
      margin: 0 1.5% 12px 1.5%; padding: 1.5%!important;
  }
  
  .route {
    /* border-top: 1px solid #666; */
    padding-top: 20px;
  }
  
  .route dl {
    padding: 10px;padding-top: 40px;
  }
  
  .route dl dt {
    font-size: 20px;
    background: #E6E6E6;
    text-align: center;
    padding: 10px 0;
  }
  
  .route dl dd {
    padding: 20px 0;
  }
  
  .route dl dd ul {
    display: flex;
    justify-content: space-between;
  }
  
  .route dl dd ul li {
    width: 31%;
  }
  
  .route dl dd ul li p {
    font-size: 100%;
    font-weight: bold;
    color: #bf0000;
    text-align: center;
    line-height: 150%;
    margin-top: 10px;
  }
  
  .route dl dd ul li p span {
    color: #243D4A !important;
    font-weight: normal;
    display: block;
    font-size: 13px;
  }
  


/* 202107 */
.CWQMf {
  margin: 16px 0 0!important;
}

.fjHRoH.fjHRoH.fjHRoH.fjHRoH {
  max-width: 100%!important;
  font-size: 6vw!important;
}


.cpnholder > li {
  border-left: none;
  border-right: none;
  background-color: #fff;
  width: 45.8%;
  float: left;
  padding: 8px 1%;
  margin: 10px 1% 5px 1%;
}

.bnr_50pointday{
	display: none;
}

li.jss{
	height: 290px;
}

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

nav {
  background: #F7F7F7;
  padding: 8px 0 0;
}

nav ul {
  display: flex;
  justify-content: space-around;
}

li, ul {
  list-style: none;
}

nav ul li {
  padding: 0 4px;
    padding-bottom: 0px;
  border-bottom: 3px solid #F7F7F7;
  padding-bottom: 4px;
}

nav ul li a.iconCoupon {
  background: url(../images/iconCouponS.png) top center no-repeat;
}

nav ul li a.iconSearch {
  background: url(../images/iconSearchS.png) top center no-repeat;
}

nav ul li a.iconBus {
  background: url(../images/iconBusS.png) top center no-repeat;
}

a:link, a:visited {
  color: #184273;
}

nav ul li a {
  display: block;
  font-size: 14px;
  color: #184273;
  font-weight: bold;
  padding-top: 32px;
}

a, a:visited {
  color: #000;
  text-decoration: none;
}

.rightMenu, .sRight{
	z-index: 1000!important;
}


.pagetop a {
  height: 35px;
  border-radius: 5px 5px 0 0;
  right: 5px;
}

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

.globalNav ul {
  overflow-x: scroll;
  background: #f3f3f3;
  box-shadow: 0 0 5px #ccc;
  white-space: nowrap;
}

.gNav-list {
  position: relative;
  float: none;
  display: inline-block;
  width: 66px;
}

.gNav-list a {
  position: relative;
  display: block;
  padding-top: 40px;
  padding-bottom: 3px;
  background: #f3f3f3;
  color: #333;
  text-align: center;
  text-decoration: none;
  letter-spacing: -.5px;
  font-weight: 400;
  font-size: 10px;
}

.gNav-list a {
  color: #333;
  text-align: center;
  letter-spacing: -.5px;
  font-weight: 400;
  font-size: 10px;
}

.gNav-list a.top::after {
  position: absolute;
  top: 2px;
  left: 50%;
  display: block;
  margin-left: -18px;
  width: 40px;
  height: 40px;
  background: url(https://img.travel.rakuten.co.jp/camp/template/images/iconTop_black.svg) center center no-repeat;
    background-size: auto;
  background-size: 30px;
  content: "";
}

.gNav-list.on, .gNav-list:hover {
  background-color: #00b900;
  color: #fff;
}

.gNav-list a:hover, .gNav-list.on a {
  background-color: #00b900;
  color: #fff;
}

.gNav-list a {
  position: relative;
  display: block;
  padding-top: 40px;
  padding-bottom: 3px;
  background: #f3f3f3;
    background-color: rgb(243, 243, 243);
  color: #333;
  text-align: center;
  text-decoration: none;
  letter-spacing: -.5px;
  font-weight: 400;
  font-size: 10px;
}

.gNav-list a.dh::after, .gNav-list.on a.dh::after {
  background-position: 0 0;
}

.gNav-list.on a::after, .gNav-list:hover a.bus::after, .gNav-list:hover a.car::after, .gNav-list:hover a.cpn::after, .gNav-list:hover a.dh::after, .gNav-list:hover a.dp::after, .gNav-list:hover a.ov::after, .gNav-list:hover a.taxi::after {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/template/html/images/globalNewWhite.svg);
}

.gNav-list a.bus::after, .gNav-list a.car::after, .gNav-list a.cpn::after, .gNav-list a.dh::after, .gNav-list a.dp::after, .gNav-list a.ov::after, .gNav-list a.taxi::after {
  position: absolute;
  top: 5px;
  left: 50%;
  display: block;
  margin-left: -16px;
  width: 40px;
  height: 40px;
  background-image: url(https://img.travel.rakuten.co.jp/camp/template/images/globalNewGreen.svg);
  background-size: 76px auto;
  background-repeat: no-repeat;
  content: "";
}

.gNav-list a:hover, .gNav-list.on a {
  color: #fff;
}

.gNav-list {
  position: relative;
  float: none;
  display: inline-block;
  width: 66px;
}

.gNav-list a.dh::after, .gNav-list.on a.dh::after {
  background-position: 0 0;
}

.gNav-list a.dp::after, .gNav-list.on a.dp::after {
  background-position: -40px -42px;
}

.gNav-list a.car::after, .gNav-list.on a.car::after {
  background-position: -46px 0;
}

.gNav-list a.bus::after, .gNav-list.on a.bus::after {
  width: 33px;
  background-position: 0 -44px;
}
.gNav-list a.ov::after, .gNav-list.on a.ov::after {
  background-position: 0 -79px;
  background-size: 70px auto;
}


.gNav-list:hover a.top:after{background:url(https://img.travel.rakuten.co.jp/camp/template/images/iconTop.svg) center center no-repeat;background-size:30px;}



.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/special/sales/template/html/images/globalNewWhite.svg);
  content: "";
  content: "";
}


.gNav-list.on a::after, .gNav-list:hover a.bus::after, .gNav-list:hover a.car::after, .gNav-list:hover a.cpn::after, .gNav-list:hover a.dh::after, .gNav-list:hover a.dp::after, .gNav-list:hover a.ov::after, .gNav-list:hover a.taxi::after {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/template/html/images/globalNewWhite.svg);
}

#topBnrBox .kvBnr h1{
	text-align: center;
}


/* 202509 */
.greenTtl {
  background: #00B900;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  box-sizing: border-box;
  min-height: 50px;
  padding: 12px;
}
.greenTtl b {
  font-size: 32px;
}
.ttlIcon  {
  position: relative;
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
}
.ttlIcon::before {
  display: block;
  content: "";
  width: 26px;
  height: 26px;
  background: url(../images/icons.png) no-repeat left top / 200px auto;
  padding-right: 4px;
  margin: 0 auto;
  vertical-align: middle;
}
.searchIcon::before {
  background-position: 0px -1px;
}
.couponIcon::before {
  background-position: -88px -3px;
  display: inline-block;
}
.couponGreenIcon::before {
  background-position: -44px -3px;
}
.pointIcon::before {
  background-position: -131px -3px;
  transform: scale(1.2);
  display: inline-block;
}
.starIcon::before {
  background-position: -155px 0px;
  background-size: 180px;
  margin-bottom: 6px;
}

#COUPON {
  padding-top: 20px;
  background: #EDF2E9;
}
#COUPON .coupon__time__start {
  font-weight: 400;
}
#COUPON .coupon__time__start section {display: flex;justify-content: space-between;margin-bottom: 4px;}
#COUPON .coupon__box__holder {
  background: transparent!important;
}
#COUPON .coupon__filter__guide{margin: 0 auto 30px;}
#COUPON .coupon__filter__guide a{color: #333!important;}

#others .coupon_bnrbox {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 16px 0;
  column-gap: 8px;
}
#others .coupon_bnrbox .bnr_list {
  display: block;
  width: 100%;
  
}
#others .coupon_bnrbox .bnr_list a,#others .coupon_bnrbox .bnr_list img {
  display: block;
  width: 100%;
}
#others .coupon_bnrbox .bnr_list img {
  margin: 0 auto;
}

.ttlicon_w.search-icon:after {
    background-position: 0px -125px;
}


.ttlicon_w:after {
  background-image: url(https://img.travel.rakuten.co.jp/special/sales/images/new/ttlIconGreen.png);
}
.ss-right dd ul {
  border: 1px solid #00B900;
}
.ss-right dd li a {
  color: #00B900;
}
.ss-right dd li {
  border-bottom: 1px solid #00B900!important;
}


.ss-right dd li:last-of-type {
  border-bottom: none!important;
}
#search-box p.searchSubmit a {
  box-shadow: none;
}

.trigger {
  margin-right: 5px;
}

#sRight {
  bottom: 0;
}