@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:#433b31;font-family:"游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#content *{font:inherit;}
#content h1, #content h2, #content h3{font-weight:bold;}
#content h1, #content h2, #content h3, #content figure{border:0;margin:0;padding:0;}
#content img{max-width:100%;width:auto;}
#content em{font-style:normal;}
#content a{text-decoration:none;}
#content .common-btn{display:inline-block;padding:22px;min-width:267px;font-size:16px;letter-spacing:0.05em;text-align:center;background:url(../images/btn_back.jpg) no-repeat #6c4884;background-size:100% 100%;color:#fff;border-radius:2px;position:relative;}
#content .common-btn::after{content:"";width:25px;height:6px;background:url(../images/arrow02.png) no-repeat;background-size:100% auto;position:absolute;top:50%;right:20px;margin-top:-4px;transition:.3s;}
#content .common-btn:hover::after{right:15px;}

.pc #content{font-size:14px;min-width:1200px;line-height:1.6em;}
.pc #content .content-inner{width:1000px;margin:auto;}
.pc #content a{transition:opacity .3s;}
.pc #content a:hover{opacity:0.7;}
.pc #content .only-sp{display:none !important;}

/*---------------------------
.content-mv
---------------------------*/
#content .content-mv{position:relative;max-width:1200px;width:100%;margin:auto;z-index:10;}
#content .content-mv .mv-img{width:100%;}
#content .content-mv h1{position:absolute;top:30px;left:20px;}

/*---------------------------
#block-lead
---------------------------*/
#content #block-lead{padding-top:225px;padding-bottom:240px;margin:-150px auto 0;background:url(../images/lead_back.jpg) no-repeat #f6f1f7;background-size:100% 100%;text-align:center;position:relative;overflow:hidden;}
#content #block-lead::after{content:"";display:block;width:100%;height:382px;background:url(../images/lead_back02.png) no-repeat;background-size:100% 100%;position:absolute;left:0;bottom:0;z-index:0;}
.webp #content #block-lead::after{content:"";display:block;width:100%;height:382px;background:url(../images/lead_back02.png.webp) no-repeat;background-size:100% 100%;position:absolute;left:0;bottom:0;z-index:0;}
#content #block-lead .content-inner{position:relative;max-width:1200px;width:100%;}
#content #block-lead .content-inner::before{content:"";display:block;width:50%;height:100%;position:absolute;top:-120px;left:-120px;z-index:1;background-image:url(../images/lead_back03.png),url(../images/lead_back04.png);background-repeat:no-repeat,no-repeat;background-position:left top,20% 90%;}
#content #block-lead .content-inner::after{content:"";display:block;width:50%;height:100%;position:absolute;top:-140px;right:-170px;z-index:1;background-image:url(../images/lead_back05.png),url(../images/lead_back06.png);background-repeat:no-repeat,no-repeat;background-position:right top,80% bottom;}
#content #block-lead .content-inner > *{position:relative;z-index:5;}
#content #block-lead .txt{font-size:16px;text-align:center;line-height:2.2em;letter-spacing:0.05em;}
#content #block-lead .ttl{margin-top:60px;}
#content #block-lead .banner{margin-top:20px;}
#content #block-lead .banner-cp{margin:60px 0 50px;}
#content #block-lead .attention{font-size:12px;margin-top:20px;}

/*---------------------------
#block-recipe-nav
---------------------------*/
#content #block-recipe-nav{background:#fff;max-width:1200px;margin:-190px auto 0;padding:40px;position:relative;z-index:2;}
#content #block-recipe-nav ul{display:flex;justify-content:center;}
#content #block-recipe-nav ul > li{margin:0 16px;text-align:center;}
#content #block-recipe-nav ul > li figure{margin-bottom:15px;}
#content #block-recipe-nav ul > li .txt{height:66px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:bold;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";letter-spacing:0.5px;}
#content #block-recipe-nav ul > li .txt span{display:inline!important;background: linear-gradient(transparent 50%, #ffeba2 0%);padding:0 3px;}
#content #block-recipe-nav ul > li a{display:block;position:relative;padding-bottom:20px;}
#content #block-recipe-nav ul > li a::after{content:"";display:block;width:18px;height:9px;background:url(../images/arrow.png) no-repeat;background-size:100% auto;position:absolute;left:50%;bottom:0;margin-left:-9px;transition:.3s;}
#content #block-recipe-nav ul > li a:hover::after{bottom:-5px;}

/*---------------------------
#block-recipe
---------------------------*/
#content #block-recipe{padding:0 0 30px;position:relative;overflow:hidden;}
#content #block-recipe .box{position:relative;padding-top:80px;}
#content #block-recipe .box::before{content:"";background:no-repeat;background-size:100% auto;position:absolute;z-index:3;}
#content #block-recipe .box + .box{margin-top:60px;position:relative;}
#content #block-recipe .box + .box::after{content:"";display:block;width:120%;height:10px;background:url(../images/line.png) no-repeat center top;position:absolute;top:0;left:-10%;}
#content #block-recipe .box .d-flex{display:flex;align-items:center;justify-content:flex-end;position:relative;z-index:1;}
#content #block-recipe .box .img{width:560px;margin-right:50px;position:relative;}
#content #block-recipe .box .img .cheese{position:absolute;top:-68px;left:-62px;}
#content #block-recipe .box .img .img-attention{text-align:right;font-size:12px;margin-top:10px;margin-bottom:-10px;}
#content #block-recipe .box .recipe-inner{flex:1;}
#content #block-recipe .box .ttl{font-size:24px;margin-top:10px;font-weight:bold;letter-spacing:0.08em;line-height:1.6;}
#content #block-recipe .box .txt{font-size:14px;margin-top:15px;line-height:1.9;letter-spacing:0.08em;}
#content #block-recipe .box .btn{margin-top:35px;}
#content #block-recipe .box .point{font-size:16px;font-weight:bold;line-height:1.8;margin-top:30px;padding:50px 50px 50px 100px;background:url(../images/recipe_point.png) no-repeat;background-size:100% 100%;position:relative;z-index:2;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";letter-spacing:0.1em;}
#content #block-recipe .box .point::before{content:"";display:block;width:53px;height:73px;background:url(../images/point.png) no-repeat;background-size:100% auto;position:absolute;top:50%;left:28px;margin-top:-36px;}
#content #block-recipe .box .back{display:block;width:100%;height:100%;position:absolute;top:0;left:0;}
#content #block-recipe .box .back::before,#content #block-recipe .box .back::after{content:"";display:block;background:no-repeat center center;background-size:100% auto;position:absolute;z-index:0;}

#content #block-recipe .box.reverse .d-flex{flex-direction:row-reverse;}
#content #block-recipe .box.reverse .img{margin-left:50px;margin-right:0;}
#content #block-recipe .box.reverse .img .cheese{left:auto;right:-62px;}

#content #block-recipe .box#recipe1::before{width:92px;height:123px;background-image:url(../images/recipe01_deco.png);top:60px;right:-60px;}
#content #block-recipe .box#recipe1 .back::before{width:288px;height:231px;background-image:url(../images/recipe01_back01.png);top:45%;left:-260px;}
#content #block-recipe .box#recipe1 .back::after{width:230px;height:483px;background-image:url(../images/recipe01_back02.png);top:0;right:-230px;}

#content #block-recipe .box#recipe2::before{width:99px;height:199px;background-image:url(../images/recipe02_deco.png);bottom:20px;left:-120px;}
#content #block-recipe .box#recipe2 .back::before{width:244px;height:405px;background-image:url(../images/recipe02_back01.png);top:35%;left:-220px;}
#content #block-recipe .box#recipe2 .back::after{width:240px;height:314px;background-image:url(../images/recipe02_back02.png);top:16%;right:-270px;}

#content #block-recipe .box#recipe3::before{width:79px;height:187px;background-image:url(../images/recipe03_deco.png);top:100px;right:-90px;}
#content #block-recipe .box#recipe3 .back::before{width:296px;height:249px;background-image:url(../images/recipe03_back01.png);top:45%;left:-230px;}
#content #block-recipe .box#recipe3 .back::after{width:195px;height:552px;background-image:url(../images/recipe03_back02.png);top:10%;right:-240px;}

#content #block-recipe .box#recipe4::before{width:100px;height:180px;background-image:url(../images/recipe04_deco.png);top:70px;left:-110px;}
#content #block-recipe .box#recipe4 .back::before{width:282px;height:542px;background-image:url(../images/recipe04_back01.png);top:8%;left:-325px;}
#content #block-recipe .box#recipe4 .back::after{width:292px;height:306px;background-image:url(../images/recipe04_back02.png);top:35%;right:-260px;}

#content #block-recipe .box#recipe5::before{width:69px;height:120px;background-image:url(../images/recipe05_deco.png);bottom:30px;right:-85px;}
#content #block-recipe .box#recipe5 .back::before{width:264px;height:267px;background-image:url(../images/recipe05_back01.png);top:35%;left:-305px;}
#content #block-recipe .box#recipe5 .back::after{width:241px;height:427px;background-image:url(../images/recipe05_back02.png);top:32%;right:-235px;}

#content #block-recipe .box#recipe6::before{width:88px;height:180px;background-image:url(../images/recipe06_deco.png);bottom:40px;left:-90px;}
#content #block-recipe .box#recipe6 .back::before{width:274px;height:573px;background-image:url(../images/recipe06_back01.png);top:10%;left:-250px;}
#content #block-recipe .box#recipe6 .back::after{width:334px;height:393px;background-image:url(../images/recipe06_back02.png);top:17%;right:-310px;}

/*---------------------------
#block-cheese
---------------------------*/
#content #block-cheese{background:url(../images/cheese_back.jpg) #fff9e5;background-size:100% 100%;padding:120px 0 80px;position:relative;}
#content #block-cheese::before{content:"";display:block;width:654px;height:246px;background:url(../images/cheese_back01.png) no-repeat;background-size:100% auto;position:absolute;top:0;left:0;z-index:1;}
#content #block-cheese::after{content:"";display:block;width:403px;height:164px;background:url(../images/cheese_back02.png) no-repeat;background-size:100% auto;position:absolute;bottom:0;right:0;z-index:2;}
#content #block-cheese .content-inner{position:relative;z-index:5;}
#content #block-cheese .box{position:relative;}
#content #block-cheese .box .ttl{position:absolute;left:10px;top:20px;text-align:center;}
#content #block-cheese .box .ttl img{display:block;margin:0 auto 3px;}
#content #block-cheese .box .ttl span{display:block;width:100%;font-size:20px;font-weight:bold;letter-spacing:0.12em;}
#content #block-cheese .box .ttl::after{content:"";display:block;margin:-25px auto 0;width:275px;height:77px;background:url(../images/cheese_ornament03.png) no-repeat;background-size:100% auto;}
#content #block-cheese .list{display:flex;flex-wrap:wrap;justify-content:center;}
#content #block-cheese .list > li{width:26%;margin-right:1.25%;border-bottom:1px solid #8e8979;padding:0 30px 35px;margin-bottom:40px;text-align:center;}
#content #block-cheese .list > li:first-child{margin-left:34%;}
#content #block-cheese .list > li:nth-child(3n-1){margin-right:0;}
#content #block-cheese .list > li a{display:block;}
#content #block-cheese .list > li .img{margin-bottom:25px;}
#content #block-cheese .list > li .name{font-size:18px;font-weight:bold;letter-spacing:0.05em;line-height:1.5;margin-bottom:25px;position:relative;}
#content #block-cheese .list > li .name::before{content:"";display:block;width:13px;height:41px;background:url(../images/cheese_ornament01.png) no-repeat;background-size:100% auto;position:absolute;left:0;top:50%;margin-top:-20px;}
#content #block-cheese .list > li .name::after{content:"";display:block;width:13px;height:41px;background:url(../images/cheese_ornament02.png) no-repeat;background-size:100% auto;position:absolute;right:0;top:50%;margin-top:-20px;}
#content #block-cheese .list > li p{text-align:left;width:230px;margin:auto;letter-spacing:0.05em;line-height:1.8;}
#content #block-cheese .attention{font-size:12px;margin-top:-20px;}
#content #block-cheese .banner{margin-top:60px;}

/*---------------------------
#block-other
---------------------------*/
#block-other{padding:80px 0;overflow:hidden;}
#block-other .content-inner{position:relative;}
#block-other .content-inner::before{content:"";display:block;width:133px;height:164px;background:url(../images/other_back01.png) no-repeat;background-size:100% auto;position:absolute;left:-80px;top:0;}
#block-other .content-inner::after{content:"";display:block;width:134px;height:177px;background:url(../images/other_back02.png) no-repeat;background-size:100% auto;position:absolute;right:-80px;top:0;}
#block-other .ttl{text-align:center;font-size:20px;font-weight:bold;letter-spacing:0.12em;margin-bottom:70px;}
#block-other .ttl img{display:block;margin:0 auto 10px;}
/*#block-other .list{display:flex;}*/
#block-other .list{display:flex; flex-direction: column;}
/*#block-other .list > li{flex:1;width:48%;margin-right:4%;}*/
#block-other .list > li{flex:1;width:48%;margin: 0 auto;}
#block-other .list > li:nth-child(even){margin-right:0;}
#block-other .list > li .sub{text-align:center;margin-bottom:20px;position:relative;}
#block-other .list > li .sub::after{content:"";display:block;width:41px;height:57px;background:url(../images/other_arrow.png) no-repeat;background-size:100% auto;position:absolute;right:10px;top:14px;z-index:10;}
#block-other .list > li a{display:block;border:1px solid #433b31;}
#block-other .list > li .link{padding:22px 40px;font-size:18px;line-height:1.7;letter-spacing:0.05em;position:relative;}
#block-other .list > li .link::after{content:"";display:block;width:24px;height:6px;background:url(../images/other_arrow02.png) no-repeat;background-size:100% auto;position:absolute;right:25px;top:50%;margin-top:-3px;transition:.3s;}
#block-other .list > li a:hover .link::after{right:20px;}
#block-other .banner{display:block;margin-top:40px;}


/* ===============================================
	SP style
=============================================== */
.sp #content h1, .sp #content h2, .sp #content h3, .sp #content h4, .sp #content img{display:block;}
.sp #content{margin:0 auto;}
.sp #content p{font-size:14px;line-height:1.6;}
.sp #content img{width:100%;height:auto;max-width:100%;}
.sp #content .only-pc{display:none !important;}
.sp #content .content-inner{padding:0 3.5%;box-sizing:border-box;}
.sp #content .common-btn{padding:16px;font-size:13px;min-width:242px;}
.sp .breadcrumbs + br{display:none;}

/*---------------------------
.content-mv
---------------------------*/
.sp #content .content-mv h1{top:auto;bottom:4vw;left:0;width:100%;}
.sp #content .content-mv h1 img{width:250px;max-width: 67%;margin:auto;display:block;}

/*---------------------------
#block-lead
---------------------------*/
.sp #content #block-lead{padding:50px 0 20px;margin:0 auto;background:none;}
.sp #content #block-lead::after{display:none;}
.sp #content #block-lead .txt{font-size:14px;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}
.sp #content #block-lead .txt + .txt{margin-top:15px;}
.sp #content #block-lead .ttl{width:170px;margin:30px auto 0;}
.sp #content #block-lead .banner{margin-top:15px;}
.sp #content #block-lead .attention{font-size:10px;margin-top:10px;}
.sp #content #block-lead .content-inner::before{top:-50px;left:-50px;background-size:200px auto,67px auto;background-position:left 5%,46% 78%;}
.sp #content #block-lead .content-inner::after{top:-50px;right:-55px;background-size:165px auto,132px auto;background-position:90% 7%,70% 84%;}
.sp #content .wrap-lead{padding-bottom:20px;background: url(../images/lead_back.jpg) no-repeat #f6f1f7;background-size: 100% 100%;position:relative;}
.sp #content .wrap-lead::after{content:"";width:100%;height:380px;background:url(../images/sp/lead_back02.png) no-repeat center bottom;background-size:100% 100%;position:absolute;bottom:0;left:0;}

/*---------------------------
#block-recipe-nav
---------------------------*/
.sp #content #block-recipe-nav{margin:0 auto;padding:15px 10px 15px 15px;margin:0 3.5%;}
.sp #content #block-recipe-nav ul{flex-wrap:wrap;margin-bottom:-10px;}
.sp #content #block-recipe-nav ul > li{width:50%;margin:0 0 10px;}
.sp #content #block-recipe-nav ul > li > a{display:flex;align-items:center;padding-bottom:0;}
.sp #content #block-recipe-nav ul > li > a::after{width:10px;height:6px;left:auto;right:10px;bottom:50%;margin-bottom:-3px;transition:none;background-image:url(../images/sp/arrow.png);}
.sp #content #block-recipe-nav ul > li figure{width:30%;margin:0 8px 0 0;height:0;padding-bottom:45%;overflow:hidden;position:relative;}
.sp #content #block-recipe-nav ul > li figure img{position:absolute;top:-5%;left:0;}
.sp #content #block-recipe-nav ul > li .txt{flex:1;text-align:left;justify-content:flex-start;}
.sp #content #block-recipe-nav ul > li .txt p{font-size:12px;font-weight:500;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";letter-spacing:0;line-height:1.4;}
.sp #content #block-recipe-nav ul > li .txt span{background:none;padding:0;}

/*---------------------------
#block-recipe
---------------------------*/
.sp #content #block-recipe{padding-bottom:10px;}
.sp #content #block-recipe .box{padding:50px 0 70px;}
.sp #content #block-recipe .box + .box{margin-top:50px;}
.sp #content #block-recipe .box + .box::after{width:100%;left:0;}
.sp #content #block-recipe .box::before{transform:scale(0.5);}
.sp #content #block-recipe .box .d-flex{display:block;position:static;}
.sp #content #block-recipe .box .img{width:90%;margin:auto;}
.sp #content #block-recipe .box .img .cheese{width:116px;top:-45px;left:-40px;}
.sp #content #block-recipe .box .ttl{font-size:16px;margin-top:22px;letter-spacing:0.05em;}
.sp #content #block-recipe .box .txt{font-size:12px;width:85%;margin:16px auto 0;line-height:1.8;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}
.sp #content #block-recipe .box .btn{position:absolute;bottom:0;left:0;text-align:center;width:100%;margin:0;z-index:10;}
.sp #content #block-recipe .box .point{margin-left:20px;padding:25px 30px;margin-top:15px;font-size:12px;}
.sp #content #block-recipe .box .point::before{width:26px;height:37px;left:-12px;margin-top:-16px;}
.sp #content #block-recipe .box.reverse .img .cheese{left:auto;right:-40px;}
.sp #content #block-recipe .box .img{position:relative;z-index:2;}
.sp #content #block-recipe .box .img .img-attention{font-size:10px;text-align:center;}
.sp #content #block-recipe .box .back::before{transform:scale(0.5);transform-origin:left top;}
.sp #content #block-recipe .box .back::after{transform:scale(0.5);transform-origin:right top;}

.sp #content #block-recipe .box#recipe1::before{top:calc(62vw + 20px);right:-6%;}
.sp #content #block-recipe .box#recipe1 .back::before{top:57vw;left:-20%;}
.sp #content #block-recipe .box#recipe1 .back::after{top:-20px;right:-17%;}

.sp #content #block-recipe .box#recipe2::before{bottom:auto;top:calc(62vw - 40px);left:-10%;}
.sp #content #block-recipe .box#recipe2 .back::before{top:50vw;left:-20%;}
.sp #content #block-recipe .box#recipe2 .back::after{top:2%;right:-20%;}

.sp #content #block-recipe .box#recipe3::before{top:calc(62vw - 60px);right:-8%;}
.sp #content #block-recipe .box#recipe3 .back::after{top:-2%;right:-18%;}
.sp #content #block-recipe .box#recipe3 .back::before{top:60vw;left:-20%;}

.sp #content #block-recipe .box#recipe4::before{top:calc(62vw - 35px);left:-9%;}
.sp #content #block-recipe .box#recipe4 .back::before{top:2%;left:-25%;}
.sp #content #block-recipe .box#recipe4 .back::after{top:60vw;right:-20%;}

.sp #content #block-recipe .box#recipe5::before{bottom:auto;top:calc(62vw + 20px);right:-4%;}
.sp #content #block-recipe .box#recipe5 .back::before{top:62vw;left:-22%;}
.sp #content #block-recipe .box#recipe5 .back::after{top:35vw;right:-15%;}

.sp #content #block-recipe .box#recipe6::before{bottom:auto;top:calc(62vw - 60px);left:-8%;}
.sp #content #block-recipe .box#recipe6 .back::before{top:25vw;left:-20%;}
.sp #content #block-recipe .box#recipe6 .back::after{top:45vw;right:-30%;}

/*---------------------------
#block-cheese
---------------------------*/
.sp #content #block-cheese{padding:40px 0 40px;}
.sp #content #block-cheese::before{width:60%;}
.sp #content #block-cheese::after{width:40%;background-position:right bottom;}
.sp #content #block-cheese .box .ttl{position:static;width:180px;margin:0 auto 40px;}
.sp #content #block-cheese .box .ttl::after{display:none;}
.sp #content #block-cheese .box .ttl img{margin-bottom:8px;}
.sp #content #block-cheese .box .ttl span{font-size:14px;}
.sp #content #block-cheese .list{display:block;}
.sp #content #block-cheese .list > li{width:100%;margin-right:0;box-sizing:border-box;padding:0 0 25px;margin-bottom:25px;}
.sp #content #block-cheese .list > li:first-child{margin-left:0;}
.sp #content #block-cheese .list > li > a{display:flex;flex-wrap:wrap;align-items:center;}
.sp #content #block-cheese .list > li .img{width:30%;margin-right:2%;margin-bottom:0;}
.sp #content #block-cheese .list > li .name{font-size:16px;flex:1;margin-bottom:0;margin-right:3%;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}
.sp #content #block-cheese .list > li .name::before,.sp #content #block-cheese .list > li .name::after{width:10px;height:30px;margin-top:-15px;}
.sp #content #block-cheese .list > li p{width:90%;margin-top:15px;font-feature-settings:"palt";-webkit-font-feature-settings:"palt";}
.sp #content #block-cheese .attention{margin-top:-10px;font-size:10px;text-align:center;}
.sp #content #block-cheese .banner{margin-top:30px;}

/*---------------------------
#block-other
---------------------------*/
.sp #block-other{padding:50px 0;}
.sp #block-other .content-inner::before{transform:scale(0.3);top:-40px;left:-10%;}
.sp #block-other .content-inner::after{transform:scale(0.3);top:-40px;right:-10%;}
.sp #block-other .ttl{margin-bottom:40px;}
.sp #block-other .ttl img{width:250px;margin:auto;}
.sp #block-other .ttl span{font-size:14px;letter-spacing:0.08em;}
.sp #block-other .list{display:block;}
.sp #block-other .list > li{width:100%;margin-right:0;}
.sp #block-other .list > li + li{margin-top:30px;}
.sp #block-other .list > li .link{font-size:14px;padding:17px 20px;}
.sp #block-other .list > li .sub{margin-bottom:10px;}
.sp #block-other .list > li .sub img{width:220px;display:block;margin:auto;}
.sp #block-other .list > li:nth-child(2) .sub img{width:268px;}
.sp #block-other .list > li .sub::after{width:30px;height:42px;top:10px;right:4px;}

@media screen and (max-width:374px){
	.sp #block-other .content-inner::before,
	.sp #block-other .content-inner::after{display:none;}
	.sp #block-other .list > li .sub img{transform:scale(0.85);}
	.sp #block-other .list > li .sub::after{transform:scale(0.8);}
}