@charset "utf-8";


/*■■■■■■■
　　PC版設定
■■■■■■■■*/
body {
font-family: "メイリオ","Yu Gothic","Lucida Grande","YuGothic","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Geneva,Arial,Verdana,sans-serif;color:#000; text-align:center; }
/*
■ ブラウザのマージンとパディング初期化
*/
*{margin:0;padding:0;}
body,div,p,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,table,tr,td {
padding: 0;
margin: 0;
}
/*
■ イメージ初期化
*/
img {vertical-align:top;margin:0;padding:0;border:none;}
/*
■ 境界線
*/
hr { display:none;}
/*
■ リンク設定
*/
a img{border: none;}
a:hover img { opacity:0.7;}

a {color: #00B8EE;text-decoration:none;}
a:hover {color:#00B8EE;text-decoration:underline;}
a:visited {color:#00B8EE;text-decoration:underline;}
/*
■ float
*/
.fleft { float:left;}
.fright { float:right;}
.fcl:after,.row:after {
content: " ";
clear: both;
height: 0;
display: block;
visibility: hidden;
}
/*
■ テキスト
*/
.align_center {text-align:center;}
.align_left {text-align:left;}
.align_right {text-align:right;}

.txt_s {font-size:0.8em;}

.txt_white { color:#FFF;}
.txt_red { color:#e5004f;}
.txt_yellow { color:#ffff00;}
.txt_orange {color:#e74514; font-weight:bold;}

/*
■ マージン/パディング調整
*/
.m_top5 { margin-top: 5px;}
.m_top10 { margin-top: 10px;}
.m_top15 { margin-top: 15px;}
.m_top20 { margin-top: 20px;}
.m_top25 { margin-top: 25px;}
.m_top30 { margin-top: 30px;}
.m_top35 { margin-top: 35px;}
.m_top40 { margin-top: 40px;}
.m_top45 { margin-top: 45px;}
.m_top50 { margin-top: 50px;}
.m_top55 { margin-top: 55px;}
.m_top60 { margin-top: 60px;}
.m_top80 { margin-top: 80px;}

.m_right10 { margin-right:10px;}
.m_right20 { margin-right:20px;}

.m_bottom5 { margin-bottom: 5px;}
.m_bottom10 { margin-bottom: 10px;}
.m_bottom15 { margin-bottom: 15px;}
.m_bottom20 { margin-bottom: 20px;}
.m_bottom25 { margin-bottom: 25px;}
.m_bottom30 { margin-bottom: 30px;}
.m_bottom35 { margin-bottom: 35px;}
.m_bottom40 { margin-bottom: 40px;}
.m_bottom45 { margin-bottom: 45px;}
.m_bottom50 { margin-bottom: 50px;}
.m_bottom55 { margin-bottom: 55px;}
.m_bottom60 { margin-bottom: 60px;}
.m_bottom80 { margin-bottom: 80px;}

.m_left30 { margin-left: 30px;}
.m_left40 { margin-left: 40px;}
.m_left50 { margin-left: 50px;}
.m_left230 { margin-left:230px; }

.p_bottom30 { padding-bottom:30px;}
.p_bottom40 { padding-bottom:40px;}
.p_bottom50 { padding-bottom:50px;}

/*
■ リスト
*/
ul{list-style:none;margin:0;padding:0;}
/*

/*
■ 非表示
------------------------------------------*/
.hd { display:none; }

/*■■■■■■■
　　共通設定
■■■■■■■■*/





/*■■■■■■■■■■■
　　コンテンツ設定
■■■■■■■■■■■■*/

/* body */

body {text-align:center; font-size:20px;}
.box_wrap {width:1000px; min-height:100px; margin:0 auto;}

/* header */

#header {background:#FFF; border-bottom: solid 5px #560183; text-align:left;}
#header img {margin:25px 0;}
#keyvisual .box_visual {background: #f3f2ee;}
#keyvisual .box_medal {background: #560183; margin-bottom:40px;}
#message {background:url(message.jpg) no-repeat top center; padding-top: 680px;}

/* entry */

.entry_trial .box_wrap {border: solid 20px #c083de; background: #FFF; box-sizing: border-box; border-top:none; }
.entry_trial_btn {margin-bottom:30px;}

.entry img.lead,.entry_trial img.lead {margin: 40px 0 20px 0;}
.entry .box_wrap {border: solid 20px #ffcc82; background: #FFF; box-sizing: border-box; border-top:none; margin-bottom:50px;}
.entry .box_teiki{border:solid 4px #fb9dc7; background:#fdf1f8; margin:0 30px 50px;}
.entry .box_teiki p {padding: 0 30px; text-align: left; font-size: 0.9em;}
.entry .box_teiki a {margin: 0 30px 20px; font-size: 0.9em; float: right; color:#cc0000; text-decoration: underline;}
.entry .box_teiki a:hover {text-decoration: none;}
.entry_btn {margin-bottom:50px;}
.entry_trial ul.caution {text-align: left; font-size: 0.8em; margin:1em 80px 0; list-style-type: disc;}

/* sec01 */

#sec01 {background:url(sec01_guarantee.jpg) no-repeat center top ; padding-top:680px; }
#sec01 p.caution {margin-bottom:50px;}

/* sec02 */

#sec02 {background:url(sec02_media.jpg) no-repeat center top ;padding-top: 1200px;}

/* sec03 */

#sec03 {background:url(sec03_bg.jpg) no-repeat center top ;}
#sec03 .box_title {width:940px; border: solid 2px #e4007f; background:#e4007f; color:#FFF; padding:10px 20px 5px; text-align: left;}
#sec03 .box_body {width:940px; border: solid 2px #e4007f; background:#FFF; padding:20px;margin-bottom: 50px;}
#sec03 .box_body p {width:520px; text-align: left;}
#sec03 dl {width:600px; text-align: left;}
#sec03 dd {padding-top:30px; font-size: 1.2em;}
#sec03 img.signature {width:285px; vertical-align: bottom;}

/* sec04 */

#sec04 {background:url(sec04_bg.jpg) no-repeat center top ; padding-top:380px; }
#sec04 .box_wrap {width: 920px; padding:30px 40px 0;}
#sec04 .box_wrap.txt {width: 920px; padding:0 40px;}
#sec04 .box_wrap_02 {width: 1000px; min-height: 100px; margin: 0 auto; padding:20px 0 0;}
#sec04 .box_wrap_02.last {margin-bottom:30px;}
#sec04 p.fright {width:640px; text-align: left; font-size: 1.1em; line-height:2;}
#sec04 strong {color:#ec68a1;}
#sec04 p.caution {text-align: left;}
#sec04 .box_wrap_02 img {width:490px;}

/* sec05 */

#sec05 {background:url(sec05_title.jpg) no-repeat center top ; padding-top:1100px; padding-bottom:80px; }
#sec05 p {text-align: left; margin-bottom: 30px;}
#sec05 p.subtitle {background:#1d2088; padding:5px 0 3px; font-size: 1.2em; margin-bottom: 0; color:#FFF; font-weight: normal; text-align: center;}
#sec05 p.ex {font-size: 1.2em; line-height: 2;}
#sec05 p.ex strong {color:#ec68a1; font-weight:bold;}
#sec05 p.ex span {color:#FFF; font-weight: bold; background: #ec68a1; padding: 2px 4px 0; margin: 0 4px;}
#sec05 img.ex {margin-bottom: 50px;}

/* sec06 */

#sec06 {background:url(sec06_title.jpg) no-repeat center top ; padding-top:869px; }
#sec06 .bg {background:url(sec06_bg.jpg) repeat-y center;}
#sec06 .box_wrap { border: solid 5px #d6b32e; padding:30px; border-top:none; box-sizing: border-box;}
#sec06 .box_wrap p {font-size: 1.2em; line-height: 2; text-align: left; margin-bottom: 30px;}

/* sec07 */

#sec07 {background:url(sec07_title.jpg) no-repeat center top ; padding-top:690px; }
#sec07 .bg {background:url(sec07_bg.jpg) repeat-y center ; padding-bottom: 80px;}
#sec07 .box_wrap {background:#FFF; padding-top:10px; margin-bottom: 20px;}
#sec07 dl dd {padding: 30px 50px; font-size: 0.6em; text-align: left;}

/* sec08 */

#sec08 .box_wrap {width:920px; background:#f6f3ee; padding:40px;}
#sec08 .fleft p {line-height: 1em; font-size: 0.8em; position:relative; top:10px; left:-20px;}
#sec08 .fright {width:735px; padding:20px; margin-bottom: 30px; background:#FFF; border-radius: 10px; font-size: 0.9em; text-align: left;}
#sec08 .box_lotion,#sec08 .box_selum { margin-bottom: 10px;}
#sec08 .box_lotion .fright {border:solid 10px #ff75a1; }
#sec08 .box_selum .fright {border:solid 10px #84ccc9;  }
#sec08 .box_cream .fright {border:solid 10px #c1b6e5; }
#sec08 p.caution {text-align: left; font-size: 0.6em;}

/* sec_koushiwa */

.sec_koushiwa_link {width:1000px; min-height:260px; margin-top:30px; padding-top:210px; border:solid 5px #a35dc6; box-sizing: border-box; background:url(sec_koushiwa_link.jpg) no-repeat top center; background-size: 100% auto;}
.sec_koushiwa_link a {margin: 0 30px 20px; font-size: 0.9em; float: right; color:#570084; text-decoration: underline;}
.sec_koushiwa_link a:hover {text-decoration: none;}

#sec_koushiwa {background: url(sec_koushiwa_bg.jpg) repeat-y center top;}
#sec_koushiwa .box_title {min-height:530px; background: url(sec_koushiwa_title.jpg) no-repeat top center;}
#sec_koushiwa .box_title p {width:750px; padding:350px 0 0 250px; color:#FFF; font-weight:bold; font-size:1.15em; line-height:1.5; text-align:left;text-shadow: -2px 4px 0 rgba(0,0,0,0.3); }
#sec_koushiwa .box_body {background:#FFF; padding:20px 30px 30px; margin-bottom:20px;}
#sec_koushiwa .box_body p {width:440px; text-align: left;}
#sec_koushiwa .honor {height:400px; background: url(sec_koushiwa_img_07.jpg) no-repeat center top;}


/*------------------------------------------
■ footer
------------------------------------------*/

#footer {border-top:solid 4px #c9c9c9; padding:20px 0; margin-top: 80px; font-size:0.8em; }
#footer .box_wrap  {width:1000px; margin:0 auto;}
#footer ul { line-height:1; margin-bottom:10px;}
#footer li a:after {content:" | "; color:#999;}
#footer li a { float:left; margin-right: 10px; color:#000; }
#footer li a:hover {text-decoration:underline;}
#footer li a:visited {color:#;}


#footer p.copyright {text-align:left; margin-top:30px;}

/* Pageup button */

#page-top {
	position:fixed;
	bottom:10px;
	right: 10px;
}
#page-top a {
	width:60px;
	height:60px;
	padding: 8px;
	border: solid 1px #c1b6e5;
	background:url(icon_top.png) #FFF no-repeat center ;
	border-radius:6px;
	display:block;
	text-indent: -9999px;
}
#page-top a:hover {
	border: solid 1px #FFF;
	background:url(icon_top_ov.png) #c1b6e5 no-repeat center;	opacity:0.7;
}