﻿#mv{
	background:#1e0a01;
	text-align:center;
	position:relative;
}
#mv .mv_image:not(.bg){
	position:absolute;
	right:0;
	left:0;
	margin:auto;
}
#mv .mv_image:not(.mv2){
	top:0;
	bottom:0;
}
#info h2,#info h3{
	text-align:center;
	line-height:0;
}
#info .item_info{
	position:relative;
	background:url(../image/info_bg.png) repeat-x center bottom #eee6d8;
}
#info .item_info.item_info2{
	position:relative;
	background:url(../image/info_bg.png) repeat-x center bottom -4em #eee6d8;
}

#info .item_info:before{
	content:"";
	display:block;
	width:100%;
	background:url(../image/line.png);position: absolute;
	right:0;
	left:0;
}
#info .item_info ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#info .item_info ul.flex_cntr{justify-content: center;}
.section_image{
	line-height:0;
}
#info p{
	line-height:2em;
}
#info .section4{
	background:#ffffff;
	border-color:#ffcc00;
	overflow:hidden;
}
#info .section4 >section{
	position:relative;
}
#info .section4,#info .s4_cont3{
	border-style:solid;
}
#info .s4_cont1{
	background: rgb(189,243,255);
	background: linear-gradient(0deg, rgba(189,243,255,1) 6%, rgba(255,255,255,1) 73%);
}
#info .section4 .s4_cont1 >.textbox{
	padding-left:1em;
	text-indent:-1em;
}
#info .s4_cont2{
	background:url(../image/info4_bg.png);
}
#info .s4_cont3{
	border-color:#4093e1;
}
.s4_cont3:before{
	content:"";
	display:block;
	width:120px;
	height:60px;
	background: url(../image/info_arrow.png) no-repeat center top /100% auto;
	margin-right:auto;
	margin-left:auto;
	position:absolute;
	top:0;
	right:0;
	left:0;
}
.voice{
	background: rgb(28,8,1);
	background: linear-gradient(90deg, rgba(28,8,1,1) 0%, rgba(100,35,5,1) 50%, rgba(28,8,1,1) 100%);
}
.voice .serif{
	background:#ffffff;
	color:#e35d14;
	font-weight:bold;
	border-radius:40px;
	box-sizing:border-box;
	position:relative;
}
.voice .serif:before{
	content:"";
	display:block;
	background:url(../image/voice_serif.png) no-repeat center /auto 100%;
	position:absolute;
}
.voice li{
	display:flex;
}
.voice li:last-child{
	margin-bottom:0;
}
.voice li:nth-of-type(2n){
	flex-direction: row-reverse;
}
.voice li:nth-of-type(2n) .serif{
	margin-left:0;
}
.voice li:nth-of-type(2n) .serif:before{
	transform: rotate(180deg);
}
.voice >p{
	margin-right:auto;
	margin-left:auto;
	color:#ffffff;
	text-align:right;
}
#lineup h2,#cm h2{
	text-align:center;
	line-height:0;
}
#lineup{
	background:#ffffff;
}
#lineup h3{
	line-height:0;
	width:100%;
}
#lineup ul,#lineup li{
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	font-weight:bold;
}
#lineup li{
	justify-content: space-between;
}
/*2022/01/26追加*/
#lineup li.cntr{
	justify-content: center;
}
#lineup li.new,#lineup li figure.new{
	position: relative; margin-bottom: 50px;
}
#lineup li.new::before{ left: 0; /*top: 50%;*/}
#lineup li.new::before,#lineup li figure.new::before{
	position: absolute;
	background: url("../image/new_info.png")no-repeat;
	background-size: contain;
	content: '';
	width: 50px;
	height: 50px;
	display: block;
	
}
#lineup li figure.new::before{left: 30%; bottom: -18px; z-index: 1;}

#lineup ul li >figure{
	position:relative;
}
#lineup ul li figcaption{
	position:absolute;
	right:0;
	left:0;
	width:100%;
}
#lineup .plane figcaption{
	color:#7d2d0d
}
#lineup .vege figcaption{
	color:#557809;
}
#lineup .beef figcaption{
	color:#bb0c16;
}
#cm{
	background:url(../image/cm_bg.jpg) repeat-y center;
	overflow:hidden;
	clear:both;
}
#cm h2,#cm h3{
	text-align:center;
}
#cm h2{
	background:#000000;
}
#cm .cm_navi{
	background:#ab9b5a;
	font-family:"游明朝体", "Yu Mincho", YuMincho,"Noto Serif Japanese","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight:bold;
	line-height:1;
}
#cm .cm_navi ul{
	display:flex;
	justify-content: space-between;
}
#cm .cm_navi a{
	display:block;
	text-align:center;
	position:relative;
}
#cm .cm_navi a:after{
	content:"";
	display:block;
	width:1em;
	height:1em;
	background:url(../image/arrow3.png) no-repeat center /100% auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin:auto;
}
#cm .movie h3{
	line-height:0;
}
.moviebox{
	background:url(../image/movie_bg.png) no-repeat;
	line-height:0;
}
.movie .textbox{
	background:#ffffff;
	border-radius:14px;
	box-shadow:1px 0 4px rgba(128,114,74,0.6);
	overflow:hidden;
}
.movie .textbox >p{
	border:1px solid #ab9b5a;
	border-radius:12px;
	margin:6px;
}
#making{
	overflow:hidden;
	clear:both;
}
#making .comingsoon{
	text-align:center;
}
/*2021.02 Add*/
#tasteList dt,.itemtitle{
	text-align:center;
	color:#602102;
	font-family:"游明朝体", "Yu Mincho", YuMincho,"Noto Serif Japanese","ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight:600;
	letter-spacing: 0.2em;
	background:url(../image/info_tle2.png) no-repeat center bottom;
	line-height:1;
}
#tasteList dd{
	background: rgb(237,223,200);
	background: linear-gradient(0deg, rgba(237,223,200,1) 0%, rgba(237,223,200,0) 35%);
	padding-bottom:1em;
}
/*2022/01/26追加*/
.section1 dl dd ul.new_row{padding-top: 49px;}
.section1 dl dd ul.new_row li.new{position: relative;}
.section1 dl dd ul.new_row li.new::before{
	position: absolute;
	background: url("../image/new_info.png")no-repeat;
	background-size: contain;
	display: block;
	content: '';
	width: 40px;
    height: 40px;
	top: -49px;
}
#lineup li.new::before,#lineup li figure.new::before{ width: 40px; height: 40px; }

/*以上*/
/*PC
------------------------------------------*/
@media screen and (min-width:1081px),print{
	#mv{
		margin-bottom:-30px;
	}
	#mv .mv2{
		top:117px;
		width:248px;
		height:359px;
	}
	#info >section{
		margin-right:auto;
		margin-left:auto;
		box-sizing:border-box;
	}
	#info .item_info{
		width:1000px;
		padding-bottom:60px;
		margin-top:6px;
	}
	#info .item_info:before{
		height:6px;
		top:-6px;
	}
	#info .item_info:not(last-of-type){
		margin-bottom:30px;
	}
	#info .section1 h2{
		padding-top:20px;
	}
	#info ul{
		margin-right:auto;
		margin-left:auto;
	}
	#info .section1 ul{
		width:902px;
		margin-bottom:40px;
	}
	#info .section1 li{
		width:144px;
	}
	#info .section2 h2,#info .section3 h2{
		margin-top:-64px;
	}
	#info .section3 ul{
		width:886px;
	}
	#info .section3 li{
		width:266px;
	}
	#info .section4,#info .s4_cont3{
		border-style:solid;
	}
	#info .section4{
		max-width:1120px;
		margin-top:80px;
		margin-bottom:70px;
		border-bottom-width:8px;
	}
	#info .section4,#info .s4_cont3{
		border-top-width:8px;
	}
	#info .section4 .s4_cont1 >.textbox,#info .section4 .s4_cont2 >.textbox{
		width:430px;
	}
	#info .section4 .s4_cont1 >.textbox{
		left:60px;
	}
	#info .section4 .s4_cont1 h3,#info .section4 .s4_cont2 h3{
		margin-bottom:30px;
	}
	#info .section4 .s4_cont2 >.textbox{
		top:40px;
		right:60px;
	}
	#info .section4 .s4_cont2 .attention{
		font-size:0.86em;
		margin-top:20px;
	}
	.s4_cont3:before{
		width:120px;
		height:60px;
	}
	#info .section4 .s4_cont3 h3{
		margin-bottom:20px;
	}
	#info .section4 .s4_cont3 .textbox{
		top:40px;
		width:100%;
	}
	#info .section4 .s4_cont3 .textbox p{
		width:580px;
		margin-left:60px;
	}
	.voice{
		padding-top:60px;
		padding-bottom:60px;
	}
	.voice ul{
		width:1020px;
		margin-right:auto;
		margin-left:auto;
	}
	.voice li{
		margin-bottom:50px;
	}
	.voice li .serif{
		width:700px;
		margin-left:45px;
		padding:30px;
		font-size:1.125em;
	}
	.voice li:nth-of-type(2n) .serif{
		margin-right:45px;
	}
	.voice .serif:before{
		width:21px;
		height:49px;
	}
	.voice li:not(:nth-of-type(2n)) .serif:before{
		left:-21px;
	}
	.voice li:nth-of-type(2n) .serif:before{
		right:-21px;
	}
	.voice >p{
		width:1000px;
		font-size:0.813em;
		margin-top:20px;
	}
	#lineup ul{
		width:900px;
		margin-right:auto;
		margin-left:auto;
		padding-top:70px;
	}
	#lineup ul li{
		width:410px;
		padding-bottom:50px;
	}
	#lineup ul li:nth-of-type(2n){
		margin-left:80px;
	}
	#lineup ul li >figure{
		width:125px;
	}
	#lineup ul li >figure:first-of-type{
		margin-left:4px;
	}
	#lineup ul li >figure:last-of-type{
		margin-right:4px;
	}
	#lineup ul li figcaption{
/*		bottom:30px;*/
		bottom:15px;
		font-size:0.938em;
	}
	#cm{
		padding-bottom:100px;
	}
	#cm .cm_navi{
		margin-bottom:70px;
	}
	#cm .cm_navi ul{
		width:430px;
		margin-right:auto;
		margin-left:auto;
	}
	#cm .cm_navi a{
		padding-top:10px;
		padding-bottom:10px;
		padding-right:20px;
	}
	#cm .cm_navi a:after{
		font-size:0.625em;
	}
	#cm .movie{
		width:1000px;
		margin-right:auto;
		margin-left:auto;
	}
	#cm .movie h3{
		margin-bottom:-33px;
	}
	#cm .moviebox{
		padding:80px 102px;
	}
	.movie .textbox{
		margin-right:50px;
		margin-left:50px;
		margin-top:-30px;
	}
	.movie .textbox >p{
		padding:20px;
	}
	.iframewrap iframe{
		width:100%;
		height:450px;
	}
	#new{
		margin-bottom:65px;
	}
	#making{
		margin:95px auto 0;
	}
	.op >div{
		width:320px;
		height:463px;
	}
/*2021.02 Add*/
	#tasteList{
		padding-right:50px;
		padding-left:50px;
		margin-bottom:40px;
	}
	#tasteList dt,.itemtitle{
		font-size:1.8750em;
		background-size:222px auto;
		padding-bottom:10px;
		margin-bottom:20px;
	}
	#info #tasteList dd:not(:last-of-type){
		margin-bottom:30px;
	}
	#info #tasteList dd ul{
		width:500px;
		margin-bottom:0;
	}
	/*20220126追加*/
		#info .section1_2 h2,#info .section3 h2{
		margin-top:-64px;
	}
	/*以上*/
}
/*PC and Tablet
------------------------------------------*/
@media screen and (min-width:751px),print{
	#info .section1 h2{
		background: rgb(240,232,220);
		background: linear-gradient(0deg, rgba(240,232,220,1) 0%, rgba(255,255,255,1) 45%);
	}
	#info .item_info p{
		text-align:center;
	}
	#info .section4 .textbox{
		position: absolute;
	}
	.voice .serif:before{
		top:0;
		bottom:0;
		margin:auto;
	}
	#lineup h2{
		background:url(../image/lineup_tle_bg.jpg) no-repeat;
	}
	.cm_navi a{
		transition:color 0.3s;
	}
	.cm_navi a:hover{
		color:#ffffff;
	}

}
/*Tablet
------------------------------------------*/
@media screen and (min-width:751px) and (max-width:1080px){
	#mv{
		margin-bottom:-3em;
	}
	#mv .mv2{
		width:25em;
		top:9em;
	}
	#info .item_info{
		margin-top:0.6em;
		margin-right:5%;
		margin-left:5%;
	}
	#info .item_info:not(:last-of-type){
		margin-bottom:3em;
	}
	#info .item_info:before{
		height:0.6em;
		top:-0.6em;
	}
	#info .item_info h2,#info ul{
		padding-right:5%;
		padding-left:5%;
	}
	#info >section:not(.voice) li{
		margin-bottom:2em;
		width:31.3%;
	}
	#info .item_info{
		padding-bottom:6em;
	}
	#info p{
		font-size:1.6em;
	}
	#info .section1 h2{
		padding-top:2em;
	}
	#info .section2 h2,#info .section3 h2{
		margin-top:-6.4em;
	}
	#info .section4,#info .s4_cont3{
		border-top-width:0.8em;
	}
	#info .section4{
		margin-bottom:7em;
		border-bottom-width:0.8em;
	}
	#info .section4 h2{
		width:73.3em;
		margin-right:auto;
		margin-left:auto;
	}
	#info .section4 .s4_cont1 >.textbox,#info .section4 .s4_cont2 >.textbox{
		width:43em;
	}
	#info .section4 .s4_cont1 h3,#info .section4 .s4_cont2 h3{
		margin-bottom:1.5em;
	}
	#info .section4 .s4_cont1 >.textbox{
		left:3em;
	}
	#info .section4 .s4_cont2 >.textbox{
		top:4em;
		right:3em;
	}
	#info .section4 .s4_cont3{
		padding-bottom:3em;
	}
	.s4_cont3:before{
		width:12em;
		height:6em;
	}
	#info .section4 .s4_cont3 h3{
		padding-right:3em;
		padding-left:3em;
	}
	#info .section4 .s4_cont3 .textbox{
		top:4em;
		width:100%;
	}
	#info .section4 .s4_cont3 .textbox p{
		width:34.56em;
		margin-left:1.729em;
		margin-top:0.89em;
	}
	.voice{
		padding:8em 0;
	}
	.voice li{
		margin-bottom:5em;
	}
	.voice .image{
		width:20em;
	}
	.voice .serif{
		font-size:1.6em;
		margin-left:2.7814em;
		width:48.675em;
		padding:1.8543em;
	}
	.voice li:nth-of-type(2n) .serif{
		margin-right:2.7814em;
	}
	.voice .serif:before{
		font-size:0.799em;
		width:1.460em;
		height:3.4073em;
	}
	.voice li:not(:nth-of-type(2n)) .serif:before{
		left:-1.460em;
	}
	.voice li:nth-of-type(2n) .serif:before{
		right:-1.460em;
	}
	.voice >p{
		margin-right:5%;
		margin-left:5%;
		margin-top:2%;
	}
	#lineup ul{
		margin-right:10%;
		margin-left:10%;
		padding-top:4em;
	}
	#lineup li{
		width:45%;
		padding-top:3em;
	}
	#lineup li:nth-of-type(2n){
		margin-left:10%;
	}
	#lineup li figcaption{
		font-size:1.5em;
	}
	#cm{
		padding-bottom:10em;
	}
	#cm .cm_navi{
		margin-bottom:7em;
	}
	#cm .cm_navi ul{
		width:50%;
		margin-right:auto;
		margin-left:auto;
		font-size:1.6em;
	}
	#cm .cm_navi a{
		padding-right:2em;
		padding-top:1em;
		padding-bottom:1em;
	}
	#cm .cm_navi a:after{
		font-size:0.9em;
		width:0.6953em;
		height:0.6953em;
	}
	#cm .movie{
		width:90%;
		margin-right:auto;
		margin-left:auto;
	}
	#cm .movie h3{
		margin:0 auto -3.3em;
	}
	#new{
		margin-bottom:6.5em;
	}
	#new h3{
		width:31.6em;
	}
	#web h3{
		width:26em;
	}
	#cm .moviebox{
		padding-top:8em;
		padding-bottom:8em;
		margin-bottom:-3em;
	}
	.iframewrap{
		width:80em;
		height:45em;
	}
	#cm .movie .textbox{
		margin-right:5%;
		margin-left:5%;
	}
	#cm .movie .textbox p{
		font-size:1.6em;
		padding:1.216em;
	}
	#making{
		margin:9.5em 5% 0;
	}
	#making .comingsoon{
		margin-right:5%;
		margin-left:5%;
	}
	.op >div{
		width:32em;
		height:46.3em;
	}
	/*2022/01/26追加*/
		#info .section1_2 h2,#info .section3 h2{
		margin-top:-6.4em;
	}
/*以上*/
		/*2022/0128追加*/
	#info .item_info.item_info2{
	position:relative;
	background:url(../image/info_bg.png) repeat-x center bottom -12em #eee6d8;
}
	/*以上*/
}
/*Tablet and Phone
------------------------------------------*/
@media screen and (max-width:1080px){
	.iframewrap{
		margin:auto;
		position: relative;
	}
	.iframewrap >iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	#tasteList{
		margin-right:5%;
		margin-left:5%;
		margin-bottom:2em;
	}
	#tasteList dt,.itemtitle{
		font-size:3em;
		position:relative;
		z-index: 5;
		background-size:7.4em auto;
		padding-bottom:0.3em;
		margin-bottom:1em;
	}
	#tasteList dd:not(:last-of-type){
		margin-bottom:3em;
	}
	#info #tasteList ul{
		margin-bottom:0;
	}
	#lineup li >figure{
		width:30%;
	}
	#lineup li figcaption{
		bottom:1.000em;
	}
	#lineup ul li figure:first-of-type,#lineup ul li figure:nth-of-type(4n){
		margin-left:0.4em;
	}
	#lineup ul li figure:last-of-type,#lineup ul li figure:nth-of-type(3n){
		margin-right:0.4em;
	}
	
}
/*Phone
------------------------------------------*/
@media screen and (max-width:750px){
	#mv{
		margin-bottom:-2em;
	}
	#mv .mv2{
		width:24.7em;
		top:17.5em;
	}

	#info .item_info,#info .section4{
		margin-right:1em;
		margin-left:1em;
	}
	#info .item_info{
		margin-top:0.6em;
		padding-bottom:6em;
	}
	#info .item_info:not(:last-of-type){
		margin-bottom:2.7em;
	}
	#info .item_info:before{
		top:-0.6em;
		height:0.6em;
	}
	#info .section1 li{
		margin-bottom:1.2em;
		width:31.3%;
	}
	#info .section1 h2,	#info .section1 ul{
		position:relative;
		z-index:5;
	}
	#info .section1{
		padding-top:4.5em;
	}
	#info .section1 ul{
		width:62.6em;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:3.2em;
	}
	#info .section1:after{
		content:"";
		display:block;
		width:100%;
		height:51.2em;
		position: absolute;
		top:0;
		right:0;
		left:0;
		background: rgb(240,232,220);
		background: linear-gradient(0deg, rgba(240,232,220,1) 0%, rgba(255,255,255,1) 30%);
	}
	#info .section2 h2,#info .section3 h2,#info .section1_2 h2{
		margin-top:-2.7em;
	}
	#info .item_info p{
		font-size:2.8em;
		padding-right:0.71429em;
		padding-left:0.71429em;
	}
	#info .section3 ul{
		justify-content: space-around;
	}
	#info .section3 li{
		width:48%;
	}
	#info .section4,#info .s4_cont3{
		border-top-width:0.8em;
	}
	#info .section4{
		margin-bottom:5em;
		border-bottom-width:0.8em;
	}
	#info .section4 h2{
		margin-bottom:5em;
	}
	#info .section4 .textbox{
		margin-right:2em;
		margin-left:2em;
	}
	#info .section4 .textbox p:not(.attention){
		font-size:2.8em;
	}
	#info .section4 .attention{
		font-size:2.2em;
		margin-top:1%;
	}
	#info .section4 >section:not(.s4_cont3) h3{
		width:55.3em;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:5em;
	}
	#info .section4 .s4_cont2{
		padding-top:6em;
	}
	#info .section4 .s4_cont3{
		padding-top:10em;
	}
	#info .section4 .s4_cont3:before{
		width:12em;
		height:6em;
	}
	#info .section4 .s4_cont3 h3{
		margin-bottom:4em;
	}
	.voice{
		padding:5em 1em 3.6em;
	}
	.voice li{
		margin-bottom:3em;
	}
	.voice .image{
		width:20em;
	}
	.voice .serif{
		font-size:3em;
		width:16.5em;
		box-sizing:border-box;
		padding:1.2800em;
		margin-left:0.866em;
		border-radius:1.3755em;
	}
	.voice li:nth-of-type(2n) .serif{
		margin-right:2em;
	}
	.voice .serif:before{
		font-size:1.8em;
		width:0.8960em;
		height:2.0907em;
	}
	.voice li:not(:nth-of-type(2n)) .serif:before{
		left:-0.8960em;
	}
	.voice li:nth-of-type(2n) .serif:before{
		right:-0.8960em;
	}
	.voice >p{
		font-size:2.5em;
	}
	#lineup h2{
		background:url(../image/lineup_tle_phone_bg.jpg) no-repeat center /100% auto;
	}
	#lineup ul{
		width:61.5em;
		margin-right:auto;
		margin-left:auto;
		margin-top:11.7em;
	}
	#lineup li{
		margin-bottom:6em;
	}
	#lineup li figcaption{
		font-size:2.5em;
	}
	#cm{
		padding-bottom:10em;
	}
	#cm .cm_navi{
		padding:0 3em;
	}
	#cm .cm_navi a{
		font-size:2.5em;
		padding:1.1815em 1.1815em 1.1815em 0;
	}
	#cm .cm_navi a:after{
		font-size:calc((1rem + ((1vw - 3.2px) * 3.125)) * 0.5547);
	}
	#cm h3{
		margin-right:auto;
		margin-left:auto;
		margin-bottom:-4em;
	}
	#cm .movie{
		margin-top:5em;
	}
	#new h3,#web h3,#making h3{
		width:31.5em;
	}
	.moviebox{
		padding:10em 0;
		margin-bottom:-3em;
	}
	.movie .textbox{
		font-size:2.8em;
		margin:0 0.8928em;
	}
	.movie .textbox p{
		padding:0.7159em;
	}
	.iframewrap{
		width:72em;
		padding-top:calc((405 / 720)*100%);
		margin:auto;
		overflow:hidden;
	}
	.op >div{
		width:32em;
		height:43.6em;
	}
	#info .item_info.item_info2{
	position:relative;
	background:url(../image/info_bg.png) repeat-x center bottom -14em #eee6d8;
}
}
/*Animation
------------------------------------------------*/
.sc-trigger{
	transition:opacity 1s;
	opacity:0;
}
.sc-trigger.action-left{
	transform: translateX(-100%);
	transition:transform 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
.sc-trigger.action-right{
	transform: translateX(100%);
	transition:transform 0.7s cubic-bezier(0.680, -0.550, 0.265, 1.550);
}
.sc-trigger.actionActive{
	opacity:1;
	transform: translateX(0%);
}
.trigger-child{
	opacity:0;
/*	transition:opacity 0.5s;*/
}/*
.section1 li{
	opacity:0;
}*/
.op{
	position:fixed;
	width:100%;
	height:100%;
	background:rgba(168,131,60,1);
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:999;
}
.op >div{
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
}