@charset "UTF-8";

/********** browser default initialization **********/

body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	line-height: 1.4;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th {
	text-align: left;
}
q:before ,q:after {
	content: '';
}
object, embed {
	vertical-align: top;
}
hr, legend {
	display: none;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
img, abbr, acronym, fieldset {
	border: 0;
}
img {
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
ul li {
	list-style-type: none;
}

@media print {
	body	{ display: none }
}



/* =========================================================
	basic style
========================================================= */
html{
	height:	100%;
	}

body{
	margin:	0;
	padding:	0;
	height:	100%;
	background:	#ffffff;
	color:	#454546;
	line-height: 1.4;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-align:	center;
	-webkit-text-size-adjust:	100%;
	}

	.pc{
	display:	block;
	}

	.pc_tablet{
	display:	block;
	}

	.tablet_phone	{
	display:	none;
	}

	.tablet	{
	display:	none;
	}

	.phone	{
	display:	none;
	}

ul{
	margin:	0;
	padding:	0;
	}

p	{
		margin:	1.2em 0 1.2em 0;
		line-height: 1.6;
		text-align:	left;
}

a	{
	overflow:	hidden;
	outline:	none;
	border:	none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:focus	{
	outline:none;
}

a:link	{
		color:#f44f65;
		text-decoration: none;
	}

a:visited	{
		color:#f44f65;
		text-decoration: none;
		}

a:hover	{
		color:#fc98a6;
		text-decoration: none;
		}

a:active	{
		color:#fdb3bd;
		text-decoration: none;
		}

img	{
		margin:	0;
		border:	0;
		}

a img	{
		margin:	0;
		border:	0;
		}

a:hover img{
	opacity:	0.7;
	-moz-opacity:	0.7;
	filter: alpha(opacity=70);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

/* contents
--------------------------------------------------------- */
#wrapper	{
	width:	100%;
	min-height:	100%;
	position:	relative;
	}

#contents	{
	position:	relative;
	width:	900px;
	margin:	20px auto 0 auto;
	padding-bottom:	70px;
}

#contents_inner_msg	{
	clear:	both;
	margin:	0 auto;
	width:	95%;
}



/* logo_area
--------------------------------------------------------- */
#logo_area	{
	margin:	0 auto;
	width:	900px;
	height:	35px;
}

#logo_area ul	{
	margin:	20px 0 0 0;
}

#logo_area li	{
	float:	left;
	margin:	0 20px 0 0;
}

#logo_area li img	{
	width:	120px;
	height:	auto;
}


/* header
--------------------------------------------------------- */
header	{
	overflow:	hidden;
	position: relative;
	margin:	0 auto;
	width:	100%;
	padding:	30px 0;
	background:	#ff546a;
}

#home header	{
	overflow:	hidden;
	height:	500px;
	margin:	0;
	padding:	0;
	background:	#ffffff url(../img/bg.gif) repeat-x top;
}

html>/**/body header{
	padding /*\**/:	0 \9;
	height /*\**/:	110px \9;
    }

#header_inner	{
	margin:	0 auto;
	padding:	20px 0;
	width:	900px;
}

body#home #header_inner	{
	margin:	0 auto;
	padding:	0;
	width:	900px;
	height:	500px;
}

#header_inner h1	{
	overflow:	hidden;
	float:	left;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}


body#home #header_inner h1	{
	overflow:	hidden;
	float:	left;
	position: static;
	top: 0%;
	-webkit-transform: translateY(0%);
	transform: translateY(0%);
}

body#home #header_inner h1 img	{
	margin:	0;
	padding:	0;
	width:	900px;
	height:	500px;
}

#header_inner h1 img	{
	width:	756px;
}

h2	{
	width:	100%;
	font-size:	24px;
	text-align:	left;
	border-bottom:	2px solid #666666;
}

body#home h2	{
	width:	100%;
	color:	#f3334c;
	font-size:	24px;
	text-align:	left;
	border-bottom:	none;
}

h3#banner_present	{
	margin:	40px 0 70px 0;
	width:	900px;
}

h3#banner_present img	{
	width:	100%;
	height:	auto;
}


/* btn_home
--------------------------------------------------------- */

.btn_home_l a,.btn_home_r a	{
	float:	left;
	display:	block;
	margin:	0 0 50px 0;
	padding:	1px 2px;
	width:60px;
	font-family:	'Poppins', sans-serif;
	font-size:	14px;
	border:	1px solid #ff546a;
}

.btn_home_r a	{
	float:	right;
}


/* guest_area_onair
--------------------------------------------------------- */
#guest_area{
	overflow:	hidden;
	width:	900px;
	margin:	30px 0 100px 0;
}

#guest_area ul#guest_onair li	{
	overflow:	hidden;
	margin:	0 10px 10px 0;
	width:	445px;
	height:	200px;
	text-align:	left;
	border:	#c8c8c8 solid 5px;
	box-sizing: border-box;
}

#guest_area ul#guest_onair li:nth-child(odd)	{
	float:	left;
}

#guest_area ul#guest_onair li:nth-child(even)	{
	float:	right;
	margin:	0 0 10px 0;
}

#guest_area ul#guest_onair a	{
	color:	#454546;
}

#guest_area a:hover img{
	opacity:	1.0;
	-moz-opacity:	1.0;
	filter: alpha(opacity=100);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

#guest_area a:hover .guest	{
	opacity:	0.7;
	-moz-opacity:	0.7;
	filter: alpha(opacity=70);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


ul#guest_onair .guest img{
	float:	left;
	margin:	0 5px 0 0;
	width:	180px;
	height:	auto;
	border:	5px solid #ffffff;
}

ul#guest_onair .guest_info	{
	padding:	10px;
	height:	180px;
	text-align:	left;
}

ul#guest_onair .guest_info h1	{
	font-size:	22px;
}

ul#guest_onair .guest_info p	{
	margin:	5px 0;
	font-size:	14px;
	line-height:	1.2;
}

.label_area	{
	overflow:	hidden;
	margin:	0 0 5px 0;
}

.label	{
	float:	left;
	color:	#ffffff;
	font-size:	12px;
	margin:	2px 4px 0 0;
	padding:	3px 4px 0 4px;
	line-height:	1.4;
	font-family:	'Poppins', sans-serif;
	letter-spacing:	2px;
}

.time	{
	color:	#ff546a;
	border:	1px solid #ff546a;
	font-family:	'Poppins', sans-serif;
	letter-spacing:	2px;
}

.kurashi	{
	background:	#ff9933;
	border:	1px solid #ff9933;
}

.man	{
	background:	#cccc33;
	border:	1px solid #cccc33;
}

.woman	{
	background:	#cc3399;
	border:	1px solid #cc3399;
}

.odekake	{
	background:	#3399ff;
	border:	1px solid #3399ff;
}

.premium	{
	background:	#e1a71c;
	border:	1px solid #e1a71c;
}


img#guest_all	{
	width:	100%;
	height:	auto
}


/* guest_area_open
--------------------------------------------------------- */
#guest_area ul#guest_open	{
	width:	860px;
	margin:	0 auto;
}

#guest_area ul#guest_open li	{
	overflow:	hidden;
	float:	left;
	margin:	0 10px 10px 0;
	width:	160px;
	height:	225px;
	text-align:	center;
	border:	#c8c8c8 solid 5px;
	box-sizing: border-box;
}

#guest_area ul#guest_open a:hover li	{
	border:	#e9e9e9 solid 5px;
}

#guest_area ul#guest_open li#guest_title	{
	background:	#ff546a;
	border:	#ff546a solid 5px;
}

#guest_area ul#guest_open li:nth-child(5)	{
	margin:	0 0 10px 0;
}

ul#guest_open li img{
	float:	left;
	margin:	0 5px 5px 0;
	width:	150px;
	height:	auto;
}

ul#guest_open li h1	{
	margin:	0;
	padding:	0;
	font-size:	14px;
}


#guest_area ul#guest_open a:hover img{
	opacity:	0.7;
	-moz-opacity:	0.7;
	filter: alpha(opacity=70);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


/* antenna area
--------------------------------------------------------- */
#antenna_area{
	margin:	0px auto 40px auto;
	width:	85%;
	text-align:	center;
}

#antenna_area a{
	display: block;
	padding:	20px 20px;
	color:	#739405 !important;
	border:	2px solid #87ae06;
	-moz-border-radius:	20px;
	-webkit-border-radius:	20px;
	border-radius:	20px;
}

#antenna_area a:hover{
	color:	#bfda64 !important;
	border:	2px solid #bfda64;
}

#antenna_area h2	{
	color:	#739405 !important;
	font-size:	20px !important;
	text-align:	center !important;
}


/* download
--------------------------------------------------------- */
#dl_area	{
	overflow:	hidden;
	margin:	80px 0 40px 0;
	padding:	50px 0;
	border-top:	1px solid #cbcbc9;
	border-bottom:	1px solid #cbcbc9;
	text-align:	center;
}

#dl_area h2	{
	display:	inline;
	margin:	0 auto 50px auto;
	color:	#87ae06 !important;
	font-family:	'Poppins', sans-serif;
	font-size:	30px !important;
	text-align:	center;
}

#dl_area h2.app_title:before	{
	content:	"";
	display: inline-block;
	width:	28px;
	height:	28px;
	margin:	-4px 8px 0 0;
	background:	url(../img/antenna_app.jpg) no-repeat;
	background-size:	contain;
	vertical-align:	middle;
}

#dl_area h3	{
	font-size:	20px;
	margin:	20px auto 30px auto;
}

#dl_area p	{
	margin:	20px auto 30px auto;
	width:	640px;
	font-size:	16px;
}

#dl_area ul	{
	overflow: hidden;
	width:	470px;
	margin:	20px auto 0 auto;
	text-align:	center;
}

#dl_area li	{
	float:	left;
	margin:	0 20px 0 0;
}
#dl_area li:last-child	{
	margin:	0;
}

#dl_area li a	{
	float:	left;
	width:	200px;
	line-height:	1.0;
	font-size:	14px;
	padding:	12px 10px 10px 10px;
	font-family:	'Poppins', sans-serif;
	font-size:	20px !important;
	border:	2px solid #f44f65;
	-moz-border-radius:	20px;
	-webkit-border-radius:	20px;
	border-radius:	20px;
}

#dl_area li a:hover	{
	border:	2px solid #fe92a1;
}


/* footer
--------------------------------------------------------- */

#listen_module{
	padding:	0 0 100px 0;
}

footer{
	position:absolute;
	bottom:	0;
	margin:	0;
	width:	100%;
	height:	70px;
	font-family:	'Poppins', sans-serif;
	font-size:	14px;
	letter-spacing:	1px;
}

#footer_inner{
	margin:	20px auto 0 auto;
}



/* =========================================================
	media queries for tablet
========================================================= */
@media only screen and (max-width : 900px){

	.pc{
	display:	none;
	}

	.pc_tablet{
	display:	block;
	}

	.tablet_phone	{
	display:	block;
	}

	.tablet	{
	display:	block;
	}

	.phone	{
	display:	none;
	}

a{
	opacity:	1.0;
	-moz-opacity:	1.0;
	filter: alpha(opacity=100);
}

a:hover img{
	opacity:	1.0;
	-moz-opacity:	1.0;
	filter: alpha(opacity=100);
}

a	{
	overflow:	hidden;
	outline:	none;
	border:	none;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}


a:focus	{
	outline:none;
}




/* contents
--------------------------------------------------------- */

#contents	{
	width:	95%;
}

/* logo_area
--------------------------------------------------------- */
#logo_area	{
	margin:	0 auto;
	width:	95%;
	height:	35px;
}

/* header
--------------------------------------------------------- */
header	{
	margin:	0 auto;
	width:	100%;
}

body#home header	{
	overflow:	hidden;
	position: relative;
	margin:	0 auto;
	width:	100%;
	height:	auto;
	padding:	5px 0;
	background:	#ff546a;
}


body#home #header_inner	{
	margin:	0 auto;
	padding:	0;
	width:	95%;
	height:	auto;
	min-height:	300px;
}

#header_inner h1 img	{
	width:	90%;
	height:	auto;
}

body#home #header_inner h1 img	{
	width:	95%;
	height:	auto;
}

body#home h2	{
	font-size:	30px;
}

h3#banner_present	{
	margin:	20px 0 40px 0;
	width:	100%;
}

h3#banner_present img	{
	width:	100%;
	height:	auto;
}


/* guest_area_onair
--------------------------------------------------------- */

#guest_area{
	overflow:	hidden;
	width:	100%;
	margin:	30px 0 50px 0;
}

#guest_area ul#guest_onair li	{
	width:	100%;
}


/* guest_area_open
--------------------------------------------------------- */
#guest_area ul#guest_open	{
	overflow:	hidden;
	width:	100%;
	margin:	0 auto 0 0.5%;
}

#guest_area ul#guest_open a:hover{
	opacity:	1.0;
	-moz-opacity:	1.0;
	filter: alpha(opacity=100);
}

#guest_area ul#guest_open a:hover img{
	opacity:	1.0;
	-moz-opacity:	1.0;
	filter: alpha(opacity=100);
}


#guest_area ul#guest_open li{
	overflow:	hidden;
	float:	left;
	margin:	0 1% 1% 0;
	width:	49.0%;
	height:	150px;
	text-align:	left;
	border:	#c8c8c8 solid 5px;
	box-sizing: border-box;
}

#guest_area ul#guest_open a:hover li	{
	border:	#c8c8c8 solid 5px;
}

#guest_area ul#guest_open li:nth-child(5)	{
	margin:	0 1% 1% 0;
}

#guest_area ul#guest_open li:nth-child(even)	{
	margin:	0 0 1% 0;
}

ul#guest_open li img{
	float:	left;
	margin:	0 10px 0 0;
	width:	150px;
	height:	auto;
	xborder:	2px solid #ffffff;
}

ul#guest_open li h1	{
	margin:	20px 0 0 0;
	padding:	0;
	font-size:	24px;
}


/* antenna area
--------------------------------------------------------- */
#antenna_area{
	margin:	20px auto 40px auto;
	width:	90%;
}

#antenna_area a{
	padding:	25px 15px;
}

#antenna_area a:hover{
	color:	#739405 !important;
	border:	2px solid #87ae06;
}

#antenna_area h2	{
	font-size:	18px !important;
}


/* download
--------------------------------------------------------- */

#dl_area	{
	overflow:	hidden;
	margin:	50px 0 20px 0;
	padding:	20px 0;
}

#dl_area ul	{
	width:	100%;
}

#dl_area h2	{
	margin:	0 auto 20px auto;
}

#dl_area h3	{
	font-size:	16px;
	margin:	20px auto 20px auto;
}

#dl_area p	{
	margin:	10px auto 10px auto;
	width:	100%;
}

#dl_area ul	{
	overflow: hidden;
	width:	470px;
	margin:	20px auto 0 auto;
	text-align:	center;
}

#dl_area li a	{
	color:	#ff546a !important;
}

#dl_area li a:hover	{
	border:	2px solid #f44f65 !important;
}

}



/* =========================================================
	media queries for smartphone
========================================================= */
@media only screen and (max-width : 640px){

	.pc{
	display:	none;
	}

	.pc_tablet{
	display:	none;
	}

	.tablet_phone	{
	display:	block;
	}

	.tablet	{
	display:	none;
	}

	.phone	{
	display:	block;
	}

a:hover img{
	opacity:	1.0;
	-moz-opacity:	1.0;
	filter: alpha(opacity=100);
}


/* contents
--------------------------------------------------------- */
#wrapper	{
	width:	100%;
	}

#contents	{
	padding-bottom:	100px;
}


/* logo_area
--------------------------------------------------------- */
#logo_area	{
	height:	30px;
}

#logo_area li	{
	margin:	0 10px 0 0;
}

#logo_area li img	{
	width:	90px;
}


/* header
--------------------------------------------------------- */
header	{
	margin:	0 auto;
	width:	100%;
	background:	#ff546a;
}

#home header	{
	padding:	0;
}

#header_inner	{
	margin:	0 auto;
	padding:	0;
	width:	100%;
}

body#home #header_inner	{
	padding:	0;
	height:	auto;
	min-height:	120px;
}

body#home #header_inner h1 img	{
	margin:	0 auto;
	width:	100%;
	height:	auto;
}

body#home h2	{
	font-size:	20px;
}



/* btn_home
--------------------------------------------------------- */
.btn_home_l a,.btn_home_r a	{
	margin:	0 0 30px 0;
	padding:	4px 4px 0 4px;
	width:	30%;
	font-size:	16px;
}



/* guest_area_onair
--------------------------------------------------------- */
#guest_area{
	margin:	20px 0 0 0;
}

#guest_area ul#guest_onair li	{
	margin:	0 10px 10px 0;
	height:	90px;
	border:	#c8c8c8 solid 2px;
}

ul#guest_onair .guest img{
	width:	90px;
	border:	none;
}

ul#guest_onair .guest_info	{
	padding:	5px 2px 5px 10px;
	height:	90px;
	text-align:	left;
}

ul#guest_onair .guest_info h1	{
	font-size:	14px;
}

ul#guest_onair .guest_info p	{
	margin:	2px 0 0 0;
	font-size:	10px;
	line-height:	1.2;
}


.label	{
	float:	left;
	font-size:	10px;
	margin:	0 4px 0 0;
	padding:	2px 2px 1px 2px;
	letter-spacing:	1px;
}


/* guest_area_open
--------------------------------------------------------- */
#guest_area ul#guest_open	{
	width:	100%;
	margin:	0 auto;
}

#guest_area ul#guest_open li	{
	overflow:	hidden;
	float:	left;
	margin:	0 0 5px 0;
	width:	100%;
	height:	90px;
	text-align:	left;
	border:	#c8c8c8 solid 5px;
	box-sizing: border-box;
}

#guest_area ul#guest_open a li	{
	overflow:	hidden;
	float:	left;
	margin:	0;
}

#guest_area ul#guest_open li:nth-child(5)	{
	margin:	0 0 5px 0;
}

#guest_area ul#guest_open li:nth-child(odd)	{
	margin:	0 0 5px 0;
}

#guest_area ul#guest_open li:nth-child(even)	{
	margin:	0 0 5px 0;
}

#guest_area ul#guest_open li#guest_title	{
	width:	100%;
	height:	60px;
}

ul#guest_open li img{
	float:	left;
	margin:	0 10px 0 0;
	width:	90px;
	height:	auto;
	xborder:	2px solid #ffffff;
}

ul#guest_open li h1	{
	margin:	0.8em 0 0 0;
	padding:	0;
	font-size:	20px;
}


/* antenna area
--------------------------------------------------------- */
#antenna_area{
	margin:	20px auto 40px auto;
	width:	100%;
}

#antenna_area a{
	padding:	10px 10px;
}

#antenna_area h2	{
	font-size:	16px !important;
}



/* download
--------------------------------------------------------- */

#dl_area	{
	overflow:	hidden;
	margin:	50px 0 20px 0;
	padding:	20px 0;
}

#dl_area ul	{
	width:	100%;
}

#dl_area h2	{
	margin:	0 auto 10px auto;
}

#dl_area h3	{
	font-size:	14px;
	margin:	10px auto 20px auto;
}

#dl_area p	{
	font-size:	14px;
}

#dl_area ul	{
	overflow: hidden;
	width:	245px;
	margin:	20px auto 0 auto;
	text-align:	center;
}

#dl_area li	{
	margin:	0 10px 0 0;
}

#dl_area li a	{
	width:	100px;
	font-size:	16px !important;
	padding:	6px 5px 5px 5px;
}



}