@charset "utf-8";
/*
* sytle.css
* description : FM802 Saturday Amusic Islands -Afternoon Edition -
*
* Created  2016/04/01.
* Last Update 2016/04/23.
*/





/*
[ Default ]
*/

html {
font-size:62.5%;
}


body {
font-family:'Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin:0;
padding:0;
font-size:1.6rem;
color:#4D4D4D;
letter-spacing:.05em;
background:#FFF;
-webkit-text-size-adjust: none;
}


img {
max-width:100%;
height:auto;
}


/* Clearfix */
.cf:before,
.cf:after {
content:"";
display:table;
}
.cf:after {
clear:both;
}
.cf {
zoom:1;
}


/*Common*/
.ob-none {
display:none;
}


@media only screen and (min-width:641px) {
body {
	min-width:984px;
}
.sp {
display:none;
}

}


@media only screen and (max-width:640px) {
html {
font-size:55.5%;
}
.pc {
display:none;
}
.sp {
display:block;
}

}










/*
[ Frame ]
*/

/*[[[ Wrapper ]]]*/
.wrapper {
width:auto;
height:auto;
margin:0;
padding:0;
background:url(../images/bg_header_wave.png) no-repeat center top;
}





/*[[[ Container ]]]*/
.container.main {
width:auto;
height:auto;
margin:0 auto;
padding:0;
background:url(../images/bg_img_side.png) repeat-y center top;
}





/*[[[ Content ]]]*/
.content {
width:984px;
height:auto;
margin:0 auto 8rem;
padding:0;
}


/*[ Main Frame ]*/
.content .main-content {
width:63.00813%; /*620px | 984px*/
height:auto;
margin:0;
padding:0 0 0 12px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
float:left;
}


/*[ Side Frame ]]*/
.content .side-content {
width:340px;
height:auto;
margin:0;
padding:0 12px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
float:right;
}


@media only screen and (max-width:640px) and (max-device-width:1280px) {
/*[[[ Wrapper ]]]*/
.wrapper {
background:none;
}



/*[[[ Container ]]]*/
.container.main {
background:none;
}



/*[[[ Content ]]]*/
.content {
width:auto;
margin:2rem 0;
}


/*[ Main Frame ]*/
.content .main-content {
width:auto;
float:none;
padding:0;
}


/*[ Side Frame ]]*/
.content .side-content {
width:auto;
float:none;
}


}










/*
[ Header ]
*/

.main-header {
	width:auto;
	height:auto;
	margin:0 0 4.8rem;
	padding:0;
	background:url(../images/bg_header_sky.png) no-repeat center top;
}
.main-header > .container {
	width:984px;
	margin:0 auto;
	padding:0;
	min-height:290px;
	position:relative;
}


/*[ Title ]*/
.main-header .title {
	margin:0;
	padding:20px 0 0;
}

/*[ DJ Box ]*/
.main-header .dj-photo {
	position:absolute;
	right:0;
	bottom:0;
}
.main-header .dj-photo {
	width:auto;
	max-width:330px;
}
.main-header .dj-photo figure {
	width:63.6%;
	margin-left:36.4%;
}
.main-header .dj-name {
	width:50%;
	position:absolute;
	bottom:36px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px) {
.main-header {
	margin:0;
	background-image:url(../images/bg_header_sky.png), url(../images/bg_img_wave.png);
	background-position:center top, center top;
	background-repeat:no-repeat, repeat;
	background-size:220% auto, auto 100%;
}

.main-header > .container {
	width:auto;
	margin:0;
	min-height:0;
}

/*[ Title ]*/
.main-header .title {
	width:78%;
	padding-top:4%;
	padding-left:2%;
	float:left;
}

/*[ DJ Box ]*/
.main-header .dj-photo {
	width:19%;
	position:relative;
	right:auto;
	bottom:auto;
	padding-top:2%;
	float:right;
}
.main-header .dj-photo figure {
	width:auto;
	margin-left:0;
}
.main-header .dj-name {
	width:100%;
	position:absolute;
	left:-90%;
	bottom:5%;
}


}










/*
[ Global Navi ]
*/
.global-nav {
	width:auto;
	height:auto;
	margin:30px 0 0 12px;
	padding:0;
	}
	.global-nav > .container {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	}
	.global-nav .gn-list {
		margin:0;
		padding:0;
		list-style:none;
	}
	.global-nav .gn-list li {
		width:auto;
		margin:0 0 0 15px;
		padding:0;
		background:#FFF;
		float:left;
	}
	.global-nav .gn-list li a {
		display:block;
		position:relative;
	}
	.global-nav .gn-list li a:before {
		content:"";
		background:url(../images/icn_arrow_right.png) no-repeat 0 0;
		background-size:auto 14px;
		width:14px;
		height:14px;
		position:absolute;
		left:0;
		top:50%;
		margin-top:-7px;
	}
	.global-nav .gn-list li a:hover {
	opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:rgba(0,139,165,.40);
	}


	.global-nav .gn-list li img {
		width:auto;
		height:35px;
	}
	
	
	@media only screen and (max-width:640px) and (max-device-width:1280px) {
	.global-nav {
	margin:0 0 2px;
	clear:both;
	}
	
	.global-nav .gn-list li {
		width:33.33333%;
		margin:0;
		text-align:center;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		background:none;
		padding:0 2px 4px;
	}
	.global-nav .gn-list li a {
		background:#FFF url(../images/icn_arrow_right.png) no-repeat left center;
		background-size:auto 14px;
		padding:10px 12px;
		font-size:1.3rem;
		font-weight:bold;
		text-decoration:none;
		color:#008BA5;
	}
	.global-nav .gn-list li img {
		display:none;
	}
	.global-nav .gn-list li a:before {
	content: attr(data-label);
	background:none;
	background-size:auto;
	width:auto;
	height:auto;
	position:relative;
	left:auto;
	top:auto;
	margin-top:auto;
	}
	
	
	}
	
	
	@media only screen and (max-width:360px) and (max-device-width:1280px) {
	.global-nav .gn-list li a {
		padding:8px 5px;
		font-size:1.2rem;
		letter-spacing:0;
	}
	
	}













/*
[ Footer ]
*/

.main-footer {
width:auto;
height:auto;
margin:0;
padding:0;
}
.main-footer > .container {
width:auto;
height:auto;
margin:0;
padding:5rem 0;
background:url(../images/bg_img_sky.jpg) no-repeat center;
background-size:cover;
}


/*[ Logo ]*/
.main-footer > .container .logo {
text-align:center;
margin-bottom:1.6rem;
}


/*[ Copyright ]*/
.main-footer > .container .copyright {
font-size:1.3rem;
text-align:center;
color:#FFF;
}
.main-footer > .container .copyright a {
color:#FFF;
text-decoration:underline;
}
.main-footer > .container .copyright a:hover {
color:#CCC;
text-decoration:none;
}


/*----[ Page Top Btn ]----*/
.pagetop {
width:auto;
height:auto;
margin:0;
padding:0;
position:fixed;
right:2rem;
bottom:5rem;
list-style:none;
display:none;
}
.pagetop a {
width:72px;
height:72px;
margin:0;
padding:0;
text-indent:-9999px;
background:url(../images/btn_pagetop.png) no-repeat 0 0;
background-size:72px auto;
-webkit-background-size:72px auto;
-moz-background-size:72px auto;
-ms-background-size:72px auto;
-o-background-size:72px auto;
display:block;
overflow:hidden;
text-decoration:none;
}
.pagetop a:hover {
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}



@media only screen and (max-width:640px) and (max-device-width:1280px) {
.main-footer > .container {
padding:2rem 0;
}

/*[ Logo ]*/
.main-footer > .container .logo {
max-width:120px;
margin:0 auto;
margin-bottom:1rem;
}

/*[ Copyright ]*/
.main-footer > .container .copyright {
font-size:1.1rem;
}



/*----[ Page Top Btn ]----*/
.pagetop {
bottom:2.4rem;
}

.pagetop a {
width:42px;
height:42px;
background:url(../images/btn_pagetop.png) no-repeat 0 0;
background-size:42px auto;
-webkit-background-size:42px auto;
-moz-background-size:42px auto;
}

}










/*
[ Content Frame ]
*/

.content-frame {
width:auto;
height:auto;
}
.content-frame > .container  {
border:2px solid #66CBC4;
background:#FEFDF7;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-o-box-sizing:border-box;
}

.main-content .content-frame .container.box-mgb {margin-bottom:4rem;}
.side-content .content-frame .container.box-mgb {margin-bottom:2.2rem;}


/*[ Corner Title ]*/
.content-frame .corner-ttl {
margin:0;
padding:.8rem 0 .8rem;
text-align:left;
} 
.main-content .content-frame .corner-ttl {
width:auto;
max-width:420px;
}



/*[[[ Article ]]]*/
/*[ Frame ]*/
.content-frame .article {
width:auto;
height:auto;
margin:0;
}
.main-content .content-frame .article { padding:0 2.2rem 2rem; }
.side-content .content-frame .article { padding:0 1.8rem 1.6rem; }


@media only screen and (max-width:640px) and (max-device-width:1280px) {
.main-content .content-frame .container.box-mgb {margin-bottom:1.8rem;}
.side-content .content-frame .container.box-mgb {margin-bottom:1.8rem;}

	/*[ Corner Title ]*/
.content-frame .corner-ttl {
padding:.3rem 0 .3rem;
} 
.content-frame .corner-ttl img {
	max-height:38px;
} 

/*[[[ Article ]]]*/
/*[ Frame ]*/
.main-content .content-frame .article { padding:0 1.6rem 1.4rem; }
.side-content .content-frame .article { padding:0 1.4rem 1.2rem; }


}










/*
[ Each Corner ]
*/

/*----[ This Week Program ]----*/

/*[ Sentence ]*/
.program .txt-frame {
width:auto;
height:auto;
margin:0;
padding:0;
font-size:1.4rem;
line-height:2.2rem;
}





/*----[ Blog ]----*/

/*[[[ Article ]]]*/
.main-content .content-frame.blog .in-border { padding:3rem 2.2rem 5rem; position:relative;}
.main-content .content-frame.blog .in-border:before {
content:"";
position:absolute;
left:0;
top:0;
background:url(../images/img_line_bar.png) no-repeat center top;
background-size:93% auto;
width:100%;
height:20px;
}

/*[ Title ]*/
.blog .blog-title {
font-size:1.6rem;
font-weight:bold;
line-height:2.2rem;
color:#008BA5;
margin-bottom:2rem;
}


/*[ Date ]*/
.blog .blog-title .date {
font-size:1.4rem;
display:block;
margin-bottom:5px;
}


/*[ Photo ]*/
.blog .blog-photo {
width:auto;
max-width:480px;
text-align:center;
margin:0 auto 2rem;
}


/*[ Text ]*/
.blog .blog-txt {
font-size:1.5rem;
line-height:2.6rem;
}


/*[ Page Navigation ]*/
.blog .page-nav .pn-list {
width:auto;
height:auto;
list-style:none;
}
.blog .page-nav .pn-list li {
margin:0;
padding:0;
}
.blog .page-nav .pn-list .prev {
float:left;
}
.blog .page-nav .pn-list .prev {
float:right;
}


/*[ SNS Box ]*/
.blog .sns-box {
padding-top:2rem;
}


@media only screen and (max-width:640px) and (max-device-width:1280px) {
	/*[[[ Article ]]]*/
.main-content .content-frame.blog .in-border { padding:2rem 1.8rem 3rem;}

}





/*----[ Time Table ]----*/

/*[ Sentence ]*/
.timetable .txt-frame {
width:auto;
height:auto;
margin:0;
padding:0;
font-size:1.4rem;
line-height:2.2rem;
}





/*----[ Whats News ]----*/

/*[ Sentence ]*/
.wnews .txt-frame {
width:auto;
height:auto;
margin:0;
padding:0;
font-size:1.4rem;
line-height:2.2rem;
}





/*----[ Blog Entry ]----*/

/*[ Blog Entry List ]*/
.blogentry .be-list {
margin:0;
padding:0;
list-style:none;
}
.blogentry .be-list li {
margin:0 0 1rem;
list-style:none;
padding-left:18px;
position:relative;
}
.blogentry .be-list li:before {
position:absolute;
content:"";
background:url(../images/icn_arrow_right.png) no-repeat 0 0;
background-size:auto 18px;
left:0;
top:0;
width:18px;
height:18px;
}
.blogentry .be-list li a {
color:#4D4D4D;
text-decoration:underline;
font-size:1.4rem;
line-height:2rem;
}
.blogentry .be-list li a:hover {
color:#999999;
text-decoration:none;
}





/*----[ SP Banners ]----*/

.banners  {
margin-bottom:3rem;
}

.banners .sp-banner {
margin:0;
padding:0;
list-style:none;
}
.banners .sp-banner li {
width:auto;
height:auto;
margin:0;
padding:0;
}
.banners .sp-banner li a {
display:block;
}


@media only screen and (max-width:640px) and (max-device-width:1280px) {
.banners  {
margin-bottom:2rem;
}


.banners .sp-banner {
max-width:420px;
margin:0 auto;
}


}




/*----[ ADS ]----*/

.ads  {
margin-bottom:3rem;
}

.ads.w300  {
width:300px;
margin-left:auto;
margin-right:auto;
}










/*----[[[ Button Link ]]]----*/
.btn-box {
width:auto;
height:auto;
margin:0;
padding:0;
list-style:none;
}
.btn-box.btn-box-pos-center {
text-align:center;
}
.btn-box a {
text-decoration:none;
}
.btn-box .btn {
-moz-appearance: none;
-webkit-appearance: none;
background: white;
border: 1px solid #d3d6db;
border-radius: 0;
color: #222324;
display: inline-block;
font-size: 1.4rem;
height: 32px;
line-height: 24px;
position: relative;
vertical-align: top;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 3px 10px;
text-align: center;
/*white-space: nowrap;*/
}
.btn-box .btn:hover {
border-color: #aeb1b5;
}
.btn-box .btn:active,
.btn-box .btn:focus {
border-color: #0068B7;
outline: none;
}
.btn-box .btn strong {
color: inherit;
}

.btn-box .btn small {
display: block;
font-size: 11px;
line-height: 1;
margin-top: 5px;
}

.btn-box .btn .fa {
line-height: 24px;
margin: 0;
width: 24px;
}

.btn-box .btn:hover {
color: #222324;
}

.btn-box .btn:active {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
}

.btn-box .btn.bs-dark {
background: #222324;
border-color: transparent;
color: white;
}

.btn-box .btn.bs-dark:hover,
.btn-box .btn.bs-dark:focus {
background: #090a0a;
border-color: transparent;
color: white;
}

.btn-box .btn.bs-dark:active {
border-color: transparent;
}

.btn-box .btn.bs-dark.bs-outlined {
background: transparent;
border-color: #222324;
color: #222324;
}

.btn-box .btn.bs-dark.bs-outlined:hover,
.btn-box .btn.bs-dark.bs-outlined:focus {
border-color: #090a0a;
color: #090a0a;
}

.btn-box .btn.bs-dark.bs-inverted {
background: white;
color: #222324;
}

.btn-box .btn.bs-dark.bs-inverted:hover {
background: #f2f2f2;
}

.btn-box .btn.bs-dark.bs-inverted.bs-outlined {
background-color: transparent;
border-color: white;
color: white;
}

.btn-box .btn.bs-dark.bs-inverted.bs-outlined:hover {
background: rgba(0, 0, 0, 0.05);
}

.btn-box .btn.bs-dark.bs-loading:after {
border-color: transparent transparent white white !important;
}

.btn-box .btn.bs-primary {
background:#008BA5;
border-color: transparent;
color: white;
}

.btn-box .btn.bs-primary:hover,
.btn-box .btn.bs-primary:focus {
background:#00687C;
border-color: transparent;
color: white;
}

.btn-box .btn.bs-primary:active {
border-color: transparent;
}

.btn-box .btn.bs-primary.bs-outlined {
background: transparent;
border-color: #0068B7;
color: #0068B7;
}

.btn-box .btn.bs-primary.bs-outlined:hover,
.btn-box .btn.bs-primary.bs-outlined:focus {
border-color: #004E89;
color: #004E89;
}

.btn-box .btn.bs-primary.bs-inverted {
background: white;
color: #0068B7;
}

.btn-box .btn.bs-primary.bs-inverted:hover {
background: #f2f2f2;
}

.btn-box .btn.bs-primary.bs-inverted.bs-outlined {
background-color: transparent;
border-color: white;
color: white;
}

.btn-box .btn.bs-primary.bs-inverted.bs-outlined:hover {
background: rgba(0, 0, 0, 0.05);
}

.btn-box .btn.bs-primary.bs-loading:after {
border-color: transparent transparent white white !important;
}

.btn-box .btn.bs-info {
background: #002063;
border-color: transparent;
color: white;
}

.btn-box .btn.bs-info:hover,
.btn-box .btn.bs-info:focus {
background: #6679A1;
border-color: transparent;
color: white;
}

.btn-box .btn.bs-info:active {
border-color: transparent;
}

.btn-box .btn.bs-info.bs-outlined {
background: transparent;
border-color: #42afe3;
color: #42afe3;
}

.btn-box .btn.bs-info.bs-outlined:hover,
.btn-box .btn.bs-info.bs-outlined:focus {
border-color: #1f99d3;
color: #1f99d3;
}

.btn-box .btn.bs-info.bs-inverted {
background: white;
color: #42afe3;
}

.btn-box .btn.bs-info.bs-inverted:hover {
background: #f2f2f2;
}

.btn-box .btn.bs-info.bs-inverted.bs-outlined {
background-color: transparent;
border-color: white;
color: white;
}

.btn-box .btn.bs-info.bs-inverted.bs-outlined:hover {
background: rgba(0, 0, 0, 0.05);
}

.btn-box .btn.bs-info.bs-loading:after {
border-color: transparent transparent white white !important;
}

.btn-box .btn.bs-success {
background: #97cd76;
border-color: transparent;
color: white;
}

.btn-box .btn.bs-success:hover,
.btn-box .btn.bs-success:focus {
background: #7bbf51;
border-color: transparent;
color: white;
}

.btn-box .btn.bs-success:active {
border-color: transparent;
}

.btn-box .btn.bs-success.bs-outlined {
background: transparent;
border-color: #97cd76;
color: #97cd76;
}

.btn-box .btn.bs-success.bs-outlined:hover,
.btn-box .btn.bs-success.bs-outlined:focus {
border-color: #7bbf51;
color: #7bbf51;
}

.btn-box .btn.bs-success.bs-inverted {
background: white;
color: #97cd76;
}

.btn-box .btn.bs-success.bs-inverted:hover {
background: #f2f2f2;
}

.btn-box .btn.bs-success.bs-inverted.bs-outlined {
background-color: transparent;
border-color: white;
color: white;
}

.btn-box .btn.bs-success.bs-inverted.bs-outlined:hover {
background: rgba(0, 0, 0, 0.05);
}

.btn-box .btn.bs-success.bs-loading:after {
border-color: transparent transparent white white !important;
}

.btn-box .btn.bs-warning {
background: #fce473;
border-color: transparent;
color: rgba(0, 0, 0, 0.5);
}

.btn-box .btn.bs-warning:hover,
.btn-box .btn.bs-warning:focus {
background: #fbda41;
border-color: transparent;
color: rgba(0, 0, 0, 0.5);
}

.btn-box .btn.bs-warning:active {
border-color: transparent;
}

.btn-box .btn.bs-warning.bs-outlined {
background: transparent;
border-color: #fce473;
color: #fce473;
}

.btn-box .btn.bs-warning.bs-outlined:hover,
.btn-box .btn.bs-warning.bs-outlined:focus {
border-color: #fbda41;
color: #fbda41;
}

.btn-box .btn.bs-warning.bs-inverted {
background: rgba(0, 0, 0, 0.5);
color: #fce473;
}

.btn-box .btn.bs-warning.bs-inverted:hover {
background: rgba(0, 0, 0, 0.5);
}

.btn-box .btn.bs-warning.bs-inverted.bs-outlined {
background-color: transparent;
border-color: rgba(0, 0, 0, 0.5);
color: rgba(0, 0, 0, 0.5);
}

.btn-box .btn.bs-warning.bs-inverted.bs-outlined:hover {
background: rgba(0, 0, 0, 0.05);
}

.btn-box .btn.bs-warning.bs-loading:after {
border-color: transparent transparent rgba(0, 0, 0, 0.5) rgba(0, 0, 0, 0.5) !important;
}

.btn-box .btn.bs-danger {
background: #ed6c63;
border-color: transparent;
color: white;
}

.btn-box .btn.bs-danger:hover, .btn-box .btn.bs-danger:focus {
background: #e84135;
border-color: transparent;
color: white;
}

.btn-box .btn.bs-danger:active {
border-color: transparent;
}

.btn-box .btn.bs-danger.bs-outlined {
background: transparent;
border-color: #ed6c63;
color: #ed6c63;
}

.btn-box .btn.bs-danger.bs-outlined:hover,
.btn-box .btn.bs-danger.bs-outlined:focus {
border-color: #e84135;
color: #e84135;
}

.btn-box .btn.bs-danger.bs-inverted {
background: white;
color: #ed6c63;
}

.btn-box .btn.bs-danger.bs-inverted:hover {
background: #f2f2f2;
}

.btn-box .btn.bs-danger.bs-inverted.bs-outlined {
background-color: transparent;
border-color: white;
color: white;
}

.btn-box .btn.bs-danger.bs-inverted.bs-outlined:hover {
background: rgba(0, 0, 0, 0.05);
}

.btn-box .btn.bs-danger.bs-loading:after {
border-color: transparent transparent white white !important;
}

.btn-box .btn.bs-small {
border-radius: 0;
font-size: 1.4rem;
line-height:2.0rem;
height: 28px;
padding: .5rem .6rem;
}

.btn-box .btn.bs-medium {
border-radius: 0;
font-size: 1.8rem;
line-height:2.8rem;
height: 44px;
padding: 1rem 1.5rem;
}

.btn-box .btn.bs-large {
border-radius: 0;
font-size: 2.2rem;
line-height:3.2rem;
height: 52px;
padding: 1.4rem 2rem;
}

.btn-box .btn.bs-fullwidth {
display: block;
width: 100%;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;

}

.btn-box .btn.bs-flexible {
height: auto;
}

.btn-box .btn.bs-loading {
color: transparent;
pointer-events: none;
}

.btn-box .btn.bs-loading:after {
left: 50%;
margin-left: -8px;
margin-top: -8px;
position: absolute;
top: 50%;
position: absolute !important;
}

.btn-box .btn.bs-disabled, .btn-box .btn[disabled] {
opacity: 0.5;
pointer-events: none;
}


@media only screen and (max-width:640px) and (max-device-width:1280px) {
.btn-box .btn.bs-small {
font-size: 1.2rem;
line-height:1.8rem;
padding: .4rem .5rem;
}

.btn-box .btn.bs-medium {
font-size: 1.6rem;
line-height:2.4rem;
padding: .8rem 1rem;
}

.btn-box .btn.bs-large {
font-size: 2rem;
line-height:2.8rem;
padding: 1.2rem 1.4rem;
}


}