@charset "utf-8";
/*//////////////////////////////////////////　html & body　//////////////////////////////////////////*/

/* root */
html {
	font-size: 62.5%;
}

/* フェードイン */
#wrapper {
	display: none
}

body {
	color: #231815;
	font-family: Meiryo, メイリオ, 'MS Pゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
	font-size: 12px;
	word-wrap: break-word;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: 100%;
}

/* tablet */
@media screen and (max-device-width:1024px){
	@viewport {
		width: 1020px;
	}
	body {
		width: 1020px;
	}
	.screen {
		width: 980px;
		margin: 0 20px;
	}
}/* /1024px */

/* smartphone */
@media screen and (max-device-width:640px){
	@viewport {
		width: 640px;
	}
	body {
		width: 640px;
		font-size: 20px;
	}
}/* /640px */


/*//////////////////////////////////////////　inner　//////////////////////////////////////////*/

/* inner main */
.screen {
	width: 980px;
	margin: 0 auto;
}

@media screen and (max-device-width: 640px) {
	.screen {
		width: 640px;
	}
}/* /640px */

/*//////////////////////////////////////////　レイアウト：メインエリア・サイドバー　//////////////////////////////////////////*/

/* main */
#main {
	width: 980px;
	margin: 0 auto;
}
body.page-works-archive #main, body.page-contact #main, .single #main {
	min-height: 720px;
}

@media screen and (max-device-width: 640px) {
	#main {
		width: 580px;
		margin: 0 auto;
	}
}/* /640px */

/* 非表示パネル */
.hide-panel {
	display: none;
}

/*//////////////////////////////////////////　段落 / 見出し　//////////////////////////////////////////*/

/* 見出し */
h1, h2, h3, h4, h5, h6 {
	line-height: 150%;
}

/* 段落 */
p {
	line-height: 175%;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
}

/* 仕切り線 */
hr {
	margin-top: 5px;
	margin-bottom: 10px;
}
hr.pagetop-hr {
	margin-top: 0;
	margin-bottom: 25px;
}

/*//////////////////////////////////////////　リンクスタイル　//////////////////////////////////////////*/

/* a */
a {
	color: #231815;
	text-decoration: none;
}

/* none：outline, border */
a:active, a:focus {
   outline:  none;
   ie-dummy: expression(this.hideFocus=true);
}

/*//////////////////////////////////////////　ヘッダー　//////////////////////////////////////////*/

/* ヘッダー */
header {}

@media screen and (max-device-width: 640px) {
	header {
		position: relative;
		padding-bottom: 30px;
	}
}/* /640px */

/* サイトアイデンティティ */
#site-id {
	margin-top: 25px;
}
#header-logo {
	float: left;
}
#tagline {
	float: right;
	margin-top: 20px;
}

@media screen and (max-device-width: 640px) {
	#header-logo-sp {
		margin-top: 30px;
		margin-left: 30px;
	}
	#header-logo-sp > img {
		display: block;
	}
	#btn-sp-nav {
		position: absolute;
		top: 25px;
		right: 30px;
	}
}/* /640px */

/*//////////////////////////////////////////　フッター　//////////////////////////////////////////*/

/* footer */
footer {
	background-color: #DBDCDC;
	padding-bottom: 15px;
	margin-top: 80px;
}

#pagetop {
	color: black;
	background-color: #DBDCDC;
	float: right;
	padding-top: 25px;
}

@media screen and (max-device-width: 640px) {
	#pagetop {
		color: black;
		background-color: #DBDCDC;
		float: right;
		padding-top: 30px;
		padding-right: 30px;
	}
}/* /640px */

#copyright {
	margin-top: 55px;
	font-size: 11px;
	text-align: center;
}

@media screen and (max-device-width: 640px) {
	#copyright {
		margin-top: 100px;
		margin-bottom: 30px;
		font-size: 11px;
		text-align: center;
	}
}/* /640px */

/*//////////////////////////////////////////
	
	ページネイション
	the_posts_pagination( array( 'mid_size' => 3, 'prev_text' => '<<', 'next_text' => '>>', 'screen_reader_text' => '',  ));
	
//////////////////////////////////////////*/

.pagination {
	text-align: center;
	bottom: 60px;
}

/*ページネーションタイトル */
.screen-reader-text {
	display: none;
}

/* ラップ */
.nav-links {}

a.page-numbers {
	border: 1px solid #606060;
	color: #404040;
	display: inline-block;
	margin-right: 15px;
	padding: 3px 6px;
}
.nav-links .current {
	display: inline-block;
	margin-right: 15px;
	color: #939393;
}
.dots {
	margin-right: 15px;
}
.nav-links a.next {
	border: none;
}
.nav-links a.prev {
	border: none;
}

/*//////////////////////////////////////////　基本レイアウト　//////////////////////////////////////////*/

/* ボトムマージン調整 要注意スマートフォンサイト */
.mb-0 {
	margin-bottom: 0;
}
.mb-05 {
	margin-bottom: 5px;
}
.mb-10 {
	margin-bottom: 10px;
}
.mb-15 {
	margin-bottom: 15px;
}
.mb-25 {
	margin-bottom: 25px;
}
.mb-30 {
	margin-bottom: 30px;
}
.mb-35 {
	margin-bottom: 35px;
}
.mb-40 {
	margin-bottom: 40px;
}
.mb-45 {
	margin-bottom: 45px;
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-55 {
	margin-bottom: 55px;
}
.mb-60 {
	margin-bottom: 60px;
}
.mb-65 {
	margin-bottom: 65px;
}
.mb-70 {
	margin-bottom: 70px;
}

/* ラインハイト */
.lh-125 {
	line-height: 125%;
}
.lh-150 {
	line-height: 150%;
}
.lh-175 {
	line-height: 175%;
}
.lh-200 {
	line-height: 200%;
}
.lh-225 {
	line-height: 225%;
}
.lh-250 {
	line-height: 250%;
}
.lh-300 {
	line-height: 300%;
}

/*//////////////////////////////////////////　PC SP 切り分け　//////////////////////////////////////////*/

/* <div class="pc-block"> <br class="sp-inline"> */
.pc-block {
	display: block;
}
.sp-block {
	display: none;
}
.pc-inline {
	display: inline;
}
.sp-inline {
	display: none;
}

@media (max-device-width:640px){
.pc-block {
	display: none;
}
.sp-block {
	display: block;
}
.pc-inline {
	display: none;
}
.sp-inline {
	display: inline;
}
}/* /sp */

/*//////////////////////////////////////////　clearfix　//////////////////////////////////////////*/

/* <div class="cl"> <フロートしたコンテンツ> <フロートしたコンテンツ> </div> */
.cl:before, .cl:after {
	content: " ";
	display: table;
}
.cl:after {
	clear: both;
}
.cl {
 *zoom: 1;
	display: block;
}