@charset "UTF-8";
@import url("menu.css");
@import url("search.css");
@import url("archive.css");
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css?family=Barlow+Condensed:500&display=swap');


/********** 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;
	color:	#666;
	font-size:12px;
	font-size:1.2rem;
	line-height:	1.6 !important;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro','Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ ゴシック',’MS PGothic’, Arial, Helvetica, Geneva, Swiss, SunSans-Regular, sans-serif;
	text-align:	center;
	-webkit-text-size-adjust:	100%;
	overflow-y:	scroll;
	}

	.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;
		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.anchor	{
	display:	block;
	padding-top:	50px;
	margin-top:	-50px;
}

a.anchor_podcast	{
	display:	block;
	padding-top:	-30px;
	margin-top:	30px;
}


a:focus	{
	outline:none;
}

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

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

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

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

img	{
		margin:	0;
		border:	0;
		}

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

a:hover,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;
}

@media only screen and (max-width :768px){
a:hover,a:hover img	{
	opacity:	1.0;
	-moz-opacity:	1.0;
	filter: alpha(opacity=100);
}
}



#wrapper	{
	width:	100vw;
	margin:	0 auto;
	font-size:	1.4rem;
}




/* =========================================================
    header
========================================================= */
header	{
	overflow:	hidden;
	width:	100vw;
	height:	375px;
	margin:	0;
	background:	url(../img/bg_sky.jpg) no-repeat top center;
	background-size:	cover;
	text-align:	center;
}
@media only screen and (max-width :1000px){
header	{
	height:	375px;
}
}
@media only screen and (max-width :768px){
header	{
	height:	70vh;
}
}
@media only screen and (max-width :560px){
header	{
	height:	70vh;
}
}
@media screen and (max-width :768px) and (orientation: landscape) {
header	{
	height:	600px;
}
}


#header_inner	{
	width:	700px;
	height:	280px;
	overflow:	hidden;
	position:	relative;
	margin:	20px auto 0 auto;
}
@media only screen and (max-width :768px){
#header_inner	{
	width:	100%;
	height:	100%;
	overflow:	hidden;
	position:	static;
	margin:	0 auto;
}
}


header h1	{
	position:	absolute;
	top:	0;
	left:	0;
	width:	100%;
	height:	auto;
	margin:	10px auto;
}
@media only screen and (max-width :768px){
header h1	{
	position:	static;
	margin:	30px auto;
}
}

header h1 img	{
	width:	100%;
	height:	auto;
}
@media only screen and (max-width :768px){
header h1 img	{
	width:	80vw;
	height:	auto;
}
}

header h2	{
	position:	absolute;
	top:	180px;
	left:	0;
	color:	#fff;
	text-align:	left;
	font-family:	'Noto Sans JP', sans-serif;
	font-size:	18px;
	line-height:	1.2;
	letter-spacing:	1px;
}
@media only screen and (max-width :768px){
header h2	{
	position:	static;
	margin:	25px auto 0 auto;
	font-size:	1.4rem;
	line-height:	1.4;
	text-align:	center;
	letter-spacing:	0;
}
}
@media only screen and (max-width :560px){
header h2	{
	font-size:	1.2rem;
}
}

header h2 span	{
	font-family: 'Barlow Condensed', sans-serif;
	font-size:	24px;
}
@media only screen and (max-width :768px){
header h2 span	{
	font-size:	2.2rem;
	letter-spacing:	0;
}
}
@media only screen and (max-width :560px){
header h2 span	{
	font-size:	1.8rem;
}
}

header figure	{
	position:	absolute;
	top:	125px;
	right:	0;
	width:	250px;
	height:	auto;
	margin:	0;
}
@media only screen and (max-width :768px){
header figure	{
	position:	static;
	width:	40vw;
	height:	auto;
	margin:	15px auto 0 auto;
}
}
@media only screen and (max-width :560px){
header figure	{
	position:	static;
	width:	50vw;
	height:	auto;
	margin:	15px auto 0 auto;
}
}

header figure img	{
	width:	100%;
}





/* =========================================================
    header_generic
========================================================= */
.generic header	{
	overflow:	hidden;
	width:	100vw;
	height:	160px;
	margin:	0;
	xbackground:	#0338a8;
	background:	url(../img/bg_sky2.jpg) no-repeat bottom center;
	background-size:	cover;
	text-align:	center;
}
@media only screen and (max-width :1000px){
.generic header	{
	height:	160px;
}
}
@media only screen and (max-width :768px){
.generic header	{
	height:	165px;
}
}
@media only screen and (max-width :560px){
.generic header	{
	height:	165px;
}
}


.generic #header_inner	{
	overflow:	hidden;
	position:	static;
	width:	500px;
	height:	auto;
	margin:	0 auto;
	text-align:	center;
}
@media only screen and (max-width :768px){
.generic #header_inner	{
	width:	100%;
	height:	100%;
	overflow:	hidden;
	position:	static;
	margin:	0 auto;
}
}


.generic header h1	{
	position:	static;
	top:	0;
	left:	0;
	width:	100%;
	height:	auto;
	margin:	25px auto 0 auto;
}
@media only screen and (max-width :768px){
.generic header h1	{
	position:	static;
	margin:	0 auto;
	margin:	20px auto 0 auto;
}
}

.generic header h1 img	{
	width:	100%;
	height:	auto;
}
@media only screen and (max-width :768px){
.generic header h1 img	{
	width:	200px;
	height:	auto;
}
}

.generic header h2	{
	position:	static;
	margin:	10px auto 0 auto;
	color:	#fff;
	text-align:	left;
	font-family:	'Noto Sans JP', sans-serif;
	font-size:	16px;
	line-height:	1.0;
	letter-spacing:	1px;
	text-align:	center;
}
@media only screen and (max-width :768px){
.generic header h2	{
	position:	static;
	margin:	10px auto 0 auto;
	font-size:	1.4rem;
	line-height:	1.4;
	text-align:	center;
	letter-spacing:	0;
}
}
@media only screen and (max-width :560px){
.generic header h2	{
	font-size:	1.2rem;
}
}

.generic header h2 span	{
	font-family: 'Barlow Condensed', sans-serif;
	font-size:	24px;
}
@media only screen and (max-width :768px){
.generic header h2 span	{
	font-size:	2.2rem;
	letter-spacing:	0;
}
}
@media only screen and (max-width :560px){
.generic header h2 span	{
	font-size:	1.8rem;
}
}

.generic header figure	{
	position:	absolute;
	top:	125px;
	right:	0;
	width:	250px;
	height:	auto;
	margin:	0;
}
@media only screen and (max-width :768px){
.generic header figure	{
	position:	static;
	width:	40vw;
	height:	auto;
	margin:	20px auto 0 auto;
}
}
@media only screen and (max-width :560px){
.generic header figure	{
	position:	static;
	width:	50vw;
	height:	auto;
	margin:	20px auto 0 auto;
}
}

.generic header figure img	{
	width:	100%;
}






/* =========================================================
    slider
========================================================= */
.slider	{
	width: 100%;
	height: 100px; /* 画像の高さ */
	position:	relative;
	background: url("../img/slider.jpg")	repeat-x 0 0;
	background-size: auto 100%;
	animation: bg-slider 100s linear infinite; /* 部分背景画像の約数 */
	margin:	0;
	padding:	0;
}
@media only screen and (max-width :768px){
.slider	{
	height:	80px;
	animation: bg-slider 120s linear infinite; /* 部分背景画像の約数 */
}
}
@media only screen and (max-width :560px){
.slider	{
	height:	70px;
	animation: bg-slider 150s linear infinite; /* 部分背景画像の約数 */
}
}
@keyframes bg-slider	{
	from { background-position: 0 0; }
	to { background-position: -5000px 0; } /* 背景画像の長さ */
}




/* =========================================================
    gigya area
========================================================= */
#jme	{
	margin:	0 auto;
	width:100%;
	padding:	20px 0 10px 0;
	text-align:center;
}

#gigyaShare	{
	display:	inline-block;
}

#gigyaShare a > img {
	margin:	0 10px 0 0 !important;
	transform:	translateY(-1px);
}

.gig-bar-container	{
	display:	inline-block;
}




/* =========================================================
    contents
========================================================= */
main{
	overflow:	hidden;
	width:	100%;
	margin:	0 auto 50px auto;
}


/* ----- area_100 ----- */
.area_100{
	overflow:	hidden;
	width:	100vw;
	margin:	0;
}

.area_100.blue1{
	background:	#effaff;
}

.area_100.blue2{
	background:	#223f9a;
}

.area_100.black1{
	background:	#2e2e2e;
}


/* ----- area_inner ----- */
.area_inner	{
	overflow:	hidden;
	width:	1000px;
	margin:	40px auto 80px auto;
}
@media only screen and (max-width :1000px){
.area_inner	{
	width:	90vw;
	margin:	30px auto 50px auto;
}
}

.area_inner_s	{
	overflow:	hidden;
	width:	800px;
	margin:	0 auto;
}
@media only screen and (max-width :1000px){
.area_inner_s	{
	width:	90vw;
	margin:	30px auto 0 auto;
}
}



/* sub title
--------------------------------------------------------- */
.subttl_1,.subttl_2	{
	margin:	0 0 4rem 0;
	color:	#223f9a;
	font-size:	2.4rem;
	font-family:	'Noto Sans JP', sans-serif;
	letter-spacing:	4px;
	display:	flex;
	align-items:	center;
}
.subttl_1.white,.subttl_2.white	{
	color:	#fff;
}
@media only screen and (max-width : 768px){
.subttl_1,.subttl_2	{
	margin:	0 0 3rem 0;
	font-size:	1.8rem;
	font-weight:	bold;
	letter-spacing:	1px;
}
}

.subttl_1 i,.subttl_2 i	{
	margin:	0 1.2rem 0 0;
}
.subttl_1.white i,.subttl_2.white i	{
	color:	#fff;
}
@media only screen and (max-width : 768px){
.subttl_1 i,.subttl_2 i	{
	margin:	0 0.5rem 0 0;
}
}

/* ----- for IE11 ----- */
@media all and (-ms-high-contrast: none)	{
	*::-ms-backdrop, .subttl_1,.subttl_2	{
	font-weight:	bold;
	}
}


.subttl_1:before, .subttl_1:after,.subttl_2:before, .subttl_2:after	{
	content:	"";
	flex-grow:	1;
	height:	2px;
	background:	#223f9a;
	display:	block;
}

.subttl_1.white:before, .subttl_1.white:after{
	background:	#fff;
}

.subttl_2:before, .subttl_2:after	{
	background:	#fff;
}

.subttl_1:before,.subttl_2:before	{
	margin-right:	.8em;
}
.subttl_1:after,.subttl_2:after {
	margin-left:	.8em;
}

.subttl_3 {
	position: relative;
	display: inline-block;
	margin:	0 0 6.0rem 0;
	padding:	0 0 0.4rem 0;
	width:	100%;
	font-size:	2.0rem;
	font-family:	'Noto Sans JP', sans-serif;
	letter-spacing:	4px;
	text-align:	center;
	background:	#fff;
	border-bottom:	solid 1px #999;
}
@media only screen and (max-width : 768px){
.subttl_3 {
	margin:	0 0 3.0rem 0;
	font-size:	1.6rem;
	font-weight:	bold;
	letter-spacing:	2px;
}
}
/* ----- for IE11 ----- */
@media all and (-ms-high-contrast: none)	{
	*::-ms-backdrop, .subttl_3	{
	font-weight:	bold;
	}
}

.subttl_3:before,
.subttl_3:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.subttl_3:before {
	border: solid 12px transparent;
	border-top: solid 12px #999;
}
.subttl_3:after {
	border: solid 16px transparent;
	border-top: solid 16px #fff;
	margin-top: -5px;
}

.subttl_4	{
	margin:	0 0 4rem 0;
	font-size:	2.0rem;
	font-family:	'Noto Sans JP', sans-serif;
	letter-spacing:	4px;
	display:	flex;
	align-items:	center;
}
@media only screen and (max-width : 768px){
.subttl_4	{
	margin:	0 0 3rem 0;
	font-size:	1.6rem;
	font-weight:	bold;
	letter-spacing:	1px;
}
}

.subttl_4 i	{
	margin:	0 1.2rem 0 0;
}

@media only screen and (max-width : 768px){
.subttl_4 i	{
	margin:	0 0.5rem 0 0;
}
}

/* ----- for IE11 ----- */
@media all and (-ms-high-contrast: none)	{
	*::-ms-backdrop, .subttl_4	{
	font-weight:	bold;
	}
}


.subttl_4:before, .subttl_4:after	{
	content:	"";
	flex-grow:	1;
	height:	1px;
	background:	#999;
	display:	block;
}

.subttl_4:before	{
	margin-right:	.8em;
}
.subttl_4:after {
	margin-left:	.8em;
}




/* ON AIR
--------------------------------------------------------- */
.onair_info	{
	overflow:	hidden;
	float:	left;
	width:	200px;
}
@media only screen and (max-width :1000px){
.onair_info	{
	float:	none;
	width:	100%;
	margin:	0 auto 40px auto;
}
}
@media only screen and (max-width :768px){
.onair_info	{
	margin:	0 auto 20px auto;
}
}

.onair_info dl	{
	margin:	0 0 20px 0;
}
@media only screen and (max-width : 768px){
.onair_info dl	{
	margin:	0 0 10px 0;
}
}

.onair_info dl dt	{
	font-size:	1.6rem;
	letter-spacing:	0;
	border-bottom:	1px #999 solid;
	text-align:	center;
}
@media only screen and (max-width : 768px){
.onair_info dl dt	{
	font-size:	1.6rem;
}
}

.onair_info dl dd	{
	padding:	8px 15px;
	font-size:	1.6rem;
	letter-spacing:	0;
	text-align:	center;
}
@media only screen and (max-width : 768px){
.onair_info dl dd	{
	padding:	5px 10px 5px 0;
	font-size:	1.8rem;
	letter-spacing:	1px;
}
}

.show_area	{
	float:	right;
	width:	750px;
	margin:	0;
	text-align:	left;
}
@media only screen and (max-width : 1000px){
.show_area	{
	float:	none;
	width:	100%;
	margin:	70px auto 0 auto;
}
}

h1.show_hl	{
	margin:	0 0 1.8rem 0;
	font-family:	'Noto Sans JP', sans-serif;
	font-size:	2.6rem;
	text-align:	left;
}
@media only screen and (max-width : 768px){
h1.show_hl	{
	font-size:	2.0rem;
	font-weight:	bold;
	text-align:	left;
}
}
/* ----- for IE11 ----- */
@media all and (-ms-high-contrast: none)	{
  *::-ms-backdrop, h1.show_hl	{
	font-weight:	bold;
  }
}


.show_desc	{
	margin:	0 auto 30px auto;
	font-size:	1.8rem;
	font-family:	'Noto Sans JP', sans-serif;
}
@media only screen and (max-width : 768px){
.show_desc	{
	font-size:	1.6rem;
}
}

.show_photo	{
	overflow:	hidden;
	margin:	0 0 20px 0;
}

.show_photo ul	{
	margin:	0 auto;
}

.show_photo li	{
	float:	left;
	width:	50%;
}
@media only screen and (max-width : 768px){
.show_photo li	{
	float:	none;
	width:	100%;
}
}

.show_photo li img	{
	width:	100%;
	height:	auto;
}



/* ----- tag ----- */
.show_tag_area	{
	text-align:	center;
	margin:	0 0 20px 0;
}
.show_tag_area a	{
	display:	inline-block;
	margin:	0 1.0rem 1.0rem 0;
	padding:	0.4rem 0.8rem;
	color:	#00b3f0;
	font-size:	1.4rem;
	-moz-border-radius:	4px;
	-webkit-border-radius:	4px;
	border-radius:	4px;
}
@media only screen and (max-width : 768px){
.show_tag_area	{
	overflow:	hidden;
	text-align:	left;
}
.show_tag_area a	{
	margin:	0 0.4rem 0.4rem 0;
	padding:	0;
	font-size:	1.2rem;
}
}

.show_tag_area a:hover	{
	color:	#fff;
	background:	#6ed6fa;
}

@media only screen and (max-width : 768px){
.show_tag_area a:hover	{
	color:	#00b3f0;
	background:	none;
}
}

/* ----- podcast ----- */
.btn_podcast	{
	float:	right;
	width:	750px;
	height:	auto;
	margin:	0 auto 40px auto;
}
@media only screen and (max-width : 768px){
.btn_podcast	{
	float:	none;
	width:	100%;
	height:	auto;
	margin:	0 auto 20px auto;
}
}

.btn_podcast img	{
	width:	70%;
}
@media only screen and (max-width : 768px){
.btn_podcast img	{
	width:	100%;
}

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


/* MEMORIES
--------------------------------------------------------- */
#memory_area .memory dl	{
	overflow:	hidden;
	float:	left;
	width:	49%;
	margin:	0 2% 60px 0;
}
@media only screen and (max-width : 768px){
#memory_area .memory dl	{
	width:	100%;
	margin:	0 0 30px 0;
}
}
#memory_area .memory dl:nth-child(even){
	width:	49%;
	margin:	0 0 60px 0;
}
@media only screen and (max-width : 768px){
#memory_area .memory dl:nth-child(even){
	width:	100%;
	margin:	0 0 30px 0;
}
}


#memory_area .memory dl dt	{
	float:	left;
	width:	150px;
}
@media only screen and (max-width : 768px){
#memory_area .memory dl dt	{
	clear:	both;
	width:	100%;
	margin:	0 0 2.0rem 0;
	text-align:	center;
}
}

#memory_area .memory dt img	{
	width:	150px;
	height:	auto;
}
@media only screen and (max-width : 768px){
#memory_area .memory dt img	{
	width:	60%;
	height:	auto;
}
}

#memory_area .memory dl dd	{
	margin: 0 0 0 170px;
	font-size: 1.4rem;
	text-align: left;
	line-height: 1.6;
}
@media only screen and (max-width : 768px){
#memory_area .memory dl dd	{
	margin:	0;
	text-align:	left;
}
}




/* PLAYLIST
--------------------------------------------------------- */
#playlist_area.area_inner	{
	background:	url("../img/playlist_bg.png") no-repeat left;
	background-position:	left top;
	background-size:	30% auto;
}
@media only screen and (max-width : 768px){
.area_inner#playlist_area	{
	background:	url("../img/playlist_bg.png") no-repeat left;
	background-position:	right top;
	background-size:	auto 100%;
	font-size:	1.2rem;
	text-align:	left;
}
}

.playlist	{
	float:	right;
	width:	650px;
}
@media only screen and (max-width : 768px){
.playlist	{
	float:	none;
	width:	100%;
}
}

.playlist li	{
	overflow:hidden;
	width:	100%;
	margin:	0 0 15px 0;
	list-style:none;
	color:	#fff;
	text-align:	left;
	font-size:	1.6rem;
}
@media only screen and (max-width : 768px){
.playlist li	{
	float:	left;
	width:	100%;
	height:	auto;
	margin:	0 0 10px 0;
	list-style:none;
	color:	#fff;
	text-align:	left;
	font-size:	1.4rem;

}
}
.playlist li img	{
	width:	100px;
	height:	auto;
}
@media only screen and (max-width : 768px){
.playlist li img	{
	width:	50px;
	height:	auto;
}
}

.playlist dt	{
	float:	left;
	width:	100px;
}
@media only screen and (max-width : 768px){
.playlist dt	{
	width:	50px;
}
}


.playlist dd	{
	margin:	0 0 0 120px;
}
@media only screen and (max-width : 768px){
.playlist dd	{
	margin:	0 0 0 60px;
}
}



/* guest_area
--------------------------------------------------------- */
#guest_area dl	{
	width:	80%;
	margin:	0 auto;
}
@media only screen and (max-width : 768px){
#guest_area dl	{
	width:	100%;
	margin:	0 auto;
}
}
#guest_area dl img	{
	width:	200px;
	height:	auto;
}
@media only screen and (max-width : 768px){
#guest_area dl img	{
	width:	60%;
	height:	auto;
}
}

#guest_area dl dt	{
	float:	left;
	width:	200px;
}
@media only screen and (max-width : 768px){
#guest_area dl dt	{
	float:	none;
	width:	100%;
	margin:	0 0 2.0rem 0;
	text-align:	center;
}
}


#guest_area dl dd	{
	margin:	0 0 0 225px;
	text-align:	left;
}
@media only screen and (max-width : 768px){
#guest_area dl dd	{
	margin:	0;
	font-size:	1.4rem !important;
	text-align:	left;
}
}


#guest_area dl h2	{
	font-size:	2.2rem;
	margin:	0 0 1.4rem 0;
}
@media only screen and (max-width : 768px){
#guest_area dl h2	{
	font-size:	1.8rem;
	margin:	0 0 1.2rem 0;
}
}



.arrow_bl{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #0499cc;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}

.arrow_bl::before,
.arrow_bl::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.btn_podcast::before{
	left: 18%;
	width: 10px;
	height: 10px;
	border-top: 1px solid #0499cc;
	border-right: 1px solid #0499cc;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media only screen and (max-width : 768px){
.btn_podcast::before{
	display:	none;
}
}

a:hover .btn_podcast	{
	border:	solid 1px #00b3f0;
	color:	#00b3f0;
}

a:hover .btn_podcast::before{
	border-top: 1px solid #00b3f0;
	border-right: 1px solid #00b3f0;
}



/* message_area
--------------------------------------------------------- */
#message_area	{
	overflow:	hidden;
	color:	#fff;
	background:	#223f9a;
	box-sizing: border-box;
	text-align:	center;

}
@media only screen and (max-width : 768px){
#message_area	{
	width:	90%;
}
}

#message_area dl	{
	width:	70%;
	margin:	0 auto 30px auto;
}
@media only screen and (max-width : 768px){
#message_area dl	{
	width:	100%;
	margin:	0 auto 20px auto;
}
}

#message_area dl dt	{
	text-align:	center;
	margin:	0 0 20px 0;
}

#message_area dt img	{
	width:	200px;
	height:	auto;
}
@media only screen and (max-width : 768px){
#message_area dt img	{
	width:	70%;
	height:	auto;
}
}

@media only screen and (max-width : 640px){
#message_area dt img	{
	width:	100%;
}
}



#message_area dl dd	{
	margin:	20px 0 0 0;
	font-size:	1.6rem;
	text-align:	left;
}
@media only screen and (max-width : 768px){
#message_area dl dd	{
	font-size:	1.4rem;
}
}



a .btn_message	{
	box-sizing:	border-box;
	margin:	0 auto !important;
	padding:	30px 170px;
	border:	solid 2px #fff;
	color:	#fff;
	font-size:	2.0rem;
	letter-spacing:	4px;
	text-align:	center;
	-moz-border-radius:	30px;
	-webkit-border-radius:	30px;
	border-radius:	30px;
}
@media only screen and (max-width : 768px){
a .btn_message	{
	box-sizing:	border-box;
	width:	90%;
	margin:	0 auto 50px auto;
	padding:	20px 0;
	font-size:	1.4rem;
	letter-spacing:	1px;
	-moz-border-radius:	30px;
	-webkit-border-radius:	30px;
	border-radius:	30px;
}
}

.arrow{
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #fff;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow::before,
.arrow::after{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}

.btn_message::before{
	left: 15%;
	width: 20px;
	height: 20px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
@media only screen and (max-width : 768px){
.btn_message::before{
	display:	none;
}
}

a:hover .btn_message	{
	border:	solid 2px #00b3f0;
	color:	#00b3f0;
}

a:hover .btn_message::before{
	border-top: 2px solid #00b3f0;
	border-right: 2px solid #00b3f0;
}



@media only screen and (max-width :980px){
a .btn_message	{
	padding:	20px 150px;
	border:	solid 2px #fff;
	font-size:	1.8rem;
	-moz-border-radius:	20px;
	-webkit-border-radius:	20px;
	border-radius:	20px;
}
}

@media only screen and (max-width :760px){
a .btn_message	{
	padding:	20px 5px;
	border:	solid 2px #fff;
	font-size:	1.4rem;
	-moz-border-radius:	20px;
	-webkit-border-radius:	20px;
	border-radius:	20px;
}

.btn_message::before{
	left: 10px;
	width: 10px;
	height: 10px;
}
}





/* nextflight_area
--------------------------------------------------------- */
.nextflight_info	{
	overflow:	hidden;
	float:	left;
	width:	200px;
}
@media only screen and (max-width :820px){
.nextflight_info	{
	float:	none;
	width:	80%;
	margin:	0 auto 40px auto;
}
}
@media only screen and (max-width :640px){
.nextflight_info	{
	float:	none;
	width:	90%;
	margin:	0 auto 20px auto;
}
}

.nextflight_info dl{
	margin:	0 0 20px 0;
}
@media only screen and (max-width : 820px){
.nextflight_info dl	{
	margin:	0 0 10px 0;
}
}

.nextflight_info dl dt	{
	font-size:	1.2rem;
	letter-spacing:	0;
	border-bottom:	1px #999 solid;
	text-align:	center;
}
@media only screen and (max-width : 820px){
.nextflight_info dl dt	{
	font-size:	1.2rem;
}
}

.nextflight_info dl dd	{
	padding:	8px 15px;
	font-size:	1.6rem;
	letter-spacing:	0;
	text-align:	center;
}
@media only screen and (max-width : 820px){
.nextflight_info dl dd	{
	padding:	5px 10px 5px 0;
	font-size:	1.4rem;
	letter-spacing:	1px;
}
}

.next_guest_info{
	float:	right;
	width:	540px;
	margin:	0 auto;
}
@media only screen and (max-width : 820px){
.next_guest_info{
	float:	none;
	width:	100%;
}
}

.next_guest_info dt{
	float:	left;
	text-align:	center;
	margin:	0 1.6rem 1.6rem 0
}
@media only screen and (max-width : 820px){
.next_guest_info dt{
	float:	none;
	margin:	0 0 1.6rem 0
}
}

.next_guest_info dt img{
	width:	200px;
	height:	auto;
}
@media only screen and (max-width : 820px){
.next_guest_info dt img{
	width:	50%;
}
}

.next_guest_info dd{
	font-size:	1.4rem !important;
	text-align:	left;
	line-height: 1.6 !important;
}
@media only screen and (max-width : 768px){
.next_guest_info dd{
	font-size:	1.4rem;
	line-height:	1.4;
}
}



/* search_area
--------------------------------------------------------- */
.mt-site-search-form{
	display:	block !important;
	overflow:	hidden !important;
	box-sizing:	border-box !important;
	position:	relative !important;
	border:	1px solid #999 !important;
	margin:	0 auto !important;
	padding:	4px 10px !important;
	border-radius:	20px !important;
	height:	3.2rem !important;
	width:	50% !important;
	background:	#fff !important;
}
@media only screen and (max-width :768px){
.mt-site-search-form{
	width:	80% !important;
}
}
@media only screen and (max-width :640px){
.mt-site-search-form{
	width:	100% !important;
}
}

.mt-site-search-form input[type="search"]{
	border:	none;
	width:82%;
	height:	2.0rem;
	font-size:	1.6rem;
	color:	#999;
}

@media only screen and (max-width :640px){
.mt-site-search-form input[type="search"]{
	width:75%;
	font-size:	1.4rem;
}

}


.mt-site-search-form input[type="search"]:focus {
	outline:	0 !important;
}


#results	{
	margin:	70px 0;
	font-size:	2.0rem;
}
@media only screen and (max-width : 768px){
#results	{
	margin:	50px 0;
	font-size:	1.6rem;
}
}


/* info_area
--------------------------------------------------------- */
#information_area	ul	{
	width:	70%;
	margin:	0 auto;
}
@media only screen and (max-width : 768px){
#information_area	ul	{
	width:	100%;
}
}

#information_area	li	{
	overflow:	hidden;
	padding:	15px 0;
	border-bottom:	1px #dadada solid;
	background-image:	url(../img/arrow.svg);
	background-repeat:	no-repeat;
	background-size:	10px;
	background-position:	left center;
}
@media only screen and (max-width : 768px){
#information_area	li	{
	padding:	10px 0;
	background-size:	5px;
	font-size:	1.4rem;
}
}


#information_area	li a	{
	display:	block;
}


#information_area	dl	{
	float:	right;
	width:	95%;
}

#information_area	dt	{
	float:	left;
	width:	150px;
}
@media only screen and (max-width : 768px){
#information_area	dt	{
	width:	65px;
}
}

#information_area	dt img	{
	float:	left;
	width:	150px;
	height:	auto;
}

@media only screen and (max-width : 768px){
#information_area	dt img	{
	width:	50px;
}
}

#information_area	dd	{
	margin:	0 0 0 170px;
	text-align:	left;
}
@media only screen and (max-width : 768px){
#information_area	dd	{
	margin:	0 0 0 65px;
}
}



/* sponsor_area
--------------------------------------------------------- */
#sponsor_area	{
	padding:	0;
}
@media only screen and (max-width : 768px){
#sponsor_area	{
	width:	90vw;
}
}

#sponsor_area p	{
	text-align:	center;
}

#sponsor_area img.ana_logo	{
	width:	200px;
	margin:	0 auto;
}
@media only screen and (max-width : 768px){
#sponsor_area img.ana_logo	{
	width:	150px;
}
}


/* footer
--------------------------------------------------------- */
footer	{
	margin:	0 0 40px 0;
	padding:	0 0 100px 0;
	text-align:	center;
	font-size:	1.2rem;
	font-family: 'Oswald', sans-serif;
	letter-spacing:	1px;
}

footer p	{
	clear:	both;
	text-align:	center;
}

#j-wave_area ul	{
	overflow:	hidden;
	display:	inline-block;
	margin:	2.0rem auto;
	text-align:	center;
	width: 400px;
}
@media only screen and (max-width : 768px){
#j-wave_area ul	{
	width:	100%;
}
}

#j-wave_area li	{
	float:	left;
	margin:	0 40px 0 0;
}
@media only screen and (max-width : 768px){
#j-wave_area li	{
	float:	none;
	margin:	0 0 40px 0;¥
}
}

#j-wave_area li:last-child{
	margin:	0;
}

#j-wave_area img.j-wave_logo	{
	width:	auto;
	height:	30px;
	margin:	5px 0 0 0;
}
@media only screen and (max-width : 768px){
#j-wave_area img.j-wave_logo	{
	width:	50vw;
}
}


/* j-wave common
--------------------------------------------------------- */
#commonFooter	{
 	height:	auto !important;
 	position:	relative !important;
}
#commonFooterInner {
 	width:	100% !important;
 	background:	none #282828;
}