.search-coment{
    margin-bottom:0;
}

.search-content-gray{
    padding:5px;
    background:#e7e7e7;
    position:relative;
}

.search-content-area{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    background: #ffff;
    padding: 5px 12px;
    height: 100px;

}

.search-item{
    display:flex;
    align-items:center;
}

.item-tilda{
    display:inline-block;
    margin:0 5px;
    line-height:1.0;
}

.search-item-margin{
    margin-right: 35px;
}


.search-item-tate-margin{
    margin-top:20px;
}

.search-item-yoko-margin{
    margin-right:40px;
}

.search-item-title-margin{
    margin-right:9px;
}

.material-title{
    width:73px;
    text-align:center;
}

.search-btn-area{
    position:absolute;
    top:100%;
    left:100%;
    transform:translate(-121%,-140%);
    display:flex;
    width:200px;
}

.search-btn-padding{
    padding:5px 9px;
}

.search-btn-margin{
    margin-right:10px;
}

.item-align-box{
    border-bottom:1px solid rgb(163, 163, 163);
    padding:13px 17px;
    display:flex;
}

.item-align-upper{
    justify-content:space-between;
}

.item-align-lower{
    justify-content:end;
    margin-bottom:40px;
}

.item-sort-sec{
    display:flex;
    align-items:center;
}

.item-sort-title{
    width:64px;
    margin-right:9px;
}

#sort-select{
    width:145px;
}

.item-page-sec{
    font-family: "Century Gothic","Yu Gothic", "YuGothic", "游ゴシック体", "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.sp-search-box{
    background:rgb(238, 238, 238);
    padding:10px;
}

.shiborikomi-sp-btn{
    width:85%;
    padding:15px;
}

.search-sp-btn-margin{
    margin-right:1%;
}

.sort-sp-btn{
    width:14%;
    padding:15px;
}

.search-btn-icon-m{
    margin-left:5px;
}

.shiborikomi-br{
    display:none;
}

.search-sp-board{
    position:fixed;
    height:100%;
    width:100%;
    top:0;
    left:0;
    opacity:0;
    background:#fff;
    z-index:-1;
    transition:0.5s;
    overflow-y:scroll;
    padding:80px 200px;
}


.search-sp-board.show-item-search{
    opacity:1;
    z-index:6;
}

.sort-sp-board{
    position:fixed;
    height:400px;
    width:400px;
    top:25%;
    left:50%;
    transform:translateX(-50%);
    opacity:0;
    background:#fff;
    z-index:-1;
    transition:0.5s;
    padding:60px 50px;
}

.sort-sp-board.show-item-search{
    opacity:1;
    z-index:6;
}


.sp-board-close{
    position:absolute;
    right:20px;
    top:10px;
}

.search-sp-content-w{
    width:calc(100% - 90px);
}

.search-sp-content-row .select2-container{
    width:calc(100% - 90px) !important;
}

.sort-sp-content-row a{
    display:inline-block;
    width:100%;
    padding:5px;
    padding-left:10px;
}

.sp-price .select2-container{
    width:calc((100% - 140px)/2) !important;
}

.sp-tilda{
    display:inline-block;
    width:50px;
    text-align:center;
    line-height:1.0;
}


.search-sp-content-row-m{
    margin-top:25px;
}

.sort-sp-content-row-m{
    margin-top:15px;
}

.search-sp-title{
    display:inline-block;
    width:90px;
}

.date-img-sp{
    background-size:20px;
    background-image:url('../img/calendar.png');
    background-repeat: no-repeat;
    background-position: 102px 3.2px;
}

.sp-b-title{
    font-size:1.3rem;
    text-align:center;
    font-weight:bold;
    color:rgb(175, 175, 175);
}

.sp-content-btn-row{
    text-align:center;
}

.sp-content-btn-m{
    margin-top:27px;
}

.sp-content-btn-b-m{
    margin-top:10px;
}

.sp-content-btn{
    display:inline-block;
    width:55%;
    padding:8px 0px;
}

.search-align{
    justify-content:end;
}

.search-padding{
    padding:20px 0;
}

.category-guidance-box{
    font-size:1.1rem;
    font-weight:bold;
    color:rgb(153, 153, 153);
    display:flex;
    justify-content:center;
    padding-top:40px;
    padding-bottom:70px;
}

.advice-content{
    display:flex;
}

.p-m-controll{
    margin-bottom:5px;
}

.advice-m{
    margin-right:5px;
    margin-left:5px;
}

.category-guidance-p{
    line-height:2.8;
}
.category-guidance-p-1{
    line-height:1.8;
}
.category-guidance-m{
    margin-top:40px;
    margin-bottom:40px;
}

.advice-c-w{
    width:108px;
    white-space:nowrap;
}

.circle-g{
    display:none;
}

@media only screen and (max-width:1024px){
    .item-align-upper,.item-align-lower{
        justify-content:center;
    }

}

@media only screen and (max-width:1069px){
    .guidance-br-1{
        display:none;
    }

}

@media only screen and (max-width:1065px){
    .search-sp-board{
        padding:80px 100px;
    }
}

@media only screen and (max-width:800px){
    .search-sp-board{
        padding:80px 50px;
    }
}

@media only screen and (max-width:755px){
    .shiborikomi-sp-btn{
        width:80%;
    }
    .sort-sp-btn{
        width:19%;
    }
}

@media only screen and (max-width:700px){
    .advice-m{
        display:none;
    }
    .advice-content{
        display:block;
    }
    .advice-p{
        margin-bottom:5px;
    }
    .circle-g{
        display:inline;
    }
    .advice-c-w{
        width:200px;
    }
    .guidance-br-2{
        display:none;
    }

}

@media only screen and (max-width:570px){
    .shiborikomi-sp-btn{
        width:75%;
        padding:10px;
    }
    .sort-sp-btn{
        width:24%;
        padding:10px;
    }
    .search-sp-board{
        padding:80px 5%;
    }
    .sp-b-title{
        font-size:1.1rem;
    }
    .search-sp-title{
        display:block;
        margin-bottom:2px;
    }
    .search-sp-content-w{
        width:100% !important;
    }
    .search-sp-content-row .select2-container{
        width:100% !important;
    }
    .sp-price .select2-container{
        width:100% !important;
    }
    .search-sp-content-row-m{
        margin-top:15px;
    }
    .sp-content-btn{
        width:100%;
    }
    .category-guidance-box{
        font-size:1.0rem;
    }
    .category-guidance-p{
        line-height:2.0;
    }
}

@media only screen and (max-width:500px){
    .search-comment-sp,.sp-search-box{
        font-size:0.9rem;
    }
    .search-comment-sp{
        margin-bottom:5px;
    }

}

@media only screen and (max-width:450px){
    .item-page-sec{
        font-size:0.8rem;
    }
    .date-img-sp{
        background-position:120px 9px;

    }

}

@media only screen and (max-width:430px){
    .shiborikomi-sp-btn{
        width:65%;
        display:flex;
        align-items:center;
        justify-content:center;
    }
    .sort-sp-btn{
        width:34%;
    }
    .shiborikomi-br{
        display:block;
    }
    .sort-sp-board{
        width:95%;
        padding:60px 20px;
    }
}

@media only screen and (max-width:400px){
    .sp-search-box{
        font-size:0.85rem;
    }
}

@media only screen and (max-width:330px){
    .item-align-box{
        padding:13px 5px;
    }

}

@media only screen and (max-width:300px){
    .sp-search-box{
        font-size:0.85rem;
    }
    .shiborikomi-sp-btn{
        width:60%;
        display:flex;
    }
    .sort-sp-btn{
        width:39%;
    }
}