@charset "UTF-8";

:root {
	--box-back-color:#eee;
	--main-font-color:#333;
	--site-img-color:#000;
	--site-font-color:#e6e6fa;
}

html {
	overflow-y:scroll;
	min-width:980px;
}

body { /** ie11 */
	-ms-grid-columns:0.5fr 290px 690px 0.5fr;
}

body {
	background:#fff;
	grid-template-columns:0.5fr 290px 690px 0.5fr;
}

/** header */
.page_header { /** ie11 */
	display:-ms-grid;
	-ms-grid-column:2;
	-ms-grid-column-span:2;
	-ms-grid-row:1;
	-ms-grid-columns:300px 50px 1fr;
}

.page_header {
	background-color:transparent;
	display:grid;
	grid-column:2 / 4;
	grid-row:1 / 2;
	grid-template-columns:350px 1fr;
	margin:0 auto;
	padding:20px 20px 10px;
	width:calc(100% - 40px);
}

.page_title { /** ie11 */
	-ms-grid-column:1;
	-ms-grid-row:1;
}

.page_title {
	grid-column:1 / 2;
	grid-row:1 / 2;
}

.header_logo { /** ie11 */
	-ms-grid-column:1;
	-ms-grid-row:2;
}

.header_logo {
	grid-column:1 / 2;
	grid-row:2 / 3;
}

.header_sub_nav_list { /** ie11 */
	-ms-grid-column:3;
	-ms-grid-row:1;
}

.header_sub_nav_list {
	display:block;
	line-height:1;
	margin:0;
	padding:0;
	grid-column:2 / 3;
	grid-row:1 / 2;
	text-align:right;
	width:100%;
}

.header_sub_nav_item { /** ie11 */
	color:#333;
}

.header_sub_nav_item {
	color:var(--main-font-color);
	display:inline-block;
	font-size:0.75rem;
	margin:0 2px;
	padding:0;
}

.header_sub_nav_item + .header_sub_nav_item::before {
	content:'｜';
	display:inline-block;
	margin:0;
	padding:0;
}

.header_sub_nav_link {
	color:inherit;
	display:inline-block;
	margin:0;
	padding:0;
}

.header_text { /** ie11 */
	color:#333;
	-ms-grid-column:3;
	-ms-grid-row:2;
}

.header_text {
	align-self:center;
	color:var(--main-font-color);
	display:block;
	font-size:0.875rem;
	margin:0;
	padding:0;
	grid-row:2 / 3;
	grid-column:2 / 3;
}

/** 画像遷移 */
[data-change-imgbox="home"] { /** ie11 */
	-ms-grid-column:1;
	-ms-grid-column-span:2;
	-ms-grid-row:3;
}

[data-change-imgbox="home"] {
	width:100%;
}

[data-change-img="show"] {
	margin:0 auto;
	max-width:100%;
}

.imgbox_text {font-size:1.25rem;}

/** ナビ */
.header_nav { /** ie11 */
	-ms-grid-column:2;
	-ms-grid-column-span:2;
	-ms-grid-row:2;
}

.header_nav {
	background-color:transparent;
	display:block;
	grid-column:2 / 4;
	grid-row:2 / 3;
	margin:0;
	padding:0;
	z-index:2;
}

.header_nav_list {
	background-color:#696969;
	display:flex;
	width:980px;
}

.header_nav_item {/** ie11 */
	background-color:#000;
	color:#e6e6fa;
}

.header_nav_item {
	background-color:var(--site-img-color);
	color:var(--site-font-color);
	display:block;
	height:60px;
	margin:0 1px;
	padding:0;
	width:138px; /* 980px ÷ 7 - 2px */
}

.header_nav_link {
	color:inherit;
	display:block;
	font-weight:bold;
	height:100%;
	line-height:60px;
	text-align:center;
	text-decoration:none;
	width:100%;
}

.header_nav_link:hover {
	background-color:#000;
	opacity:0.7;
}

.pankuzu { /** ie11 */
	background-color:#eee;
}

.pankuzu {
	background-color:var(--box-back-color);
	width:calc(100% - 20px);
}

/** メイン */
.main_box { /** ie11 */
	background-color:#eee;
	-ms-grid-column:3;
	-ms-grid-row:3;
}

.main_box {
	background-color:var(--box-back-color);
	display:block;
	grid-column:3 / 4;
	grid-row:3 / 4;
	margin:0;
	padding:20px 20px 20px 10px;
}

/** サイド */
.side_box { /** ie11 */
	background-color:#eee;
	-ms-grid-column:2;
	-ms-grid-row:3;
}

.side_box {
	background-color:var(--box-back-color);
	display:block;
	grid-column:2 / 3;
	grid-row:3 / 4;
	margin:0;
	padding:20px 10px 20px 20px;
}

.side_box > :nth-child(n + 2) {margin-top:20px;}

.side_title { /** ie11 */
	background-color:#000;
	color:#e6e6fa;
}

.side_title {
	background-color:var(--site-img-color);
	color:var(--site-font-color);
	display:block;
	font-size:1rem;
	font-weight:bold;
	margin:0 0 10px;
	padding:10px;
	width:calc(100% - 20px);
}

.page_nav_list {
	display:block;
	margin:0;
	padding:0;
}

.page_nav_item {
	display:block;
	line-height:2;
	margin:0;
	padding:0 0 0 20px;
}

.page_nav_link { /** ie11 */
	color:#333;
}

.page_nav_link {
	color:var(--main-font-color);
	display:block;
	font-size:0.875rem;
	font-weight:normal;
	margin:0;
	padding:0;
	text-decoration:underline;
}

.page_nav_link[data-now="true"] {
	pointer-events:none;
	text-decoration:none;
}

.side_menu {
	display:block;
	margin:0;
	padding:0;
}

.side_menu_item {
	background:url("/images/bg_bnr.png") top left no-repeat;
	display:block;
	margin:0;
	padding:0;
}

.side_menu_item + .side_menu_item {margin-top:10px;}

[data-side-icon] {background-repeat:no-repeat;}

[data-side-icon="LINE"] {background-image:url("/images/icon_line.png");}

[data-side-icon="Twitter"] {background-image:url("/images/icon_twitter.png");}

[data-side-icon="Instagram"] {background-image:url("/images/icon_instagram.png");}

[data-side-icon="BLOG"] {background-image:url("/images/icon_blog.png");}

.side_menu_link {
	color:#e6e6fa;
	display:block;
	font-size:1.5rem;
	font-weight:bold;
	line-height:80px;
	margin:0;
	padding:6px 5px 6px 100px;
	text-decoration:none;
}

[data-side-icon] {
	background-position:5px center;
	background-size:80px;
}

.side_menu_link:hover {opacity:0.7;}

/** フッター */
.page_footer { /** ie11 */
	background-color:#eee;
	-ms-grid-column:2;
	-ms-grid-column-span:2;
	-ms-grid-row:4;
}

.page_footer {
	background-color:var(--box-back-color);
	grid-column:2 / 4;
	grid-row:4 / 5;
}

/** gallery */
.photo_item {
	height:120px;
	width:120px;
}

.photo_item:nth-of-type(5n + 1) {clear:left;}

.photo_item:nth-of-type(n + 6) {margin-top:15px;}

.photo_item:not(:nth-of-type(5n)) {margin-right:15px;}

.paging_item {
	font-size:0.875rem;
	margin:0 3px;
}

/** price */
.time_list {
	display:block;
	display:flow-root;
	margin:0;
	padding:0;
}

.time_list::after {
	clear:both;
	content:'';
	display:block;
}

.time_item {
	display:block;
	float:left;
	margin:10px 0;
	padding:0;
	text-align:center;
	width:calc(100% / 3);
}

.time_item .main_text {margin:0;}

.sample_img {
	display:inline-block;
	vertical-align:bottom;
	max-width:90%;
}

.fee_list { /* ie11 */
	-ms-grid-columns:auto auto 1fr;
}

.fee_list {grid-template-columns:auto auto 1fr;}

.fee_title { /** ie11 */
	-ms-grid-column:1;
}

.fee_title:nth-of-type(1) { /** ie11 */
	-ms-grid-row:1;
}

.fee_title:nth-of-type(2) { /** ie11 */
	-ms-grid-row:2;
}

.fee_title:nth-of-type(3) { /** ie11 */
	-ms-grid-row:3;
}

.fee_title {grid-column:1 / 2;}

.fee_value { /** ie11 */
	-ms-grid-column:2;
}

.fee_title:nth-of-type(1) ~ .fee_value { /** ie11 */
	-ms-grid-row:1;
}

.fee_title:nth-of-type(2) ~ .fee_value { /** ie11 */
	-ms-grid-row:2;
}

.fee_title:nth-of-type(3) ~ .fee_value { /** ie11 */
	-ms-grid-row:3;
}

.fee_value {grid-column:2 / 3;}

.fee_note { /** ie11 */
	-ms-grid-column:3;
}

.fee_title:nth-of-type(1) ~ .fee_note { /** ie11 */
	-ms-grid-row:1;
}

.fee_title:nth-of-type(2) ~ .fee_note { /** ie11 */
	-ms-grid-row:2;
}

.fee_title:nth-of-type(3) ~ .fee_note { /** ie11 */
	-ms-grid-row:3;
}

.fee_note {grid-column:3 / 4;}

/** twitter */
.tw_box {
	height:500px;
	margin:10px 0;
}