@charset "UTF-8";
/* 会員登録状況確認モーダル
----------------------------*/
.fancybox-skin {
	background: #3B2108!important;
	padding: 0!important;
	border-radius: 4px!important;
}
.fancybox-iframe {
	border-radius: 4px!important;
	background : transparent!important;
	
}


h2 {
	text-align:center;
	padding: 1.5rem 0;
	color: #fff;
	font-size: 20px;
	background-color: #3B2108;
	border-radius: 3px 3px 0 0;
	margin-bottom: 0!important;
}

.memCheck {
	font-size:16px;
	width:100%;
	padding:1em;
	text-align:center;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-self: stretch;
}

.memCheck .leftArea {
	padding:1em;
	width:100%;
	border-right:none;
	border-bottom:1px #988D8D solid;
	text-align:center;
}
.memCheck .rightArea {
	padding:1em;
	width:100%;
	text-align:center;
}

@media screen and (min-width: 560px) {
	.memCheck {
	font-size:16px;
	width:100%;
	padding:1em;
	text-align:center;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-self: stretch;
}

.memCheck .leftArea {
	padding:1em;
	width:50%;
	border-right:1px #988D8D solid;
	border-bottom:none;
	text-align:center;
}
.memCheck .rightArea {
	padding:1em;
	width:50%;
	text-align:center;
}
.memCheck__info {
	font-size: 14px;
	margin: 1rem 0;
	color: #3B2108;
}
}

.memCheck h3,
.memCheck h4 {
	font-weight:bold;
	color: #3B2108;
	font-size: 20px;
	margin-bottom: .5rem!important;
	
	margin-bottom: 1rem;
}

.memCheck__info {
	font-size: 12px;
}

.memCheck__footer_info {
	padding: 1.5rem 1rem;
	text-align: center;
	color: #3B2108;
}





.memCheck .errMsg {
	color:#f00;
	font-weight:bold;
	font-size: 12px;
	margin: 0;
}

.memCheck input[type="text"],
.memCheck input[type="password"] {
	width:100%;
	max-width: 280px;
	padding:0.5em;
	margin: .5rem 0;
	font-size: 14px;
	border: 1px solid #988D8D;
	border-radius: 4px;
}
.memCheck input[type="submit"]{
	display:inline-block;
	text-align:center;
	padding:12px;
	background:#FF8500;
	color:#fff;
	border-radius:4px;
	border: none;
	transition: .3s;
	font-size: 16px;
	min-width: 180px;
	margin: 1rem 0;
}
.memCheck input[type="submit"]:hover{
	background:#FF6C00;
	transition: .3s;
	box-shadow: 0px 3px 5px #ccc;
}

.fancybox-inner {
	min-height:410px;
}