@charset "utf-8";

.predia_only_con a {
    text-decoration: none;
}
.predia_only_con img {
    max-width: 100%;
}
.predia_only_con li {
    list-style: none;
}
.predia_only_con, .pd_ranking_con p, .pd_new_lim p {
    color: #3D3D45;
    font-size: 1.6rem;
    font-family: 'Noto Sans JP', sans-serif;
}
.pd_ranking_itema ul, .pd_na_iarea ul {
    padding: 0;
}
p.breadcrumbs, p.breadcrumbs a {
    color: #000;
}
.pd_sp_br, .pd_logo_sp {
    display: none;
}

/* ロゴ */
.predia_logo_area {
    text-align: center;
    /*padding-left: 28%;*/
    margin-bottom: 3%;
}

/* メイン画像エリア */
.predia_intro p {
    text-align: center;
}
.predia_intro {
    margin-top: 5%;
}
.pd_intro02 {
    margin: 3% 0;
}

/* コンテンツ共通 */
.pd_con_en {
    font-family: 'Noto serif JP';
    font-size: 3.8rem;
}
.pd_con_ja {
    display: block;
    margin-top: 1%;
}
.pd_item_detail .pd_brand_name {
    color: #999;
}
.pd_con_title {
    text-align: center;
}
.pd_naitem_name p {
    margin: 3% 0;
}

/* ランキング */
.pd_ranking_itema ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3%;
}
.pd_ranking_itema li {
    width: 18%;
    margin: 0 0 5%;
}
.pdr_icon {
    text-align: center;
    background-color: #3D3D45;
    border-radius: 50%;
    font-size: 1.4rem;
    color: #fff;
    width: 33px;
    height: 33px;
    line-height: 2.3;
    margin: 0 auto 10%;
}
.pd_ranking_con {
    margin: 10% auto;
}
.pd_ranking_itema .pdr_item_img {
    margin-bottom: 5%;
    /*▼画像の高さ合わせ▼*/
    display: inline-block;
    height: 55%;
    /*△画像の高さ合わせ△*/
}

/* 新商品 */
.pd_na_iarea ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3%;
}
.pd_na_iarea ul::after {
    content: "";
    display:block;
    width: 48.5%/*23%*/; /*アイテムが増えるごとに微調整*/
}
.pd_na_iarea li {
    width: 23%;
    /*margin: 0 0 5%;*/
}
.pd_na_iarea .pdr_item_img {
    margin-bottom: 5%;
}

/* 以下レスポンシブ */
@media screen and (max-width:768px) {
    .predia_intro, .pd_ranking_con, .pd_new_lim {
        width: 90%;
        margin: 0 auto;
    }
    /*.predia_logo_area {
        width: 100%;
        padding: 0;
    }
    img.certification_logo {
        width: 16%;
        position: absolute;
        top: 25%;
        right: 5%;
    }*/
    .pd_logo_pc {
        display: none;
    }
    .pd_logo_sp {
        display: block;
    }
    .predia_logo_area {
        width: 90%;
        margin: 0 auto 3%;
    }
    
    /* メインイメージ */
    .pd_sp_br {
        display: block;
    }
    .predia_intro {
        margin-top: 5%;
    }
    .pd_intro02 {
        margin: 6% 0;
    }
    
    /* コンテンツタイトル共通 */
    .pd_con_en {
        font-family: 'Noto serif JP';
        font-size: 2.8rem;
    }
    
    /* ランキング */
    .pd_ranking_itema {
        width: 100%;
        height: auto;
        overflow-x: scroll;
        overflow-y: none;
    }
    .pd_ranking_itema ul {
        width: 200%;
    }
    .pd_ranking_itema .pdr_item_img {
        height: 37%;
    }
    .pd_ranking_con {
        margin: 20% auto;
    }
    
    /* 新商品 */
    .pd_na_iarea li {
        width: 45%;
    }
}