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

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



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



/*	header and navi
============================== */
header.main h1 a {
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:110%;
	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;
}
@media all and (min-width: 768px) {
header.main h1 a {
	background-image:url(../img/main_pc.jpg);
	height:500px;
}
header.main nav ul li a {
	font-size:100%;
}
}
@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%;
	}
header.main nav ul li a {
	font-size:83%;
}
}



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

.img-1 {width:300px;height:200px;margin:0px auto;background-image:url(../img/img-1.jpg);background-repeat:no-repeat;text-indent:-9999px;}


/*	articles
============================== */
div.column-l article.unit {
	display:block;
	background:url(../img/bg05.jpg) ;
	padding:0;
}
div.column-l article.unit h2 {
	text-indent:-9999px;
	color:#fff;
	font-size:150%;
	height:40px;
	line-height:41px;
	color:#333;
	text-shadow:0 2px 2px #fff;
	background:url(../img/highlight.jpg) ;
	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, article.unit div.unit p.txt {line-height:2.5em;margin-bottom:2.0em;font-size:110%;}
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;}}






/*	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:90px;background-image:url(../img/banner.jpg);}
div.column-r div.side-bnrs ul li:nth-child(1) a {background-position:0 -90px;}
@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;
	}
}
@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;}
}


@media all and (min-width: 768px) {
.bottom {width:980px;height:280px;background-image:url(../img/bottom.jpg);background-repeat:no-repeat;}
}

@media all and (max-width: 767px) {.bottom {padding:0px;}}


/*	copyright
============================== */
p.copyright {color:#ffffff;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;}}