@charset "UTF-8";
@import url("pure-min.css");
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;700&display=swap');

/* ===========================
1.目次＆ブレークポイント
============================== */
/*
1.目次＆ブレークポイント
2.全体
3.縦長画面
4.横長画面
*/
@media all and (min-width: 30em) { /* 480px */
}
@media all and (min-width: 40em) { /* 640px */
}
@media all and (min-width: 48em) { /* 768px：PC用 */
}
@media all and (min-width: 64em) { /* 1024px */
}
@media all and (min-width: 66em) { /* 1056px */
}
@media all and (min-width: 80em) { /* 1280px */
}

/* ===========================
2.全体
============================== */
.garamond { font-family: 'EB Garamond', serif;}
html { overflow-x: hidden; }
body {
	background-color: #232323;
	font-family: 'Open Sans Condensed', Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans","メイリオ", Meiryo, sans-serif;
	font-size: 62.5%;
	overflow: hidden;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 0;
}
#wrapper {
	position: relative;
	display: table;
	width: 100%;
	height: 100vh;
	margin: 0;
	padding: 1px 0 0;
}
#wrapper::after {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100%;
	z-index: 0;
	background: url("../img/entrance_center_img_01b.jpg?210726") center center no-repeat;
}
#inner {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	z-index: 2;
}
.site_title {
	text-align: center;
	color: #fff;
	line-height: 1.825;
}
.garamond_and_border_black .site_title {
	font-family: 'EB Garamond', "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: 600;
	text-shadow: 0.05em 0.05em 0.025em #000, 0.05em -0.05em 0.025em #000, -0.05em -0.05em 0.025em #000, -0.05em 0.05em 0.025em #000, 0 0.0707em 0.025em #000, 0 -0.0707em 0.025em #000, 0.0707em 0 0.025em #000, -0.0707em 0 0.025em #000;
	letter-spacing: 0.03em;
}
.open_sans_and_border_none .site_title{
	position: relative;
	top: 2vh;
	font-family: 'Open Sans Condensed', Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans","メイリオ", Meiryo, sans-serif;
	font-weight: bold;
	text-shadow: none;
	line-height: 1.6;
}
.cinzel_and_border_none .site_title{
	position: relative;
	top: 1vh;
	font-family: 'Cinzel', "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: 500;
	text-shadow: none;
	line-height: 1.4;
	letter-spacing: -0.08ex;
}
.link_goto_home {
	margin-top: 8vh;
	text-align: center;
	font-weight: bold;
}
.open_sans_and_border_none .link_goto_home {
	position: relative;
	top: 2vh;
}
.link_goto_home a,
.link_goto_home a:link,
.link_goto_home a:active,
.link_goto_home a:visited {
	display: inline-block;
	border: #fff solid 1px;
	padding: 0.1em 0.7em;
	color: #fff;
	text-decoration: none;
	transition-property: all;
	transition-duration: 0.3s;
	letter-spacing: 0.03em;
}
.garamond_and_border_black .link_goto_home a,
.garamond_and_border_black .link_goto_home a:link,
.garamond_and_border_black .link_goto_home a:active,
.garamond_and_border_black .link_goto_home a:visited {
	text-shadow: 0.05em 0.05em 0.025em #000, 0.05em -0.05em 0.025em #000, -0.05em -0.05em 0.025em #000, -0.05em 0.05em 0.025em #000, 0 0.0707em 0.025em #000, 0 -0.0707em 0.025em #000, 0.0707em 0 0.025em #000, -0.0707em 0 0.025em #000;
}
.open_sans_and_border_none .link_goto_home a,
.open_sans_and_border_none .link_goto_home a:link,
.open_sans_and_border_none .link_goto_home a:active,
.open_sans_and_border_none .link_goto_home a:visited {
	text-shadow: none;
}
.cinzel_and_border_none .link_goto_home a,
.cinzel_and_border_none .link_goto_home a:link,
.cinzel_and_border_none .link_goto_home a:active,
.cinzel_and_border_none .link_goto_home a:visited {
	font-family: 'Cinzel', "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
	font-weight: 500;
	text-shadow: none;
}
.link_goto_home a:hover {
	border: #ddd solid 1px;
	background-color: rgba(255, 255, 255, 0.1);
	color: #ddd;
}
/* ===========================
3.縦長画面
============================== */
#wrapper::after {
	background-size: cover;
}
.site_title {
	width: 100vw;
	padding: 0 1vw;
	font-size: 7.75vw;
}
.garamond_and_border_black .site_title {
	font-size: 7.75vw;
}
.open_sans_and_border_none .site_title {
	font-size: 8.325vw;
}
.cinzel_and_border_none .site_title {
	font-size: 10vw;
}
.link_goto_home {
	width: 100vw;
	padding: 0 1vw;
	font-size: 6.25vw;
}
.cinzel_and_border_none .link_goto_home {
	padding: 0 0;
	font-size: 8vw;
}
.cinzel_and_border_none .link_goto_home a {
	padding: 0.5vw 1.5vw ;
}
/* ===========================
4.横長画面
============================== */
@media all and (orientation: landscape) and (min-width: 40em) { /* 640px以上：横長画面用 */
	body::after {
		display: block;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100%;
		z-index: -1;
		background: url("../img/entrance_side_back_01_md.jpg") center center no-repeat;
		background-size: cover;
		-webkit-filter: brightness(0.5);
		filter: brightness(0.5);
	}
	#wrapper::after {
		background-size: contain;
	}
	.site_title {
		width: 100vw;
		padding: 0 1.5vh;
		font-size: 4.45vh;
		line-height: 1.875;
	}
	.garamond_and_border_black .site_title {
		font-size: 4.45vh;
	}
	.open_sans_and_border_none .site_title {
		font-size: 4.75vh;
	}
	.cinzel_and_border_none .site_title {
		font-size: 5.25vh;
	}
	.link_goto_home {
		width: 100vw;
		padding: 0 1.5vh;
		font-size: 3.35vh;
	}
	.cinzel_and_border_none .link_goto_home {
		position: relative;
		top: 1.125vh;
		padding: 0 0;
		font-size: 4vh;
	}
	.cinzel_and_border_none .link_goto_home a {
		padding: 0.25vw 1.5vw ;
	}
}
@media all and (orientation: landscape) and (min-width: 48em) { /* 768px：PC用 */
	body::after {
		background: url("../img/entrance_side_back_01_lg.jpg") center center no-repeat;
		background-size: cover;
	}
}
@media all and (orientation: landscape) and (min-width: 64em) { /* 1024px */
	body::after {
		background: url("../img/entrance_side_back_01_xl.jpg") center center no-repeat;
		background-size: cover;
	}
}
@media all and (orientation: landscape) and (min-width: 80em) { /* 1280px */
	body::after {
		background: url("../img/entrance_side_back_01.jpg") center center no-repeat;
		background-size: cover;
	}
}