@charset 'UTF-8';

img {
	vertical-align: bottom;
}

.main {
	background: url(../img/common/bg.png) repeat left top;
}

.main--w {
	position: relative;

	background-repeat: repeat;
	background-position: top center;
}

.main--w::before {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;

	width: 100%;

	content: '';

	background-repeat: repeat-x;
	background-position: center top;
}

.main--w__inner {
	position: relative;
	z-index: 2;
}
.main *,
.main--w * {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.mv--w {
	position: relative;
	z-index: 2;

	overflow: hidden;
}

.mv,
.mv--recipe,
.mv--thanks {
	position: relative;

	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	        background-size: cover;
}

.mv::before,
.mv--recipe::before,
.mv--thanks::before {
	display: block;

	content: '';
}

.mv__catch,
.mv--recipe__catch,
.mv--thanks__catch {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	margin: auto;

	justify-content: center;
	-ms-align-items: center;
	    align-items: center;
}

.mv__img {
	width: 100%;
}
.lpnav {
	background-color: #194446;
}

.lpnav__list {
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	-ms-align-items: center;
	    align-items: center;
}

.lpnav__item {
	height: 100%;
}

.lpnav__link {
	font-weight: bold;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	height: 100%;

	color: #fff !important;

	-ms-align-items: center;
	    align-items: center;
	justify-content: center;
}

.lpbody--other {
	padding-top: 10px;

	background: url(../img/common/recipe_bg_top.png) repeat-x left top;
}

.lpbody__inner {
	background-color: #fff;
}

.lpbody--other__inner {
	background: url(../img/common/recipe_bg.png) repeat left top;
}

.items__img {
	width: 100%;
}

.items__name {
	font-size: 18px;
	font-weight: bold;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
	        flex-direction: column;

	height: 80px;

	color: #b08838;

	-webkit-flex-direction: column;
	   -moz-flex-direction: column;
	    -ms-flex-direction: column;
	     -o-flex-direction: column;
	-ms-align-items: center;
	    align-items: center;
	justify-content: center;
}

.items__name--mini {
	font-size: 16px;
}

.items__desc {
	font-size: 16px;
	line-height: 28px;

	margin-bottom: 15px;
}

.items__capa {
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;

	padding: 10px 15px;

	border-radius: 5px;
	background-color: #f3f3f3;
}

.wchance__txt {
	font-weight: bold;
}

.app__lead {
	line-height: 2;

	margin-bottom: 30px;
}

.app__banner {
	display: block;
}

.app__banner img {
	width: 100%;
}

.box {
	position: relative;

	border-radius: 5px;
	background-color: #f9f5ee;
}

.box__title {
	font-weight: bold;
	line-height: 1;

	position: absolute;
	top: -14px;
	left: 50%;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	width: 135px;
	height: 28px;
	margin-left: -67.5px;

	color: #fff;
	border-radius: 14px;
	background-color: #d39324;

	justify-content: center;
	-ms-align-items: center;
	    align-items: center;
}

.box__txt {
	line-height: 2;
}

.box__txt--bold {
	font-weight: bold;

	text-align: center;
}

.box__txt--center {
	line-height: 2;
}

.box__note {
	line-height: 2;

	margin-bottom: 5px;
}

.box__period {
	font-weight: bold;
	line-height: 2;

	text-align: center;

	color: #d39324;
}

.box--intro {
	border-radius: 5px;
	background-color: rgba(255,255,255,.5);
}

.quiz__box {
	border-radius: 5px;
	background-color: #f9f5ee;
}

.question {
	font-weight: bold;

	color: #d39324;
	background-image: url(../img/top/quiz_ico00.png);
	background-repeat: no-repeat;
	-webkit-background-size: 23px;
	        background-size: 23px;
}

.answer {
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: space-between;
}

.answer__item {
	font-weight: bold;

	background-repeat: no-repeat;
	background-position: left center;
}

.answer__no01 {
	background-image: url(../img/top/quiz_ico01.png);
}

.answer__no02 {
	background-image: url(../img/top/quiz_ico02.png);
}

.answer__no03 {
	background-image: url(../img/top/quiz_ico03.png);
}

.movie__inner {
	position: relative;

	margin-bottom: 10px;
}

.movie__inner::before {
	position: relative;
	z-index: 1;

	display: block;

	padding-top: 56.25%;

	content: '';
}

.movie__caption {
	font-size: 12px;

	text-align: center;
}

.movie__link {
	text-decoration: underline !important;

	color: inherit !important;
}

.movie__link:hover {
	text-decoration: none !important;
}

.movie iframe,
.movie img {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;

	width: 100% !important;
	height: 100% !important;
}

.quiz__btn,
.print__btn,
.thanks__btn_01 {
	font-weight: bold;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	text-align: center;

	color: #fff !important;
	border-radius: 3px;

	-ms-align-items: center;
	    align-items: center;
	justify-content: center;
}

.quiz__btn:hover,
.thanks__btn_01:hover {
	text-decoration: none;
}

.quiz__btn {
	position: relative;

	background-color: rgb(171, 4, 4);
	box-shadow: 0 6px 0 0 rgba(115, 2, 2,1);
}

.quiz__btn::before {
	position: absolute;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;

	background-color: rgba(255,255,255,.3);
}

.quiz__btn:hover::before {
	content: '';
}

.thanks__btn_01,
.print__btn {
	background-color: rgb(231, 117, 42);
	box-shadow: 0 6px 0 0 rgba(182, 102, 30,1);
}

.print__btn {
	font-size: 18px;
	font-size: 1.8rem;

	border-radius: 3px;
}

.thanks__btn_01:hover,
.print__btn:hover {
	background-color: #ff7a21 !important;
}

.print__btn:hover {
	text-decoration: none !important;
}

.thanks__btn_02 {
	font-weight: bold;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	height: 40px;

	color: #e7752a !important;
	border: 1px solid #e7752a !important;
	border-radius: 20px;

	-ms-align-items: center;
	    align-items: center;
	justify-content: center;
}

.thanks__btn_02:hover {
	text-decoration: none !important;

	color: #fff !important;
	background-color: #e7752a !important;
}

.thanks__btn_inner,
.print__btn_inner {
	position: relative;
}

.print__btn_inner::before {
	position: relative;
	top: 1px;

	display: inline-block;

	width: 26px;
	height: 26px;
	margin-right: 10px;

	content: '';

	background: url('../img/common/icon_print.png');
	background-repeat: no-repeat;
	background-position: 0;
	-webkit-background-size: 26px;
	        background-size: 26px;
}

.thanks__btn_inner::after {
	position: absolute;
	top: 50%;
	right: -15px;

	width: 11px;
	height: 10px;
	margin-top: -5.5px;

	content: '';

	background-repeat: no-repeat;
	background-position: 0;
	-webkit-background-size: 11px 10px;
	        background-size: 11px 10px;
}

.thanks__btn_01 .thanks__btn_inner::after {
	background: url('../img/common/icon_blank_wh.gif');
}

.thanks__btn_02 .thanks__btn_inner::after {
	background: url('../img/common/icon_blank.gif');
}

.summary_wrap {
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	-webkit-flex-wrap: wrap;
	   -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	     -o-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.summary {
	overflow: hidden;

	border-radius: 6px;
	background-color: #b85656;
}

.summary__link {
	font-weight: bold;

	position: relative;

	display: block;

	color: #fff !important;
}

.summary__link:hover {
	text-decoration: none;
}

.summary__thumb {
	position: relative;

	overflow: hidden;
}

.summary__img {
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	width: 100%;
	margin: auto;
}

.summary__name {
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: center;
	-ms-align-items: center;
	    align-items: center;
}

.trailer__item img {
	width: 100%;
}

.contact {
	font-size: 14px;

	text-align: center;
}

.contact__link {
	text-decoration: underline !important;

	color: inherit !important;
}

.contact__link:hover {
	text-decoration: none !important;

	color: inherit !important;
}

.intro__title {
	text-align: center;
}

.intro__title img {
	width: 100%;
}

.lp-footer {
	background-color: #ece7db;
}

.lp-footer__img {
	width: 100%;
}

.fnav {
	border-width: 0;
}

.fnav__img {
	border: 1px solid #dadada;
}

.fnav__link {
	color: #333 !important;
}

.fnav__txt {
	line-height: 1.8;
}

.backtop {
	text-align: center;
}

.backtop__link {
	font-weight: bold;

	color: inherit !important;
}

.recipe__title {
	font-weight: bold;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
	        flex-direction: column;

	text-align: center;

	color: #d39324;

	justify-content: center;
	-ms-align-items: center;
	    align-items: center;
	-webkit-flex-direction: column;
	   -moz-flex-direction: column;
	    -ms-flex-direction: column;
	     -o-flex-direction: column;
}

.recipe__img {
	width: 100%;

	border-radius: 10px;
}

.point__title,
.ingredients__title,
.making__title {
	font-weight: bold;

	color: #b08838;
	background-repeat: no-repeat;
	background-position: left center;
}

.point__title {
	min-height: 28px;

	background-image: url(../img/recipe/ico_01.png);
	-webkit-background-size: 28px;
	        background-size: 28px;
}

.ingredients__title {
	min-height: 32px;
	padding-left: 40px;

	background-image: url(../img/recipe/ico_02.png);
	-webkit-background-size: 30px;
	        background-size: 32px;
}

.making__title {
	background-image: url(../img/recipe/ico_03.png);
}

.point__box {
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
	        flex-direction: column;

	border-radius: 3px;
	background-color: rgba(210,210,210,.2);

	-webkit-flex-direction: column;
	   -moz-flex-direction: column;
	    -ms-flex-direction: column;
	     -o-flex-direction: column;
}

.point__txt {
	line-height: 2;
}

.point__img {
	width: 70px;

	-ms-align-self: flex-end;
	    align-self: flex-end;
}

.table__th,
.table__td {
	font-size: 14px;

	padding: 5px 0;

	vertical-align: top;

	border-bottom: 1px dashed #ded7c9;
}

.table__th {
	font-weight: normal;

	padding-left: 10px;

	text-align: left;
}

.table__td {
	padding-right: 20px;

	text-align: right;
}

.making__list {
	padding: 0;

	list-style: none;

	counter-reset: my-counter;
}

.making__item {
	line-height: 1.75;

	position: relative;

	margin-bottom: 20px;
	padding-bottom: 12px;
	padding-left: 30px;

	border-bottom: 1px solid #ded7c9;
}

.making__item::before {
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;

	position: absolute;
	top: 0;
	left: 2px;

	display: block;

	content: counter(my-counter);
	counter-increment: my-counter;

	color: #e1d4be;
}

.making__note {
	padding-left: 30px;
}

.product {
	border-radius: 5px;
	background-color: #f5efe4;
}

.product__link {
	text-decoration: none;

	color: inherit !important;
}

.product__link:hover {
	text-decoration: none !important;
}

.product__title {
	font-weight: bold;

	position: relative;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	width: calc(100% + 20px);
	margin-left: -10px;

	text-align: center;

	color: #fff;
	background-color: #d39324;

	justify-content: center;
	-ms-align-items: center;
	    align-items: center;
}

.product__title::before,
.product__title::after {
	position: absolute;
	bottom: -12px;

	width: 0;
	height: 0;

	content: '';

	border-style: solid;
}

.product__title::before {
	left: 0;

	border-width: 0 10px 12px 0;
	border-color: transparent #b17c20 transparent transparent;
}

.product__title::after {
	right: 0;

	border-width: 12px 10px 0 0;
	border-color: #b17c20 transparent transparent transparent;
}

.product__img {
	width: 100%;
}

.product__name {
	font-size: 18px;
	font-weight: bold;

	color: #d39324;
}

.product__txt {
	font-size: 16px;
}

.product__txt--note {
	font-size: 14px;
}

.thanks__title {
	font-weight: bold;

	text-align: center;

	color: #d39324;
}

.thanks__message {
	border-radius: 3px;
	background-color: #f6f6f6;
}

.print {
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
	        flex-direction: column;

	justify-content: center;
	-webkit-flex-direction: column;
	   -moz-flex-direction: column;
	    -ms-flex-direction: column;
	     -o-flex-direction: column;
	-ms-align-items: center;
	    align-items: center;
}

.variation {
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	background-color: #f5efe4;

	-webkit-flex-wrap: wrap;
	   -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	     -o-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.variation__img {
	width: 100%;
}

.variation__txt {
	font-size: 14px;
	font-weight: bold;
	line-height: 2;

	text-align: center;
	white-space: nowrap;

	color: #d39324;
}

.w_present__img {
	width: 100%;
}

.w_hd {
	font-weight: bold;

	padding-bottom: 45px;

	text-align: center;

	color: #295ea8;
	background: url(../img/w/hd_bg.png) no-repeat center bottom;
	-webkit-background-size: 140px 18px;
	        background-size: 140px 18px;
}

.w_column {
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	   -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	     -o-flex-wrap: wrap;
	        flex-wrap: wrap;
}

.w_column__item {
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;
	        flex-direction: column;

	-webkit-flex-direction: column;
	   -moz-flex-direction: column;
	    -ms-flex-direction: column;
	     -o-flex-direction: column;
}

.w_column__img {
	width: 100%;
}

.w_column__txt {
	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	text-align: center;

	color: #fff;
	background-color: #295ea8;

	-ms-align-items: center;
	    align-items: center;
	justify-content: center;
}

.w_txt {
	font-size: 16px;
	line-height: 2;

	margin-bottom: 45px;
}

.w_txt__indent {
	display: inline-block;

	text-indent: 12px;
}

.w_txt__bold {
	font-weight: bold;
}

.w_txt__circle,
.w_txt__square {
	position: relative;

	display: inline-block;

	text-indent: 15px;
}

.w_txt__circle--bold {
	font-weight: bold;
}

.w_txt__circle::before,
.w_txt__square::before {
	position: absolute;
	left: 0;

	width: 10px;
	height: 10px;

	content: '';

	background-color: #295ea8;
}

.w_txt__circle::before {
	top: 11px;

	border-radius: 50%;
}


.w_txt__square::before {
	top: 12px;
}

.w_txt__link {
	text-decoration: underline !important;

	color: #333 !important;
}

.pdf_dl {
	background-color: #dbf3ff;
}

.w_btn_01,
.w_btn_02 {
	font-weight: bold;
	line-height: 1;

	display: -webkit-flex;
	display:    -moz-flex;
	display:     -ms-flex;
	display:      -o-flex;
	display:         flex;

	cursor: pointer;
	text-decoration: none !important;

	border-radius: 3px;

	-ms-align-items: center;
	    align-items: center;
	justify-content: center;
}

.w_btn_01 {
	color: #fff !important;
	background-color: rgb(41, 94, 168);
	box-shadow: 0 6px 0 0 rgb(25, 58, 105);
}

.w_btn_01 span::after {
	display: inline-block;

	width: 20px;
	height: 20px;
	margin-left: 9px;

	content: '';

	background: url(../img/w/ico_pdf.png) no-repeat left top;
	-webkit-background-size: 20px;
	        background-size: 20px;
}

.w_btn_01:hover,
.w_btn_02:hover {
	background-color: rgb(239, 121, 43);
	box-shadow: 0 6px 0 0 rgb(105, 57, 25);
}

.w_btn_02 {
	color: #295ea8 !important;
	border-width: 3px;
	border-style: solid;
	border-color: rgb(41, 94, 168);
	background-color: rgb(255, 255, 255);
	box-shadow: 0 6px 0 0 rgb(41, 94, 168);
}

.w_btn_02:hover {
	color: #fff !important;
	border-color: rgb(239, 121, 43);
}

@media only screen and (min-width: 768px) {
	#container {
		min-width: 980px;
	}

	.sponly {
		display: none;
	}

	.main--w {
		background-image: url(../img/w/bg.png);
	}

	.main--w::before {
		height: 450px;

		background-image: url(../img/w/mv_bg.png);
	}

	.main--w__inner {
		width: 960px;
		margin: -80px auto 0;
	}

	.mv {
		background-image: url(../img/top/mv_bg.jpg);
	}

	.mv--recipe,
	.mv--thanks {
		background-image: url(../img/common/mv_bg.jpg);
	}

	.mv::before {
		padding-top: 40.625%;
	}

	.mv--recipe::before,
	.mv--thanks::before {
		padding-top: 20.703%;
	}

	.mv--w {
		max-width: 1160px;
		margin: 0 auto;
	}
	.mv__catch {
		width: 40.312%;
	}

	.mv--recipe__catch {
		width: 42.343%;
	}

	.mv--thanks__catch {
		width: 35.468%;
	}

	.lpnav {
		height: 58px;
	}

	.lpnav__list {
		height: 58px;

		justify-content: center;
	}

	.lpnav__link {
		font-size: 15px;
		font-weight: bold;

		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		padding: 0 95px;
	}

	.lpbody {
		padding: 17px 0 44px;
	}

	.lpbody__inner {
		width: 980px;
		margin: 0 auto 50px;
		padding: 50px 47.5px;

		border-radius: 6px;
	}

	.lpbody--other__inner {
		padding-bottom: 20px;
	}

	.desc {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		        flex-direction: column;

		height: 699px;
		margin-bottom: 120px;
		padding-top: 30px;

		text-align: center;

		background: url(../img/top/desc_bg.png) no-repeat left top;

		-webkit-flex-direction: column;
		   -moz-flex-direction: column;
		    -ms-flex-direction: column;
		     -o-flex-direction: column;
	}

	.desc_head {
		margin-bottom: 35px;
	}

	.desc_head__mini {
		display: block;

		margin-bottom: 10px;
	}

	.desc__img {
		margin-bottom: 20px;
	}

	.desc__txt {
		margin-bottom: 30px;
	}

	.desc__logo {
		margin-top: 10px;
	}

	.present_head {
		margin-bottom: 30px;

		text-align: center;
	}

	.present__desc {
		margin-bottom: 40px;
		padding-bottom: 30px;

		text-align: center;

		background: url(../img/common/h_under.png) no-repeat center bottom;
	}

	.part_head {
		margin-bottom: 25px;

		text-align: center;
	}

	.items {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		margin-bottom: 30px;

		justify-content: space-between;
	}

	.items__box {
		width: 280px;
	}

	.wchance {
		position: relative;

		width: 540px;
		height: 133px;
		margin: 0 auto 100px;
		padding-top: 25px;

		text-align: center;

		background: url(../img/top/wchance_bg.png) no-repeat left top;
	}

	.wchance_head {
		margin-bottom: 18px;
	}

	.wchance__prize {
		position: absolute;
		top: 9px;
		right: 12px;
	}

	.app {
		margin-bottom: 50px;
	}

	.app_head {
		margin-bottom: 35px;

		text-align: center;
	}

	.app__lead {
		text-align: center;
	}

	.app__banner {
		width: 500px;
		margin: 20px auto 0;
	}

	.box {
		margin-bottom: 33px;
		padding: 30px 60px;
	}

	.box__txt {
		margin-top: 20px;
		padding-left: 16px;
	}

	.box__note {
		padding-left: 16px;

		text-indent: -16px;
	}

	.box__txt--center {
		text-align: center;
	}

	.box__period {
		font-size: 20px;
		line-height: 2;
	}

	.box--intro {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		margin-bottom: 17px;
		padding: 20px 40px;

		-ms-align-items: center;
		    align-items: center;
	}

	.box--intro__head {
		width: 246px;
		padding: 0 20px;
	}

	a.box--intro {
		cursor: pointer;

		color: inherit !important;
	}

	a.box--intro:hover {
		color: inherit !important;
	}

	a.box--intro .box--intro__head {
		padding: 0 10px;
	}

	.quiz {
		width: 648px;
		margin: 0 auto;
		padding-top: 50px;
	}

	.quiz_head {
		margin-bottom: 35px;

		text-align: center;
	}

	.movie {
		margin-bottom: 15px;
	}

	.quiz__box {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		        flex-direction: column;

		margin-bottom: 32px;
		padding: 35px;

		-webkit-flex-direction: column;
		   -moz-flex-direction: column;
		    -ms-flex-direction: column;
		     -o-flex-direction: column;
		-ms-align-items: center;
		    align-items: center;
	}

	.question {
		font-size: 18px;

		margin-bottom: 40px;
		padding-left: 25px;
	}

	.answer {
		-ms-align-items: center;
		    align-items: center;
	}

	.answer__item {
		font-size: 18px;

		margin: 0 5px;
		padding-left: 21px;

		-webkit-background-size: 19px;
		        background-size: 19px;
	}

	.quiz__btn {
		font-size: 24px;

		width: 446px;
		height: 93px;
		margin: 0 auto 60px;
	}

	.index {
		width: 940px;
		margin: 0 auto;
		padding: 60px 0 50px;
	}

	.index_head {
		margin-bottom: 40px;
		padding-bottom: 35px;

		text-align: center;

		background: url(../img/common/h_under.png) no-repeat center bottom;
	}

	.index__lead {
		font-weight: bold;
		line-height: 2;

		margin-bottom: 50px;

		text-align: center;
	}

	.summary_wrap {
		margin: 0 auto 75px;

		justify-content: flex-start;
	}

	.summary {
		overflow: hidden;

		width: 280px;
		margin-bottom: 34px;
	}

	.summary ~ .summary {
		margin-left: 50px;
	}

	.summary:nth-child(3n + 4) {
		margin-left: 0;
	}

	.summary__link:hover {
		text-decoration: none;
	}

	.summary__thumb {
		height: 208px;
	}

	.summary__link:hover .summary__thumb::before {
		position: absolute;
		z-index: 2;
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;

		content: '';

		background-color: rgba(0,0,0,.5);
	}

	.summary__img {
		-webkit-transition: all .2s;
		     -o-transition: all .2s;
		        transition: all .2s;
	}

	.summary__link:hover .summary__img {
		-webkit-transition: all .2s;
		     -o-transition: all .2s;
		        transition: all .2s;
		-webkit-transform: scale(1.2, 1.2);
		    -ms-transform: scale(1.2, 1.2);
		     -o-transform: scale(1.2, 1.2);
		        transform: scale(1.2, 1.2);
	}

	.summary__name {
		height: 60px;
	}

	.trailer {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		width: 647px;
		margin: 0 auto 40px;

		justify-content: center;
	}

	.trailer__item {
		width: 315px;
	}

	.intro {
		width: 980px;
		margin: 0 auto 70px;
	}

	.intro__title {
		width: 192px;
		margin: 0 auto 20px;
	}

	.intro__img {
		width: 100%;
	}

	.intro__txt {
		line-height: 1.75;

		-webkit-flex: 1 0 1%;
		   -moz-flex: 1 0 1%;
		    -ms-flex: 1 0 1%;
		     -o-flex: 1 0 1%;
		        flex: 1 0 1%;
	}

	.lp-footer {
		padding: 35px 0 50px;
	}

	.lp-footer__inner {
		width: 725px;
		margin: 0 auto;
	}

	.lp-footer__title {
		width: 180px;
		margin-right: 25px;
	}

	.fnav__list {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		margin-bottom: 30px;

		justify-content: space-between;
	}

	.fnav__item {
		width: 215px;
	}

	.fnav__img {
		width: 215px;
		margin-bottom: 8px;
	}

	.fnav__txt {
		display: inline-block;

		min-height: 42px;

		font-feature-settings: 'palt';
	}

	.fnav__link {
		font-size: 12px;
	}

	.fnav__link:hover .fnav__txt {
		text-decoration: underline;
	}

	.backtop {
		margin-bottom: 25px;

		text-align: center;
	}

	.backtop__link {
		font-size: 14px;
	}

	.recipe {
		padding: 0 27.5px;
	}

	.recipe__title {
		font-size: 26px;
		line-height: 1.65;

		margin-bottom: 20px;

		letter-spacing: 10px;
	}

	.recipe__title--mini {
		font-size: 20px;
	}

	.recipe__lead {
		line-height: 1.8;

		margin-bottom: 40px;

		text-align: center;
	}

	.column {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		margin-bottom: 15px;

		-webkit-animation-direction: normal;
		     -o-animation-direction: normal;
		        animation-direction: normal;

		justify-content: space-between;
		-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		     -o-flex-wrap: wrap;
		        flex-wrap: wrap;
	}

	.column__item {
		width: 390px;
		margin-bottom: 30px;
	}

	.column__item:nth-child(2n) {
		width: 420px;
	}

	.point__title {
		font-size: 18px;

		margin-bottom: 18px;
		padding-left: 40px;
	}

	.point__box {
		padding: 25px 20px 20px 25px;
	}

	.ingredients__title {
		margin-bottom: 20px;
	}

	.making__title {
		min-height: 28px;
		margin-bottom: 20px;
		padding-left: 45px;

		-webkit-background-size: 39px 28px;
		        background-size: 39px 28px;
	}

	.table {
		width: 320px;
		margin-bottom: 30px;
	}

	.product {
		width: 818px;
		margin: 60px auto 0;
		padding-top: 10px;
	}

	.product__link:hover .product__txt {
		text-decoration: underline !important;
	}

	.product__title {
		font-size: 18px;

		height: 40px;
	}

	.product__inner {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		padding: 25px 40px 30px;

		justify-content: space-between;
	}

	.product__figure {
		width: 260px;
		margin-right: 25px;
	}

	.product__desc {
		-webkit-flex: 1 0 1%;
		   -moz-flex: 1 0 1%;
		    -ms-flex: 1 0 1%;
		     -o-flex: 1 0 1%;
		        flex: 1 0 1%;
	}

	.product__name {
		line-height: 2;

		margin-bottom: 15px;
	}

	.product__txt {
		line-height: 2;
	}

	.thanks__title {
		font-size: 26px;
		line-height: 1.38;

		margin-bottom: 40px;

		letter-spacing: 10px;
	}

	.thanks__message {
		line-height: 2;

		margin-bottom: 29px;
		padding: 25px;

		text-align: center;
	}

	.thanks__btn_01 {
		font-size: 16px;

		width: 340px;
		height: 62px;
		margin: 0 auto 25px;
	}

	.thanks__btn_02 {
		width: 268px;
		margin: 0 auto 20px;
	}

	.print {
		padding-top: 20px;
	}

	.print__btn {
		width: 200px;
		height: 60px;
		margin: 20px auto 0;
	}

	.variation {
		margin-bottom: 60px;
		padding: 30px 44px 5px;

		-webkit-flex-wrap: wrap;
		   -moz-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		     -o-flex-wrap: wrap;
		        flex-wrap: wrap;
		justify-content: space-between;
	}

	.variation__item {
		width: 230px;
		margin-bottom: 25px;
	}

	.w_present {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		margin-bottom: 100px;

		justify-content: space-between;
	}

	.w_present__picture {
		width: 470px;
	}

	.w_sec {
		margin-bottom: 90px;
	}

	.w_hd {
		font-size: 28px;
		line-height: 2;

		margin-bottom: 35px;
	}

	.w_column__item {
		width: 228px;
		margin-bottom: 15px;
	}

	.w_column__img {
		height: 228px;
	}

	.w_column__txt {
		font-size: 15px;
		line-height: 1.4;

		height: 92px;
	}

	.w_txt__link:hover {
		text-decoration: none !important;
	}

	.pdf_dl {
		padding: 60px;
	}

	.w_btn_01,
	.w_btn_02 {
		font-size: 24px;

		width: 446px;
		height: 70px;
	}

	.w_btn_01 {
		margin: 0 auto;
	}

	.w_btn_02 {
		margin: 60px auto;
	}
}

@media only screen and (max-width: 767px) {
	.pconly {
		display: none;
	}

	.main--w {
		background-image: url(../img/w/bg_sp.png);
		-webkit-background-size: 50px;
		        background-size: 50px;
	}

	.main--w::before {
		height: 650px;

		background-image: url(../img/w/mv_bg_sp.png);
		-webkit-background-size: 50px 650px;
		        background-size: 50px 650px;
	}

	.main--w__inner {
		margin-top: -50px;
		padding: 0 15px;
	}

	.mv {
		background-image: url(../img/top/mv_bg_sp.jpg);
	}

	.mv--recipe,
	.mv--thanks {
		background-image: url(../img/common/mv_bg_sp.jpg);
	}

	.mv::before {
		padding-top: 163%;
	}

	.mv--recipe::before,
	.mv--thanks::before {
		padding-top: 162.5%;
	}

	.mv--w {
		overflow: hidden;
	}

	.mv--w__picture {
		display: block;

		width: 200vw;
		margin-left: -50vw;
	}
	.mv__catch {
		width: 98.119%;
	}

	.mv--recipe__catch {
		width: 95%;
	}

	.mv--thanks__catch {
		width: 95.625%;
	}

	.lpnav {
		height: 40px;
	}

	.lpnav__list {
		height: 40px;

		justify-content: space-between;
	}

	.lpnav__item {
		flex: 1;
	}

	.lpnav__link {
		font-size: 14px;
	}

	.lpbody {
		padding: 13px 0 50px;
	}

	.lpbody__inner {
		margin: 0 10px;
		padding: 18px 10px;
	}

	.lpbody--other__inner {
		padding: 40px 20px;
	}

	.desc {
		position: relative;

		margin-bottom: 60px;
		padding: 14px 10px 30px;

		border: 2px solid #b08838;
	}

	.desc::before {
		position: absolute;
		top: 2px;
		left: 2px;

		width: calc(100% - 4px);
		height: calc(100% - 4px);

		content: '';

		border: 1px solid #b08838;
	}

	.desc_head {
		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;
		        flex-direction: column;

		margin-bottom: 20px;

		text-align: center;

		-webkit-flex-direction: column;
		   -moz-flex-direction: column;
		    -ms-flex-direction: column;
		     -o-flex-direction: column;
	}

	.desc_head__mini {
		margin-bottom: 10px;
		padding: 7px 16px;

		background-color: #d39324;
	}

	.desc_head_02 {
		width: 90%;
	}

	.desc__img {
		margin-bottom: 20px;
	}

	.desc__txt {
		margin-bottom: 20px;
	}

	.desc__logo {
		padding: 10px 30px 0;
	}

	.present_head {
		margin-bottom: 10px;
		padding: 0 10px;
	}

	.present__desc {
		margin-bottom: 30px;
		padding: 0 20px 30px;

		text-align: center;

		background: url(../img/common/h_under_sp.png) no-repeat center bottom;
		-webkit-background-size: 32px 11px;
		        background-size: 32px 11px;
	}

	.part_head {
		margin-bottom: 20px;
		padding: 0 12px;
	}

	.items__box {
		margin-bottom: 30px;
	}

	.items__name {
		margin-bottom: 0;
	}

	.wchance {
		position: relative;

		width: 283px;
		height: 101px;
		margin: 0 auto 40px;
		padding-top: 15px;

		text-align: center;

		background: url(../img/top/wchance_bg_sp.png) no-repeat left top;
		-webkit-background-size: 283px 101px;
		        background-size: 283px 101px;
	}

	.wchance_head {
		width: 220px;
		margin: 0 auto 10px;
	}

	.wchance__txt {
		font-size: 12px;

		font-feature-settings: 'palt';
	}

	.wchance__prize {
		display: none;
	}

	.app_head {
		width: 130px;
		margin: 0 auto 14px;
	}

	.app__banner {
		width: 100%;
		margin: 0 auto 20px;
	}

	.box {
		margin-bottom: 30px;
		padding: 35px 10px 20px;
	}

	.box__txt {
		margin-top: 20px;
		padding-left: 14px;
	}

	.box__note {
		padding-left: 14px;

		text-indent: -14px;
	}

	.box__period {
		font-size: 16px;
		line-height: 26px;

		margin-bottom: 0;
	}

	.box--intro {
		display: block;

		margin-bottom: 30px;
		padding: 24px 8px 20px;
	}

	.box--intro__head {
		width: 100%;
		margin-bottom: 15px;
		padding: 0 50px;
	}

	a.box--intro {
		color: inherit !important;
	}

	a.box--intro:hover {
		color: inherit !important;
	}

	a.box--intro .box--intro__head {
		padding: 50px 30px;
	}

	.quiz_head {
		width: 175px;
		margin: 0 auto 20px;
	}

	.movie {
		margin-bottom: 30px;
	}

	.quiz__box {
		margin-bottom: 20px;
		padding: 9px 7px 20px;
	}

	.question {
		font-size: 16px;

		margin-bottom: 20px;
		padding-left: 25px;

		background-position: left 2px;
	}

	.answer {
		        flex-direction: column;

		padding-left: 30px;

		-webkit-flex-direction: column;
		   -moz-flex-direction: column;
		    -ms-flex-direction: column;
		     -o-flex-direction: column;
	}

	.answer__item {
		font-size: 14px;

		margin-bottom: 12px;
		padding-left: 18px;

		-webkit-background-size: 16px;
		        background-size: 16px;
	}

	.quiz__btn {
		font-size: 16px;

		width: 100%;
		height: 62px;
	}

	.index_head {
		width: 122px;
		margin: 0 auto 30px;
		padding-bottom: 28px;

		text-align: center;

		background: url(../img/common/h_under_sp.png) no-repeat center bottom;
		-webkit-background-size: 32px 11px;
		        background-size: 32px 11px;
	}

	.index__lead {
		font-weight: bold;
		line-height: 2;

		margin-bottom: 20px;
	}

	.summary_wrap {
		margin-bottom: 18px;

		justify-content: space-between;
	}

	.summary {
		width: 48.591%;
		margin-bottom: 12px;
	}

	.summary__thumb::before {
		position: relative;

		display: block;

		width: 100%;
		padding-top: 73.913%;

		content: '';
	}

	.summary__name {
		font-size: 12px;

		height: 40px;

		text-align: center;
	}

	.trailer {
		width: 78.571%;
		margin: 0 auto 15px;
	}

	.trailer__item {
		margin-bottom: 8px;
	}

	.contact {
		margin-bottom: 60px;
	}

	.intro {
		width: calc(100% + 20px);
		margin-left: -10px;
	}

	.intro__title {
		width: 130px;
		margin: 0 auto 10px;
	}

	.intro__img {
		width: 100%;
	}

	.intro__txt {
		font-size: 14px;
		line-height: 1.857;
	}

	.lp-footer {
		padding: 45px 15px 15px;
	}

	.lp-footer__title {
		padding: 0 18px 23px;
	}

	.fnav {
		margin-bottom: 25px;
	}

	.fnav__item {
		margin-bottom: 25px;
	}

	.fnav__link {
		font-size: 14px;

		display: -webkit-flex;
		display:    -moz-flex;
		display:     -ms-flex;
		display:      -o-flex;
		display:         flex;

		justify-content: space-between;
		-ms-align-items: flex-start;
		    align-items: flex-start;
	}

	.fnav__img {
		width: 44.482%;
		margin-right: 3.448%;
	}

	.fnav__txt {
		flex: 1;
	}

	.backtop {
		margin-bottom: 18px;

		text-align: center;
	}

	.backtop__link {
		font-size: 12px;
	}

	.recipe__title {
		font-size: 18px;
		line-height: 1.65;

		margin-bottom: 10px;
	}

	.recipe__title--mini {
		font-size: 16px;
	}

	.recipe__lead {
		font-size: 16px;
		line-height: 1.8;

		margin-bottom: 20px;
	}

	.column__item {
		margin-bottom: 45px;
	}

	.point__title {
		font-size: 16px;
		line-height: 2;

		margin-bottom: 18px;
		padding-left: 35px;
	}

	.point__box {
		padding: 25px 10px 13px;
	}

	.ingredients__title {
		font-size: 16px;
		line-height: 2;

		margin-bottom: 15px;
	}

	.making__title {
		font-size: 16px;
		line-height: 2;

		min-height: 27px;
		margin-bottom: 15px;
		padding-left: 42px;

		-webkit-background-size: 38px 27px;
		        background-size: 38px 27px;
	}

	.table {
		width: 100%;
		margin-bottom: 30px;
	}

	.product {
		margin: 30px 8px;
		padding-top: 17px;
	}

	.product__title {
		font-size: 16px;
		line-height: 1.3;

		padding: 10px 0;
	}

	.product__inner {
		padding: 10px;
	}

	.product__figure {
		margin-bottom: 8px;
	}

	.product__name {
		line-height: 1.5;

		margin-bottom: 12px;
	}

	.product__txt {
		line-height: 1.75;
	}

	.thanks {
		margin-bottom: 60px;
	}

	.thanks__title {
		font-size: 18px;
		line-height: 1.55;

		margin-bottom: 20px;
	}

	.thanks__message {
		font-size: 16px;
		line-height: 2;

		margin-bottom: 25px;
		padding: 17px 7px;

		text-align: center;
	}

	.thanks__btn_01 {
		font-size: 16px;

		width: 100%;
		margin: 0 auto 30px;
	}

	.thanks__btn_02 {
		width: 95.714%;
		margin: 0 auto 10px;
	}

	.print__btn {
		width: 70%;
		max-width: 260px;
		height: 60px;
		margin-bottom: 20px;
	}

	.variation {
		margin-bottom: 60px;
		padding: 35px 28px 7px;
	}

	.variation__item {
		width: 100%;
		margin-bottom: 23px;
	}

	.variation__img {
		margin-bottom: 5px;
	}

	.w_present {
		margin-bottom: 60px;
	}

	.w_present__picture {
		display: block;

		margin-bottom: 20px;
	}

	.w_hd {
		font-size: 24px;
		line-height: 1.5;

		margin-bottom: 30px;
	}

	.w_sec {
		margin-bottom: 60px;
	}

	.w_column__item {
		width: 48.275%;
		margin-bottom: 10px;
	}

	.w_column__txt {
		font-size: 14px;
		line-height: 1.5;

		min-height: 110px;
		padding: 0 15px;

		flex: 1;
	}

	.w_txt {
		    word-break: break-all;
		-ms-word-break: break-all;
	}

	.pdf_dl {
		padding: 50px 0;
	}

	.w_btn_01,
	.w_btn_02 {
		font-size: 17px;

		width: 93.103%;
		height: 60px;
	}

	.w_btn_01 {
		margin: 0 auto;
	}

	.w_btn_01 span::after {
		position: relative;
		top: 2px;
	}

	.w_btn_02 {
		margin: 60px auto;
	}
}