/* ---------  coupon ------------ */



.coupon_head {

	width:90%;

	max-width:1000px;

	margin:60px auto 40px auto;

}



.coupon_head p {

	margin:0 20px;

	line-height:1.8em;

}



.coupon_head p:nth-of-type(1) {

	width:40%;

	min-width:224px;

	text-align:center;

}



#lunch {

	background:#ebdbc6;

	padding:60px 20px 80px 20px;

}



#dinner {

	padding:60px 20px 80px 20px;

	margin-bottom:40px;

}



#lunch h1,

#dinner h1 {

	text-align:center;

}



#lunch h1 span,

#dinner h1 span {

	display:block;

	text-align:center;

	margin:1em auto 2em auto;

}



#lunch .d_flex,

#dinner .d_flex {

	max-width:1000px;

	margin:0 auto;

	align-items:center;

}



#dinner .d_flex {

	flex-direction: row-reverse;

}



#lunch .coupon_txt {

	margin:0 0px 0 40px;

}



#dinner .coupon_txt {

	margin:0 40px 0 0px;

}



#lunch .btn {

	background:#fff;

	position:relative;

	overflow:hidden;

	border:1px solid #ddd;

}



#lunch .d_flex .coupon_txt .btn,

#dinner .d_flex .coupon_txt .btn {

	margin:2em auto;

}



#lunch .btn a::before {

	display:none;

}



@media screen and (min-width:769px){



#lunch .btn::before {

  position: absolute;

  top: -2px;

  left: 0;

  z-index: 0;

  content: '';

  background:#b8860b;

/*  background: #5d0c0c; */

/*  background: #f31717; */

  transform-origin: right top;

  transform: skewX(0deg) scale(0, 1);

  transition: transform .4s;

	width:130%;

	height:110%;

}





#lunch .btn:hover::before {

	transform-origin:left top;

	transform: skewX(0deg) scale(1,1);

}



}



#lunch h2,

#dinner h2 {

	font-size:172%;

	margin-bottom:1em;

	margin-left:-0.2em;

}



#dinner h2 a {

	font-size:100%;

	text-decoration: underline;

	transition:opacity .3s;

}



#dinner h2 a:hover {

	opacity:0.5;

}



.coupon_txt {

	width:45%;

}



.coupon_txt p span {

	font-size:86%;

}



#lunch .d_flex p,

#dinner .d_flex p {

	overflow:hidden;

}

#lunch .d_flex p img,

#dinner .d_flex p img {

	transition:all .4s;

}



#lunch .d_flex p img:hover,

#dinner .d_flex p img:hover {

	transform:scale(1.1);

}

/* ---------  coupon  fin ------------ */



/* ---------  ver.SmartPhone ------------ */



@media screen and (max-width:768px){



.coupon_head {

	flex-wrap:wrap;

	-webkit-flex-wrap: wrap;

	margin:0px auto 40px auto;

}



.coupon_head p:nth-of-type(1),

.coupon_txt {

	width:100%;

}



.coupon_head p:nth-of-type(1) {

	margin-bottom:20px;

}



#lunch .d_flex,

#dinner .d_flex {

	flex-wrap:wrap;

	-webkit-flex-wrap: wrap;

	-webkit-flex-direction: column-reverse;

    flex-direction: column-reverse;

}



#lunch .coupon_txt,

#dinner .coupon_txt {

	margin:0;

}



#lunch h2,

#dinner h2 {

	font-size:143%;

	margin-left:0;

	letter-spacing:0;

}



#lunch .btn,

#dinner .btn {

	background:#b8860b;

}



#lunch .btn a,

#dinner .btn a {

	color:#fff;

}



}



/* ---------  ver.SmartPhone fin ------------ */