@charset "UTF-8";
*,
*::before,
*::after {
box-sizing: border-box;

}

.ingredients {
    font-family: "A1 Mincho",Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
    /* font-family: "A-OTF A1明朝 std",Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif ; */
    margin: 0 auto 70px;
}
@media screen and (max-width:750px){
.ingredients {
    margin: 0 auto 50px;
}
}

.ingredients__body {
    margin: 0 auto;
    padding: 65px 0 0;
}

.ingredients__product {
    margin: 0;
    border-bottom: 10px solid #f7f7f7;
    padding: 0 0 100px;
    margin: 0 auto 60px;
}
@media screen and (max-width:750px){
.ingredients__product {
    padding: 0 0 50px;
    margin: 0 -20px 30px;
}
}

.ingredients__product:last-child {
    border-bottom: none;
}


.media {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 83px;
    max-width: 990px;
}
@media screen and (max-width:750px){
    .media {
        display: block;
        margin: 0 auto 30px;
        padding: 0 20px;
    }
}

.media__img_wrapper {
    margin: 0;
    padding: 0;
    width: 405px;
}
@media screen and (max-width:750px){
    .media__img_wrapper {
        margin: 0 0 10px;
        width: 100%;
        display: flex;
        align-items: center;
    }
    .media__img_wrapper img {
        width: 50%;
    }
}

.media__img {
    width: 100%;
    border-radius: 10px;
}

.media__body {
    width: auto;
    padding: 0 0 0 4.23%;
}
@media screen and (max-width:750px){
    .media__body {
        width: auto;
        padding: 0 0 0 0;
        position: relative;
    }
}

.media__body > *:last-child {
    margin-bottom: 0;
}

.media__title {
    margin: 0 0 30px;
    display: flex;
    align-items: center;
}
.media__title_fl {
    display: block;
}
@media screen and (max-width:750px){
    .media__title {
        display: none;
    }
}

.media__ttl_head01 {
    border: 2px solid #a8bbcc;
    border-radius: 6px;
    color: #a8bbcc;
    font-weight: bold;
    display: inline-block;
    font-size: 23px;
    line-height: 1;
    vertical-align: text-bottom;
    margin: 0 13px 0 0;
    top: -2px;
    position: relative;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.media__ttl_head01_fz {
    display: block;
    border: none;
    color: #000;
    font-size: 28px;
    width: auto;
    height: auto;
    margin: 0 7px 0 0;
    top:auto;
}
@media screen and (max-width:750px){
    .media__ttl_head01 {
        width: 18px;
        height: 18px;
        font-size: 10px;
        border: 1px solid #a8bbcc;
        border-radius: 3px;
        margin: 0 5px 0;
        top:auto;
    }
}

.media__ttl_head02 {
    font-size: 36px;
    font-feature-settings: "palt";
    letter-spacing: 1px;
}
.media__ttl_head02_fz {
    letter-spacing: 7px;
}
@media screen and (max-width:750px){
    .media__ttl_head02 {
        font-size: 18px;
    }
}

.media__title_sp {
    display: none;
}
@media screen and (max-width:750px){
    .media__title_sp {
        display: block;
        margin: 0 0 0 10px;
    }
    .media__title_sp_fl {
        display: block;
        margin: 0 0 0 20px;
    }
    .media__ttl_head01_sp {
        color: #a8bbcc;
        font-weight: bold;
        display: inline-block;
        line-height: 1;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 18px;
        height: 18px;
        font-size: 10px;
        border: 1px solid #a8bbcc;
        border-radius: 3px;
        margin: 0 5px 0;
        top:auto;
        flex:none;
    }
    .media__ttl_head01_sp_fz {
        font-size: 14px;
        width:auto;
        height: auto;
        border:none;
        display: block;
        margin: 0 auto 5px ;
        color:#000;
    }
    .media__ttl_head02_sp {
        font-size: 18px;
        font-feature-settings: "palt";
        letter-spacing: 1px;
    }
    .media__ttl_head02_sp_fz {
        line-height: 1.3;
    }
}

.media__text {
    font-size: 22px;
    line-height: 1.8;
    font-family: '游ゴシック体','Yu Gothic',YuGothic,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Helvetica Neue','Noto Sans','Noto Sans CJK JP',Helvetica,Arial,'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
@media screen and (max-width:750px){
    .media__text {
        font-size: 13px;
    }
}

.medea__text_note {
    display: block;
    font-size: 18px;
}
@media screen and (max-width:750px){
    .medea__text_note {
        font-size: 10px;
    }
}

.Accordion__wrap {
    width: 64%;
    margin: 0 auto;
}
@media screen and (max-width:750px){
.Accordion__wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
}
}

.bnr {
    display: block;
    max-width: 690px;
    margin: 0 auto;
}
@media screen and (max-width:750px){
.bnr {
    margin: -20px auto 0;
}
}

.bnr img {
    border-radius: 15px;
    box-shadow: 0 4px 32px rgba(0,0,0,.1);
    transition: box-shadow .2s,transform .2s;
    width: 100%;
}

.bnr img:hover {
    box-shadow: 0 4px 32px 0 rgba(0,0,0,.2);
}

@media screen and (max-width:750px){
    .ingredients .ProductIngredient {
        padding-top: 4px;
    }
    .ingredients .AccordionBtn {
        font-size: 18px;
        letter-spacing: 2px;
    }
    .ingredients .Accordion__content::before {
        right: 0;
        width: 90%;
        left: 0;
        margin: auto;
    }
}

.HalfwayBtn_wrap {
    text-align: center;
    margin: -80px 0 146px;
}
@media screen and (max-width:750px){
    .HalfwayBtn_wrap {
        text-align: center;
        margin: -40px 0 90px;
    }
}


.btn__wrap {
    text-align: right;
    margin: -80px 0 70px 0;
    padding: 0 20px 0 0;
}
@media screen and (max-width:750px){
    .btn__wrap {
        text-align: right;
        margin: -26px 0 20px 0;
        padding: 0 10px 0 0;
    }
}

.btn__wrap .HalfwayBtn::before {
    height: 7px;
}
@media screen and (max-width:750px){
.btn__wrap .HalfwayBtn::before {
    height: 4px;
}
}

.btn__wrap  .HalfwayBtn__txt {
    font-weight: bold;
}
@media screen and (max-width:750px){
    .btn__wrap  .HalfwayBtn__txt {
        font-size: 12px;
    }
}

.ingredients__subtitle {
    font-size: 28px;
    margin: 0 0 25px;
}
@media screen and (max-width:750px){
.ingredients__subtitle {
    font-size: 14px;
    margin: 0 0 10px;
}
}

.TableWrap_mg {
    margin: 0 0 50px;
}
@media screen and (max-width:750px){
.TableWrap_mg {
    margin: 0 0 30px;
}
}


.media__title_fst {
    display: block;
}
@media screen and (max-width:750px){
.media__title_fst {
    display: none;
}
}

.media__title_fst .fst01 {
    margin: 0 0 11px;
    font-size: 24px;
}

.media__title_fst .fst02 {

}
@media screen and (max-width:750px){
.fst01 {
    margin: 0 0 5px;
    font-size: 11px;
    white-space: nowrap;
}

.fst02 {
    font-size: 18px;
    white-space: nowrap;
}
}

.data_title {
    font-size: 36px;
    outline: 0;
    position: relative;
    text-align: left;
    margin: 0 auto 20px;
}

.media__ttl_head01_sp_fz{
    font-size: 13px;
    line-height: 1.4;
}

@media screen and (max-width:750px){
    .data_title {
        font-size: 18px;
        letter-spacing: 2px;
        padding: 0 20px;
        margin: 0 auto 20px;
    }
    .data_table {
        padding: 0 20px ;
    }
}