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

#videoplayer{width:640px;height:480px;margin:5px auto;}


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

/* text */
a:link {
	text-decoration:none;
	color:#333;
}
a:visited {
	text-decoration:none;
	color:#333;
}
a:active {
	text-decoration:underline;
	color:#333;
}
a:hover {
	text-decoration:underline;
	color:#333;
}



/*	background
============================== */
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}
body, div#con-body {
	background-color:#ffffff;
}



/*header and navi
============================== */
header.main h1 a {
	display:block;
	background-repeat:no-repeat;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}

@media all and (min-width: 768px) {
header.main h1 a {
	background-image:url(../img/main_pc.jpg);
	height:500px;
	margin-bottom:5px;
	}
}

@media all and (max-width: 767px) {
header.main h1{
	position:relative;
	height:0;
	padding-top:50%;
}
header.main h1 a {
	background-image:url(../img/main_smp.jpg);
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}


@media all and (min-width: 768px) {
header.main  {margin-bottom:0px;}
header.main ul#menu {list-style-type:none;padding:0;margin:0;display:block;height:40px;text-indent:-9999px;background:url(../img/navi.jpg) no-repeat;}
header.main ul#menu li {float:left;height:40px;}
header.main ul#menu a {display:block;height:40px;}

header.main ul#menu li#top {width:160px;background-position:0 0;}
header.main ul#menu li#top a {width:160px;background-position:0 0;}
header.main ul#menu li#top a:hover {width:160px;background:url(../img/navi.jpg) no-repeat;background-position:0px -40px;}
header.main ul#menu li#top a.stay {width:160px;background:url(../img/navi.jpg) no-repeat;background-position:0px -40px;}

header.main ul#menu li#onair {width:160px;background-position:-160px 0;}
header.main ul#menu li#onair a {width:160px;background-position:-160px 0;}
header.main ul#menu li#onair a:hover {width:160px;background:url(../img/navi.jpg) no-repeat;background-position:-160px -40px;}
header.main ul#menu li#onair a.stay {width:160px;background:url(../img/navi.jpg) no-repeat;background-position:-160px -40px;}

header.main ul#menu li#profile {width:160px;background-position:-320px 0;}
header.main ul#menu li#profile a {width:160px;background-position:-320px 0;}
header.main ul#menu li#profile a:hover {width:160px;background:url(../img/navi.jpg) no-repeat;background-position:-320px -40px;}
header.main ul#menu li#profile a.stay {width:160px;background:url(../img/navi.jpg) no-repeat;background-position:-320px -40px;}


}


@media all and (max-width: 767px) {
header.main h1 {position:relative;height:0;padding-top:56%;}
header.main h1 a {background-size:cover;position: absolute;left:0;top:0;	width:100%;height:100%;}

div.accordion-box {background-color:#c2031e;}
div.accordion-box h2 {
	cursor: pointer;
	background-image:-moz-linear-gradient(#fff 0%, transparent 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#c2031e), to(#333));
	background-image:-ms-linear-gradient(#fff 0%, transparent 100%);
	background-image:linear-gradient(#c2031e 0%, #333 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c2031e', endColorstr='#333', GradientType=1 );	/* IE9 */
}

div.accordion-box h2 span {
	display:block;
	background-image:url(../img/ico_accordion.svg);
	background-position:right top;
	background-repeat:no-repeat;
	font-size:87.5%;
	line-height:45px;
	height:45px;
	color:#ffffff;
}

div.accordion-box h2 span,
div.accordion-box ul li a {
	padding:0 15px;
}
div.accordion-box ul {
	list-style-type:none;
}
div.accordion-box ul li {
	border-bottom:1px solid #fff;
}
div.accordion-box ul li:last-child {
	border-bottom:none;
}
div.accordion-box ul li a {
	display:block;
	background-image:url(../img/ico_accordion.svg);
	background-repeat:no-repeat;
	background-position:right center;
	text-decoration:none;
	line-height:41px;
	height:41px;
	font-size:83%;
	color:#ffffff;
}
div.accordion-box .hidebox {
	display:block;
	border-top:2px dotted #fff;
}
}











/*	columns
============================== */
@media all and (min-width: 768px) {div.cover {width:980px;margin:0 auto;}div.column-l {width:678px;float:left;}div.column-r {width:300px;float:right;}}



/*	articles
============================== */
div.column-l article.unit {
	display:block;
	background-color:#fff;
	padding:0;
	border:1px solid #333;
}
.title{
	font-size:120%;
	height:41px;
	line-height:41px;
	color:#fff;
	text-shadow:2px 2px 2px #333;
	background:#ffdd24;
	background-size:cover;
	padding:0 1em;
	font-weight:bold;
}
article.unit section.unit, article.unit div.unit {
	padding-bottom:15px;
	border-bottom:2px solid #ccc;
	margin-bottom:15px;
}
article.unit section.unit:last-child, article.unit div.unit:last-child {
	padding-bottom:0;
	border-bottom:none;
	margin-bottom:0;
}
article.unit section.unit h3 {
	border-left:8px solid #c2031e;
	font-size:110%;
	line-height:1.25;
	color:#c2031e;
	padding:4px 14px 4px 8px;
	margin-bottom:0.5em;
	font-weight:bold;
}
article.unit section.unit p.txt, article.unit div.unit p.txt {line-height:2.0;margin-bottom:1.5em;}
article.unit section.unit p.txt:last-child, article.unit div.unit p.txt:last-child {margin-bottom:0;}
@media all and (min-width: 768px) {div.column-l article.unit {margin-bottom:2px;}
div.column-l article.unit h2 {margin-bottom:15px;}
div.column-l article.unit div.inner {padding:0 15px 15px;}
div.column-l article.pickup ul li:last-child {margin-right:0;}
div.column-l article.pickup ul li a {width:168px;height:95px;}}
@media all and (max-width: 767px) {div.column-l article.unit h2 {margin-bottom:10px;}
div.column-l article.unit div.inner {padding:0 10px 10px;}}


.midokoro-img{ float:right;width:300px;height:180px;margin-left:3px;background-image:url(../img/midokoro-img.jpg);border: 2px solid #557ebb;text-indent:-9999px;}

.onair-img{ float:right;width:300px;height:380px;margin-left:3px;background-image:url(../img/onair-img.jpg);border: 2px solid #557ebb;text-indent:-9999px;}

/*	rectangle
============================== */
div.column-r div.recta {width:300px;height:250px;overflow:hidden;}
@media all and (min-width: 768px) {div.column-r div.recta {margin-bottom:2px;}}
@media all and (max-width: 767px) {div.column-r {padding-top:5px;}
div.column-r div.recta {margin:0 auto 10px;}}


/*	side banners
============================== */
div.column-r div.side-bnrs ul li {margin-bottom:2px;}
div.column-r div.side-bnrs ul li a {display:block;background-image:url(../img/banner.jpg);}
div.column-r div.side-bnrs ul li:nth-child(1) a {height:100px;background-position:0 0px;}
@media all and (max-width: 767px) {div.column-r div.side-bnrs {padding:10px 0 8px;}
div.column-r div.side-bnrs ul {width:300px;margin:0 auto;}}




/*	SNS (button and timeline)
============================== */
/* buttons */
div.column-r div.sns-btns {
	padding:10px 0;
}
div.column-r div.sns-btns div.tw {
	float:left;
}
div.column-r div.sns-btns div.fb {
	float:right;
}
/* timeline */
@media all and (min-width: 768px) {
	/* buttons */
	div.column-r div.sns-btns {
		margin-bottom:2px;
	}
	div.column-r div.sns-btns div.tw {
		padding-left:30px;
	}
	div.column-r div.sns-btns div.fb {
		padding-right:30px;
	}
}
@media all and (max-width: 767px) {
	/* buttons */
	div.column-r div.sns-btns {
		background-color:#ffeacc;
	}
	div.column-r div.sns-btns div.tw {
		padding-left:20%;
	}
	div.column-r div.sns-btns div.fb {
		padding-right:20%;
	}
	/* timeline */
	div.sns-timeline {
		background-color:#fff;
	}
	div.sns-timeline div.inner {
		width:300px;
		margin:0 auto;
	}
}



/*	TBS FREE
============================== */
article.unit div.tbs-free p.copy {
	text-align:center;
	line-height:1.5;
	margin-bottom:0.5em;
}
article.unit div.tbs-free p.btn-free {
	background-image:url(../../img/bn_free.png);
	background-repeat:no-repeat;
	background-size:cover;
}
article.unit div.tbs-free p.btn-free a {
	display:block;
}
article.unit div.tbs-free p.caution {
	text-align:center;
	line-height:1.5;
	font-size:75%;
}
@media all and (min-width: 768px) {
article.unit div.tbs-free p.btn-free {
	width:440px;
	height:180px;
	margin:0 auto 15px;
}
article.unit div.tbs-free p.btn-free a {
	width:440px;
	height:180px;
}
article.unit div.tbs-free p.btn-free a:hover {
	background-color:#80b9e7;
	opacity:0.3;
}
}
@media all and (max-width: 767px) {
article.unit div.tbs-free p.btn-free {
	width:220px;
	height:90px;
	margin:0 auto 10px;
}
article.unit div.tbs-free p.btn-free a {
	width:220px;
	height:90px;
}
}



/*	button
============================== */
section.unit p.btn {
	font-size:100% !important;
}
section.unit p.btn a {
	display:block;
	color:#333;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	background-color:#d6b27b;
}
@media all and (min-width: 768px) {
	section.unit p.btn {
		margin:0 100px;
	}
	section.unit p.btn a {
		font-size:87.5%;
		height:32px;
		line-height:32px;
		border-radius:10px;
	}
	section.unit p.btn a:hover {
		background-color:#c96;
		background-image:none;
	}
}
@media all and (max-width: 767px) {
	section.unit p.btn a {
		font-size:83%;
		height:32px;
		line-height:32px;
		border-radius:16px;
	}
}



/*	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:#333;background-color:#ffdd24;line-height:80px;height:80px;}
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;}
}
/*＠about
============================== */

.txt12r {font-size:110%;color:#1f6db7;font-weight:bold;line-height:2em;letter-spacing:0.03em;}
.txt12 {padding:8px;color:#030303;line-height:2em;letter-spacing:0.03em;}
.about-img {margin:5px auto;width:180px;height:70px;background-image:url(../img/about-img.jpg);border: 2px solid #557ebb;text-indent:-9999px;}


/*＠players
/////////////////////////////////////////////////////////////////////////*/
.player .player_posi_btn_box li{ float:left;}
.player .player_posi_btn_box li a{ display:block; transition:all 0.2s ease; width:115px; height:48px;}
.player .player_posi_btn_box li a:hover{ filter: alpha(opacity=40); opacity: 0.4; background:#2954b2;}
.player .japan_box{ padding-bottom:15px;}
.player th { color: #fff; padding: 10px 0 6px 0; text-align: center; font-size: 90%; font-weight: lighter; line-height: 120%;}
.player td { padding: 12px 10px 9px 10px; text-align: center; letter-spacing: 0;}
.player .number{ width:20%;}
.player .name{ width:60%;}
.player .date{ width:20%;}
.player .team-box{background-color: #1f6db7;border-collapse: collapse;border-right: 1px solid #557ebb; line-height: 1.2;margin:10px auto;color: #fff; font-size: 180%;border:2px solid #1f6db7;}
.player th{padding: 10px 6px;text-align: center; vertical-align: top; color: #a9daff; background-color: #041740; border-left: 1px solid #557ebb; border-top: 1px solid #557ebb; border-bottom: 1px solid #557ebb;}
.player td{padding: 6px; border-bottom: 1px solid #557ebb; border-left: 1px solid #557ebb;}
.japan_box tr.odd { background:#162c61;}
.japan_box tr.even { background:#273e76;}
.profiledetail .protext li { line-height:1.6;}

/*メンバー選手*/
.profiledetail .prophoto { float:left; background:#999;margin-left:5px;}



/* PC only */
@media screen and (min-width: 768px) {
.profiledetail .prophoto {width:133px; height:177px;} 
.profiledetail .proright { width:480px; float:left; color:#1f6db7;margin-right:20px;}
.profiledetail .proright_in{ padding:15px 0px 15px 20px;}
.profiledetail .proftitle { font-size:200%; font-weight:bold; border-left:none; line-height:32px; border-bottom:1px solid #1f6db7; margin-bottom:13px;}
.profiledetail .protext { font-size:120%; margin:0;}
.profiledetail .proftitle .posi { font-size:60%; font-weight:bold;display:inline-block;margin-left: 10px;margin-bottom:8px; line-height:1.3;}
.profiledetail .proftitle .eng { font-size:16px; font-weight:normal; color:#CCC; text-align:right; border-top:#c6c6c6 1px solid; display:block;}
}
	
	
	
/* SMP only */
@media screen and (max-width: 767px) {
.profiledetail_in {margin:0px;}
.profiledetail .prophoto {width:108px; height:144px;}
.profiledetail .proright { width:220px; float:left; color:#1f6db7;margin-right:10px;}
.profiledetail .proright_in{ padding:15px 0px 15px 20px;}
.profiledetail .proftitle { font-size:120%; font-weight:bold; border-left:none; line-height:32px; border-bottom:1px solid #1f6db7; margin-bottom:13px;}
.profiledetail .protext { font-size:85%; margin:0;}
.profiledetail .proftitle .posi { font-size:60%; font-weight:bold;display:inline-block;margin-left: 10px;margin-bottom:8px; line-height:1.3;}
.profiledetail .proftitle .eng { font-size:16px; font-weight:normal; color:#CCC; text-align:right; border-top:#c6c6c6 1px solid; display:block;}
.profiledetail .protext li { line-height:1.6; font-size:110%;}
}





/*copyright*/
============================== */
p.copyright {color:#333;}
@media all and (min-width: 768px) {p.copyright {margin-top:5px;border-top:1px solid #333;line-height:1.25;text-align:center;padding:15px 0;color:#333;}}
@media all and (max-width: 767px) {p.copyright {font-size:75%;line-height:1.25;text-align:center;padding:10px;color:#333;}}