@charset "UTF-8";

/*==============================================================================================
 ユーザー系ページ共通
==============================================================================================*/
/* #dvUserBox{
    display: flex;
    flex-direction: row-reverse;
} */
/* 階層チャッカー */
/* * {background-color: rgba(255,0,0,.2)};
* * {background-color：rgba(0,255,0、.2)} ;
* * * {background-color：rgba(0,0,255、.2)} ;
* * * * {background-color：rgba(255,0,255、.2)} ;
* * * * * {background-color：rgba(0,255,255、.2)} ;
* * * * * * {background-color：rgba(255,255,0、.2)} ;
* * * * * * * {background-color：rgba(255,0,0、.2)} ;
* * * * * * * * {background-color：rgba(0,255,0、.2)} ;
* * * * * * * * * {background-color：rgba(0,0,255、.2)}; */

html {
	color: #111 !important;
}

/* .wrapBottom {
	padding-bottom: 6.5rem;
} */

.user_wrap{
	display: flex;
	flex-direction: row-reverse;
}
@media screen and (min-width:769px) {
	.user_wrap{
		column-gap: 8rem;
	}
}
@media screen and (max-width:768px) {

}

/* structure */
.user_display-none {
	display: none;
}
.user_display-block {
	display: block;
}
.th-hidden {
	padding: 0 !important;
	visibility: hidden !important;
}

/* text */
.user_color-error {
	color: #ff0000;
}

/* others */
.onlyUser [disabled] {
	opacity: .4;
	pointer-events: none;
}
.reset-margin {
	margin: 0;
}

/*==============================================================================================
	ユーザー系 ログイン画面
==============================================================================================*/
#dvUserBox .login_formWrap .contentsInfo {
	display: inline-block;
	width: 100%;
	padding: 0;
	background: none;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
#dvUserContents.login_formWrap #loginWrap .dvLoginReminder a:visited {
  color: initial;
}

/*----------------------------------------------------------------------------------------------
マイページ トップ
-----------------------------------------------------------------------------------------------*/
#dvUserFltContents .dvMyPage_wrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
	padding: 4rem 0;
}

#dvMyPage .dvMyPage_left{
	width: 18rem;
	height: 18rem;
	border: 1px solid #626262;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: center;
			-ms-flex-pack: center;
				justify-content: center;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
}

#dvMyPage .dvMyPage_left .dvMyPage_leftPoint {
	font-size: 1.4rem;
}

#dvMyPage .dvMyPage_left .dvMyPage_pointMidashi{
	font-size: 3rem;
	font-weight: bold;
}

#dvMyPage .dvMyPage_left .dvMyPage_pointTtl{
	margin-bottom: 1rem;
	margin-top: 1rem;
	font-size: 1.4rem;
}

#dvMyPage .dvMyPage_yukoKigen{
	margin-top: 2rem;
	font-size: 1.4rem;
	line-height: 1.6;
}

#dvMyPage .dvMyPage_right{
	width: 50rem;
}

#dvMyPage .dvMyPage_textWrap{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
}

#dvMyPage .dvMyPage_titleMain{
	width: 15rem;
	height: 3.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
		-webkit-box-align: center;
			-ms-flex-align: center;
				align-items: center;
		-webkit-box-pack: start;
			-ms-flex-pack: start;
				justify-content: flex-start;

	background-color: #f4f4f4;
	margin-bottom: .5rem;
	margin-right: 2rem;
	padding-left: 1rem;
	font-size: 1.4rem;
}

#dvMyPage .dvMyPage_right .dvMyPage_detail{
	font-size: 1.4rem;
}

@media screen and (max-width: 768px){

	#dvUserFltContents .dvMyPage_wrap {
		padding: 4rem 0 0;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-align: center;
					-ms-flex-align: center;
						align-items: center;
	}
	#dvMyPage .dvMyPage_textWrap{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
			-ms-flex-direction: column;
				flex-direction: column;
				-webkit-box-align: start;
					-ms-flex-align: start;
						align-items: flex-start;
	}
	#dvMyPage .dvMyPage_yukoKigen {
		margin-top: 4rem;
		margin-bottom: 2rem;
		text-align: center;
		font-size: 1.4rem;
	}
	#dvMyPage .dvMyPage_left {
		margin: 0 auto;
	}
	#dvMyPage .dvMyPage_right{
		width: 100%;
		margin-top: 2rem;
	}
	#dvMyPage .dvMyPage_titleMain {
		width: 100%;
		margin-bottom: 2rem;
	}
	#dvMyPage .dvMyPage_right .dvMyPage_detail {
		margin-bottom: 2rem;
		margin-left: 2rem;
	}
	#dvMyPage .dvMyPage_left{
		width: 27.5rem;
		height: 27.5rem;
	}

	#dvMyPage .dvMyPage_left .dvMyPage_pointTtl{
		font-size: 1.6rem;
	}

	#dvMyPage .dvMyPage_left .dvMyPage_leftPoint {
		font-size: 3rem;
	}

	#dvMyPage .dvMyPage_left .dvMyPage_pointMidashi{
		font-size: 4.5rem;
	}

	#dvMyPage .dvMyPage_yukoKigen {
		margin-top: 2rem;
		margin-bottom: 1rem;
		font-size: 1.6rem;
		text-align: center;
	}

	#dvMyPage .dvMyPage_right{
		width: 100%;
		margin-top: 2rem;
	}

	#dvMyPage .dvMyPage_right .dvMyPage_titleMain{
		width: 100%;
		height: 2.1rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
				-webkit-box-align: center;
					-ms-flex-align: center;
						align-items: center;
				-webkit-box-pack: start;
					-ms-flex-pack: start;
						justify-content: flex-start;
		background-color: #f4f4f4;
		margin-bottom: 2rem;
		margin-right: 0;
		padding-left: .5rem;
		font-size: 1.6rem;
	}

	#dvMyPage .dvMyPage_right .dvMyPage_detail{
		margin-bottom: 2rem;
		margin-left: 1rem;
		font-size: 1.6rem;
	}

}

#dvUserContents{
	width:100%;
	/* margin:2rem 0; */
}

/* フロート用コンテンツ枠 */
#dvUserFltContents{
	max-width:88rem;
	width: 100%;
	/* margin-left: 6rem; */
}
#pagination{
	padding-top:5rem;
	margin-top: 0;
}
.accordionbox{
	margin-top: 0;
}
/* #dvUserContents .unit,
#dvUserFltContents .unit {
	padding: 2rem;
	border: 1px solid #ccc;
} */
#dvUserFltContents .dvContentsInfo_kakunin,
#dvUserFltContents .dvContentsInfo_kakunin.user_m_c{
	padding: 1.5rem 0 2.5rem;
	line-height: 1.8;
}
#dvUserFltContents .form_wrap .dvContentsInfo_kakunin {
	padding: .5rem 0;
}
#dvUserFltContents .dvContentsInfo_kakunin p {
	/* line-height: 1.6em; */
	font-size: 1.4rem;
	margin-bottom: 1rem;
}
#dvUserFltContents .dvContentsInfo_attention p{
	/* line-height: 1.6em; */
	font-size: 1.4rem;
}
#dvUserFltContents.withForm{
	margin-bottom: 0;
}

.radioBtn input,
.input_radio input{
	display: none;
}
.area_ttl_sec p {
	font-size: 1.3rem;
}
.pager .list-pager li.active {
	font-weight: bold;
}


/* ------------------------------------------------
  タイトル
------------------------------------------------ */
#dvUserBox .area_ttl h2 .font-en {
  font-size: var(--title-l);
  line-height: 1;
}
#dvUserBox .area_ttl h2 .font-ja {
  font-size: var(--text-l);
  margin-top: 1rem;
}
/* ------------------------------------------------
  pager打ち消し
------------------------------------------------ */
.result_none .result {
    display: none;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvOrderHistoryList{}
/* ソートボックス */
#sortBox { margin: 2rem 0 3rem; }
.orderHistoryList.fixedPurchase{margin:4rem 0 0;}
#sortBox.itemList p{margin-top: 3rem;}
#sortBox ul {
	display: flex;
}
#sortBox ul li.active {
	color: #fff;
	font-size: 1.2rem;
	background-color: #545454;
	/* height: 2rem; */
	line-height: 2rem;
	padding: 0 2rem;
}
#sortBox ul li a {
	display: block;
	background-color: #efefef;
	font-size: 1.2rem;
	/* height: 2rem; */
	line-height: 2rem;
	padding: 0 2rem;
}
#sortBox ul li a:hover { background-color: #dadada; }
.orderHistoryList{
	margin-bottom: 6rem;
}
.soldout {
	font-weight: 500;
}
.orderHistoryList .historyItemname{
	margin-top: .4rem;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.57;
}
.orderHistoryList .orderList_dateNum{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 1.3rem 2rem;
	background: #f4f4f4;
	margin-bottom: 2rem;
	line-height: 1.5;
}
.orderHistoryList .orderList_detail {
	margin: 2rem 1rem 3rem;
}
.orderHistoryList .orderList_detail .orderList_detail_inner{
	display: flex;
	margin: 0;
}
.orderHistoryList .orderList_detail .orderList_detail_inner:first-child{
	margin-bottom: 1rem;
}
.orderHistoryList .orderList_detail .orderList_detail_inner li{
	margin-left: 4rem;
	font-size: 1.3rem;
}
.orderHistoryList .orderList_detail .orderList_detail_inner li:first-child{
	margin-left: 0;
}
.orderHistoryList .orderList_itemimg{
	display: flex;
	flex-wrap: wrap;
	padding: 0 ;
	/* margin-left: -2rem; */
	margin: 0 1rem;
  gap: 2rem;
}
.orderHistoryList .orderList_itemimg .itemArea{
	width: calc(25% - 1.5rem);
	margin:0 0 2rem 0;
}
.orderHistoryList .orderList_itemimg .itemArea img{
	width: 100%;
}
.orderHistoryList .orderList_itemimg .itemArea .itemText{
	margin-top: 1.7rem;
	font-size: 1.3rem;
}
.orderHistoryList .orderList_itemimg .itemArea .itemText p {
	margin-top: .5rem;
	line-height: 1.57;
}
.orderHistoryList .orderList_itemimg .itemArea .itemText p:first-child{
	margin-top: 0;
}
.orderHistoryList .orderList_btnArea{
	display: flex;
	justify-content: flex-end;
	margin: 0;
}
.orderHistoryList .btn_Area{
	margin-top: 1rem;
}
.orderItemProductInfo {
	margin-top: .4rem;
}
.orderItemProductInfo .plPrice > p > span {
	display: block;
	line-height: 1.2;
}
.orderItemProductInfo .plPrice > p > span._af {
	margin-top: .4rem;
	color: #CC141C;
}
.orderItemProductInfo .plPrice > p > span > span {
	font-size: 1.2rem;
	font-weight: 500;
}
.orderItemProductInfo .plPrice > p > span > span._price {
	position: relative;
	margin: 0 .3rem;
	font-size: 1.8rem;
}
.orderItemProductInfo .plPrice > p._sale > span._bf > span {
	font-size: 1rem;
}
.orderItemProductInfo .plPrice > p._sale > span._bf > span._price {
	font-size: 1.5rem;
}

.orderItemProductInfo .plPrice > p._sale > span._bf > span._price::before {
	content: '';
	display: block;
	position: absolute;
	top: .1rem;
	left: 0;
	right: 0;
	bottom: 0;
	width: 102%;
	height: 1px;
	margin: auto;
	background-color: #545454;
	z-index: 10;
}
.orderDate {
	margin-top: .5rem;
	font-size: 1.3rem;
	font-weight: 500;
}
.orderHistoryList .plPrice,.orderHistoryList .orderDate{
	font-size: 1.2rem;
	line-height: 1.5;
}

#Wrap_lower.onlyUser {margin: 0 auto 6.5rem;}
#Wrap_lower.onlyUser .area_ttl {margin: 1.2rem auto 3rem;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員情報の入力
-----------------------------------------------------------------------------------------------*/
#dvUserRegistInput .form_radio label ,#dvUserModifyInput .form_radio label {padding: .3rem .3rem .3rem 3rem!important;}
/* #dvUserRegistInput .btn_move {color: #ffffff!important;} */
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 入力内容の確認
-----------------------------------------------------------------------------------------------*/
#dvUserRegistConfirm .confirm_block dd,#dvUserModifyConfirm .confirm_block dd{line-height: 1.71;}
#dvUserBox #dvUserRegistConfirm .dvUserInfo{margin-bottom:2rem;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 受付完了
-----------------------------------------------------------------------------------------------*/
#dvUserRegistComplete .area_ttl_sec p span{display: block;margin-bottom: 2rem;font-size: 1.7rem;}
#dvUserModifyConfirm .receptionInfo{border: 1px solid #afafaf;padding: 3rem;margin-top: 2rem;}
#dvUserRegistComplete .receptionInfo{border: 1px solid #afafaf;padding: 3rem;margin-top: 3.5rem;}
#dvUserRegistComplete .area_btn{display: block;}
#dvUserRegistComplete .area_btn-userRegistComplete{
	display: flex;
}
#dvUserRegistComplete .area_btn a{margin: 0 auto; color: #ffffff;}
/* .text_thanks{margin-bottom: 2rem;} */
/*----------------------------------------------------------------------------------------------
 ユーザー系 問い合わせ 問い合わせ内容の入力
-----------------------------------------------------------------------------------------------*/
#dvUserInquiryInput .form{background-color: #fff!important;}
#dvUserInquiryInput .inquirytext{width: 100%;min-height: 24rem;line-height: 1.71;}
/* #dvUserInquiryInput .btn_move{color: #ffffff;} */
/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳の一覧
-----------------------------------------------------------------------------------------------*/
.shippingList_wrap.only_list{
	margin: 3rem 0 0;
}
.area_btn.smallsize{
	display: flex;
	justify-content: flex-end;
	margin: 0 ;
}
.area_btn.smallsize li{
	margin:0 0 0 1rem;
	width: inherit;
}
.area_btn.smallsize li:first-child{
	margin:0;
	width: inherit;
}
.shippingList_wrap.only_list .shippingList_wrap-inner:last-of-type{
    margin-bottom: 0;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳の入力
-----------------------------------------------------------------------------------------------*/
#dvUserFltContents #dvUserShippingList.unit{
	padding: 2rem 0;
}
#dvUserShippingList #dvUserShippingList .dvUserShippingList_ttl{
	font-size: 1.4rem;
}
#dvUserShippingList .error_msg,
#dvUserPrimeMemberCard .error_msg{
	font-size: 1.4rem;
	border: 1px solid #545454;
	padding: 2rem 2rem;
	margin: 2.8rem 0 4rem;
}
#dvUserPrimeMemberCard .error_msg{
  margin-top: 2rem;
  margin-bottom: 1rem;
}
#dvUserShippingList .insert{
	margin-left: auto;
}
#dvUserShippingList .attention{
	display: inline-block;
	padding: 1rem 0;
	margin: 0 auto;
	margin-bottom: 2rem;
	color: var(--color-error);
}
.shippingList_wrap .shippingList_wrap-inner{
	margin-bottom: 4rem;
}
.shippingList_wrap .shippingList_Name,.shippingList_wrap.only_list .shippingList_Name{
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.01em;
	background-color: #f4f4f4;
	padding: 1.1rem 2rem .9rem;
}
.shippingList_wrap .shippingList_detail,.shippingList_wrap.only_list .shippingList_detail{
	padding: 1.6rem  2rem 1.4rem;
	font-size: 1.4rem;
	line-height: 1.75;
	letter-spacing: 0;
}
.shippingList_wrap .shippingList_updatedelete{
	font-size: 1.4rem;
    display: flex;
    justify-content: flex-end;
}
.shippingList_wrap .shippingList_update{
	padding: 1rem 2rem;
	background-color: #545454;
	color: #fff;
	display: inline;
}
.shippingList_wrap .shippingList_delete{
	padding: 1rem 2rem;
	border: 1px solid #545454;
	display: inline;
}
#dvUserShippingList .error_msg {
	padding: 2rem 2rem !important;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳の確認
-----------------------------------------------------------------------------------------------*/
#dvUserShippingInput .info_section-txt{
	line-height: 1.6;
	letter-spacing: 0.01em;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 クレジットカード一覧ページ
-----------------------------------------------------------------------------------------------*/
#dvUserFltContents .error_msg,#dvUserFltContents .error_msg.with_lh{
	/* border: 1px solid #545454; */
	/* padding: 22px 20px 23px; */
	padding: 2.2rem 2rem 2.3rem;
	/* margin: 40px 0 ; */
}
#dvUserCreditCardList .contents-top-elm {
	border-top: none;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 クレジットカード追加ページ
-----------------------------------------------------------------------------------------------*/
#dvUserCreditCardInput input {
	/*     width: 100%;*/
  }
  #dvUserCreditCardInput .smallttl{
    padding-top: .5rem;
  }
  #dvUserCreditCardInput table {
	border-top: 0 !important;
	table-layout: fixed;
	/* width: auto !important; */
  }

  #dvUserCreditCardInput {
	margin-top: .6rem;
  }

  #dvUserCreditCardInput th {
	background-color: #fff !important;
	border-bottom: 0 !important;
	width: 100%;
	padding-top: 3rem !important;
	padding-bottom: 2rem !important;
	padding: 2rem 0 1rem !important;
	font-weight: bold !important;
  }

  #dvUserCreditCardInput td {
	width: 100%;
	border-bottom: 0 !important;
	height: 5rem;
	padding: 0 !important;
  }

  #dvUserCreditCardInput td input {
	background-color: #fff !important;
	width: 35rem;
	height: 4rem;
	padding-left: 2rem;
	border: 1px solid #A7A7A7;
	border-radius: 5px;
  }

  #dvUserCreditCardInput td select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	background-color: #fff !important;
	height: 5rem;
	width: 12rem;
	padding-left: 2rem;
	background-image: url(../../Contents/ImagesPkg/common/rect.svg);
	background-repeat: no-repeat;
	background-size: 1.1rem 0.8rem;
	background-position: 9.5rem center;
	border: 1px solid #A7A7A7;
  }

  #dvUserCreditCardInput .trcardNo td input {
	width: 12rem !important;
  }

  #dvUserCreditCardInput .cardNo_hyphen{
	display: inline-block;
	padding: 0 .9rem;
  }

  #dvUserCreditCardInput .area_btn li{
	margin: 0 1.5rem ;
  }

  #dvUserCreditCardInput .trSecurityCode input{
	width: 12rem;
  }

  #dvUserCreditCardInput .slash{
	display: inline-block;
	padding: 0 1.3rem;
  }
  #dvUserCreditCardInput .expirationDate_txt{
	display: inline-block;
	padding-left: 1.5rem;
  }

  #dvUserCreditCardInput .trcardNo-entered__group {
    display: flex;
    align-items: center;
  }
  #dvUserCreditCardInput .trcardNo-entered__button {
    padding-left: 2rem;
  }
  #dvUserCreditCardInput .trcardNo-entered__buttonEl {
    display: inline-block;
    padding: 1rem 2rem;
    text-align: center;
    font-size: 1.2rem;
    line-height: 1;
    background: #545454;
    color: #ffffff;
  }
  #dvUserCreditCardInput .dvUserCreditCardInfo .error_inline {
    margin-top: 1rem;
  }
	/*==============================================================================================
 ユーザー系 お気に入りリスト
==============================================================================================*/
#dvFavoriteList {
	margin-top: 3rem;
}
.favorite_itemWrap {
	width: calc(25% - 8rem / 4);
	margin:0 0 4rem 2rem;
}
.favorite_itemWrap .favoriteProductImage .variationview_wrap {
	left: -6rem !important;
	display: none!important;
}
.favorite_itemWrap .favoriteProductImage .variationview_wrap .variationview_bg {
  padding: 0;
}
.favorite_itemWrap .productName {
	padding: .6rem 0;
}
.favorite_itemWrap .productName a {
	line-height: 1.6;
}
.productPatternNum {
	margin-top: 2rem;
}
.favoriteWrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left: -2rem;
}
.favoriteProductImage img {
	width: 100%;
	border: 1px solid #cacaca;
}
.delete {
	width: 2.5rem;
	height: 2.5rem;
	background-image: url(../../Contents/ImagesPkg/product/trash_icon.png);
	background-size: 2.5rem;
	background-repeat: no-repeat;
}
.delete a {
	display: block;
	height: 100%;
}
/*==============================================================================================
 ユーザー系 ポイント履歴一覧
==============================================================================================*/
#dvUserPointHistoryList {
	margin-top: 4rem;
	overflow: hidden;
}
#dvUserPointHistoryList .point_circle {
	width: 18rem;
	height: 18rem;
	border: 1px solid #626262;
	border-radius: 50%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
#dvUserPointHistoryList .leftBox .point_expiry {
	font-size: 1.2rem;
	line-height: 1.6;
}
#dvUserPointHistoryList .leftBox {
	width: auto;
	margin-right: 6rem;
}
#dvUserPointHistoryList .point_circle div {
	margin-top: 1rem;
}
#dvUserPointHistoryList .point_circle .point_ttl {
	font-size: 1.4rem;
	line-height: 1;
}
#dvUserPointHistoryList .point_circle .point_num {
	font-size: 3rem;
	line-height: 1;
	font-weight: normal;
	margin: 1.4rem 0 .5rem;
}
#dvUserPointHistoryList .point_circle .point_num span {
	font-size: 1.4rem;
}
#dvUserPointHistoryList .point_circle .poin_tentative {
	font-size: 1.4rem;
	display: inline-block;
}
#dvUserPointHistoryList .point_circle .poin_tentative span {
	font-size: 1.6rem;
}
#dvUserBox #dvUserPointHistoryList table {
	table-layout: fixed;
	width: 50rem;
	font-size: 1.4rem;
	letter-spacing: 0.025em;
	border-top: 0;
}
#dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table {
	margin-top: 2rem;
}
#dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table:first-child {
	margin-top: 0;
}
#dvUserBox #dvUserPointHistoryList table th {
	max-width: 17rem !important;
	width: 100%;
	height: 4rem;
	vertical-align: middle;
	width: 34.5%;
    padding: 1.4rem 1rem 1.2rem;
}
#dvUserBox #dvUserPointHistoryList table .head_color th,#dvUserBox #dvUserPointHistoryList table .head_color td {
	background-color: #f4f4f4;
}
#dvUserBox #dvUserPointHistoryList table .contents_color th ,#dvUserBox #dvUserPointHistoryList table .contents_color td {
	border-bottom: 2px solid #f4f4f4;
	background: #ffffff;
}
.alart_noPoint{
	text-align: left;
	margin-top: 0;
}
.pointhistory_twocolumn{
	display: flex;
	min-height: 55rem;
}
/*==============================================================================================
 ユーザー系 クーポン一覧
==============================================================================================*/
#dvUserFltContents h4 {
	margin-bottom: 3rem;
}

#dvUserFltContents .repeatWrap {
	width: 100%;
}

#dvUserFltContents table {
	table-layout: fixed;
	width: 100%;
}

#dvUserFltContents .repeatWrap table {
	margin-top: 3rem;
}

#dvUserFltContents .repeatWrap table:first-child {
	margin-top: 0;
}

#dvUserFltContents .repeatWrap table .table_ttl td,
#dvUserFltContents .repeatWrap table .table_ttl th {
	background-color: #f4f4f4 !important;
}

#dvUserFltContents .repeatWrap table th {
	background-color: #fff !important;
	border-bottom: 2px solid #f4f4f4 !important;
	text-align: left !important;
	width: 17rem;
	height: 4rem;
	padding: 1rem;
}
#dvUserFltContents .repeatWrap.coupontable table th,#dvUserFltContents .repeatWrap.coupontable table td {
	padding: 1.5rem 1rem 1.1rem;
}

#dvUserFltContents .repeatWrap table td {
	background-color: #fff !important;
	border-bottom: 2px solid #f4f4f4 !important;
	text-align: left !important;
	height: 4rem;
	padding: 1rem;
}

#dvUserFltContents #pagination .pagerWrap .list-pager li span{
	border-bottom: 2px solid #545454;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 注文方法の保存
-----------------------------------------------------------------------------------------------*/
#dvUserBox .osl .dvContentsInfo{
	padding: 2rem 0;
	background: #ffffff;
	margin: 0 auto .6rem;
}
#dvUserBox .osl #dvUserModifyInput table,
#dvUserBox .osl #dvUserModifyConfirm table,
#dvUserBox .osl #dvOrderHistoryDetail table {
	border-style: none;
}

#dvUserBox .osl #dvUserModifyInput table th,
#dvUserBox .osl #dvUserModifyConfirm table th,
#dvUserBox .osl #dvOrderHistoryDetail table th{
	border-style: none;
}

#dvUserBox .osl #dvUserModifyInput table td,
#dvUserBox .osl #dvUserModifyConfirm table td,
#dvUserBox .osl #dvOrderHistoryDetail table td{
	border-style: none;
}
.meg_finish{
	width: 100%;
	padding: 1rem;
	display: block;
	text-align: center;
	margin-bottom: 4rem;
	border: solid 1px #545454;
}

#dvUserBox .osl #dvUserModifyInput table th, #dvUserBox .osl #dvUserModifyConfirm table th,
#dvUserBox .osl #dvOrderHistoryDetail table th{
    border-bottom-style: solid;
    border-bottom-width: .5rem;
    background-color: #f4f4f4;
    padding: 1.1rem 1rem;
    text-align: left;
    width: 18rem;
}
#dvUserBox .osl #dvFixedPurchaseDetail table th{
    border-bottom-style: solid;
    border-bottom-width: .5rem;
    background-color: #f4f4f4;
    padding: 1.1rem 1rem;
    text-align: left;
    width: 15rem;
}
#dvUserBox .osl #dvOrderHistoryDetail table th.th_udrtChange,
#dvUserBox .osl #dvFixedPurchaseDetail table th.th_udrtChange{
	min-height: 4.7rem;
	background-color: #fff;
}
#dvUserBox .osl #dvFixedPurchaseDetail table th.th_udrtChange.heigt{
	min-height: 7.2rem;
}
#dvUserBox .osl #dvUserModifyInput table td, #dvUserBox .osl #dvUserModifyConfirm table td,
#dvUserBox .osl #dvOrderHistoryDetail table td,#dvUserBox .osl #dvFixedPurchaseDetail table td,
#dvUserBox .osl #dvFixedPurchaseDetail table td.withBtn{
    border-bottom-style: solid;
    border-bottom-width: .5rem;
	padding: .6rem 1.8rem;
	text-align: left;
	line-height: 1.7!important;
}
#dvUserBox .osl table th {
    color: #545454!important;
    border-color: #ffffff;
}
#dvUserBox .osl table td {
    border-color: #ffffff;
    background-color: #fff;
}
#dvUserBox .osl #dvUserModifyInput table, #dvUserBox .osl #dvUserModifyConfirm table,
#dvUserBox .osl #dvOrderHistoryDetail table{
    width: 100%;
    padding: 0;
    margin: 0;
    border-spacing: 0;
    empty-cells: show;
    border-collapse: separate;
    border-top-style: solid;
    border-top-width: 0;
    border-top-color: transparent;
}
#dvUserBox .osl table {
    border-color: #ccc;
    background-color: transparent;
}
.osl #dvUserModifyInput .orderMargin{
	margin-bottom: 2rem !important;
}
#dvUserBox .osl .default_ttl{
	font-size: 1.5rem;
}
#dvUserBox .osl .cereditarea{
	margin-top: 2.6rem;
}
#dvUserModifyInput .primary-card_error-text {
	text-decoration: underline;
}
/*----------------------------------------------------------------------------------------------
	ユーザー系 注文方法の追加
-----------------------------------------------------------------------------------------------*/
#dvUserModifyInput .dvContentsInfo {
	padding: 2rem 0;
	background: #ffffff;
	margin: 0;
}
#dvUserModifyInput .dvContentsInfo_txt{
	font-size: 1.2rem;
	letter-spacing: 0.01em;
}
#dvUserModifyInput .dvDefaultOrderSetting_ttl{
	font-size: 1.6rem;
	font-weight: bold;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
#dvUserModifyInput.default_pay .dvDefaultOrderSetting_ttl{
	margin-top: 3.6rem;
}
#dvUserFltContents #dvUserModifyInput table,
#dvUserFltContents #dvUserModifyConfirm table {
	border-style: none;
}
#dvUserFltContents #dvUserModifyInput table th,
#dvUserFltContents #dvUserModifyConfirm table th{
	border-style: none;
	background-color: #ffffff;
	padding: 0;
	font-weight: bold;
}
#dvUserFltContents #dvUserModifyInput table td,
#dvUserFltContents #dvUserModifyConfirm table td{
	border-style: none;
	padding-left: 0;
}
#dvUserFltContents #dvUserModifyInput .dropDown select{
	width: 26rem;
	height: 5rem;
	background-color: #fff;
	padding-left: 1rem;
	color: #111;
	border: 1px solid #A7A7A7;
	border-radius: 5px;
}
#dvUserFltContents #dvUserModifyInput .dropDown select:focus{
	color: #111;
}
.dotted-line{
	border-bottom: 1px dotted #e3e3e3;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableHeader{
	width: 100%;
	display: block;
	margin-bottom: 2rem;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableHeader.credit_detail{
	margin: 2rem 0 2rem;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .area_cardinfo li{
	margin-top: .5rem;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .area_cardinfo{
	display: block;
	width: 100%;
}
#dvUserFltContents #dvUserModifyInput .dropDown{
	width: 100%;
	display: block;
	padding-bottom: 2rem;
}
#dvUserFltContents #dvUserModifyInput .default_pay .dropDown{
	width: 100%;
	display: block;
	padding-bottom: 1rem;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableHeader2{
	width: 100%;
	display: block;
	padding-top: 2rem;
	margin-bottom: 2rem;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableDetail2{
	width: 100%;
	display: block;
	line-height: 1.7!important;
	font-size: 1.4rem;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableDetail2 .meg_forchange{
	font-size: 1.2rem;
	margin-top: 1rem;
	display: block;
}
.mes_er_card{
	line-height: 1.7;
	/* border: solid 1px #545454;
	padding: 10px; */
}
/* speciality */
#dvUserModifyInput .dvUserFltContents__error-txt {
	margin: .5rem;
	padding: .5rem;
	background-color: #ffff80;
	border: 1px solid #E5A500;
	color: #CC7600;
	text-align: center;
}
/*==============================================================================================
 ユーザー系 受信メール履歴一覧
==============================================================================================*/
#dvUserFltContents #userRecieveMailList table{
	table-layout: fixed;
	border: 0;
	margin-top: 3rem;
}

#dvUserFltContents #userRecieveMailList th,#dvUserFltContents #userRecieveMailList td{
	height: 4rem;
	border-bottom: 2px solid #f4f4f4;
	color: #545454;
}
#dvUserFltContents #userRecieveMailList .table_head{
	background: #f4f4f4;
}

#dvUserFltContents #userRecieveMailList .table_left{
	width: 20rem;
	padding: 1.4rem 0 1rem 1rem;
}
#dvUserFltContents #userRecieveMailList .table_Right{
	padding: 1.4rem 1rem 1rem 1rem;
	line-height: 1.8;
}
#userRecieveMailList .table-row {
	cursor: pointer;
}

/*==============================================================================================
 ユーザー系 受信メール履歴詳細
==============================================================================================*/
.dvUserRecieveMail table {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	background-color: #fff !important;
	margin-top: 4rem;
  }

  .dvUserRecieveMail table th {
    height: 4rem;
    width: 15rem;
    padding: 1.2rem 0 1rem 1rem;
    background-color: #f5f5f5 !important;
    vertical-align: middle;
    /* border-bottom-width: 5px; */
    border-bottom-style: solid;
    border-bottom-width: .5rem;
    border-color: #ffffff;
  }

  #dvUserFltContents .dvUserRecieveMail table td {
    padding-left: 2rem;
    line-height: 3rem ;
    border-color: #ffffff;
    background-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: .5rem;
  }

  .dvUserRecieveMail table .mailContent td {
	padding: 1rem 0 1rem 2rem;
  }
/*==============================================================================================
 ユーザー系 パスワードリマインダー 入力
==============================================================================================*/
#dvUserBox #dvPasswordReminderInput{
	line-height: 1.5;
    width: 100%;
    max-width: var(--container-middle);
    margin: 0 auto;
}
.form_wrap.passRemaind_input{
	padding: 2.5rem 0 0;
}
/*==============================================================================================
 ユーザー系 パスワードリマインダー 完了
==============================================================================================*/
.dvPasswordReminderComplete .checkmark span {
	display: block;
	content: '';
	position: absolute;
	top: 25%;
	left: 25%;
	width: 5.5rem;
	height: 3.9rem;
	border-left: 1.5rem solid #545454;
	border-bottom: 1.5rem solid #545454;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
  }

  .dvPasswordReminderComplete .checkmark {
	width: 14rem;
	height: 14rem;
	border: 1.5rem solid #545454;
	border-radius: 50%;
	position: relative;
	margin: 3rem auto 4rem;
  }

  .dvPasswordReminderComplete .complete_Info {
	color: #545454;
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	line-height: 3.6rem;
	margin-top: 3.2rem;
  }

  .dvPasswordReminderComplete .complete_Info .note {
	font-size: 1.6rem;
	margin-top: .5rem;
	display: block;
  }

  .receptionInfo {
	font-size: 1.4rem;
	border: 1px solid #545454;
	padding: 3rem 6rem !important;
	line-height: 2.2 !important;
  }
/*==============================================================================================
 ユーザー系 パスワードリマインダー アドレス再入力
==============================================================================================*/
.onlyUser .form_wrap .area_block.pass_m_i_top{
	border-top: 1px dotted #bebebe;
	border-bottom: 1px dotted #bebebe;
	padding: .2rem 0 3rem;
	margin: 3rem 0 0;
}
.onlyUser .form_wrap .area_block.pass_m_i_top dt{
	margin: 2.6rem 0 1.2rem;
}
.onlyUser .form_wrap .pass_remaind_pass{
	margin:2rem auto 3rem;
}
.onlyUser .form_wrap .pass_remaind_alert{
	margin:0 auto;
	text-align: center;
	font-size: 1.4rem;
	color: #CC141C;
	display: block;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴詳細
-----------------------------------------------------------------------------------------------*/
.tableFlex .area_changebtn,.tableFlex .area_changebtn.change_address{
	display: flex;
	justify-content: space-between;
	align-items:center;
}
.tableFlex .area_changebtn.change_fixed_restart,.tableFlex .area_changebtn.style_wrap{
	display: flex;
	justify-content: space-between;
	align-items:center;
	flex-wrap: wrap;
}
.tableFlex .area_changebtn.change_fixed_restart .expire{
	width:100%;
}
#dvOrderHistoryDetail .form_wrap {font-weight: normal;}
#dvOrderHistoryDetail .form_wrap label {position: relative;display: inline-block;padding: .3rem .3rem .3rem 3rem;cursor: pointer;margin-right: 2rem;font-size: 1.4rem;}
#dvOrderHistoryDetail .form_wrap label::before {position: absolute;content: '';top: 50%;left: .5rem;width: 1.8rem;height: 1.8rem;margin-top: -1rem;background: #fff;border: 1px solid #ccc;border-radius: 100%;}
#dvOrderHistoryDetail .form_wrap input[type="radio"]:checked + label::after {position: absolute;content: '';top: 47%;left: .9rem;width: 1rem;height: 1rem;margin-top: -0.5rem;background: #777;border-radius: 100%;}
#dvOrderHistoryDetail .form_wrap .input_confirm dt{border-top: dotted 1px #cacaca;padding-top: 3rem;}
#dvOrderHistoryDetail .form_wrap dt.user_radio_only{ margin: 1rem 0 1rem;}
#dvOrderHistoryDetail .expire .form._07,#dvUserFltContents .expire .form._07 {width: 13rem;}
#dvOrderHistoryDetail .expire li span,#dvUserFltContents .expire li span{margin: 0 1rem;}
#dvUserBox #divUserCreditCardName table th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #ececec;
    padding: 1rem;
    text-align: left;
    width: 17rem;
}
#divUserCreditCardName dd input {
    background-color: #f4f4f4 !important;
    width: 35rem;
    height: 5rem;
    padding-left: 2rem;
}
#dvUserBox #dvOrderHistoryDetail .form_wrap .form_radio_square label::before,
#dvUserBox #dvFixedPurchaseDetail .form_wrap .form_radio_square label::before,
#dvUserBox #dvUserModifyInput .form_wrap .form_radio_square label::before{
	display: none;
}
#dvOrderHistoryDetail .form_wrap .form_radio_square label,
#dvFixedPurchaseDetail .form_wrap .form_radio_square label,
#dvUserBox #dvUserModifyInput .form_wrap .form_radio_square label{
	padding: .3rem .3rem .3rem 1.5rem;
}
#ctl00_ContentPlaceHolder1_rPayment_ctl00_divUserCreditCardName{margin: 0;}
#dvOrderHistoryDetail #divUserCreditCardName .form_wrap .label::before{
	display: none;
}
#dvUserBox #dvOrderHistoryDetail .divCreditCardDisp_inner dt{
    border-top: dotted 1px #cacaca;
    padding-top: 1rem;
}
#dvUserBox #dvOrderHistoryDetail .divCreditCardDisp_inner dt.noLine_top{
	border-top: none;
	padding: 0;
	margin: -1rem 0 2rem;
}
#dvUserBox #dvOrderHistoryDetail .divCreditCardDisp_inner dd.border_bottom_line{
	border-bottom: dotted 1px #cacaca;
	padding: 0 0 2rem;
	margin: 0 0 2rem;
}
/*再入力*/
#dvOrderHistoryDetail .btn_reform {width: 10rem;display: inline-block;text-align: center;text-align: center;height: 3rem;line-height: 3rem;color: #ffffff;vertical-align: middle;margin-left: 1rem;}

.tableFlex.th_none_sp th{display: block;}
.ul_udrtChange{
	display:flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.ul_udrtChange.fix_restart{
	display:flex;
	justify-content: flex-end;
	flex-wrap: wrap;
	margin: 1rem 0 0 auto;
}
.ul_udrtChange li{
	margin-left: 1rem;
}
.ul_udrtChange li.fixed_btn_reflect{
	margin: 0 0 0 1rem;
}
.ul_udrtChange li:first-child{
	margin-left: 0;
}
.tableFlex .point_inner{
	font-weight: normal;
	margin-top: 1rem;
}
.tableFlex .point_inner .user_point_notice{
	margin-top: 1rem;
}
.dvOrderHistoryShipping .form{
	font-weight: normal;
}
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping.poshi_re,#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping.poshi_re{
	position: relative;
}
.tableFlex .poshi_ab{
	position: absolute;
	top: -1rem;
	right: 2rem;
}
.user_change_area_360{
	max-width: 36rem;
}
.doubletext{display: none;}
.dvOrderSumWrap .OrderSum_wrap .orderSum ul,.dvOrderSumWrap .OrderSum_wrap .orderTotal ul{
	display: flex;
	justify-content: space-between;
}
.dvOrderSumWrap .OrderSum_wrap .orderSum {
	border-top: 2px solid #f4f4f4;
	border-bottom: 2px solid #f4f4f4;
	padding: 2rem 1rem 0;
}
.dvOrderSumWrap .OrderSum_wrap li{
	font-size: 1.4rem;
	margin: 0 0 1.7rem;
}
.dvOrderSumWrap .OrderSum_wrap .orderSum .MemberRankUse,.dvOrderSumWrap .OrderSum_wrap .orderSum .couponUse,.dvOrderSumWrap .OrderSum_wrap .orderSum .pointUse,.dvOrderSumWrap .OrderSum_wrap .orderSum .fixeduse{
	color: #d9352c;
}
.dvOrderSumWrap .OrderSum_wrap .orderTotal {
	/* border-bottom: 2px solid #f4f4f4; */
	padding: 2rem 1rem 0;
}
.dvOrderSumWrap .OrderSum_wrap .orderTotal{
	font-weight: bold;
}
#dvUserBox .osl .dvOrderHistoryInfo{
	padding: 3rem 0 1.5rem;
    background: #ffffff;
    margin: 0;
}
#dvUserBox .osl .dvOrderHistoryShipping{
	padding: 0 0 4rem;
	background: #ffffff;
	margin: 0 auto;
}
.dvOrderHistoryDetail-updatewrap {
	width: 100%;
}
#dvOrderHistoryDetail .form._05 {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background: #fff url(../../Contents/ImagesPkg/common/rect.svg) no-repeat !important;
	background-size: 1.3rem .7rem !important;
	background-position: right 2.1rem center !important;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	width: 100%;
	border-radius: 5px;
	line-height: 1;
}
/* #dvOrderHistoryDetail .error_inline {
	display: block;
} */
.purchase-detail_validation-text {
	display: block;
	color: red;
}
.purchase-detail_error-text {
	display: none;
	color: red;
}
#dvOrderHistoryDetail .next-order {
	float: right;
}
#dvOrderHistoryDetail .payment-method_position {
	margin: 1rem 0;
}
#dvOrderHistoryDetail .error-text-spacer {
	padding: .2rem;
}
#dvOrderHistoryDetail .change-shippinginfo {
	float: right;
	text-align: right;
}
#dvOrderHistoryDetail .adjust-position-shippinginfo {
	padding-top: 3rem;
	text-align: right;
}
/* .osl #dvOrderHistoryDetail .dvOrderHistoryProduct .tableFlex th{
	display: block;
}
.osl #dvOrderHistoryDetail .dvOrderHistoryProduct .tableFlex th.sp-none{display: block;} */
/*==============================================================================================
 ユーザー系 定期購入履歴詳細
==============================================================================================*/
#dvUserBox .osl .dvFixedPurchaseDetail {
    padding: 3rem 0 4rem;
    background: #ffffff;
    margin: 0;
}
.fixed_btn_column{
	display: flex;
	align-items: center;
}
.fixed_btn_column li{
	margin-left: 1rem;
}
#dvUserFltContents .form_wrap {font-weight: normal;}
#dvUserFltContents .form_wrap label {position: relative;display: inline-block;padding: .1rem .3rem .3rem 3rem;cursor: pointer;margin-right: 1.2rem;font-size: 1.3rem;}
#dvUserFltContents .form_wrap label::before {position: absolute;content: '';top: 50%;left: .5rem;width: 1.8rem;height: 1.8rem;margin-top: -1rem;background: #fff;border: 1px solid #A7A7A7;border-radius: 100%;}
#dvUserFltContents .form_wrap input[type="radio"]:checked + label::after {position: absolute;content: '';top: 46.5%;left: .9rem;width: 1rem;height: 1rem;margin-top: -0.5rem;background: #408CD7;border-radius: 100%;}
#dvUserFltContents .form_wrap .input_confirm dt{border-top: dotted 1px #cacaca;padding-top: 3rem;}
#dvUserFltContents .form_wrap dt.user_radio_only{ margin: 1rem 0 1rem;}
#dvUserBox #dvFixedPurchaseDetail .divCreditCardDisp_inner dt{
    border-top: dotted 1px #cacaca;
    padding-top: 1rem;
}
#dvUserBox #dvFixedPurchaseDetail .divCreditCardDisp_inner dt.noLine_top{
	border-top: none;
	padding: 0;
	margin: -1rem 0 2rem;
}
#dvUserBox #dvFixedPurchaseDetail .divCreditCardDisp_inner dd.border_bottom_line{
	border-bottom: dotted 1px #cacaca;
	padding: 0 0 2rem;
	margin: 0 0 2rem;
}
/*再入力*/
#dvUserFltContents .btn_reform {width: 10rem;display: inline-block;text-align: center;text-align: center;height: 3rem;line-height: 3rem;color: #ffffff;vertical-align: middle;margin-left: 1rem;}
#dvUserBox #dvFixedPurchaseDetail .fixed_pointinfo{
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1.5;
	margin-top: 1rem;
}
.dvFixedPurchaseShipping.poshi_re .form._16 {
	max-width: none;
	width: 100%;
}
/* speciality */
.onlyUser #dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail table {
	margin-bottom: 0;
}
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping.poshi_re {
	padding-bottom: 4rem;
}
.fixed-purchase_registered-txt {
	color: red;
	margin: .5rem 0 .5rem .5rem;
}
#dvFixedPurchaseDetail .text-style {
	line-height: 1.5;
}
#dvFixedPurchaseDetail .register-card_spacer {
	margin-right: 2rem;
}
.register-card_error-text {
	display: none;
	color: red;
}
#dvFixedPurchaseDetail .register-card_complete-text {
	font-weight: bold;
}
#dvFixedPurchaseDetail .available-point_text {
	font-weight: normal;
}
#dvFixedPurchaseDetail .change-address_annotation-text {
	text-align: right;
}
#dvFixedPurchaseDetail .bc_brown {
	cursor: pointer;
}

/*==============================================================================================
 ユーザー系 定期購入キャンセル
==============================================================================================*/
#dvFixedPurchaseDetail .inquirytext{width: 100%;min-height: 24rem;line-height: 1.71;font-size: 1.4rem;}
#dvFixedPurchaseDetail .form{background-color: #f4f4f4!important;}
/*==============================================================================================
 ユーザー系 退会ページ インプット
==============================================================================================*/
 #dvUserFltContents.Withdraw .dvUserBtnBox .attention{
	color:#ff0000;
	font-size:1.5rem;
	line-height: 2rem;
	text-align: left;
	border: 1px solid #ff0000;
	padding: 2rem 2rem;
}

/*==============================================================================================
 ユーザー系 退会ページ コンプリート
==============================================================================================*/

#dvUserFltContents.withdraw .dvUserBtnBox{
	padding: 0;
}

#dvUserFltContents.withdraw .dvWithdrawInfo{
	text-align: center;
}

.dvWithdrawInfo .successInfo{
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.6;
	letter-spacing: 0.01em;
}

.dvWithdrawInfo .checkImage{
	margin: 3.5rem auto;
}

.dvWithdrawInfo .toiawaseInfo{
	line-height: 2;
	letter-spacing: 0.01em;
	border: 1px solid #545454;
	padding: 3rem 0;
}

@media screen and (min-width: 480px) and (max-width: 768px){
	#dvUserFltContents.withdraw .dvUserBtnBox{
		margin-bottom: 4rem;
	}
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 入荷お知らせメール情報
-----------------------------------------------------------------------------------------------*/
#dvFavoriteList .favorite_contents{
	display: flex;
	align-items: center;
	margin-bottom: 2rem;
}
#dvFavoriteList .favorite_contents .favorite_contents_name{
	flex-basis: 25rem;
	text-align: center;
}
#dvFavoriteList .favorite_contents .favorite_contents_notice{
	flex-basis: 9rem;
	text-align: center;
}
#dvFavoriteList .favorite_contents .favorite_contents_means{
	flex-basis: 11rem;
	text-align: center;
}
#dvFavoriteList .favorite_contents .favorite_contents_date{
	flex-basis: 21.4rem;
	text-align: center;
}

#dvFavoriteList .favorite_itemArea{
	display: flex;
	align-items: center;
	padding: 2rem 0;
	border-top: 2px solid #f5f4f3;
}
#dvFavoriteList .favorite_itemArea .favorite_item_main{
	display: flex;
	align-items: center;
	flex-basis: 25rem;
}
#dvFavoriteList .favorite_itemArea .favorite_img{
	flex-basis: 10rem;
}
#dvFavoriteList .favorite_itemArea .favorite_img img{
	width: 100%;
}
#dvFavoriteList .favorite_itemArea .favorite_name{
	flex-basis: 14rem;
	line-height: 1.5;
	margin-left: 1rem;
}
#dvFavoriteList .favorite_itemArea .favorite_notice{
	flex-basis: 9rem;
	line-height: 1.5;
	margin-left: 1rem;
}
#dvFavoriteList .favorite_itemArea .favorite_means{
	flex-basis: 10rem;
	line-height: 1.5;
	margin-left: 1rem;
}
#dvFavoriteList .favorite_itemArea .favorite_date{
	flex-basis: 21.4rem;
	line-height: 1.5;
	margin-left: 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}
#dvFavoriteList .favorite_itemArea .favorite_date input{
	width: 6rem;
    text-align: center;
    padding: 1.8rem 0;
    margin-right: 0.3rem;
}
#dvFavoriteList .favorite_itemArea .favorite_date input._20{
	width: 4rem;
}
#dvFavoriteList .favorite_itemArea .favorite_delete{
	flex-basis: 4rem;
	margin-left: 1.6rem;
}
#dvFavoriteList .favorite_itemArea .date_datale{
	display: flex;
	flex-basis: 28rem;
	align-items: center;
}
/*==============================================================================================
 ユーザー系 ソーシャルログイン連携
==============================================================================================*/
#dvSocialLoginCooperation .connect_btn{
	background-color: #f1b830;
	border-radius:.5rem;
	color: white;
	padding:0.6rem 3.5rem;
	display: inline-block;
}
#dvSocialLoginCooperation .connect_txt{
	font-weight:bold;font-size: 1.2rem;
	margin-top: 0.6rem;
	display: block;
}
.dvUserFltContents__lead-under {
	margin-top: 2rem;
}
.user_social-login-btn-container {
	display:flex;
	justify-content:space-between;
	margin:1em;
	padding:0 0 1em 0;
	border-bottom:1px solid #dcdcdc;
}
.user_social-login-btn-frame {
	display: inline-block;
	/* width: 18.5rem; */
	width: 17rem;
	padding: 1em 2em;
	border: none;
	border-radius: .5rem;
	color: white;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1.3rem;
	text-align: center;
	text-decoration: none;
}
.user_sociallogin-btn-facebook {
	background-color: #305097;
}
.user_sociallogin-btn-twitter {
	background-color: #1da1f2;
}
.user_sociallogin-btn-yahoo {
	background-color: #FF0020;
}
.user_sociallogin-btn-line {
	background-color: #00c300;
}
#dvSocialLoginCooperation .dvSocialLoginCooperation_error-txt {
	margin:1em;
	padding:1em;
	background-color: #FFBABA;
	border: 1px solid;
	color: #D8000C;
}
#dvSocialLoginCooperation .user_social-login-btn-frame {
	width: 7.8rem;
}
#dvSocialLoginCooperation .dvSocialLoginCooperation_connected-txt {
	display: inline-block;
	width: 36.2rem;
	padding: 1em 3em;
	font-weight: normal;
}
#dvSocialLoginCooperation .dvSocialLoginCooperation_payment-wrapper {
	display: flex;
	justify-content: space-between
}
#dvSocialLoginCooperation .dvSocialLoginCooperation-paypal_container {
	margin: 1em;
	padding: 0 0 1em 0;
	border-bottom: 1px solid #dcdcdc;
}
#dvSocialLoginCooperation .dvSocialLoginCooperation-paypal_btn {
	width: 16rem;
	padding: .5rem 0 0 0;
}
#dvSocialLoginCooperation .dvSocialLoginCooperation-paypal_connected-txt {
	display: inline-block;
	width: 39.2rem;
	padding: 1rem 1rem 1rem 4rem;
	font-weight: bold;
	vertical-align: middle;
}
#dvSocialLoginCooperation .dvSocialLoginCooperation-paypal_unconnected {
	display: inline-block;
	width: 44.8rem;
	padding: 1rem 1rem 1rem 2rem;
}
#dvSocialLoginCooperation .dvSocialLoginCooperation-rakuten_container {
	display:flex;
	flex-wrap: wrap;
	justify-content:space-between;
	margin:1em;
	padding:0 0 1em 0;
	border-bottom:1px solid #dcdcdc;
}
#dvSocialLoginCooperation .dvSocialLoginCooperation-rakuten_btn {
	width: 15.6rem;
}
#dvSocialLoginCooperation .spacer-small {
	padding: 1em;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規簡単会員登録
-----------------------------------------------------------------------------------------------*/
#dvUserContents #dvUserRegistRegulation .acceptArea{
	margin: 1rem auto 0;
	text-align: center;
}
#dvUserContents #dvUserRegistRegulation .acceptArea p{
	margin-top: .5rem;
}
.dvSocialLoginCooperation{
    max-width: var(--container-middle);
    width: 100%;
    margin: 2rem auto 3rem;
}
.dvSocialLoginCooperation .bnr_Social{
	display:flex;
	flex-wrap:wrap;
	margin:2rem 0;
}

@media screen and (max-width: 1024px) {
/*==============================================================================================
 ユーザー系ページ共通
==============================================================================================*/
	#dvUserFltContents {
		max-width: none;
		width: 100%;
		margin-left: 0;
	}

	#dvUserPointHistoryList .leftBox{
		margin-right: 0;
	}

	.user_wrap{
		flex-direction:column;
	}
	/* #ctl00_ContentPlaceHolder1_upUpdatePanel{
		width: calc(100% - 6rem);
		margin-left:2rem;
		max-width: 37rem;
	} */
	.orderHistoryList .orderList_itemimg{
		display: flex;
		flex-wrap: wrap;
		padding: 0 ;
    /* gap: 2rem 1rem; */
	}
	.orderHistoryList .orderList_itemimg .itemArea{
		width: calc(20% - 10rem / 5);
		margin:0 0 3rem 0;
	}
	#dvUserContents{
		width:100%;
		margin:2rem 0;
		/* padding: 0 calc(35 * 100vw / 1024); */
	}
	#dvUserFltContents .dvContentsInfo_kakunin,#dvUserFltContents .dvContentsInfo_kakunin.user_m_c{
		padding: 4rem 0 3rem;
	}
	#dvUserFltContents .dvContentsInfo_kakunin p {
		font-size: 1.3rem;
	}
/*==============================================================================================
 ユーザー系 お気に入りリスト
==============================================================================================*/
	#dvFavoriteList {
		margin-top: 3rem;
	}
	.favorite_itemWrap {
		width: calc(20% - 10rem / 5);
		margin:0 0 3rem 2rem;
	}
	.favorite_itemWrap .productName {
		padding: .6rem 0;
	}
	.productPatternNum {
		margin-top: 2rem;
	}
	.favoriteWrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		margin-left: -2rem;
	}
	.favoriteProductImage img {
		width: 100%;
		border: 1px solid #cacaca;
		box-sizing: border-box;
	}
	.delete {
		width: 2.5rem;
		height: 2.5rem;
		background-image: url(../../Contents/ImagesPkg/product/trash_icon.png);
		background-size: 2.5rem;
		background-repeat: no-repeat;
	}
	.delete a {
		display: block;
		height: 100%;
	}
/*==============================================================================================
 ユーザー系 ポイント履歴一覧
==============================================================================================*/
	#dvUserPointHistoryList {
        margin-top: 4rem;
	}
	#dvUserPointHistoryList .point_circle {
		float: none;
	}
	#dvUserBox #dvUserPointHistoryList table {
		table-layout: fixed;
		width: 100%;
	}
	#dvUserPointHistoryList .leftBox .point_expiry {
		margin-bottom: 2rem;
	}
	.alart_noPoint{
		text-align: center;
		margin-top: 1rem;
	}
	.pointhistory_twocolumn{
		min-height: 23rem;
	}
/*==============================================================================================
 ユーザー系 受信メール履歴詳細
==============================================================================================*/
	.dvUserRecieveMail table {
		table-layout: fixed;
		border-collapse: separate;
		border-spacing: 0 .5rem;
		background-color: #fff !important;
		margin-top: 4rem;
	}
	.dvUserRecieveMail table th {
		height: 4rem;
		width: 12rem;
		padding-left: 1.1rem;
		background-color: #f5f5f5 !important;
		vertical-align: middle;
	}
	#dvUserFltContents .dvUserRecieveMail table td {
		padding-left: 2rem;
		line-height: 3rem ;
	}
	.dvUserRecieveMail table .mailContent td {
		padding: 1rem 0 1rem 2rem;
	}
	.mailDetailWrap .area_btn{
		margin: 6rem 0;
	}
	.btn_confirm {
		/* background-color: #afafaf; */
		height: 6rem;
		line-height: 6rem;
	}
}

@media screen and (max-width: 768px) {
/*==============================================================================================
 ユーザー系ページ共通
==============================================================================================*/

	#dvUserFltContents .dvContentsInfo_kakunin{
		padding: 3rem 0 0;
	}
	#dvUserFltContents .dvContentsInfo_kakunin.user_m_c{
		padding: 3rem 0 2.8rem;
	}
	#dvUserFltContents .dvContentsInfo_kakunin p {
		font-size: 1.4rem;
	}
	#dvUserFltContents.withForm{
		margin-bottom: 4rem;
	}
	#dvUserFltContents .dvContentsInfo_attention p{
		font-size: 1.6rem;
		line-height: 1.6;
	}
	/* #pagination{
		padding-top: 3.8rem;
    	margin: 0 auto 4.7rem;
	} */
	#pagination{
		padding-top:2.5rem;
		margin-top: 0;
	}
	#dvUserContents{
		width:100%;
		margin:2rem 0 0;
		/* padding: 0 1.75rem; */
	}
	#dvUserInquiryInput .inquirytext{
		width: 100%;
		min-height: 16rem;
		line-height: 1.71;
	}

	/*==============================================================================================
		ユーザー系 ログイン画面
	==============================================================================================*/
	#dvUserBox .login_formWrap .contentsInfo {
    font-size: 1.5rem;
	}

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
-----------------------------------------------------------------------------------------------*/
	.area_ttl {
		text-align: center;
	}
	#Wrap_lower.onlyUser .area_ttl {
		margin: 1.7rem auto 1.5rem;
	}
	#dvUserBox #dvUserRegistRegulation ul.area_btn {
		margin-top: 4rem;
	}
	#dvUserBox #dvUserRegistRegulation ul.area_btn li{
		margin:0;
	}
	#dvUserBox #dvUserRegistRegulation ul.area_btn li:first-child{
		margin-top:2rem;
		margin-left:0;
	}
/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴一覧
-----------------------------------------------------------------------------------------------*/
	.orderHistoryList.fixedPurchase{margin: 3rem 0 0 ; }

	#sortBox ul li.active {
		color: #fff;
		background-color: #545454;
		font-size: 1.2rem;
		/* height: 2.5rem; */
		line-height: inherit;
		padding: .6rem 1.2rem;
	}

	#sortBox ul li a {
		display: block;
		background-color: #efefef;
		font-size: 1.5rem;
		/* height: 2.5rem; */
		line-height: inherit;
		padding: .6rem 1.2rem;
	}
	#sortBox ul li.active,#sortBox ul li a {
		font-size: 1.2rem;
	}
	/* .breadcrumbs, */
	#dvUserFltContents{
		max-width: none;
		width: 100%;
		padding: 0;
    margin-left:0;
  }
	/* #ctl00_ContentPlaceHolder1_upUpdatePanel{
		width:100%;
		padding: 0 1.75rem;
		max-width: 37rem;
	} */
	.orderHistoryList{
		margin-bottom: 5rem;
	}
	.orderHistoryList .orderList_itemimg .itemArea .itemText{
		margin-top: 1.5rem;
	}
	.orderHistoryList .orderList_itemimg .itemArea .itemText p{
		font-size: 1.3rem;
	}
	.orderHistoryList .plPrice,.orderHistoryList .orderDate{
		font-size: 1.3rem;
		line-height: 1.5;
	}
	.orderHistoryList .orderList_dateNum{
		display: flex;
		flex-direction: column;
		padding: 1.3rem 1rem;
		background: #f4f4f4;
		margin-bottom: 1.3rem;
		line-height: 1.8;
	}
	.orderHistoryList .orderList_detail {
		margin: 1.5rem 1rem 3rem;
	}
	.orderHistoryList .orderList_detail .orderList_detail_inner{
		display: flex;
		flex-direction: column;
		margin: 0;
		line-height: 1.6;
	}
	.orderHistoryList .orderList_btnArea{
		margin-top: 1rem;
	}
	.orderHistoryList .orderList_detail .orderList_detail_inner:first-child{
		margin-bottom: 0;
	}
	.orderHistoryList .orderList_detail .orderList_detail_inner li{
		margin-left: 0;
		font-size: 1.5rem;
	}
	.orderHistoryList .orderList_itemimg{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 0 ;
		/* margin-left: -2rem; */
		gap: 0;
	}
	.orderHistoryList .orderList_itemimg .itemArea{
		width: calc(320*(100vw/750));
		margin:0 0 2rem 0;
	}
	/*----------------------------------------------------------------------------------------------
	ユーザー系 クレジットカード一覧ページ
	-----------------------------------------------------------------------------------------------*/
	#dvUserFltContents .error_msg{
		padding: 1.5rem;
		margin: 3rem 0 4rem;
		font-size: 1.6rem;
	}
	#dvUserFltContents .error_msg.with_lh{
		padding: 1.5rem 0;
		/* margin: 2.5rem 0 4rem; */
		font-size: 1.6rem;
	}
  #dvUserPrimeMemberCard .error_msg {
    margin-bottom: 1rem;
  }
	/*----------------------------------------------------------------------------------------------
		ユーザー系 クレジットカード追加ページ
	-----------------------------------------------------------------------------------------------*/
	#dvUserCreditCardInput .area_ttl_sec p{
		margin-top: 3rem !important;
	}
	#dvUserCreditCardInput table {
      width: 100% !important;
	}
	#dvUserCreditCardInput {
      margin-top: .6rem;
	}
	#dvUserCreditCardInput th {
      width: 100%;
      padding: 2rem 0 1rem !important;
      font-size: 1.5rem;
	}
	#dvUserCreditCardInput td {
      width: 100%;
      border-bottom: 0 !important;
      height: 2.5rem;
      padding: 0 !important;
	}
	#dvUserCreditCardInput td input {
      background-color: #fff !important;
      width: 100%;
      height: 4rem;
      padding-left: 1.5rem;
	}
	#dvUserCreditCardInput td input::placeholder{
		font-size: 1.8rem;
		line-height: 4rem;
	}
	#dvUserCreditCardInput .expirationDate td select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      position: relative;
      padding-left: 1.5rem;
      background-image: url(../../Contents/ImagesPkg/common/rect.svg);
      background-repeat: no-repeat;
      background-size: 1.1rem 7rem;
      background-position: 9.75rem center;
      width: 12.5rem;
      height: 5rem
    }
    #dvUserCreditCardInput .trcardNo td input {
      width: 7rem !important;
    }
    #dvUserCreditCardInput .cardNo_hyphen{
      padding: 0 .65rem;
    }
    #dvUserCreditCardInput .area_btn li:last-child{
      margin-bottom: 2rem;
    }
    #dvUserCreditCardInput .area_btn li{
      margin: 0;
    }
    #dvUserCreditCardInput .trSecurityCode input{
      width: 17rem;
    }
    #dvUserCreditCardInput .slash{
      display: inline-block;
      padding: 0 .7rem;
    }
    #dvUserCreditCardInput .expirationDate_txt{
      display: inline-block;
      padding-left:0;
      font-size: 1.8rem;
	}
	#dvUserCreditCardInput .required{
		font-size: 1.2rem;
		line-height: 1.8rem;
		height: 1.8rem;
		padding: 0;
		width: 3.5rem;
		text-align: center;
	}
	.area_ttl_sec p{
		font-size: 1.6rem;
		font-feature-settings: 'pwid';
	}
  /* #dvUserBox #dvUserCreditCardInput table tr {
    display: flex;
    flex-direction: column;
  } */
  #dvUserBox #dvUserCreditCardInput table th {
    display: block;
    width: 100%!important;
  }
  #dvUserBox #dvUserCreditCardInput .creditCardForTokenAcquired-wrap td {
    display: block;
    width: 100%;
    height: auto;
    font-size: 1.4rem;
  }
  #dvUserCreditCardInput .trcardNo-entered__group {
    justify-content: space-between;
  }
  #dvUserCreditCardInput .trcardNo-entered__button {
    padding: 0;
  }
  #dvUserCreditCardInput .trcardNo-entered__buttonEl {
    font-size: 1.1rem;
  }
  /*==============================================================================================
	ユーザー系 お気に入りリスト
	==============================================================================================*/
	#dvFavoriteList {
		margin-top: 3rem;
	}
	.favoriteWrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
    gap: 4rem 1.7rem;
		margin-left: 0;
	}
	.favorite_itemWrap {
    width: calc(50% - 0.85rem);
    margin: 0;
	}
	.favorite_itemWrap .productName {
		padding: 1rem 0;
	}
	.favorite_itemWrap .productName a {
		line-height: 1.6;
	}
	.productPatternNum {
		margin-top: 1.5rem;
	}
	.delete {
		width: 3rem;
		height: 3rem;
		background-image: url(../../Contents/ImagesPkg/product/trash_icon.png);
		background-size: 3rem;
		background-repeat: no-repeat;
	}
	/*==============================================================================================
	ユーザー系 ポイント履歴一覧
	==============================================================================================*/
    #dvUserPointHistoryList {
      margin-top: 4rem;
      overflow: hidden;
    }
    #dvUserPointHistoryList .point_circle {
      width: 27.5rem;
      height: 27.5rem;
      border: 1px solid #626262;
      border-radius: 50%;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      display: flex;
      justify-content: center;
      align-items: center;
      margin-bottom: 0;
    }
    #dvUserPointHistoryList .leftBox {
      margin: 0 auto 4rem;
      width: 27.5rem;
      float: none;
      text-align: center;
    }
    #dvUserPointHistoryList .leftBox .point_expiry {
      text-align: center;
      font-size: 1.6rem;
    }
    #dvUserPointHistoryList .point_circle .point_ttl {
      font-size: 1.6rem;
      line-height: 1;
    }
    #dvUserPointHistoryList .point_circle .point_num {
      font-size: 4.5rem;
      line-height: 1;
      font-weight: normal;
      margin: 2rem 0 .25rem;
    }
    #dvUserPointHistoryList .point_circle .point_num span {
      font-size: 3rem;
    }
    #dvUserPointHistoryList .point_circle .poin_tentative {
      font-size: 1.6rem;
      display: inline-block;
    }
    #dvUserPointHistoryList .point_circle .poin_tentative span {
      font-size: 2.7rem;
    }
    #dvUserBox #dvUserPointHistoryList table {
      table-layout: fixed;
      font-size: 1.5rem;
      letter-spacing: 0.025em;
      border-top: 0;
      margin: 4rem auto 0;
    }
    #dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table {
      margin-top: 3rem;
    }
    #dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table:first-child {
      margin-top: 0;
    }
    #dvUserBox #dvUserPointHistoryList table th {
      width: 13rem !important;
      background-color: white;
      height: 4rem;
      vertical-align: middle;
      border-bottom: 2px solid #f4f4f4;
    }
    #dvUserBox #dvUserPointHistoryList table .head_color th {
      background-color: #f4f4f4;
    }
    #dvUserBox #dvUserPointHistoryList table .head_color td {
      background-color: #f4f4f4;
    }
    #dvUserBox #dvUserPointHistoryList table td {
      vertical-align: middle;
      border-bottom: 2px solid #f4f4f4;
	}
	.pointhistory_twocolumn{
		display: flex;
		flex-direction: column;
		min-height: inherit;
	}
/*==============================================================================================
 ユーザー系 クーポン一覧
==============================================================================================*/
	#dvUserFltContents h4 {
		margin: 3rem 0 !important;
		font-size: 1.6rem;
	}

	#dvUserFltContents .repeatWrap table {
		margin-top: 3rem;
		font-size: 1.5rem;
	}

	#dvUserFltContents .repeatWrap table:first-child {
		margin-top: 0;
	}

	#dvUserFltContents .repeatWrap table .table_ttl td,
	#dvUserFltContents .repeatWrap table .table_ttl th {
		background-color: #f4f4f4 !important;
	}

	#dvUserFltContents .repeatWrap table th {
		background-color: #fff !important;
		border-bottom: 2px solid #f4f4f4 !important;
		text-align: left !important;
		width: 14.5rem;
		height: 4rem;
		padding: 1.5rem;
	}

	#dvUserFltContents .repeatWrap table td {
		background-color: #fff !important;
		border-bottom: 2px solid #f4f4f4 !important;
		text-align: left !important;
		height: 4rem;
		padding: 1.5rem;
	}

	#dvUserFltContents #pagination .pagerWrap .list-pager li span {
		font-size: 1.2rem;
	}
/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳の一覧
-----------------------------------------------------------------------------------------------*/
	.shippingList_wrap.only_list{
		margin: 4rem 0 0;
	}
	.shippingList_wrap.only_list .shippingList_Name{
		padding: 1rem .8rem;
		font-size: 1.6rem;
	}
	.shippingList_wrap.only_list .shippingList_detail{
		padding: 1rem .8rem;
		font-size: 1.6rem;
	}
	.area_btn.smallsize{
		display: flex;
		justify-content: flex-end;
		flex-direction: inherit;
		margin: 0 ;
	}
	.area_btn.smallsize li{
		margin:0 0 0 1rem;
		width: 12.5rem;
	}
	.area_btn.smallsize li:first-child{
		margin:0;
		width: 12.5rem;
	}
/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳の入力
-----------------------------------------------------------------------------------------------*/
	#dvUserFltContents #dvUserShippingList.unit{
		padding: 0;
	}
	#dvUserShippingList .dvUserShippingList_ttl{
		font-size: 1.6rem;
		line-height: 1.6em;
		letter-spacing: 0.01em;
	}
	#dvUserShippingList .error_msg{
		font-size: 1.6rem;
		line-height: 1.6em;
		letter-spacing: 0.01em;
		padding: 1.5rem;
		margin: 3rem 0 3rem;
	}
  #dvUserShippingList .attention {
    padding-top: 3rem;
    margin-bottom: .5rem;
    font-size: 1.5rem;
  }
  .shippingList_wrap-inner .shippingList_Name{
		font-size: 1.6rem;
		word-break: break-all;
	}
	.shippingList_wrap-inner .shippingList_detail{
		font-size: 1.6rem;
	}
	.shippingList_wrap .shippingList_update{
		padding: .6rem 3rem;
		display: inline;
	}
	.shippingList_wrap .shippingList_delete{
		padding: .6rem 3rem;
		display: inline;
		margin-right: .5rem;
	}
/*----------------------------------------------------------------------------------------------
	ユーザー系 注文方法の保存
-----------------------------------------------------------------------------------------------*/
	.osl #dvUserModifyInput .dvDefaultOrderSetting .tableFlex,
	.osl #dvOrderHistoryDetail .dvOrderHistoryInfo .tableFlex,
	.osl #dvOrderHistoryDetail .dvOrderHistoryShipping .tableFlex,
	.osl #dvOrderHistoryDetail .dvOrderHistoryProduct .tableFlex,
	.osl #dvFixedPurchaseDetail .tableFlex{
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
				-webkit-box-orient: vertical;
				-webkit-box-direction: normal;
					-ms-flex-direction: column;
						flex-direction: column;
	}
	.osl #dvUserModifyInput .orderMargin{
		margin-bottom: 2rem;
	}
	#dvUserBox .osl #dvUserModifyInput table th, #dvUserBox .osl #dvUserModifyConfirm table th,
	#dvUserBox .osl #dvOrderHistoryDetail table th,#dvUserBox .osl .dvFixedPurchaseDetail table th{
		border-bottom-style: solid;
		border-bottom-width: 0;
		background-color: #f4f4f4;
		padding: 1.5rem 1rem 1.35rem;
		text-align: left;
		width: inherit;
		font-size: 1.4rem;
		min-height: inherit;
	}
	#dvUserBox .osl #dvOrderHistoryDetail table th.noback{
		border-bottom-style: solid;
		border-bottom-width: 0;
		background-color: #ffffff;
		padding: 1.5rem 1rem 0;
		text-align: left;
		width: inherit;
		font-size: 1.4rem;
		font-weight: 500;
		min-height: inherit;
	}
	#dvUserBox .osl #dvUserModifyInput table td, #dvUserBox .osl #dvUserModifyConfirm table td,
	#dvUserBox .osl #dvOrderHistoryDetail table td,#dvUserBox .osl #dvFixedPurchaseDetail table td{
		border-bottom-style: solid;
		border-bottom-width: 1px;
		padding: 1rem;
		text-align: left;
		line-height: 1.7!important;
		font-size: 1.4rem;
	}
	#dvUserBox .osl #dvFixedPurchaseDetail table td.withBtn{
		padding: 1.4rem 0 1.4rem 1rem;
	}
	#dvUserBox .osl .cereditarea{
		margin-top: 2rem;
	}
/*----------------------------------------------------------------------------------------------
	ユーザー系 注文方法の追加
-----------------------------------------------------------------------------------------------*/
	#dvUserModifyInput .dvDefaultOrderSetting_ttl{
		font-size: 1.6rem;
		font-weight: bold;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	#dvUserModifyInput.default_pay .dvDefaultOrderSetting_ttl{
		margin-top: 3.6rem;
	}
	#dvUserFltContents #dvUserModifyInput .dropDown select{
		width: 100%;
		height: 5rem;
		padding-left: 1rem;
	}
	#dvUserFltContents #dvUserModifyInput .dropDown{
		padding-bottom: 2rem;
	}
	#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableHeader{
		margin-bottom: 1.5rem;
	}
	#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableDetail2{
		padding-top: 0;
		margin-bottom: 2rem;
		font-size: 1.5rem;
	}
	#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableHeader.credit_detail{
		margin: 2rem 0 2rem;
	}
	#dvUserFltContents #dvUserModifyInput .default_pay .dropDown{
		padding-bottom: 0;
	}
/*==============================================================================================
 ユーザー系 受信メール履歴一覧
==============================================================================================*/
	#userRecieveMailList h4{
		font-size: 1.6rem;
		margin:  3rem 0 !important;
	}
	#dvUserFltContents{
		color: #545454 !important;
	}
	#dvUserFltContents #userRecieveMailList table{
		table-layout: fixed;
		border: 0;
		margin-top: 3rem;
		font-size:  1.2rem;
	}
	#dvUserFltContents #userRecieveMailList th,#dvUserFltContents #userRecieveMailList td{
		height: 6rem;
		border-bottom: 2px solid #f4f4f4;
		color: #545454;
		padding:1.25rem 0 1.25rem 2.5rem ;
	}
	#dvUserFltContents #userRecieveMailList .table_head{
		font-size:  1.5rem;
	}
	#dvUserFltContents #userRecieveMailList .table_left{
		width:10rem;
		padding: 1rem .5rem 1rem 1rem;
		letter-spacing: 0.02em;
		line-height: 1.8;
	}
	#dvUserFltContents #userRecieveMailList .table_Right{
		padding: 1rem 1rem 1rem 0;
		letter-spacing: 0.02em;
		line-height: 1.8;
	}
/*==============================================================================================
 ユーザー系 受信メール履歴詳細
==============================================================================================*/
	.dvUserRecieveMail table {
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
		background-color: #fff !important;
		margin-top: 2rem;
	}

	.dvUserRecieveMail table th,
	#dvUserFltContents .dvUserRecieveMail table td{
		display: block;
	}
	.dvUserRecieveMail table th {
		height: 4rem;
		line-height: 1rem;
		width: 100%;
		padding: 1.4rem 1rem 1.4rem ;
		background-color: #f5f5f5 !important;
		vertical-align: middle;
		font-size: 1.5rem;
		border-bottom-style:none;
	}
	#dvUserFltContents .dvUserRecieveMail table td {
		line-height: 2rem;
		padding: 1rem ;
		font-size: 1.2rem;
		border-bottom-style: none;
	}
	.mailDetailWrap .area_btn{
		margin: 1.5rem auto 0;
	}
/*==============================================================================================
 ユーザー系 パスワードリマインダー 入力
==============================================================================================*/
	.form_wrap.passRemaind_input{
		padding:0;
	}
/*==============================================================================================
 ユーザー系 パスワードリマインダー 完了
==============================================================================================*/
	.dvPasswordReminderComplete .complete_Info {
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		line-height: 2.4rem;
		margin-top: 3.1rem;
	}
	.dvPasswordReminderComplete .complete_Info .note {
		font-size: 1.2rem;
		line-height: 1.8rem;
	}
	.receptionInfo {
		font-size: 1.5rem;
		border: 1px solid #545454;
		line-height: 2.4rem !important;
		padding: 3rem 2% !important;
	}
	.ws_nw{
		white-space: nowrap;
	}
	.dvPasswordReminderComplete .area_btn li:first-child {
		margin-top: 0;
	}
	.dvPasswordReminderComplete .checkmark {
		width: 10rem;
		height: 10rem;
		border: 1.05rem solid #545454;
		border-radius: 50%;
		position: relative;
		margin: 3rem auto;
	}
	.dvPasswordReminderComplete .checkmark span {
		width: 3.9rem;
		height: 2.7rem;
		border-left: 1.05rem solid #545454;
		border-bottom: 1.05rem solid #545454;
	}
/*==============================================================================================
 ユーザー系 パスワードリマインダー アドレス再入力
==============================================================================================*/
	.onlyUser .form_wrap .area_block.pass_m_i_top{
		padding: .1rem 0 3rem;
		margin: 3rem 0 0;
	}
	.onlyUser .form_wrap .area_block.pass_m_i_top dt{
		margin: 2.7rem 0 1.2rem;
	}
	.onlyUser .form_wrap .pass_remaind_pass{
		margin:1.5rem auto 2rem;
	}
	.onlyUser .form_wrap .pass_remaind_alert{
		margin:0 auto;
		text-align: center;
		font-size: 1.4rem;
		color: #CC141C;
		display: block;
	}
/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴詳細
-----------------------------------------------------------------------------------------------*/
	#dvOrderHistoryDetail .expire .form._07,#dvUserFltContents .expire .form._07  {width: 10rem;}
	#dvUserBox #dvOrderHistoryDetail .divCreditCardDisp_inner dt{
		border-top: dotted 1px #cacaca;
		padding-top: 1rem;
		margin: 1rem 0;
	}
	#dvUserBox #dvOrderHistoryDetail .attention {
		margin-top: 1.5rem;
		display: block;
	}
	#dvOrderHistoryDetail .form_wrap label {font-size: 1.6rem;}
	.tableFlex.th_none_sp th{display: none;}
	#dvUserBox .osl #dvOrderHistoryDetail table .tableFlex.th_none_sp td{
		padding: 0 1rem 1.4rem;
	}
	.tableFlex .area_changebtn.change_address{
		display: flex;
		justify-content: space-between;
		align-items:flex-start;
		flex-direction: column;
	}
	.tableFlex .poshi_ab{
		position: absolute;
		top: -1rem;
    	right: 1rem;
	}
	/* .osl #dvOrderHistoryDetail .dvOrderHistoryProduct .tableFlex th.sp-none{display: none;} */
	.osl #dvOrderHistoryDetail .dvOrderHistoryProduct .tableFlex th,
	.osl #dvFixedPurchaseDetail .dvFixedPurchaseItem table .tableFlex th{
		display: none;
	}
	#dvUserBox .osl #dvOrderHistoryDetail .dvOrderHistoryProduct table .tableFlex.firstcontents td,
	#dvUserBox .osl #dvFixedPurchaseDetail .dvFixedPurchaseItem table .tableFlex.firstcontents td{
		border-bottom-style: solid;
		border-bottom-width: 0;
		background-color: #f4f4f4;
		padding: 1rem 1rem 1rem;
		text-align: left;
		width: inherit;
		font-size: 1.4rem;
		min-height: inherit;
		font-weight: bold!important;
	}
	#dvUserBox .osl #dvOrderHistoryDetail .dvOrderHistoryProduct table .tableFlex td,
	#dvUserBox .osl #dvFixedPurchaseDetail .dvFixedPurchaseItem table .tableFlex td{
		border-bottom-style: solid;
		border-bottom-width: 0;
		background-color: #ffffff;
		padding: 0 1rem .5rem;
		text-align: left;
		width: inherit;
		font-size: 1.4rem;
		min-height: inherit;
		font-weight: normal!important;
	}
	#dvUserBox .osl #dvOrderHistoryDetail .dvOrderHistoryProduct table .tableFlex td.user_price_s,
	#dvUserBox .osl #dvFixedPurchaseDetail .dvFixedPurchaseItem table .tableFlex td.user_price_s{
		padding: 2rem 1rem .5rem;
	}
	.doubletext{display: inline;}
	#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table{
		margin: 1rem 0!important;
	}
	.dvOrderSumWrap .OrderSum_wrap li{
		font-size: 1.6rem;
		margin: 0 0 1.7rem;
	}
	.dvOrderSumWrap .OrderSum_wrap .orderSum {
		border-top: 2px solid #f4f4f4;
		border-bottom: 2px solid #f4f4f4;
		padding: 2rem 1rem 0;
	}
	.dvOrderSumWrap .OrderSum_wrap .orderTotal {
		/* border-bottom: 2px solid #f4f4f4; */
		padding: 2rem 1rem 0;
	}
	#dvUserBox .osl .dvOrderHistoryInfo{
		padding: 3rem 0 0;
		background: #ffffff;
		margin: 0 auto;
	}
	#dvUserBox .osl .dvOrderHistoryShipping{
		padding: 0 0 3rem;
		background: #ffffff;
		margin: 0 auto;
	}
	#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo table{
		margin-bottom: 4rem!important;
	}
	.ul_udrtChange li.fixed_btn_reflect{
		margin: 0 0 1rem 0;
	}
	#dvUserBox .osl #dvFixedPurchaseDetail table th{
		border-bottom-style: solid;
		border-bottom-width: 0;
		background-color: #f4f4f4;
		padding: 1.5rem 1rem 1.35rem;
		text-align: left;
		width: inherit;
		font-size: 1.6rem;
		min-height: inherit;
		width: 100%;
	}
	.fixed_btn_column{
		display: flex;
		align-items: flex-end;
		flex-direction: column;
		margin: 0 0 0 auto;
	}
	.fixed_btn_column li{
		margin-top: 1rem;
	}
	.side_right{
		margin: 1rem 0 0 auto;
	}
	/*==============================================================================================
 ユーザー系 定期購入履歴詳細
==============================================================================================*/
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping.poshi_re .form._16 {
	width: 100%;
}

	/*----------------------------------------------------------------------------------------------
 ユーザー系 定期キャンセル
-----------------------------------------------------------------------------------------------*/
	#dvFixedPurchaseDetail .inquirytext{
		width: 100%;
		min-height: 16rem;
		line-height: 1.71;
		font-size: 1.4rem;
	}
/*==============================================================================================
 ユーザー系 退会ページ インプット
==============================================================================================*/
 	#dvUserFltContents.Withdraw .dvUserBtnBox{
		margin-bottom: 4rem;
	}

	#dvUserBox .Withdraw .dvContentsInfo{
		line-height: 1.6;
	}

/*----------------------------------------------------------------------------------------------
 ユーザー系 入荷お知らせメール情報
-----------------------------------------------------------------------------------------------*/
	#dvFavoriteList .favorite_contents{
		display: none;
	}
	#dvFavoriteList .favorite_itemArea{
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		padding-top: 2rem;
		border-top: 2px solid #f5f4f3;
	}
	#dvFavoriteList .favorite_itemArea .favorite_item_main{
		display: flex;
		align-items: center;
		flex-basis: auto;
		margin: 0 0 1rem;
	}
	#dvFavoriteList .favorite_itemArea .favorite_img{
		flex-basis: 10.5rem;
	}
	#dvFavoriteList .favorite_itemArea .favorite_img img{
		width: 100%;
	}
	#dvFavoriteList .favorite_itemArea .favorite_name{
		flex-basis: auto;
		line-height: 1.5;
		margin-left: 1rem;
	}
	#dvFavoriteList .favorite_itemArea .favorite_notice{
		flex-basis: auto;
		line-height: 1.5;
		margin: 0 0 1rem;
	}
	#dvFavoriteList .favorite_itemArea .favorite_means{
		flex-basis: auto;
		line-height: 1.5;
		margin: 0 0 1rem;
	}
	#dvFavoriteList .favorite_itemArea .favorite_date{
		flex-basis: auto;
		line-height: 1.5;
		margin: 0 0 1rem 0;
	}
	#dvFavoriteList .favorite_itemArea .favorite_date input.form {
		font-size: 1.3rem;
	}
	#dvFavoriteList .favorite_itemArea .favorite_date input._19 {
		margin-left: 0.3em;
	}
	#dvFavoriteList .favorite_itemArea .favorite_delete{
		flex-basis: 4rem;
		margin: 0 0 1rem auto;
	}
	#dvFavoriteList .favorite_itemArea .favorite_delete img{
		width: 4rem;
	}
	#dvFavoriteList .favorite_itemArea .date_datale{
		display: flex;
		flex-basis: auto;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
	}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規簡単会員登録
-----------------------------------------------------------------------------------------------*/
.dvSocialLoginCooperation .bnr_Social{
		display:flex;
		flex-wrap:wrap;
		flex-direction: column;
		align-items: center;
		margin:2rem 0 0;
  }
}

/*
=====================================================================================
==================================== Common New =====================================
=====================================================================================
*/
#Wrap_lower.onlyUser {
	position: relative;
}

.firstForm {
	margin-top: 0 !important;
}

/*
=====================================================================================
=================================== サイドメニュー =====================================
=====================================================================================
*/
#dvUserMenu.myPageSideMenu span {
	display: block;
	width: 100%;
	transition: 350ms ease;
}
#dvUserMenu.myPageSideMenu ul li span,
#dvUserMenu.myPageSideMenu ul li a {
	position: relative;
}
#dvUserMenu.myPageSideMenu ul li._acd {
	padding: 0 !important;
}
#dvUserMenu.myPageSideMenu > ul > li.sideMenuTitle > span {
	color: #fff;
	font-weight: 600;
	background-color: #111;
}
#dvUserMenu.myPageSideMenu ul li._acd > span::after {
	content: '';
	display: block;
	position: absolute;
	right: 2rem;
	bottom: 0;
	margin: auto;
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	transition: all .3s;
	transform: rotate(180deg);
	z-index: 10;
}
#dvUserMenu.myPageSideMenu ul li._acd > span.active::after {
	transform: rotate(0deg);
}
#dvUserMenu.myPageSideMenu ul li._acd.sideMenuTitle > span::after {
	background-image: url(../../Contents/ImagesPkg/common/arrow_white.svg);
}
#dvUserMenu.myPageSideMenu ul li._acd.orderHistory > span::after {
	background-image: url(../../Contents/ImagesPkg/common/arrow_black.svg);
}
#dvUserMenu.myPageSideMenu > ul > li > ul > li {
	border-bottom: 1px solid #A7A7A7;
}
#dvUserMenu.myPageSideMenu > ul > li > ul > li > a::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 2rem;
	bottom: 0;
	margin: auto;
	background-image: url(../../Contents/ImagesPkg/common/arrow_link.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	z-index: 10;
}
/* #dvUserMenu.myPageSideMenu > ul > li > ul > li > ul {
	display: none;
} */
#dvUserMenu.myPageSideMenu > ul > li > ul > li > ul > li > a {
	background-color: #F2F2F2;
}
@media only screen and (min-width: 769px) {
	#dvUserMenu.myPageSideMenu {
		width: 24rem;
	}
	#dvUserMenu.myPageSideMenu ul li.sideMenuTitle > span {
		padding: 1.5rem 2rem;
		font-size: 1.4rem;
	}
	#dvUserMenu.myPageSideMenu ul li._acd > span::after {
		top: .3rem;
		width: 1.3rem;
		height: .8rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul li > span,
	#dvUserMenu.myPageSideMenu > ul > li > ul li > a {
		font-size: 1.2rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > a {
		padding: 1rem 2rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > a::after {
		width: .8rem;
		height: 1.3rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > span {
		padding: 1rem 2rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > ul {
		margin: 0 2rem 1.3rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > ul > li:nth-of-type(n+2) {
		margin-top: .2rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > ul > li > a {
		padding: .5rem 2rem;
	}
	#dvUserMenu.myPageSideMenu ul li._acd > span:hover {
		cursor: pointer;
	}
}
@media screen and (max-width:1024px) {
	#dvUserMenu.myPageSideMenu {
		/* width: 34.5rem; */
		width: 100%;
		margin: 4rem auto 0;
	}
}
@media screen and (max-width:768px) {
	#dvUserMenu.myPageSideMenu {
		padding: 0 1.5rem;
	}
	#dvUserMenu.myPageSideMenu ul li.sideMenuTitle > span {
		padding: 2rem;
		font-size: 1.5rem;
	}
	#dvUserMenu.myPageSideMenu ul li._acd > span::after {
		top: .3rem;
		width: 1.273rem;
		height: .728rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > span,
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > a {
		font-size: 1.5rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > a {
		padding: 2rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > a::after {
		width: .728rem;
		height: 1.273rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > span {
		padding: 2rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > ul {
		margin: 0 2rem 2rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > ul > li > span,
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > ul > li > a {
		font-size: 1.4rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > ul > li:nth-of-type(n+2) {
		margin-top: .4rem;
	}
	#dvUserMenu.myPageSideMenu > ul > li > ul > li > ul > li > a {
		padding: 1rem 2rem;
	}
}

/*
=====================================================================================
================================== マイページトップ ====================================
=====================================================================================
*/
#dvMyPage .userInfoBox {
	background-color: #F2F2F2;
}
#dvMyPage h3._userName {
	font-size: 2rem;
	font-weight: 500;
}
#dvMyPage h3._userName > span {
	margin-left: .5rem;
}
#dvMyPage .userInfoBox > p._usablePoint {
	display: flex;
	align-items: flex-end;
	justify-content: center;
	column-gap: 1rem;
	color: #CC141C;
	font-family: var(--font-en);
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1;
	background-color: #fff;
}
#dvMyPage .userInfoBox > p._usablePoint > span {
	margin-bottom: .2rem;
	font-size: 1.4rem;
}
#dvMyPage .deadlinePointList {
	margin-top: 2rem;
	padding: 2rem 0;
	border: 1px solid #111;
}
#dvMyPage .deadlinePointList > p {
	font-weight: 500;
	line-height: 1;
	text-align: center;
}
#dvMyPage .deadlinePointList > ul {
	margin-top: 1.2rem;
	text-align: center;
}
#dvMyPage .deadlinePointList > ul > li {
	font-weight: 400;
	line-height: 1;
}
#dvMyPage .deadlinePointList > ul > li:nth-of-type(n+2) {
	margin-top: .6rem;
}
#dvMyPage dl.pointDetail._lastLogin {
	display: flex;
	align-items: center;
}
#dvMyPage dl.pointDetail._lastLogin dt,
#dvMyPage dl.pointDetail._lastLogin dd {
	line-height: 1;
}
#dvMyPage dl.pointDetail._lastLogin dt {
	font-weight: 500;
}
#dvMyPage dl.pointDetail._lastLogin dd {
	font-weight: 400;
}
.barcodeImage {
	width: 30rem;
}
.memberId {
	margin-top: 1.5rem;
	font-size: 1.6rem;
}
@media screen and (min-width:769px) {
	#dvMyPage .userInfoBox {
		padding: 2rem 2rem;
	}
	#dvMyPage .userInfoBox {
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 6rem;
	}
  #dvMyPage h3._userName,
  #dvMyPage .userInfoBox > p._usablePoint,
  #dvMyPage .primeMemberStatus {
    flex-shrink: 0;
  }
	#dvMyPage h3._userName > span {
		font-size: 1.8rem;
	}
	#dvMyPage .userInfoBox > p._usablePoint {
		width: 34.5rem;
		padding: 2rem 0;
	}
	#dvMyPage dl.pointDetail._lastLogin {
		justify-content: center;
		column-gap: 8rem;
		margin-top: 1rem;
	}
	#dvMyPage dl.pointDetail._lastLogin dt,
	#dvMyPage dl.pointDetail._lastLogin dd {
		font-size: 1.3rem;
	}
}
@media screen and (max-width:768px) {
	#dvMyPage .userInfoBox {
		padding: 2rem 1.5rem;
	}
	#dvMyPage h3._userName {
		text-align: center;
	}
	#dvMyPage h3._userName > span {
		font-size: 1.2rem;
	}
	#dvMyPage .userInfoBox > p._usablePoint {
		margin-top: 1rem;
		padding: 2.3rem 0;
	}
	#dvMyPage .deadlinePointList {
		margin: 2rem 1.5rem;
	}
	#dvMyPage dl.pointDetail._lastLogin {
		justify-content: space-between;
		margin: 2rem 1.5rem 0;
	}
	.barcodeImage {
		margin: auto;
	}
	.memberId {
		text-align: center;
	}
}

/*
=====================================================================================
================================== リユース申込一覧 ====================================
=====================================================================================
*/
.reuseList .dvReuseList .dvReuseListInner > ul > li {
	background-color: #F2F2F2;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li {
	margin-top: 2rem;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox {
	display: flex;
	align-items: center;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._reuseId {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	font-size: 1.5rem;
	font-weight: 500;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._reuseId span {
	font-weight: 400;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._status {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 2rem;
	padding: .4rem .37rem;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
	background-color: #fff;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._status.tentative {
	color: #182988;
	border: 2px solid #182988;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._status.applied {
	color: #075513;
	border: 2px solid #075513;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._status.request {
	color: #C33434;
	border: 2px solid #C33434;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._status.processing {
	color: #DE8926;
	border: 2px solid #DE8926;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._status.confirm {
	color: #3B94A0;
	border: 2px solid #3B94A0;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._status.complete {
	color: #723493;
	border: 2px solid #723493;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._closed {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .4rem .37rem;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._closed.tentative {
	background-color: #182988;
	border: 2px solid #182988;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._closed.applied {
	background-color: #075513;
	border: 2px solid #075513;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._closed.request {
	background-color: #C33434;
	border: 2px solid #C33434;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._closed.processing {
	background-color: #DE8926;
	border: 2px solid #DE8926;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._closed.confirm {
	background-color: #3B94A0;
	border: 2px solid #3B94A0;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseInfoBox > p._closed.complete {
	background-color: #723493;
	border: 2px solid #723493;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox {
	margin-top: 1.2rem;
	background-color: #fff;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .reuseInfoDetailBox .applicationDate dl dt {
	font-weight: 500;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .itemBox > p {
	font-weight: 500;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .itemBox > ul > li {
	display: flex;
	column-gap: 1rem;
}
.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseDetailLink > * {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 1.2rem auto 0;
	color: #fff;
	font-weight: 600;
	text-align: center;
	background-color: #408CD7;
	transition: all .3s;
	border-radius: 50px;
}
@media screen and (min-width:769px) {
	.reuseList .dvReuseList .dvReuseListInner > ul > li {
		padding: 1.4rem 3rem 2rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox {
		padding: 2rem 3rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .reuseInfoDetailBox .applicationDate {
		display: flex;
		flex-wrap: wrap;
		row-gap: 2rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .reuseInfoDetailBox .applicationDate dl {
		display: flex;
		align-items: center;
		column-gap: 1rem;
		width: 37rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .reuseInfoDetailBox .applicationDate dl dt {
		width: 12.5rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .reuseInfoDetailBox .applicationDate dl dd {
		width: 21.5rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .itemBox > p {
		margin: 2rem 0 1rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .itemBox > ul {
		display: flex;
		flex-wrap: wrap;
		gap: 1rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .itemBox > ul > li {
		width: 37rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseDetailLink > * {
		width: 15rem;
		height: 3rem;
		font-size: 1.2rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseDetailLink > *:hover {
		background-color: #C33434;
		opacity: 1;
	}
}
@media screen and (max-width:768px) {
	.reuseList {
    padding: 0 1.5rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li {
		padding: 1.4rem 2rem 2rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox {
		padding: 2rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .reuseInfoDetailBox .applicationDate dl:nth-of-type(n+2) {
		margin-top: 2rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .reuseInfoDetailBox .applicationDate dl dt {
		margin-bottom: .6rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .itemBox > p {
		margin: 2rem 0 .6rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseApplicationBox .itemBox > ul > li:nth-of-type(n+2) {
		margin-top: 1rem;
	}
	.reuseList .dvReuseList .dvReuseListInner > ul > li .reuseDetailLink > * {
		width: 20rem;
		height: 4rem;
		font-size: 1.4rem;
	}
}

/*
=====================================================================================
================================== リユース申込内容 ====================================
=====================================================================================
*/
.bottomBtnBox > li > * {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 27rem;
	height: 5rem;
	margin: 4rem auto 0;
	font-weight: 600;
	border-radius: 50px;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep {
	margin-top: 2rem;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 2rem;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li {
	background-color: #fff;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li > p {
	height: 100%;
	border: 2px solid #818181;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.tentative.selectedStatus > p {
	border: 2px solid #182988;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.applied.selectedStatus > p {
	border: 2px solid #075513;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.request.selectedStatus > p {
	border: 2px solid #C33434;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.processing.selectedStatus > p {
	border: 2px solid #DE8926;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.confirm.selectedStatus > p {
	border: 2px solid #3B94A0;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.complete.selectedStatus > p {
	border: 2px solid #723493;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li > p > span {
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: 600;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li > p > span._num {
	color: #fff;
	background-color: #818181;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li > p > span._text {
	color: #818181;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.tentative.selectedStatus > p > span._num {
	background-color: #182988;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.applied.selectedStatus > p > span._num {
	background-color: #075513;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.request.selectedStatus > p > span._num {
	background-color: #C33434;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.processing.selectedStatus > p > span._num {
	background-color: #DE8926;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.confirm.selectedStatus > p > span._num {
	background-color: #3B94A0;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.complete.selectedStatus > p > span._num {
	background-color: #723493;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.tentative.selectedStatus > p > span._text {
	color: #182988;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.applied.selectedStatus > p > span._text {
	color: #075513;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.request.selectedStatus > p > span._text {
	color: #C33434;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.processing.selectedStatus > p > span._text {
	color: #DE8926;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.confirm.selectedStatus > p > span._text {
	color: #3B94A0;
}
.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li.complete.selectedStatus > p > span._text {
	color: #723493;
}
.reuseApplicationInfo {
	background-color: #F2F2F2;
}
.reuseApplicationInfo .reuseInfoBox > div._top {
	display: flex;
	align-items: center;
}
.reuseApplicationInfo .reuseInfoBox > div._top p._reuseId {
	display: flex;
	align-items: center;
	column-gap: 1rem;
	font-size: 1.5rem;
	font-weight: 500;
}
.reuseApplicationInfo .reuseInfoBox > div._top p._reuseId span {
	font-weight: 400;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox {
	display: flex;
	align-items: center;
	margin-left: 1.4rem;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox p {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: .2rem .1rem;
	font-size: 1.2rem;
	font-weight: 600;
	line-height: 1;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox ._status {
	background-color: #fff;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.tentative.selectedStatus ._status {
	color: #182988;
	border: 2px solid #182988;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.applied.selectedStatus ._status {
	color: #075513;
	border: 2px solid #075513;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.request.selectedStatus ._status {
	color: #C33434;
	border: 2px solid #C33434;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.processing.selectedStatus ._status {
	color: #DE8926;
	border: 2px solid #DE8926;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.confirm.selectedStatus ._status {
	color: #3B94A0;
	border: 2px solid #3B94A0;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.complete.selectedStatus ._status {
	color: #723493;
	border: 2px solid #723493;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox ._closed {
	color: #fff;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.tentative.selectedStatus ._closed {
	background-color: #182988;
	border: 2px solid #182988;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.applied.selectedStatus ._closed {
	background-color: #075513;
	border: 2px solid #075513;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.request.selectedStatus ._closed {
	background-color: #C33434;
	border: 2px solid #C33434;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.processing.selectedStatus ._closed {
	background-color: #DE8926;
	border: 2px solid #DE8926;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.confirm.selectedStatus ._closed {
	background-color: #3B94A0;
	border: 2px solid #3B94A0;
}
.reuseApplicationInfo .reuseInfoBox > div._top .statusBox.complete.selectedStatus ._closed {
	background-color: #723493;
	border: 2px solid #723493;
}
.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox {
	margin-left: 1rem;
}
.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox ._qIcon {
	display: block;
	width: 1.8rem;
	height: 1.8rem;
}
.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner .textBox > p {
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.84615385;
}
.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner .textBox > p > span {
	display: block;
	margin: 1rem 0 2rem;
	font-size: 1.3rem;
	font-weight: 400;
}
.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner .textBox > p > span._sec-ttl {
	margin: 0;
	font-weight: 600;
	line-height: 1;
}
.reuseApplicationInfo .reuseInfoBox > div._bottom {
	padding: 2rem;
	background-color: #fff;
}
.reuseApplicationInfo .reuseInfoBox > div._bottom .applicationDate._02 {
	margin-top: 2rem;
	padding-top: 2rem;
	border-top: 2px solid #F5F5F5;
}
.reuseApplicationInfo .reuseInfoBox > div._bottom .applicationDate dl dt {
	font-weight: 500;
}
._reuseSecTitle {
	padding-bottom: 1rem;
	font-weight: 500;
	border-bottom: 2px solid #A7A7A7;
}
._reuseSecTitle._flex {
	display: flex;
	align-items: center;
}
._reuseSecTitle._flex > span {
	display: block;
	font-size: 1.3rem;
	font-weight: 400;
}
.reuseApplicationInfo .reuseItemBox > ul > li {
	margin-top: 2rem;
	padding: 0 2rem;
	background-color: #fff;
}
/* .reuseApplicationInfo .reuseItemBox > ul > li:nth-of-type(n+2) {
	margin-top: 2rem;
} */
.reuseApplicationInfo .reuseItemBox > ul > li > p {
	position: relative;
	padding: 2rem 0;
	font-size: 1.5rem;
	font-weight: 500;
	border-bottom: 1px solid #F5F5F5;
	transition: all .6s;
}
.reuseApplicationInfo .reuseItemBox > ul > li > p._acd::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 1.167rem;
	height: .583rem;
	margin: auto;
	background-image: url(../../Contents/ImagesPkg/common/arrow_black.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
	transform: rotate(180deg);
	z-index: 10;
}
.reuseApplicationInfo .reuseItemBox > ul > li > p._acd.active::after {
	transform: rotate(0);
}
.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents {
	display: none;
}
.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl {
	padding: 2rem 0;
	border-bottom: 1px solid #F5F5F5;
}
.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl:last-of-type {
	border-bottom: 1px solid #F5F5F5;
}
.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dt,
.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd {
	font-size: 1.3rem;
}
.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dt {
	margin: 0;
	font-weight: 500;
}
.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd {
	font-weight: 400;
}
.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd .imageList {
	display: flex;
	flex-wrap: wrap;
}
.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd .imageList li img {
	object-fit: contain;
}
/*ngkr20250218*/
.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd pre {
	white-space:pre-wrap;
}

.reuseApplicationInfo .reuseDetailTable_second .howToReceiveBox .form_radio > input {
	display: none;
}
.reuseApplicationInfo .reuseDetailTable_second .howToReceiveBox .inoutInfoBox {
	margin-top: 1rem;
	background-color: #fff;
}
.reuseApplicationInfo .reuseDetailTable_second .howToReceiveBox .inoutInfoBox > dl > dt:first-of-type {
	margin: 0 0 1rem;
}
.reuseApplicationInfo .reuseDetailTable_second .howToReceiveBox .inoutInfoBox > dl > dt > div {
	margin: 0;
}
.bringToRealShop > p {
	font-size: 1.3rem;
	font-weight: 500;
}
.bringToRealShop > p > span {
	color: #CC141C;
}
.bringToRealShop > ul > li {
	margin-top: 2rem;
	padding-top: 2rem;
	font-size: 1.3rem;
	font-weight: 400;
	line-height: 1.84615385;
	border-top: 2px solid #F5F5F5;
}
.bringToRealShop > ul > li:last-of-type {
	padding-bottom: 2rem;
	border-bottom: 2px solid #F5F5F5;
}
.identificationBox {
	background-color: #fff;
}
.identificationBox > p {
	font-size: 1.3rem;
	line-height: 1.84615385;
}
._uploadInfo {
	margin-top: 2rem;
	border: 2px solid #C33434;
	border-radius: 10px;
}
._uploadInfo p._ttl {
	color: #C33434;
	font-size: 1.5rem;
	font-weight: 500;
}
._uploadInfo ._imagesBox {
	background-color: #F2F2F2;
	border-radius: 10px;
}
._uploadInfo ._imagesBox p {
	font-size: 1.4rem;
	font-weight: 500;
	text-align: center;
}
._uploadInfo ._imagesBox ul {
	display: flex;
}
._uploadInfo ._imagesBox ul li span {
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.33333333;
	text-align: center;
	white-space: nowrap;
}
._uploadInfo ._imagesBox ul li:nth-of-type(1) {
	width: 15rem;
}
._uploadInfo ._imagesBox ul li:nth-of-type(2) {
	width: 15rem;
}
._uploadInfo ._imagesBox ul li:nth-of-type(3) {
	width: 15.8rem;
}
._uploadInfo ._imagesBox ul li:nth-of-type(4) {
	width: 15.8rem;
}
._uploadInfo p._explain {
	margin-top: 2rem;
	font-size: 1.3rem;
	font-weight: 500;
	line-height: 1.84615385;
}
.identificationBox > .uploadBtn {
	margin: 2rem auto 0;
}
.identificationBox > .uploadBtn label {
	display: flex !important;
	align-items: center;
	justify-content: center;
	margin: auto !important;
	padding: 0 !important;
	color: #fff !important;
	font-weight: 600;
	border-radius: 50px;
}
.identificationBox > .uploadBtn label::before {
	content: none !important;
}
.identificationBox > .uploadBtn input[type="file"] {
	display: none;
}
#dvImages {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-top: 2rem;
}
#dvImages:empty {
	display: none;
}
.appliedConfirmList {
	margin-top: 2rem;
	padding: 2rem;
	background-color: #fff;
}
.appliedConfirmList dl {
	padding: 2rem 0;
	border-top: 2px solid #F5F5F5;
}
.appliedConfirmList dl:last-of-type {
	border-bottom: 2px solid #F5F5F5;
}
.borderNone dl:first-of-type {
	border-top: 0px !important;
}
.appliedConfirmList dl > dt {
	margin: 0 !important;
	font-weight: 600;
}
._checkText {
	margin-top: 2rem;
	line-height: 1.71428571;
	text-align: center;
}
._checkText._confirm {
	color: #CC141C;
}
._checkText._confirm > span,
._checkText._confirm > span > a {
	display: inline-block;
	color: #CC141C;
}
._checkText._confirm > span > a {
	text-decoration: underline;
}
.alertTextBox {
	margin-bottom: 2rem;
	background-color: #F2F2F2;
}
.alertTextBox .alertTextBox_inner {
	background-color: #fff;
}
.alertTextBox .alertTextBox_inner p {
	font-weight: 500;
}
.alertTextBox .alertTextBox_inner p > span {
	display: block;
	font-size: 1.6rem;
	margin-bottom: 1rem;
}
.dateProp .form_radio label {
	margin-bottom: 1rem;
}
.dateProp .datePropBtn > * {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 15rem;
	height: 3rem;
	margin-top: 1.8rem;
	font-size: 1.2rem;
	border-radius: 50px;
}
.dateProp ._attText {
	font-size: 1.3rem;
	line-height: 1.53846154;
}
.dateProp ._attText span,
.dateProp ._attText span a {
	display: inline-block;
}
.dateProp ._attText span a {
	margin-left: .5rem;
	text-decoration: underline;
}
/* テキストエリア */
._commentBox .textAreaForm {
	display: block;
	width: 100%;
	padding: 1rem 1.5rem;
	line-height: 23px;
	background-color: #F8F8F8;
	border: 1px solid #A7A7A7;
	border-radius: 5px;
}
._commentBox  p {
	font-size: 1.3rem;
	font-weight: 400;
}
@media screen and (min-width:769px) {
	.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul {
		column-gap: 1rem;
	}
	.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li {
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 1rem;
	}
	.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li {
		height: 3.6rem;
	}
	.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li:nth-of-type(n+2)::before {
		content: '';
		display: block;
		position: relative;
		width: 3rem;
		height: 3rem;
		background-image: url(../../Contents/ImagesPkg/common/arrow_step.svg);
		background-repeat: no-repeat;
		background-size: 100%;
		background-position: center;
	}
	.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li > p {
		display: flex;
	}
	.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li > p > span._num {
		width: 3.6rem;
	}
	.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li > p > span._text {
		padding: 0 .8rem;
	}
	.reuseApplicationInfo {
		padding: 2rem 3rem;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox {
		position: relative;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox ._qIcon:hover {
		cursor: pointer;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication {
		visibility: hidden;
		position: absolute;
		top: -.65rem;
		right: -39.55rem;
		width: 36.15rem;
		background-color: #fff;
		opacity: 0;
		transition: all .3s;
		z-index: 90;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication.show {
		visibility: visible;
		opacity: 1;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner {
		position: relative;
		padding: 2.4rem 3rem 2rem;
		box-shadow: 0 0 3px 0 rgba(0,0,0,.16);
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner::before {
		content: '';
		display: block;
		position: absolute;
		top: 1.2rem;
		left: -2.4rem;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 2.4rem 1.8rem 0;
		border-color: transparent #fff transparent transparent;
		z-index: 10;
	}
	.reuseApplicationInfo .reuseInfoBox > div._bottom {
		margin-top: 2rem;
	}
	.reuseApplicationInfo .reuseInfoBox > div._bottom .applicationDate {
		display: flex;
		flex-wrap: wrap;
		row-gap: 1rem;
	}
	.reuseApplicationInfo .reuseInfoBox > div._bottom .applicationDate dl {
		display: flex;
		align-items: center;
		column-gap: 1rem;
		width: 37rem;
	}
	.reuseApplicationInfo .reuseInfoBox > div._bottom .applicationDate dl dt {
		width: 12.5rem;
	}
	.reuseApplicationInfo .reuseInfoBox > div._bottom .applicationDate dl dd {
		width: 21.5rem;
	}
	._reuseSecTitle {
		margin: 2rem 0;
	}
	._reuseSecTitle._flex {
		column-gap: 2rem;
	}
	.reuseApplicationInfo .reuseItemBox > ul > li > p:hover {
		cursor: pointer;
	}
	.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl {
		display: flex;
		column-gap: 2rem;
	}
	.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dt {
		width: 15rem;
	}
	.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd {
		width: 60.6rem;
	}
	.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd .imageList {
		gap: .2rem;
	}
	.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd .imageList li {
		width: 15rem;
		height: 15rem;
	}
	.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd .imageList li img {
		width: 15rem;
		height: 15rem;
	}
	.reuseApplicationInfo .reuseDetailTable_second .howToReceiveBox .inoutInfoBox {
		padding: 3rem 4rem;
	}
	.identificationBox {
		padding: 2rem 3rem 3rem;
	}
	.identificationBox > p {
		font-weight: 400;
	}
	._uploadInfo {
		padding: 1.8rem 1.2rem;
	}
	._uploadInfo ._imagesBox {
		margin-top: 1rem;
		padding: 2rem;
	}
	._uploadInfo ._imagesBox ul {
		justify-content: space-between;
		margin-top: 1rem;
	}
	._uploadInfo ._imagesBox ul li:nth-of-type(1) {
		padding-top: 1.5rem;
	}
	._uploadInfo ._imagesBox ul li:nth-of-type(1) span {
		margin-top: 1rem;
	}
	._uploadInfo ._imagesBox ul li:nth-of-type(2) {
		padding-top: 1.5rem;
	}
	._uploadInfo ._imagesBox ul li:nth-of-type(2) span {
		margin-top: 1rem;
	}
	._uploadInfo ._imagesBox ul li:nth-of-type(3) {
		padding-top: .8rem;
	}
	._uploadInfo ._imagesBox ul li:nth-of-type(3) span {
		margin-top: 1.6rem;
	}
	._uploadInfo ._imagesBox ul li:nth-of-type(4) span {
		margin-top: 1rem;
	}
	.identificationBox > .uploadBtn label {
		width: 15rem;
		height: 3rem;
		font-size: 1.2rem !important;
	}
	#dvImages {
		justify-content: space-between;
	}
	#dvImages img {
    width: 48%;
	}
	#dvImages img:nth-of-type(n+3) {
    margin-top: 1rem;
	}
	.appliedConfirmList dl {
		display: flex;
		column-gap: 2rem;
	}
	.appliedConfirmList dl > dt {
		width: 15rem;
	}
	.appliedConfirmList dl > dd {
		width: 61rem;
	}
	.alertTextBox,
	.alertTextBox .alertTextBox_inner {
		padding: 3rem;
	}
	.alertTextBox .alertTextBox_inner p {
		text-align: center;
	}
	._commentBox .textAreaForm {
		height: 8rem;
	}
}
@media screen and (max-width:768px) {
	.reuseDetail .reuseDetail_inner {
		padding: 0 1.5rem;
	}
	.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul {
		column-gap: .5rem;
	}
	.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li {
		width: 6.6rem;
		height: 8rem;
		text-align: center;
	}
	.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li > p > span._num {
		height: 2.8rem;
	}
	.reuseDetail .reuseDetail_inner .reuseApplicationStep > ul > li > p > span._text {
		height: 4.8rem;
	}
	.reuseApplicationInfo {
		padding: 1.2rem 2rem 2rem;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top {
		position: relative;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication {
		display: none;
		position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
		background-color: rgba(0,0,0,.4);
		z-index: 1000;
	}
	.mdlActive .reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication {
		display: block !important;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner {
		position: fixed;
		top: 0;
		bottom: 0;
		height: 38rem;
		margin: auto;
		padding: 0 1.5rem;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner .mdlBox {
		position: relative;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner span._mdlCloseBtn {
		display: block;
		position: absolute;
		top: -4rem;
		right: 0;
		width: 2.5rem;
    height: 2.5rem;
		z-index: 1000;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner span._mdlCloseBtn::before,
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner span._mdlCloseBtn::after {
		content: '';
		display: block;
		position: absolute;
		top: 1.1rem;
		width: 100%;
		height: .1rem;
		background-color: #fff;
		z-index: 1000;
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner span._mdlCloseBtn::before {
		transform: rotate(45deg);
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner span._mdlCloseBtn::after {
		transform: rotate(-45deg);
	}
	.reuseApplicationInfo .reuseInfoBox > div._top .qIconBox .howToApplication .howToApplication_inner .textBox {
		position: relative;
    height: 38rem;
    padding: 2rem;
    background-color: #fff;
		overflow-x: hidden;
		overflow-y: auto;
	}
	.reuseApplicationInfo .reuseInfoBox > div._bottom {
		margin-top: 1rem;
	}
	.reuseApplicationInfo .reuseInfoBox > div._bottom .applicationDate dl:nth-of-type(n+2) {
		margin-top: 2rem;
	}
	.reuseApplicationInfo .reuseInfoBox > div._bottom .applicationDate dl dt,
	.reuseApplicationInfo .reuseInfoBox > div._bottom .applicationDate dl dd {
		line-height: 1;
	}
	.reuseApplicationInfo .reuseInfoBox > div._bottom .applicationDate dl dd {
		margin-top: 1rem;
	}
	._reuseSecTitle {
		margin: 2rem 0;
	}
	._reuseSecTitle._flex {
		column-gap: 1.5rem;
	}
	.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dt {
		margin-bottom: .6rem;
	}
	.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd .imageList {
		gap: .5rem;
	}
	.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd .imageList li {
		width: 13rem;
		height: 13rem;
	}
	.reuseApplicationInfo .reuseItemBox > ul > li > ._acdContents dl dd .imageList li img {
		width: 13rem;
		height: 13rem;
	}
	.reuseApplicationInfo .reuseDetailTable_second .howToReceiveBox .inoutInfoBox {
		padding: 2rem;
	}
	.bringToRealShop > p > span {
		display: block;
		margin-top: .5rem;
	}
	.identificationBox {
		padding: 2rem 2rem 3rem;
	}
	.identificationBox > p {
		font-weight: 500;
	}
	._uploadInfo {
		padding: 2rem 3rem;
	}
	._uploadInfo p._ttl {
		line-height: 1.33333333;
		text-align: center;
	}
	._uploadInfo ._imagesBox {
		margin-top: 2rem;
		padding: 2rem 0;
	}
	._uploadInfo ._imagesBox p {
		line-height: 1.42857143;
	}
	._uploadInfo ._imagesBox ul {
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		margin-top: 2rem;
	}
	._uploadInfo ._imagesBox ul li:nth-of-type(n+2) {
		margin-top: 2rem;
	}
	._uploadInfo ._imagesBox ul li span {
		margin-top: 1.2rem;
	}
	.identificationBox > .uploadBtn label {
		font-size: 1.4rem !important;
	}
	.identificationBox > .uploadBtn label {
		width: 20rem;
		height: 4rem;
	}
	#dvImages img:nth-of-type(n+2) {
    margin-top: 1rem;
	}
	.appliedConfirmList dl > dd {
		margin-top: .5rem;
	}
	.alertTextBox,
	.alertTextBox .alertTextBox_inner {
		padding: 2rem;
	}
	._commentBox .textAreaForm {
		height: 12rem;
	}
}

/*
=====================================================================================
===================================== 確認画面 =======================================
=====================================================================================
*/
.userConfirm_block ul {
	display: flex;
	margin: 2rem auto 0;
	font-size: 1.4rem;
}
.userConfirm_block ul li {
	font-weight: bold;
	line-height: 1.6;
}
.userConfirm_block ul li:first-child {
	font-weight: normal;
}
@media screen and (min-width:769px) {
	.userConfirm_block ul {
    width: 76rem;
	}
}
@media screen and (max-width:768px) {
	.userConfirm_block ul li {
    font-size: 1.3rem;
	}
}

/*
=====================================================================================
====================================== 会員登録 ======================================
=====================================================================================
*/
.mailAddressInputBpx {
	margin-top: 3rem;
	background-color: #F2F2F2;
}
.mailAddressInputBpx .mailAddressInputBpx_inner dl dt {
	line-height: 1;
}
.mailAddressInputBpx .mailAddressInputBpx_inner dl dd input[type="text"] {
	display: block;
	width: 100%;
	height: 4rem;
	padding: 1rem;
	background-color: #fff;
	border: 1px solid #A7A7A7;
	border-radius: 5px;
}
@media screen and (min-width:769px) {
	.mailAddressInputBpx {
		padding: 3rem;
	}
	.mailAddressInputBpx .mailAddressInputBpx_inner dl {
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 2rem;
	}
	.mailAddressInputBpx .mailAddressInputBpx_inner dl dt {
		width: 10rem;
	}
	.mailAddressInputBpx .mailAddressInputBpx_inner dl dd {
		width: 50rem;
	}
}
@media screen and (max-width:768px) {
	.mailAddressInputBpx {
		padding: 4rem 1.5rem;
	}
	.mailAddressInputBpx .mailAddressInputBpx_inner dl dt {
		text-align: center;
	}
	.mailAddressInputBpx .mailAddressInputBpx_inner dl dd {
		margin-top: 2rem;
	}
}

/*
=====================================================================================
================================== メールアドレス変更 ==================================
=====================================================================================
*/
.userModifyMailBox_before > div {
	background-color: #F2F2F2;
}
.userModifyMailBox_before > div dl dt,
.userModifyMailBox_before > div dl dd {
	margin: auto;
}
.userModifyMailBox_before > div dl dt:nth-of-type(n+2) {
	margin: 2.5rem auto 0;
}
.userModifyMailBox_before > div dl dt {
	line-height: 1;
	/* text-align: center; */
}
.userModifyMailBox_before > div dl dd {
	margin-top: 1rem;
}
.userModifyMailBox_before > div dl dd.fontMaxim {
	font-size: 1.8rem;
}
.userModifyMailBox_before > div dl dd input[type="text"] {
	display: block;
	width: 100%;
	height: 4rem;
	padding: 1rem;
	background-color: #fff;
	border: 1px solid #A7A7A7;
	border-radius: 5px;
}
.userModifyMailBox_after p {
	line-height: 1.8;
}
.useModifyMailCompleteMain .userModifyMailBox_before {
	margin-top: 2rem;
}
.useModifyMailCompleteMain .userModifyMailBox_before > div > p {
	text-align: center;
}
.useModifyMailCompleteMain .userModifyMailBox_before > div > ul > li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 6rem;
	margin: 2rem auto 0;
	background-color: #fff;
	border-radius: 5px;
}
.useModifyMailCompleteMain .userModifyMailBox_before > div > ul > li._arrow {
	width: 1.2rem;
	height: 1.2rem;
	background-color: transparent;
	background-image: url(../../Contents/ImagesPkg/common/arrow_down.svg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center;
}
.useModifyMailCompleteMain .userModifyMailBox_before > div > ul > li > span {
	margin-left: 1.5rem;
}
.useModifyMailCompleteMain .userModifyMailBox_after {
	margin-top: 3rem;
}
#dvUserPrimeMemberCard .form_wrap label {
  padding-left: 1rem;
}
#dvUserPrimeMemberCard .form_wrap label::before {
  display: none;
}
@media screen and (min-width:769px) {
	.userModifyMailBox_before > div {
		padding: 4rem;
	}
	.userModifyMailBox_before > div dl dt,
	.userModifyMailBox_before > div dl dd {
		width: 50rem
	}
	.useModifyMailCompleteMain .userModifyMailBox_after {
		text-align: center;
	}
  #dvUserPrimeMemberCard .form_wrap {
    width: 100%;
  }
}
@media screen and (max-width:768px) {
	.userModifyMailBox_before > div {
		padding: 4rem 1.5rem;
	}
	.userModifyMailBox_after p {
		padding: 0 1.5rem;
	}
  #dvUserPrimeMemberCard .btn_addad {
    width: 27rem;
    margin: 0 auto;
  }
  #dvUserPrimeMemberCard .btn_addad.bc_gray {
    color: #408CD7;
  }
}

/*
=====================================================================================
===================================== プライム会員証 ===================================
=====================================================================================
*/
#dvMyPage .primeMemberStatus {
  background: #fff;
  border: 1px solid #37B9EF;
  padding: 0.8rem 2rem;
  font-size: 1.4rem;
  font-weight: 700;
}
#dvMyPage .primeMemberStatus a {
  color: #37B9EF;
}
#dvMyPage .primeMemberStatus img {
  display: inline-block;
  width: 9.7rem;
  margin-right: 0.2rem;
}
#dvUserPrimeMemberCard {
  color: var(--font-color);
}
#dvUserPrimeMemberCard .area_ttl_sec {
  margin-bottom: 3rem;
}
#dvUserPrimeMemberCard .primeCancelMsg {
  color: var(--color-attention);
}
#dvUserPrimeMemberCard .primeExpirationDate {
  margin-top: 0.6rem;
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}
.btn-prime_withdrawal {
  cursor: pointer;
}
.primeCard {
  width: 56rem;
  margin: 0 auto;
  border-radius: 1.5rem;
  background: #E7F3F8;
  border: 1px solid #EBEBEB;
  overflow: hidden;
}
.primeCard .primeCard_upper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 3.6rem 1.5rem 4rem;
  background: #fff;
}
.primeCard .primeCard_upper .primeCard_logo {
  width: 13rem;
}
.primeCard .primeCard_upper .primeCard_number {
  color: #37B9EF;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: normal;
}
.primeCard .primeCard_upper .primeCard_number span {
  display: inline-block;
  padding-right: 1rem;
  font-size: 1.5rem;
}
.primeCard .primeCard_profile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 2rem 4rem 2rem;
  min-height: 24rem;
}
.primeCard .primeCard_profile .primeCard_profile_detail {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.primeCard .primeCard_profile .primeCard_profile_detail {
  letter-spacing: 0.02em;
  padding-bottom: 2rem;
}
.primeCard .primeCard_profile .primeCard_profile_detail .primeCard_name {
  font-size: 2.4rem;
  font-weight: 900;
  letter-spacing: 0.02em;
}
.primeCard .primeCard_profile .primeCard_profile_detail .primeCard_rank {
  font-size: 1.6rem;
}
.primeCard .primeCard_profile .primeCard_profile_detail .primeCard_name span {
  font-size: 2.1rem;
}
.primeCard .primeCard_profile .primeCard_profile_detail .primeCard_updated {
  font-size: 1.4rem;
  font-weight: 600;
}
.primeCard .primeCard_barcode {
  background: #fff;
  text-align: center;
}
.primeCard .primeCard_barcode .area_ttl_sec {
  /* margin-top: 4rem !important; */
  display: none;
}
.primeCard .primeCard_barcode .barcodeImage {
  margin: 0 auto;
  padding: 0.3rem 0 0;
}
.primeCard .primeCard_barcode .memberId {
  margin-top: 0;
  transform: translateY(-0.8rem);
}

.primePaymentInfo {
  /* margin-top: 4rem; */
  background: #F2F2F2;
  padding: 2rem 3rem 3rem;
}
.primePaymentInfo .primePaymentHead {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 3.5rem;
  margin-bottom: 2rem;
}
.primePaymentInfo .primePaymentHead p {
  font-size: 1.5rem;
  font-weight: 500;
  letter-spacing: 0.02em;
}
.primePaymentInfo .primePaymentHead .btn_edit_s {
  width: 15rem;
  font-size: 1.3rem;
  position: absolute;
  top: 0;
  right: 0;
}
.primePaymentInfo .primePaymentDetail {
  background: #fff;
  padding: 2.5rem 3rem 1.8rem;
}
.primePaymentInfo .primePaymentDetail dl > div {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.6rem;
}
.primePaymentInfo .primePaymentDetail dl > div + div{
  margin-top: 1rem;
}
.primePaymentInfo .primePaymentDetail dl dt {
  flex-basis: 8rem;
  font-weight: 600;
}
.primePaymentInfo .primePaymentDetail .primeCard_nextPay {
  text-align: right;
  font-size: 1.3rem;
}
.primePaymentForm {
  padding-top: 1rem;
}
.primePaymentForm + .bottomBtn._equality {
  display: none;
}

.prime_withdrawalModal {
  display: none;
  position: fixed;
  z-index: 1002;
  top: 40%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  margin-bottom: 2rem;
  width: 90rem;
  padding: 4rem 6rem;
  background: #fff;
  box-shadow: 0px 0px 10px -5px #777;
}
.prime_withdrawalModal_close {
  position: absolute;
  top: 2rem;
  right: 2rem;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
}
.prime_withdrawalModal_close span {
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: visible;
}
.prime_withdrawalModal_close span::before {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #111;
  transform: rotate(45deg);
  transform-origin: center;
}
.prime_withdrawalModal_close span::after {
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #111;
  transform: translateY(-1px) rotate(-45deg);
  transform-origin: center;
}
.prime_withdrawalModal_head {
  font-family: var(--font-en), var(--font-jp);
  text-align: center;
  font-size: 2.1rem;
  font-weight: 600;
  line-height: 1.5;
  padding-bottom: 2.3rem;
}
.prime_withdrawalModal_figure {
  width: 100%;
  background: #F2F2F2;
  padding: 1.5rem 3rem;
  margin-bottom: 2.5rem;
}
.prime_withdrawalModal_overlay {
  display: none;
  position: fixed;
  z-index: 1001;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 17, 17, 0.2);
}
.prime_withdrawalModal_confirm {
  text-align: center;
  color: var(--color-attention);
  font-size: 1.6rem;
  font-weight: 600;
}
.prime_withdrawalModal .bottomBtn {
  margin-top: 2rem;
}
.prime_benefits {
  padding: 1.5rem 0 4rem;
}
.prime_benefits p {
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1;
}
.prime_benefits p a {
  display: inline;
  color: #408CD7;
  text-decoration: underline;
}

/* ===============================================
	* PRIME BANNER *
=============================================== */
.btn-prime {
  display: block;
  aspect-ratio: 380 / 77;
  width: 100%;
  background: url("../../Contents/ImagesPkg/order/banner_prime_pc.jpg") no-repeat center;
  background-size: 100% auto;
  margin: 0 auto;
}

@media (max-width: 768px) {
  .btn-prime {
    width: 100%;
    margin: 0 auto;
    /* aspect-ratio: 380 / 61;
    background: url("../../Contents/ImagesPkg/order/banner_prime_sp.jpg") no-repeat center;
    background-size: 100% auto; */
  }
  .CartList .btn-prime {
    max-width: unset;
  }
  #dvMyPage .primeMemberStatus {
    width: 100%;
    padding: 0.8rem;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    margin-top: 1.5rem;
  }
  #dvMyPage .primeMemberStatus a {
    color: #37B9EF;
  }
  #dvMyPage .primeMemberStatus img {
    display: inline-block;
    width: 9.7rem;
  }
  #dvUserPrimeMemberCard .area_ttl_sec {
    margin-bottom: 2rem;
  }
  #dvUserPrimeMemberCard .primeCancelMsg {
    font-size: 1.3rem;
  }
  #dvUserPrimeMemberCard .primeExpirationDate {
    font-size: 1.4rem;
    text-align: center;
  }
  .primeCard {
    width: calc(100% + 3rem);
    margin: 2rem auto 0;
    border-radius: 0;
    transform: translateX(-1.5rem);
  }
  .primeCard .primeCard_upper {
    padding: 1.2rem 2.5rem 1.2rem 2.5rem;
  }
  .primeCard .primeCard_upper .primeCard_logo {
    width: 9.5rem;
  }
  .primeCard .primeCard_upper .primeCard_number {
    font-size: 1.3rem;
    font-weight: 700;
    line-height: normal;
  }
  .primeCard .primeCard_upper .primeCard_number span {
    padding-right: 0.3rem;
    font-size: 1.2rem;
  }
  .primeCard .primeCard_profile {
    padding: 2rem 2.5rem 2rem;
    min-height: 18rem;
  }
  .primeCard .primeCard_profile .primeCard_profile_image {
    width: 9rem;
  }
  .primeCard .primeCard_profile .primeCard_profile_detail {
    align-items: flex-end;
    flex: unset;
    padding-bottom: 1.8rem;
  }
  .primeCard .primeCard_profile .primeCard_profile_detail .primeCard_name {
    font-size: 2rem;
    padding-bottom: 0;
  }
  .primeCard .primeCard_profile .primeCard_profile_detail .primeCard_name span {
    font-size: 1.6rem;
  }
  .primeCard .primeCard_profile .primeCard_profile_detail .primeCard_updated {
    font-size: 1.4rem;
    font-weight: 600;
  }
  
  .primePaymentInfo {
    /* margin-top: 3rem; */
    padding: 1.4rem 2rem 2.4rem;
    width: calc(100% + 3rem);
    transform: translateX(-1.5rem);
  }
  .primePaymentInfo .primePaymentHead {
    margin-bottom: 1.4rem;
  }
  .primePaymentInfo .primePaymentHead p {
    font-size: 1.5rem;
    letter-spacing: 0.02em;
  }
  .primePaymentInfo .primePaymentHead .btn_edit_s {
    width: 12.5rem;
    font-size: 1.3rem;
  }
  .primePaymentInfo .primePaymentDetail {
    padding: 2rem 3rem 2rem;
  }
  .primePaymentInfo .primePaymentDetail dl > div {
    display: flex;
    flex-wrap: wrap;
    column-gap: 5rem;
  }
  .primePaymentInfo .primePaymentDetail dl > div + div{
    margin-top: 1rem;
  }
  .primePaymentInfo .primePaymentDetail dl dt {
    flex-basis: 8rem;
    font-weight: 600;
  }
  .primePaymentInfo .primePaymentDetail .primeCard_nextPay {
    text-align: center;
    margin-top: 1.6rem;
    font-size: 1.3rem;
  }
  .primePaymentInfo .primePaymentDetail dl dd {
    flex: 1;
  }
  .prime_withdrawalModal {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    margin-bottom: 0;
    width: 95%;
    padding: 4rem 1.5rem 3rem;
  }
  .prime_withdrawalModal .btn--secondary {
    color: #408CD7 !important;
  }
  .prime_withdrawalModal_close {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 2.5rem;
    height: 2.5rem;
  }
  .prime_withdrawalModal_head {
    font-size: 1.6rem;
    line-height: 1.7;
    padding-bottom: 2rem;
  }
  .prime_withdrawalModal_figure {
    width: 100%;
    background: #F2F2F2;
    padding: 1rem 1rem;
    margin-bottom: 2rem;
  }
  .prime_withdrawalModal_overlay {
    display: none;
    position: fixed;
    z-index: 1001;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 17, 17, 0.2);
  }
  .prime_withdrawalModal_confirm {
    font-size: 1.5rem;
    font-weight: 600;
  }
  .prime_withdrawalModal .bottomBtn {
    margin-top: 1.5rem;
    flex-wrap: nowrap;
    flex-direction: column;
    row-gap: 1rem;
  }
  .prime_withdrawalModal .bottomBtn .btn_addad {
    width: 27rem;
  }
  .prime_benefits {
    padding: 1.5rem 0 4rem;
  }
}