@charset "utf-8";

/*------------------------------------
マイページトップ
--------------------------------------*/
#innerWrap {
	/* width: 80%; */
	/* margin: auto; */
}

.globalNav li.myMenu a {
	color: #BC0000;
}

#myPage .userName {
	margin: 0 0 11px 0;
	font-weight: bold;
	font-size: 1.1em;
}

#myPage em {
	font-size: 1.1em;
	display: inline-block;
	padding: 0 3px;
	font-weight: bold;
	color: #e98b4d;
}

#myPage table th {
	width: 200px;
	height: 62px;
	white-space: nowrap;
	font-weight: bold;
	padding: 0 0;
}

#myPage a {
	text-decoration: underline;
}

/*
#myPage table tr:first-child th {
padding: 0 0 0 10px;
}
*/

#myPage table th a {
	font-weight: bold;
	line-height: 62px;
	padding: 0 0 0 10px;
	text-decoration: none;
}

#myPage table th,
#myPage table td {
	vertical-align: middle;
}

#myPage table th a {
	display: block;
	color: #333;
	background: url(/shared/images/icon_arrow_next.png) no-repeat 100% 50%;
}

#myPage table th a:hover {
	color: #333;
	background-color: #ddd;
}


#myPage p.addList {
	margin: 5px 0 2px;
	padding: 0 0 8px 0;
	border-bottom: solid 1px #CCC;
}

#myPage p.addList span {
	display: inline-block;
	padding: 0 5px 0 0;
	font-size: 1.1em;
}

#myPage .addressList {
	overflow: hidden;
}

#myPage .addressList li {
	margin: 0 0 -1px 0;
	padding: 0 0 0 16px;
	border-bottom: dotted 1px #CCC;
	background: url(/shared/images/icon_arrow_red.png) no-repeat 2px 50%;
	line-height: 42px;
}

#myPage .addressList li span {
	display: inline-block;
	padding: 0 0 0 5px;
}

@media only screen and (max-width:640px) {

	#myPage table {
		font-size: 0.9em;
	}

	#myPage table th {
		width: 1%;
		height: auto;
		padding: 10px 6px;
	}

	#myPage table tr:first-child th {
		padding: 10px 6px;
	}

	#myPage table th a {
		background: none;
		padding: 0 0;
		text-decoration: underline;
	}

	#myPage table th a:hover {
		background: none;
	}
}



/*------------------------------------
新規登録完了ページ
--------------------------------------*/
.goBtn-wrap {
	align-items: center;
	display: flex;
	justify-content: center;
}

@media screen and (max-width:768px) {

	.go {
		text-align: center;
	}
}

.goCartMsg {
	margin: 0 0 6px 0;
	text-align: center;
	width: 100%;
}

.goShopping-wrap {
	margin-right: 8px;
}

.goCart-wrap {
	margin-left: 8px;
}

.goCart-btn {
	display: inline-block;
	border: 1px solid #bd773c;
	padding: 4px 10px;
	transition: .3s;
	font-size: 13px;
	background-color: #bd773c;
	color: #fff;
	min-width: 145px;
	text-align: center;
	transition: .3s;
}

.goCart-btn:hover {
	opacity: .7;
}

.goShopping-btn {
	color: #333;
	display: inline-block;
	background: #f5f1f1;
	border: 1px solid #ccc;
	padding: 4px 10px;
	transition: .3s;
	font-size: 13px;
}

.goShopping-btn:hover {
	opacity: .7;
}

.goCart-btn .fa-angle-right {
	font-size: 18px;
	margin-left: 8px;
	position: relative;
	top: 1px;
}

.goShopping-btn .fa-angle-left {
	font-size: 18px;
	margin-right: 8px;
	position: relative;
	top: 1px;
}

.goCart:hover {
	opacity: .7;
}

/*------------------------------------
メールアドレス変更
--------------------------------------*/
#mailEdit .formBtn,
#unreg .formBtn {
	padding: 10px 3px 25px;
}

/*------------------------------------
パスワード変更
--------------------------------------*/
#passEdit span.ex,
#reminder span.ex,
#edit span.ex,
#preEntry span.ex {
	display: inline-block;
}

/*------------------------------------
退会
--------------------------------------*/
#unreg .attention {
	font-size: 1.2em;
	color: #F30;
	font-weight: bold;
	text-align: center;
	margin: 14px 0 20px auto;
}

#edit .inputForm dd span,
#entry .inputForm dd span {
	display: inline-block;
	margin: 0 6px 0 0;
}

.modoruLink {
	border-top: solid 1px #CCC;
	margin: 18px 0 0 0;
	padding: 10px 0 0 0;
	color: #000;
}

.modoruLink a,
.modoruLinkLeft a {
	margin: 0 5px 0 0;
	text-decoration: underline;
}


form table,
table.display {
	border-top: none;
	border-bottom: none;
}

form table td,
table.display td {
	border: none;
}