@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
div.embed-tbsplayer {
background-color:#000;
position:relative;
height:0;
padding-top:56.25%;
}
div.embed-tbsplayer .tbs-player {
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
div.embed-tbsplayer-audio {
background-color:#fff;
}
div.embed-tbsplayer-audio .tbs-player {
height:46px;
}
div.lbx-overlay {
z-index:10000;position:absolute;background-color:#000;width:100%;height:100%;left:0;top:0;right:0;bottom:0;opacity:0.9;
}
/* -----------------------------------------------------------
COMMON
------------------------------------------------------------*/

/*/TEXT/*/
.blue{ color:#0655d9 !important;}
.green{ color:#52b145 !important;}
.turquoise{ color:#2fbdb5 !important;}
.yellow{ color:#d6d414 !important;}
.orange{ color:#ee8020 !important;}
.pink{ color:#e4007f !important;}
.red{ color:#eb3434 !important;}
.purple{ color:#9362dd !important;}
.brown{ color:#a05f37 !important;}
.navy{color:#1a44ad !important;}

.tCenter{ text-align:center !important;}
.tLeft{ text-align:left !important;}
.tRight{ text-align:right !important;}

/*/LINK/*/
a { text-decoration:none;}
a:hover { text-decoration:underline;}
a:visited { text-decoration:none;}

/*/MARGIN/*/
.mgBtm15{ margin-bottom:15px !important;}
.mgBtm25{ margin-bottom:25px !important;}
.mgBtm35{ margin-bottom:35px !important;}
.mgBtm45{ margin-bottom:45px !important;}
.mgBtm55{ margin-bottom:55px !important;}

/* -----------------------------------------------------------
HEADER
------------------------------------------------------------*/
header{
	text-indent:-9999px;
	background:url(../img/bg.png) center top;
}
header img{
	position:absolute;
	text-indent:-9999px;
	top:0;
	left:0;
}
.Top header img{background-image: url(../img/header_top_2026.jpg);
	background-repeat: no-repeat;
	background-position: center;}

	@media all and (min-width: 768px) {
		.Top header, .Second header{
			height:400px;
			padding: 12px;
			text-align:center;
		}
		header h1{
			width:980px;
			height:400px;
			margin:0 auto;
			position:relative;
		}
		header a{
			width:980px;
			height:400px;
			margin:0 auto;
			position:relative;
			display: block;
		}
		.Top header img{
			width:980px;
			height:400px;
		}
		.Second header img{
			width:980px;
			height:400px;
			background-image: url(../img/header_top_2026.jpg);
		}
	}
	@media all and (max-width: 767px) {
		header {
			background-size: contain;
			padding: 1% 0;
		}
		.Top header h1{
			width:98%;
			height:0;
			padding-top:40%;
			position:relative;
			margin: 0 auto;
		}
		.Second header a{
			display: block;
			width:98%;
			height:0;
			padding-top:40%;
			position:relative;
			margin: 0 auto;
		}
		header img{
			width:100%;
			height:100%;
			background-size:cover;
			background-image: url(../img/header_top_2026.jpg);
			background-repeat: no-repeat;
			background-position: center;
		}
	}
	/* -----------------------------------------------------------
	BASE
	------------------------------------------------------------*/
	body {
		ffont-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
		-webkit-text-size-adjust:100%;
		-ms-text-size-adjust: 100%;
		color:#575757;
		background-color:#000;
	}
	#wrap{
		background-image:url(../img/bg.png);
	}
	.centerArea #l-box .mainblock .block{
		background-color: #fff;
		box-shadow:0px 0px 10px rgba(228,223,202,0.7);;
		padding-bottom: 20px;
	}
	@media all and (min-width: 768px) {
		#wrap{
			padding:20px 0;
		}
		.centerArea{
			width:980px;
			margin:0 auto;
		}
		.centerArea #l-box{
			float:left;
			width:670px;
			border: 5px solid #f5cd54;
			box-sizing: border-box;
			background-color: #f8f1d7;
		}
		.centerArea #l-box p{
			font-size: 90%;
			line-height: 1.4;
		}
		.centerArea #l-box .h-cover{
			height: 110px;
		}
		.centerArea #l-box .h-cover h1,.centerArea #l-box .h-cover h2{
			display: block;
			width: 562px;
			height: 40px;
			margin: 0 auto 20px;
			text-indent: -9999px;
		}
		.centerArea #l-box .mainblock{
			padding:25px;
		}
		.centerArea #l-box{
			border-right: 0px;
			width: 660px;
		}
		.centerArea #r-box{
			border-left:5px solid #f5cd54;
			width: 320px;
		}

		.flag{
			display: inline-block;
			color: #fff;
			font-size: 90%;
			line-height: 38px;
			margin: 15px 0;
			position: relative;
			width:160px;
			text-align: center;
			background-color: #17a2a7;
			font-weight: bold;
		}
		.flag:after {
			content: "";
			border-style: solid;
			border-width: 0;
			height: 0;
			position: absolute;
			width: 0;
			border-width: 19px 19px 19px 0;
			border-color: #17a2a7 transparent;
			right: -19px;
		}
		.centerArea #l-box .mainblock .block h3{
			font-size:100%;
			color: #17a2a7;
			padding: 0 20px 5px;
		}
		.centerArea #l-box .mainblock .block p{
			font-size: 90%;
			padding: 0 20px;
		}

		.centerArea #r-box{
			float:left;
			width:310px;
			border-top: 5px solid #f5cd54;
			border-bottom: 5px solid #f5cd54;
			border-right: 5px solid #f5cd54;
			box-sizing: border-box;
		}

	}
	@media all and (max-width: 767px) {
		#wrap{
			padding:10px 0;
		}
		.centerArea{
			width:94%;
			margin:0 auto ;
		}
		.centerArea #l-box{
			width:100%;
			margin: 0 auto 20px;
			border:5px solid #f5cd54;
			box-sizing: border-box;
			background-color: #f8f1d7;
		}
		.centerArea #l-box p{
			font-size: 86%;
			line-height: 1.4;
		}
		.centerArea #l-box .h-cover{
			width:100%;
			margin: 0 auto;
			height:0;
			padding-top:20%;
			background-size: cover;
			background-position: center center;
			text-indent: -9999px;
			white-space: nowrap;
			overflow: hidden;

		}
		.centerArea #l-box .mainblock{
			padding:15px;
		}
		.flag{
			display: inline-block;
			color: #fff;
			font-size:80%;
			line-height:30px;
			margin:15px 0;
			position: relative;
			width:40%;
			text-align: center;
			background-color: #17a2a7;
			font-weight: bold;
		}
		.flag:after {
			content: "";
			border-style: solid;
			border-width: 0;
			height: 0;
			position: absolute;
			width: 0;
			border-width: 15px 15px 15px 0;
			border-color: #17a2a7 transparent;
			right: -15px;
		}
		.centerArea #l-box .mainblock .block h3{
			font-size:90%;
			color: #17a2a7;
			padding: 0 5% 5px;
		}
		.centerArea #l-box .mainblock .block p{
			width: 90%;
			margin: 0 auto;
		}

		#rBanner{
			width:300px;
			margin:0 auto 10px;
			text-align:center;
		}
	}

	/* -----------------------------------------------------------
	NAVIGATION
	------------------------------------------------------------*/

	@media all and (min-width: 768px) {
		#con-body nav{
			background:url(../img/menu_bg.png?2026) repeat-x;
		}
		#con-body nav ul{
			width:980px;
			height:100px;
			margin:0 auto;
			list-style:none;
		}
		#con-body nav li{
			float:left;
			margin-right: 10px;
		}
		#con-body nav li:last-child{
			margin-right: 0;
		}
		#con-body nav a , #con-body nav span{
			display:block;
			height:100px;
			background-image:url(../img/menu.png?2026);
			text-indent:-9999px;
		}

		#con-body nav li a{ width:260px;}
		#con-body nav li#m1 a{ width:170px;background-position:0 0;}
		#con-body nav li#m2 a{ background-position:-180px 0;}
		#con-body nav li#m3 a{ background-position:-450px 0;}
		#con-body nav li#m4 a{ background-position:-720px 0;}
		#con-body nav li#m5 a , #con-body nav li#m5 span{ background-position:-720px 0; opacity: 0.5;}

		#con-body nav li#m1 a:hover,.Top #con-body nav li#m1 a{ background-position:0 -100px;}
		#con-body nav li#m2 a:hover,.Owabi #con-body nav li#m2 a{ background-position:-180px -100px;}
		#con-body nav li#m3 a:hover,.Onair #con-body nav li#m3 a{ background-position:-450px -100px;}
		#con-body nav li#m4 a:hover,.News #con-body nav li#m4 a{ background-position:-720px -100px;}
		#con-body nav li#m5 a:hover,.Intro #con-body nav li#m5 a{ background-position:-720px -100px;}

	}
	@media all and (max-width: 767px) {

		#con-body nav{
			width:100%;
			list-style:none;
			padding:10px 0 5px;
			background:url(../img/menu_bg_smp.png?2026) repeat-x;
			background-size: contain;
		}
		#con-body nav ul{
			width:94%;
			margin: 0 auto;
		}
		#con-body nav li{
			width:49%;
			padding-right: 2%;
			float: left;
			text-indent: -9999px;
			margin-bottom: 5px;
		}
		#con-body nav li:nth-child(even){padding-right:0;}
		#con-body nav a , #con-body nav span{
			display: block;
			width: 100%;
			height: 0;
			padding-top: 29.032%;
			background-size: cover;

		}
		#con-body nav li#m2 a{ background-image:url(../img/smp_navi_owabi_def.png);}
		#con-body nav li#m3 a{ background-image:url(../img/smp_navi_onair_def.png);}
		#con-body nav li#m4 a{ background-image:url(../img/smp_navi_news_def.png);}
		#con-body nav li#m1 a{ background-image:url(../img/smp_navi_top_def.png);}

		.Owabi #con-body nav li#m2 a{ background-image:url(../img/smp_navi_owabi_ov.png);}
		.Archive #con-body nav li#m3 a ,.Onair #con-body nav li#m3 a{ background-image:url(../img/smp_navi_onair_ov.png);}
		.News #con-body nav li#m4 a{ background-image:url(../img/smp_navi_news_ov.png);}
		.Intro #con-body nav li#m1 a, .Top #con-body nav li#m1 a{ background-image:url(../img/smp_navi_top_ov.png);}
	}

	/* -----------------------------------------------------------
	BUTTON
	------------------------------------------------------------*/
	@media all and (min-width: 768px) {
		.button_more a{
			display: block;
			width: 170px;
			height: 40px;
			background: url(../img/more.png) no-repeat;
			text-indent: -9999px;
			margin: 20px auto 0;
		}
		.button_more a:hover{
			background: url(../img/more.png) 0 -40px no-repeat;
		}
	}
	@media all and (max-width: 767px) {
		.button_more{
			width:40%;
			text-align: center;
			margin:15px auto 0;
		}
		.button_more a{
			width:100%;
			display: inline-block;
			border-radius: 20px;
			padding:5px 0;
			background: -webkit-linear-gradient(#f5cd12, #f6a914);
			background: -moz-linear-gradient(#f5cd12, #f6a914);
			background: -o-linear-gradient(#f5cd12, #f6a914);
			background: -ms-linear-gradient(#f5cd12, #f6a914);
			background: linear-gradient(#f5cd12, #f6a914);
			font-size:90%;
			font-weight: bold;
			color: #fff;

		}
	}
	/* -----------------------------------------------------------
	RIGHT-BANNER
	------------------------------------------------------------*/
	#r-box #sunjapo_insta_bn a{background-image: url(../img/sunjapo_insta_bn.png?);}
	#r-box #sunbei_bn a{background-image: url(../img/sunbei_bn.png?);}
	#r-box #sunbei_twit_bn a{background-image: url(../img/sunbei_twit_bn.png?);}
	#r-box #sunbei_insta_bn a{background-image: url(../img/sunbei_insta_bn.png?);}
	#r-box #sujapo_twit_bn a{background-image: url(../img/sunjapo_twit_bn.png?);}
	#r-box #junction_twit_bn a{background-image: url(../img/junction_twit_bn.png?);}
	#r-box #sujapo_youtube_bn a{background-image: url(../img/sunjapo_youtube_bn.png?);}

	#r-box #sunjapo_insta_bn a,#r-box #sunbei_bn a,#r-box #sunbei_twit_bn a,#r-box #sunbei_insta_bn a,#r-box #sujapo_twit_bn a,#r-box #junction_twit_bn a,#r-box #sujapo_youtube_bn a{
		text-indent: -9999px;
	}

	@media all and (min-width: 768px) {
		#rBanner{
			height: 250px;
		}
			#r-box #sunjapo_insta_bn a,#r-box #sunbei_bn a,#r-box #sunbei_twit_bn a,#r-box #sunbei_insta_bn a,#r-box #sujapo_twit_bn a,#r-box #junction_twit_bn a,#r-box #sujapo_youtube_bn a{
			display: block;
			width: 100%;
			height: 0;
			padding-top: 33.33%;
			background-size: cover;

		}
		#r-box #sunjapo_insta_bn a:hover,#r-box #sunbei_bn a:hover,#r-box #sunbei_twit_bn a:hover,#r-box #sunbei_insta_bn a:hover,#r-box #sujapo_twit_bn a:hover,#r-box #junction_twit_bn a:hover,#r-box #sujapo_youtube_bn a:hover{
			filter: alpha(opacity=80);-moz-opacity:0.80;opacity:0.80;
		}
	}
	@media all and (max-width: 767px) {
		#r-box{
			margin-bottom: 10px;

		}
		#r-box .twitter_cover{
			width: 300px;
			margin: 0 auto 20px;
		}
		#r-box #sunbei_bn a{
			width:80%;
			margin: 0 auto;
			height: 0;
			padding-top: 57.6%;
			display: block;
			background-size: cover;
		}
		#r-box #sunjapo_insta_bn a,#r-box #sunbei_bn a,#r-box #sunbei_twit_bn a,#r-box #sunbei_insta_bn a,#r-box #sujapo_twit_bn a,#r-box #junction_twit_bn a,#r-box #sujapo_youtube_bn a{
			width:80%;
			margin: 0 auto 1%;
			height: 0;
			padding-top: 26.66%;
			display: block;
			background-size: cover;
		}
	}

	/* -----------------------------------------------------------
	BACKNUMBER
	------------------------------------------------------------*/
	#bknum{
		margin-top: 20px;
	}
	#acMenu dt{
		display:block;
		height:40px;
		line-height:40px;
		text-align:left;
		border-bottom:#f8f1d7 1px solid;
		cursor:pointer;
		background-color:#17a2a7;
		position: relative;
	}
	#acMenu dd{
		padding: 20px 20px 10px 20px;
		background-color: #fff;
		box-shadow:0px 0px 10px rgba(228,223,202,0.7);
		text-align:center;
		display:none;
	}
	#Archive #acMenu dd:first-of-type{
		display: block;

	}
	#acMenu dt h4{
		display: block;
		padding-left:15px;
		color: #fff;
		font-weight: normal;
		box-sizing: border-box;
	}

	#acMenu dd ul{
		list-style: none;
	}
	#acMenu dd li{
		float: left;
	}
	#acMenu dd li:nth-child(4n) {margin-right: 0;}

	#acMenu dd a{
		background-color: #ffe75d;
		color: #24727b;
		position: relative;
		display:block;
	}
	#acMenu dd a::before{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
		left:0;
		box-sizing: border-box;
		height:12px;
		border:6px solid transparent;
		border-left:6px solid #17a2a7;
	}
	@media all and (min-width: 768px) {
		#acMenu dt h4{
			font-size: 100%;
		}
		#acMenu dt h4:after{
			content: url(../img/icon_open.png) ;
			position: absolute;
			top:5px;
			right:10px;
		}
		#acMenu dt.active h4:after{
			content: url(../img/icon_close.png) ;
		}
		#acMenu dd li{
			width: 132.5px;
			height: 40px;
			line-height: 40px;
			margin:0 10px 10px 0;
		}
		#acMenu dd a{
			font-size: 90%;
		}
	}

	@media all and (max-width: 767px) {
		#acMenu dt h4{
			font-size:90%;
			font-weight: bold;
		}
		#acMenu dt h4:after{

			content: "";
			position: absolute;
			top: 27%;
			right: 10px;
			width:18px;
			height:18px;
			background-image:url(../img/icon_open.png);
			background-size:contain;
			background-repeat: no-repeat;
			vertical-align:middle;
		}
		#acMenu dt.active h4:after{
			background-image: url(../img/icon_close.png) ;
		}
		#acMenu dd li{
			width:49%;
			height: 34px;
			line-height: 34px;
			margin:0 2% 2% 0;
		}
		#acMenu dd li:nth-child(even){margin:0 0 2% 0;}
		#acMenu dd a{
			font-size:86%;
			font-weight: bold;
		}
	}
	/* -----------------------------------------------------------
	FOOTER
	------------------------------------------------------------*/
	footer{
		width:100%;
		background-color:#f980ba;
	}
	p.copyright {
		color:#fff;
		font-size:75%;
		line-height:1.25;
	}
	p.copyright a{
		font-weight:bold;
		color:#fff;
	}
	@media all and (min-width: 768px) {
		footer{
			padding:20px 0;
		}
		p.copyright {
			text-align:center;
		}
	}
	@media all and (max-width: 767px)  {
		footer{
			padding: 10px 0;

		}
		footer #rBanner{
			margin:10px auto;
		}
		p.copyright{
			padding:10px 10px;
			text-align:center;
		}
	}
	/* -----------------------------------------------------------
	PAGETOP
	------------------------------------------------------------*/
	#pagetop a{
		display: block;
		overflow:hidden;

	}
	@media all and (min-width: 768px) {
		#pagetop {
			position:fixed;
			bottom:110px;
			right: 20px;
		}
		#pagetop a {
			background-image:url(../img/pagetop.png?202007);
			width:106px;
			height:106px;
			background-position:left center;
			text-indent:-9999px;
		}
		#pagetop a:hover{
			background-position:center right;
			background-position:right center;
		}
	}
	@media all and (max-width: 767px)  {
		#pagetop{
			text-align:center;
			background-color: #f5cd54;
		}
		#pagetop a {
			color:#fff;
			font-size:80%;
			padding:10px 0;
			line-height:1.0;
			font-weight:bold;
		}
	}

	/* -----------------------------------------------------------
	SOCIAL
	------------------------------------------------------------*/
	@media all and (min-width: 768px) {
		#social{
			text-align: center;
			padding-bottom: 8px;
		}
	}
	@media all and (max-width: 767px)  {
		#social {
			text-align:center;
		}
		#social iframe{
			margin:4px auto 0;
		}
	}

	/* -----------------------------------------------------------
	ONAIR
	------------------------------------------------------------*/
@media all and (min-width: 768px) {
	#Onair .block .inner{
		width: 590px;
		margin: 0 auto;
	}
}


	#Onair .block .date{
		background-color: #17a2a7;
		color: #fff;
		margin: 0px 0px 20px;
		line-height: 2.4;
		font-size: 100% !important;
	}
	#Onair .block .date span{
		padding: 0 4%;
		font-size: 90%;
		font-weight: bold;
	}
	#Onair .block .title{
		font-weight: bold;
	}
	#Onair .block h3{
		display: block;
		padding: 0.4em 0.5em !important;
		background: #f4f4f4;
		border-left: solid 5px #17a2a7;
		box-shadow: 1px 1px 1px #d7d7d7;
		margin: 20px 20px 10px 20px;
		font-weight: bold;
	}
	/* -----------------------------------------------------------
	TOP-TOPICS
	------------------------------------------------------------*/
	
	.centerArea #l-box 	#Topics .mainblock .block{
		padding: 20px;
	}
	.centerArea #l-box 	#Topics .mainblock .block h2{
		font-size: 110%;
        padding: 0;
		line-height: 1.6;
		margin-bottom: 0.4em;
	}
	.centerArea #l-box 	#Topics .mainblock .block h3{
		font-size: 100%;
		color: #575757;
		line-height: 1.6;
		padding: 0;
	}
	.centerArea #l-box 	#Topics .mainblock .block p{
        padding: 0;
	}
	.centerArea #l-box 	#Topics .mainblock .block p.date{
        text-align: right;
	}
	@media all and (max-width: 767px)  {
		.centerArea #l-box 	#Topics .mainblock .block h2{
			font-size: 100%;
			margin-bottom: 0.2em;
		}
		.centerArea #l-box 	#Topics .mainblock .block h3{
			font-size: 90%;
		}
		.centerArea #l-box 	#Topics .mainblock .block p{
			width: 100%;
			padding: 0;
		}
	}