w@charset "utf-8";
*{margin:0;padding:0;box-sizing:border-box;}
* > *:last-child{margin-bottom: 0;}
html{overflow-x:hidden;overflow-y:scroll;}
.html{line-height:normal;}
p{margin: 0;}
p + p{margin-top: 10px;}

@font-face{font-weight:normal;font-style:normal;font-family:'fb';src:url('../fonts/fb.woff') format('woff');}
@font-face{font-weight:bold;font-style:normal;font-family:'fbb';src:url('../fonts/fbb.woff') format('woff');}

body,input,select,textarea{font-family: "a-otf-ud-shin-go-pr6n",sans-serif;font-size:100%;}
body{font-size:16px;line-height:1.75px;color:#666;min-width:100%;}

body:before {
	background:url(../images/common/bg.jpg) center top no-repeat #fff;
	background-size: 1920px auto;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding-bottom: 108px;
	content: "";
	z-index: -1;
}

/* bootstrap reset */
h1,h2,h3,h4,h5,h6{font-weight:normal;margin:0;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:inherit;color:inherit;}

i[class*="fa-"]{margin:0 .5em 0 0;}
.btn .fa-arrow-circle-right{margin:0 0 0 .25em;}



/* index */
#blog-area{border-left: 1px solid #ddd;border-right: 1px solid #ddd;padding: 60px 0;}
section{position: relative;}
section + section{margin-top: 60px;}

section h2{font-family: 'Century Gothic',Futura,'fb',sans-serif;position: absolute;top: 105px;left: 0;font-size: 24px;color:#fff;background: #323433;margin-left: -1px;width: 140px;line-height: 25px;padding: 5px;text-align: center;transform:rotate(-90deg);transform-origin:left bottom;}
section h2 span{transform:rotate(.001deg);}
.blog-img{margin:0 -1px 20px;position: relative;}
.html{margin:0 -1px;}

.btn-social{position: absolute;top: 140px;left:-35px;display: block;width: 35px;line-height: 35px;text-align: center;background: #019fe9;color:#fff;}
.btn-social:hover,
.btn-social:active,
.btn-social:focus{background: #019fe9;color:#fff;opacity:.8;}
.btn-social i{margin: 0;}

/* pagetop */
#pagetop{background:url(../images/common/pagetop.png);display: block;width: 70px;height: 70px;position: fixed;right: 0;bottom: 0;}

.post-detail p{transform:rotate(.001deg);}

#copyright{font-size: 12px;line-height: 40px;color:#999;display: block;font-family: 'Century Gothic',Futura,'fb',sans-serif;text-align: center;border-left: 1px solid #ddd;border-right: 1px solid #ddd;background: rgba(255,255,255,.5);}

#contactus{display: none;}

body a{text-decoration: underline;outline:none;color:#333;}
body a:hover{text-decoration: none;outline:none;color:#3c8a1c;}
body a:focus{text-decoration: none;outline:none;}

/* margin / padding */
.mt-130{margin-top: -130px;}

.mt-xlg-{margin-top: -45px !important;}
.mt-lg-{margin-top: -30px !important;}
.mt-md-{margin-top: -20px !important;}
.mt-sm-{margin-top: -10px !important;}
.mt-xs-{margin-top: -5px !important;}

.mt0{margin-top: 0 !important;}

.mt-xlg{margin-top: 45px !important;}
.mt-lg{margin-top: 30px !important;}
.mt-md{margin-top: 20px !important;}
.mt-sm{margin-top: 10px !important;}
.mt-xs{margin-top: 5px !important;}

.mb0{margin-bottom: 0 !important;}
.mb-xxs{margin-bottom: 5px !important;}
.mb-xs{margin-bottom: 10px !important;}
.mb-sm{margin-bottom: 15px !important;}
.mb-md{margin-bottom: 20px !important;}
.mb-lg{margin-bottom: 30px !important;}
.mb-xlg{margin-bottom: 45px !important;}

.clr{clear:both;}






.img-ful{width: 100%;height: auto;}
.img-responsive2 {
	width: 100%;
	height: auto;
}




/* paging */
div.paging{line-height:normal;padding:5px;text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif;}
div.paging span.current,div.paging span a.paging-text{margin:0 2px;padding:0;background:#fff;color:#999;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;border:1px solid #ccc;line-height: 48px;width: 48px;}
div.paging span.current{background:#efefef;display:inline;zoom:1;text-decoration:none;display:inline-block;color:#423716;}
div.paging span a.paging-text:hover{color:#423716;cursor:pointer;background:#efefef;display:inline;zoom:1;text-decoration:none;display:inline-block;opacity:.8;}
div.paging i { margin: 0; }

.blue{color:#0179d0;}
.text-small{font-size: 14px;line-height: 14px;}
.text-xsmall{font-size: 13px;line-height: 13px;}
.text-large{font-size: 20px;line-height: 20px;}
.text-xlarge{font-size: 24px;line-height: 24px;}


@media (max-width:767px){
	body{overflow-x: hidden;font-size: 14px;line-height:21px;}
	body:before {background: none;}

	main{}

	/* index */
	#blog-area{padding: 30px 0;min-height: 1200px;}
	section + section{margin-top: 30px;}
	section h2{font-size: 16px;width: 90px;line-height: 18px;top: 62px;}

	.blog-img{margin:0 -1px 10px;}


	.btn-social{position: absolute;top: 90px;left:-28px;width: 28px;line-height: 28px;}


	hr{margin: 14px 0;border-top: 1px solid #ccc;border-bottom: 1px solid #fff;}





	/* paging */
	div.paging{line-height:normal;padding:5px;text-align:center;font-size:16px;font-family:Arial, Helvetica, sans-serif;}
	div.paging span.current,div.paging span a.paging-text{margin:0 1px;padding:0;background:#fff;color:#999;display:inline;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;border:1px solid #ccc;line-height: 32px;width: 32px;}
	div.paging span.current{background:#efefef;display:inline;zoom:1;text-decoration:none;display:inline-block;color:#423716;}
	div.paging span a.paging-text:hover{color:#423716;cursor:pointer;background:#efefef;display:inline;zoom:1;text-decoration:none;display:inline-block;opacity:.8;}
	div.paging i { margin: 0; }


	/* header */
	main{}

	header{margin: 0px 0 -30px;}


	/* main,article,aside,section */
	article{margin:0 -15px 0 13px;display: block;}

	/* pagetop */
	#pagetop{display: none;}

	/* footer */
	#copyright{line-height: 30px;text-align: center;}


	#contactus{position: fixed;left: 0;right: 0;bottom: 0;padding:1px;background: #fff;z-index: 999999;box-shadow:0 0 5px rgba(0,0,0,.25); display: table;width: 100%;table-layout: fixed;}
	#contactus li{display: table-cell;vertical-align: middle;padding: 1px;text-align: center;}
	#contactus li a{display: block;}
	#contactus i{margin: 0 auto;font-size: 20px;display: block;}


	#contactus .btn-cntctus {

		color:#fff;
		background: #678002;
		font-size: 10px;
		line-height: 10px;
		line-height: normal;
		font-weight: bold;
		padding: 3px;
		position: relative;
	}
	#contactus .btn-cntctus:hover,#contactus .btn-cntctus:active,.btncntctus:focus {
		color:#fff;
		background: #88a00d;
	}
	#contactus .btn-cntctus i{font-size: 20px;margin-bottom: 1px;}


}
@media (min-width:768px) and (max-width:991px){
	body:before {
		background-size: 1230.7692px auto;
	}
	#blog-area{min-height: 1200px;}
}
@media (min-width:992px) and (max-width:1199px){
	body:before {
		background-size: 1591.7932px auto;
	}
	#blog-area{min-height: 1200px;}
}
@media (min-width:1200px){
	#blog-area{min-height: 1200px;}
}

@media print{#pagetop{display: none;}}