@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)}; */

.user_wrap{
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
/* #ctl00_ContentPlaceHolder1_upUpdatePanel{
	width: calc(100% - 60px);
	margin-left: 60px;
	max-width: 740px;
} */
#dvUserMenu{
	width: 30%;
}
#dvUserContents{
	width:100%;
	margin:20px 0;
}
/* フロート用コンテンツ枠 */
#dvUserFltContents{
	max-width:740px;
	width: 100%;
	margin-left: 60px;
}
#pagination{
	padding-top:50px;
	margin-top: 0;
}
.accordionbox{
	margin-top: 0;
}

/* #dvUserContents .unit,
#dvUserFltContents .unit {
	padding: 20px;
	border: 1px solid #ccc;
} */
#dvUserFltContents .dvContentsInfo_kakunin,#dvUserFltContents .dvContentsInfo_kakunin.user_m_c{
	padding: 15px 0 25px;
	line-height: 1.8;
}
#dvUserFltContents .dvContentsInfo_kakunin p {
	/* line-height: 1.6em; */
	font-size: 14px;
	margin-bottom: 10px;
}
#dvUserFltContents .dvContentsInfo_attention p{
	/* line-height: 1.6em; */
	font-size: 14px;
}
#dvUserFltContents.withForm{
	margin-bottom: 0;
}

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


/* ------------------------------------------------
  タイトル
------------------------------------------------ */
#dvUserBox .area_ttl h2 .fs_ttlmain {
  font-size: var(--title-l);
  line-height: 1;
}
#dvUserBox .area_ttl h2 .fs_ttlsub {
  font-size: var(--text-l);
  margin-top: 1rem;
}
/* ------------------------------------------------
  pager打ち消し
------------------------------------------------ */
.result_none .result {
    display: none;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvOrderHistoryList{}
/* ソートボックス */
#sortBox { margin: 20px 0 40px; }
.orderHistoryList.fixedPurchase{margin:40px 0 0;}
#sortBox.itemList { margin: 20px 0 30px; }
#sortBox.itemList p{margin-top: 30px;}
#sortBox ul {
	display: flex;
}
#sortBox ul li.active {
	color: #fff;
	font-size: 12px;
	background-color: #545454;
	height: 20px;
	line-height: 20px;
	padding: 0 20px;
}
#sortBox ul li a {
	display: block;
	background-color: #efefef;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	padding: 0 20px;
}
#sortBox ul li a:hover { background-color: #dadada; }
.orderHistoryList{
	margin-bottom: 60px;
}
.orderHistoryList .historyItemname{
	line-height: 1.57;
}
.orderHistoryList .orderList_dateNum{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 13px 20px;
	background: #f4f4f4;
	margin-bottom: 20px;
	line-height: 1.5;
}
.orderHistoryList .orderList_detail {
	margin: 20px 10px 30px;
}
.orderHistoryList .orderList_detail .orderList_detail_inner{
	display: flex;
	margin: 0;
}
.orderHistoryList .orderList_detail .orderList_detail_inner:first-child{
	margin-bottom: 10px;
}
.orderHistoryList .orderList_detail .orderList_detail_inner li{
	margin-left: 40px;
	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: -20px;
}
.orderHistoryList .orderList_itemimg .itemArea{
	width: calc(25% - 80px / 4);
	margin:0 0 40px 20px;
}
.orderHistoryList .orderList_itemimg .itemArea img{
	width: 100%;
}
.orderHistoryList .orderList_itemimg .itemArea .itemText{
	margin-top: 17px;
	font-size: 1.3rem;
}
.orderHistoryList .orderList_itemimg .itemArea .itemText p{
	margin-top: 5px;
	line-height: 1.57;
}
.orderHistoryList .orderList_itemimg .itemArea .itemText p:first-child{
	margin-top: 0;
}
.orderHistoryList .orderList_btnArea{
	display: flex;
	justify-content: flex-end;
	margin: 0;
}
.orderHistoryList .btn_Area{
	margin-top: 20px;
}
.orderHistoryList .plPrice,.orderHistoryList .orderDate{
	font-size: 12px;
	line-height: 1.5;
}

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

#dvUserBox #dvUserRegistRegulation .btn_move{color: #ffffff;}
#dvUserBox #dvUserRegistRegulation .dvRegulation p{text-align: left;}
#Wrap_lower.onlyUser {margin: 0 auto 100px;}
#Wrap_lower.onlyUser .area_ttl {margin: 50px auto 60px;}
#dvUserBox #dvUserRegistRegulation ul li{margin-top:5px;margin-left:10px;}
#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner{
	overflow-x: hidden;
	overflow-y: scroll;
    height: 187px;
    background-color: #f9f9f9;
    padding: 30px 0;
}
#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner h4,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner h4{font-weight: bold;margin-bottom: 20px;}
#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner p,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner p{margin:0 auto 20px;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員情報の入力
-----------------------------------------------------------------------------------------------*/
#dvUserRegistInput .form_radio label ,#dvUserModifyInput .form_radio label {padding: 3px 3px 3px 30px!important;}
#dvUserRegistInput .btn_move {color: #ffffff!important;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 入力内容の確認
-----------------------------------------------------------------------------------------------*/
#dvUserRegistConfirm .confirm_block dd,#dvUserModifyConfirm .confirm_block dd{line-height: 1.71;}
#dvUserBox #dvUserRegistConfirm .dvUserInfo{margin-bottom:20px;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 受付完了
-----------------------------------------------------------------------------------------------*/
#dvUserRegistComplete .area_ttl_sec p span{display: block;margin-bottom: 20px;font-size: 17px;}
#dvUserModifyConfirm .receptionInfo{border: 1px solid #afafaf;padding: 30px;margin-top: 20px;}
#dvUserRegistComplete .receptionInfo{border: 1px solid #afafaf;padding: 30px;margin-top: 35px;}
#dvUserRegistComplete .area_btn{display: block;}
#dvUserRegistComplete .area_btn--userRegistComplete{
	display: flex;
}
#dvUserRegistComplete .area_btn a{margin: 0 auto; color: #ffffff;}
/* .text_thanks{margin-bottom: 20px;} */
/*----------------------------------------------------------------------------------------------
 ユーザー系 問い合わせ 問い合わせ内容の入力
-----------------------------------------------------------------------------------------------*/
#dvUserInquiryInput .form{background-color: #f4f4f4!important;}
#dvUserInquiryInput .inquirytext{width: 100%;min-height: 240px;line-height: 1.71;}
#dvUserInquiryInput .btn_move{color: #ffffff;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳の一覧
-----------------------------------------------------------------------------------------------*/
.shippingList_wrap.only_list{
	margin: 30px 0 0;
}
.area_btn.smallsize{
	display: flex;
	justify-content: flex-end;
	margin: 0 ;
}
.area_btn.smallsize li{
	margin:0 0 0 10px;
	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: 20px 0;
}
#dvUserShippingList #dvUserShippingList .dvUserShippingList_ttl{
	font-size: 14px;
}
#dvUserShippingList .error_msg{
	font-size: 14px;
	border: 1px solid #545454;
	padding: 20px 20px;
	margin: 28px 0 40px;
}
#dvUserShippingList .insert{
	margin-left: auto;
}
#dvUserShippingList .attention{
	border: 1px solid orangered;
	display: inline-block;
	padding: 10px 10px;
	margin: 0 auto;
	margin-bottom: 20px;
}
.shippingList_wrap .shippingList_wrap-inner{
	margin-bottom: 40px;
}
.shippingList_wrap .shippingList_Name,.shippingList_wrap.only_list .shippingList_Name{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.6em;
	letter-spacing: 0.01em;
	background-color: #f4f4f4;
	padding: 11px 20px 9px;
}
.shippingList_wrap .shippingList_detail,.shippingList_wrap.only_list .shippingList_detail{
	padding: 16px  20px 14px;
	font-size: 14px;
	line-height: 1.75em;
	letter-spacing: 0;
}
.shippingList_wrap .shippingList_updatedelete{
	font-size: 14px;
    display: flex;
    justify-content: flex-end;
}
.shippingList_wrap .shippingList_update{
	padding: 10px 20px;
	background-color: #545454;
	color: #fff;
	display: inline;
}
.shippingList_wrap .shippingList_delete{
	padding: 10px 20px;
	border: 1px solid #545454;
	display: inline;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳の確認
-----------------------------------------------------------------------------------------------*/
#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: 22px 0 23px;
	/* margin: 40px 0 ; */
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 クレジットカード追加ページ
-----------------------------------------------------------------------------------------------*/
#dvUserCreditCardInput input {
	/*     width: 100%;*/
  }
  #dvUserCreditCardInput .smallttl{
	  padding-top: 5px;
  }
  #dvUserCreditCardInput table {
	border-top: 0 !important;
	table-layout: fixed;
	/* width: auto !important; */
  }

  #dvUserCreditCardInput {
	margin-top: 6px;
  }

  #dvUserCreditCardInput th {
	background-color: #fff !important;
	border-bottom: 0 !important;
	width: 100%;
	padding-top: 30px !important;
	padding-bottom: 20px !important;
	padding: 30px 0 20px 0 !important;
	font-weight: bold !important;
  }

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

  #dvUserCreditCardInput td input {
	background-color: #f4f4f4 !important;
	width: 350px;
	height: 50px;
	padding-left: 20px;
  }

  #dvUserCreditCardInput td select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	background-color: #f4f4f4 !important;
	height: 50px;
	width: 120px;
	padding-left: 20px;
	background-image: url(../../Contents/ImagesPkg/user/select_arrow.png);
	background-repeat: no-repeat;
	background-size: 16px 11px;
	background-position: 85px center;
  }

  #dvUserCreditCardInput .trcardNo td input {
	width: 120px !important;
  }

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

  #dvUserCreditCardInput .area_btn li{
	margin: 0 15px ;
  }

  #dvUserCreditCardInput .trSecurityCode input{
	width: 120px;
  }

  #dvUserCreditCardInput .slash{
	display: inline-block;
	padding: 0 13px;
  }
  #dvUserCreditCardInput .expirationDate_txt{
	display: inline-block;
	padding-left: 15px;
  }

  #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: 30px;
}
.favorite_itemWrap {
	width: calc(25% - 80px / 4);
	margin:0 0 40px 20px;
}
.favorite_itemWrap .favoriteProductImage .variationview_wrap {
	left: -6rem !important;
	display: none!important;
}
.favorite_itemWrap .favoriteProductImage .variationview_wrap .variationview_bg {
  padding: 0;
}
.favorite_itemWrap .productName {
	padding: 6px 0;
}
.favorite_itemWrap .productName a {
	line-height: 22px;
}
.productPatternNum {
	margin-top: 20px;
}
.favoriteWrap {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	margin-left: -20px;
}
.favoriteProductImage img {
	width: 100%;
	border: 1px solid #cacaca;
}
.delete {
	width: 25px;
	height: 25px;
	background-image: url(https://demo-v5brandex.w2solution.com/Contents/ImagesPkg/product/trash_icon.png);
	background-size: 25px;
	background-repeat: no-repeat;
}
.delete a {
	display: block;
	height: 100%;
}
/*==============================================================================================
 ユーザー系 ポイント履歴一覧
==============================================================================================*/
#dvUserPointHistoryList {
	margin-top: 40px;
	overflow: hidden;
}
#dvUserPointHistoryList .point_circle {
	width: 180px;
	height: 180px;
	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: 60px;
}
#dvUserPointHistoryList .point_circle div {
	margin-top: 10px;
}
#dvUserPointHistoryList .point_circle .point_ttl {
	font-size: 14px;
	line-height: 1;
}
#dvUserPointHistoryList .point_circle .point_num {
	font-size: 30px;
	line-height: 1;
	font-weight: normal;
	margin: 14px 0 5px;
}
#dvUserPointHistoryList .point_circle .point_num span {
	font-size: 14px;
}
#dvUserPointHistoryList .point_circle .poin_tentative {
	font-size: 14px;
	display: inline-block;
}
#dvUserPointHistoryList .point_circle .poin_tentative span {
	font-size: 16px;
}
#dvUserBox #dvUserPointHistoryList table {
	table-layout: fixed;
	width: 500px;
	font-size: 14px;
	letter-spacing: 0.025em;
	border-top: 0;
}
#dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table {
	margin-top: 20px;
}
#dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table:first-child {
	margin-top: 0;
}
#dvUserBox #dvUserPointHistoryList table th {
	max-width: 170px !important;
	width: 100%;
	height: 40px;
	vertical-align: middle;
	width: 34.5%;
    padding: 14px 10px 12px;
}
#dvUserBox #dvUserPointHistoryList table .head_color th,#dvUserBox #dvUserPointHistoryList table .head_color td {
	background-color: #f4f4f4;
}
#dvUserBox #dvUserPointHistoryList table .contents_color th ,#dvUserBox #dvUserPointHistoryList table .contents_color td {
	border-bottom: 2px solid #f4f4f4;
	background: #ffffff;
}
.alart_noPoint{
	text-align: left;
	margin-top: 0;
}
.pointhistory_twocolumn{
	display: flex;
	min-height: 550px;
}
/*==============================================================================================
 ユーザー系 クーポン一覧
==============================================================================================*/
#dvUserFltContents{
	color: #545454 !important;
}

#dvUserFltContents h4 {
	margin-bottom: 30px;
}

#dvUserFltContents .repeatWrap {
	width: 100%;
}

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

#dvUserFltContents .repeatWrap table {
	margin-top: 30px;
}

#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: 170px;
	height: 40px;
	padding: 10px;
}
#dvUserFltContents .repeatWrap.coupontable table th,#dvUserFltContents .repeatWrap.coupontable table td {
	padding: 15px 10px 11px;
}

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

#dvUserFltContents #pagination .pagerWrap .list-pager li span{
	border-bottom: 2px solid #545454;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 注文方法の保存
-----------------------------------------------------------------------------------------------*/
#dvUserBox .osl .dvContentsInfo{
	padding: 20px 0;
	background: #ffffff;
	margin: 0 auto 6px;
}
#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: 10px;
	display: block;
	text-align: center;
	margin-bottom: 40px;
	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: 5px;
    background-color: #f4f4f4;
	padding: 11px 10px;
    text-align: left;
	width: 180px;
}
#dvUserBox .osl #dvFixedPurchaseDetail table th{
    border-bottom-style: solid;
    border-bottom-width: 5px;
    background-color: #f4f4f4;
	padding: 11px 10px;
    text-align: left;
	width: 150px;
}
#dvUserBox .osl #dvOrderHistoryDetail table th.th_udrtChange,
#dvUserBox .osl #dvFixedPurchaseDetail table th.th_udrtChange{
	min-height: 47px;
	background-color: #fff;
}
#dvUserBox .osl #dvFixedPurchaseDetail table th.th_udrtChange.heigt{
	min-height: 72px;
}
#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: 5px;
	padding: 6px 18px;
	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: 0px;
    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: 20px !important;
}
#dvUserBox .osl .default_ttl{
	font-size: 16px;
}
#dvUserBox .osl .cereditarea{
	margin-top: 26px;
}
/*----------------------------------------------------------------------------------------------
	ユーザー系 注文方法の追加
-----------------------------------------------------------------------------------------------*/
#dvUserModifyInput .dvContentsInfo {
	padding: 20px 0;
	background: #ffffff;
	margin: 0;
}
#dvUserModifyInput .dvContentsInfo_txt{
	font-size: 12.5px;
	letter-spacing: 0.01em;
}
#dvUserModifyInput .dvDefaultOrderSetting_ttl{
	font-size: 16px;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}
#dvUserModifyInput.default_pay .dvDefaultOrderSetting_ttl{
	margin-top: 36px;
}
#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: 260px;
	height: 50px;
	background-color: #f4f4f4;
	padding-left: 10px;
	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: 20px;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableHeader.credit_detail{
	margin: 20px 0 20px;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .area_cardinfo li{
	margin-top: 5px;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .area_cardinfo{
	display: block;
	width: 100%;
}
#dvUserFltContents #dvUserModifyInput .dropDown{
	width: 100%;
	display: block;
	padding-bottom: 30px;
}
#dvUserFltContents #dvUserModifyInput .default_pay .dropDown{
	width: 100%;
	display: block;
	padding-bottom: 10px;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableHeader2{
	width: 100%;
	display: block;
	padding-top: 20px;
	margin-bottom: 20px;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableDetail2{
	width: 100%;
	display: block;
	line-height: 1.7!important;
	font-size: 14px;
}
#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableDetail2 .meg_forchange{
	font-size: 12px;
	margin-top: 10px;
	display: block;
}
.mes_er_card{
	line-height: 1.7;
	/* border: solid 1px #545454;
	padding: 10px; */
}
/*==============================================================================================
 ユーザー系 受信メール履歴一覧
==============================================================================================*/
#dvUserFltContents #userRecieveMailList table{
    table-layout: fixed;
    border: 0;
    margin-top: 30px;
  }

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

  #dvUserFltContents #userRecieveMailList .table_left{
    width: 200px;
    padding: 14px 0 10px 10px;
  }
  #dvUserFltContents #userRecieveMailList .table_Right{
    padding: 14px 10px 10px 10px;
		line-height: 1.8;
  }
/*==============================================================================================
 ユーザー系 受信メール履歴詳細
==============================================================================================*/
.dvUserRecieveMail table {
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 0;
	background-color: #fff !important;
	margin-top: 40px;
  }

  .dvUserRecieveMail table th {
	height: 40px;
    width: 150px;
    padding: 12px 0 10px 10px;
    background-color: #f5f5f5 !important;
    vertical-align: middle;
    /* border-bottom-width: 5px; */
    border-bottom-style: solid;
    border-bottom-width: 5px;
    border-color: #ffffff;
  }

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

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

  .dvPasswordReminderComplete .checkmark {
	width: 140px;
	height: 140px;
	border: 15px solid #545454;
	border-radius: 50%;
	position: relative;
	margin: 30px auto 40px;
  }

  .dvPasswordReminderComplete .complete_Info {
	color: #545454;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 36px;
	margin-top: 32px;
  }

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

  .receptionInfo {
	font-size: 14px;
	border: 1px solid #545454;
	padding: 30px 60px !important;
	line-height: 2.2 !important;
  }
/*==============================================================================================
 ユーザー系 パスワードリマインダー アドレス再入力
==============================================================================================*/
.onlyUser .form_wrap .area_block.pass_m_i_top{
	border-top: 1px dotted #bebebe;
	border-bottom: 1px dotted #bebebe;
	padding: 2px 0 30px;
	margin: 60px 0 0;
}
.onlyUser .form_wrap .area_block.pass_m_i_top dt{
	margin: 26px 0 12px;
}
.onlyUser .form_wrap .pass_remaind_pass{
	margin:20px auto 30px;
}
.onlyUser .form_wrap .pass_remaind_alert{
	margin:0 auto;
	text-align: center;
	font-size: 14px;
	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: 3px 3px 3px 30px;cursor: pointer;margin-right: 20px;font-size: 14px;}
#dvOrderHistoryDetail .form_wrap label::before {position: absolute;content: '';top: 50%;left: 5px;width: 18px;height: 18px;margin-top: -10px;background: #fff;border: 1px solid #ccc;border-radius: 100%;}
#dvOrderHistoryDetail .form_wrap input[type="radio"]:checked + label::after {position: absolute;content: '';top: 47%;left: 9px;width: 10px;height: 10px;margin-top: -5px;background: #777;border-radius: 100%;}
#dvOrderHistoryDetail .form_wrap .input_confirm dt{border-top: dotted 1px #cacaca;padding-top: 30px;}
#dvOrderHistoryDetail .form_wrap dt.user_radio_only{ margin: 10px 0 10px;}
#dvOrderHistoryDetail .expire .form._07,#dvUserFltContents .expire .form._07 {width: 130px;}
#dvOrderHistoryDetail .expire li span,#dvUserFltContents .expire li span{margin: 0 10px;}
#dvUserBox #divUserCreditCardName table th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    background-color: #ececec;
    padding: 10px;
    text-align: left;
    width: 170px;
}
#divUserCreditCardName dd input {
    background-color: #f4f4f4 !important;
    width: 350px;
    height: 50px;
    padding-left: 20px;
}
#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: 3px 3px 3px 0px;
}
#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: 10px;
}
#dvUserBox #dvOrderHistoryDetail .divCreditCardDisp_inner dt.noLine_top{
	border-top: none;
	padding: 0;
	margin: -10px 0 20px;
}
#dvUserBox #dvOrderHistoryDetail .divCreditCardDisp_inner dd.border_bottom_line{
	border-bottom: dotted 1px #cacaca;
	padding: 0 0 20px;
	margin: 0 0 20px;
}
/*再入力*/
#dvOrderHistoryDetail .btn_reform {width: 100px;display: inline-block;text-align: center;text-align: center;height: 30px;line-height: 30px;color: #ffffff;vertical-align: middle;margin-left: 10px;}

.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: 10px 0 0 auto;
}
.ul_udrtChange li{
	margin-left: 10px;
}
.ul_udrtChange li.fixed_btn_reflect{
	margin: 0 0 0 10px;
}
.ul_udrtChange li:first-child{
	margin-left: 0;
}
.tableFlex .point_inner{
	font-weight: normal;
	margin-top: 10px;
}
.tableFlex .point_inner .user_point_notice{
	margin-top: 10px;
}
.dvOrderHistoryShipping .form{
	font-weight: normal;
}
#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping.poshi_re,#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping.poshi_re{
	position: relative;
}
.tableFlex .poshi_ab{
	position: absolute;
	top: -10px;
	right: 20px;
}
.user_change_area_360{
	max-width: 360px;
}
.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: 20px 10px 0;
}
.dvOrderSumWrap .OrderSum_wrap li{
	font-size: 14px;
	margin: 0 0 17px;
}
.dvOrderSumWrap .OrderSum_wrap .orderSum .MemberRankUse,.dvOrderSumWrap .OrderSum_wrap .orderSum .couponUse,.dvOrderSumWrap .OrderSum_wrap .orderSum .pointUse,.dvOrderSumWrap .OrderSum_wrap .orderSum .fixeduse{
	color: #d9352c;
}
.dvOrderSumWrap .OrderSum_wrap .orderTotal {
	border-bottom: 2px solid #f4f4f4;
	padding: 20px 10px 0;
}
.dvOrderSumWrap .OrderSum_wrap .orderTotal{
	font-weight: bold;
}
#dvUserBox .osl .dvOrderHistoryInfo{
	padding: 30px 0 15px;
    background: #ffffff;
    margin: 0;
}
#dvUserBox .osl .dvOrderHistoryShipping{
	padding: 0 0 40px;
	background: #ffffff;
	margin: 0 auto;
}
.dvOrderHistoryDetail-updatewrap {
	width: 100%;
}
/* .osl #dvOrderHistoryDetail .dvOrderHistoryProduct .tableFlex th{
	display: block;
}
.osl #dvOrderHistoryDetail .dvOrderHistoryProduct .tableFlex th.sp-none{display: block;} */
/*==============================================================================================
 ユーザー系 定期購入履歴詳細
==============================================================================================*/
#dvUserBox .osl .dvFixedPurchaseDetail {
    padding: 30px 0 40px;
    background: #ffffff;
    margin: 0;
}
.fixed_btn_column{
	display: flex;
	align-items: center;
}
.fixed_btn_column li{
	margin-left: 10px;
}
#dvUserFltContents .form_wrap {font-weight: normal;}
#dvUserFltContents .form_wrap label {position: relative;display: inline-block;padding: 3px 3px 3px 30px;cursor: pointer;margin-right: 20px;font-size: 14px;}
#dvUserFltContents .form_wrap label::before {position: absolute;content: '';top: 50%;left: 5px;width: 18px;height: 18px;margin-top: -10px;background: #fff;border: 1px solid #ccc;border-radius: 100%;}
#dvUserFltContents .form_wrap input[type="radio"]:checked + label::after {position: absolute;content: '';top: 47%;left: 9px;width: 10px;height: 10px;margin-top: -5px;background: #777;border-radius: 100%;}
#dvUserFltContents .form_wrap .input_confirm dt{border-top: dotted 1px #cacaca;padding-top: 30px;}
#dvUserFltContents .form_wrap dt.user_radio_only{ margin: 10px 0 10px;}
#dvUserBox #dvFixedPurchaseDetail .divCreditCardDisp_inner dt{
    border-top: dotted 1px #cacaca;
    padding-top: 10px;
}
#dvUserBox #dvFixedPurchaseDetail .divCreditCardDisp_inner dt.noLine_top{
	border-top: none;
	padding: 0;
	margin: -10px 0 20px;
}
#dvUserBox #dvFixedPurchaseDetail .divCreditCardDisp_inner dd.border_bottom_line{
	border-bottom: dotted 1px #cacaca;
	padding: 0 0 20px;
	margin: 0 0 20px;
}
/*再入力*/
#dvUserFltContents .btn_reform {width: 100px;display: inline-block;text-align: center;text-align: center;height: 30px;line-height: 30px;color: #ffffff;vertical-align: middle;margin-left: 10px;}
#dvUserBox #dvFixedPurchaseDetail .fixed_pointinfo{
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5;
	margin-top: 10px;
}
.dvFixedPurchaseShipping.poshi_re .form._16 {
	max-width: none;
	width: 100%;
}


/*==============================================================================================
 ユーザー系 定期購入キャンセル
==============================================================================================*/
#dvFixedPurchaseDetail .inquirytext{width: 100%;min-height: 240px;line-height: 1.71;font-size: 14px;}
#dvFixedPurchaseDetail .form{background-color: #f4f4f4!important;}
/*==============================================================================================
 ユーザー系 退会ページ インプット
==============================================================================================*/
 #dvUserFltContents.Withdraw .dvUserBtnBox .attention{
	color:#ff0000;
	font-size:15px;
	line-height: 20px;
	text-align: left;
	border: 1px solid #ff0000;
	padding: 20px 20px;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 入荷お知らせメール情報
-----------------------------------------------------------------------------------------------*/
#dvFavoriteList .favorite_contents{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
#dvFavoriteList .favorite_contents .favorite_contents_name{
	flex-basis: 250px;
	text-align: center;
}
#dvFavoriteList .favorite_contents .favorite_contents_notice{
	flex-basis: 90px;
	text-align: center;
}
#dvFavoriteList .favorite_contents .favorite_contents_means{
	flex-basis: 110px;
	text-align: center;
}
#dvFavoriteList .favorite_contents .favorite_contents_date{
	flex-basis: 214px;
	text-align: center;
}

#dvFavoriteList .favorite_itemArea{
	display: flex;
	align-items: center;
	padding: 20px 0;
	border-top: 2px solid #f5f4f3;
}
#dvFavoriteList .favorite_itemArea .favorite_item_main{
	display: flex;
	align-items: center;
	flex-basis: 250px;
}
#dvFavoriteList .favorite_itemArea .favorite_img{
	flex-basis: 100px;
}
#dvFavoriteList .favorite_itemArea .favorite_img img{
	width: 100%;
}
#dvFavoriteList .favorite_itemArea .favorite_name{
	flex-basis: 140px;
	line-height: 1.5;
	margin-left: 10px;
}
#dvFavoriteList .favorite_itemArea .favorite_notice{
	flex-basis: 90px;
	line-height: 1.5;
	margin-left: 10px;
}
#dvFavoriteList .favorite_itemArea .favorite_means{
	flex-basis: 100px;
	line-height: 1.5;
	margin-left: 10px;
}
#dvFavoriteList .favorite_itemArea .favorite_date{
	flex-basis: 214px;
	line-height: 1.5;
	margin-left: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}
#dvFavoriteList .favorite_itemArea .favorite_date input{
	width: 60px;
    text-align: center;
    padding: 18px 0;
    margin-right: 0.3em;
}
#dvFavoriteList .favorite_itemArea .favorite_date input._20{
	width: 40px;
}
#dvFavoriteList .favorite_itemArea .favorite_delete{
	flex-basis: 40px;
	margin-left: 16px;
}
#dvFavoriteList .favorite_itemArea .date_datale{
	display: flex;
	flex-basis: 280px;
	align-items: center;
}
/*==============================================================================================
 ユーザー系 ソーシャルログイン連携
==============================================================================================*/
#dvSocialLoginCooperation .connect_btn{
	background-color: #f1b830;
	border-radius:5px;
	color: white;
	padding:0.6em 3.5em;
	display: inline-block;
}
#dvSocialLoginCooperation .connect_txt{
	font-weight:bold;font-size: 12px;
	margin-top: 0.6em;
	display: block;
}
.dvUserFltContents__lead-under {
	margin-top: 2rem;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規簡単会員登録
-----------------------------------------------------------------------------------------------*/
#dvUserContents #dvUserRegistRegulation .acceptArea{
	margin: 10px auto 0;
	text-align: center;
}
#dvUserContents #dvUserRegistRegulation .acceptArea p{
	margin-top: 5px;
}
.dvSocialLoginCooperation{
	max-width: 800px;
    width: 100%;
    margin: 26px auto 60px;
}
.dvSocialLoginCooperation .bnr_Social{
	display:flex;
	flex-wrap:wrap;
	margin:20px 0;
}

@media screen and (max-width: 1024px) {
/*==============================================================================================
 ユーザー系ページ共通
==============================================================================================*/
	#dvUserFltContents {
		max-width: none;
		width: 100%;
	}
	/* .user_wrap{
		flex-direction:column;
	} */
	/* #ctl00_ContentPlaceHolder1_upUpdatePanel{
		width: calc(100% - 60px);
		margin-left:calc(20 * (100vw / 1024));
		max-width: 740px;
	} */
	.orderHistoryList .orderList_itemimg{
		display: flex;
		flex-wrap: wrap;
		padding: 0 ;
		margin-left: calc(-20 * (100vw / 1024));
	}
	.orderHistoryList .orderList_itemimg .itemArea{
		width: calc(20% - 100px / 5);
		margin:0 0 calc(40 * (100vw / 1024)) 20px;
	}
	#dvUserContents{
		width:100%;
		margin:20px 0;
		padding: 0 calc(35 * 100vw / 1024);
	}
	#dvUserFltContents .dvContentsInfo_kakunin,#dvUserFltContents .dvContentsInfo_kakunin.user_m_c{
		padding:  calc(40 * (100vw / 1024)) 0  calc(30 * (100vw / 1024));
	}
	#dvUserFltContents .dvContentsInfo_kakunin p {
		font-size: 13px;
	}
/*==============================================================================================
 ユーザー系 お気に入りリスト
==============================================================================================*/
	#dvFavoriteList {
		margin-top: 30px;
	}
	.favorite_itemWrap {
		width: calc(20% - 100px / 5);
		margin:0 0 calc(40 * (100vw / 1024)) 20px;
	}
	.favorite_itemWrap .productName {
		padding: 6px 0;
	}
	.favorite_itemWrap .productName a {
		line-height: 22px;
	}
	.productPatternNum {
		margin-top: 20px;
	}
	.favoriteWrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		margin-left: calc(-20 *(100vw / 1024));
	}
	.favoriteProductImage img {
		width: 100%;
		border: 1px solid #cacaca;
		box-sizing: border-box;
	}
	.delete {
		width: 25px;
		height: 25px;
		background-image: url(https://demo-v5brandex.w2solution.com/Contents/ImagesPkg/product/trash_icon.png);
		background-size: 25px;
		background-repeat: no-repeat;
	}
	.delete a {
		display: block;
		height: 100%;
	}
/*==============================================================================================
 ユーザー系 ポイント履歴一覧
==============================================================================================*/
	#dvUserPointHistoryList {
        margin-top: 40px;
	}
	#dvUserPointHistoryList .point_circle {
		float: none;
	}
	#dvUserBox #dvUserPointHistoryList table {
		table-layout: fixed;
		width: 100%;
	}
	#dvUserPointHistoryList .leftBox .point_expiry {
		margin-bottom: 20px;
	}
	.alart_noPoint{
		text-align: center;
		margin-top: 10px;
	}
	.pointhistory_twocolumn{
		min-height: 230px;
	}
/*==============================================================================================
 ユーザー系 受信メール履歴詳細
==============================================================================================*/
	.dvUserRecieveMail table {
		table-layout: fixed;
		border-collapse: separate;
		border-spacing: 0 5px;
		background-color: #fff !important;
		margin-top: 40px;
	}
	.dvUserRecieveMail table th {
		height: 40px;
		width: 120px;
		padding-left: 11px;
		background-color: #f5f5f5 !important;
		vertical-align: middle;
	}
	#dvUserFltContents .dvUserRecieveMail table td {
		padding-left: 20px;
		line-height: 30px ;
	}
	.dvUserRecieveMail table .mailContent td {
		padding: 10px 0 10px 20px;
	}
	.mailDetailWrap .area_btn{
		margin: 60px 0;
	}
	.btn_confirm {
		background-color: #545454;
		height: 60px;
		line-height: 60px;
	}
}


 @media screen and (max-width: 767px) {
/*==============================================================================================
 ユーザー系ページ共通
==============================================================================================*
	/* #ctl00_ContentPlaceHolder1_upUpdatePanel{
		width: 100%;
		margin-left: 0;
		max-width: 740px;
	} */
	#dvUserFltContents{
		max-width: none;
		width: 100%;
		margin-left:0;
	}
	.user_wrap {
		flex-direction: column;
}
	.orderHistoryList .orderList_itemimg{
		display: flex;
		flex-wrap: wrap;
		padding: 0 ;
		margin-left: calc(-20 * (100vw / 800));
	}
	.orderHistoryList .orderList_itemimg .itemArea{
		width: calc(33.3333% - 60px / 3);
		margin:0 0 calc(40 * (100vw / 800)) 20px;
	}
	#dvUserMenu {
		width: 100%;
		/*margin-top: 7rem;*/
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
-----------------------------------------------------------------------------------------------*/
	#Wrap_lower.onlyDefault .area_ttl {
		margin: calc(50 * 100vw / 800) auto calc(60 * 100vw / 800);
		text-align: center;
	}
/*==============================================================================================
 ユーザー系 お気に入りリスト
==============================================================================================*/
	#dvFavoriteList {
		margin-top: 30px;
	}
	.favoriteWrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		margin-left: calc(-20 *(100vw / 800));
	}
	.favorite_itemWrap {
		width: calc(33.3333% - 60px / 3);
		margin:0 0 calc(40 * (100vw / 800)) 20px;
	}
	.favorite_itemWrap .productName {
		padding: 6px 0;
	}
	.favorite_itemWrap .productName a {
		line-height: 22px;
	}
	.productPatternNum {
		margin-top: 20px;
	}
	.favoriteitem_Wrap {
		margin-left: calc(-20 *(100vw / 800));
	}
	.favoriteProductImage img {
		width: 100%;
		border: 1px solid #cacaca;
	}
	.delete {
		width: 25px;
		height: 25px;
		background-image: url(https://demo-v5brandex.w2solution.com/Contents/ImagesPkg/product/trash_icon.png);
		background-size: 25px;
		background-repeat: no-repeat;
	}
	.delete a {
		display: block;
		height: 100%;
	}
/*----------------------------------------------------------------------------------------------
	ユーザー系 クレジットカード追加ページ
-----------------------------------------------------------------------------------------------*/
	#dvUserCreditCardInput input {
		width: 100%;
	}

	#dvUserCreditCardInput td input {
		background-color: #f4f4f4 !important;
		width: 100%;
	}

	#dvUserCreditCardInput .trcardNo td input {
		width:calc(150 * (100vw / 800 )) !important;
	}
	#dvUserCreditCardInput .cardNo_hyphen{
		display: inline-block;
		padding: 0 calc(9 * (100vw / 800 ));
	}
  #dvUserCreditCardInput .dvUserCreditCardInfo .error_inline {
    display: block;
  }
/*----------------------------------------------------------------------------------------------
 	ユーザー系 注文方法の保存
-----------------------------------------------------------------------------------------------*/
	.osl #dvUserModifyInput .orderMargin{
		margin-bottom: 20px;
	}
/*----------------------------------------------------------------------------------------------
	ユーザー系 注文方法の追加
-----------------------------------------------------------------------------------------------*/
/*==============================================================================================
 ユーザー系 パスワードリマインダー 完了
==============================================================================================*/
	.dvPasswordReminderComplete .checkmark span {
		display: block;
		content: '';
		position: absolute;
		top: 25%;
		left: 25%;
		width: calc(78 * (100vw / 800));
		height: calc(54 * (100vw / 800));
		border-left: calc(21 * (100vw /800)) solid #545454;
		border-bottom: calc(21 * (100vw /800)) solid #545454;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	.dvPasswordReminderComplete .checkmark {
		width: calc(200 * (100vw /800));
		height: calc(200 * (100vw /800));
		border: calc(21 * (100vw /800)) solid #545454;
		border-radius: 50%;
		position: relative;
		margin: calc(40 * (100vw / 800)) auto;
	}

	/*==============================================================================================
	ユーザー系 ポイント履歴一覧
	==============================================================================================*/
	.pointhistory_twocolumn {
    display: flex;
    flex-direction: column;
    min-height: inherit;
	}
	#dvUserPointHistoryList .point_circle {
    margin: 0 auto;
	}
	#dvUserPointHistoryList .leftBox .point_expiry {
		text-align: center;
	}

}

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

	#Wrap_lower.onlyUser {
			padding: calc(120 * (100vw / 750)) 0 0;
	}
	#dvUserFltContents .dvContentsInfo_kakunin{
		padding: calc(60 * (100vw / 800)) 0 0;
	}
	#dvUserFltContents .dvContentsInfo_kakunin.user_m_c{
		padding: calc(60 * (100vw / 800)) 0 calc(56 * (100vw / 800));
	}
	#dvUserFltContents .dvContentsInfo_kakunin p {
		font-size: calc(28 * (100vw / 750));
	}
	#dvUserFltContents.withForm{
		margin-bottom: calc(80 * (100vw / 750));
	}
	#dvUserFltContents .dvContentsInfo_attention p{
		font-size: calc(32 * (100vw / 750));
		line-height: 1.6;
	}
	/* #pagination{
		padding-top: calc(76 * (100vw / 750 ));
    	margin: 0 auto calc(94 * (100vw/ 750));
	} */
	#pagination{
		padding-top:calc(100 * (100vw / 750 ));
		margin-top: 0;
	}
	.accordionbox,
	#dvUserMenu .accordionbox {
		margin-top:calc(80 * (100vw/ 750));
	}
	#dvUserContents{
		width:100%;
		margin:calc(40 * (100vw / 750)) 0 0;
		padding: 0 calc(35 * 100vw / 750);
	}
	#dvUserInquiryInput .inquirytext{
		width: 100%;
		min-height: calc(320 * (100vw / 750));
		line-height: 1.71;
	}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
-----------------------------------------------------------------------------------------------*/
	.area_ttl,#Wrap_lower.onlyDefault .area_ttl {
		margin: calc(100 * 100vw / 750) auto;
		text-align: center;
	}
	#Wrap_lower.onlyUser .area_ttl {
		margin: calc(100 * 100vw / 750) auto;
	}
	#dvUserBox #dvUserRegistRegulation ul li {
		font-size: calc(32*(100vw/750));
		line-height: 1.6;
	}
	#dvUserBox #dvUserRegistRegulation ul.area_btn {
		margin-top: calc( 80 * 100vw / 750);
	}
	#dvUserBox #dvUserRegistRegulation ul.area_btn li{
		margin:0;
	}
	#dvUserBox #dvUserRegistRegulation ul.area_btn li:first-child{
		margin-top:calc(40 * (100vw / 750));
		margin-left:0;
	}
	#dvUserBox #dvUserRegistRegulation .dvRegulation{
		overflow-x: hidden;
		overflow: auto;
		height: calc(640 * (100vw / 750));
		background-color: #f9f9f9;
		margin-top: calc(100 * (100vw / 750));
		padding: calc(30 * (100vw / 750));
	}
	#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner{
		overflow-x: hidden;
		overflow-y: scroll;
		height: calc(570 * (100vw / 750));
		background-color: #f9f9f9;
		padding: 0 0 calc(30 * (100vw / 750));
	}
	#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner h4,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner h4{font-size: calc(32*(100vw/750));font-weight: bold;line-height: 1.6;margin-bottom: calc(26 * (100vw / 750));}
	#dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner p,#dvUserContents #dvUserRegistRegulation .dvRegulation .dvRegulation_inner p{margin:0 auto calc(36 * (100vw / 750));}
/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴一覧
-----------------------------------------------------------------------------------------------*/
	#sortBox { margin: calc(60 * (100vw / 750)) 0 ; }
	.orderHistoryList.fixedPurchase{margin: calc(60 * (100vw / 750)) 0 0 ; }

	#sortBox ul li.active {
		color: #fff;
		background-color: #545454;
		font-size: calc(30 * (100vw / 750));
		height: calc(50 * (100vw / 750));
		line-height: inherit;
		padding: calc(12 * (100vw / 750)) calc(24 * (100vw / 750));
	}

	#sortBox ul li a {
		display: block;
		background-color: #efefef;
		font-size: calc(30 * (100vw / 750));
		height: calc(50 * (100vw / 750));
		line-height: inherit;
		padding: calc(12 * (100vw / 750)) calc(24 * (100vw / 750));
	}
	#sortBox ul li.active,#sortBox ul li a {
		font-size: calc(30 * (100vw / 750));
	}
	#dvUserFltContents{
		max-width: none;
		width: 100%;
		padding: 0 calc(35 * 100vw / 750);
	}
	/* #ctl00_ContentPlaceHolder1_upUpdatePanel{
		width:100%;
		padding: 0 calc(35 * 100vw / 1024);
		max-width: 740px;
	} */
	.orderHistoryList{
		margin-bottom: calc(100 * (100vw / 750));
	}
	.orderHistoryList .orderList_itemimg .itemArea .itemText{
		margin-top: calc(30 * (100vw / 750));
	}
	.orderHistoryList .orderList_itemimg .itemArea .itemText p{
		font-size: calc(26 * (100vw / 750));
	}
	.orderHistoryList .plPrice,.orderHistoryList .orderDate{
		font-size: calc(26 * (100vw / 750));
		line-height: 1.5;
	}
	.orderHistoryList .orderList_dateNum{
		display: flex;
		flex-direction: column;
		padding: calc(26 * (100vw / 750)) calc(20 * (100vw / 750));
		background: #f4f4f4;
		margin-bottom: calc(26 * (100vw / 750));
		line-height: 1.8;
	}
	.orderHistoryList .orderList_detail {
		margin: calc(30 * (100vw / 750)) calc(20 * (100vw / 750)) calc(60 * (100vw / 750));
	}
	.orderHistoryList .orderList_detail .orderList_detail_inner{
		display: flex;
		flex-direction: column;
		margin: 0;
		line-height: 1.6;
	}
	.orderHistoryList .orderList_btnArea{
		margin-top: calc(20 * (100vw / 750));
	}
	.orderHistoryList .orderList_detail .orderList_detail_inner:first-child{
		margin-bottom: 0;
	}
	.orderHistoryList .orderList_detail .orderList_detail_inner li{
		margin-left: 0;
		font-size: calc(30 * (100vw / 750));
	}
	.orderHistoryList .orderList_itemimg{
		display: flex;
		flex-wrap: wrap;
		padding: 0 ;
		margin-left: calc(-40 * (100vw / 800));
	}
	.orderHistoryList .orderList_itemimg .itemArea{
		width: calc(320 * (100vw / 750));
		margin:0 0 calc(60 * (100vw / 750)) calc(38 * (100vw / 750));
	}
	/*----------------------------------------------------------------------------------------------
	ユーザー系 クレジットカード一覧ページ
	-----------------------------------------------------------------------------------------------*/
	#dvUserFltContents .error_msg{
		padding: calc(30 * (100vw / 750));
		margin: calc(60 * (100vw / 750)) 0 calc(80 * (100vw / 750));
		font-size: calc(32 * (100vw / 750));
	}
	#dvUserFltContents .error_msg.with_lh{
		padding: calc(30 * (100vw / 750)) 0;
		/* margin: calc(50 * (100vw / 750)) 0 calc(80 * (100vw / 750)); */
		font-size: calc(32 * (100vw / 750));
	}
	/*----------------------------------------------------------------------------------------------
		ユーザー系 クレジットカード追加ページ
	-----------------------------------------------------------------------------------------------*/
	#dvUserCreditCardInput .area_ttl_sec p{
		margin-top: calc(60 * (100vw / 750 )) !important;
	}
	#dvUserCreditCardInput table {
      width: 100% !important;
	}
	#dvUserCreditCardInput {
      margin-top: 6px;
	}
	#dvUserCreditCardInput th {
      width: 100%;
      padding: calc(60 * (100vw / 750 )) 0 calc(30 * (100vw / 750 )) 0 !important;
      font-size: calc(30 * (100vw / 750 ));
	}
	#dvUserCreditCardInput td {
      width: 100%;
      border-bottom: 0 !important;
      height: 50px;
      padding: 0 !important;
	}
	#dvUserCreditCardInput td input {
      background-color: #f4f4f4 !important;
      width: 100%;
      height: calc(100 * (100vw / 750 ));
      padding-left: calc(30 * (100vw / 750 ));
	}
	#dvUserCreditCardInput td input::placeholder{
		font-size: calc(36 * (100vw / 750 ));
		line-height: calc(100 * (100vw / 750 ));
	}
	#dvUserCreditCardInput .expirationDate td select {
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      position: relative;
      padding-left: calc(30 * (100vw / 750 ));
      background-image: url(../../Contents/ImagesPkg/user/select_arrow.png);
      background-repeat: no-repeat;
      background-size: calc(35 * (100vw / 750 )) calc(20 * (100vw / 750 ));
      background-position: calc(155 * (100vw / 750 )) center;
      width: calc(250 * (100vw / 750 ));
      height: calc(100 * (100vw / 750 ))
    }
    #dvUserCreditCardInput .trcardNo td input {
      width: calc(143 * (100vw / 750 )) !important;
    }
    #dvUserCreditCardInput .cardNo_hyphen{
      padding: 0 calc(13 * (100vw / 750 ));
    }
    #dvUserCreditCardInput .area_btn li:last-child{
      margin-bottom: calc(40 * (100vw / 750 ));
    }
    #dvUserCreditCardInput .area_btn li{
      margin: 0;
    }
    #dvUserCreditCardInput .trSecurityCode input{
      width: calc(340 * (100vw / 750 ));
    }
    #dvUserCreditCardInput .slash{
      display: inline-block;
      padding: 0 calc(14 * (100vw / 750 ));
    }
    #dvUserCreditCardInput .expirationDate_txt{
      display: inline-block;
      padding-left:0;
      font-size: calc(36 * (100vw / 750 ));
	}
	#dvUserCreditCardInput .required{
		font-size: calc(24 * (100vw / 750 ));
		line-height: calc(36 * (100vw / 750));
		height: calc(36 * (100vw / 750));
		padding: 0;
		width: calc(70 * (100vw / 750));
		text-align: center;
	}
	.area_ttl_sec p{
		font-size: calc(32 * (100vw / 750 ));
		font-feature-settings: 'pwid';
	}
  /* #dvUserBox #dvUserCreditCardInput table tr {
    display: flex;
    flex-direction: column;
  } */
  #dvUserBox #dvUserCreditCardInput table th {
    display: block;
    width: 100%!important;
  }
  #dvUserBox #dvUserCreditCardInput .creditCardForTokenAcquired-wrap td {
    display: block;
    width: 100%;
    height: auto;
    font-size: 1.4rem;
  }
  #dvUserCreditCardInput .trcardNo-entered__group {
    justify-content: space-between;
  }
  #dvUserCreditCardInput .trcardNo-entered__button {
    padding: 0;
  }
  #dvUserCreditCardInput .trcardNo-entered__buttonEl {
    font-size: 1.1rem;
  }
  /*==============================================================================================
	ユーザー系 お気に入りリスト
	==============================================================================================*/
	#dvFavoriteList {
		margin-top: calc(60 *(100vw / 750));
	}
	.favoriteWrap {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		flex-wrap: wrap;
		margin-left: calc(-22 *(100vw / 750));
	}
	.favorite_itemWrap {
		width: 44%;
		margin: 0 0 calc(80 *(100vw / 750)) calc(35 *(100vw / 750));
	}
	.favorite_itemWrap .productName {
		padding: calc(20 *(100vw / 750)) 0;
	}
	.favorite_itemWrap .productName a {
		line-height: calc(48 *(100vw / 750));
	}
	.productPatternNum {
		margin-top: calc(30 *(100vw / 750));
	}
	.delete {
		width: calc(60 *(100vw / 750));
		height: calc(60 *(100vw / 750));
		background-image: url(https://demo-v5brandex.w2solution.com/Contents/ImagesPkg/product/trash_icon.png);
		background-size: calc(60 *(100vw / 750));
		background-repeat: no-repeat;
	}
	/*==============================================================================================
	ユーザー系 ポイント履歴一覧
	==============================================================================================*/
    #dvUserPointHistoryList {
      margin-top: 40px;
      overflow: hidden;
    }
    #dvUserPointHistoryList .point_circle {
      width: calc(550 * (100vw / 750));
      height: calc(550 * (100vw / 750));
      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 calc(80 * (100vw / 750));
      width: calc(550 * (100vw / 750));
      float: none;
      text-align: center;
    }
    #dvUserPointHistoryList .leftBox .point_expiry {
      font-size: calc(32 * (100vw / 750));
    }
    #dvUserPointHistoryList .point_circle .point_ttl {
      font-size: calc(32 * (100vw / 750));
      line-height: 1;
    }
    #dvUserPointHistoryList .point_circle .point_num {
      font-size: calc(90 * (100vw / 750));
      line-height: 1;
      font-weight: normal;
      margin: 14px 0 5px;
    }
    #dvUserPointHistoryList .point_circle .point_num span {
      font-size: calc(60 * (100vw / 750));
    }
    #dvUserPointHistoryList .point_circle .poin_tentative {
      font-size: calc(32 * (100vw / 750));
      display: inline-block;
    }
    #dvUserPointHistoryList .point_circle .poin_tentative span {
      font-size: calc(54 * (100vw / 750));
    }
    #dvUserBox #dvUserPointHistoryList table {
      table-layout: fixed;
      width: calc(680 * (100vw / 750));
      font-size: calc(30 * (100vw / 750));
      letter-spacing: 0.025em;
	  border-top: 0;
	  margin: calc(80 * (100vw / 750)) auto 0;
    }
    #dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table {
      margin-top: calc(60 * (100vw / 750));
    }
    #dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList table:first-child {
      margin-top: 0;
    }
    #dvUserBox #dvUserPointHistoryList table th {
      width: calc(260 * (100vw / 750)) !important;
      background-color: white;
      height: calc(80 * (100vw / 750));
      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: calc(60 * (100vw / 750)) 0 !important;
		font-size: calc(32 * (100vw / 750));
	}

	#dvUserFltContents .repeatWrap table {
		margin-top: calc(60 * (100vw / 750));
		font-size: calc(30 * (100vw / 750));
	}

	#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: calc(290 * (100vw / 750));
		height: calc(80 * (100vw / 750));
		padding: calc(30 * (100vw / 750));
	}

	#dvUserFltContents .repeatWrap table td {
		background-color: #fff !important;
		border-bottom: 2px solid #f4f4f4 !important;
		text-align: left !important;
		height: calc(80 * (100vw / 750));
		padding: calc(30 * (100vw / 750));
	}

	#dvUserFltContents #pagination .pagerWrap .list-pager li span {
		font-size: calc(24 * (100vw / 750));
	}
/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳の一覧
-----------------------------------------------------------------------------------------------*/
	.shippingList_wrap.only_list{
		margin: calc(80 * (100vw / 750)) 0 0;
	}
	.shippingList_wrap.only_list .shippingList_Name{
		padding: calc(20 * (100vw / 750)) calc( 16 * (100vw / 750));
		font-size: calc(32 * (100vw / 750));
	}
	.shippingList_wrap.only_list .shippingList_detail{
		padding: calc(20 * (100vw / 750)) calc( 16 * (100vw / 750));
		font-size: calc(32 * (100vw / 750));
	}
	.area_btn.smallsize{
		display: flex;
		justify-content: flex-end;
		flex-direction: inherit;
		margin: 0 ;
	}
	.area_btn.smallsize li{
		margin:0 0 0 calc(20 * (100vw / 750));
		width: calc(250 * (100vw / 750));
	}
	.area_btn.smallsize li:first-child{
		margin:0;
		width: calc(250 * (100vw / 750));
	}
/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳の入力
-----------------------------------------------------------------------------------------------*/
	#dvUserFltContents #dvUserShippingList.unit{
		padding: 0;
	}
	#dvUserShippingList .dvUserShippingList_ttl{
		font-size: calc(32 * (100vw / 750));
		line-height: 1.6em;
		letter-spacing: 0.01em;
	}
	#dvUserShippingList .error_msg{
		font-size: calc(32 * (100vw / 750));
		line-height: 1.6em;
		letter-spacing: 0.01em;
		padding: calc(30 * (100vw / 750));
		margin: calc(60 * (100vw / 750)) 0 calc(60 * (100vw / 750));
	}
	.shippingList_wrap-inner .shippingList_Name{
		font-size: calc(32 * (100vw / 750));
		word-break: break-all;
	}
	.shippingList_wrap-inner .shippingList_detail{
		font-size: calc(32 * (100vw / 750));
	}
	.shippingList_wrap .shippingList_update{
		padding: 6px 30px;
		display: inline;
	}
	.shippingList_wrap .shippingList_delete{
		padding: 6px 30px;
		display: inline;
		margin-right: 5px;
	}
/*----------------------------------------------------------------------------------------------
	ユーザー系 注文方法の保存
-----------------------------------------------------------------------------------------------*/
	.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: 20px;
	}
	#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: calc(30 * (100vw / 750)) calc(20 * (100vw / 750)) calc(27 * (100vw / 750));
		text-align: left;
		width: inherit;
		font-size: calc(32 * (100vw / 750));
		min-height: inherit;
	}
	#dvUserBox .osl #dvOrderHistoryDetail table th.noback{
		border-bottom-style: solid;
		border-bottom-width: 0;
		background-color: #ffffff;
		padding: calc(30 * (100vw / 750)) calc(20 * (100vw / 750)) calc(27 * (100vw / 750));
		text-align: left;
		width: inherit;
		font-size: calc(32 * (100vw / 750));
		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: calc(28 * (100vw / 750)) calc(20 * (100vw / 750));
		text-align: left;
		line-height: 1.7!important;
		font-size: calc(32 * (100vw / 750));
	}
	#dvUserBox .osl #dvFixedPurchaseDetail table td.withBtn{
		padding: calc(28 * (100vw / 750)) 0 calc(28 * (100vw / 750)) calc(20 * (100vw / 750));
	}
	#dvUserBox .osl .cereditarea{
		margin-top: calc(40 * (100vw / 750));
	}
/*----------------------------------------------------------------------------------------------
	ユーザー系 注文方法の追加
-----------------------------------------------------------------------------------------------*/
	#dvUserModifyInput .dvDefaultOrderSetting_ttl{
		font-size: calc(32 * (100vw / 750));
		font-weight: bold;
		margin-top: calc(40 * (100vw / 750));
		margin-bottom: calc(40 * (100vw / 750));
	}
	#dvUserModifyInput.default_pay .dvDefaultOrderSetting_ttl{
		margin-top: 36px;
	}
	#dvUserFltContents #dvUserModifyInput .dropDown select{
		width: 100%;
		height: calc(100 * (100vw / 750));
		padding-left: calc(20 * (100vw / 750));
	}
	#dvUserFltContents #dvUserModifyInput .dropDown{
		padding-bottom: calc(60 * (100vw / 750));
	}
	#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableHeader{
		margin-bottom: calc(30 * (100vw / 750));
	}
	#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableDetail2{
		padding-top: 0;
		margin-bottom: calc(40 * (100vw / 750));
		font-size: calc(30 * (100vw / 750));
	}
	#dvUserFltContents #dvUserModifyInput .dvDefaultOrderSetting .tableHeader.credit_detail{
		margin: calc(40 * (100vw / 750)) 0 calc(40 * (100vw / 750));
	}
	#dvUserFltContents #dvUserModifyInput .default_pay .dropDown{
		padding-bottom: 0;
	}
/*==============================================================================================
 ユーザー系 受信メール履歴一覧
==============================================================================================*/
	#userRecieveMailList h4{
		font-size: calc(32 * (100vw / 750));
		margin:  calc(60 * (100vw / 750)) 0 !important;
	}
	#dvUserFltContents{
		color: #545454 !important;
	}
	#dvUserFltContents #userRecieveMailList table{
		table-layout: fixed;
		border: 0;
		margin-top: 30px;
		font-size:  calc(24 * (100vw / 750));
	}
	#dvUserFltContents #userRecieveMailList th,#dvUserFltContents #userRecieveMailList td{
		height: calc(120 * (100vw / 750));
		border-bottom: 2px solid #f4f4f4;
		color: #545454;
		padding:calc(25 * (100vw / 750)) 0 calc(25 * (100vw / 750)) calc(50 * (100vw / 750)) ;
	}
	#dvUserFltContents #userRecieveMailList .table_head{
		font-size:  calc(30 * (100vw / 750));
	}
	#dvUserFltContents #userRecieveMailList .table_left{
		width:calc(200 * (100vw / 750));
		padding: calc(20 * (100vw / 750)) calc(10 * (100vw / 750)) calc(20 * (100vw / 750)) calc(20 * (100vw / 750));
		letter-spacing: 0.5px;
		line-height: 1.8;
	}
	#dvUserFltContents #userRecieveMailList .table_Right{
		padding: calc(20 * (100vw / 750)) calc(20 * (100vw / 750)) calc(20 * (100vw / 750)) 0;
		letter-spacing: 0.5px;
		line-height: 1.8;
	}
/*==============================================================================================
 ユーザー系 受信メール履歴詳細
==============================================================================================*/
	.dvUserRecieveMail table {
		table-layout: fixed;
		border-collapse: collapse;
		border-spacing: 0;
		background-color: #fff !important;
		margin-top: calc(40 *(100vw / 750));
	}

	.dvUserRecieveMail table th,
	#dvUserFltContents .dvUserRecieveMail table td{
		display: block;
	}
	.dvUserRecieveMail table th {
		height: calc(80 * (100vw / 750));
		line-height: calc(20 * (100vw / 750));
		width: 100%;
		padding: calc(28 * (100vw / 750)) calc(20 * (100vw / 750)) calc(28 * (100vw / 750)) ;
		background-color: #f5f5f5 !important;
		vertical-align: middle;
		font-size: calc(30 *(100vw / 750));
		border-bottom-style:none;
	}
	#dvUserFltContents .dvUserRecieveMail table td {
		line-height: calc(40 *(100vw / 750));
		padding: calc(20 *(100vw / 750)) ;
		font-size: calc(24 *(100vw / 750));
		border-bottom-style: none;
	}
	.mailDetailWrap .area_btn{
		margin: calc(30 *(100vw / 750)) auto 0;
	}
/*==============================================================================================
 ユーザー系 パスワードリマインダー 入力
==============================================================================================*/
	.form_wrap.passRemaind_input{
		padding:0;
	}
/*==============================================================================================
 ユーザー系 パスワードリマインダー 完了
==============================================================================================*/
	.dvPasswordReminderComplete .complete_Info {
		text-align: center;
		font-size: calc(32 * (100vw /750));
		font-weight: bold;
		line-height: calc(48 * (100vw /750));
		margin-top: calc(62 * (100vw /750));
	}
	.dvPasswordReminderComplete .complete_Info .note {
		font-size: calc(24 * (100vw /750));
		line-height: calc(36 * (100vw /750));
	}
	.receptionInfo {
		font-size: calc(30 * (100vw /750));
		border: 1px solid #545454;
		line-height: calc(48 * (100vw /750)) !important;
		padding: calc(60 * (100vw /750)) 2% !important;
	}
	.ws_nw{
		white-space: nowrap;
	}
	.dvPasswordReminderComplete .area_btn li:first-child {
		margin-top: 0;
	}
	.dvPasswordReminderComplete .checkmark {
		width: calc(200 * (100vw /750));
		height: calc(200 * (100vw /750));
		border: calc(21 * (100vw /750)) solid #545454;
		border-radius: 50%;
		position: relative;
		margin: calc(60 * (100vw /750)) auto;
	}
/*==============================================================================================
 ユーザー系 パスワードリマインダー アドレス再入力
==============================================================================================*/
	.onlyUser .form_wrap .area_block.pass_m_i_top{
		padding: calc(2 * (100vw /750)) 0 calc(60 * (100vw /750));
		margin: calc(100 * (100vw /750)) 0 0;
	}
	.onlyUser .form_wrap .area_block.pass_m_i_top dt{
		margin: calc(54 * (100vw /750)) 0 calc(24 * (100vw /750));
	}
	.onlyUser .form_wrap .pass_remaind_pass{
		margin:calc(30 * (100vw /750)) auto calc(40 * (100vw /750))
	}
	.onlyUser .form_wrap .pass_remaind_alert{
		margin:0 auto;
		text-align: center;
		font-size: 14px;
		color: #d93625;
		display: block;
	}
/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴詳細
-----------------------------------------------------------------------------------------------*/
	#dvOrderHistoryDetail .expire .form._07,#dvUserFltContents .expire .form._07  {width: calc(200 * 100vw / 750);}
	#dvUserBox #dvOrderHistoryDetail .divCreditCardDisp_inner dt{
		border-top: dotted 1px #cacaca;
		padding-top: calc(20 * 100vw / 750);
		margin: calc(20 * 100vw / 750) 0;
	}
	#dvUserBox #dvOrderHistoryDetail .attention {
		margin-top: calc(30 * 100vw / 750);
		display: block;
	}
	#dvOrderHistoryDetail .form_wrap label {font-size: calc(32 * 100vw / 750);}
	.tableFlex.th_none_sp th{display: none;}
	#dvUserBox .osl #dvOrderHistoryDetail table .tableFlex.th_none_sp td{
		padding: 0 calc(20 * (100vw / 750)) calc(28 * (100vw / 750));
	}
	.tableFlex .area_changebtn.change_address{
		display: flex;
		justify-content: space-between;
		align-items:flex-start;
		flex-direction: column;
	}
	.tableFlex .poshi_ab{
		position: absolute;
		top: calc(-20 * (100vw / 750));
    	right: calc(20 * (100vw / 750));
	}
	/* .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: calc(20 * (100vw / 750)) calc(20 * (100vw / 750)) calc(20 * (100vw / 750));
		text-align: left;
		width: inherit;
		font-size: calc(32 * (100vw / 750));
		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 calc(20 * (100vw / 750)) calc(10 * (100vw / 750));
		text-align: left;
		width: inherit;
		font-size: calc(32 * (100vw / 750));
		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: calc(40 * (100vw / 750)) calc(20 * (100vw / 750)) calc(10 * (100vw / 750));
	}
	.doubletext{display: inline;}
	#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table{
		margin: calc(20 * (100vw / 750)) 0!important;
	}
	.dvOrderSumWrap .OrderSum_wrap li{
		font-size: calc(32 * (100vw / 750));
		margin: 0 0 17px;
	}
	.dvOrderSumWrap .OrderSum_wrap .orderSum {
		border-top: 2px solid #f4f4f4;
		border-bottom: 2px solid #f4f4f4;
		padding: calc(40 * (100vw / 750)) calc(20 * (100vw / 750)) 0;
	}
	.dvOrderSumWrap .OrderSum_wrap .orderTotal {
		border-bottom: 2px solid #f4f4f4;
		padding: calc(40 * (100vw / 750)) calc(20 * (100vw / 750)) 0;
	}
	#dvUserBox .osl .dvOrderHistoryInfo{
		padding: calc(60 * (100vw / 750)) 0 0;
		background: #ffffff;
		margin: 0 auto;
	}
	#dvUserBox .osl .dvOrderHistoryShipping{
		padding: 0 0 calc(60 * (100vw / 750));
		background: #ffffff;
		margin: 0 auto;
	}
	#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo table{
		margin-bottom: calc(80 * (100vw / 750) )!important;
	}
	.ul_udrtChange li.fixed_btn_reflect{
		margin: 0 0 calc(20 * (100vw / 750) ) 0;
	}
	#dvUserBox .osl #dvFixedPurchaseDetail table th{
		border-bottom-style: solid;
		border-bottom-width: 0;
		background-color: #f4f4f4;
		padding: calc(30 * (100vw / 750)) calc(20 * (100vw / 750)) calc(27 * (100vw / 750));
		text-align: left;
		width: inherit;
		font-size: calc(32 * (100vw / 750));
		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: calc(20 * (100vw /750));
	}
	.side_right{
		margin: calc(20 * (100vw / 750)) 0 0 auto;
	}
	/*==============================================================================================
 ユーザー系 定期購入履歴詳細
==============================================================================================*/
#dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseShipping.poshi_re .form._16 {
	width: 100%;
}

	/*----------------------------------------------------------------------------------------------
 ユーザー系 定期キャンセル
-----------------------------------------------------------------------------------------------*/
	#dvFixedPurchaseDetail .inquirytext{
		width: 100%;
		min-height: calc(320 * (100vw / 750));
		line-height: 1.71;
		font-size: calc(28 * (100vw / 750));
	}
/*==============================================================================================
 ユーザー系 退会ページ インプット
==============================================================================================*/
 	#dvUserFltContents.Withdraw .dvUserBtnBox{
		margin-bottom: 40px;
	}

	#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: calc(40 * (100vw / 750));
		border-top: 2px solid #f5f4f3;
	}
	#dvFavoriteList .favorite_itemArea .favorite_item_main{
		display: flex;
		align-items: center;
		flex-basis: auto;
		margin: 0 0 calc(20 * (100vw/ 750));
	}
	#dvFavoriteList .favorite_itemArea .favorite_img{
		flex-basis: calc(210 * (100vw / 750));
	}
	#dvFavoriteList .favorite_itemArea .favorite_img img{
		width: 100%;
	}
	#dvFavoriteList .favorite_itemArea .favorite_name{
		flex-basis: auto;
		line-height: 1.5;
		margin-left: 10px;
	}
	#dvFavoriteList .favorite_itemArea .favorite_notice{
		flex-basis: auto;
		line-height: 1.5;
		margin: 0 0 calc(20 * (100vw/ 750));
	}
	#dvFavoriteList .favorite_itemArea .favorite_means{
		flex-basis: auto;
		line-height: 1.5;
		margin: 0 0 calc(20 * (100vw/ 750));
	}
	#dvFavoriteList .favorite_itemArea .favorite_date{
		flex-basis: auto;
		line-height: 1.5;
		margin: 0 0 calc(20 * (100vw / 750)) 0;
	}
	#dvFavoriteList .favorite_itemArea .favorite_date input.form {
		font-size: calc(26 * (100vw / 750));
	}
	#dvFavoriteList .favorite_itemArea .favorite_date input._19 {
		margin-left: 0.3em;
	}
	#dvFavoriteList .favorite_itemArea .favorite_delete{
		flex-basis: calc(80 * (100vw / 750));
		margin: 0 0 calc(20 * (100vw / 750)) auto;
	}
	#dvFavoriteList .favorite_itemArea .favorite_delete img{
		width: calc(80 * (100vw / 750));
	}
	#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:20px 0;
	}


}
/*----------------------------------------------------------------------------------------------
ユーザー系 店舗購入履歴一覧/詳細
-----------------------------------------------------------------------------------------------*/
.storeorderhistory .mypage_heading{
  background-color: #f4f4f4;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 1.42;
  padding: 1rem;
  position: relative;
}
.storeorderhistory .mypage_heading::after{
  content: '';
  display: inline-block;
  height: 1rem;
  width: 1rem;
  border-right: 1px solid;
  border-bottom: 1px solid;
  transform: rotate(-45deg);
  position: absolute;
  right: 1.5rem;
  bottom: 1.5rem;
}
.storeorderhistory .mypage_storeorderhistoryitem{
  display: block;
}
.storeorderhistory .mypage_storeorderhistoryitem:nth-of-type(n+2){
  margin-top: 2.5rem;
}
.storeorderhistory .mypage_definelist{
  display: flex;
  font-size: 1.3rem;
  letter-spacing: 0.05em;
  line-height: 1.7;
}
.storeorderhistory .mypage_definelist:first-of-type{
  margin-top: 1rem;
}
.storeorderhistory .mypage_definelist dt{
  width: 11rem;
}

#dvUserBox .osl #dvOrderHistoryDetail .mypage_storeorderhistory-table th,
#dvUserBox .osl #dvOrderHistoryDetail .mypage_storeorderhistory-table td{
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 0.05em;
}

#dvUserBox #dvOrderHistoryDetail .storeorderhistory .mypage_storeorderhistory-productname{
  width: 16rem;
  text-align: left;
}

#dvUserBox #dvOrderHistoryDetail .storeorderhistory .mypage_storeorderhistory-singleprice,
#dvUserBox #dvOrderHistoryDetail .storeorderhistory .mypage_storeorderhistory-ordercount{
  text-align: center;
}

@media screen and (min-width:768px) {
  .storeorderhistory .mypage_definelist{
    line-height: 2;
  }
  .storeorderhistory .mypage_storeorderhistoryitem:nth-of-type(n+2){
    margin-top: 2rem;
  }

  #dvUserBox .osl #dvOrderHistoryDetail .mypage_storeorderhistory-table{
    max-width: 100%;
  }

  #dvUserBox .osl #dvOrderHistoryDetail .mypage_storeorderhistory-table th,
  #dvUserBox .osl #dvOrderHistoryDetail .mypage_storeorderhistory-table td{
    padding: 1rem 1.1rem;
  }

  #dvUserBox #dvOrderHistoryDetail .storeorderhistory .mypage_storeorderhistory-productname{
    width: 48rem;
  }

  #dvUserBox #dvOrderHistoryDetail .storeorderhistory .mypage_storeorderhistory-singleprice,
  #dvUserBox #dvOrderHistoryDetail .storeorderhistory .mypage_storeorderhistory-ordercount{
    width: auto;
  }
}