/* 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;
}
p.center {
	text-align:center;
}
p.bold {
	font-weight:bold;
}
p.d1 {
	font-size:1.7em;
	line-height:1.5;
}
p.d2 {
	font-size:2em;
}
p.d3 {
	font-size:1.4em;
}
span.red {
	color:#D20023;
	font-size:1.1em;
}
span.orange {
	color:#F15A24;
	font-size:1.1em;
}
.sns_share {
    text-align: right;
    margin: 10px 0;
}
.sns_share > * {
    vertical-align: top;
}
section.top_image {
	width:100vw; 
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
section.top_image > img {
	width:100%;
}
section.worry {
	text-align:center;
}
.worried {
	width:60%;
	margin:0 auto;
	background:url(../images/LP_kuranotakumi/bg_woman.png) no-repeat right center;
	background-size:30% auto;
}
section.marker {
	text-align:center;
}
section .up01 {
	float:left;
	width:50%;
	box-sizing:border-box;
	padding-right:10px;
}
section .down01 {
	float:right;
	width:50%;
	box-sizing:border-box;
}
section .down01 img {
	padding-top:30px;
}
section .up02 {
	float:right;
	width:50%;
	box-sizing:border-box;
	padding-right:10px;
}
section .down02 {
	float:left;
	width:50%;
	box-sizing:border-box;
}
section.product {
	width:100vw; 
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
section.product > img {
	width:100%;
}
.order_btn {
	width:60%;
	margin:0 auto;
}
p.bg_b {
	width:100vw; 
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-color:#42210B;
	color:#fff;
}
ul.kodawari {
	margin:20px 0 !important;
}
ul.kodawari li {
	width:50%;
	float:left;
}
ul.kodawari li:last-child {
	margin:0;
}
section.seizoukoutei {
	width:100vw; 
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background:url(../images/LP_kuranotakumi/seizoukoutei_BG.jpg) top center no-repeat;
	padding:30px 0 !important;
	background-size:cover;
}
p.bg_g {
	width:100vw; 
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	background-color:#003023;
	color:#fff;
	margin:0 !important;
}
section.seizoukoutei div.sk_text {
	width:800px;
	box-sizing:border-box;
	padding:20px 0;
	background-color:rgba(0,0,0,.5);
	margin: 0 auto;
}
section.seizoukoutei div.sk_text > p {
	color:#fff;
	font-size:.9em;
	margin:0 !important;
}
section.seizoukoutei div.sk_image {
	width:800px;
	margin: 0 auto;
}
h4 {
	margin:10px;
}
h4 p {
	width:10em;
	font-size:2em;
	color:#FF4B00;
	border-bottom:3px solid #FFD1A1;
	text-align:center;
	margin:0 auto;
	line-height:1.5;
	font-weight:bold;
}
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;
}
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 #FFD1A1;
}
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:#FF4B00;
	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.normal p {
	color:#00AB1D;
	border-color:#7FC600;
}
h4.teiki p {
	color:#FF4B00;
	border-color:#FFAD00;
}
p.note_teiki {
	text-align:center;
	font-size:.9em;
}


p.underline {
	border-bottom:1px solid #333;
	text-align:center;
}
#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:.9em;
	}
	p.d1 {
		font-size:1.2em;
	}
	p.d2 {
		font-size:1.4em;
	}
	p.d3 {
		font-size:1em;
	}
	.worried {
		width:100%;
	}
	#main_pc {
		display:none !important;
	}
	#main_sp {
		display:block !important;
	}
	#worried_pc {
		display:none !important;
	}
	#worried_sp {
		display:block !important;
	}
	section.top_image {
		padding:0 !important;
	}
	section.top_image img {
		width:100%;
	}
	section .up01 {
		width:100%;
		float:none;
	}
	section .down01 img {
		padding:0 !important;
	}
	section .down01 {
		width:100%;
		padding:0 !important;
		float:none;
	}
	section .up02 {
		width:100%;
		float:none;
	}
	section .down02 {
		width:100%;
		float:none;
	}
	.order_btn {
		width:100%;
	}
	p.bg_b > span {
		display:block;
	}
	ul.kodawari li {
		width:100%;
		float:none;
	}
	p.bg_g {
		font-size:1.3em;
	}
	section.seizoukoutei {
		background-size:300%;
	}
	section.seizoukoutei div.sk_text {
		width:95%;
		padding:10px 0;
	}
	section.seizoukoutei div.sk_text > p {
		font-size:.8em;
	}
	section.seizoukoutei div.sk_image {
		width:95%;
	}
	#seizoukoutei_pc {
		display:none !important;
	}
	#seizoukoutei_sp {
		display:block !important;
	}
	h4 p {
		width:100%;
		font-size:1.5em;
		font-weight:bold;
	}
	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;
	}
	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;
	}

}




/* 追加 */
section.worry{
  margin-top: 50px;
}

.worry-wrap{
  display: flex;
  justify-content: center;
  align-items: center;
}

.worry-left{
  text-align: start;

}

.worry-lg{
  font-size: 2.5rem;
}

section .up01{
  margin-top: 50px;
}

.hakkou-huhai{
  margin: 30px 0;
  text-align: center;
}

.hakkou{
  max-width: 600px;
  margin: 0 auto 50px;
}

.hakkou p{
  font-size: 1.5em;
}

p.hakkou-lg{
  font-size: 2.5rem;
}

.h-kodawari{
  width: 100vw;
  margin: 0 calc(50% - 50vw);
  background: rgb(0,49,34);
  display: flex;
  justify-content: center;
  padding: 50px 0;
  margin-bottom: 50px;
}

.h-kodawari-left{
  max-width: 600px;
  text-align: center;
}

.h-kodawari-left p{
  color: #fff;
  font-size: 2rem;
}

.h-kodawari-right{
  margin-left: 30px;
}

.h-kodawari-right img:first-of-type{
  margin-bottom: 10px;
  display: block;
}

.yellow{
  color: #fdff00;
}

.yellow-lg{
  font-size: 2.5rem;
}

.why-kouso{
  display: flex;
  justify-content: space-around;
}

.why-kouso .text{
  margin: auto;
  margin-right: 0;
}

.sp{
  display: none !important;
}

@media screen and (max-width:640px) {
  .sp{
    display: block !important;
  }
  .pc{
    display: none !important;
  }
  .worry-lg {
    font-size: 1.8rem;
  } 
  .worry-wrap{
    flex-direction: column;
  }
  .worry-right img{
    width: 80%;
  }
  section .up01{
    margin-top: 20px;
  }
  .hakkou p {
    font-size: 1.2em;
  }
  p.hakkou-lg {
    font-size: 1.8rem;
  }
  .h-kodawari{
    flex-direction: column;
    padding: 30px 0 !important;
    margin-bottom: 30px;
  }
  .h-kodawari-left{
    width: 100%;
  }
  .h-kodawari-left p {
    font-size: 1.3rem;
  }
  .h-kodawari-right{
    text-align: center;
    display: flex;
    justify-content: space-around;
    margin: unset;
  }
  .h-kodawari-right img{
    width: 45%;
  }
  .h-kodawari-right img:first-of-type{
    margin: unset;
  }
  .why-kouso{
    flex-direction: column;
  }
  .why-kouso .img-wrap{
    display: flex;
    align-items: baseline;
    justify-content: center;
  }
  .why-kouso .img-wrap img:first-of-type{
    width: 30%;
  }
  .why-kouso .img-wrap img:nth-of-type(2){
    width: 50%;
  }
  .why-kouso .text{
    margin: 0 auto !important;
  }
}