/*	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
============================== */
#left-box{float:left;width:480px;margin-top:20px;margin-right:15px;}
.flowplayer {
	position: relative;
	height: 0;	
	padding-top: 56.25%;
	margin-bottom:10px;
}
.flowplayer div.fp-player, .flowplayer video.no-flowplayer {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
}

/*	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;
}
.big{font-weight:bold;}
.s-size {font-size:70%;}
.lbig{color:#b91c22;font-weight:bold;}
.yellow{color:#f5e927;font-weight:bold;}
/*	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:650px;background:url(../img/main_pc.jpg) center bottom no-repeat;}
.top-img{margin:5px auto;width:640px;height:360px;background:url(../img/top-img.jpg) center bottom no-repeat;}
.h1Box{width:980px;height:650px;}
.title01{height:150px;width:400px; margin:5px auto;text-indent:-9999px;background:url(../img/title01.jpg);background-size:cover;}
.title02{height:150px;width:400px; margin:5px auto;text-indent:-9999px;background:url(../img/title02.jpg);background-size:cover;}

.sub-01{height:150px;width:980px; margin:10px auto;background:url(../img/sub-pc.jpg) 0px 0px ;  overflow: hidden; text-indent: 100%;white-space: nowrap;}
.sub-02{height:150px;width:980px; margin:10px auto;text-indent:-9999px;background:url(../img/sub-pc.jpg) 0px -150px ;background-size:cover;}
.sub-03{height:150px;width:980px; margin:10px auto;text-indent:-9999px;background:url(../img/sub-pc.jpg) 0px -300px;background-size:cover;}
.sub-04{height:150px;width:980px; margin:10px auto;text-indent:-9999px;background:url(../img/sub-pc.jpg) 0px -450px;background-size:cover;}
.sub-05{height:150px;width:980px; margin:10px auto;text-indent:-9999px;background:url(../img/sub-pc.jpg) 0px -600px;background-size:cover;}
.sub-01-1,.sub-02-1,.sub-03-1,.sub-04-1,.sub-05-1,.sub-01-2,.sub-02-2,.sub-03-2,.sub-04-2,.sub-05-2{margin:0px;overflow: hidden; text-indent: 100%;white-space: nowrap;}
article.unit section.unit p.txt, article.unit div.unit p.txt {padding:5px;margin-bottom:15px;line-height:2.0em;color:#ffffff;font-size:100%;text-align:center;}
}

@media all and (max-width: 767px) {
.h1Box{position:relative;padding-top:70%;height:0;background:url(../img/main_pc.jpg) center top no-repeat;background-size: contain;}
.h1Box img{position:absolute;top:0;}
.top-img{position:relative;padding-top:30%;height:0;background:url(../img/top-img.jpg) center top no-repeat;background-size: contain;}

.title02 { text-align:center;color:#c5aa71;
    font-size:190%;
    font-weight: bold;

}
article.unit section.unit p.txt, article.unit div.unit p.txt {padding:5px;margin-bottom:15px;line-height:2.0em;color:#ffffff;font-size:75%;text-align:left;}
.sub-01,.sub-02,.sub-03,.sub-04,.sub-05 {margin:0px;text-indent:-9999px;}
.sub-01-1,.sub-02-1,.sub-03-1,.sub-04-1,.sub-05-1{color:#ffffff;border-top: 2px solid #daaa4e;padding:10px;text-align:center;font-size:95%;font-weight:bold;margin:0px;}
.sub-01-2,.sub-02-2,.sub-03-2,.sub-04-2,.sub-05-2{color:#ffffff;border-bottom: 2px solid #daaa4e;padding:10px;text-align:center;font-size:95%;font-weight:bold;margin:0px;}
}





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





.clearboth {
    clear: both;
}

.clearboth hr {
    display: none;
}
/*	articles
============================== */
div.column-l article.unit {
	display:block;
    margin-bottom:5px;
	padding:0;
}

div.column-l article.unit h2 {
	text-indent:-9999px;
	font-size:150%;
	height:5px;
	line-height:41px;
	color:#333;
	text-shadow:0 2px 2px #fff;
	background-size:cover;
	padding:0 1em;
}


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: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 div.inner {padding:0;}
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;}}
/*	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: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;
	}
}





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

p.pgt a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}

}

@media all and (max-width: 767px) {
p.pgt {text-align:center;}
p.pgt a {font-weight:bold;color:#333;background-color:#ce9d0f;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;}
}




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