/*
 * CSS for PC
/* ------------------------------------------

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


#widewrapper a:hover {text-decoration: none !important;}
.pc {
  display: none !important;
}

img {
  max-width: 100%;
}

#keyVisual {
  margin-bottom: 0;
}

#canvas {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

#contentsArea {
  background-image: url(https://img.travel.rakuten.co.jp/package/special/selection/images/bg_sp.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

#contents {
  background: none;
}

.w1000 {
  z-index: 2;
  position: relative;
  padding: 10px;
}

.intro {
  font-family: 'Noto Serif JP', serif;
  padding: 20px  10px;
  line-height: 180%;
  font-size: 14px;
  color: #2D1A10;
}

.intro p:first-child {
  padding-bottom: 2px;
  /* padding-top: 40px; */
}

.intro p:last-child {
  padding-top: 20px;
}

.jdsTabNav {
  display: flex;
  justify-content: start;
  padding: 24px 0 20px 0;
  flex-wrap: wrap;
}

.jdsTabNav li {
  box-sizing: border-box;
  /* width: 31%; */
  width: calc((100% - 3.4%) / 3);
  border: 1px solid #4A3118;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  padding: 10px 0;
  cursor: pointer;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 1.7%;
}

.jdsTabNav li:nth-of-type(3n) {
  margin-right: 0;
}

.jdsTabNav li:hover {
  opacity: 0.8;
}

.jdsTabNav .here {
  background-color: #4A3118;
  color: #fff;
}

.hotelwrap .hotelbox {
  width: 100%;
  background: #fff;
  border-radius: 10px;
  margin-bottom: 20px;
}

.hotelwrap .hotelbox .hotelimg {
  width: 100%;
}

.hotelwrap .hotelbox .area {
  font-size: 13px;
  font-weight: bold;
}

.hotelwrap .hotelbox .dpicon {
  display: flex;
}

.hotelwrap .hotelbox .dpicon li {
  padding: 5px;
  width: 46%;
  margin: 2% 4% 2% 0;
  font-size: 13px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}

.hotelwrap .hotelbox .dpicon li:last-child {
  margin-right: 0;
}

.hotelwrap .hotelbox .dpicon .ana {
  background: #223F9A;
}

.hotelwrap .hotelbox .dpicon .jal {
  background: #CC0000;
}

.hotelwrap .hotelbox .name {
  text-align: left;
  color: #333;
  font-weight: bold;
  font-size: 14px;
}

.hotelwrap .hotelbox a.safe {
  display: block;
  color: #395723 !important;
  border: 1px solid #395723;
  margin: 10px auto;
  border-radius: 5px;
  font-size: 10px;
  padding: 5px;
  width: 190px;
  text-align: center;
}

.hotelwrap .hotelbox a.safe:hover {
  text-decoration: none !important;
  background: #395723;
  color: #fff !important;
}

.hotelwrap .hotelbox a.info {
  display: block;
  background: #B79871;
  color: #fff !important;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  width: 80%;
  margin: 10px auto;
  border-radius: 20px;
}

.hotelwrap .hotelbox a.info:hover {
  text-decoration: none !important;
}

.hotelwrap .hotelbox .plan {
  font-size: 12px;
  font-weight: normal;
  line-height: 150%;
}

.hotelwrap .hotelbox .btn2 {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
}

.hotelwrap .hotelbox .btn2 li {
  width: 48%;
  text-align: center;
}

.hotelwrap .hotelbox .btn2 li a {
  display: block;
  font-size: 15px;
  font-weight: bold;
  border-radius: 5px;
  padding: 10px 0;
}

.hotelwrap .hotelbox .btn2 li a:hover {
  text-decoration: none !important;
  color: #fff !important;
}

.hotelwrap .hotelbox .btn2 li .ana {
  color: #fff !important;
  border: 2px solid #1C0F81; background: #1C0F81;
}

.hotelwrap .hotelbox .btn2 li .jal {
  color: #fff !important;
  border: 2px solid #CC0000; background: #CC0000;
}

#awardlink {
  margin-bottom: 20px;
}

#awardlink ul {
  display: flex;
  padding: 20px 0 0;
  justify-content: space-around;
}

#awardlink ul li {
  width: 46%;
}

#search-box {
  border: none;
  margin: 24px 0 0;
}

#search-box #domestic-search-box, #search-box #overseas-search-box {
  padding: 10px 0 0 0;
}

#search-box .squeeze li {
  border: none;
  background: none;
}

#search-box .structure dd {
  margin-bottom: 0;
}

#search-box .inputDate {
  background: none;
  width: 95%;
}

#search-box.verB .InpuDateBox dl.structure25 #dpCheckin {
  width: 90%;
}

#search-box .searchCategory li {
  border: none;
  padding: 0;
}

.kanbanIn h2.ttl {
  padding-bottom: 20px;
}
#contents .pagetop{z-index: 999 !important;}

.pgNav { font-family: 'Noto Serif JP', serif; font-size: 12px; padding: 16px 8px 0 8px;z-index: 999; position: relative;}
.pgNav ul { display: flex; justify-content: space-between; flex-wrap: wrap;}
.pgNav ul li { width: 32%; margin-bottom: 8px; background: #4A3118;border-radius: 4px; }
#contentsArea .pgNav ul li a { display: block; width: 100%; color: #fff; position: relative; text-align: center; padding: 8px;}
#contentsArea .pgNav ul li.nav1sn a  { background:url(https://img.travel.rakuten.co.jp/package/special/selection/images/nav01.svg) top 6px center no-repeat; padding: 32px 0 8px 0; background-size: 24px;}
#contentsArea .pgNav ul li.nav2sn a  { background:url(https://img.travel.rakuten.co.jp/package/special/selection/images/nav02.svg) top 6px center no-repeat; padding: 32px 0 8px 0; background-size: 24px; }
#contentsArea .pgNav ul li.nav3sn a  { background:url(https://img.travel.rakuten.co.jp/package/special/selection/images/nav03.svg) top 6px center no-repeat; padding: 32px 0 8px 0; background-size: 24px; }
#contentsArea .pgNav ul li a:hover { color: #fff; text-decoration: none;}

.htlLk { position: relative; display: block;}
.htlInfo { position: absolute; color: #fff; background: rgba(0,0,0,0.6); border-radius: 4px; font-size: 12px; padding: 4px 8px; right: 8px; bottom: 8px;}
#contentsArea .hotelbox a:hover { text-decoration: none;}
.htlArea { font-size: 12px; color: #777777; margin: 10px 0 8px 0;}
.htlPl { padding: 0 12px; display: block!important;}
.hotelbox img { width: 100%; height: 213px;}
#contentsArea .hotelbox .btn2 { padding:16px 12px}

.selUl { display: flex; justify-content: space-between; margin: 24px auto 20px auto;}
.selUl li { width: 48.5%;}
.selUl img { width: 100%;}
.detailholder table tr:first-child td { background-color: #395723!important;}

#COUPONbox div.greyBox, #COUPONbox .cpnholder {
  background: #fff!important;
  margin-left: -6px; 
  margin-right: -6px; 
  margin-top: -10px;
  margin-bottom: -10px;
}
.cpnTwo .cpnholder > li { margin-top: 0;}
#cpnBk { margin-bottom: 24px;}

#COUPONbox.ss-container { background: none; }
.pgH3 { font-size: 18px; color: #3A281D; text-align: center; font-family: 'Noto Serif JP', serif; margin: auto auto 16px auto;}
.cpnTx { font-size:14px ; color: #3A281D; font-family: 'Noto Serif JP', serif; margin: 8px 0 24px 0;}
#search-box.verB.test.noDPsale #searchSwitchArea2 div.line.sibori ul.squeeze li,#search-box.verB.test #dap-search-form .structure.structure50.shibori dd .squeeze li.noBd{display: block;}

#search-box.verB .line dl.structure.shibori{ overflow: visible;}
#search-box.verB.test #dap-search-form .sibori .structure dd {
  width: 100%;
  background-color: #fff;
  border-radius: 5px;
  margin-bottom: 10px;
  height: 74px;
}
#search-box.verB.test .sibori input[type="radio"]:checked + label{ background: url(https://img.travel.rakuten.co.jp/package/special/selection/images/checked.png)  left center no-repeat; background-size: 20px 20px;}

.cpLinkwindow{padding-top: 10px;padding-bottom: 0;margin-bottom:15px;}
.cpnTwo .cpnholder .btmarea .char{display: none;}
.cpnTwo .cpnholder .btmarea .link{clear: both;}
.cpnTwo .cpnholder li.jss{min-height: auto;}

.couponOneClick .coupon__condition{position: relative;}

@media (min-width: 0px) and (max-width: 376px) {
  .jdsTabNav li {
    font-size: 14px;
  }
}
.coupon__amount__condition{
  width: 50% !important;
  margin-top: 6px;
}
.couponOneClick{margin: 24px 8px !important;}