@charset "UTF-8";.footer-nav__item:before,.gnav-links__item:after,.theme01 .gnav-links__item:after,.theme01 .gnav-links__item:before{top:0;bottom:0;margin-top:auto;margin-bottom:auto}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{height:100%;font-size:62.5%}@media screen and (min-width:375px){html{font-size:67.5%}}@media screen and (min-width:568px){html{font-size:72.5%}}@media screen and (min-width:768px){html{font-size:82.5%}}body{overflow-x:hidden;height:100%;-webkit-text-size-adjust:100%;color:#444;font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;font-size:1.35rem;line-height:1.5}@media screen and (min-width:375px){body{font-size:1.4rem}}body *{-webkit-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;vertical-align:bottom}@font-face{font-family:'NotoSansCJKjp Medium';font-style:normal;font-weight:500;src:url("/common/font/NotoSansCJKjp-Medium.woff2") format("woff2"), url("/common/font/NotoSansCJKjp-Medium.woff") format("woff");font-display:swap}.header{padding:1rem 1.5rem;border-top:0.2rem solid #e50012;-webkit-box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.15);box-shadow:0 3px 4px 0 rgba(0, 0, 0, 0.15);position:relative;z-index:10}.header__inner{max-width:1024px;height:45px;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (min-width:1024px){.header__inner{padding:2rem;height:auto}}.header__logo{display:inline-block;width:135px;height:auto;margin-right:auto}@media screen and (min-width:1024px){.header__logo{width:157px}}@media screen and (min-width:414px){.header{padding-left:2rem;padding-right:2rem}}@media screen and (min-width:768px){.header{padding-top:1.5rem;padding-bottom:1.5rem;border-top-width:0.4rem}}@media screen and (min-width:1024px){.header{padding:0}}.footer{position:absolute;bottom:0;width:100%;height:45px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#e50012}.footer__bottom{color:#fff}.footer__copyright{font-size:0.6em}.container{overflow:hidden;width:100%;min-height:100%;position:relative}main{display:block;max-width:1024px;margin-left:auto;margin-right:auto;padding-bottom:45px}.footer-nav__item{position:relative;background-color:#666}.footer-nav__item:before{content:"";width:1rem;height:1rem;background:#fff;border-radius:50%;position:absolute;right:1rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}@media screen and (min-width:414px){.footer-nav__item:before{right:1.5rem}}.footer-nav__item:after{content:"";width:0.32rem;height:0.32rem;border-top:1px solid #666;border-right:1px solid #666;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:1.35rem;bottom:2.1rem}@media screen and (min-width:414px){.footer-nav__item:after{right:1.86rem}}@media screen and (min-width:568px){.footer-nav__item:after{width:0.28rem;height:0.28rem;right:1.85rem;bottom:2.2rem}}.footer-nav__item+.footer-nav__item{border-top:1px solid #999}.footer-nav__link{display:block;padding:1.3rem 1.5rem;font-size:1.4rem;letter-spacing:0.02rem}@media screen and (min-width:375px){.footer-nav__link{font-size:1.5rem}}.footer-nav__link:link,.footer-nav__link:visited{color:#fff}html.is-nav-open{overflow:auto;height:100%}html.is-nav-open body{overflow:hidden;height:100%}.header__nav-pc{display:none}@media screen and (min-width:768px){.header__nav-pc{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.nav-pc__item{display:inline-block;margin-left:2rem;letter-spacing:-0.02rem}.nav-pc__item:last-child{margin-left:1.5rem}.nav-pc__link{display:block;font-size:1.15rem;color:#444}@media screen and (min-width:768px){.nav-pc__link:active,.nav-pc__link:hover{text-decoration:underline}}.header__nav{width:calc(55px - 1.5rem);height:45px;border-left:1px solid #ccc}@media screen and (min-width:414px){.header__nav{width:calc(55px - 2rem)}}@media screen and (min-width:768px){.header__nav{display:none}}.gnav{position:absolute;top:0;right:0}.gnav__ham{position:absolute;top:1rem;right:0;display:inline-block;width:55px;height:48px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column;flex-flow:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:30;cursor:pointer}@media screen and (min-width:768px){.gnav__ham{top:1.8rem}}.gnav__part{display:block;width:21px;height:3px;background-color:#e50012;border-radius:1px;margin:0 auto 5px}.gnav__part:last-child{margin-bottom:0}@media screen and (min-width:768px){.gnav__part{width:23px}}.gnav__inner{overflow:auto;-webkit-overflow-scrolling:touch;padding-top:70px;padding-bottom:100px;position:fixed;width:300px;height:100vh;top:0;right:-300px;background:#fff;z-index:20;-webkit-transition:all 0.5s ease;transition:all 0.5s ease}.is-open .gnav__ham span:first-of-type{-webkit-animation:top-open .5s;animation:top-open .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.is-open .gnav__ham span:nth-of-type(2){opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.is-open .gnav__ham span:nth-of-type(3){margin-bottom:0;-webkit-animation:bottom-open .5s;animation:bottom-open .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.is-open .gnav__inner{-webkit-transform:translateX(-300px);transform:translateX(-300px)}.is-open+.overlay{-webkit-animation:overlay-show .5s forwards;animation:overlay-show .5s forwards}.is-close .gnav__ham{-webkit-animation:ham-front .5s;animation:ham-front .5s}.is-close .gnav__ham span:first-of-type{-webkit-animation:top-close .5s forwards;animation:top-close .5s forwards}.is-close .gnav__ham span:nth-of-type(2){opacity:1;-webkit-transition:opacity .5s;transition:opacity .5s}.is-close .gnav__ham span:nth-of-type(3){-webkit-animation:bottom-close .5s forwards;animation:bottom-close .5s forwards}.is-close .gnav__inner{-webkit-transform:translateX(0);transform:translateX(0)}.is-close+.overlay{-webkit-animation:overlay-hide .5s forwards;animation:overlay-hide .5s forwards}.overlay{background:#333;display:block;width:0;height:0;position:fixed;top:0;left:0;z-index:5}@-webkit-keyframes top-open{0%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg);-webkit-transform-origin:center;transform-origin:center}50%{-webkit-transform:translateY(8px) rotate(0deg);transform:translateY(8px) rotate(0deg)}to{-webkit-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}}@keyframes top-open{0%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg);-webkit-transform-origin:center;transform-origin:center}50%{-webkit-transform:translateY(8px) rotate(0deg);transform:translateY(8px) rotate(0deg)}to{-webkit-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}}@-webkit-keyframes bottom-open{0%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}50%{-webkit-transform:translateY(-8px) rotate(0deg);transform:translateY(-8px) rotate(0deg)}to{-webkit-transform:translateY(-8px) rotate(45deg);transform:translateY(-8px) rotate(45deg)}}@keyframes bottom-open{0%{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}50%{-webkit-transform:translateY(-8px) rotate(0deg);transform:translateY(-8px) rotate(0deg)}to{-webkit-transform:translateY(-8px) rotate(45deg);transform:translateY(-8px) rotate(45deg)}}@-webkit-keyframes top-close{0%{-webkit-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}50%{-webkit-transform:translateY(8px) rotate(0deg);transform:translateY(8px) rotate(0deg)}to{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}}@keyframes top-close{0%{-webkit-transform:translateY(8px) rotate(-45deg);transform:translateY(8px) rotate(-45deg)}50%{-webkit-transform:translateY(8px) rotate(0deg);transform:translateY(8px) rotate(0deg)}to{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}}@-webkit-keyframes bottom-close{0%{-webkit-transform:translateY(-8px) rotate(45deg);transform:translateY(-8px) rotate(45deg)}50%{-webkit-transform:translateY(-8px) rotate(0deg);transform:translateY(-8px) rotate(0deg)}to{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}}@keyframes bottom-close{0%{-webkit-transform:translateY(-8px) rotate(45deg);transform:translateY(-8px) rotate(45deg)}50%{-webkit-transform:translateY(-8px) rotate(0deg);transform:translateY(-8px) rotate(0deg)}to{-webkit-transform:translateY(0px) rotate(0deg);transform:translateY(0px) rotate(0deg)}}@-webkit-keyframes overlay-show{0%{width:0;height:0;opacity:0}10%{width:100%;height:100%;opacity:0}to{width:100%;height:100%;opacity:0.5}}@keyframes overlay-show{0%{width:0;height:0;opacity:0}10%{width:100%;height:100%;opacity:0}to{width:100%;height:100%;opacity:0.5}}@-webkit-keyframes overlay-hide{0%{width:100%;height:100%;opacity:0.5}90%{width:100%;height:100%;opacity:0}to{width:0;height:0;opacity:0}}@keyframes overlay-hide{0%{width:100%;height:100%;opacity:0.5}90%{width:100%;height:100%;opacity:0}to{width:0;height:0;opacity:0}}.gnav-list{font-size:1.5rem}@media screen and (min-width:568px){.gnav-list{font-size:1.3rem}}@media screen and (min-width:768px){.gnav-list{font-size:1.2rem}}.gnav-list__category{padding:0.6rem 1.6rem;background-color:#e50012;color:#fff;letter-spacing:0.04em;border-bottom:1px solid #ccc}.gnav-links__item{border-bottom:1px solid #ccc;position:relative}.gnav-links__item:after{content:"";width:0.4rem;height:0.4rem;position:absolute;right:1.8rem;border-top:1px solid #444;border-right:1px solid #444;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.theme01 .gnav-links__item:before{content:"";width:1rem;height:1rem;background:#c9c9c9;border-radius:50%;position:absolute;right:1rem}@media screen and (min-width:414px){.theme01 .gnav-links__item:before{right:1.5rem}}.theme01 .gnav-links__item:after{content:"";width:0.32rem;height:0.32rem;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:1.35rem}@media screen and (min-width:414px){.theme01 .gnav-links__item:after{right:1.9rem}}@media screen and (min-width:568px){.theme01 .gnav-links__item:after{width:0.28rem;height:0.28rem;right:1.85rem}}.gnav-links__item--search:after{display:none}.gnav-links__link{display:block;padding:1.1rem 3rem 1.1rem 1.8rem;background-size:5px 7px}


/*** 共通 ***/
main {
    max-width: none;
}
.color-pink {
    color: #cf5e79;
}
.font-bold {
    font-weight: bold;
}
.font-notosans {
    font-family: 'NotoSansCJKjp Medium', sans-serif;
}
/*sp-only*/
@media screen and (max-width:767px){
    .sp-none {
        display: none !important;
    }
}
/*pc-only*/
@media screen and (min-width:375px){}
@media screen and (min-width:414px){}
@media screen and (min-width:568px){}
@media screen and (min-width:768px){
    .pc-none {
        display: none !important;
    }
}


/*** main-area ***/
.main-area {
    position: relative;
}
.button__recipe {
    position: relative;
    z-index: 3;
    margin-top: -70px;
    padding: 0 20px;
    text-align: right;
}
.button__recipe a {
    display: inline-block;
    max-width: 100px;
}
/*sp-only*/
@media screen and (max-width:767px){}
/*pc-only*/
@media screen and (min-width:375px){}
@media screen and (min-width:414px){}
@media screen and (min-width:568px){}
@media screen and (min-width:768px){
    .main-area {
        overflow: hidden;
        height: 540px;
        background: url(../imgs/bg_main.png) no-repeat center center;
        background-size: cover;
    }
    .main-area:after {
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 1089px;
        /* width: 100%; */
        height: 100%;
        background: url(../imgs/main_pc.png) no-repeat bottom center;
        background-size: cover;
        content: '';
        -webkit-transform: translate(-50%,0);
        -ms-transform: translate(-50%,0);
        transform: translate(-50%,0);
    }
    .button__recipe {
        position: relative;
        margin-top: -97px;
        padding: 0 20px;
        text-align: center;
    }
    .button__recipe a {
        position: absolute;
        top: 0;
        right: 50%;
        max-width: 162px;
        -webkit-transform: translateX(214%);
        -ms-transform: translateX(214%);
        transform: translateX(214%);
    }
}


/*** intro-area ***/
.intro-area {
    position: relative;
    z-index: 2;
    margin-top: -8px;
    padding: 0 20px 30px;
}
.intro-area__block {
    max-width: 972px;
    width: 100%;
    margin: 0 auto;
}
.intro-area__block + .intro-area__block {
    margin-top: 28px;
}
.intro-area__title {
    text-align: center;
}
.intro-area__content--lead {
    font-size: 15px;
    line-height: 1.6;
}
/*intro-area__block02*/
.intro-area__block02 .intro-area__content--img {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2;
    width: 100%;
    margin: 15px 0;
}
.intro-area__block02 .intro-area__content--img img {
    display: block;
    width: 33.333%;
    height: 100%;
}
/*sp-only*/
@media screen and (max-width:767px){
    /*intro-area__block01*/
    .intro-area__block01 .intro-area__title {
        margin-bottom: 25px;
    }
    .intro-area__block01 .intro-area__title img {
        width: 71.5%;
    }
    .intro-area__block01 .intro-area__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .intro-area__block01 .intro-area__content--img {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        margin: 15px 0 20px;
    }
    .intro-area__block01 .intro-area__content--lead {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }
    .intro-area__block01 .intro-area__content--lead + .intro-area__content--lead {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
    }
    /*intro-area__block02*/
    .intro-area__block02 .intro-area__title {
        margin-bottom: 18px;
    }
    .intro-area__block02 .intro-area__title img {
        width: 80%;
    }
    .intro-area__block02 .intro-area__content--lead {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }
    .intro-area__block02 .intro-area__content--lead + .intro-area__content--lead {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3;
        width: 100%;
    }
}
/*pc-only*/
@media screen and (min-width:375px){}
@media screen and (min-width:414px){}
@media screen and (min-width:568px){}
@media screen and (min-width:768px){
    .intro-area {
        margin-top: 150px;
        padding: 0 30px 32px;
    }
    .intro-area__block + .intro-area__block {
        margin-top: 48px;
    }
    .intro-area__content--lead {
        font-size: 20px;
    }
    /*intro-area__block01*/
    .intro-area__block01 .intro-area__content {
        overflow: hidden;
    }
    .intro-area__block01 .intro-area__title {
        margin-bottom: 35px;
    }
    .intro-area__block01 .intro-area__content--img {
        float: right;
        width: 50%;
        padding-left: 15px;
    }
    .intro-area__block01 .intro-area__content--lead {
        float: left;
        padding-right: 15px;
    }
    .intro-area__block01 .intro-area__content--lead + .intro-area__content--lead {
        margin-top: 1.5em;
    }
    /*intro-area__block02*/
    .intro-area__block02 .intro-area__title {
        margin-bottom: 35px;
    }
    .intro-area__block02 .intro-area__content--img {
        margin: 15px 0;
    }
    .intro-area__block02 .intro-area__content--img img {
        width: calc(16.666% - 3px);
    }
    .intro-area__block02 .intro-area__content--img img + img {
        margin-left: 3px;
    }
}


/*** recipe-area ***/
.recipe-area {
    padding: 26px 20px;
    background: #f8eef1;
}
.recipe-area__title {
    margin-bottom: 20px;
    text-align: center;
}
.recipe-area__lead {
    font-size: 15px;
    line-height: 1.6;
}
.recipe-area-profile {
    margin-top: 13px;
    margin-bottom: 18px;
}
.recipe-area-profile__img {
    width: 48%;
    margin: 0 auto 10px;
}
/*profile-item01*/
.profile-item01 .profile-item__title {
    font-weight: bold;
    font-size: 17px;
    text-align: center;
}
.profile-item01 .profile-item__title .profile-item__title--label {
    display: inline-block;
    margin-right: 15px;
    padding: 3px 5px;
    background: #fff;
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    vertical-align: middle;
}
.profile-item01 .profile-item__det {
    padding-top: 0.5em;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(92%, rgba(255, 255, 255, 0)), to(#ffffff));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 92%, #ffffff 100%);
    background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 92%, #ffffff 100%);
    background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 92%, #ffffff 100%);
    background-repeat: repeat-y;
    background-position: top -1.5em left;
    background-size: 100% 2em;
    font-size: 15px;
    line-height: 2;
}
/*profile-item02*/
.profile-item02 {
    margin-top: 18px;
}
.profile-item02 .profile-item__title {
    margin-bottom: 5px;
    font-size: 12px;
}
.profile-item02 .profile-item__title .profile-item__title--label {
    display: inline-block;
    background: #e6b5c2;
    color: #fff;
    margin-right: 5px;
    padding: 3px 5px;
    line-height: 1;
    vertical-align: middle;
}
.profile-item02 .profile-item__det {
    font-size: 12px;
    line-height: 1.6;
}
/*recipe-area-item*/
.recipe-area-item + .recipe-area-item {
    margin-top: 16px;
}
.recipe-area-item__title {
    border-bottom: 10px solid #db869b;
}
.recipe-area-item__title img {
    display: block;
    width: 49%;
    margin: 0 auto;
}
.recipe-area-item__content {
    padding: 18px 15px;
    background: #fff;
}
.content-movie {
    margin-bottom: 25px;
}
.content-movie__title {
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.6;
    text-align: center;
}
.point-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 10px 10px;
    border-radius: 0 0 10px 10px;
    background: #f8eef1;
}
.content-movie__det {
}
.movie video {
    display: block;
    width: 100%;
}
.point-block__img {
    width: 20%;
}
.point-block__lead {
    width: 80%;
    padding-left: 2%;
    font-size: 13px;
    line-height: 1.6;
}
.content-ingredients__title,
.content-flow__title {
    margin: 0 0 15px -15px;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.6;
}
.content-ingredients__title--label,
.content-flow__title--label {
    display: inline-block;
    margin-right: 15px;
    padding: 3px 15px 0;
    background: #db869b;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    line-height: 1.4;
    text-align: center;
    vertical-align: middle;
}
.content-ingredients__det--list li,
.content-flow__det--list li {
    font-size: 15px;
    line-height: 1.6;
}
.content-flow__det--list li {
    margin-left: 1em;
    text-indent: -1em;
}
.content-flow__det--list li + li {
    margin-top: 0.5em;
}
.content-flow {
    margin-top: 20px;
}
/*sp-only*/
@media screen and (max-width:767px){
    .recipe-area__title img {
        width: 96.8%;
    }
}
/*pc-only*/
@media screen and (min-width:375px){}
@media screen and (min-width:414px){}
@media screen and (min-width:568px){}
@media screen and (min-width:768px){
    /*** recipe-area ***/
    .recipe-area {
        padding: 66px 30px 80px;
    }
    .recipe-area__title {
        margin-bottom: 44px;
    }
    .recipe-area__lead,
    .recipe-area-profile,
    .recipe-area-item {
        max-width: 972px;
        width: 100%;
        margin: 0 auto;
    }
    .recipe-area__lead {
        margin-bottom: 40px;
        font-size: 23px;
        line-height: 1.65;
    }
    .recipe-area-profile {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 36px;
    }
    .recipe-area-profile__img {
        width: 28%;
        margin: 0;
    }
    .recipe-area-profile__content {
        width: 72%;
        padding-left: 30px;
    }
    /*profile-item01*/
    .profile-item01 .profile-item__title {
        margin-bottom: 5px;
        font-size: 23px;
        text-align: left;
    }
    .profile-item01 .profile-item__title .profile-item__title--label {
        margin-right: 18px;
        padding: 9px 10px 5px;
        font-size: 20px;
    }
    .profile-item01 .profile-item__det {
        background-position: top -2em left;
        background-size: 100% 2.5em;
        font-size: 20px;
        line-height: 2.5;
    }
    /*profile-item02*/
    .profile-item02 {
        margin-top: 24px;
    }
    .profile-item02 .profile-item__title {
        margin-bottom: 13px;
        font-size: 16px;
    }
    .profile-item02 .profile-item__title .profile-item__title--label {
        margin-right: 12px;
        padding: 6px 6px 4px;
    }
    .profile-item02 .profile-item__det {
        font-size: 16px;
    }
    /*recipe-area-item*/
    .recipe-area-item + .recipe-area-item {
        margin-top: 26px;
    }
    .recipe-area-item__title {
        border-bottom: 20px solid #db869b;
    }
    .recipe-area-item__title img {
        width: auto;
    }
    .recipe-area-item__content {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 32px 30px;
    }
    .content-movie {
        width: 100%;
        margin-bottom: 38px;
    }
    .content-movie__title {
        margin-bottom: 16px;
        font-size: 30px;
    }
    .content-movie__det {
        max-width: 600px;
        margin: 0 auto;
    }
    .point-block {
        padding: 20px 20px;
        border-radius: 0 0 20px 20px;
    }
    .point-block__img {
        width: 18%;
    }
    .point-block__lead {
        width: 82%;
        font-size: 20px;
    }
    .content-ingredients,.content-flow {
        width: calc(50% - 10px);
        margin: 0;
    }
    .content-ingredients__title, .content-flow__title {
        margin: 0 0 15px 0;
        font-size: 23px;
    }
    .content-ingredients__title--label, .content-flow__title--label {
        margin-right: 22px;
        padding: 6px 22px 2px;
        font-size: 23px;
    }
    .content-ingredients__det--list li, .content-flow__det--list li {
        font-size: 20px;
    }
}


/*** recommended-area ***/
.recommended-area {
    padding: 35px 0 0;
}
.recommended-area__title {
    position: relative;
    margin-bottom: 2.65%;
    padding: 0 0 2%;
}
.recommended-area__title:before,
.recommended-area__title:after {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: '';
}
.recommended-area__title:before {
    z-index: 1;
    bottom: -6%;
    height: 40%;
    background: #e89d88;
}
.recommended-area__title:after {
    z-index: 2;
    height: 40%;
    background: #6a492e;
}
.recommended-area__title img {
    display: block;
    position: relative;
    z-index: 3;
    width: 88.3%;
    margin: 0 auto;
}
/*recommended-area-intro*/
.recommended-area-intro {
    padding: 28px 20px;
    background: #efe4e1;
}
.recommended-area-intro__img {
    width: 80%;
    margin: 0 auto 18px;
}
.recommended-area-intro__lead {
    font-size: 15px;
    line-height: 1.6;
}
/*recommended-area-point*/
.recommended-area-point {
    padding: 0 20px 22px;
}
.recommended-area-point__item + .recommended-area-point__item {
    margin-top: 23px;
}
.recommended-area-point__title {
    margin: 0 -20px 18px;
    padding: 4px 20px;
    background: #e89d88;
    color: #fff;
    font-size: 18px;
    text-align: center;
}
.point-item__title {
    margin-bottom: 20px;
    color: #6a492e;
    font-size: 18px;
    line-height: 1.4;
    text-align: center;
}
.point-item__img {
    margin-bottom: 14px;
}
.point-item__lead {
    font-size: 15px;
    line-height: 1.6;
}
/*recommended-area-message*/
.recommended-area-message {
    padding: 0 20px;
}
.recommended-area-message__title {
    margin: 0 -20px;
    padding: 6px 20px;
    background: #6a492e;
    color: #fff;
    font-size: 18px;
    line-height: 1.6;
    text-align: center;
}
.recommended-area-message__title span {
    display: block;
    font-size: 13px;
    line-height: 1.6;
}
.recommended-area-message__content {
    overflow: hidden;
    margin: 0 -20px;
    padding: 30px 20px 22px;
    background: #efe4e1;
}
.message-content__img {
    float: left;
    margin: 0 20px 0 0;
    width: 36%;
}
.message-content__lead {
    font-size: 15px;
    line-height: 1.6;
}
.message-content__profile {
    margin-top: 10px;
}
.message-content-profile__title {
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1.6;
}
.message-content-profile__title--label {
    display: inline-block;
    margin-right: 5px;
    padding: 2px 2px 1px;
    background: #e89d88;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    text-align: center;
}
.message-content-profile__lead {
    font-size: 12px;
    line-height: 1.6;
}
/*sp-only*/
@media screen and (max-width:767px){}
/*pc-only*/
@media screen and (min-width:375px){}
@media screen and (min-width:414px){}
@media screen and (min-width:568px){}
@media screen and (min-width:768px){
    .recommended-area {
        padding: 70px 0 0;
    }
    .recommended-area__title {
        margin-bottom: 0;
        padding: 0 30px 1%;
    }
    .recommended-area__title:after {
        height: 44%;
    }
    .recommended-area__title img {
        width: auto;
    }
    /*recommended-area-intro*/
    .recommended-area-intro {
        padding: 88px 30px 70px;
    }
    .recommended-area-intro__img {
        max-width: 972px;
        width: auto;
        margin: 0 auto 36px;
        text-align: center;
    }
    .recommended-area-intro__lead {
        max-width: 972px;
        margin: 0 auto;
        font-size: 20px;
    }
    /*recommended-area-point*/
    .recommended-area-point {
        position: relative;
        max-width: 972px;
        width: calc(100% - 60px);
        margin: 0 auto;
        padding: 0 30px 40px;
        background: #fff;
    }
    .recommended-area-point:before,
    .recommended-area-point:after {
        display: block;
        position: absolute;
        top: 0;
        width: 500%;
        height: 100%;
        background: #efe4e1;
        content: '';
    }
    .recommended-area-point:before {
        left: 0;
        -webkit-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    .recommended-area-point:after {
        right: 0;
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%);
    }
    .recommended-area-point__item:after {
        display: block;
        width: 0;
        height: 0;
        content: '';
        clear: both;
    }
    .recommended-area-point__item + .recommended-area-point__item {
        margin-top: 54px;
    }
    .recommended-area-point__title {
        margin: 0 -30px 38px;
        padding: 8px 20px;
        font-size: 36px;
    }
    .point-item__title {
        float: left;
        width: 44%;
        margin-bottom: 25px;
        padding-right: 30px;
        font-size: 25px;
        text-align: left;
    }
    .point-item__img {
        float: right;
        width: 56%;
        margin-bottom: 0;
    }
    .recommended-area-point__item + .recommended-area-point__item .point-item__img img {
        margin-top: -35px;
    }
    .point-item__lead {
        float: left;
        width: 44%;
        padding-right: 30px;
        font-size: 20px;
    }
    /*recommended-area-message*/
    .recommended-area-message {
        padding: 80px 30px;
        background: #efe4e1;
    }
    .recommended-area-message__title {
        max-width: 972px;
        margin: 0 auto;
        padding: 6px 20px;
        font-size: 36px;
    }
    .recommended-area-message__title span {
        display: inline-block;
        margin-right: 16px;
        font-size: 26px;
    }
    .recommended-area-message__content {
        max-width: 972px;
        margin: 0 auto;
        padding: 30px 0 22px
    }
    .message-content__img {
        margin: 0;
        width: 19.4%;
    }
    .message-content__lead {
        font-size: 20px;
    }
    .message-content__profile {
        float: right;
        width: calc(80.6% - 30px);
        margin-top: 20px;
    }
    .message-content-profile__title {
        margin-bottom: 10px;
        font-size: 16px;
    }
    .message-content-profile__title--label {
        margin-right: 8px;
        padding: 6px 6px 3px;
        font-size: 16px;
    }
    .message-content__lead {
        float: right;
        width: calc(80.6% - 30px);
        font-size: 20px;
    }
    .message-content-profile__lead {
        font-size: 16px;
    }
}


/***conversion-area***/
.conversion-area {
    padding: 40px 20px;
    text-align: center;
}
.conversion-area__catch {
    margin-bottom: 5px;
    font-weight: bold;
    font-size: 13px;
}
.conversion-area-btn__item + .conversion-area-btn__item {
    margin-top: 15px;
}
.conversion-area-btn__item a {
    display: block;
    position: relative;
    padding: 16px;
    background: url(../imgs/icon_arrow.png) no-repeat right 10px center;
    background-size: 11px auto;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 1.6;
}
.conversion-area-btn__item .conversion-area-btn__item--course {
    background-color: #cf5e79;
}
.conversion-area-btn__item .conversion-area-btn__item--document {
    background-color: #99b11b;
}
.conversion-area-btn__item .conversion-area-btn__item--document span {
    font-size: 14px;
    vertical-align: middle;
}
.conversion-area-btn__item .conversion-area-btn__item--document:after {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: -webkit-calc(100% - 10px);
    width: calc(100% - 10px);
    height: -webkit-calc(100% - 10px);
    height: calc(100% - 10px);
    border: 2px solid #fff;
    -webkit-border-radius: 30px;
    border-radius: 30px;
    content: '';
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
/*sp-only*/
@media screen and (max-width:767px){}
/*pc-only*/
@media screen and (min-width:375px){
    .conversion-area-btn__item a {
        font-size: 18px;
    }
    .conversion-area__catch {
        font-size: 15px;
    }
}
@media screen and (min-width:414px){}
@media screen and (min-width:568px){}
@media screen and (min-width:768px){
    .conversion-area {
        padding: 70px 30px 80px;
    }
    .conversion-area__catch {
        margin-bottom: 12px;
        font-size: 30px;
    }
    .conversion-area-btn__item + .conversion-area-btn__item {
        margin-top: 30px;
    }
    .conversion-area-btn__item a {
        max-width: 664px;
        margin: 0 auto;
        padding: 30px;
        background: url(../imgs/icon_arrow.png) no-repeat right 17px center;
        background-size: 22px auto;
        border-radius: 60px;
        font-size: 36px;
    }
    .conversion-area-btn__item .conversion-area-btn__item--document:after {
        width: -webkit-calc(100% - 18px);
        width: calc(100% - 18px);
        height: -webkit-calc(100% - 18px);
        height: calc(100% - 18px);
        border: 4px solid #fff;
        -webkit-border-radius: 60px;
        border-radius: 60px;
    }
    .conversion-area-btn__item .conversion-area-btn__item--document span {
        font-size: 28px;
    }
}


/***sns-area***/
.sns-area {
    padding: 30px 20px;
    background: #db869b;
    border-bottom: 1px solid #fff;
    text-align: center;
}
.sns-area__title {
    width: 31%;
    margin: 0 auto 12px;
}
.sns-area__lead {
    margin-bottom: 30px;
    color: #fff;
    font-size: 14px;
    line-height: 1.6;
}
.sns-area__btn-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 64%;
    margin: 0 auto;
}
.sns-area__btn-item {
    width: calc(25% - 12px);
}
.sns-area__btn-item a {
    display: block;
}
/*sp-only*/
@media screen and (max-width:767px){}
/*pc-only*/
@media screen and (min-width:375px){
    .sns-area__lead {
        font-size: 15px;
    }
}
@media screen and (min-width:414px){}
@media screen and (min-width:568px){}
@media screen and (min-width:768px){
    .sns-area {
        padding: 62px 30px 56px;
        border-bottom: 2px solid #fff;
    }
    .sns-area__title {
        width: auto;
        margin: 0 auto 20px;
    }
    .sns-area__lead {
        margin-bottom: 60px;
        font-size: 30px;
    }
    .sns-area__btn-list {
        display: block;
        width: auto;
        margin: 0 auto;
    }
    .sns-area__btn-item {
        display: inline-block;
        width: auto;
        padding: 0 15px;
        vertical-align: top;
    }
}