@charset "utf-8";
/*-------------------------------------

印刷用に上書き

------------------------------------*/


/*------------------------------------
ヘッダー大
------------------------------------*/

/*フィーチャーエリアを小さく
--------------------------*/
#header-wrapper,
#header-wrapper #header-filter,
#header-wrapper #header-filter #header {
	height: 400px;
}


/*スライド画像を小さく
--------------------------*/
#header-wrapper #feature {
	height: 400px;
	overflow: hidden;
}
#header-wrapper #feature .slider div img {
	/*margin-top: -50px;*/
	height: 400px;
	width: auto;
}

/*ロゴとタグラインの位置調整
--------------------------*/
#header-wrapper #header-filter #header header {
	margin-top: -150px
}

/*ロゴを画像に変換（背景が印刷されなくても出るように）
--------------------------*/
/* CSSスプライト版を非表示 */
#header-wrapper #header-filter #header header h1 span.logo {
	display: none;
}
/* 画像版を表示 */
#header-wrapper #header-filter #header header h1 span.logo-print {
	display: block;
	margin: 0 auto;
}


/*グローバルナビを消す
--------------------------*/
#header-wrapper #header-filter #header header nav {
	display: none;
}


/*SNSナビを消す
--------------------------*/
#header-wrapper #header-filter #header header .nav-sns {
	display: none;
}


/*スライドのページャーとPrevボタンとNextボタンを消す
--------------------------*/
.bx-wrapper .bx-pager.bx-default-pager a,
.bx-controls-direction a.bx-prev,
.bx-controls-direction a.bx-next {
	display: none;
}



/*------------------------------------
ヘッダー小
------------------------------------*/
/*非表示にする
--------------------------*/
#change-header #header-s-wrapper.change,
#change-header #header-s-wrapper.change #header-s-filter {
	display: none;
	background: none;
}



/*------------------------------------
コンテンツ
------------------------------------*/
/*各コンテンツの縦間隔を狭くする
--------------------------*/
div.contents-box {
	padding-top: 30px;
}

/*ポートフォリオの作品の崩れを防ぐ（ブラウザによってはこれがないと崩れる）
--------------------------*/
/*Firefoxだけに適用されるCSSハック 参考：http://nelog.jp/css-hack-major-4-browzers*/
@-moz-document url-prefix() {
	#portfolio div.contents div.img-box a {
		float: none;
		margin-right: 10px;
	}
}



/*------------------------------------
フッター
------------------------------------*/
/*上のアキを狭くする
--------------------------*/
footer {
	margin-top: 30px;
}


/*ページトップボタンを消す
--------------------------*/
footer .pagetop {
	display: none;
}


/*高さ減らす
--------------------------*/
footer #footer-bg #footer-bg2 {
	height: 40px;
}



/*下の余白が出てしまうのを防ぐ（ブラウザによってはこれがないと余白が出るので）
--------------------------*/
html,
body,
#wrapper {
	padding-bottom: 0;
}

html,
body,
#wrapper,
footer,
footer small {
	margin-bottom: 0;
}


/*グラデーションが再現出来ないブラウザへの配慮
--------------------------*/
footer {
	background: none;
}