@charset "Shift_JIS";
/* --------------------------------------------------------------------
	ログインフォーム
--------------------------------------------------------------------- */
div.login_ {
	width: 100%;
}
div.login_ .mynb_info_{
  width: 960px;
  height: 90px;
  margin:  0 auto 15px;
  padding-top: 30px;
  overflow: hidden;
  background: #000;
}
div.login_ .mynb_info_ li{
  float: left;
  width: 690px;
  color: #fff;
}
div.login_ .mynb_info_ li a{
}
div.login_ .mynb_info_ li.logo_mynb{
  width: 250px;
  text-align: center;
  padding-top: 5px;
}
div.login_ div.loginform_ {
	width:600px;
	text-align:left;
}
div.login_ div.loginform_full_ {
	width:960px !important;
}
div.login_ div.loginform_ .form_text_ {
	margin-bottom: 10px;
}
div.login_ div.loginform_ hr.title_ {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #cccccc;
}
div.login_ div.loginform_ hr.bottom_ {
	margin: 10px 0 20px;
}
div.login_ div.loginform_ hr.top_ {
	margin: 0 0 30px 0;
}
div.login_ div.loginform_ hr.invisible_ {
	border-width: 0;
}
div.login_ div.inputimage_ {
	margin:8px auto;
	text-align:center;
}
div.login_ div.askpass_ {
	margin:30px auto;
	text-align:center;
}
div.login_ div.entry_ {
	margin:2px auto;
	text-align:center;
	font-size:10px
}
div.login_ table.loginform_ {
	margin:20px auto 30px;
	text-align:center;
}
div.login_ table.loginform_ th {
	padding: 2px;
	text-align: right;
	font-weight: bold;
}
div.login_ table.loginform_ td {
	padding: 2px;
	text-align: left;
}
div.login_ table.loginform_ td input.login_uid_ {
	width: 300px;
}
div.login_ table.loginform_ td input.login_pwd_ {
	width: 300px;
}
div.login_ table.loginform_ td input.login_uid_mail_ {
	width: 300px;
}

div.login_wrapper_ {
	margin: 40px 0;
	overflow: hidden;
	font-size: 11px;
  width: 960px;
  margin: 0 auto;
}
div.login_wrapper_ hr {
	border: 0;
	border-bottom: 1px dotted #ccc;
	margin: 20px 0;
}
div.login_wrapper_ .common_headline2_area_{
	display: inline;
	border-bottom: none;
	font-size: 18px;
}
div.login_wrapper_ .common_headline2_area_ span {
	font-weight: bold;
	vertical-align: middle;
}
div.login_wrapper_ .common_headline2_area_ span.relate_ {
	font-size: 13px;
}
div.login_wrapper_ .common_headline2_area_ img.icon_ {
	display: none;
	padding-right: 5px;
	width: 30px;
	height: 30px;
}
div.login_wrapper_ .common_headline2_{
	border-bottom: none;
	margin-bottom: 0;
}
div.login_col_left_  div.loginform_,
div.login_col_right_ div.loginform_,
div.login_col_center_  div.loginform_{
	width: auto;
}
div.login_col_right_{
	float: right;
	width: 420px;
}
div.login_col_right_  .login_col_inner .common_headline2_{
	color:#333333;
	padding-top: 0;
}
div.login_col_left_ {
	float: left;
	width: 420px;
}
div.login_col_left_  .login_col_inner .common_headline2_{
	color:#333333;
	padding-top: 0;
}
div.login_col_center_ {
	margin: 0 auto;
	float: none;
	width: 410px;
}
div.login_col_center_  .login_col_inner .common_headline2_{
	color:#333333;
	padding-top: 0;
}
div.login_wrapper_ table.loginform_ td input.login_uid_ {
	width: 240px;
	font-size: 12px;
}
div.login_wrapper_ table.loginform_ td input.login_pwd_ {
	width: 240px;
	font-size: 12px;
}
div.login_wrapper_ table.loginform_ td input.login_uid_mail_ {
	width: 240px;
	font-size: 12px;
}

div.login_ div.loginform_.add_certify_ {
	margin: 20px auto 0;
}
div.login_ div.loginform_.add_certify_ div.certify_escape_ {
	margin: 20px 0 0;
}

/* --------------------------------------------------------------------
	パスワードを忘れた方
--------------------------------------------------------------------- */
table.askpass_ {
	margin-bottom: 10px;
}
table.askpass_ th {
	width: 16em;
}
/* --------------------------------------------------------------------
	マイページ・会員情報
-------------------------------------------------------------------- */
div.customer_ > p{
	margin: 0 auto;
	width: 960px;
}
div.customer_ p.error_{
 text-align: center;
}

div.customer_ table.customer_ p.error_{
 text-align: left;
}

div.customer_ table.custdest_ p.error_{
 text-align: left;
}
div.customer_ .common_headline1_{
	padding: 20px 0;
	font-size: 233%;	/* 28px */
	text-align: center;
}
div.customer_ .common_headline1_ img{
	margin: 0 10px 0 0;
}
div.customer_ .common_headline2_{
	margin: 0 auto 20px;
	width: 960px;
}
div.customer_ .message_{
	margin: 20px auto;
	width: 960px;
  text-align: center;
}
div.customer_ table.formdetail_.message_{
  text-align: left;
}
div.customer_ table.formdetail_.message_ p.error_{
  text-align: left;
}
div.customer_ .message_ img{
  width: 30px;
}
div.customer_ table {
	width: 960px;
}
form#frmCustomer .message_{
  text-align: left;
}
form#frmCustomer .message_#birthday{
  padding-top:45px;
  margin-top:-20px;
}
div.customer_ table.customer_,
div.customer_ table.customerconfirm_ {
	margin-bottom: 20px;
}
div.customer_ table.customer_{
	width: 960px;
}
div.customer_ table.customer_
th, div.customer_ table.customerconfirm_ th {
	width: 25%;
}
div.customer_ table.customer_ td .small_{
	margin: 7px 0 0;
}
div.customer_ p.addr2_attention.small_ {
    font-size: 95%;
    color: #e21836;
}
div.customer_ .submit_{
	margin: 40px 0;
}
div.customer_ label{
	margin: 0 15px 0 0;
}

/* --------------------------------------------------------------------
	新規会員登録
-------------------------------------------------------------------- */
div.customer_ .agreebody_ {
	display: block;
	margin: 20px auto;
	width: 960px;
	padding: 20px;
}

/* --------------------------------------------------------------------
	マイページ　トップ
-------------------------------------------------------------------- */
#block_of_customer_status .inner{
	margin: 0 auto 50px;
	width: 1200px;
	overflow: hidden;
}
#block_of_customer_status .inner > .left{
	float: left;
	background-color: #f1f1f1;
	width: 500px;
	padding: 0 0 20px;
	text-align: center;
	color: #666666;
}
#block_of_customer_status .inner > .right{
	float: right;
	width: 650px;
}
#block_of_customer_status .level_current {
	border-bottom: 1px solid #ffffff;
	padding: 20px;
	font-size: 117%;	/* 14px */
}
#block_of_customer_status .level_current strong{
	font-size: 133%;
}
#block_of_customer_status .chart_area{
	position: relative;
	margin: 0 auto;
	padding: 25px 0 40px;
	width: 460px;
	height: 520px;
}
#block_of_customer_status .chart_area h2{
	font-size: 150%;	/* 18px */
}
#block_of_customer_status .chart_area .chart{
	margin: 80px 0 0;
}
#block_of_customer_status .chart_area .label{
	position: absolute;
	display: block;
	margin: 0 0 0 -100px;
	width: 200px;
	font-size: 167%;	/* 20px */
	line-height: 1.3;
	font-weight: 100;
}
#block_of_customer_status .chart_area .label span{
	display: block;
	font-size: 70%;
}
#block_of_customer_status .chart_area .label.platinum{
	left: 50%;
	top: 70px;
}
#block_of_customer_status .chart_area .label.gold{
	left: 50%;
	top: 445px;
}
#block_of_customer_status .chart_area .label.silver{
	left: 415px;
	top: 160px;
}
#block_of_customer_status .chart_area .circle{
	position: absolute;
	left: 50%;
	top: 200px;
	margin: 0 0 0 -150px;
	width: 300px;
	line-height: 1.1;
}
#block_of_customer_status .chart_area .circle .head{
	font-size: 150%;	/* 18px */
	font-weight: 100;
}
#block_of_customer_status .chart_area .circle .num{
	color: #000;
	margin: 20px 0 0;
	font-size: 30px;
	font-weight: 800;
  letter-spacing: -0.05em;
}
@media all and (-ms-high-contrast:none) {
	#block_of_customer_status .chart_area .circle .num{
		background: transparent;
	}
}
#block_of_customer_status .chart_area .circle .num span{
  color: #af9d39;
	font-size: 70px;
	letter-spacing: -0.05em;
}
#block_of_customer_status .chart_area .circle .message{
	display: none;
	margin: 10px 0 0;
	font-size: 167%;	/* 20px */
	font-weight: 800;
	line-height: 1.3;
}
#block_of_customer_status .level_next{
	background-color: #ffffff;
	margin: 0 20px;
	padding: 15px 0;
}
#block_of_customer_status .level_next span{
	background: url(../img/usr/common/icon_triangle-right.png) no-repeat right center;
	margin: 0 15px 0 0;
	padding: 0 20px 0 0;
	width: 245px;
}
#block_of_customer_status .level_next strong{
	font-size: 117%;	/* 14px */
}
#block_of_customer_status .level_note{
	margin: 15px 20px;
	font-size: 117%;	/* 14px */
	text-align: left;
}
div.customer_status_ {
	background: #000;
	margin: 0 0 30px;
	padding: 20px 0;
	text-align: center;
	color: #ffffff;
}
div.customer_status_ .loginname_{
	display: inline-block;
	font-size: 117%;	/* 14px */
}
div.customer_status_ .loginname_ strong{
	margin: 0 5px;
	font-size: 180%;
	font-weight: bold;
	vertical-align: baseline;
}
div.customer_status_ .level_{
	display: inline-block;
	border-left: 1px solid #ffffff;
	margin: 0 0 0 15px;
	padding: 0 0 0 15px;
	font-size: 200%;	/* 24px */
	line-height: 1.3;
}
div.customer_ .mypoint_{
	width: 960px;
	margin: 0 auto 20px;
	text-align: center;
}
div.customer_ .point_limit_info_ {
	width: 960px;
	margin: 0 auto 20px;
	text-align: center;
	font-size: 14px;
	color: #E21836;
}
div.customer_ .point_limit_info_ strong {
	font-size: 18px;
	font-weight: normal;
	color: #E21836;
}
div.customer_ .navipage_sum_ {
	margin-bottom: 10px;
	display: block;
}
div.customer_ .navipage_now_,
div.customer_ .navipage_ a {
	width: 36px;
	height: 36px;
}
div.customer_status_ {
	position: relative;
}
div.customer_status_ .mypoint_{
	margin: 5px auto 0;
	font-size: 117%;	/* 14px */
}
div.customer_status_ .mypoint_ strong{
	margin: 0 5px;
	font-weight: normal;
}
div.customer_status_ .mypoint_ small{
	display: block;
	margin: 7px 0 0;
}
div.customer_status_ .point_infomation_ {
	margin-top: 20px;
}
div.customer_status_ .point_infomation_ ul.list_ {
	text-align: center;
}
div.customer_status_ .point_infomation_ ul.list_ li {
	text-align: center;
	font-size: 13px;
}
div.customer_status_inner_ {
	width: 1200px;
	margin: 0 auto;
	position: relative;
}
div.customer_status_ .mobile_card_btn_ {
	width: 200px;
	height: 44px;
	margin-top: -22px;
	border: #ffffff 1px solid;
	border-radius: 6px;
	position: absolute;
	right: 0;
	top: 50%;
}
div.customer_status_ .mobile_card_btn_ a {
	width: 200px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #ffffff;
	display: block;
}
div.customer_status_ .mobile_card_btn_ a {
	width: 200px;
	height: 44px;
	line-height: 44px;
	font-size: 14px;
	color: #ffffff;
	display: block;
}
#mobile_card_frame {
	width: 480px;
	height: 300px;
	margin: 0 auto;
	border-radius: 6px;
	background: #F5F5F5;
}
#mobile_card_frame .ttl_ {
	padding: 30px 20px 10px;
	font-size: 16px;
}
#mobile_card_frame .customer_ {
	padding: 15px 20px 10px;
	background: #ffffff;
	font-size: 28px;
}
#mobile_card_frame .customer_ span {
	margin: 0 0 0 10px;
	font-size: 18px;
}
#mobile_card_frame .number_ {
	padding: 40px 0 10px 0;
	text-align: center;
	font-size: 14px;
}
#mobile_card_frame .coad_ {
	text-align: center;
}
p.recommend_ {
	margin-bottom: 20px;
	font-size: 14px;
	font-weight: bold;
}
div.mymenu_ {
	margin: 0 auto;
	width: 1200px;
	overflow: hidden;
}
div.mymenu_ > .head{
	background: #000;
	float: left;
	width: 100%;
	margin: 0 0 -5px;
	padding: 12px;
	font-size: 150%;	/* 18px */
	font-weight: bold;
	color: #ffffff;
	text-align: center;
}
div.mymenu_col_ {
	float: left;
	width: 260px;
	color: #666666;
}
div.mymenu_col_ + div.mymenu_col_{
	margin: 0 0 0 53px;
}
div.mymenu_col_ > .head{
	border-bottom: 1px solid #666666;
	margin: 45px 0 0;
	padding: 15px 0;
	text-align: center;
	font-weight: bold;
	font-size: 117%;
}
div.mymenu_item_ {
	margin: 25px 0;
	overflow: hidden;
}
div.mymenu_item_ .img_ {
	float: left;
	width: 36px;
}
div.mymenu_item_ .img_ img{
	width: 100%;
}
div.mymenu_item_ .desc_ {
	float: right;
	width: 215px;
}
div.mymenu_item_ h2 {
	font-weight: bold;
	font-size: 117%;	/* 14px */
}
div.mymenu_item_ h2 a,
#mymenu_custdest_change{
	font-weight: 500;
	letter-spacing: 0.01em;
}
div.mymenu_item_ .desc_ a{
	color: #666666;
}
div.mymenu_item_ .desc_ a:hover{
	text-decoration: none;
	color: #e21836;
}
div.mymenu_item_ p{
	margin: 3px 0 5px;
	font-size: 83.5%;	/* 10px */
	line-height: 1.3;
}
div.mymenu_item_ .desc_ ul li a{
	color: #666666;
	font-size: 83.5%;	/* 10px */
}
div.members_rank {
	margin-bottom: 10px;
	padding: 0 0 10px 0;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
}
/* --------------------------------------------------------------------
	マイページ　購入履歴
-------------------------------------------------------------------- */
div.customer_ .navitopicpath_{
	width: 960px;
}
div.customer_ .method_addr_ {
	margin: 0 auto 10px;
	padding-left: 10px;
	width: 960px;
}
div.customer_ .destgoodslist_ {
	margin-bottom: 20px;
	width: 960px;
}
div.customer_ .history_ship_ {
	margin: 0 auto 30px;
	width: 960px;
}
table.history_ {
	margin-bottom: 20px;
}
table.history_ th {
	font-weight: bold;
}
table.history_ td.order_dt_,table.history_ td.store_name_ {
	white-space: nowrap;
}
table.history_ td.order_detail_ ul {
	margin-bottom: 5px;
}
table.history_ td.order_detail_ ul li {
	margin-left: 2em;
	list-style: square;
}
table.history_ td.order_detail_ p.order_again_ {
	padding: 5px;
	text-align: right;
	font-weight: bold;
}
table.history_ td.total_ {
	text-align: center;
	font-size: 14px;
}
table.history_ td.status_ img.process_ {
	width: 160px;
}
ul.historydetail_ {
	margin: 10px auto;
	width: 18em;
}
ul.historydetail_ li {
	margin-left: 2em;
	font-weight: bold;
	list-style: square;
}
/* --------------------------------------------------------------------
	マイページ　カード情報確認
-------------------------------------------------------------------- */
div.cardedit_ {
}
div.cardedit_ table th {
	width: 16em;
}
/* 現在の登録内容 */
div.cardedit_info_ {
	margin-bottom: 20px;
}
/**/
td.card_ label {
	margin: 0 20px 0 5px;
}
/* --------------------------------------------------------------------
	マイページ　メールアドレス変更
-------------------------------------------------------------------- */
table.mailchange_ {
	margin-bottom: 10px;
}
table.mailchange_ th {
	width: 16em;
}
/* --------------------------------------------------------------------
	マイページ　アドレス帳の新規登録
-------------------------------------------------------------------- */
table.custdest_ th {
	width: 25%;
}
/* --------------------------------------------------------------------
	マイページ　ID変更
-------------------------------------------------------------------- */
table.idchange_ {
	margin-bottom: 10px;
}
table.idchange_ th {
	width: 16em;
}
/* --------------------------------------------------------------------
	マイページ　パスワード変更
-------------------------------------------------------------------- */
form[action="/shop/customer/askpasschange.aspx"]{
  text-align: center;
}
table.passchange_ {
	margin-bottom: 10px;
  text-align: left;
}
table.passchange_ th {
	width: 25%;
}
table.passchange_ .small_ {
  display: inline-block;
  margin-top: 5px;
}
.navigation_{
  text-align: center;
  margin-bottom: 10px;
}
.passchange_ {
	margin: 0 auto;
	width: 960px;
  text-align: center;
}

.passchange_ p a{
    font-size: 16px;
    padding-top: 10px;
    display: block;
}
/* --------------------------------------------------------------------
	マイページ　お気に入り
-------------------------------------------------------------------- */
div.customer_ .bookmark_frame_ {
  display: flex;
  flex-wrap: wrap;
	margin: 30px auto 10px;
	width: 1090px;
}
div.customer_ div.bookmark_item_ {
  position: relative;
	width: 190px;
  margin: 0 35px 15px 0;
}
div.customer_ div.bookmark_item_:nth-of-type(10n - 1) {
  margin-right: 0;
}
div.bookmark_item_ div.cartgoods_ {
	padding: 10px;
	width: 60px;
}
div.bookmark_item_ div.img_ {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
	width: 190px;
	height: 190px;
}
div.bookmark_item_ div.img_ img {
	max-width: 190px;
	max-height: 190px;
}
div.bookmark_item_ div.desc_ {
	padding: 5px 0;
}
div.bookmark_item_ div.name_ {
	margin-bottom: 3px;
}
div.bookmark_item_ div.name_ a {
  color: #232323;
}
div.bookmark_item_ div.icon {
  margin: 0 0 8px;
}
div.bookmark_item_ div.spec_ {
	margin-bottom: 5px;
}
div.bookmark_item_ p.discount_ {
  color: #e21836;
  margin: 2px 0 0;
}
div.bookmark_item_ div.del_ {
  position: absolute;
  right: 0;
  bottom: 0;
}
div.bookmark_item_ div.del_ a {
  position: relative;
  display: inline-block;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #232323;
  padding: 3px 20px 2px 7px;
}
div.bookmark_item_ div.del_ a:before,
div.bookmark_item_ div.del_ a:after {
  content: '';
  position: absolute;
  top: 12px;
  right: 6px;
  width: 11px;
  height: 1px;
  background: #232323;
  transform: rotate(45deg);
}
div.bookmark_item_ div.del_ a:after {
  transform: rotate(-45deg);
}
div.bookmark_buy_ {
	margin-bottom: 20px;
	text-align: center;
}

/* 掲載終了 */
div.customer_ div.bookmark_item_.no_stock_ div.img_ .message_ {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .5);
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  text-align: center;
  margin: 0;
}
div.customer_ div.bookmark_item_.no_stock_ .goods_name_ {
  pointer-events: none;
}

/* --------------------------------------------------------------------
	マイページ　入荷案内申し込み
-------------------------------------------------------------------- */
div.customer_ .backorder_frame_ {
	border-top: 1px dotted #CCC;
	margin: 0 auto 10px;
	width: 960px;
}
div.customer_ div.backorder_item_ {
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
  display: table;
}
div.backorder_item_ div.cartgoods_ {
	padding: 10px;
	width: 60px;
	display: table-cell;
	vertical-align: middle;
}
div.backorder_item_ div.img_ {
	width: 120px;
	display: table-cell;
	overflow: hidden;
	vertical-align: middle;
}
div.backorder_item_ div.img_ img {
	width: 100px;
}
div.backorder_item_ div.desc_ {
	padding: 10px 0;
	float: left;
	display: table-cell;
}
div.backorder_item_ div.name_ {
	margin-bottom: 5px;
}
div.backorder_item_ div.spec_ {
	margin-bottom: 5px;
}
div.backorder_item_ .edit_memo_ {
	margin-top: 5px;
	font-weight: bold;
}
div.backorder_item_ .memo_ {
	padding: 5px;
	border: 1px solid #CCC;
	background: #F8F8F8;
}
div.backorder_item_ div.del_ {
	width: 50px;
	vertical-align: middle;
	display: table-cell;
}
div.backorder_buy_ {
	margin-bottom: 20px;
}
/* --------------------------------------------------------------------
	マイページ　お問い合わせ
-------------------------------------------------------------------- */
div.contact_ {
}
div.contact_ .message_{
	margin: 0 auto;
	width: 960px;
}
div.contact_ table {
	width: 960px;
}
/* new お問合せフォーム */
div.contact_ table.contact_ th {
	width: 16em;
}
div.contact_ table.contact_ td {
}
div.contact_ div.contact_reform_ {
  width: 1200px;
  height: auto;
	margin:0 auto 20px;
	text-align:center;
}
div.contact_ div.contact_reform_ .message_{
  margin-bottom: 15px;
}
/* --------------------------------------------------------------------
	マイページ　お問い合わせ履歴
-------------------------------------------------------------------- */
/* お問合せ履歴 */
div.contact_ ul.contactlist_ {
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
div.contact_ ul.contactlist_ li {
	padding: 10px;
	border-bottom: 1px dotted #CCC;
}
div.contact_ table.detaillistline_ {
	border: dotted 1px;
	margin:2px auto;
}
/* お問合せ詳細 */
.contactdetail_title_ {
  width: 1200px;
  height: auto;
	margin:0 auto 20px;
	padding: 10px;
	font-size: 14px;
	border-bottom: 1px dotted #CCC;
	border-top: 1px dotted #CCC;
}
.contactdetail_title_ .subject_ {
	margin-left: 20px;
	font-weight: bold;
}
.contactdetail_title_ .id_ {
	margin-left: 10px;
	font-size: 10px;
}
.align_l_ {
	text-align: left;
}
/* スレッド */
div.contactlist_ {
  width: 1200px;
  height: auto;
	margin:0 auto 20px;
}
div.contactlist_ .contactlist_order_id_ {
}
div.contactlist_ .contactlist_goods_ {
	margin: 0 0 0 20px;
}
div.contactlist_line_ {
	margin-top: 10px;
	width: 100%;
	overflow: hidden;
	border: 1px solid #CCC;
}
div.contactlist_line_ .contactlist_head_ {
	width: 100%;
	overflow: hidden;
	background: #F0F0F0;
	border-bottom: 1px solid #CCC;
}
div.contactlist_line_ .contactlist_head_ .name_ {
	padding: 5px;
	float: left;
	display: inline;
	font-weight: bold;
	width: 40%;
}
div.contactlist_line_ .contactlist_head_ .updt_ {
	padding: 5px;
	float: right;
	display: inline;
	text-align: right;
	width: 40%;
}
div.contactlist_line_ .comment_ {
	padding: 10px;
}
/* --------------------------------------------------------------------
	マイページ　退会
-------------------------------------------------------------------- */
table.withdrawal_ {
	margin-bottom: 10px;
}
table.withdrawal_ th {
	width: 16em;
}
div.withdrawal_{
  width: 1200px;
  height: auto;
  margin: 0 auto;
}
div.withdrawal_ p{
  text-align: center;
}

/* --------------------------------------------------------------------
	マイページ　クーポン一覧
-------------------------------------------------------------------- */
table.coupon_list_ {
	margin-bottom: 20px;
}
table.coupon_list_ th {
	font-weight: bold;
	text-align: center;
}
table.coupon_list_ td.coupon_code_ {
	min-width: 125px;
	white-space: nowrap;
}
table.coupon_list_ td.coupon_name_ {
	min-width: 160px;
	text-align: left;
}
table.coupon_list_ td.bonus_type_ {
	min-width: 160px;
	text-align: left;
	white-space: nowrap;
}
table.coupon_list_ td.coupon_target_ {
	text-align: justify;
}
table.coupon_list_ td.coupon_dt_ {
	width: 145px;
	min-width: 145px;
	text-align: left;
	white-space: normal;
	word-break: break-all;
}
table.coupon_list_ td.coupon_condition_ {
	text-align: left;
}
table.coupon_list_ td a {
	color: #E21836;
}
div.shop_modal_frame_ {
	width: 860px;
	padding: 40px;
	margin: 0 auto;
	border-radius: 6px;
	background: #ffffff;
}
div.shop_modal_frame_ .head_ {
	margin-bottom: 15px;
	position: relative;
}
div.shop_modal_frame_ .head_ h2 {
	font-size: 24px;
	display: inline;
}
div.shop_modal_frame_ .head_ p {
	margin-left: 40px;
	font-size: 12px;
	display: inline;
}
div.shop_modal_frame_ .head_ p a {
	text-decoration: underline;
	color: #E21836;
}
div.shop_modal_frame_ .list_ ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
div.shop_modal_frame_ .list_ ul li {
	width: 48%;
	padding: 10px;
	border-bottom: #cccccc 1px solid;
	border-left: #cccccc 1px solid;
	border-right: #cccccc 1px solid;
	box-sizing: border-box;
}
div.shop_modal_frame_ .list_ ul li:nth-child(1),
div.shop_modal_frame_ .list_ ul li:nth-child(2){
	border-top: #cccccc 1px solid;
}

div.shop_modal_frame_ .popup-modal-dismiss {
	width: 48px;
	height: 48px;
	border-radius: 24px;
	font-size: 30px;
	text-align: center;
	line-height: 48px;
	background: #F2F2F2;
	color: #707070;
	position: absolute;
	right: -30px;
	top: -30px;
}

/* --------------------------------------------------------------------
	マイページ　ポイント履歴
-------------------------------------------------------------------- */
table.point_list_ {
	margin-bottom: 20px;
	background: #ffffff;
}
table.point_list_ th:first-child {
	width: 100px;
}
table.point_list_ td a {
	color: #E21836;
	text-decoration: underline;
}
table.point_list_ td.point_point_in_ {
	color: #29A3B1;
}
table.point_list_ td.point_limit_.alert_ {
	color: #B1293C;
	white-space: nowrap;
}
table.point_list_ td.point_limit_.alert_::before {
	content: '!';
	height: 16px;
	width: 16px;
	margin-right: 4px;
	border-radius: 16px;
	line-height: 16px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background: #B1293C;
	display: inline-block;
}
table.point_list_ tr.used td.point_point_in_ {
	color: #B1293C;
}
table.point_list_ tr td.point_purpose_ {
	background: #E1F5F8;
}
table.point_list_ tr.used td.point_purpose_ {
	background: #FFEEEE;
}
table.point_list_ tr.limit td.point_purpose_ {
	background: #EEEEEE;
}

/* --------------------------------------------------------------------
	マイページ　定期購入
-------------------------------------------------------------------- */
.regularhistory_skip_ {
	margin-bottom: 20px;
}

.regularhistory_withdrawal_ {
	margin-bottom: 20px;
}

/* --------------------------------------------------------------------
	特典
-------------------------------------------------------------------- */
#block_of_benefit > h2{
	text-align: center;
	font-size: 150%;	/* 18px */
	font-weight: bold;
	color: #666666;
}
#block_of_benefit > h2 img{
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#block_of_benefit .tab{
	border: 1px solid #f1f1f1;
	margin: 20px 0 0;
}
#block_of_benefit .menu{
	text-align: center;
}
#block_of_benefit .menu ul{
	overflow: hidden;
}
#block_of_benefit .menu ul li{
	float: left;
	width: 162px;
}
#block_of_benefit .menu ul li + li a{
	border-left: 1px solid #e1e1e1;
}
#block_of_benefit .menu ul li a{
	background-color: #f1f1f1;
	display: block;
	padding: 12px 0;
	font-size: 117%;	/* 14px */
	color: #666666;
}
#block_of_benefit .menu ul li a.active{
	background-color: #ffffff;
	font-weight: bold;
}
#block_of_benefit .menu ul li a:hover{
	background-color: #232323;
	text-decoration: none;
	color: #ffffff;
}
#block_of_benefit .set + .set{
	display: none;
}
#block_of_benefit .body{
	background-color: #ffffff;
	padding: 0 25px 5px;
}
#block_of_benefit .body h3{
	margin: 20px 0 15px;
	font-size: 117%;	/* 14px */
	text-align: center;
}
#block_of_benefit .body ul{
	overflow: hidden;
}
#block_of_benefit .body ul li{
	float: left;
	margin: 0 0 15px;
	width: 294px;
}
#block_of_benefit .body ul li:nth-child(even){
	float: right;
}
#block_of_benefit .body ul img{
	border: 1px solid #dfdfdf;
}
#block_of_benefit .body ul span{
	display: block;
	margin: 5px 0;
}

/* --------------------------------------------------------------------
	MYニューバランスとは？
-------------------------------------------------------------------- */
#block_of_about_mynb{
	margin: 30px 0;
	color: #666666;
}
#block_of_about_mynb > h2{
	margin: 25px 0;
	text-align: center;
	font-size: 150%;	/* 18px */
	font-weight: bold;
}
#block_of_about_mynb > h2 img{
	margin: 0 10px 0 0;
	vertical-align: middle;
}
#block_of_about_mynb > h2 small{
	display: block;
	font-weight: normal;
	font-size: 75%;
}
#block_of_about_mynb .body .txt{
	font-size: 117%;	/* 14px */
}
#block_of_about_mynb .body .btn{
	margin: 25px auto;
	width: 440px;
}
#block_of_about_mynb .body .btn a{
	background: url(../img/usr/common/icon_menu-blk-right.png) no-repeat 415px center;
	display: block;
	border: 1px solid #232323;
	border-radius: 4px;
	padding: 12px 0;
	font-size: 117%;	/* 14px */
	font-weight: bold;
	text-align: center;
	color: #232323;
}
#block_of_about_mynb .body .btn a:hover{
	text-decoration: none;
	color: #e21836;
}
#block_of_about_mynb .body .btn a img{
	margin: 0 3px 0 0;
	vertical-align: middle;
}
div#socialplus_release_err_{
	margin: 0 0 10px 0;
}

/* お子様の生年月日 */
form#frmCustomer .message_area_ {
  display: flex;
  align-items: center;
  width: 960px;
  margin: 0 auto 20px;
}
form#frmCustomer .btn-wrapper {
  width: 960px;
  margin: 0 auto;
  text-align: right;
}
form#frmCustomer .btn-wrapper #add-birth {
  display: inline-block;
  width: 200px;
  border: 1px solid #232323;
  border-radius: 2px;
  padding: 5px 15px;
  cursor: pointer;
  text-align: center;
}
form#frmCustomer .btn-wrapper #add-birth:hover {
  opacity: .8;
}
form#frmCustomer #child-birth tr.hide {
  display: none;
}

/* アンケート */
form#frmCustomer #btn-enquate {
  width: 960px;
  padding: 10px;
  margin: 30px auto;
  background: #F8F8F8;
  border: 1px solid #CCC;
  text-align: left;
}
form#frmCustomer #btn-enquate label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
form#frmCustomer #btn-enquate input {
  margin-bottom: 0;
}
form#frmCustomer table#enquate {
  display: none;
}

/* パスワード */
form#frmCustomer th .small_ {
  margin-top: 5px;
}
form#frmCustomer #pwd_count_msg {
  clear: both;
  margin-top: 8px;
}

/* お支払い方法 */
.order_ #method_radio + .method_caution_ {
  display: none;
  color: #f00;
}

/* ギフトラッピング */
.order_ #btn-gift {
  padding: 10px;
  margin: 30px 0 0;
  background: #F8F8F8;
  border: 1px solid #CCC;
  text-align: left;
}
.order_ #btn-gift label {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.order_ #btn-gift input {
  margin-bottom: 0;
}
.order_ #gift-area {
  display: none;
}
.order_ #gift-area .caution {
  margin: 30px 0 20px;
}
.order_ #gift-area + #method_salesappend_ {
  display: none;
}
.order_ #gift-area + #method_salesappend_ .method_box_content_ {
  padding: 0;
}
.order_ #gift-area + #method_salesappend_ table.salesappend_ {
  width: 100%;
}

/* パスワード表示 */
#frmCustomer .checktype_pwd,
#frmCustomer .checktype_cpwd,
#estimate_form.order_ .checktype_pwd,
#estimate_form.order_ .checktype_cpwd {
  position: relative;
  float: left;
  display: block;
  width: 95%;
  margin: 0 0 5px;
}
#frmCustomer .checktype_pwd input,
#frmCustomer .checktype_cpwd input {
  width: 100%;
  padding-right: 40px;
}
#frmCustomer .show_pw {
  position: absolute;
  top: 0;
  right: 10px;
  width: 5%;
  padding: 8px 0 0 10px;
  cursor: pointer;
}
#frmCustomer .show_pw label,
.passchange_ .show_pw label,
#estimate_form.order_ .formdetailcust_ .show_pw label {
  display: block;
  width: 25px;
  height: 25px;
  background: url(../img/usr/common/icon_eye.png) no-repeat left top / 100%;
  cursor: pointer;
}
#frmCustomer .show_pw input,
.passchange_ .show_pw input,
#estimate_form.order_ .formdetailcust_ .show_pw input {
  display: none;
}
#frmCustomer .checktype_cpwd ~ * {
  clear: both;
}
#frmCustomer .checktype_pwd + img[id^="isErrorIcon"],
#frmCustomer .checktype_cpwd + img[id^="isErrorIcon"],
#estimate_form.order_ .checktype_pwd + img[id^="isErrorIcon"],
#estimate_form.order_ .checktype_cpwd + img[id^="isErrorIcon"] {
  transform: translate(5px, 5px);
}

table.passchange_ td {
  position: relative;
}
table.passchange_ input[name="oldpwd"],
table.passchange_ input[name="newpwd1"],
table.passchange_ input[name="newpwd2"],
#estimate_form.order_ .formdetailcust_ input[name="pwd"],
#estimate_form.order_ .formdetailcust_ input[name="cpwd"] {
  padding-right: 40px;
  width: 100%;
}
.passchange_ .show_pw {
  position: absolute;
  top: 18px;
  right: 5px;
  width: 5%;
  cursor: pointer;
}

#estimate_form.order_ .formdetailcust_ .show_pw {
  position: absolute;
  top: 8px;
  right: 10px;
  cursor: pointer;
}
#estimate_form.order_ .formdetailcust_ .show_pw label {
  margin: 0;
}
#estimate_form.order_ .formdetailcust_ #pwd_count_msg {
  clear: both;
  margin: 2px 0 7px;
}
#estimate_form.order_ .formdetailcust_ .small_ {
  clear: both;
}

.formdetail_.passchange_ input[type="text"] {
  width: 100%;
}