@charset "utf-8";
/* CSS Document */

:root {
	--base-color: #f8e4e0;
	--main-color: #beab9c;
	--secondary-color: #eae4df;
	--accent-color: #8d7c70;
	--base-text-color: #2f2f2f;
	--sub-color: #d9cfc6;
	--strong-color: #4e2e2e;
	--woman-color: #de8a83;
	--mens-color: #8d7c70;
}
body {
	width: 100%;
	margin: 0 auto;
	color: #333;
	font-size: 16px;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	line-height: 1.5;
	background: url("../images/bg.jpg") center center / cover no-repeat fixed;
	transition: 0.5s;
}
body.women {
	background: url("../images/bg.jpg") center left / cover no-repeat fixed;
	transition: 0.5s;
}
body.mens {
	background: url("../images/bg.jpg") center right / cover no-repeat fixed;
	transition: 0.5s;
}
a {
	text-decoration: none;
	color: #666;
}
a:hover {
	transition: 0.5s;
	color: #999;
}
a:hover img {
	opacity: 0.60;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-ms-filter: "alpha(opacity=60)";
	transition: 0.5s;
}
section {
}
.block {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	border: solid 5px #fff;
	margin: auto;
	width: 90%;
	max-width: 850px;
	eight: 650px;
	text-align: center;
	padding-bottom: 5%;
}

.block .logo_wrapper {
	width: 100%;
	display: flex;
	justify-content: center;
}

.block .logo_wrapper figure {
	width: 40%;
	margin: 5% 0 0 0;
	background-image: url(./img/logo_flower.png);
	background-repeat: no-repeat;
	background-position: 80% 51%;
	background-size: 110%;
}

.logo_break figure svg {
	width: 100%;
	height: auto;
}

.logo_break figure svg > * {
	fill: #ff0000;
	stroke: #ff0000;
	stroke-width: 0.85px;
}

.logo_break figure svg path#_x31_,
.logo_break figure svg path#_x32_,
.logo_break figure svg path#_x33_,
.logo_break figure svg path#_x34_,
.logo_break figure svg path#_x35_{
	fill: #A67C52;
	stroke: #A67C52;
}

.logo-st0 {
	fill: #4e2e2e;
}
.logo-st1 {
	isolation: isolate;
}
.logo-st2 {
	fill: #4e2e2e;
}
.logo-s-st0 {
	fill: #4e2e2e;
}
.logo-s-st1 {
	fill: #4e2e2e;
}
.women .logo-st0 {
	fill: var(--woman-color);
}
.mens .logo-st0 {
	fill: var(--mens-color);
}
.women .logo-s-st0 {
	fill: var(--woman-color);
}
.mens .logo-s-st0 {
	fill: var(--mens-color);
}
.block h1 {
    text-align: center;
    margin: 0 0 20px;
}

h1 {
	text-align: center;
	margin: 5% 0 20px;
}
h1 img {
	max-width: 420px;
}
h1 {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
h1 a {
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--strong-color);
}
h1 a span:first-of-type {
	font-size: 1rem;
}
h1 a span:nth-of-type(2) {
}
h1 a span:last-of-type {
	background: var(--strong-color);
	color: #ffffff;
	font-size: 1.3rem;
}
p {
	font-size: 16px;
}
@media screen and (max-device-width: 420px) {
	p {
		font-size: 12px;
	}
}
p.bold {
	margin-bottom: 5px;
}
ul {
	letter-spacing: -0.4em;
	display: flex;
	justify-content: center;
}
li {
	//display: inline-block;
	letter-spacing: normal;
	margin: 15px 0 20px;
	width: 40%;
	max-width: 300px;
	font-size: 14px;
	line-height: 1.3;
	text-align: center;
}
li strong {
	font-size: 21px;
}
li span {
	font-size: 18px;
}
li a {
	display: block;
	padding: 7px 0;
	background: rgba(255,255,255,0.8);
}
li.women {
	border: solid 2px #f5598d;
	border: solid 2px var(--woman-color);
	margin-right: 15px;	
}
li.women a {
	color: var(--woman-color);
	//text-shadow: 1px 1px 1px #fff, -1px -1px 1px #fff;
}
li.women a:hover {
	background: var(--woman-color);
	color: #fff;
	text-shadow: none;
}
li.mens {
	border: solid 2px var(--mens-color);
	margin-left: 15px;	
}
li.mens a {
	color: var(--mens-color);
	//text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff;
}
li.mens a:hover {
	background: var(--mens-color);
	color: #fff;
	text-shadow: none;
}
footer {
	position: fixed;
	bottom: 5px;
	left: -100%;
	right: -100%;
	text-align: center;
	font-size: 14px;
}
footer small {
	font-size: 12px;
}