@charset "UTF-8";

/*MVスクロール削除*/
@media screen and (max-width: 900px) {
    .mv_nav {
        display: none;
    }
}
/*MVテキスト非表示*/
.mv_text > div {
    display: none;
}
/*人気パンランキング*/
#ranking + .composite_box01 .inner_item {
    position: relative;
    padding: 25px 0 0 25px;
}
#ranking + .composite_box01 .inner_item:before {
    position: absolute;
    content: '';
    display: inline-block;
    width: 90px;
    height: 60px;
    background-size: contain;
    background-repeat: no-repeat;
    left: 0;
    top: 0;
    z-index: 1;
}
#ranking + .composite_box01 .inner_item:nth-child(1):before {
    background-image: url(/common/upload_data/nijipanjp/image/20240712111413.png);
}
#ranking + .composite_box01 .inner_item:nth-child(2):before {
    background-image: url(/common/upload_data/nijipanjp/image/20240712111419.png);
}
#ranking + .composite_box01 .inner_item:nth-child(3):before {
    background-image: url(/common/upload_data/nijipanjp/image/20240712111416.png);
}
#ranking + .composite_box01 .content_wrapper .heading.block_header_6 {
    display: inline-block;
    position: relative;
    text-align: center;
    box-sizing: border-box;
    margin-bottom: 40px;
}
#ranking + .composite_box01 .content_wrapper .heading.block_header_6:before { /*左側のリボン端*/
    content: '';
    position: absolute;
    width: 30px;
    bottom: -10px;
    left: -75px;
    z-index: -2;
    border: 30px solid #fff;
    border-left-color: transparent; /*山形に切り抜き*/
}
#ranking + .composite_box01 .content_wrapper .heading.block_header_6:after { /*右側のリボン端*/
    content: '';
    position: absolute;
    width: 30px;
    bottom: -10px;
    right: -75px;
    z-index: -2;
    border: 30px solid #fff;
    border-right-color: transparent; /*山形に切り抜き*/
}
#ranking + .composite_box01 .content_wrapper .heading.block_header_6 .h {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0 20px;
    font-size: 18px;
    border: 1px solid #f5f5f5;
    background: #fff; /*真ん中の背景色*/
}
#ranking + .composite_box01 .content_wrapper .heading.block_header_6 .h:before {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-right: solid 15px #B7BBBD; /*左の折り返し部分*/
}
#ranking + .composite_box01 .content_wrapper .heading.block_header_6 .h:after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 10px transparent;
    border-left: solid 15px #B7BBBD; /*右の折り返し部分*/
}
@media screen and (max-width: 700px) {
    #ranking + .composite_box01 .inner_item {
        padding: 25px 0 0 0;
    }
    #ranking + .composite_box01 .content_wrapper .heading.block_header_6:before {
        width: 10px;
        left: -45px;
    }
    #ranking + .composite_box01 .content_wrapper .heading.block_header_6:after {
        width: 10px;
        right: -45px;
    }
    #ranking + .composite_box01 .content_wrapper .heading.block_header_6 .h:before {
        border-right: solid 25px #B7BBBD;
    }
    #ranking + .composite_box01 .content_wrapper .heading.block_header_6 .h:after {
        border-left: solid 25px #B7BBBD;
    }
}
@media screen and (max-width: 400px) {
    #ranking + .composite_box01 .content_wrapper .heading.block_header_6 .h span {
        font-size: 4rem !important;
    }
}