@charset "UTF-8";

/*P_08 会員情報仮登録 -登録画面（新規会員登録）.memberTempAdd*/
.memberTempAdd .error-msg p, .memberTempAdd .validation-error-desc p{margin-bottom: 0}
.memberTempAdd .annotation{display: block}
@media only screen and (max-width:768px) {
.memberTempAdd .form_agree{padding:5.797101449275362%}
.memberTempAdd .form_agree input[type="checkbox"] + label{line-height:1.5}
}

/*P_09 会員情報仮登録 -完了画面 .memberTempAddConfirm*/
/*P_10 会員情報登録 -登録画面（会員本登録URL）.memberAdd*/
.memberTempAdd .form_basic-box.col1,.memberAdd .form_basic-box.col2,.memberAdd .form_basic-box.col3,
.memberUpdate .form_basic-box.col2,.memberUpdate .form_basic-box.col3,
.memberPassChange .form_basic-box.col1{
margin-bottom:0
}
.memberAdd .annotation .kaiin_name1,.memberAdd .annotation .kaiin_kana1,
.memberUpdate .annotation .kaiin_name1,.memberUpdate .annotation .kaiin_kana1{
width: 47.5%;
margin-right: auto;
}
.memberAdd .annotation .kaiin_name2,.memberAdd .annotation .kaiin_kana2,
.memberUpdate .annotation .kaiin_name2,.memberUpdate .annotation .kaiin_kana2{
margin-left: 5%;
width: 47.5%;
}
.memberAdd .form_basic-box.col1,.memberAdd .form_basic-box.col3,
.memberUpdate .form_basic-box.col1,.memberUpdate .form_basic-box.col3{margin-bottom: 0}
.memberAdd .l-form_basic .form_basic-content{margin-top: 2rem;}
.form_agree .validation-error-desc{margin-top: 1rem}
.memberAdd #tel_kaigai_note,
.memberUpdate #tel_kaigai_note{
margin-top:-2.5rem;
display: block;
}
.memberAdd #tel_kaigai_note .note,
.memberUpdate #tel_kaigai_note .note,
.memberAdd #tel_kaigai_note .note li:last-of-type,
.memberUpdate #tel_kaigai_note .note li:last-of-type{
margin-bottom: 0;
}
.memberAdd .birth-attention{
	font-size:80%;
	line-height:1.4;
}

@media only screen and (max-width:768px) {
.memberAdd .form_agree{padding:5.797101449275362%}
.memberAdd .form_agree input[type="checkbox"] + label{line-height:1.5}
.memberAdd .form_basic-box.col3 .form_basic_select:last-of-type{margin-bottom: 0}
.memberAdd .annotation .kaiin_name1,.memberUpdate .annotation .kaiin_kana1,
.memberUpdate .annotation .kaiin_name2,.memberUpdate .annotation .kaiin_kana2{
width: 100%;
margin-right: inherit;
margin-left: inherit;
}
.memberAdd .annotation .kaiin_name1,
.memberAdd .annotation .kaiin_name2,
.memberUpdate .annotation .kaiin_name1,
.memberUpdate .annotation .kaiin_name2,
.memberAdd .annotation .kaiin_kana1,
.memberAdd .annotation .kaiin_kana2,
.memberUpdate .annotation .kaiin_kana1,
.memberUpdate .annotation .kaiin_kana2{
width: 100%;
margin: -0.5rem 0 1rem 0;
}
.memberAdd .annotation .kaiin_name2,
.memberAdd .annotation .kaiin_kana2,
.memberUpdate .annotation .kaiin_name2,
.memberUpdate .annotation .kaiin_kana2,
.memberUpdate .annotation .taikai{
margin-top: 1rem;
}
.memberAdd #tel_kaigai_note,
.memberUpdate #tel_kaigai_note{
margin-top:-2rem;
display: block;
}
}


/*P_11 会員情報登録 -確認画面 memberAddConfirm*/
@media only screen and (max-width:768px) {
.memberAddConfirm .button-group.col2,.memberUpdateConfirm .button-group.col2,.memberTaikaiConfirm .button-group.col2,.memberTogoConfirm .button-group.col2{display: flex;flex-direction: column-reverse;margin-bottom:0;}
.memberAddConfirm .button-group.col2 .btn--white,.memberUpdateConfirm .button-group.col2 .btn--white,.memberTaikaiConfirm .button-group.col2 .btn--white,.memberTogoConfirm .button-group.col2 .btn--white{margin-bottom:0;}
}

/*P_12*/
/*P_14 会員情報照会／更新 memberUpdate*/
/*P_15 会員情報照会／更新 -確認画面 memberUpdateConfirm*/
.memberUpdate .form_basic_radio{margin-bottom: 0;}
.memberUpdate table.col2 td{vertical-align: top}
.memberUpdate .form_basic-box:nth-child(3){margin-bottom: 0;}
.memberUpdate .form_basic_confirm_image .form_basic_confirm_image-inner-item,
.memberUpdateConfirm .form_basic-box.form_files .form_basic_confirm_image-inner-item{
max-width: 110px;
width:100%;
height: auto
}

.memberUpdate .birth-attention{
	font-size:80%;
	line-height:1.4;
}

@media only screen and (max-width:768px) {
.memberUpdate .form_basic-box.col2 input:nth-of-type(2),
.memberUpdate .form_basic-content:nth-child(4) > div:nth-child(2) > input:nth-child(3),
.memberUpdate .form_basic-content:nth-child(6) > div:nth-child(3),
.memberUpdate .form_basic_select:nth-child(3),
.memberUpdate .form_basic-content:nth-child(10) > div:nth-child(2) > select:nth-child(1),
.memberUpdate .form_basic-box:nth-child(3),
.memberUpdate .section:nth-child(4) > div:nth-child(2) > div:nth-child(2) > select:nth-child(1){margin-bottom: 0;}
.memberUpdate .form_basic-content:nth-child(6) .form_basic_radio{margin-bottom: 0.5rem}
}

/*P_16*/
/*P_17 外部アカウントとの連携 memberIdTyingList*/
.l-tyinglist {
margin-bottom:6%;
border-top:3px #333 solid
}
.l-tyinglist > li {
display:flex;
padding:3% 0;
border-top:1px #333 solid;
justify-content:space-between
}
.l-tyinglist > li:first-child {
border-top:none
}
.l-tyinglist > li > .tyinglist-tit {
font-size:.9375rem;
font-weight:700;
position:relative;
width:22.5%
}
.l-tyinglist > li > .tyinglist-tit.ico_fb::before,.l-tyinglist > li > .tyinglist-tit.ico_line::before,.l-tyinglist > li > .tyinglist-tit.ico_tw::before,.l-tyinglist > li > .tyinglist-tit.ico_insta::before,.l-tyinglist > li > .tyinglist-tit.ico_yahoo::before,.l-tyinglist > li > .tyinglist-tit.ico_apple::before {
display:inline-block;
width:22.222222222222%;
height:22.222222222222%;
margin:0 8.8888888888889% 0 0;
padding-top:22.222222222222%;
content:' ';
vertical-align:middle;
background-repeat:no-repeat;
background-size:contain
}
.l-tyinglist > li > .tyinglist-tit.ico_fb::before {
background-image:url(/img/btn_fb.svg)
}
.l-tyinglist > li > .tyinglist-tit.ico_line::before {
background-image:url(/img/btn_line.svg)
}
.l-tyinglist > li > .tyinglist-tit.ico_tw::before {
background-image:url(/img/btn_tw.svg)
}
.l-tyinglist > li > .tyinglist-tit.ico_insta::before {
background-image:url(/img/btn_insta.svg)
}
.l-tyinglist > li > .tyinglist-tit.ico_yahoo::before {
background-image:url(/img/btn_yahoo.svg)
}
.l-tyinglist > li > .tyinglist-tit.ico_apple::before {
background-image:url(/img/btn_apple.svg)
}
.l-tyinglist > li > .tyinglist-btn {
width:25%;
vertical-align:middle
}
.l-tyinglist > li > .tyinglist-btn > input[type='checkbox'],.l-tyinglist > li > .tyinglist-btn input.tyinglist_action-switch-input,.l-tyinglist > li > .tyinglist-btn form input.tyinglist_action-switch-input {
display:none
}
.l-tyinglist > li > .tyinglist-btn > .btn--tyinglist {
font-size:.9375rem;
font-weight:700;
width:80%;
padding:.8em 0;
vertical-align:middle;
color:#fff;
background:#333
}
.l-tyinglist > li > .tyinglist-btn input.btn.is-active {
font-size:.9375rem;
line-height:1.8;
width:80%
}
.l-tyinglist > li > .tyinglist-btn input[type='checkbox']:checked + label {
font-size:.75rem;
line-height:2.25;
position:relative;
display:block;
width:80%;
margin:0;
text-align:center;
text-decoration:underline;
color:#787878
}
.l-tyinglist > li > .tyinglist-btn input[type='checkbox']:checked + label::before {
display:inline-block;
width:8.75%;
height:8.75%;
margin:0 2.5% 0 0;
padding-top:8.75%;
content:' ';
vertical-align:middle;
background-image:url(/img/icon_tyinglist_-switch-label.svg);
background-repeat:no-repeat;
background-size:contain
}
.l-tyinglist > li > .note {
width:52.502%
}
.l-tyinglist > li > .note > li {
line-height:1.6923076923077;
margin-bottom:0
}
@media only screen and (max-width:768px) {
.l-tyinglist {
margin-bottom:11.594202898551%
}
.l-tyinglist > li {
display:block;
padding:5.7971014492754% 0
}
.l-tyinglist > li > .tyinglist-tit {
float:left;
width:30%;
height:40px
}
.l-tyinglist > li > .tyinglist-btn {
float:right;
width:30%
}
.l-tyinglist > li > .tyinglist-btn > .btn--tyinglist {
width:100%
}
.l-tyinglist > li > .note {
clear:both;
width:100%;
margin-top:.5rem
}
}

/*P_21 パスワード変更 memberPassChange*/
.memberPassChange .annotation{display: block}
@media only screen and (max-width:768px) {
.memberPassChange .annotation:nth-of-type(2) .validation-error-desc{
padding-bottom: 0.5rem;
margin-bottom: 0;
}
.memberPassChange .form_basic-content .note{margin-bottom: 4%}
}

/*P_24 退会申込 -確認画面 memberTaikaiConfirm*/
.memberTaikaiConfirm .section{margin-bottom: 12%}
.memberTaikaiConfirm .button-group.col2{margin: 6% 0 0}
.memberTaikaiConfirm h4{
margin-bottom: calc(3rem - (((1em * 1.5) - 1em) / 2));
}
.memberTaikaiConfirm .note li:last-of-type{
margin-bottom: calc(2rem - (((1em * 2) - 1em) / 2))!important}

@media only screen and (max-width:768px) {
.memberTaikaiConfirm h4{
margin-bottom: calc(2.062rem - (((1em * 1.5) - 1em) / 2));
}
}
.text_area_biko {
	border-radius: 4px;
	font-size: .9375rem;
	line-height: 2;
	width: 100%;
	padding: .4375rem 1rem;
	color: #333;
	border: 1px #999 solid;
	font-family : inherit;
}
.text_area_biko_disabled {
	background-color: transparent;
	border: none;
	resize: none;
}
@media only screen and (max-width:768px) {
	.l-logininfo_btn li {
		margin-left: 0 !important;
	}
	.l-logininfo_btn {
		max-width: 500px;
		flex-wrap: wrap !important;
	}
}

.l-logininfo_btn li {
	margin-left: 2%
}

.l-logininfo_btn {
	max-width: 100%;
	flex-wrap: nowrap;
}