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

/*	Youtube Player
============================== */

.flowplayer {
	position: relative;
	height: 0;	
	padding-top: 56.25%;
	margin-bottom:15px;
}
.flowplayer div.fp-player, .flowplayer video.no-flowplayer {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
}
#videoplayer{width:640px;height:480px;margin:5px auto;}

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

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



/*	background
============================== */
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
	background: #030303;
}


div#con-body {background: #030303;}



/*	header and navi
============================== */
header.main h1 a {
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-bottom:3px;
}
header.main nav ul {
	display:table;
	width:100%;
	border-top:2px solid transparent;
	border-bottom:2px solid transparent;
}
header.main nav ul li {
	display:table-cell;
	border-right:2px solid transparent;
}
header.main nav ul li:last-child {
	border-right:none;
}

header.main nav ul li a {
	display:block;
	line-height:1.2;
	text-align:center;
	font-weight:bold;
	text-shadow:0 2px 2px #000;
	text-decoration:none;
	color:#fff;
	background-color:#7b3317;
	background-image:-moz-linear-gradient(transparent 50%, #4e1700 50%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(transparent),color-stop(0.5,transparent),color-stop(0.5,#4e1700),to(#4e1700));
	background-image:-ms-linear-gradient(transparent 50%, #4e1700 50%);
	background-image:linear-gradient(transparent 50%, #4e1700 50%);
	padding:1.25em 0;
}


/* main */
@media all and (min-width: 768px) {
header{margin:5px auto;width:980px;height:600px;background:url(../img/main_pc.jpg) center bottom no-repeat;}
.h1Box{width:980px;height:600px;}
.card-1 {width:640px;height:200px;background:url(../img/card01.jpg) center bottom no-repeat;text-indent:-9999px;}
.card-2 {width:640px;height:200px;background:url(../img/card02.jpg) center bottom no-repeat;text-indent:-9999px;}
}
@media all and (max-width: 767px) {
.h1Box{position:relative;padding-top:49%;height:0;background:url(../img/main_pc.jpg) center top no-repeat;background-size: contain;}
.h1Box img{position:absolute;top:0;}
.card-1{position:relative;padding-top:49%;height:0;background:url(../img/card01.jpg) center top no-repeat;background-size: contain;text-indent:-9999px;}
.card-2{position:relative;padding-top:49%;height:0;background:url(../img/card02.jpg) center top no-repeat;background-size: contain;text-indent:-9999px;}
}



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

@media all and (min-width: 768px) {

}


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

}

.time {font-weight: bolder;font-size:110%;}
p.txtoa {line-height:2.0em;margin-bottom:10px;}
p.txt-player {line-height:1.8em;margin-bottom:10px;}

.sub-title{color:#084c9f;font-size:110%;font-weight: bolder;}
.small{font-size:70%;}


.clearboth { clear: both;}

.clearboth hr {display: none;}

/*	articles
============================== */
div.column-l article.unit {
	display:block;
	background:#030303;margin-bottom:5px;
	padding:0;
}



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 #000;
	font-size:130%;
	line-height:1.25;
	padding:4px 14px 4px 8px;
	margin-bottom:0.5em;
}
article.unit section.unit p.txt, article.unit div.unit p.txt {line-height:2.5em;margin-bottom:10px;}
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 {height:50px;	}
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 {color:#ce9d0f;font-weight: bolder;}
div.column-l article.unit div.inner {padding:0 10px 10px;}}
/*	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:10px;}
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;height:100px;background-image:url(../img/banner.jpg);}
div.column-r div.side-bnrs ul li:nth-child(1) a {background-position:0 -100px;}
@media all and (max-width: 767px) {div.column-r div.side-bnrs {background-color:#e0994e;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:50px;
		height:50px;
		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:50px;background-image:url(../img/icons.png);background-position:left top;background-repeat:no-repeat;padding-left:28px;}
}



#twBox,#fbBox{width:300px;margin:5px auto;}
#twBox h3 a:hover,#fbBox h3 a:hover{filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}
#twBox .pBox,#fbBox .pBox{display:block; width:300; margin:0;}



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