/*	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:#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%;

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


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

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




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


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

p.txt {color:#fff;line-height:2.0;margin-bottom:1.5em;padding:0 1.0em;font-size:120%;}





.oubo a{width:300px;height:100px;display:block;background-image:url(../img/more.jpg);margin:0px auto;}
.oubo a:hover{width:300px;height:100px;display:block;background-image:url(../img/more.jpg) no-repeat;background-position:0px -100px;margin:0px auto;}
@media all and (min-width: 768px) {
div.pre{float:right;width:300px;height:150px;}}

@media all and (max-width: 767px) {div.pre{padding-top:5px;margin:0px auto;width:300px;height:150px;}}


/*	articles
============================== */
div.column-l article.unit {
	display:block;
	background-color:#fff;
	padding:0;
	border:1px solid #333;
}

h2.title{height:40px;margin-bottom:5px;background-image:url(../img/bg_title.jpg);text-indent:-9999px;}



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;
}
h3 {
	border-left:8px solid #333;
	font-size:130%;
	line-height:1.25;
	color:#fff;
	padding:4px 14px 4px 8px;
	margin-bottom:0.5em;
	font-weight:bold;
}






/*	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;}
div.column-r div.side-bnrs ul li:nth-child(2) a {height:250px;background-position:0 -100px;}
@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;
	margin-top:5px;
}
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;
	}
}






/*	button
============================== */
section.unit p.btn {
	font-size:100% !important;
}
section.unit p.btn a {
	display:block;
	color:#fff;
	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 -40px;
		background-repeat:no-repeat;
		width:50px;
		height:60px;
		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:#ffdd24;line-height:80px;height:80px;}
p.pgt a span {display:inline-block;height:40px;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;}




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