/*  ブンセキーのデザインを流用*/

:root {
	--color_text: #000000;
	--color_main: #2454D6;
	--color_sub: #80D3FF;
	
	--color_white: #FFFFFF;
	--color_gray: #F4F4F4;
	--color_border: #dee2e6;
	--color_borderDeep: #999;
	
	--color_green: #009944;
	--color_orange: #ffa500;
	--color_red: #ff0000;
	
}

html {
	overflow-y: scroll;
}
body {
	font-family: "Noto Sans JP", sans-serif;
}
label {
	display: block;
}

@media all and (max-width: 575px) {
	html {font-size: 62.5%;}
}
@media all and (min-width: 992px) and  (max-width: 1200px) {
	html {font-size: 80%;}
}
/* ---------------------
汎用スタイル
-----------------------*/

h1,h2,h3,h4,h5,h6 {
  font-weight: 600 !important;
}
h1, h2, h3, h4, h5, h6, p, a, li, figcaption, th, td, div {
/*  transform: rotateZ(0.03deg);*/
}


.h5 {
  padding-bottom: calc(1.25rem / 4);
  border-bottom: 1px solid var(--color_main);
}

a {
  word-break: break-all;
  overflow-wrap: break-word;
  transition: all .5s;
}

.text-primary {
  color: var(--color_main) !important;
}

.text-md {
    font-size: 1.5rem;  /* 24px */
}
.text-sm {
    font-size: 1.25rem;  /* 20px */
}
.text-xs {
    font-size: 0.75rem; /* 12px */
}
.text-xxs {
  font-size: 0.7rem; /* 12px */
}

.btn-primary {
  background-color: var(--color_main) !important;
}
.btn-primary:hover {
  filter: saturate(2);
}

.alert-light {
  border-color: var(--color_border);
}

.alert-btn:hover {
  opacity: .7;
}

/* ---------------------
レスポンシブ無効化
-----------------------*/
.no-responsive {
/*  width: 1456px;*/
/*  min-width: 1456px;*/
	width: 100%;
  max-width: 1456px;
  margin: 0 auto;
}

/* ---------------------
ヘッダーナビ
-----------------------*/
.navbar .container-fluid {
  width: 100%;
/*  min-width: 980px;*/
}

.head-alert-wrapper {
  position: relative;
  top: 5.5rem;
}

.navbar .navbar-brand {
	font-size: 1rem;
}

.navbar .login-info-inner {
	display: flex;	
	justify-content: space-between;
	align-items: center;
	gap: 10px;
}
@media all and (min-width: 576px) {
	.navbar .navbar-brand {
		font-size: 1.25rem;
	}
	.navbar .login-info {
		width: 100%;
	}
}
@media all and (min-width: 992px) {
	.navbar .login-info {
		width: auto;
	}
}
/* ---------------------
フッター
-----------------------*/
.footer__copyright {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.footer__mark {
	font-size: 1.5em;
	line-height: 1;
}
/* ---------------------
メイン
-----------------------*/
main {
	padding-top: 6rem;
}
.mainWrapper {
	width: 100%;
}
@media all and (min-width: 576px) {
	main {padding-top: 8rem;}
}
@media all and (min-width: 992px) {
	main {padding-top: 6rem;}
}



.sidebar {
	width: 100%;
	padding: 0 1rem;
}
@media all and (min-width: 992px) {
	.sidebar {
		width: 260px;
	}
}
.sidebar h3 {
	border-bottom: 2px solid var(--color_border);
	padding-bottom: .5em;
}

.sidebar .list-group {
	border-top: 1px solid rgba(0,0,0,.125);
	flex-direction: row;
}
.sidebar .list-group .list-group-item {
	width: 33%;
	padding: 0!important;
	border-top: none;
}
.sidebar .list-group .list-group-item a {
	display: block;
	width: 100%;
	padding: .5rem 1rem;
}
@media all and (min-width: 992px) {
	.sidebar .list-group {
		flex-direction: column;
	}
	.sidebar .list-group .list-group-item {
		width: 100%;
		
	}
}




.mainContent {
	max-width: calc(1456px - 290px);
	width: 100%;
	background-color: #fff;
	
}
.mainContent.login {
	width: 100%;
	margin-left: 0;
}
.mainContent.no-sidebar {
	width: 100%;
	margin-left: 0;
}
@media all and (min-width: 992px) {
	.mainContent {
		width: calc(100% - 290px);
	}
	.mainContent.login {
		height: 100%;
	}
}


main.login {
	width: 100%;
	padding-top: 0;
	display: flex;
}
.sidebar.login {
	padding: 3rem 1rem;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	background-color: var(--color_sub);
	position: relative;
	overflow: hidden;
}
@media all and (min-width: 992px) {
	main.login {
	  min-width: 960px;
	}
	.mainWrapper.login {
	  display: grid;
	  flex: 1;
	  grid-template-columns: 40% 1fr;
	}
	.sidebar.login {
		height: 100%;
	}
}
@media all and (min-width: 1200px) {
	.sidebar.login {
		padding: 3rem;

	}
}

.sidebar.login form,
.sidebar.login div,
.sidebar.login h1 {
  width: 100%;
  position: relative;
  z-index: 10;
}
.sidebar.login form legend, 
.sidebar.login form .button_div #rememberme, 
.sidebar.login form .button_div label {
	display: none!important;
}
 .sidebar.login form .button_div {
 	text-align: left!important;
 }
 .sidebar.login form .button_div .buttons {
	display: inline-block;
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: .075em;
	text-align: center;
	text-decoration: none;
	color: rgb(255, 255, 255);
	background-color: rgb(13, 110, 253);
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-color: rgb(13, 110, 253);
	border-radius: 0.3rem;
	cursor: pointer;
	user-select: none;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;

 }
.sidebar.login form .link-text {
	text-align: left!important;
} 
.sidebar.login form a,
.sidebar.login form input.buttons {
	transition: all 0.4s ease 0s;
}
.sidebar.login form a:hover,
.sidebar.login form input.buttons:hover {
	opacity: .6;
}
.sidebar.login .login_status {
	margin: 1rem auto;
	padding: 1rem;
	background-color: #fff;
	border: 1px solid transparent;
	border-radius: .25rem;
}
 @media all and (min-width: 576px) {
	.sidebar.login .login_status {
		width: 75%;
	}
}
 @media all and (min-width: 992px) {
	.sidebar.login .login_status {
		width: 100%;
	}
}

 @media all and (min-width: 1200px) {
	.sidebar.login .login_status {
		margin: 3rem 0;
	}
}



 
.service-before-login {
  margin-bottom: 2rem;
}

.service-before-login h2 {
  font-weight: 800 !important;
  margin-block: .8em;
  letter-spacing: .1em;
}
.service-before-login p {
  font-size: .8rem;
  letter-spacing: .1em;
}

.service-before-login .link-btn {
  background: var(--color_gray);
  display: block;
  text-align: center;
  padding: .5em;
  border-radius: 1.5em;
  letter-spacing: .1em;
}
/* ---------------------
loopNews
-----------------------*/
.bl-loopNews {
	padding: 0;
	border-top: 1px solid var(--color_border);
	list-style-type: none;
}
.bl-loopNews__item {
	border-bottom: 1px solid var(--color_border);
} 
.bl-loopNews__link {
	display: block;
	padding: 15px 0;
	text-decoration: none;
	color: var(--color_text);
}
.bl-loopNews__top {
	padding-bottom: 5px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}
.bl-loopNews__categoryList {
	padding: 0;
	list-style-type: none;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 10px;
}
.bl-loopNews__categoryItem {
	padding: 0.5rem 1rem;
	font-size: 0.75rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: .075em;
	text-align: center;
	background-color: var(--color_gray);
}
.bl-loopNews__time {
	font-size: 0.75rem;
	line-height: 1;
}

/* ---------------------
bl-site
-----------------------*/
 
.bl-site:not(:first-child) {
	margin-top: 4rem;
}
	
.bl-site__top {
	padding: 1rem;
	border: 1px solid var(--color_borderDeep);
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.bl-site__title ,
.bl-site__urlArea {
	margin: 0;
	font-size: 1.2rem;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: .075em;
}
.bl-site__urlArea {
	font-size: .8em;
}

.bl-site__mainArea {
	border-right: 1px solid var(--color_borderDeep);
	border-bottom: 1px solid var(--color_borderDeep);
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
} 
.bl-site__mainBlock {
	width: 100%;
	padding: 30px 5px;
	margin-top: -1px;
	border-top: 1px solid var(--color_borderDeep);
	border-left: 1px solid var(--color_borderDeep);
	transform: none;
}
@media all and (min-width: 576px) {
	.bl-site__mainBlock {
		width: 50%;
	}
}
@media all and (min-width: 1400px) {
	.bl-site__mainBlock {
		width: 100%;
		flex: 1;
	}
}

.bl-site__mainBlockTitle {
	margin: 0;
	padding: 0;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: .075em;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
} 
.bl-site__mainBlockStatus {
	margin: 0;
	padding: 1.5rem 0;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.25;
	letter-spacing: .075em;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
}
.bl-site__mainBlockStatus.bl-site__mainBlockTitle--min {
	font-size: 1.4rem;
}
.bl-site__statusIcon {
	font-size: 1.2em;
}
.bl-site__statusIcon--normal {color: var(--color_green);}
.bl-site__statusIcon--caution {color: var(--color_orange);}
.bl-site__statusIcon--dangeru {color: var(--color_red);}
.bl-site__mainBlockSubText {
	margin: 0;
	font-size: 0.8rem;
	line-height: 1.5;
	letter-spacing: .075em;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media all and (min-width: 768px) {
	.bl-site__mainBlockStatus {
		font-size: 1.2rem;
	}
	.bl-site__mainBlockSubText {
		font-size: 0.7rem;
	}
}
@media all and (min-width: 992px) {
	.bl-site__mainBlockStatus {
		font-size: 1.4rem;
	}
	.bl-site__mainBlockSubText {
		font-size: 0.8rem;
	}
}
@media all and (min-width: 1400px) {
	.bl-site__mainBlockStatus {
		padding: 3rem 0;
	}
}






.bl-site__bottom {
	padding-top: 1rem;
}
.bl-site__bottom a {
	font-size: 0.8rem;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .075em;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 5px;
}
.bl-site__bottom a::after {
	display: inline-block;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	flex: 0 0 auto;
	content: "\f105";
}



.bl-site__mainBlockPop {
	display: none;
	width: 100vw;
	height: 100vh;
	padding: 10px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
} 
.bl-site__mainBlockPop_inner {	
	max-width: 600px;
	width: 100%;
	padding: 40px 40px 30px;
	background-color: #fff;
	border-radius: 15px;
	position: relative;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);

}
.bl-site__mainBlockPop_list {
	margin: 0;
	padding: 0;
	width: 100%;
}
.bl-site__mainBlockPop_item {
	padding: 1rem 0;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	border-bottom: 1px solid var(--color_borderDeep);
}
.bl-site__mainBlockPop_itemChack {
	color: var(--color_green); 
	font-weight: bold;
}
.bl-site__mainBlockPop_itemRight {
	margin-left: auto; 
	padding: 3px 8px;
	font-size: 10px; 
	line-height:1.2;
	color: var(--color_green); 
	border: 1px solid var(--color_green);  
	border-radius: 4px; 
	display: flex;
	justify-content: center;
	align-items: center;
} 
.bl-site__mainBlockPop_btn  {
	display: block;
	margin-top: 5px;
	text-decoration: underline;
	transition: opacity 0.4s ease 0s;
}
.bl-site__mainBlockPop_btn:hover {
	cursor: pointer;
	opacity: .7;
}
.bl-site__mainBlockPop_close {
	font-size: 1.5em;
	position: absolute;
	top: 5px;
	right: 10px;

} 
.bl-site__mainBlockPop_bg {
	width: 100vw;
	height: 100vh;
	background-color: rgba(0,0,0,.4);	
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;

}
/* ---------------------
bl-currentArea
-----------------------*/
.bl-currentArea {
	padding: 1.5rem;
	line-height: 1.75;
	border: 1px solid var(--color_borderDeep);
}

/* ---------------------
pagination
-----------------------*/

.bl-pagination__list {
	max-width: 1200px;
	margin: 60px auto 0;
	list-style-type: none;
	display: flex;
	justify-content: center;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 10px;
}
.bl-pagination__link {
	padding: 0 3px;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.075;
	text-decoration: none;
	color: var(--color_text);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.bl-pagination__link:hover, 
.bl-pagination__link:focus, 
.bl-pagination__link:active, 
.bl-pagination__link.on-pagination {
	font-size: 1.5em;
	color: var(--color_main);
	opacity: 1;
}

/* ---------------------
bl-text
-----------------------*/
.bl-text > * {
	margin-top: 2rem;
}
.bl-text h2 {
	padding-top: 4rem;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: .075em;
	text-align: center;
}
.bl-text h2::after {
	display: block;
	width: 130px;
	height: 3px;
	margin: 1rem auto 0;
	background-color: var(--color_main);
	content: '';
}
.bl-text h3 {
	padding-top: 3rem;
	padding-bottom: 1rem;
	font-size: 1.6rem;
	border-bottom: 3px solid var(--color_main);
}
.bl-text h4 {
	margin-top: 2rem;
	padding: 0.75rem 1rem;
	font-size: 1.2rem;
	color: white;
	background-color: var(--color_main);
}
.bl-text h5 {
	margin-top: 2rem;
	padding-left: 1rem;
	border-left: 4px solid var(--color_main);
}
.bl-text h6 {
	padding-top: 2rem;
	font-weight: 700;
	color: var(--color_main);
}

/* ---------------------
bl-tableScroll
-----------------------*/
@keyframes is-tableScroll-arrow {
	0%{left: -20px;}
	100% {left: 20px;}
}
.is-tableScroll  {
	width: 100%;
	overflow-y: hidden;
	overflow-x: auto;
	-webkit-coverflow-scrolling: touch;
	background-image: linear-gradient(
							90deg, 
							rgba(0,0,0,.3),
							rgba(255,255,255,0)
						),
						linear-gradient(
							270deg,
							rgba(0,0,0,.3),
							rgba(255,255,255,0)
						);
	background-position: 0 0, 100% 0;
	-webkit-background-size: 25px 100%;
	-webkit-print-color-adjust: exact;
	background-size:  25px 100%;
	background-repeat: no-repeat;
	position: relative;
}
.is-tableScroll table {
	width: 768px;
	margin-bottom: 0;
	background-image: linear-gradient(
								90deg,
								rgba(255,255,255,1) 2rem,
								rgba(255,255,255,0)
						  ),
						  linear-gradient(
								270deg,
								rgba(255,255,255,1) 2rem,
								rgba(255,255,255,0)
						  );
		background-position: 0 0, 100% 0;
		-webkit-background-size: 25px 100%;
		-webkit-print-color-adjust: exact;
		background-size:  4rem 100%;
		background-repeat: no-repeat;
		background-attachment: local;
}
.is-tableScroll__sign {
	width: 180px;
	margin-top: 1rem!important;
	padding: 20px 30px;
	background-color: rgba(0,0,0,.6);
	-webkit-print-color-adjust: exact;
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.is-tableScroll__signArrow {
	display: block;
	width: 60px;
	height: 30px;
	margin-right: 50px;
	background-color: #fff;
	-webkit-print-color-adjust: exact;
	position: relative;
	animation: is-tableScroll-arrow 1s linear infinite;
	animation-direction:alternate;
	animation-play-state:running;
}
.is-tableScroll__signArrow::after {
	border-top: 25px solid transparent;
	border-bottom: 25px solid transparent;
	border-left: 50px solid #fff;
	position: absolute;
	top: 50%;
	left: calc(100% - 1px);
	transform: translateY(-50%);
	content:"";
}
.is-tableScroll__signText {
		display: block;
	margin-top: 10px;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.1em;
	text-align: center;
	color: #fff;
}
@media all and (min-width: 768px) {
	.is-tableScroll table {
		width: 100%;
	}
	.is-tableScroll__sign {
		display: none;
	}
}	





/* ---------------------
フォーム関連
BootstrapならびにACF Formのスタイルを上書きするために
important多用していますが、ご了承くささい。
-----------------------*/

form .border {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-bottom: 1px solid var(--color_border) !important;
  padding: 1.5em 0;
}
form .no-border {
  padding: 1.5em 0 0;
}
form p {
  margin-bottom: 0;
}

form .btn {
  margin-top: 2em;
}

form > label {
  font-weight: bold;
}
form > label .text-danger {
	display: inline-block;
	padding-left: 5px;
	font-size: 14px;
}

form .wpcf7-form-control-wrap {
	display: block;
	padding-top: 10px;
}
.wpcf7-list-item-label,
form input,
form textarea,
form select {
  font-weight: normal;
}

.form-control {
  line-height: 1.5 !important;
  padding: .375rem .75rem !important;
  font-size: 1rem !important;
}

.half input[type="text"],
.half input[type="number"],
.half input[type="email"],
.half select {
  width: 50% !important;
}
.quarter input[type="text"],
.quarter input[type="number"],
.quarter input[type="email"],
.quarter select {
  width: 25% !important;
}
.name input[type="text"] {
  width: 11.8% !important;
  display: inline-block !important;
  margin-right: .5em !important;
}



select {
	display: block;
	width: 100%;
	padding: .375rem 2.25rem .375rem .75rem !important;
	-moz-padding-start: calc(0.75rem - 3px) !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #212529 !important;
	background-color: #fff !important;
	background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e) !important;
	background-repeat: no-repeat !important;
	background-position: right .75rem center !important;
	background-size: 16px 12px !important;
	border: 1px solid #ced4da !important;
	border-radius: .25rem !important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}


input[type="text"],
input[type="email"],
input[type="number"] {
	display: block !important;
	padding: .375rem .75rem !important;
	font-size: 1rem !important;
	font-weight: 400 !important;
	line-height: 1.5 !important;
	color: #212529 !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	border: 1px solid #ced4da !important;
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	border-radius: .25rem !important;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !important;
}


.acf-switch.-on {
  background: var(--color_main) !important;
}

.acf-field {
  padding-inline: 0 !important;
}

.acf-ui-datepicker {
  position: absolute;
}
dd.ui_tpicker_second,
.ui-datepicker-current {
  display: none !important;
}


input[type="text"]:read-only {
  background-color: var(--color_gray) !important;
  cursor:not-allowed !important;
}

input.forgot-password-input {
  width: 500px !important;
}




.send-btn {
  display: inline-block;
  width: 170px; 
  position: relative;
  padding: 0 !important;

}
.send-btn.btn-disabled {
  background-color: #999 !important;
  border: none !important;
}
.send-btn.btn-disabled input {
  cursor:not-allowed !important;

}
.send-btn-lg {
  width: 220px;
}
.send-btn-xlg {
  width: 240px;
}
a.send-btn-lg {
  padding: 10px 0 10px 10px !important;
}
.send-btn i {
  position: absolute;
  top: .5em;
  left: 1em;
}
.send-btn input[type="submit"] {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
font-size: 20px;
font-weight: bold;
display: block;
width: 100%;
padding: 10px 0 10px 10px;
border-radius: 10px;
color: #fff;
cursor: pointer;
border: none;
background-color: transparent;
}

span.wpcf7-spinner {
  display: none;
}

/* ---------------------
会員ページのフォーム
-----------------------*/
#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg {
	width: 100%!important;
	margin: 0 auto;
}
#wpmem_login legend ,
#wpmem_reg legend {
	margin-bottom: 2rem!important;
}
#wpmem_login .div_text ,
#wpmem_reg .div_text {
	margin-bottom: 20px!important;
}

#wpmem_login label ,
#wpmem_reg label {
	display: block!important;
	padding-bottom: 5px;
	font-weight: 600;
}


#wpmem_login label[for='siteguard_captcha'] ,
#wpmem_reg label[for='siteguard_captcha'] {
	display: block;
	padding-top: 5px!important;
	font-size: 14px;
}
#wpmem_login label[for='siteguard_captcha']::before,
#wpmem_reg label[for='siteguard_captcha']::before {
	content: '※';
}
#wpmem_login [for="siteguard_captcha"] + br ,
#wpmem_reg  [for="siteguard_captcha"] + br {
	display: none;
}
/*
#wpmem_login [for="pwd"] + .div_text ,
#wpmem_reg  [for="pwd"] + .div_text {
	margin-bottom: 3rem;
}
*/
#wpmem_login p:has([alt="CAPTCHA"])::before,
#wpmem_reg p:has([alt="CAPTCHA"])::before{
	display: block;
	padding-bottom: 5px;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	content: '認証画像';
}

#wpmem_login [alt="CAPTCHA"]  ,
#wpmem_reg  [alt="CAPTCHA"]  {
	width: 120px;
}



#wpmem_login .button_div .buttons ,
#wpmem_reg .button_div .buttons {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: fit-content;
	width: -moz-fit-content;
	padding: 10px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #fff;
	background-color: var(--color_main) !important;
	border: none;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	transition: all 0.4s ease 0s;
	cursor: pointer;
}
#wpmem_login .button_div .buttons:hover ,
#wpmem_reg .button_div .buttons:hover {
	opacity: .6;
	cursor: pointer;
}
#wpmem_login .link-text-forgot ,
#wpmem_reg .link-text-forgot {
	display: block;
	width: 100%!important;
	font-size: 1.2rem!important;
	text-align: center;
}

#wpmem_login #rememberme ,
#wpmem_login label[for='rememberme'] {
	display: none!important;
}



#wpmem_reg label .req {
	color: #fff;
}
#wpmem_reg label .req::before {
	padding-left: 5px;
	font-size: 12px;
	color: var(--color_red) !important;
	content: '(必須)';
}
#wpmem_reg .req-text {display: none;}


/*
#wpmem_reg label[for='last_name'] ,
#wpmem_reg label[for='last_name'] + .div_text,
#wpmem_reg label[for='first_name'] ,
#wpmem_reg label[for='first_name'] + .div_text{
	display: none!important;
}
*/
@media all and (min-width: 576px) {
	#wpmem_login .button_div .buttons ,
	#wpmem_reg .button_div .buttons {
		font-size: 1.2rem;
	}
	#wpmem_login .link-text-forgot ,
	#wpmem_reg .link-text-forgot {
		display: block;
		width: 100%!important;
		font-size: 1rem!important;
		text-align: center;
	}
}
@media all and (min-width: 992px) {
	#wpmem_login .button_div .buttons ,
	#wpmem_reg .button_div .buttons {
		margin-left: 0;
	}
	#wpmem_login .link-text-forgot ,
	#wpmem_reg .link-text-forgot {
		text-align: left;
	}
}	



/* ---------------------
会員ページの扉ページ
-----------------------*/
.account-info__btnList > ul {
	padding: 0;
	list-style: none;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	flex-wrap: wrap;
	gap: 20px;
}
.account-info__btnList > ul > li {
	width: 300px;
}
.account-info__btnList > ul > li > a {
	width: 100%;
	height: 45px;
	font-weight: 600;
	text-align: center;
	color: var(--color_main) !important;
	border: 1px solid var(--color_main) !important;
	background-color: #fff;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
}
.account-info__btnList > ul > li > a:hover {
	color: #fff!important;
	background-color: var(--color_main) !important;;
	cursor: pointer;
}