@charset "UTF-8";

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

body {background:#fff;}

a[href^="tel:"] {color:inherit;}

/** ヘッダー */
.header_sub_nav_list {display:none;}

.header_text {display:none;}

/** 画像遷移 */
[data-change-imgbox="home"] {
	margin:5px -20px -5px;
	width:calc(100% + 40px);
}

.imgbox_text {font-size:1rem;}

.h_nav_a {
	margin:0 -20px;
	overflow:hidden;
	position:relative;
}

.img_list {
	margin:0;
	padding:0;
}

.img_item {display:block;}

.img_item + .img_item {display:none;}

.img_img {
	vertical-align:bottom;
	max-width:100vw;
}

/** ナビ */
.header_nav_btn {
	background-color:transparent;
	border:none;
	display:block;
	height:50px;
	margin:0;
	padding:0;
	position:absolute;
	right:10px;
	top:10px;
	width:50px;
	z-index:3;
}

.header_nav:not([data-nav-show="true"]) .header_nav_btn {
	background:url("/images/menu.png") 0 0/50px 50px no-repeat transparent;
}

.header_nav[data-nav-show="true"] .header_nav_btn::before {
	content:'×';
	font-size:50px;
	line-height:1;
}

.header_nav_tel_box {
	background:#fff;
	border-bottom:1px solid #999;
	display:block;
	height:50px;
	left:0;
	padding:10px;
	position:absolute;
	top:0;
	width:calc(100% - 20px);
	z-index:1;
}

.header_nav_tel_box .header_logo {height:50px;}

.header_nav[data-nav-show="true"] .header_nav_tel_box {background:transparent;}

.header_nav_tel {
	display:block;
	right:80px;
	position:absolute;
	top:10px;
}

.header_nav[data-nav-show="true"] .header_nav_tel {pointer-events:none;}

.header_nav:not([data-nav-show="true"]) .header_nav_list {display:none;}

.header_nav[data-nav-show="true"] .header_nav_list {
	background:#eee;
	display:block;
	min-height:100%;
	margin:0 0 0 20%;
	padding:80px 0 50px;
	position:relative;
	width:100%;
	z-index:2;
}

.header_nav_item {
	display:block;
	height:40px;
	margin:0;
	padding:10px 0;
	width:100%;
}

.header_nav_item:nth-of-type(2n) {background-color:rgba(255, 255, 255, 0.5)}

.header_nav_link {
	color:#333;
	display:block;
	font-weight:bold;
	height:100%;
	line-height:40px;
	text-align:left;
	text-decoration:none;
	text-indent:2em;
	width:100%;
}

.header_nav_tel_body {
	display:block;
	font-size:1.5rem;
	line-height:50px;
	margin:0;
	padding:0;
}

/** パンくず */

/** メイン */

/** サイド */
.side_box > :nth-child(n + 2) {margin-top:20px;}

.side_menu { /** ie11 */
	display:block;
}

.side_menu::after { /** ie11 */
	clear:both;
	content:'';
	display:block;
}

.side_menu {
	display:flow-root;
	margin:0;
	padding:0;
}

.side_menu_item {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:22%;
}

.side_menu_item + .side_menu_item {margin-left:4%;}

.side_menu_link {
	display:block;
	text-align:center;
	width:100%;
}

.side_menu_img {
	vertical-align:bottom;
	max-width:100%;
}

/** サイドナビ */

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

/** gallery */
.photo_item {
	height:120px;
	width:calc(50% - 8px);
}

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

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

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

.paging_item {
	font-size:1rem;
	margin:0 5px;
}

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

[data-page-name="gallery"] .page_nav_list { /** ie11 */
	display:-ms-grid;
	-ms-grid-columns:1fr 1fr 1fr;
}

[data-page-name="gallery"] .page_nav_list {
	display:grid;
	grid-auto-flow:column;
	grid-template-columns:1fr 1fr 1fr;
	margin:0;
	padding:0;
}

[data-page-name="gallery"] .page_nav_item:nth-of-type(1) { /** ie11 */
	-ms-grid-column:1;
	-ms-grid-row:1;
}

[data-page-name="gallery"] .page_nav_item:nth-of-type(2) { /** ie11 */
	-ms-grid-column:2;
	-ms-grid-row:1;
}

[data-page-name="gallery"] .page_nav_item:nth-of-type(3) { /** ie11 */
	-ms-grid-column:3;
	-ms-grid-row:1;
}

[data-page-name="gallery"] .page_nav_item {
	display:block;
	margin:0;
	padding:0;
	text-align:center;
}

[data-page-name="gallery"] .page_nav_link { /** ie11 */
	color:#333;
}

[data-page-name="gallery"] .page_nav_link {
	color:var(--main-font-color);
	font-size:0.875rem;
}

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

/** 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% / 2);
}

.time_item .main_text {margin:0;}

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

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

.fee_list {grid-template-columns: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:3;
}

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

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

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

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

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

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

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

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

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

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

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

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