/* ===================================================================
CSS information

file name  : yprox_searchForm_theme.css
author     : Abilive
style info : デフォルトtheme用CSS
=================================================================== */
/* label */
.yprox_theme--default .inner label {
    display: block;
    margin-bottom: .3rem;

    font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho";
    font-size: 1rem;/*0.8rem*/
    color:#fff;
}

/* input */
.yprox_theme--default .inner input:not([type="submit"]):not([type='checkbox']):not([type='radio']):not([type='number']) {
    display: block;
    width: 100%;
}

.yprox_theme--default .inner input[type="submit"] {
    padding: .7rem;
    display: block;
    background-color: transparent;
    border: none;
    cursor: pointer;
    appearance: none;

    font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho";
    background-color: #25a053;/*#232323*/
    color: #fff;
    border-radius: 30px;/*.2rem*/
    border:1px solid #fff;
    transition: all .3s ease-out;
}
@media (hover: hover) and (pointer: fine) {
    .yprox_theme--default .inner input[type="submit"]:hover {
        background-color:#fff;
        color:#25a053;
    }
}
.yprox_theme--default .inner input[name="dt"] {
    display: none !important;
}

/**
* カレンダータイプ
*/
.yprox_theme--default[data-calendar] {
    max-width: 1200px;
    margin: 0 auto;
}

.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper {
    background-color: #fff;
    position: relative;
    /*border: 1px solid #767676;*/
    /*padding: .5rem;*/
}

.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper[disabled="disabled"] {
    opacity: .5;
}

.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper::before {
    content: '';
    display: inline-block;
    margin-right: .3rem;
    background-size: 100% auto;
    width: 1rem;
    height: 1.2rem;
    transform: translate(.5rem, .5rem);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26.791' viewBox='0 0 24 26.791'%3E%3Cg%3E%3Cpath fill='%23232323' d='M2.233 2.791h19.534A2.235 2.235 0 0 1 24 5.024v19.534a2.235 2.235 0 0 1-2.233 2.233H2.233A2.235 2.235 0 0 1 0 24.558V5.024a2.235 2.235 0 0 1 2.233-2.233Zm19.534 22.326a.559.559 0 0 0 .558-.558V5.024a.559.559 0 0 0-.558-.558H2.233a.559.559 0 0 0-.558.558v19.534a.559.559 0 0 0 .558.558Z' /%3E%3Cpath d='M23.163 10.046H.837a.837.837 0 0 1 0-1.674h22.326a.837.837 0 1 1 0 1.674Z'/%3E%3Cpath d='M17.581 4.465a.837.837 0 0 1-.837-.837V.837a.837.837 0 0 1 1.674 0v2.791a.837.837 0 0 1-.837.837Z'/%3E%3Cpath d='M6.418 4.465a.837.837 0 0 1-.837-.837V.837a.837.837 0 1 1 1.674 0v2.791a.837.837 0 0 1-.837.837Z'/%3E%3Cg%3E%3Cpath d='M11.999 19.255a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3Cpath d='M6.418 19.255a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3Cpath d='M17.581 13.674a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3Cpath d='M11.999 13.674a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3Cpath d='M6.418 13.674a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3Cpath d='M17.581 19.255a1.118 1.118 0 1 1-1.116 1.119 1.116 1.116 0 0 1 1.119-1.119Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    pointer-events: none;
    position: absolute;
    top:18%;
    left:10px;
}

.yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper input[type="text"] {
    display: inline-block;
    width:80%;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    cursor: pointer;
    appearance: none;
    /*margin-left: -1.3rem;*/
    padding: 0.5rem;
    padding-left: 3.5rem;
    position: relative;
    top: 4px;
}

/* select */
.yprox_theme--default .inner select:not(.flatpickr-monthDropdown-months) {
    padding: .5rem;
    display: block;
}

/* checkInn / Out */
.yprox_theme--default .inner .js-yprox-searchForm__wrpCheckInn br {
    display: none;
}

.yprox_theme--default .inner .js-yprox-searchForm__boxNoDate label {
    display: inline-block;
    vertical-align: middle;
}

.yprox_theme--default .inner .js-yprox-searchForm__wrpCheckInn span {
    display: inline-block;
}

.yprox_theme--default .inner .js-yprox-searchForm__wrpCheckInn span em {
    font-size: 0.8rem;
    margin-left: .2rem;
}

/**
 * 768px以上
 */
@media screen and (min-width: 768px) {
    .yprox_theme--default .inner {
        /*
        display: flex;
        flex-wrap: wrap;*/
        margin-top:2rem;
        display:block;
        width:100%;
        align-items: center;
    }

    .yprox_theme--default .inner .js-yprox-searchForm__boxNoDate {
        display: block;
        width: 5rem;
        margin-left: .3rem;
        align-self: center;
    }

    .yprox_theme--default .inner .js-yprox-searchForm__boxNoDate label {
        margin-bottom: 0;
    }

    .yprox_theme--default .inner select:not(.flatpickr-monthDropdown-months) {
        padding: .5rem;
        display: block;
        width: calc(100% - 1rem);

        border:none;
        border-radius:5px;
    }

    /**
    * カレンダータイプ
    */
    .yprox_theme--default input[type="checkbox"] {
        transform: translate(0, .1rem);
    }

    .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
        margin-bottom:1em;
    }

    .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpAdults {
        width: 30%;/*18%*/
        display: inline-block;
    }

    .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpNights,
    .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpRooms {
        width: 30%;
        display: inline-block;
    }

    .yprox_theme--default[data-calendar] .inner input[type="submit"] {
        width: 35%;
        display: inline-block;
        align-self: flex-end;

    }

    .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn > label {
        width: 100%;
    }

    .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper {
        display:block;
        width:75%;
        margin-right:1em;
        border:none;
        border-radius:5px;
        /*
        flex: 1;
        display: flex;
        */
    }

    /**
    * 泊数選択タイプ
     */
    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn > label {
        width: 100%;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:not(.js-yprox-searchForm__boxNoDate) {
        display: flex;
        align-items: center;
        width: 20%;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span.js-yprox-searchForm__boxCheckin-year {
        width: 33%;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:nth-of-type(n+2) {
        margin-left: .5rem;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpAdults {
        width: 20%
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpNights,
    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpRooms {
        width: 12%;
    }
}

/**
 * 1024px以下
 */
@media screen and (max-width: 1024px) and (min-width: 768px) {
    /* select */
    .yprox_theme--default .inner select:not(.flatpickr-monthDropdown-months) {
        padding: .5rem;
        display: block;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn {
        flex: 1;
        display: flex;
        flex-wrap: wrap;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn > label {
        width: 100%;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:not(.js-yprox-searchForm__boxNoDate) {
        width: 20%;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span.js-yprox-searchForm__boxCheckin-year {
        width: 26%;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:nth-of-type(n+2) {
        margin-left: .5rem;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpAdults {
        width: 18%
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpNights {
        width: 11%;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpRooms {
        width: 13%;
    }

    /* select */
    .yprox_theme--default:not([data-calendar]) .inner select:not(.flatpickr-monthDropdown-months) {
        padding: .5rem .2rem;
    }

}

/**
 * 767px以下
 */
@media screen and (max-width: 767px) {
    .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper input[type="text"] {
        font-size:16px;
    }
 
    .flatpickr-calendar, .flatpickr-days {
        width: auto !important;
    }

    .yprox_theme--default .inner {
        margin-top:2rem;
        display: flex;
        flex-wrap: wrap;
    }

    .yprox_theme--default[data-calendar] .inner div:nth-of-type(3) {
        margin-right: auto;
    }

    .yprox_theme--default .inner .js-yprox-searchForm__wrpCheckInn {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .yprox_theme--default .inner .js-yprox-searchForm__boxNoDate {
        display: block;
        margin-top: .3rem;
    }

    .yprox_theme--default .inner .js-yprox-searchForm__wrpAdults,
    .yprox_theme--default .inner .js-yprox-searchForm__wrpRooms,
    .yprox_theme--default .inner .js-yprox-searchForm__wrpNights {
        width: 48%;
        margin-bottom: 2rem;
    }

    .yprox_theme--default .inner input[type="submit"] {
        width: 100%;
        margin: 0 auto;
    }

    .yprox_theme--default .inner select:not(.flatpickr-monthDropdown-months) {
        width: 100%;
        border:none;
        border-radius:3px;
    }

    .yprox_theme--default .inner .js-yprox-searchForm__wrpCheckInn > label {
        width: 100%;
    }

    /**
   * カレンダータイプ
   */
    .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper {
        flex: 1;
        display: flex;
        border-radius:3px;
        margin-bottom: 1em;
    }

    .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__boxNoDate {
        width: 100%;
        text-align: right;
    }

    /**
     * 泊数選択タイプ
     */
    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpAdults {
        width: 100%;
    }

    .yprox_theme--default:not([data-calendar]) .inner div:nth-of-type(4) {
        margin-left: auto;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:not(.js-yprox-searchForm__boxNoDate) {
        display: flex;
        align-items: center;
        width: 32%;
    }

    .yprox_theme--default:not([data-calendar]) .inner .js-yprox-searchForm__wrpCheckInn span:not(.js-yprox-searchForm__boxNoDate):nth-of-type(n+2) {
        margin-left: 2%;
    }
}

@media screen and (max-width: 378px) {
    .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper input[type="text"] {
        font-size:13px;
    }
}

/* 検索窓以下 */

.box_form {
    border-top:1px solid #fff;
    width:100%;
    margin:2rem auto 0;
    padding:2rem 0 0;
    text-align:center;
}
.box_form ul.btn_box li {
    display:inline-block;
    margin-right: 1em;
    font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho";
    transition: all 0.3s;
}
.box_form ul.btn_box li a {
    color:#fff;
    padding-bottom:3px;
    boredr-bottom:1px solid transparent;
}
.box_form ul.btn_box li a svg {
    fill:#fff;
}
.box_form ul.btn_box li a:hover {
    border-bottom:1px solid #fff;
}

@media screen and (max-width: 767px) {
    .box_form ul.btn_box li  {
        width:100%;
        text-align:center;
    }
}

.js-yprox-searchForm__wrpLabel.js-yprox-searchForm__wrpsmoking{
    margin:1.5em 0 1em;
}
@media screen and (max-width: 767px) {
    .js-yprox-searchForm__wrpLabel.js-yprox-searchForm__wrpsmoking{
        margin:0 0 1em;
        display: block;
        width:100%;
    }
}


input[type="radio"] {
    display:none;
}
.radio {
    font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho";
    color: #fff;
    width:4em;
    position: relative;
    padding:0.75em 0 0.75em 3em;
    transition: 0.3s;
    position: relative;
    display: inline-block!important;
    cursor: pointer;
}
.radio:before,.radio:after {
    content: "";
    position: absolute;
/*    display: block;*/
    border-radius:10px;
}
.radio:after {
    width:1em;
    height:1em;
    border:2px solid #fff;
    background: #fff;
    left:10px;
}
.radio:before {
    width:1em;
    height:1em;
    background: #25a053;
    left:calc(10px + 0.15em);
    top:0.9em;
    opacity: 0;
    transition: 0.3s;
    z-index: 1;
}

.radio:hover:after {
    border:2px solid 25a053;
}
input[type=radio]:checked + .radio:before {
opacity: 1;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
    .yprox_theme--default[data-calendar] .inner .js-yprox-searchForm__wrpCheckInn .flatpickr-wrapper {
        width:100%!important;
        margin-bottom: 1em;
    }
}