@media only screen and (min-width: 1001px) {
    #page.company_common.in #main,
    #page.guide_common.in #main_middle,
    #page.company_common.in #main_middle{
        width: 610px;
        margin: 0 auto;
    }

    #sitemap_page{
            width: 960px;
            margin: 0 auto;
            padding: 0 16px;
    }

        .pc {
        display: block !important;
    }

    .sp {
        display: none !important;
    }
}

@media only screen and (max-width: 1000px) {

        .pc {
        display: none !important;
    }
    .sp {
        display: block !important;
    }
}

.product_bifidus #ranking .ranking_item:nth-child(1)::before {
    background-image: url(/assets/template/morinaga/category/img/ranking_item_link_icon01.png)
}
.product_bifidus #ranking .ranking_item:nth-child(2)::before {
    background-image: url(/assets/template/morinaga/category/img/ranking_item_link_icon02.png)
}
.product_bifidus #ranking .ranking_item:nth-child(3)::before {
    background-image: url(/assets/template/morinaga/category/img/ranking_item_link_icon03.png)
}
.product_bifidus #ranking .ranking_item_img {
    border-radius: .7rem;
    height: auto;
}
.product_bifidus #h2_basic01 , .product_lactoferrin #h2_basic01{
    margin: 0 0 4% 0;
    text-align: left;
}
.product_bifidus #h2_basic01 h2 , .product_lactoferrin #h2_basic01 h2{
    font-size: 19px;
    color: #000;
    border-bottom: 2px solid #e80000;
    margin-bottom: 30px;
}
.product_bifidus #h2_basic02 h2 , .product_lactoferrin #h2_basic02 h2{
    font-size: 19px;
    color: #000;
}
.product_bifidus .ranking_ttl_txt , .product_lactoferrin .ranking_ttl_txt{
    font-family: "Zen Maru Gothic", sans-serif;
}
.product_bifidus #h2_basic02 , .product_lactoferrin #h2_basic02{
    font-family: "メイリオ", "Meiryo", "Avenir Next", "Verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "Osaka", sans-serif;
}
.product_bifidus .product_item , .product_lactoferrin .product_item{
    padding-bottom: 24px;
}

@media screen and (max-width: 750px) {
    .product_bifidus #h2_basic01 , .product_bifidus #h2_basic02 , .product_lactoferrin #h2_basic01  , .product_lactoferrin #h2_basic02{
        padding: 0 8px;
    }
    .product_bifidus #ranking  , .product_lactoferrin #ranking{
        background-color: #f4f1e4;
        padding: 3.4rem 0 5rem;
        padding-bottom:12vw;
        /*margin-left:-8px;*/
        margin-left: 0;
        /*margin-right:-8px;*/
        margin-right: 0;
    }
    .product_bifidus #ranking .flex , .product_lactoferrin #ranking .flex{
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        gap: 0.7vw;
        align-items: center;
        padding-left: 10px;
    }
    .product_bifidus #ranking .ranking_ttl , .product_lactoferrin #ranking .ranking_ttl{
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2.3rem;
    }
    .product_bifidus #ranking .ranking_list_wrap , .product_lactoferrin #ranking .ranking_list_wrap{
        overflow-x: scroll;
        padding: 2vw 0 7vw;
    }
    .product_bifidus #ranking .ranking_list , .product_lactoferrin #ranking .ranking_list{
        flex-wrap: nowrap;
        width: max-content;
        gap: 4vw;
        padding-right: 10px;
    }
    .product_bifidus #ranking .ranking_item , .product_lactoferrin #ranking .ranking_item{
        width: 40vw;
    }
    .product_bifidus #ranking .ranking_item::before , .product_lactoferrin #ranking .ranking_item::before{
    content: "";
    position: absolute;
    width: 2.6rem;
    aspect-ratio: 13 / 14;
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    left: .5rem;
    z-index: 99;
}
    .product_bifidus #ranking .ranking_ttl , .product_lactoferrin #ranking .ranking_ttl{
        gap: 2vw
    }
    .product_bifidus #ranking .ranking_ttl_txt , .product_lactoferrin #ranking .ranking_ttl_txt{
        font-size: 5.8666666667vw
    }
    .product_bifidus #ranking .ranking_list_wrap , .product_lactoferrin #ranking .ranking_list_wrap{
        overflow-x: scroll;
        padding: 2vw 0 7vw
    }
    .product_bifidus #ranking .ranking_list , .product_lactoferrin #ranking .ranking_lis{
        flex-wrap: nowrap;
        width: max-content;
        gap: 4vw;
        padding-right:10px;
        align-items: flex-start;
    }
    .product_bifidus #ranking .ranking_item , .product_lactoferrin #ranking .ranking_item{
        width: 40vw;
        position: relative;

    }
    .product_bifidus #ranking .ranking_item::before , .product_lactoferrin #ranking .ranking_item::before{
        width: 7vw;
        left: 3vw
    }
    .product_bifidus #ranking .ranking_item_name , .product_lactoferrin #ranking .ranking_item_name{
        font-size: 3.7333333333vw;
        line-height: 1.57142857;
        margin-top: 3.5vw
    }
    .product_bifidus .product_item , .product_lactoferrin .product_item{
        padding-bottom: 0;
    }
    .product_bifidus .item_name , .product_lactoferrin .item_name{
        height: auto !important;
        text-decoration: underline;
        margin-bottom: 8px;
    }
    .product_bifidus #ranking .product_item a , .product_lactoferrin #ranking .product_item a{
        text-decoration: underline;
    }
     .col-xs-1 , .col-sm-1 , .col-md-1 , .col-lg-1 , .col-xs-2 , .col-sm-2 , .col-md-2 , .col-lg-2 , .col-xs-3 , .col-sm-3 , .col-md-3 , .col-lg-3 , .col-xs-4 , .col-sm-4 , .col-md-4 , .col-lg-4 , .col-xs-5 , .col-sm-5 , .col-md-5 , .col-lg-5 , .col-xs-6 , .col-sm-6 , .col-md-6 , .col-lg-6 , .col-xs-7 , .col-sm-7 , .col-md-7 , .col-lg-7 , .col-xs-8 , .col-sm-8 , .col-md-8 , .col-lg-8 , .col-xs-9 , .col-sm-9 , .col-md-9 , .col-lg-9 , .col-xs-10 , .col-sm-10 , .col-md-10 , .col-lg-10 , .col-xs-11 , .col-sm-11 , .col-md-11 , .col-lg-11 , .col-xs-12 , .col-sm-12 , .col-md-12 , .col-lg-12{
        padding-left: 8px;
        padding-right: 8px;
    }
    .product_bifidus #item_list .col-xs-6 , .product_lactoferrin #item_list .col-xs-6{
        width: 50%;
    }
    .product_bifidus #h2_basic01 , .product_lactoferrin #h2_basic01 {
        margin: 0 0 4% 0;
        text-align: left;
    }
    .product_bifidus p.intro.col-sm-6 , .product_lactoferrin p.intro.col-sm-6{
        margin: 1em 0;
    }
    .product_bifidus #h2_basic01 h2  , .product_lactoferrin #h2_basic01 h2{
        font-size: 19px;
        color: #000;
        border-bottom: 2px solid #e80000;
        margin-bottom: 30px;
        font-weight: bold;
    }
    .product_bifidus #h2_basic02 h2  , .product_lactoferrin #h2_basic02 h2{
        font-size: 19px;
        color: #000;
        font-weight: bold;
    }
    .product_bifidus #h2_basic02 p , .product_lactoferrin #h2_basic02 p{
        font-size: 1.6rem;
        margin-block-end: 1em;
    }
    .footer_wrap.flex{
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: wrap;
        align-items: center;
        padding-left: 10px;
        margin: 60px auto 0px;
        gap: 1.5em;
    }
    .footer_wrap.flex a.header_megamenu_ttl_btn{
        font-size: 16px;
        position: relative;
        box-shadow: 0px 2px 12px 2px rgba(134, 120, 120, .28);
        padding: 9px 37px;
        border-radius: 9999px;
    }
}