@charset "UTF-8";

/* medimeal関連スタイル */


/* 1段落 */
.feature_medimeal-block {
    padding-bottom: 20px;
}

/* 背景色関連 */
.feature_medimeal-bg-beige {
    background-color: #fffaea;
}
.feature_medimeal-bg-orange {
    background-color: #ffaf46;
}

/* フォント関連 */
.feature_medimeal-product_lead {
    font-size: 25px;
    text-align: center;
}
.feature_medimeal-bold {
    font-weight: bold;
}
.feature_medimeal-strong {
    font-size: 1em;
    font-weight: bold;
    color: #df0202;
}
.feature_medimeal-em {
    font-size: 35px;
    color: #ff9310;
    font-weight: bold;
}

/* 余白 */
.feature_medimeal-lead {
    margin-bottom: 25px;
}

/* 注釈タイプ：文字サイズを下げて上部に余白 */
.feature_medimeal-att {
    font-size: 14px;
    margin-top: 1em;
}

/* 画像スタイルを最適化：オリジナルサイズにする */
.feature_img {
    display: block;
}
.feature_img img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
/* 画像スタイルを最適化：上下に余白 */
.feature_medimeal_img {
    padding: 30px 0;
}

/* レスポンシブグリッドレイアウト：行 */
.feature_medimeal-row {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-left: -10px;
    margin-right: -10px;
}
/* レスポンシブグリッドレイアウト：列（-autoで中身のコンテンツに幅を合わせる） */
.feature_medimeal-col,
.feature_medimeal-col-auto {
    padding-left: 10px;
    padding-right: 10px;
}
.feature_medimeal-col {
    display: block;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
    flex-grow: 1;
    /* margin-bottom: 45px; */
    margin-bottom: 40px;
}
.feature_medimeal-col-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none;
}

/* レスポンシブグリッドレイアウト：横幅によっては強制的にカラム落ちさせる */
@media screen and (max-width: 990px) {
    .feature_medimeal-row-only_pc {
        display: block;
    }
}


/* medimeal特有：品質 */
.feature_medimeal-product_quality-lead {
    max-width: 840px;
    padding: 10px 40px;
    margin: 0 auto;
}
.feature_medimeal-product_quality-lead .feature_medimeal-row {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
}
.feature_medimeal-product_quality .feature_medimeal-col,
.feature_medimeal-product_quality .feature_medimeal-col-auto {

}

.feature_medimeal-product_quality-body {
    padding: 35px 30px;
}

.feature_medimeal-inner {
    padding: 25px 30px;
}

/* medimeal特有：POINTアイコン */
.feature_medimeal-point-title {
    color: #502708;
    font-size: 20px;
    font-weight: bold;
    padding-left: 110px;
    position: relative;
    margin-bottom: 15px;
}
.feature_medimeal-point-title::before,
.feature_medimeal-point-title::after {
    display: block;
    font-size: 18px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
}
.feature_medimeal-point-title::before {
    content: "POINT";
    width: 86px;
    height: 36px;
    line-height: 36px;
    white-space: nowrap;
    color: #fff;
    background: #df0202;
    left: 0;
    text-align: center;
    font-weight: 500;
    letter-spacing: 2px;
    padding: 0 0 0 4px;
}
.feature_medimeal-point-title::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #df0202;
    border-width: 18px 18px 18px 18px;
    left: 86px;
}

/* medimeal特有：レシピ */
.feature_medimeal-recipe {
    width: 100%;
    max-width: 800px;
    margin: 0 auto;
}
.feature_medimeal-to_more_recipe {
    text-align: right;
}
.feature_medimeal-to_more_recipe a {
    display: inline-block;
    color: inherit;
    text-decoration: underline;
}