@charset "UTF-8";

#yh-wrap {
	position: relative;
	width: 1280px;
	margin: 0 auto;
	z-index: 1;
	}

#yh-wrap .img01 {
	position: absolute;
	top: 605px;
	left: 60px;
	}

#yh-wrap .img02 {
	position: absolute;
	top: 605px;
	left: 999px;
	}

#yh-wrap .img03 {
	position: absolute;
	top: 1070px;
	left: 987px;
	}

#yh-wrap .img04 {
	position: absolute;
	top: 1758px;
	left: 1095px;
	}

#yh-wrap .img05 {
	position: absolute;
	top: 2330px;
	left: -13px;
	}

#yh-wrap .img06 {
	position: absolute;
	top: 3410px;
	left: 1160px;
	}

#yh-wrap .img07 {
	position: absolute;
	top: 4050px;
	left: 32px;
	}

/*-- intro --*/
#yh-intro {
	width: 1280px;
	margin: 103px auto 0;
	}

#yh-intro .photo {
	float: left;
	width: 563px;
	text-align: right;
	}

#yh-intro .text {
	float: right;
	width: 688px;
	}

#yh-intro h2 {
	font-size: 36px;
	line-height: 63px;
	font-weight: bold;
	text-indent: -1rem;
	margin: 22px 0 0 -0.5rem;
	}

#yh-intro p {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 50px;
	}

/*-- feature --*/
#yh-feature {
	width: 1280px;
	margin: 40px auto 0;
	}

#yh-feature h2 {
	font-size: 34px;
	line-height: 63px;
	font-weight: bold;
	text-align: center;
	}

#yh-feature h3 {
	width: 300px;
	font-size: 34px;
	line-height: 54px;
	font-weight: bold;
	text-align: center;
	background: url("../img/ft_h3_line.gif") left bottom no-repeat;
	}

#yh-feature p {
	font-size: 18px;
	line-height: 32px;
	font-weight: bold;
	}

#yh-feature .ft01 {
	position: relative;
	float: left;
	width: 373px;
	height: 340px;
	background: url("../img/ft01_bg.png") left top no-repeat;
	margin: 8px 0 0 50px;
	}

#yh-feature .ft01 h3 {
	color: #009900;
	margin: 50px 0 0 30px;
	}

#yh-feature .ft01 p {
	width: 325px;
	margin: 15px 0 0 35px;
	}

#yh-feature span.sup {
	position: relative;
	font-size: 60%;
	vertical-align: top;
	top: -0.2em;
	}

#yh-feature .ft01 p.small {
	font-size: 13px;
	line-height: 25px;
	margin: 0 0 0 35px;
	}

#yh-feature .img-ft01 {
	position: absolute;
	top: 280px;
	left: 86px;
	}

#yh-feature .ft02 {
	position: relative;
	float: left;
	width: 373px;
	height: 340px;
	background: url("../img/ft02_bg.png") left top no-repeat;
	margin: 58px 0 0 20px;
	}

#yh-feature .ft02 h3 {
	color: #ff6633;
	margin: 50px 0 0 47px;
	}

#yh-feature .ft02 p {
	width: 290px;
	margin: 15px 0 0 53px;
	}

#yh-feature .img-ft02 {
	position: absolute;
	top: 216px;
	left: 174px;
	}

#yh-feature .ft03 {
	position: relative;
	float: left;
	width: 373px;
	height: 343px;
	background: url("../img/ft03_bg.png") left top no-repeat;
	margin: 8px 0 0 20px;
	}

#yh-feature .ft03 h3 {
	color: #ff3333;
	margin: 50px 0 0 44px;
	}

#yh-feature .ft03 p {
	width: 290px;
	margin: 15px 0 0 50px;
	}

#yh-feature .img-ft03 {
	position: absolute;
	top: 246px;
	left: 266px;
	}

/*-- lineup --*/
#yh-lineup {
	width: 1280px;
	margin: 105px auto 0;
	padding-bottom: 98px;
	}

#yh-lineup h2 {
	font-size: 34px;
	line-height: 63px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
	}

#yh-lineup .lineup01 {
	position: relative;
	padding: 65px 0 17px 143px;
	}

#yh-lineup .lu01-wrap {
	width: 994px;
	border-radius: 20px;
	background: url("../img/lineup01_bg.jpg") left top repeat;
	box-shadow: 6px 6px 0 0 rgba(0,0,0,0.3);
	}

#yh-lineup .lu01-ttl {
	position: absolute;
	top: 39px;
	left: 365px;
	}

#yh-lineup .lu01-time {
	position: absolute;
	top: 0;
	left: 870px;
	z-index: 2;
	}

#yh-lineup .lu01-vege {
	position: absolute;
	top: 12px;
	left: 984px;
	}

#yh-lineup .lu01-img {
	position: absolute;
	top: 86px;
	left: 77px;
	}

#yh-lineup .lu01-txt {
	width: 730px;
	margin-left: 230px;
	padding-bottom: 15px;
	}

#yh-lineup .lu01-txt p {
	font-size: 17px;
	line-height: 32px;
	font-weight: bold;
	background: #fff;
	padding: 11px 0 11px 65px;
	}

#yh-lineup .lu01-txt span {
	background: url(../img/lineup01_line.gif) left bottom repeat-x;
	padding-bottom: 3px;
	}

#yh-lineup .lu01-btn-area {
	margin-left: 547px;
	padding-bottom: 15px;
	}

#yh-lineup .lu01-btn {
	float: left;
	margin-right: 20px;
	}

#yh-lineup .lu01-btn img {
	cursor: pointer;
	}

#yh-lineup .lu01-btn-arr {
	float: left;
	}

#yh-lineup .lineup02 {
	position: relative;
	margin-top: 27px;
	padding: 65px 0 17px 143px;
	}

#yh-lineup .lu02-wrap {
	width: 994px;
	border-radius: 20px;
	background: url("../img/lineup02_bg.jpg") left top repeat;
	box-shadow: 6px 6px 0 0 rgba(0,0,0,0.3);
	}

#yh-lineup .lu02-ttl {
	position: absolute;
	top: 39px;
	left: 365px;
	}

#yh-lineup .lu02-time {
	position: absolute;
	top: 0;
	left: 870px;
	z-index: 2;
	}

#yh-lineup .lu02-vege {
	position: absolute;
	top: 12px;
	left: 984px;
	}

#yh-lineup .lu02-img {
	position: absolute;
	top: 86px;
	left: 77px;
	}

#yh-lineup .lu02-txt {
	width: 730px;
	margin-left: 230px;
	padding-bottom: 15px;
	}

#yh-lineup .lu02-txt p {
	font-size: 17px;
	line-height: 32px;
	font-weight: bold;
	background: #fff;
	padding: 11px 0 11px 65px;
	}

#yh-lineup .lu02-txt span {
	background: url(../img/lineup02_line.gif) left bottom repeat-x;
	padding-bottom: 3px;
	}

#yh-lineup .lu02-btn-area {
	margin-left: 547px;
	padding-bottom: 15px;
	}

#yh-lineup .lu02-btn {
	float: left;
	margin-right: 20px;
	}

#yh-lineup .lu02-btn img {
	cursor: pointer;
	}

#yh-lineup .lu02-btn-arr {
	float: left;
	}

#yh-lineup .lineup03 {
	position: relative;
	margin-top: 27px;
	padding: 65px 42px 17px 143px;
	}

#yh-lineup .lu03-wrap {
	width: 994px;
	border-radius: 20px;
	background: url("../img/lineup03_bg.jpg") left top repeat;
	box-shadow: 6px 6px 0 0 rgba(0,0,0,0.3);
	}

#yh-lineup .lu03-ttl {
	position: absolute;
	top: 39px;
	left: 365px;
	}

#yh-lineup .lu03-time {
	position: absolute;
	top: 0;
	left: 870px;
	z-index: 2;
	}

#yh-lineup .lu03-vege {
	position: absolute;
	top: 12px;
	left: 984px;
	}

#yh-lineup .lu03-img {
	position: absolute;
	top: 86px;
	left: 77px;
	}

#yh-lineup .lu03-txt {
	width: 730px;
	margin-left: 230px;
	padding-bottom: 15px;
	}

#yh-lineup .lu03-txt p {
	font-size: 17px;
	line-height: 32px;
	font-weight: bold;
	background: #fff;
	padding: 11px 0 11px 65px;
	}

#yh-lineup .lu03-txt span {
	background: url(../img/lineup03_line.gif) left bottom repeat-x;
	padding-bottom: 3px;
	}

#yh-lineup .lu03-btn-area {
	margin-left: 547px;
	padding-bottom: 15px;
	}

#yh-lineup .lu03-btn {
	float: left;
	margin-right: 20px;
	}

#yh-lineup .lu03-btn img {
	cursor: pointer;
	}

#yh-lineup .lu03-btn-arr {
	float: left;
	}

#yh-lineup .lu03-ico {
	position: absolute;
	top: 77px;
	left: 1092px;
	}

#yh-lineup .lineup04 {
	position: relative;
	margin-top: 27px;
	padding: 65px 0 17px 143px;
	}

#yh-lineup .lu04-wrap {
	width: 994px;
	border-radius: 20px;
	background: url("../img/lineup04_bg.jpg") left top repeat;
	box-shadow: 6px 6px 0 0 rgba(0,0,0,0.3);
	}

#yh-lineup .lu04-ttl {
	position: absolute;
	top: 39px;
	left: 365px;
	}

#yh-lineup .lu04-time {
	position: absolute;
	top: 0;
	left: 870px;
	z-index: 2;
	}

#yh-lineup .lu04-vege {
	position: absolute;
	top: 12px;
	left: 984px;
	}

#yh-lineup .lu04-img {
	position: absolute;
	top: 86px;
	left: 77px;
	}

#yh-lineup .lu04-txt {
	width: 730px;
	margin-left: 230px;
	padding-bottom: 15px;
	}

#yh-lineup .lu04-txt p {
	font-size: 17px;
	line-height: 32px;
	font-weight: bold;
	background: #fff;
	padding: 11px 0 11px 65px;
	}

#yh-lineup .lu04-txt span {
	background: url(../img/lineup04_line.gif) left bottom repeat-x;
	padding-bottom: 3px;
	}

#yh-lineup .lu04-btn-area {
	margin-left: 547px;
	padding-bottom: 15px;
	}

#yh-lineup .lu04-btn {
	float: left;
	margin-right: 20px;
	}

#yh-lineup .lu04-btn img {
	cursor: pointer;
	}

#yh-lineup .lu04-btn-arr {
	float: left;
	}

#yh-lineup .btn {
	width: 256px;
	margin: 80px auto 0;
	}

#yh-lineup a.more {
	position: relative;
	width: 215px;
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #491e14;
	text-decoration: none;
	vertical-align: middle;
	border: 2px solid #491e14;
	border-radius: 10px;
	padding: 15px 0 11px 45px;
	}

#yh-lineup a.more::after {
	position: absolute;
	top: 1px;
	bottom: 0;
	right: 25px;
	margin: auto;
	content: "";
	width: 9px;
	height: 9px;
	border-top: 2px solid #491e14;
	border-right: 2px solid #491e14;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	}

#yh-lineup a.more:hover {
	color: #fff;
	background: #491e14;
	}

#yh-lineup a.more:hover::after {
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	}

/*-- modal --*/
.lock {
	overflow: hidden;
	}

@media all and (-ms-high-contrast: none){
	.modal-content {
		right: 0;
 		left: 0!important;
		margin: 0 auto;
  	}
}

.modal-content {
	position: relative;
	display: none;
	width: 1106px;
	padding-top: 10px;
	}

.modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0,0,0,0.4);
	z-index: 100;
	}

.modal-wrap {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 200;
	}

.modal-close{
	width: 100%;
	display: block;
	text-align: right;
	padding-bottom: 17px;
	}

.modal-close img {
	width: 59px;
	cursor: pointer;
	}

/*-- recipe --*/
.recipe {
	position: relative;
	padding: 74px 0 15px 0;
	}

.lu01-recipe {
	width: 1106px;
	background: #ffa596;
	border-radius: 20px;
	}

.lu02-recipe {
	width: 1106px;
	background: #c1dc32;
	border-radius: 20px;
	}

.lu03-recipe {
	width: 1106px;
	background: #fdd200;
	border-radius: 20px;
	}

.lu04-recipe {
	width: 1106px;
	background: #f5bdc0;
	border-radius: 20px;
	}

.re-catch {
	position: absolute;
	top: 64px;
	left: -20px;
	}

#recipe01 .re-image {
	position: absolute;
	top: 73px;
	left: 235px;
	z-index: 2;
	}

#recipe02 .re-image {
	position: absolute;
	top: 58px;
	left: 241px;
	z-index: 2;
	}

#recipe03 .re-image {
	position: absolute;
	top: 57px;
	left: 230px;
	z-index: 2;
	}

#recipe04 .re-image {
	position: absolute;
	top: 66px;
	left: 235px;
	z-index: 2;
	}

.outline {
	position: relative;
	width: 292px;
	min-height: 258px;
	text-align: center;
	border-radius: 20px;
	background: #fff;
	margin-left: 681px;
	padding: 23px 42px 25px 53px;
	}

.outline ul {
	margin-top: 14px;
	padding-bottom: 34px;
	}

.hd {
	display: inline;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	border-radius: 19px;
	margin: 0 auto;
	padding: 7px 2rem 3px;
	}

#recipe01 .hd {
	background: #ff0000;
	}

#recipe02 .hd {
	background: #00a846;
	}

#recipe03 .hd {
	background: #ff9914;
	}

#recipe04 .hd {
	background: #ff868d;
	}

#recipe02 .re-icon {
	position: absolute;
	top: 145px;
	left: 318px;
	}

#recipe02 .re-icon img {
	width: 52px;
	}

#recipe03 .re-icon {
	position: absolute;
	top: 145px;
	left: 318px;
	}

#recipe03 .re-icon img {
	width: 52px;
	}

.listL {
	float: left;
	width: 60%;
	text-align: left;
	}

#recipe01 .listL em {
	color: #ff0000;
	}

#recipe02 .listL em {
	color: #00a846;
	}

#recipe03 .listL em {
	color: #ff9914;
	}

#recipe04 .listL em {
	color: #ff868d;
	}

.listR {
	float: right;
	width: 40%;
	text-align: right;
	}

.re-ttl {
	position: absolute;
	top: -22px;
	left: 279px;
	}

.re-time {
	position: absolute;
	top: -62px;
	left: 784px;
	}

.re-vege {
	position: absolute;
	top: -50px;
	left: 899px;
	}

.re-point {
	font-size: 17px;
	line-height: 32px;
	font-weight: bold;
	text-align: left;
	margin-top: 14px;
	}

.re-list li {
	font-size: 17px;
	line-height: 32px;
	font-weight: bold;
	}

#recipe01 .re-list li {
	background: url(../img/lineup01_line.gif) left bottom repeat-x;
	}

#recipe01 span {
	background: url(../img/lineup01_line.gif) left bottom repeat-x;
	padding-bottom: 3px;
	}

#recipe02 .re-list li {
	background: url(../img/lineup02_line.gif) left bottom repeat-x;
	}

#recipe02 span {
	background: url(../img/lineup02_line.gif) left bottom repeat-x;
	padding-bottom: 3px;
	}

#recipe03 .re-list li {
	background: url(../img/lineup03_line.gif) left bottom repeat-x;
	}

#recipe03 span {
	background: url(../img/lineup03_line.gif) left bottom repeat-x;
	padding-bottom: 3px;
	}

#recipe04 .re-list li {
	background: url(../img/lineup04_line.gif) left bottom repeat-x;
	}

#recipe04 span {
	background: url(../img/lineup04_line.gif) left bottom repeat-x;
	padding-bottom: 3px;
	}

.three ul {
	margin: 52px 0 0 47px;
	}

.three li {
	position: relative;
	float: left;
	width: 311px;
	min-height: 451px;
	border-radius: 20px;
	background: #fff;
	margin-left: 43px;
	}

.three li:first-child {
	margin-left: 0;
	}

.two ul {
	margin: 52px 0 0 209px;
	}

.two li {
	position: relative;
	float: left;
	width: 311px;
	min-height: 451px;
	border-radius: 20px;
	background: #fff;
	margin-left: 105px;
	}

.two li:first-child {
	margin-left: 0;
	}

.step p {
	font-size: 17px;
	line-height: 32px;
	font-weight: bold;
	padding: 0 23px;
	}

.step-icon {
	position: absolute;
	top: -24px;
	left: -23px;
	}

.fig {
	min-height: 285px;
	}

p.note {
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	margin-top: 16px;
	padding-right: 40px;
	}

.btn-arr {
	text-align: center;
	margin-top: 7px;
	}

/*------------ SP ------------*/
@media screen and (max-width: 640px) {

	#yasaigahaitta .sp-bg {
		background: url("../img/sp/lineup_img01.png") center 517vw no-repeat,
		url("../img/sp/lineup_img02.png") center 685vw no-repeat,
		url("../img/sp/lineup_img03.png") center 841vw no-repeat,
		url("../img/sp/lineup_img04.png") center 1175vw no-repeat;
		background-size: contain;
		}

	/*-- intro --*/
	#yh-intro {
		width: auto;
		background: url("../img/sp/intro_img02.png") left 6px no-repeat;
		background-size: contain;
		margin: 0 auto;
		padding-top: 30px;
		}

	#yh-intro .photo {
		float: none;
		width: auto;
		text-align: center;
		margin-top: 4px;
		}

	#yh-intro .photo img {
		width: 100%;
		}

	#yh-intro .text {
		float: none;
		width: auto;
		}

	#yh-intro h2 {
		font-size: 39px;
		line-height: 63px;
		font-weight: bold;
		text-indent: -1rem;
		margin: 22px 0 0 56px;
		}

	#yh-intro p {
		font-size: 24px;
		line-height: 45px;
		padding: 0 65px 0 64px;
		}

	/*-- feature --*/
	#yh-feature {
		width: auto;
		margin: 50px auto 0;
		}

	#yh-feature h2 {
		font-size: 39px;
		line-height: 63px;
		}

	#yh-feature h3 {
		width: auto;
		font-size: 34px;
		line-height: 54px;
		font-weight: bold;
		text-align: center;
		background: url("../img/sp/ft_h3_line.gif") center bottom no-repeat;
		background-size: contain;
		padding: 35px 0 14px 0;
		}

	#yh-feature p {
		font-size: 24px;
		line-height: 42px;
		padding: 0 120px;
		}

	#yh-feature .ft01 p {
		width: auto;
		margin: 21px 0 0 0;
		}

	#yh-feature .ft01 p.small {
		font-size: 18px;
		margin: 7px 0 0 0;
		}

	#yh-feature .ft02 p {
		width: auto;
		margin: 21px 0 0 0;
		}

	#yh-feature .ft03 p {
		width: auto;
		margin: 21px 0 0 0;
		}

	#yh-feature .ft01 {
		position: relative;
		float: none;
		width: auto;
		min-height: 520px;
		background: url("../img/sp/ft01_bg.png") center top no-repeat;
		background-size: contain;
		margin: 42px 0 0 0;
		}

	#yh-feature .ft02 {
		position: relative;
		float: none;
		width: auto;
		min-height: 420px;
		background: url("../img/sp/ft02_bg.png") center top no-repeat;
		background-size: contain;
		margin: 10px 0 0 0;
		}

	#yh-feature .ft03 {
		position: relative;
		float: none;
		width: auto;
		min-height: 370px;
		background: url("../img/sp/ft03_bg.png") center top no-repeat;
		background-size: contain;
		margin: 10px 0 0 0;
		}

	#yh-feature .ft01 h3 {
		margin: 0;
		}

	#yh-feature .ft02 h3 {
		margin: 0;
		}

	#yh-feature .ft03 h3 {
		margin: 0;
		}

	#yh-feature .img-ft01 {
		position: absolute;
		top: 380px;
		left: 0;
		z-index: 100;
		}

	#yh-feature .img-ft01 img {
		width: 100%;
		}

	#yh-feature .img-ft02 {
		position: absolute;
		top: 230px;
		left: 0;
		z-index: 100;
		}

	#yh-feature .img-ft02 img {
		width: 100%;
		}

	#yh-feature .img-ft03 {
		position: absolute;
		top: 238px;
		left: 0;
		z-index: 100;
		}

	#yh-feature .img-ft03 img {
		width: 100%;
		}

	/*-- lineup --*/
	#yh-lineup {
		width: auto;
		margin: 16px auto 0;
		}

	#yh-lineup h2 {
		font-size: 39px;
		line-height: 63px;
		margin-bottom: 7vw;
		}

	#yh-lineup .lineup01 {
		padding: 5vw 0 0 0;
		}

	#yh-lineup .lu01-wrap {
		width: 87.4vw;
		box-shadow: 0.8vw 0.8vw 0 0 rgba(0,0,0,0.3);
		margin: 0 auto;
		}

	#yh-lineup .lu01-ttl {
		top: 0;
		left: 10.2vw;
		}

	#yh-lineup .lu01-ttl img {
		width: 79.6vw;
		}

	#yh-lineup .lu01-time {
		top: -3.86vw;
		left: 80.26vw;
		z-index: 2;
		}

	#yh-lineup .lu01-time img {
		width: 16vw;
		}

	#yh-lineup .lu01-vege {
		top: 15.07vw;
		left: 80.8vw;
		}

	#yh-lineup .lu01-vege img {
		width: 15.2vw;
		}

	#yh-lineup .lu01-img {
		top: 13.46vw;
		left: 2.53vw;
		z-index: 2;
		}

	#yh-lineup .lu01-img img {
		width: 42.4vw;
		}

	#yh-lineup .lu01-img2 {
		margin: 0 auto;
		padding-top: 15.4vw;
		}

	#yh-lineup .lu01-img2 img {
		width: 87.4vw;
		}

	#yh-lineup .lu01-txt {
		width: 81vw;
		margin: 2.1vw auto 0;
		padding-bottom: 4vw;
		}

	#yh-lineup .lu01-txt p {
		font-size: 23px;
		line-height: 50px;
		padding: 2.4vw 4.4vw;
		}

	#yh-lineup .lu01-txt span {
		background: url(../img/lineup01_line.gif) left bottom repeat-x;
		padding-bottom: 1.3vw;
		}

	#yh-lineup .lu01-btn {
		margin: 0;
		padding-bottom: 3vw;
		}

	#yh-lineup .lu01-btn-area {
		margin-left: 3vw;
		padding-bottom: 3vw;
		}

	#yh-lineup .lu01-btn {
		float: left;
		margin-right: 2.66vw;
		}

	#yh-lineup .lu01-btn img {
		width: 32.66vw;
		}

	#yh-lineup .lu01-btn-arr {
		float: left;
		}

	#yh-lineup .lu01-btn-arr img {
		width: 46vw;
		}

	#yh-lineup .lineup02 {
		margin-top: 17.33vw;
		padding: 5vw 0 0 0;
		}

	#yh-lineup .lu02-wrap {
		width: 87.4vw;
		box-shadow: 0.8vw 0.8vw 0 0 rgba(0,0,0,0.3);
		margin: 0 auto;
		}

	#yh-lineup .lu02-ttl {
		top: 0;
		left: 10.2vw;
		}

	#yh-lineup .lu02-ttl img {
		width: 79.6vw;
		}

	#yh-lineup .lu02-time {
		top: -3.86vw;
		left: 80.26vw;
		z-index: 2;
		}

	#yh-lineup .lu02-time img {
		width: 16vw;
		}

	#yh-lineup .lu02-vege {
		top: 15.07vw;
		left: 80.8vw;
		}

	#yh-lineup .lu02-vege img {
		width: 15.2vw;
		}

	#yh-lineup .lu02-img {
		top: 13.46vw;
		left: 2.53vw;
		z-index: 2;
		}

	#yh-lineup .lu02-img img {
		width: 42.4vw;
		}

	#yh-lineup .lu02-img2 {
		margin: 0 auto;
		padding-top: 15.4vw;
		}

	#yh-lineup .lu02-img2 img {
		width: 87.4vw;
		}

	#yh-lineup .lu02-txt {
		width: 81vw;
		margin: 2.1vw auto 0;
		padding-bottom: 4vw;
		}

	#yh-lineup .lu02-txt p {
		font-size: 23px;
		line-height: 50px;
		padding: 2.4vw 4.4vw;
		}

	#yh-lineup .lu02-txt span {
		background: url(../img/lineup02_line.gif) left bottom repeat-x;
		padding-bottom: 1.3vw;
		}

	#yh-lineup .lu02-btn {
		margin: 0;
		padding-bottom: 3vw;
		}

	#yh-lineup .lu02-btn-area {
		margin-left: 3vw;
		padding-bottom: 3vw;
		}

	#yh-lineup .lu02-btn {
		float: left;
		margin-right: 2.66vw;
		}

	#yh-lineup .lu02-btn img {
		width: 32.66vw;
		}

	#yh-lineup .lu02-btn-arr {
		float: left;
		}

	#yh-lineup .lu02-btn-arr img {
		width: 46vw;
		}

	#yh-lineup .lineup03 {
		margin-top: 17.33vw;
		padding: 5vw 0 0 0;
		}

	#yh-lineup .lu03-wrap {
		width: 87.4vw;
		box-shadow: 0.8vw 0.8vw 0 0 rgba(0,0,0,0.3);
		margin: 0 auto;
		}

	#yh-lineup .lu03-ttl {
		top: 0;
		left: 10.2vw;
		}

	#yh-lineup .lu03-ttl img {
		width: 79.6vw;
		}

	#yh-lineup .lu03-time {
		top: -3.86vw;
		left: 80.26vw;
		z-index: 2;
		}

	#yh-lineup .lu03-time img {
		width: 16vw;
		}

	#yh-lineup .lu03-vege {
		top: 15.07vw;
		left: 80.8vw;
		}

	#yh-lineup .lu03-vege img {
		width: 15.2vw;
		}

	#yh-lineup .lu03-img {
		top: 13.46vw;
		left: 2.53vw;
		z-index: 2;
		}

	#yh-lineup .lu03-img img {
		width: 42.4vw;
		}

	#yh-lineup .lu03-img2 {
		margin: 0 auto;
		padding-top: 15.4vw;
		}

	#yh-lineup .lu03-img2 img {
		width: 87.4vw;
		}

	#yh-lineup .lu03-txt {
		width: 81vw;
		margin: 2.1vw auto 0;
		padding-bottom: 4vw;
		}

	#yh-lineup .lu03-txt p {
		font-size: 23px;
		line-height: 50px;
		padding: 2.4vw 4.4vw;
		}

	#yh-lineup .lu03-txt span {
		background: url(../img/lineup03_line.gif) left bottom repeat-x;
		padding-bottom: 1.3vw;
		}

	#yh-lineup .lu03-btn {
		margin: 0;
		padding-bottom: 3vw;
		}

	#yh-lineup .lu03-btn-area {
		margin-left: 3vw;
		padding-bottom: 3vw;
		}

	#yh-lineup .lu03-btn {
		float: left;
		margin-right: 2.66vw;
		}

	#yh-lineup .lu03-btn img {
		width: 32.66vw;
		}

	#yh-lineup .lu03-btn-arr {
		float: left;
		}

	#yh-lineup .lu03-btn-arr img {
		width: 46vw;
		}

	#yh-lineup .lineup04 {
		margin-top: 17.33vw;
		padding: 5vw 0 0 0;
		}

	#yh-lineup .lu04-wrap {
		width: 87.4vw;
		box-shadow: 0.8vw 0.8vw 0 0 rgba(0,0,0,0.3);
		margin: 0 auto;
		}

	#yh-lineup .lu04-ttl {
		top: 0;
		left: 10.2vw;
		}

	#yh-lineup .lu04-ttl img {
		width: 79.6vw;
		}

	#yh-lineup .lu04-time {
		top: -3.86vw;
		left: 80.26vw;
		z-index: 2;
		}

	#yh-lineup .lu04-time img {
		width: 16vw;
		}

	#yh-lineup .lu04-vege {
		top: 15.07vw;
		left: 80.8vw;
		}

	#yh-lineup .lu04-vege img {
		width: 15.2vw;
		}

	#yh-lineup .lu04-img {
		top: 13.46vw;
		left: 2.53vw;
		z-index: 2;
		}

	#yh-lineup .lu04-img img {
		width: 42.4vw;
		}

	#yh-lineup .lu04-img2 {
		margin: 0 auto;
		padding-top: 15.4vw;
		}

	#yh-lineup .lu04-img2 img {
		width: 87.4vw;
		}

	#yh-lineup .lu04-txt {
		width: 81vw;
		margin: 2.1vw auto 0;
		padding-bottom: 4vw;
		}

	#yh-lineup .lu04-txt p {
		font-size: 23px;
		line-height: 50px;
		padding: 2.4vw 4.4vw;
		}

	#yh-lineup .lu04-txt span {
		background: url(../img/lineup04_line.gif) left bottom repeat-x;
		padding-bottom: 1.3vw;
		}

	#yh-lineup .lu04-btn {
		margin: 0;
		padding-bottom: 3vw;
		}

	#yh-lineup .lu04-btn-area {
		margin-left: 3vw;
		padding-bottom: 3vw;
		}

	#yh-lineup .lu04-btn {
		float: left;
		margin-right: 2.66vw;
		}

	#yh-lineup .lu04-btn img {
		width: 32.66vw;
		}

	#yh-lineup .lu04-btn-arr {
		float: left;
		}

	#yh-lineup .lu04-btn-arr img {
		width: 46vw;
		}

	#yh-lineup .btn {
		width: auto;
		margin: 58px 115px 0 115px;
		}

	#yh-lineup a.more {
		width: 100%;
		display: block;
		font-size: 30px;
		padding: 18px 0 14px 68px;
		}

	#yh-lineup a.more::after {
		right: 50px;
		width: 14px;
		height: 14px;
		border-top: 3px solid #491e14;
		border-right: 3px solid #491e14;
		}

	#yh-lineup a.more:hover {
		color: #491e14;
		background: none;
		}

	#yh-lineup a.more:hover::after {
		border-top: 2px solid #491e14;
		border-right: 2px solid #491e14;
		}

	/*-- modal --*/
	.modal-content {
		width: 87.4vw;
		padding: 1vw 0;
		}

	.modal-close{
		padding-bottom: 5.3vw;
		}

	.modal-close img {
		width: 14.9vw;
		}

	/*-- recipe --*/
	.recipe {
		padding: 2.9vw 0 4vw 0;
		}

	.lu01-recipe {
		width: 87.4vw;
		}

	.lu02-recipe {
		width: 87.4vw;
		}

	.lu03-recipe {
		width: 87.4vw;
		}

	.lu04-recipe {
		width: 87.4vw;
		}

	.re-catch {
		top: 12.6vw;
		left: -2.4vw;
		}

	.re-catch img {
		width: 39.6vw;
		}

	#recipe01 .re-image {
		top: 8.6vw;
		left: 34.5vw;
		}

	#recipe01 .re-image img {
		width: 52.2vw;
		}

	#recipe02 .re-image {
		top: 8vw;
		left: 36vw;
		}

	#recipe02 .re-image img {
		width: 50.6vw;
		}

	#recipe03 .re-image {
		top: 8vw;
		left: 34.8vw;
		}

	#recipe03 .re-image img {
		width: 52vw;
		}

	#recipe04 .re-image {
		top: 7.7vw;
		left: 34.4vw;
		}

	#recipe04 .re-image img {
		width: 52.2vw;
		}

	.outline {
		width: 77.8vw;
		min-height: auto;
		margin: 48.6vw auto 0;
		padding: 3.6vw 4.8vw 4.7vw 5.3vw;
		}

	.outline ul {
		margin-top: 1.8vw;
		padding-bottom: 4.5vw;
		}

	.hd {
		font-size: 23px;
		border-radius: 22px;
		padding: 7px 2rem 5px;
		}

	#recipe02 .re-icon {
		top: 26vw;
		left: 64.2vw;
		}

	#recipe02 .re-icon img {
		width: 8.9vw;
		}

	#recipe03 .re-icon {
		top: 26vw;
		left: 64.2vw;
		}

	#recipe03 .re-icon img {
		width: 8.9vw;
		}

	.re-ttl {
		top: -2.9vw;
		left: 3.8vw;
		}

	.re-ttl img {
		width: 79.6vw;
		}

	.re-time {
		top: 34.2vw;
		left: 5vw;
		}

	.re-time img {
		width: 14.4vw;
		}

	.re-vege {
		top: 34.8vw;
		left: 20.5vw;
		}

	.re-vege img {
		width: 14.8vw;
		}

	.re-point {
		font-size: 23px;
		line-height: 40px;
		margin-top: 1.8vw;
		}

	.re-list li {
		font-size: 23px;
		line-height: 40px;
		}

	#recipe01 .re-list li {
		background: url(../img/lineup01_line.gif) left bottom repeat-x;
		}

	#recipe01 span {
		background: url(../img/lineup01_line.gif) left bottom repeat-x;
		padding-bottom: 1.3vw;
		}

	#recipe02 .re-list li {
		background: url(../img/lineup02_line.gif) left bottom repeat-x;
		}

	#recipe02 span {
		background: url(../img/lineup02_line.gif) left bottom repeat-x;
		padding-bottom: 1.3vw;
		}

	#recipe03 .re-list li {
		background: url(../img/lineup03_line.gif) left bottom repeat-x;
		}

	#recipe03 span {
		background: url(../img/lineup03_line.gif) left bottom repeat-x;
		padding-bottom: 1.3vw;
		}

	#recipe04 .re-list li {
		background: url(../img/lineup04_line.gif) left bottom repeat-x;
		}

	#recipe04 span {
		background: url(../img/lineup04_line.gif) left bottom repeat-x;
		padding-bottom: 1.3vw;
		}

	.three ul {
		width: 77.8vw;
		margin: 6.6vw auto 0;
		}

	.three li {
		float: none;
		width: 100%;
		min-height: auto;
		margin: 5.7vw auto 0;
		}

	.three li:first-child {
		margin-top: 0;
		}

	.two ul {
		width: 77.8vw;
		margin: 6.6vw auto 0;
		}

	.two li {
		float: none;
		width: 100%;
		min-height: auto;
		margin: 5.7vw auto 0;
		}

	.two li:first-child {
		margin-top: 0;
		}

	.step p {
		float: right;
		width: 41vw;
		font-size: 23px;
		line-height: 40px;
		padding: 6vw 4.5vw 4vw 0;
		}

	.step-icon {
		top: -3.2vw;
		left: -1.7vw;
		}

	.step-icon img {
		width: 12vw;
		}

	.fig {
		float: left;
		min-height: auto;
		padding-bottom: 7vw;
		}

	.fig img {
		width: 36.8vw;
		}

	p.note {
		font-size: 16px;
		margin-top: 2.2vw;
		padding-right: 4.2vw;
		}

	.btn-arr {
		margin-top: 4vw
		}

	.btn-arr img {
		width: 46vw;
		margin: 0 auto;
		}

}