@charset "utf-8";

.login #engtitle {background: url("../../images/login/eng_login.png") no-repeat right center / auto 60%;}

/* loginBox
---------------------------------------------- */
.loginBox .boxWrapper {
	padding:2px;
	border:2px solid #947054;
}

.loginBox .boxInner {
	padding:10px;
	background-color:#f8f1e8;
}

.loginBox h3 {
	font-size:16px;
	line-height:32px;
	font-weight: bold;
}

/* fleft */
.loginBox table {
	width:100%;
	margin-bottom:10px;
}

.loginBox table th {
	font-size:13px;
	font-weight:bold;
	line-height:23px;
	padding-bottom:5px;
}

.loginBox table td {
	padding-bottom:10px;
}

.loginBox table input {
	padding:5px;
}

.loginBox form p {
	line-height:16px;
	padding:2px 0 2px 15px;
	background:url(../../images/mainframe/arrow_icon.gif) no-repeat left 5px;
}

/* fright */
.loginBox .rightBox p.text01 {
	font-size:14px;
	line-height:20px;
	padding:3px 5px;
	font-weight:bold;
	color:#b81a35;
	border-bottom:1px dotted #b81a35;
	margin-bottom:0.8em;
	width: 100%;
	text-align: center;
}

.loginBox .rightBox .text01 span {
	font-size:20px;
}

.loginBox .rightBox h5 {
	font-weight:bold;
	text-align:center;
	line-height:18px;
	border:#d2d2d2 1px solid;
	background-color:#eee;
	padding: 10px;
}

.loginBox .rightBox .textBox {
	padding:10px;
	line-height:18px;
	margin-bottom:1.5em;
	border:#d2d2d2 1px solid;
	border-top:none;
	background-color:#fff;
}

.loginBox .btnLogin,
.loginBox .btnEntry,
.loginBox .btnCart,
.loginBox .btnSubmit {
	width:260px;
	margin:0 auto;
}

.loginBox .btnLogin a,
.loginBox .btnEntry a,
.loginBox .btnCart a {
	text-decoration:none;
}


#login .inner {
	padding:10px;
	background-color:#947054;
}

/*===============================================
●画面の横幅が769px以下(スマホ)
===============================================*/
@media only screen and (max-width: 769px) {
	
	.loginBox .leftBox {margin-bottom: 2.5em;}
}

/*===============================================
●画面の横幅が770px以上(PC)
===============================================*/
@media only screen and (min-width: 770px) {
	
	.loginBox {
		display: flex;
		flex-wrap: wrap;
	}
	.loginBox .leftBox,
	.loginBox .rightBox {width: 48%;}
	.loginBox .leftBox {margin-right: 4%;}
	
	/* btn */
	.loginBox .btnLogin,
	.loginBox .btnEntry {
		width: 100%;
		text-align: center;
	}
	.btnLogin button,
	.loginBox .btnEntry a {
		max-width: 260px;
		width: 100%;
	}
	
	/* mode=preorder用追加スタイル */
	.loginBox .title02 {width: 100%;}
	.loginBox .margin30 {display: flex;}
	.boxWrapper.preorderStyle {
		width: 100%;
		margin-bottom: 4em;
	}
}