/* ********************************** 製品タクソノミーページ（用途・シーズン）の設定 ********************************** */
.taxonomy_title{
    text-align: center;
    line-height: 2.8em;
}

/* 検索結果ページで、検索結果がなかった場合 */
.tax-item_category1 .not_article,
.tax-item_category2 .not_article,
.tax-item_category3 .not_article,
.tax-item_tag .not_article{
  text-align: left;
}

.tax-item_category2 .sub_ttl_boarder,
.tax-item_category3 .sub_ttl_boarder{
    margin-bottom: 3em;
}

.taxonomy_icon_wrapper {
    padding: 1.5em;
    text-align: center;
    margin-bottom: 1.5em;
    background-color: var(--hovercolor);
    position: relative; /* 必須: 擬似要素の位置を基準にする */
}


.taxonomy_icon_wrapper img{
    width: auto;
    height: 100%;
    max-height: 130px;
    filter: invert(61%) sepia(82%) saturate(4203%) hue-rotate(12deg) brightness(100%) contrast(101%);
}

.taxonomy_icon_wrapper * {
    position: relative;
    z-index: 2; /* コンテンツが背景より上に来るように */
}

.taxonomy_icon_wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    filter: invert(61%) sepia(82%) saturate(4203%) hue-rotate(12deg) brightness(100%) contrast(101%);
    background-position: left bottom !important;
    background-size: 600px !important;
    opacity: 0.2; /* 透明度20% */
    z-index: 1;
    pointer-events: none; /* 要素がクリックやイベントを受け取らないように */
}

/* 各タームごとに背景画像のみ変更 */
.term-outdoor_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/outdoor_scene.svg) no-repeat;
}

.term-gadget_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/gadget_scene.svg) no-repeat;
}

.term-party_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/party_scene.svg) no-repeat;
}

.term-gardening_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/gardening_scene.svg) no-repeat;
}

.term-play_outside_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/play_outside_scene.svg) no-repeat;
}

.term-play_home_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/play_home_scene.svg) no-repeat;
}

.term-cleaning_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/cleaning_scene.svg) no-repeat;
}

.term-cooking_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/cooking_scene.svg) no-repeat;
}

.term-bicycle_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/bicycle_scene.svg) no-repeat;
}

.term-car_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/car_scene.svg) no-repeat;
}

.term-prevention_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/prevention_scene.svg) no-repeat;
}

.term-music_scene .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/music_scene.svg) no-repeat;
}

.term-uncategorized .taxonomy_icon_wrapper::before {
    background: url(../images/systems/icon/party_scene.svg) no-repeat;
}

.term-winter .taxonomy_icon_wrapper img,
.term-summer .taxonomy_icon_wrapper img,
.term-autumn .taxonomy_icon_wrapper img,
.term-spring .taxonomy_icon_wrapper img{
    filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(120deg) brightness(108%) contrast(101%);
}

.term-winter .taxonomy_icon_wrapper::before,
.term-summer .taxonomy_icon_wrapper::before,
.term-autumn .taxonomy_icon_wrapper::before,
.term-spring .taxonomy_icon_wrapper::before{
    filter: unset;
    opacity: 1;
}

.term-winter .taxonomy_icon_wrapper::before {
    background-color: #419CC0;
}

.term-summer .taxonomy_icon_wrapper::before {
    background-color: #C0E5F9;
}

.term-autumn .taxonomy_icon_wrapper::before {
    background-color: #F9C270;
}

.term-spring .taxonomy_icon_wrapper::before {
    background-color: #E4E980;
}

.term-all_season .taxonomy_icon_wrapper,
.term-uncategorized .taxonomy_icon_wrapper{
    display: none;
}









/* ********************************** 製品タグ_タクソノミーページの設定 ********************************** */
.tax-item_tag .tag_text{
    padding: 1em 0 2em 0;
}

.tax-item_tag .comment {
    width: 100%;
    max-width: 550px;
    border-radius: 1em;
    border: 5px solid var(--notecolor);
    padding: 1.5em 2em;
    margin: 2em auto 2em auto;
    position: relative;
    text-align: center;
}

.tax-item_tag .comment .tag_name{
    background-color: var(--hovercolor);
    padding: 0.2em 0.5em;
    margin-right: 0.5em;
}