@charset "Shift_JIS";



/*-------------------------------------
	override
-------------------------------------*/

input[type=text]:focus,[type=password]:focus { border-color:#36a2dc;}
.passwordInputWithIcon.nonTarget input { width: 263px; }
.passwordInputWithIcon:not(.nonTarget) input { box-sizing:border-box; padding-right: 56px; width:279px; height:42px; }
.passwordInputWithIcon .changeInputTypeButton { right: 229px; height: 42px; }
.hide { display:none; }
#contentHeader { border:none; }
#contentHeader h1 { padding:4px 0 0 47px; background-position:0 -560px; }
.twoColumun #content { margin:28px 0 0 0; }
.gBtnWhite { background:none; }
.btnWrapper > form { display:inline; }
.btnWrapper .btn { width:170px; margin:0 2px; }
.btnWrapper .gBtnWhite { width:170px; }
body .decorateForm label .checkbox { margin:0 10px 0 0; }
.mac body .decorateForm label .checkbox {  vertical-align:top; }
section.section .sectionInner .change .gBtn.btnSS { width:52px; margin:0; padding:2px 0 0 0; }
.err + .section { margin-top: 20px; }
a.blLink { color:#007ebe; }
.err .centerLine { text-align:center; margin:25px 0 0 0; }
.str { color: #f03; font-size: 13px; margin: 0 0 0 10px; background: none; }
*:first-child+html .str { padding-bottom:5px; }



/*-------------------------------------
	ページタイトル
-------------------------------------*/

#contentHeader h1 .userName { display:inline-block; max-width:750px; vertical-align:bottom; }



/*-------------------------------------
	ガワ
-------------------------------------*/

section.section { border-top:none; padding:0 0 25px 0; }
section.section .sectionHeader {}
section.section .sectionHeader h3 { font-size:18px; padding:0 0 10px 0; }
section.section .sectionHeader .txt { color:#808080; padding:0 0 10px 0; }
section.section .sectionHeader .err,
section.section .sectionHeader .att { padding:0 0 5px 0; }
section.section .sectionInner { background:#f0f0f0; padding:36px 48px 40px 48px; border:1px solid #dcdcdc; border-radius:4px; }

section.section .sectionInner .gBtn { margin:25px auto 0 auto; width:170px; }
section.section .link { text-align:right; margin:20px 0 0 0; }
section.section .link a { color:#007ebe; }
section.section .noRegist.subinfo,
section.section .noRegist.link { text-align:left; }
section.section .subinfo { color:#808080; text-align:right; margin:15px 0 0 0; }
section.section .noRegist { color:#808080; margin:15px 0 0 0; }
.attention { margin:10px 0 0 0; }
section.section .txt { font-size: 12px; }

/*-------------------------------------
	table
-------------------------------------*/

/*基本*/
table { border-top:none; }
table tbody th { padding:25px 0 23px 0; border:none; background:none;  color:#808080; width:175px; vertical-align:middle; font-size:15px; }
table tbody td { padding:25px 0 23px 0; border:none; line-height:1.8; }
*:first-child+html table tbody th,
*:first-child+html table tbody td { border-bottom:1px solid #dcdcdc; }
table tbody tr { border-bottom:1px solid #dcdcdc; }
table tbody td.change { width:51px; }
table tbody td.change .gBtn.gBtnDisabled { border: 1px solid #e6e6e6; background-color:#e6e6e6; color:#808080 !important; pointer-events: none; }
table tbody td.memberMail { padding-right:30px; max-width:424px; word-wrap:break-word; }
table tbody td span.tit { display:inline-block; width:70px; }
table tbody td span.info { font-size:11px; color:#808080; display:inline-block; vertical-align:middle; }
table tbody td span.info.passWord { margin:0 0 0 20px; }
.delCheck { margin:20px 0 0 0; }
.delPremium { margin: 10px 0 0 0; color:#e73656;}
.tag { display:inline-block; border-radius:2px; padding:5px 7px; background:#dcdcdc; font-size:11px; line-height:1.416666667; }

/*.resist*/
table.resist { border-color:#d2d2d2; border-bottom:1px solid #dcdcdc; border-collapse: separate; padding:17px 0 10px 0; }
*:first-child+html table.resist tbody th,
*:first-child+html table.resist tbody td { border-bottom:none; }
table.resist tbody th { padding:3px 0; }
table.resist tbody td { padding:3px 0; }
table.resist tbody tr { border-bottom:none; }

/*ポイント*/
table.point tbody th { vertical-align:top; }

/*form 要素別スタイル*/
/*郵便番号*/
.postFrmWrap th, .postFrmWrap td { padding-bottom: 0; }
/*住所*/
.postFrmWrap,
.prefFrmWrap{ background:none; border-bottom:none; }
.prefFrmWrap th, .prefFrmWrap td { padding:20px 0 10px 0; }
*:first-child+html .prefFrmWrap th ,
*:first-child+html .prefFrmWrap td { border-bottom:none; }
.add1FrmWrap { background:none; border-bottom:none; }
.add1FrmWrap th, .add1FrmWrap td { padding-top: 5px; padding-bottom: 0; }
*:first-child+html .add1FrmWrap th ,
*:first-child+html .add1FrmWrap td { border-bottom:none; }
.add2FrmWrap { }
.add2FrmWrap th, .add2FrmWrap td { padding-top:15px; }
/*パスワード*/
.pass1FrmWrap th { border-bottom:1px solid #dcdcdc; }



td.nameFrm input { width:230px; }
td.nameFrm li:first-child { margin:0 14px 0 0; }

td.birthFrm select { width:90px; margin:0 9px 0 0; }
td.birthFrm span { margin:0 20px 0 0; }
td.postFrm .adress { width:180px; margin:0 15px 0 0; }
td.postFrm .btnGray { width:125px; margin:0 15px 0 0; }
td.phonFrm input { width:180px; margin:0 15px 0 0; }
td.singlePhonFrm input { width:192px; }
td.sexTypeFrm label { margin:0 20px 0 0; }
td.nameFrm+input,
td.addnNameFrm input,
td.addFrm input,
td.add1Frm input,
td.add2Frm input { width:490px; }
td.mailFrm input { width:490px; }
td.effectiveFrm select { width:92px; margin:0 7px 0 0 }
td.effectiveFrm span { margin:0 17px 0 0; }



/*-------------------------------------
	secComplete
-------------------------------------*/

#secComplete {}
#secComplete .sectionInner { padding:36px 48px 60px; }
#secComplete .sectionHeader { border-bottom:1px solid #dcdcdc; }
#secComplete .read {  font-size:15px; margin:20px 0 0 0; }
#secComplete .txt { text-align:center; margin:40px 0 0 0; font-size:15px; }
#secComplete .link { text-align:center; }


/*-------------------------------------
	サイドバー sell
-------------------------------------*/

#searchSidebar .sellAbout { border:1px solid #dcdcdc; margin:10px 0 0 0; padding:0 0 18px 0; border-radius:2px; }
#searchSidebar .sellAbout h3 { margin:22px 0 0 0; font-size:16px; text-align:center; }
#searchSidebar .sellAbout ul { padding-left:15px; margin-top:7px; }
#searchSidebar .sellAbout ul li { margin:1px 0 0 0; }



/*-------------------------------------
	退会
-------------------------------------*/

.errBox { padding: 30px 0 15px 0; color: #808080; line-height: 1.7; font-size: 15px; text-align: center; }
.errBox p { margin:15px 0 0 0; font-size:11px; }
.refreshBox { border-bottom: 1px solid #dcdcdc; padding:20px 0; }
#topLink .gBtnWhite { margin:25px auto 0; }

/*-------------------------------------
	#secPoint
-------------------------------------*/

#secPoint span.pointResult { font-weight:bold; font-size:16px; margin:0 5px 0 0; }
#secPoint td.point { text-align: right; }
#secPoint td.point span { font-size:16px; margin:0 5px 0 0; }
#secPoint .sectionHeader.clearfix h3{ float:left; }
#secPoint .limitPoint { float: right; font-size: 14px; margin: 9px 0 0; }
#secPoint .limitPoint p { border-left: 1px solid #c9c9c9; color: #808080; margin: 0 0 0 10px; padding: 0 0 0 10px; float: left; height: 15px; line-height: 15px; }
#secPoint .limitPoint p.first{ border-left: medium none; }


/*-------------------------------------
	secAttention
-------------------------------------*/

#secAttention {}
#secAttention .sectionInner { background:#ffffff; border: 1px solid #E73656; padding:15px 48px 15px 48px; }
#secAttention .sectionHeader { border-bottom:none; text-align:center; margin:0 0 4px 0; }
#secAttention h3 { padding:0 0 0 0; }
#secAttention h3 .ico_alert { background: url(../../shop/img/goods_common.png) no-repeat left -260px; height:29px; width:27px; display:inline-block; vertical-align:middle; padding:7px 6px 0 0; }
#secAttention .contBody { text-align:center; }

/*-------------------------------------
	CouponPoint
-------------------------------------*/
#secPoint .point #Coupon #CouponTitle{margin:0 0 22px 0;}
#secPoint .point #Coupon #CouponPoint{margin:0 0 10px 0;}
#secPoint .point #Coupon #CouponShopList{line-height:2.0; margin:0 0 15px 0;}
#secPoint .point #Coupon #notice{ font-size:12px; line-height:2; margin:0 0 15px 0;}
section.section .sectionInner #Coupon .gBtn{ margin:0 0 15px 0; width:280px;}



/*-------------------------------------
	パスワードをマスク
-------------------------------------*/
[data-toggle="masking-password"] { color:#007ebe; cursor:pointer; display:inline-block; font-size:12px; }
#passwordOriginal,
#passwordMask { display:block; }
#passwordOriginal.hide,
#passwordMask.hide { display:none; }



/*-------------------------------------
	退会手続き
-------------------------------------*/
.refreshBox .indexItem {}
.refreshBox .indexItemAction { position:relative; display:inline-block; }
.refreshBox .indexItemFormControl { font-size:15px; line-height:1.333333333333333; }
.refreshBox .indexItemContent { padding-left:32px; margin-top:5px; }
.refreshBox .indexItemContent > ul { list-style:disc; padding-left:18px; }

.refreshBox .indexItem + .indexItem { margin-top:10px; padding-top:20px; border-top:1px solid #dcdcdc; }

.refreshBox #confirm { margin-top:15px; text-align:center; }



/**
 * ------------------------------------------------------------
 * 有料会員
 * ------------------------------------------------------------
 */
.dl-form-inline { display:inline-block; margin-top:0 }
.dl-form-inline > dl { width:auto; }
.dl-form-inline > dl > dt,
.dl-form-inline > dl > dd { vertical-align:middle; }
.dl-form-inline > dl > dt { width:25px; }
.dl-form-inline > dl > dd { padding-left:5px; }



/**
 * ------------------------------------------------------------
 * 有料会員 寄付先
 * ------------------------------------------------------------
 */
.donationList { margin-top:25px; border-top:1px solid #dcdcdc; }
.donationListItem { margin-left:0; margin-right:0; }
.donationListItem > .columns-row > .columns-col { padding-left:0; padding-right:0; }
.donationListItem + .donationListItem { padding-top:15px; border-top:1px solid #dcdcdc; }



/**
 * ------------------------------------------------------------
 * 有料会員 退会予約時
 * ------------------------------------------------------------
 */
.unregister-content { background:#dcdcdc; width:400px; margin:25px auto; padding:15px 10px; border-radius:5px; text-align:center; }
.unregister-content-h { font-size:18px; line-height:1.388888888888889; }
.unregister-text { font-size:12px; line-height:1.416666666666667; margin:10px 0; }



/**
 * ------------------------------------------------------------
 * クレジットカード情報リスト
 * ------------------------------------------------------------
 */
.creditCardIndexList { border-bottom:1px solid #dcdcdc; }
.creditCardIndexItem > label { padding:25px 0; display:block; }
.creditCardIndexItem + .creditCardIndexItem { border-top:1px solid #dcdcdc; }



/**
 * ------------------------------------------------------------
 * サイドバー ZOZOMAT訴求バナー
 * ------------------------------------------------------------
 */
#searchSidebar .sideBanner {
	margin-top:28px;
}
#searchSidebar .sideBannerLink {
	display:block;
	position:relative;
	overflow:hidden;
}

/*-------------------------------------
	住所複数選択 モーダル
-------------------------------------*/
#zipSelectBox { display: none; }
.zipcode-select-box.modalbox .modal-content {
	background-color: #F9F6F4;
	margin: 0;
}
.zipcode-select-box.modalbox .modal-title {
	background:#ccc; color:#fff; margin:16px 0 0; padding:9px 0 7px; text-align:center;
}
.zipcode-select-box.modalbox .modal-content ul {
	display: flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.zipcode-select-box.modalbox .modal-content li {
	 border-bottom:1px solid #e4e4e4; padding: 25px 0 25px 0; width: 50%;
}
.zipcode-select-box.modalbox .modal-content .btn { width:157px; margin:12px auto 0 auto; }
.zipcode-select-box.modalbox .modal-content .label { display:block; }

/* メールアドレス */
#secMailAdd input[type="email"] {
  border: 1px solid #c8c8c8;
  border-radius: 2px;
  padding: 10px 7px;
}