@charset "UTF-8";

body { /** ie11 */
	display:-ms-grid;
}

body {
	display:grid;
	grid-gap:10px 0;
}

@media not all and (max-width: 860px) {

	body {
		padding:0 calc(50% - 400px);
		width:800px;
	}

}

@media only all and (max-width: 860px) {

	body {
		padding:0 20px;
		width:calc(100% - 40px);
	}

}

/** ヘッダー → パンくず (→ サイドナビ) → メイン → サイド → Twitter → フッター */

/** ヘッダー */
.page_header { /** ie11 */
	-ms-grid-column:1;
	-ms-grid-row:1;
}

.page_header {
	display:block;
	grid-column:1 / 2;
	grid-row:1 / 2;
	margin:0;
	padding:80px 0 0;
	position:relative;
	z-index:0;
}

/** ナビ */
.header_nav:not([data-nav-show="true"]) {
	display:block;
	position:fixed;
	top:0;
	width:100%;
	left:-10px;
}

.header_nav[data-nav-show="true"] {
	background-color:rgba(0, 0, 0, 0.5);
	display:block;
	height:100%;
	overflow-y:auto;
	position:fixed;
	width:100%;
	z-index:9999;
}

/** パンくず */
.pankuzu_nav { /** ie11 */
	-ms-grid-column:1;
	-ms-grid-row:2;
}

.pankuzu_nav {
	display:block;
	grid-column:1 / 2;
	grid-row:2 / 3;
	margin:0;
	padding:0;
}

/** メイン */
.main_box { /** ie11 */
	-ms-grid-column:1;
	-ms-grid-row:4;
}

.main_box {
	grid-column:1 / 2;
	grid-row:4 / 5;
	margin:0;
	padding:0;
}

/** サイド */
.side_box { /** ie11 */
	-ms-grid-column:1;
	-ms-grid-row:5;
}

.side_box {
	display:block;
	grid-column:1 / 2;
	grid-row:5 / 6;
	margin:0;
	padding:0;
}

/** サイドナビ */
.side_nav { /** ie11 */
	-ms-grid-column:1;
	-ms-grid-row:3;
}

.side_nav {
	display:none;
	grid-column:1 / 2;
	grid-row:3 / 4;
	margin:0;
	padding:0;
}

[data-page-name="gallery"] .side_nav {display:block;}

/** フッター */
.page_footer { /** ie11 */
	-ms-grid-column:1;
	-ms-grid-row:7;
}

.page_footer {
	display:block;
	grid-column:1 / 2;
	grid-row:7 / 8;
	margin:0;
	padding:0;
}

/** twitter */
.tw_box { /** ie11 */
	-ms-grid-column:1;
	-ms-grid-row:6;
}

.tw_box {
	display:block;
	grid-column:1 / 2;
	grid-row:6 / 7;
	margin:0;
	padding:0 30px;
}