@charset 'utf-8';
/* CSS Document */
#textarea{
	width:550px;
    margin-left:auto;
    margin-right:auto;
    }
	
#textarea p{
	font-size:14px;
	line-height:150%;
	margin-bottom:15px;
	color:#555;
    }
	
.textarea{
	width:550px;
    margin-left:auto;
    margin-right:auto;
    }


#textarea_inr_jamu{
	width:90%;
    margin-left:auto;
    margin-right:auto;
	background:#eff9eb;
	padding:3% 5% 3% 5%;
	margin-bottom:4%;
    }
	
#textarea_inr_nure{
	width:90%;
    margin-left:auto;
    margin-right:auto;
	background:#feeee2;
	padding:3% 5% 3% 5%;
	margin-bottom:4%;
    }


#textarea_inr_pue{
	width:90%;
    margin-left:auto;
    margin-right:auto;
	background:#fee7f8;
	padding:3% 5% 3% 5%;
	margin-bottom:4%;
    }

.top
{
	float:right;
	font-size:10px;
}

.waku_nw {
	margin: 0 0 15px 0;
	padding: 20px 20px 5px 20px;
	border: 1px solid #F1DCF0;
	background-color:#FFF2F4;
}

.waku_pink{
	margin: 0 0 15px 0;
	padding: 20px 20px 5px 20px;
	border: 1px solid #FFDFF7;
	background-color:#FFF0F0;
	text-align:center;
}

/*角丸ボタン*/
.button:hover {
	background-color: #F93;
	color: #FFF;
}

.button {
	display: inline-block;
	width: 95%;
	padding:4% 3% 3% 3%;
	font-size:0.9rem;
	text-decoration: none;
	outline: none;
	background-color: #FFF;
	color: #666;
	border-radius:5px;
    box-shadow:2px 2px #999 !important;
	margin-bottom:2%;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*２つならびボタン*/
#btn{  
    width:550px;  
    /*スマフォでは 
    width:97%; 
    に変更して使用*/     
}  
  
#btn .btn01 img{  
    float:left;  
    width:46%;  
    margin:15px 0;  
    padding:0 2%;  
}  
  
#btn .btn02 img{  
    float:left;  
    width:48%;  
    margin:15px 0;  
    padding:0 2% 0 0;  
}  
  
.clear{  
    clear:both;  
}  

/*三角アイコン*/
.comicarrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
margin-right:5px;
}
.comicarrow::before,
.comicarrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.sample4-2::before{
width: 1.0rem;
height: 1.0rem;
top:6px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #777;
}
.sample4-2::after{
top:6px;
left: 6px;
box-sizing: border-box;
width: 5px;
height: 5px;
border: 5px solid transparent;
border-left: 5px solid #fff;
}

/*下マージン多*/
.midashi2 {
	position: relative;
	padding: 1em 1em 1em 2.5em;
	margin-bottom:1.5em;
	border-top: 4px solid #6B9ED3;
	background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
	background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
	font-size:16px;
	color:#666;
	font-weight:normal;
}
.midashi2::after {
	position: absolute;
	top: 1em;
	left: 1em;
	z-index: 2;
	content: '';
	width: 8px;
	height: 8px;
	border: 3px solid #6B9ED3;
	border-radius: 100%
}


.pinktext{
	color:#E4007F;
}



/*右下コンテンツ*/
#yokuaru {
	width: 550px;
	margin:0 auto 0 0px;
	text-align:left;
}

.yokuaru_01 {
width: 183px;
float:left;
margin:0 0 0px 0;
}
.yokuaru_02 {
width: 184px;
float:right;
}
.yokuaru_03 {
width: 550px;
float:left;
margin:0 0 0px 0;
}

#yokuaru a:hover,
#side02 a:hover { text-decoration: underline; }

#yokuaru .yokuaru_ttl {/*----各タイトル*/
	font-weight: bold;
	color: #568bc9;
	margin: 15px 0 0px 0;
	/*padding: 8px 0 5px 10px;
	background-position: 22px 0.85em;
	background-color: #d9e9f5;
	border-bottom: 1px solid #d9e9f5;*/
	height:32px;
}

/*#yokuaru ul { border-top: 1px solid #d9e9f5;  }*/

#yokuaru ul li {
	margin: 5px 10px 10px 10px;
	padding-left: 7px;
	background: url(https://www.lovecosmetic.jp/images/cmn/arrow_blue_right.gif) no-repeat left ;
}