@charset "UTF-8";

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

html {font-size:16px;}

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

body {
	display:grid;
	font-family:sans-serif;
	margin:0;
	padding:0;
}

.none_hr {visibility:hidden;}

/** header */
.page_title { /** ie11 */
	color:#333;
}

.page_title {
	color:var(--main-font-color);
	display:block;
	font-size:0.75rem;
	font-weight:normal;
	margin:0;
	padding:0;
}

.header_logo {
	display:block;
	margin:0;
	padding:0;
	max-width:100%;
}

/** 画像遷移 */
[data-change-imgbox] {
	display:block;
	padding:0;
	position:relative;
}

[data-change-img="show"] {
	display:block;
	position:relative;
	transition:opacity 0.5s;
	max-width:100%;
}

.imgbox_text { /** ie11 */
	color:#e6e6fa;
}

.imgbox_text {
	background:rgba(0, 0, 0, 0.5);
	bottom:0;
	color:var(--site-font-color);
	display:block;
	line-height:1;
	margin:0;
	padding:10px;
	position:absolute;
	text-transform:uppercase;
	width:calc(100% - 20px);
	z-index:2;
}

/** ナビ */
.header_nav_list {
	margin:0;
	padding:0;
	width:100%;
}

.pankuzu {
	display:block;
	margin:0;
	padding:0 10px;
}

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

.pankuzu_item {
	color:var(--main-font-color);
	display:inline-block;
	font-size:0.75rem;
	line-height:1;
	margin:0 5px;
	padding:0;
}

.pankuzu_item + .pankuzu_item::before {
	content:'＞';
	display:inline-block;
	margin:0 10px 0 0;
	padding:0;
}

.pankuzu_link {
	color:inherit;
	text-decoration:underline;
}

/** メイン */
.main_title { /** ie11 */
	background-color:#000;
	color:#e6e6fa;
}

.main_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);
}

.main_title:nth-of-type(n + 2) {margin-top:20px;}

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

.main_sub_title {
	color:var(--main-font-color);
	display:block;
	font-size:1rem;
	font-weight:bold;
	margin:10px 0;
	padding:0;
	text-indent:1em;
}

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

.main_text {
	color:var(--main-font-color);
	display:block;
	font-size:0.875rem;
	font-weight:normal;
	margin:0 1em;
	padding:0;
}

.main_cation {
	display:block;
	font-size:0.875rem;
	margin:0;
	padding:0;
}

.main_cation::before {
	content:'※';
	display:inline-block;
	margin:0 0.5em 0 0;
	padding:0;
}

/** サイド */
.site_info {
	background-color:#fff;
	display:block;
	margin:0;
	padding:0 0 10px;
	text-align:left;
}

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

.site_info_title {
	background-color:var(--site-img-color);
	color:var(--site-font-color);
	display:block;
	font-size:0.875rem;
	line-height:2rem;
	margin:0 0 10px;
	padding:0 0.5rem;
}

.site_info_address, .site_info_tel, .site_info_mobile {
	color:#333;
}

.site_info_address, .site_info_tel, .site_info_mobile { /** ie11 */
	color:var(--main-font-color);
	display:block;
	font-size:0.75rem;
	line-height:1.5rem;
	margin:0 0.75rem;
	padding:0;
}

.site_info_address {margin-bottom:10px;}

/** フッター */
.page_footer {
	display:block;
	margin:0;
	padding:0;
	text-align:center;
}

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

.copyright {
	color:var(--main-font-color);
	font-size:0.75rem;
}

/** info */
.eisei_list {
	display:block;
	margin:0 1em;
	padding:0;
}

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

.eisei_item {
	color:var(--main-font-color);
	display:list-item;
	font-size:0.875rem;
	line-height:1.625;
	margin:5px 0;
	padding:0;
}

.eisei_pict_list {
	display:block;
	display:flow-root;
	margin:10px 0 0;
	padding:0;
}

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

.eisei_pict_item {
	display:block;
	float:left;
	margin:0;
	padding:0;
	width:calc((100% - 30px) / 4);
}

.eisei_pict_item + .eisei_pict_item {margin-left:10px;}

.eisei_pict_img {
	display:block;
	margin:0;
	max-width:100%;
}

/** gallery */
.photo_list {
	display:block;
	display:flow-root;
	margin:0;
	padding:0;
	width:100%;
}

.photo_list::after {
	clear:both;
	contetnt:'';
	display:block;
}

.photo_item {
	display:block;
	float:left;
	overflow:hidden;
	text-align:center;
}

.paging_list {
	display:block;
	margin:5px 0 0;
	padding:0;
}

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

.paging_item {
	color:var(--main-font-color);
	display:inline-block;
	padding:0;
}

.paging_link {
	color:inherit;
	display:block;
	text-decoration:underline;
}

[data-paging-type="first"]::before {content:'\AB';}

[data-paging-type="prev"]::before {content:'\2039';}

[data-paging-type="next"]::after {content:'\203A';}

[data-paging-type="last"]::after {content:'\BB';}

/** price */
.fee_list { /* ie11 */
	display:-ms-grid;
}

.fee_list {
	display:grid;
	margin:0 1em 5px;
	padding:0;
}

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

.fee_title {
	color:var(--main-font-color);
	display:block;
	font-size:0.875rem;
}

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

.fee_value {
	color:var(--main-font-color);
	display:block;
	font-size:0.875rem;
	margin:0;
	padding:0;
	text-indent:1em;
}

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

.fee_note {
	color:var(--main-font-color);
	display:block;
	font-size:0.875rem;
	margin:0;
	padding:0;
}

/** contact */
.studio_table { /** ie11 */
	color:#333;
}

.studio_table {
	border-collapse:collapse;
	color:var(--main-font-color);
	display:table;
	margin:0;
	width:100%;
}

.studio_col_title {width:160px;}

.studio_title {
	border:1px solid #333;
	display:table-cell;
	font-size:0.875rem;
	font-weight:normal;
	padding:10px;
	text-align:center;
}

.studio_value {
	border:1px solid #333;
	display:table-cell;
	font-size:0.875rem;
	padding:10px;
}

.studio_footer_value {
	display:table-cell;
	padding:10px;
}

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

.studio_mail {color:var(--main-font-color);}

/** sitemap */
.site_list {
	display:block;
	margin:0;
	padding:0;
}

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

.site_item {
	color:var(--main-font-color);
	display:block;
	font-size:0.875rem;
	line-height:1.5;
	margin:0 0 0 20px;
	padding:0 0 0 20px;
}

.site_item:first-of-type {
	background:none;
	padding:0;
}

.site_link {color:inherit;}

/** policy */
.use_list {
	display:block;
	margin:0 1em;
	padding:0;
}

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

.use_list_title {
	color:var(--main-font-color);
	display:block;
	font-size:0.875rem;
	font-weight:bold;
	line-height:1.75;
	margin:5px 0 3px;
	padding:0;
}

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

.use_list_text {
	color:var(--main-font-color);
	display:block;
	font-size:0.875rem;
	line-height:1.75;
	margin:0;
	padding:0;
	text-indent:1em;
}

.use_list_link {color:inherit;}

.privacy_list {
	display:block;
	margin:0 1em;
	padding:0;
}

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

.privacy_item {
	color:var(--main-font-color);
	display:block;
	font-size:0.875rem;
	line-height:1.75;
	margin:0;
	padding:0;
	text-indent:1em;
}