@charset "utf-8";
/* ===================================================================
コンテンツ
	01 基本設定
	02 パンクズ
	03 左メニュー
	04 TOP右カラム
	05 メンバーズカードページ
	06 登録内容の確認・変更
	07 アドレス帳
	08 お支払い方法
	09 ニュース レター登録・削除 → page-magazine
	10 マイショップ登録
	11 パスワードの変更
	12 ご注文履歴
	13 ポイント利用履歴
	14 お気に入りアイテム
	15 お気に入りコーディネート
	16 ログアウト
	17 退会
	18 変更完了ページ
	19.注文詳細
	20 メンバーズカードの認証
	21.マイショップ
	22.クーポン・キャンペーン
	23 非ログイン時 ニュース レター編集
	24 ログイン画面
	25 ログイン用エラーエリア
	26 既存会員用ログインページ
	27 パスワードを忘れた方 (forgotAccount)
	28 領収書等
=================================================================== */
/* 01 基本設定
--------------------------------------------------------------------*/
#mypage {
	width: 1080px;
	margin-top: 60px ;
	text-align:left;
}

/*ORIGINAL MYPAGE BTN*/
/*#mypage .single_btn, #mypage .multiple_btn {
	margin: 30px auto ;
}*/
#right_box .btn ul {
}
#right_box .btn ul li {
	display: inline-block;
}
#right_box .btn ul li:first-child {
	margin-right: 10px;
}
/* エラーテキスト */
#right_box .errorText {
	color: #ff0000;
}


/*マイページ フォーム共通設定*/
.mypage_form {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}
.mypage_form_heading {
	-ms-flex: 0 0 260px;
	flex: 0 0 260px;
	max-width: 260px;
	padding: 28px 5px 15px;
}
.mypage_form_detail {
	-ms-flex: 0 0 590px;
	flex: 0 0 590px;
	max-width: 590px;
	padding: 15px 5px;
}
.mypage_form_nickname {
	font-size: 12px;
	margin-bottom: 5px;
}
.mypage_form_detail #id {
	font-size: 14px;
	line-height: 40px;
}
.mypage_form_detail.nickname {
	padding: 58px 5px 15px;
}
.mypage_form_detail.gender {
	font-size:0;
	letter-spacing: -.45em;
	padding: 26px 5px;
}
.mypage_form_detail.gender .form_radio_left input[type="radio"] + label {
	font-size:14px;
	letter-spacing:normal;
	margin-right: 15px;
}
.mypage_form_detail.gender .form_radio_left input[type="radio"] + label:last-child {
	margin-right: 0;
}
.mypage_form.mypage_form_confirm {
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.mypage_form_confirm .mypage_form_heading,
.mypage_form_confirm .mypage_form_detail {
	padding: 15px 5px;
}
.mypage_form_confirm .mypage_form_detail {
	font-size: 14px;
}
.mypage_form .error_message {
	display: block;
	color: #ff3300;
	font-size: 12px;
}
.mypage_form_row {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-right: -10px;
	margin-left: -10px;
}
.mypage_form_row  > [class*=col_] {
	padding-right: 10px;
	padding-left: 10px;
}
.col_mypage_1 {
	-ms-flex: 0 0 8.333333333%;
	flex: 0 0 8.333333333%;
	max-width: 8.333333333%;
}
.col_mypage_2 {
	-ms-flex: 0 0 16.666666667%;
	flex: 0 0 16.666666667%;
	max-width: 16.666666667%;
}
.col_mypage_3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col_mypage_4 {
	-ms-flex: 0 0 33.333333333%;
	flex: 0 0 33.333333333%;
	max-width: 33.333333333%;
}
.col_mypage_5 {
	-ms-flex: 0 0 41.666666667%;
	flex: 0 0 41.666666667%;
	max-width: 41.666666667%;
}
.col_mypage_6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.col_mypage_7 {
	-ms-flex: 0 0 58.333333333%;
	flex: 0 0 58.333333333%;
	max-width: 58.333333333%;
}
.col_mypage_8 {
	-ms-flex: 0 0 66.666666667%;
	flex: 0 0 66.666666667%;
	max-width: 66.666666667%;
}
.col_mypage_9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
.col_mypage_10 {
	-ms-flex: 0 0 83.333333333%;
	flex: 0 0 83.333333333%;
	max-width: 83.333333333%;
}
.col_mypage_11 {
	-ms-flex: 0 0 91.666666667%;
	flex: 0 0 91.666666667%;
	max-width: 91.666666667%;
}
.col_mypage_12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.col_mypage_auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	min-height: 1px;
	position: relative;
}
.mypage_input_group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-align: stretch;
	align-items: stretch;
	width: 100%;
}
.mypage_input_group .mypage_form_input {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 1%;
}
.mypage_input_group_inline {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row wrap;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.mypage_input_group_inline .mypage_input_group {
	width: auto;
}
.mypage_input_group_inline .mypage_form_input {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}
.mypage_input_group_prepend,
.mypage_input_group_append {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.mypage_input_group_text {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 35px;
	font-size: 14px;
	text-align: center;
	padding: 0 5px 0 0;
}
.mypage_input_group_append .mypage_input_group_text {
	-ms-flex-pack: start; /*IE10*/
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	width: auto;
	padding: 0 0 0 5px;
}
.mypage_form_input {
	display: inline-block;
	width: 100%;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	background-image: none;
	padding: 0 12px;
	border: 1px solid #a6a6a6;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.mypage_form_input::-webkit-input-placeholder,
.mypage_form_input::-moz-placeholder,
.mypage_form_input:-moz-placeholder,
.mypage_form_input:-ms-input-placeholder {
	color: #ccc;
}
.has_feedback .mypage_form_input {
	padding: 0 32px 0 12px;
}
.mypage_form .tag.tag_required {
	position: relative;
	top: -2px;
}
.mypage_form_text_help {
	display: block;
	font-size: 14px;
	line-height: 1.4;
	margin-top: 5px;
}
.mypage_form_text_register {
	font-size: 14px;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 40px;
}
.mypage_form_text_caution {
	display: block;
	color: #fff;
	line-height: 1.4;
	background-color: #ff0000;
	margin-bottom: 10px;
	padding: 10px;
}
select {
	display: inline-block;
	width: auto;
	font-size: 14px;
	height: 40px;
	line-height: 40px;
	background: url(/static/full/images/common/detailsearch_select_arrow.png) right center no-repeat;
	background-size: 40px;
	background-color: #fff;
	padding-left: 12px;
	padding-right: 52px;
	border: 1px solid #a6a6a6;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.mypage_form_select {
	/* overflow: hidden; */
	display: inline-block;
	font-size: 14px;
	position: relative;
	border: 1px solid #a6a6a6;
	background-color: #fff;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/* .mypage_form_select:after {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 40px;
	display: block;
	content: "";
	background: url(/static/full/images/common/mypage_select.png) center no-repeat;
	pointer-events: none;
	border-left: 1px solid #ccc;
} */
.mypage_select {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: url(/static/full/images/common/detailsearch_select_arrow.png) right center no-repeat;
	background-size: 40px;
	padding-left: 12px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.mypage_form_radio {
	display: inline-block;
	vertical-align: middle;
}
.mypage_form_radio + .mypage_form_radio {
	margin-left: 20px;
}
.mypage_form_input.wide_xs,
.mypage_form_select.wide_xs,
.mypage_form_radio.wide_xs {
	width: 120px;
}
.mypage_form_input.wide_sm,
.mypage_form_select.wide_sm,
.mypage_form_radio.wide_sm {
	width: 210px;
}
.mypage_form_input.wide_md,
.mypage_form_select.wide_md,
.mypage_form_radio.wide_md {
	width: 570px;
}
.mypage_form_input.wide_lg,
.mypage_form_select.wide_lg,
.mypage_form_radio.wide_lg {
	width: 800px;
}
.search_zip {
	display: inline-block;
	color: #2423ff;
	font-size: 14px;
	vertical-align: middle;
	text-decoration: underline;
}

.value {
	position: relative;
	display: inline-block;
	width: 122px;
	font-size: 14px;
}
.value dt {
	background: url("/static/full/images/cart/pulldown.gif") 84px center no-repeat;
	background-size: 38px 38px;
	display: inline-block;
	font-size: 0;/* inline-block隙間対応 */
	cursor: pointer;
	width: 140px;
	padding: 0;
}
.value dt span {
	font-size: 14px;
	display: inline-block;
	width: 84px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	margin-right: 38px;
	padding: 0 5px;
	border: 1px solid #a6a6a6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.value dd {
	display: none;
	position: absolute;
	top: 38px;
	left: 0;
	width: 100%;
	z-index: 1;
}
.value dd ul {
	border-top: 1px #a6a6a6 solid;
	border-right: 1px #a6a6a6 solid;
	border-bottom: 1px #a6a6a6 solid;
	border-left: 1px #a6a6a6 solid;
	overflow-y: auto;
	height: 200px;
	margin-top: -1px;
	box-sizing: border-box;
}
.value dd ul.card {
	border-right: 1px #a6a6a6 solid;
	border-bottom: 1px #a6a6a6 solid;
	border-left: 1px #a6a6a6 solid;
	overflow-y: auto;
	height: auto;
}
.value dd li {
	line-height: 23px;
	border-top: 1px #a6a6a6 solid;
	background-color: #FFF;
	cursor: pointer;
	text-align: center;
}
.value dd li:first-child {
	border-top: none;
}

.allconf{
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
	padding: 40px 0;
}
.allconf_caution {
	font-weight: bold;
}
.required {
	display:inline-block;
	color:#ff3300;
	font-size:11px;
	margin:0 0 0 5px;
}

.section_recommend {
	padding: 60px 0 0;
}
/* 02 パンクズ
--------------------------------------------------------------------*/
/*
#mypage ul.bread{
	width: 1190px;
	margin: 0 auto;
	padding: 38px 0 50px;
	text-align: left;
}
*/

/* 03 左メニュー
--------------------------------------------------------------------*/
#left_box {
	width: 170px;
	float: left;
	margin: 0 30px 70px 0;
}
.mypage_profile {
	text-align: center;
	margin: 0 0 60px 0;
}
.mypage_profile_name {
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	background-color: #9ea4a4;
	padding: 15px 10px;
}
/* .member_info {
	padding: 12px 5px 0;
	border: 3px solid #9ea4a4;
	border-top-width: 0;
} */
.member_rank {
	padding: 0 0 12px 0;
}
.member_rank_heading {
	margin-bottom: 2px;
}
.member_rank_name {}
.member_rank_item {}
.member_rank_text {
	line-height: 1.4;
}
.member_rank_info {
	text-align: right;
}
.member_rank_link {
	color: #2423ff;
	text-decoration: underline;
	background: url(/static/full/images/cart/cart_q.gif) no-repeat left center;
	background-size: 11px;
	padding-left: 15px;
}
.member_havepoint {
	padding: 0 0 12px 0;
}
.member_havepoint_heading {
	font-size: 11px;
	margin-bottom: 2px;
}
.member_havepoint_num {
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 1px;
	margin-right: 5px;
}
.member_havepoint_lapse {}
.member_havepoint_date {}
.member_history {
	border-top: 1px solid #dcdcdc;
	padding: 15px 0;
	position: relative;
}
.member_history_link {
	font-size: 11px;
}
.member_history_link:after {
	content: "";
	width: 6px;
	height: 6px;
	margin-top: -5px;
	border-top: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	position: absolute;
	top: 50%;
	right: 5px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.member_id {
	margin: 20px 10px 5px;
	border: 1px #000 solid;
}
.member_id_heading {
	float: left;
	width: 65px;
	background-color: #000;
	color: #fff;
	line-height: 28px;
}
.member_id_code {
	float: left;
	text-align: center;
	width: 143px;
	font-size: 14px;
	line-height: 28px;
}
.member_id_text {
	margin: 0 10px 10px;
	font-size: 10px;
	text-align: left;
}
.mypage_menu {}
.mypage_nav {}
.mypage_nav_list {}
.mypage_nav_item {
	border-bottom: 1px solid #dcdcdc;
}
.mypage_nav_link {
	display: block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 15px 0;
	position: relative;
}
.mypage_nav_link:after {
	content: "";
	width: 6px;
	height: 6px;
	margin-top: -5px;
	border-top: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.mypage_menu_block {
	padding-bottom: 15px;
}
.mypage_menu_heading {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 12px 0;
	border-bottom: 1px solid #dcdcdc;
}
.mypage_menu_list {}
.mypage_menu_item {}
.mypage_menu_link {
	display: block;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 15px 0 15px 10px;
	position: relative;
}

/* 04 右カラム
--------------------------------------------------------------------*/
#right_box {
	width: 850px;
	float: right;
	text-align: left;
	margin: 0 0 60px;
    font-size: 13px;
}
#right_box .subtitle {
	font-size: 18px;
	line-height: 1.6;
	border-bottom: 1px solid #c1c1c1;
}

#right_box .lead{
    line-height: 1.6;
    margin-bottom: 30px;
}
#right_box .note{
	line-height: 1.6;
}
#right_box .news, #right_box .coupon {
	line-height: 23px;
	font-size:13px;
	margin:0 0 35px 0;
	padding:0;
}
#right_box .recomend-item, #right_box .recomend-topics {
	line-height: 23px;
	font-size:13px;
	margin:0 0 35px 0;
	padding:0;
}
/* ニュース */
#right_box .news .member_detail,
#right_box .news .description{
	line-height: 2;
}
.member_news {
	margin-bottom: 40px;
}
.member_news_item {}
.member_news_item + .member_news_item {
	margin-top: 20px;
}
.member_news_link {
	display: block;
}
.member_news_content {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	-webkit-align-content: flex-start;
	align-content: flex-start;
}
.member_news_photo {
	max-width: 200px;
	-webkit-flex-basis: 200px;
	-ms-flex-preferred-size: 200px;
	flex-basis: 200px;
}
.member_news_image {
	width: 100%;
	height: auto;
}
.member_news_detail {
	display: inline-block;
	width: 100%;
}
.member_news_detail.news_detail_column {
	margin: 0 0 0 20px;
}
.member_news_date {
	color: #1e1e1e;
	font-size: 13px;
	letter-spacing: .05em;
	margin-bottom: 5px;
}
.member_news_title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 5px;
}
a.member_news_link:link .member_news_title,
a.member_news_link:visited .member_news_title {
	text-decoration: underline;
}
.member_news_description {
	color: #000;
	font-size: 13px;
	line-height: 1.6;
}
.member_news_description * {
	color: #000;
	font-size: 13px;
	line-height: 1.6;
}
.member_news_description a {
	text-decoration: underline;
}
.member_news_not_found {
	font-size: 13px;
	line-height: 1.6;
}

/* おすすめアイテム */
/*
#right_box .recomend-item ul li {
	width:146px;
	float:left;
	margin:0 12.5px 30px 0;
}
#right_box .recomend-item ul li:nth-of-type(5n) {
	margin:0 0 30px 0;
}
#right_box .recomend-item ul li .photo {
}
#right_box .recomend-item ul li .photo img {
	width:144px;
	border:1px solid #eee;
}
#right_box .recomend-item ul li .item_info {
	padding:10px 8px 0;
}
#right_box .recomend-item ul li .brand_name {
	color:#777;
	margin:0 0 6px 0;
	padding:0;
}
#right_box .recomend-item ul li .item_name {
	font-size:14px;
	font-weight:bold;
	line-height: 1.2em;
	margin:0 0 4px 0;
}
#right_box .recomend-item ul li .offprice {
	color:#d90000;
	font-size:14px;
	font-weight:bold;
}
#right_box .recomend-item ul li .offprice span {
	font-size:10px;
}
#right_box .recomend-item ul li .rate {
	display:inline-block;
	color:#fff;
	font-size:11px;
	background:#d90000;
	margin:4px 0 0 0;
	padding:6px 8px;
}
*/

/* おすすめ特集 */
#right_box .recomend-topics ul {
	letter-spacing: -0.45em;
}
#right_box .recomend-topics li {
	display: inline-flex;
	letter-spacing: normal;
	margin: 0 15px 15px 0;
}
#right_box .recomend-topics li:nth-of-type(3n) {
	margin: 0 0 15px 0;
}
#right_box .recomend-topics li .bnr_img, #right_box .recomend-topics li .bnr_txt {
	display: block;
	width: 250px;
}
#right_box .recomend-topics li .bnr_img {
	margin: 0 0 7px 0;
}
#right_box .recomend-topics li .date {
	display: block;
	font-size: 10px;
	font-weight: bold;
	padding: 0 5px 5px;
}
#right_box .recomend-topics li .bnr_title {
	font-weight: bold;
	line-height: 1.3em;
	padding: 0 5px;
}
/* 06 登録内容の確認・変更
--------------------------------------------------------------------*/


#right_box .check_change {

}



/* 07 アドレス帳
--------------------------------------------------------------------*/

#right_box {
	/*color: #555;
	line-height: 14px;
	margin: 10px 0px 30px;*/
}
.input_delivery .address_list {
	width: 100%;
	display: table;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: #CCC 1px solid;
}
.input_delivery .select {
	width: 180px;
	padding-left: 10px;
	vertical-align: top;
	display: table-cell;
	line-height: 1.6;

}
.input_delivery .address {
	width: auto;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.6;
}
.input_delivery .edit_address {
	width: 120px;
	display: table-cell;
	vertical-align: bottom;
	padding-right: 10px;
}
.input_delivery .edit_address a {
	background-position: left bottom;
	display: block;
	line-height: 24px;
	padding-left: 30px;
	text-decoration: underline;
}
.input_delivery .edit_address a {
	color: #2423ff;
	background: url("/static/full/images/common/edit.gif") no-repeat;
	margin-bottom: 5px;
}
.input_delivery .edit_address a+a {
	color: #000;
	background: url("/static/full/images/common/delete.gif") no-repeat;
	background-position: left bottom;
}
.input_delivery .add_address {
	border-bottom: none;
	border-collapse: separate;
}
.input_delivery .add_address .select{
	line-height: 28px;

}
.input_delivery .add_address .address {
	line-height: 28px;
}
.input_delivery .add_address .select a {
	display: block;
	line-height: 28px;
}
.input_delivery .add_address .select a img {
	margin-right: 7px;
}


/* 08 お支払い方法
--------------------------------------------------------------------*/

#right_box .payment {
	margin: 0 0 30px;
	color: #555555;
}
#right_box .payment p {
	margin-bottom: 20px;
}
.payment_list {}
.payment_item {
	/*line-height: 28px;
	margin-bottom: 20px;*/
}
.payment_item  + .payment_item  {
	margin-top: 30px;
}
.btn_payment_credit {
	display: inline-block;
	color: #fff;
	background: #000;
	border-radius: 5px;
	padding: 5px 10px;
}
.payment_au_image {
	vertical-align: top;
	padding-left: 20px;
}
#right_box .member-info {
	color: #555;
	line-height: 1.6;
	margin: 10px 0 30px 0;
}
#right_box #completeMessage {
	text-align: center;
	margin: 20px auto;
}
#right_box #processingMessage {
	text-align: center;
	margin: 20px auto;
}
/* 09 ニュース レター登録・削除
--------------------------------------------------------------------*/

#mypage .mailmagazine {
	margin-bottom: 30px;
}
#mypage .mailmagazine p {
	text-align: left !important;
	margin: 10px 0 10px!important;
	line-height: 23px;
}
#mypage .magazine_store .mm_sort p {
	margin: 0 !important;
	padding: 0;
}
#mypage .magazine_store .mm_sort ul {
	padding-left: 0;
	margin-bottom: 0;
}
#mypage .mailmagazine .magazine_area {
	margin: 20px 10px;
}
#mypage .mailmagazine .magazine_area h4 {
	font-weight: bold;
	margin-bottom: 10px;
}
#mypage .mailmagazine .magazine_area .allCheck, #mypage .mailmagazine .magazine_area .allRelease {
	border: none;
	background-color: #999999;
	padding: 2px 20px;
	margin: 0 10px 10px 0;
	color: #fff;
	border-radius: 10px;
	box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 1px 2px 3px 0px rgba(0, 0, 0, 0.8);
}
#mypage .mailmagazine .magazine_area dl dt {
	font-size: 15px;
	font-weight: bold;
}
#mypage .mailmagazine .magazine_area dl dd {
	position: relative;
	margin-bottom: 60px;
}
#mypage .mailmagazine .magazine_area dl dd input {
	width: 350px;
	border: 2px #a6a6a6 solid;
	line-height: 26px;
	height: 26px;
	margin: 0;
	color: #000;
	padding: 0 5px;
}
#mypage .mailmagazine .magazine_area dl dd span {
	font-size: 10px;
	color: #ff0000;
}
#mypage .mailmagazine .magazine_area dl dd .note {
	position: absolute;
	bottom: -33px;
	color: #777777;
	left: 0;
}
/* チェックボックス */

/* #mypage .mailmagazine h4 {
	font-size: 14px;
	line-height: 25px;
	font-weight: bold;
	border-bottom: 1px #DDD solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
} */
.mailmagazine_top {
	margin-bottom: 40px;
}
.mailmagazine_bottom {}
#mailmagazine_site_list {
	margin-bottom: 20px;
}
#mailmagazine_site_list li {
	color: #000;
	font-weight: bold;
}
#mailmagazine_site_list input[type="checkbox"] {
	display: none;
	margin: 0;
}
#mailmagazine_site_list input[type="checkbox"] + label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	line-height: 24px;
	padding: 0 0 0 25px;
}
#mailmagazine_site_list input[type="checkbox"] + label:before {
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	background: rgba(0, 0, 0, 0) url(/static/lite/images/common/bg_checkbox.gif) no-repeat;
	background-position: top left;
	background-size: 24px auto;
	position: absolute;
	top: 0;
	left: 0;
}
#mailmagazine_site_list input[type="checkbox"]:checked + label:before {
	display: block;
	content: "";
	width: 24px;
	height: 24px;
	background: rgba(0, 0, 0, 0) url(/static/lite/images/common/bg_checkbox.gif) no-repeat;
	background-position: left bottom;
	background-size: 24px auto;
	position: absolute;
	top: 0;
	left: 0;
}

/* #mypage .mailmagazine ul li span {
	color: #777777;
	font-weight: normal;
	display: block;
	padding-left: 30px;
	margin-top: -7px;
	font-size: 11px;
}
#mypage .mailmagazine ul li input[type=checkbox] {
display: inline-block;
}
#mypage .mailmagazine ul li input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	min-height: 30px;
	cursor: pointer;
} */
/* ニュース レター登録・削除ページ */

#mypage .completion .confirmation {
	padding: 0 20px;
}
.completion p{
	line-height: 1.6;
}
#mypage .completion .confirmation p {
	text-align: left !important;
	margin: 30px 0 !important;
}
#mypage .completion .confirmation dl {
	margin: 0 0 20px 20px;
}
#mypage .completion .confirmation dl:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#mypage .completion .confirmation dl dt {
	font-size: 15px;
	font-weight: bold;
	float: left;
	width: 200px;
}
#mypage .completion .confirmation dl dd {
	margin-left: 20px;
	font-size: 15px;
	float: left;
	width: 500px;
	color: #555555;
}
#mypage .completion .confirmation .storeInputCol {
	float: left;
	margin-right: 5px;
}
#mypage .completion #mailmagazine_brand_btn {
	margin-bottom: 10px;
}
#mypage .completion #mailmagazine_brand_btn li {
	margin-right: 10px;
	float: left;
}
#mypage .completion #mailmagazine_brand_btn button {
	padding: 8px 13px;
	border: 2px solid #cccccc;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: none;
	cursor: pointer;
}
/* 11 パスワードの変更
--------------------------------------------------------------------*/

#right_box .change_pass {
	margin: 10px 0 30px;
	color: #555555;
}
.mypage_form.mypage_form_pass {
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}
.mypage_form.mypage_form_pass .mypage_form_heading {
	-ms-flex: 0 0 160px;
	flex: 0 0 160px;
	max-width: 160px;
}
.mypage_form.mypage_form_pass .mypage_form_detail {
	-webkit-flex: 0 0 440px;
	-ms-flex: 0 0 440px;
	flex: 0 0 440px;
}
.mypage_form.mypage_form_pass .mypage_form_input {
	width: 240px;
}
.change_pass_text {
	margin-bottom: 30px;
}
.change_pass_errorText {
	color: #ff0000;
	font-size: 12px;
	margin-bottom: 30px;
}
.change_pass_text__note {
	display:block;
	line-height: 1.5em;
	color: #ff0000;
	margin-top: 5px;
}
/* 12 ご注文履歴
--------------------------------------------------------------------*/

#right_box .order_history {
	margin: 10px 0px 30px;
	color: #555555;
}
#right_box .order_history p {
	margin-bottom: 30px;
}
#right_box .order_history h4 {
	font-size: 14px;
	line-height: 25px;
	font-weight:bold;
	padding-bottom:6px;
	margin-bottom: 10px;
}
#right_box .order_history .order_list {
	margin-bottom: 30px;
}
#right_box .order_history .order_list > span {
	display: block;
	margin: 0 0 10px 0;
}
#right_box .order_history .order_list table {
	width: 100%;
	border-collapse: collapse;
}
#right_box .order_history .order_list table th {
	background: #e6e6e6;
	border: 1px solid #a6a6a6;
	padding: 10px;
	text-align: center;
}
#right_box .order_history .order_list table td {
	border: 1px solid #a6a6a6;
	padding: 10px;
	text-align: center;
}
#right_box .order_history .order_list table td a {
	color: #ff0000;
}
#right_box .order_history .order_info {
	margin-bottom: 70px;
}
.memberinfo th {
	width: 220px;
	height: 35px;
	padding: 2px 0 2px 5px;
	text-align: left;
	font-size: 12px;
	font-weight: normal;/* background: url(/static/full/images/common/line_dotted_g.gif) repeat-x bottom; */
}
.memberinfo td {
	width: 550px;
	height: 35px;
	padding: 4px 0px 4px 0px;
	text-align: left;
	font-size: 12px;/* background: url(/static/full/images/common/line_dotted_g.gif) repeat-x bottom; */
}
/* 13ポイント利用履歴
--------------------------------------------------------------------*/
/*== ▼HISTORY マクロ上 ==*/
.point_history {
	color: #000000;
}
.history_time,
.point_use,
.point_no,
.point_type{
	white-space: nowrap;
}
.point_history .pont_desc_wrapper {
	float: right;
	width: 400px;
	font-weight: bold;
	margin-bottom: 15px;
}
.point_history .usepoint {
	font-size: 18px;
}
.point_history .usepoint_detail {
	border-bottom: 2px solid;
	padding-bottom: 2px;
	margin-bottom: 5px;
}
.point_history .point {
	font-size: 30px;
	color: #FF0000;
	text-align:right;
}
.point_history .point span {
	font-size: 20px;
}
.point_history .point_detail {
	float: right;
	width: 220px;
	margin-right: 10px;
}
.point_history .point_detail div {
	line-height: 2em;
	text-align: left;
}
.point_history .point_detail div span:first-child {
	width: 110px;
	display: inline-block;
}
.point_history .point_detail div span:last-child {
	text-align: right;
	display: inline-block;
	width: 110px;
}
.point_history .delete_point {
	font-weight: normal;
	text-align: right;
}
.point_history table {
	clear: both;
}
.point_history table tr.even {
	background-color: #f3f3f3;
}
.point_history table td:nth-child(4) {
	text-align: left;
}
.point_history table td:nth-child(6) {
	font-size: 15px;
}
/*== ▲HISTORY マクロ上 ==*/

#right_box .point_date {
	padding-left: 10px;
}
#right_box .no_point {
	padding: 10px;
}
#right_box .total_point {
	padding: 10px;
	font-size: 15px;
	font-weight: bold;
}
#right_box .point_history {
	margin: 20px 10px;
	color: #555555;
}
#right_box .point_history .point_left {
	float: left;
	width: 339px;
	border-right: 1px #a6a6a6 solid;
	margin-bottom: 30px;
}
#right_box .point_history .point_right {
	float: left;
	width: 350px;
	margin-left: 10px;
	margin-bottom: 30px;
}
#right_box .point_history .point_left p, #right_box .point_history .point_right p {
	margin-bottom: 10px;
}
.point_history .point_left dl, .point_history .point_right dl {
	padding-left: 15px;
}
.point_history .point_left dl dt, .point_history .point_right dl dt {
	float: left;
}
.point_history .point_left dl dt::after, .point_history .point_right dl dt::after {
	padding-left: 5px;
	content: ":";
	margin-right: 3px;
}
.point_history .point_left dl dd, .point_history .point_right dl dd {
}
#right_box .point_history table {
	border-collapse: collapse;
}
#right_box .point_history table th {
	background-color: #e6e6e6;
	padding: 10px;
	text-align: center;
	border: 1px #a6a6a6 solid;
	vertical-align: middle;
}
#right_box .point_history table td {
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	border: 1px #a6a6a6 solid;
}
/* 17 退会
--------------------------------------------------------------------*/

#right_box .withdrawal {
	margin: 20px 10px;
	color: #555555;
}
#right_box .allconf {
	text-align: center;
	font-weight: bold;
}
#right_box .allconf p {
}
#right_box .allconf #errpage {
	color: #F00;
}
#right_box .mailmagazine span.check {
	color: #ff0000;
	font-size: 12px;
}
#right_box .mailmagazine h3 {
	margin-bottom: 20px;
}
.withdrawal_text {
	line-height: 1.6;
	margin-bottom: 20px;
}

/* 18 変更完了ページ
--------------------------------------------------------------------*/

#mypage .completion {
}
#mypage .completion .subtitle {
	font-size: 18px;
	line-height: 1.6;
	border-bottom: 1px solid #c1c1c1;
}
#mypage .completion p {
	text-align: center;
	line-height: 1.6;
	margin: 80px 0;
}
#mypage .completion .registered .storeInputCol {
	float: left;
	margin-right: 5px;
}
#mypage .completion .registered ul li {
	line-height: 17px;
	margin-bottom: 5px;
}
/* 19 注文詳細
--------------------------------------------------------------------*/

#mypage .order_list .order_item {
	display: block;
	width: 700px;
	padding-top: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.order_item + .order_item {
	border-top: 1px dotted #aeaeae;
}
#mypage .order_list .order_item td {
	vertical-align: middle;
}
#mypage .order_list .order_item .item_photo {
	width: 140px;
	padding: 10px 10px 10px 0;
}
#mypage .order_list .order_item .item_photo img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
#mypage .order_list .order_item .item_info {
	width: 560px;
	padding: 10px 20px 10px 10px;
}
#mypage .order_list .order_item .item_detail {
	width: 100%;
}
.order_item .item_brand {
	color: #a0a0a0;
	font-family: "Jost", sans-serif;
	font-size: 13px;
	padding-bottom: 5px;
}
#mypage .order_list .order_item .item_name {
	/*	border-bottom: 1px #a7a7a7 solid;*/
	padding-bottom: 2px;
	font-size: 14px;
}


#mypage .order_info table{
	width:808px;
}
/* カラー・サイズ */

#mypage .order_list .order_item .color_size {
	width: 100%;
}
#mypage .order_list .order_item .color_size td {
	/*	line-height: 40px;
	padding: 0 0 0 15px;*/
	padding: 20px 0 10px 0;
}
/* 価格エリア */

#mypage .order_list .order_item .item_price {
	width: 100%;
}
#mypage .order_list .order_item .item_price th {
	text-align: center;
	line-height: 25px;
	border-top: 1px #a6a6a6 solid;
	border-bottom: 1px #a6a6a6 solid;
}
#mypage .order_list .order_item .item_price td {
	text-align: center;
	line-height: 50px;
	font-size: 20px;
	font-weight: bold;
}
#mypage .item_line {
	width: 545px;
	border-bottom: 1px #aeaeae dotted;
}
#mypage .order_item_area.cleafix {
	display: table;
	table-layout: fixed;
	width: 850px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #a6a6a6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
#mypage .order_list .order_item_left {
	display: table-cell;
	width: 150px;
	text-align: left;
	vertical-align: top;
	padding: 60px 10px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
/* #mypage .order_list .order_item_left p {
	text-align: left;
	margin: 0 0 0 12px;
	height: 25px;
	line-height: 25px;
	position: absolute;
	top: 50%;
	bottom: 50%;
	float: left;
} */
#mypage .order_list .order_item_right {
	display: table-cell;
	width: 700px;
	vertical-align: top;
}
#mypage .order_price {
	width: 808px;
	padding: 0 0 30px 12px;
	margin: 0 0 30px 0;
	border-bottom: 1px #a6a6a6 solid;
}
#mypage .order_price dl {
	height: 30px;
	clear: both;
}
#mypage .order_price dt {
	width: 148px;
	float: left;
	clear: both;
	line-height: 30px;
}
#mypage .order_price dd {
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	width: 517px;
	margin-left: 148px;
}
#mypage .order_price .total {
	clear: both;
	margin-top: 10px;
	border-top: 1px #aeaeae dotted;
}
#mypage .order_price .total dt {
	width: 148px;
	line-height: 50px;
	font-size: 15px;
	color: #ff0000;
	vertical-align: bottom;
}
#mypage .order_price .total dd {
	font-size: 25px;
	color: #ff0000;
	line-height: 50px;
	vertical-align: bottom;
}
.order_price .total span {
	font-size: 10px;
	color: #ff0000;
}
#mypage .order_info {
	width: 808px;
	padding: 0 0 30px 12px;
	margin: 0 0 30px 0;
}
#mypage .order_info tr {
	height: 30px;
	vertical-align: top;
	border-bottom: 1px #000 dotted;
}
#mypage .order_info th {
	width: 148px;
	font-size: 12px;
	vertical-align: middle;
	padding: 10px 0;
}
#mypage .order_info td {
	width: 517px;
	font-size: 12px;
	/*	font-weight: bold;*/
	line-height: 1.4;
	vertical-align: middle;
	padding: 10px 0;
}
#mypage .order_info td a {
	text-decoration: underline;
}
#mypage .order_info .value select {

}
#mypage .order_info .value input[type="button"] {
	color: #fff;
	background: #000;
	border-radius: 5px;
	padding: 5px 10px;
}

/* 20 メンバーズカードの認証
--------------------------------------------------------------------*/
#right_box .members-card {
	margin: 10px 0px 30px;
	color: #555555;
}
#right_box .members-card p {
	padding: 10px 0;
}
#right_box .members-card .entry_card {
	margin-bottom: 40px;
}
#right_box .members-card .entry_card p {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 30px;
}
#right_box .members-card .entry_card .entry_form {
	float: left;
	width: 425px;
	margin-top: 30px;
}
#right_box .members-card .entry_card .card_img {
	float: right;
}
#right_box .members-card .entry_card dl {
	position: relative;
}
#right_box .members-card .entry_card dl dt {
	float: left;
	width: 100px;
	line-height: 26px;
	margin-bottom: 20px;
}
#right_box .members-card .entry_card dl dt span {
	color: #cc0000;
}
#right_box .members-card .entry_card dl dd {
	float: left;
	width: 310px;
	line-height: 26px;
	margin-bottom: 20px;
}
#right_box .members-card .entry_card dl dd span {
	font-size: 11px;
}
#right_box .members-card .entry_card.confirm dl dd span {
	font-size: 12px;
}
#right_box .members-card .entry_card dl dd input {
	line-height: 22px;
	margin: 0 !important;
}
#right_box .members-card .entry_card dl dd.error {
	position: absolute;
	left: 140px;
	top: -19px;
}
#right_box .Unregistered {
	text-align: center;
	margin: 80px 0;
}
#right_box .Unregistered a {
	font-weight: bold;
	text-decoration: underline;
}
/* 21.マイショップ
--------------------------------------------------------------------*/
#right_box .myshop p.text {
	padding: 20px 0 40px 20px;
}
#mm_sort {
	margin-bottom: 50px;
	height: 76px;
}
#mm_sort table table {
	width: 854px;
}
#mm_sort table td {
	padding: 24px 0 0 38px;
	background-position: 10px 34px;
}
#mm_sort table tr td:first-child {
	padding-left: 15px;
	background: none;
}
#mm_sort table td .pull-down_ p, #mm_sort table td .pull-down_end_ p {
	margin: 0 !important;
	padding: 0!important;
}
#mm_sort table td .pull-down_ {
	position: relative;
	width: 190px;
}
#mm_sort table td .pull-down_end_ {
	position: relative;
	width: 235px;
}
#mm_sort table td .pull-down_ p a, #mm_sort table td .pull-down_end_ p a {
	background: url("/static/full/images/common/btn_pulldown_black.gif") no-repeat scroll right center #F2F2F2;
	display: block;
	line-height: 36px;
	padding-left: 5px;
	border: 1px solid #a6a6a6;
}
#mm_sort table td .pull-down_ ul {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	width: 188px !important;
	border: 1px #f2f2f2 solid;
	top: 37px;
	padding: 0;
	margin: 0;
	height: 220px;
	overflow: overlay;
}
#mm_sort table td .pull-down_end_ ul {
	display: none;
	position: absolute;
	background-color: #FFFFFF;
	width: 233px !important;
	border: 1px #f2f2f2 solid;
	padding: 0;
	margin: 0;
}
#mm_sort table td .pull-down_ ul li,  #mm_sort table td .pull-down_end_ ul li {
	border-top: 1px #f2f2f2 solid;
	line-height: 30px;
}
 #mm_sort table td .pull-down_ ul li:first-child,  #mm_sort table td .pull-down_end_ ul l:first-childi {
 border-top:none;
}
#mm_sort table td .pull-down_ ul li a,  #mm_sort table td .pull-down_end_ ul li a {
	display: block;
	padding-left: 5px;
}
#mm_sort table td .pull-down_ ul li a:hover,  #mm_sort table td .pull-down_end_ ul li a:hover {
	background-color: #8ac22b;
}
#storeFolder2 .title-area {
	font-size: 16px;
	font-weight: bold;
}
#storeFolder2 .title-prefecture {
	font-size: 14px;
	font-weight: bold;
	padding-top: 10px;
}
#storeFolder2 .title-brand {
	font-size: 12px;
	font-weight: bold;
	padding: 5px 0;
}
.prefContainer .storeInputCol {
	padding: 3px 10px 5px 20px;
}
.prefContainer .storeNameCol {
}
#mypage .completion p.myshop_complete {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 100px 0 150px;
}
#right_box .registered {
	margin-bottom: 40px;
}
#right_box .registered h4 {
	padding-left: 10px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px #e6e6e6 solid;
	line-height: 25px;

}
#right_box .registered ul li {
	padding: 10px;
}
#right_box .registered ul li div {
	display: inline;
}
/* 22.クーポン・キャンペーン
--------------------------------------------------------------------*/

.member_top_coupon {
	border-collapse: collapse;
	margin: 10px 0px 0px 0px;
	padding: 0;
	width: 100%;
}
.member_top_coupon th {
	background-color: #eee;
	border: 1px solid #b9b9b9;
	color: #333;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	width: 25%;
}
.member_top_coupon td {
	background-color: #fff;
	border: 1px solid #b9b9b9;
	padding: 6px;
}
/* 23 非ログイン時 ニュース レター編集
--------------------------------------------------------------------*/
#mypage .edit_magazine p {
	text-align: left;
	padding: 0 20px;
}
#mypage .edit_area {
	padding: 0 20px;
}
#mypage .edit_area dl dt {
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
}
#mypage .edit_area dl dd input {
	width: 500px;
	border: 2px #a6a6a6 solid;
	line-height: 26px;
	height: 26px;
	padding: 0 5px;
}
#mypage .edit_area dl dd.error_text {
	color: #ff0000;
	font-size: 11px;
}
#mypage .edit_area dl dd .ex {
	font-size: 11px;
	color: #777;
}
.section_directrecommend {
	width: 1190px;
	text-align: left;
	margin: 0 auto 50px;
}

/*商品キャンセル*/
.btn_cancel-small a {
	color: #0000FF!important;
	text-decoration: underline !important;
	font-size: 10pt;
}
.all-cancel_inner {
	width: 348px;
}
.btn-cancel {
	float: right;
}

.btn-cancel_left {
	float: left;
}
.btn-cancel a,
.btn-cancel_left a {
	background-color: #f30;
	border: none;
	line-height: 41px;
	height:41px;
	color: #FFFFFF;
	font-weight: bold;
	font-family: "Lato", "Helvetica", "Arial", sans-serif;
	font-size: 14px;
	padding: 0 20px;
	cursor: pointer;
	border-radius: 3px;
	display: inline-block;
}

/* 24 ログイン画面
--------------------------------------------------------------------*/

.form_login {
	margin-bottom: 40px;
}
.member_login {
	width: 920px;
	margin: 0 auto;
	padding-top: 10px;
	position: relative;
}
.member_login_inner {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -20px;
}
.member_login_item {
	-ms-flex: 0 0 480px;
	flex: 0 0 480px;
	width: 100%;
	max-width: 480px;
	padding: 0 20px;
}
.member_login_box {
	padding-bottom: 10px;
	border: 1px solid #666;
}
.member_login_title {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	text-align: center;
	padding: 10px 0 0;
}

.member_login_content {
	padding: 10px 20px 20px;
}
.member_login_text {
	line-height: 1.6;
	margin-bottom: 20px;
}
.member_form {}
.member_form + .member_form {
	margin-top: 20px;
}
.member_form_heading {
	font-size: 12px;
	margin-bottom: 5px;
}
.member_form_detail {}
.member_form_input {
	width: 100%;
	height: 40px;
	background-color: #fff;
	border: 1px solid #ddd;
	padding: 8px 5px;
}
.member_login_btn {
	text-align: center;
}
.member_login_btn .default-btn {
	width: 210px;
}
.member_remind {
	text-align: center;
	margin-top: 10px;
}
.member_remind_link {
	color: #383afe;
	font-size: 14px;
	line-height: 1.4;
	text-decoration: underline;
	letter-spacing: -0.05em;
	background: url(/static/lite/images/common/icon_info.gif) center left no-repeat;
	background-size: 12px 12px;
	padding-left: 14px;
}
.member_remind_link:hover {
	color: #383afe;
}
.member_registration_btn {
	text-align: center;
}
.member_registration_btn .default-btn {
	width: 210px;
}
.member_form_detail .errorSlot {
	margin-top: 5px;
}
.member_ipass_error {
	color: #ff0000;
	font-size: 15px;
	text-align: center;
	margin: 0 auto 10px;
}

/*\*/

* html #loginbox {
	height: 1em;
}
.onmemttl {
	position: absolute;
	width: 420px;
	left: 0;
	top: 8px;
	z-index: 31;
	text-align: left;
}
.nomemttl {
	position: absolute;
	width: 420px;
	height: 1%;
	left: 460px;
	top: 8px;
	z-index: 30;
	text-align: left;
}
/*ie6*/

* html .onmemttl {
	margin: 0 0 0 10px;
}
* html .nomemttl {
	margin: 0 0 0 10px;
}

/* 24-2 SNSログイン画面
--------------------------------------------------------------------*/
.social_login {
	margin-bottom:40px;
}
.social_login_title {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}
.social_login_subtitle {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 20px;
}
.social_login_wrapper {
	width: 1020px;
	padding: 30px;
	background-color: #f4f4f4;
	position: relative;
}
.social_login_content {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -30px;
}
.social_login_item {
	-ms-flex: 0 0 500px;
	flex: 0 0 500px;
	width: 100%;
	max-width: 500px;
	padding: 20px;
}
.social_login_item:not(:last-child) {
	border-right: 1px solid #707070;
}
.social_login_area {
	padding: 20px 60px 40px;
}
.social_login_text {
	line-height: 1.6;
	margin-bottom: 20px;
}
.social_guest {}
.social_guest_title {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.social_form {}
.social_form + .social_form {
	margin-top:20px;
}
.social_form_heading {
	font-size: 12px;
	margin-bottom: 5px;
}
.social_form_detail {}
.social_guest_btn {
	text-align: center;
}
.social_login_btn {
	text-align: center;
}
.social_login_btn + .social_login_btn {
	margin-top: 15px;
}
#AmazonPayButton {
	display: inline-block !important;
}
.amazon_btn {
	text-align:center;
}

/* ------以前に会員登録してた人エリア--------------------------------------------------------------- */
.existing_message {
	background-color: #fff;
	padding: 20px;
	text-align: center;
	margin-bottom: 30px;
	border: 1px solid #222;

}
.existing_message p {
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
}
.existing_message span {
	display: block;
	margin-top: 5px;
}
.existing_message a {
	text-decoration: underline !important;
	font-size: 20px;
}

/* 25 ログイン用エラーエリア
--------------------------------------------------------------------*/

.errorText {
	color:#ff0000;
}
.already_member {
	padding: 0 20px;
	border-bottom: 1px #ccc solid;
	margin-bottom: 40px;
}
.already_member p {
	margin-bottom: 40px;
	line-height: 20px;
}
.already_member p .errorText {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}


/* 26 既存会員用ログインページ
--------------------------------------------------------------------*/
.exrlogin {
	border: 1px solid #666;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.exrlogin p {
	padding: 0 10px 20px 20px;
	color:#F00;
}
.exrlogin table {
	margin-bottom: 50px !important;
}
.exrlogin table th {
	font-weight: bold;
	width: 160px !important;
	display: block;
}
.margin-top-center-b {
	text-align: center;
	margin-bottom: 60px;
}

/* 27 パスワードを忘れた方 (forgotAccount)
--------------------------------------------------------------------*/
.forgot_box {
	width: 100%
}
.forgot_box_inner {
	padding: 0 15px;
}
.forgot_box_completion {
	text-align: center;
	margin: 60px 0;
	padding: 0 15px;
}
.forgot_box_text {
	font-size: 13px;
	line-height: 1.6;
	margin-bottom: 30px;
}
.forgot_box_allconf {
	font-size: 13px;
	text-align: center;
	margin-bottom: 30px;
}
.forgot_box_dl {
	display: table;
	table-layout: fixed;
	position:relative;
	margin-bottom: 20px;
}
.forgot_box_dt {
	display: table-cell;
	width: 120px;
	font-size: 14px;
	vertical-align: middle;
	padding: 12px 0;
}
.forgot_box_dd {
	display: table-cell;
	vertical-align: middle;
}
.forgot_box_input {
	display: inline-block;
	width: 450px;
	height: 40px;
	color: #000;
	font-size: 14px;
	line-height: 1;
	background-color: #fff;
	padding: 6px 10px;
	border: 1px solid #ddd;
}
.forgot_box dl dd.error_text {
	position: absolute;
	left: 110px;
	top: -3em;
	line-height: 12px;
}
.forgot_box dd input[type="password"] {
	width: 200px;
}
.forgot_box dd .check {
	color:#ff0000;
}
.forgot_box .btn_area {
	text-align: center;
	margin-top: 70px;
}
.forgot_box .btn_area p {
	letter-spacing: normal;
}
.forgot_box_error {
	display: block;
	color:#ff0000;
	margin-top: 2px;
}

.member-btn a span{
	color:#fff;
	background:#272727;
	display:block;
	width:204px;
	height:50px;
	text-align:center;
	text-decoration:none;
	outline:medium none;
	line-height: 48px;
	margin:0 auto;
}
.member-btn a span,
.member-btn a span::before,
.member-btn a span::after {
	box-sizing:border-box;
	transition:all 0.3s ease 0s;
}
.member-btn a span::before,
.member-btn a span::after {
	display:block;
	content:"";
	position:absolute;
	z-index:-1;
}

.member-btn a span:hover {
	opacity:0.7;
	text-decoration:none !important;
}

#registration-btn a span{
	margin:0 auto;
	width:204px;
	/*color:#fff;
	background:#272727;
	display:block;
	height:44px;
	font-size:13px;
	text-align:center;
	text-decoration:none;
	outline:medium none;
	line-height: 44px;*/
}
#registration-btn a span,
#registration-btn a span::before,
#registration-btn a span::after {
	box-sizing:border-box;
	transition:all 0.3s ease 0s;
}
#registration-btn a span::before,
#registration-btn a span::after {
	display:block;
	content:"";
	position:absolute;
	z-index:-1;
}

#registration-btn a span:hover {
	opacity:0.7;
}

.section_directrecommend{
	width:1000px;
	text-align:left;
	margin:0 auto 50px;
}


/* 28 領収書等
--------------------------------------------------------------------*/

.order_btn_list{
	width: 100%;
	max-width: 1080px;
	letter-spacing: -.75em;
	margin-left: -1%;

}
.order_btn_list p{
	padding:5px 10px;
	display:block;
	width:100%;
	letter-spacing: normal;
}
.order_btn_list > a{
	display:inline-block;
	position:relative;
	text-align:center;
	background:#dfdfdf;
	border-radius:3px;
	line-height:30px;
	height:30px;
	width: 24%;
	max-width:24%;
	margin-bottom:20px;
	margin-left: 1%;
	letter-spacing: normal;
}

.order_btn_list > a:after{
	content:"";
	display:block;
	width:5px;
	height:5px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	transform:rotate(45deg);
	position:absolute;
	right:10px;
	top:0;
	bottom:0;
	margin:auto;
}

@media print{
	#belt,
	.header_info,
	.header_content,
	.header_member,
	.header_search,
	.header_brand_nav,
	.header_cart,
	.head_news_wrap,
	.header_info,
	.header_nav,
	.header_top_section .top_section_right,
	.header_bottom_section,
	.control,
	.main-right,
	.search,
	#mypage h2,
	#left_box,
	.bread,
	.order_btn_list,
	.section_sns,
	#footer,
	.footer_insta_nav,
	#section-footer,
	#title,
	#tab_area,
	.usernavi,
	#bread,
	#footer-copyright,
	.footer_copyright {
		display: none !important;
	}

	#right_box
	{
		width:100%;
	}
	#right_box h3,
	#right_box .subtitle
	{
		font-size:24px;
	}
	#mypage h2,
	.page-title{
		font-size:15px;
	}
	.header_box{
		border: none;
	}
	.header_fixed_inner.fixed{
		position:absolute;
	}
	#header .main{
		text-align:center;
	}

	#header .main h1{
		float:none;
	}
	#header{
		border:none;
		width: 100% !important;
	}
	#header-logo{
		right:0;
	}

	#header .logo{
		float:none;
		margin:0 auto;
		padding:20px 0;
	}
}