@charset utf-8;

/* happy_surprises
-------------------------------------------------------------------------------------------- */

#happy_surprises{
  font-family: "游ゴシック体","Yu Gothic",YuGothic,sans-serif;
  color: #1e1e1e;
}

#happy_surprises .contents p{
  margin-bottom: 0;
}

#happy_surprises .top .main-title{
  text-align: center;
  margin-bottom: 40px;
}

#happy_surprises .top .main-visual p{
  margin: 40px 0 20px;
  font-size: 114.3%;
  line-height: 2;
  text-align: left;
}

#happy_surprises .top .main-visual p span{
  font-size:81.25%;
}

#happy_surprises .main-voices{
  margin-top: 80px;
}

/**----------- 共通部分調整 -----------**/

#happy_surprises .main-voices .voice{
  position: relative;
  padding: 78px 15px 15px;
  margin-bottom: 85px;
}

#happy_surprises .main-voices .voice .subject{
  position: absolute;
  overflow: hidden;
  width: 100%;
  top: -50px;
  left: 20px;
}

#happy_surprises .main-voices .voice .subject .images{
  float: left;
  margin-right: 20px;
}

#happy_surprises .main-voices .voice .subject .name{
  margin: 25px 0 25px;
}

#happy_surprises .main-voices .voice .subject .title{
  font-size: 171.428571%;
  line-height: 1.25;
  width: 97.5%;
}

#happy_surprises .main-voices .voice .comment-box{
  padding: 25px 15px;
  margin-bottom: 18px;
  border-radius: 7px;
  background: #fff;
}

#happy_surprises .main-voices .voice .comment-box .text{
  font-size: 114.3%;
  line-height: 2;
  padding-bottom: 15px;
  background: url(../img/happy_surprises/line01.gif) no-repeat left bottom;
}

#happy_surprises .main-voices .voice .item{
  overflow: hidden;
  padding-top: 20px;
}

#happy_surprises .main-voices .voice .item .images{
  float: left;
  margin-right: 20px;
}

#happy_surprises .main-voices .voice .item .title{
  font-size: 92.857143%;
  margin: 15px 0 8px;
}

#happy_surprises .main-voices .voice .item .name{
  font-size: 114.3%;
  color: #221815;
}

#happy_surprises .main-voices .voice .staff-comment{
  overflow: hidden;
}

#happy_surprises .main-voices .voice .staff-comment .staff-text{
  position: relative;
  float: left;
  width: 510px;
  min-height: 100px;
  padding: 20px 18px;
  background: #fff;
  font-size: 100%;
  line-height: 2;
}

#happy_surprises .main-voices .voice .staff-comment .staff-text:after,
#happy_surprises .main-voices .voice .staff-comment .staff-text:before{
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#happy_surprises .main-voices .voice .staff-comment .staff-text:after{
  border-color: rgba(255, 255, 255, 0);
  border-left-color: #fff;
  border-width: 12px;
  margin-top: -12px;
}

#happy_surprises .main-voices .voice .staff-comment .staff-text:before{
  border-width: 15px;
  margin-top: -15px;
}


/**----------- ロッチー（赤色部分）調整 -----------**/


#happy_surprises .main-voices .beauty{
  border: 3px solid #e50011;
  border-radius: 7px;
  background: url(../img/happy_surprises/bg01.png);
}

#happy_surprises .main-voices .beauty .subject .title,
#happy_surprises .main-voices .beauty .item .title,
#happy_surprises .main-voices .beauty .staff-comment .staff-text{
  color: #e50011;
}

#happy_surprises .main-voices .beauty .staff-comment .staff-text{
  border: 2px solid #e50011;
  border-radius: 7px;
}

#happy_surprises .main-voices .beauty .staff-comment .staff-text:before{
  border-color: rgba(229, 0, 17, 0);
  border-left-color: #e50011;
}


/**----------- ロッ太（青色部分）調整 -----------**/


#happy_surprises .main-voices .health{
  border: 3px solid #005ca5;
  border-radius: 7px;
  background: url(../img/happy_surprises/bg02.png);
}

#happy_surprises .main-voices .health .subject .title,
#happy_surprises .main-voices .health .item .title,
#happy_surprises .main-voices .health .staff-comment .staff-text{
  color: #005ca5;
}

#happy_surprises .main-voices .health .staff-comment .staff-text{
  border: 2px solid #005ca5;
  border-radius: 7px;
}

#happy_surprises .main-voices .health .staff-comment .staff-text:before{
  border-color: rgba(0, 92, 165, 0);
  border-left-color: #005ca5;
}

/* pagenav */
#happy_surprises .pagenav ul li a {
  font-size: 100%;
  color: #ff9600;
  background: #fff0db;
}
#happy_surprises .pagenav ul li.prev a,
#happy_surprises .pagenav ul li.next a {
  color: #003366;
  background: #f0f0f0;
}
#happy_surprises .pagenav ul li a:hover,
#happy_surprises .pagenav ul li.cur a{
  background-color:#ff9600;
  color:#fff;
}
#happy_surprises .pagenav ul li a span{
  padding: 0 0 1px;
  border-bottom: 1px solid #ff9600;
}


#happy_surprises .main-voices .voice .item a {
	color: inherit;
	text-decoration: none;
	outline: none;
	border: none;
	}
#happy_surprises .main-voices .voice .item a:link {
	text-decoration: none;
	}
#happy_surprises .main-voices .voice .item a:visited {
	text-decoration: none;
	}
#happy_surprises .main-voices .voice .item a:hover {
	text-decoration: underline;
	}