@charset "utf-8";


#presentSearch #floatingNotification .notificationWrap .btnArea .btnAreaList {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

#presentSearch #floatingNotification .notificationWrap .btnArea .btnAreaList label {
    vertical-align: top;
    position: relative;
    /* height: 104px; */
    margin: 0 10px;
}




#presentSearch #floatingNotification .notificationWrap .btnArea .btnAreaList label > .sort-btn {
    display: block;
    height: 0;
    /*     padding-top: 64px; */
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center center;
    cursor: pointer;
    background-color: #edddbd;
    background-size: auto 34px;
    border-radius: 6px;
    -webkit-box-shadow: 0 4px 0 0 #AA946C;
    box-shadow: 0 4px 0 0 #AA946C;
    position: relative;
    top: 0;
    -webkit-transition: top .2s, -webkit-box-shadow .2s;
    transition: top .2s, -webkit-box-shadow .2s;
    transition: top .2s, box-shadow .2s;
    transition: top .2s, box-shadow .2s, -webkit-box-shadow .2s;
}




#presentSearch #floatingNotification .notificationWrap .btnArea._4col label {
    width: 212px;
    /* width:24% !important; */
}


#presentSearch #floatingNotification .notificationWrap .btnArea._2col label {
    /* width: 48% !important; */
    width: 295px;
}

#presentSearch #select input[type=radio]:checked + .sort-btn > span {
    color: #fff;
}

#presentSearch #floatingNotification .notificationWrap .btnArea label input[type=radio]:checked + .sort-btn {
    -webkit-transition: top .2s, -webkit-box-shadow .2s;
    transition: top .2s, -webkit-box-shadow .2s;
    transition: top .2s, box-shadow .2s;
    transition: top .2s, box-shadow .2s, -webkit-box-shadow .2s;
    top: 4px;
}

#presentSearch #floatingNotification .notificationWrap .btnArea._top label.btn01 input[type=radio]:checked + .sort-btn {
    background-color: #4184b8;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#presentSearch #floatingNotification .notificationWrap .btnArea._top label.btn02 input[type=radio]:checked + .sort-btn {
    background-color: #f85e5e;
    -webkit-box-shadow: none;
    box-shadow: none;
    }

#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn01 input[type=radio]:checked + .sort-btn,
#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn02 input[type=radio]:checked + .sort-btn,
#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn03 input[type=radio]:checked + .sort-btn,
#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn04 input[type=radio]:checked + .sort-btn{
    background-color: #70bb5c !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn01 input[type=radio]:checked + .sort-btn,
#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn02 input[type=radio]:checked + .sort-btn,
#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn03 input[type=radio]:checked + .sort-btn {
    background-color: #ed683f;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#presentSearch #floatingNotification .notificationWrap .notificationSubTtl {
    margin-top: 5px
}

#presentSearch #result {
    background: url(../img/search/kensaku.webp) center center no-repeat #edddbd;
    border: solid 1px #AA946C;
    background-size: auto 50%;
    border-radius: 10px;
    color: #fff;
    width: 430px;
    height: 118px;
    margin: 90px auto 10px auto;
    -webkit-box-shadow: 0 4px 0 0 #AA946C;
    box-shadow: 0 4px 0 0 #AA946C;
}



#presentSearch #select input[type=radio] {
    margin: 0;
    padding: 0;
    background: 0 0;
    border: none;
    border-radius: 0;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
}

#presentSearch #select .btn {
    display: none;
}

#presentSearch #select .btn-active,
#presentSearch #select .btn-default {
    display: block;
}

#presentSearch #result .searchBtn {
    width: 430px;
    height: 118px;
}

#presentSearch #result .searchBtn a {
    background: url(../img/search/kensaku.webp) center center no-repeat #e1341a;
    background-size: auto 50%;
    display: block;
    border: solid 1px #c8270f;
    -webkit-box-shadow: 0 4px 0 0 #c8270f;
    box-shadow: 0 4px 0 0 #c8270f;
    width: 430px;
    height: 118px;
    border-radius: 10px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}


#presentSearch {
/*     background: top center / contain no-repeat url(../images/psearch-top.jpg), top center / contain repeat-y url(../images/cate-bg.png), #faeed6; */
}

#presentSearch #floatingNotification .notificationWrap .inn {
    width: 100%;
}

#presentSearch #floatingNotification .notificationWrap .btnArea .btnAreaList label > .sort-btn {
    background-color: #faeed6;
    border: solid 1px #aa946c;
    -webkit-box-shadow: 4px 4px 0 0 #aa946c;
    box-shadow: 4px 4px 0 0 #aa946c;
  /*   padding-top: 85px; */
    padding-top:108px;
    background-size: auto;
    background-repeat:no-repeat;
}






#presentSearch #floatingNotification .notificationWrap .btnArea._top label.btn01 > .sort-btn {
    background-image: url('../img/search/1-1.webp');
}

#presentSearch #floatingNotification .notificationWrap .btnArea._top label.btn02 > .sort-btn {
    background-image: url('../img/search/1-2.webp');
}

#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn01 > .sort-btn {
    background-image: url(../img/search/2-1.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn02 > .sort-btn {
    background-image: url(../img/search/2-2.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn03 > .sort-btn {
    background-image: url(../img/search/2-3.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn04 > .sort-btn {
    background-image: url(../img/search/2-4.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn01 > .sort-btn {
    background-image: url(../img/search/3-1.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn02 > .sort-btn {
    background-image: url(../img/search/3-2.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn03 > .sort-btn {
    background-image: url(../img/search/3-3.webp);
}
#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn04 > .sort-btn {
    background-image: url(../img/search/3-4.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._top label.btn01 > input[type=radio]:checked + .sort-btn {
    background-image: url(../img/search/1-1w.webp);
    background-color: #505e96;
}

#presentSearch #floatingNotification .notificationWrap .btnArea._top label.btn02 > input[type=radio]:checked + .sort-btn {
    background-image: url(../img/search/1-2w.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn01 > input[type=radio]:checked + .sort-btn {
    background-image: url(../img/search/2-1w.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn02 > input[type=radio]:checked + .sort-btn {
    background-image: url(../img/search/2-2w.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn03 > input[type=radio]:checked + .sort-btn {
    background-image: url(../img/search/2-3w.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn04 > input[type=radio]:checked + .sort-btn {
    background-image: url(../img/search/2-4w.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn01 > input[type=radio]:checked + .sort-btn {
    background-image: url(../img/search/3-1w.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn02 > input[type=radio]:checked + .sort-btn {
    background-image: url(../img/search/3-2w.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn03 > input[type=radio]:checked + .sort-btn {
    background-image: url(../img/search/3-3w.webp);
}
#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn04 > input[type=radio]:checked + .sort-btn {
    background-image: url(../img/search/3-4w.webp);
}

#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn01 input[type=radio]:checked + .sort-btn,
#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn02 input[type=radio]:checked + .sort-btn,
#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn03 input[type=radio]:checked + .sort-btn,
#presentSearch #floatingNotification .notificationWrap .btnArea._middle label.btn04 input[type=radio]:checked + .sort-btn {
    background-color: #f66f55;
}

#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn01 > input[type=radio]:checked + .sort-btn,
#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn02 > input[type=radio]:checked + .sort-btn,
#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn03 > input[type=radio]:checked + .sort-btn,
#presentSearch #floatingNotification .notificationWrap .btnArea._btm label.btn04 > input[type=radio]:checked + .sort-btn {
    background-color: #5cb9a3;
}

.funcTglNavCnt > p {
/*     font-size: 40px; */
    line-height: 36px;
    padding-bottom: 10px;
    text-align: center;
}


/* .funcTglNavCnt > p img{
width:24px;
height:auto;
} */



@media screen and (max-width: 750px) {
    #presentSearch #floatingNotification .notificationWrap .btnArea .btnAreaList label {
        /* height: 104px; */
        margin: 0 0.5rem;
    }
    
    #presentSearch #floatingNotification .notificationWrap .btnArea .btnAreaList label > .sort-btn {
        display: block;
        height: 0;
        /*     padding-top: 64px; */
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center center;
        cursor: pointer;
        background-color: #edddbd;
        background-size: auto 34px;
        border-radius: 6px;
        -webkit-box-shadow: 0 4px 0 0 #AA946C;
        box-shadow: 0 4px 0 0 #AA946C;
        position: relative;
        top: 0;
        -webkit-transition: top .2s, -webkit-box-shadow .2s;
        transition: top .2s, -webkit-box-shadow .2s;
        transition: top .2s, box-shadow .2s;
        transition: top .2s, box-shadow .2s, -webkit-box-shadow .2s;
    }
    
    
    
    
    #presentSearch #floatingNotification .notificationWrap .btnArea._4col label {
        width: 15.4rem;
        /* width:24% !important; */
    }
    
    
    #presentSearch #floatingNotification .notificationWrap .btnArea._2col label {
        /* width: 48% !important; */
        width: 20.4rem;
    }

    #presentSearch #floatingNotification .notificationWrap .notificationSubTtl {
        margin-top: 5px
    }
    
    #presentSearch #result {
        background: url(../img/search/kensaku.webp) center center no-repeat #edddbd;
        border: solid 1px #AA946C;
        background-size: auto 50%;
        border-radius: 10px;
        color: #fff;
        width: 30rem;
        height: 8rem;
        margin: 6rem auto 10px auto;
        -webkit-box-shadow: 0 4px 0 0 #AA946C;
        box-shadow: 0 4px 0 0 #AA946C;
    }
    
    
    #presentSearch #result .searchBtn {
        width: 30rem;
        height: 8rem;
    }
    
    #presentSearch #result .searchBtn a {
        background: url(../img/search/kensaku.webp) center center no-repeat #e1341a;
        background-size: auto 50%;
        display: block;
        border: solid 1px #c8270f;
        -webkit-box-shadow: 0 4px 0 0 #c8270f;
        box-shadow: 0 4px 0 0 #c8270f;
        width: 30rem;
        height: 8rem;
        border-radius: 10px;
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
    }
    
    
    #presentSearch {
    /*     background: top center / contain no-repeat url(../images/psearch-top.jpg), top center / contain repeat-y url(../images/cate-bg.png), #faeed6; */
    }
    
    #presentSearch #floatingNotification .notificationWrap .inn {
        width: 100%;
    }
    
    #presentSearch #floatingNotification .notificationWrap .btnArea .btnAreaList label > .sort-btn {
        background-color: #faeed6;
        border: solid 1px #aa946c;
        -webkit-box-shadow: 4px 4px 0 0 #aa946c;
        box-shadow: 4px 4px 0 0 #aa946c;
      /*   padding-top: 85px; */
        padding-top:8rem;
        background-size: auto 2.4rem;
        background-repeat:no-repeat;
    }
    
}