@charset "UTF-8";

/* 
適用階層：/news/
============================================================= */


/*  お知らせ  */
    
.player iframe {
    width: 70%;
    height: auto;
    aspect-ratio: 16 / 9;
}


@media screen and (max-width: 767px) {
    
    .player iframe {
        width: 100%;
        height: auto;
        aspect-ratio: 16 / 9;
    }
    
}


/*  ジュブウィークお知らせ START　*/

#header {
    margin-bottom: 4em;
}
#joublie_main_content h2, #joublie_main_content h3 {
    height: auto;
    line-height: 1.6;
    margin: 0;
}
#joublie_main_content strong {
    font-weight: bold;
}

.joublie_main_content .el_pan_tit_middle {/*パンの商品名*/
    padding:15px 0;
    color: #000;
    font-size: 1.5rem;
    font-weight: bold;
    font-family: 'Kiwi Maru', serif;
    font-family: 'Sawarabi Gothic', sans-serif;
    margin: 0;
}

.joublie_main_content .el_pan_txt {/*パンの説明*/
    padding-top: 5px;
/*    line-height: 2rem;*/
    color: #000;
/*    font-size: 1.25rem;*/
    margin: 0;
    width: 250px;
}


.joublie_main_content .ly_pan_img {/*パンの枠*/
    margin-top: 30px;
    margin-bottom: 50px;
}

.joublie_main_content .el_lineup-img img {/*パンの画像角丸*/
    border-radius: 3%;
}

.joublie_main_content .anni_img {/*パンの画像角丸*/
    background-image: url("../22/07/images/main.jpg");
    background-repeat: no-repeat;
    width: 950px;
    height: 1208px;
}

/*recommend item*/

.new_container {
    position: relative;
}
.new_container p {
    position: absolute;
    color: #fff;
    top: 250px;
    left: 50px;
    width: 350px;
    font-size: 2.5rem;
    font-weight: bold;
    line-height: 4rem;
}
.new_container span {
    font-size: 1.5rem;
}
.new_container img {
    width: 100%;
}
.joublie_main_content .el_pan_read {
    margin-bottom: 2em;
    padding-top: 5px;
    font-size: 18px;
    text-align: center;
    font-family: 'Kiwi Maru', serif;
    font-family: 'Sawarabi Gothic', sans-serif;
}    
.joublie_main_content .el_pan_read_small {
    font-size: 14px;
    text-align: center;
    margin: 0;
    font-family: 'Kiwi Maru', serif;
    font-family: 'Sawarabi Gothic', sans-serif;
}
.joublie_main_content .el_under_line {
    color: #000;/*文字色*/
    /*線の種類（点線）2px 線色*/
    border-bottom: dashed 2px #ddd;
    margin: 20px 0;
}
.joublie_main_content .ly_item_navi {
    padding: 30px 0;
    display: flex;
    justify-content: center;
}
.joublie_main_content .el_item a {/*ナビの個*/
    padding: 15px;
    color: #733c00;
    font-size: 18px;
    font-weight: 500;
    margin: 10px;
    text-decoration:underline;
    
}

.joublie_main_content ul.lineup-list-main3 {/*ナビの個*/
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2em;
}
.joublie_main_content ul.lineup-list-main3::after {/*ナビの個最後の列左寄せ*/
    content: "";
    display: block;
    height: 0;
    width: 250px;
}

.joublie_main_content ul.lineup-list-main2 {/*ナビの個*/
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 2em;
}
.joublie_main_content ul.lineup-list-main2::after {/*ナビの個最後の列左寄せ*/
    content: "";
    display: block;
    height: 0;
    width: 400px;
}
.joublie_main_content .badge-box {
    position: relative;
}
.joublie_main_content .laco_badge {/*ラコリーナの左上のバッジ*/
    position: absolute;
    top: 25px;/*画像の左上に配置*/
    left: -5px;
    margin: 0; /*余計な隙間を除く*/
    color: white;
    background: #90AD66;
    font-size: 12px;
    line-height: 1;/*行高は1に*/
    padding: 5px 10px;/*文字周りの余白*/
    border-radius: 5px;
}
.joublie_main_content .laco_badge_center {/*ラコリーナの左上のバッジ商品ひとつ*/
    position: absolute;
    top: 25px;/*画像の左上に配置*/
    left: 348px;
    margin: 0; /*余計な隙間を除く*/
    color: white;
    background: #90AD66;
    font-size: 12px;
    line-height: 1;/*行高は1に*/
    padding: 5px 10px;/*文字周りの余白*/
}
.joublie_main_content .jl_badge {/*ジュブリの左上バッジ*/
    position: absolute;
    top: -2px;/*画像の左上に配置*/
    left: -5px;
    margin: 0; /*余計な隙間を除く*/
    color: white;
    background: #00b0ec;
    font-size: 12px;
    line-height: 1;/*行高は1に*/
    padding: 5px 10px;/*文字周りの余白*/
    border-radius: 5px;
}

.joublie_main_content .jl_badge_center {/*ジュブリの左上バッジ商品ひとつの場合*/
    position: absolute;
    top: -2px;/*画像の左上に配置*/
    left: 348px;
    margin: 0; /*余計な隙間を除く*/
    color: white;
    background: #00b0ec;
    font-size: 12px;
    line-height: 1;/*行高は1に*/
    padding: 5px 10px;/*文字周りの余白*/
    text-align: center;
}

.joublie_main_content .jl_badge_center_400 {/*ジュブリの左上バッジ商品ひとつ400pxの場合*/
    position: absolute;
    top: 20px;/*画像の左上に配置*/
    left: 270px;
    margin: 0; /*余計な隙間を除く*/
    color: white;
    background: #00b0ec;
    font-size: 12px;
    line-height: 1;/*行高は1に*/
    padding: 5px 10px;/*文字周りの余白*/
    text-align: center;
    border-radius: 5px;
}


/*  ジュブウィークお知らせ END　*/