/* テスト環境用CSSのため、ほかのページで読み込まないでください */

/* Font Size */
.fs--s{font-size: 80%;}
.fs--b{font-size: 130%;}

.wbfCalender{cursor: pointer;padding:0;}
.room_acd {
  display: none !important;
  transition-duration: 0.6s;
}
.ptWrap{font-size:80%;}
.room_acd.on{display: block !important;}
.pax_sel{width:750px;}
.paxTable dl{margin:10px 0;}
.paxTable dt>span{
  font-size: 80%;
  font-weight: normal;
  color: #666;
}
.paxTable [class*=_minus]{
  background: #e9da93;
  padding: 6px 10px;
  display: inline-block;
  border-radius: 4px;
  font-weight: bold;
  color: #fff;
  margin-right: 10px;
}
.paxTable [class*=_plus]{
  background: #93bbe9;
  padding: 6px 10px;
  display: inline-block;
  border-radius: 4px;
  font-weight: bold;
  color: #fff;
  margin-left: 10px;
}
.paxTable input{
  text-align: center;
  border: none;
  font-weight: bold;
}
#pax_btn{
  background: #333;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 10px;
  width: 240px;
  margin: 15px auto;
}
.paxTable .att{
  font-size: 90%;
  background: #eee;
  border-radius: 10px;
  padding: 10px;
  color: #555;
}
.paxTable .ttl {
  padding: 5px 0;
  font-size: 120%;
  overflow:hidden;
  border-bottom: 1px solid #ccc;
}
.paxTable .ttl >span{float:right;transition-duration: 0.6s;}
.room_acd{display:none !important;transition-duration: 0.6s;}
.paxTable .ttl >span.on {transform: rotate(180deg);}
.paxTable .ttl >span {float: right;transition-duration: 0.6s;}
label#pax{
  width:100%;
  font-size: 70%;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 15px;
}

.searchWrapA {position: relative;width: 750px;margin: 0 auto 250px;}
.mainImgBlock{padding-top:30px;padding-bottom:150px;}
.searchWrapA .countTxt {display: block;text-shadow: 1px 1px 0px #fff;font-size:65%;font-weight: bold;}
.countTxtPrc {margin: 5px 0 -3px;}
.LinkVoid .seA__d-sf-btn{
  background: #aaa;
  color: #888;
}

/* 出発地切り替え */
.depWrap{
  position: relative;
  margin: 0 auto;
  width: 750px;
  background: #333;
  color: #fff;
  padding: 0.5rem;
  margin-bottom: 1rem;
}
.depWrap > select{
  width: 200px;
  padding: 0.5rem;
  border: none;
  border-radius: 4px;
  color: #333;
}


/* Tab */
.swA__dw{width:150px;}
.swA__dw--li{
  cursor:pointer;
  color:#666;
  padding:25px 20px;
  background:#eee;
  text-align:center;
  transition-duration: 0.3s;
}
.swA__dw--li>i {
  display: block;
  font-size: 1.5rem;
  padding-bottom: 10px;
}
.swA__dw--li:hover{color:#fff;background:#89acc9;}
.swA__dw--li.sel{
  color:#fff;
  font-weight:bold;
  position:relative;
  background-color:#418fcf;
}
.swA__dw--li.sel::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-style: solid;
  border-width: 10px 0 10px 20px;
  border-color: transparent transparent transparent #418fcf;
  right: -10px;
  top: 40%;
}

/* */
.swA__d{
  width:calc(100% - 150px);
  padding: 20px;
  background:#fff;
}
/* Pankuzu */
.swA__pnkz{margin-bottom:10px;}
.swA__pnkz--li{padding-right: 0.5rem;}
/* Btn */
.swA__d-btn{
  cursor:pointer;
  margin-bottom: 10px;
  width: calc(100% / 3 - 10px);
  background: #eee;
  padding: 15px 0 30px;
  text-align: center;
  font-size: 12px;
  border-radius: 4px;
}
.swA__d-btn:last-of-type{margin-right:auto;margin-left:15px;}
.swA__d-btn a{display:block;}
.swA__d-btn img {width: 40%;margin: 15px auto 0;}
.swA__d-btn.sel,.swA__d-btn.sel2{
  background: #418fcf;
  color: #fff;
  font-weight: bold;
}
.swA__d-btn:nth-of-type(7),.swA__d-btn:nth-of-type(8),.swA__d-btn:nth-of-type(9){margin-bottom: 0;}
.swA__d-btn div>i{font-size: 70px;display:block;padding-top:15px;}

/* Btn > kodawari */
.swA__d-btn-kdwr{
  display:none;
  width: calc(100% - 20px);
  margin: 0 auto;
  background: #fff;
  border-radius: 5px;
  padding: 10px;
  text-align: left;
  font-size:90%;
  cursor:pointer;
  color:#333;
}
.on .swA__d-btn-kdwr{
  top:24%;
  left: 50%;
  display:block;
  position: absolute;
  margin-top:5px;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
}
.swA__d-btn-kdwr--p{opacity:0.8;transition-duration: 0.3s;}
.swA__d-btn-kdwr--p.on{opacity:1;font-weight:bold;}

/* Searchbox */
.seA__d-sf {
  display:none;
  z-index:50;
  overflow:hidden;
  position: absolute;
  border: 2px solid #418fcf;
  background: #fff;
  width: calc(100% - 40px);
  height: 750px;
  top: 435px;
  left: 50%;
  padding: 20px;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.seA__d-sf.ptn2 {height:740px;}
.seA__d-sf.dpp {height: 428px;top: 280px;}
.seA__d-sf--dl{margin-bottom:10px;}
.seA__d-sf--dt {
  width: 6rem;
  color: #666;
  text-align: right;
  padding-right: 1rem;
}
.seA__d-sf--dd{
  width:calc(100% - 6rem);
}
.seA__d-sf--dd-txt{font-size:80%;}
.seA__d-sf--dd-btn {
  cursor:pointer;
  background: #eee;
  display:inline-block;
  text-align: center;
  border-radius: 15px;
  margin-right: 8px;
  padding: 2px 10px;
  font-size:80%;
}
.seA__d-sf label{display:block;}

.seA__d-sf.round .seA__d-sfKbtn,.seA__d-sf.round .dsf_keyword{display:none;}

#dsf_data .seA__d-sf--dd p:last-of-type {
  width: 100%;
  margin-top: 10px;
}
#dsf_data .seA__d-sf--dd p:last-of-type > input{padding:5px;}
.seA__d-sf--dd-btn:last-of-type{margin-right:0;}
.seA__d-sf--dd-btn.sel{background:#418fcf;color:#fff;}

.seA__d-sfDest-box{
  padding: 20px 0;
  background-image: linear-gradient(340deg, rgba(76, 76, 76,0.02) 0%, rgba(76, 76, 76,0.02) 34%,transparent 34%, transparent 67%,rgba(142, 142, 142,0.02) 67%, rgba(142, 142, 142,0.02) 73%,rgba(151, 151, 151,0.02) 73%, rgba(151, 151, 151,0.02) 100%),linear-gradient(320deg, rgba(145, 145, 145,0.02) 0%, rgba(145, 145, 145,0.02) 10%,transparent 10%, transparent 72%,rgba(35, 35, 35,0.02) 72%, rgba(35, 35, 35,0.02) 76%,rgba(69, 69, 69,0.02) 76%, rgba(69, 69, 69,0.02) 100%),linear-gradient(268deg, rgba(128, 128, 128,0.02) 0%, rgba(128, 128, 128,0.02) 5%,transparent 5%, transparent 76%,rgba(78, 78, 78,0.02) 76%, rgba(78, 78, 78,0.02) 83%,rgba(224, 224, 224,0.02) 83%, rgba(224, 224, 224,0.02) 100%),linear-gradient(198deg, rgba(25, 25, 25,0.02) 0%, rgba(25, 25, 25,0.02) 36%,transparent 36%, transparent 85%,rgba(180, 180, 180,0.02) 85%, rgba(180, 180, 180,0.02) 99%,rgba(123, 123, 123,0.02) 99%, rgba(123, 123, 123,0.02) 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
    box-shadow: 0 0 1px 1px #f6f5f5;
}
.seA__d-sfDest-btn{
  background: #418fcf;
  width: 150px;
  text-align: center;
  padding: 10px 0;
  border-radius: 40px;
  color: #fff;
  margin: 0 auto;
}

/* Searchbox > package */
.seA__d-sfMap{
  position: relative;
  background: url(/upload/tenant_1/dom_map.webp) no-repeat center;
  height: 250px;
  background-size: 250px auto;
  padding: 0 20px;
}
.seA__d-sf-name{
  top: 0;
  left: 0;
  width:6rem;
  display:inline-block;
  text-align:center;
  position:absolute;
}
/* setPosition */
.seA__d-sf-name.hkd{left:305px;top:20px;}.seA__d-sf-name.knt{top:140px;left:290px;}
.seA__d-sf-name.kns{top:180px;left:225px;}.seA__d-sf-name.shi{top:200px;left:166px;}
.seA__d-sf-name.chu{top:130px;left:160px;}.seA__d-sf-name.kyu{top:180px;left:95px;}
.seA__d-sf-name.oka{left:120px;top:40px;}.seA__d-sf-name.tohoku{left:300px;top:90px;}

.seA__d-sf-btn{
  background:#418fcf;
  color: #fff;
  display: inline-block;
  border-radius: 15px;
  cursor: pointer;
  font-size: 80%;
  padding: 2px 8px;
  transition-duration: 0.3s;
}
.seA__d-sf-txt>img{margin:0 auto;}
.seA__d-sfKbtn{
  cursor:pointer;
  font-size: 90%;
  width: 200px;
  background: #eee;
  text-align: center;
  margin: 20px auto 0;
  border-radius: 40px;
  border: 1px solid #aaa;
  color: #555;
}
.seA__d-sfSbtn{
  cursor:pointer;
  font-size: 90%;
  width: 200px;
  background: #418fcf;
  text-align: center;
  margin: 0 auto;
  border-radius: 40px;
  padding: 6px 0;
  color: #fff;
}
.txtErr{text-align:center;}

/* SmartPhone CSS */
.seA__d-sfDest{display:none;}
.seA__d-sfDest.mdl{
  display:block;
  position: fixed;
  margin: auto;
  inset: 0;
  z-index:41;
  background:#fff;
}
.seA__d-sfDest.copy{display: block;width:100%;}
.seA__d-sfDest.copy .seA__d-sfDest-li label{pointer-events:none;}
.seA__d-sfDest.copy .seA__d-sfDest-li--ttl,.seA__d-sfDest.copy .seA__d-sfDest--ttl,.seA__d-sfDest.copy .seA__d-sfDest-box{display:none;}
.seA__d-sfDest.copy .seA__d-sfDest-li--ttl.open,.seA__d-sfDest.copy .seA__d-sfDest-P._open{
  display:block;
  color: #418fcf;
  font-size: 110%;
  font-weight: bold;  
}
.seA__d-sfDest.copy .seA__d-sfDest-li{height:auto;overflow-y:inherit;}
.seA__d-sfDest.copy .seA__d-sfDest-P{display:none;}
.seA__d-sfDest-cont.ptn2 .seA__d-sfDest-contArea{
  display:flex;
  flex-wrap:wrap;
}
.seA__d-sfDest-cont.ptn2 .seA__d-sfDest-P{
  display:flex;
  font-size:90%;
  padding-left:0;
  width:calc(100% / 3);
}

.seA__d-sfDest.copy .seA__d-sfDest-P._open{
  display:flex;
  padding-left:0;

}
.seA__d-sfDest.copy .seA__d-sfDest-cont label::before{content:none;}
.seA__d-sfDest.copy .seA__d-sfDest-C{
  padding-left: 0px;
  width: calc(100% / 3);
  font-size: 85%;
}

.seA__d-sfDest.copy .seA__d-sfDest-W{
  display:flex;flex-wrap:wrap;width:100%;
}

.seA__d-sfDest-li{height:558px;overflow-y:scroll;line-height:2;}
.seA__d-sfDest-li::-webkit-scrollbar {width: 15px;}
.seA__d-sfDest-li::-webkit-scrollbar-thumb {background: #7fadd2;border-radius: 80px;box-shadow: 0 0 1px 0 #eee;}
.seA__d-sfDest-li::-webkit-scrollbar-track {background: rgb(206 223 237);}

.seA__d-sfDest-li--ttl{padding:10px;border-bottom:1px dotted #aaa;}
.seA__d-sfDest-li--ttl.open{padding: 10px 0 0 10px;border-bottom:none;}
.seA__d-sfDest-cont{display:none;padding:10px;}
.seA__d-sfDest-li--ttl.open + .seA__d-sfDest-cont{padding: 0 10px;}
.seA__d-sfDest--ttl{
  background: #6faee9;
  text-align: center;
  padding: 10px 0;
  color: #fff;
}

.seA__d-sfDest input{margin-right:5px;pointer-events: none;}
.seA__d-sfDest-P{padding-left:10px;}
.seA__d-sfDest-P,.seA__d-sfDest-C{width:100%;display:flex;align-items: center;}
.seA__d-sfDest-C{padding-left:30px;display:none;}
.seA__d-sfDest-cont label::before{content:"└";margin-right:5px;}
.seA__d-sfDest-P .countTxt{color:#666;}
.seA__d-sfDest-P .countTxt::before,.seA__d-sfDest-C .countTxt::before{content:"(";margin-left:.5rem;} .seA__d-sfDest-P .countTxt::after,.seA__d-sfDest-C .countTxt::after{content:"）"}

input[name="dsf_keyword"]{
  width: 100%;
  border: #ccc 1px solid;
  padding: 5px;
  margin: 10px 0;
  border-radius: 4px;
}

.seA__d-sfKd-Cnt{width:220px;margin:1rem auto;text-align:center;}
.seA__d-sfKd-reset{font-size:80%;color:#418fcf;}
.seA__d-sfKd-box{
  width: 95%;
  background: #eee;
  padding: 1rem;
  margin: 1rem auto;
  border-radius: 10px;
}
.seA__d-sfKd-ttl{border-bottom:1px solid #666;margin-bottom:.5rem;}
.seA__d-sfKd{
  display:none;
  position: fixed;
  top: 0;
  height:740px;
  background: #fff;
  width: 100%;
  left: 0;
}
.sfKd-htl--btn{
  background: #fff;
  width: calc(100% / 4 - 10px);
  text-align: center;
  padding:5px;
  border-radius:25px;
  box-shadow:0 0 1px 0px #dcdcdc;
}
.sfKd-htl--btn.sel{position:relative;background:#1e1e1e;color:#fff;font-weight:bold;}
.sfKd-htl--btn.sel::after {
  position: absolute;
  bottom: -8px;
  left: 45%;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 5px 0 5px;
  border-color: #1e1e1e transparent transparent transparent;
}

.seA__d-sfKd-hl{margin:1rem 0;}
.seA__d-sfKd-pl > li{font-size:90%;}
.seA__d-sfKd-pl > li .countTxt {
  text-shadow:inherit;
  font-size: 100%;
}
.seA__d-sfKd-hl > li {
  width: calc(100% / 2 - 10px);
  font-size: 90%;
}
.seA__d-sfKd-pl > li input,.seA__d-sfKd-hl > li input{margin-right:5px;}
.seA__d-sfKd--ttl{
  background: #418fcf;
  text-align: center;
  padding: 10px;
  color: #fff;
}
.seA__d-sfDest-C.LinkVoid{color:#999;pointer-events:none;}

/* 選択済のこだわり条件 */

.seA__kdwrBox{
  display:none;
  background: #ebf3fa;
  padding: 0.5rem;
  border-radius: 0.5rem;
  margin: 0.5rem 0;
}
.seA__kdwrBox-btn{
  margin-right:1rem;
  font-size:90%;
  display: inline;
  cursor:pointer;
}
.seA__kdwrBox-btn span{
  border: 1px solid;
  border-radius: 10px;
}
.seA__kdwrBox-btn:hover{text-decoration:underline;}

.dppCont {padding: 0.3rem 0.4rem;border: 1px solid #ccc;border-radius: 5px;width:calc(100% / 2 - 10px);}
.dppCont.full{width:100%;}
.dppCont select, .dppCont input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  cursor: pointer;
  margin: 0;
  border: 0;
  background: transparent;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-size: 14px;
  color: #333;
}
.dppCont label{font-size:70%;}
.seA__d-sf--dd select{
  width: 100%;
  padding: 10px;
  border-radius: 5px;
  border-color: #ccc;
}
label[name=date]::before {
    content: "\65E5\7A0B";
}
label[name=tbpndep]::before {
  content: "\51FA\767A\7A7A\6E2F\FF08\5F80\8DEF\FF09";
}
label[name=tbpnarr]::before {
    content: "\5230\7740\7A7A\6E2F\FF08\5F80\8DEF\FF09";
}

#calenderBox{
  width: 740px;
  top: 435px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);  
}
#changeHakuBox{width:35%;font-size:80%;display:flex;}

/* SmartPhone CSS */
@media (max-width: 599px){
  .depWrap{width:100%;}
  .depWrap>p{font-size: 80%;line-height: 1.2;}
  .depWrap>select{width:50%;}
  .searchWrapA,.swA__dw,.swA__d{width:100%;margin: 0 auto -110px;}.swA__d{padding:10px;}
  d-sf{width: calc(100% - 20px);height:800px;top: 485px;}
  .swA__dw--li{width:calc(100% / 2);}
  .swA__d-btn{width:calc(100% / 2 - 10px);}
  .swA__dw--li.sel::after {
    content: "";
    width: 0;
    height: 0;
    right: 45%;
    top: 90%;
    border-style: solid;
    border-width: 20px 10px 0 10px;
    border-color: #418fcf transparent transparent transparent;
  }
  .seA__d-sf {width: calc(100% - 20px);top:465px;height:835px;}
  .seA__d-sf.ptn2{top: 450px;}
  .on .swA__d-btn-kdwr{top:24%;}
  .seA__d-sf--dd{width:100%;}
  .seA__d-sf--dd-btn{margin-right:0;}
  .seA__d-sf--dt{text-align:left;}
  
  .sfKd-htl--btn{font-size:80%;}
  .copy .seA__d-sfDest-cont{padding:0;}
  .seA__d-sfDest.copy .seA__d-sfDest-C,.seA__d-sfDest-cont.ptn2 .seA__d-sfDest-P{width:calc(100% / 2);}
  
  /* Map */
  .seA__d-sf-name.kyu{top: 180px;left: 6px;}  
  .seA__d-sf-name.shi{top: 200px;left: 75px;}
  .seA__d-sf-name.chu{top: 140px;left: 60px;}  
  .seA__d-sf-name.kns {top: 180px;left: 125px;}
  .seA__d-sf-name.knt {top: 140px;left: 170px;}
  .seA__d-sf-name.oka {left: 20px;top: 40px;}
  .seA__d-sf-name.hkd {left: 185px;top: 10px;}
  .seA__d-sf-name.tohoku {left: 185px;top: 90px;}

  .mainImgBlock{padding-top:0;}
  .swA__d-btn:last-of-type{margin-left:0;}
  
}