/* 2020/04 ログイン改善 新規ページ
--------------------------------------------*/
/*PC*/
#newloginluteWrapper .loginArea .loginKeepCheck {
    margin: 0 0 10px 4px;
    padding: 10px;
    /* background: #D7EEFF; */
    border: #fff 2px solid;
    border-radius: 3px;
    float: none;
    position: absolute;
    /* right: 48px; */
    /* top: 27px; */
    width: 408px;
    height: 209px;
}
/*
#newloginluteWrapper {
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ W3", sans-serif;
}
*/
/*
label {
    cursor: pointer;
    /position: absolute;
    right: px;
    top: 41.3%;
    left: 33%;
}
*/

.goods-cart-guide-titel {
    padding: 10px 0 0 0;
    color: #2466a0;
    font-weight: bold;
    font-size: 18.5px;
}

#newloginluteWrapper .login_chi a {
    cursor: pointer;
    color: #0029a5;
    line-height: 2;
    font-size: 13px;
}
/*
.loginArea .inputArea {
    background: #D7EEFF;
}
*/
#newloginluteWrapper .loginArea .inputArea {
    margin: 0 14px 0px 0;
    border: #fff 2px solid;
    border-radius: 3px;
    /* background: #D7EEFF; */
    width: 440px;
    float: left;
    /* margin: 0 0 10px 4px; */
    padding: 10px;
}

#newloginluteWrapper .loginArea {
    float: none;
    width: auto;
    background: #ffffff;
    border: 0;
    border-radius: 10px;
    /* margin: 0 0 20px 0; */
    padding: 0px 26px;
    position: relative;
}
/*
.back_button {
	position: absolute;
    right: 13px;
    top: 363px;
    width: 95%;
}
*/
#newloginluteWrapper .loginArea .inputArea .inputIDWrap input,
#newloginluteWrapper .loginArea .inputArea .inputPasswordWrap input[type="password"] {
	padding: 0 0 0 5px;
    width: 382px;
    height: 36px;
    border: #cccccc solid 1px;
    line-height: 28px;
    border-radius: 6px;
}

.goods-efo-background-chk {
	padding: 0 0 0 5px;
    background-color: #FCD5B5;
    border: #cccccc solid 1px;
    border-radius: 6px;
    height: 36px;
}

#passwd_show {
	top: 20px;
}

/* PC */
/*-------------------------------------------------*/
/* TOPログイン                                     */
/*-------------------------------------------------*/


/*-------------------------------------------------*/
/* 購入からログイン                                */
/*-------------------------------------------------*/
/* グッズ割引特典を利用する */
.vvFanClubCheckBox {
    margin: 10px auto;
    padding: 7px 10px 7px 15px;
    background: #ffd;
    border: #ff691f 2px solid;
    border-radius: 3px;
    display: block;
    line-height: 160%;
    position: relative;
    width: 385px;
    /* right: 4%; */
    /* top: 17px; */
    font-size: 13px;
}
p.vvFanClubCheckBox input, 
p.vvFanClubCheckBox input {
	margin: 0 5px 0 0;
}
.goods-moji{
	margin: 0 5px 0 0;
}
#save_discount {
	right: 4%;
}
/* 戻る */


/*-------------------------------------------------*/
/* 会員情報変更                                    */
/*-------------------------------------------------*/
.moduleWrapper onlylogin {
    margin: 0 14px 0px 0;
    border: #fff 2px solid;
    border-radius: 3px;
    background: #D7EEFF;
    width: 440px;
    float: left;
    /* margin: 0 0 10px 4px; */
    padding: 10px;
}
#loginArea2  {
    padding: 20px 220px;
    border-radius: 10px;
}
#loginArea2 .inputArea2 .inputIDWrap input,
#loginArea2 .inputArea2 .inputPasswordWrap input[type="password"],
#loginArea2 .inputArea2 .inputPasswordWrap input[type="text"] {
	padding: 0 0 0 5px;
    width: 382px;
    height: 36px;
    border: #cccccc solid 1px;
    line-height: 28px;
    border-radius: 6px;
}
.inputPasswordWrap {
    position: relative;
}
p.passShow {
    position: absolute;
    top: 10px;
    left: 240px;
}
/*
#loginArea2 span#password-show-switch label span {
    position: static;
    left: unset;
    top: unset;
}
*/
#loginArea2 #button_area1 span.register_caution {
    text-align: left;
    margin: 2% 0 0 3%;
    line-height: 22px;
    color: #4D3605;
    width: 94.4%;
    font-size: 13px;
    display: block;
}
#loginArea2 #button_area1 a {
	cursor: pointer;
    color: #0029a5;
    line-height: 2;
    font-size: 13px;
}
#loginArea2 .blueB {
    background-color: #fff!important;
}
#password-show-switch label {
    position: unset;
    top: auto;
    left: auto;
}
.mainContentsWrapper .moduleWrapper .inputArea2 .inputIDWrap,
.mainContentsWrapper .moduleWrapper .inputArea2 .inputPasswordWrap {
	padding: 10px 15px 15px;
}
.login_chi {
    height: auto;
    text-align: center;
    padding: 11% 6% 6% 6%;
}

#loginArea2 .login_chi span.register_caution {
	text-align: left;
    margin: 0 0 2px -6%;
    line-height: 145%;
    color: #4D3605;
    width: 94.4%;
    font-size: 114%;
    line-height: 140%;
    display: block;
}

#checked_area {
	margin-top: 18px;
}

/*/PC_会員情報変更ログイン*/

#registerWrapper{
}
#registerWrapper article.loginBox{
    width:100%;
    height:auto;
    overflow:hidden;

}
#registerWrapper article.loginBox ul li.title{
    width:100%;
    height:auto;
    overflow:hidden;
    text-align:left;
    color:#ffffff;
    box-shadow:none;
    margin:3vw 0;

}
#registerWrapper article.loginBox ul li.title p{
    width:100%;
    float:none;
    padding:7% 1% 4% 0;
    font-size:5.5vw;
    text-align:center;
    font-weight:bold;
    background-color:transparent!important;

}
#registerWrapper article.loginBox ul li.title .newCustomer01{
    padding:10px;
    text-align:center;
    background-color:transparent!important;

}

#registerWrapper article#register1.loginBox ul li.title{
    background:#00bfff;

}
#registerWrapper article#register2.loginBox ul li.title{
    background:#ff9415;

}
/* 2020/04 ログイン改善 ヘッダーからログイン
--------------------------------------------*/
#newloginluteWrapper p, span {
    line-height: 140%;
}

#newloginluteWrapper .mar2p {
    margin: 2%;
}
#newloginluteWrapper input[type='text']
, #newloginluteWrapper input[type='email']
, #newloginluteWrapper input[type='tel']
, #newloginluteWrapper input[type='password']
, #newloginluteWrapper input[type='number'] {
    /*height: 8vw !important;*/
    padding: 1% 3%;
    ime-mode: active;
    border: 1px #999 solid;
}
#newloginluteWrapper .login_chi {
    height: auto;
    text-align: center;
    background-color: transparent;
    padding: 0;
}

#newloginluteWrapper .login_chi span.register_caution {
    text-align: left;
    margin: 2% 0 0 3%;
    line-height: 145%;
    color: #4D3605;
    width: 94.4%;
    font-size: 88%;
    line-height: 140%;
    display: block;
}
#newloginluteWrapper .blueB {
    color: #434343 !important;
    background-color: transparent!important;
    border: none !important;
    margin-bottom: 0;
    padding: 0;
    border-radius: 10px;
    box-shadow: none;
    margin-top: 18px;
    position: relative;
}
#newloginluteWrapper hr.HRspace {
    margin: 2% 0 3% 0;
}
#newloginluteWrapper .BG-ashOrange {
    background-color: transparent!important;
}
#newloginluteWrapper .orangeB {
    width: auto;
    margin-bottom: 0;
    padding: 0;
    border-radius: 0;
    box-shadow: none;
    color: #434343 !important;
    background-color: transparent!important;
    border: none !important;
}
#newloginluteWrapper article.loginBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 15%;
}
#newloginluteWrapper article.loginBox ul li.title2 {
    width: 90%;
    height: auto;
    overflow: hidden;
    text-align: left;
    color: #FFF;
    box-shadow: none;
    margin: 0 auto 3% auto;
    border: 3px #5491d5 solid;
    border-radius: 2vw;
    padding: 2vw;
    background: #cde7ff;
}
#newloginluteWrapper article.loginBox ul li.title2 p.main {
    width: 100%;
    float: left;
    padding: 3% 1% 4% 0%;
    background-color: transparent;
    font-size: 5.5vw;
    text-align: center;
    font-weight: bold;
    color: #000000;
}
#newloginluteWrapper article.loginBox ul li.title2 #input_area{
    display: block;
    width: 98%;
    border: 1vw solid #3ab3f2;
}
#newloginluteWrapper article.loginBox ul li.title2 ul li.title3 {
    width: auto;
    height: auto;
    overflow: hidden;
    text-align: left;
    background-color: #39b3f2;
    color: #FFF;
    padding: 0 1%;
    margin: 0;
}
#newloginluteWrapper article.loginBox ul li.title2 ul li.bgWhite {
    background-color: #ffffff;
    padding: 3vw;
}
#newloginluteWrapper article.loginBox ul li.title2 span.square {
    float: left;
    font-size: 5vw;
    padding: 3% 1% 0px 2%;
}
#newloginluteWrapper article.loginBox ul li.title2 ul li.title3 p {
    width: 90%;
    float: left;
    padding: 3.5% 1% 3% 0%;
    font-size: 4vw;
    font-weight: bold;
}
#newloginluteWrapper article.loginBox li#password_area {
    position: relative;
}
#newloginluteWrapper article.loginBox #keep_login_area #checked_area{
    background-color: #ffffff;
    padding: 3vw;
    font-size: 3vw;
}
#newloginluteWrapper article.loginBox span#password-show-switch {
    position: absolute;
    right: 4vw;
    bottom: 3.5vw;
}
#newloginluteWrapper article.loginBox span#password-show-switch label {
    padding: 5px 5px 5px 0;
}
#newloginluteWrapper article.loginBox span#password-show-switch input {
    display: none;
}
#newloginluteWrapper article.loginBox span#password-show-switch label span {
    display: inline-block;
    padding: 1px 4px;
    background: #DEE0EC;
    border-radius: 6px;
    text-align: center;
    color: #36455F;
    font-size: 4vw;
}
article.loginBox span#password-show-switch label span {
	display:inline-block;
	padding:1px 4px;
	background:#DEE0EC;
	border-radius: 6px;
	text-align:center;
	color:#36455F;
	font-size:12px;
}
#newloginluteWrapper article.loginBox ul li.title2 ul #text_area {
    background: #ffffff;
    padding: 1vw 0 0 0;
}
#newloginluteWrapper article.loginBox ul li#cautionBox {
    border: 1px #ff8a01 solid;
    margin: 2% 2% 5% 2%;
    padding: 2%;
    color: #333;
    font-size: 3vw;
    line-height: 140%;
    background-color: #FFC;
}
#newloginluteWrapper article.loginBox ul li#cautionBox2 {
    padding: 2%;
    font-size: 2.5vw;
}
#newloginluteWrapper article.loginBox ul li#cautionBox2 p {
    color: #333;
    font-size: 100%;
    line-height: 140%;
}
#newloginluteWrapper article.loginBox ul li#cautionBox2 p span {
    font-size: 110%;
    font-weight: bold;
}
#newloginluteWrapper article.loginBox ul li.title {
    width: 90%;
    height: auto;
    overflow: hidden;
    text-align: left;
    color: #FFF;
    box-shadow: none;
    margin: 0 auto 3% auto;
    border: 3px #ff9415 solid;
    border-radius: 2vw;
    padding: 2vw;
    background: #ff9415;
}
#newloginluteWrapper article.loginBox ul li.title p {
    width: 100%;
    float: none;
    padding: 3% 1% 4% 0%;
    font-size: 5.5vw;
    text-align: center;
    font-weight: bold;
}
#newloginluteWrapper article.loginBox ul li.title .newCustomer01 {
    padding: 5vw 0;
    text-align: center;
    background-color: transparent!important;
}
#newloginluteWrapper article.loginBox ul li.title .newCustomer01 button {
    font-size: 5vw;
    box-shadow: none!important;
}

.goods-margin-mail{
    margin: 0 0 2% 2%;
    font-size: 3vw;
    padding: 1% 3%;
}

/* 2020/04 ログイン改善 購入導線中ログイン
--------------------------------------------*/
#orderloginWrapper .w100{
    width:100%;
}
#orderloginWrapper article.loginBox{
    width:100%;
    height:auto;
    overflow:hidden;
    paddding-bottom:4%;
    padding-bottom: 15%;
}
#orderloginWrapper article.loginBox ul li.title{
    width:92%;
    height:auto;
    overflow:hidden;
    text-align:left;
    color:#ffffff;
    box-shadow:none;
    margin:0 auto 3% auto;
    border-radius:2vw;
    margin:0 auto 3% auto;
    padding:0;
}
#orderloginWrapper article.loginBox ul li.title p{
    width:100%;
    float:left;
    padding:3% 1% 4% 0%;
    font-size:5vw!important;
    text-align:center;
    font-weight:bold;
    margin-bottom:5vw;
}
/*-----青　ある方　閉じ-------------------*/
#orderloginWrapper #login{
    position:relative;
    z-index:500;
}
#orderloginWrapper article#login.loginBox ul li.title{
    border:2px #39b2f1 solid;
    background:#f1fcff;
}
#orderloginWrapper .login_chi{
    height:auto;
    text-align:center;
    background-color:transparent;
    padding:0 2vw 2vw 2vw;
}
#orderloginWrapper .blueB{
    width:auto;
    font-size:120%;
    margin-bottom:4%;
    padding:0;
    border-radius:0;
    color:#434343!important;
    background-color:transparent!important;
    box-shadow:none;
    border:none!important;
}
#orderloginWrapper .BG-malinBlue{
    background-color:#1d7ee9!important;
}

/*-----青　ある方　開き-------------------*/
#orderloginWrapper #login2{
position:relative;
z-index:100;
    
}
#orderloginWrapper article.loginBox ul li.title2{
    width:94%;
    height:auto;
    overflow:hidden;
    text-align:left;
    color:#ffffff;
    box-shadow:none;
    margin:0 auto 2vw auto;
    border-radius:2vw;
    background:#f1fcff;
    padding:0;
    border:0.5vw #39b2f1 solid;
}
#orderloginWrapper article.loginBox ul li.title2 p.main{
    width:100%;
    float:left;
    padding:3% 1% 4% 0%;
    font-size:5vw!important;
    text-align:center;
    font-weight:bold;
    background-color:#1d7ee9!important;
}
#orderloginWrapper article.loginBox ul li.title2 #input_area{
    width:90vw;
    background:#ffffff;
    margin:2vw;
}
#orderloginWrapper article.loginBox ul li.title3{
    width:auto;
    height:auto;
    overflow:hidden;
    text-align:left;
    background-color:#39b3f2;
    color:#ffffff;
    padding:0 1%;
    margin:3% 0 3% 0;
}
#orderloginWrapper article.loginBox ul li.title2 span.square{
    float:left;
    font-size:5vw;
    padding:3% 1% 0 2%;
}

#orderloginWrapper article.loginBox ul li.title3 p{
    width:90%;
    float:left;
    padding:3.5% 1% 3% 0;
    font-size:4vw;
    font-weight:bold;
}

#orderloginWrapper article.loginBox ul li input[type='password']{
	width:100%;
    height:30px!important;
    padding:1% 3%;
    border-radius:6px;
    font-size:16px;
    border:1px #999999 solid;
    ime-mode:active;
}

#orderloginWrapper article.loginBox li#password_area{
    position:relative;
}
#orderloginWrapper article.loginBox li#password-show-switch{
    position:absolute;
    right:2%;
    bottom:0;
}
#orderloginWrapper article.loginBox li#password-show-switch label{
    padding:5px 5px 5px 0;
}
#orderloginWrapper article.loginBox li#password-show-switch input{
    display:noe;
}
#orderloginWrapper article.loginBox li#password-show-switch label span{
    display:inline-block;
    padding:3px 7px;
    background:#dee0ec;
    borer-radius:6px;
    text-align:center;
    color:#36455f;
    font-size:3vw;
}
#orderloginWrapper .logged_caution{
    color:#333333;
    font-size:3.5vw;
}
#orderloginWrapper .ui-mobile label, #orderloginWrapper .ui-controlgroup-label{
    display:block;
}
#orderloginWrapper .login_chi a{
    cursor:pointer;
    color:#1d7ee9;
}
#orderloginWrapper .login_chi span.register_caution{
    text-align:left;
    margin:2% 0 0 3%;
    color:#4d3605;
    width:94.4%;
    line-height:140%;
    display:block;
    font-size:3.5vw;
}
#orderloginWrapper .login_chi #link_area2{
    border-bottom:0.5vw solid #00add2;
    padding-bottom:3vw;
    margin-bottom:4vw;
}

/*----オレンジ　初めての方-----*/
#orderloginWrapper article.loginBox ul li.title .newCustomer01{
    padding:0 2vw;
    text-align:center;
    background-color:transparent!important;
}
#orderloginWrapper article.loginBox ul li.title .newCustomer01 button{
    font-size:16px;
}
#orderloginWrapper article.loginBox ul li.title .newCustomer01 button.orangeB{
    width:auto;
    font-size:120%;
    margin-bottom:0;
    padding:0 0 5vw 0;
    border-radius:0;
    color:#434343!important;
    background-color:transparent!important;
    box-shadow:none;
    border:none!important;
}
#orderloginWrapper .BG-ashOrange{
    background-color:#f56b21!important;
}
#orderloginWrapper article#register.loginBox ul li.title{
    border:2px #f58d55 solid;
    background:#fffacf;
}
.orangeB {
    width: 96%;
    font-size: 120%;
    margin-bottom: 4%;
    padding: 3% 1% 3% 1%;
    border-radius: 10px;
    color: #fff;
    background-color: #fff;
    box-shadow:none;
    border: 2px #fff solid;
}

/* 2020/05 ログイン改善 既存顧客(WEB非会員)の導線導入
--------------------------------------------*/
#registerWrapper article#register1.loginBox {
    padding-bottom: 3%;
}
#registerWrapper article#register1.loginBox ul li.title {
    border: 3px #00bfff solid;
}
#newloginluteWrapper article.loginBox ul li.title p {
    padding: 3% 1% 1% 0%;
    font-size: 3.75vw;
}

/* 2021/4/5 カード申込ログイン画面
--------------------------------------------*/
.JcardPromotion{
font-size: 100%;
text-align: center;
margin-bottom: 3%;
color:#5491d5;
font-weight: bold;
}

input[type="email"][name="userID"]{
    width: 98%;
    height: 30px;
    padding: 1% 3%;
    border-radius: 6px;
    font-size: 16px;
}


.goods-efo-background-chk{
    background-color: #FCD5B5;
    border: #cccccc solid 1px;
    border-radius: 6px;
}

.inputUserID {
    padding: 0.5%;
    margin: 0% 1.7%;
    font-size: 3vw;
}

.inputUserPASS {
    padding: 0.5%;
    margin: 0% 1.7%;
    font-size: 3vw;
    padding: 3vw 0 0 0;
}

.bgWhite{
    font-size: 3vw
}

#password_area {
    padding: 0.5%;
    /* margin: 3% 1.7%; */
}

.questionBox #passModeButton {
    width: 13em;
    border: solid 1px #999;
}

img.vport_Login_button {
    width: 95%;
	cursor: pointer;
    cursor: hand;
}

.newmember_orange {
    width: auto;
    font-size: 120%;
    margin-bottom: 4%;
    padding: 0;
    border-radius: 0;
    color: #434343!important;
    background-color: #FFF;
    box-shadow: none;
    border: none!important;
}

.text-link {
    font-size: 3.5vw;
}

.warningFrame {
    color: #696969;
    background-color: #FDE0F8;
    border: 1px solid !important;
}

.false_login01 {
    color: #F00;
    padding: 2% 2% 4% 11%;
    font-weight: bold;
    background-image: url(/shopping/i/sp/img/icon_caution.png);
    background-repeat: no-repeat;
    background-position: 6px 3px;
    background-size: 7%;
}

/* 戻るボタン */
#backbutton {
    text-align: center;
}
#backbutton button {
	background-color: transparent;
	width: 50%;
	margin: 20px;
	cursor: pointer;
    cursor: hand;
}
/* TOPログイン用・購入動線用 */
.goods-back-login {
	/* margin-top: 26%; */
}

.btn_submit_blue_2 {
		width:auto;
		display: block;
		width: 100%;
		height: 12vw;
		margin: 15px auto;
		background: #036;
		border: 1px solid #000;
		border-radius: 8px;
		box-shadow: 1px 3px 5px rgb(0 0 0 / 30%);
		color: #fff;
		font-size: 5vw;
		text-align: center;
		line-height: 40px;
}

@media screen and (min-width:1001px) {
    .goods-ligin-btn-img{
        padding: 20vw 20vw;
        text-align: center;
        background:url(/shopping/i/sp/goods/img/main_btn.png)no-repeat center/contain;
    }
    .btn_submit_blue_2 {
    	height: 8vw;
    }
}

@media screen and (max-width: 1000px) {
    .goods-ligin-btn-img{
        padding: 30vw 29vw;
        text-align: center;
        background:url(/shopping/i/sp/goods/img/main_btn.png)no-repeat center/contain;
    }
}

#newloginluteWrapper input[type='email'] {
    border: 1px #999 solid;
}

#newloginluteWrapper article.loginBox span#password-show-switch {
    position: absolute;
    right: 4vw;
    bottom: 0.5vw;
}

#newloginluteWrapper article.loginBox span#password-show-switch label span {
    font-size: 3vw;
    width: 11em;
    position: absolute;
    right: 1em;
    top: -180%;
    border: solid 1px #999;
    max-height: 60px;
}

#newloginluteWrapper .login_chi a .goods-ligin-btn-img{
    color: #fff;
}

#orderloginWrapper input[type='email'] {
    height: 6vw !important;
    padding: 1% 3%;
    ime-mode: active;
    border: 1px #999 solid;
}

#orderloginWrapper input[type='password'] {
    height: 6vw !important;
    padding: 1% 3%;
    ime-mode: active;
    border: 1px #999 solid;
}

#orderloginWrapper input[type='text'] {
    height: 6vw !important;
    padding: 1% 3%;
    ime-mode: active;
    border: 1px #999 solid;
}

#orderloginWrapper article.loginBox span#password-show-switch {
    position: absolute;
    right: 4vw;
    bottom: 0.5vw;
}

#orderloginWrapper .login_chi a .goods-ligin-btn-img{
    color: #fff;
}

#orderloginWrapper article.loginBox ul li input[type='text']
, #orderloginWrapper article.loginBox ul li input[type='email']
, #orderloginWrapper article.loginBox ul li input[type='password']
, #orderloginWrapper article.loginBox ul li input[type='number'] {
    width: 100%;
    height: 10vw !important;
    padding: 1% 3%;
    border-radius: 6px;
    font-size: 5vw;
    border: 1px #999999 solid;
    ime-mode: active;
    vertical-align: middle;
}

#orderloginWrapper article.loginBox #keep_login_area #checked_area{
    background-color: #ffffff;
    padding: 3vw;
    font-size: 3vw;
}

#orderloginWrapper .logged_caution{
    color: #333333;
    font-size: 3vw;
}

#orderloginWrapper .login_chi{
    padding: 0;
}

#orderloginWrapper .login_chi_padding2{
	padding: 0 2vw 2vw 2vw;
}

#orderloginWrapper .login_chi #link_area2{
    border-bottom: none;
    padding-bottom: 0vw;
}

#orderloginWrapper .blueB{
    margin-top: 3vw;
    margin-bottom: 0vw;
}

#orderloginWrapper .login_chi a{
    font-size: 2.65vw;
    cursor: pointer;
    color: #0029a5;
    line-height: 2;
}

#pass_eye{
    width: 2em;
}

.goods-meil-area {
    padding: 0.5%;
    margin: 0% 1.7%;
}

#newloginluteWrapper article.loginBox li#password_area{
    padding: 0.5%;
    margin: 0% 1.7%;
}

#orderloginWrapper article.loginBox span#password-show-switch label span {
    font-size: 3vw;
    width: 11em;
    position: absolute;
    right: 1em;
    top: -180%;
    border: solid 1px #999;
    max-height: 60px;
}

#newloginluteWrapper article.loginBox ul li input[type='text']
, #newloginluteWrapper article.loginBox ul li input[type='email']
, #newloginluteWrapper article.loginBox ul li input[type='password']
, #newloginluteWrapper article.loginBox ul li input[type='number'] {
    width: 100%;
    height: 10vw !important;
    padding: 4% 5%;
    border-radius: 6px;
    font-size: 5vw;
    vertical-align: middle;
}

.goods-info-margin{
	margin: 5% 1.7%;
}
/* ログインボタン */
.goods-back-moji{
    position: relative;
    top: 0px;
    margin: 10px 0px 10px 0px;
    background-color: #ffffff;
}
.goods-back-moji p {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
}
.goods-back-moji img {
    width: 95%;
	cursor: pointer;
    cursor: hand;
}
/* TOPログイン用・購入導線用 */
.goods-login-moji {
    position: relative;
}
.goods-login-moji p {
    position: absolute;
    top: 55%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
}
.goods-login-moji img {
    width: 92%;
	cursor: pointer;
    cursor: hand;
}

/* 目マーク */
#newloginluteWrapper span#password-show-switch label span,
.mainContentsWrapper span#password-show-switch label span {
    font-size: 12px;
    width: 130px;
    position: absolute;
    /* right: 1em; */
    border: solid 1px #999;
    max-height: 63px;
    padding: 1px 4px;
    background: #DEE0EC;
    border-radius: 6px;
    text-align: center;
    color: #36455F;
    left: 16px;
    top: 8px;
}
/* 目マーク_購入動線の場合 */
/*
.goods-cartlist-pass {
	top: 14px!important;
}
*/
/* 目マーク_パスワードのみ入力の場合 */
.mainContentsWrapper span#password-show-switch label span {
    left: 17px;
}
/* 目マーク_MEMBERCHANGEなど */
.mainContentsWrapper #loginArea2 span#password-show-switch label span {
	left: 16px;
}

[type=checkbox][name=isMaskedPasswordBtn] {
	display:none;
}

h4 {
	font-size: 15px !important;
    font-weight: normal !important;
}

#newloginluteWrapper .loginArea .inputArea .inputPasswordWrap input[type="password"], 
#newloginluteWrapper .loginArea .inputArea .inputPasswordWrap input[type="text"] {
	padding: 0 0 0 5px;
    width: 382px;
    height: 36px;
    border: #cccccc solid 1px;
    line-height: 28px;
    border-radius: 6px;
}

/*-------------------------------------------------*/
/* パスワードのみ入力                              */
/*-------------------------------------------------*/
.mainContentsWrapper .moduleWrapper.rePassword .inputPasswordWrap input[type="password"], 
.mainContentsWrapper .moduleWrapper.rePassword .inputPasswordWrap input[type="text"] {
	padding: 0 0 0 5px;
    width: 382px;
    height: 36px;
    border: #cccccc solid 1px;
    line-height: 28px;
    border-radius: 6px;
}

.mainContentsWrapper .moduleWrapper.rePassword .loginPasswordArea {
    margin: 0 14px 0px 0;
    border: #fff 2px solid;
    border-radius: 3px;
    width: 440px;
    float: left;
    padding: 10px;
}
.mainContentsWrapper .moduleWrapper.rePassword .otherIDArea {
    margin: 0 0 10px 4px;
    padding: 10px;
    border: #fff 2px solid;
    border-radius: 3px;
    float: none;
    position: absolute;
    right: 48px;
    width: 408px;
    height: 209px;
}
.mainContentsWrapper .moduleWrapper.rePassword .loginArea {
    float: none;
    width: auto;
    background: #ffffff;
    border: 0;
    border-radius: 10px;
    /* margin: 0 0 20px 0; */
    padding: 0px 26px;
    position: relative;
}
.mainContentsWrapper .moduleWrapper.rePassword span.register_caution {
    text-align: left;
    margin: 2% 0 0 3%;
    display: block;
}
.mainContentsWrapper .moduleWrapper.rePassword span.register_caution a {
    cursor: pointer;
    color: #0029a5;
    line-height: 2;
    font-size: 13px;
}
.goods-waribiki {
    margin: 3px 0px 15px 15px!important;
}
.goods-login-moji-pass {
	position: relative;
}
.goods-login-moji-pass p {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 21px;
    font-weight: bold;
}
.goods-login-moji-pass img {
    width: 92%;
	cursor: pointer;
    cursor: hand;
}

/* 別のユーザーでログインするボタン */
.btn_next{
	display: block;
	width: 365px;
	height: 40px;
	background: #036;
	border-radius: 6px;
	text-align: center;
	/* line-height: 26px; */
	cursor:pointer;
	margin: 10px;
	border: 1px solid #036;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
}

/* blueB */
.mainContentsWrapper .moduleWrapper.rePassword .blueB {
	background-color: #fff;
}

/************************************/
/*** 2022/04/05 ファンクラブ認証導線改善 ***/
/************************************/

#check_fanclub_area {
	/*background-color: #FCD5B5;*/
}

h4#check_fanclub_header {
	width: 100%;
	margin-top: 15px;
}

#check_fanclub {
	padding: 0 15px;
	width: 100%;
	display: flex;
	/*justify-content:space-between;*/
	margin-bottom: 15px;
}

#check_fanclub label {
	width: 30%;
	margin: 0 10px 0 0;
}

#check_fanclub .vvFanClubCheckBox {
	width: 100%;
	margin: 0 !important;
	background: transparent;
	border: none;
}

span.required {
    font-size: 0.85em;
    color: #f00;
}

#check_fanclub_area #save_discount {
	right: auto;
}