body{
	font-family: 'Noto Sans JP', 'Montserrat',"Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
	background: #F5F3EF;
	font-size:14px;
	letter-spacing: .2rem;
	color:#505050;
}
.serif{
	font-family: 'Shippori Mincho', serif;
	line-height: 1.6;
	
}
p{
	font-size: 14px;
}
.en{
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	font-size: 14px;
}
a{
	text-decoration: none;
	transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;
   color: #505050;
}

ul,li{
	list-style:none;
	padding: 0;
	margin: 0;
}
.pc-only{
	display: block;
}
.sp-only{
	display: none;
}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.invisible {
    visibility: hidden;
}
img{
	max-width:100%;
}
h1.c-heading{
	text-align: center;
}
h1.c-heading .en{
	display: block;
	padding-bottom: 40px;
}
h1.c-heading .serif{
	display: block;
	font-size: 2rem;
}
.home h3{
	font-size: 2rem;
}
.header {
	padding: 40px 0;
}
.header.under-header{
	background: #fff;
}
.header .logo {
    z-index: 10;
    position: relative;
    left: 5%;
    top: 5%;

}
.header .link{
	position: fixed;
    width: 100%;
    right: 0%;
    top: 41px;
    z-index: 99;
}

.header .link a{
	text-decoration: none;
	display: block;
	color: #fff;
	z-index:2;
	text-align: center;
	position: absolute;
	right: 15%;
    top: 10px;
    font-size: 1.1rem;
	margin: auto;
}
.header .link.fixed a{
	color: #505050;
}
.header.under-header .link a{
	color: #000;
}
.mv{
	position: relative;
}
.mv .home-heading{
	height: auto;
    width: 30%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 2;
}
.hp.swiper-container {
    margin: -150px auto 0;
}
.slide-img img{
	width: 100%;
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 10s linear 0s 1 normal both;  
}
.slick-slide {
   height: auto!important;
}
.slick-dots {
  text-align: center;
}
.slick-dots li {
  display: inline-block;
}
.slick-dots button {
  display: block;
  width: 10px;
  height: 10px;
  margin: 6px;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background: #bcbcbc;
  border-radius: 50%;
}
.slick-dots .slick-active button {
  background: #0a467d;
}
.nav-button-wrap{
	display: block;
    color: #fff;
    position: fixed;
    right: 5%;
    top: 40px;
    z-index: 1000;


}	
.nav-button {
    z-index: 999;
    position: relative;
     width: 60px;
    height: 42px;   
}
.nav{
	margin: 0;
	display: block;
}



.nav-button {
    z-index: 20;
    position: relative;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    
  }
  .nav-button .menu{
	  padding-left: 20px;
	  font-size: 12px;
	  line-height: 1;
	  position: relative;
	  top:-0.5px;
  }
  .nav-button span {
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;	  
    position: absolute;
    left: 0;
    width: 60px;
    height: 2px;
    background: #fff;
  }
  .nav-button.fixed span{
	  background: #505050;
  }
  .header.under-header .nav-button span{
	  background: #000;	  
  }
  .nav-button span:nth-of-type(1) {
    top: 0;
  }
  .nav-button span:nth-of-type(2) {
    top: 20px;
  }
  .nav-button span:nth-of-type(3) {
    bottom: 0;
  }
  .active .nav-button span:nth-of-type(1) {
    transform: translateY(4px) rotate(-45deg);
  }
  .active .nav-button span:nth-of-type(2) {
    opacity: 0;
  }
  .active .nav-button span:nth-of-type(3) {
    transform: translateY(-4px) rotate(45deg);
    top: 8px;
  }
  .active .nav-button span {
    background-color: #707070;
  } 
  .globalnav {
    transform: translateX(100%);
    right:0;
    top: 0;
    transition: .5s;
    padding:50px;
    position: fixed;
    z-index: 999;
    background: #fff;
    color: #fff;
    text-align: left;
    height: 100vh;
    overflow-x: hidden;
    overflow-y: auto;    
    width:1000px;
}

body.open .globalnav {
	transform: translateX(0%);

}
.globalnav .logo-b{
	margin-bottom: 50px;
}
.globalnav .list{
	padding:0 50px 0 0;
}
.globalnav .block-list{
	padding:0 0 0 50px;
}
.globalnav .nav-inner{
	align-items: flex-start;
}
.globalnav .list a {
    color: #505050;
    display: block;
    padding:20px 0;
    font-size: 1rem;
    line-height: 1;
}
.globalnav .block-list a{
    color: #505050;
    display: block;
    padding:19px 0;
    font-size: 1.1rem;
    line-height: 1;
}
.globalnav .block-list2{
	padding: 114px 0 10px 50px;
}
.globalnav .block-list2 a{
    color: #505050;
    display: block;
    padding:19px 0;
    font-size: 1rem;
    line-height: 1;
}
.globalnav .list a:hover,
.globalnav .block-list a:hover,
.globalnav .block-list2 a:hover{
	color: #505050;
}
.globalnav .nav-block{
	border-left:1px solid #ccc;
	margin:0 0 0 50px;
	height: 505px;
}
.globalnav .sns{
	text-align: center;
	
}
.globalnav .sns-list{
	justify-content: center;
	margin:0 0 20px;
}
.globalnav .sns-list li{
	margin: 10px;
}
.c-button a{
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;		
	text-decoration: none;
	color: #505050;
	text-align: center;
	display: block;
	font-size: 14px;
	border:1px solid #505050;
	padding: 20px 0;
	width: 300px;
	margin:auto;
}
.c-button a:hover{
	color: #fff;
	background:#505050;
}
.c-button .detail-arrow{
	margin-top: 8px;
}
.c-button .detail-arrow span{
	border-bottom: 1px solid black;
	font-size: 10px;
	text-align: left;
	padding: 0 24px 4px 10px;
	position: relative;
}
.c-button .detail-arrow span::after{
	content: '';
	position: absolute;
	right: -2px;
	bottom: 6px;
	width: 20px;
	height: 1px;
	background-color: black;
	transform: rotate(45deg);
}
.mv-home{
	height: 70vh;
}
.home .scroll{
	position: absolute;
}
.home .scroll-arrow:before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;	
    right: 0;
    height: 130px;
    width: 1px;
    background: #959595;
}
.home .scroll-arrow:after{
    position: absolute;
    top: 0;
    bottom: -120px;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;	
    left: 0;
    width: 10px;
    height: 10px;
    border-left: 1px solid #959595;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.home .scroll-text{
	font-family: 'Montserrat', sans-serif;
	font-size: 70%;
}
.home .scroll-arrow{
	position: relative;
	top:80px;
}
.c-scroll{
	position: absolute;
}
.c-scroll-arrow:before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;	
    right: 0;
    height: 130px;
    width: 1px;
    background: #959595;
}
.c-scroll-arrow:after{
    position: absolute;
    top: 0;
    bottom: -120px;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;	
    left: 0;
    width: 10px;
    height: 10px;
    border-left: 1px solid #959595;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.c-scroll-text{
	font-family: 'Montserrat', sans-serif;
	font-size: 70%;
}
.c-scroll-arrow{
	position: relative;
	top:80px;
}

.home .pickup{
	position: relative;
	padding: 70px 0;
}
.home .pickup a img{
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;	
}
.home .pickup a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.home .pickup .slick-slide img{
	padding: 10px;
    width: 100%;
    height: 400px;
    object-fit: cover;
}
.home .pickup .slick-next,
.home .pickup .slick-prev{
	text-indent: -9999px;
}
.home .pickup .slick-prev:before{
	content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -3%;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 44px;
    height: 44px;
    border-top: 1px solid #505050;
    border-right: 1px solid #505050;
    -webkit-transform: rotate(45deg);
    transform: rotate(-135deg);
}
.home .pickup .slick-next:before{
	content:"";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -3%;
    margin: auto;
    content: "";
    vertical-align: middle;
    width: 44px;
    height: 44px;
    border-top: 1px solid #505050;
    border-right: 1px solid #505050;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.home .about .scroll{
	right:3%;
	top:1%;
}
.home .best_cook,
.home .about{
	position: relative;
	padding: 7vw 0 13vw;
}
.home .best_cook .text,
.home .about .text{
	width: 390px;
}
.home .best_cook h3,
.home .about h3{
	margin: 30px 0;
	line-height: 2;
}
.home .best_cook p,
.home .about p{
	line-height: 2.5;
}
.home .best_cook .c-button a,
.home .about .c-button a{
	margin:50px auto auto 0;
}
.home .best_cook .pic{
	text-align: right;
	position: absolute;
	right:0;
	width: 55%;
}
.home .concept{
	position: relative;
	background:url(../img/index/pic02.jpg) no-repeat center center;
	background-size:cover;
	min-height: 940px;
}
.home .concept .sc1{
	left:3%;
	top:-10%;
}
.home .concept .sc2{
	right:3%;
	bottom:10%;
}
.home .concept .en{
	color: #fff;
}
.home .concept .text{
	color: #fff;
	width: 500px;
	margin:auto 0 auto auto;
	padding:11vw 0;
}
.home .concept h3{
	margin: 30px 0;
}
.home .concept p{
	line-height: 2.5;
}
.home .concept .c-button a{
	margin:50px auto auto 0;
	border:1px solid #fff;
	color: #fff;
}
.home .lineup{
	padding: 70px 0;
}
.home .lineup .pic-text{

	z-index:2;
	position: absolute;
	color: #fff;
	text-align: center;
}
.home .lineup .pic-text .title{
	font-weight: 100;
	display: block;
	font-size: 30px;
	margin-bottom: 40px;
}
.home .lineup .pic-text p{
	line-height: 1.85;
}
.home .lineup .pic img{
	width: 100%;
}
.home .lineup .pic a{
	position: relative;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;	
}
.home .lineup .pic .link-inner{
	display: inline-block;
    position: absolute;
    color: #fff;
    bottom: 30px;
    right: 50px;
    z-index:2;
}

.home .lineup .pic .link-arrow:before{
    position: absolute;
    top: 0;
    bottom: -30px;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;	
    right: 0;
    height: 1px;
    width: 130px;
    background: #fff;
}
.home .lineup .pic .link-arrow:after{
    position: absolute;
    top: 0;
    bottom: -17px;
    right: -33px;
    margin: auto;
    content: "";
    vertical-align: middle;	
    left: auto;
    width: 10px;
    height: 10px;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.home .lineup .pic .link-text{
	font-family: 'Montserrat', sans-serif;
	font-size: 70%;
}

.home .lineup .pic li{
	margin:0 40px 60px 0;	
}
.home .lineup .pic a img{
	display: block;
	background: #000;

	  transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;	
}
.home .lineup .pic a img:hover{
	filter: brightness(50%);
	
}
.home .lineup .text{
	width: 390px;
}
.home .lineup h3{
	margin: 30px 0;
}
.home .lineup p{
	line-height: 2.5;
}
.home .lineup .c-button a{
	margin:50px auto auto 0;
}
.home .r-pic{
	margin: 200px 0 70px;
}
.home .subscription{
	background:url(../img/index/pic07.jpg) no-repeat;
	background-size:cover;
	margin: 60px 0 90px;
}
.home .subscription .en{
	color: #fff;
	margin-bottom: 40px;
}
.home .subscription .text{
	color: #fff;
	width: 440px;
	margin:auto auto auto 0;
	padding: 6vw 0;
}
.home .subscription .icon{
    margin-top: -55px;
}
}
.home .subscription h3{
	margin: 30px 0;
}
.home .subscription p{
	line-height: 2.5;
	margin-top: 15px;
}
.home .subscription .c-button a{
	margin:50px auto auto 0;
	border:1px solid #fff;
	color: #fff;
}
.home .news .list a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	text-decoration: none;
	color: #505050;
	padding: 30px 0;
	border-bottom:1px solid #C4C4C4;
}
.home .news .list li:first-child a{
	border-top:1px solid #C4C4C4;
	
}
.home .news .date{
	width: 17%;
}
.home .news .text{
	width: 83%;
}
.home .news h3{
margin: 50px 0 40px;	
}
.home .news .c-button a{
	margin:50px 0 auto auto;
}
footer{
	background: #D6CDC6;
	padding: 100px 0;
	margin: 110px 0 0;
}
footer a img{
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;	
}
footer a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
footer .title{
	font-weight: bold;
	color: #fff;
	font-size: 1.1rem;
	margin:0 0 30px;
}
footer .logo{
	margin:0 0 50px;
}
footer .sns  ul{
	margin:0 0 50px;
}
footer .sns li{
	margin-left: 30px;
}
footer .sns li:first-child{
	margin-left: 0;
}
footer .sitemap{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	border-left:1px solid #fff;
	margin:0 0 0 auto;
}
footer .sitemap .list{
	padding: 0 3vw;
}
footer .sitemap a{
	display: block;
	color: #fff;
	margin:15px 0;
}

footer .link ul{
	justify-content: space-between;
}
footer .link  li{
	width: 30%;
}
footer .link  li img{
	width: 100%;
}
footer .link{
	margin:50px 0;
}

footer .copy{
	color: #fff;
	font-size: 90%;
}
.c--mv{

	text-align: center;
	padding: 14vw 0px;
}
.c--mv h1{
	-moz-text-shadow: 0px 0px 5px rgba(0, 0, 0, .9);
	-webkit-text-shadow: 0px 0px 5px rgba(0, 0, 0, .9);
	-ms-text-shadow: 0px 0px 5px rgba(0, 0, 0, .9);
	text-shadow: 0px 0px 5px rgba(0, 0, 0, .9);	
	color: #fff;
	font-size: 34px;
	margin:0 0 10vw;
}
.recipe-page .c--mv h1{
	margin:0 0 1vw;
}
.c--mv .en{
	color: #fff;
	display: block;
	font-size: 1.2rem;
	margin-bottom: 10px;
}
.c--mv .scroll{
	color: #fff;
}

.c--mv .scroll-arrow:before{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;	
    right: 0;
    height: 130px;
    width: 1px;
    background: #fff;
}
.c--mv .scroll-arrow:after{
    position: absolute;
    top: 0;
    bottom: -120px;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;	
    left: 0;
    width: 10px;
    height: 10px;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.c--mv .scroll-text{
	font-size: 70%;
}
.c--mv .scroll-arrow{
	position: relative;
	top:80px;
}
.about-page .c--mv{
	background: url(../img/about/mv.jpg);
	background-size:cover;
}
.point-page .c--mv{
	background: url(../img/about/mv2.jpg);
	background-size:cover;
}
.lineup-page .c--mv{
	background: url(../img/lineup/mv.jpg);
	background-size:cover;
}
.about1-page .c--mv{
	background: url(../img/about1/mv.jpg);
	background-size:cover;
}
.howtouse-page .c--mv{
	background: url(../img/howtouse/mv.jpg);
	background-size:cover;
}
.recipe-page .c--mv{
	background: url(../img/recipe/mv.jpg);
	background-size:cover;
}
.recipe-page .c--mv .lead{
	color: #fff;
	margin-bottom: 9vw;
	line-height: 2;
}
.c--block .content{
   transition: all .25s ease-in-out;
   -moz-transition: all .25s ease-in-out;
   -webkit-transition: all .25s ease-in-out;		
	display: block;
	color: #fff;
	padding: 200px 90px;
}
.c--block .content:hover{
	background:rgba(0,0,0,.4);
}
.c--block .title{
	font-size: 2rem;
	font-family: 'Shippori Mincho', serif;
    line-height: 2;
    margin:0 0 40px;
}
.c--block p{
	line-height: 2;
	width: 430px;
}
.c--block .link {
	display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    position: relative;
    top: 120px;
}
.c--block .link-inner{
	display: inline-block;
	position: relative;
	color: #fff;
}

.c--block .link-arrow:before{
    position: absolute;
    top: 0;
    bottom: -30px;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;	
    right: 0;
    height: 1px;
    width: 130px;
    background: #fff;
}
.c--block .link-arrow:after{
    position: absolute;
    top: 0;
    bottom: -17px;
    right: -33px;
    margin: auto;
    content: "";
    vertical-align: middle;	
    left: auto;
    width: 10px;
    height: 10px;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.c--block .link-text{
	font-family: 'Montserrat', sans-serif;
	font-size: 70%;
}


.about-page .text-block{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	margin:0 auto 0 0;
	background: #AD998F;
	position: relative;
	z-index:1;
	padding: 50px 80px;
	width: 65%;
	margin:-15px 0 0;
}
.about-page .block-02 .text-block{
	justify-content: flex-start;
	margin:-15px 0 0 auto;
}
.about-page .pic{
	padding-top: 15px;
}
.about-page .block-01{
	position: relative;
	padding: 150px 0;
}
.about-page .block-01 .c-scroll {
    right: 3%;
    bottom: 30%;
}
.about-page .block-02 .c-scroll {
    left: 3%;
    bottom: 50%;
}
.about-page .block-03 .c-scroll {
    right: 3%;
    bottom: 30%;
}
.about-page .block-02{
	position: relative;
	padding:0 0 150px 0;
}
.about-page .block-03{
	position: relative;
	padding: 150px 0;
}
.about-page .block-02 .pic{

}
.about-page .text {
	float: right;
    margin:0 5% 0 0;
}
.about-page .block-02 .text{
	float: none;
	margin:0 0 0 5%;
}
.about-page .block-02 .c-button a{
	margin:30px auto auto 0;
}
.about-page .text h3{
	font-size: 2rem;
	margin:0 0 35px;
	line-height: 2;
}
.about-page .text p{
	line-height: 2.5;
}
.about-page .about-bg01 .inner{
	background:#000 url(../img/about/pic03.jpg) no-repeat center center;
	background-size:cover;	
}
.about-page .about-bg02 .inner{
	background:#000 url(../img/about/pic05.jpg) no-repeat;
	background-size:cover;	
}
.point-page .body{
	margin: 150px auto;
}
.point-page .block{
	color: #fff;
	padding-left:5vw;
	padding-right:5vw;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.point-page .block .text h2{
	margin:0 0 40px;
}
.point-page .block .text h3{
	font-size: 2rem;
	margin:0 0 35px;
	line-height: 2;
}
.point-page .block .text p{
	width: 430px;
	line-height: 2;
}
.point-page .block-01{
	background:url(../img/about/pic06.jpg) no-repeat;
	background-size:100% auto;
	height: 528px;
}
.point-page .body{
	position: relative;
}
.point-page .block-01 .c-scroll {
	color: #505050!important;
    right: 2%;
    top: 30%;
}
.point-page .block-04 .c-scroll {
	color: #505050!important;
    left: 2%;
    top: -10%;
}
.point-page .block-02{
	background:url(../img/about/pic07.jpg) no-repeat;
	background-size:100% auto;
	height: 568px;
}
.point-page .block-03{
	background:url(../img/about/pic08.jpg) no-repeat;
	background-size:100% auto;
	height: 568px;
}
.point-page .block-04{
	background:url(../img/about/pic09.jpg) no-repeat;
	background-size:100% auto;
	height: 528px;
}
.point-page .block-05{
	background:url(../img/about/pic10.jpg) no-repeat;
	background-size:100% auto;
	height: 568px;
}
.point-page .block-06{
	background:url(../img/about/pic11.jpg) no-repeat;
	background-size:100% auto;
	height: 568px;
}
.point-page .block-02 .text,
.point-page .block-05 .text{
	margin:0 0 0 auto;
}
.point-page .point-bg01 .inner{
	background:#000 url(../img/about/pic12.jpg) no-repeat;
	background-size:cover;	
}
.bestpot_cook-page .c--mv{
	background: url(../img/bestpot_cook/mv.jpg);
    background-size: cover;
}
.bestpot_cook-page .text p {
    line-height: 2.5;
}
.bestpot_cook-page .text h3 {
    font-size: 2rem;
    margin: 0 0 35px;
    line-height: 2;
}
.bestpot_cook-page .area01{
	position: relative;
	margin: 0 0 120px 0;	
}
.bestpot_cook-page .area01 .c-scroll{
	right: 2%;
	bottom:-5%;
}
.news-page .tab-nav ul,
.recipe-page .tab-nav ul,
.lineup-page .tab-nav ul{
	margin:50px 0;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}

.lineup-page .tab-nav .tab_btn {
	width: 33.3333%;
	padding: 24.6px 0;
	color: #333;
	background: #fff;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
}
.recipe-page .tab-nav .tab_btn {
	width: 20%;
	color: #333;
	background: #fff;
	text-align: center;
	cursor: pointer;
	transition: all 0.2s ease 0s;
}
.news-page .tab-nav .tab_btn {
	width: 33.3333%;
	color: #333;
	background: #fff;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	transition: all 0.2s ease 0s;
}
.news-page .tab-nav .tab_btn + .tab_btn,
.recipe-page .tab-nav .tab_btn + .tab_btn,
.lineup-page .tab-nav .tab_btn + .tab_btn {
	border-left: 1px solid #ccc;
}
.news-page .tab-nav .tab_btn:hover,
.recipe-page .tab-nav .tab_btn:hover,
.lineup-page .tab-nav .tab_btn:hover {
	background-color: #d6d6d6;

}
.news-page .tab-nav .tab_btn a{
	display: block;
	padding: 24.6px 0;	

}

.recipe-page .tab-nav .tab_btn a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;

}

.recipe-page .tab-nav .tab_btn a{
	 font-size: 17px;	
}
.news-page .tab-nav .tab_btn.active a,
.recipe-page .tab-nav .tab_btn.active a{
    background:#505050;
    color:#fff;
   
}
.news-page .tab-nav .tab_btn a:hover,
.recipe-page .tab-nav .tab_btn a:hover{
    background:#d6d6d6;
    color: #000;
}


.lineup-page .tab-nav .tab_btn.active {
    background:#505050;
    color:#fff;
}
.news-page .tab_panel,
.recipe-page .tab_panel,
.lineup-page .tab_panel {
    display:none;
}
.news-page .tab_panel.active,
.recipe-page .tab_panel.active,
.lineup-page .tab_panel.active {
    display:block;
}
.lineup-page .block-01{
	position: relative;
	padding:120px 0 70px 0;
}
.lineup-page .block-01 .c-scroll{
	right: 2%;
	bottom:30%;
}
.lineup-page .mini .block-01 .c-scroll,
.lineup-page .ih .block-01 .c-scroll{
	bottom:0;
}
.lineup-page .block-item .c-scroll{
	left: 2%;
	top:45%;
}
.lineup-page .block-01 .text h3 {
    font-size: 2rem;
    margin: 0 0 35px;
    line-height: 2;
}
.lineup-page .block-01 .text {
    float: right;
    margin: 0 5% 0 0;
}
.lineup-page .block-01 .text p {
    line-height: 2.5;
}
.lineup-page .block-01 .en{
	display: block;
	margin-bottom: 30px;
}

.lineup-page .text-block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-end;
    margin: -50px 0 0;
    background: #AD998F;
    color: #fff;
    position: relative;
    z-index: 1;
    padding: 50px 80px;
    width: 65%;
}
.lineup-page .text-block.rev {
    justify-content: flex-start;
        margin: 0 0 0 auto;
}
.lineup-page .text-block .title{
	line-height: 2;
	text-align: center;
	margin:0 0 30px;
}
.lineup-page .inner-block{
	width: 640px;
}
.lineup-page .text-block .thumb ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.lineup-page .text-block .thumb li{
	width: 49%;
}
.lineup-page .text-block .thumb img{
	margin-bottom: 15px;
}
.lineup-page .block-item{
	position: relative;
	padding:0 0 100px;
}
.lineup-page .block-item .pic{
	margin: 40px 0 15px;
}
.lineup-page .block-item .size{
	font-size: 120%;
	font-weight: bold;
	display: block;
}
.lineup-page .block-item .price{
	display: block;
	border-bottom:1px solid #707070;
	padding: 15px 0;
}
.lineup-page .block-item .desc{
	display: block;
	padding: 15px 0;
	
}
.lineup-page .block-item .link{
	text-align: center;
	width: 520px;
	margin:40px auto 0;
}
.lineup-page .block-item .link .box{
	border:1px solid #505050;
	padding: 15px 0;
	margin: 10px auto 5px;
}
.lineup-page .block-item .link .link-inner {
    display: block;
    float: right;
    position: relative;
    color: #505050;
}
.lineup-page .block-item .link .link-text {
    font-size: 70%;
    padding-right: 22px;
}
.lineup-page .block-item .link .link-arrow:before{
    position: absolute;
    top: 0;
    bottom: -6px;
    left: 0;
    margin: auto 0 0 auto;
    content: "";
    vertical-align: middle;	
    right: 0;
    height: 1px;
    width: 130px;
    background: #505050;
}
.lineup-page .block-item .link .link-arrow:after{
    position: absolute;
    top: 0;
    bottom: -15px;
    right: -5px;
    margin: auto;
    content: "";
    vertical-align: middle;	
    left: auto;
    width: 10px;
    height: 10px;
    border-left: 1px solid #505050;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.lineup-page .spec{
	background: #AD998F;
	padding: 60px 0;
	margin:0 0 100px;
}
.lineup-page .spec .title{
	text-align: center;
	color: #fff;
	margin:0 0 50px;
}
.lineup-page .spec .block ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.lineup-page .spec .block li{
	width: 49%;
}
.lineup-page .spec .block .text{
	background: #fff;
	text-align: center;
	padding: 8px 0;
	color: #AD998F;
	margin: 40px 0 0;
}
.lineup-page .lineup-bg01{
	margin-bottom: 90px;
}
.about1-page .lineup-bg01 .inner,
.lineup-page .lineup-bg01 .inner {
    background: #000 url(../img/lineup/bg01.jpg) no-repeat;
    background-size: cover;
}
.lineup-page .lineup-bg02 .inner {
    background: #000 url(../img/lineup/bg02.jpg) no-repeat;
    background-size: cover;
}

.lineup-page .recipe-block .inner-block {
    width: 540px;
}
.lineup-page .recipe-title{
	background: #fff;
	text-align: center;
	color: #AD998F;
	padding: 10px 0;
	margin: 30px auto 0;
}
.lineup-page .recipe-title span{
	display: block;
	font-size: 1.4rem;	
}
.lineup-page .recipe-ingredients{
	line-height: 2.3;
	border-bottom:1px solid #fff;
	padding: 20px 0;
	margin:0 0 20px;
}
.lineup-page .recipe-block  ol li {
	list-style-type:decimal;
	margin-bottom: 12px;
}
.lineup-page .body .block {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    padding: 50px 100px;
}
.lineup-page .body .block-01{
	background: #140605;
	color: #fff;
}
.lineup-page .body .block-02{
	flex-direction: row-reverse;
	background: #D8D1CE;
	color: #505050;
}
.lineup-page .body .block-03{
	flex-direction: row-reverse;	
	background: #140605;
	color: #fff;
}
.lineup-page .body .block-02 .text,
.lineup-page .body .block-03 .text{
	margin:0 0 0 auto;
}
.lineup-page .body .pic{
	margin: 0;
}
.lineup-page .body .block .text h2 {
    margin: 0 0 40px;
}
.lineup-page .body .block .text h3 {
    font-size: 2rem;
    margin: 0 0 30px;
}
.lineup-page .body .block .text p {
    width: 430px;
    line-height: 2;
}
.lineup-page .block-notes{
	padding: 100px 0;
}
.lineup-page .block-notes .title{
	text-align: center;
	margin:0 0 40px;
}
.lineup-page .block-notes ul{
	width: 80%;
	margin: auto;
}
.lineup-page .block-notes li{
  position: relative;
  padding-left: 25px;
}

.lineup-page .block-notes li:before {
  content: "";
  position: absolute;
  top: .4em;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #505050;
  border-radius: 50%;
}
.recipe-page .list{
	margin: 50px 0;
}
.recipe-page .list a{
	display: block;
	margin: 30px 0 0;
}
.recipe-page .list .text{
	margin: 30px 0;
}
.recipe-page .list .tag{
	display: block;
	color: #989898;
}
.recipe-page .list .title{
	font-weight: bold;
	display: block;
	color: #000;
	margin: 10px 0;
}
.recipe-page .list .date{
	display: block;
	color: #000;
}
.recipe-page .list .new{
	background: #505050;
	color: #fff;
	position: relative;
	right:-5px;
	font-size: .75rem;
	font-weight: bold;
	padding: 1px 5px 4px;
}
.recipe-page .list .pic img {
  width: 100%;
  height: 360px;
  object-fit: cover;
}
.recipe-page .list a img{
	opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;	
}
.recipe-page .list a:hover img{
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.howtouse-page .recipe-bg01 .inner,
.recipe-page .recipe-bg01 .inner{
	background:#000 url(../img/recipe/pic01.jpg) no-repeat;
	background-size:cover;	
}
.wp-pagenavi{
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.wp-pagenavi a, .wp-pagenavi span{
    width: 30px;
    height: 30px;
    line-height: 27px;
    display: block;	
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current{
	color: #000;
	border-radius: 50%;
    background: #E0DCD4;

}

.wp-pagenavi a, .wp-pagenavi span {
	font-family: 'Montserrat', sans-serif;
    border:none!important;
    padding: 0 0px 0px 3px!important;
    margin: 5px!important;
}
.single-recipe-page{
	padding: 70px 0;
}
.single-recipe-page .tag{
	display: block;
	margin:0 0 10px;
}

.single-recipe-page .date{
	display: block;
}
.single-recipe-page .new{
	background: #505050;
	color: #fff;
	position: relative;
	right:-5px;
	font-size: .75rem;
	font-weight: bold;
	padding: 1px 5px 4px;
}
.single-recipe-page h1{
	margin: 30px 0 40px;
	font-size: 2rem;	
}
.single-recipe-page h2{
	border-bottom:1px solid #ccc;
	padding:0 0 25px;
	margin:0 0 25px;
	font-size: 1.2rem;
}
.single-recipe-page .pic{
	margin:0 0 60px;
}
.single-recipe-page .ingredients{
	line-height: 2;
	font-size: 1rem;
}
.single-recipe-page .howto{
	margin: 60px 0;
}
.single-recipe-page .howto ol{
	padding:0;
}
.single-recipe-page .howto li{
	margin-bottom: 15px;
}
.single-recipe-page .desc{
	margin:0 0 50px;
}
.single-recipe-page .review-link {
	display: inline-block;
	margin-bottom: 90px;
}
.single-recipe-page .review-link-inner{
	display: inline-block;
	position: relative;
	color: #505050;
	left: 50px;
}

.single-recipe-page .review-link-arrow:before{
    position: absolute;
    top: 0;
    bottom: -30px;
    left: -50px;
    margin: auto;
    content: "";
    vertical-align: middle;	
    height: 1px;
    width: 170px;
    background: #505050;
}
.single-recipe-page .review-link-arrow:after{
    position: absolute;
    top: 0;
    bottom:-29px;
    left: -48px;
    margin: auto;
    content: "";
    vertical-align: middle;	
    width: 10px;
    height: 10px;
    border-left: 1px solid #505050;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.single-news-page{
	padding: 70px 0;
}
.single-news-page .body{
	margin-bottom: 40px;
}
.single-news-page h1 {
    margin: 30px 0 40px;
    font-size: 2rem;
}
.single-news-page .tag{
	display: block;
	margin:0 0 10px;
}

.single-news-page .date{
	display: block;
}
.single-news-page .tab{
	background: #C4C4C4;
	color: #fff;
	position: relative;
	right:-5px;
	font-size: .75rem;
	font-weight: bold;
	padding: 1px 5px 4px;
}
.single-news-page .text img{
	width: auto;
	height: auto;
}
.single-news-page .review-link {
	display: inline-block;
	margin: 70px 0;
}
.single-news-page .review-link-inner{
	display: inline-block;
	position: relative;
	color: #505050;
	left: 50px;
}

.single-news-page .review-link-arrow:before{
    position: absolute;
    top: 0;
    bottom: -30px;
    left: -50px;
    margin: auto;
    content: "";
    vertical-align: middle;	
    height: 1px;
    width: 200px;
    background: #505050;
}
.single-news-page .review-link-arrow:after{
    position: absolute;
    top: 0;
    bottom:-29px;
    left: -48px;
    margin: auto;
    content: "";
    vertical-align: middle;	
    width: 10px;
    height: 10px;
    border-left: 1px solid #505050;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.news-page{
	padding: 70px 0;
}
.news-page .list a{
	color: #000;
}
.news-page .list ul{
	margin:70px 0;
}
.news-page .list li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
	border-bottom:1px solid #ccc;
	padding: 30px 0;
}
.news-page .list li:first-child{
	border-top:1px solid #ccc;
}
.news-page .tab{
	font-family: 'Montserrat', sans-serif;
	text-align: center;
	background: #C4C4C4;
	color: #fff;
	position: relative;
	padding: 4px 0;
	margin:0 20px;
	width: 74px;
}
.company-page{
	padding: 70px 0;
}
.company-page .body .logo{
	text-align: center;
	margin: 50px auto;
}
.company-page .body .list{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
}
.company-page .body .list li{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin: 35px 0;
	font-size: 1.3rem;
}
.company-page .body .list .tab{
	width: 250px;
	line-height: 2.8;
}
.company-page .body .list .text{
	line-height: 2.8;
}
.privacy-page{
	padding: 70px 0;
}
.privacy-page .block{
	margin:70px 0;
    border-bottom: 1px solid #ccc;
    padding: 0 0 70px;
    font-size: 1.1rem;
}
.privacy-page .block p{
	line-height: 2.4;
}
.privacy-page .block li{
	line-height: 2.4;
}
.about1-page .wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	padding: 150px 0;
}
.about1-page .block-01,
.about1-page .block-03{
	position: relative;
}
.about1-page .block-01 .c-scroll{
	right:2%;
	bottom:30%;
}
.about1-page .block-03 .c-scroll{
	left:2%;
	top:40%;
}
.about1-page .text{
	width: 500px;
}
.about1-page .text h3 {
    font-size: 2rem;
    margin: 0 0 100px;
    line-height: 2;
}
.about1-page .text p {
    line-height: 2.5;
}
.about1-page .message{
	width: 50%;
	text-align: center;
}
.about1-page .block-01 .logo{
	margin:0 0 100px 0;
}
.about1-page .block-02{
    background: url(../img/about1/pic01.jpg) no-repeat;
    background-size: cover;	
    padding: 25vw 0 15vw;

}
.about1-page .block-03{
	margin:0 0 120px;
}
.about1-page .block-03 .wrapper{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	padding: 120px 0;
}
.howtouse-page .text h3 {
    font-size: 2rem;
    margin: 0 0 25px;
    line-height: 2;
}
.howtouse-page h4{
	text-align: center;
	background: #959595;
	color: #fff;
	padding: 7px 0;
	margin:0 0 50px;
}
.howtouse-page h5{
	text-align: center;
	border-bottom:1px solid #ccc;
	padding: 0 0 20px;
	margin:0 0 40px;
	font-size: 1.3rem;
}
.howtouse-page .text p {
    line-height: 2.5;
}
.howtouse-page .block-01{
	padding: 150px 0;
}
.howtouse-page .block-02{
	position: relative;
}
.howtouse-page .block-02 .c-scroll{
	right: 2%;
	top:4%;
}
.howtouse-page .block-04 .c-scroll{
	left: 2%;
	top:30%;
}
.howtouse-page .faq .c-scroll{
	right: 2%;
	top:10%;
}
.howtouse-page .block-02 .text,
.howtouse-page .block-04 .text{
	padding-left: 10%;
}
.howtouse-page .block-03{
	background: #fff;
	padding: 30px 60px;
	margin: 50px 0 150px;

}
.howtouse-page .block-03 p{
	font-size: 18px;
	margin: 0;	
}
.howtouse-page .block-03 span{
	display: block;
	margin-bottom: 10px;
}
.howtouse-page .block-04{
	position: relative;
}
.howtouse-page .block-05{
	background: #fff;
	padding: 60px;
	margin: 90px 0 120px;
}
.howtouse-page .block-05 .box{
	width: 450px;
	margin: auto;
}
.howtouse-page .block-05 b{
	font-weight: normal;
	display: block;
	font-size: 120%;
	margin: 20px 0 10px;
}
.howtouse-page .block-05 .ba{
	text-align: center;
	margin: 40px 0 0;
}

.howtouse-page .faq .c-box{
	padding: 50px;
	border-bottom:1px solid #ccc;
}
.howtouse-page .faq{
	position: relative;
	margin:0 0 100px;
}
.howtouse-page .faq .c-box.bt{
	border-top:1px solid #ccc;
	
}
.howtouse-page .faq .icon{
	position: relative;
	font-weight: bold;
	font-size: 140%;
	margin:0 15px 0 0;
}
.howtouse-page .faq .q{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin:0 0 15px;
}
.howtouse-page .faq .a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
.howtouse-page .faq .q .icon{
	font-size: 18px;
	    top: -1px;
}
.howtouse-page .faq .a .icon{
	font-size: 16px;
	    top: 3px;
}
.howtouse-page .faq .text{
	line-height: 2.3;
}
.howtouse-page .care .lead{
	font-size: 14px;
	margin-bottom: 35px;
	padding:0 50px;
	line-height: 2.3;
}

.howtouse-page .care b{
	display: block;
	font-weight: normal;
	margin-bottom: 20px;
}
.howtouse-page .support .body{
	background: #fff;
	padding: 60px;

}
.howtouse-page .support .box{
	width: 480px;
	margin: auto;
}
.howtouse-page .support b{
	font-weight: normal;
	display: block;
	font-size: 16px;
	margin: 20px 0 10px;
}
.howtouse-page .support .price{
	text-align: center;
	background: #CECECE;
	padding: 30px;
}
.howtouse-page .support .price p{
	margin: 0;
}
.howtouse-page .support .pic img{
	width: 100%;
}
.howtouse-page .tel{
	background: #fff;
	text-align: center;
	padding: 50px;
	margin: 50px 0 150px;
}
.howtouse-page .tel .title{
	font-size: 1.5rem;
	margin:0 0 10px;
}
.howtouse-page .tel .number{
	font-size: 2.6rem;
}
.howtouse-page .tel .icon{
	margin-right: 10px;
}
.howtouse-page .tel p{
	margin: 10px 0 0;
}
.form-page {
    padding: 70px 0;
}
.form-page .body{
	margin: 50px auto 0;
	width: 920px;
}
.form-page .lead{
	line-height: 2;
	margin-bottom: 50px;
	font-size: 1rem;
}

.form-page .body label{
	display: block;
}
.form-page .info_mm{
	display: block;
	text-align: center;
	margin: 20px 0 0;
}
.form-page .zip1{
	position: relative;
}
.form-page .zip1:after{
	content:"-";
	position: absolute;
	right: -19px;
    top: -2px;
}
input[type="text"], input[type="email"], input[type="tel"],textarea {
    border: 0;
    background: #fff;
    padding: 10px;
    border: solid 1px #ccc;
    margin:9px 0 0;
    width: 100% ;
}
input[type="submit"] {
	display: block;
    font-size: 1.2rem;
    font-weight: bold;
    background: #505050;
    color: #fff;
	width: 400px;
	margin:40px auto;
	padding: 20px 0;
}
.contact-page .tel{
	background: #fff;
	text-align: center;
	padding: 50px;
	margin: 50px 0 0;
}
.contact-page .tel .title{
	font-size: 1.5rem;
	margin:0 0 10px;
}
.contact-page .tel .number{
	font-size: 2.6rem;
}
.contact-page .tel .icon{
	margin-right: 10px;
}
.contact-page .tel p{
	margin: 10px 0 0;
}
.support-page .group p{
	margin:0;
}
.support-page .button{
	margin-bottom: 30px;
}
.support-page .button a{
	position: relative;
	background: #B4B4B4;
	display: block;
	color: #fff;
	text-align: center;
	padding: 15px 0;
}


.support-page .button a:before{
    position: absolute;
    top: 0;
    bottom: -2px;
    margin: auto;
    content: "";
    vertical-align: middle;	
    right: 30px;
    height: 1px;
    width: 130px;
    background: #fff;
}
.support-page .button a:after{
    position: absolute;
    top: 0;
        bottom: 13px;
    right: 26px;
    margin: auto;
    content: "";
    vertical-align: middle;	
    left: auto;
    width: 10px;
    height: 10px;
    border-left: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.support-page .block-02{
	background: #fff;
	text-align: center;
	padding: 20px;
	margin: 40px 0 0;
}
@media screen and (min-width: 1400px) {
.bestpot_cook-page .area01{
	margin:0 0 120px 0;	
}	

}


.bestpot_cook-page .area01 .pic{
	margin:0 90px 0 0;
	position: relative;
    top: -50px;
}
.bestpot_cook-page .area02{
	text-align: center;
	color: #fff;
	background: #312B29;

	padding: 60px 0;
}
.bestpot_cook-page .area02 h4{
	font-size: 20px;
	margin-bottom: 20px;
}
.bestpot_cook-page .area02 p{
	color: #FFD23B;
}
.bestpot_cook-page .area03{
	position: relative;
	text-align: center;
	padding: 120px 0;
}
.bestpot_cook-page .area03 .block{
	background: #fff;
	padding: 30px 60px;
	margin:40px auto 0;
	width: 81%;
}
.bestpot_cook-page .area03 .block .pic{
	text-align: left;
	width: 40%;
	margin:0 auto 0 0;
	
}

.bestpot_cook-page .area03 .block .text{
	position: relative;
	text-align: left;
	width: 50%;
	
}
.bestpot_cook-page .area03 .block .text p{
	margin: 0;
	font-size: 12px;
    line-height: 2;
}
.bestpot_cook-page .area03 .block .text:before{
	content:"";
	border-left:1px solid #ccc;
	width: 1px;
	height: 110px;
	position: absolute;
    left: -39px;
    top: 0;
    bottom: 0;
    margin: auto;
}
.bestpot_cook-page .area04{
	position: relative;
	text-align: center;
	padding:30px 0 120px 0;
}
.bestpot_cook-page .bg01 .inner {
    background: #000 url(../img/bestpot_cook/pic05.jpg) no-repeat;
    background-size: cover;
}
.single-recipe-page .bg01 .inner {
    background: #000 url(../img/bestpot_cook/pic05.jpg) no-repeat;
    background-size: cover;
}
.bestpot_cook-page .area03 .c-scroll {
    left: 2%;
    top: 40%;
}
.bestpot_cook-page .area04 .c-scroll {
    right: 2%;
    top: 30%;
}
@media screen and (max-width: 1400px) {
.lineup-page .body .pic {
    margin: 0 30px 0 0;
}	
.lineup-page .body .block {
    padding: 50px 60px;
}

}
@media screen and (max-width: 1200px) {
.point-page .block-01,
.point-page .block-04 {

    height: 442px;
}	
.point-page .block-02,
.point-page .block-03,
.point-page .block-05,
.point-page .block-06 {

    height: 470px;
}
}
@media screen and (max-width: 1024px) {
.bestpot_cook-page .area01 .d-flex{
	flex-wrap: wrap;
}	
.bestpot_cook-page .area01 {
    margin:0 0 70px 0;
}
.bestpot_cook-page .area01 .pic {
    margin: auto;
    width: 40%;
}

.about-page .pic {
    width: 45%;
}
.c--mv .scroll{
	display: none;
}
.c--mv h1{
	margin: 0;
}
.about-page .block-01 {
    padding: 80px 0;
}
.about-page .block-03 {
    padding: 80px 0;
}
.point-page .body {
    margin: 80px auto;
}
.globalnav {

    width: 80%;
}
}

@media screen and (max-width: 1040px) {
.globalnav .nav-inner{
	flex-wrap: wrap;
}
.globalnav .nav-block{
	border-left:none;
	border-top: 1px solid #ccc;
	margin: 30px 0 0;
	padding: 30px 0 0;
	width: 100%;
}
.globalnav .list {
	width: 50%;
    padding: 0 10px 0 0;
}
.globalnav .block-list {
    padding: 0;
}
.globalnav .sns {
    padding-top: 3vh;
}
}
@media screen and (max-width: 992px) {
.home .best_cook .pic {
    text-align: center;
    position: static;
    right: 0;
    width: auto;
    margin: 20px 0 0;
}
.home .subscription {
    background: url(../img/index/pic07.jpg) no-repeat center center;
    background-size:cover;

}	
footer .store{
	margin-bottom: 20px;
}
.about-page .text {
    width: auto;
}

.about-page .pic {
    text-align: center;
    position: static;
    right: 0;
    width: auto;
}	
.about-page .block-02 .text-block,
.about-page .text-block,
.lineup-page .text-block {
    margin: -5% auto 0;
    width: 86%;
}
.c--block .content {
    padding: 50px 60px;
}
.c--block .link {
    top: 0;
}
.about-page .text,
.lineup-page .block-01 .text {
    float: none;
    margin: auto;
}
.header .link a{
	top:0;
}
.form-page .body {
    width: auto;
}

}
@media screen and (max-width: 770px) {
.point-page .block-01,
.point-page .block-04,	
.point-page .block-02,
.point-page .block-03,
.point-page .block-05,
.point-page .block-06 {
	padding:2vw 3vw;
    height: auto;
}	
.point-page .block .text h3 {
    font-size: 1.6rem;
    margin: 0 0 10px;
}
.point-page .block .text h2 {
    margin: 0 0 15px;
}
.point-page .block .text p{
	width: auto;
}
.bestpot_cook-page .area03 .d-flex{
	flex-wrap: wrap;
}	
.bestpot_cook-page .area03 .block .pic {
    text-align: left;
    width: 100%;
    margin: 0 auto 30px;
}
.bestpot_cook-page .area03 .block .text:before {
    content: "";
    border-left:0;

}
.bestpot_cook-page .area03 .block .text {

    width: 100%;
}
.lineup-page .body .block{
	justify-content: center;
	flex-wrap: wrap;
	padding: 50px;
}
.recipe-page .list .pic img {
    height: 220px;
}
.home .pickup .slick-slide img {

    height: 250px;
}

.about-page .text,
.lineup-page .block-01 .text {
    margin: auto;
}
.recipe-page .tab-nav ul {
    width: auto;
}
}
@media screen and (max-width: 576px) {
.serif {
    line-height: 1.6;
}	
p{
	font-size: 12px;
}
.pc-only{
	display: none;
}
.sp-only{
	display: block;
}
.c-button a {
    font-size: 11px;
    padding: 10px 0;
    width: 80%;
}
.nav-button-wrap {
    right: 3%;
    top: 2.5%;
}
.nav-button{
	width: 25px;
	height: 20px;
}
.nav-button span {
    width: 25px;
    height: 1px;
}
.nav-button span:nth-of-type(2) {
    top: 9.2px;
}
.globalnav{
	padding: 25px 10px;
	height: 100vh;
}
.globalnav .logo-b {
    margin-bottom: 10px;
    width: 130px;
}
.globalnav .list {
    padding: 0;
    width: 50%;
}
.globalnav .list a{
	font-size: .8rem;
	padding: 15px 0;
}

.globalnav .block-list a,
.globalnav .block-list2 a{
	font-size: .8rem;
	padding: 10px 0;
}
.globalnav .list.serif{
	padding-left: 13px;
}
.globalnav .list.serif a{
}
.globalnav .nav-block{
	border-top:1px solid #ccc;
	border-left: 0;
	margin:15px 0 0;
	padding:15px 0 0;
	width: 100%;
}
.globalnav .block-list {
    padding: 0;
}
.globalnav {
    width: 100%;
}
.globalnav .block-list2 {
    padding: 5px 0 0 0;
}
.globalnav .sns {
    padding-top: 0;
}
.home .scroll{
	display: none;
}
.home h3{
	font-size: 1.3rem;
}
.header {
    padding: 20px 0;
}	
.header .logo {
	display: block;
    left: 1%;
    top: 1%;
    width: 150px;
}
.header .link{
	display: none;
}	
.home .swiper-container {
    margin: -80px auto 0;
}
.home .pickup {
    padding: 40px 0 0;
}
.home .pickup .slick-next, 
.home .pickup .slick-prev{
	display: none!important;
}
.home .pickup .c-button{
	margin-top: 30px;
}
.home .pickup .slick-slide img {
    height: auto;
}
.home .concept {
	background: url(../img/index/pic02.jpg) no-repeat left center;
    background-size: cover;
    margin: 0;
}
.home .concept .text {
	width: auto;
    padding: 60px 0;
}

.home .best_cook .text, .home .about .text {
    width: auto;
    margin-bottom: 40px;
}
.home .best_cook .c-button a, .home .about .c-button a,.home .concept .c-button a,.home .lineup .c-button a {
    margin: 30px auto auto 0;
}


.home .r-pic {
    margin: 10px 0 30px 0;
}
.home .best_cook h3, 
.home .about h3,
.home .concept h3,
.home .lineup h3,
.home .news h3 {
    margin: 15px 0;
}
.home .best_cook .pic{
	margin: 0;
}
.home .lineup {
    padding: 0 0 40px 0;
}
.home .lineup .text {
    width: auto;
}

.home .lineup .pic li{
	margin:10px 0 0;

}
.home .subscription{
	margin: 0 0 40px;
}
.home .subscription .text {
    width: auto;
    margin: auto;
    padding: 60px 0;
}
.home .subscription .icon{
	width: 90px;
	margin-left: 30px;
}
.home .news .list a{
	flex-wrap: wrap;
	padding: 20px 0;
}
.home .news .date{
	width: 100%;
}
.home .news .text{
	width: 100%;
}
footer {
    padding: 50px 0;
    margin: 60px 0 0;
}
footer .title {
    font-size: 1rem;
    margin: 0 0 15px;
}
footer .logo {
    margin: 0 0 30px;
    width: 50%;
}
footer .sns ul {
    margin: 0 0 30px;
}
footer .sns li {
    width: 10%;
}
footer .sitemap{
	flex-wrap: wrap;
	border-left:0;
}
footer .sitemap .list {
    padding: 0 20px;
}
footer .store {
    width: 65%;
}
.home .news .c-button a {
    margin: 30px auto auto auto;
}
.about-page .block-01 {
    padding: 40px 0;
}
.c--mv{
	padding-left: 15px;
	padding-right: 15px;
}
.c--mv h1{
	font-size: 1.1rem;
}
.c--mv .en {

    font-size: .7rem;
}
.about-page .block-02 {
    padding: 0 0 40px 0;
}
.about-page .block-03 {
    padding: 40px 0;
}
.c--block .title,
.about-page .text h3,
.point-page .block .text h3,
.bestpot_cook-page h3,
.lineup-page .block-01 .text h3,
.lineup-page .body .block .text h3,
.about1-page .text h3,
.howtouse-page .text h3,
.bestpot_cook-page .text h3{
	font-size: 1rem;
	margin: 0 0 15px;
}
.bestpot_cook-page .area02 h4 {
    font-size: .9rem;
}
.about-page .text-block{
	padding:25px 15px;
}
.about-page .block-02 .c-button a {
    margin: 30px auto auto 0;
}
.c--block .content {
    padding: 25px;
}
.c--block .link {
    right: 20px;
}
.c--block p {
    width: auto;
}
.point-page .body {
    margin: 40px auto;
}
.point-page .block-01, .point-page .block-04, .point-page .block-02, .point-page .block-03, .point-page .block-05, .point-page .block-06{
	display: block;
	background: #140404;
	padding: 0;
}
.point-page .block .pic{
}
.point-page .block .text {
	padding: 15px 15px 25px;
}
.point-page .block .text p{
	margin: 0;
}
sup{
	font-size: .5em;
}
.bestpot_cook-page .area03 .block {
    padding: 15px 20px;
    margin: 20px auto 0;
    width: auto;
}
.bestpot_cook-page .area03 .block .pic {
    margin: 10px auto 25px;
    text-align: center;
}
.bestpot_cook-page .area03 {
    padding: 30px 0;
}
.bestpot_cook-page .area04 {
    padding: 30px 0 40px 0;
}
.lineup-page .tab-nav ul {
	flex-wrap: wrap;
    margin: 40px 0 0;
}
.lineup-page .tab-nav .tab_btn{
	width: 100%;
}
.lineup-page .tab-nav .tab_btn + .tab_btn {
    border-top: 1px solid #ccc;
    border-left:0;
}
.lineup-page .block-01 {
    padding: 50px 0 30px 0;
}
.lineup-page .text-block{
	padding: 25px 15px;
}
.lineup-page .text-block .title {
	text-align: left;
    margin: 0 0 15px;
    font-size: 1rem;
}
.lineup-page .text-block .thumb ul{
	flex-wrap: wrap;
}
.lineup-page .text-block .thumb li{
	font-size: .7rem;
	width: 100%;
	margin: 5px 0;
}
.lineup-page .block-item .pic {
    margin: 20px 0 10px;
}
.lineup-page .block-item .link {
    width: auto;
    margin: 20px auto 0;
}
.lineup-page .spec {
    padding: 30px 0;
    margin: 0 0 50px;
}
.lineup-page .spec .title {
    margin: 0 0 30px;
}
.lineup-page .spec .block li {
    width: 100%;
	margin-bottom: 40px;
}
.lineup-page .spec .block .text{
	margin: 0;
}
.lineup-page .lineup-bg01 {
    margin-bottom: 45px;
}
.lineup-page .recipe-block .text-block .title{
	text-align: center;
}
.lineup-page .recipe-block .inner-block,
.lineup-page .recipe-block .text-block {
    width: auto;
    margin: auto;
}
.lineup-page .recipe-block .text-block {
    padding: 15px;
    width: 95%;
}
.lineup-page .recipe-ingredients,
.lineup-page .howto{
	font-size: .85rem;
}
.lineup-page .recipe-title span {
    font-size: 1.1rem;
}
.lineup-page .recipe-title small{
	font-size: .8rem;
}
.lineup-page .body .block .text p {
    width: auto;
}
.lineup-page .body .pic {
    flex-shrink: initial;
}
.lineup-page .body .block {
    padding: 25px;
}
.lineup-page .body .block .text h2 {
    margin: 0 0 20px;
}
.lineup-page .block-notes {
    padding: 50px 0;
}
.lineup-page .block-notes ul {
    width: 90%;
}
.recipe-page .list .pic img {
    height: 300px;
}
.recipe-page .tab-nav ul{
	flex-wrap: wrap;
}
.recipe-page .tab-nav .tab_btn {
    width: 100%;
}
.recipe-page .tab-nav .tab_btn + .tab_btn {
    border-top: 1px solid #ccc;
    border-left: 0;
}
.single-recipe-page {
    padding: 20px 0;
}
.single-recipe-page h1 {

    margin: 20px 0;
}
.single-recipe-page .pic {
    margin: 0 0 30px;
}
.single-recipe-page .howto {
    margin: 30px 0;
}
.single-recipe-page .review-link {
	margin-bottom: 40px;
}
.news-page .list li{
	flex-wrap: wrap;
}
.news-page .list li .title{
	width: 100%;
	margin: 10px 0 0;
}
.single-news-page .review-link {
    margin: 40px 0 0;
}
.news-page,
.single-news-page,
.company-page,
.contact-page,
.support-page,
.privacy-page {
    padding: 30px 0;
}
h1.c-heading .serif{
	font-size: 1.5rem;
}
h1.c-heading .en {
    display: block;
    padding-bottom: 20px;
}
.company-page .body .list li{
	flex-wrap: wrap;
	margin: 15px 0 20px;
}

.company-page .body .list .tab,
.company-page .body .list .text{
	width: 100%;
	line-height: 2;
}
.privacy-page .block {
    margin:40px 0 25px;
    padding: 0 0 35px;
}
.about1-page .text {
    width: 80%;
}
.about1-page .block-01 .logo{
	margin-bottom: 30px;
}
.about1-page .block-01 .message {
    width: 24px;
    margin: 0 0 0 auto;
}
.about1-page .block-02 img{
	width: 60%;
}
.about1-page .block-03 .message {
    width: 24px;
    margin: 0 auto 0 0;
}
.about1-page .wrapper,
.about1-page .block-03 .wrapper{
	padding: 50px 0;
}
.about1-page .block-03 {
    margin: 0 0 50px;
}
.howtouse-page .block-01 {
    padding: 40px 0;
}
.howtouse-page h4 {
    margin: 0 0 30px;
    font-size: 1rem;
}
.howtouse-page .block-02 .text, .howtouse-page .block-04 .text {
	margin-top: 15px;
    padding-left: 0;
}
.howtouse-page .block-03 {
    padding:  30px;
    margin: 50px 0 50px;
}
.howtouse-page .block-03 .pic{
	margin-bottom: 15px;
}
.howtouse-page .block-05 {
    padding: 30px;
    margin: 50px 0;
}
.howtouse-page .block-05 .box {
    width: auto;
    margin:0 auto 25px;
}
.howtouse-page .block-05 .ba {
    margin: 10px 0 0;
}
.howtouse-page .faq .c-box {
    padding: 30px 10px;
}
.howtouse-page .care .lead{
	padding:0 10px;
}
.howtouse-page .support .body {
    padding: 30px;
}
.howtouse-page .support .box {
    width: auto;
    margin:0 auto 25px;
}
.contact-page .tel,
.howtouse-page .tel {
    padding: 30px 10px;
    margin: 50px 0;
}
.contact-page .tel .number,
.howtouse-page .tel .number {
    font-size: 2rem;
}
input[type="submit"]{
	width: 100%;
	margin: 10px auto;
}
.company-page .body .logo {
    margin: 20px auto 0;
}
.form-page .lead {
    margin-bottom: 25px;
    font-size: 12px;
}
.form-page .body {
    margin: 30px auto 0;
}
.support-page .button a {
    text-align: left;
    padding: 15px 20px;
}
.support-page .button a:before {
    content: "";
    width: 80px;
}
.home .about {
    padding: 0;
}
.home .lineup .pic-text .title {
    margin-bottom: 10px;
    font-size: 25px;
}
.home .lineup .pic a img {
    filter: brightness(50%);
}
.sp-cl-dl{
	flex-direction: column-reverse;
}
.sp-cl-dl .pic{
	margin-bottom: 20px!important;
}
.c-scroll{
	display: none;
}
.about-page .block-02 .pic {
    margin-top: 25px;
}
iframe{
	width: 100%;
}
.bestpot_cook-page .area01 .pic {
    width: 60%;
}
.recipe-page .c--mv .lead{
	font-size: .7rem;
}
.howtouse-page h5 {
    font-size: 1.1rem;
}
.about1-page .text h3 {
    margin: 0 0 30px;
}
.about1-page .block-02 {
    background: url(../img/about1/pic01-sp.jpg) no-repeat;
    background-size: cover;
    padding: 45vw 0;
}
.mv .home-heading {
    width: 55%;

}
.home .best_cook {
    padding: 7vw 0 5vw;
}
.howtouse-page .block-03 p {
    font-size: 12px;
}
.news-page .tab-nav ul{
	flex-wrap: wrap;
}
.news-page .tab-nav .tab_btn{
	width: 100%;
}
.news-page .tab-nav .tab_btn a {
    padding: 22.3px 0;
    font-size: 17px;
}
.news-page .tab-nav .tab_btn + .tab_btn {
    border-top: 1px solid #ccc;
    border-left: 0;
}
}
@media screen and (max-width: 380px) {
.about-page .text p {
    font-size: 12px;
}
.about-page .text p small {
    font-size: .7em;
}
}