@charset "utf-8";
h2{background:none}
/* CSS Document */

/*共通*/
#channel #contents {
	width:100%
}

#channel #contents img {
	width:100%
}

/*--visual_main--*/

#channel #contents .visual_main {
	position: relative;
	width:100%;
}

#channel #contents .visual_main h2 {
	position: absolute;
	width:100%;
	text-align: center;
	font-size: 35px;
	font-weight: bold;
	top:50%;
	margin-top: -1em;
	color:#ffffff;
	line-height: 1em;
	letter-spacing: 0.1em;
}

#channel #contents .visual_main h2 .txt_sub {
	font-size: 17px;
	color:#ffea00;
	letter-spacing: 0.05em;
}

/*box_user-voice*/
#channel #contents .box_user-voice {
	background-color: #ef4475;
	min-height: 197px;
}
#channel #contents .box_user-voice .wrap {
	min-height: 197px;
	background: #ef4475 url(../images/channel/img_01_01.png) no-repeat;
	background-position: 8% 15px;
	background-size: 28% auto;
}

#channel #contents .box_user-voice .ballon {
	max-width:128px;
	position: relative;
	left:38%;
	padding-top: 2em;
}

#channel #contents .box_user-voice .ballon .square {
	background-color: #ffffff;
	font-size: 14px;
	text-align: center;
	line-height: 1.8em;
	letter-spacing: 0.2em;
	color:#ef4475;
}
#channel #contents .box_user-voice .img_balloon {
	max-width: 7px;
	padding: 0;
	line-height: 100%;
	position: relative;
	left:13%;
}
#channel #contents .box_user-voice .img_balloon img {
	width:100%;
	margin: 0;
	border: 0;
	vertical-align: top;
}
#channel #contents .box_user-voice p.txt_box_user-voice {
	width:65%;
	font-size: 20px;
	line-height: 2em;
	color:#ffffff;
	position: relative;
	left:38%;
}



/*--box--*/
#channel #contents .box .line_yellow {
	width:10%;
	max-width: 73px;
	height: 5px;
	background-color: #ffea00;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top:1px;
}

#channel #contents .box .line_red {
	width:10%;
	max-width: 73px;
	height: 5px;
	background-color: #d71414;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	top:1px;
}



/*--box01--*/
/*-- point --*/
#channel #contents .box h3.ttl_point {
	width:100%;
	max-width: 905px;
	padding-left: 70px;
	margin-left: auto;
	margin-right: auto;
	font-size: 29px;
	background: url(../images/channel/icon_01_01.png) no-repeat;
	background-size: 57px 60px;
	min-height: 60px;
	letter-spacing: 0.15em;
	text-align: left;
	padding-top:15px;
}
#channel #contents .box .bdr_box {
	border-bottom: 1px solid #cccccc;
}
#channel #contents .box .ttl_point_sub {
	font-size: 23px;
	text-align: center;
	letter-spacing: 0.1em;
}

#channel #contents #box01 #tbl01_list {
	width:90%;
	margin-left: auto;
	margin-right: auto;
}

#channel #contents #box01 #tbl01_list > dd {
	width: 47%;
	height: auto;
	min-height: 315;
	margin-right: 6%;
	float: left;
}

#channel #contents #box01 #tbl01_list > dd .box_youtube {
	width:100%;
  	position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; 
    height: 100%;
    overflow: hidden;
}

#channel #contents #box01 #tbl01_list > dd iframe {
	    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#channel #contents #box01 #tbl01_list > dd:nth-child(2n) {
	margin-right: 0;
}







/*--box02--*/

#channel #contents #box02 .bnr01 {
	display: block;
	width:90%;
	margin-left: auto;
	margin-right: auto;
}




/*------------------------------------------------*/
@media only screen and (max-width : 768px) {

/*box_user-voice*/
	#channel #contents .box_user-voice {
		min-height: 155px;
	}
	#channel #contents .box_user-voice .wrap {
		background-size: 180px auto;
		min-height: 155px;
		background-position: 10px 10px;
	}
	#channel #contents .box_user-voice .ballon {
		left:30%;
		padding-top: 0.5em;
	}
	#channel #contents .box_user-voice p.txt_box_user-voice {
		left:30%;
		line-height: 1.5em;
	}
	
/*--box--*/
	#channel #contents .box .txt_point p {
		letter-spacing: 0.05em;
	}

/*--#box01--*/
	
#channel #contents .box h3.ttl_point {
	font-size: 22px;
	letter-spacing: 1px;
	max-width: 90%;
}
	




	
}



@media only screen and (max-width : 420px) {
	
/*--visual_main--*/
	#channel #contents .visual_main h2 {
		font-size:25px;
	}

/*box_user-voice*/
	#channel #contents .box_user-voice {
		min-height: auto;
	}
	#channel #contents .box_user-voice .wrap {
		background: #ef4475 url(../images/channel/img_01_01.png) no-repeat;
		background-position: 0 10px;
		background-size: 28%;
		min-height: auto;
		padding-top:1em;
		padding-bottom: 1em;
	}
	#channel #contents .box_user-voice p.txt_box_user-voice {
		font-size: 14px;
	}
	#channel #contents .box_user-voice p.txt_box_user-voice br {
		display: none;
	}
	
/*--box--*/
	#channel #contents .box .txt_point p {
		font-size:13px;
		bottom:0.1em;
	}
	
/*--box01--*/
	
	#channel #contents #box01 .w420_visible {
		display: block;
	}
	#channel #contents #box01 .w420_none {
		display: none;
	}
	
	#channel #contents #box01 #tbl01_list > dd,
	#channel #contents #box01 #tbl01_list > dd:nth-child(2n) {
		float: none;
		width:90%;
		margin-left: auto;
		margin-right: auto;

	}
/*--box02--*/
	
#channel #contents #box02 .bnr01 {
	display: block;
	width:100%;
	margin-left: auto;
	margin-right: auto;
}
/*--box02--*/	
	#channel #contents #box02 .w420_visible {
		display: block;
	}
	#channel #contents #box02 .w420_none {
		display: none;
	}
	
	
}