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

#mypage {
	display: flex;
	flex-wrap: wrap;
	width: 1200px;
	max-width: 1200px;
	margin: 20px auto 0;
}

.mypage_content {}
#right_box .btn ul {
}
#right_box .btn ul li {
	display: inline-block;
}
#right_box .btn ul li:first-child {
	margin-right: 10px;
}
.mypage_title {
	color:#000;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}
.mypage_section {
	margin-bottom: 40px;
}
.mypage_section:last-child {
	margin-bottom: 0;
}
.mypage_section_title {
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	margin-bottom: 30px;
	padding:1.2rem 1.5rem;
	position: relative;
}
.mypage_subsection {
	margin-bottom: 40px;
}
.mypage_subsection:last-child {
	margin-bottom: 0;
}
.mypage_subsection_title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 15px;
}

/* エラーテキスト */
#right_box .errorText {
	color: var(--color-text-red);
}
.mypage_error {
	margin-bottom: 20px;
}
.mypage_error_text {
	color: var(--color-text-red);
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
}

/*マイページ フォーム共通設定*/
.mypage_form {}
.mypage_form_heading,
.mypage_form_detail {
	display: block;
	width: 100%;
}
.mypage_form_heading {
	background-color: #f4f4f4;
	padding: 15px 20px;
}
.mypage_form_detail {
	padding: 30px 20px;
}
.mypage_form_nickname {
	font-size: 1.2rem;
	margin-bottom: 5px;
}
.mypage_form_detail #id {
	font-size: 1.4rem;
	line-height: 40px;
}
.mypage_form_detail.nickname {
	font-size:1.2rem;
	padding: 5.8rem .5rem 1.5rem;
}
.mypage_form_detail.gender {}
.mypage_form_detail.gender .form_radio_left input[type="radio"] + label {
	font-size:1.4rem;
}
.mypage_form.mypage_form_confirm {}
.mypage_form_confirm .mypage_form_detail {
	font-size: 1.4rem;
	padding: 1.5rem .5rem;
}
.mypage_form .error_message {
	display: block;
	color: #ff3300;
	font-size: 1.2rem;
}
.mypage_form_row {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-right: -10px;
	margin-left: -10px;
}
.mypage_form_row > [class*=col_] {
	padding-right: 10px;
	padding-left: 10px;
}
.col_mypage_1 {
	flex: 0 0 8.333333333%;
	max-width: 8.333333333%;
}
.col_mypage_2 {
	flex: 0 0 16.666666667%;
	max-width: 16.666666667%;
}
.col_mypage_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.col_mypage_4 {
	flex: 0 0 33.333333333%;
	max-width: 33.333333333%;
}
.col_mypage_5 {
	flex: 0 0 41.666666667%;
	max-width: 41.666666667%;
}
.col_mypage_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.col_mypage_7 {
	flex: 0 0 58.333333333%;
	max-width: 58.333333333%;
}
.col_mypage_8 {
	flex: 0 0 66.666666667%;
	max-width: 66.666666667%;
}
.col_mypage_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.col_mypage_10 {
	flex: 0 0 83.333333333%;
	max-width: 83.333333333%;
}
.col_mypage_11 {
	flex: 0 0 91.666666667%;
	max-width: 91.666666667%;
}
.col_mypage_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
.col_mypage_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	min-height: 1px;
	position: relative;
}
.mypage_input_group {
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	width: 100%;
}
.mypage_input_group .mypage_form_input {
	flex: 1 1 auto;
	width: 1%;
}
.mypage_input_group_inline {
	display: flex;
	flex-flow: row wrap;
	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-flex;
	display: flex;
}
.mypage_input_group_text {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	font-size: 1.2rem;
	text-align: center;
	padding: 0 .5rem 0 0;
	cursor: default;
}
.mypage_input_group_append .mypage_input_group_text {
	justify-content: flex-start;
	width: auto;
	padding: 0 0 0 .5rem;
}
.mypage_input_group_addition {
	display: flex;
	align-items: center;
	width: auto;
	color: #747474;
	font-size: 1.1rem;
	padding: 0 0 0 .5rem;
}
.mypage_input_group_explanation {
	display: flex;
	align-items: center;
	width: auto;
	padding: 0 0 0 10px;
}
.mypage_text {}
.mypage_text_notes {
	color: var(--color-text-red);
	font-size: 1.2rem;
}
.mypage_text_inline {
	display: inline-block;
	margin-left: 5px;
}
.mypage_text.size_xs,
.mypage_text_notes.size_xs,
.mypage_text_inline.size_xs {
	font-size: 1rem;
}
.mypage_text.size_sm,
.mypage_text_notes.size_sm,
.mypage_text_inline.size_sm {
	font-size: 1.2rem;
}
.mypage_text.size_md,
.mypage_text_notes.size_md,
.mypage_text_inline.size_md {
	font-size: 1.4rem;
}
.mypage_text.size_lg,
.mypage_text_notes.size_lg,
.mypage_text_inline.size_lg {
	font-size: 1.6rem;
}

.mypage_form_input {
	display: inline-block;
	width: 100%;
	font-size: 1.2rem;
	line-height: 1;
	height: 40px;
	background-color: #fff !important;
	padding: 1rem;
	border: 1px solid #999;
	border-radius: 3px;
}
.mypage_form_input.disabled,
.mypage_form_input:disabled {
	color: #999;
	background-color: #ddd;
}
.mypage_form_input::-webkit-input-placeholder,
.mypage_form_input::-moz-placeholder,
.mypage_form_input:-moz-placeholder,
.mypage_form_input:-ms-input-placeholder {
	color: #ccc;
}
.password_visibility_input .mypage_form_input {
	padding: 1rem 4rem 1rem 1rem;
}
.has_feedback .mypage_form_input {
	padding: 1rem 3.2rem 1rem 1rem;
}
.mypage_form .tag.tag_required {
	position: relative;
	top: -2px;
}
.mypage_form_text_help {
	display: block;
	font-size: 1.4rem;
	line-height: 1.4;
	margin-top: 5px;
}
.mypage_form_text_register {
	font-size: 1.4rem;
	text-align: center;
	line-height: 1.4;
	margin-bottom: 40px;
}
.mypage_form_text_caution {
	display: block;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.4;
	background-color: var(--color-text-red);
	margin-bottom: 10px;
	padding: 1rem;
}
.mypage_form_select {
	display: inline-block;
	position: relative;
}
.mypage_form_select:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: -11px 0 0;
	position: absolute;
	top: 50%;
	right: 5px;
	pointer-events: none;
	background-color: transparent;
	border-radius: 50%;
}
.mypage_form_select:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	position: absolute;
	top: 50%;
	right: 12px;
	pointer-events: none;
	transform: rotate(135deg);
}
.mypage_form_select.mypage_form_select_small {}
.mypage_form_select.mypage_form_select_small:before {
	width: 12px;
	height: 12px;
	margin: -6px 0 0;
}
.mypage_form_select.mypage_form_select_small:after {
	width: 4px;
	height: 4px;
	margin-top: -3px;
	right: 9px;
}
.mypage_form_select.mypage_form_select_medium {}
.mypage_form_select.mypage_form_select_medium:before {
	width: 16px;
	height: 16px;
	margin: -8px 0 0;
}
.mypage_form_select.mypage_form_select_medium:after {
	width: 6px;
	height: 6px;
	margin-top: -4px;
	right: 10px;
}
.mypage_form_select.mypage_form_select_large {}
.mypage_form_select.mypage_form_select_large:before {
	width: 24px;
	height: 24px;
	margin: -12px 0 0;
}
.mypage_form_select.mypage_form_select_large:after {
	width: 9px;
	height: 9px;
	margin-top: -6px;
}
.mypage_delivery_select {}
.mypage_form_select select,
.mypage_delivery_select select {
	display: inline-block;
	width: 100%;
	font-size: 1.2rem;
	height: 40px;
	background-color: #fff !important;
	border: 1px solid #999;
	border-radius: 3px;
	padding: .8rem 3rem .8rem 1rem;
}
.mypage_select {
	display: inline-block;
	width: 100%;
	height: 40px;
	font-size: 1.2rem;
	line-height: 40px;
	background: url(/static/full/images/common/detailsearch_select_arrow.png) right center no-repeat;
	background-size: 40px;
	padding-left: 1.2rem;
}
.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;
}
.mypage_form_select.mypage_form_select_full {
	display: block;
	width: 100%;
}
.mypage_form_select .ok {
	right: -32px;
}
.mypage_form_select_month .ok,
.mypage_form_select_year .ok {
	right: 0;
	bottom: -20px;
}
.search_zip {
	display: inline-block;
	color: #000 !important;
	font-size: 1.2rem;
	vertical-align: middle;
	margin-left: 1em;
	text-decoration: underline !important;
}
.allconf{
	font-size: 1.4rem;
	line-height: 1.4;
	text-align: center;
	padding: 40px 0;
}
.allconf_caution {
	font-weight: bold;
}

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

/* 03 左メニュー
--------------------------------------------------------------------*/
#left_box {
	flex-basis: 240px;
	max-width: 240px;
	margin: 0 0 70px 0;
}
.mypage_customer {
	text-align: center;
	margin: 0 0 60px 0;
	border: 5px solid #f4f4f4;
}
.mypage_customer_name {
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 1.5rem 1rem;
}
.customer_text {
	font-size: 1.6rem;
	font-weight: bold;
	padding-left: .5rem;
}
.member_info {}
.member_rank {
	padding: 12px 10px 0;
}
.member_rank_heading {
	margin-bottom: 10px;
}
.member_rank_status {
	display: block;
	color: #fff;
	font-size: 1.4rem;
	font-weight: bold;
	background-color: transparent;
	padding: 1.1rem 1rem;
	border-radius: 3px;
}
.member_rank_regular {
	background-color: #56b5d9;
}
.member_rank_silver {
	background-color: #a5a5a5;
}
.member_rank_gold {
	background-color: #d4c460;
}
.member_rank_platinum {
	background-color: #363636;
}
.member_rank_detail {}
.member_rank_text {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 10px;
}
.member_rank_info {
	text-align: center;
}
.member_rank_link {
	color: #000;
	font-size: 1.2rem;
	padding-left: 10px;
	line-height: 1.2;
	position: relative;
}
.member_rank_link:before {
	content: "!";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	color: #000;
	font-size: 1.2rem;
	margin-top: -5px;
}
.member_rank_link:hover {
	color: #000;
}
.member_havepoint {
	padding: 12px 10px;
}
.member_havepoint_heading {
	font-size: 1.1rem;
	margin-bottom: 10px;
}
.member_havepoint_detail {}
.member_havepoint_text {
	display: inline-block;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1;
}
.member_havepoint_num {
	display: inline-block;
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1;
	padding: 0 5px 0 0;
}
.member_havepoint_lapse {
	padding: 0 10px 12px 10px;
}
.member_havepoint_date {
	font-size: 1.2rem;
	line-height: 1.6;
}
.member_history {
	border-top: 1px solid #f4f4f4;
	padding: 15px 10px;
	position: relative;
}
.member_history_link {
	font-size: 1.2rem;
}
.member_history_text {
	font-size: 1.2rem;
	padding: 0 1.5rem 0 0;
	position: relative;
}
.member_history_text:after {
	content: "";
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	position: absolute;
	top: 50%;
	right: 0;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.member_id {
	padding: 0 10px 12px;
}
.member_id_data {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	border: 1px solid #000;
}
.member_id_heading {
	width: 65px;
	background-color: #000;
	color: #fff;
	font-size: 1.4rem;
	line-height: 28px;
}
.member_id_code {
	flex: 1;
	font-size: 1.4rem;
	line-height: 28px;
	text-align: center;
}
.member_id_text {
	font-size: 1rem;
	line-height: 1.4;
}
.mypage_menu {}
.mypage_menu_title {
	font-size: 1.4rem;
	font-weight: bold;
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #202020;
}
.mypage_nav {}
.mypage_nav_list {}
.mypage_nav_item {
	border-bottom: 1px solid #ccc;
}
.mypage_nav_link {
	display: block;
	font-size: 1.2rem;
	letter-spacing: 1px;
	padding: 2.2rem 2rem 2.2rem 1rem;
	position: relative;
}
.mypage_nav_link:after {
	content: "";
	width: 6px;
	height: 6px;
	margin-top: -4px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: rotate(45deg);
}
.mypage_menu_block {
	padding-bottom: 15px;
}
.mypage_menu_heading {
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 1.2rem 0;
	border-bottom: 1px solid #ccc;
}
.mypage_menu_list {}
.mypage_menu_item {}
.mypage_menu_link {
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 1.5rem 0 1.5rem 1rem;
	position: relative;
}

/* 04 右カラム
--------------------------------------------------------------------*/
#right_box {
	flex-basis: 880px;
	max-width: 880px;
	margin: 0 0 60px auto;
	text-align: left;
}
#right_box.favorite_content_full {
	flex-basis: 1200px;
	max-width: 1200px;
}
#right_box .subtitle {
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	margin-bottom: 15px;
	padding:1.2rem 1.5rem;
	position: relative;
}

#right_box .lead{
	font-size: 1.2rem;
	line-height: 1.6;
	margin-bottom: 30px;
}
#right_box .note{
	font-size: 1.2rem;
	line-height: 1.6;
}
#right_box .news, #right_box .coupon {
	line-height: 23px;
	font-size:1.3rem;
	margin:0 0 35px 0;
	padding:0;
}
#right_box .recomend-item, #right_box .recomend-topics {
	line-height: 23px;
	font-size:1.3rem;
	margin:0 0 35px 0;
	padding:0;
}
/* 会員ニュース */
.member_news {}
.member_news_item {}
.member_news_item + .member_news_item {
	margin-top: 20px;
}
.member_news_link {
	display: block;
}
.member_news_content {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
}
.member_news_photo {
	max-width: 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: 1.3rem;
	letter-spacing: .05em;
	margin-bottom: 5px;
}
.member_news_title {
	color: #000;
	font-size: 1.4rem;
	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: 1.3rem;
	line-height: 1.6;
}
.member_news_not_found {
	font-size: 1.3rem;
	line-height: 1.6;
}

/* 06 登録内容の確認・変更
--------------------------------------------------------------------*/

#right_box .check_change {}

/* 07 アドレス帳
--------------------------------------------------------------------*/
.address_add {}

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

.payment {
	margin: 0 0 30px;
}
.payment_text {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 20px;
}
.payment_fieldset {}
.payment_legend {
	display: none;
	font-size: 1.2rem;
}
.payment_list:before, .payment_list:after {
	content: none;
}
.payment_list {
	display: flex;
	flex-flow: column wrap;
	gap: 30px;
}
.payment_item {}
.button_payment_credit {
	display: inline-block;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	background-color: #403e3c;
	border-radius: 3px;
	padding: .5rem 1rem;
}
.payment_au_image {
	vertical-align: top;
	padding-left: 20px;
}
.payment_info {
	font-size: 1.2rem;
	line-height: 1.6;
	padding: 3rem 0 0 0;
}
#right_box #completeMessage {
}
.mypage_message {
	text-align: center;
	font-size: 1.4rem;
	margin: 20px auto;
}
.mypage_message_text {
	font-size: 1.4rem;
	line-height: 1.4;
}

/* 09 ニュース レター登録・削除
--------------------------------------------------------------------*/

.mailmagazine {
	margin-bottom: 30px;
}
.mailmagazine_top {
	margin-bottom: 40px;
}
.mailmagazine_bottom {}

/* ニュース レター登録・削除ページ */

#mypage .completion .confirmation {
	padding: 0 20px;
}
.completion_mailmag {}
.completion_box {}
.completion_title {
	color:#000;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	margin:0 0 10px;
}
.completion_text{
	font-size: 1.2rem;
	line-height: 1.6;
	margin-bottom: 20px;
}
#mypage .completion .confirmation p {
	text-align: left !important;
	margin: 30px 0 !important;
}
#mypage .completion .confirmation .storeInputCol {
	float: left;
	margin-right: 5px;
}

/* 11 パスワードの変更
--------------------------------------------------------------------*/

.change_pass {}
.mypage_form.mypage_form_pass {}
.mypage_form_pass .mypage_form_heading {}
.mypage_form_pass .mypage_form_detail {}
.mypage_form_pass .mypage_form_detail + .mypage_form_detail {
	padding: 0 20px 30px 20px;
}
.mypage_form.mypage_form_pass .mypage_form_input {
	width: 240px;
}
.change_pass_text {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 10px;
}
.change_pass_errorText {
	color: var(--color-text-red);
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 30px;
}
.change_pass_text__note {
	display:block;
	color: var(--color-text-red);
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 5px;
}

/* 12-1 ご注文履歴 一覧
--------------------------------------------------------------------*/

/* 注文履歴一覧 */
.orderhistory {
	margin-bottom: 60px;
}
.orderhistory_text {
	font-size: 1.4rem;
	margin-bottom: 40px
}
.orderhistory_results {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px
}
.orderhistory_list {}
.orderhistory_list_item {}
.orderhistory_list_item + .orderhistory_list_item {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}
.form_orderhistory {
	display: flex;
	align-items: center;
	margin-left: -15px;
	margin-right: -15px;
}
.form_orderhistory_heading {
	flex-basis: 130px;
	max-width: 130px;
	padding: 0 15px;
}
.form_orderhistory_detail {
	flex: 1;
	padding: 0 15px;
}
.label.label_orderhistory {
	display: block;
	font-size: 1.2rem;
	text-align: center;
	cursor: default;
	background-color: #f4f4f4;
	padding: .8rem .4rem;
	border-radius: 3px;
}
.orderhistory_row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.orderhistory_row > [class*=col_] {
	padding-right: 15px;
	padding-left: 15px;
}
.col_orderhistory_1 {
	flex: 0 0 8.333333333%;
	max-width: 8.333333333%;
}
.col_orderhistory_2 {
	flex: 0 0 16.666666667%;
	max-width: 16.666666667%;
}
.col_orderhistory_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.col_orderhistory_4 {
	flex: 0 0 33.333333333%;
	max-width: 33.333333333%;
}
.col_orderhistory_5 {
	flex: 0 0 41.666666667%;
	max-width: 41.666666667%;
}
.col_orderhistory_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.col_orderhistory_7 {
	flex: 0 0 58.333333333%;
	max-width: 58.333333333%;
}
.col_orderhistory_8 {
	flex: 0 0 66.666666667%;
	max-width: 66.666666667%;
}
.col_orderhistory_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.col_orderhistory_10 {
	flex: 0 0 83.333333333%;
	max-width: 83.333333333%;
}
.col_orderhistory_11 {
	flex: 0 0 91.666666667%;
	max-width: 91.666666667%;
}
.col_orderhistory_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
.col_orderhistory_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	min-height: 1px;
	position: relative;
}
.orderhistory_list_data {}
.orderhistory_list_heading {
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.orderhistory_list_detail {
	display: block;
	font-size: 1.2rem;
}
.orderhistory_list_link {}

.button_orderhistory {
	display: inline-block;
	width: 90px;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	background-color: #403e3c;
	padding: .8rem .5rem;
	border-radius: 3px;
}
.button_orderhistory:hover {
	color: #fff;
}
.button_ordercancel {
	display: inline-block;
	width: 90px;
	color: #000;
	font-size: 1.3rem;
	text-align: center;
	background-color: #fff;
	padding: .7rem .5rem;
	border: 1px solid #403e3c;
	border-radius: 3px;
}
.button_ordercancel:hover {
	color: #000;
}
.orderhistory_status {}
.orderhistory_status_info {
	background-color: #f4f4f4;
	padding: 40px;
}
.orderhistory_status_title {
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 15px;
}
.orderhistory_status_data {
	display: -webkit-flex;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}
.orderhistory_status_data + .orderhistory_status_data {
	margin-top: 10px;
}
.orderhistory_status_heading {
	max-width: 100%;
	flex-basis: 8em;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0 5px;
}
.orderhistory_status_detail {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	font-size: 1.2rem;
	padding: 0 5px;
}

/*注文合算*/
.orderhistory_list_combine {
	display: flex;
}
.form_orderhistory.form_orderhistory_combine {
	flex: 1;
}
.orderhistory_combine {
	padding: 30px 0;
}
.orderhistory_combine_btn {
	text-align: center;
}
.orderhistory_combine_btn_list:before, .orderhistory_combine_btn_list:after {
	content: none;
}
.orderhistory_combine_btn_list {
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	margin-left: -10px;
	margin-right: -10px;
}
.orderhistory_combine_btn_item {
	padding: 0 10px;
}

/*ページャー*/
.orderhistory_pager {
	padding: 45px 0 0;
}
.orderhistory_pager_list:before, .orderhistory_pager_list:after {
	content: none;
}
.orderhistory_pager_list {
	display: flex;
	justify-content: center;
	margin-left: -5px;
	margin-right: -5px;
	position: relative;
}
.orderhistory_pager_item {
	display:inline-block;
	height: 30px;
	width: 30px;
	margin: 0 5px;
	position: relative;
}
.orderhistory_pager_link {
	display: block;
	font-size: 1.3rem;
	line-height: 30px;
}
.orderhistory_pager_number {
	line-height: 30px;
}
.orderhistory_pager_number .orderhistory_pager_link {
	display: block;
	font-size: 1.3rem;
	line-height: 30px;
	text-align: center;
}
.orderhistory_pager_number.active .orderhistory_pager_text {
	display: block;
	font-size: 1.3rem;
	line-height: 30px;
	color: #000;
	text-align: center;
	background-color: #e6e6e6;
}
.orderhistory_pager_number.brank .orderhistory_pager_text {}
.orderhistory_pager_prev {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 9999px;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 20px;
}
.orderhistory_pager_prev .orderhistory_pager_link:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 50%;
}
.orderhistory_pager_prev span:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: -2px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 50%;
}
.orderhistory_pager_next {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: 9999px;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 20px;
}
.orderhistory_pager_next .orderhistory_pager_link:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 50%;
}
.orderhistory_pager_next span:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: -2px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 50%;
}

/* 12-2 ご注文履歴 詳細
--------------------------------------------------------------------*/

.orderhistory_content {}
.orderhistory_content_top {
	margin-bottom: 60px;
}
.orderhistory_content_bottom {}
.orderhistory_details {
	display: -webkit-flex;
	display: flex;
}
.orderhistory_title {
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	margin-bottom: 30px;
	padding: 1.2rem 1.5rem;
	position: relative;
}
.orderhistory_btn {
	margin-bottom: 30px;
}
.orderhistory_btn_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.orderhistory_btn_item {
	width: 25%;
	margin-top: 20px;
	padding: 0 10px;
}
.orderhistory_btn_item:nth-child(-n+4) {
	margin-top: 0;
}
.orderhistory_btn_link {
	display: block;
	font-size: 1.2rem;
	text-align: center;
	padding: 1rem;
	border-radius: 6px;
	border: 1px solid #403e3c;
}
.orderhistory_btn_link:hover {
	text-decoration: none;
}
.orderhistory_attention {
	text-align: center;
	background-color: #f4f4f4;
	margin-bottom: 40px;
	padding: 20px;
}
.orderhistory_attention_text {
	font-size: 1.4rem;
	line-height: 1.4;
	margin-bottom: 20px;
}
.orderhistory_exchange {
	text-align: center;
	background-color: #f4f4f4;
	margin-bottom: 40px;
	padding: 20px;
}
.orderhistory_exchange_text {
	display: inline-block;
	font-size: 1.4rem;
	padding: .6rem .8rem .6rem 3.5rem;
	position: relative;
}
.orderhistory_exchange_text:before {
	content: "!";
	display: block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: 50%;
	left: 5px;
	color: #707070;
	font-size: 1.2rem;
	text-align: center;
	margin-top: -10px;
	border-radius: 50%;
	border: 1px solid #707070;
}
.orderhistory_exchange_link {
	font-size: 1.4rem;
	text-decoration: underline;
}


/*ご注文内容*/
.orderhistory_details_info {
	width: 260px;
}
.orderhistory_info {
	padding: 0 15px;
}
.orderhistory_info_data:before, .orderhistory_info_data:after {
	content: none;
}
.orderhistory_info_data {
	display: flex;
	align-items: center;
	margin-left: -5px;
	margin-right: -5px;
}
.orderhistory_info_data + .orderhistory_info_data {
	margin-top: 8px;
}
.orderhistory_info_heading {
	max-width: 100%;
	flex-basis: 7em;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0 5px;
}
.orderhistory_info_detail {
	flex: 1;
	font-size: 1.2rem;
	padding: 0 5px;
}
.orderhistory_list_link {}
.orderhistory_select {
	position: relative;
}
.orderhistory_select:before {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: -6px 0 0;
	position: absolute;
	top: 50%;
	right: 5px;
	pointer-events: none;
	background-color: transparent;
	border-radius: 50%;
}
.orderhistory_select:after {
	content: "";
	width: 6px;
	height: 6px;
	margin-top: -5px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	position: absolute;
	top: 50%;
	right: 8px;
	pointer-events: none;
	transform: rotate(135deg);
}
.orderhistory_select_inline {
	display: inline-block;
}
.orderhistory_select select {
	display: inline-block;
	width: 100%;
	font-size: 1.2rem;
	height: 32px;
	background-color: #fff;
	border: 1px solid #999;
	border-radius: 3px;
	padding:.5rem 2rem .5rem 1rem;
}
.orderhistory_info_change {
	text-align: center;
	padding: 15px 0 0;
}
.button_orderhistory_change {
	display: inline-block;
	width: 40%;
	color: #fff;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
	background-color: #403e3c;
	padding: .8rem .5rem;
	border-radius: 3px;
}
.button_orderhistory_change:hover {
	color: #fff;
}
.delivery_scheduled_text_notes {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-top: 5px;
}

/*お届け先情報*/
.orderhistory_details_delivery {
	width: 340px;
}
.orderhistory_user {
	padding: 0 15px;
}
.orderhistory_user_data:before, .orderhistory_user_data:after {
	content: none;
}
.orderhistory_user_data {
	display: flex;
	align-items: center;
	margin-left: -5px;
	margin-right: -5px
}
.orderhistory_user_data + .orderhistory_user_data {
	margin-top: 8px;
}
.orderhistory_user_heading {
	max-width: 100%;
	flex-basis: 8.5em;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 5px;
}
.orderhistory_user_detail {
	flex: 1;
	padding: 0 5px;
	font-size: 1.2rem;
	line-height: 1.4;
}
.orderhistory_user_link {
	display: inline-block;
	width: 110px;
	font-size: 1.2rem;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	padding: .6rem .5rem;
	border: 1px solid #403e3c;
	border-radius: 3px;
}
.orderhistory_user_link:hover {
	text-decoration: none;
}

/*請求金額*/
.orderhistory_details_amount {
	max-width: 100%;
	flex: 1;
}

/*商品代金小計*/
.orderhistory_calc {
	padding: 0 15px;
}
.orderhistory_calc_total {
	margin-bottom: 10px;
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
}
.orderhistory_calc_data:before, .orderhistory_calc_data:after {
	content: none;
}
.orderhistory_calc_data {
	display: -webkit-flex;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}
.orderhistory_calc_heading {
	font-size: 1.2rem;
	padding: 0 5px;
}
.orderhistory_calc_detail {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	justify-content: flex-end;
	font-size: 1.2rem;
	padding: 0 5px;
}
.orderhistory_calc_price_text {
	font-size: 1.2rem;
	letter-spacing: .05em;
}
.orderhistory_calc_price_num {
	font-size: 1.2rem;
}
/*商品代金詳細*/
.orderhistory_receipt {}
.orderhistory_receipt_list {}
.orderhistory_receipt_item {}
.orderhistory_receipt_item + .orderhistory_receipt_item {
	margin-top: 8px;
}
.orderhistory_receipt_item:last-child {
	padding: 0 0 10px;
	border-bottom: 1px solid #000;
}
.orderhistory_receipt_data:before, .orderhistory_receipt_data:after {
	content: none;
}
.orderhistory_receipt_data {
	display: -webkit-flex;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}
.orderhistory_receipt_heading {
	font-size: 1.1rem;
	padding: 0 5px;
}
.orderhistory_receipt_detail {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	justify-content: flex-end;
	padding: 0 5px;
}
.orderhistory_receipt_price {
	font-size: 1.2rem;
}
.orderhistory_receipt_price_off {
	color: var(--color-text-red);
	font-size: 1.2rem;
}
.orderhistory_receipt_point {
	font-size: 1.2rem;
}

/*商品代金合計*/
.orderhistory_total {
	padding: 15px 15px 0;
}
.orderhistory_total_data:before, .orderhistory_total_data:after {
	content: none;
}
.orderhistory_total_data {
	display: flex;
	align-items: center;
	margin-left: -5px;
	margin-right: -5px;
}
.orderhistory_total_heading {
	font-size: 1.6rem;
	font-weight: bold;
	padding: 0 5px;
}
.orderhistory_total_detail {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	justify-content: flex-end;
	padding: 0 5px;
}
.orderhistory_total_text {
	font-size: 1.6rem;
	font-weight: bold;
}
.orderhistory_total_num {
	font-size: 1.6rem;
	font-weight: bold;
}

/*軽減税率*/
.orderhistory_tax:before, .orderhistory_tax:after {
	content: none;
}
.orderhistory_tax {
	display: flex;
	align-items: center;
	margin-left: -5px;
	margin-right: -5px;
}
.orderhistory_tax + .orderhistory_tax {
	margin-top: 5px;
}
.orderhistory_total_data + .orderhistory_tax {
	margin-top: 10px;
}
.orderhistory_tax_heading {
	font-size: 1.2rem;
	padding: 0 5px;
}
.orderhistory_tax_detail {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	justify-content: flex-end;
	padding: 0 5px;
}
.orderhistory_tax_text {
	font-size: 1.2rem;
}
.required.tax_target {
	display:inline-block;
	color:#ff3300;
	font-size:1.1rem;
	margin:0 0 0 5px;
}

/*ご購入商品*/
.orderhistory_product {}
.orderhistory_product_list {}
.orderhistory_product_item {}
.orderhistory_product_item + .orderhistory_product_item {
	border-top: 1px solid #ccc;
}
.orderhistory_product_header {
	background-color: #f4f4f4;
	padding: 15px 0;
}
.orderhistory_product_subject {}
.orderhistory_subject {
	display: -webkit-flex;
	display: flex;
	width: 100%;
}
.orderhistory_subject:before, .orderhistory_subject:after {
	content: none;
}
.orderhistory_subject_item {
	width: 460px;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	padding:12px 1.5rem;
}
.orderhistory_subject_price {
	width: 220px;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	padding:1.2rem 1.5rem;
}
.orderhistory_subject_quantity {
	flex: 1;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	padding:1.2rem 1.5rem;
}
.orderhistory_product_status {
	display: block;
	width: 100%;
	padding: 15px 0 0 20px;
}
.orderhistory_product_status_text {
	color: #8a8a8a;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	padding: 1.2rem;
	border: 1px solid #ccc;
}
.orderhistory_product_data {
	display: -webkit-flex;
	display: flex;
	padding: 30px 15px;
}
.orderhistory_product_data.is_cancel .orderhistory_product_photo,
.orderhistory_product_data.is_cancel .orderhistory_product_detail,
.orderhistory_product_data.is_cancel .orderhistory_product_amount,
.orderhistory_product_data.is_cancel .orderhistory_product_quantity {
	opacity: .65;
}
.orderhistory_product_main {
	display: -webkit-flex;
	display: flex;
	width: 460px;
	padding: 30px 15px;
}
.orderhistory_product_amount {
	display: flex;
	flex-flow: column wrap;
	align-items: flex-start;
	justify-content: center;
	width: 220px;
	max-width: 100%;
	padding: 0 15px;
	position: relative;
}
.orderhistory_product_quantity {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	align-items: center;
	padding: 0 0 0 15px;
	position: relative;
}
.orderhistory_product_num {
	font-size: 1.2rem;
}
.orderhistory_product_choose {
	display: flex;
	align-items: center;
	padding: 0 10px 0 0;
}
.orderhistory_product_checkbox {
	display:block;
	position:relative;
}
.orderhistory_product_checkbox input[type="checkbox"] + label {
	display: inline-block;
	font-size: 1.2rem;
	line-height: 1.5;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	width: 16px;
	height: 16px;
}
.orderhistory_product_checkbox input[type="checkbox"] + label:before {
	display: block;
	content: "";
	width: 16px;
	height: 16px;
	margin-top: 1px;
	border: 1px solid #707070;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
}
.orderhistory_product_checkbox input[type="checkbox"]:checked + label {
	color: inherit;
}
.orderhistory_product_checkbox input[type="checkbox"]:checked + label:before {
	background-color: #403e3c;
	border: 1px solid #403e3c;
}
.orderhistory_product_checkbox input[type="checkbox"]:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 4px;
	left: 5px;
	width: 5px;
	height: 8px;
	transform: rotate(40deg);
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.orderhistory_product_checkbox input[type="checkbox"]:disabled + label {
	color: #ccc;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.orderhistory_product_checkbox input[type="checkbox"]:disabled + label:before {
	opacity: .4;
}
.orderhistory_product_photo {
	max-width: 90px;
	flex-basis: 90px;
}
.orderhistory_product_photo_link {
	display: block;
	position: relative;
}
.orderhistory_product_photo_link:before {
	content: "";
	display: block;
	padding-top: var(--goods-aspect-ratio);
}
.orderhistory_product_image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
}
.orderhistory_product_info {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}
.orderhistory_product_detail {
	width: 355px;
	padding: 0 15px 0 20px;
}
.orderhistory_product_data_cancel .orderhistory_product_detail {
	width: 329px;
}
.orderhistory_product_brandname {
	display: none;
	color: #000;
	font-size: 1.2rem;
	margin-bottom: 5px;
}
.orderhistory_product_dispname {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 2px;
}
.orderhistory_product_dispname_link {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.4;
}
.orderhistory_product_desc:before, .orderhistory_product_desc:after {
	content: none;
}
.orderhistory_product_desc {
	display: -webkit-flex;
	display: flex;
}
.orderhistory_product_desc + .orderhistory_product_desc {
	margin-top: 2px;
}
.orderhistory_product_desc_heading {
	font-size: 1.2rem;
	line-height: 1.4;
}
.orderhistory_product_desc_detail {
	font-size: 1.2rem;
	line-height: 1.4;
}
.orderhistory_part_cancel_impossible {
	display: inline-block;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #8a8a8a;
	margin-top: 2px;
	padding: .6rem 1rem;
}
.orderhistory_product_price {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
}
.orderhistory_product_price_off {
	color: var(--color-text-red);
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
}
.orderhistory_product_price_down {
	color: #000;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 0 0 .5rem;
}
.orderhistory_product_price_total {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
}
.orderhistory_product_price_basic {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	text-decoration: line-through;
}
.orderhistory_product_price_total_off {
	color: var(--color-text-red);
	font-size: 16px;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 0 0 .5rem;
}
.orderhistory_product_campaign {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-top: 5px;
}

/*ノベルティアイテム*/
.orderhistory_novelty {}
.orderhistory_product + .orderhistory_novelty {
	padding-top: 30px;
	border-top: 1px solid #ccc;
}
.orderhistory_novelty_list {}
.orderhistory_novelty_item {
	background-color: #f4f4f4;
	padding: 30px 15px;
}
.orderhistory_novelty_item + .orderhistory_novelty_item {
	margin-top: 0px;
}
.orderhistory_novelty_data {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	margin-left: -10px;
	margin-right: -10px;
}
.orderhistory_novelty_photo {
	max-width: 90px;
	flex-basis: 90px;
	padding: 0 10px;
}
.orderhistory_novelty_image {
	width: 100%;
	height: auto;
}
.orderhistory_novelty_detail {
	flex: 1;
	padding: 0 10px;
}
.orderhistory_novelty_dispname {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 2px;
}
.orderhistory_novelty_desc {
	display: -webkit-flex;
	display: flex;
}
.orderhistory_novelty_desc + .orderhistory_novelty_desc {
	margin-top: 2px;
}
.orderhistory_novelty_desc_heading {
	font-size: 1.2rem;
	line-height: 1.4;
}
.orderhistory_novelty_desc_detail {
	font-size: 1.2rem;
	line-height: 1.4;
}

/*カラーサイズ変更*/
.orderhistory_subject_variation {}
.orderhistory_subject_variation .orderhistory_subject_item {
	width: 360px;
}
.orderhistory_subject_variation .orderhistory_subject_price {}
.orderhistory_subject_variation .orderhistory_subject_quantity {
	flex: none;
	width: 100px;
}
.orderhistory_subject_color {
	width: 120px;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	padding:1.2rem 1.5rem;
}
.orderhistory_subject_size {
	width: 120px;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	padding:1.2rem 1.5rem;
}
.orderhistory_subject_stock {
	flex: 1;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	padding:1.2rem 1.5rem;
}
.orderhistory_subject_change,
.orderhistory_subject_select {
	flex: 1;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	padding: 1.2rem 1.5rem;
}

.orderhistory_product_data_change .orderhistory_product_detail {
	width: 255px;
}
.orderhistory_product_data_change .orderhistory_product_amount {}
.orderhistory_product_data_change .orderhistory_product_quantity {
	flex: none;
	width: 100px;
	padding: 0 15px;
}
.orderhistory_product_color {
	width: 110px;
}
.orderhistory_product_color_name {
	display: block;
	font-size: 1.2rem;
	text-align: center;
	padding-top: 1rem;
}
.orderhistory_product_size {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	width: 120px;
	max-width: 100%;
	font-size: 1.2rem;
	padding: 0 15px;
	position: relative;
}
.orderhistory_product_stock {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	align-items: center;
	font-size: 1.2rem;
	padding: 0 15px;
	position: relative;
}
.orderhistory_product_change,
.orderhistory_product_select {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	align-items: center;
	font-size: 1.2rem;
	padding: 0 0 0 15px;
	position: relative;
}
.button_variation_change {
	display: inline-block;
	width: 150px;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
	background-color: #fff;
	padding: 1.1rem 1rem;
	border-radius: 3px;
	border: 1px solid #403e3c;
}
.button_variation_changed {
	display: inline-block;
	width: 150px;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
	background-color: #ccc;
	padding: 1.1rem 1rem;
	border-radius: 3px;
	border: 1px solid #ccc;
}
.button_variation_select {
	display: inline-block;
	width: 150px;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
	background-color: #fff;
	padding: 1.1rem 1rem;
	border-radius: 3px;
	border: 1px solid #403e3c;
}

/*ポイント*/
.orderhistory_point {
	padding: 0 15px;
}
.orderhistory_point_data:before,
.orderhistory_point_data:after {
	content: none;
}
.orderhistory_point_data {
	display: flex;
	align-items: center;
	margin-left: -5px;
	margin-right: -5px;
}
.orderhistory_point_data + .orderhistory_point_data {
	margin-top: 20px;
}
.orderhistory_point_heading {
	max-width: 100%;
	flex-basis: 13.5em;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0 5px;
}
.orderhistory_point_detail {
	padding: 0 5px;
}
.orderhistory_point_input {
	width: 192px;
	color: #000;
	font-size: 1.2rem;
	line-height: 1;
	height: 40px;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #999;
	border-radius: 3px;
}
.orderhistory_point_input.disabled,
.orderhistory_point_input:disabled {
	color: #999;
	background-color: #ddd;
}
.orderhistory_point_change {
	padding: 20px 0;
}
.orderhistory_point_text_notice {
	color: var(--color-text-red);
	font-size: 1.2rem;
	margin-top: 15px;
}

/* お届け先*/
.orderhistory_address {
	padding: 0 15px;
}
.orderhistory_address_text {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 20px;
}
.orderhistory_address_list {}
.orderhistory_address_item {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
.orderhistory_address_item:first-child {
	padding-top: 20px;
	border-top: 1px solid #ddd;
}
.orderhistory_address_item + .orderhistory_address_item {}
.orderhistory_address_data {
	display: -webkit-flex;
	display: flex;
}
.orderhistory_address_detail {
	flex: 1;
}
.orderhistory_address_choose {
	display: flex;
	align-items: center;
	padding: 0 10px 0 0;
}
.orderhistory_address_radio {
	display:block;
	position:relative;
}
.orderhistory_address_radio input[type="radio"] + label {
	display: inline-block;
	font-size: 1.4rem;
	line-height: 1.5;
	vertical-align: middle;
	position: relative;
	cursor: pointer;
	width: 18px;
	height: 18px;
}
.orderhistory_address_radio input[type="radio"] + label:before {
	display: block;
	content: "";
	width: 18px;
	height: 18px;
	margin-top: 1px;
	border: 1px solid #646464;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.orderhistory_address_radio input[type="radio"]:checked + label:before {
	background-color: #fff;
	border: 1px solid #646464;
}
.orderhistory_address_radio input[type="radio"]:checked + label:after {
	content: "";
	display: block;
	position: absolute;
	top: 5px;
	left: 4px;
	width: 10px;
	height: 10px;
	background: #000;
	border-radius: 50%;
}
.orderhistory_address_radio input[type="radio"]:disabled + label {
	color: #ccc;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.orderhistory_address_radio input[type="radio"]:disabled + label:before {
	opacity: .4;
}

/*配送希望日時*/
.orderhistory_delivery {
	padding: 0 15px;
}
.orderhistory_delivery_content {
	margin-bottom: 60px;
}
.orderhistory_delivery_select {
	display: inline-block;
	position: relative;
}
.orderhistory_delivery_select select {
	display: inline-block;
	width: 100%;
	font-size: 1.2rem;
	height: 40px;
	background-color: #fff !important;
	border: 1px solid #999;
	border-radius: 3px;
	padding: .8rem 3rem .8rem 1rem;
}
.orderhistory_delivery_select:before {
	content: "";
	display: inline-block;
	width: 22px;
	height: 22px;
	margin: -11px 0 0;
	position: absolute;
	top: 50%;
	right: 5px;
	pointer-events: none;
	background-color: transparent;
	border-radius: 50%;
}
.orderhistory_delivery_select:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -6px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	position: absolute;
	top: 50%;
	right: 12px;
	pointer-events: none;
	transform: rotate(135deg);
}
.orderhistory_delivery_select.wide_xs {
	width: 120px;
}
.orderhistory_delivery_select.wide_sm {
	width: 210px;
}
.orderhistory_delivery_select.wide_md {
	width: 570px;
}
.orderhistory_delivery_select.wide_lg {
	width: 800px;
}
.orderhistory_delivery_list {}
.orderhistory_delivery_item {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 0 0 0 1rem;
	position: relative;
}
.orderhistory_delivery_item + .orderhistory_delivery_item {
	margin-top: 10px;
}
.orderhistory_delivery_item:before {
	display: block;
	content: '';
	position: absolute;
	top: 6px;
	left: 1px;
	width: 2px;
	height: 2px;
	background: #000;
	border-radius: 50%;
}

/*支払方法変更*/
.orderhistory_payment {
	padding: 0 15px;
}
.orderhistory_payment_method {
	width: 100%;
}
.orderhistory_payment_method_wrapper {
	padding: 15px 20px;
}
.orderhistory_payment_method_inner {}
.orderhistory_payment_method_box {
	background-color: #f4f4f4;
	padding: 30px 25px;
}
.orderhistory_payment_method_info {
	padding-left: 35px;
}
.orderhistory_payment_method_info a {
	display: inline-block;
	color: #2423ff;
	font-size: 1.2rem;
	text-decoration: underline;
	cursor: pointer;
	background: url(/static/full/images/cart/cart_q.gif) left center no-repeat;
	padding: .5rem 1rem .5rem 2rem;
}
.orderhistory_payment_method_image {
	width: 320px;
	height: auto;
	vertical-align: middle;
}
#popup-content1,
#popup-content2 {
	margin: 0;
	border: 2px solid #d6d6d6;
	width: 400px;
	background: #fff;
	position: fixed;
	display: none;
	z-index: 9999;
	padding-bottom: 20px;
	text-align: center;
}
#popup-content1 p,
#popup-content2 p {
	text-align: left;
	padding: 1.5rem 1.5rem 1rem 1.5rem;
	font-size: 1.1rem;
	line-height: 20px;
}
#popup-content1 p span {
	text-align: left;
	color: rgb(200, 18, 32);
}
#popup-content1 span {
	display: block;
	font-size: 1.1rem;
	text-align: center;
	margin-bottom: 15px;
}
#popup-content1 .close_btn,
#popup-content2 .close_btn {
	text-decoration: underline;
	margin-top: 30px;
	background: #333333;
	color: #FFFFFF;
	padding: 5px;
}
#popup-overlay {
	z-index: 999;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(0, 0, 0, 0.75);
}
.reserve_area p:before {
	content: "" !important;
	padding-right: 0 !important;
}
.reserve_area p {
	font-size: 1.2rem;
	line-height: 1.2;
}
.cart_u_text_indent {
	margin-left: 1em;
	text-indent: -1em;
}
.section_directrecommend {
	/*	width:1000px;*/
	width: 1190px;
	text-align: left;
	margin: 0 auto 50px;
}
.section_directrecommend .item_container li:nth-of-type(5) a {
	margin: 0;
}

/*返品・交換*/


/*注文キャンセル*/
.orderhistory_cancel {
	padding: 0 15px;
}
.orderhistory_cancel_text {
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 20px;
}
.orderhistory_cancel_text_notice {
	color:var(--color-text-red);
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 20px;
}
.orderhistory_cancel_difference {}
.orderhistory_cancel_content {
	margin-bottom: 60px;
}
.orderhistory_cancel_details {
	display: -webkit-flex;
	display: flex;
}
.orderhistory_cancel_price {
	width: 410px;
}
.orderhistory_cancel_amount {
	padding: 15px;
}
.orderhistory_cancel_amount_original {
	background-color: #f7f7f7;
}
.orderhistory_cancel_amount_canceled {
	background-color: #ffebeb;
}
.orderhistory_cancel_difference_icon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 20px;
}
.orderhistory_cancel_difference_icon:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 22px solid transparent;
	border-bottom: 22px solid transparent;
	border-left: 20px solid #e6e6e6;
}
.orderhistory_cancel_title {
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 20px;
}

/*注文キャンセル 商品代金小計*/
.orderhistory_cancel_calc {}
.orderhistory_cancel_calc_total {
	margin-bottom: 20px;
	border-bottom: 1px solid #000;
	padding-bottom: 15px;
}
.orderhistory_cancel_calc_data:before, .orderhistory_cancel_calc_data:after {
	content: none;
}
.orderhistory_cancel_calc_data {
	display: -webkit-flex;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}
.orderhistory_cancel_calc_heading {
	font-size: 1.2rem;
	padding: 0 5px;
}
.orderhistory_cancel_calc_detail {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	justify-content: flex-end;
	padding: 0 5px;
}
.orderhistory_cancel_calc_price_text {
	font-size: 1.2rem;
	letter-spacing: .05em;
}
.orderhistory_cancel_calc_price_num {
	font-size: 1.2rem;
}
/*注文キャンセル 商品代金詳細*/
.orderhistory_cancel_receipt {}
.orderhistory_cancel_receipt_list {}
.orderhistory_cancel_receipt_item {}
.orderhistory_cancel_receipt_item + .orderhistory_cancel_receipt_item {
	margin-top: 8px;
}
.orderhistory_cancel_receipt_item:last-child {
	padding: 0 0 20px;
	border-bottom: 1px solid #000;
}
.orderhistory_cancel_receipt_data:before, .orderhistory_cancel_receipt_data:after {
	content: none;
}
.orderhistory_cancel_receipt_data {
	display: -webkit-flex;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}
.orderhistory_cancel_receipt_heading {
	font-size: 1.1rem;
	padding: 0 5px;
}
.orderhistory_cancel_receipt_detail {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	justify-content: flex-end;
	padding: 0 5px;
}
.orderhistory_cancel_receipt_price {
	font-size: 1.2rem;
}
.orderhistory_cancel_receipt_price_off {
	color: var(--color-text-red);
	font-size: 1.2rem;
}
.orderhistory_cancel_receipt_point {
	font-size: 1.2rem;
}

/*注文キャンセル 商品代金合計*/
.orderhistory_cancel_total {
	padding: 20px 0 0;
}
.orderhistory_cancel_total_data:before, .orderhistory_cancel_total_data:after {
	content: none;
}
.orderhistory_cancel_total_data {
	display: flex;
	align-items: center;
	margin-left: -5px;
	margin-right: -5px;
}
.orderhistory_cancel_total_heading {
	font-size: 1.6rem;
	font-weight: bold;
	padding: 0 5px;
	color: #000;
}
.orderhistory_cancel_total_detail {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	justify-content: flex-end;
	padding: 0 5px;
}
.orderhistory_cancel_total_text {
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
}
.orderhistory_cancel_total_num {
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
}

/*注文キャンセル バーコード印刷*/
.orderhistory_cancel_print {
	margin-bottom: 40px;
}
.orderhistory_cancel_number {
	display: block;
	font-size: 1.2rem;
	text-align: center;
	margin-bottom: 10px;
}
.orderhistory_cancel_barcode {
	text-align: center;
}
.orderhistory_cancel_barcode_imahge {
	max-width: 100%;
	height: auto;
}

/*注文キャンセル ボタン*/
.orderhistory_cancel_btn {
	text-align: center;
}
.orderhistory_cancel_btn_list:before,
.orderhistory_cancel_btn_list:after {
	content: none;
}
.orderhistory_cancel_btn_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
.orderhistory_cancel_btn_item {}
.orderhistory_cancel_btn_item + .orderhistory_cancel_btn_item {
	margin-left: 10px;
}
.button_orderhistory_cancel {
	display: inline-block;
	width: 200px;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
	background-color: #fff;
	padding: 1.1rem 1rem;
	border: 1px solid #403e3c;
	border-radius: 3px;
}
.button_orderhistory_cancel:hover {
	color: #000;
}
.part-cancel {
	display: none;
}

/*注文キャンセル完了*/
.orderhistory_cancel_complete {
	padding: 100px 0;
}
.orderhistory_cancel_complete_text {
	font-size: 1.3rem;
	line-height: 1.4;
	text-align: center;
	margin-bottom: 20px;
}
.orderhistory_cancel_complete_text_attention {
	display: block;
	font-size: 1.3rem;
	line-height: 1.4;
	margin-top: 5px
}
.orderhistory_cancel_complete_link {
	font-size: 1.2rem;
	text-decoration: underline;
}
.orderhistory_cancel_complete_btn {
	text-align: center;
}

/*配達希望日時カレンダー*/
.modal_delivery {
	display: none;
	width: 440px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1500;
	margin: 50px auto auto;
}
.modal_delivery_window {}
.modal_delivery_wrap {
	background-color: #fff;
	padding: 20px;
	border: 1px solid #e6e6e6;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.16);
	overflow: hidden;
}
.modal_delivery_header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}
.modal_delivery_title {
	font-size: 1.3rem;
	font-weight: bold;
}
.modal_delivery_close {
	display:block;
	width:10px;
	height:10px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.modal_delivery_close:before {
	content:"";
	width:10px;
	height:1px;
	background:#000;
	position:absolute;
	top:50%;
	left:0px;
	transform:rotate(135deg);
	-webkit-transform: rotate(135deg);
}
.modal_delivery_close:after {
	content:"";
	width:10px;
	height:1px;
	background:#000;
	position:absolute;
	top:50%;
	left:0px;
	transform:rotate(45deg);
	-webkit-transform: rotate(45deg);
}
.delivery_close_text {}
.icon_delivery_close {}

.modal_delivery_content {}
.modal_delivery_top {
	margin-bottom: 20px;
}
.modal_delivery_bottom {}

.delivery_info {
	display: flex;
}
.delivery_calender {
	width: 210px;
}
.delivery_nav {
	height: 32px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 0 -5px;
}
.delivery_nav_years {
	font-size: 1.3rem;
	letter-spacing: .25px;
	line-height: 20px;
	padding: 0 5px;
}
.delivery_nav_prev {
	padding: 0 5px;
}
.delivery_nav_next {
	padding: 0 5px;
}
.button_delivery {
	display: inline-block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	cursor: pointer;
	position: relative;
}
.button_delivery_prev {}
.button_delivery_prev:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 50%;
}
.button_delivery_next {}
.button_delivery_next:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 50%;
}
.delivery_form {
	display: none;
}
.delivery_form_select {
	display: none;
}
.delivery_date {
	display: table;
	table-layout: fixed;
	width: 100%;
	text-align: center;
}
.delivery_date_group {
	display: table-row-group;
}
.delivery_date_row {
	display: table-row;
	height: 30px;
}
.delivery_date_column {
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	outline: none;
	position: relative;
}
.delivery_date_column.delivery_date_week,
.delivery_date_column.delivery_date_disabled {
	pointer-events: none;
}
.delivery_week {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 1.1rem;
	background-color: #f5f5f5;
}
.delivery_date_sunday .delivery_week {
	color: #ff3b3b;
}
.delivery_date_saturday .delivery_week {
	color: #179dff;
}
.delivery_day {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #000;
	font-size: 1.2rem;
	background-color: transparent;
}
.delivery_date_sunday .delivery_day {
	color: #ff3b3b;
}
.delivery_date_saturday .delivery_day {
	color: #179dff;
}
.delivery_date_publicholiday .delivery_day {
	color: #ff3b3b;
}
.delivery_date_disabled .delivery_day {
	color: #ccc !important;
}
.delivery_date_today .delivery_day {
	background-color: #ebebeb;
}
.delivery_date_selected .delivery_day {
	background-color: #b1b1b1;
}
.delivery_date_next .delivery_day {
	color: #666;
}

.delivery_time {
	flex: 1;
	padding: 0 0 0 40px;
}
.delivery_time_list {}
.delivery_time_item {}
.delivery_time_item + .delivery_time_item {
	margin-top: 15px;
}
.delivery_time_radio {
	display: block;
	position: relative;
}
.delivery_time_input {
	vertical-align: middle;
}
.delivery_time_label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	font-size: 1.2rem;
	line-height: 1.2;
	padding: 0 0 0 2rem;
}
.delivery_time_label:before {
	content: "";
	display: inline-block;
	width: 14px;
	height: 14px;
	background-color: #fff;
	border: 1px solid #b1b1b1;
	border-radius: 50%;
	position:absolute;
	top:0;
	left:0;
}
.delivery_time_input:checked + .delivery_time_label:before {
	position: absolute;
	top: 0;
	left: 0;
}
.delivery_time_input:checked + .delivery_time_label:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 14px;
	height: 14px;
	background: #b1b1b1;
	border-radius: 50%;
}
.delivery_time_input:disabled + .delivery_time_label {
	color: #ccc;
	cursor: default;
	-webkit-user-select: none;
	user-select: none;
}
.delivery_time_input:disabled + .delivery_time_label:before {
	opacity: .4;
}
.button_delivery_change {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	background-color: #000;
	padding: 10px;
}


/* 13-1 取置/試着履歴 一覧
--------------------------------------------------------------------*/

.holdhistory {
	margin-bottom: 60px;
}
.holdhistory_text {
	font-size: 1.4rem;
	margin-bottom: 40px
}
.holdhistory_results {
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px
}
.holdhistorylist {
	margin-bottom: 30px;
}
.holdhistorylist_item {}
.holdhistorylist_item + .holdhistorylist_item {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}
.form_holdhistory {
	display: flex;
	align-items: center;
	margin-left: -15px;
	margin-right: -15px;
}
.form_holdhistory_heading {
	flex-basis: 160px;
	max-width: 160px;
	padding: 0 15px;
}
.form_holdhistory_detail {
	flex: 1;
	padding: 0 15px;
}
.label.label_holdhistory {
	display: block;
	font-size: 1.2rem;
	text-align: center;
	white-space: nowrap;
	background-color: #f4f4f4;
	padding: .8rem .4rem;
	border-radius: 3px;
}
.holdhistory_row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.holdhistory_row > [class*=col_] {
	padding-right: 15px;
	padding-left: 15px;
}
.col_holdhistory_1 {
	flex: 0 0 8.333333333%;
	max-width: 8.333333333%;
}
.col_holdhistory_2 {
	flex: 0 0 16.666666667%;
	max-width: 16.666666667%;
}
.col_holdhistory_3 {
	flex: 0 0 25%;
	max-width: 25%;
}
.col_holdhistory_4 {
	flex: 0 0 33.333333333%;
	max-width: 33.333333333%;
}
.col_holdhistory_5 {
	flex: 0 0 41.666666667%;
	max-width: 41.666666667%;
}
.col_holdhistory_6 {
	flex: 0 0 50%;
	max-width: 50%;
}
.col_holdhistory_7 {
	flex: 0 0 58.333333333%;
	max-width: 58.333333333%;
}
.col_holdhistory_8 {
	flex: 0 0 66.666666667%;
	max-width: 66.666666667%;
}
.col_holdhistory_9 {
	flex: 0 0 75%;
	max-width: 75%;
}
.col_holdhistory_10 {
	flex: 0 0 83.333333333%;
	max-width: 83.333333333%;
}
.col_holdhistory_11 {
	flex: 0 0 91.666666667%;
	max-width: 91.666666667%;
}
.col_holdhistory_12 {
	flex: 0 0 100%;
	max-width: 100%;
}
.col_holdhistory_auto {
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	min-height: 1px;
	position: relative;
}
.holdhistorylist_data {}
.holdhistorylist_heading {
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.holdhistorylist_detail {
	display: block;
}
.holdhistorylist_link {
	text-decoration: underline;
}

.button_holdhistory {
	display: inline-block;
	width: 90px;
	color: #fff;
	font-size: 1.3rem;
	text-align: center;
	background-color: #403e3c;
	padding: .8rem .5rem;
	border-radius: 3px;
}
.button_holdhistory:hover {
	color: #fff;
}
.holdhistory_status {}
.holdhistory_status_info {
	background-color: #f4f4f4;
	padding: 40px;
}
.holdhistory_status_title {
	font-size: 1.6rem;
	text-align: center;
	margin-bottom: 15px;
}
.holdhistory_status_data {
	display: -webkit-flex;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}
.holdhistory_status_data + .holdhistory_status_data {
	margin-top: 10px;
}
.holdhistory_status_heading {
	max-width: 100%;
	flex-basis: 130px;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0 5px;
}
.holdhistory_status_detail {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	font-size: 1.2rem;
	padding: 0 5px;
}

/* ページャー */
.holdhistory_pager {
	padding: 0 15px;
}
.holdhistory_pager_list {
	display: flex;
	justify-content: center;
	margin-left: -5px;
	margin-right: -5px;
	position: relative;
}
.holdhistory_pager_item {
	display:inline-block;
	height: 30px;
	width: 30px;
	margin: 0 5px;
	position: relative;
}
.holdhistory_pager_link {
	display: block;
	font-size: 1.3rem;
	line-height: 30px;
}
.holdhistory_pager_number {
	line-height: 30px;
}
.holdhistory_pager_number .holdhistory_pager_link {
	display: block;
	font-size: 1.3rem;
	line-height: 30px;
	text-align: center;
}
.holdhistory_pager_number.active .holdhistory_pager_text {
	display: block;
	font-size: 1.3rem;
	line-height: 30px;
	color: #000;
	text-align: center;
	background-color: #e6e6e6;
}
.holdhistory_pager_number.brank .holdhistory_pager_text {}
.holdhistory_pager_prev {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 20px;
}
.holdhistory_pager_prev .holdhistory_pager_link:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 50%;
}
.holdhistory_pager_next {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 20px;
}
.holdhistory_pager_next .holdhistory_pager_link:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 50%;
}

/* 13-2 取置/試着履歴 詳細
--------------------------------------------------------------------*/

.holdhistory_details {
	display: -webkit-flex;
	display: flex;
}
.holdhistory_title {
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	margin-bottom: 30px;
	padding:1.2rem 1.5rem;
	position: relative;
}
/*お申込内容*/
.holdhistory_details_info {
	width: 440px;
}
.holdhistory_info {
	padding: 0 15px;
}
.holdhistory_info_data:before, .holdhistory_info_data:after {
	content: none;
}
.holdhistory_info_data {
	display: -webkit-flex;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}
.holdhistory_info_data + .holdhistory_info_data {
	margin-top: 8px;
}
.holdhistory_info_heading {
	max-width: 100%;
	flex-basis: 7em;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 5px;
}
.holdhistory_info_detail {
	flex: 1;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 0 5px;
}
.holdhistory_info_link {
	font-size: 1.2rem;
}

/*お申込商品*/
.holdhistory_product {
	margin-bottom: 20px;
}
.holdhistory_product_list {}
.holdhistory_product_item {}
.holdhistory_product_item + .holdhistory_product_item {
	border-top: 1px solid #ccc;
}
.holdhistory_product_data {
	display: -webkit-flex;
	display: flex;
}
.holdhistory_product_thumb {
	max-width: 90px;
	flex-basis: 90px;
}
.holdhistory_product_photo {}
.holdhistory_product_photo_link {
	display: block;
	position: relative;
}
.holdhistory_product_photo_link:before {
	content: "";
	display: block;
	padding-top: var(--goods-aspect-ratio);
}
.holdhistory_product_image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
}
.holdhistory_product_detail {
	flex: 1;
	padding: 0 15px 0 20px;
}
.holdhistory_product_brandname {
	display: none;
	color: #000;
	font-size: 1.2rem;
	margin-bottom: 5px;
}
.holdhistory_product_dispname {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 2px;
}
.holdhistory_product_dispname_link {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.4;
}
.holdhistory_product_color {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 2px;
}
.holdhistory_product_size {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 2px;
}
.holdhistory_product_price {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
}
.holdhistory_product_desc:before, .holdhistory_product_desc:after {
	content: none;
}
.holdhistory_product_desc {
	display: -webkit-flex;
	display: flex;
}
.holdhistory_product_desc + .holdhistory_product_desc {
	margin-top: 2px;
}
.holdhistory_product_desc_heading {
	font-size: 1.2rem;
	line-height: 1.4;
}
.holdhistory_product_desc_detail {
	font-size: 1.2rem;
	line-height: 1.4;
}
.holdhistory_store {
	background-color: #f4f4f4;
	padding: 15px;
}
.holdhistory_store_list {}
.holdhistory_store_item {}
.holdhistory_store_item + .holdhistory_store_item {
	margin-top: 5px;
}
.holdhistory_store_data {
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}
.holdhistory_store_heading {
	width: 100px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 5px;
}
.holdhistory_store_detail {
	flex: 1;
	padding: 0 5px;
}
.holdhistory_store_text {
	font-size: 1.2rem;
	line-height: 1.4;
}

/*試着キャンセル*/
.holdhistory_cancel {}
.holdhistory_cancel_text {
	font-size: 1.2rem;
	line-height: 1.4;
	margin-bottom: 20px;
}
.holdhistory_cancel_content {
	margin-bottom: 20px;
}
.holdhistory_cancel_btn {
	text-align: center;
}
.button_holdhistory_cancel {
	display: inline-block;
	width: 200px;
	font-size: 1.2rem;
	line-height: 1.5;
	text-align: center;
	background-color: #fff;
	padding: 1.1rem 1rem;
	border: 1px solid #403e3c;
	border-radius: 3px;
}
.button_holdhistory_cancel:hover {
	color: #000;
}
.button_holdhistory_cancel.disabled {
	color: #ababab;
	-webkit-user-select: none;
	user-select: none;
	pointer-events: none;
	background-color: #f4f4f4;
	border: 1px solid #f4f4f4;
}

/* 14 ショップ購入履歴
--------------------------------------------------------------------*/

/*ご購入内容*/
.shop_orderhistory_info {
	padding: 0 15px;
}
.shop_orderhistory_info_data:before, .shop_orderhistory_info_data:after {
	content: none;
}
.shop_orderhistory_info_data {
	display: flex;
	align-items: center;
	margin-left: -5px;
	margin-right: -5px;
}
.shop_orderhistory_info_data + .shop_orderhistory_info_data {
	margin-top: 8px;
}
.shop_orderhistory_info_heading {
	max-width: 100%;
	flex-basis: 9em;
	font-size: 1.2rem;
	font-weight: bold;
	padding: 0 5px;
}
.shop_orderhistory_info_detail {
	flex: 1;
	font-size: 1.2rem;
	padding: 0 5px;
}

/*ご購入商品*/
.shop_orderhistory_product {}
.shop_orderhistory_product_subject {}
.shop_orderhistory_subject {
	display: flex;
	width: 100%;
}
.shop_orderhistory_subject:before, .shop_orderhistory_subject:after {
	content: none;
}
.shop_orderhistory_subject_item {
	width: 460px;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	padding: 1.2rem 1.5rem;
}
.shop_orderhistory_subject_price {
	width: 220px;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	padding: 1.2rem 1.5rem;
}
.shop_orderhistory_subject_quantity {
	-webkit-flex: 1;
	flex: 1;
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.4;
	background-color: #f4f4f4;
	padding: 1.2rem 1.5rem;
}
.shop_orderhistory_product_list {}
.shop_orderhistory_product_item {}
.shop_orderhistory_product_item + .shop_orderhistory_product_item {
	border-top: 1px solid #ccc;
}
.shop_orderhistory_product_data {
	display: flex;
}
.shop_orderhistory_product_detail {
	display: flex;
	width: 460px;
	padding: 15px;
}
.shop_orderhistory_product_amount {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	width: 220px;
	max-width: 100%;
	padding: 0 15px;
	position: relative;
}
.shop_orderhistory_product_quantity {
	max-width: 100%;
	display: flex;
	flex-flow: row wrap;
	flex: 1;
	align-items: center;
	padding: 0 0 0 15px;
	position: relative;
}
.shop_orderhistory_product_dispname {
	color: #000;
	font-size: 1.2rem;
	line-height: 1.4;
}
.shop_orderhistory_product_price_total {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.4;
}
.shop_orderhistory_product_num {
	font-size: 1.2rem;
}

/* 17ポイント利用履歴
--------------------------------------------------------------------*/
/*== ▼HISTORY マクロ上 ==*/
.pointhistory {}

/*ポイント残高*/
.pointhistory_summary {
	border: 4px solid #f4f4f4;
}
.pointhistory_summary_content {}
.pointhistory_summary_list {
	display: flex;
	padding: 20px 30px;
}
.pointhistory_summary_item {
	width: 33.3333333%;
}
.pointhistory_summary_data {}
.pointhistory_summary_heading {
	font-size: 1.2rem;
	margin-bottom: 15px;
}
.pointhistory_summary_detail {}
.pointhistory_totalpoint {
	font-size: 2.8rem;
	font-weight: bold;
}
.pointhistory_totalpoint_text {
	font-size: 1.4rem;
}
.pointhistory_regularpoint {
	font-size: 2rem;
	font-weight: bold;
}
.pointhistory_regularpoint_text {
	font-size: 1.4rem;
	font-weight: normal;
}
.pointhistory_limitedpoint {
	font-size: 2rem;
	font-weight: bold;
}
.pointhistory_limitedpoint_text {
	font-size: 1.4rem;
	font-weight: normal;
}
.pointhistory_summary_revoked {
	font-size: 1.4rem;
	padding: 2rem 3rem;
	border-top: 2px solid #f4f4f4;
}

/*ポイント履歴内容*/
.pointhistory_list {
	width: 100%;
}
.pointhistory_list th {
	font-size: 1.2rem;
	font-weight: bold;
	padding: 1.5rem;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
}
.pointhistory_list td {
	font-size: 1.2rem;
	padding: 1.5rem;
	border-bottom: 1px solid #ccc;
	vertical-align: middle;
}
.history_time,
.point_use,
.point_no,
.point_type{
	white-space: nowrap;
}
.pointhistory_item {}
.pointhistory_item.gain {}
.pointhistory_item.authori {}
.pointhistory_item.settle {}
.pointhistory_item.expired {}

.pointhistory_status {}
.pointhistory_label {
	color: #000;
	font-size: 1.2rem;
	font-weight: bold;
	white-space: nowrap;
	cursor: default;
	padding: .2rem 1rem;
}
.pointhistory_label.gain {
	color: #fff;
	background-color: #000;
}
.pointhistory_label.authori {
	color: #fff;
	background-color: #ff7f7f;
}
.pointhistory_label.settle {
	color: #fff;
	background-color: #ff7f7f;
}
.pointhistory_label.expired {
	color: #fff;
	background-color: #848484;
}
.pointhistory_date {}
.pointhistory_type {}
.pointhistory_title {}
.pointhistory_no {}
.pointhistory_no_link {
	color: #000;
	font-size: 1.2rem;
	text-decoration: underline;
}
.pointhistory_limitdate {}
.pointhistory_point {}
.pointhistory_point_num {
	color: #000;
	font-size: 1.8rem;
	font-weight: bold;
}
.pointhistory_item.gain .pointhistory_point_num {}
.pointhistory_item.gain .pointhistory_point_num:before {
	content: "+";
}
.pointhistory_item.authori .pointhistory_point_num {
	color: var(--color-text-red);
}
.pointhistory_item.settle .pointhistory_point_num {
	color: var(--color-text-red);
}
.pointhistory_item.expired .pointhistory_point_num {
	color: #848484;
}
.no_point {
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 1rem;
}

.pointhistory_pager {
	padding: 30px 0;
}
.pointhistory_pager_list:before, .pointhistory_pager_list:after {
	content: none;
}
.pointhistory_pager_list {
	display: flex;
	justify-content: center;
	margin-left: -5px;
	margin-right: -5px;
	position: relative;
}
.pointhistory_pager_item {
	display:inline-block;
	height: 30px;
	width: 30px;
	margin: 0 5px;
	position: relative;
}
.pointhistory_pager_link {
	display: block;
	font-size: 1.3rem;
	line-height: 30px;
}
.pointhistory_pager_number {
	line-height: 30px;
}
.pointhistory_pager_number .pointhistory_pager_link {
	display: block;
	font-size: 1.3rem;
	line-height: 30px;
	text-align: center;
}
.pointhistory_pager_number.active .pointhistory_pager_text {
	display: block;
	font-size: 1.3rem;
	line-height: 30px;
	color: #000;
	text-align: center;
	background-color: #e6e6e6;
}
.pointhistory_pager_number.brank .pointhistory_pager_text {}
.pointhistory_pager_prev {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: 9999px;
	white-space: nowrap;
	overflow: hidden;
	margin-right: 20px;
}
.pointhistory_pager_prev .pointhistory_pager_link:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 50%;
}
.pointhistory_pager_prev span:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-left: -2px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	transform: rotate(-135deg);
	position: absolute;
	top: 50%;
	left: 50%;
}
.pointhistory_pager_next {
	position: absolute;
	top: 0;
	right: 0;
	text-indent: 9999px;
	white-space: nowrap;
	overflow: hidden;
	margin-left: 20px;
}
.pointhistory_pager_next .pointhistory_pager_link:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: -2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 50%;
}
.pointhistory_pager_next span:after {
	content: "";
	width: 8px;
	height: 8px;
	margin-top: -4px;
	margin-right: -2px;
	border-top: 1px solid #ddd;
	border-right: 1px solid #ddd;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 50%;
}

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

.withdrawal {}
.withdrawal_text {
	font-size: 1.2rem;
	line-height: 1.6;
	margin-bottom: 20px;
}
.unregister_check_list {}
.unregister_check_item {}
.unregister_check_item:not(:last-child) {
	margin-bottom: 10px;
}
#right_box .allconf {
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
#right_box .allconf p {
	font-size: 1.2rem;
}
#right_box .allconf #errpage {
	color: #F00;
	font-size: 1.2rem;
}
.mailmag_check_note {
	color: var(--color-text-red);
	font-size: 1.2rem;
}

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

#mypage .completion {
	width: 100%;
}
#mypage .completion .registered .storeInputCol {
	float: left;
	margin-right: 5px;
}
#mypage .completion .registered ul li {
	line-height: 17px;
	margin-bottom: 5px;
}

/* 20 メンバーズカードの認証
--------------------------------------------------------------------*/
#right_box .members-card {
	margin: 10px 0px 30px;
	color: #555555;
}
#right_box .members-card p {
	font-size: 1.2rem;
	padding: 10px 0;
}
#right_box .members-card .entry_card {
	margin-bottom: 40px;
}
#right_box .members-card .entry_card p {
	font-weight: bold;
	font-size: 1.4rem;
	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;
	font-size: 1.2rem;
	line-height: 26px;
	margin-bottom: 20px;
}
#right_box .members-card .entry_card dl dt span {
	color: #cc0000;
	font-size: 1.2rem;
}
#right_box .members-card .entry_card dl dd {
	float: left;
	width: 310px;
	font-size: 1.2rem;
	line-height: 26px;
	margin-bottom: 20px;
}
#right_box .members-card .entry_card dl dd span {
	font-size: 1.2rem;
}
#right_box .members-card .entry_card.confirm dl dd span {
	font-size: 1.2rem;
}
#right_box .members-card .entry_card dl dd input {
	font-size: 1.2rem;
	line-height: 22px;
	margin: 0 !important;
}
#right_box .members-card .entry_card dl dd.error {
	position: absolute;
	left: 140px;
	top: -19px;
}
#right_box .Unregistered {
	font-size: 1.2rem;
	text-align: center;
	margin: 80px 0;
}
#right_box .Unregistered a {
	font-size: 1.2rem;
	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 {
	font-size: 1.2rem;
	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: 1.6rem;
	font-weight: bold;
}
#storeFolder2 .title-prefecture {
	font-size: 1.4rem;
	font-weight: bold;
	padding-top: 10px;
}
#storeFolder2 .title-brand {
	font-size: 1.2rem;
	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: 1.6rem;
	font-weight: bold;
	margin: 100px 0 150px;
}
#right_box .registered {
	margin-bottom: 40px;
}
#right_box .registered h4 {
	padding-left: 10px;
	font-size: 1.4rem;
	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_coupon {}
.member_coupon_data {
	border-collapse: collapse;
	margin: 10px 0px 0px 0px;
	padding: 0;
	width: 100%;
}
.member_coupon_data th {
	background-color: #eee;
	border: 1px solid #b9b9b9;
	color: #333;
	font-size: 1.2rem;
	padding: .6rem;
	text-align: left;
	vertical-align: top;
	width: 25%;
}
.member_coupon_data td {
	font-size: 1.2rem;
	background-color: #fff;
	border: 1px solid #b9b9b9;
	padding: .6rem;
}
.no_coupon {
	font-size: 1.2rem;
}

/* お気に入り商品 */
.member_favorite {
	display: none;
	padding: 10px 0;
}
.member_favorite_text {
	font-size: 1.2rem;
	line-height: 1.4;
}
.member_favorite_content {
	padding: 10px 0 0;
}
.member_favorite_list {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -10px;
}
.member_favorite_item {
	flex: 0 0 20%;
	width: 100%;
	max-width: 20%;
	margin-bottom: 30px;
	padding: 0 10px;
	position: relative;
}
.member_favorite_link {
	display: block;
	position: relative;
}
.member_favorite_photo {
	margin: 0 0 10px;
	position: relative;
}
.member_favorite_photo:before {
	content: "";
	display: block;
	padding-top: var(--goods-aspect-ratio);
}
.member_favorite_image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
	-webkit-user-select: none;
	user-select: none;
}
.member_favorite_stock {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #252525;
	font-size: 1.3rem;
	text-align: center;
	background-color: #e6e6e6;
	padding: .8rem 0px;
}
.member_favorite_stock.soldout {
	height: 100%;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,.6);
}
.member_favorite_detail {}
.member_favorite_btn {
	display: none;
	text-align: center;
	padding: 0 15px;
}
.button_member_favorite {
	display: inline-block;
	width: 60%;
	color: #fff;
	font-size: 1.2rem;
	font-weight: bold;
	background-color: #57bceb;
	border-radius: 20px;
	padding: 1.2rem .5rem;
}
.button_member_favorite:hover {
	color: #fff;
	text-decoration: none;
}

/* 23 非ログイン時 ニュース レター編集
--------------------------------------------------------------------*/
#mypage .edit_magazine p {
	font-size: 1.2rem;
	text-align: left;
	padding: 0 20px;
}
#mypage .edit_area {
	padding: 0 20px;
}
#mypage .edit_area dl dt {
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 5px;
}
#mypage .edit_area dl dd input {
	width: 500px;
	height: 26px;
	font-size: 1.2rem;
	line-height: 26px;
	padding: 0 5px;
	border: 2px solid #a6a6a6;
}
#mypage .edit_area dl dd.error_text {
	color: var(--color-text-red);
	font-size: 1.1rem;
}
#mypage .edit_area dl dd .ex {
	font-size: 1.1rem;
	color: #777;
}
.section_directrecommend {
	width: 1190px;
	text-align: left;
	margin: 0 auto 50px;
}


/* 24-1 ログイン画面
--------------------------------------------------------------------*/
#contents.login {
	width: 1200px;
}
.member_login {
	margin-bottom: 40px;
}
.member_login_wrapper {
	width: 1200px;
	padding: 30px;
	background-color: #f4f4f4;
	position: relative;
}
.member_login_content {
	display: flex;
	margin: 0 -20px;
}
.member_login_item {
	flex: 0 0 600px;
	width: 100%;
	max-width: 600px;
	padding: 20px;
}
.member_login_item:not(:last-child) {
	border-right: 1px solid #707070;
}
.member_login_title {
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.member_login_box {}
.member_login_area {
	padding: 20px 60px 40px;
}
.member_login_text {
	font-size: 1.2rem;
	line-height: 1.6;
	margin-bottom: 20px;
}
.member_form_fieldset {
	display: flex;
	flex-flow: column wrap;
	gap: 20px;
}
.member_form_legend {
	display: none;
	font-size: 1.2rem;
}
.member_form {
	display: flex;
	flex-flow: column;
}
.member_form_label {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 5px;
	cursor: default;
}
.member_form_input {
	display: inline-block;
	width: 100%;
	color: #000;
	font-size: 1.2rem;
	line-height: 1;
	height: 40px;
	background-color: #fff;
	background-image: none;
	padding: 1rem;
	border: 1px solid #999;
	border-radius: 3px;
}
.clear_form_input .member_form_input {
	padding: 1rem 3.5rem 1rem 1rem;
}
.password_visibility_input .member_form_input {
	padding: 1rem 4rem 1rem 1rem;
}
.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: #000;
	font-size: 1.2rem;
	line-height: 1.2;
	position: relative;
}
.member_remind_link:hover {
	color: #000;
}
.member_registration_btn {
	text-align: center;
}
.member_registration_btn .default-btn {
	width: 210px;
}
.member_form_detail .errorSlot {
	margin-top: 5px;
}
.member_ipass_error {
	color: var(--color-text-red);
	font-size: 1.5rem;
	text-align: center;
	margin: 0 auto 10px;
}

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

.social_login {
	margin-bottom: 40px;
}
.social_login_title {
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
}
.social_login_subtitle {
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.social_login_wrapper {
	width: 1200px;
	padding: 30px;
	background-color: #f4f4f4;
	position: relative;
}
.social_login_content {
	display: flex;
	margin: 0 -20px;
}
.social_login_item {
	flex: 0 0 600px;
	width: 100%;
	max-width: 600px;
	padding: 20px;
}
.social_login_item:not(:last-child) {
	border-right: 1px solid #707070;
}
.social_login_area {
	padding: 20px 60px 40px;
}
.social_login_text {
	font-size: 1.2rem;
	line-height: 1.6;
	margin-bottom: 20px;
}
.social_guest {}
.social_guest_title {
	color: #000;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}
.social_guest_btn {
	text-align: center;
}
.social_form_fieldset {
	display: flex;
	flex-flow: column wrap;
	gap: 20px;
}
.social_form_legend {
	display: none;
	font-size: 1.2rem;
}
.social_form {
	display: flex;
	flex-flow: column;
}
.social_form_label {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 5px;
	cursor: default;
}
.social_form_input {
	display: inline-block;
	width: 100%;
	color: #000;
	font-size: 1.2rem;
	line-height: 1;
	height: 40px;
	background-color: #fff;
	background-image: none;
	padding: 1rem;
	border: 1px solid #999;
	border-radius: 3px;
}
.clear_form_input .social_form_input {
	padding: 1rem 3.5rem 1rem 1rem;
}
.password_visibility_input .social_form_input {
	padding: 1rem 4rem 1rem 1rem;
}
.social_login_btn {
	text-align: center;
}
.social_login_btn + .social_login_btn {
	margin-top: 15px;
}
#AmazonPayButton {
	display: inline-block !important;
}
.social_remind {
	text-align: center;
	margin-top: 10px;
}
.social_remind_link {
	color: #000;
	font-size: 1.2rem;
	padding-left: 1rem;
	line-height: 1.2;
	position: relative;
}
.social_remind_link:before {
	content: "!";
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	color: #000;
	font-size: 1.2rem;
	margin-top: -5px;
}
.social_remind_link:hover {
	color: #000;
}

/*\*/

* 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;
}

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

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

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

.errorText {
	color:var(--color-text-red);
	font-size: 1.2rem;
}
.already_member {
	padding: 0 20px;
	border-bottom: 1px #ccc solid;
	margin-bottom: 40px;
}
.already_member p {
	font-size: 1.2rem;
	margin-bottom: 40px;
	line-height: 20px;
}
.already_member p .errorText {
	display: block;
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 5px;
}


/* 26 既存会員用ログインページ
--------------------------------------------------------------------*/
.exrlogin {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border: 1px solid #666;
}
.exrlogin p {
	color:#F00;
	font-size: 1.2rem;
	padding: 0 1rem 2rem 2rem;
}
.exrlogin table {
	margin-bottom: 50px !important;
}
.exrlogin table th {
	display: block;
	width: 160px !important;
	font-size: 1.2rem;
	font-weight: bold;
}
.margin-top-center-b {
	font-size: 1.2rem;
	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: 1.3rem;
	line-height: 1.6;
	margin-bottom: 30px;
}
.forgot_box_allconf {
	font-size: 1.3rem;
	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: 1.4rem;
	vertical-align: middle;
	padding: 12px 0;
}
.forgot_box_dd {
	display: table-cell;
	vertical-align: middle;
	font-size: 1.4rem;
}
.forgot_box_input {
	display: inline-block;
	width: 450px;
	color: #000;
	font-size: 1.2rem;
	line-height: 1;
	height: 40px;
	background-color: #fff;
	background-image: none;
	padding: 1rem;
	border: 1px solid #999;
	border-radius: 3px;
}
.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:var(--color-text-red);
	font-size: 1.2rem;
}
.forgot_box .btn_area {
	text-align: center;
	margin-top: 70px;
}
.forgot_box .btn_area p {
	font-size: 1.2rem;
	letter-spacing: normal;
}
.forgot_box_error {
	display: block;
	color:var(--color-text-red);
	font-size: 1.2rem;
	margin-top: 2px;
}
/*#20687 Input*/
.forgot_box .password_visibility_input {
	display: inline-block;
	position: relative;
	width: 100%;
}
.forgot_box dd .ok {
	position: static;
	margin-left: auto;
}
.forgot_box .clear_form_input {
	display: inline-block;
	width: auto;
}
.forgot_box .input_clear_button.on {
	left: 425px;
	right: auto;
}
.forgot_box .password_visibility_button {
	left: 166px
}
.forgot_box .password_visibility_input {
	width: auto;
}
.forgot_box .password_visibility_input .forgot_box_input {
	width: 200px;
}
/*#20687 Input*/

.member-btn a span{
	color:#fff;
	background:#272727;
	display:block;
	width:204px;
	height:50px;
	text-align:center;
	text-decoration:none;
	outline:medium none;
	font-size: 1.2rem;
	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{}
.order_btn_list p{
	padding:5px 10px;
	display:block;
	width:100%;
	font-size: 1.2rem;
	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%;
	font-size: 1.2rem;
	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_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,
	.orderhistory_btn,
	.orderhistory_exchange,
	.orderhistory_attention,
	.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;
	}
}