@charset "UTF-8";

/*----------- icofont -----------*/
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/ico/icomoon.eot?o8aq14");
  src: url("../fonts/ico/icomoon.eot?o8aq14#iefix") format("embedded-opentype"),
    url("../fonts/ico/icomoon.ttf?o8aq14") format("truetype"),
    url("../fonts/ico/icomoon.woff?o8aq14") format("woff"), url("../fonts/ico/icomoon.svg?o8aq14#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section{margin: 0; padding: 0; border: 0; display: block;}

/* clearfix */
.clearfix::after{content: ""; display: block; clear: both;}

/* reset */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6{margin: 0; padding: 0; border: none;}
#content img{vertical-align: bottom;}
#content a{-webkit-tap-highlight-color:rgba(0,0,0,0); outline: none;}
#content a:focus{outline: none;}
/* Firefox */
#content input::-moz-focus-inner, #content button::-moz-focus-inner{border: 0;}

/* module */
#content .headline-01{text-align: center;}
#content .headline-04{color: #006329; font-weight: bold;}
#content .roll{display: block;}
.pc #content .roll{-webkit-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s;}
.pc #content .roll:hover{opacity: 0.7;}
.pc .no-pc{display: none !important;}
.sp .no-sp{display: none !important;}
.txt_l{text-align:left!important;}
.txt_c{text-align:center!important;}
.txt_r{text-align:right!important;}

/* common */
body#boursin, div#boursin{background-image: none;}
#content{font-size: 14px; color: #333333; display: none;}
#mv-block{background-repeat: no-repeat; background-position: left top; background-size: contain; width: 100%; position: relative;}
#mv-block .mv-txt{position: absolute;}
#mv-block .mv-logo{position: absolute;}
#mv-block .mv-desc{position: absolute;}
#mv-block .mv-desc{color: #FFFFFF;}
#mv-block .mv-anchor-list{position: absolute; margin: auto;}
#content .block-paragraph{text-align: center;}
#content .recipe-list li{position: relative;}
#content .recipe-list li::before{content: ""; background-repeat: no-repeat; background-position: center center; background-size: contain; position: absolute; left: 0;}
#content .recipe-list li.list-1::before{background-image: url(../images/list-no1.jpg);}
#content .recipe-list li.list-2::before{background-image: url(../images/list-no2.jpg);}
#content .recipe-list li.list-3::before{background-image: url(../images/list-no3.jpg);}
#content .recipe-list li.list-4::before{background-image: url(../images/list-no4.jpg);}
#content .recipe-list li.list-5::before{background-image: url(../images/list-no5.jpg);}
#content .recipe-block .right-box .cook{font-size: 12px; text-align: right;}
#content section:not(#block-01) .block-inner{border-top: 2px #efd995 solid; position: relative;}
#content section:not(#block-01) .block-inner::before{content: ""; width: 100%; height: 2px; border-bottom: 1px #efd995 solid; position: absolute; top: 0; left: 0;}
#content .recipe-block .right-box .note{font-size: 12px;}
#content .recipe-block .left-box .ingredients-list .note{font-size: 12px; line-height: 1.6em;}
#content .counter-list{counter-reset: number;}
#content .counter-list .ingredients-list{counter-increment: counter-alpha; border-left: 1px #999999 solid;}
#content .counter-list .ingredients-list li:first-of-type{position: relative;}
#content .counter-list .ingredients-list li:first-of-type::before{content: counter(counter-alpha, upper-alpha); position: absolute;
  top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%);}
#content .ingredients-list .dots{font-family: Meiryo, "sans-serif";  font-feature-settings: "locl";}
#content .ingredients-list .list-indent{padding-left: 1em;}
#content .bnr-block{border-top: 1px #ececec solid;}
#content .page-top{text-align: right; margin-top: 2em;}
#content .page-top a{position: relative; text-decoration: none; padding-left: 1em;}
#content .page-top a::before{content: ""; width: 6px; height: 6px; position: absolute; top: 50%; left: 0; margin-top: -4px; border-right: 1px #e7eaa3 solid; border-bottom: 1px #e7eaa3 solid;
 -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}

/* PC style */
.pc #content{width: 1200px; margin-left: auto; margin-right: auto;}
.pc #mv-block{background-image: url(../images/mv-bg_pc.jpg); height: 528px; margin-top: 24px;}
.pc #mv-block .mv-txt{top: 43px; left: 286px;}/*2024/11 旧ロゴ削除時調整{top: 43px; left: 362px;}*/
.pc #mv-block .mv-logo{top: 61px; left: 206px;}
.pc #mv-block .mv-desc{top: 149px; left: 290px; line-height: 28px;}/*2024/11 旧ロゴ削除時調整{top: 149px; left: 365px; line-height: 28px;}*/
.pc #mv-block .mv-anchor-list{width: 987px; bottom: 40px; left: 0; right: 0;}
.pc #mv-block .mv-anchor-list li{float: left; width: auto; height: 214px; position: relative;}
.pc #mv-block .mv-anchor-list li ~ li{margin-left: 3px;}
.pc #mv-block .mv-anchor-list li .anchorList-txt{font-size: 15px; position: absolute; bottom: 20px; right: 0; left: 0; margin: auto;}
.pc #mv-block .mv-anchor-list li:nth-of-type(5) .anchorList-txt{line-height: 1.2em; bottom: 12px;}
.pc #mv-block .mv-anchor-list li:nth-of-type(5) .anchorList-txt .br::before{content: "\A"; white-space: pre;}
.pc #mv-block .mv-anchor-list li a::after{content: ""; width: 6px; height: 6px; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; border-left: 1px #e7eaa3 solid; border-bottom: 1px #e7eaa3 solid;
  -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.pc #mv-block .mv-anchor-list li .anchorList-txt{color: #FFFFFF; font-weight: bold; text-align: center;}
.pc #content .block-inner{width: 800px; margin-left: auto; margin-right: auto;}
.pc #block-01 .block-inner{padding-top: 99px; padding-bottom: 38px;}
.pc #content .block-inner .headline-01{margin-bottom: 14px;}
.pc #content .block-inner p{line-height: 1.6em;}
.pc #content .subBlock{margin-bottom: 38px;}
.pc .subBlockHead-box .headline-02, .pc .subBlockHead-box .headline-03{float: left;}
.pc .subBlockHead-box{margin-bottom: 19px;}
.pc #block-01 .headline-03{padding-top: 29px; padding-left: 3px;}
.pc #content .block-paragraph{margin-bottom: 35px;}
.pc #content .recipe-block{margin-top: 34px;}
.pc #content .recipe-block .left-box{width: 400px; float: left;}
.pc #content .recipe-block .left-box .headline-04{margin-bottom: 10px;}
.pc #content .recipe-block .right-box{width: 400px; float: right;}
.pc #content .recipe-block .right-box .cook{color: #666666;}
.pc #content .headline-04{font-size: 16px;}
.pc #content .ingredients-list li, .pc #content .recipe-list li{line-height: 2em;}
.pc #content .recipe-block .right-box .headline-04{margin-bottom: 12px;}
.pc #content .recipe-list li{padding-left: 34px;}
.pc #content .recipe-list li ~ li{margin-top: 16px;}
.pc #content .recipe-list li::before{width: 24px; height: 24px; top: 2px;}
.pc #content .recipe-block .right-box .cook{margin-top: 18px;}
.pc #block-02 .block-inner{padding-top: 78px; padding-bottom: 38px;}
.pc #block-02 .headline-03{padding-top: 29px; padding-left: 3px;}
.pc #content .recipe-block .left-box .ingredients-list .note{width: 93%; margin-top: 10px;}
.pc #block-03 .block-inner{padding-top: 84px; padding-bottom: 38px;}
.pc #block-03 .headline-03{padding-top: 32px; padding-left: 13px;}
.pc #content .recipe-block .headline-04 ~ .headline-04{margin-top: 30px;}
.pc #block-04 .block-inner{padding-top: 84px; padding-bottom: 38px;}
.pc #block-04 .headline-03{padding-top: 9px; padding-left: 9px;}
.pc #content #block-04 .subBlockHead-box{margin-bottom: 7px;}
.pc #block-05 .block-inner{padding-top: 84px; padding-bottom: 38px;}
.pc #block-05 .headline-03{padding-top: 45px; padding-left: 9px;}
.pc #content #block-05 .subBlock:nth-of-type(2) .subBlockHead-box, .pc #content #block-05 .subBlock:nth-of-type(3) .subBlockHead-box{margin-bottom: 10px;}
.pc #block-06 .block-inner{padding-top: 84px; padding-bottom: 38px;}
.pc #block-06 .headline-03{padding-top: 20px; padding-left: 13px;}
.pc #content .counter-list .ingredients-list{padding-left: 8px; margin-left: 21px;}
.pc #content .counter-list .ingredients-list{margin-top: 10px;}
.pc #content .counter-list .ingredients-list li{line-height: normal;}
.pc #content .counter-list .ingredients-list li:first-of-type::before{left: -25px;}
.pc #content .bnr-block .block-inner{padding-top: 50px; padding-bottom: 50px;}

/* SP style */
.sp{min-width: 320px;}
.sp #content *{box-sizing: border-box;}
.sp #content img{width: 100%; height: auto;}
.sp #mv-block{background-image: url(../images/mv-bg_sp.jpg); padding-bottom: 120.933%;}
.sp #mv-block .mv-txt{width: 79.866%; top: 3.641648%; right: 10.129228%;}/*2024/11 旧ロゴ削除時調整{width: 79.866%; top: 3.641648%; right: 3.129228%;}*/
.sp #mv-block .mv-logo{width: 15.066%; top: 3.641648%; left: 2.4%;}
.sp #mv-block .mv-desc{line-height: 1.8em; text-align: center; top: 17%; left: 0; right: 0; margin: auto; letter-spacing: 0.1em;}
.sp #mv-block .mv-anchor-list{width: 94.933%; top: 34.399%; left: 0; right: 0; margin: auto; overflow: hidden;}
.sp #mv-block .mv-anchor-list li{width: 30.8988%; float: left;}
.sp #mv-block .mv-anchor-list li:nth-of-type(3n){float: right;}
.sp #mv-block .mv-anchor-list li:nth-of-type(3n+2){margin-left: 3.651685%;}
.sp #mv-block .mv-anchor-list li:nth-of-type(n+4){margin-top: 4.593%;}
.sp #mv-block .mv-anchor-list li .anchorList-txt{display: none;}
.sp #content .block-inner{padding-top: 8%; padding-bottom: 6%; margin-left: 2.666%; margin-right: 2.666%;}
.sp #content .headline-01{width: 77.90697%; margin: 0 auto 10px;}
.sp #content .headline-01 img{width: auto; max-width: 100%;}
.sp #content .headline-02{text-align: center;}
.sp #content .headline-02 img{width: auto; max-width: 100%;}
.sp #content .block-paragraph{line-height: 1.8em;}
.sp #content .subBlockHead-box .headline-02{width: 43.2835%; margin-left: auto; margin-right: auto;}
.sp #content .subBlock{width: 94.366%; margin-left: auto; margin-right: auto; padding-bottom: 5%;}
.sp #content .headline-03{width: 100%; margin-top: 5px; margin-bottom: 12px;}
.sp #content .recipe-block{margin-top: 12px;}
.sp #content .ingredients-list li, .sp #content .recipe-list li{font-size: 12px; line-height: 1.8em;}
.android.mobile body:not(.jellyBean_prevAndBrow) #content .ingredients-list .dots{vertical-align: super;}
.sp #content .recipe-list li{padding-left: 2em;}
.sp #content .recipe-list li ~ li{margin-top: 1em;}
.sp #content .recipe-list li::before{width: 18px; height: 18px; top: 0;}
.sp #content .headline-04{margin-bottom: 5px;}
.sp #content .recipe-block .headline-04 ~ .headline-04{margin-top: 10px;}
.sp #content .recipe-block .left-box{margin-bottom: 10px;}
.sp #content .recipe-block .right-box{border-top: 1px #ededed solid; padding-top: 10px;}
.sp #content .recipe-block .right-box .cook{margin-top: 15px;}
.sp #content .counter-list .ingredients-list{padding-left: 6px; margin-left: 15px;}
.sp #content .counter-list .ingredients-list{margin-top: 10px;}
.sp #content .counter-list .ingredients-list li{line-height: normal;}
.sp #content .counter-list .ingredients-list li:first-of-type::before{left: -20px;}
.sp #content .bnr-block{border-bottom: 1px #e6e6e6 solid;}
.sp #content .bnr-block .block-inner{margin-left: 2.66%; margin-right: 2.66%;}
.sp #content #block-04 .headline-03{margin-top: 0;}
.sp #content #block-05 .block-paragraph{margin-bottom: 2%;}
.sp #content #block-05 .headline-03{margin-top: 10px;}

@media screen and (max-width: 340px) {
  .sp #content #block-04 .subBlock:nth-of-type(3) .ingredients-list .br{display: none;}
}