@charset "utf-8";

 
/* bnr-pref-01
---------------------------------------------------------- */
.bnr-pref-01 { top: 0; }

/* list-city-01
---------------------------------------------------------- */
.list-city-01 li {
  margin-bottom: 10px;
}

/* btn-pref-search-01
---------------------------------------------------------- */    
.btn-pref-search-01 { padding: 10px 0 20px; }

@media screen and (max-width: 768px) {
  .btn-pref-search-01 { padding: 15px 15px 17px; }
  
  .btn-pref-search-01.js-btn-fixed-sp {
    /*display: none;*/
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: -99;
    background: rgba(243,243,243, 0.7);
    opacity: 0;
    transition: opacity ease-in 0.3s;
  }
  .btn-pref-search-01.js-btn-fixed-sp.is-active {
    z-index: 99;
    opacity: 1;
  }
}

/* box-ttl-pref-01
---------------------------------------------------------- */
.box-ttl-pref-01 { margin-bottom: 6px; }
  .box-ttl-pref-01 .title-01 {
    width: auto;
    background-position: left 2px;
    line-height: inherit;
  }
  .box-ttl-pref-01 .title-01,
  .box-ttl-pref-01 .title-01 .text-02 { font-size: 22px; }
  .box-ttl-pref-01 .title-01 .text-01 { font-size: 24px; }
    .box-ttl-pref-01 .title-01 .text-01:before {
      content: "";
      position: absolute;
      top: 8px;
      left: 0;
      width: 1px;
      height: 22px;
      background: url(/oa/icon/web/bg_dot_01.png) repeat-y left top;
    }
      
@media screen and (max-width: 768px) {
  .box-ttl-pref-01 { margin-bottom: 0; }
    .box-ttl-pref-01 .title-01 {
      width: 100%;
      background: url(/oa/icon/web/ico_search_02.png) no-repeat 22px 11px;
      background-size: 13px 16px;
      line-height: 1.2;
    }
    .box-ttl-pref-01 .title-01,
    .box-ttl-pref-01 .title-01 .text-01,
    .box-ttl-pref-01 .title-01 .text-02 { font-size: 16px; }
      box-ttl-pref-01 .title-01 .text-01:before { display: none; }
}

/* box-content-pref-01
---------------------------------------------------------- */
.box-content-pref-01.box-cmn-01 {
  padding: 4px 30px 0;
  margin-bottom: 12px;
}
.box-content-pref-02.box-cmn-01.small-pt {
  padding-top: 10px;
  padding-bottom: 15px;
}
  
@media screen and (max-width: 768px) {
  .box-content-pref-01.box-cmn-01 {
    padding: 0;
    margin-bottom: 0;
  }
  .box-content-pref-02.box-cmn-01.small-pt {
    padding-top: 20px;
    padding-bottom: 0;
  }
}

/* box-pr-01
---------------------------------------------------------- */    
.box-pr-01 { margin-bottom: 25px; }

/* box-select-02
---------------------------------------------------------- */
.box-select-02.small {
  height: 30px;
  background-size: auto 26px;
}
.small .form-select-price-01 {
  padding-left: 8px;
  font-size: 14px;
}

/* box-conditions-01
---------------------------------------------------------- */ 
.box-conditions-01.bdb { border-bottom: 2px dotted #c8c8c8; }

@media screen and (max-width: 768px) {
  .ttl-pref-02.no-mb-sp { margin-bottom: 0; }
  .box-select-02.small {
    float: left;
    width: 46.8%;
    height: 27px;
    background: none;
  }
  .small .form-select-price-01 {
    width: 100%;
    height: 100%;
    background: url(/oa/icon/web/ico_arrow_down_01_sp.gif) right 0 no-repeat;
    background-size: 16px 25px;
    padding-left: 9px;
    border: 1px solid #aaa;
    font-size: 16px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
  }
}

/* box-pref-form-wrap
---------------------------------------------------------- */
.box-pref-form-wrap {}
  .box-pref-form-wrap .box-form-row {
    overflow: hidden;
    display: table;
    width: 100%;
    position: relative;
    padding: 7px;
    border-bottom: 2px dotted #c8c8c8;
  }
  .box-pref-form-wrap .box-form-row.type-02 {
    margin-bottom: 10px;
    border-bottom: none;
  }
    .box-pref-form-wrap .box-form-row .col-01,
    .box-pref-form-wrap .box-form-row .col-02,
    .box-pref-form-wrap .box-form-row .col-03 {
      display: table-cell;
      width: 130px;
      vertical-align: top;
    }
    .box-pref-form-wrap .box-form-row .col-02 { width: auto; }
    .box-pref-form-wrap .box-form-row .col-03 { width: 435px; }
    .box-pref-form-wrap .box-form-row .col-01.vmiddle { vertical-align: middle; }
  
    .box-pref-form-wrap .box-form-row .ttl-form-01 {
      color: #693926;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.8;
    }
    .box-pref-form-wrap .box-form-row .ttl-form-01.small { font-size: 14px; }
      .box-pref-form-wrap .box-form-row .ttl-form-01 span {
        display: inline-block;
        padding-left: 22px;
        background: url(/oa/icon/web/ico_cicle_02.png) left center no-repeat;
        background-size: 18px 18px;
      }
      .box-pref-form-wrap .box-form-row .select-pref-02 { margin-left: 25px; }

  /* list-form-input
  ---------------------------------------------------------- */      
  .box-pref-form-wrap .list-form-input,
  .box-pref-form-wrap .list-form-input .box-col-inside { overflow: hidden; }
    .box-pref-form-wrap .list-form-input li {
      float: left;
      width: 50%;
    }
    .box-pref-form-wrap .list-form-input li:last-child { padding-left: 30px; }
      .box-pref-form-wrap .list-form-input li .ttl-form-01 {
        float: left;
        width: 130px;
      }
      .box-pref-form-wrap .list-form-input li:last-child .ttl-form-01 { width: 105px; }
      .box-pref-form-wrap .list-form-input .box-select-02 {
        width: 144px;
      }
      .box-pref-form-wrap .list-form-input .text-01 {
        overflow: hidden;
        float: left;
        padding: 2px 6px 0;
        color: #555;
        font-size: 16px;
      }
  
  /* box-pref-city-01
  ---------------------------------------------------------- */ 
  .box-city-01.box-pref-city-01 {
    /*display: none;*/
    border-bottom: 2px dotted #c8c8c8;
  }
    .box-city-01.box-pref-city-01 .list-city-01 {
      padding-top: 15px;
      margin: 0 0 0 20px;
    }
      .box-city-01.box-pref-city-01 .list-city-01 li { margin-bottom: 10px; }

  /* list-pref-checkbox-01
  ---------------------------------------------------------- */     
  .box-pref-form-wrap .list-pref-checkbox-01 li,
  .box-pref-form-wrap .list-pref-checkbox-02 li {
    display: block;
    float: left;
    width: 120px;
    margin: 0 15px 0 0;
  }
  .box-pref-form-wrap .list-pref-checkbox-02 li {
    width: 200px;
    margin-right: 8px;
  }
  .box-pref-form-wrap .list-pref-checkbox-02 li:nth-child(4n) { width: 144px; }
  .box-pref-form-wrap .list-pref-checkbox-01 li span,
  .box-pref-form-wrap .list-pref-checkbox-02 li span {
    padding-left: 27px;
    padding-top: 0;
    background: url(/oa/icon/web/bg_checkbox_05_pc.png) 0 2px no-repeat;
  }
  .box-pref-form-wrap .list-pref-checkbox-01 li.active span,
  .box-pref-form-wrap .list-pref-checkbox-02 li.active span {
    background: url(/oa/icon/web/bg_checkbox_06_pc.png) 0 2px no-repeat;
  }

  /* box-pref-search-01
  ---------------------------------------------------------- */  
  .box-pref-form-wrap .box-pref-search-01 {
    padding: 0;
    border: none;
  }
    .box-pref-form-wrap .box-pref-search-01 input[type="text"] {
      width: 580px;
      height: 35px;
    }

/* box-pref-accordion
---------------------------------------------------------- */
.box-pref-accordion { display: none; }
  .box-pref-accordion .box-conditions-01.pt { padding-top: 15px; }

/* link-pref-accordion
---------------------------------------------------------- */
.link-pref-accordion-01 {
  display: inline-block;
  cursor: pointer;
  font-size: 14px;
  text-decoration: underline;
}
  .link-pref-accordion-01.type-02 {
    position: absolute;
    top: 14px;
    right: 10px;
  }
.link-pref-accordion-02 {
  padding: 0 10px 15px 0;
  font-size: 14px;
  text-align: right;
}
  .link-pref-accordion-02 span {
    cursor: pointer;
    text-decoration: underline;
  }
  .link-pref-accordion-02.type-02 {
    padding: 13px 10px 15px;
    border-bottom: 2px dotted #c8c8c8;
  }
.link-pref-accordion-01:hover,
.link-pref-accordion-02 span:hover { text-decoration: none; }

.link-pref-accordion-01 .open,
.link-pref-accordion-02 .open { display: inline; }
.link-pref-accordion-01 .close,
.link-pref-accordion-02 .close { display: none; }

/* box-content-home-01
---------------------------------------------------------- */    
.box-home-info-01 .ttl-home-01 h3 {
  overflow: hidden;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .box-pref-form-wrap .box-form-row {
    display: block;
    padding: 0;
    border: none;
  }
  .box-pref-form-wrap .box-form-row.type-02 { margin-bottom: 0; }
    .box-pref-form-wrap .box-form-row .col-01,
    .box-pref-form-wrap .box-form-row .col-02,
    .box-pref-form-wrap .box-form-row .col-03 {
      overflow: hidden;
      display: block;
      width: auto;
    }
    .box-pref-form-wrap .box-form-row .col-02,
    .box-pref-form-wrap .box-form-row .col-03 {
      padding: 8px 10px;
      background: #fffdf7;
    }
    .box-pref-form-wrap .box-form-row .col-02.no-pd { padding: 0; }
    
    .box-pref-form-wrap .box-form-row .ttl-form-01 {
      padding: 8px 10px;
      background: #fdebdd;
      border-top: 1px solid #c3b38d;
      border-bottom: 1px solid #c3b38d;
      color: #8b6b3b;
      font-size: 16px;
      text-align: left;
      line-height: 1.3;
    }
      .box-pref-form-wrap .box-form-row .ttl-form-01.no-bdt-sp { border-top: none; }
      .box-pref-form-wrap .box-form-row .ttl-form-01 span {
        padding: 0;
        background: none;
      }
    .box-pref-form-wrap .box-form-row .box-input-wrap {
      display: table;
      width: 100%;
    }
      .box-pref-form-wrap .box-form-row .select-pref-01,
      .box-pref-form-wrap .box-form-row .select-pref-02 {
        float: none;
        display: block;
        width: auto;
      }
      .box-pref-form-wrap .box-form-row .select-pref-02 { margin: 10px 0 0; }
      
  /* list-form-input
  ---------------------------------------------------------- */   
  .box-pref-form-wrap .list-form-input { background: #fffdf7; }   
    .box-pref-form-wrap .list-form-input li {
      float: none;
      width: auto;
    }
    .box-pref-form-wrap .list-form-input li:last-child { padding-left: 0; }
    .box-pref-form-wrap .list-form-input li .ttl-form-01 {
      float: none;
      width: auto !important;
    }
      .box-pref-form-wrap .list-form-input .box-col-inside {
        padding: 8px 10px;
      }
        .box-pref-form-wrap .list-form-input .box-select-02 {
          width: 46.8%;
        }
        .box-pref-form-wrap .list-form-input .text-01 {
          width: 6.4%;
          padding: 2px 8px 0 6px;
          font-size: 12px;
          text-align: center;
        }
        
  /* box-pref-city-01
  ---------------------------------------------------------- */ 
  .box-city-01.box-pref-city-01 {
    border-top: 1px solid #c3b38d;
    border-bottom: none;
  }
    .box-city-01.box-pref-city-01 .list-city-01 {
      padding-top: 0;
      margin: 0;
    }
      .box-city-01.box-pref-city-01 .list-city-01 li { margin-bottom: 0; }
  
  /* list-pref-checkbox-01
  ---------------------------------------------------------- */
  .box-pref-form-wrap .list-pref-checkbox-01 li span,
  .box-pref-form-wrap .list-pref-checkbox-02 li span {
    padding-left: 20px;
    background: url(/oa/icon/web/bg_checkbox_01_sp.png) 0 0 no-repeat;
    background-size: 15px 15px;
  }
  .box-pref-form-wrap .list-pref-checkbox-01 li.active span,
  .box-pref-form-wrap .list-pref-checkbox-02 li.active span {
    background: url(/oa/icon/web/bg_checkbox_02_sp.png) 0 0 no-repeat;
    background-size: 15px 15px;
  }
    .box-pref-form-wrap .list-pref-checkbox-01 li,
    .box-pref-form-wrap .list-pref-checkbox-02 li,
    .box-pref-form-wrap .list-pref-checkbox-02 li:nth-child(4n) {
      width: 50%;
      margin: 0;
    }
    
    
  /* box-pref-search-01
  ---------------------------------------------------------- */  
  .box-pref-form-wrap .box-pref-search-01 .search-01 {
    padding: 0;
    border: none;
  }
    .box-pref-form-wrap .box-pref-search-01 input[type="text"] {
      width: 100%;
      height: 35px;
      line-height: 1.4;
    }
  
  /* box-pref-accordion
  ---------------------------------------------------------- */
  .box-conditions-01.bdb { border: none; }
    .box-pref-accordion .box-conditions-01.pt { padding-top: 0; }
  
  /* box-pref-cur-selected
  ---------------------------------------------------------- */
  .box-pref-cur-selected {
    padding: 0;
    border-bottom: none;
    font-size: 12px;
  }
    .box-pref-cur-selected .head {
      float: none;
      width: auto;
      padding: 8px 10px 8px;
      background: #fdebdd;
      border-bottom: 1px solid #c3b38d;
    }
      .box-pref-cur-selected .head .title { margin-bottom: 5px; }
      .box-pref-cur-selected .head .note { font-size: 11px; }
    .box-pref-cur-selected .box-selected {
      float: none;
      padding: 10px;
      background: #fffdf7;
    }
    
  /* link-pref-accordion
  ---------------------------------------------------------- */
  .link-pref-accordion-01,
  .link-pref-accordion-01.type-02 {
    position: relative;
    top: auto;
    right: auto;
    padding: 10px;
    display: block;
    border-top: 1px solid #c3b38d;
    background: url(/oa/icon/web/bg_main_01.jpg) repeat left top;
    background-size: 25px 25px;
    color: #693926;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
  }
    .link-pref-accordion-01:before {
      content: "";
      position: absolute;
      top: 50%;
      right: 10px;
      width: 21px;
      height: 21px;
      margin-top: -10px;
      background: url(/oa/icon/web/ico_accordion_open.png) no-repeat right top;
      background-size: 21px 21px;
    }
    .link-pref-accordion-01.open:before {
      background: url(/oa/icon/web/ico_accordion_close.png) no-repeat right top;
      background-size: 21px 21px;
    }
  .link-pref-accordion-02 { display: none; }
  .link-pref-accordion-01.js-pref-accordion-03 { border-bottom: 1px solid #c3b38d; }
  .link-pref-accordion-01.js-pref-accordion-03.open { border-bottom: none; }
  .link-pref-accordion-01.no-icon:before { display: none; }
}

/* box-info-01
---------------------------------------------------------- */    
.box-info-01 .box-column-03 { display: none; }
    
@media screen and (max-width: 768px) {
/* box-info-01
---------------------------------------------------------- */    
.box-info-01 { margin-bottom: 0;}
  .box-info-01 .box-column-01 {
    float: left;
    display: block;
    width: 30%;
    margin: 0;
  }
    .box-info-01 .box-column-01 .list-img-01 {
      display: block;
      width: 100%;
      margin-bottom: 10px;
    }
      .box-info-01 .box-column-01 .list-img-01 li { display: none;}
        .box-info-01 .box-column-01 .list-img-01 li:first-child {
          float: none;
          display: block;
          margin-right: 0;
        }
        .box-info-01 .box-column-01 .list-img-01 li img {
          width: 100%;
          height: auto;
        }
        .box-info-01 .box-column-01 .list-img-01 li:nth-child(2) { margin-bottom: 0;}
    .box-info-01 .box-column-01 .btn-more-01 { display: none;}
    .txt-room-02 {
      display: block;
      padding-left: 10px;
      font-size: 12px;
      font-weight: bold;
      line-height: 1.2;
    }
      .txt-room-02 span {
        color: #f16632;
        font-size: 17px;
      }
    
  .box-info-01 .box-column-02 {
    float: left;
    width: 70%;
    margin: 0;
    padding-left: 10px;
  }
    .box-info-01 .box-column-02 .txt-room-01 { display: none; }
    .box-info-01 .box-column-02 .table-price-01 { margin-bottom: 10px; }
    
  .box-info-01 .box-column-03 {
    overflow: hidden;
    display: block;
    padding-bottom: 10px;
    clear: both;
  }
    .box-info-01 .box-column-03 .txt-room-02 {
      float: left;
      width: 50%;
    }
    .box-info-01 .box-column-03 .bnt-favourite-01 {
      float: left;
      display: block;
      width: 50%;
      padding-right: 10px;
    }
      .box-info-01 .box-column-03 .bnt-favourite-01 a {
        float: right;
        display: block;
        width: 100%;
        max-width: 160px;
        height: auto;
        min-height: 28px;
        background: #ffd12d;
        border: 1px solid #ffd12d;
        padding: 0 4px;
        font-size: 14px;
        text-align: center;
      }
        .box-info-01 .box-column-03 .bnt-favourite-01 a span {
          display: inline-block;
          vertical-align: top;
          background-size: 14px auto;
          padding: 4px 0 2px 18px;
          line-height: 1.2;
          text-align: left;
        }
}

/* box-pref-checkall-01
---------------------------------------------------------- */  
.box-pref-checkall-01 { padding: 15px 0 0 25px; }
  .box-pref-checkall-01 .list-checkbox-01 label span {
    padding-left: 40px;
    font-weight: bold;
  }

@media screen and (max-width: 768px) {
  .box-pref-checkall-01 { padding: 0; }
    .box-pref-checkall-01 .list-checkbox-01 li {
      width: 100%;
      border-right: none;
      border-bottom: 1px solid #c3b38d;
    }
      .box-pref-checkall-01 .list-checkbox-01 label span {
        padding-left: 20px;
      }
}

/* box-pref-link-01
---------------------------------------------------------- */
.box-pref-link-01 { margin-bottom: 0; }
  .box-pref-link-01 ul { border-top: 1px solid #c3b38d; }
    .box-pref-link-01 ul li {
      overflow: hidden;
      background: #f5f2df;
      border-bottom: 1px solid #c3b38d;
    }
      .box-pref-link-01 ul li a {
        display: block;
        padding: 10px;
        color: inherit;
      }
      .box-pref-link-01 ul li .txt-link {
        display: block;
        float: right;
        padding: 0 15px 2px 0;
        background: url(/oa/icon/web/ico_arrow_right_03.png) right center no-repeat;
        background-size: 8px 14px;
        color: #693e2b;
      }
      .box-pref-link-01 dl {
        overflow: hidden;
        padding-right: 10px;
      }
        .box-pref-link-01 dl dt {
          float: left;
          width: 110px;
          font-weight: bold;
          color: #693e2b;
        }
        .box-pref-link-01 dl dd { overflow: hidden; }
          .box-pref-link-01 dl dd span {
            display: inline-block;
            margin-right: 10px;
            text-decoration: none;
          }

.box-search-01 .search-01 .input-form {
  display: table-cell;
  height:35px;
  padding-right:10px;
}

.box-search-01 .search-01 .mic-input-button {
  display: table-cell;
  vertical-align: middle;
  text-align:center;
  padding-right:10px;
}

.box-search-01 .search-01 .mic-input-button img {
  height:35px;
  width:35px;
}

.btn-search-sp-02{
  display: table-cell;
  width:15%;
}

.btn-search-sp-02 a{
  display: inline-block;
  width: 70px;
  height: 35px;
  padding: 3px 0 0;
  background: #f16632;
  border-bottom: 2px solid #c54f24;
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  vertical-align: middle;
}

.btn-search-sp-02 a img{
  width: 12px;
  height: 15px;
  margin-top: 7px;
}

iframe[name="google_conversion_frame"] { position:absolute; left:0px; top:0px; }