/* CSS Document */
@charset "utf-8";

img {
	vertical-align:top;
}

section {
	margin-bottom:20px;
	box-sizing:border-box;
}
section p {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height:1.8;
	font-size:1.2em;
	margin:10px 0;
}
section ul li {
	list-style-type:none !important;
}
section.top_image {
	width:100vw; 
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
section.top_image > img {
	width:100%;
}
section .lt {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right:10px;
}
section .rt {
	float:right;
	width:50%;
	box-sizing:border-box;
}
.bg_woman {
	background:url(../images/LP_aojiru/bg_woman.png) no-repeat right center;
	background-size:20% auto;
	padding:40px 25% 40px 0;
}
.bg_woman p {
	font-weight:bold;
}
p.d1 {
	text-align:center;
	font-size:1.7em;
	font-weight:bold;
}
p.bg_g {
	background-color:#006837;
	font-size:2em;
	text-align:center;
	color:#fff;
	margin:0 auto;
	line-height:1.5 !important;
	font-weight:bold;
}
p.d2 {
	text-align:center;
	font-size:2em;
	font-weight:bold;
}
p.d3 {
	text-align:center;
	font-size:1.4em;
}
div.t1 {
	width:50%;
	margin:0 auto;
}
p.bg_r {
	width:100vw; 
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-color:#C1272D;
	text-align:center;
	font-size:2em;
	color:#fff;
	font-weight:bold;
}
p.bg_r > span {
	color:#FFFF00;
}
p.underline {
	border-bottom:1px solid #333;
}
.sns_share {
    text-align: right;
    margin: 10px 0;
}
.sns_share > * {
    vertical-align: top;
}
ul.point li {
	border-bottom:3px solid #D5FACD;
	padding-bottom:20px;
	margin-bottom:20px;
}
ul.point li:last-child {
	border:0;
}
ul.point li .p1_text,
ul.point li .p2_text,
ul.point li .p3_text,
ul.point li .p4_text,
ul.point li .p1_img,
ul.point li .p2_img,
ul.point li .p3_img,
ul.point li .p4_img {
	box-sizing:border-box;
	width:50%;
}
ul.point li .p1_img,
ul.point li .p2_img,
ul.point li .p3_img,
ul.point li .p4_img {
	margin-top:30px;
}
ul.point li .p1_text,
ul.point li .p3_text {
	padding-right:20px;
	float:left;
}
ul.point li .p2_text,
ul.point li .p4_text {
	float:right;
}
ul.point li .p1_img,
ul.point li .p3_img {
	float:right;
}
ul.point li .p2_img,
ul.point li .p4_img {
	float:left;
	padding-right:20px;
}
.p_red {
	font-weight:bold;
	color:#D10022;
}
div.oomugi_lt {
	float:left;
	width:40%;
	text-align:right;
	margin-bottom:20px;
}
div.oomugi_rt {
	float:right;
	width:60%;
	padding-left:20px;
	box-sizing:border-box;
	margin-bottom:20px;
}
.aojiru_bg_sky {
	width:100vw; 
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background:url(../images/LP_aojiru/bg_sky.png) no-repeat top;
	background-size:cover;
}
.aojiru_bg_sky > .inner {
	width:960px;
	margin:0 auto;
}
.aojiru_lt {
	width:50%;
	box-sizing:border-box;
	float:left;
}
.aojiru_lt ul {
	margin:40px !important;
}
.aojiru_lt ul li {
	background-color:#D10022;
	margin-bottom:20px;
}
.aojiru_lt ul li p {
	color:#fff !important;
}
.aojiru_rt {
	width:50%;
	box-sizing:border-box;
	float:right;
}
.order_btn {
	width:60%;
	margin:0 auto;
}
h4 {
	margin:10px;
}
h4 p {
	width:10em;
	font-size:2em;
	color:#00AA1C;
	border-bottom:3px solid #7DC600;
	text-align:center;
	margin:0 auto;
	line-height:1.5;
	font-weight:bold;
}
ul.genryou {
	margin-top:20px !important;
}
ul.genryou li {
	margin-bottom:20px;
}
ul.genryou li .g1_text,
ul.genryou li .g2_text,
ul.genryou li .g3_text,
ul.genryou li .g4_text,
ul.genryou li .g1_img,
ul.genryou li .g2_img,
ul.genryou li .g3_img,
ul.genryou li .g4_img {
	box-sizing:border-box;
	width:50%;
}
ul.genryou li .g1_text,
ul.genryou li .g3_text,
ul.genryou li .g4_text {
	float:right;
}
ul.genryou li .g2_text {
	padding-right:20px;
	float:left;
}
ul.genryou li .g1_img,
ul.genryou li .g3_img,
ul.genryou li .g4_img {
	float:left;
	padding-right:20px;
}
ul.genryou li .g2_img {
	float:right;
}
.g_title {
	width:80%;
	margin:0 auto;
	background-color:#D10022;
	text-align:center;
	font-size:1.5em;
	line-height:1.5;
	font-weight:bold;
	color:#fff;
}
.enjoy_text {
	text-align:center;
}
ul.enjoy li {
	width:31%;
	float:left;
	margin-right:25px;
}
ul.enjoy li:last-child {
	margin:0;
}
ul.enjoy li > p {
	text-align:center;
	margin:0;
}
section.advice {
	width:100vw; 
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-color:#f4f4f4;
}
section.advice > div {
	width:960px;
	box-sizing:border-box;
	margin:0 auto;
}
section.advice > div .advice_text {
	width:65%;
	float:left;
}
section.advice > div .advice_text > p.title {
	width:70%;
	margin:0 auto;
	margin-top:20px;
}
section.advice > div .advice_text > p.text {
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	margin:0;
	padding-top:20px;
	padding-left:50px;
	line-height:1.5;
	color:#663606;
	font-weight:bold;
}
section.advice > div .advice_image {
	width:35%;
	float:right;
}
ul.voice_img li {
	width:49%;
	float:left;
	margin-right:10px;
}
ul.voice_img li:last-child {
	margin:0;
}
div.voice {
	box-sizing:border-box;
	margin:20px;
	border:1px solid #000;
	padding:10px;
	height:300px;
	overflow-y:scroll;
	margin-bottom:5px;
}
div.voice ul {
	margin:0 !important;
}
div.voice ul li {
	padding:5px 0;
	border-bottom:1px solid #7FC600;
}
div.voice ul li:last-child {
	border:0;
}
div.voice ul li > p {
	margin:0 !important;
	font-size:1.1em;
	line-height:1.5;
}
div.voice ul li > p > span {
	color:#00953A;
	display:block;
	text-align:right;
}
p.voice_note {
	font-size:.8em;
	text-align:right;
}
section#order {
	width:100vw; 
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-color:#F2FFDE;
	padding:30px 0 !important;
}
div.order_normal,
div.order_teiki {
	width:960px;
	margin:0 auto;
}
div.order_normal ul,
div.order_teiki ul {
	margin:20px 50px !important;
}
div.order_normal ul li,
div.order_teiki ul li {
	float:left;
	margin-right:42px;
	margin-bottom:10px;
	width:30%;
}
div.order_normal ul li:last-child,
div.order_teiki ul li:last-child {
	margin:0;
}
h4.teiki p {
	color:#FF4B00;
	border-color:#FFAD00;
}
p.note_teiki {
	text-align:center;
	font-size:.9em;
}

div.youtube {
	text-align:center;
}
div.youtube > iframe {
	width:768px;
	height:432px;
}

#faq dl {
	box-sizing:border-box;
	padding:20px;
}
#faq dl dt {
	display: block;
	cursor: pointer;
	border-bottom: 1px dotted #ccc;
	padding: 20px 0 20px 60px;
	box-sizing: border-box;
	position: relative;
	font-weight: bold;
}
#faq dl dt:before {
	content:'Q';
	position: absolute;
	top: 16px;
	left: 16px;
	display: block;
	width: 24px;
	height: 24px;
	line-height: 24px;
	border: 1px solid #f67c10;
	color: #f67c10;
	font-size: 16px;
	text-align: center;
}
#faq dl dd {
	line-height: 1.6;
	font-size: .9em;
	padding: 10px;
	background-color: #FFF7F2;
}
div.scroll {
	box-sizing:border-box;
	margin:20px;
	border:1px solid #000;
	padding:15px;
	height:300px;
	overflow-y:scroll;
}
div.scroll dl {
	margin:0 !important;
	padding:0 !important;
}
div.scroll dl dd {
	display:none;
}

/* レスポンシブ */
@media screen and (max-width:640px) {
	section {
		padding:0 15px !important;
	}
	section p {
		line-height:1.5;
		font-size:1em;
	}
	section .lt {
		width:100%;
		padding:0 !important;
		float:none;
	}
	section .rt {
		width:100%;
		float:none;
	}
	#main_pc {
		display:none !important;
	}
	#main_sp {
		display:block !important;
	}
	#worried_pc {
		display:none !important;
	}
	#worried_sp {
		display:block !important;
	}
	section.top_image img {
		width:100%;
	}
	.bg_woman {
		padding:20px 35% 20px 0 !important;
		background-size:30%;
	}
	.bg_woman p {
		font-weight:normal;
	}
	p.d1 {
		font-size:1.4em;
	}
	p.bg_g {
		font-size:1.6em;
	}
	p.bg_g > span {
		display:block;
	}
	p.d2 {
		font-size:1.6em;
	}
	p.d3 {
		font-size:1em;
	}
	#main03_pc {
		display:none !important;
	}
	#main03_sp {
		display:block !important;
	}
	div.t1 {
		width:90%;
	}
	p.bg_r {
		font-size:1.6em;
		line-height:1.3;
	}
	p.bg_r > span {
		display:block;
	}
	ul.point li .p1_text,
	ul.point li .p2_text,
	ul.point li .p3_text,
	ul.point li .p4_text,
	ul.point li .p1_img,
	ul.point li .p2_img,
	ul.point li .p3_img,
	ul.point li .p4_img {
		width:100%;
		float:none;
	}
	ul.point {
		margin:0 !important;
	}
	ul.point li > div {
		padding:0 !important;
	}
	div.oomugi_lt {
		float:none;
		width:100%;
		text-align:center;
	}
	div.oomugi_rt {
		float:none;
		padding-left:0;
		width:100%;
	}
	#main04_pc {
		display:none !important;
	}
	#main04_sp {
		display:block !important;
	}
	.aojiru_bg_sky {
		background:url(../images/LP_aojiru/bg_sky.png) no-repeat top center;
		background-size:auto;
		padding-top:40px;
	}
	.aojiru_bg_sky > .inner {
		width:90%;
	}
	.aojiru_lt {
		width:100%;
		float:none;
	}
	.aojiru_lt ul {
		margin:0 20px !important;
	}
	.aojiru_lt ul li {
		background-color:#D10022;
		margin-bottom:10px;
	}
	.aojiru_lt ul li p {
		color:#fff !important;
	}
	.aojiru_rt {
		width:80%;
		box-sizing:border-box;
		float:none;
		margin:0 auto;
	}
	.order_btn {
		width:100%;
	}
	h4 p {
		width:100%;
		font-size:1.5em;
		font-weight:bold;
	}
	ul.genryou li .g1_text,
	ul.genryou li .g2_text,
	ul.genryou li .g3_text,
	ul.genryou li .g4_text,
	ul.genryou li .g1_img,
	ul.genryou li .g2_img,
	ul.genryou li .g3_img,
	ul.genryou li .g4_img {
		width:100%;
		float:none;
	}
	ul.genryou {
		margin:0 !important;
	}
	ul.genryou li > div {
		padding:0 !important;
	}
	.enjoy_text {
		text-align:left;
	}
	ul.enjoy li {
		width:100%;
		float:none;
		margin:0;
	}
	ul.enjoy li > p {
		text-align:center;
		margin-top:0;
		margin-bottom:20px;
	}
	section.advice {
		padding:0 !important;
	}
	section.advice > div {
		width:100%;
		margin:0 auto;
		padding:10px;
	}
	section.advice > div {
		box-sizing:border-box;
	}
	section.advice > div .advice_text {
		width:100%;
		float:none;
	}
	section.advice > div .advice_text > p.title {
		width:90%;
		margin-top:10px;
	}
	section.advice > div .advice_text > p.text {
		margin-bottom:10px;
		padding:10px;
	}
	section.advice > div .advice_image {
		width:80%;
		float:none;
		margin:0 auto;
	}
	ul.voice_img {
		margin:0 !important;
	}
	ul.voice_img li {
		width:100%;
		float:none;
		margin:0;
	}
	div.voice ul li > p {
		font-size:1em;
	}
	p.voice_note {
		font-size:.7em;
	}
	section#order {
		padding:20px 0 !important;
	}
	div.order_normal,
	div.order_teiki {
		width:100%;
		margin:0 auto;
	}
	div.order_normal ul,
	div.order_teiki ul {
		margin:20px 20px !important;
	}
	div.order_normal ul li,
	div.order_teiki ul li {
		float:left;
		margin-right:10px;
		width:47%;
	}
	p.note_teiki {
		text-align:center;
		font-size:.8em;
		padding:0 20px;
	}

	div.youtube {
		width:100%;
	}
	div.youtube > iframe {
		width:100%;
		height:calc(100vw * 0.5625);
	}

}