@charset "UTF-8";
@import url("archive.css");
@import url("20190923_sp.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
@import url('https://fonts.googleapis.com/css?family=Abel');

/********** 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;
}
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%;
	font-size:	62.5%;
	}

body{
	margin:	0;
	padding:	0;
	height:	100%;
	background:	#fff url(../img/bg.jpg) no-repeat top right;
	background-size:	600px auto;
	color:	#777;
	font-size:	14px;
	font-size:	1.4rem;
	letter-spacing:	1px !important;
	line-height:	1.6 !important;
	font-family: 'Noto Sans JP',游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ ゴシック',’MS PGothic’, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-align:	left;
	-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	{
	letter-spacing:	1px !important;
	margin:	2.4rem 0 2.4rem 0;
	text-align:	left;
}

a	{
	xdisplay:	inline-block;
	-webkit-backface-visibility:	hidden;
	backface-visibility:	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;
	}

img.w100	{
	width:	100%;
	heigh:	auto;
	}

img.w95	{
	width:	95%;
	heigh:	auto;
	}

img.w90	{
	width:	90%;
	heigh:	auto;
	}

img.w80	{
	width:	80%;
	heigh:	auto;
	}

img.w70	{
	width:	70%;
	heigh:	auto;
	}

img.w60	{
	width:	60%;
	heigh:	auto;
	}

.txt_l	{
	font-size:	2.0rem;
	margin:	0 0 1.0rem 0;
}

.txt_m	{
	font-size:	1.6rem;
	margin:	0 0 1.0rem 0;
}

.txt_s	{
	font-size:	1.2rem;
	margin:	0 0 1.0rem 0;
}


a img	{
	background:	#fff;
	margin:	0;
	border:	0;
	}

a:hover img{
	display:	inline-block;
	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;
}



/* common
--------------------------------------------------------- */
#wrapper	{
	overflow:	hidden;
	width:	960px;
	margin:	0 auto;
}

#contents	{
	margin:	30px 0 0 0;
	font-size:	16px;
}


main		{
	overflow:	hidden;
}


/********** program **********/
.prg_desc_area	{
	margin:	0 0 50px 0 ;
}

.prg_date	{
	margin:	0 0 5px 0 ;
	color:	#999999;
	font-size:	2.4rem;
	font-family: 'Abel', sans-serif;
}


.prg_desc_area	h2	{
	margin:	0 0 25px 0 ;
	border-bottom:	#666666 solid 2px;
	font-size:	2.8rem;
}

.prg_desc_area	h2 span.prg_num	{
	margin:	0 1.2rem 0 0;
	font-size:	1.6rem;
}

.prg_desc	{
	overflow:	hidden;
	margin:	0 0 50px 0;
}


/* ----- navigator ----- */
.ngt_area	{
	overflow:	hidden;
	margin:	0;
	width:	100%;
	margin:	0 0 20px 0;
}

.ngt_area dl	{
	overflow:	hidden;
	float:	left;
	width:	280px;
	margin:	0 10px 10px 0;
}

.ngt_area dt	{
	float:	left;
	width:	100px;
	margin:	0 10px 0 0;
}

.ngt_area dt img	{
	width:	100px;
	height:	auto;
}

.ngt_area dd	{
	position:relative;
	height:	100px;
	float:	left;
	color:	#666;
	font-size:	1.6rem;
}

.ngt_area dd span	{
	float:	left;
	color:	#999999;
	font-size:	1.2rem;
}

.ngt_area dd span.size_s	{
	color:	#666;
	font-size:	1.2rem;
}

.ngt_name	{
	position:	absolute;
	width:	200px;
	margin:	0;
	bottom:	0;
	font-size:	1.6rem;
	line-height:	1.4;
}



/* slider
--------------------------------------------------------- */
#slider{
	margin-bottom:30px;
	background:	#fff;
}
 
#slider .gallery-cell {
	width: 	600px;
	height:	400px;
	margin-right: 10px;
	counter-increment: gallery-cell;
}

#slider .gallery-cell img {
	width: 	600px;
	height:	400px;
}


/* video
--------------------------------------------------------- */
.video{
	margin:	40px 0 20px 0;
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}


/* jme_area
--------------------------------------------------------- */
#jme_area	{
	overflow:	hidden;
	clear:	both;
	width: 	600px;
	margin:	0 auto;
}

#jme_area h2	{
	font-size:	2.2rem;
	font-family: 'Abel', sans-serif;
	border-bottom:	#666666 solid 1px;
}



/* page top
--------------------------------------------------------- */
#pagetop {
	position: fixed;
	bottom:	40px;
	right:	50px;
	text-align:	center;
}

#pagetop a {
	display:	block;
	z-index:	999;
	padding:	16px 8px 4px 8px;
	width:	35px;
	height:	35px;
	background-color:	#43b762;
	color:	#fff;
	font-size:	1.4rem;
	font-family:	'Abel', sans-serif;
	font-weight:	bold;
	text-decoration:	none;
	text-align:	center;
	-moz-border-radius:	4px;
	-webkit-border-radius:	4px;
	border-radius:	4px;
}

 
#pagetop a:hover {
	text-decoration:	none;
	opacity:	0.7;
}


.arrow{
	width:	15px;
	height:	15px;
	margin:	0 auto -5px auto;
	border:	2px solid;
	border-color:	#ffffff #ffffff transparent transparent;
	transform: rotate(-45deg);
}



/* footer
--------------------------------------------------------- */
footer	{
	overflow:	hidden;
	width:	100%;
	margin:	150px 0 0 0;
	padding:	0 0 100px 0;
}

footer ul	{
	overflow:	hidden;
	margin:	0 0 50px 0;
	width:	445px;
	margin:	0 auto;
}

#footer_home	{
	float:	left;
	height:	60px;
	margin:	0 40px 0 0;
}

#footer_j-wave	{
	float:	left;
}

#footer_j-wave img	{
	width:	auto;
	height:	40px;
}

#footer_copyright	{
	overflow:	hidden;
	width:	100%;
	text-align:	center;
	font-size:	1.2rem;
	font-family: 'Abel', sans-serif;
}



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

	.pc{
	display:	none;
	}

	.pc_tablet{
	display:	block;
	}

	.tablet_phone	{
	display:	block;
	}

	.tablet	{
	display:	block;
	}

	.phone	{
	display:	none;
	}

/* common
--------------------------------------------------------- */
#wrapper	{
	overflow:	hidden;
	width:	100%;
	margin:	0 auto;
}

#contents	{
	margin:	20px auto 0 auto;
	width:	90%;
}

/* j-wave common
--------------------------------------------------------- */
#commonFooter	{
	height:	auto !important;
	position:	relative !important;
}

#commonFooterInner {
	width:	100% !important;
	background:	none #282828;
}


/* slider
--------------------------------------------------------- */
#slider{
	margin-bottom:30px;
}
 
#slider .gallery-cell {
	width: 	100%;
	height:	auto;
	margin-right: 10px;
	counter-increment: gallery-cell;
}

#slider .gallery-cell img {
	width: 	100%;
	height:	auto;
}

}



/* =========================================================
	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);
}


.txt_l	{
	font-size:	1.6rem;
	margin:	0 0 1.0rem 0;
}

.txt_m	{
	font-size:	1.4rem;
	margin:	0 0 1.0rem 0;
}

.txt_s	{
	font-size:	1.0rem;
	margin:	0 0 1.0rem 0;
}

/* common
--------------------------------------------------------- */
main		{
	font-size:	16px;
}

/* j-wave common
--------------------------------------------------------- */
#rating_common_bnr	{
	display:	none;
}


/********** program - latest **********/
.prg_date	{
	font-size:	16px;
}

.prg_desc_area	h2	{
	font-size:	1.8rem;
}

.prg_desc_area	h2 span.prg_num	{
	margin:	0 1.0rem 0 0;
	font-size:	1.4rem;
}


/* ----- navigator ----- */
.ngt_area dl	{
	overflow:	hidden;
	width:	100%;
	height:	80px;
	margin:	0 0 10px 0;
}

.ngt_area dt	{
	width:	80px;
	margin:	0 10px 0 0;
}

.ngt_area dt img	{
	width:	80px;
	height:	auto;
}

.prg_desc	{
	margin:	0;
	clear:	both;
}

.ngt_area dd	{
	height:	80px;
	font-size:	1.6rem;
}

.ngt_area dd span	{
	font-size:	1.2rem;
}



/* page top
--------------------------------------------------------- */
#pagetop {
	bottom:	20px;
	right:	20px;
}

#pagetop a {
	display:	block;
	z-index:	999;
	padding:	16px 8px 0 8px;
	width:	30px;
	height:	30px;
	color:	#fff;
	font-size:	1.0rem;
}

 
#pagetop a:hover {
	text-decoration:	none;
	opacity:	0.7;
}


.arrow{
	display:	none;
}


/* footer
--------------------------------------------------------- */
footer	{
	overflow:	hidden;
	width:	100%;
	margin:	80px 0 0 0 ;
}

footer ul	{
	overflow:	hidden;
	margin:	0;
	width:	auto;
	margin:	0 0  0 10px;
}

#footer_home	{
	float:	left;
	height:	30px;
	margin:	0 20px 0 0;
}

#footer_home img	{
	width:	auto;
	height:	30px;
}

#footer_j-wave	{
	float:	left;
	height:	30px;
}

#footer_j-wave img	{
	width:	auto;
	height:	20px;
}

#footer_copyright	{
	overflow:	hidden;
	width:	100%;
	text-align:	center;
	font-size:	1.0rem;
	font-family:	'Abel', sans-serif;
}


}