@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;
    }

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

.midashi2 {
	position: relative;
	padding: 1em 1em 1em 2.5em;
	margin-bottom:1.0em;
	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%
}

/*メニュー枠*/
.happytaikenBoxContainer01{
	width:90%;
	background-color:#F3F3F3;
	padding:6% 4% 6% 6%;
	margin-bottom:4%;
}

/*２つ並び左*/
.happytaikenMenubox01{
	display: inline-block;
	 width:30%;
}


/*２つ並び右*/
.happytaikenMenubox02 {
	display: inline-block;
	 width:60%;
	 padding-right:3%;
	 float:right;
}


/*三角アイコン*/
.happytaikenArrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
margin-right:5px;
}
.happytaikenArrow::before,
.happytaikenArrow::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:10px;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #777;
}
.sample4-2::after{
left: 6px;
box-sizing: border-box;
width: 5px;
height: 5px;
top:10px;
border: 5px solid transparent;
border-left: 5px solid #fff;
}

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

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

.happytaikenToptext{
	color: #cc68d0;
}

.happytaikenTopProcutstext{
	font-weight:bold;
	font-size:1.0rem;
}

.illust{
	margin-bottom:20px;
}