@charset "utf-8";
main img,
main div img{ width:revert-layer; display: inline; }
.sp_only{ display: none;}
.breadcrumb-list ol{ margin-top: 2.667vw; }
@media (min-width: 768px) {
	.breadcrumb-list ol{ margin-top: 0.5vw; }
}
@media (min-width: 1025px) {
	.breadcrumb-list ol{ margin-top: 0; }
	main{ padding-top: 140px; }
}
/* #region PC ------------------------------------------------------------  */
#wrapper { position: relative;}

p.text { padding: 35px 0 75px; color: #fff; font-size: 20px; line-height: 44px;}

#firstview #header { padding: 25px 25px 0 25px; position: fixed; top: 0; left: 0; right: 0; z-index: 1000;}
#firstview h1{float: left;}
#firstview h1 a{display: block;}
#firstview h1 img { width: 210px; height: 70px;}

#entry { position: fixed; right: 0; top: 240px; z-index: 200;}
#entry img { margin: 0 0 7px; display: block;}

#nav { margin: 0 0 50px; border-right: 2px dotted #d8d8d8;}
#nav li { float: left; text-align: center; width: 270px; border-left: 2px dotted #d8d8d8; }
#nav li p { font-size: 20px; font-weight: bold;}
#nav li p span { font-family: 'VinylRegular'; font-weight: normal; display: block; font-size: 16px; color: #cecece; letter-spacing: 2px;}
#nav li a { display: block; padding: 10px 0;}

img.img { width: 100%; height: auto;}


#footer { text-align: center; padding: 70px 0 25px;}
#footer p{font-size: 12px;font-weight: 500;margin-top: 15px;line-height: 2;}
#footer address { font-size: 12px; padding: 30px 0 0;}

.cta img  { width: 100%; height: auto; }

.aichi{background: url(../../../img/lp-mealkit-nav/aichi-bg.jpg) no-repeat center center;background-size: cover;padding-top: 50px;padding-bottom: 200px;}
.aichi-btn{max-width: 500px;margin-left: auto;margin-right: auto;}
.aichi-btn .btn + .btn{margin-top: 20px;}



/* ------------------------------------------------------------ welcome */
#welcome{ padding: 50px 0 60px; background: url(../../../img/lp-mealkit-nav/joining/bg_joining.jpg) center top/cover no-repeat; }
#welcome .bg{ padding: 0 0 60px; background: url(../../../img/lp-mealkit-nav/joining/bg_joining_02.png) center calc(100% - 300px)/90% no-repeat; }
#welcome h3{ width: 652px; margin: 0 auto; }
#welcome h3 img{ width: 100%; height: auto; }

#welcome ul{ display: flex; justify-content: space-between; margin: 0 auto; padding: 8vw 0 0; }
#welcome ul li{ position: relative; width: 48%; padding: 0 0 40px; z-index: 1; }
#welcome ul li:after{ position: absolute; content: ""; top: 12px; right: -12px; width: 100%; height: 150px; background-size: auto auto; border-radius: 20px; background-image: repeating-linear-gradient(120deg, transparent, transparent 5px, rgba(148, 146, 109, 1) 6px, rgba(148, 146, 109, 1) 5px ); z-index: -1; }
#welcome ul li img{ width: 100%; height: auto; }

#welcome .more{ width: 100%; }
#welcome .more img{ width: 100%; height: auto; position: relative; right: -30px;  }

#welcome .o_btn{ /* width: 950px; */ padding: 30px 0 0; /* margin: 0 auto; */ text-align: center; }
#welcome .o_btn a{ display: inline-block; width: 460px; filter: drop-shadow(0px 7px 0px rgba(0,0,0,0.1)); }
/* #welcome .o_btn a:first-of-type{ margin: 0 30px 0 0; } */
#welcome .o_btn a img{ width: 100%; height: auto; }


@media (max-width: 991.98px) {
	
	#welcome{ padding: 30px 0 40px; }
	#welcome .bg{ background: url(../../../img/lp-mealkit-nav/joining/bg_joining_02.png) center calc(100% - 300px)/100% no-repeat; }
	#welcome h3{ width: 70%; }
	
	#welcome ul{ width: 100%; padding: 50px 0 0; }
	#welcome ul li:after{ right: -6px; height: 12vw; }
	
}


@media (max-width: 640px) {
	#welcome{ padding: 20px 0 0; background: url(../../../img/lp-mealkit-nav/joining/bg_joining-sp.jpg) center top/cover no-repeat; }
	#welcome .bg{ padding: 0 0 50px; background: none; }
	#welcome h3{ width: 80%; }
	
	#welcome ul{ flex-direction: column; width: 95%; padding: 12vw 0 10vw; }
	#welcome ul li{ padding: 0 0 15px; width: 100%; }
	#welcome ul li:after{ top: 10px; right: -5px; height: 27vw; background-image: repeating-linear-gradient(120deg, transparent, transparent 4px, rgba(148, 146, 109, 1) 5px, rgba(148, 146, 109, 1) 3px ); }
	
	#welcome .more img{ right: 0; }
	
	#welcome .o_btn{ padding: 25px 0 0; width: 100%; }
	#welcome .o_btn img{ width: 80%; height: auto; margin: 0 auto; }
	#welcome .o_btn a{ width: 75%; }
	#welcome .o_btn a:first-of-type{ margin: 0 0 10px; }
	
}




/* --------------------------------------------------------------------- first */
#first { text-align: center; background: #adc965; padding: 115px 0 100px; position: relative;}
#first::before { position: absolute; top: 0; content: ""; background: url(../../../img/lp-mealkit-nav/bg_02.png) repeat-x; width: 100%; height: 30px; left: 0; right: 0;}
#first::after{ position: absolute; bottom: 0; content: ""; background: url(../../../img/lp-mealkit-nav/bg_02.png) repeat-x; width: 100%; height: 30px; left: 0; right: 0; }

#first h3 { padding: 0 0 40px; position: relative;}
#first h4{ background: url(../../../img/lp-mealkit-nav/bg_02.png) center; padding: 30px 0; margin: 0 0 80px; }
#first p{ width: 935px; padding: 0 0 100px; margin: 0 auto; }
#first p img{ width: 100%; height: auto; }

#first article:nth-of-type(odd) .item{ float: right; margin: 98px 50px 80px 0; }
#first article:nth-of-type(odd) .box .img_box{ left: 0; }

#first article:nth-of-type(even) .item{ float: left; }
#first article:nth-of-type(even) .box .img_box{ right: 0; }
#first article:nth-of-type(even) .box .item{ padding: 60px 220px 60px 60px; }

#first .box{ position: relative; margin: 0 0 45px;}

#first .box .item{ width: 680px; box-sizing: border-box; -webkit-box-sizing: border-box; background: #f5e451; padding: 50px 60px 50px 280px; border-radius: 10px; -moz-border-radius: 40px; -webkit-border-radius: 40px; position: relative;}

#first .box .img_box { width: 560px; height: 100%; position: absolute; /* top: 50%; transform: translate(0,-50%); */ z-index: 10;　}
#first .box .img_box img{ position: relative; top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%); }

#first .box .item h5{ text-align: left; }
#first .box .item ul li p span { display: block; font-size: 18px; font-weight: bold;}

/* set02 */
#first #set02 .box .item h5{ position: relative; text-align: right; /* right: -80px; */ }


/* catalogset */
#first #catalogset{ overflow: hidden;  padding: 0px 0 120px; /* background: #cce38f; */ }
#first #catalogset .w_box{ padding: 20px 0 40px; margin: 20px auto 0; width: 980px; background: #fff; border-radius: 20px; }

#first #catalogset h3{ background: url(../../../img/lp-mealkit-nav/first/icn_peace.png) calc(50% - 400px) center/100px no-repeat, url(../../../img/lp-mealkit-nav/first/icn_peace.png) calc(50% + 400px) center/100px no-repeat; } 
#first #catalogset h4{ background: none; margin: 0 0 10px; }

/* #first #catalogset .slider_box{ margin: 0 110px; } */
#first #catalogset .slider_item{ padding: 0 70px 0 0; }
#first #catalogset .slider_item img{ width: 100%!important; height: auto!important; }



@media (max-width: 1200px) {
  #first .box{ margin: 0 3% 80px; }
  
  #first h3{ width: 600px; margin: 0 auto; }
  #first h3 img{ width: 100%; height: auto; }
  #first p{ width: 780px; padding: 0 5% 100px; }
  #first p img{ width: 100%; height: auto; }
	
  #first .box .item{ width: 55%; padding: 65px 5% 65px 140px; }
  #first .box .item img{ width: 100%; height: auto; }
  #first .box .img_box{ width: 480px; }
  #first .box .img_box img{ width: 100%; height: auto; }
  
  #first #set02 .box .item{ padding: 65px 150px 65px 50px; }
  #first #set02 .box .item h5{ left: 0; }
  
  #first #set03 .box .img_box{ width: 520px; }
  
  #first article:nth-of-type(odd) .item{ margin: 80px 0; }
  #first article:nth-of-type(even) .box .item{ padding: 65px 150px 65px 50px; }
  
  
  #first #catalogset h3{ padding: 0 20% 40px; background: url(../../../img/lp-mealkit-nav/first/icn_peace.png) calc(50% - 40%) center/10% no-repeat, url(../../../img/lp-mealkit-nav/first/icn_peace.png) calc(50% + 40%) center/10% no-repeat; }
  #first #catalogset h3 img{ width: 100%; height: auto; }
  
/*   #first #catalogset .slider_box{ margin: 0 40px; } */
  #first #catalogset .slider_item{ width: 37vw!important; padding: 0;  }
  #first #catalogset .slider_item img{ width: 90%!important; }
  
}



@media (max-width: 900px) {
	#first h4{ margin: 0 0 30px; }

	#first .box{ margin: 0 13% 80px; }
	#first .box .item{ width: 57%; padding: 50px 5% 50px 100px; }
	
	#first .box .img_box,
	#first #set03 .box .img_box{ width: 300px; }
	#first #set02 .box .item{ padding: 65px 100px 65px 5%; }
  
	#first article:nth-of-type(odd) .item{ margin: 40px 0; }
	#first article:nth-of-type(even) .box .item{ padding: 65px 100px 65px 40px; }
	
	#first #catalogset h4{ width: 85%; margin: 0 auto 20px; }
	#first #catalogset h4 img{ width: 100%; height: auto; }
	
}



@media only screen and (max-width:755px){
	
	#first { padding: 40px 0; position: relative;}
	#first::before { position: absolute; top: 0; content: ""; background: url(../../../img/lp-mealkit-nav/bg_02.png) repeat-x; width: 100%; height: 15px; left: 0; right: 0; background-size: 15px auto;}
	#first::after { position: absolute; bottom: 0; content: ""; background: url(../../../img/lp-mealkit-nav/bg_02.png) repeat-x; width: 100%; height: 15px; left: 0; right: 0; background-size: 15px auto;}
	
	#first h3 { width: 85%; padding: 0 0 20px; }
	#first h3 img { width: 100%; height: auto;}
	#first p{ width: 90%; margin: 0 auto; padding: 0 0 30px; }
	#first p img{ width: 100%; height: auto; }
	
	#first h4{ margin: 0 0 30px; padding: 20px 0; background: url(../../../img/lp-mealkit-nav/bg_02.png) center/15px; }
	#first h4 img{ width: 80%; margin: 0 auto; height: auto; }
	
	#first p{ width: 90%; margin: 0 auto; padding: 0 0 30px; }
	#first p img{ width: 100%; height: auto; }
	
	#first article{ padding: 0 0 30px; }
	#first #set05{ padding: 0 0 50px; }
  
	#first article .first_menu{ width: 100%; }
	#first article .first_menu img{ width: 100%; height: auto; }
	
	/* catalogset */
	#first #catalogset{ padding: 40px 0 30px; overflow: hidden; }
	
	#first #catalogset .w_box{ padding: 20px; width: 100%; border-radius: 10px; box-sizing: border-box; }
	#first #catalogset .w_box img{ width: 100%; height: auto; }

	#first #catalogset h3{ padding: 0 10% 20px; background: none; }
	#first #catalogset h4{ padding: 0 0 5px; }
	
/* 	#first #catalogset .slider_box{ margin: 0 2%; } */
	#first #catalogset .slider_item{ width: 61vw!important; padding: 0 15px; }
	#first #catalogset .slider_item img{ width: 100%!important; height: auto!important; }
	
}


/* #region Mobile ------------------------------------------------------------  */
@media only screen and (max-width:640px){

#wrapper { position: relative;}

p.text { padding: 15px 0 35px; font-size: 14px; line-height: 30px;}

#firstview #header { width: 100%; padding: 10px 4%; top: 0; left: 0; box-sizing: border-box;}
#firstview #header a img { width: 120px; height: auto;}
#firstview h1 img { width: 100%; height: auto;}
#firstview #header.is-animation { background: #fff; z-index: 2; display: inline-block; *display: inline; *zoom: 1; transition: .5s; box-sizing: border-box; -webkit-box-sizing: border-box;}

#entry { position: fixed; right: 0; top: 145px; z-index: 2; width: 40px; height: auto;}
#entry img { width: 40px; height: auto;}

#nav { margin: 20px 0; border-right: none;}
#nav li { float: left; text-align: center; width: 50%; border-left: none; box-sizing: border-box; padding: 15px 0 15px;}
#nav li img { padding: 0 0 10px;}
#nav li:first-child { border-left: none; border-bottom: 2px dotted #d8d8d8;}
#nav li.point02 { border-bottom: 2px dotted #d8d8d8;}
#nav li.point02 a,
#nav li.point04 a { border-left: 2px dotted #d8d8d8;}
#nav li.point03 { border-left: none; }
#nav li p { font-size: 16px; font-weight: bold; line-height: 150%;}
#nav li p span { display: block; font-size: 14px; color: #cecece; letter-spacing: 2px; }
#nav li a { display: block; padding: 10px 0;}

img.img { width: 100%; height: auto;}

#footer { text-align: center; padding: 45px 0 55px; margin: 0 0 57px;}
#footer a img { width: 150px; height: auto;}
#footer address { font-size: 11px; padding: 25px 0 0;}

#f_btn { position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 200;}
#f_btn a { font-weight: bold; font-size: 12px; display: block; float: left; width: 50%; padding: 15px 0;}
#f_btn a.catalog { background: #fff100;}
#f_btn a.entry { background: #ff7c55; color: #fff;}
#f_btn a img { padding: 0 0 0 10px; vertical-align: top;}

.aichi{background: url(../../../img/lp-mealkit-nav/aichi-bg.jpg) no-repeat center center;background-size: cover;padding-top: 50px;padding-bottom: 200px;}
.aichi-btn{max-width: 500px;margin-left: auto;margin-right: auto;}
.aichi-btn .btn + .btn{margin-top: 20px;}

}


/* #region Global */ 
  * {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
  body{min-width: auto;}
  .row:before, .row:after{display: table;content: " ";}
  .row:after{clear: both;}
  .container {padding-right: 10px;padding-left: 10px;margin-right: auto;margin-left: auto;}
  .row {margin-right: -10px;margin-left: -10px;}
  .col-sm-6, .col-md-4, .col-md-6 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
  .d-none {display: none;}
  .d-inline-block {display: inline-block;}
  .d-block {display: block;}
  .media, .media-body {overflow: hidden;zoom: 1;}
  .media-body {width: 10000px;}
  .media-object {display: block;}
  .media-object.img-thumbnail {max-width: none;}
  .media-right {padding-left: 10px;}
  .media-left {padding-right: 10px;}
  .media-left, .media-right, .media-body {display: table-cell;vertical-align: top;}
  .img-fluid {max-width: 100%;height: auto;}
  .sr-only {position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0, 0, 0, 0);border: 0;}

  .btn {display: inline-block;margin-bottom: 0;font-weight: normal;text-align: center;white-space: nowrap;vertical-align: middle;
    -ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;background-image: none;border: 0;padding: 14px 20px;
    font-size: 16px;line-height: 1.5;font-weight: 700;border-radius: 0;
    -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position: relative;}

  .btn .text{position: relative;z-index: 1;font-size: 16px;line-height: 1.5;font-weight: 700;display: inline-block;}
  .btn svg{display: inline-block;vertical-align: -.357143em;margin-left: 4px;}
  .btn-block {display: block;width: 100%;}
  .btn-yellow {color: #000;background-color: #ffdf0b;}
  .btn-yellow::before{background-image:linear-gradient(to bottom right, transparent 50%, #ffd407 0);background-size: 100% 100%;background-repeat: no-repeat;background-position: left, right;}
  .btn-red {color: #fff!important;background-color: #d02d2d;}
  .btn-red::before{background-image:linear-gradient(to bottom right, transparent 50%, #c11e1e 0);background-size: 100% 100%;background-repeat: no-repeat;background-position: left, right;}
  .btn-green{background-color: #96c815;color: #fff!important;border-radius: 10px;}
  .btn-lg{padding:27px 40px;}
  .btn-lg, .btn-lg .text{font-size: 26px;line-height: 1.76924;}
  .btn-lg svg{vertical-align: -4px;}
  .btn-md{padding:20px 40px;}
  .btn-md, .btn-md .text{font-size: 20px;line-height: 2;}
  .btn-md svg{vertical-align: -4px;}
  .btn-green.btn-md{padding:10px 40px;}
  .btn-orange {color: #fff!important;background-color: #ef6016;}
  .btn-orange::before{background-image:linear-gradient(to bottom right, transparent 50%, #e83d0a 0);background-size: 100% 100%;background-repeat: no-repeat;background-position: left, right;}
  .btn-green2 {color: #fff!important;background-color: #1cb214;}
  .btn-green2::before{background-image:linear-gradient(to bottom right, transparent 50%, #129c0d 0);background-size: 100% 100%;background-repeat: no-repeat;background-position: left, right;}
  

  .mb-25px{margin-bottom: 25px;}

  #open_modal{float: right;display: block;background-color: #fff;border-radius: 50%;padding:28.5px 20px;border:0;
    box-shadow: 4px 4px 0px 0px rgba(30, 30, 30, 0.1);transition: background-color .15s ease;}
  #open_modal .bar{background-color: rgb(144, 195, 31);width: 40px;height: 3px;display: block;transition: background-color .15s ease;}
  #open_modal .bar + .bar{margin-top: 7px;}
  #open_modal:hover{background-color: #90c31f;}
  #open_modal:hover .bar{background-color: #fff;}

  .navigation-open{overflow: hidden;height: 100%;}
  .navigation-open #navigation{display: block;}
  #navigation{position: fixed;top:0;left:0;right:0;bottom:0;z-index: 1030;background-color: #fff;opacity: 0;display: none;transition: opacity .2s linear;}
  #navigation.show{opacity: 1;}
  .close_modal{float: right;border:0;background-color: #c9c9c9;padding:28px;z-index: 10;position: absolute;right:0;top:0;}
  .close_modal svg{display: block;}
  .navigation-bg{background: url(../../../img/lp-mealkit-nav/bg-menu.jpg) no-repeat center center;background-size: cover;position: absolute;left:41.25%;top:0;bottom:0;right:0;}
  .navigation-body{height: 100%;overflow: auto;}
  .navigation-body h3{padding:25px 0 0 25px;}
  .navigation-content{width: 41.25%;}
  .navigation-inner{max-width:480px;margin-left:auto;margin-right: auto;padding-top:25px;padding-bottom: 60px;}

  #main-menu a{font-size: 20px;font-weight: 700;border-bottom: 2px dotted rgb(201, 201, 201);display: block;padding:18px 0;}
  .menu-cvt{text-align: center;margin-top: 40px;}
  .menu-cvt img{margin-bottom: 25px;}
  .cvt-inner .btn-blue{ background: url(../../../img/lp-mealkit-nav/btn-blue.jpg) center/cover no-repeat; color: #fff; }
  .cvt-inner .btn-yellow{ background: url(../../../img/lp-mealkit-nav/btn-yellow.jpg) center/cover no-repeat; }
  .cvt-inner .btn-red{ background: url(../../../img/lp-mealkit-nav/btn-red.jpg) center/cover no-repeat; }
  
  .scroll-up{position: fixed;bottom:60px;right:20px;display: none;z-index: 1000;}
/* #endregion */

/* #region Page */
  #fv{ margin-top: 20px; background: url(../../../img/lp-mealkit-nav/bg-01.jpg) no-repeat center center;background-size: cover;padding:40px 0;overflow: hidden;}
  .fv-img{margin-left: -70px;}

  .ca{background: url(../../../img/lp-mealkit-nav/ca-bg.jpg) no-repeat center center;background-size: cover;padding:40px 0 55px;}
  .ca-inner{margin-left: -31px;margin-right: -31px;position: relative;}
  .ca-inner .btn{position: absolute;left:50%;bottom:75px;width: 51%;margin-left: -25.5%;}

  #family-friendly{background: url(../../../img/lp-mealkit-nav/bg-02.jpg) no-repeat center top;background-size: cover;padding-top: 70px;padding-bottom: 50px;overflow: hidden;}
  #family-friendly h2{position: relative;max-width: 700px;margin-left: auto;margin-right: auto;margin-bottom: 50px;}
  #family-friendly h2, #family-friendly h2 span, #family-friendly h2 u{font-size: 48px;font-weight: 700;text-align: center;line-height: 1.458;}
  #family-friendly h2 u{text-decoration: none;position: relative;display: inline-block;}
  #family-friendly h2 u::after{position: absolute;content: '';background: url(../../../img/lp-mealkit-nav/deco-05.png) no-repeat;background-size: contain;
    left:0;right:0;bottom: -10px;height:14px;}
  #family-friendly h2 span{position: relative;display: inline-block;}
  #family-friendly h2 span::before, #family-friendly h2 span::after{position: absolute;content: '';bottom:14px;width:33px;height:26px;}
  #family-friendly h2 span::before{background: url(../../../img/lp-mealkit-nav/deco-03.png) no-repeat;background-size: contain;left:-45px;}
  #family-friendly h2 span::after{background: url(../../../img/lp-mealkit-nav/deco-04.png) no-repeat;background-size: contain;right:-40px;}
  #family-friendly .deco-1{position: absolute;top:25px;right:100%;margin-right: 15px;}
  #family-friendly .deco-2{position: absolute;top:4px;left:100%;}

  .point{position: relative;background-color: rgb(255, 255, 255);box-shadow: 15px 15px 0px 0px rgba(30, 30, 30, 0.1);margin-bottom: 70px;padding:60px 0 20px 50px;border-top-left-radius: 70px;}
  .point:nth-of-type(2n){border-top-left-radius: 0;border-top-right-radius: 70px;padding-left: 0;padding-right: 50px;}
  .point::before, .point:nth-of-type(2n)::before{position: absolute;content: '';left:100%;top:0;bottom:0;width:1000px;background-color: #fff;box-shadow: 15px 15px 0 rgba(30,30,30,.1);}
  .point:nth-of-type(2n)::before{left:auto;right:100%;box-shadow: 0 15px 0 rgba(30,30,30,.1);}
  .point:nth-of-type(2n)::after{position: absolute;content: '';top:100%;right:100%;margin-right:-15px;height: 15px;width: 15px;background-color: rgba(30,30,30,.1);}
  .point hr{border-top: 1px dashed rgb(243, 106, 65);border-bottom:0;margin:30px 0;}
  .point h4{font-size: 28px;font-weight: 700;margin-top: -5px;margin-bottom: 5px;}
  .point p{font-size: 16px;max-width: 710px;}
  .point .media{margin-bottom: 30px;}
  .point .media-left{padding-right: 20px;}

  .cvt{padding:50px 0;background: url(../../../img/lp-mealkit-nav/cvt-bg.jpg) no-repeat;background-size: cover;}
  .cvt-inner{background-color: #fff;max-width: 1100px;margin-left: auto;margin-right: auto;padding:30px 50px;text-align: center;}
  .cvt-inner .row{margin-top: 24px;}

  #delicious-menu, #recommendations{padding:80px 0 50px; background: #faf7f5 url(../../../img/lp-mealkit-nav/bg-04.jpg) no-repeat;background-size: cover;}
  #delicious-menu h2{margin-bottom: 30px;}
  .delicious-menu-item, .recommendations-item{margin-bottom: 45px;background-color: #fff;border-radius: 30px;overflow: hidden;margin-right: 20px;
    box-shadow: 20px 15px 0 rgba(30,30,30,.1);}
  .delicious-menu-item img{width: 100%;}
  .delicious-menu-body{padding: 30px 24px 40px;}
  .delicious-menu-item h4{font-size: 24px;font-weight: 700;color: #f36a41;white-space: nowrap;text-align: center;}
  .delicious-menu-item hr, .recommendations-item hr{border-top:2px dashed #f36a41;border-bottom:0;margin:20px 0 25px;}
  .delicious-menu-item dt, .delicious-menu-item dd, .recommendations-item dt, .recommendations-item dd{font-size: 18px;float: left;margin-bottom: 15px;}
  .delicious-menu-item dt, .recommendations-item dt{border:1px solid #f36a41;color: #f36a41;width: 130px;line-height: 1.5556;border-radius: 30px;text-align: center;}
  .delicious-menu-item dt svg, .recommendations-item dt svg{vertical-align: -3px;display: inline-block;margin-right: 4px;}
  .delicious-menu-item dd, .recommendations-item dd{padding-left: 20px;}
  .delicious-menu-item .btn{margin-top: 15px;}
  .delicious-menu-item .btn svg{vertical-align: -3px;}

  #recommendations{overflow: hidden;}
  #recommendations h2{text-align: center;}
  .recommendations-slider{position: relative;z-index: 1;margin-top: -30px;}
  .recommendations-item{padding:20px;max-width: 1100px;margin-left: 70px;margin-right: 70px;}
  .recommendations-inner{border:2px solid #f36a41;border-radius: 30px;padding:35px 78px}
  .recommendations-img{margin-left: -44px;}
  .recommendations-item .col-md-6 h4{font-size: 30px;font-weight: 700;color: #f36a41;margin-top: -8px;}
  .recommendations-item .col-md-6 hr + h5{font-size: 20px;font-weight: 700;display: inline-block;border-bottom:6px solid rgb(255, 226, 90);margin-bottom: 15px;}
  .recommendations-item .col-md-6 hr{margin:2px 0 10px;}
  .recommendations-item .col-md-6 dl{margin-top: 20px;}
  .recommendations-item dt{font-size: 16px;line-height: 28px;margin-bottom: 10px;}
  .recommendations-item dd{font-size: 14px;float: none;line-height: 30px;padding-left: 150px;margin-bottom: 10px;}
  .recommendations-inner > h4{text-align: center;position: relative;margin-bottom: 10px;}
  .recommendations-inner > h4 span{font-size: 24px;font-weight: 700;color: #f36a41;padding-left: 8px;padding-right: 8px;background-color: #fff;
    position: relative;}
  .recommendations-inner > h4::before{position: absolute;content: '';left:0;right:0;top:50%;border-top:2px solid #f36a41;}
  .recommendations-item .col-md-4 h5{font-size: 18px;font-weight: 700;margin-bottom: 5px;}
  .recommendations-item .col-md-4 > p{min-height: 6.8em;margin-bottom: 5px;}
  .recommendations-item .col-md-4 + .col-md-4::before{position: absolute;content: '';top:0;bottom:0;left:-10px;border-left:1px dashed #f36a41;}
  .recommendations-item .media-body{vertical-align: middle;}
  .recommendations-item .media-body p{font-size: 16px;font-weight: 700;color: #f36a41;}
  .recommendations-slider .slick-arrow{width: 46px;height: 88px;z-index: 100;}
  .recommendations-slider .slick-arrow::before{display: none;}
  .recommendations-slider .slick-arrow svg{width: 46px;height: 88px;}
  .recommendations-slider .slick-prev{right:50%;left:auto;margin-right: 590px;}
  .recommendations-slider .slick-next{left:50%;right:auto;margin-left: 590px;}

  .box-orange{background-color: #fef7f5;border-radius: 10px;padding:20px 40px;min-height: 241px;}
  .box-green{background-color: #f9fcf4;border-radius: 10px;padding:20px 40px;min-height: 241px;}
  .box-orange h5 span, .box-green h5 span{font-size: 18px;font-weight: 700;text-align: center;background-color: #fef7f5;padding-left: 4px;padding-right: 4px;
    position: relative;}
  .box-green h5 span{background-color: #f9fcf4;}
  .box-orange h5{color: #f36a41;position: relative;text-align: center;}
  .box-green h5{color: #90c31f;position: relative;text-align: center;}
  .box-orange h5::before, .box-green h5::before{position: absolute;content: '';left:0;right:0;top:50%;border-top:1px solid #f36a41;}
  .box-green h5::before{border-top-color: #90c31f;}
  .box-orange ul li, .box-green ul li{position: relative;padding-left: 20px;}
  .box-orange ul li::before, .box-green ul li::before{position: absolute;content: '';width: 8px;height:8px;left:0;top:8px;background-color: #f36a41;}
  .box-green ul li::before{background-color: #90c31f;}

  
/* #endregion */

/* #region Media Queries */
@media (min-width: 576px) {
  .col-sm-6{float: left;width: 50%;}
  .col-sm-push-6 {left: 50%;}
  .col-sm-pull-6 {right: 50%;}
  .d-sm-none {display: none;}
  .d-sm-inline-block {display: inline-block;}
  .d-sm-block {display: block;}
  .media-sm, .media-sm-body {overflow: hidden;zoom: 1;}
  .media-sm-body {width: 10000px;}
  .media-sm-object {display: block;}
  .media-sm-object.img-thumbnail {max-width: none;}
  .media-sm-right {padding-left: 10px;}
  .media-sm-left {padding-right: 10px;}
  .media-sm-left, .media-sm-right, .media-sm-body {display: table-cell;vertical-align: top;}
}
@media (min-width: 768px) {
  .container {max-width: 720px;}
  .col-md-4, .col-md-6{float: left;}
  .col-md-4{width: 33.33333333%;;}
  .col-md-6{width: 50%;}
  .col-md-push-6 {left: 50%;}
  .col-md-pull-6 {right: 50%;}
  .d-md-none {display: none;}
  .d-md-inline-block {display: inline-block;}
  .d-md-block {display: block;}
}
@media (min-width: 992px) {
  .container {max-width: 960px;}
}
@media (min-width: 1200px) {
  .container {max-width: 1120px;}
}

@media (max-width: 1199.98px) {
  .inner{width: 92%; max-width: 960px;}
  .fv-img{margin-left: -20px;}
  .navigation-content{width: 50%;}
  .navigation-bg{left:50%;}

  .ca-inner .btn{bottom:55px;}
  .delicious-menu-item h4{white-space: normal;}
  
}
@media (max-width: 991.98px) {
  .navigation-body{overflow: hidden;}
  .navigation-content{width: 100%;height: 100%; overflow-y: scroll;}
  .navigation-inner{height: 100%;max-width: none;display: -ms-flexbox;display: flex;-ms-flex-direction: column;flex-direction: column;padding:0;}
  .menu-cvt{ -ms-flex: 1;flex: 1;padding-left: 50px;padding-right: 50px;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;
    background: url(../../../img/lp-mealkit-nav/bg-menu.jpg) no-repeat center center;background-size: cover;}
  .menu-cvt-inner{background-color: #fff;padding:50px;width: 100%;}
  .navigation-inner ul{max-width: 480px;margin:120px auto 0;}
  .navigation-body h3{position: absolute;left:0;top:0;}
  .navigation-bg{display: none;}
  .btn-lg, .btn-lg .text{font-size: 18px;}
  .btn-lg{padding:20px 0;}
  .btn-lg svg{width: 24px;height: 24px;}

  .ca-inner .btn{bottom:40px;}
  .delicious-menu-item dd{padding-left: 0;}
  .recommendations-item{max-width: 700px;}
  .recommendations-inner{padding:30px;}
  .inner{max-width: 92%;}


}
@media (max-width: 767.98px) {
  bbody{font-size: 14px; padding: 74px 0 0 0;}
  .container{padding-left: 20px;padding-right: 20px;}
  .menu-cvt{padding-left: 20px;padding-right: 20px;}
  .menu-cvt-inner{padding:40px;}
  
  #open_modal{padding:19.5px 14px;}
  #open_modal .bar{width: 30px;}
  #open_modal .bar + .bar{margin-top: 5px;}
  
  #firstview #header{padding:10px 20px; background: #fff;}
  #firstview #header a img, .navigation-content h3 img{width: 160px;height: auto;}
  .navigation-body h3{padding:10px 0 0 20px;}
  
  .close_modal{padding:20px;}
  .close_modal svg{width:30px;height: 30px;}
  .navigation-inner ul{margin-top: 90px;}

  #fv{background-image: url(../../../img/lp-mealkit-nav/bg-01-sp.jpg);}
  #fv .container{max-width: none;padding-right: 0;margin-right: 0;}
  .fv-img{margin-left: 0;}

  .ca{background-image: url(../../../img/lp-mealkit-nav/ca-bg-sp.jpg);}
  .ca-inner{margin-left: -20px;margin-right: -20px;}
  .ca-inner .btn{width:80%;margin-left: -41%;bottom:120px;}

  #family-friendly h2{max-width: 400px;}
  #family-friendly h2, #family-friendly h2 span, #family-friendly h2 u{font-size: 28px;}
  #family-friendly .deco-1{width: 60px;height: auto;top:15px;}
  #family-friendly .deco-2{width: 80px;height: auto;top:10px;}

  .point{padding-top: 20px;padding-left: 20px;border-top-left-radius:40px;}
  .point hr{display: none;}
  .point h3{margin-bottom: 20px;}
  .point h4{font-size: 22px;}

  .cvt{background-image: url(../../../img/lp-mealkit-nav/cvt-bg-sp.jpg);}
  .cvt .col-md-6 + .col-md-6{margin-top: 15px;}
  .cvt-inner .btn, .aichi-btn .btn{max-width: 360px;margin-left: auto;margin-right: auto;}
  .aichi{background-image: url(../../../img/lp-mealkit-nav/aichi-bg-sp.jpg);padding-top: 20vw;padding-bottom: 20vw;}

  .delicious-menu-item{display: -ms-flexbox;display: flex;}
  .delicious-menu-item picture{ max-width: 43%; }
  .delicious-menu-item img{width: 100%;height: 100%;object-fit: cover;}
  .delicious-menu-body{padding:20px;}
  .delicious-menu-item h4{text-align: left;font-size: 22px;}
  .delicious-menu-item hr{margin:5px 0 15px;}
  .delicious-menu-item dd{padding-left: 12px;}
  .delicious-menu-item dt{line-height: 24px;min-width:110px;width: 110px;}
  .delicious-menu-item dt svg{vertical-align: -5px;}
  .delicious-menu-item dl{display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
  .delicious-menu-item dd{width: calc(100% - 110px);}
  .delicious-menu-item dt, .delicious-menu-item dd, .recommendations-item dt, .recommendations-item dd{font-size: 14px;margin-bottom: 8px;}

  .recommendations-item{margin-left: 20px;margin-right: 20px;max-width:calc(100vw - 40px);}
  .recommendations-img{margin-bottom: 20px;}

  .recommendations-item .col-md-4 > p{min-height: auto; letter-spacing: -1px;}
  .recommendations-item .col-md-4 + .col-md-4{margin-top: 30px;}
  .recommendations-item .col-md-4 + .col-md-4::before{left:10px;right:10px;top:-10px;bottom: auto;border-left:0;border-top:1px dashed #f36a41;}

  .deco-flag-left{left:0;}
  .deco-flag-right{right:0;}

  #footer{margin-bottom: 0;}
  .scroll-up img{width: 60px;height: 60px;}

  #firstview #header.is-animation{z-index: 1050;}
}

@media (max-width: 575.98px) {
  .navigation-inner ul{margin-left: 20px;margin-right: 20px;}
  #main-menu a{font-size: 16px;padding-top: 10px;padding-bottom: 10px;}
  .menu-cvt .col-sm-6:last-child{margin-top: 10px;}
  .cvt-inner .col-md-4{ margin: 0 0 10px; }
  .menu-cvt-inner{padding:20px;}
  #fv{padding-bottom: 40px;}
  .ca-inner .btn{bottom: 14%;white-space: normal;padding-top: 10px;padding-bottom: 10px;}
  .btn-lg{padding: 15px 0;}
  .btn-lg, .btn-lg .text{font-size: 16px;}

  #family-friendly{padding-top: 40px;padding-bottom: 20px;}
  #family-friendly h2, #family-friendly h2 span, #family-friendly h2 u{font-size: 18px;}
  #family-friendly h2{max-width: 270px;margin-bottom: 30px;}
  #family-friendly .deco-1{width: 40px;top:12px;margin-right: 0;}
  #family-friendly .deco-2{width: 50px;}
  #family-friendly h2 span::before, #family-friendly h2 span::after {width: 22px;height: 18px;bottom:4px;}
  #family-friendly h2 span::before{left:-28px}
  #family-friendly h2 span::after{right:-28px}

  .point{margin-bottom: 50px;}
  .point .media-left{padding-right: 10px;}
  .point .media-object{width: 70px;}
  .point h4{font-size: 18px;}
  .point p{font-size: 14px;}

  .cvt-inner{padding:20px;}
  .btn-md{padding:12px 30px;}
  #delicious-menu, #recommendations{padding-top: 40px;padding-bottom: 40px;  background: #f7f1da; }
  .delicious-menu-item h4{font-size: 20px;}
  .delicious-menu-item dd{width: 100%;padding-left: 0;}
  .delicious-menu-body{padding:15px;}
  .delicious-menu-item .btn{margin-top: 5px;}

  .recommendations-slider{margin-top: -10px;}
  .recommendations-inner{padding:16px;}
  .recommendations-img{margin-left: -25px;}
  .recommendations-item .col-md-6 h4{font-size: 20px;}
  .recommendations-item .col-md-6 hr + h5{font-size: 14px;border-bottom-width: 4px;}
  .recommendations-item dt{width: 110px;}
  .recommendations-item dd{padding-left: 120px;}
  .recommendations-inner .row.mb-25px{margin-bottom: 5px;}
  .box-green, .box-orange{padding: 20px;}
  .box-orange{margin-bottom: 20px;}
  .delicious-menu-item, .recommendations-item{box-shadow: 10px 10px 0 rgba(30,30,30,.1);}
  .recommendations-item{ margin-bottom: 0; }
  .btn-green.btn-md{padding-left: 20px;padding-right: 20px;font-size: 18px;}

/* welcome */


.sp_only{ display: block;}
.pc_only{ display: none;}


  .deco-flag-right, .deco-flag-left{width: 180px;height: auto;top:0;}


   /* f_btn */
  #f_btn { position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 200;}
  #f_btn a { font-weight: bold; font-size: 12px; display: block; float: left; width: 50%; padding: 15px 0;}
  #f_btn a.catalog { background: #fff100;}
  #f_btn a.entry { background: #ff7c55; color: #fff;}
  #f_btn a img { padding: 0 0 0 10px; vertical-align: top;}
  
}
/* #endregion */





/* ------------------------------------------------------------ cta_box */
#cta_box { background: url(../../../img/lp-mealkit-nav/bg_05.jpg) center center no-repeat; background-size: cover; text-align: center; padding: 80px 0 65px;}
#cta_box h3 { padding: 0 0 25px;}
#cta_box a{ max-width: 460px; width: 44%; display: inline-block; padding: 0 0 20px; }
#cta_box a.left { margin: 0 38px 0 0;}
#cta_box a img{ width: 100%; height: auto; }


@media (max-width: 640px) {
	#cta_box { background: url(../../../img/lp-mealkit-nav/bg_05.jpg) center center no-repeat; background-size: cover; text-align: center; padding: 25px 0 45px;}
	#cta_box h3 { padding: 0 0 15px;}
	#cta_box h3 img { width: 240px; height: auto;}
	#cta_box a { max-width: auto; width: 280px; margin: 0 auto; display: block; padding: 0; }
	#cta_box a.left { margin: 0 auto 15px;}
	#cta_box a img { width: 100%; height: auto;}
}