@charset "utf-8";

/* ===================================================================
	コンテンツ
		01 基本設定
		02 パンクズ
		03 左メニュー
		04 TOP右カラム
		05 メンバーズカードページ
		06 登録内容の確認・変更
		07 アドレス帳
		08 お支払い方法
		09 メルマガ登録・削除
		10 マイショップ登録
		11 パスワードの変更
		12 ご注文履歴
		13 ポイント利用履歴
		14 お気に入りアイテム
		15 お気に入りコーディネート
		16 ログアウト
		17 退会
		18 変更完了ページ
		19.注文詳細
		20 メンバーズカードの認証
		21.マイショップ
		22.クーポン・キャンペーン
		23 非ログイン時 メルマガ編集
		24-1 取置/試着履歴 一覧
		24-2 取置/試着履歴 詳細
		25 SNS連携
=================================================================== */
/* 01 基本設定
--------------------------------------------------------------------*/

#mypage {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}

#mypage h2 {
	width: 1000px;
	padding: 5px 0;
	margin-bottom: 30px;
	font-size: 24px;
	font-family: 'Khula', sans-serif,HiraKakuProN-W3,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "メイリオ";
	font-weight: bold;
	border-bottom: 2px #000 solid;
}
#main-contents {
	width: 1000px;
	margin: 0 auto;
	text-align: left;
}
#main-contents #container {
	width: 960px;
	border: 1px solid #dfdfdf;
	margin: 0 auto 30px;
	padding: 20px;
	text-align: left;
}
#container:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
.mypage_title {
	color: #333;
	font-size: 15px !important;
	font-weight: bold !important;
	line-height: 40px !important;
	margin-bottom: 20px !important;
}
.mypage_infomationMessage {
	color:#ff0000;
	font-size:12px;
	text-align:left;
	line-height:1.4em;
	margin:10px 0;
}
.mypage_section {
	margin-bottom: 40px;
}
.mypage_section:last-child {
	margin-bottom: 0;
}
.mypage_section_title {
	color: #000;
	font-size: 14px ;
	font-weight: bold;
	margin-bottom: 20px;
	border-bottom: 1px #d6d6d6 solid;
	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;
}
.amazon_content {
	text-align:center;
}
.amazon_content .lead {
	text-align:center;
}
.amazon_content .lead + .amazon_btn {
	margin-top:10px;
}
#AmazonPayButton {
	margin:auto;
}


/*\*/

* html #container {
	height: 1em;
}
.title_h2--heading {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
	padding-left: 20px;
	border-bottom: 2px solid #222;
	text-align: left;
}
.title_def_bg {
	color: #ff6969;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-top: 15px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ebebeb;
}
.margin-top-center {
	color: #666;
	font-weight: bold;
	text-align: center;
	margin-top: 10px;
}
.margin-top-left {
	text-align: left;
	margin: 20px auto;
}
.margin-top-right {
	text-align: right;
	margin-top: 10px;
}

/* 共通ボタン */

#mypage .btn {
	margin: 20px 0 !important;
	text-align: center !important;
}

#mypage .btn p {
	text-align: center !important;
}

#mypage .btn a {
	border: 2px #cccccc solid !important;
	width: 252px !important;
	display: block !important;
	margin: 0 auto !important;
	line-height: 47px !important;
	color: #565656 !important;
	font-size: 14px !important;
	font-weight: bold !important;
}

#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: #cc0033;
}
/*EFO　チェック*/

.ok {
	color: #cc0033;
	margin-left: 5px;
}
/*efo sampleテキスト*/
.sampleValue {
	color:#999 !important;
}
input,
textarea {
	margin-bottom: 2px !important;
}
/* 02 パンクズ
--------------------------------------------------------------------*/

#mypage .bread {
	text-align: left;
	margin: 0 auto;
	padding: 20px 0;
	width: 1000px;
	float: left;
	font-size: 10px;
}

.breadcrump:before, .breadcrump:after {
	content: " ";
	display: block;
}
.breadcrump:after {
	clear: both;
}
.breadcrump {
	font-size: 10px;
	padding: 20px 0;
}
.breadcrump li{
	float: left;
	margin-right: 5px;
}
.breadcrump li+li {
	background: url("/static/full/images/common/bread_arrow.gif") left center no-repeat;
	padding-left: 10px;
}

/* 03 左メニュー
--------------------------------------------------------------------*/

#left_box {
	width: 240px;
	float: left;
	margin-right: 30px;
	margin-bottom: 70px;
}

#left_box .profile {
	text-align: center;
	border: 5px #e6e6e6 solid;
	margin-bottom: 20px;
}
	.profile .member_info {
		background-color: #e6e6e6;
		padding: 2px 0 5px;
	}
		.profile .member_info dt {
			font-size: 15px;
			font-weight: bold;
		}
		.profile .member_info dd {
		}
		.profile .member_info dd span {
			font-size: 13px;
			font-weight: bold;
		}
.profile .rank_info {
	/* background: #fafafa; */
	text-align: left;
	padding: 5px;
	font-size: 10px;
}
	.profile .rank_info p:last-child {
		text-align: right;
	}
	.profile .rank_info a {
		background: url("/static/full/images/cart/cart_q.gif") no-repeat left center;
		background-size: 11px;
		padding-left: 15px;
		color: #2423ff;
		text-decoration: underline;
	}
.profile .havepoint_info {
	margin: 10px;
}
	.profile .havepoint_info dt {
		color: #e8115f;
		font-weight:bold;
		font-size: 13px;
		margin-bottom: 2px;
	}
	.profile .havepoint_info dt span {
		font-family: 'Droid Serif', serif;
		font-size: 30px;
		display: inline-block;
		padding-right: 3px;
	}
	.profile .havepoint_info dd {
	    border-top: 1px #e8115f solid;
		border-bottom: 1px #e8115f solid;
	}
		.havepoint_info .havepoint dt {
			margin-bottom: 0;
		}
		.havepoint_info .havepoint dd {
			border-top: none;
			border-bottom: none;
			color:#000;
		}
			.havepoint_info .havepoint dd span {
				display: block;
				margin-bottom: 7px;
				font-size: 10px;
				margin-top: -5px;
				font-weight: bold;
			}
	.profile .member_id {
		margin: 20px 10px 5px;
		border: 1px #000 solid;
	}
		.profile .member_id dt {
			float: left;
			width: 65px;
			background-color: #000;
			color: #fff;
			line-height: 28px;
		}
		.profile .member_id dd {
			float: left;
			text-align: center;
			width: 143px;
			font-size: 14px;
			line-height: 28px;
		}
	.profile .id_text {
		margin: 0 10px 10px;
		font-size: 10px;
		text-align: left;
	}

	.profile .havepoint_info_attention {
		font-size: 11px;
	}

	.profile .havepoint_info_lastbuy {
		    display: block;
		    margin: 5px 0;
		    font-size: 11px;
		}

#left_box .menu {}
#left_box .menu dl {
	border: 1px #d6d6d6 solid;
	margin-bottom: 25px;
}
#left_box .menu dl dt {
	font-weight: bold;
	font-size: 15px;
	line-height: 40px;
	background-color: #f5f1f0;
	padding-left: 10px;
}
#left_box .menu dl dt span {
	/* background: url("/static/full/images/mypage/mypagebar_point.gif") no-repeat left 4px; */
	padding-left: 10px;
}
#left_box .menu dl dd {
	line-height: 40px;
	padding-left: 20px;
	color: #555555;
	border-top: 1px #d6d6d6 solid;
}

#left_box .menu dl dd a {
	display: block;
}

/* 04 右カラム
--------------------------------------------------------------------*/

#right_box {
	width: 720px;
	float: right;
	text-align: left;
}
#right_box.favorite_content_full {
	float: none;
	width: 1000px;
}

#right_box h3 {
	/* background-color: #e6e6e6; */
	color: #333333;
	line-height: 40px;
	font-weight: bold;
	font-size: 15px;
	border-bottom: 1px dotted #222;
}

/* ニュース */
#right_box .news {
	margin: 20px;
	color: #555555;
}
#right_box .coupon .no_coupon {
	margin: 20px;
}
#right_box .news ul {
}

#right_box .news span {
	display: table-cell;
	width: 108px;
	padding-left: 10px;
	line-height: 25px;
}

#right_box .news a {
	display: table-cell;
	line-height: 25px;
	color: #555555;
	text-decoration: underline;
}

#right_box .coupon ul li {}
/* おすすめアイテム */
#mypage-recomend {
	margin-bottom: 30px;
}
#mypage-recomend h3 {
	margin: 20px 0;
}
#right_box .recommend {
	margin: 20px 10px;
}

#right_box .recommend ul li {
	width: 108px;
	float: left;
	margin-right: 8px;
}

#right_box .recommend ul li span {
	display: block;
}

#right_box .recommend ul li .photo {}

#right_box .recommend ul li .photo img {
	width: 108px;
}

#right_box .recommend ul li .brandname {
	font-weight: bold;
}

#right_box .recommend ul li .itemname {}

#right_box .recommend ul li .price {
	line-height: 20px;
}

/* 06 登録内容の確認・変更
--------------------------------------------------------------------*/

#right_box .check_change {
	margin: 20px 10px 30px;
	color: #555555;
}

#right_box .check_change p {
	margin-bottom: 20px;
}

#right_box .check_change ul {
	width: 620px;
	margin: 0 auto;
}

#right_box .check_change ul li:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#right_box .check_change ul li p {
	line-height: 30px;
	float: left;
	width: 200px;
}

#right_box .check_change ul li p:first-child span {
	color: #cc0033;
}

#right_box .check_change ul li p+p {
	float: left;
	width: 420px;
}

#right_box .check_change ul li p+p input {
	border: 2px #d6d6d6 solid;
	line-height: 26px;
	height: 26px;
	margin: 0;
	color: #000;
	padding-left: 5px;
}
#right_box .check_change ul li p+p input#email {
	width: 280px;
}
#right_box .check_change ul li:first-child p+p input {
	width: 330px;
}

#right_box .check_change ul li p+p .name {
	width: 40px;
	display: inline-block;
}

#right_box .check_change ul li p+p .name+input {
	margin-left: 0;
	margin-right: 15px;
}

#right_box .check_change ul li p+p .name:after {
	content: ":";
	padding-left: 5px;
}

/* ラジオボタン */
.check_change ul li input[type=radio] {
	display: inline-block;
}

.check_change ul li input[type=radio] + label {
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	cursor: pointer;
}

@media (min-width: 1px) {
	.check_change ul li input[type=radio] {
		display: none;
		margin: 0;
	}
	.check_change ul li input[type=radio] + label {
		padding: 0 0 0 35px;
		margin-right: 20px;
	}
	.check_change ul li input[type=radio] + label::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 28px;
		height: 28px;
		background: url("/static/full/images/common/choose.gif") no-repeat;
	}
	.check_change ul li input[type=radio] + label::before {
		/* background: url("/static/full/images/common/choose.gif") no-repeat; */
	}
	.check_change ul li input[type=radio]:checked + label::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 28px;
		height: 28px;
		background: url("/static/full/images/common/chosen.gif") no-repeat;
	}
}

#right_box .check_change .allconf {
	text-align: center;
	margin: 30px 0;
}

/* チェックボックス */
.check_change ul li input[type=checkbox] {
	display: inline-block;
}

.check_change ul li input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	line-height: 30px;
	cursor: pointer;
}

@media (min-width: 1px) {
	.check_change ul li input[type=checkbox] {
		display: none;
		margin: 0;
	}
	.check_change ul li input[type=checkbox] + label {
		padding: 7px 0 0 30px;
	}
	.check_change ul li input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 0;
	}
	.check_change ul li input[type=checkbox] + label::before {
		width: 22px;
		height: 22px;
		background: url("/static/full/images/common/check.gif") no-repeat;
		background-size: 22px 22px;
	}
	.check_change ul li input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 10px;
		display: block;
		left: 0;
	}
	.check_change ul li input[type=checkbox]:checked + label::after {
		width: 22px;
		height: 22px;
		background: url("/static/full/images/common/checked.gif") no-repeat;
		background-size: 22px 22px;
	}
}

.check_change .errorSlot {
	margin-left: 200px;
}

.check_change .globalErrorSlot {
	width: 620px;
	margin: 30px auto 10px;
	font-weight: bold;
}

/* 07 アドレス帳
--------------------------------------------------------------------*/

#right_box .input_delivery {
	margin: 20px 10px 30px;
	color: #555555;
}

#right_box .input_delivery table {
	padding: 20px 0;
	display: block;
	border-bottom: 1px #adadad solid;
	border-collapse: collapse;
}

#right_box .input_delivery .separate {
	border-collapse: separate;
}

#right_box .input_delivery table tr {}

#right_box .input_delivery .select {
	width: 180px;
	padding-left: 10px;
	vertical-align: top;
}

#right_box .input_delivery .address {
	width: 380px;
}

#right_box .input_delivery .edit_address {
	width: 120px;
	vertical-align: bottom;
	padding-right: 10px;
}

#right_box .input_delivery .edit_address a {
	background-position: left bottom;
	display: block;
	line-height: 24px;
	padding-left: 30px;
	text-decoration: underline;
}

#right_box .input_delivery .edit_address a:first-child {
	color: #2423ff;
	background: url("/static/full/images/common/edit.gif") no-repeat;
	margin-bottom: 5px;
}

#right_box .input_delivery .edit_address a+a {
	color: #000;
	background: url("/static/full/images/common/delete.gif") no-repeat;
	background-position: left bottom;
}

#right_box .input_delivery .add_address {
	border-bottom: none;
	border-collapse: separate;
}

#right_box .input_delivery .add_address td {
	line-height: 30px;
	padding-left: 10px;
}

#right_box .input_delivery .add_address td a img {
	margin-right: 7px;
}

/* ラジオボタン */
#right_box .input_delivery .select input[type=radio] {
	display: inline-block;
}

#right_box .input_delivery .select input[type=radio] + label {
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	cursor: pointer;
}

@media (min-width: 1px) {
	#right_box .input_delivery .select input[type=radio] {
		display: none;
		margin: 0;
	}
	#right_box .input_delivery .select input[type=radio] + label {
		padding: 0 0 0 35px;
	}
	#right_box .input_delivery .select input[type=radio] + label::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 28px;
		height: 28px;
		background: url("/static/full/images/common/choose.gif") no-repeat;
	}
	#right_box .input_delivery .select input[type=radio] + label::before {
		/* background: url("/static/full/images/common/choose.gif") no-repeat; */
	}
	#right_box .input_delivery .select input[type=radio]:checked + label::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 28px;
		height: 28px;
		background: url("/static/full/images/common/chosen.gif") no-repeat;
	}
}

/* アドレス入力 */
#right_box .destination {
	margin: 20px 10px 30px;
	color: #555555;
}

#right_box .destination p {
	margin-bottom: 20px;
}

#right_box .destination ul {
	margin: 0 auto;
}

#right_box .destination ul li:after {
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#right_box .destination ul li p {
	line-height: 30px;
	float: left;
	width: 180px;
}
#right_box .destination ul li .errorSlot {
	margin-left: 180px;
}
#right_box .destination ul li .securitycode {
	margin-top: -13px;
	display: inline-block;
	font-size: 11px;
	float: right;
	width: 520px;
	margin-bottom: 20px;
}
#right_box .destination ul li .securitycode span {
	color: rgb(200, 18, 32);
}
#right_box .destination ul li p:first-child span {
	color: #cc0033;
	margin-left: 3px;
}

#right_box .destination ul li p+p {
	float: left;
	width: 515px;
}

#right_box .destination ul li p+p input {
	border: 2px #d6d6d6 solid;
	line-height: 26px;
	height: 26px;
	margin: 0;
	padding: 0 5px;
}

#right_box .destination ul li p+p .name {
	width: 25px;
	display: inline-block;
}

#right_box .destination ul li p+p .name+input {
	margin-left: 0;
	margin-right: 15px;
}

#right_box .destination ul li p+p .name:after {
	content: ":";
	padding-left: 5px;
}

#right_box .destination ul li .postal_Code .name+input {
	margin-right: 0;
	content: "〒";
}

#right_box .destination .note {
	width: 620px;
	margin: 0 auto 50px auto;
}

#right_box .destination .allconf {
	text-align: center;
	margin-bottom: 50px;
}
/* 数量変更プルダウン */

#right_box .destination dl {
	position: relative;
	display: inline-block;
	width: 141px;
}

#right_box .destination ul li dt {
	background: url("/static/full/images/cart/pulldown.gif") 111px center no-repeat;
	display: inline-block;
	cursor: pointer;
	width: 141px;
}

#right_box .destination ul li dt span {
	border: 2px #d6d6d6 solid;
	line-height: 26px;
	padding: 0 10px;
	display: inline-block;
	margin-right: 34px;
	width: 84px;
	text-align: center;
}

#right_box .destination ul li dd {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	width: 108px;
	padding-right: 33px;
}

#right_box .destination ul li dd ul {
	border-right: 2px #d6d6d6 solid;
	border-bottom: 2px #d6d6d6 solid;
	border-left: 2px #d6d6d6 solid;
	overflow-y: auto;
	height: 200px;
	width: 104px;
}

#right_box .destination ul li dd ul.card {
	border-right: 2px #d6d6d6 solid;
	border-bottom: 2px #d6d6d6 solid;
	border-left: 2px #d6d6d6 solid;
	overflow-y: auto;
	width: 104px;
	height: auto;
}

#right_box .destination ul li dd li {
	line-height: 26px;
	border-top: 1px #d6d6d6 solid;
	background-color: #FFF;
	cursor: pointer;
	text-align: center;
}

#right_box .destination ul li dd li:first-child {
	border-top: none;
}

/* 08 お支払い方法
--------------------------------------------------------------------*/

#right_box .payment {
	margin: 20px 10px 30px;
	color: #555555;
}

#right_box .payment p {
	margin-bottom: 20px;
}

#right_box .payment ul {
	width: 620px;
	margin: 0 auto;
}

#right_box .payment ul li {
	margin-bottom: 20px;
}

#right_box .payment ul li:first-child {
	line-height: 28px;
}

#right_box .payment ul li:first-child img {
	margin-right: 7px;
}

#right_box .member-info {
	margin: 20px 10px 30px 55px;
	color: #555555;
}
#right_box .agreement_check {
	text-align: center;
	line-height: 2em;
}
#right_box .agreement_check a {
	text-decoration: underline;
}

#right_box #completeMessage {
	text-align: center;
	margin: 20px auto;
}
#right_box #processingMessage {
	text-align: center;
	margin: 20px auto;
}

/* ラジオボタン */
.payment ul li input[type=radio] {
	display: inline-block;
}

.payment ul li input[type=radio] + label {
	position: relative;
	display: inline-block;
	font-size: 13px;
	line-height: 30px;
	cursor: pointer;
}

@media (min-width: 1px) {
	.payment ul li input[type=radio] {
		display: none;
		margin: 0;
	}
	.payment ul li input[type=radio] + label {
		padding: 0 0 0 35px;
	}
	.payment ul li input[type=radio] + label::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 28px;
		height: 28px;
		background: url("/static/full/images/common/choose.gif") no-repeat;
	}
	.payment ul li input[type=radio] + label::before {
		/* background: url("/static/full/images/common/choose.gif") no-repeat; */
	}
	.payment ul li input[type=radio]:checked + label::after {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 28px;
		height: 28px;
		background: url("/static/full/images/common/chosen.gif") no-repeat;
	}
}

/* 09 メルマガ登録・削除
--------------------------------------------------------------------*/

#mypage .mailmagazine {
	text-align: left;
}

#mypage .mailmagazine p {
	text-align: left !important;
	margin: 30px 0 !important;
	padding-left: 20px;
}
#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; */
}
#mypage .mailmagazine .magazine_area .ex {
	margin-bottom: 10px;
    display: block;
}
#mypage .mailmagazine .magazine_area dl dt {
	font-size: 15px;
	font-weight: bold;
}

#mypage .mailmagazine .magazine_area dl dd {
	position: relative;
	margin-bottom: 35px;
}

#mypage .mailmagazine .magazine_area dl dd input {
	width: 350px;
	border: 2px #d6d6d6 solid;
	line-height: 26px;
	height: 26px;
	margin: 0;
	color: #000;
	padding-left: 5px;
}

#mypage .mailmagazine .magazine_area dl dd span {
	font-size: 10px;
	color: #cc0033;
}

#mypage .mailmagazine .magazine_area dl dd .note {
	position: absolute;
	bottom: -15px;
	color: #777777;
	left: 0;
}

/* チェックボックス */
#mypage .mailmagazine h4 {
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px #DDD solid;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#mypage .mailmagazine ul {
	padding-left: 10px;
	margin-bottom: 30px;
}
#mailmagazine_brand span {
	margin-bottom: 10px;
	display: block;
}

#mypage .mailmagazine ul li {
	font-weight: bold;
	color: #000;
}

#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;
	line-height: 30px;
	cursor: pointer;
}
#mypage .completion .agreement_check_text {
	margin: 80px auto 20px;
}
#mypage .completion .agreement_check_link {
	text-decoration: underline;
}

@media (min-width: 1px) {
	#mypage .mailmagazine ul li input[type=checkbox] {
		display: none;
		margin: 0;
	}
	#mypage .mailmagazine ul li input[type=checkbox] + label {
		line-height: 18px;
		padding-left: 20px;
		margin-bottom: 5px;
	}
	#mypage .mailmagazine ul li input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
	}
	#mypage .mailmagazine ul li input[type=checkbox] + label::before {
		width: 15px;
		height: 15px;
		background: url("/static/full/images/common/check.gif") no-repeat;
		background-size: 15px;
	}
	#mypage .mailmagazine ul li input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 0;
		display: block;
		left: 0;
	}
	#mypage .mailmagazine ul li input[type=checkbox]:checked + label::after {
		width: 15px;
		height: 15px;
		background: url("/static/full/images/common/checked.gif") no-repeat;
		background-size: 15px;
	}
}

/* メルマガ登録・削除ページ */
#mypage .completion .confirmation {
	padding: 0 20px;
}

#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 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	cursor: pointer;
		border: none;
	background-color: #999999;
	padding: 2px 20px;
	margin: 10px 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);
}

/* 11 パスワードの変更
--------------------------------------------------------------------*/

#right_box .change_pass {
	margin: 20px 10px;
	color: #555555;
}

#right_box .change_pass p {
	margin-bottom: 30px;
}

#right_box .change_pass dl {
	width: 520px;
	margin: 0 auto;
}

#right_box .change_pass dl dt {
	width: 160px;
	float: left;
	line-height: 30px;
	margin-bottom: 20px;
	font-weight: bold;
}

#right_box .change_pass dl dd {
	float: left;
	width: 360px;
	margin-bottom: 20px;
	line-height: 30px;
	position: relative;
}

#right_box .change_pass dl dd input {
	box-sizing: border-box;
	/* line-height: 26px; */
	/* height: 26px; */
	width: 200px;
	padding: 10px 40px 10px 10px;;
}

#right_box .change_pass dl dd span {
	color: #777777;
	font-size: 11px;
}

#right_box .change_pass dl dd .check {
	font-size: 12px;
	color: #cc0033;
}

#right_box .change_pass .errorText {
	display: block;
	text-align: center;
}

/*#20687 Input ログインフォーム IDクリア･PW可視化 start*/
.clear_form_input,
.password_visibility_input {
	position: relative;
}
.password_visibility_input .input_general {
	padding: 10px 35px 10px 10px;
}
.password_visibility_input.is_show .password_visibility_button {
	visibility: visible;
}
.password_visibility_button {
	visibility: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	height: 100%;
	padding: .375rem 0;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	background-color: transparent;
	position:absolute;
	top: 50%;
	right: 2%;
	transform: translateY(-50%);
}
.change_pass .password_visibility_button {	/*マイぺージ パスワード変更*/
	left: 175px;
}
.password_visibility_button:before{
	content: "";
	display:inline-block;
	width:16px;
	height:12px;
	background-image:url(/static/lite/images/common/commonparts/icon_visibility_off.png);
	background-size:contain;
	background-repeat: no-repeat;
	background-position:center center;
}
.password_visibility_input.visible_password .password_visibility_button:before{
	background-image:url(/static/lite/images/common/commonparts/icon_visibility_on.png);
}
/*#20687 Input ログインフォーム IDクリア･PW可視化 end*/

/* 12 ご注文履歴
--------------------------------------------------------------------*/

#right_box .order_history {
	margin: 20px 10px;
	color: #555555;
}

#right_box .order_history p {
	margin-bottom: 30px;
}

#right_box .order_history h4 {
	border-bottom: 1px #d6d6d6 solid;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}

#right_box .order_history .order_list {}

#right_box .order_history .order_list table {
	width: 700px;
	border-collapse: collapse;
	margin-bottom: 30px;
}

#right_box .order_history .order_list table th {
	background: #e6e6e6;
	border: 1px solid #d6d6d6;
	padding: 10px;
	text-align: center;
}

#right_box .order_history .order_list table td {
	border: 1px solid #d6d6d6;
	padding: 10px;
	text-align: center;
}

#right_box .order_history .order_list table td a {
	color: #cc0033;
}

#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ポイント利用履歴
--------------------------------------------------------------------*/
#right_box .no_point {
	padding: 10px;
}
#right_box .user_name {
	font-weight: bold;
    line-height: 35px;
}
.detail_point {
	margin: 0 0 10px auto;
}
	.detail_point th {
		font-size: 15px;
    font-weight: bold;
	}
	.detail_point .total_point {
		font-size: 16px;
		font-weight: bold;
		color: #e8115f;
		width: 205px;
	}
	.detail_point .total_point span {
		font-family: 'Droid Serif', serif;
		font-size: 30px;
		display: inline-block;
		margin-right: 5px;
	}
	.detail_point table {
		width: 100%;
		border-bottom: 2px #000 solid;
	}
		.detail_point dt {
			float: left;
			line-height: 25px;
			height: 25px;
		}
		.detail_point dd {
			text-align: right;
		}
			.detail_point dd span {
				font-family: 'Droid Serif', serif;
				font-size: 15px;
				font-weight: bold;
				display: inline-block;
				margin-right: 3px;
			}
		.detail_point .lose_point {
			text-align: right;
			font-family: 'Droid Serif', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif,Helvetica;
			font-size: 11px;
			line-height: 25px;
		}
	.point_history {
		margin-bottom: 10px;
	}
	.point_history table {
		border-collapse: collapse;
	}
	.point_history tr:nth-child(2n+1) {
		background-color: #f3f3f3;
	}
	.point_history tr td:nth-child(2) {
		text-align: left;
	}
	.point_history tr td:nth-child(3) {
		line-height: 15px;
	}
	.point_history table th {
		background-color: #e6e6e6;
		padding: 10px;
		text-align: center;
		border: 1px #d6d6d6 solid;
	}
	.point_history table td {
		padding: 10px;
		text-align: center;
		border: 1px #d6d6d6 solid;
	}
	.point_history .get {
		color: #ff0000;
	}
	.point_history .use {
		color: #000000;
	}
	.point_history .lose {
		color: #d6d6d6;
	}
	.point_history .quantity {
		font-family: 'Droid Serif', serif;
		font-size: 16px;
	}
	.point_history a {
		text-decoration: underline !important;
	}

/* 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 ul {
	/* width: 620px;
	margin: 0 auto; */
}

.withdrawal ul li {
	font-weight: bold;
	color: #000;
}

.withdrawal ul li span {
	color: #777777;
	font-weight: normal;
	display: block;
	padding-left: 30px;
	margin-top: -7px;
	font-size: 11px;
}

.withdrawal ul li input[type=checkbox] {
	display: inline-block;
}

.withdrawal ul li input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	line-height: 30px;
	cursor: pointer;
}

@media (min-width: 1px) {
	.withdrawal ul li input[type=checkbox] {
		display: none;
		margin: 0;
	}
	.withdrawal ul li input[type=checkbox] + label {
		padding: 7px 0 0 30px;
	}
	.withdrawal ul li input[type=checkbox] + label::before {
		content: "";
		position: absolute;
		top: 10px;
		left: 0;
	}
	.withdrawal ul li input[type=checkbox] + label::before {
		width: 22px;
		height: 22px;
		background: url("/static/full/images/common/check.gif") no-repeat;
		background-size: 22px 22px;
	}
	.withdrawal ul li input[type=checkbox]:checked + label::after {
		content: "";
		position: absolute;
		top: 10px;
		display: block;
		left: 0;
	}
	.withdrawal ul li input[type=checkbox]:checked + label::after {
		width: 22px;
		height: 22px;
		background: url("/static/full/images/common/checked.gif") no-repeat;
		background-size: 22px 22px;
	}
}

/* 18 変更完了ページ
--------------------------------------------------------------------*/

#mypage .completion {}

#mypage .completion h3 {
	/*background-color: #e6e6e6;
	color: #333333;
	padding-left: 10px;
	line-height: 40px;
	font-weight: bold;
	font-size: 15px;*/

	background-color: #d6d6d6;
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 20px;
}

#mypage .completion p {
	margin: 80px 0;
	text-align: center;
}
#mypage .completion .registered .storeInputCol {
	float:left;
	margin-right: 5px;
}
#mypage .completion .registered ul li {
	line-height: 17px;
	margin-bottom: 5px;
}

/* 19 注文詳細
--------------------------------------------------------------------*/

#mypage_main .order_list .order_item {
	display: block;
	width: 570px;
	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_main .order_list .order_item .item_photo {
	width: 140px;
	padding: 10px 10px 10px 0;
}
.item_history_image {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
#mypage .order_list .order_item .item_info {
	width: 430px;
	padding: 10px 20px 10px 10px;
}
#mypage_main .order_list .order_item .item_detail {
	width: 100%;
}

#mypage_main .order_list .order_item .item_name {
	border-bottom: 1px #a7a7a7 solid;
	padding-bottom: 2px;
	font-weight: bold;
	font-size: 14px;
	margin: 0 0 0 15px;
}
/* カラー・サイズ */

#mypage_main .order_list .order_item .color_size {
	width: 100%;
}

#mypage_main .order_list .order_item .color_size td {
	line-height: 40px;
	padding: 0 0 0 15px;
}
/* 価格エリア */

#mypage_main .order_list .order_item .item_price {
	width: 395px;
}

#mypage_main .order_list .order_item .item_price th {
	text-align: center;
	line-height: 25px;
	border-top: 1px #d6d6d6 solid;
	border-bottom: 1px #d6d6d6 solid;
}

#mypage_main .order_list .order_item .item_price td {
	text-align: center;
	line-height: 120%;
	font-size: 20px;
	font-weight: bold;
	padding: 13px 0;
}

#mypage_main .item_line {
	width: 545px;
	border-bottom: 1px #aeaeae dotted;
}

#mypage_main .order_item_area.cleafix {
	display: table;
	table-layout: fixed;
	width: 720px;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #a6a6a6;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}

#mypage_main .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_main .order_list .order_item_left p {}

#mypage_main .order_list .order_item_right {
	display: table-cell;
	width: 570px;
	vertical-align: top;
}

#mypage_main .order_price {
	width: 708px;
	padding: 0 0 30px 12px;
	margin: 0 0 30px 0;
	border-bottom: 1px #d6d6d6 solid;
}

#mypage_main .order_price dl {
	height: 30px;
	clear: both;
}

#mypage_main .order_price dt {
	width: 148px;
	float: left;
	clear: both;
	line-height: 30px;
}

#mypage_main .order_price dd {
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	width: 517px;
	margin-left: 148px;
}

#mypage_main .order_price .total {
	clear: both;
	margin-top: 10px;
	border-top: 1px #aeaeae dotted;
}

#mypage_main .order_price .total dt {
	width: 148px;
	line-height: 50px;
	font-size: 15px;
	color: #cc0033;
	vertical-align: bottom;
}

#mypage_main .order_price .total dd {
	font-size: 25px;
	color: #cc0033;
	line-height: 50px;
	vertical-align: bottom;
}

.order_price .total span {
	font-size: 10px;
	color: #cc0033;
}

#mypage_main .order_info {
	width: 708px;
	padding: 0 0 30px 12px;
	margin: 0 0 30px 0;
}

#mypage_main .order_info tr {
	height: 30px;
	vertical-align: top;
	border-bottom: 1px #000 dotted;
}

#mypage_main .order_info th {
	width: 148px;
	font-size: 12px;
	vertical-align: middle;
	padding: 10px 0;
}

#mypage_main .order_info td {
	font-size: 12px;
	font-weight: bold;
	width: 517px;
	vertical-align: middle;
	padding: 10px 0;
}

#mypage_main .order_info td span {
	display: block;
    font-size: 10px;
    line-height: 1.5;
}

#right_box .check_change dl {
	position: relative;
	display: inline-block;
	width: 141px;
}

#right_box .check_change ul li dt {
	background: url("/static/images/cart/pulldown.gif") 111px center no-repeat;
	display: inline-block;
	cursor: pointer;
	width: 141px;
}

#right_box .check_change ul li dt span {
	border: 2px #d6d6d6 solid;
	line-height: 26px;
	padding: 0 10px;
	display: inline-block;
	margin-right: 34px;
	width: 84px;
	text-align: center;
}

#right_box .check_change ul li dd {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	width: 108px;
	padding-right: 33px;
}

#right_box .check_change ul li dd ul {
	border-right: 2px #d6d6d6 solid;
	border-bottom: 2px #d6d6d6 solid;
	border-left: 2px #d6d6d6 solid;
	overflow-y: auto;
	height: 200px;
	width: 104px;
}

#right_box .check_change ul li dd ul.card {
	border-right: 2px #d6d6d6 solid;
	border-bottom: 2px #d6d6d6 solid;
	border-left: 2px #d6d6d6 solid;
	overflow-y: auto;
	width: 104px;
	height: auto;
}

#right_box .check_change ul li dd li {
	line-height: 26px;
	border-top: 1px #d6d6d6 solid;
	background-color: #FFF;
	cursor: pointer;
	text-align: center;
}

#right_box .check_change ul li dd li:first-child {
	border-top: none;
}

/* 20 メンバーズカードの認証
--------------------------------------------------------------------*/
#right_box .members-card {
	margin: 20px 10px 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 {
	background: url("/static/full/images/mypage/select_shop.jpg") no-repeat;
	margin-bottom: 50px;
	background-size: 720px 76px;
	height: 76px;
}
#mm_sort table table {
	width: 720px;
}
#mm_sort table td {
	padding: 24px 0 0 38px;
	background: url("/static/full/images/common/arrow_11.gif") no-repeat;
	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 #D6D6D6;
}
	#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: 15px;
		font-weight: bold;
		border-bottom: 1px #e6e6e6 solid;
	}
	#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 #d6d6d6 solid;
	line-height: 26px;
	height: 26px;
	padding-left: 5px;
}
#mypage .edit_area dl dd.error_text {
	color: #ff0000;
	font-size: 11px;
}
#mypage .edit_area dl dd .ex {
	font-size: 11px;
	color: #777;
}

.all_btn{
	margin-top:-20px;
	margin-bottom:20px;
}
.tax_target{
	color: #ff0000;
}


/*領収書等*/
.order_btn_list{
	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_member,
	.header_search,
	.header_brand_nav,
	.header_cart,
	#left_box,
	.bread,
	.order_btn_list,
	.section_sns,
	#footer
	{
		display:none;
	}

	#right_box
	{
		width:100%;
	}
	#right_box h3 {
		font-size:24px;
	}
	#mypage h2{
		font-size:15px;
	}
	.header_box{
		border: none;
	}
	.header_fixed_inner.fixed{
		position:absolute;
	}
}

/* 24-1 取置/試着履歴 一覧
--------------------------------------------------------------------*/

.holdhistory {
	margin-bottom: 60px;
}
.holdhistory *,
.holdhistory *:before,
.holdhistory *:after {
	box-sizing: border-box;
}
.holdhistory_text {
	font-size: 12px;
	margin-bottom: 30px
}
.holdhistory_results {
	margin-bottom: 20px
}
.oldhistory_table {
	width: 100%;
	margin-bottom: 30px;
}
.oldhistory_table th {
	background: #e6e6e6;
	border: 1px solid #d6d6d6;
	padding: 10px;
	text-align: center;
}
.oldhistory_table td {
	border: 1px solid #d6d6d6;
	padding: 10px;
	text-align: center;
}
a.holdhistory_link {
	color: #cc0033;
}
.holdhistory_list {
	margin-bottom: 30px;
}
.holdhistory_list_item {}
.holdhistory_list_item + .holdhistory_list_item {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}
.form_holdhistory {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	margin-left: -15px;
	margin-right: -15px;
}
.form_holdhistory_heading {
	-webkit-flex-basis: 160px;
	flex-basis: 160px;
	max-width: 160px;
	padding: 0 15px;
}
.form_holdhistory_detail {
	-webkit-flex: 1;
	flex: 1;
	padding: 0 15px;
}
.label.label_holdhistory {
	display: block;
	font-size: 12px;
	text-align: center;
	white-space: nowrap;
	background-color: #f4f4f4;
	padding: 8px 4px;
	border-radius: 3px;
}
.holdhistory_row {
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
.holdhistory_row > [class*=col_] {
	padding-right: 15px;
	padding-left: 15px;
}
.col_holdhistory_1 {
	-ms-flex: 0 0 8.333333333%;
	flex: 0 0 8.333333333%;
	max-width: 8.333333333%;
}
.col_holdhistory_2 {
	-ms-flex: 0 0 16.666666667%;
	flex: 0 0 16.666666667%;
	max-width: 16.666666667%;
}
.col_holdhistory_3 {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
}
.col_holdhistory_4 {
	-ms-flex: 0 0 33.333333333%;
	flex: 0 0 33.333333333%;
	max-width: 33.333333333%;
}
.col_holdhistory_5 {
	-ms-flex: 0 0 41.666666667%;
	flex: 0 0 41.666666667%;
	max-width: 41.666666667%;
}
.col_holdhistory_6 {
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.col_holdhistory_7 {
	-ms-flex: 0 0 58.333333333%;
	flex: 0 0 58.333333333%;
	max-width: 58.333333333%;
}
.col_holdhistory_8 {
	-ms-flex: 0 0 66.666666667%;
	flex: 0 0 66.666666667%;
	max-width: 66.666666667%;
}
.col_holdhistory_9 {
	-ms-flex: 0 0 75%;
	flex: 0 0 75%;
	max-width: 75%;
}
.col_holdhistory_10 {
	-ms-flex: 0 0 83.333333333%;
	flex: 0 0 83.333333333%;
	max-width: 83.333333333%;
}
.col_holdhistory_11 {
	-ms-flex: 0 0 91.666666667%;
	flex: 0 0 91.666666667%;
	max-width: 91.666666667%;
}
.col_holdhistory_12 {
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	max-width: 100%;
}
.col_holdhistory_auto {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	width: auto;
	max-width: none;
	min-height: 1px;
	position: relative;
}
.holdhistory_list_data {}
.holdhistory_list_heading {
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
}
.holdhistory_list_detail {
	display: block;
}
a.holdhistory_list_link {
	text-decoration: underline;
}

a.button_holdhistory {
	display: inline-block;
	width: 90px;
	color: #fff;
	font-size: 13px;
	text-align: center;
	background-color: #403e3c;
	padding: 8px 5px;
	border-radius: 3px;
}
a.button_holdhistory:hover {
	color: #fff;
}
.holdhistory *,
.holdhistory *:before,
.holdhistory *:after {
	box-sizing: border-box;
}
.holdhistory_status {}
.holdhistory_status_info {
	padding: 0 0 0 15px;
}
.holdhistory_status_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	border-bottom: 1px solid #d6d6d6;
}
.holdhistory_status_data:before, .holdhistory_status_data:after {
	content: none;
}
.holdhistory_status_data {
	display: -webkit-flex;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
	border-bottom: 1px dotted #000;
}
.holdhistory_status_heading {
	max-width: 100%;
	-webkit-flex-basis: 148px;
	flex-basis: 148px;
	font-size: 12px;
	padding: 15px 5px;
}
.holdhistory_status_detail {
	max-width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-flex: 1;
	flex: 1;
	font-size: 12px;
	font-weight: bold;
	padding: 15px 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;
}
a.holdhistory_pager_link {
	display: block;
	font-size: 13px;
	line-height: 30px;
}
.holdhistory_pager_number {
	line-height: 30px;
}
.holdhistory_pager_number .holdhistory_pager_link {
	display: block;
	font-size: 13px;
	line-height: 30px;
	text-align: center;
}
.holdhistory_pager_number.active .holdhistory_pager_text {
	display: block;
	font-size: 13px;
	line-height: 30px;
	color: #000;
	text-align: center;
	background-color: #e6e6e6;
	border-radius: 50%;
}
.holdhistory_pager_number.brank .holdhistory_pager_text {}
.holdhistory_pager_prev {
	margin-right: 20px;
}
.holdhistory_pager_prev .holdhistory_pager_link {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.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 {
	margin-left: 20px;
}
.holdhistory_pager_next .holdhistory_pager_link {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.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%;
}

/* 24-2 取置/試着履歴 詳細
--------------------------------------------------------------------*/

.holdhistory_content *,
.holdhistory_content *:before,
.holdhistory_content *:after {
	box-sizing: border-box;
}
.holdhistory_content {}
.holdhistory_status {}
.holdhistory_details {
	display: -webkit-flex;
	display: flex;
}
.holdhistory_title {
	color: #000;
	font-size: 14px !important;
	font-weight: bold !important;
	line-height: 1.4 !important;
	background-color: #e6e6e6 !important;
	margin-bottom: 30px !important;
	padding:12px 15px !important;
	border: 0 !important;
	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;
	border-bottom: 1px dotted #000;
}
.holdhistory_info_heading {
	max-width: 100%;
	-webkit-flex-basis: 148px;
	flex-basis: 148px;
	font-size: 12px;
	line-height: 1.4;
	padding: 15px 5px;
}
.holdhistory_info_detail {
	-webkit-flex: 1;
	flex: 1;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	padding: 15px 5px;
}

/*お申込商品*/
.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: 110px;
	-webkit-flex-basis: 110px;
	flex-basis: 110px;
}
.holdhistory_product_photo {}
.holdhistory_product_photo_link {
	display: block;
	position: relative;
}
.holdhistory_product_photo_link:before {
	content: "";
	display: block;
	padding-top: 133.3333333%;
}
.holdhistory_product_image {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
}
.holdhistory_product_detail {
	-webkit-flex: 1;
	flex: 1;
	padding: 0 15px 0 20px;
}
.holdhistory_product_brandname {
	color: #000;
	font-size: 12px;
	margin-bottom: 5px;
}
.holdhistory_product_dispname {
	color: #000;
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 2px;
}
.holdhistory_product_dispname_link {
	color: #000;
	font-size: 12px;
	line-height: 1.4;
}
.holdhistory_product_color {
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 2px;
}
.holdhistory_product_size {
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 2px;
}
.holdhistory_product_price {
	font-size: 12px;
	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: 12px;
	line-height: 1.4;
}
.holdhistory_product_desc_detail {
	font-size: 12px;
	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: -webkit-flex;
	display: flex;
	margin-left: -5px;
	margin-right: -5px;
}
.holdhistory_store_heading {
	width: 100px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.4;
	padding: 0 5px;
}
.holdhistory_store_detail {
	-webkit-flex: 1;
	flex: 1;
	padding: 0 5px;
}
.holdhistory_store_text {
	font-size: 12px;
	line-height: 1.4;
}

/*試着キャンセル*/
.holdhistory_cancel {}
.holdhistory_cancel_text {
	font-size: 12px;
	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: 12px;
	line-height: 1.5;
	text-align: center;
	background-color: #fff;
	padding: 11px 10px;
	border: 1px solid #403e3c;
	border-radius: 3px;
}
.button_holdhistory_cancel:hover {
	color: #000;
}
.button_holdhistory_cancel.disabled {
	color: #ababab;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	background-color: #f4f4f4;
	border: 1px solid #f4f4f4;
}

/* 25 SNS連携
--------------------------------------------------------------------*/
.social_login {}
.mypage_snslist {}
.social_login .single_btn,
.mypage_snslist .single_btn {
	text-align: center;
}
.social_login .button.button_primary,
.social_login .button.button_success,
.mypage_snslist .button.button_primary,
.mypage_snslist .button.button_success {
	display: inline-block;
	width: 265px;
	font-size: 14px;
	text-align: center;
	line-height: 1em;
	letter-spacing: normal;
	outline: medium none;
	border-radius: 3px;
	vertical-align: middle;
	padding: 20px 10px;
	color: #fff;
	background-color: #403e3c;
	border: 1px solid #403e3c;
}
.social_login .amazon_btn,
.mypage_snslist .amazon_btn {
	text-align: center;
}
