@charset "UTF-8";
/*-----------
layout
-----------*/
.ly_header {
	width: 100%;
}
.ly_header_wrap {
	width: 90%;
	max-width: 1280px;
	margin: auto;
	position: relative;
}
/*-----------
content
-----------*/
/*-- logo --*/
.bl_header_logo {
	position: relative;
	top: 0;
	left: 0;
	width: min(35%, 355px);
	z-index: 2;
}
.bl_header_logo a {
	opacity: 1 !important;
}
/*-- 会員情報 --*/
.bl_mypage_name {
	padding: .5em 0;
	background-color: var(--color-lightgray2, #e3e3e3);
}
.ly_mypage_name__inner {
	width: 90%;
	max-width: 1280px;
	margin: auto;
	position: relative;
}
.bl_mypage_name dl {
	font-size: 1.6rem;
}
.bl_mypage_name dl dt {
	padding-right: .5em;
}
.bl_mypage_name dl dt::after {
	content: "｜";
	padding-left: .5em;
}
.bl_mypage_name dl dd::before {
	content: "ようこそ";
	padding-right: 1em;
}
.bl_mypage_name dl dd::after {
	content: "様";
}
form[name="Logout"] > button {
		font-size: 1.6rem;
	}
@media (max-width: 959px) {
	/*-----------
	layout
	-----------*/
	.ly_header_wrap {
		width: 90%;
		margin: auto;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background: var(--color-main, #148837);
	}
	/*-----------
	content
	-----------*/
	/*-- logo --*/
	.bl_header_logo {
		position: relative;
		top: 0;
		left: 0;
		width: 30%;
		z-index: 2;
	}
	.bl_header_logo a {
		opacity: 1 !important;
	}
	/*-- 会員情報 --*/
	.bl_mypage_name {
		padding: .5em 0;
		background-color: var(--color-lightgray2, #e3e3e3);
	}
	.ly_mypage_name__inner {
		width: 90%;
		margin: auto;
		position: relative;
	}
	.bl_mypage_name dl {
		font-size: 1.4rem;
	}
	.bl_mypage_name dl dt {
		padding-right: .5em;
	}
	.bl_mypage_name dl dt::after {
		content: "｜";
		padding-left: .5em;
	}
	.bl_mypage_name dl dd::before {
		content: "ようこそ";
		padding-right: 1em;
	}
	.bl_mypage_name dl dd::after {
		content: "様";
	}
	form[name="Logout"] > button {
		font-size: 1.4rem;
	}
}
@media (max-width: 559px) {
	/*-----------
	layout
	-----------*/
	.ly_header_wrap {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		width: 90%;
		margin: auto;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		   -moz-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
		-webkit-box-align: center;
		-webkit-align-items: center;
		   -moz-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		background: var(--color-main, #148837);
	}
	/*-----------
	content
	-----------*/
	.bl_header_nav {
		display: none;
	}
	/*-- logo --*/
	.bl_header_logo {
		position: relative;
		width: 40%;
		z-index: 2;
	}
	.bl_header_logo a {
		opacity: 1 !important;
	}
	/*-- 会員情報 --*/
	.bl_mypage_name {
		padding: .5em 0;
		background-color: var(--color-lightgray2, #e3e3e3);
	}
	.ly_mypage_name__inner {
		width: 90%;
		margin: auto;
		position: relative;
	}
	.ly_mypage_name__inner dl,.ly_mypage_name__inner dl + form {
		margin-bottom: 0!important;/*調整用*/
	}
	.bl_mypage_name dl {
		font-size: 1.2rem;
	}
	.bl_mypage_name dl dt {
		padding-right: 0;
		width: 100%;
	}
	.bl_mypage_name dl dd {
		width: 100%;
	}
	.bl_mypage_name dl dt::after {
		content: "｜";
		padding-left: .5em;
	}
	.bl_mypage_name dl dd::before {
		content: "ようこそ";
		padding-right: 1em;
	}
	.bl_mypage_name dl dd::after {
		content: "様";
	}
	form[name="Logout"] > button {
		font-size: 1.2rem;
	}
}