@charset "utf-8";
/*--------------------------------------
	copyright : yuyu design.
--------------------------------------*/

@import url(normalize.css);
@import url(../../_vendor/fontawesome/css/all.min.css);
@import url(../../_vendor/aos/aos.css);
/*@import url(../../_vendor/OwlCarousel/assets/owl.carousel.min.css); @import url(../../_vendor/OwlCarousel/assets/owl.theme.default.css);*/
/*@import url(../../_vendor/lightGallery/css/lightgallery.min.css);*/
@import url(common_parts.css);
@import url(common.css);
@import url(common_vol.css);


/*
 vol2
==============================*/

/* sec ----------*/
#main h3 { color: #9F3F2B; }
.profile .profile_in h4 { color: #9F3F2B; }

/* mv ----------*/
#mv .a { background-image: url(../_img/vol3/mv.jpg); }
#mv .a .w { bottom: 65%; left: 65%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#mv .a { background-image: url(../_img/vol3/mv_sp.jpg); }
	#mv .a .w { top: 19%;left: 48%;bottom: 30%;right: 0%; }
	#mv .a .w img { width: 89%; }
}

/* cnt_0 ----------*/
#cnt_0 { background-color: #C8FF66; padding-top: 0; padding-bottom: 0; }
#cnt_0 .fix_pw p { top: 8%; right: 8%; width: 50%; }
#cnt_0 .fix_pw .cnt_0_p1 img {max-width: 47%;}
#cnt_0 .fix_pw .cnt_0_p2 img {margin-left: 54%;
margin-top: -52%;
max-width: 42.5%;}
#cnt_0 .fix_pw .cnt_0_p3 img {margin-left: 7.5%;margin-top: -21%;max-width: 46%;}
#cnt_0 .fix_pw .cnt_0_p4 img {margin-left: 61%;margin-top: -6%;max-width: 38%;}
#cnt_0 .fix_pw .cnt_0_p6 img {left: 87.3%;top: -3%;max-width: 26.5%;z-index: 999;position: absolute;}
#cnt_0 .fix_pw .cnt_0_p5 img {left: -9.5%;top: 66%;max-width: 29.5%;z-index: 999;position: absolute;}
#cnt_0 .fix_pw .cnt_0_p7 img {left: 73.5%;top: 62%;max-width: 29.5%;z-index: 999;position: absolute;}

@media screen and (max-width:1200px) {
	#cnt_0 { padding-top: 4%; }
	#cnt_0 .fix_pw p { position: relative; top: 0; left: 35%; right: 0; width: 60%; }
	#cnt_0 .fix_pw img {/* margin-top: -20%;*/ }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_0 .fix_pw p {padding-top: 4%; left: 2rem; right: 2rem; width: calc(100% - 4rem); }
	#cnt_0 .fix_pw img { margin-top: 0; }
}
/* cnt_0 ----------*/
#cnt_0 { padding-left: 8%; padding-right: 8%; background-color: #C8FF66; }
#cnt_0 p { margin-bottom: 5%; padding-left: 25%; line-height: 1.6; font-size: 2rem; font-weight: bold; }
#cnt_0 .w { z-index: 1; width: 24%; }
#cnt_0 .w img { margin-top: -75%; margin-left: 55%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_0 p { margin-bottom: 12%; padding-left: 0%; }
}

/* cnt_1 ----------*/
#cnt_1 { padding-bottom: 25% !important; background-image: url(../_img/vol3/cnt_2_bg.svg); background-repeat: no-repeat; background-position: center bottom; background-size: contain; }
#cnt_1 .p_wrap {position: relative;}
#cnt_1 .p_wrap .p_ct_1 {position: absolute;bottom: 0%;max-width: 30%;left: 7%;}
#cnt_1 .p_wrap .p_ct_1 h3{font-size: 2rem}
#cnt_1 .p_wrap .p_ct_1 p{font-size: 1.2rem;
line-height: 1.6;}
#cnt_1 .w {
  z-index: 1;
  width: 21%;
}
#cnt_1 .w img {
  margin-top: 178%;
    margin-left: 310%;
}
/* cnt_2 ----------*/
#cnt_2 { margin-top: -1px; background-color: #C8FF66; }
#cnt_2 h4{color: #9F3F2B;font-size: 2rem;margin-top: 1rem;}
#cnt_2 .w { z-index: 1; width: 100%; }
#cnt_2 .w img { margin-top: 12%;margin-left:-80%; }
#cnt_2 .w1 img {margin-top: -75%;margin-left: -50%;}
#cnt_2 .w2 img {margin-top: -62%;margin-left: -50%;}
#cnt_2 .sec_wrap {margin: 0 auto;padding: 1rem;}
#cnt_2 .sec_in {background: #fff;position: relative;border-radius: 30px 0 30px 0px;padding: 2rem 2rem 3rem;margin-bottom: 1rem;}
#cnt_2 .sec_in ul{display: flex;}

#cnt_2 .recipe1 ul:nth-child(1){flex-direction: row-reverse;}
#cnt_2 .recipe1 li.flex-item2 {
  flex-basis: 25%;
    margin-right: 0%;
    margin-top: -17%;  
}
#cnt_2 .recipe1 li.flex-item2.p2 {
  margin-top: -1%;
}
#cnt_2 .recipe1 li.flex-item1 {
  flex-basis: 75%;
    margin-right: 1rem;

}
#cnt_2 .recipe2 ul.recipe_ttl{
    display: block;
}
#cnt_2 .recipe2 li.flex-item1 {
  flex-basis: 75%;
    margin-right: 1rem;

}
#cnt_2 .recipe2 li.flex-item2 {
  flex-basis: 25%;
    margin-right: 0%;
    margin-top: -10%;  
}
@media screen and (max-width:896px) { /* iPhone 横 m */
    #cnt_2 .recipe1 ul:nth-child(1){display: block;}
    #cnt_2 .recipe1 ul:nth-child(1) li.flex-item2 img {
      
    }
    #cnt_2 .recipe1 li.flex-item2 {
      float: right;
        width: 27%;
        margin-top: -26%;
    }
    #cnt_2 .w img {
      margin-top: 19%;
        margin-left: -90%;
    }
}

/* cnt_3 ----------*/
#cnt_3 { }
#cnt_3 .w { z-index: 1; width: 27%; }
#cnt_3 .w img { margin-top: 0%; margin-left: 120%; }
#cnt_3 .pw { padding: 0 15%; }
#cnt_3 .pw img { width: 100%; }
#cnt_3 .pw2 { padding: 0 2%; }
@media screen and (max-width:896px) { /* iPhone 横 m */
	#cnt_3 { background-position: center 7%; }
}

/*
右から左へ
----------------------------*/
@keyframes infinity-scroll-left {
  from { transform: translateX(0); }
  to { transform: translateX(-100%); }
}
/*
IE11対策
----------------------------*/
_:-ms-lang(x)::-ms-backdrop, .d-demo { display: -ms-grid; overflow: hidden; }

.d-demo__wrap { display: flex; overflow: hidden; }
.d-demo__list { display: flex; list-style: none; }
.d-demo__list--left{animation: infinity-scroll-left 40s infinite linear 0.5s both; }
.d-demo__list li { width: 100rem; }
.d-demo__list li > img{ width: 100%; }
@media screen and (max-width:1200px) {
	.d-demo__list li { width: calc(100vw * 0.8); }
}
@media screen and (max-width:896px) { /* iPhone 横 m */
	.d-demo__list--left{animation: infinity-scroll-left 20s infinite linear 0.5s both; }
}