@charset "UTF-8";



.search-body {
    display: flex;
    justify-content: center;
}

.search-body-inner {
    width: 70%;
    min-width: 1130px;
}

.search-list {
    box-sizing: border-box;
    width: 100%;
    padding-left: 1px;
    padding-right: 1px;
    margin-top: 5px;
}


/* 検索結果の1ブロックを内包する */
.item-header {
    float: left;
    width: 50%;
    height: 60px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f1f1f1));
    background: -moz-linear-gradient(top, #fff, #f1f1f1);
    background: linear-gradient(#ffffff, #f1f1f1);
}
div.item-header::after {
    content:"";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #8d8f94;
    border-right: 2px solid #8d8f94;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    left: 96%;
    top: -37px;
}
/* 検索結果の1ブロック */
.item-block {
    height: 60px;
    border: 1px solid #d9d9d9;
}
/* 検索結果の1ブロック内の上半分 */
.item-block-top {
    height: 50%;
    display: flex;
    align-items: center;
}
/* 検索結果の1ブロック内の下半分 */
.item-block-bottom {
    height: 50%;
    display: flex;
    align-items: center;
}



/* ページタイトルラベル */
.page-label {
    margin-bottom: 5px;
    padding-top: 14px;
    padding-bottom: 12px;
    -webkit-appearance: none;
}
/* ページタイトルラベル内上部 */
.page-label-h1 {
    margin-top: 0;
    margin-bottom: 0;
    line-height: 1.2;
    -webkit-appearance: none;
}
/* ページタイトルラベル内下部 */
.page-label-average {
    display: flex;
    align-items: center;
    justify-content: center;
}


/* タブレット */
@media screen and (max-width: 1024px) {
    .search-body-inner {
        width: 100%;
        min-width: 100%;
    }
    .search-list {
        margin-top: 0;
    }
    div.item-header::after {
        left: 90%;
    }
}


/* スマホ */
@media screen and (max-width: 767px) {
    .search-body-inner {
        width: 100%;
        min-width: 100%;
    }
    .search-list {
        margin-top: 0;
    }
    div.item-header::after {
        left: 90%;
    }
}