@charset "utf-8";
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Medium"); }
@font-face { font-family: "Yu Gothic M"; src: local("Yu Gothic Bold"); font-weight: bold; }

/* CSS Document */

/* ============================================= ==

	common style

=============================================== */
html #content { opacity: 0; }
html.ready #content { opacity: 1; }

#content { width: 100%; color: #333; font-family: "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#content * {font-family: inherit;}
#content h1, #content h2, #content h3, #content figure { border: 0; margin: 0; padding: 0; }
#content img {max-width: 100%; width: auto;}
#content a {text-decoration: none;}
#content .t-center {text-align: center;}
#content .text-blue {color: #232859;}
#content .text-green {color: #21a68c;}
#content .min {font-family: 'Noto Serif JP', serif;}
#content .banner-cp { text-align: center;}
#content .banner-cp a { display: inline-block;border: 1px solid #311b08;}
#content [class^="btn-"] {color: #fff;padding: 1.5em 2em;display: block;position: relative;font-weight: bold;}
#content [class^="btn-"]:after {content: '';display: block;width: 8px;height: 15px;background: url(../images/arrow-right-white.png) center no-repeat;background-size: contain;position: absolute;right: 15px;top: 0;bottom: 0;margin: auto;}
#content .btn-blue {background-color: #232859;}
#content .btn-green {background-color: #21a68c;}

/*---------------------------
lead-block
---------------------------*/
#content .lead-block {color: #fff;}
#content .lead-block .recipe-btn ul {display: flex;}
#content .lead-block .recipe-btn ul li {position: relative;}
#content .lead-block .recipe-btn ul li:after {content: ""; position: absolute; width: 14px; height: 14px; background: url(../images/arrow_recipe.png) left top / 100% auto no-repeat;}
#content .lead-block .recipe-btn ul li a {color: #fff;}
#content .lead-block .recipe-btn ul li p {font-feature-settings: "palt";}

/*---------------------------
	christmas_decoration
---------------------------*/
#content .christmas_decoration {position: absolute;}
#content .christmas_decoration:before, #content .christmas_decoration:after {content: ""; position: absolute; background-position: left top; background-size: 100% auto; background-repeat: no-repeat;}
#content .christmas_decoration-1 {overflow: hidden;}
#content .christmas_decoration-1:before {background-image: url(../images/img_cotton.png);}
#content .christmas_decoration-1:after {background-image: url(../images/img_berry.png);}

/*---------------------------
christmas-bloc
---------------------------*/
#content .christmas-block .recipe .box {color: #503613;}
#content .christmas-block .recipe .box_txt .btn-red a {background-color: #990b14;}
#content .christmas-block .recipe .box_txt .btn-yellow a {background-color: #c6950c;}
#content .christmas-block .recipe .box_txt .btn-green a {background-color: #407522;}
#content .christmas-block .recipe .box_txt .btn-brown a {background-color: #503613;}
#content .christmas-block .recipe .box_photo {position: relative; z-index: 1;}
#content .christmas-block .recipe .box_photo:before {content: ""; position: absolute; left: 0; z-index: 0;}
#content .christmas-block .recipe .box_photo figure {position: relative;}
#content .christmas-block .recipe .box_photo figure:before {content: ""; position: absolute; box-shadow: 4px 0 10px rgba(0,0,0,0.15);}
#content .christmas-block .recipe .box_photo figure:after {content: ""; position: absolute; box-shadow: 2px 0 10px rgba(0,0,0,0.1);}
#content .christmas-block .recipe .box_photo figure .bubble {position: absolute; display: flex; justify-content: center; align-items: center; font-weight: bold; text-align: center; line-height: 1.5; letter-spacing: 0.1em;}
#content .christmas-block .recipe .box_txt h3 {margin-bottom: 1em; letter-spacing: 0.18em; font-feature-settings: "palt";}
#content .christmas-block .recipe .box_txt p {color: #000; letter-spacing: 0.1em;}
#content .christmas-block .recipe .box_txt .btn a {position: relative; display: block; color: #fff; text-align: center; border-radius: 2px; box-shadow: 5px 0 15px rgba(36,0,2,0.3); letter-spacing: 0.15em;}
#content .christmas-block .recipe .box_txt .btn a:before {content: ""; position: absolute; top: 50%; background: url(../images/arrow_white.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box1 .box_photo:before {background: url(../images/bg_christmas01.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box1 figure:before {transform: rotate(5.5deg);}
/* #content .christmas-block .recipe .box1 figure:after {background: url(../images/cheese_kiri_hg.png) left top / 100% auto no-repeat;} */
#content .christmas-block .recipe .box1 figure .bubble {background: url(../images/bubble_christmas01.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box1 figure .bubble span {transform: rotate(-3.81deg);}
#content .christmas-block .recipe .box2 .box_photo:before {background: url(../images/bg_christmas02.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box2 figure:before {transform: rotate(-1.3deg);}
/* #content .christmas-block .recipe .box2 figure:after {background: url(../images/cheese_kiri_cc.png) left top / 100% auto no-repeat;} */
#content .christmas-block .recipe .box2 figure .bubble {background: url(../images/bubble_christmas02.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box2 figure .bubble span {transform: rotate(-3.81deg);}
#content .christmas-block .recipe .box3 .box_photo:before {background: url(../images/bg_christmas03.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box3 figure:before {transform: rotate(1.3deg);}
/* #content .christmas-block .recipe .box3 figure:after {background: url(../images/cheese_kiri_cc.png) left top / 100% auto no-repeat;} */
#content .christmas-block .recipe .box3 figure .bubble {background: url(../images/bubble_christmas03.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box3 figure .bubble span {transform: rotate(3.09deg);}
#content .christmas-block .recipe .box4 .box_photo:before {background: url(../images/bg_christmas04.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box4 figure:before {transform: rotate(0.2deg);}
/* #content .christmas-block .recipe .box4 figure:after {background: url(../images/cheese_belcube_plane.png) left top / 100% auto no-repeat;} */
#content .christmas-block .recipe .box4 figure .bubble {background: url(../images/bubble_christmas04.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box4 figure .bubble span {transform: rotate(-3.81deg);}
#content .christmas-block .recipe .box5 .box_photo:before {background: url(../images/bg_christmas05.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box5 figure:before {transform: rotate(-2.4deg);}
/* #content .christmas-block .recipe .box5 figure:after {background: url(../images/cheese_belcube_select.png) left top / 100% auto no-repeat;} */
#content .christmas-block .recipe .box5 figure .bubble {background: url(../images/bubble_christmas05.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box5 figure .bubble span {transform: rotate(3.09deg);}
#content .christmas-block .recipe .box6 .box_photo:before {background: url(../images/bg_christmas06.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box6 figure:before {transform: rotate(-2.5deg);}
/* #content .christmas-block .recipe .box6 figure:after {background: url(../images/cheese_boursin_hg.png) left top / 100% auto no-repeat;} */
#content .christmas-block .recipe .box6 figure .bubble {background: url(../images/bubble_christmas06.png) left top / 100% auto no-repeat;}
#content .christmas-block .recipe .box6 figure .bubble span {transform: rotate(-3.81deg);}
#content .christmas-block .idea_card {position: relative; background-color: #fff; box-sizing: border-box; box-shadow: 5px 0 15px rgba(36,0,2,0.3);}
#content .christmas-block .idea_card:nth-of-type(1) {transform: rotate(-3deg);}
#content .christmas-block .idea_card:nth-of-type(2) {transform: rotate(3deg);}
#content .christmas-block .idea_card h3 {color: #503613; font-weight: bold; line-height: 1.8; text-align: center; letter-spacing: 0.18em;}
#content .christmas-block .idea_photo {height: 0; padding-top: 70.2576112412178%; background-size: cover; background-position: center center;}
#content .christmas-block .idea_card:nth-of-type(1) .idea_photo {background-image: url(../images/photo_styling01.png);}
#content .christmas-block .idea_card:nth-of-type(2) .idea_photo {background-image: url(../images/photo_styling02.png);}
#content .christmas-block .idea_txt p {color: #000; line-height: 1.7; letter-spacing: 0.1em;}


/*---------------------------
cheese-block
---------------------------*/
#content .cheese-block {position: relative; }
#content .cheese-block:before {content: ""; position: absolute; background: url(../images/img_icicle.png) left top / 100% auto no-repeat;}
#content .cheese-block .box .list ul li {border-bottom: 1px solid #435811;}
#content .cheese-block .box .list ul li:last-of-type {border-bottom: none;}
#content .cheese-block .box .list ul li:first-of-type a {padding-top: 0;}
#content .cheese-block .box .list ul li a .img {text-align: center;}
#content .cheese-block .box .list ul li a .img small {display: block; margin-top: 1em; color: #fff; line-height: 1.2;}
#content .cheese-block .box .list ul li a .txt p {color: #fff; font-feature-settings: "palt"; line-height: 1.85; letter-spacing: 0.1em;}
#content .cheese-block .box .list ul li a .txt p.name {margin-bottom: 0.5em; color: #d9ae52; font-weight: bold; line-height: 1.5; letter-spacing: 0.2em;}

#content .cheese-block .box .list p.pkg {margin-top: 30px; color: #fff;}

/*---------------------------
more-block
---------------------------*/
#content .more-block {background: url(../images/bg_cloth_beige.png) top center / 100% auto repeat-y;}
#content .more-block .box {position: relative;}
#content .more-block .box .photo {box-shadow: 4px 4px 10px rgba(0,0,0,0.15); box-sizing: border-box;}
#content .more-block .box .photo img {width: 100%;}
#content .more-block .box .link {position: absolute; box-shadow: 4px 4px 5px rgba(0,0,0,0.15); z-index: 1;}
#content .more-block .box .link a {display: flex; align-items: center; color: #503613; line-height: 1.7; font-weight: bold; font-feature-settings: "palt"; letter-spacing: 0.14em; background: url(../images/bg_other_link.png) left top / 100% auto no-repeat;}
#content .more-block .box .link a:before {content: "";position: absolute; top: 50%; background: url(../images/arrow_brown.png) left top / 100% auto no-repeat;}
#content .more-block .box1 .photo {transform: rotate(-2deg);}
#content .more-block .box2 .photo {transform: rotate(1.5deg);}
#content .more-block .box3 .photo {transform: rotate(-2.5deg);}



/* =============================================

	PC style

=============================================== */
.pc #content { font-size: 14px; min-width: 1200px;line-height: 1.6em;}
/*.pc #content p { line-height: 1.6em; }*/
.pc #content a {transition: .3s;}
.pc #content a:hover {opacity: 0.7;}
.pc #content .only-sp { display: none !important; }
.pc #content .content-inner { width: 1200px; margin: auto;}
@media (max-width: 1200px) {
	.pc #content .content-inner {overflow: hidden;}
}

/*---------------------------
	content-mv
---------------------------*/
.pc #content .content-mv { position: relative; height: 0; padding-top: 68.07142857142857%; background: url(../images/mv.jpg) center top / cover no-repeat; overflow: hidden;}

/*---------------------------
	lead-block
---------------------------*/
.pc #content .lead-block {position: relative; margin-top: -127px; background: url(../images/bg_knit.png) center top / 100% auto no-repeat;}
.pc #content .lead-block .lead_inner {width: 1000px; margin: 0 auto; padding: 127px 0 150px;}
.pc #content .lead-block .lead_txt {font-size: 18px; line-height: 2.2; letter-spacing: 0.12em;}
.pc #content .lead-block .banner-cp {margin-top: 50px;}
.pc #content .lead-block .recipe-btn {margin-top: 50px;}
.pc #content .lead-block .recipe-btn ul {justify-content: space-between;}
.pc #content .lead-block .recipe-btn ul li {position: relative; padding-bottom: 30px;}
.pc #content .lead-block .recipe-btn ul li:after {bottom: 0; left: 50%; margin-left: -7px;}
.pc #content .lead-block .recipe-btn ul li a {display: block; height: 100%;}
.pc #content .lead-block .recipe-btn ul li p {display: flex; justify-content: center; align-items: center; height: calc(100% - 208px); margin-top: 15px; text-align: center; font-size: 16px; line-height: 1.375; letter-spacing: 0.08em;}
@media (min-width: 1400px) {
	.pc #content .lead-block {background-size: 100% 100%;}
}
@media (max-width: 1399px) {
	.pc #content .lead-block {background-size: cover;}
}

/*---------------------------
	christmas_decoration
---------------------------*/
.pc #content .christmas_decoration-1 {margin-top: -110px; width: 100%; height: 305px;}
.pc #content .christmas_decoration-1:before {top: 28px; left: -46px; width: 202px; height: 283px;}
.pc #content .christmas_decoration-1:after {top: 0; right: -48px; width: 254px; height: 285px;}

/*---------------------------
	christmas-block
---------------------------*/
.pc #content .christmas-block {margin-top: -55px; padding: 165px 0; background: url(../images/bg_mokume.png) top center / 100% auto repeat-y;}
.pc #content .christmas-block h2.h2_resipe {text-align: center; margin-bottom: 115px;}
.pc #content .christmas-block .recipe + .recipe {margin-top: 205px;}
.pc #content .christmas-block .recipe .box_photo figure {display: inline-block;}
.pc #content .christmas-block .recipe .box_photo figure:before {border: 14px solid #fff;}
.pc #content .christmas-block .recipe .box_photo .note {position: relative; color: #fff; top: 20px; left: 40px; font-size: 12px;}
.pc #content .christmas-block .recipe .box_photo figure .bubble {font-size: 18px;}
.pc #content .christmas-block .recipe .box_txt h3 {font-size: 24px; line-height: 1.6; }
.pc #content .christmas-block .recipe .box_txt p {font-size: 16px; line-height: 1.75;}
.pc #content .christmas-block .recipe .box_txt .btn {margin-top: 30px; width: 300px;}
.pc #content .christmas-block .recipe .box_txt .btn a {height: 60px; color: #fff; font-size: 18px; line-height: 60px;}
.pc #content .christmas-block .recipe .box_txt .btn a:before {right: 20px; width: 18px; height: 17px; margin-top: -8.5px;}
.pc #content .christmas-block .recipe .box1 .box_photo:before {top: -25px; width: 598px; height: 473px; background: url(../images/bg_christmas01.png) left top / 100% auto no-repeat;}
.pc #content .christmas-block .recipe .box1 figure {margin-left: 73px;}
.pc #content .christmas-block .recipe .box1 figure:before {top: 9px; left: 0; width: 94.5%; height: 88%;}
.pc #content .christmas-block .recipe .box1 figure:after {left: -33px; bottom: 14px; width: 132px; height: 86px;}
.pc #content .christmas-block .recipe .box1 figure .bubble {left: -83px; top: -75px; width: 444px; height: 132px;}
.pc #content .christmas-block .recipe .box2 .box_photo:before {top: -95px; left: 25px; width: 577px; height: 449px;}
.pc #content .christmas-block .recipe .box2 figure {margin-left: 117px;}
.pc #content .christmas-block .recipe .box2 figure:before {top: -9px; left: -11px; width: 99%; height: 97%;}
.pc #content .christmas-block .recipe .box2 figure:after {left: -55px; bottom: -14px; width: 119px; height: 78px}
.pc #content .christmas-block .recipe .box2 figure .bubble {left: -87px; top: -77px; width: 440px; height: 112px;}
.pc #content .christmas-block .recipe .box3 .box_photo:before {top: -95px; left: -5px; width: 577px; height: 449px;}
.pc #content .christmas-block .recipe .box3 figure {margin-left: 30px;}
.pc #content .christmas-block .recipe .box3 figure:before {top: -9px; left: -11px; width: 99%; height: 97%;}
.pc #content .christmas-block .recipe .box3 figure:after {right: -50px; bottom: -14px; width: 119px; height: 78px;}
.pc #content .christmas-block .recipe .box3 figure .bubble {right: -85px; top: -98px; width: 445px; height: 132px;}
.pc #content .christmas-block .recipe .box4 .box_photo:before {top: -90px; left: 30px; width: 577px; height: 449px;}
.pc #content .christmas-block .recipe .box4 figure {margin-left: 117px;}
.pc #content .christmas-block .recipe .box4 figure:before {top: -9px; left: -11px; width: 99%; height: 97%;}
.pc #content .christmas-block .recipe .box4 figure:after {left: -28px; bottom: -30px; width: 70px; height: 104px;}
.pc #content .christmas-block .recipe .box4 figure .bubble {left: -60px; top: -98px; width: 375px; height: 132px;}
.pc #content .christmas-block .recipe .box5 .box_photo:before {top: -107px; left: 0; width: 577px; height: 449px;}
.pc #content .christmas-block .recipe .box5 figure {margin-left: 24px; margin-top: -18px;}
.pc #content .christmas-block .recipe .box5 figure:before {top: -4px; left: -8px; width: 97%; height: 94%;}
.pc #content .christmas-block .recipe .box5 figure:after {right: -25px; bottom: -27px; width: 69px; height: 103px;}
.pc #content .christmas-block .recipe .box5 figure .bubble {right: -40px; top: -90px; width: 380px; height: 132px;}
.pc #content .christmas-block .recipe .box6 .box_photo:before {top: -32px; left: 0; width: 598px; height: 488px;}
.pc #content .christmas-block .recipe .box6 figure {margin-left: 73px;}
.pc #content .christmas-block .recipe .box6 figure:before {top: 0; left: -5px; width: 96.5%; height: 92%;}
.pc #content .christmas-block .recipe .box6 figure:after {left: -30px; bottom: -15px; width: 95px; height: 101px;}
.pc #content .christmas-block .recipe .box6 figure .bubble {left: -100px; top: -98px; width: 445px; height: 132px;}
.pc #content .christmas-block .recipe-one:last-of-type {margin-top: 160px;}
.pc #content .christmas-block .recipe-one .box {display: flex; justify-content: space-between; align-items: flex-end; }
.pc #content .christmas-block .recipe-one .box6 {align-items: center;}
.pc #content .christmas-block .recipe-one .box_photo {width: 645px;}
.pc #content .christmas-block .recipe-one .box_txt {width: 405px; padding-right: 100px; margin-bottom: -14px;}
.pc #content .christmas-block .recipe-two {display: flex; justify-content: space-between;}
.pc #content .christmas-block .recipe-two .box {width: 50%;}
.pc #content .christmas-block .recipe-two .box_txt {margin-top: 40px;}
.pc #content .christmas-block .recipe-two .box:nth-of-type(odd) .box_txt {margin-left: 130px; margin-right: 50px;}
.pc #content .christmas-block .recipe-two .box:nth-of-type(even) .box_txt {margin-right: 130px; margin-left: 50px;}
.pc #content .christmas-block .recipe-two .box_txt h3 {text-align: center;}
.pc #content .christmas-block .recipe-two .box_txt .btn {margin-left: auto; margin-right: auto;}
.pc #content .christmas-block .idea {padding-top: 200px;}
.pc #content .christmas-block h2.h2_idea {margin-bottom: 60px; padding: 0 100px;}
.pc #content .christmas-block .idea_box {position: relative; display: flex; justify-content: center;}
.pc #content .christmas-block .idea_box:before, .pc #content .christmas-block .idea_box:after {content: ""; position: absolute; }
.pc #content .christmas-block .idea_box:before {top: -25px; left: -4px; width: 1208px; height: 611px; background: url(../images/bg_styling.png) center top / 100% auto no-repeat; z-index: 0;}
.pc #content .christmas-block .idea_box:after {bottom: -15px; right: -47px; width: 133px; height: 129px; background: url(../images/img_star.png) center top / 100% auto no-repeat; z-index: 0;}
.pc #content .christmas-block .idea_card {width: 487px; padding: 30px;}
.pc #content .christmas-block .idea_card:nth-of-type(2) {top: -130px; margin-left: 50px;}
.pc #content .christmas-block .idea_card h3 {margin-bottom: 30px; font-size: 21px;}
.pc #content .christmas-block .idea_photo {margin-bottom: 30px;}
.pc #content .christmas-block .idea_txt p {font-size: 14px;}

/*---------------------------
	cheese-block
---------------------------*/
.pc #content .cheese-block {margin-top: -100px; padding: 138px 0 168px; background: url(../images/bg_cloth_green.png) center top / 100% auto no-repeat; z-index: 1;}
.pc #content .cheese-block:before {top: 0; right: 54px; width: 136px; height: 200px;}
.pc #content .cheese-block .box {display: flex;}
.pc #content .cheese-block .box .ttl {width: 473px; /*padding-top: 35px;*/padding-top: 0px; padding-left: 63px;}
.pc #content .cheese-block .box .list {width: 763px; padding-right: 100px;}
.pc #content .cheese-block .box .list ul li a {display: flex; align-items: center; padding: 22px 0;}
.pc #content .cheese-block .box .list ul li a:hover {opacity: 1;}
.pc #content .cheese-block .box .list ul li a .img {width: 203px;}
.pc #content .cheese-block .box .list ul li a:hover .img {opacity: 0.8}
.pc #content .cheese-block .box .list ul li a .txt {width: 460px;}
.pc #content .cheese-block .box .list ul li a .txt p {font-size: 14px;}
.pc #content .cheese-block .box .list ul li a .txt p.name {font-size: 18px;}
.pc #content .cheese-block .banner-cp {margin-top: 25px;}

.pc #content .cheese-block .box .list p.pkg {font-size: 10px;}

@media (min-width: 1400px) {
	.pc #content .cheese-block {background-size: 100% 100%;}
}
@media (max-width: 1399px) {
	.pc #content .cheese-block {background-size: cover;}
}

/*---------------------------
	more-block
---------------------------*/
.pc #content .more-block {margin-top: -55px; padding: 148px 0 60px;}
.pc #content .more-block .content-inner {background: url(../images/bg_other01.png) top 130px right 82px no-repeat, url(../images/bg_other02.png) top 520px left 80px no-repeat, url(../images/bg_other03.png) bottom 170px right 100px no-repeat;}
.pc #content .more-block h2 {margin-bottom: 40px; text-align: center;}
.pc #content .more-block .box .photo {border: 14px solid #fff;}
.pc #content .more-block .box .link {width: 390px;}
.pc #content .more-block .box .link a {padding-left: 50px; height: 137px; font-size: 18px;}
.pc #content .more-block .box .link a:before {right: 40px; width: 18px; height: 17px; margin-top: -8.5px;}
.pc #content .more-block .box1 .photo {width: 473px; margin-left: 100px;}
.pc #content .more-block .box1 .link {top: 20px; right: 345px;}
.pc #content .more-block .box2 {margin-top: -105px;}
.pc #content .more-block .box2 .photo {width: 469px; margin-left: 640px;}
.pc #content .more-block .box2 .link {bottom: 25px; left: 290px;}
.pc #content .more-block .box3 {margin-top: 30px;}
.pc #content .more-block .box3 .photo {width: 465px; margin-left: 235px;}
.pc #content .more-block .box3 .link {top: 85px; right: 210px;}
.pc #content .more-block .banner-belrecipe {margin-top: 75px; text-align: center;}

/* ===============================================

	SP style

=============================================== */
.sp #content h1, .sp #content h2, .sp #content h3, .sp #content h4, .sp #content a, .sp #content img {display: block; }
.sp #content{ margin: 2% auto 0;}
.sp #content p {font-size: 13px;line-height: 1.6;}
.sp #content img {width: 100%;}
.sp #content .only-pc { display: none !important; }
.sp #content .content-inner { margin: 0 3.5%;}

/*---------------------------
	content-mv
---------------------------*/
.sp #content .content-mv { position: relative; height: 0; padding-top: 71.23834886817577%; background: url(../images/sp/mv.jpg) center top / cover no-repeat; overflow: hidden;}


/*---------------------------
	lead-block
---------------------------*/
.sp #content .lead-block {position: relative; margin-top: -35px; background: url(../images/sp/mv_decoration01.png) left -7% top 10px / 30% auto no-repeat, url(../images/sp/mv_decoration02.png) right -6% top 5px / 32% auto no-repeat, url(../images/sp/bg_knit.png) center top / 100% 100% no-repeat; overflow: hidden;}
.sp #content .lead-block h1 {position: relative; top: -5px; margin: 0 14% 20px; z-index: 1;}
.sp #content .lead_inner {padding: 0 3.5% 95px;}
.sp #content .lead-block .banner-cp {margin: 30px 0;}
.sp #content .lead-block .recipe-btn ul {flex-wrap: wrap;}
.sp #content .lead-block .recipe-btn ul li {width: 50%; margin: 5px 0;}
.sp #content .lead-block .recipe-btn ul li a {display: flex; align-items: center;}
.sp #content .lead-block .recipe-btn ul li a figure {width: 37%;}
.sp #content .lead-block .recipe-btn ul li p {width: 63%; padding: 0 7%; font-size: 12px; line-height: 1.3; box-sizing: border-box;}
.sp #content .lead-block .recipe-btn ul li:after {right: 3%; top: 50%; margin-top: -7px;}

/*---------------------------
	christmas_decoration
---------------------------*/
.sp #content .christmas_decoration-1 {width: 100%; height: 2%; margin-top: -60px;}
.sp #content .christmas_decoration-1:before {top: 24px; left: -4%; width: 17%; height: 100%;}
.sp #content .christmas_decoration-1:after {top: 0; right: -4%; width: 21%; height: 100%;}

/*---------------------------
	christmas-block
---------------------------*/
.sp #content .christmas-block {margin-top: -25px; padding: 70px 0; background: url(../images/sp/img_star01.png) top 2.5% right 5% / 10% auto no-repeat, url(../images/sp/img_lantern.png) top 10% right -13% / 25% auto no-repeat, url(../images/sp/img_star02.png) top 16.5% left -12% / 25% auto no-repeat, url(../images/sp/img_cinnamon.png) top 18% right -5% / 15% auto no-repeat, url(../images/sp/img_crystal01.png) top 28.5% left 0 / 15% auto no-repeat, url(../images/sp/img_gingerbread.png) top 32% right -5% / 20% auto no-repeat, url(../images/sp/img_ribbon.png) top 39% left -10% / 24% auto no-repeat, url(../images/sp/img_crystal02.png) top 40% left 12% / 10% auto no-repeat, url(../images/sp/img_house.png) top 52% right -5% / 20% auto no-repeat, url(../images/sp/img_present.png) top 59% right -20% / 35% auto no-repeat, url(../images/sp/img_star03.png) top 65% left 2% / 10% auto no-repeat, url(../images/sp/img_lamp.png) top 68% right -5% / 15% auto no-repeat, url(../images/sp/bg_mokume.png) top center / auto auto repeat-y;}
.sp #content .christmas-block h2.h2_resipe {margin: 0 12% 90px;}
.sp #content .christmas-block .recipe + .recipe {margin-top: 90px;}
.sp #content .christmas-block .recipe .box_photo figure {display: block; width: 76%; margin: 0 auto;}
.sp #content .christmas-block .recipe .box_photo figure:before {border: 7.5px solid #fff;}
.sp #content .christmas-block .recipe .box_photo figure .bubble {top: -50px; padding: 0 10%; box-sizing: border-box;}
.sp #content .christmas-block .recipe .box_photo figure .bubble span {font-size: 11.5px;}
.sp #content .christmas-block .recipe .box .box_photo:before {width: 80%; top: -15px;}
.sp #content .christmas-block .recipe .box figure .bubble {left: -20%;}
.sp #content .christmas-block .recipe .box figure .bubble span {font-weight: bold;}
.sp #content .christmas-block .recipe .box .box_txt {margin: 30px 7% 0;}
.sp #content .christmas-block .recipe .box .box_txt h3 {text-align: center; font-size: 18px; line-height: 1.4;}
.sp #content .christmas-block .recipe .box_txt p {font-size: 12px; font-feature-settings: "palt"; line-height: 1.6;}
.sp #content .christmas-block .recipe .box_txt .note {display: block; font-size: 11px;}
.sp #content .christmas-block .recipe .box_txt .btn {margin: 15px 10% 0;}
.sp #content .christmas-block .recipe .box_txt .btn a {padding: 15px 0; color: #fff; font-size: 14px; line-height: 1; font-feature-settings: "palt";}
.sp #content .christmas-block .recipe .box_txt .btn a:before {right: 8%; width: 14px; height: 14px; margin-top: -7px;}
.sp #content .christmas-block .recipe .box1 .box_photo:before {height: 118%;}
.sp #content .christmas-block .recipe .box1 figure:before {width: 92%; height: 87%; top: 2%; left: 2%;}
.sp #content .christmas-block .recipe .box1 figure:after {bottom: 0; left: -5%; width: 28%; height: 26%;}
.sp #content .christmas-block .recipe .box1 figure .bubble {height: 42%;}
.sp #content .christmas-block .recipe .box2 .box_photo:before {height: 120%;}
.sp #content .christmas-block .recipe .box2 figure:before {width: 98%; height: 96%; top: -2%; left: -2%;}
.sp #content .christmas-block .recipe .box2 figure:after {bottom: -10%; left: -5%; width: 28%; height: 26%;}
.sp #content .christmas-block .recipe .box2 figure .bubble {height: 34%;}
.sp #content .christmas-block .recipe .box3 .box_photo:before {height: 118%;}
.sp #content .christmas-block .recipe .box3 figure:before {width: 98%; height: 95%; top: -2%; left: -2%;}
.sp #content .christmas-block .recipe .box3 figure:after {bottom: -10%; left: -5%; width: 28%; height: 26%;}
.sp #content .christmas-block .recipe .box3 figure .bubble {left: auto; right: -20%; height: 42%;}
.sp #content .christmas-block .recipe .box4 .box_photo:before {height: 117%;}
.sp #content .christmas-block .recipe .box4 figure:before {width: 98%; height: 96%; top: -2%; left: -2%;}
.sp #content .christmas-block .recipe .box4 figure:after {bottom: -5%; left: -10%; width: 20%; height: 45%}
.sp #content .christmas-block .recipe .box4 figure .bubble {height: 37%;}
.sp #content .christmas-block .recipe .box5 .box_photo:before {height: 119%;}
.sp #content .christmas-block .recipe .box5 figure:before {width: 97%; height: 94%; top: -1%; left: -2%;}
.sp #content .christmas-block .recipe .box5 figure:after {bottom: -5%; left: -10%; width: 20%; height: 45%}
.sp #content .christmas-block .recipe .box5 figure .bubble {left: auto; right: -20%; height: 36%;}
.sp #content .christmas-block .recipe .box6 .box_photo:before {height: 125%;}
.sp #content .christmas-block .recipe .box6 figure:before {width: 96%; height: 92%; top: -1%; left: -1%;}
.sp #content .christmas-block .recipe .box6 figure:after {bottom: -5%; left: -5%; width: 25%; height: 38%;}
.sp #content .christmas-block .recipe .box6 figure .bubble {height: 40%;}
.sp #content .christmas-block .recipe-two .box + .box {margin-top: 90px;}
.sp #content .christmas-block .idea {padding-top: 60px;}
.sp #content .christmas-block .idea h2 {margin: 0 12% 30px;}
.sp #content .christmas-block .idea_box {width: 90%; margin: 0 auto;}
.sp #content .christmas-block .idea_card {padding: 15px;}
.sp #content .christmas-block .idea_card:nth-of-type(2) {margin-top: 30px;}
.sp #content .christmas-block .idea_card h3 {margin: 15px 0; text-align: center; font-size: 18px; line-height: 1.4;}
.sp #content .christmas-block .idea_card p {font-size: 12px; font-feature-settings: "palt"; line-height: 1.6;}

/*---------------------------
	cheese-block
---------------------------*/
.sp #content .cheese-block {margin-top: -50px; padding: 70px 0; background: url(../images/sp/bg_cloth_green.png) top center / 100% 100% no-repeat;}
.sp #content .cheese-block:before {top: 0; right: 5%; width: 68px; height: 100px;}
.sp #content .cheese-block h2 {margin: 0 12% 30px;}
.sp #content .cheese-block .box .list ul {display: flex; flex-wrap: wrap;}
.sp #content .cheese-block .box .list ul li {width: 50%; padding: 15px; box-sizing: border-box;}
.sp #content .cheese-block .box .list ul li:last-of-type {width: 100%;}
.sp #content .cheese-block .box .list ul li a {display: block;}
.sp #content .cheese-block .box .list ul li a .img {margin-bottom: 15px;}
.sp #content .cheese-block .box .list ul li a .img img {width: auto; max-width: 100%; margin: 0 auto;}
.sp #content .cheese-block .box .list ul li a .txt {padding: 0 5%;}
.sp #content .cheese-block .box .list ul li a .txt p {font-size: 11px;}
.sp #content .cheese-block .box .list ul li a .txt p.name {font-size: 14px; text-align: center;}
.sp #content .banner-cp {margin-top: 15px;}

.sp #content .cheese-block .box .list p.pkg {font-size: 10px; text-align: center;}

/*---------------------------
	more-block
---------------------------*/
.sp #content .more-block {margin-top: -50px; padding: 70px 0 60px;}
.sp #content .more-block h2 {margin: 0 12% 30px;}
.sp #content .more-block .box {width: 90%; margin-left: auto; margin-right: auto;}
.sp #content .more-block .box + .box {margin-top: 60px;}
.sp #content .more-block .box .photo {border: 7px solid #fff;}
.sp #content .more-block .box .link {bottom: -30px; right: -10px; width: 230px;}
.sp #content .more-block .box .link a {height: 82px; padding-left: 15px;}
.sp #content .more-block .box .link a:before {width: 9px; height: 9px; right: 15px;}
.sp #content .more-block .banner-belrecipe {margin-top: 60px;}