﻿@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)}; */
:root{
	--grid-cols-prodList: repeat(4, minmax(0, 1fr));
	--grid-gap-row: 4rem;
	--grid-gap-col: 2rem;
}
@media screen and (max-width: 768px) {
	:root{
		--grid-cols-prodList: repeat(2, minmax(0, 1fr));
		--grid-gap-row: 4rem;
		--grid-gap-col: 1.7rem;
	}
}

.user_wrap{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

/* 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%;
	margin-bottom: 4rem;
	padding: 0;
	background: none;
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
}
#dvUserContents.login_formWrap #loginWrap .dvLoginReminder a:visited {
  color: initial;
}

/*----------------------------------------------------------------------------------------------
マイページ レフトナビ
-----------------------------------------------------------------------------------------------*/
/* アコーディオンJS用 */
.js-acc .js-acc-item{cursor: pointer;}
.js-acc:not(.js-acc-sp) .js-acc-item{display: none;}

.userMenu{width: 30%;}

.userMenu .userMenu_ttl,
.userMenu .userMenu_list > li > a:not(.textlink),
.userMenu .userMenu_list .link_acc_ttl {
	position: relative;
	display: block;
	padding: 1.6rem 1rem;
	font-size: 1.3rem;
}

.userMenu .userMenu_ttl{
	background-color: #f4f4f4;
	font-weight: bold;
}

.userMenu .userMenu_list .arrow_link > a::after,
.userMenu .userMenu_list .link_acc_ttl::after {
	content: '';
	display: inline-block;
	height: 1rem;
	width: 1rem;
	margin-right: 1rem;
	margin-left: 0.5rem;
	vertical-align: middle;
	border-right: 1px solid;
	border-bottom: 1px solid;
	transform: rotate(-45deg);
	position: absolute;
	right: 0;
	bottom: 2rem;
	transition: all 0.2s;
}

.userMenu .userMenu_list .link_acc_ttl::after {transform: rotate(45deg);}
.userMenu .userMenu_list .link_acc_ttl.open::after{transform: rotate(-135deg);}

.userMenu .userMenu_list .link_acc li:last-of-type{padding-bottom: 0.6rem;}

.userMenu .userMenu_list .link_acc li a { display: block; padding: 1rem;}

.userMenu .userMenu_list .arrow_link {
	/* border-bottom: 1px dotted #ccc; */
	position: relative;
}

.userMenu .userMenu_list li:not(.textlink_wrap){
  border: 1px solid #C2C2C2;
}
.userMenu .userMenu_list li.active{
  background-color: #898989;
  color: #fff;
}
.userMenu .userMenu_list li:nth-of-type(n+2){
  margin-top: 1rem;
}

.userMenu .userMenu_list li a:not(.textlink){
  padding: 2.35rem 3rem;
}
.userMenu .userMenu_list .arrow_link > a:not(.textlink)::after{
  right: 1.5rem;
  bottom: 2.5rem;
}

.userMenu .userMenu_list .textlink_wrap{
  width: max-content;
  margin: 3rem auto 0!important;
}
.userMenu .userMenu_list .textlink_wrap .textlink{
  color: #6f6f6f;
  font-size: 1.3rem;
  text-align: center;
  padding-right: 1.5rem;
}
.userMenu .userMenu_list .textlink_wrap .textlink::after{
  width: 0.6rem;
  height: 0.6rem;
  bottom: 0.6rem;
  right: -0.6rem;
}

@media screen and (min-width: 768px) {
  .userMenu .userMenu_list .textlink_wrap{
    margin: 2rem 0 0 auto!important;
  }
  .userMenu .userMenu_list .textlink_wrap .textlink{
    font-size: 1rem;
  }
  .userMenu .userMenu_list .textlink_wrap .textlink::after{
    bottom: 0.4rem;
  }
}

.userMenu .userMenu_list .arrow_link a {position: relative}

@media screen and (max-width: 1024px){
	.userMenu{
		width: 100%;
		margin: 4rem 0 0;
	}
}

@media screen and (max-width: 768px) {
	.userMenu{
		width: 89.3333%;
		margin: 4rem auto 0;
	}

	.userMenu .userMenu_ttl{
		font-size: 1.4rem;
	}

  .userMenu .userMenu_list li:not(.textlink_wrap){
    border: 1px solid #C2C2C2;
  }
  .userMenu .userMenu_list li:nth-of-type(n+2){
    margin-top: 0.5rem;
  }

	.userMenu .userMenu_list li a:not(.textlink),
	.userMenu .userMenu_list .link_acc_ttl {
		font-size: 1.3rem;
	}

	.userMenu .userMenu_list > li > a:not(.textlink),
	.userMenu .userMenu_list .link_acc_ttl {
		padding: 1.85rem 2rem;
	}
	.userMenu .userMenu_list .arrow_link > a:not(.textlink)::after, .userMenu .userMenu_list .link_acc_ttl::after{
		right: 1rem;
    bottom: 2rem;
	}

}

/*----------------------------------------------------------------------------------------------
マイページ トップ
-----------------------------------------------------------------------------------------------*/
#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; */
  width: 20rem;
	/* 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; */
    width: 30rem;
	}

	#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;
	}

  #dvUserFltContents .dvMyPage_wrap{
    padding: 0;
  }

}




#dvUserContents{
	width:100%;
	margin:2rem 0;
}

/* フロート用コンテンツ枠 */
#dvUserFltContents{
	max-width:74rem;
	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 .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 .fs_ttlmain {
  font-size: var(--title-l);
  line-height: 1;
}
#dvUserBox .area_ttl h2 .fs_ttlsub {
  font-size: var(--text-l);
  margin-top: 1rem;
}
/* ------------------------------------------------
  pager打ち消し
------------------------------------------------ */
.result_none .result {
    display: none;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvOrderHistoryList{}
/* ソートボックス */
#sortBox { margin: 2rem 0 4rem; }
.orderHistoryList.fixedPurchase{margin:4rem 0 0;}
#sortBox.itemList { margin: 2rem 0 3rem; }
#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;
}
.orderHistoryList .historyItemname{
	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 4rem 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: 2rem;
}
.orderHistoryList .plPrice,.orderHistoryList .orderDate{
	font-size: 1.2rem;
	line-height: 1.5;
}

.fixedPurchaseListSortBox__title {
	margin-bottom: 1.5rem;
	font-size: 1.3rem;
	font-weight: bold;
}
.fixedPurchaseListSortBox__list {
	gap: .5rem;
}
.fixedPurchaseListSortBox__list + .fixedPurchaseListSortBox__ongoing {
	margin-top: 1.5rem;
}
.fixedPurchaseListSortBox__ongoing {
	display: block;
	font-size: 1.3rem;
	text-decoration: underline;
	text-underline-offset: .3rem;
}
#sortBox .fixedPurchaseListSortBox-item__switch {
	display: flex;
	align-items: center;
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
	font-size: 1.2rem;
}
#sortBox .fixedPurchaseListSortBox-item__switch.select {
	color: #fff;
	background-color: #545454;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserRegistRegulation .dvRegulation{
    /* overflow-x: hidden;
    overflow: auto; */
    height: 22rem;
    background-color: #f9f9f9;
    margin-top: 2rem;
    padding: 0 3rem;
}

#dvUserBox #dvUserRegistRegulation .btn_move{color: #ffffff;}
#dvUserBox #dvUserRegistRegulation .dvRegulation p{text-align: left;}
/* #Wrap_lower.onlyUser {margin: 0 auto 10rem;} */
#Wrap_lower.onlyUser .area_ttl {margin: 8rem auto;}
#dvUserBox #dvUserRegistRegulation ul li{
  font-size: 1.3rem;
  line-height: 1.5;
  margin-top:.5rem;
  margin-left:1rem;
}
#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner{
	overflow-x: hidden;
    overflow: auto;
    height: 18.7rem;
    background-color: #f9f9f9;
    padding: 3rem 0;
}
#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner h4,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner h4{font-weight: bold;margin-bottom: 2rem;font-size: 1.6rem;}
#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner p,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner p{margin:0 auto 2rem; font-size: 1.4rem; line-height: 1.5;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員情報の入力
-----------------------------------------------------------------------------------------------*/
#dvUserRegistInput .form_radio label ,#dvUserModifyInput .form_radio label {padding: .3rem .3rem .3rem 3rem!important;}
#dvUserRegistInput .form_select label {
	margin-right: 3rem;
}
/* #dvUserRegistInput .btn_move {color: #ffffff!important;} */
#dvUserRegistInput .limit-unit {margin-left: 1rem;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 入力内容の確認
-----------------------------------------------------------------------------------------------*/
#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: #f4f4f4!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{
	font-size: 1.4rem;
	border: 1px solid #545454;
	padding: 2rem 2rem;
	margin: 2.8rem 0 4rem;
}
#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 ; */
  color: #ff0000;
}
#dvUserFltContents .error_msg.credit-list_error {
  padding-left: 0;
  padding-right: 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: 3rem 0 2rem 0 !important;
	font-weight: bold !important;
  }

  #dvUserCreditCardInput td {
	width: 100%;
	border-bottom: 0 !important;
	height: 5rem;
	padding: 0 !important;
  }

  #dvUserCreditCardInput td input {
	/* background-color: #f4f4f4 !important;
	width: 35rem;
	height: 5rem;
	padding-left: 2rem; */
  }

  #dvUserCreditCardInput td select {
	/* -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	background-color: #f4f4f4 !important;
	height: 5rem;
	width: 12rem;
	padding-left: 2rem;
	background-image: url(../../Contents/ImagesPkg/user/select_arrow.png);
	background-repeat: no-repeat;
	background-size: 1.6rem 1.1rem;
	background-position: 8.5rem center; */
  }

  #dvUserCreditCardInput .trcardNo td input {
	  /* width: 12rem !important; */
    /* width: 19rem !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;
}
.favoriteWrap {
	display: grid;
	grid-template-columns: var(--grid-cols-prodList);
	row-gap: var(--grid-gap-row);
	column-gap: var(--grid-gap-col);
}

.favorite_itemWrap {
	/* width: calc(25% - 8rem / 4); */
}
.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; */
  padding: 1rem 0 0;
  /* display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis; */
}
.favorite_itemWrap .productName a {
  font-size: 1.4rem;
	line-height: 1.6;
}
.productPatternNum {
	margin-top: 0.8rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
}
.productPatternNum a {
  font-size: 1.4rem;
}

.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%;
}
.favorite-addcart {
  margin-top: 1rem;
}
/*==============================================================================================
 ユーザー系 ポイント履歴一覧
==============================================================================================*/
#dvUserPointHistoryList {
	margin-top: 4rem;
	overflow: hidden;
}
#dvUserPointHistoryList .point_circle {
	/* width: 18rem; */
  width: 20rem;
	/* 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: 2rem 0;
}
#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;
	padding: 0.5rem 0;
	line-height: 1.25;
}
.alart_noPoint{
	text-align: left;
	/* margin-top: 4rem; */
}
.pointhistory_twocolumn{
	display: flex;
	/* min-height: 55rem; */
}
/*==============================================================================================
 ユーザー系 クーポン一覧
==============================================================================================*/
#dvUserFltContents{
	color: #545454 !important;
}

#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.6rem;
}
#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: #f4f4f4;
	padding-left: 1rem;
	color: #9c9c9c;
}
#dvUserFltContents #dvUserModifyInput .dropDown select:focus{
	color: #000;
}
.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: 3rem;
}
#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: 1.4rem;
	/* font-weight: bold; */
	/* line-height: 3.6rem; */
	margin-top: 3.2rem;
  }

  .dvPasswordReminderComplete .complete_Info .note {
    font-size: 1.2rem;
    margin-top: 1rem;
    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: 6rem 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: #d93625;
	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 0;
}
#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: #f4f4f4 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: 0;
	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;} */
.detailOrderHistoryList {
	padding-top: 4rem;
}
.detailOrderHistoryList__annotation {
	font-size: var(--text-xl);
	line-height: 1.6;
}
.detailOrderHistoryList__pagination#pagination {
	padding-top: .5rem;
	padding-bottom: .5rem;
	margin-top: 2rem;
	/* border-top: 1px solid var(--color-very-light-grey);
	border-bottom: 1px solid var(--color-very-light-grey); */
}
.detailOrderHistoryList__orderList {
	margin-top: 2rem;
}
.detailOrderHistoryList-link {
	text-decoration: underline;
	text-underline-offset: 3px;
}
.detailOrderHistoryList__orderList .orderHistoryList {
	margin-bottom: 1rem;
}
.detailOrderHistoryContain {
	margin-top: 1.5rem;
}
.detailOrderHistoryContainItemList {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 2rem;
	row-gap: 2rem;
}
.detailOrderHistoryContainItemList-item {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}
.detailOrderHistoryContainItemList-item__image img {
	max-width: 100%;
}
.detailOrderHistoryContainItemList-item__info {
	font-size: var(--text-m);
	line-height: 1.6;
}
.detailOrderHistoryContainItemList-item__info-quantity {
	margin-top: .5rem;
}

/*==============================================================================================
 ユーザー系 定期購入履歴詳細
==============================================================================================*/
#dvUserBox .productId{padding:0 0.3rem;}


#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: .3rem .3rem .3rem 3rem;cursor: pointer;margin-right: 2rem;font-size: 1.4rem;}
#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 #ccc;border-radius: 100%;}
#dvUserFltContents .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%;}
#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 .form_wrap .checkBox label::before {
	display: none;
}
#dvUserFltContents .form_wrap .checkBox label {
	padding-left: 0rem;
}
/*再入力*/
#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 0;
}

.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;
}
/*==============================================================================================
 ユーザー系 ソーシャルログイン連携
==============================================================================================*/
/* ソーシャルボタン */

.btn_social{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 6rem;
	color: #fff;
	font-size: 1.6rem;
	border-radius: 0.5rem;
}

.btn_social_wrap{
	width: 28rem;
}

.bg-fb{background-color: #305097;}
.bg-tw{background-color: #1da1f2;}
.bg-yahoo{background-color: #FF0020;}
.bg-line{background-color: #00c300;}

.socialForm.login{
	margin-top: 4rem;
}

.socialForm.login li{
	width: 28rem;
	text-align: center;
}

.socialForm.login li + li{
	margin-top: 2rem;
}

.socialForm.login li p{
	font-size: 1.4rem;
	margin-top: 1rem;
}

/* mypage social */
.socialForm_item{
	margin-top: 2rem;
}

.socialForm_item > div{
	display: flex;
	align-items: center;
}

.socialForm_item .socialForm_item_note{
	margin-top: 0.3rem;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1.5;
}

.socialForm_item .socialForm_item_tag{
	flex-basis: 12%;
	font-size: 1.4rem;
	font-weight: bold;
}

.socialForm_item .socialForm_item_state{
	width: 20%;
	margin-left: 5rem;
}

.socialForm_item .btn_social_wrap{
	margin-left: auto;
}

@media screen and (max-width: 768px){
	.btn_social{
		max-width: 450px;
		margin: 0 auto;
	}

	.socialForm.login li{
		width: 100%;
	}
	#AmazonLoginCv2Button{
		margin: 0 auto;
	}

	/* mypage social */

	.socialForm_item{
		margin-top: 3rem;
	}

	.socialForm_item > div{
		flex-wrap: wrap;
		align-items: flex-start;
	}

	.socialForm_item .socialForm_item_note{
		margin-top: 0.3rem;
		text-align: center;
		font-size: 1.2rem;
		line-height: 1.5;
	}

	.socialForm_item .socialForm_item_tag{
		order: 0;
		flex-basis: 25%;
		flex-shrink: 0;
		font-size: 1.4rem;
		padding-top: 2.2rem;
	}

	.socialForm_item .socialForm_item_state{
		flex-basis: 63%;
		text-align: center;
		order: 2;
		margin-left: auto;
		margin-top: 1rem;
	}

	.socialForm_item .btn_social_wrap{
		flex-basis: 63%;
		order: 1;
		margin: 0;
		margin-left: auto;
	}

	.socialForm_item .btn_social_wrap{

	}



}

/*

#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: 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: 2.6rem auto 6rem;
}
.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;
	}
	#dvUserMenu .accordionbox {
		margin-top: 5rem;
	}
	.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;
	}
	.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: 0rem;
		font-size: 1.4rem;
	}
	.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) {
/*==============================================================================================
 ユーザー系ページ共通
==============================================================================================*/

	#Wrap_lower.onlyUser {
			padding: 6rem 0 0;
	}
	#dvUserFltContents .dvContentsInfo_kakunin{
		padding: 1.2rem 0 0;
    font-size: 1.4rem;
	}
	#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;
	}
	.accordionbox,
	#dvUserMenu .accordionbox {
		margin-top:4rem;
	}
	#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 {
		margin-bottom: 3.5rem;
    font-size: 1.5rem;
	}

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
-----------------------------------------------------------------------------------------------*/
	.area_ttl,#Wrap_lower.onlyDefault .area_ttl {
		margin: 5rem auto;
		text-align: center;
	}
	#Wrap_lower.onlyUser .area_ttl {
    margin: 6rem 0 7.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;
	}
  #dvUserBox #dvUserRegistRegulation{
    margin: 4rem 0;
  }
	#dvUserBox #dvUserRegistRegulation .dvRegulation{
		/* overflow-x: hidden;
		overflow: auto; */
		height: 32rem;
		background-color: #f9f9f9;
		margin-top: 1rem;
		padding: 2rem;
	}
	#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner{
		/* overflow-x: hidden;
		overflow: auto; */
		height: 28.5rem;
		background-color: #f9f9f9;
		padding: 0 0 1.5rem;
	}
	#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner h4,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner h4{font-weight: bold;margin-bottom: 1.3rem;}
	#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner p,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner p{margin:0 auto 1.8rem;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴一覧
-----------------------------------------------------------------------------------------------*/
	#sortBox { margin: 3rem 0 ; }
	.orderHistoryList.fixedPurchase{margin: 3rem 0 0 ; }

	#sortBox ul li.active {
		color: #fff;
		background-color: #545454;
		font-size: 1.5rem;
		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.5rem;
	}
	.breadcrumbs,
	#dvUserFltContents{
		max-width: none;
		width: 100%;
		padding: 0 1.75rem;
    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;
		padding: 0 ;
		/* margin-left: -2rem; */
	}
	.orderHistoryList .orderList_itemimg .itemArea{
		/* width: 16rem; */
    width: calc(16rem - 0.5rem);
		margin:0 0 3rem 0;
	}
	#sortBox .fixedPurchaseListSortBox-item__switch {
		font-size: 1.1rem;
	}
	/*----------------------------------------------------------------------------------------------
	ユーザー系 クレジットカード一覧ページ
	-----------------------------------------------------------------------------------------------*/
	#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;
	}
	/*----------------------------------------------------------------------------------------------
		ユーザー系 クレジットカード追加ページ
	-----------------------------------------------------------------------------------------------*/
	#dvUserCreditCardInput .area_ttl_sec p{
		margin-top: 3rem !important;
	}
	#dvUserCreditCardInput table {
      width: 100% !important;
	}
	#dvUserCreditCardInput {
      margin-top: .6rem;
	}
	#dvUserCreditCardInput th {
      width: 100%;
      padding: 3rem 0 1.5rem 0 !important;
      font-size: 1.5rem;
	}
	#dvUserCreditCardInput td {
      width: 100%;
      border-bottom: 0 !important;
      height: 2.5rem;
      padding: 0 !important;
	}
	#dvUserCreditCardInput td input {
      background-color: #f4f4f4 !important;
      width: 100%;
      height: 5rem;
      padding-left: 1.5rem;
	}
	#dvUserCreditCardInput td input::placeholder{
		/* font-size: 1.8rem;
		line-height: 5rem; */
    font-size: 1.4rem !important;
	}
	#dvUserCreditCardInput .expirationDate td select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      position: relative;
      padding-left: 1.5rem;
      background-image: url(../../Contents/ImagesPkg/user/select_arrow.png);
      background-repeat: no-repeat;
      background-size: 1.75rem 1rem;
      background-position: 7.75rem center;
      width: 12.5rem;
      height: 5rem
    }
    #dvUserCreditCardInput .trcardNo td input {
      /* width: 7.15rem !important; */
      /* width: 20rem !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;
      font-size: 1.4rem;
    }
    #dvUserCreditCardInput .expirationDate_txt{
      display: inline-block;
      padding-left:0;
      /* font-size: 1.8rem; */
      font-size: 1.4rem;
	}
	#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-size: 1.4rem;
		font-feature-settings: 'pwid';
    text-align: left;
	}
  /* #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;
	}
	.favorite_itemWrap {
	}

	.favorite_itemWrap .productPatternNum{
		margin-top: 1rem;
	}

	.favorite_itemWrap .productName {
		padding: 0.8rem 0 0.6rem;
	}
	.favorite_itemWrap .productName a {
		line-height: 1.6;
	}
	.productPatternNum {
		/* margin-top: 1.5rem; */
    margin-top: 0;
	}
  .favorite-addcart {
    margin-top: 1rem;
  }
	.delete {
		width: 2.5rem;
		height: 2.5rem;
		background-image: url(../../Contents/ImagesPkg/product/trash_icon.png);
		background-size: 2.5rem;
		background-repeat: no-repeat;
	}
	/*==============================================================================================
	ユーザー系 ポイント履歴一覧
	==============================================================================================*/
    #dvUserPointHistoryList {
      margin-top: 4rem;
      overflow: hidden;
    }
    #dvUserPointHistoryList .point_circle {
      /* width: 27.5rem; */
      width: 30rem;
      /* 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; */
      width: 30rem;
      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.4rem;
		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.6rem;
		min-height: inherit;
	}
	#dvUserBox .osl #dvOrderHistoryDetail table th.noback{
		border-bottom-style: solid;
		border-bottom-width: 0;
		background-color: #ffffff;
		padding: 1.5rem 1rem 1.35rem;
		text-align: left;
		width: inherit;
		font-size: 1.6rem;
		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: 1.4rem 1rem;
		text-align: left;
		line-height: 1.7!important;
		font-size: 1.6rem;
	}
	#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: 3rem;
	}
	#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: 1.7;
		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: 5rem 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: #d93625;
		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;
    font-size: 1.3rem;
		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.6rem;
		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.6rem;
		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%;
}
.detailOrderHistoryContainItemList {
	grid-template-columns: 1fr 1fr 1fr;
	column-gap: 1.5rem;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 定期キャンセル
-----------------------------------------------------------------------------------------------*/
	#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;
  }


}
