/*商品*/
@media (min-width: 768px) {
    .content-front .heading-unit__text {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }

    .col-4 {
        width: calc((100% - 45px) / 4);
    }
    .category-contents__flexbox_00 {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    .col_4 img{
        width: 80%;
    }
    .block-product__list{
        gap: 30px 15px;
    }
    .block-product__list-rank{
        gap: 30px 15px;
    }
    .col_2{
        width: calc((100% - 15px) / 2);
        padding: 0;
    }

    /*.block-items__item__link{
        flex-direction: column;
    }*/
    .block-productlist__label .block-items__item__img{
        text-align: center;
    }
    .block-productlist__label .block-items__item__info{
        width: 100%;
    }
    .block-productlist__label .block-items__item__name{
        display: flex;
        overflow: hidden;
        font-size: 1.4rem;
    }
    .block-productlist__label .block-items__item__name p{
        flex-grow: 1;
        display: flex;
    }
    .col_4 .block-items__item__link{
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        /* margin: 10px 4px; */
    }

    .block-productlist__label .block-items__item__price{
        display: flex;
    }
    .block-productlist__label .block-items__item__price--unit{
        font-size: 2.2rem;
    }
    .block-productlist__label .block-items__item__price--count{
        font-size: 1.3rem;
    }
    .block-productlist__label .block-product__desc{
        -webkit-line-clamp: 4;
    }
    /*.block-product__link-btn{
        width: 85%;
        display: block;
        position: relative;
        background: #a17b7b;
        margin: auto auto 0;
        padding: 5px 10px;
        text-align: center;
        border-radius: 50px;
        color: #fff;
        font-size: 1.5rem;
    }*/
    .block-product__link-btn:after {
        content: "";
        position: absolute;
        top: 46%;
        right: 15px;
        width: 7px;
        height: 7px;
        border-bottom: 2px solid;
        border-right: 2px solid;
        border-color: #fff;
        transform: rotate(-45deg) translate(0, -50%);
    }
    .col_4 .link-btn{
        width: 100%;
    }
    .col_2 .link-btn{
        width: 100%;
    }
    .rank_img img {
        width: 50px;
    }
    .rank_num_5 {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        text-align: center;
        align-items: center;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin: 7px auto 0;
    }
    .rank_num {
        width: 35px;
        height: 35px;
        margin-bottom: 1rem;
        line-height: 38px;
        text-align: center;
        font-size: 20px;
        font-family: Roboto, sans-serif;
        background-color: #323232;
        border-radius: 50%;
        color: #fff;
    }
    .sp-title_rank{
        font-size: 2.5rem;
    }
    .sp-title{
        font-size: 2.7rem;
    }
    .sub_midashi{
        font-size: 2.2rem;
    }
    .sma{
        display: none;
    }
    .rank_num{
        width: 35px;
        height: 35px;
        margin-bottom: 1rem;
        line-height: 38px;
        text-align: center;
        font-size: 20px;
        font-family: Roboto, sans-serif;
        background-color: #323232;
        border-radius: 50%;
        color: #fff;
    }
    .pc_on{
        display: block;
    }
    .sp_on{
        display: none;
    }

    .col_2 .block-items__item__right{
        margin-left: 15px;
        display: flex;
        flex-direction: column;
    }  
    .col_4 .block-items__item__right{
        display: flex;
        flex-direction: column;
    }  
    .col_2 .block-items__item__img, .col_2 .block-items__item__right{
        width: 60%;
    }
    .col_4 .block-items__item__right{
        padding: 10px;
        display: flex;
        flex-grow: 1;
        flex-direction: column;
    }
}
@media(max-width: 767px){
    .col_4 .block-items__item__link{
        display: flex;
    }
    .block-productlist__label .block-items__item__price--count{
        font-size: 1.2rem;
    }
    .block-productlist__label .block-items__item__price--unit{
        font-size: 2rem;
    }
    .block-items__item__right{
        margin-left: 11px;
    }
    .main-title{
        font-size: 2rem;
    }
    .main-introduction{
        font-size: 1.4rem;
    }
    .anchor_return{
        margin: 10px 0 40px;
    }
    .anchor_return a {
        font-size: 1.6rem;
    }
    .col_5{
        max-width: 100%;
    }
    .col-4 {
        width: 100%;
    }
    .block-items__item__link-rank .block-items__item__img{
        padding: 0;
    }
    .col_2 .block-items__item__img,.col_4 .block-items__item__img{
        width: 43%;
        padding: 0;
    }
    .label_about p{
        font-size: 1.5rem;
    }
    .rank_img {
        display: flex;
        text-align: center;
        align-items: center;
        width: 35%;
        margin: 0 auto;
    }
    .rank_img img {
        width: 120px;
    }
    .rank_num_5 {
        display: flex;
        text-align: center;
        align-items: center;
        margin: 0.4rem auto 0;
    }
    .rank_num {
        width: 30px;
        height: 30px;
        display: inline-block;
        line-height: 34px;
        text-align: center;
        font-size: 15px;
        font-family: Roboto, sans-serif;
        background-color: #323232;
        border-radius: 50%;
        color: #fff;
    }
    .sp-title_rank{
        font-size: 2rem;
    }
    .sp-title{
        font-size: 2rem;
    }
    .block-product__list{
        padding-bottom: 30px;
    }
    .pc{
        display: none;
    }
    .product-swiper__wrap{
        padding: 0;
    }
    .product-list .swiper-slide {
    width: 120px;
    max-width: 100%;
    }
    .product-swiper-prev,
    .product-swiper-next,
    .product-swiper-pagination{
        display: none;
    }
    .rank_num {
        width: 30px;
        height: 30px;
        margin: 0 auto;
        display: inline-block;
        line-height: 34px;
        text-align: center;
        font-size: 15px;
        font-family: Roboto, sans-serif;
        background-color: #323232;
        border-radius: 50%;
        color: #fff;
    }
    .contents__text_02 {
        padding: 1rem;
        width: 100%;
        margin: 0 auto 1.7rem;
    }
    .category-contents_flexbox{
        font-size: 1.7rem;
        font-weight: bold;
        color: #fff;
    }
    .block-items__item__min_lot{
        font-size: 1.3rem;
        color: #707070;
        margin-top: 10px;
        text-align: right;
    }
    .col_2 .block-items__item__tags {
        margin-bottom: 10px;
    }
/*アイコン*/
    .charge_icon p{
        position: absolute;
        display: inline-block;
        width: 50px;
        height: 50px;
        left: 0;
        top: 0;
        line-height: 50px;
        text-align: center;
        font-weight: bold;
        color: #fff;
        font-size: 1.4rem;
        background: #2c8ccc;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -o-border-radius: 50px;
        -ms-border-radius: 50px; 
        border-radius: 50px;
    }
    
    .duble_icon .icon_02{
        position: absolute;
        display: inline-block;
        width: 50px;
        height: 50px;
        left:  0px;
        top: 55px;
        line-height: 52px;
        text-align: center;
        font-weight: bold;
        color: #fff;
        font-size: 1.4rem;
        background: #e94964;
        -moz-border-radius: 50px;
        -webkit-border-radius: 50px;
        -o-border-radius: 50px;
        -ms-border-radius: 50px; 
        border-radius: 50px;
    }
    .pc_on{
        display: none;
    }
    .deadline_midashi{
        width: 48px;
    }
    .price_midashi{
        width: 48px;
    }
    .quick_price{
        font-size: 12px;
    }
}
@media (min-width: 1024px) {
    .col_4{
        width: calc((100% - 45px) / 4);
        padding: 0;
    }
}
@media (min-width: 768px) and (max-width: 1227px) {
    .deadline_midashi{
        width: 50px;
    }
    .price_midashi{
        width: 50px;
    }
}
@media screen and (max-width: 500px){
    @keyframes scrollAnime{
        0% { transform: translateX(0)}
      100% { transform: translateX(-100%)}
    }
}
/* おすすめ */
.recommend-ttl{
    font-size: 2rem;
    background: #ff6800;
    display: block;
    color: #fff;
    line-height: 1.2;
    padding: 11px 25px;
    border-radius: 10px 10px 0 0;
    text-align: center;
}
.flexbox{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    background: #e0efff;
    margin-bottom: 60px;
    padding: 20px;
    border-radius: 0 0 10px 10px;
}
.flexbox-left{
    width: 250px;
}
.flexbox-left img{ 
    vertical-align: bottom;
}
.flexbox-right{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.flexbox-right .subttl{
    font-size: 1.6rem;
    font-weight: bold;
}
.flexbox-right h3{
    font-size: 3.2rem;
    line-height: 1.2;
}
.flexbox-right .comment{
    font-size: 1.3rem;
}
@media (min-width: 768px){
    .recommend-ttl{
        display: inline-block;
        border-radius: 10px 10px 0 0;
    }
    .flexbox{
        flex-direction: row;
        border-radius: 0 10px 10px 10px;
    }  
    .flexbox-left{
        width: 250px;
    }
    .flexbox-right{
        width: calc(100% - 270px);
    }
    .flexbox-right h3{
        font-size: 4rem;
    }
    .flexbox-right .comment{
        font-size: 1.6rem;
    }
}

/* product_list */
.block-product__list.product-list__fall{
    display: flex;
    flex-wrap: wrap;
    gap: 20px ;
    padding: 30px 0;
}
.block-product__list.product-list__fall > li{
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.product-list__fall .block-items__item__link{
    display: flex;
    padding: 10px;
    color: #222;
    transition: all 0.2s;
    box-sizing: border-box;
    /* height: 100%; */
}
.product-list__fall .block-items__item__link:hover{
    opacity: 0.7;
}
.product-list__fall .block-items__item__img{
    text-align: center;
    padding: 0;
    position: relative;
}
.product-list__fall .block-items__item__img img{
    position: static;
    vertical-align: bottom;
    width: 300px;
}
.product-list__fall .block-items__item__info{
    width: 100%;
    display: flex;
    flex-grow: 1;
    flex-direction: column;
}
.product-list__fall .block-items__item__name{
    height: 4rem;
    word-break: break-word;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.4;
    text-decoration: none;
    font-size: 1.4rem;
    font-weight: bold;
}
.product-list__fall .block-items__item__price{
    display: flex;
    gap: 10px;
    justify-content: left;
    align-items: baseline;
}
.product-list__fall .block-items__item__price--unit{
    font-size: 1.6rem;
}
.product-list__fall .block-items__item__price--count{
    font-size: 1.1rem;
}
.product-list__fall .block-product__desc{
    color: #888888;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.5;
    font-size: 1.1rem;
    margin: 5px 0 15px;
}
.product-list__fall .block-product__link-btn{
    width: 100%;
    max-width: 300px;
    display: block;
    position: relative;
    background: #924238!important;
    margin: auto auto 0;
    padding: 7px 10px;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
}
.product-list__fall .block-product__link-btn:after {
    content: "";
    position: absolute;
    top: 46%;
    right: 10px;
    width: 7px;
    height: 7px;
    border-bottom: 2px solid;
    border-right: 2px solid;
    border-color: #fff;
    transform: rotate(-45deg) translate(0, -50%);
}
@media (min-width: 768px){
    .block-product__list.product-list__fall  > li{
        width: calc((100% - 60px) / 4);
    }
    .block-product__list.product-list__fall > .col_2{
        width: calc((100% - 10px) / 2);
    }
    .product-list__fall .block-items__item__name{
        font-size: 1.5rem;
    }
    .product-list__fall .block-items__item__price--unit{
        font-size: 2.2rem;
    }
    .product-list__fall .block-items__item__price--count{
        font-size: 1.3rem;
    }
    .product-list__fall .block-product__desc{
        font-size: 1.2rem;
        -webkit-line-clamp: 4;
    }
}
@media (max-width: 767px){
    .block-product__list.product-list__fall > li{
        width: 100%;
    }
}

/* 別ページリンクボタン */
.all-item_btn{
    margin-bottom:70px ;
}
.all-item_btn a{
    display: flex;
    justify-content: center;
    position: relative;
    padding: 20px 30px 20px 15px;
    border: 3px solid #ff6800;
    border-radius: 5px;
    color: #222;
    font-size: 1.6rem;
    font-weight: bold;
    max-width: 600px;
    margin: auto;
}
.all-item_btn a:after{
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 10px;
    height: 10px;
    transform: rotate(-45deg) translate(0, -50%);
    border-bottom: 3px solid #ff6800;
    border-right: 3px solid #ff6800;
}
.all-item_btn a:hover{
    opacity: 0.7;
}

/* sidenavi */
#side_navi{
    display: none;
}
.section-navi{
    margin-top: -100px;
    padding: 110px 0 50px;
}
@media screen and (min-width: 1400px) and (min-height: 550px){
    /* 初期表示はサイドメニューが表示された状態 */
    #side_navi {
        position: fixed;
        display: block;
        z-index: 100;
        right: -130px; 
        bottom: 20px;
        transition: all 0.3s ease; 
    }
    /* 非表示時のスタイル */
    #side_navi.hidden {
        right: -130px;
    }
    #side_navi.visible{
        right: -130px; 
    }
    #side_navi.visible.hidden{
        right: 0; 
    }
    /* トグルボタンのスタイル */
    .toggle-btn {
        position: absolute;
        left: -34px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #efefef;
        border: 1px solid #dfdfdf;
        border-radius: 5px 0 0 5px;
        border-right: none;
        padding: 25px 10px;
        cursor: pointer;
        z-index: 1000;
        transition: all 0.3s ease;
        font-size: 1.4rem;
    }
    #side_navi .toggle-btn {
        opacity: 0;
        cursor: default;
    }
    #side_navi.visible .toggle-btn,
    #side_navi.visible.hidden .toggle-btn{
        opacity: 1;
        cursor: pointer;
    }
    .item_navi {
        position: relative;
        border-radius: 10px 0 0 10px;
        width: 130px;
        padding: 15px 10px;
        text-align: center;
        background: #efefef;
        border: 1px solid #dfdfdf;
        border-right: none;
    }
    .snav li {
        margin-top: 7px;
        position: relative;
    }
    .snav li a {
        display: flex;
        align-items: center;
        position: relative;
        color: #222;
        padding: 2px 2px 2px 14px;
        min-height: 30px;
        border: 1px solid #b3b3b3;
        border-radius: 5px;
        background: #fff;
        line-height: 1.3;
        font-size: 1rem;
        font-weight: bold;
        text-align: left;
        transition: all 0.2s;
    }
    .snav li a:before{
        content: "";
        position: absolute;
        top: 39%;
        left: 5px;
        color: #bf0000;
        border-style: solid;
        border-color: transparent;
        border-width: 0.35em 0.5em;
        border-right-color: currentColor;
        border-left: 0;
    }
    .snav li a:hover {
        color: #fff;
        background: #bf0000;
    }
    .snav li a.active {
        color: #fff;
        background: #bf0000;
    }
}
@media screen and (min-width: 1500px) and (min-height: 650px){
    #side_navi {
        right: -150px; 
    }
    /* 非表示時のスタイル */
    #side_navi.hidden {
        right: -150px;
    }
    #side_navi.visible{
        right: -150px; 
    }
    .item_navi {
        width: 150px;
        padding: 15px 10px;
    }
    .snav li {
        margin-top: 7px;
    }
    .snav li a {
        padding: 4px 5px 4px 17px;
        min-height: 33px;
        font-size: 1.2rem;
    }
}

h1.doujin-goods {
    /* margin-top: 20px; */
    font-size: 2.5rem; /* 25px */
    color: #ffffff;
    }

@media (max-width: 768px) {
h1.doujin-goods {
    font-size: 18px;
    margin-top: 15px;
    color: #ffffff;
}
}

.rank_item{
    font-weight: bold;
}

.product-list__ranking{
    position: relative;
}
  
.summer_sp{
        font-size: 25px;
        color: #000000;/*文字色*/
        padding: 0.2em 0;/*上下の余白*/
        /*border-top: solid 4px #03A9F4;上線*/
        border-bottom: solid 5px #ff6800;/*下線*/
        margin-top: 50px;
        font-weight: bold;
    }

.col-4{
        font-weight: bold;
        padding: 0;
    }   
    .col-3{
        font-weight: bold;
        padding: 0;
    }
    .col-02{
        font-weight: bold;
    }
    /*.category-contents {
        justify-content: center;
    }*/
    .category-contents_item02 {
        background: #fff;
        border: 1px solid #eebd00;
        border-radius: 5px;
        overflow: hidden;
    }
    .category-contents_flexbox{
        padding: 7px;
        font-size: 1.5rem;
        color: #000;
    }
    .category-contents_flexbox:hover{
        opacity: 0.5;
    }
    .category-contents_flexbox::before {
        content: '';
        width: 25px;
        height: 25px;
        background: #eebd00;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -9px;
    }
    .category-contents_flexbox::after {
        content: '';
        width: 8px;
        height: 8px;
        border: 0;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        position: absolute;
        top: 50%;
        right: 19px;
        margin-top: -2px;
        transform: rotate(45deg);
    }

    .category-contents__item{
        background: #fff;
        border: 1px solid #000000;
        border-radius: 5px;
        overflow: hidden;
    }
    .category-contents_item{
        background: #fff;
        border: 2px solid #924238;
        border-radius: 5px;
        overflow: hidden;
    }
    .category-contents_item :hover{
        background: #924238;
        color: #fff;
    }
    .category-contents_item a{
        display: flex;
        flex-direction: column;
        color: #222;
        height: 100%;
        box-sizing: border-box;
        transition: all 0.2s;
    }
    .category-contents_item .contents_text {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 60px;
        padding: 10px;
        height: 100%;
        font-size: 1.4rem;
    }
    .category-contents__flexbox_00{
        flex-direction: column;
        color: #222;
        height: 100%;
        box-sizing: border-box;
        transition: all 0.2s;
    }
    .cate-contents_flexbox{
        font-size: 1.4rem;
        text-align: center;
    }
    .cate-contents_flexbox::before {
        content: '';
        width: 25px;
        height: 25px;
        background: #eebd00;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -9px;
    }
    .cate-contents_flexbox::after {
        content: '';
        width: 8px;
        height: 8px;
        border: 0;
        border-top: solid 2px #fff;
        border-right: solid 2px #fff;
        position: absolute;
        top: 50%;
        right: 18px;
        margin-top: -3px;
        transform: rotate(135deg);
    }
    @media screen and (min-width: 768px){
        .category-contents__flexbox_00 {
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
        }
    }

    .breadcrumb {
        padding-top: 15px;
    }
    /* カテゴリのimgと説明文 */
    .cate_about{
        margin: 25px auto 35px;
    }
    .cate_about p{
        font-size: 1.2rem;
        margin: 15px auto 50px;
    }
    @media screen and (min-width: 768px){
        .cate_about{
            display: flex;
        }
        .cate_about img{
            width: 46%;
        }
        .cate_about p{
            font-size: 1.6rem;
            margin-left: 2rem;
        }
    }

    /* 前書き */
    .inner-text {
        width: 100%;
        color: #383d48;
        font-size: 1.2rem;
    }
    
    /* おすすめ商品テキスト*/
    .inner-text02{
        width: 100%;
        color:#383d48;
        margin: 25px auto 35px;
    }
    .inner-text02 p {
        font-size: 1.6rem;
        line-height:2.8rem;
    }
    /* 人気商品ランキング */
    .ranking-container {
        margin-bottom: 50px;
    }
    .ranking__rank {
        background: #ffffff;
        letter-spacing: -0.1em;
    }
    .product-list__ranking .ranking__rank:before {
        font-size: 2.8rem!important;
        font-weight: bold;
    }
    .ranking__rank {
        position: absolute;
        width: 50px;
        height: 50px;
        top: -10px;
        left: -10px;
        padding-top: 5px;
        padding-bottom: 5px;
        padding-right: 0;
        padding-left: 10px;
        border-radius: 25px;
        color: #aaa;
        font-size: 1.2rem;
    }

    .product-list {
    margin-top: 20px;
    margin-bottom: 40px;
    }
    .product--list__name {
        color: #222;
        height: 4em!important;
        line-height: 1.4;
        font-size: 1.2rem;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        padding-top: 10px;
    }
    /*活用シーン*/
.label_feature{
    margin-bottom: 5rem;
}
.label_scene ul,.feature_list ul{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}
    .label_scene ul li img,.feature_list ul li img{
    border-radius: 7px;
    width: 100%;
}
.label_scene ul li,.feature_list ul li{
    margin-bottom: 1.5rem;
    width: calc((100% - 15px) / 2);
}
.scene_name{
    text-align: center;
    font-weight: bold;
    font-size: 15px;
    color: #000;
}

     /* うちわ商品リスト */
.block-uchiwalist__type{
    font-size:2rem;
    font-weight:bold;
}
.block-uchiwalist__wrap{
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-wrap: wrap;
    padding-bottom: 50px;
    gap:20px;
}
.block-uchiwalist__card{
    position: relative;
    width:100%;
    display: flex;
    justify-content:space-between;
    background: #fff;
    padding: 10px;
    gap: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.block-uchiwalist__wrap a{
    display: contents;
    color:#222;
    transition:all 0.2s;
}
.block-uchiwalist__card_2{
    width: calc((100% - 30px) / 2);
    position: relative;
    display: flex;
    justify-content:space-between;
    background: #fff;
    padding: 10px;
    gap: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.block-uchiwalist__card_2:hover{
    opacity:0.7;
}
.block-uchiwalist__card_4{
    width: calc((100% - 30px) / 2);
    position: relative;
    display: flex;
    justify-content:space-between;
    background: #fff;
    padding: 10px;
    gap: 15px;
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.block-uchiwalist__card_4:hover{
    opacity:0.7;
}
.block-uchiwalist__image{
    overflow: hidden;
    width:50%;
    display: flex;
}
.block-uchiwalist__image img{
    width: 100%;
}
.block-uchiwalist__image a{
    display: flex;
    align-items: center;
}

.block-uchiwalist__image_4{
    overflow: hidden;
}
.block-uchiwalist__image_4 img{
    width: 100%;
}

.block-uchiwalist__detail {
    display: flex;
    flex-direction: column;
    width:50%;
}
.block-items_flex{
    flex-grow: 1;
}
.block-uchiwalist__detail .block-items__item__tags{
    display: flex;
}
.block-uchiwalist__detail .block-items__item__tag{
    font-size: 1.1rem;
    color: #222;
    border-radius: 50px;
    padding: 5px 10px 5px 30px;
    align-items: center;
    line-height: 1;
    border: 2px solid #ccc;
}
.block-uchiwalist__detail .block-items__item__tag:before{
    width: 13px;
    height: 13px;
    left: 10px;
}
.block-uchiwalist__quality{
    margin-bottom:5px;
    line-height: 2.2rem;
    font-size: 1.3rem;
    color: #000000;
    margin: 17px 0;
}
.block-uchiwalist__name{
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.4;
}
.block-uchiwalist__name_4{
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1.4;
}
.block-uchiwalist__price {
    border-bottom: 1px solid #ccc;
    line-height: 1;
    margin-top: 10px;
    align-items: flex-end;
    display: flex;
    justify-content: space-between;
}
.uchiwalist__lot{
    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 5px;
}
.uchiwalist__unitprice{
    font-size: 1.4rem;
    font-weight: bold;
}
.uchiwalist__unitprice b{
    color:#ff0000;
    font-size: 2.4rem;
}
.block-uchiwalist__tax{
    color:#555;
    text-align:right;
    font-size:1.1rem;
}
.uchiwalist__shipment{
    color:#7a7a7a;
    font-size: 1.3rem;
    font-weight: normal;
}
.block-uchiwalist__price-table{
    margin-top: auto;
    padding-top: 5px;
    display: none;
}
.block-uchiwalist__price-table table{
    width: 100%;
    table-layout: fixed;
}
.block-uchiwalist__price-table th,
.block-uchiwalist__price-table td {
    vertical-align: middle;
    text-align: center;
    border: 1px solid #ccc;
    padding: 3px;
    background: #fff;
    font-size: 1.2rem;
}
.block-uchiwalist__price-table thead th{
    background: #555;
    color: #fff;
}
.block-uchiwalist__price-table tbody th{
    background: #f5f5f5;
}
.block-uchiwalist__price-table tbody td{
    color:#ff0000;
    font-weight: bold;
}
.block-uchiwalist__link{
    display:block;
}
@media screen and (min-width: 768px){
    .scene_name{
        font-size: 17px;
        color: #000;
    }
    .label_scene ul,.feature_list ul{
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
    }
    .label_scene ul li,.feature_list ul li{
        width: calc((100% - 45px) / 4);
    }
    .block-uchiwalist__wrap{
        gap:30px;
    }
    .block-uchiwalist__card{
        width: calc((100% - 30px) / 2);
        padding:15px;
        gap: 20px;
    }
    .block-uchiwalist__card_4{
        width: calc((100% - 90px) / 4);
        padding:15px;
        gap: 20px;
    }
    .block-uchiwalist__card_2{
        width: calc((100% - 90px) / 4);
        padding:15px;
        gap: 20px;
    }
    .block-uchiwalist__quality{
        font-size:1.4rem;
    }
    .block-uchiwalist__name{
        font-size: 2rem;
    }
    .uchiwalist__unitprice{
        font-size: 1.2rem;
    }
    .uchiwalist__unitprice b{
        font-size: 2.2rem;
    }
    .block-uchiwalist__price-table{
        display: block;
    }
    .block-uchiwalist__price-table th,
    .block-uchiwalist__price-table td {
        font-size: 1.4rem;
    }
}

    /*矢印　タブのところ*/
    
    .tab-label {
        display: flex;
        position: relative;
        align-items: center;
        color: #fff;
        padding: 12px 35px 12px 10px;
        line-height: 1.4;
        font-size: 16px;
        font-weight: bold;
    }
      
    .tab-label::before {
        content: '';
        width: 18px;
        height: 18px;
        background: #ffffff;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        right: 10px;
        margin-top: -9px;
    }
      
    .tab-label::after {
        content: '';
        width: 6px;
        height: 6px;
        border: 0;
        border-top: solid 2px #ff9191;
        border-right: solid 2px #ff9191;
        position: absolute;
        top: 50%;
        right: 15px;
        margin-top: -5px;
        transform: rotate(135deg);
    }
    @media screen and (min-width: 768px){
        .design_date{
            display: flex;
        }
        .flow_box ul{
            display: flex;
        }
        .flow_box ul li{
            width: 25%;
            border: solid 1px #ccc;
            border-right: none;
        }
        .flow_box ul li:last-child{
            border-right: solid 1px #ccc;
        }
        .flow_box ul li div{
            display: block;
        }
        .flow_box ul li div img{
            width: 100px;
            display: block;
            margin: auto;
        }
        .middle_yaji img{
            position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          margin: auto;
        }
        .press_text{
            margin-left: 2rem;
        }
    }
    .category-contents_02{
        display: flex;
        gap: 2rem;
    }
    /*タブの切り替え*/
    .trend-tab__wrap{
        margin: 30px 0;
    }
    .trend-tab__wrap .tab-list {
        display: flex;
        justify-content: space-between;
        gap: 5px;
        padding: 0 5px;
    }
    .trend-tab__wrap .tab-list-item {
        position: relative;
        text-align: center;
        background-color: #ffdede;
        padding: 15px 5px;
        width: 100%;
        line-height: 1.4;
        font-size: 1.8rem;
        font-weight: bold;
        border-radius: 5px 5px 0 0;
    }
    .trend-tab__wrap .tab-list-item span{
        display: none;
    }
    .trend-tab__wrap .tab-list-item:hover {
        color:#9d0000;
        cursor: pointer;
    }
    .trend-tab__wrap .tab-list-item.active {
        background-color: #ff9191;
        color: #fff;
    }
    .trend-tab__wrap .tab-list-item.active:after{
        content: "";
        position: absolute;
        z-index: 1;
        left: 40%;
        bottom: -8px;
        border-top: 9px solid #ff9191;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-bottom: 0;
    }
    .trend-tab__wrap .tab-contents{
        background: #f7f7f7;
        padding: 20px 10px;
    }
    .trend-tab__wrap .tab-contents-item {
        display: none;
    }
    .trend-tab__wrap .tab-contents-item.show {
        display: block;
        padding-bottom: 10px;
    }
    .trend-tab__wrap .tab-contents-item .category-contents{
        padding-bottom:0;
    }
    .category-list{
        gap: 10px;
        justify-content: flex-start;
    }
    .trend-tab__wrap .category-list__item{
        width: calc((100% - 10px) / 2);
        margin: 0;
    }
    .trend-tab__wrap .category-list__item img{
        max-height: 137px;
        vertical-align: bottom;
    }
    .trend-tab__wrap .button__more{
        margin: 0;
    }
    .trend-tab__wrap .button__more a{
        background: #fff;
    }
    .tab-wrap .tab-contents-item {
        display: none;
    }
    .tab-wrap .tab-contents-item.show {
        display: block;
        padding-bottom: 10px;
    }
    @media screen and (min-width: 768px){
        .trend-tab__wrap .tab-contents{
            padding: 20px 20px 30px;
        }
        .trend-tab__wrap .category-list__item{
            width: calc((100% - 20px) / 3);
            margin: 0;
        }
        .trend-tab__wrap .tab-list-item span{
            display: inline-block;
            font-size:1.2rem;
            font-weight: normal;
        }
    }
    
    /* レスポンシブ */
    @media screen and (max-width: 640px){/* 640px以下でスマホ画面時*/
    h3 {
    font-size:1.6rem;/*16px*/
    }
    p{
    font-size:1.2rem;/*12px*/
    }
    }
    @media screen and (max-width: 767px){
        .col-4{
            width: 100%;
        }
        .col-3{
            width: 100%;
        }
        .col-02{
            width: 100%;
        }
        .category-contents_flexbox{
            padding: 0 25px 0 0;
        }

        .design_date{
            display: flex;
            flex-flow: column;
        }
        .cate_list {
            width: calc((100% - 11%) / 2);
        }
        .cate_list img{
            display: none;
        }
        .tab-label{
            width: calc((100% - 3%) / 2);
        }
        .cate_list{
            margin: 3px 10px 3px 10px;
        }
        .cate_doujin_list{
            margin-top: 17px;
        }
        .middle_yaji{
            width: 9rem;
            display: block;
            margin: auto;
       }
    
        .inner-text p {
            font-size: 1.2rem;
            line-height:2.2rem;
            margin: 15px auto 50px;
        }
        .inner-text02 p {
        font-size: 1.2rem;
        line-height:2.2rem;
        }
        .flow_box p{
            padding: 1.5rem;
        }
        .press_text{
            margin-left: 0.5rem;
        }
        .tab-list{
            display: flex;
            flex-wrap: wrap;
            margin-top: 20px;
            gap: 4px;
            justify-content: space-between;
        }
        .tab-list-item{
            width: calc((100% - 3%) / 2);
            display: flex;
            position: relative;
            align-items: center;
            color: #000000;
            padding: 12px 35px 12px 10px;
            line-height: 1.4;
            font-size: 16px;
            font-weight: bold;
            background-color: #e8e8e8;
        }
        .tab-list-item:hover{
            color:#9d0000;
        }
        .tab-list-item::before {
            content: '';
            width: 18px;
            height: 18px;
            background: #ffffff;
            border-radius: 50%;
            position: absolute;
            top: 50%;
            right: 10px;
            margin-top: -9px;
        }
        .tab-list-item::after {
            content: '';
            width: 6px;
            height: 6px;
            border: 0;
            border-top: solid 2px #ff9191;
            border-right: solid 2px #ff9191;
            position: absolute;
            top: 50%;
            right: 15px;
            margin-top: -5px;
            transform: rotate(135deg);
        }
        .tab-wrap .tab-list-item.active {
            background-color: #ff9191;
            color: #fff;
        }
    }
    @media screen and (min-width: 768px){
        .col-4{
            width: calc((100% - 60px) / 5);
        }
        .col-3{
            width: calc((100% - 30px) / 3);
        }
        .col-02{
            width: calc((100% - 15px) / 2);
        }
        .menu-list {
            gap: 15px 1.25%;
        }
        .menu-button {
                width: 230px;
        }
        .desktop-hidden {
        display: none;
        }
        .feature_product-list {
            gap: 15px 36px;
        }
        .feature_product-card {
            width: calc((100% - 12%) / 5);
            border-bottom: none;
        }
        .cate_list{
            margin: 20px 10px 20px 10px;
            width: calc((100% - 9%) / 4);
        }
        .middle_yaji{
            width: 150px;
        }
    
        .inner-text p {
            font-size: 1.6rem;
            line-height:2.8rem;
            /* margin: 30px auto 50px; */
        }
    
        .cate_press a{
            display: flex;
        }
    
        .tab-wrap{
            margin: 30px 0;
        }
        .tab-wrap .tab-list {
            display: flex;
            justify-content: space-between;
            gap: 5px;
            /*padding: 0 5px;*/
        }
        .tab-wrap .tab-list-item {
            position: relative;
            text-align: center;
            background-color: #e8e8e8;
            padding: 15px 5px;
            width: 100%;
            line-height: 1.4;
            font-size: 1.8rem;
            font-weight: bold;
            border-radius: 5px 5px 0 0;
        }
        .tab-wrap .tab-list-item span{
            display: none;
        }
        .tab-wrap .tab-list-item:hover {
            color:#9d0000;
            cursor: pointer;
            opacity: 0.7;
        }
        .tab-wrap .tab-list-item.active {
            background-color: #ff9191;
            color: #fff;
        }
        .tab-wrap .tab-list-item.active:after{
            content: "";
            position: absolute;
            z-index: 1;
            left: 40%;
            bottom: -8px;
            border-top: 9px solid #ff9191;
            border-left: 8px solid transparent;
            border-right: 8px solid transparent;
            border-bottom: 0;
        }
        .tab-wrap .tab-contents{
            background: #f7f7f7;
            padding: 20px 10px;
        }
        .tab-wrap .tab-contents-item .category-contents{
            padding-bottom:0;
        }
        .feature_product-content{
            gap: 10px;
            justify-content: flex-start;
        }
        .tab-wrap .feature_product-content{
            width: calc((100% - 15px) / 2);
            margin: 0;
        }
        .tab-wrap .feature_product-content{
            /*max-height: 137px;*/
            vertical-align: bottom;
        }
        .tab-wrap .button__more{
            margin: 0;
        }
        .tab-wrap .button__more a{
            background: #fff;
        }
        .tab-wrap .tab-contents{
            padding: 20px 20px 30px;
        }
        .tab-wrap .feature_product-content{
            width: calc((100% - 60px) / 5);
            margin: 0;
        }
        .tab-wrap .tab-list-item span{
            display: inline-block;
            font-size:1.2rem;
            font-weight: normal;
        }
    }
    @media screen and (min-width: 1024px){
    .product-list__inr {
        padding-bottom: 0;
        width: 100%;
        flex-wrap: wrap;
    }
    }
    
    /* パソコンで見たときは"pc"のclassがついた画像が表示される */
    .pc { display: block !important; }
    .sp { display: none !important; }
    
    /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
    @media only screen and (max-width: 767px) {
        .pc { display: none !important; }
        .sp { display: block !important; }
    }
        
    .category-ranking__wrap {
        background: #ffffff !important;
        padding: 0px !important;
    }
    
     /* リセットCSS */
    * {
      list-style: none;
      box-sizing: border-box;
      margin: 0;
    }
    
    /*h2下線*/
    .fall_sp {
        font-size: 25px;
        color: #000000;
        padding: 0.2em 0;
        border-bottom: solid 3px #ff6800;
        margin-top: 50px;
        font-weight: bold;
    }
    
    
    /*防災グッズ種類*/
    .block-items__item__tag {
        font-size: 1.1rem;
        color: #222;
        border-radius: 50px;
        padding: 5px 10px 5px 20px;
        align-items: center;
        line-height: 1;
        border: 2px solid #ccc;
    }
    
    /*エマージェンシーボトルキット*/
    .block-uchiwalist__card_4 {
        display: block;
       position: relative;
       background: #fff;
       box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }
    .feature_product-content {
        display: flex;
        flex-direction: column;
        position: relative;
        min-height: 150px;
        padding-bottom: 1em;
        transition: opacity 0.3s;
        width: calc((100% - 15px) /2);
    }
    .contents__text{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 60px;
        padding: 10px;
        height: 100%;
        font-size: 1.4rem;
    }


        /*関連商品*/
    .related_item{
        display: flex;
        justify-content: center;
        gap: 20px;
        width: 700px;
        max-width: 100%;
        margin: auto;
        /*padding-bottom: 50px;*/
    }
@media screen and (max-width: 768px) {
    .related_item{
    flex-direction: column;
    }
}

    .related_item a{
        display: flex;
        width: 100%;
        justify-content: center;
        position: relative;
        padding: 20px 10px;
        border: 2px solid #924238;
        border-radius: 5px;
        color: #222;
        font-size: 1.4rem;
        font-weight: bold;
    }
    .related_item a:hover{
        background: #924238;
        color: #fff;
    }
    .related_item a:after{
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 7px;
        height: 7px;
        transform: rotate(-45deg) translate(0, -50%);
        border-bottom: 2px solid #924238;
        border-right: 2px solid #924238;
    }
    .related_item a:hover:after{
        border-bottom: 2px solid #fff;
        border-right: 2px solid #fff;
    }
    /* レスポンシブ */
    @media screen and (min-width: 768px) {
        .feature_product-content {
            width: calc((100% - 60px) / 5);
            border-bottom: none;
        }
        .contents__text{
            font-weight: bold;
        }
                .related_item a{
            font-size: 1.5rem;
        }
        .related_item a{
            width: 50%;
        }
    
    }


.heading-21 {
    position: relative;
    padding: .5em .7em .4em;
    border-bottom: 3px solid #924238;
    color: #000000;
    font-size: 22px;
}

.heading-21::before,
.heading-21::after {
    position: absolute;
    left: 30px;
    bottom: -15px;
    width: 30px;
    height: 15px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
}

.heading-21::before {
    background-color: #924238;
}

.heading-21::after {
    bottom: -11px;
    background-color: #fff;
}
.heading-11 {
    position: relative;
    padding: .5em .7em;
    background-color: #924238;
    color: #fff;
    font-size: 22px;
    margin-bottom: 30px;
    margin-top: 40px;
}

.heading-11::before {
    position: absolute;
    top: 100%;
    left: 0;
    border-bottom: solid 10px transparent;
    border-right: solid 20px #42210b;
    content: '';
}
/* 関連特集 */
.feature_list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px 20px;
    padding-bottom: 50px;
}
@media screen and (min-width: 600px) {
    .feature_list > li {
        width: calc((100% - 20px) / 2);
        -ms-flex-direction: column;
        flex-direction: column;
    }
}
.feature_list > li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    align-items: center;
    color: #333;
}
@media screen and (min-width: 600px) {
    .feature_list > li .tmb_box, .feature_list > li .txt_box {
        width: 100%;
    }
}
.feature_list > li .tmb_box img {
    width: 100%;
    vertical-align: bottom;
}
@media screen and (min-width: 600px) {
    .feature_list > li .tmb_box, .feature_list > li .txt_box {
        width: 100%;
    }
}
.feature_list > li .txt_box {
    width: 100%;
    padding-top: 7px;
}
@media screen and (min-width: 600px) {
    .feature_list > li .txt_box .name {
        font-size: 1.8rem;
    }
}
.feature_list > li .txt_box .name {
    margin-bottom: 5px;
    line-height: 1.4;
    font-size: 1.6rem;
    font-weight: bold;
}
@media screen and (min-width: 600px) {
    .feature_list > li .txt_box .comment {
        font-size: 1.3rem;
    }
}
.feature_list > li .txt_box .comment {
    line-height: 1.4;
    color: #555;
    font-size: 1.2rem;
}
.category-contents {
    padding-bottom: 0 !important;
}
.section-navi {
    margin-top: -100px;
    padding: 100px 0 50px;
}

/* PC表示用のスタイル */
.main-content-wrapper {
  width: 1200px;
  margin: 0 auto;
}

/* スマホ用のスタイル（画面幅が768px以下の場合に適用） */
@media (max-width: 768px) {
  .main-content-wrapper {
    width: 100% !important;
    padding: 0 15px 0;
  }
}
@media (min-width: 768px) {
    main {
        background: url(/html/user_data/assets/img/item/fall_sp/haikei_2.webp);
        background-attachment: fixed;
        background-size: cover;
        background-position: center;
    }
.main-visual{
    display: flex;
    justify-content: center;   
}
}

.main-header {
    margin-bottom: 0 !important;
}
.mv_inner img{
    padding-bottom: 15px;
}
@media screen and (min-width: 1024px) {
    .main-header {
        margin-bottom: 0px !important;
    }
}
@media screen and (min-width: 1024px) {
    .content {
        background: rgba(255, 255, 255, 0.7) !important;
    }
}
.tyousei{
    height: 100%;
}
@media screen and (min-width: 1024px) {
    .content--right-none {
        margin-right: 30px !important;
    }
}
.contents_top {
/* width: 1200px; */
    max-width: 100%;
    margin: auto;
    background: url(/html/user_data/assets/img/item/fall_sp/haikei_2.webp);
    background-attachment: fixed;
    background-size: cover;
    background-position: center;

}
/* sidenavi */
#side_navi{
    display: none;
}
/*.section-navi{*/
/*    margin-top: -70px;*/
/*    padding-top: 70px;*/
/*    margin-bottom: 70px;*/
/*    padding-bottom: 70px;*/
/*}*/

@media screen and (min-width: 1400px) and (min-height: 550px){
    /* 初期表示はサイドメニューが表示された状態 */
    #side_navi {
        position: fixed;
        display: block;
        z-index: 100;
        right: -130px; 
        bottom: 30px;
        transition: all 0.3s ease; 
    }
    /* 非表示時のスタイル */
    #side_navi.hidden {
        right: -130px;
    }
    #side_navi.visible{
        right: -130px; 
    }
    #side_navi.visible.hidden{
        right: 0; 
    }

    /* トグルボタンのスタイル */
    .toggle-btn {
        position: absolute;
        left: -34px;
        top: 50%;
        transform: translateY(-50%);
        background-color: #efefef;
        border: 1px solid #dfdfdf;
        border-radius: 5px 0 0 5px;
        border-right: none;
        padding: 25px 10px;
        cursor: pointer;
        z-index: 1000;
        transition: all 0.3s ease;
        font-size: 1.4rem;
    }
    #side_navi .toggle-btn {
        opacity: 0;
        cursor: default;
    }
    #side_navi.visible .toggle-btn,
    #side_navi.visible.hidden .toggle-btn{
        opacity: 1;
        cursor: pointer;
    }
    .item_navi {
        position: relative;
        border-radius: 10px 0 0 10px;
        width: 130px;
        padding: 15px 10px;
        text-align: center;
        background: #efefef;
        border: 1px solid #dfdfdf;
        border-right: none;
    }
    .snav li {
        margin-top: 5px;
        position: relative;
    }
    .snav li a {
        display: flex;
        align-items: center;
        position: relative;
        color: #222;
        padding: 2px 2px 2px 14px;
        min-height: 15px;
        border: 1px solid #b3b3b3;
        border-radius: 5px;
        background: #fff;
        line-height: 1.3;
        font-size: 1rem;
        font-weight: bold;
        text-align: left;
        transition: all 0.2s;
    }
    .snav li a:before{
        content: "";
        position: absolute;
        top: 39%;
        left: 5px;
        color: #bf0000;
        border-style: solid;
        border-color: transparent;
        border-width: 0.35em 0.5em;
        border-right-color: currentColor;
        border-left: 0;
    }
    .snav li a:hover {
        color: #fff;
        background: #bf0000;
    }
    .snav li a.active {
        color: #fff;
        background: #bf0000;
    }
    /*.section-navi{*/
    /*    margin-top: -100px;*/
        /*padding-top: 110px;*/
        /*margin-bottom: 100px;*/
    /*    padding-bottom: 100px;*/
    /*}*/
}
@media screen and (min-width: 1500px) and (min-height: 650px){
    #side_navi {
        right: -150px; 
    }
    /* 非表示時のスタイル */
    #side_navi.hidden {
        right: -150px;
    }
    #side_navi.visible{
        right: -150px; 
    }
    .item_navi {
        width: 150px;
        padding: 15px 10px;
    }
    .snav li {
        margin-top: 5px;
    }
    .snav li a {
        padding: 10px 5px 10px 17px;
        min-height: 15px;
        font-size: 1.2rem;
    }
}
/*花子　右下*/
#imageContainer {
    /* width: 300px; */
    cursor: pointer;
}