@charset "utf-8";

@import url("../css/style.css");

body { text-align:left;}
/* */
section#topoffer {
background-color:#341e10;
}
section#topoffer div.jumpbtn {
margin:0 0 40px 0;
}

#monitor,
#nayami,
#whey,
#feature,
#beauty,
#howtouse {margin-bottom:50px;}

#whey h3 {clear:both;}

#whey span.fontb { font-weight:bold; background:#d8f1ff; }
#beauty span.fontb { font-weight:bold; background:#ffd8da; }

p.txt_rpic {margin:10px 10px 30px 10px;background:#FFF;}
p.txt_lpic {margin:10px 10px 30px 10px;background:#FFF;}
p.txt_bpic {margin:10px;background:#FFF;}
p.txt_bpicb20 {margin:10px 10px 20px;background:#FFF;}

img.pic_fl {margin-right:14px;margin-top:10px;}
img.pic_fr {margin-left:14px;margin-top:10px;}

#howtouse .howbox {border:3px solid #958473;}
#howtouse p {padding:10px;background:#FFF;font-weight:bold;}
#howtouse dl { margin:10px 0 0 10px; }
#howtouse dt { clear:left; float:left;font-weight:bold; background:#b39581; color:#FFF; padding:0 6px; margin-bottom:0.5em; }
#howtouse dd { padding-left:2em; margin:0 1em 0.5em 0;background:#FFF; }

#campaign {}

/* kogeru
section#koge div.kogetxt {
border-right:5px solid #ff4200;
border-left:5px solid #ff4200;
border-bottom:5px solid #ff4200;
padding:20px 30px;
}
section#koge div.kogetxt p  {
text-align:left;
}
section#koge div.kogetxt img.kogepic  {
margin-top:8px;
margin-right:14px;
}

/* kadomaru */
.bottomright{
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -khtml-border-radius-bottomright: 20px; 
    border-bottom-right-radius: 20px;
}

.bottomleft{
    -moz-border-radius-bottomleft: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -khtml-border-radius-bottomleft: 20px;  
    border-bottom-left-radius: 20px;
}

/* feature
section#feature section#feature1 p,
section#feature section#feature2 p, 
section#feature section#feature3 p {
padding:0 20px;
}
section#feature section#feature2 img.mineral {
margin:8px 14px 10px 20px;
float:left;
}

/* order */
section#order {
background-color:#331e0f;
}
section#order_teiki div.ordertxt,
section#order_usual div.ordertxt {
font-size:20px;
line-height:1.5;
padding:10px 10px 20px;
background:#331e0f;
color:#FFF;
}
section#order_teiki div.ordertxt a,
section#order_usual div.ordertxt a {
color:#FF0;
text-decoration:underline;
}

#detail p {background:#FFF;}

/* 170728 キャンペーン期間をテキストに変更 */
#order .period { background:#ff2500;}
#order .period .period_txtbox { color:#fff; font-size:1.4rem; line-height:1; padding:8px; display:block; text-align:center !important;}

.m1707 { border:3px solid #331e0f;}
.m1707 img { width:100%;}
.m1707 .period_txtbox2 { background:url(images/sp_m_orderbg_1707.jpg) repeat-y; color:#46392e; padding:14px; font-size:1.2rem; line-height:1.6; -webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; border-radius:0 0 8px 8px;}