@charset "utf-8";

/*
汎用スタイル
---------------------------*/
/*タイトル*/
.title01__common{
	border-bottom: 2px solid #003922;
	margin-bottom: 7px;
	padding-bottom: 7px;
}
.mb10__common{
	margin-bottom: 10px!important;
}
.mb20__common{
	margin-bottom: 20px!important;
}
.mb25__common{
	margin-bottom: 25px!important;
}
.pa3__common{
	padding: 3px;
}
.pa5__common{
	padding: 5px;
}
.pa10__common{
	padding: 10px;
}
.pa3-5__common{
	padding: 3px 5px;
}
.pt40__common{
	padding-top: 40px;
}
.pr10__common{
	padding-right: 10px;
}
.text-small__common{
	font-size: 0.8em;
}
.link-btn-center__common{
	width: 100%;
	display: inline-block;
	text-align: center;
}
.wrapper02 {
	padding-top: 5px !important;
}
/*
ヘッダー・ロゴ・現在位置
-----------------------------------------*/
.member-current__head-wrap{
	width: 100%;
	background: #393939;
	background-image: linear-gradient(90deg, #393939 23%, #3F3F3F 23%, #3F3F3F 27%, #393939 27%, #393939 48%, #3F3F3F 48%, #3F3F3F 52%, #393939 52%, #393939 73%, #3F3F3F 73%, #3F3F3F 77%, #393939 77%, #393939);
	background-size: 3px 3px;
}
.member-current__frame{
	max-width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px 0px 10px;
}
.member-current__box{
	padding: 30px 0px 20px;
}
.member-current__inner{
	width: 420px;
	margin: 0 auto;
	margin-top: -20px;
	/*padding-left: 30px;*/
	left: -8px;
	position: relative;
}
.member-current--step01{
	width: 100%;
	position: relative;
}
.member-current--step01:before{
	content: "●";
	color: #FF8000;
	position: absolute;
	left: -5px;
	top: -6px;
}
.member-current--step01:after{
	content: "●";
	color: #CCCCCC;
	position: absolute;
	right: -5px;
	top: -6px;
}
.member-current--step01 i{
	position: absolute;
	left: 0px;
	top: 0px;
}
.member-current--bg-gray{
	width: 100%;
	border: 1px solid #CCCCCC;
}
.member-current--bg-orange{
	width: 0%;
	border: 1px solid #FF8000;
}
.member-current--icon-step01{
	position: absolute;
	left: -2.3%;
	top: -12px;
}
.member-current__text{
	width: 455px;
	margin: 0 auto;
	display: table;
	color: #FFF;
	font-size: 0.8em;
	text-align: center;
	margin-top: 20px;
}
.member-current__text li{
	display: table-cell;
	width: 20%;
}
.member-current__text-current{
	color: #FF8000;
}
.member-current__text li:first-child,
.member-current__text li:first-child + *{
	text-align: left;
}
.member-current__text li:first-child + * + * + *,
.member-current__text li:last-child{
	text-align: right;
}


/*
会員登録
-----------------------------------------*/
.input-info__top-subtext{
	font-size: 0.8em;
}
.input-info__form-frame{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	border: 1px solid #DDDDDD;
}

.input-info__box{
	width: 100%;
	font-size: 0.8em;
	line-height: 1.5;
	box-sizing: border-box;
	padding-left: 10%;
	border-bottom: 1px dotted #CCC;
}
.input-info__box:last-child{
	border-bottom: none;
}
.input-info__input-inner{
	/*width: 100%;
	display: table;*/
	padding: 15px 0px;
}
.input-info__input-inner + .input-info__input-inner{
	padding-top: 0px;
}
.input-info__input-inner li img{
	vertical-align: middle;
}
.input-info__input-inner li input{
	width: 100%;
	box-sizing: border-box;
	padding: 3px;
}
.input-info__input-inner li input[type="button"]{
	cursor: pointer;
	background-color: #F7F7F7;
	border-radius: 15px;
}
.input-info__input-inner li{
	display: table;
	/*vertical-align: middle;
	text-align: left;*/
	float: left;
	height: 25px;
}
.input-info__input-inner li span{
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
li.input-info--text-center span{
	text-align: center;
}
.input-info__input-inner li{
	width: 15%;
}
.input-info__input-inner li + *{
	width: 3%;
	padding-right: 5px;
}
.input-info__input-inner li:first-child{
	padding-right: 7px;
}
.input-info__input-inner li:first-child span{
	text-align: right;
}
.input-info__input-inner li + * + *{
	width: 18%;
	padding-right: 7px;
}
.input-info__input-inner li + * + * + *{
	width: 18%;
	padding-right: 7px;
}
li.input-info--w-initial{
	width: auto;
}
li.input-info--w3{
	width: 3%;
}
li.input-info--w5{
	width: 5%;
}
li.input-info--w15{
	width: 15%;
}
li.input-info--w18{
	width: 18%;
}
li.input-info--w24{
	width: 24%;
}
li.input-info--w30{
	width: 30%;
}
li.input-info--w36{
	width: 36.5%;
}
li.input-info--w40{
	width: 40%;
}
li.input-info--w50{
	width: 50%;
}
.input-info--height50px{
	height: 50px;
}
.input-info--height100,
li.input-info--height100{
	height: 100%;
}
.input-info--text-small{
	font-size: 0.9em;
}
.input-info--text-large{
	font-size: 1.4em;
}
li.input-info--checkbox-big input{
	width: 20px;
	height: 20px;
}
.input-info--pb5{
	padding-bottom: 5px;
}
.input-info--img-ma5{
	margin: 5px 0px;
}
.input-info--bg-gray{
	background: #E4EAE3;
}
.input-info--text-blue{
	color: #3F5DAB;
}
li span.input-info--text-big{
	font-size: 1.8em;
	line-height: 1;
	display: inline;
}

input.input-info__required,
select.input-info__required,
textarea.input-info__required{
	background-color: #FEE4E5;
}
input, select, textarea{
	border: 1px #cccccc solid;
	background-color: #fff;
}

input:focus, select:focus, textarea:focus{
	border: 1px #9ac7f1 solid;
}

.auth-mail__table > .error-message {
  text-align: left;
}

/*
最下部・サブミット
-----------------------------------------*/
.form-bottom__submit-frame{
	text-align: center;
}
.form-bottom__submit-frame a{
	padding: 13px 0 0;
	display: inline-block;
	width: 117px;
	height: 44px;
	color: #444;
	font-size: 1.1em;
	line-height: 1.2;
	text-decoration: none;
	background: url(/img/99/member/btn_clear_bg.png) no-repeat left top;
	background-size: auto 44px;
	box-sizing: border-box;
}
.form-bottom__submit-frame .link01{
	padding: 13px 10px 0 0;
	width: 206px;
	color: #000;
	background: url(/img/99/member/btn_mem-confirm_bg.png) no-repeat left top;
}
.form-bottom__submit-frame .link02{
	padding-left: 10px;
	width: 166px;
	background: url(/img/99/member/btn_correction_bg.png) no-repeat left top;
	background-size: auto 44px;
}

.form-bottom__submit-frame a:hover{
	filter: alpha(opacity=65);
	opacity: 0.65;
}

.bottom__btn-frame{
	text-align: center;
}

.bottom__btn-frame .link{
	padding-top: 12px;
	width: 157px;
	height: 44px;
	color: #000;
	font-size: 1.2em;
	background: url(/img/99/member/btn_mem-rect-submit_bg.png) no-repeat left top;
	box-sizing: border-box;
}

.bottom__btn-frame a{
	padding-top: 18px;
	width: 260px;
	height: 34px;
	display: inline-block;
	color: #000;
	font-size: 1.1em;
	text-decoration: none;
	background: url(/img/99/member/btn_mem-backtop_bg.png) no-repeat left top;
}
.bottom__btn-frame a:hover{
	filter: alpha(opacity=65);
	opacity: 0.65;
}

.bottom__btn-frame .link01{
	background: url(/img/99/member/btn_mem-backtop_bg.png) no-repeat left top;
}

.bottom__btn-frame01 a{
	padding-top: 14px;
	width: 230px;
	height: 38px;
	background: url(/img/99/member/btn_mem-login_bg.png) no-repeat left top;
}

.bottom__btn-frame input:hover{
	opacity: 0.8;
}
.bottom__btn-frame img{
	vertical-align: middle;
}

/*
確認
-----------------------------------------*/
.member-current--step02 .member-current--bg-orange{
	width: 22%;
	border: 1px solid #FF8000;
}
.member-current--icon-step02{
	position: absolute;
	left: 19%;
	top: -12px;
}


/*
認証メール送信
-----------------------------------------*/
.member-current--step03 .member-current--bg-orange{
	width: 52%;
	border: 1px solid #FF8000;
}
.member-current--icon-step03{
	position: absolute;
	left: 49%;
	top: -12px;
}

.auth-mail__frame{
	padding: 20px;
	border: 1px solid #DDDDDD;
	line-height: 1.5;
}

.auth-mail__frame .text01{
	margin-bottom: 15px;
	color: #FF7F00;
	font-size: 2em;
	line-height: 1.2;
	font-weight: bold;
	text-align: center;
}

.auth-mail__frame .text03{
	margin-bottom: 15px;
	color: #FF7F00;
	font-size: 2.1em;
	line-height: 1.1;
	font-weight: bold;
	text-align: center;
}


.auth-mail--text-orange{
	color: #FFA500;
}
.auth-mail--text-center{
	text-align: center;
}
.auth-mail--text-large{
	font-size: 1.4em;
}
.auth-mail__mail-box{
	border: 1px solid #AAAAAA;
}
.auth-mail--border{
	border: 1px solid #DDDDDD;
}
.auth-mail--border-bottom{
	border-bottom: 1px solid #CCCCCC;
}
.auth-mail--bg-white-gray{
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 1%, #f5f5f5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 1%,#f5f5f5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 1%,#f5f5f5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 ); /* IE6-9 */
}
.auth-mail__title{
	font-size: 1.0em;
}
.auth-mail__content{
	font-size: 0.7em;
}
.auth-mail--text-blue{
	color: #0100B3;
}
.auth-mail__box,
.auth-mail__caution{
	width: 67%;
	box-sizing: border-box;
	margin: 0 auto;
}
.auth-mail__box{
	margin: 0 auto 20px;
}
.auth-mail__hukidashi{
	background: #F6F6F6;
	margin-top: 105px;
	box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
	position: relative;
}
.auth-mail__hukidashi:before{
	content: "";
	position: absolute;
	top: 50%;
	left: -23px;
	margin-top: -10.6px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 11px 22px 11px 0;
	border-color: transparent #E6E6E6 transparent transparent;
	z-index: 0;
}
.auth-mail__hukidashi:after{
	content: "";
	position: absolute;
	top: 50%;
	left: -20px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 20px 10px 0;
	border-color: transparent #F6F6F6 transparent transparent;
	z-index: 1;
}
.auth-mail__caution{
	background: #F5F7F4;
	text-align: center;
	font-size: 0.8em;
}


/*
認証
-----------------------------------------*/
.member-current--step04 .member-current--bg-orange{
	width: 82%;
	border: 1px solid #FF8000;
}
.member-current--icon-step04{
	position: absolute;
	left: 78%;
	top: -12px;
}

.auth-mail__submit-frame{
	width: 67%;
	box-sizing: border-box;
	margin: 0 auto;
}
.auth-mail__submit-frame{
	margin: 0 auto 20px;
	text-align: center;
	line-height: 1.5;
	font-size: 0.8em;
}
.auth-mail__text-mail{
	font-size: 2.3em;
}
.auth-mail__table{
	width: 100%;
	display: table;
}
.auth-mail__table-cell{
	display: table-cell;
	padding: 5px;
}
.auth-mail__cell-center{
	vertical-align: middle;
	text-align: center;
}
.auth-mail__pass-frame{
	width: 80%;
	margin: 0 auto 20px;
}
.auth-mail__pass-frame p:first-child{
	text-align: right;
}
.auth-mail__pass-frame input{
	display: block;
	width: 80%;
	height: 30px;
	font-size: 1.2em;
	text-align: left;
	box-sizing: border-box;
	padding: 5px;
}


/*
登録完了
-----------------------------------------*/
.member-current--step05 .member-current--bg-orange{
	width: 100%;
	border: 1px solid #FF8000;
}
.member-current--icon-step05{
	position: absolute;
	left: 96%;
	top: -12px;
}

.auth-mail--img-center{
	display: block;
	margin: 0 auto;
}
.auth-mail__text-thanks{
	margin: 0 auto 20px;
}
.auth-mail--text-left{
	text-align: left;
}

/*
会員登録 規約
-----------------------------------------*/
.auth-mail__frame textarea{
	text-align: left;
	margin-bottom: 30px;
	width: 70%;
	height: 30em;
	line-height: 1.5em;
	padding: 5px;
}

.member_btn{
	text-align: center;
}

.member_btn input{
	background: rgba(0, 0, 0, 0) url("/img/member/btn_bg.png") no-repeat scroll 0 0;
	border: 1px solid #999999;
	cursor: pointer;
	font-size: 16px;
	height: 39px;
	width: 260px;
}
.member_btn input:hover{
	filter: alpha(opacity=65);
	opacity: 0.65;
}



.input-info__input-inner .input-info--height100 .input-info__cell01{
	margin-top: 19px;
}

.input-info__input-inner li .input-info__cell01{
	margin-top: 5px;
	padding-top: 1px;
	display: inline-block;
	width: 29px;
	min-height: 15px;
	color: #FFF;
	font-size: 0.9em;
	line-height: 1.3;
	text-align: center;
	background-color: #990000;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.input-info__input-inner li .input-info__cell01{
	line-height: 15px;
}

}

.product__error-text{
	background: #FFCFBF;
	font-size: 0.8em;
	color: #B20000;
	line-height: 1.5;
	padding: 10px;
}

.btmLinkBox{
	width: 100%;
	text-align: center;
    line-height: 1.5;
}

.btmLinkBox a{
    background: rgba(0, 0, 0, 0) url("/img/99/mypage/btn_bg.png") no-repeat scroll 0 0;
    font-size: 16px;
    cursor: pointer!important;
    text-decoration:none;
    display: inline-block;
    text-align:center;
    color: #000;
    padding:13px 0 0;
    height: 39px;
    width: 230px;
}

.btmLinkBox a:hover{
	filter: alpha(opacity=70);
	opacity: 0.7;
}
.topPhoto{
	margin-top: -44px;
	text-align: center;
}
.sp{
	display: none !important;
}

.address_input {
	font-size: 1.5em;
	font-weight: bold;
}

.address_input::placeholder {
    color: #ccc;
    font-weight: normal;
}

.default_input::placeholder {
    color: #ccc;
    font-weight: normal;
}

@media screen and (max-width: 767px) {
	/*-----pcのheadを非表示------*/
	.member,
	.member-pass,
	.member-pass-end{
		width: 100%;
		box-sizing: border-box;
		padding: 0 5px;
	}
	.member-current__frame a{
		margin-left: 10px;
	}
	.auth-mail__submit-frame{
		width: 100%;
	}
	.auth-mail__frame textarea{
		text-align: left;
		margin-bottom: 30px;
		width: 100%;
		height: 10em;
		line-height: 1.5em;
		padding: 5px;
	}

	.member-current__text,
	.member-current__inner{
		width: 300px;
	}

	.member-current__inner{
		margin-top: 10px;
	}

	.input-info__input-inner li{
		padding-right: 0;
		display: block;
		width: auto;
		height: auto;
	}

	.input-info__input-inner li:first-child{
		padding-right: 7px;
	}

	.input-info__input-inner .input-info__cell01{
		margin-top: 0 !important;
	}

	.input-info__input-inner li + * + *{
		padding-top: 5px;
		width: 100%;
	}

	.input-info__box{
		padding: 0 5px;
	}

	.input-info__input-inner li span{
		display: block;
		float: none;
	}

	.input-info__box01 .input-info__input-inner li:first-child,
	.input-info01 .input-info__input-inner li:first-child{
		width: 100%;
	}

	.input-info__box01 .input-info__input-inner li:first-child span,
	.input-info01 .input-info__input-inner li:first-child span{
		text-align: left;
	}

	.input-info__box01 .input-info__input-inner li + * + *,
	.input-info01 .input-info__input-inner li + * + *{
		padding: 0 4px;
		width: auto;
	}

	.input-info__box01 .input-info__input-inner li input{
		margin: 0;
	}

	.form-bottom__submit-frame a{
		padding: 8px 0 0;
		width: 80px;
		height: 30px;
		font-size: 0.7em;
		background-size: auto 30px;
	}

	.form-bottom__submit-frame .link01{
		padding: 8px 10px 0 0;
		width: 140px;
		background-size: auto 30px;
	}

	.form-bottom__submit-frame .link02{
		width: 113px;
		background-size: auto 30px;
	}

	.form-bottom__submit-frame a:hover{
		filter: alpha(opacity=100);
		opacity: 1;
	}

	.auth-mail__pass-frame{
		width: auto;
	}

	.auth-mail__pass-frame01 p{
		display: block;
		width: 100% !important;
	}

	.auth-mail__pass-frame p:first-child{
		width: 36%;
		text-align: left;
	}

	.auth-mail__pass-frame input{
		width: 100%;
	}

	.auth-mail__box, .auth-mail__caution{
		width: auto;
	}

	.btmLinkBox a{
		margin-top: 5px;
	}
	.topPhoto{
		margin-top: 0;
	}
	.pc{
		display: none !important;
	}

	.sp{
		display: block !important;
	}

	.member_btn input:hover,
	.bottom__btn-frame a:hover,
	.btmLinkBox a:hover{
		filter: alpha(opacity=100);
		opacity: 1;
	}

}