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

/* エピソード枠ハートなしここから*/
.episodeBox_noheart {
  background: #F3F1ED;
  margin:0 0 20px;
}
.episodeBox_noheart .main {
  width: 100%;
}
.episodeBox_noheart .inr > p {
  font-weight: bold;
  font-size: 20px;
  margin-top: 0;
  color: #FF7272;
  text-align: center;
  line-height: 120%;
}
.episodeBox_noheart_inr {
  padding: 20px;
}
.episodeBox_noheart_box {
  margin-top: 10px;
  border-radius: 4px;
  padding: 20px 20px 10px 20px;
  background: 20px 20px no-repeat #FCFBFA;
  -webkit-background-size: 22px auto ;
  background-size: 22px auto ;
  
}
.episodeBox_noheart p {
  font-size: 14px;
  margin-bottom: 0;
}
/* エピソード枠ハートなしここまで*/


/*三角アイコン*/
.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 {
	width: 55%;
	padding:4% 3% 3% 3%;
	font-size:1.1rem;
	text-decoration: none;
	outline: none;
	background-color: #FFF;
	color: #666;
	border-radius:5px;
    box-shadow:2px 2px #999 !important;
	margin-bottom:2%;
	margin-left:auto;
    margin-right:auto;
}
.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;
}

.happytaikenPuetext{
	color: #E34F83;
}

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

.illust{
	margin-bottom:20px;
}

.happytaikenComic{
	margin-bottom:10px;
}