/* =====================================
	sample css
====================================== */

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

/*	both
============================== */

/* text */
.alttext{
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.nomargin{
	margin:0 !important;
}
.nopadding{
	padding:0 !important;
}
a:link {
	text-decoration:none;
	color:#2366a9;
}
a:visited {
	text-decoration:none;
	color:#2366a9;
}
a:active {
	text-decoration:none;
	color:#2366a9;
}
a:hover {
	text-decoration:none;
	color:#e93399;
	transition:all 0.3s ease;
}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
  transition:all 0.2s ease;
}

.twitter-timeline {
	min-width: 80px !important;
}

/*	background
============================== */
body {
	font-family:-apple-system,’Lucida Grande’,‘Helvetica Neue’,’Hiragino Kaku Gothic ProN’,‘游ゴシック’,’メイリオ’,meiryo,sans-serif;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	color:#4c4f50;
}
body, div#con-body {
	background-color: #2366a9;
}
.pagegb01{
	background:url(../img/seiren_bg01.gif);
}
.pagegb02{
	background:url(../img/seiren_bg02.gif);
}
.pagegb03{
	background:url(../img/seiren_bg03.gif);
}
.pagegb04{
	background:url(../img/seiren_bg04.gif);
}
.pagegb05{
	background:url(../img/seiren_bg05.gif);
}
.pagegb06{
	background:url(../img/seiren_bg06.gif);
}
.pagegb07{
	background:url(../img/seiren_bg07.gif);
}
.pagegb08{
	background:url(../img/seiren_bg08.gif);
}


/*	header and navi
============================== */
header.main{
	background:url(../img/seiren_bg02_s.gif);
}
header_top{
	position:relative;
}
header.main h1 a {
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
.pages header.main h1 a {
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
.nav_smp{
	position:relative;
}

@media all and (min-width: 768px) {
	header.main{
		height:86px;
		border-bottom:4px solid #2366a9;
	}
	.header_top{
		width: 980px;
		margin: 0 auto;
	}
	header.main h1 a {
		background-image:url(../img/top_logo.png);
		background-size:cover;
		width:170px;
		height:61px;
		margin:20px 0 0 10px;
	}
	h1.nocontxt{
		float: left;
	}
	header.main nav ul li a {
		font-size:100%;
	}
	.header_top{
		z-index:2;
		position: relative;
	}
	.nav_smp{
		display:none;
	}
}

@media all and (max-width: 767px) {
	header.main {
		display:display;
		border-bottom:5px solid #2366a9;
	}
	header.main h1{
		position:relative;
		height:0;
		padding-top:18%;
	}
	
	header.main h1 a {
		background-image:url(../img/top_logo.png);
		background-position:center 50%;
		background-size:40%;
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
	}	
	.sp_logo{
		left: -5%;
	}
	.sp_logo img{
		height: 120px;
		width: auto !important;
	}
	.nav_smp{
		display: block;
		position: relative;
		padding-left: 125px;
	}
	#menu{
		position: absolute;
		right: 1%;
		top: 0px;
		z-index: 200;
		margin-top: -12.8%;
	}
	#menu img{
		max-width: 70%;
		width: auto;	
	}
	div#content01 div.modal-content ul li {
		float: none;
		width: 100%;
		text-align: center;
		height: auto;
	}
	#menu_news_logo a img{
		height: 70px;
		width: auto;
	}
	div#content01 span.close-content01 img {
		position: absolute;
		right: 1em;
		top: 25px;
		max-width: 40%;
		width: 30px;
		height: auto;
	}
	div#content01 div.modal-content ul li#menu_news_logo a {
		position: static;
		display: block;
		text-align: center;
	}
	#content01 div.modal-content ul li {
		margin:20px 0;
	}
	#content01 div.modal-content ul li a {
		color: #4c4f50;
		font-size: 18px;
		height: auto;
		padding: 10px;
	}
}


/*	columns
============================== */

.column-main{
	position:relative;
}

@media all and (min-width: 768px) {
	.main_wrap{
		position:relative;
	}
	div.cover {
		width:100%;
		margin:0 auto;
	}
	div.column-main {
		width:100%;
		margin:0 auto;
	}
	
}
@media all and (max-width: 767px) {
	div.cover {
	}
	div.column-main {
	}
}


/*	page top
============================== */
p.pgt a {
	display:block;
	text-decoration:none;
}
@media all and (min-width: 768px) {
	p.pgt {
		position:absolute;
		right:20px;
		bottom:20px;
	}
	p.pgt a {
		background-image:url(../img/icons.png);
		background-position:0 -50px;
		background-repeat:no-repeat;
		width:48px;
		height:48px;
		text-indent: 110%;
		white-space: nowrap;
		overflow: hidden;
	}
}
@media all and (max-width: 767px) {
	p.pgt {
		text-align:center;
	}
	p.pgt a {
		font-weight:bold;
		color:#fff;
		background-color:#2366a9;
		line-height:49px;
		height:49px;
		border-bottom:2px solid #0e4985;
	}
	p.pgt a span {
		display:inline-block;
		height:49px;
		background-image:url(../img/icons.png);
		background-position:left top;
		background-repeat:no-repeat;
		padding-left:28px;
	}
}

/*	NAVIGATION
============================== */
/**/
	.navigation .nolink{
		font-weight:bold;
		color:#2366a9;
		text-decoration:none;
		opacity:.5;
	}
	.fotter_navigation .nolink{
		font-weight:bold;
		color:#ffffff;
		text-decoration:none;
		opacity:.5;
	}

@media all and (min-width: 768px) {
	.navigation ul{
		float:left;
		margin-left:20px;
	}
	.navigation li{
		font-size:14px;
		display: block;
		margin: 40px 11px 0 0;
		float:left;
	}
	.navigation a:link{
		font-weight:bold;
		color:#2366a9;
		text-decoration:none;
	}
	.navigation a:hover{
		font-weight:bold;
		color:#e93399;
		text-decoration:none;
	}
	.footer_nav_area{
		width:780px;
		height: auto;
		margin:0px auto 30px;
	}
	.fotter_navigation ul{
		
	}
	.fotter_navigation li{
		font-size:14px;
		display: block;
		margin: 40px 11px 0 0;
		float:left;
	}
	.fotter_navigation a:link{
		font-weight:bold;
		color:#ffffff;
		text-decoration:none;
	}
	.fotter_navigation a:visited{
		color:#ffffff;
		text-decoration:none;
	}
	.fotter_navigation a:hover{
		color:#e93399;
		text-decoration:none;
	}
	.fotter_navigation a:active{
		color:#ffffff;
		text-decoration:none;
	}
	
	
	
}
@media all and (max-width: 767px) {
	.navigation{
		display:none;
	}
	.footer_nav_area{
		width:90%;
		height: auto;
		margin:0px auto;
		padding-top:1em;
	}
	.fotter_navigation li{
		display: block;
		margin: 1em 0.6em 0 0.6em;
		float:left;
	}
	.fotter_navigation a:link{
		font-weight:bold;
		color:#ffffff;
		text-decoration:none;
	}
	.fotter_navigation a:visited{
		color:#ffffff;
		text-decoration:none;
	}
	.fotter_navigation a:hover{
		color:#e93399;
		text-decoration:none;
	}
	.fotter_navigation a:active{
		color:#ffffff;
		text-decoration:none;
	}
	/*modal*/
	.modal-content ul li a:link{
		color:#ffffff !important;
		font-weight:bold;
	}
	.modal-content ul li a:visited{
		color:#ffffff !important;
	}
	.modal-content ul li a:hover{
		color:#ffffff !important;
	}
	.modal-content ul li a:active{
		color:#ffffff !important;
	}
	
	
}

/*	copyright
============================== */
p.copyright {
	font-size: 75%;
	line-height: 1.5em;
	color:#ffffff;
	text-align:center;
}
p.copyright a{
	color:#ffffff;
}
@media all and (min-width: 768px) {
	p.copyright {
		width:580px;
		margin:0 auto;
		padding: 20px;
	}
}
@media all and (max-width: 767px) {
	p.copyright {
		font-size:45%;
		line-height:1.6;
		margin:2em 0;
		padding:1em;
	}
}

@media all and (min-width: 768px) {
	div.smt span {
		display:block;
		margin:0 auto;
		background-size:contain;
		width:300px;
		height:56px;
		margin-top:2px;
	}
}
@media all and (max-width: 767px) {
	div.smt {
		background-color:#000;
		padding:20px 0;
	}
	div.smt span {
		display:block;
		margin:0 auto;
		width:320px;
		height:60px;
	}
}

/*	USER ADD
============================== */

	.h2_topupdate{
		background:url(../img/h2_topupdate.png);
		background-repeat:no-repeat;
		margin:0 auto;
	}
	.h2_toptwitter{
		background:url(../img/h2_toptwitter.png);
		background-repeat:no-repeat;
		margin:0 auto;
	}
	.h2_page{
		margin:0 auto;
	}
	section.topvisual{
		width:100%;
	}
	section.update{
		width:100%;
		background:url(../img/seiren_bg02.gif);
	}
	section.twitter{
		width:100%;
		background:url(../img/seiren_bg01.gif);
	}
	
	footer{
		background-color:#2366a9;
	}
	.update_text{
		height: 2.8em;
		overflow: hidden;
	}
	.update_new{
		margin-left:0.5em;
		font-weight:bold;
		font-style:italic;
		color:#e93399;
	}

@media all and (min-width: 768px) {
	.page_wrap{
		padding:20px 0 60px 0;
	}
	section.topvisual{
		height:1024px;
		background:url(../img/seirentop_back.jpg);
		background-repeat:no-repeat;
		background-position: top center;
		background-size:cover;
	}
	section.update{
		width:100%;
	}
	.update_inner{
		width:980px;
		margin:0 auto;
		padding-top:120px;
		padding-bottom:60px;
	}
	section.twitter{
		width:100%;
	}
	.twitter_inner{
		width:980px;
		margin:0 auto;
		padding-top:60px;
		padding-bottom:100px;
	}
	.h2_topupdate{
		width:278px;
		height:89px;
	}
	.h2_page{
		margin: 0 auto;
		padding-bottom:60px;
	}
	.topimage{
		width:980px;
		margin:0 auto;
		position:relative;
	}
	.pc_biglogo{
		width:711px;
		height:257px;
		background:url(../img/top_logo.png);
		background-repeat:no-repeat;
		position:absolute;
		top:890px;
		left:160px;
		display:block;
	}
	.pc_onair{
		width:540px;
		height:157px;
		background:url(../img/toponair.png);
		background-repeat:no-repeat;
		position:absolute;
		top:720px;
		left:250px;
		display:block;
	}
	.sp_onair{
		display:none;
	}
	.update_wrap{
		width:976px;
		margin:0 auto;
	}
	.update_block{
		width:230px;
		float:left;
		margin:30px 7px;
		background:#d0f2ff;
	}
	.update_thum{
		width:230px;
	}
	.update_caption{
		padding:20px 20px;
	}
	.update_date{
		height:12px;
		font-size:12px;
		padding:0.5em 0;
	}
	.update_text{
		font-size:16px;
		font-weight:bold;
		line-height:1.6em;
	}
	.pickup_banner{
		float:left;
		margin:0 7px;
	}
	.h2_toptwitter{
		width:261px;
		height:91px;
		margin:0 auto 30px;
	}
	.twitter_area{
		width:650px;
		height:360px;
		margin:0 auto;
		border: 8px #2366a9 solid;  /* 枠線を引く */
		background-color: #ffffff;  /* 背景色の指定 */
		border-radius: 30px;      /* 角丸の指定 */
	}
	.tw_widget{
		width:600px;
		margin:20px auto;
	}
	
	/*footer*/
	footer{
		padding-top:30px;
		padding-bottom:10px;
	}

}
@media all and (max-width: 767px) {
	.page_wrap{
		padding:0.5em 0 2em;
	}
	.h2_topupdate{
		width:50%;
		padding-top: 20%;
		background-position:center 85%;
		background-size:contain;
	}
	.h2_toptwitter{
		width:45%;
		padding-top: 20%;
		background-position:center 65%;
		background-size:contain;
	}
	.h2_page{

	}
	.topvisual{
		width:100%;
		position:relative;
	}
	.topvisual img{
		width:100%;
		vertical-align: bottom;
	}
	.pc_biglogo{
		display:none;
	}
	.pc_onair{
		display:none;
	}
	.sp_onair{
		width:90%;
		margin:0% 5%;
		position:absolute;
		bottom:1em;
	}
	.sp_onair img{
		width:100%;
	}
	.update_inner{
		width:90%;
		margin:0 auto;
		padding-bottom:3.0em;
	}
	.update_block{
		width:48%;
		float:left;
		margin:0.8em 1%;
		background:#d0f2ff;
	}
	.update_thum img{
		width:100%;
	}
	.update_caption{
		padding:1em;
	}
	.update_date{
		font-size:0.7em;
		height:1em;
		padding:0.4em 0;
	}
	.update_new{
		margin-left:0.5em;
	}
	.update_text{
		height:3.8em;
		font-size:0.8em;
		font-weight:bold;
		line-height:1.4em;
		overflow: hidden;
	}
	.pickup_banner{
		width:100%;
		margin:0.5em 0;	
	}
	.pickup_banner img{
		width:100%;	
	}
	.twitter_inner{
		padding-top:1em;
		padding-bottom:3em;
	}
	.twitter_area{
		width:80%;
		margin:1em auto;
		border: 6px #2366a9 solid;  /* 枠線を引く */
		background-color: #ffffff;  /* 背景色の指定 */
		border-radius: 1em;      /* 角丸の指定 */
	}
	.tw_widget{
		width:90%;
		margin:1em auto;
	}
	/*footer*/
	footer{
		 padding: 0 4% 1em;
	}
}


/*=====================
01.NEWS
=====================*/

.h2_news{
	background: url(../img/h2_news.png);
    background-repeat: no-repeat;
}
.newsall_thum img{
	width:100%;
	vertical-align: bottom;
}
.newsall_block{
	line-height:1.5em;
	color:#2366a9;
	background-color:#ffffff;
}
.newsall_caption{
	background:#ffffff;
	float:left;
}
.newsall_text{
	overflow:hidden;
}

/*記事ページ*/

.news_date{
	color:#2366a9;
}
.news_title{
	color:#2366a9;
	font-weight:bold;
	line-height:1.5em;
}
.news_h3{
	line-height:1.4em;
}
.news_h4{
	color:#2366a9;
	line-height:1.4em;
	font-weight:bold;
	padding-top:0.4em;
	margin-bottom:0.4em;
}
.backbtn_block{
	width:274px;
	margin:0 auto;
}
a.backbtn{
  display: inline-block;
  width: 170px;
  padding: 15px 10px;
  border: 2px solid #2366a9;
  background: transparent;
  color: #2366a9;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
  font-weight:bold;
}
a.sample16 {
  position:relative;
  z-index:2;
  overflow:hidden
}
a.sample16::after {
  display:block;
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  width:230px;
  height:230px;
  margin:-115px 0 0 -115px;
  border:100px double rgba(255,255,255,0);
  border-radius:50%;
  transition:.5s
}
a.sample16:hover {
  color:#ffffff;
}
a.sample16:hover::after {
  border-width:0;
  border-color:#2366a9;
  background:#2366a9;
}



@media all and (min-width: 768px) {
		.h2_news{
			width:203px;
			height:90px;
			background-position-y:bottom;
		}
		.newsall_wrap{
			margin-top:20px;
		}
		.newsall_block{
			width:640px;
			height:130px;
			margin:0 auto 20px;
		}
		.newsall_thum{
			width:130px;
			height:130px;
			float:left;
		}
		.newsall_caption{
			width:450px;
			height:70px;
			padding:25px;
		}
		.newsall_date{
			font-size:16px;
			margin-bottom:0.5em;
		}
		.newsall_text{
			font-size:20px;
			font-weight:bold;
			max-height:2.4em;
		}
		
		/*記事ページ*/
		.news_wrap{
			width:600px;
			margin:0 auto;
			padding:30px 0 30px;
			border-bottom:1px solid #4c4f50;
		}
		.news_img{
			max-width:600px;
			margin-bottom:1.6em;
		}
		.news_img img{
			max-width:600px;
		}	
		.news_date{
			font-size:16px;
			margin-bottom:0.6em;
		}
		.news_title{
			font-size:24px;
			margin-bottom:0.8em;
		}
		.news_h3{
			font-size:22px;
			color:#e93399;
			padding-top:0.8em;
			margin-bottom:0.6em;
		}
		.news_text{
			font-size:16px;
			line-height:28px;
			margin-bottom:1.6em;
		}
		a.backbtn{
  			margin: 50px 40px 0px;
		}
}

@media all and (max-width: 767px) {
		.h2_news{
			width:35%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.newsall_wrap{
			margin-top:0.6em;
		}
		.newsall_block{
			width:90%;
			margin:0 auto 1.5em;
		}
		.newsall_thum{
			width:30%;
			float:left;
			margin-right:5%;
		}
		.newsall_caption{
			width:65%;
			float:left;
		}
		.newsall_date{
			font-size:0.7em;
			margin-top:1em;
		}
		.newsall_text{
			font-size:0.9em;
			font-weight:bold;
			max-height:3.0em;
		}
		
		/*記事ページ*/
		.news_wrap{
			width:90%;
			margin:0 auto;
			padding:0.8em 0 1em;
			border-bottom:1px solid #4c4f50;
		}
		.news_img{
			width:100%;
			margin-bottom:1.6em;
		}
		.news_img img{
			width:100%;
		}
		.news_date{
			font-size:0.9em;
			margin-bottom:0.6em;
		}
		.news_title{
			font-size:1.4em;
			margin-bottom:0.8em;
		}
		.news_h3{
			font-size:1.2em;
			color:#e93399;
			padding-top:0.8em;
			margin-bottom:0.4em;
		}
		.news_text{
			font-size:1em;
			line-height:1.5;
			margin-bottom:1.6em;
			word-break: break-all;
		}
		a.backbtn{
  			margin: 3em 40px 1em;
		}
		
}


/*=====================
02.ONAIR
=====================*/

.h2_onair{
	background: url(../img/h2_onair.png);
    background-repeat: no-repeat;
}
.onair_h3{
	text-align:center;
	color:#2c60aa;
	font-weight:bold;
}
.henkou{
	font-size:80%;
	color:#e93399;
	font-weight:bold;
}
#basic-demo-table{
	border-collapse:collapse;
	margin:0 auto;
}
#basic-demo-table tr th{
	color:#ffffff;
	background-color:#2c60aa;
	border-right:1px solid #fff;
}
#basic-demo-table tr th:last-child {
	border-left: 1px solid #2c60aa;
}
#basic-demo-table tr th:last-child {
	border-right: 1px solid #2c60aa;
}
#basic-demo-table tr td{
	color:#2c60aa;
	background-color:#ffffff;
	border:1px solid #2c60aa;
}

#basic-demo-table2{
	border-collapse:collapse;
	margin:0 auto;
}
#basic-demo-table2 tr th{
	color:#ffffff;
	background-color:#2c60aa;
	border-right:1px solid #fff;
}
#basic-demo-table2 tr th:last-child {
	border-left: 1px solid #2c60aa;
}
#basic-demo-table2 tr th:last-child {
	border-right: 1px solid #2c60aa;
}
#basic-demo-table2 tr td{
	color:#2c60aa;
	background-color:#ffffff;
	border:1px solid #2c60aa;
}

table.restables-clone {
	display: none;
}
table.restables-clone2 {
	display: none;
}
table.restables-clone tr:first-child td {
	background: #2c60aa !important;
	color:#ffffff !important;
	font-weight:bold;
}
table.restables-clone2 {
	display: none;
}
table.restables-clone2 tr:first-child td {
	background: #2c60aa !important;
	color:#ffffff !important;
	font-weight:bold;
}


@media all and (min-width: 768px) {
		.h2_onair{
			width:238px;
			height:90px;
			background-position-y:bottom;
		}
		.onair_h3{
			font-size:24px;
			margin:60px 0 0 0;
		}
		#basic-demo-table{
			width:880px;
			margin:30px auto 40px;
		}
		#basic-demo-table tr th{
			text-align:center;
			padding:0.5em 2em;
		}
		#basic-demo-table tr td{
			text-align:center;
			padding:0.5em 2em;
		}
		#basic-demo-table2{
			width:880px;
			margin:30px auto 40px;
		}
		#basic-demo-table2 tr th{
			text-align:center;
			padding:0.5em 2em;
		}
		#basic-demo-table2 tr td{
			text-align:center;
			padding:0.5em 2em;
		}
}

@media all and (max-width: 767px) {
		.h2_onair{
			width:40%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.onair_h3{
			font-size:140%;
			margin:2em 0 1em 0;
		}
		#basic-demo-table{
			width:90%;
			margin:0.5em auto 1em;
		}
		#basic-demo-table tr th{
			text-align:left;
			padding:0.5em 1em;
		}
		#basic-demo-table tr td{
			text-align:left;
			padding:0.5em 1em;
		}
		#basic-demo-table2{
			width:90%;
			margin:0.5em auto 1em;
			word-break: break-all;
		}
		#basic-demo-table2 tr th{
			text-align:left;
			padding:0.5em 1em;
		}
		#basic-demo-table2 tr td{
			text-align:left;
			padding:0.5em 1em;
		}
		.restables-origin{
			display:none;
		}
		table.restables-clone {
			display: table;
		}
		table.restables-clone2 {
			display: table;
		}
		.onair_site{
			width:40%;
		}
		table#basic-demo-table2.restables-origin2{
			display:none;
		}

		table#basic-demo-table2.restables-clone2{
			display:block;
		}
}


/*=====================
03.STAFF&CAST
=====================*/

.h2_staffcast{
	background: url(../img/h2_staffcast.png);
    background-repeat: no-repeat;
}
.staffcast_text{
	margin:0 auto;
}
.staffcast_text img{
	width:100%;
}

@media all and (min-width: 768px) {
		.h2_staffcast{
			width:485px;
			height:90px;
			background-position-y:bottom;
		}
		.staffcast_wrap{
			padding:40px 0 30px;
		}
		.staffcast_text{
			width:700px;
		}
}

@media all and (max-width: 767px) {
		.h2_staffcast{
			width:70%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.staffcast_wrap{
			padding:1em 0 1em;
		}
		.staffcast_text{
			width:98%;
		}
}


/*=====================
04.STORY
=====================*/

.h2_story{
	background: url(../img/h2_story.png);
    background-repeat: no-repeat;
}

/*all*/
.charaset{
	text-align:center;
}

/*inner*/
.story_nav ul li{
	float:left;
}
.story_nav ul li img{
	width:100%;
}

/*introduction*/
.intro_sp img{
	width:100%;
}
.gaiyou_sp img{
	width:100%;
}
.commentbtn_block{
	width:230px;
	margin:0 auto;
}
a.commentbtn{
  display: inline-block;
  width: 200px;
  padding: 15px 10px;
  border: 2px solid #2366a9;
  background: transparent;
  color: #2366a9;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
  font-weight:bold;
}
a.sample17 {
  position:relative;
  z-index:2;
  overflow:hidden
}
a.sample17::after {
  display:block;
  content:"";
  position:absolute;
  z-index:-1;
  top:50%;
  left:50%;
  width:230px;
  height:230px;
  margin:-115px 0 0 -115px;
  border:100px double rgba(255,255,255,0);
  border-radius:50%;
  transition:.5s
}
a.sample17:hover {
  color:#ffffff;
}
a.sample17:hover::after {
  border-width:0;
  border-color:#2366a9;
  background:#2366a9;
}
.flexslider, .flexslider img{
	width: 100%;
}

@media all and (min-width: 768px) {
		.h2_story{
			width:252px;
			height:90px;
			background-position-y:bottom;
		}
		/*all*/
		.charaset{
			height:60px;
			margin-bottom:20px;
		
		}
		.charaset img{
			margin:1.5em 0 0;
		
		}
		.story_btnwrap{
			width:680px;
			margin:0 auto;
			padding:30px 0 0 0;
		}
		.story_btn01{
			float:left;
		}
		.story_btn02{
			float:right;
		}
		
		/*inner*/
		.story_block{
			width:800px;
			margin:0 auto;
		}
		.storytitle{
			font-size:30px;
			letter-spacing:0.05em;
			font-weight:bold;
			text-align:center;
			margin:20px 0 30px;
		}
		.storytitle span{
			color:#2366a9;
		}
		.storytext{
			font-size:20px;
			line-height:1.7em;
			margin:1.5em 0;
		}
		.storycaption{
			font-size:14px;
			line-height:1.6em;
		}
		.storycaption span{
			color:#2366a9;
		}
		.storycaption br{
			display:none;
		}
		.story_nav{
			width:800px;
			margin:40px auto;
			padding-bottom:30px;
			border-bottom:1px solid #4c4f50;
		}
		.story_nav ul li{
			width:52px;
			margin:0 6px;
		}
		.story_block a.backbtn{
			margin: 20px 40px 0px;
		}
		
		
		/*introduction*/
		.intro_pc{
			display:block;
			width:818px;
			margin:40px auto 0;
		}
		.intro_sp{
			display:none;
		}
		.gaiyou_pc{
			display:block;
			width:707px;
			margin:40px auto 40px;
		}
		.gaiyou_sp{
			display:none;
		}
		.takayama_wrap{
			width:600px;
			margin:40px auto 0;
			font-size:16px;
			line-height:1.5em;
			text-align:center;
		}
		.takayama_h3{
			font-size:32px;
			font-weight:normal;
			color:#2366a9;
			margin-bottom:1em;
		}
		.takayama_text{
			margin-bottom:1.4em;
		}
		
		
}

@media all and (max-width: 767px) {
		.h2_story{
			width:40%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		/*all*/
		.charaset img{
			width:50%;
			margin:1em 0 0.5em 0;
		
		}
		.story_btnwrap{
			margin:0 auto;
		
		}
		.story_btn01{
			width:80%;
			margin:2em auto 1em;
		}
		.story_btn01 img{
			width:100%;
		}
		.story_btn02{
			width:80%;
			margin:1em auto;
		}
		.story_btn02 img{
			width:100%;
		}
		
		/*inner*/
		.story_block{
			width:90%;
			margin:0 auto;
		}
		.storytitle{
			font-size:120%;
			font-weight:bold;
			line-height:1.7em;
			margin:1.2em 0 0.7em;
			text-align:center;
		}
		.storytitle img{
			width:65%;
		}
		.storytitle span{
			color:#2366a9;
		}
		.storytext{
			font-size:100%;
			line-height:1.6em;
			margin:1.5em 0 1em;
		}
		.storycaption{
			font-size:80%;
			line-height:2em;
		}
		.storycaption span{
			color:#2366a9;
		}
		.story_nav{
			width:100%;
			margin:1em auto;
			padding-bottom:1em;
			border-bottom:1px solid #4c4f50;
		}
		.story_nav ul li{
			width:17%;
			height:auto;
			margin: 1% 3.5%;
		}
		.story_block a.backbtn{
			margin:1em 40px 1em;
		}
		
		/*introduction*/
		.introdaction_wrap{
			width:100%;
			margin:0 auto;
		}
		.intro_pc{
			display:none;
		}
		.intro_sp{
			width:90%;
			display:block;
			margin:1em auto 2em;
		}
		.gaiyou_pc{
			display:none;
		}
		.gaiyou_sp{
			width:80%;
			display:block;
			margin:3em auto;
		}
		.takayama_wrap{
			width:90%;
			margin:1em auto 0;
			font-size:1em;
			line-height:1.5em;
			
		}
		.takayama_h3{
			font-size:1.6em;
			font-weight:normal;
			color:#2366a9;
			margin-bottom:0.8em;
			text-align:center;
		}
		.takayama_text{
			font-size:0.8em;
			margin-bottom:1.4em;
			text-align:left;
		}
}


/*=====================
05.CHARACTER
=====================*/
.h2_chara{
	background: url(../img/h2_chara.png);
    background-repeat: no-repeat;
}
.h2_chara02{
	background: url(../img/h2_chara_kyouko.png);
    background-repeat: no-repeat;
}
.h2_chara03{
	background: url(../img/h2_chara_miu.png);
    background-repeat: no-repeat;
}
.h2_chara04{
	background: url(../img/h2_chara_makoto.png);
    background-repeat: no-repeat;
}
.h2_chara05{
	background: url(../img/h2_chara_ruise.png);
    background-repeat: no-repeat;
}
.h2_chara06{
	background: url(../img/h2_chara_toru.png);
    background-repeat: no-repeat;
}
.h2_chara07{
	background: url(../img/h2_chara_tomoe.png);
    background-repeat: no-repeat;
}
.chara_nav li img{	
	width:100%;
}
	
	@media all and (min-width: 768px) {
		.h2_chara{
			width:463px;
			height:90px;
			background-position-y:bottom;
		}
		.chara_nav{
			width:980px;
			display:flex;
			flex-wrap: wrap;
			justify-content: center;
			margin:0 auto;
		}
		.chara_nav li{
			margin:15px 10px;
		}
		
		/*各キャラページ*/
		.chara_inner{
			width:742px;
			margin:0 auto;
		}
		.chara_inner h2{
			width:463px;
			margin:0 auto 30px;
		}
		.chara_left{
			width:370px;
			float:left;
		}
		.chara_left img{
			float:right;
			margin-top: 20px;
			margin-right:10px;
		}
		.chara_right{
			width:372px;
			padding-top:30px;
			float:left;
		}
		.chara_profile_add{
			margin-top: 50px;
			margin-left: 20px
		}
		.chara_pv{
			margin-top:30px;
			margin-left:34px;
		}
		.chara_control{
			position:relative;
		}
		.chara_back{
			position:absolute;
			top:210px;
			left:-80px;
		}
		.chara_next{
			position:absolute;
			top:210px;
			right:-80px;
		}
		.chara_back_sp{
			display: none;
		}
		.chara_next_sp{
			display: none;
		}
	}

	@media all and (max-width: 767px) {
		.h2_chara{
			width:70%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.chara_nav{
			width:100%;
		}
		.page_wrap{
			width:95%;
			margin:0 auto;
		}
		.chara_nav li{
			width: 46%;
    		height: auto;
    		margin: 2%;
			float:left;
		}
		.h2_pc{
			display:none;
		}
		.h2_sp{
			width:90%;
			display:block;
			margin:1em auto;
		}
		/*各キャラページ*/
		.chara_left{
			width:60%;
			margin:1em auto;
		}
		.chara_left_70{
			width:70%;
		}
		.chara_tati{
			position:relative;
		}
		.chara_tati img{
			width:100%;
		}
		.chara_back_sp{
			display: block;
			position: absolute;
			top: 40%;
			left: -35%;
			font-size: 250%;
			text-align:right;
		}
		.chara_back_sp img{
			width:70%;
		}
		.chara_next_sp{
			display: block;
			position: absolute;
			top: 40%;
			right: -35%;
			font-size: 250%;
			text-align:left;
		}
		.chara_next_sp img{
			width:70%;
		}
		.chara_left_70 .chara_back_sp{
			display: block;
			position: absolute;
			top: 40%;
			left: -20%;
			font-size: 250%;
			text-align:right;
		}
		.chara_left_70 .chara_back_sp img{
			width:70%;
		}
		.chara_left_70 .chara_next_sp{
			display: block;
			position: absolute;
			top: 40%;
			right: -20%;
			font-size: 250%;
			text-align:left;
		}
		.chara_left_70 .chara_next_sp img{
			width:70%;
		}
		.chara_right{
			width:90%;
			margin:2em auto;
		}
		.chara_right img{
			width:100%;
		}
		.chara_pv{
			width:90%;
			margin:2em auto;
		}
		.chara_pv img{
			width:100%;
		}
		.chara_control{
			display:none;
		}
	}


/*=====================
06.BD&DVD
=====================*/

.h2_disc{
	background: url(../img/h2_disc.png);
    background-repeat: no-repeat;
}
.discall_block{
	background:none !important;
}
.discall_thum img{
	width:100%;
}

.disc_thum img{
	width:100%;
}
.banner_tokuten img{
	width:100%;
}
.disc_infolist small{
	font-size:80%;
}
.oritoku_text img{
	width:100%;
}

@media all and (min-width: 768px) {
		.h2_disc{
			width:425px;
			height:89px;
			background-position-y:bottom;
		}
		.discall_wrap{
			width: 750px;
			margin: 0 auto;
		}
		
		.discall_block{
			width: 230px;
			float: left;
			margin: 10px 10px;
			background: #d0f2ff;
		}
		.discall_thum{
			width:230px;
			float:left;
		}
		.banner_tokuten{
			width:730px;
			margin:30px auto;
		}
		
		/*INNERページ*/
		.disc_wrap{
			width:900px;
			margin:0 auto;
		}
		.discinner_wrap{
			width:900px;
			border-bottom: 1px solid #4c4f50;
			padding: 30px 0 60px 0;
		}
		.disc_thum{
			width:380px;
			float:left;
		}
		.disc_detail{
			width:440px;
			float:left;
			margin:0 0 0 60px;
		}
		.disc_caption{
			font-size:18px;
			color:#2c60aa;
			margin-bottom:0.4em;
		}	
		.disc_title{
			font-size:28px;
			font-weight:normal;
			color:#2c60aa;
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}
		.disc_artist{
			font-weight:normal;
		}
		.disc_infolist{
			font-size:16px;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.disc_infolist dt{
			color:#2c60aa;
			font-weight:bold;
		}
		.disc_infolist dd{
			margin-bottom: 1em;
		}
		.oritoku_banner{
			margin:0 0 40px;
		}
		.oritoku_text{
			width:700px;
			margin:0 auto;
		}
}

@media all and (max-width: 767px) {
		.h2_disc{
			width:65%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.discall_wrap{
			width:100%;
			margin:0 auto;
		}
		.discall_block{
			width: 44%;
			height: auto;
			margin: 3%;
			float: left;
		}
		.discall_thum img{
			width:100%;
		}
		.banner_tokuten{
			width:94%;
			margin:1em auto;
		}
		
		
		/*INNERページ*/
		.disc_wrap{
			width:90%;
			margin:0 auto;
		}
		.discinner_wrap{
			border-bottom: 1px solid #4c4f50;
			padding: 1em 0 2em 0;
		}
		.disc_thum{
			margin-bottom: 1.5em;
		}
		.disc_detail{
		}
		.disc_caption{
			font-size:80%;
			font-weight:bold;
			color:#2c60aa;
			margin-bottom:0.4em;
		}	
		.disc_title{
			font-size: 150%;
			margin:0 0 0.2em 0;
			line-height: 1.4em;
			font-weight: bold;
			color:#2c60aa;
		}
		.disc_artist{
			font-size:90%;
			font-weight:bold;
		}
		.disc_infolist{
			font-size:80%;
			font-weight:normal;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.disc_infolist dt{
			color:#2c60aa;
			font-weight:bold;
		}
		.disc_infolist dd{
			margin-bottom: 1em;
		}
		.oritoku_banner{
			margin:0 0 2em;
		}
		.oritoku_text{
			width:100%;
			margin:0 auto;
		}
}

/*=====================
07.MUSIC
=====================*/

.h2_music{
	background: url(../img/h2_music.png);
    background-repeat: no-repeat;
}
.musicall_block{
	background:none !important;
}

/*CDページ*/
.cd_thum img{
	width:100%;
}

@media all and (min-width: 768px) {
		.h2_music{
			width:230px;
			height:90px;
			background-position-y:bottom;
		}
		
		/*CDページ*/
		.cd_wrap{
			width:900px;
			margin:0 auto;
		}
		.musicinner_wrap{
			width:900px;
			border-bottom: 1px solid #4c4f50;
			padding: 30px 0 60px 0;
		}
		.cd_thum{
			width:380px;
			float:left;
		}
		.cd_detail{
			width:440px;
			float:left;
			margin:0 0 0 60px;
		}
		.cd_caption{
			font-size:18px;
			color:#2c60aa;
			margin-bottom:0.4em;
		}	
		.cd_title{
			font-size:32px;
			line-height:1.4em;
			font-weight:normal;
			color:#2c60aa;
			margin-left:-0.5em;
			margin-top: 0.5em;
			margin-bottom: 0.5em;
		}
		.cd_artist{
			font-weight:normal;
		}
		.cd_infolist{
			font-size:16px;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.cd_infolist dt{
			color:#2c60aa;
			font-weight:bold;
		}
		.cd_infolist dd{
			margin-bottom: 1em;
		}
}

@media all and (max-width: 767px) {
		.h2_music{
			width:40%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		
		.musicall_block{
			width: 44%;
			margin: 0.8em 3%;
		}
		
		/*CDページ*/
		.cd_wrap{
			width:90%;
			margin:0 auto;
		}
		.musicinner_wrap{
			border-bottom: 1px solid #4c4f50;
			padding: 1em 0 2em 0;
		}
		.cd_thum{
			margin-bottom: 1.5em;
		}
		.cd_detail{
		}
		.cd_caption{
			font-size:80%;
			font-weight:bold;
			color:#2c60aa;
			margin-bottom:0.4em;
		}	
		.cd_title{
			font-size: 150%;
			margin:0 0 0.2em -0.5em;
			line-height: 1.4em;
			font-weight: bold;
			color:#2c60aa;
		}
		.cd_artist{
			font-size:90%;
			font-weight:bold;
		}
		.cd_infolist{
			font-size:80%;
			font-weight:normal;
			line-height:1.6em;
			margin:1.5em 0 0 0;
		}
		.cd_infolist dt{
			color:#2c60aa;
			font-weight:bold;
		}
		.cd_infolist dd{
			margin-bottom: 1em;
		}
}


/*=====================
08.MOVIE
=====================*/

.h2_movie{
	background: url(../img/h2_movie.png);
    background-repeat: no-repeat;
}
.movie_nav li img{	
	width:100%;
}
	
	@media all and (min-width: 768px) {
		.h2_movie{
			width:242px;
			height:89px;
			background-position-y:bottom;
		}
		.movie_nav{
			width:980px;
			display:flex;
			flex-wrap: wrap;
			justify-content: center;
			margin:0 auto;
		}
		.movie_nav li{
			margin:10px 5px;
		}
	}

	@media all and (max-width: 767px) {
		.h2_movie{
			width:40%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.movie_nav{
			width:100%;
		}
		.movie_nav li{
			width: 80%;
    		height: auto;
    		margin: 5% 10%;
		}
	}



/*=====================
09.GOODS
=====================*/

.h2_goods{
	background: url(../img/h2_goods.png);
    background-repeat: no-repeat;
}

@media all and (min-width: 768px) {
		.h2_goods{
			width:241px;
			height:89px;
			background-position-y:bottom;
		}
}

@media all and (max-width: 767px) {
		.h2_goods{
			width:40%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
}


/*=====================
10.SPECIAL
=====================*/

.h2_special{
	background: url(../img/h2_special.png);
    background-repeat: no-repeat;
}

@media all and (min-width: 768px) {
		.h2_special{
			width:311px;
			height:89px;
			background-position-y:bottom;
		}
		.special_category{
			padding:0.1em;
			margin:0.5em 0;
			color:#ffffff;
			font-size:14px;
			font-weight:bold;
			text-align:center;
			background:#e93399;
		}
		.special_category_event{
			width:5em;
		}
		.news_text_event img{
			margin:10px 0 30px;
		}
}

@media all and (max-width: 767px) {
		.h2_special{
			width:50%;
			padding-top: 20%;
			background-position:center 85%;
			background-size:contain;
		}
		.special_category{
			margin:0.5em 0;
			color:#ffffff;
			font-size:10px;
			font-weight:bold;
			text-align:center;
			background:#e93399;
		}
		.specialall_text{
			line-height:1.3em;
		
		}
		.special_category_event{
			width:5em;
		}
		.specialall_caption{
			padding-top:0.3em;
		
		}
		.news_text_event img{
			width:50%;
			margin-top:0.5em;
			margin-bottom:1em;
		}
}

/*SP保存禁止*/
img{
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
}

@media all and (min-width: 768px) {
	
	/*on mouse*/
	figure {
		position: relative;
	}
	figure::before {
		position: absolute;
		top: 50%;
		left: 50%;
		z-index: 2;
		display: block;
		content: '';
		width: 0;
		height: 0;
		border-radius: 100%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		opacity: 0;
	}
	figure:hover::before {
		-webkit-animation: circle .50s;
		animation: circle .50s;
	}
	/*色違い*/
	figure.update::before {
		background: rgba(103,213,250,.3);
	}
	figure.charafigure01::before {
		background: rgba(103,213,250,.3);
	}
	figure.charafigure02::before {
		background: rgba(255,173,92,.3);
	}
	figure.charafigure03::before {
		background: rgba(37,190,108,.3);
	}
	figure.charafigure04::before {
		background: rgba(255,182,255,.3);
	}
	figure.charafigure05::before {
		background: rgba(126,165,212,.3);
	}
	figure.charafigure06::before {
		background: rgba(139,101,167,.3);
	}
	figure.charafigure07::before {
		background: rgba(255,206,32,.3);
	}
	figure.charafigure_other::before {
		background: rgba(35,102,169,.3);
	}
}

@-webkit-keyframes circle {
	0% {
		opacity: 1;
	}
	30% {
		opacity: 1;
	}
	100% {
		width: 150%;
		height: 150%;
		opacity: 0;
	}
}
@keyframes circle {
	0% {
		opacity: 1;
	}
	30% {
		opacity: 1;
	}
	100% {
		width: 150%;
		height: 150%;
		opacity: 0;
	}
}


/**/

@media all and (min-width: 768px) {
	.pv_banner_01{
		display:block;
		position:absolute;
		top:465px;
		left:260px;
	}
	.pv_banner_02{
		display:block;
		position:absolute;
		top:416px;
		left:20px;
	}
	.pv_banner_03{
		display:block;
		position:absolute;
		top:440px;
		left:640px;
	}
}

@media all and (max-width: 767px) {
	.pv_banner_01{
		display:none !important;
	}	
	.pv_banner_02{
		display:none !important;
	}	
	.pv_banner_03{
		display:none !important;
	}	
}


/*=====================
timetable
=====================*/

@media all and (min-width: 768px) {
	.timetable_section{
		width:980px;
		margin:0 auto 25px;
	}
	.timetable_section img{
		width:100%;
	}
	.pagegb09{
		background:url(../img/timetable_bg.png);
		background-size:6%;
	}
}

@media all and (max-width: 767px) {
	.timetable_section{
		width:100%;
		margin:0 auto 25px;
	}
	.timetable_section img{
		width:100%;
	}
	.pagegb09{
		background:url(../img/timetable_bg.png);
	}
}