@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: 767px) {
	:root{
		--grid-cols-prodList: repeat(2, minmax(0, 1fr));
		--grid-gap-row: 4rem;
		--grid-gap-col: 1.7rem;
	}
}

@media (min-width: 768px) {
	#Contents {
		width: var(--container-default);
		max-width: 95%;
		margin-right: auto;
		margin-left: auto;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  #Contents {
		max-width: 85%;
	}
}
.user_wrap{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .user_wrap{
    display: block;
  }
}

/* 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;
}
.notes{color:#666;font-size:11px!important;padding:0px 3px;font-weight: normal;}

/*
==========================================================================
?    pagination
========================================================================== 
*/
.block-pager {
  display: flex;
  align-items: center;
  gap: 3.5rem;
}

.prev,
.next {
  position: relative;
}

.prev a,
.next a {
  display: block;
  width: 1.5rem;
  height: 3rem;
}

/* PAGINATION */
#pagination.below {
  margin-top: 5rem;
}

#pagination.below .pager {
  margin: 0 auto;
  padding: 0;
  border: 0;
}

#pagination.below .pager .list-pager {
  display: flex;
  align-items: center;
  margin: 0 1rem;
}

#pagination.below .pager .list-pager li {
  display: inline-block;
  font-size: 1.5rem;
  margin: 0 1.4rem;
  line-height: 0.9;
}

#pagination.below .pager .list-pager li.active {
  width: 4rem;
  height: 4rem;
  margin: 0 .4rem;
  background-color: var(--color-point);
  font-weight: bold;
  border-radius: 50%;
  line-height: 2.7;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

#pagination.below .pager .list-pager li a {
  margin-bottom: -2px;
  text-decoration: none;
}

.block-pager .next,
.block-pager .prev {
  background-repeat: no-repeat;
  background-size: contain;
  height: 3rem;
  width: 1.5rem;
  background: var(--color-font);
}

@media (max-width: 767px) {
  #pagination.below .pager .list-pager li.active {
    width: 3rem;
    height: 3rem;
  }
  
}

.block-pager .prev {
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2014.85%2028.285%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h20v1h-20z%22%20transform%3D%22matrix(-.70710678%20-.70710678%20.70710678%20-.70710678%2014.143%2028.284)%22%2F%3E%3Cpath%20d%3D%22m0%200h20v1h-20z%22%20transform%3D%22matrix(.70710678%20-.70710678%20.70710678%20.70710678%200%2014.142)%22%2F%3E%3C%2Fsvg%3E"); 
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20viewBox%3D%220%200%2014.85%2028.285%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m0%200h20v1h-20z%22%20transform%3D%22matrix(-.70710678%20-.70710678%20.70710678%20-.70710678%2014.143%2028.284)%22%2F%3E%3Cpath%20d%3D%22m0%200h20v1h-20z%22%20transform%3D%22matrix(.70710678%20-.70710678%20.70710678%20.70710678%200%2014.142)%22%2F%3E%3C%2Fsvg%3E"); 
  -webkit-mask-repeat:  no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: cover;
}

.block-pager .next {
  mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2014.9%2028.3%22%20viewBox%3D%220%200%2014.9%2028.3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m.7%2028.3%2014.1-14.1-.7-.7-14.1%2014.1z%22%2F%3E%3Cpath%20d%3D%22m14.9%2014.1-14.2-14.1-.7.7%2014.1%2014.1z%22%2F%3E%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  mask-position: center center;
  mask-size: cover;
  -webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20enable-background%3D%22new%200%200%2014.9%2028.3%22%20viewBox%3D%220%200%2014.9%2028.3%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m.7%2028.3%2014.1-14.1-.7-.7-14.1%2014.1z%22%2F%3E%3Cpath%20d%3D%22m14.9%2014.1-14.2-14.1-.7.7%2014.1%2014.1z%22%2F%3E%3C%2Fsvg%3E");
  -webkit-mask-repeat:  no-repeat;
  -webkit-mask-position: center center;
  -webkit-mask-size: cover;
}

/*==============================================================================================
	ユーザー系 ログイン画面
==============================================================================================*/
#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,
.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: 1.8rem;
	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 .arrow_link a {position: relative}

@media screen and (max-width: 767px) {
	.userMenu{
		width: 100%;
		margin-top: 4rem;
	}

	.userMenu .userMenu_ttl{
		font-size: 1.4rem;
	}

	.userMenu .userMenu_list li a,
	.userMenu .userMenu_list .link_acc_ttl {
		font-size: 1.4rem;
	}

	.userMenu .userMenu_list > li > a,
	.userMenu .userMenu_list .link_acc_ttl {
		padding: 1.6rem 1.7rem;
	}
	.userMenu .userMenu_list .arrow_link > a::after, .userMenu .userMenu_list .link_acc_ttl::after{
		right: 1rem;
	}

}

/*----------------------------------------------------------------------------------------------
マイページ トップ
-----------------------------------------------------------------------------------------------*/
#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;
  display: flex;
  flex-direction: column;
  row-gap: 0.5rem;
}

#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;
	min-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-right: 2rem;
	padding-left: 1rem;
	font-size: 1.4rem;
  line-height: 1.5;
  margin-bottom: 0;
}

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

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

	#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: 4.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: 2rem;
		margin-right: 0;
		padding-left: .5rem;
		font-size: 1.6rem;
    padding: 0 1.5rem;
    margin: 1.2rem 0 !important;
	}

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

}




#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 {
  color: var(--color-point);
  font-weight: 600;
  font-size: var(--title-xl);
  line-height: 1.1;
  letter-spacing: 0.15em;
}
#dvUserBox .area_ttl h2 .fs_ttlsub {
  font-family: var(--font-jp);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.1em;
  margin-top: 1.3rem;
}
/* ------------------------------------------------
  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: var(--color-white);
  font-weight: 600;
	font-size: 1.2rem;
	background-color: var(--color-primary);
	line-height: 2.5rem;
	padding: 0 2rem;
}
#sortBox ul li a {
	display: block;
	background-color: var(--color-white);
  color: var(--color-primary);
  font-weight: 600;
	font-size: 1.2rem;
	line-height: 2.5rem;
	padding: 0 2rem;
  transition: background-color var(--transition-default), color var(--transition-default);
}
#sortBox ul li {
  overflow: hidden;
  border: 1px solid var(--color-primary);
}
#sortBox ul li:first-child {
  border-top-left-radius: 0.4rem;
  border-bottom-left-radius: 0.4rem;
}
#sortBox ul li:nth-child(2) {
  border-top-right-radius: 0.4rem;
  border-bottom-right-radius: 0.4rem;
}
#sortBox ul li a:hover {
  background-color: var(--color-primary);
  color: var(--color-white);
}
.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: center;
	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: inline-block;
	font-size: 1.3rem;
	text-decoration: underline;
	text-underline-offset: .3rem;
  color: #a7b9db;
  transition: opacity var(--transition-default);
}
@media (hover: hover) {
  .fixedPurchaseListSortBox__ongoing:hover {
    opacity: var(--hover-opacity);
    text-decoration: none;
  }
}
#sortBox .fixedPurchaseListSortBox-item__switch {
	display: flex;
	align-items: center;
	padding: 0.6rem 3rem;
  font-weight: 600;
	font-size: 1.2rem;
}
#sortBox .fixedPurchaseListSortBox-item {
  border-radius: 0.4rem;
}
#sortBox .fixedPurchaseListSortBox-item__switch.select {
	color: var(--color-white);
	background-color: var(--color-primary);
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserRegistRegulation .dvRegulation{
    /* overflow-x: hidden;
    overflow: auto; */
    height: 22rem;
    background-color: #f9f9f9;
    margin-top: 4rem;
    padding: 0 3rem;
}

#dvUserBox #dvUserRegistRegulation .dvRegulation p{text-align: left;}
#Wrap_lower.onlyUser {margin: 0 auto 10rem;}
#Wrap_lower.onlyUser .area_ttl {margin: 3rem auto 6rem;}
#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 .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;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳の一覧
-----------------------------------------------------------------------------------------------*/
.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;
	border-radius: 3px;
}
.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;
	width: 100%;
}
#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.8;
}
.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 {
	margin-bottom: 4rem;
	font-size: 1.4rem;
	font-weight: 400;
	text-align: center;
	line-height: 3.2rem;
	margin-top: 2rem;
  }
  .dvPasswordReminderComplete .checkmark {
	display: none;
  }

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

  .receptionInfo {
	font-size: 1.4rem;
	border: 1px solid #545454;
	padding: 2rem 4rem !important;
	line-height: 2 !important;
  text-align: center;
  }
/*==============================================================================================
 ユーザー系 パスワードリマインダー アドレス再入力
==============================================================================================*/
#dvUserBox #dvPasswordModifyInput{
	line-height: 1.5;
    width: 100%;
    max-width: var(--container-middle);
    margin: 0 auto;
}
.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: 1.8rem;
}
.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 .minus,
.dvOrderSumWrap .OrderSum_wrap .orderSum .couponUse .minus,
.dvOrderSumWrap .OrderSum_wrap .orderSum .pointUse .minus,
.dvOrderSumWrap .OrderSum_wrap .orderSum .fixeduse .minus {
	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: 6rem;
	/*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;
}
/* お届け商品数変更 */
#dvUserBox .osl #dvFixedPurchaseDetail [id$="dvModifyFixedPurchase"] table th {
	border-left: 4px solid #fff;
	border-right: 4px solid #fff;
}
#dvUserBox .osl #dvFixedPurchaseDetail [id$="dvModifyFixedPurchase"] table th.subscriptionBoxProductName {
	width: 50%;
}
#dvUserBox .osl #dvFixedPurchaseDetail [id$="dvModifyFixedPurchase"] table th.subscriptionBoxProductPrice {
	width: 15%;
}
#dvUserBox .osl #dvFixedPurchaseDetail [id$="dvModifyFixedPurchase"] table th.subscriptionBoxOrderCount {
	width: 10%;
}
#dvUserBox .osl #dvFixedPurchaseDetail [id$="dvModifyFixedPurchase"] table th.subscriptionBoxOrderSubtotal {
	width: 15%;
}
#dvUserBox .osl #dvFixedPurchaseDetail [id$="dvModifyFixedPurchase"] table th.subscriptionBoxProductDelete {
	width: 10%;
}
/*==============================================================================================
 ユーザー系 定期購入キャンセル
==============================================================================================*/
#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: 767px){
	#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;
	transition: opacity var(--transition-default);
}
.btn_social:hover {
	opacity: var(--hover-opacity)
}

.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: 767px){
	.btn_social{
		width: unset! important;
		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: 767px) {
/*==============================================================================================
 ユーザー系ページ共通
==============================================================================================*/

	#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: 4rem auto 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 .dvRegulation{
		/* overflow-x: hidden;
		overflow: auto; */
		height: 32rem;
		background-color: #f9f9f9;
		margin-top: 5rem;
		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 {
		padding: 0 1.2rem;
	}

	#sortBox ul li a {
		display: block;
		padding: 0 1.2rem;
	}
	#sortBox ul li.active,#sortBox ul li a {
		font-size: 1.4rem;
	}
	.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; */
		justify-content:space-between
	}
	.orderHistoryList .orderList_itemimg .itemArea{
		/* width: 16rem; */
    width: calc(16rem - 0.5rem);
		margin:0 0 3rem 0;
	}
  #sortBox .fixedPurchaseListSortBox__list {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
  }
	#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: 3rem 0;
    }
    #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: left;
		font-size: 1.3rem;
		line-height: 2.4rem;
		margin-top: 2rem;
    margin-bottom: 3rem;
	}
	.dvPasswordReminderComplete .complete_Info .note {
		font-size: 1.2rem;
		line-height: 1.8rem;
    margin-top: 2rem;
	}
	.receptionInfo {
		font-size: 1.4rem;
		border: 1px solid #545454;
		line-height: 2.4rem !important;
		padding: 2rem 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;
		max-width: 50%;
	}
	.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;
  }


}

/*----- 定期購入情報 お届け商品数変更 -----*/
==============================================================================================*/
/**cartTable *********/
.cartTable {
    display: block;
    width: 100%;
    margin: 0 auto 0;
    padding: 0;
}

.cartTable.orderConfirm {}

.cartTable>.cartTableHead {
    display: block;
    padding: 1.5rem 0;
    border-bottom: 1px solid #DDD;
}

.cartTable>.cartTableHead>ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    /* padding-left: 10%; */
	padding-left: 14%;
    font-size: 1.4rem;
    line-height: 1;
}

.cartTable>.cartTableHead>ul>li.name {
    /* width: 33.33333333333333%; */
	width: 32.33333333333333%;
    padding-left: 2rem;
    text-align: left;
}

.cartTable>.cartTableHead>ul>li.price {
    /* width: 23.33333333333333%; */
    width: 22.33333333333333%;
    /* padding: 0 1.5rem; */
	padding: 0 1rem;
    /* text-align: center; */
	text-align: left;
}

.cartTable>.cartTableHead>ul>li.quantity {
    width: 11.11111111111111%;
    margin-left: 1.111111111111111%;
    /* text-align: center; */
	text-align: left;
}

.cartTable>.cartTableHead>ul>li.subTotal {
    /* width: 23.33333333333333%; */
	width: 19.333333%;
    padding: 0 1.5rem;
    text-align: center;
}

.cartTable>.cartTableHead>ul>li.itemSelect {
    width: 23.33333333333333%;
    padding: 0 1.5rem;
    text-align: center;
}


.cartTable>ul {
    display: block;
    width: 100%;
    padding: 0;
    margin: 0 auto;
}

.cartTable>ul>li {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem 0;
    border-bottom: 1px solid #DDDDDD;
    position: relative;
}

.cartTable>ul>li.setPromotionItems {
    padding: 0;
    border: none;
}

.cartTable>ul.setPromotion {
    border-top: none;
    position: relative;
    border-bottom: 1px solid #DDDDDD;
}

.cartTable>ul.setPromotion>li {
    width: 100%;
    border-bottom: none;
}

/* .cartTable>ul.setPromotion>li+li {
    border-top: 1px solid #efefef;
} */

.cartTable>ul.setPromotion>li.setTotal {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
		width: 21%;
    height: calc(80% - 2px);
    border: none;
    background: #fcfcfc;
    position: absolute;
    left: 72%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
		padding-left: 2rem;
		padding-right: 2rem;
		/* border-left: 2px solid #f5f4f3; */
}

.cartTable>ul.setPromotion>li.setTotal>dl {
    display: block;
}

.cartTable>ul.setPromotion>li.setTotal>dl>dt {
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
		line-height: 1.3;
    /* margin-top: 1rem; */
		margin-bottom: 1rem;
    /* text-align: center; */
		text-align: left;
}

.cartTable>ul.setPromotion>li.setTotal>dl>dd {
    /* display: block; */
    font-size: 1.2rem;
    /* text-align: center; */
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	column-gap: 1rem;
	align-items: center;
}

.cartTable>ul.setPromotion>li.setTotal>dl>dd>p.slash {
    display: inline-block;
    position: relative;
    /* margin-bottom: 1rem; */
	font-size: 1.4rem;
}

.cartTable>ul.setPromotion>li.setTotal>dl>dd>p.slash::after {
    content: '';
    height: 1px;
    width: 100%;
    background: #545454;
    position: absolute;
    left: 0;
    top: 50%;
}

.cartTable>ul.setPromotion>li.setTotal>dl>dd>p.slash ~ p {
	font-size: 1.4rem;
	color: #d93625;
}

.cartTable>ul.setPromotion>li.setTotal>dl>dd>p>em {
    font-weight: 700;
    font-size: 1.6rem;
}

.cartTable.userProductArrivalMailList>.cartTableHead>ul>li.name {
    padding-left: 6rem;
}

.cartTable.userProductArrivalMailList>.cartTableHead>ul>li.price {
    width: 19%;
}

.cartTable.userProductArrivalMailList>ul>li .itemInfo .namePrice {
    width: 58%;
}

.cartTable.userProductArrivalMailList>ul>li .itemInfo .namePrice>figure {
    width: 20%;
}

.cartTable.userProductArrivalMailList>ul>li .itemInfo .namePrice>.name {
    padding-left: 3rem;
}

.cartTable.userProductArrivalMailList>ul>li .itemInfo .quantityOperation {
    width: 38%;
}

.cartTable.userProductArrivalMailList>ul>li .itemInfo .quantityOperation>.quantity {
    width: 48%;
    align-items: flex-start;
}

.cartTable.userProductArrivalMailList>ul>li .itemInfo .quantityOperation>.quantity input {
    max-width: 8.2rem;
}

.cartTable.userProductArrivalMailList>ul>li .itemInfo .namePrice>.price p {
    word-break: break-all;
}

/** itemInfo **********/

.cartTable>ul>li .itemInfo {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
}


.cartTable>ul>li .itemInfo+.itemInfo {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    position: relative;
}

.cartTable>ul>li .itemInfo+.itemInfo::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    background: #e7e7e7;
    position: absolute;
    left: 0;
    top: 0;
}


.cartTable>ul>li .itemInfo .namePrice {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    /* width: 62%; */
	width: 60%;
}

.cartTable>ul>li .itemInfo .namePrice>figure {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    /* width: 16.12903225806452%; */
	width: 22%;
    height: 100%;
}

.cartTable>ul>li .itemInfo .namePrice>figure a {
    display: block;
    width: 100%;
}

.cartTable>ul>li .itemInfo .namePrice>figure img {
    display: block;
    width: 100%;
    height: auto;
}

.cartTable>ul>li .itemInfo .namePrice>.name {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    /* width: 48.38709677419355%; */
	width: 44%;
    height: 100%;
    padding-left: 2rem;
    text-align: left;
}

.cartTable>ul>li .itemInfo .namePrice>.name>p {
    display: block;
    font-size: 1.4rem;
    line-height: 1.6;
    letter-spacing: 0.04em;
}

.cartTable>ul>li .itemInfo .namePrice>.name>p+p {
    margin-top: 0.5rem;
}


.cartTable>ul>li .itemInfo .namePrice>.name>p.attention {
    display: block;
    padding: 0.5rem 1rem;
    margin-top: 0.5rem;
    background: #fafafa;
    color: #fe3a3a;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: left;
}


.cartTable>ul>li .itemInfo .namePrice>.name>p.brandName {
    color: #888888;
    font-size: 1.2rem;
}


.cartTable>ul>li .itemInfo .namePrice>.price {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    width: 33.87096774193548%;
	/* width: 20%; */
    height: 100%;
    /* padding: 0 1.5rem; */
	padding: 0 3rem;
    font-size: 1.4rem;
    text-align: center;
}

.cartTable>ul>li .itemInfo .namePrice>.price>p.slash {
    display: inline-block;
    position: relative;
}

.cartTable>ul>li .itemInfo .namePrice>.price>p.slash::after {
    content: '';
    height: 1px;
    width: 100%;
    background: #333333;
    position: absolute;
    left: 0;
    top: 50%;
}

.cartTable>ul>li .itemInfo .namePrice>.price>p>em {
	font-weight: 600;
}


.cartTable>ul>li .itemInfo .quantityOperation {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    /* width: 38%; */
	width: 40%;
}

.cartTable>ul>li .itemInfo .quantityOperation>.quantity {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 26.31578947368421%;
    height: 100%;
}

.cartTable>ul>li .itemInfo .quantityOperation>.quantity>dl.quantitySelect {
    display: block;
}

.cartTable>ul>li .itemInfo .quantityOperation>.quantity>dl.quantitySelect>dt {
    display: none;
}

.cartTable>ul>li .itemInfo .quantityOperation>.quantity>dl.quantitySelect>dd {
    font-size: 1.4rem;
}

.cartTable>ul>li .itemInfo .quantityOperation>.quantity input {
	width: 100%;
	max-width: 8rem;
    height: 5rem;
    box-sizing: border-box;
	margin: 0 auto;
    padding: 0 1rem 0;
    background: #f4f4f4;
    font-size: 1.4rem;
    line-height: 3.8rem;
	text-align: center;
    letter-spacing: 0.04rem;
    vertical-align: middle;
    cursor: pointer;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}


.cartTable>ul>li .itemInfo .quantityOperation>.subTotal {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-justify-content: center;
    justify-content: center;
    /* width: 55.26315789473684%; */
	width: 49.263158%;
    height: 100%;
    padding: 0 1.5rem;
	padding-left: 16%;
    font-size: 1.6rem;
    text-align: center;
}

.cartTable>ul>li .itemInfo .subTotal em {
    font-weight: 700;
}


.cartTable>ul>li .itemInfo .operation {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    width: 18.42105263157895%;
    height: 100%;
    margin: 0 0 0 auto;
}

.cartTable>ul>li .operation .btnDelete {
	width: 100%;
	max-width: 5rem;
    text-align: center;
}

.cartTable>ul>li .operation .btnDelete>a {
    text-decoration: underline;
    color: #333333;
    font-size: 1.4rem;
}
.cartTable>ul>li .operation .btnDelete>a img {
    border-radius: 5px;
}

/** setItem **********/
.cartTable>ul>li .itemInfo .setItemWrap {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 62%;
}

.cartTable>ul>li .itemInfo .setItemWrap>.setItem {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    width: 100%;
}

.cartTable>ul>li .itemInfo .setItemWrap>.setItem+.setItem {
    border-top: 1px solid #f4f4f4;
}



/** noveltySelect **********/
.cartTable .noveltySelect {
    display: block;
    width: 100%;
    margin: 0 auto;
    padding: 1.5rem 0;
    border-bottom: 1px solid #f4f4f4;
    position: relative;
}

.cartTable .noveltySelect .title {
    display: block;
    width: 100%;
    margin-bottom: 1.5rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1.4;
}

.cartTable .noveltySelect .title>span {
    font-size: 1.4rem;
}

.cartTable .noveltySelect .lede {
    display: block;
    width: 100%;
    font-size: 1.4rem;
    letter-spacing: 0.04em;
    line-height: 1.4;
}

.cartTable .noveltySelect .lede .noveltyTTL {
    display: block;
    margin-bottom: 0.5rem;
    font-weight: 700;
}

.cartTable .noveltySelect .lede .caution {
    font-size: 1.4rem;
}

.cartTable .noveltySelect p.msg {
	font-size: 1.4rem;
	color: #d93625;
}

.cartTable .noveltySelect .cartTable>ul>li {
    border: none;
    /* background: #f4f4f4; */
    /* padding: 1rem; */
    margin-top: 1rem;
}

.cartTable .noveltySelect .cartTable>ul>li .itemInfo {
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.cartTable .noveltySelect .cartTable>ul>li .itemInfo .name {
	width: 75%;
	margin-top: 2rem;
	font-size: 1.4rem;
	line-height: 1.5;
}

.cartTable .noveltySelect .cartTable>ul>li .itemInfo .subTotal {
	width: 100%;
	margin-top: 2rem;
    padding-left: 1.5rem;
}

.cartTable .noveltySelect .cartTable>ul>li .itemInfo .quantityOperation {
	width: 100%;
    max-width: 29rem;
    margin-left: auto;
}

.cartTable .noveltySelect .btnAdd {
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
	max-width: 14rem;
    height: 100%;
    margin: 1rem 0 0 auto;
}

.cartTable .noveltySelect .btnAdd>a {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    width: 100%;
    max-width: 14rem;
    height: 3.5rem;
    background: #545454;
    padding: 0.1rem 2rem 0;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1;
    text-decoration: none;
    color: #FFFFFF;
    -webkit-transition: opacity 0.3s ease;
    -moz-transition: opacity 0.3s ease;
    -o-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
    cursor: pointer;
    border-radius: 5px;
}

@media screen and (max-width: 767px){
	.cartTable>.cartTableHead {
		display: none;
	}

	.cartTable>ul>li .itemInfo {
		flex-wrap: wrap;
	}

	.cartTable>ul>li .itemInfo .namePrice {
		width: 100%;
	}

	.cartTable>ul>li .itemInfo .namePrice>.price {
		display: none;
	}

	.cartTable>ul>li .itemInfo .quantityOperation {
		/* width: 75%; */
		width: 100%;
		justify-content: flex-end;
		margin-left: auto;
		margin-top: 2rem;
	}

	.cartTable>ul>li .itemInfo .quantityOperation>.subTotal {
		/* width: 55%; */
		width: auto;
		order: 1;
	}

	.cartTable>ul>li .itemInfo .quantityOperation>.quantity {
		width: 6rem;
		order: 2;
	}

	.cartTable>ul>li .itemInfo .operation {
		width: 6rem;
		order: 2;
		margin: 0;
	}

	.cartTable>ul>li .itemInfo .namePrice>figure {
		width: 45%;
	}

	.cartTable>ul>li .itemInfo .namePrice>.name {
		width: 100%;
		justify-content: flex-start;
		padding-top: 1rem;
	}

	.cartTable>ul.setPromotion {
		display: flex;
		flex-direction: column;
	}

	.cartTable>ul.setPromotion>li {
		order: 1;
	}

	.cartTable>ul.setPromotion>li.setTotal {
		width: 100%;
		justify-content: flex-end;
		order: 2;
		margin-bottom: 2rem;
		padding: 2rem;
		text-align: right;
		position: static;
		transform: none;
		/* border-top: 2px solid #f5f4f3; */
	}

	.cartTable>ul.setPromotion>li.setTotal>dl>dd {
		text-align: right;
	}

	.cartTable>ul>li .operation .btnDelete>a img{
		display: block;
	}

	.cartTable .noveltySelect .cartTable>ul>li .itemInfo .quantityOperation {
		flex-direction: row-reverse;
	}

	.cartTable .noveltySelect .cartTable>ul>li .itemInfo .subTotal {
		width: 52%;
		align-items: center;
	}

	.cartTable .noveltySelect .cartTable>ul>li .itemInfo .namePrice {
		align-items: flex-start;
	}

	.cartTable .noveltySelect .cartTable>ul>li .itemInfo .name {
		width: 100%;
		margin-top: 0;
		padding-top: 1rem;
	}
}

#dvUserFltContents .rProductListItem, 
#dvFixedPurchaseDetail .rProductListItem {
	border: 1px solid #D6D6D6;
	border-radius: 0.4rem;
	margin-bottom: 1rem;
	padding: 2rem;
}
#dvUserFltContents .cartTable .itemInfo, 
#dvFixedPurchaseDetail .cartTable .itemInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  position: relative;
}
#dvUserFltContents .cartTable .itemInfo + .itemInfo, 
#dvFixedPurchaseDetail .cartTable .itemInfo + .itemInfo {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  position: relative;
}
#dvUserFltContents .cartTable .itemInfo + .itemInfo::after, 
#dvFixedPurchaseDetail .cartTable .itemInfo + .itemInfo::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background: #e7e7e7;
  position: absolute;
  left: 0;
  top: 0;
}
#dvUserFltContents .cartTable .itemInfo .namePrice, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* width: 62%; */
  width: 60%;
}
#dvUserFltContents .cartTable .itemInfo .namePrice > figure, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* width: 16.12903225806452%; */
  /* width: 22%;
    height: 100%; */
}
#dvUserFltContents .cartTable .itemInfo .namePrice > figure a, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > figure a {
  display: block;
  width: 100%;
}
#dvUserFltContents .cartTable .itemInfo .namePrice > figure img, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > figure img {
  display: block;
  width: 100%;
  height: auto;
}
#dvUserFltContents .cartTable .itemInfo .namePrice > .name, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* width: 48.38709677419355%; */
  width: 44%	;
  height: 100%;
  padding-left: 2rem;
	padding-right: 2rem;
  text-align: left;
}
#dvUserFltContents .cartTable .itemInfo .namePrice > .name > p, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .name > p {
  display: block;
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
#dvUserFltContents .cartTable .itemInfo .namePrice > .name > p + p, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .name > p + p {
  margin-top: 0.5rem;
}
#dvUserFltContents .cartTable .itemInfo .namePrice > .name > p.attention, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .name > p.attention {
  display: block;
  padding: 0.5rem 1rem;
  margin-top: 0.5rem;
  background: #fafafa;
  color: #fe3a3a;
  font-size: 1.2rem;
  font-weight: 700;
  text-align: left;
}
#dvUserFltContents .cartTable .itemInfo .namePrice > .name > p.brandName, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .name > p.brandName {
  color: #888888;
  font-size: 1.2rem;
}
#dvUserFltContents .cartTable .itemInfo .namePrice > .price, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .price {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	width: 33.8709677419%;
	height: 100%;
	padding: 0 2rem;
	font-size: 1.4rem;
	text-align: center;
}
#dvUserFltContents .cartTable .itemInfo .namePrice > .price > p.slash, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .price > p.slash {
  display: inline-block;
  position: relative;
}
#dvUserFltContents .cartTable .itemInfo .namePrice > .price > p.slash::after, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .price > p.slash::after {
  content: "";
  height: 1px;
  width: 100%;
  background: #333333;
  position: absolute;
  left: 0;
  top: 50%;
}
#dvUserFltContents .cartTable .itemInfo .namePrice > .price > p > em, 
#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .price > p > em {
  font-weight: 600;
}
#dvUserFltContents .cartTable .itemInfo .quantityOperation, 
#dvFixedPurchaseDetail .cartTable .itemInfo .quantityOperation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /* width: 38%; */
  width: 40%;
}
#dvUserFltContents .cartTable .itemInfo .quantityOperation > .quantity, 
#dvFixedPurchaseDetail .cartTable .itemInfo .quantityOperation > .quantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26.3157894737%;
  height: 100%;
}
#dvUserFltContents .cartTable .itemInfo .quantityOperation > .quantity > dl.quantitySelect, 
#dvFixedPurchaseDetail .cartTable .itemInfo .quantityOperation > .quantity > dl.quantitySelect {
  display: block;
}
#dvUserFltContents .cartTable .itemInfo .quantityOperation > .quantity > dl.quantitySelect > dt, 
#dvFixedPurchaseDetail .cartTable .itemInfo .quantityOperation > .quantity > dl.quantitySelect > dt {
  display: none;
}
#dvUserFltContents .cartTable .itemInfo .quantityOperation > .quantity > dl.quantitySelect > dd, 
#dvFixedPurchaseDetail .cartTable .itemInfo .quantityOperation > .quantity > dl.quantitySelect > dd {
  font-size: 1.4rem;
}
#dvUserFltContents .cartTable .itemInfo .quantityOperation > .quantity input, 
#dvFixedPurchaseDetail .cartTable .itemInfo .quantityOperation > .quantity input {
  width: 100%;
  max-width: 8rem;
  height: 5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
  padding: 0 1rem 0;
  background: #f4f4f4;
  font-size: 1.4rem;
  line-height: 3.8rem;
  text-align: center;
  letter-spacing: 0.04rem;
  vertical-align: middle;
  cursor: pointer;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#dvUserFltContents .cartTable .itemInfo .quantityOperation > .subTotal, 
#dvFixedPurchaseDetail .cartTable .itemInfo .quantityOperation > .subTotal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  /* width: 55.26315789473684%; */
  width: 49.263158%;
  height: 100%;
  /* padding: 0 1.5rem; */
  padding-left: 13%;
  font-size: 1.6rem;
  text-align: center;
}
#dvUserFltContents .cartTable .itemInfo .subTotal em, 
#dvFixedPurchaseDetail .cartTable .itemInfo .subTotal em {
  font-weight: 700;
}
#dvUserFltContents .cartTable .itemInfo .operation, 
#dvFixedPurchaseDetail .cartTable .itemInfo .operation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 18.4210526316%;
  height: 100%;
  margin: 0 0 0 auto;
  position: absolute;
  left: 22rem;
  bottom: 0;
}
#dvUserFltContents .cartTable .itemInfo .operation.position, 
#dvFixedPurchaseDetail .cartTable .itemInfo .operation.position {
  position: absolute;
}
@media screen and (max-width: 767px) {
  #dvUserFltContents .cartTable .itemInfo .operation.position, 
  #dvFixedPurchaseDetail .cartTable .itemInfo .operation.position {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
		position: static;
  }
  #dvUserFltContents .cartTable .itemInfo .operation.position.position-right .form_select, 
  #dvFixedPurchaseDetail .cartTable .itemInfo .operation.position.position-right .form_select{
		margin-top: 0;
		margin-left: 2rem;
  }

  .form_select label {
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  #dvUserFltContents .cartTable .itemInfo .operation.position, 
  #dvFixedPurchaseDetail .cartTable .itemInfo .operation.position {
    right: -1rem;
  }
  /* .form_select.product_checked span{
    display: none;
  } */
}
#dvUserFltContents .cartTable .operation .btnDelete, 
#dvFixedPurchaseDetail .cartTable .operation .btnDelete {
  width: 100%;
  max-width: 5rem;
  text-align: center;
}
#dvUserFltContents .cartTable .operation .btnDelete > a, 
#dvFixedPurchaseDetail .cartTable .operation .btnDelete > a {
  text-decoration: underline;
  color: #333333;
  font-size: 1.4rem;
}
#dvUserFltContents .cartTable .itemInfo .setItemWrap, 
#dvFixedPurchaseDetail .cartTable .itemInfo .setItemWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 62%;
}
#dvUserFltContents .cartTable .itemInfo .setItemWrap > .setItem, 
#dvFixedPurchaseDetail .cartTable .itemInfo .setItemWrap > .setItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
}
#dvUserFltContents .cartTable .itemInfo .setItemWrap > .setItem + .setItem, 
#dvFixedPurchaseDetail .cartTable .itemInfo .setItemWrap > .setItem + .setItem {
  border-top: 1px solid #f4f4f4;
}
#dvUserFltContents .cartTable .noveltySelect, 
#dvFixedPurchaseDetail .cartTable .noveltySelect {
  display: block;
  width: 100%;
  margin: 0 auto;
  padding: 1.5rem 0;
  border-bottom: 1px solid #f4f4f4;
  position: relative;
}
#dvUserFltContents .cartTable .noveltySelect .title, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .title {
  display: block;
  width: 100%;
  margin-bottom: 1.5rem;
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
}
#dvUserFltContents .cartTable .noveltySelect .title > span, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .title > span {
  font-size: 1.4rem;
}
#dvUserFltContents .cartTable .noveltySelect .lede, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .lede {
  display: block;
  width: 100%;
  font-size: 1.4rem;
  letter-spacing: 0.04em;
  line-height: 1.4;
}
#dvUserFltContents .cartTable .noveltySelect .lede .noveltyTTL, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .lede .noveltyTTL {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 700;
}
#dvUserFltContents .cartTable .noveltySelect .lede .caution, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .lede .caution {
  font-size: 1.4rem;
}
#dvUserFltContents .cartTable .noveltySelect p.msg, 
#dvFixedPurchaseDetail .cartTable .noveltySelect p.msg {
  font-size: 1.4rem;
  color: #d93625;
}
#dvUserFltContents .cartTable .noveltySelect .cartTable, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .cartTable {
  border: none;
  /* background: #f4f4f4; */
  /* padding: 1rem; */
  margin-top: 1rem;
}
#dvUserFltContents .cartTable .noveltySelect .cartTable .itemInfo, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .cartTable .itemInfo {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
#dvUserFltContents .cartTable .noveltySelect .cartTable .itemInfo .name, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .cartTable .itemInfo .name {
  width: 75%;
  margin-top: 2rem;
  font-size: 1.4rem;
  line-height: 1.5;
}
#dvUserFltContents .cartTable .noveltySelect .cartTable .itemInfo .subTotal, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .cartTable .itemInfo .subTotal {
  width: 100%;
  margin-top: 2rem;
  padding-left: 1.5rem;
}
#dvUserFltContents .cartTable .noveltySelect .cartTable .itemInfo .quantityOperation, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .cartTable .itemInfo .quantityOperation {
  width: 100%;
  max-width: 29rem;
  margin-left: auto;
}
#dvUserFltContents .cartTable .noveltySelect .btnAdd, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .btnAdd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 14rem;
  height: 100%;
  margin: 1rem 0 0 auto;
}
#dvUserFltContents .cartTable .noveltySelect .btnAdd > a, 
#dvFixedPurchaseDetail .cartTable .noveltySelect .btnAdd > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 14rem;
  height: 3.5rem;
  background: #545454;
  padding: 0.1rem 2rem 0;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.1em;
  line-height: 1;
  text-decoration: none;
  color: #FFFFFF;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
  cursor: pointer;
}


.input-pw {
  position: relative;
}
.btn-togglepw,
.btn-removepw {
  position: absolute;
  z-index: 2;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  line-height: normal;
  width: 4rem;
  height: 4rem;
  font-weight: normal;
  text-align: center;
  border: none !important;
  outline: none !important;
}
.btn-togglepw:not(.pw-displayed) #password-invisible {
  display: none;
}
.btn-togglepw:not(.pw-displayed) #password-visible {
  display: block;
}
.btn-togglepw.pw-displayed #password-invisible {
  display: block;
}
.btn-togglepw.pw-displayed #password-visible {
  display: none;
}

@media screen and (max-width: 767px) {
	#dvUserFltContents .cartTableHead, 
	#dvFixedPurchaseDetail .cartTableHead {
    display: none;
	}

	#dvUserFltContents .cartTable > .cartTableHead, 
	#dvFixedPurchaseDetail .cartTable > .cartTableHead {
		display: none;
	}
	#dvUserFltContents .cartTable .itemInfo, 
	#dvFixedPurchaseDetail .cartTable .itemInfo {
		-ms-flex-wrap: wrap;
				flex-wrap: wrap;
	}
	#dvUserFltContents .cartTable .itemInfo .namePrice, 
	#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice {
		width: 100%;
	}
	#dvUserFltContents .cartTable .itemInfo .namePrice > .price, 
	#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .price {
		display: none;
	}
	#dvUserFltContents .cartTable .itemInfo .quantityOperation, 
	#dvFixedPurchaseDetail .cartTable .itemInfo .quantityOperation {
		/* width: 75%; */
		width: 100%;
		-webkit-box-pack: end;
				-ms-flex-pack: end;
						justify-content: flex-end;
		margin-left: auto;
		margin-top: 2rem;
	}
	#dvUserFltContents .cartTable .itemInfo .quantityOperation > .subTotal, 
	#dvFixedPurchaseDetail .cartTable .itemInfo .quantityOperation > .subTotal {
		/* width: 55%; */
		width: auto;
		-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
						order: 1;
		padding: 0 1.5rem;
	}
	#dvUserFltContents .cartTable .itemInfo .quantityOperation > .quantity, 
	#dvFixedPurchaseDetail .cartTable .itemInfo .quantityOperation > .quantity {
		width: 6rem;
		-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
						order: 2;
	}
	#dvUserFltContents .cartTable .itemInfo .operation, 
	#dvFixedPurchaseDetail .cartTable .itemInfo .operation {
		width: 6rem;
		-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
						order: 2;
		margin: 0;
	}
	#dvUserFltContents .cartTable .itemInfo .namePrice > .name, 
	#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .name {
		width: 100%;
		-webkit-box-pack: start;
				-ms-flex-pack: start;
						justify-content: flex-start;
		padding-top: 1rem;
	}
	#dvUserFltContents .cartTable > ul.setPromotion, 
	#dvFixedPurchaseDetail .cartTable > ul.setPromotion {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				-ms-flex-direction: column;
						flex-direction: column;
	}
	#dvUserFltContents .cartTable > ul.setPromotion > li, 
	#dvFixedPurchaseDetail .cartTable > ul.setPromotion > li {
		-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
						order: 1;
	}
	#dvUserFltContents .cartTable > ul.setPromotion > li.setTotal, 
	#dvFixedPurchaseDetail .cartTable > ul.setPromotion > li.setTotal {
		width: 100%;
		-webkit-box-pack: end;
				-ms-flex-pack: end;
						justify-content: flex-end;
		-webkit-box-ordinal-group: 3;
				-ms-flex-order: 2;
						order: 2;
		margin-bottom: 2rem;
		padding: 2rem;
		text-align: right;
		position: static;
		-webkit-transform: none;
						transform: none;
		/* border-top: 2px solid #f5f4f3; */
	}
	#dvUserFltContents .cartTable > ul.setPromotion > li.setTotal > dl > dd, 
	#dvFixedPurchaseDetail .cartTable > ul.setPromotion > li.setTotal > dl > dd {
		text-align: right;
	}
	#dvUserFltContents .cartTable .operation .btnDelete > a img, 
	#dvFixedPurchaseDetail .cartTable .operation .btnDelete > a img {
		display: block;
	}
	#dvUserFltContents .cartTable .noveltySelect .cartTable .itemInfo .quantityOperation, 
	#dvFixedPurchaseDetail .cartTable .noveltySelect .cartTable .itemInfo .quantityOperation {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
				-ms-flex-direction: row-reverse;
						flex-direction: row-reverse;
	}
	#dvUserFltContents .cartTable .noveltySelect .cartTable .itemInfo .subTotal, 
	#dvFixedPurchaseDetail .cartTable .noveltySelect .cartTable .itemInfo .subTotal {
		width: 52%;
		-webkit-box-align: center;
				-ms-flex-align: center;
						align-items: center;
	}
	#dvUserFltContents .cartTable .noveltySelect .cartTable .itemInfo .namePrice, 
	#dvFixedPurchaseDetail .cartTable .noveltySelect .cartTable .itemInfo .namePrice {
		-webkit-box-align: start;
				-ms-flex-align: start;
						align-items: flex-start;
	}
	#dvUserFltContents .cartTable .itemInfo .namePrice > .price, 
	#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .price {
		width: 100%;
		margin-top: 0;
		padding-top: 1rem;
	}
	.form_select.product_checked{
		display: flex;
		/* justify-content: flex-end; */
		align-items: center;
		gap: 0;
	}
	.form_select.product_checked span{
		font-size: 1.4rem;
	}

    
  /* 友達紹介 */
  .friendreferral .table-code .area_changebtn {
    flex-direction: column;
    row-gap: 1rem;
    align-items: flex-end;
  }

  .btn-togglepw,
  .btn-removepw {
    right: 0rem;
  }
}

@media screen and (min-width: 768px) {
	#dvUserFltContents .cartTable .itemInfo .namePrice > .price, 
	#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .price {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				-ms-flex-direction: column;
						flex-direction: column;
		-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
		-webkit-box-align: start;
				-ms-flex-align: start;
						align-items: flex-start;
		-webkit-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center;
		width: 33.8709677419%;
		/* width: 20%; */
		height: 100%;
		/* padding: 0 1.5rem; */
		padding: 0;
		font-size: 1.4rem;
		text-align: center;
	}
	#dvUserFltContents .cartTable .itemInfo .namePrice > .price p, 
	#dvFixedPurchaseDetail .cartTable .itemInfo .namePrice > .price p{
		text-align: center;
		margin: 0 auto;
	}
}
@media screen and (min-width: 768px) {
	#dvUserFltContents .cartTable .itemInfo .tax, 
	#dvFixedPurchaseDetail .cartTable .itemInfo .tax {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
				-ms-flex-direction: column;
						flex-direction: column;
		-ms-flex-wrap: nowrap;
				flex-wrap: nowrap;
		-webkit-box-align: start;
				-ms-flex-align: start;
						align-items: flex-start;
		-webkit-box-pack: center;
				-ms-flex-pack: center;
						justify-content: center;
		width: 33.8709677419%;
		/* width: 20%; */
		height: 100%;
		/* padding: 0 1.5rem; */
		padding: 0 3rem;
		font-size: 1.4rem;
		text-align: center;
	}
}

/*---------------------------
 ソーシャルログインボタン
----------------------------*/
ul.social-login_wrap li {
	width: 100%;
}

.social-login {
	width: 296px;
	border-radius: 5px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	transition: opacity var(--transition-default);
}
.social-login:hover {
	opacity: var(--hover-opacity)
}

.social-login a,
.social-login-registinput a {
	text-decoration: none !important;
}

.social-login-registinput {
	width: 280px;
	border-radius: 5px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	transition: opacity var(--transition-default);
}
.social-login-registinput:hover {
	opacity: var(--hover-opacity)
}

.social-login-lpinputform {
	width: 280px;
	border-radius: 5px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

@media screen and (min-width: 768px) {
	[id$="dvUserRegistInput"] ul.social-login_wrap li {
		width: 30rem;
	}
	.social-login {
		width: 28rem;
		height: 45px;
	}
	.social-login-registinput {
		width: 28rem !important;
	}
	#AmazonLoginCv2Button, #AmazonCv2Button {
		width: 28rem !important;
		height: 45px !important;
	}
}
@media screen and (max-width: 767px) {
	.social-login {
		width: 100%;
		height: 45px;
	}
	.social-login-registinput {
		width: 100%;
	}
	#AmazonLoginCv2Button, #AmazonCv2Button {
		width: 100% !important;
		height: 45px !important;
	}
}

.facebook-color {
	background-color: #1877F2;
}

.twitter-color {
	background-color: #1D9BF0;
}

.yahoo-color {
	background-color: #FF0033;
}

.line-color {
	background-color: #06C755;
}

.line-hover-color:hover {
	background-color: rgba(0, 0, 0, 0.1);
}

.line-active-color:active {
	background-color: rgba(0, 0, 0, 0.3);
}

.google-color {
	background-color: #FFFFFF;
	box-shadow: 1px 1px 2px #666666;
}

.social-icon-width {
	width: 54px;
	position: absolute;
}

.facebook-icon {
	padding: 7px 10px;
	height: 26px;
}

.facebook-icon-registinput {
	padding: 9px 10px;
	height: 26px;
}

.twitter-icon {
	padding: 12px 10px;
	height: 16px;
}

.twittericon-registinput {
	padding: 14px 10px;
	height: 16px;
}

.yahoo-icon {
	padding: 11px 11px;
	height: 18px;
}

.yahoo-icon-registinput {
	padding: 13px 11px;
	height: 18px;
}

.google-icon {
	padding: 8px 10px;
	height: 24px;
}

.google-icon-registinput {
	padding: 10px 10px;
	height: 24px;
}

.line-icon {
	margin: calc((45px - 26px) / 2);
	height: 26px;
	/*border-right: 1px solid rgba(0,0,0,0.2);*/
}

.line-icon-registinput {
	margin: 9px 10px;
	height: 26px;
	/*border-right: 1px solid rgba(0,0,0,0.2);*/
}

.social-login-label {
	color: #FFFFFF;
	font-size: 16px;
	/*padding: 12px 0 12px 12px;
	text-align: center;
	font-family: 'MS Pゴシック';*/
	line-height: 45px;
	height: 45px;
}

.social-login-label-registinput {
	color: #FFFFFF;
	font-size: 16px;
	padding: 14px 0;
	text-align: center;
	/*font-family: 'MS Pゴシック';*/
}

.social-login-wording-landing {
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
	font-family: 'MS Pゴシック';
}

.google-label {
	color: #757575;
	font-size: 16px;
	padding: 12px 0;
	text-align: center;
	font-family: 'MS Pゴシック';
}

.google-label-registinput {
	color: #757575;
	font-size: 16px;
	text-align: center;
	padding: 14px 0;
	font-family: 'MS Pゴシック';
}

.google-label-landing {
	color: #757575;
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
	font-family: 'MS Pゴシック';
}

.social-cancel {
  background-color: #757575;
}

.dvContentsInfo p {
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .dvContentsInfo p {
    font-size: 1.4rem;
  }
  .orderHistoryList .orderList_itemimg{
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0 ;
    /* margin-left: -2rem; */
    margin: 0 0;
    gap: 2rem;
  }
}