@charset "UTF-8";

/* ----------------------------------------------
  詳しく検索する エリア 
  スポット
---------------------------------------------- */
.btn-p1--orange{
  overflow:hidden;
  display: inline-block;
  width: 56.4vw;
  width: 75%;
  margin-top: 2vw;
}
.btn-p1--orange input[type="submit"]{
  display: inline-block;
  position: relative;
  width: 100%;
  padding: 5.2vw 4vw;
  color: #fff;
  font-size: 4.8vw;
  letter-spacing: -1px;
  line-height: 1;
  border-top: solid 1px #fed46e;
  border-right: solid 1px #ff8900;
  border-bottom: solid 1px #ee5412;
  border-left: solid 1px #ff930d;
  border-radius: 8px;
  background: linear-gradient(to bottom, #ffb900, #ff8600);
  box-shadow: 0 2px 1px #f5d9c3 inset, 0 2px 4px #aaa;
  box-sizing: border-box;    
}
.btn-p1--orange input[type="submit"]:after{
  position: absolute;
  content: '';
  top: 5.7vw;
  right: 3.3vw;
  width: 3.56vw;
  height: 3.56vw;
  border-top: 0.13vw solid #fff;
  border-right: 0.13vw solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.btn-p1--orange input[type="submit"]:active{
  background: linear-gradient(to bottom, #ff8600,#ffb900 );
  text-decoration: none;
}

.search-detail{
  position: relative;
  margin-top: 15.4vw;
  margin-bottom: 4vw;
  padding: 8.66vw 0;
  border: 0.13vw solid #a1a1a1;
  background-color: #f4f4f4;
  box-sizing: border-box;
  text-align: center;
}
.search-detail-tab{
  display: block;
  position: absolute;
  top: -8.1vw;
  left: -0.13vw;
  width: 100%;
  font-size: 0;
}
.search-detail-tab li{
  display: inline-block;
  width: calc(100% /2);
  padding: 2.93vw ;
  text-align: center;
  font-size: 4.53vw;
  font-weight: bold;
  line-height: 1.4;
  border-bottom: 1px solid #a1a1a1;
  background-color: #e0e0e0;
  box-sizing: border-box;
  cursor: pointer;
}
.search-detail-tab li.active{
  padding: 5.86vw 0 3vw 0;
  background-color: #f4f4f4;
  border-left:0.13vw solid #a1a1a1;
  border-right: 0.13vw solid #a1a1a1;
  border-top: 0.66vw solid #f08524;
  border-bottom: none;
}
.search-detail__body{
  display: block;
  width: 90vw;
  padding: 4.66vw 3vw 0;
  margin:0 auto 0 auto;
  box-sizing: border-box;
}

.search-detail--category_inner{
  width: 100%;
  display: block;
  font-size: 0;
}
.search-detail--category_inner li{
  display: block;
  margin-bottom: 3.8vw;
  border: 0.26vw solid #f08524;
  background-color: #fff;
  border-radius: 0.8vw;
  box-shadow: 0px 2px 3px rgba(150,150,150,0.4);
  box-sizing: border-box;
}
.search-detail--category_inner li:last-child{
  margin-bottom: 0;
}
.search-detail--category_inner li a{
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  padding: 3.3vw 4vw;
  text-align: center;
  box-sizing: border-box;
  color: #000;
}
.search-detail--category_inner li a:after{
  position: absolute;
  content: '';
  top: 6.5vw;
  right: 2.6vw;
  width: 2.4vw;
  height: 4vw;
  background: url('../../img/sp/orange--arrow.png') center center no-repeat;
  background-size: 100%;
}
.search-detail--category_inner li.search-detail--small-box-first {
  width: 48%;
  display: inline-block;
  margin-right: 2%;
}
.search-detail--category_inner li.search-detail--small-box-second {
  width: 48%;
  display: inline-block;
  margin-left: 2%;
}
.search--category--ttl{
  display: inline-block;
  font-size: 4.26vw;
  font-weight: bold;
  line-height: 1.4;
}
.search--category--ttl span{
  font-size: 3.6vw;
  font-weight: normal;
}
.search--category--lead{
  overflow: hidden;
  margin:0 auto;
  width:85%;
  font-size: 2.6vw;
  white-space: nowrap;
  text-overflow: ellipsis;
}
input[type=checkbox]:checked + .checkbox01::after {
  opacity: 1;
}



.detailItemWrap {
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size:11px;
  text-align:left;
  background-color: rgba(0, 0, 0,0.7);
  z-index: 1900;
}
.modal {
  position: absolute;
  top: 50%;
  left: 50%;
transform: translate(-50%,-50%);
width: 95%;
  color: #333 !important;
  z-index: 1901;
}
.modal:after {
    display: block;
    position: absolute;
    content: "";
    top: -8.4vw;
    right: 0;
    width: 6.13vw;
    height: 6.13vw;
    margin-left: -3vw;
    background: url(../../img/sp/modal-close_btn.png) no-repeat 0 0;
    background-size: auto 6.13vw;
}



.select-slider {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 100%;
  width: 100vw;
  font-size:12px;
  text-align:left;
  z-index: 999;
    transition: all 0.3s;
}
.select-slider.active {
  left: 0;
    transition: all 0.3s;
}
.slider-top {
  background-color: #F08227;
  height: 8%;
  display: flex;
  align-items: center;
}
.slider-top a {
  color: #fff!important;
  text-decoration: none;
  font-size: 150%;
  padding-left: 3%;
  width: 100%;
}
.slider-inner {
  display: flex;
  font-size: 130%;
  font-weight: bold;
  height: 80%;
}
.slider-inner ul{
  height: 100%;
  overflow-y: auto;
}
.slider-inner .left,
.slider-inner .right {
  float: none;
  background-color: #fff;
}
.slider-inner .left {
  background-color: #e3e3e3;
  width: -webkit-calc(100% / 3);
  width : calc(100% / 3);
}
.slider-inner .left .select {
  background-color: #FCE6D4;
  color: #F08227;
}
.slider-inner .right {
  width: -webkit-calc(100% * 2/3);
  width: calc(100% * 2/3);
}
.slider-inner li {
  border: 0;
  border-bottom: solid 1px #bababa;
  padding: 3vw 10px;
  background: none;
  margin: 0;
}
.slider-inner .right input[type="checkbox"] {
  /*height: 4vw;*/
  margin-right: 2%;
  vertical-align: middle;
  width: 4vw;
}
.slider-inner .right li label{
  display: block;
}
.slider-bottom {
  background-color: #222;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 12%;
}
.slider-bottom img {width: 55vw;}


/************************
スポット
************************/

.spot-job {
  display:none;
}

.spot-calendar {
  overflow: hidden;
  position:relative;
  margin:0 auto 5.2vw auto;
  width:100%;
  /* padding:10px; */
  background:#FFF;
  border:0.26vw solid #DDDEE7;
  box-shadow: 0px 2px 3px rgba(150,150,150,0.4);
  box-sizing: border-box;  
}

  .spot-calendar__ttl {
    margin: 0 auto 1.3vw auto;
    width:88vw;
    font-size: 4.26vw;
    font-weight:bold;
    text-align: center;
    padding: 2.13vw 0;
    box-sizing: border-box;
  }
    .spot-calendar__ttl label {
      width:100%;
    }
    
    
  .spot-calendar__list__inner {
    overflow:hidden;
    display: -webkit-flex;
    display: flex;
    width: calc((90vw + 10vw) * 12);
    /* width: 100%; */
  }
  .spot-calendar__item {
    /*float: left;*/
    /* width: 90vw; */
    /* width: 84vw; */
    /* margin-right: 10vw; */
  }
  .spot-calendar__item:last-child {
    margin-right: 0;
  }
  input.chk_no_disp {
    display: none;
  }
      
  .spot-calendar__table {
    /* width:100%; */
    border: 0;
  }
  .spot-calendar__table th,
  .spot-calendar__table td {
    padding:1.06vw 0;
    font-size: 3.2vw;
    text-align: center;
    border:0;
    box-sizing: border-box;
  }
  .spot-calendar__table th {
    font-size: 3.2vw;
    color:#333;
    font-weight: normal;
    text-align: center;
    background-color:transparent;
    width: 12vw;
    height: 8vw;
    padding: 1.2vw 1.46vw;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
  }
  .spot-calendar__table th.holiday {
    color:#f78221;
  }
  .spot-calendar__table th.last {
    color:#0079F2;
  }
  

  .spot-calendar__table td {
    border: 1px solid #cfcfcf;
    height: 8vw;
  }

  .spot-calendar__table input {
    display:none;
  }

  .spot-calendar__table label {
    display: block;
    position:relative;
    margin:0 auto;
    width: 8vw;
    background:linear-gradient(to bottom, #feffff 0%,#eff3f7 100%);
    border:1px solid #DDDEE7;
    border-radius:3px;
  }
  .spot-calendar__table label.disabled_day {
    background:#ffffff;
    opacity:0.3;
  }
  
  .spot-calendar__table input[type="checkbox"]:checked + label,
  .spot-calendar__table label.active {
    color:#000;
    background: linear-gradient(to bottom, #fffcc0, #ffeba4 50%);
    box-shadow:4px 4px 9px -9px #000000 inset;
  }
.spot-calendar__nav {
  position:absolute;
  left:0;
  top:0;
  z-index:888;
}
.ul_button02 .back{
  position: absolute;
  content: '';
  left: 1vw;
  top: 1vw;
  width: 9.3vw;
  height: 8vw;
}
.ul_button02 .back a:before{
  position: absolute;
  content: '';
  left: 3.25vw;
  top: 2vw;
  width: 2.39vw;
  height: 4vw;
  background: url('../../img/sp/black--left--arrow.png') center center no-repeat;
  background-size: 100%;
}
.ul_button02 .next a:after{
  position: absolute;
  content: '';
  left: 3.25vw;
  top: 2vw;
  width: 2.39vw;
  height: 4vw;
  background: url('../../img/sp/black--right--arrow.png') center center no-repeat;
  background-size: 100%;  
}
.ul_button02 .next{
  position: absolute;
  content: '';
  left: 72.75vw;
  top: 1vw;
  width: 9.3vw;
  height: 8vw;
}
.btn_move01 {
  position: relative;
  display: block;
  line-height: 1;
  text-decoration: none;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #ffffff 0%,#f0f5f7 100%);
  border: 1px solid #DDDEE7;
}