@charset "utf-8";

/*	gourmet
------------------------------------------*/

.flex2 > div{
	position:relative;
}
	.flex2 > div{
		width:49%;
	}
	.flex2_6-4{
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
	}
	.flex2_6-4 > div{
		width: 60%;
	}
	.flex2_6-4 > div:nth-of-type(2){
		width: 40%;
		align-items:flex-start;
		padding:.7rem;
		border-top:4px solid rgb(255,119,48);
	}
@media(max-width: 767px){
	.flex2_6-4{
		display:block;
	}
	.flex2_6-4 > div{
		width: 100%;
	}
	.flex2_6-4 > div:nth-of-type(2){
		width: 100%;
		padding:.7rem .2rem 0;
	}
	.img_pakkun-gaikan{
		width:100% !important;
	}
}



.d_openfin{
	position:relative;
}
.d_openfin::after{
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.7) url(/img/m_openfin.png) no-repeat center center;
	z-index:1;
}

.img_fin{
	position:relative;
}
.img_fin::after,
.img_fin_gentei::after{
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.7) url(/img/m_fin.png) no-repeat center center;
	background-size:contain;
	z-index:1;
}
.img_fin_gentei::after{
	background:rgba(255,255,255,.7) url(/img/m_fin_kikangentei.webp) no-repeat center center;
}

.btn_detail{
	text-align:right;
}

.ttl_label_orange{
	color: #fff;
	background: rgb(255,119,48);
	border-radius: 3px;
	padding: .5em 1em .6rem;
	line-height:1.2;
	margin:0 0 1.5rem;
}
	.ttl_label_orange b{
		margin-left: .3em;
		font-size: 1.3em;
		position: relative;
		top: 1px;
	}
	.ttl_label_orange span{
		float: right;
		font-weight: normal;
		font-size: .9em;
		position: relative;
		top: .4em;
	}
	.ttl_label_orange span:after{
		content: "";
		display: table;
		clear: both;
	}

.txt_menu ul:after{
	content: "";
	display: table;
	clear: both;
}
	.txt_menu ul li{
		float:left;
		width:47%;
		color:rgb(255,119,48);
		font-size: 1rem;
		font-weight:bold;
		line-height: 1.3;
		padding:0 0 .3rem;
		margin:0 3% .5rem 0;
		border-bottom:1px solid rgba(0,0,0,.2);
	}
	.txt_menu ul li:nth-child(2){
		margin:0 0 .5rem 0;
	}
	.txt_menu ul li span {
		font-weight: normal;
	}

#roses .clm3_item:nth-child(3){
	position:relative;
	height:100%;
}
	#roses .clm3_item:nth-child(3) dl{
		display:table;
		height:100%;
	}
	#roses .clm3_item:nth-child(3) dl dt{
		display:table-cell;
		vertical-align:middle;
		height:100%;
	}

.overlay_img {
	margin: 0 auto;
	display: block;
	width: 96%;
}
.overlay_img img{
	float: left;
	width:50%;
	margin:0;
}




@media(max-width: 600px){
	.ttl_label_orange span{
		display:block;
		float: none;
		top: 0;
	}
	
	.clm2_item{
		float:none;
		width:92%;
		margin:0 auto 1.5rem;
	}
	.clm2_item .clm2_item{
		width:100%;
	}
	
	.clm3_item,
	.clm3_item:nth-child(3){
		float:none;
		width:92%;
		margin:0 auto 1.5rem;
	}
	
	img.overlay_img {
		width:96%;
	}
	#gourmet .thumb-nav li a span:nth-child(2) {
		font-size: .8em;
	}
}
@media(max-width: 450px){
	.txt_menu ul li,
	.txt_menu ul li:nth-child(2){
		float:none;
		width:92%;
		margin:1rem auto .5rem;
	}
}


.i_new{
	position:absolute;
	display:block;
	left:-15px;
	top:-15px;
	width:45px;
	height:45px;
	padding-top:13px;
	text-align:center;
	color:#fff;
	font-size:11px;
	font-weight:bold;
	background-color:tomato;
	border-radius:30px;
	box-shadow:3px 3px 3px rgba(0,0,0,.7);
	z-index:1;
}



/*	acordion
------------------------------------------*/

.d_bbqp{
	width:min(95%,700px);
	margin:0 auto 3rem;
}
	.d_bbqp h3{
		width:min(90%,360px);
		margin:0 auto 2rem;
		cursor:pointer;
		transform-origin: center;
		transition:.3s;
	}
	.d_bbqp h3:hover{
		transform:scale(.97);
	}

	.wrap_bbqp{
		position:relative;
		display:none;
		padding:2rem 1.3rem;
		background:#fdf8e9;
		border:2px solid #ff7630;
		border-radius: 1rem;
	}
	.wrap_bbqp .i_close{
		position:absolute;
		right:-9px;
		top:-13px;
		display:block;
		width:40px;
		height:40px;
		opacity:0;
		cursor:pointer;
		z-index: 1;
		transition:.8s;
	}
	.wrap_bbqp .i_close._on{
		right:-9px;
		top:-13px;
		opacity:1;
	}
	
	.d_bbqp dl{
		display:flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		align-self: center;
		margin:0 auto 2rem;
	}
	.d_bbqp dl dt{
		width:min(18%,120px);
	}
	.d_bbqp dl dd{
		width:82%;
		padding:1rem 0 0 2rem;
		font-size:1.1rem;
		font-weight:bold;
		line-height: 1.3;
	}
	.d_bbqp dl dd span{
		font-size:.8rem;
	}

@media(max-width: 441px){
	.d_bbqp dl{
		display:block;
	}
	.d_bbqp dl dt{
		width:100%;
	}
	.d_bbqp dl dt img{
		width:min(40%,150px);
		margin:0 auto 1rem;
	}
	.d_bbqp dl dd{
		width:100%;
		padding:0;
	}
}

	.m_bbqflow{
		text-align: center;
		color:rgb(42,156,128);
		font-size:3vh;
		font-weight: bold;
		line-height:1.2;
		margin:0 0 2rem;
	}
	.bqf_item{
		display:flex;
		flex-flow: row nowrap;
		justify-content: space-between;
		margin:0 auto 2rem;
		background-repeat: no-repeat;
	}
	.bqf_item > div.txt{
		position:relative;
		width:75%;
		white-space: normal;
		padding:0 3% 1rem 100px;
	}
	.bqf_item > div.img{
		width:25%;
	}
	.bqf_item span{
		font-size:.8rem;
	}
	.bqf_num{
		position:absolute;
		display:block;
		left:0;
		top:0;
		width:80px;
	}
@media(max-width: 559px){
	.bqf_item{
		display:block;
	}
	.bqf_item > div.txt{
		width:100%;
		white-space: normal;
		padding:0 0 1rem 100px;
	}
	.bqf_item > div.img{
		width:50%;
		margin:auto;
	}
}
	
	.bqf_party{
		padding:1.3rem 1.3rem;
		background:#fff;
		border-radius: 1rem;
	}
	.m_party{
		text-align: center;
		color:rgb(42,156,128);
		font-size:3vh;
		font-weight: bold;
		line-height:1.2;
		margin:0 0 1rem;
	}
	.m_party span{
		display:block;
		font-size:1rem;
		margin:.5rem 0 0;
	}
	.bqf_party li{
		font-size: .95rem;
		line-height: 1.5;
	}
	
	.m_menrui{
		display:block;
		color:rgb(42,156,128);
		font-size:1.2rem;
		font-weight:bold;
	}