@charset "UTF-8";

/*//////////----- PRODUCT -----//////////*/

#product div.content{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto;
	max-width: 720px;
}

#product article{
	width:100%;
	margin-bottom:10px;
}

#product article:last-child{
	margin-bottom:0;
}

#product article div.inner{
	width:100%;
	height:100%;
	
	box-sizing: border-box;
	border-radius:5px;
}

#product article.emianaran div.inner{
	background-color:#006835;
	color:#fff;
}

#product article.emian div.inner{
	background-color:#0a0;
	color:#fff;
}

#product article.beir div.inner{
	background-color:#f69;
	color:#fff;
}

#product article p.copy{
	text-align: center;
	
	font-size:1.0rem;
	line-height:35px;
	font-weight:bold;
	
	letter-spacing: 0.25em;
}

#product article p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

#product article div.text{
	box-sizing: border-box;
	padding:10px;
}

#product article div.text h4{
	font-size:2.0rem;
	line-height:1.0em;
	font-weight:400;
	
	text-align: center;
}

#product article div.text h4 span.note{
	display:block;
	
	font-size:1.0rem;
	line-height:1.75em;
	
	font-weight:bold;
	
	margin:5px 0;
}

#product article div.text h4 span.note:before{
	content:"-";
	
	box-sizing: border-box;
	padding:0 5px;
}

#product article div.text h4 span.note:after{
	content:"-";
	
	box-sizing: border-box;
	padding:0 5px;
}

@media only screen and (min-width: 480px){
	
	#product article{
		width:50%;
		margin-bottom:0;
	}
	
	#product article:nth-child(1){
		width:100%;
		margin-bottom:10px;
	}
	
	#product article:nth-child(2){
		width:50%;
		
		box-sizing: border-box;
		padding-right:5px;
	}
	
	#product article:nth-child(3){
		width:50%;
		
		box-sizing: border-box;
		padding-left:5px;
	}
	
}

@media only screen and (min-width: 640px){
	
	#product article div.content-twin{
		display:flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: flex-start;
		
		width:100%;
		
		box-sizing: border-box;
		border-top:solid 2.5px #fff;
	}
	
	#product article div.content-twin p.thumbnail{
		width:50%;
		
		box-sizing: border-box;
		padding:5px;
	}
	
	#product article div.content-twin p.thumbnail img{
		border-bottom-left-radius: 2.5px;
	}
	
	#product article div.content-twin div.text{
		width:50%;
	}
	
	#product article div.text{		
		padding:15px;
	}
	
}

/*//////////----- ND_PLACENTA -----//////////*/

#nd_placenta div.summary{
	margin-bottom:20px;
}

#nd_placenta div.summary h3{
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:700;
	
	text-align: center;
	
	color:#f44;
	
	margin-bottom:20px;
}

#nd_placenta div.summary h3 span.note{
	display:inline-block;
}

#nd_placenta div.summary p.caption{
	margin-bottom:20px;
}

#nd_placenta div.summary p.caption br{
	display:none;
}

@media only screen and (min-width: 600px){
	
	#nd_placenta div.summary h4{
		font-size:1.25rem;
		line-height:1.75em;
	}
	
}

@media only screen and (min-width: 720px){
	
	#nd_placenta div.summary h3{
		font-size:1.25rem;
		line-height:1.75em;
	}
	
	#nd_placenta div.summary p.caption{
		text-align: center;
	}
	
	#nd_placenta div.summary p.caption br{
		display:inline-block;
	}
	
}

#nd_placenta div.feature{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto 20px;
	max-width: 720px;
}

#nd_placenta div.feature div.row{
	width:100%;
	margin-bottom:10px;
}

#nd_placenta div.feature div.row:last-child{
	margin-bottom:0;
}

#nd_placenta div.feature div.row div.inner{
	box-sizing: border-box;
	padding:10px;
	padding-bottom:15px;
	
	background-color:#f0f0f0;
	color:#222;
	
	border-radius:5px;
}

#nd_placenta div.feature div.row ul{
	width:100%;
	margin:0 auto;
	max-width: 240px;
	
	display:flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}

#nd_placenta div.feature div.row ul li{
	width:80px;
	
	box-sizing: border-box;
	padding:0 5px;
}

#nd_placenta div.feature div.row ul li img{
	width:100%;
	vertical-align: bottom;
}

#nd_placenta div.feature div.row p.icon{
	width:80px;
	margin:0 auto;
	
	box-sizing: border-box;
	padding:0 5px;
}

#nd_placenta div.feature div.row p.icon img{
	width:100%;
	vertical-align: bottom;
}

#nd_placenta div.feature div.row h5{
	width:100%;
	margin:5px auto 0;
	max-width: 240px;
	
	text-align: center;
	
	font-size:1.0rem;
	line-height:30px;
	font-weight:700;
	
	background-color:#fff;
	border-radius:5px;
}

@media only screen and (min-width: 480px){
	
	#nd_placenta div.feature div.row{
		width:50%;
	}
	
	#nd_placenta div.feature div.row:nth-child(2){
		box-sizing: border-box;
		padding-right:5px;
	}
	
	#nd_placenta div.feature div.row:nth-child(3){
		box-sizing: border-box;
		padding-left:5px;
	}
	
	#nd_placenta div.feature div.row:first-child{
		width:100%;
	}
	
}

@media only screen and (min-width: 600px){
	
	#nd_placenta div.feature div.row{
		width:25%;
	}
	
	#nd_placenta div.feature div.row:first-child{
		width:50%;
		
		box-sizing: border-box;
		padding-right:10px;
	}
	
}

#nd_placenta div.detail{
	margin-bottom:20px;
}

#nd_placenta div.detail div.row{
	width:100%;
	position: relative;
	
	margin-bottom:10px;
}

#nd_placenta div.detail div.row:last-child{
	margin-bottom:0;
}

#nd_placenta div.detail div.row div.inner{
	box-sizing: border-box;
	/*padding:10px;*/
}

#nd_placenta div.detail p.thumbnail{
	width:100%;
	position: relative;
}

#nd_placenta div.detail p.thumbnail:before{
	display:block;
	content:"";
	
	box-sizing: border-box;
	padding-top:60%;
}

#nd_placenta div.detail p.thumbnail img{
	max-width:100%;
	height:100%;
	
	position: absolute;
	top:0;
	right:0;
	
	object-fit: cover;
	object-position: top right;
	
	border-radius:5px;
}

#nd_placenta div.detail div.row:nth-child(2) p.thumbnail img{
	left:0;
	right:auto;
	
	object-position: top left;
}

#nd_placenta div.detail div.text{
	box-sizing: border-box;
	padding:10px;
}

#nd_placenta div.detail div.text h3{
	font-size:0.9rem;
	line-height:1.75em;
	font-weight:700;
	
	text-align: center;
	
	color:#f44;
	
	margin-bottom:10px;
	position: relative;
}

#nd_placenta div.detail div.text h3:before{
	display:none;
	content:"";
	
	width:20px;
	height:20px;
	
	background-color:#49a;
	border-radius:20px;
	opacity: 0.5;
	
	position: absolute;
	top:-5px;
	left:-5px;
}

#nd_placenta div.detail div.text h3:after{
	display:none;
	content:"";
	
	width:20px;
	height:20px;
	
	background-color:#49a;
	border-radius:20px;
	opacity: 0.5;
	
	position: absolute;
	bottom:-5px;
	right:-5px;
}

#nd_placenta div.detail div.text h3 span.note{
	display:inline-block;
}

@media only screen and (min-width: 480px){
	
	#nd_placenta div.detail div.text h3{
		font-size:1.0rem;
		line-height:1.75em;
	}
	
}

@media only screen and (min-width: 720px){
	
	#nd_placenta div.detail p.thumbnail:before{
		padding-top:45%;
	}
	
	#nd_placenta div.detail div.text{
		position: absolute;
		top:0;
		left:0;
		
		width:50%;
		height:100%;
		
		display:flex;
		flex-flow: row wrap;
		align-items: center;
		justify-content: flex-start;
	}
	
	#nd_placenta div.detail div.row:nth-child(2) div.text{
		right:0;
		left:auto;
	}
	
	#nd_placenta div.detail div.text h3{
		font-size:1.25rem;
		line-height:1.75em;
		
		text-align: left;
	}
	
}

@media only screen and (min-width: 840px){
	
	#nd_placenta div.detail div.text{
		padding:10px 20px;
	}

}

@media only screen and (min-width: 960px){
	
	#nd_placenta div.detail div.text{
		padding:10px 30px;
	}

}

#nd_placenta div.commit{
	width:100%;
	margin:0 auto;
	max-width: 720px;
}

#nd_placenta div.commit div.content-inner{
	margin-bottom:20px;
}

#nd_placenta div.commit div.content-inner:last-child{
	margin-bottom:0;
}

#nd_placenta div.commit h3{
	font-size:1.0rem;
	line-height:30px;
	font-weight:700;
	
	text-align: center;
	
	color:#000;
	
	margin-bottom:20px;
}

#nd_placenta div.commit h3 span.note{
	display:inline-block;
}

@media only screen and (min-width: 480px){
	
	#nd_placenta div.commit h3 span.extra{
		font-size:0.8rem;
		line-height:1.75em;
	}
	
}

@media only screen and (min-width: 720px){
	
	#nd_placenta div.commit h3{
		font-size:1.25rem;
		line-height:30px;
	}
	
}

#nd_placenta div.commit div.row{
	margin-bottom:20px;
	
	box-sizing: border-box;
	padding-top:10px;
}

#nd_placenta div.commit div.row:last-child{
	margin-bottom:0;
}

#nd_placenta div.commit div.row div.inner{
	box-sizing: border-box;
	padding:10px;
	padding-top:20px;
	
	border:solid 5px #f0f0f0;
	
	position: relative;
}

#nd_placenta div.commit div.row p.caption{
	font-weight:700;
	margin-top:10px;
}

#nd_placenta div.commit div.row h4{
	position: absolute;
	top:-15px;
	left:0;
	right:0;
	
	margin:0 auto;
	
	width:320px;
	text-align: center;
	
	font-weight:bold;
	
	background-color:#f44;
	color:#fff;
	
	font-size:1.0rem;
	line-height:1.75em;
}

@media only screen and (min-width: 600px){
	
	#nd_placenta div.commit div.row p.caption{
		text-align: center;
	}
	
}

@media only screen and (min-width: 720px){
	
	#nd_placenta div.commit div.row h4{
		font-size:1.25rem;
		line-height:1.75em;
		
		width:480px;
	}

}

#nd_placenta div.commit ul.flow{
	margin-top:10px;
}

#nd_placenta div.commit ul.flow li{
	display:flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	
	width:100%;
	
	box-sizing: border-box;
	padding-bottom:10px;
	border-bottom:solid 1px #f44;
	margin-bottom:10px;
}

#nd_placenta div.commit ul.flow li span.number{
	display:block;
	width:40px;
	
	font-size:0.8rem;
	line-height:30px;
	font-weight:bold;
	
	text-align: center;
	
	box-sizing: border-box;
	padding-top:10px;
	border:dashed 1px #f44;
	color:#f44;
	
	border-radius:40px;
	position: relative;
}

#nd_placenta div.commit ul.flow li span.number:before{
	display:block;
	content:"STEP";
	
	font-size:0.6rem;
	line-height:20px;
	font-weight: normal;
	
	position: absolute;
	top:2.5px;
	left:0;
	right:0;
	
	margin:0 auto;
}

#nd_placenta div.commit ul.flow li span.subject{
	font-weight:700;
	color:#f44;
	
	width:calc(100% - 40px);
	box-sizing: border-box;
	padding:0 10px;
	
	font-size:1.0rem;
	line-height:1.75em;
}

#nd_placenta div.commit ul.flow li span.note{
	width:100%;
	margin-top:5px;
	
	font-size:0.8rem;
	line-height:1.75em;
}

@media only screen and (min-width: 600px){
	
	#nd_placenta div.commit ul.flow{
		box-sizing: border-box;
		padding:0 10px;
	}
	
	#nd_placenta div.commit ul.flow li span.subject{
		width:140px;
	}
	
	#nd_placenta div.commit ul.flow li span.note{
		width:calc(100% - 180px);
	}
	
}

#nd_placenta div.commit div.evidence{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto;
	max-width: 720px;
}

#nd_placenta div.commit div.evidence div.row{
	width:100%;
}

#nd_placenta div.commit div.evidence div.row h5{
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:bold;
	
	text-align: center;
	
	background-color:#f44;
	color:#fff;
	
	width:100%;
	margin:0 auto;
	max-width: 360px;
	
	margin-bottom:5px;
}

#nd_placenta div.commit div.evidence div.row p.thumbnail{
	width:100%;
}

#nd_placenta div.commit div.evidence div.row p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

@media only screen and (min-width: 600px){
	
	#nd_placenta div.commit div.evidence div.row{
		width:50%;
		
		font-size:0.6rem;
		line-height:1.75em;
	}
	
	#nd_placenta div.commit div.evidence div.row:nth-child(odd){
		box-sizing: border-box;
		padding:0 10px;
	}
	
	#nd_placenta div.commit div.evidence div.row:nth-child(even){
		box-sizing: border-box;
		padding:0 10px;
	}
	
}

@media only screen and (min-width: 720px){
	
	#nd_placenta div.commit div.evidence div.row:nth-child(odd){
		box-sizing: border-box;
		padding-right:10px;
	}
	
	#nd_placenta div.commit div.evidence div.row:nth-child(even){
		box-sizing: border-box;
		padding-left:10px;
	}
	
}

/*//////////----- BUSINESS -----//////////*/

#business div.summary{
	margin-bottom:40px;
}

#business div.summary h3{
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:700;
	
	text-align: center;
	
	color:#48c;
	
	margin-bottom:20px;
}

@media only screen and (min-width: 720px){
	
	#business div.summary h3{
		font-size:1.25rem;
		line-height:1.75em;
	}
	
}

#business div.summary ul{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	margin-bottom:20px;
}

#business div.summary ul li{
	width:calc(100%/3);
}

#business div.summary ul li img{
	width:100%;
	vertical-align: bottom;
}

#business div.summary p br{
	display:none;
}

@media only screen and (min-width: 600px){
	
	#business div.summary ul li{
		width:calc(100%/6);
	}
	
}

@media only screen and (min-width: 840px){
	
	#business div.summary p{
		text-align: center;
	}
	
	#business div.summary p br{
		display:block;
	}
	
}

#business div.feature{
	width:100%;
	margin:0 auto;
	max-width: 800px;
	
	margin-bottom:20px;
}

#business div.feature h3{
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:700;
	
	text-align: center;
	
	color:#48c;
	
	margin-bottom:20px;
}

@media only screen and (min-width: 720px){
	
	#business div.feature h3{
		font-size:1.25rem;
		line-height:1.75em;
	}
	
}

#business div.feature div.content-inner{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: center;
	
	width:100%;
}

#business div.feature article{
	width:100%;
	margin-bottom:10px;
}

#business div.feature article div.inner{
	box-sizing: border-box;
	padding:10px;
}

#business div.feature article:last-child{
	margin-bottom:0;
}

#business div.feature article p.thumbnail{
	width:180px;
	margin:0 auto;
}

#business div.feature article p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

#business div.feature article div.text h5{
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:700;
	
	text-align: center;
	color:#48c;
	margin-bottom:5px;
}

@media only screen and (min-width: 720px){
	
	#business div.feature article div.text h5{
		font-size:1.25rem;
		line-height:1.75em;
	}
	
}

@media only screen and (min-width: 480px){
	
	#business div.feature article{
		width:50%;
	}
	
}

@media only screen and (min-width: 720px){
	#business div.feature article{
		width:calc(100%/3);
	}
}

#business div.purpose{
	width:100%;
	margin:0 auto;
	max-width: 800px;
}

#business div.purpose div.content-inner{
	display:flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: flex-start;
	
	width:100%;
	
	margin-bottom:20px;
}

#business div.purpose div.content-inner:last-child{
	/*margin-bottom:0;*/
}

#business div.purpose p.thumbnail{
	width:100%;
}

#business div.purpose p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

#business div.purpose ul.thumbnail{
	width:100%;
	
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
}

#business div.purpose ul.thumbnail li{
	width:50%;
}

#business div.purpose ul.thumbnail li img{
	width:100%;
	vertical-align: bottom;
}

#business div.purpose div.text{
	width:100%;
	
	box-sizing: border-box;
	padding:0 10px;
}

#business div.purpose div.text h4{
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:700;
	
	text-align: center;
	
	color:#48c;
	
	margin-bottom:10px;
}

@media only screen and (min-width: 600px){
	
	#business div.purpose p.thumbnail{
		width:40%;
		
		order:2;
	}
	
	#business div.purpose ul.thumbnail{
		width:40%;
	}
	
	#business div.purpose div.text{
		width:60%;
		padding:0 15px;
	}
	
	#business div.purpose div.text h4{
		text-align: left;
	}
	
	#business div.purpose div.text h4 br{
		display:none;
	}
	
}

@media only screen and (min-width: 720px){
	
	#business div.purpose div.text{
		padding:0 20px;
	}
	
	#business div.purpose div.text h4{
		font-size:1.25rem;
		line-height:1.75em;
		text-align: center;
	}
	
	#business div.purpose div.text h4 br{
		display:block;
	}
	
}

/*//////////----- COMPANY -----//////////*/

#company div.movie{
	width:100%;
	margin:0 auto 20px;
	max-width: 800px;
}

#company div.movie div.content-inner{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}

#company div.movie div.content-inner iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	
	border:none;
}

#company div.profile{
	width:100%;
	margin:0 auto 20px;
	max-width: 800px;
}

#company div.profile div.row{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	margin-bottom:5px;
}

#company div.profile div.row:last-child{
	margin-bottom:0;
}

#company div.profile div.row p.que{
	width:120px;
	
	box-sizing: border-box;
	padding:10px;
	
	background-color:#f0f0f0;
	color:#000;
}

#company div.profile div.row div.ans{
	width:calc(100% - 120px);
	
	box-sizing: border-box;
	padding:10px;
	border-left:solid 5px #fff;
	
	background-color:#f0f0f0;
	color:#000;
}

/*//////////----- ENTRY -----//////////*/

#entry div.content{
	width:100%;
	margin:0 auto;
	max-width: 800px;
}

#entry p.caption{
	margin-bottom:30px;
}

#entry p.caption b{
	color:#f44;
}

@media only screen and (min-width: 480px){
	
	#entry p.caption{
		text-align: center;
	}
	
}

#entry h3{
	font-size:1.5rem;
	line-height:30px;
	font-weight:bold;
	color:#000;
	
	text-align: center;
	
	margin-bottom:20px;
}

#entry h3:before{
	content:"-";
	
	box-sizing: border-box;
	padding:0 5px;
}

#entry h3:after{
	content:"-";
	
	box-sizing: border-box;
	padding:0 5px;
}

#entry div.signup{
	margin-bottom:40px;
}

#entry div.signup div.row{
	margin-bottom:10px;
}

#entry div.signup div.row:last-child{
	margin-bottom:0;
}

#entry div.signup div.row div.inner{
	box-sizing: border-box;
	padding:10px;
	
	border:solid 5px #f0f0f0;
}

#entry div.signup div.row h4{
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:bold;
	
	box-sizing: border-box;
	padding-left:25px;
	
	color:#f44;
	
	position: relative;
	margin-bottom:10px;
}

#entry div.signup div.row h4 span.note{
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	
	text-align: center;
	
	background-color:#f44;
	color:#fff;
	
	position: absolute;
	top:4px;
	left:0;
	
	font-size:0.8rem;
	font-weight:400;
}

@media only screen and (min-width: 720px){
	
	#entry div.signup div.row h4{
		font-size:1.25rem;
		line-height:1.75em;
	}
	
	#entry div.signup div.row h4 span.note{
		top:9px;
	}
	
}

#entry div.step{
	margin-bottom:40px;
}

#entry div.step div.row{
	margin-bottom:20px;
	
	box-sizing: border-box;
	padding-bottom:20px;
	
	position: relative;
}

#entry div.step div.row:before{
	display:block;
	content:"";
	
	width:2px;
	height:20px;
	
	background-color:#000;
	
	position: absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:0 auto;
}

#entry div.step div.row:last-child{
	margin-bottom:0;
	padding-bottom:0;
}

#entry div.step div.row:last-child:before{
	display:none;
}

#entry div.step div.row p.number{
	width:30px;
	height:30px;
	
	line-height:30px;
	text-align: center;
	
	margin:0 auto 10px;
	
	font-size:1.0rem;
	
	background-color:#f44;
	color:#fff;
	
	border-radius:40px;
}

#entry div.step div.row h4{
	text-align: center;
	
	box-sizing: border-box;
	padding:0;
	color:#f44;
}

#entry div.step div.row p.note{
	text-align: left;
}

#entry div.step div.row p.note br{
	display:none;
}

@media only screen and (min-width: 640px){
	
	#entry div.step div.row p.note{
		text-align: center;
	}
	
	#entry div.step div.row p.note br{
		display:block;
	}
	
}

#entry div.payment h5{
	font-size:0.8rem;
	line-height:25px;
	font-weight:bold;
	
	box-sizing: border-box;
	padding:0 12.5px;
	
	background-color:#f44;
	color:#fff;
	
	margin:10px 0;
	position: relative;
}

#entry div.payment h5:before{
	display:block;
	content:"";
	
	width:2.5px;
	height:13px;
	
	background-color:#fff;
	
	position: absolute;
	top:7px;
	left:5px;
}

@media only screen and (min-width: 480px){
	
	#entry div.payment h5{
		font-size:1.0rem;
		line-height:30px;
	}
	
	#entry div.payment h5:before{
		top:9.5px;
	}
	
}

#entry div.payment div.price{
	margin-top:10px;
	margin-bottom:20px;
}

#entry div.payment div.price div.group{
	margin-bottom:20px;
}

#entry div.payment div.price div.group:last-child{
	margin-bottom:0;
}

#entry div.payment div.price div.group h4{
	font-size:1.25rem;
	line-height:1.75em;
	font-weight:bold;
	
	color:#000;
	
	box-sizing: border-box;
	padding-bottom:0;
	border-bottom:solid 2.5px #000;
	margin-bottom:10px;
}

#entry div.payment div.price div.row{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	
	box-sizing: border-box;
	padding:0;
	margin:0;
	
	margin-bottom:5px;
}

#entry div.payment div.price div.row:last-child{
	margin-bottom:0;
}

#entry div.payment div.price div.row p.que{
	width:calc(100% - 140px);
	box-sizing: border-box;
	padding:10px;
	
	background-color:#f0f0f0;
	color:#000;
}

#entry div.payment div.price div.row div.ans{
	width:140px;
	box-sizing: border-box;
	padding:10px;
	border-left:solid 5px #fff;
	
	text-align: right;
	
	background-color:#f0f0f0;
	color:#000;
}

#entry div.payment div.price div.row:last-child p.que{
	background-color:#888;
	color:#fff;
}

#entry div.payment div.price div.row:last-child div.ans{
	background-color:#888;
	color:#fff;
}

#entry div.payment div.price div.row:last-child div.ans b{
	font-size:1.0rem;
}

#entry div.payment div.price div.group:last-child div.row p.que{
	background-color:#f0f0f0;
	color:#000;
}

#entry div.payment div.price div.group:last-child div.row div.ans{
	background-color:#f0f0f0;
	color:#000;
}

#entry div.sales{
	margin-bottom:40px;
}

#entry div.sales p.caption{
	text-align: left!important;
}

#entry div.bonus{
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	width:100%;
	margin:0 auto;
	max-width: 800px;
}

#entry div.bonus div.row{
	width:100%;
	
	margin-bottom:20px;
	
	display:flex;
	flex-flow: row wrap;
	align-items: stretch;
	justify-content: flex-start;
	
	box-sizing: border-box;
	padding:10px;
	border:solid 5px #f0f0f0;
}

#entry div.bonus div.row:last-child{
	margin-bottom:0;
}

#entry div.bonus div.row p.thumbnail{
	width:80px;
}

#entry div.bonus div.row p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

#entry div.bonus div.row div.text{
	width:calc(100% - 80px);
	
	box-sizing: border-box;
	padding-left:20px;
}

#entry div.sales div.row:last-child{
	margin-bottom:0;
}

#entry div.sales div.row h4{
	font-size:1.0rem;
	line-height:1.75em;
	font-weight:bold;
	color:#48c;
	
	margin-bottom:5px;
}

@media only screen and (min-width: 720px){
	
	#entry div.sales div.row h4{
		font-size:1.25rem;
		line-height:1.75em;
	}
	
}

#entry div.point-exchange{
	margin-bottom:20px;
}

#entry div.point-exchange p.thumbnail{
	width:100%;
	margin:0 auto;
	max-width: 480px;
}

#entry div.point-exchange p.thumbnail img{
	width:100%;
	vertical-align: bottom;
}

#entry div.attention{
	margin-bottom:20px;
}

#entry div.attention ul{
	width:100%;
	margin:0 auto;
	max-width: 640px;
	
	font-size:0.8rem;
	line-height:1.75em;
}

#entry div.attention ul li{
	margin-bottom:5px;
	
	box-sizing: border-box;
	padding-left:12.5px;
	position: relative;
}

#entry div.attention ul li:before{
	content:"※";
	
	display:block;
	position: absolute;
	top:0;
	left:0;
}

#entry div.attention ul li:last-child{
	mergin-bottom:0;
}