@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: 26%;
}

#dvUserMenu.mypage_menu_top{
  width: 100%;
  margin-top: 40px;
}

#dvUserContents{
	width:100%;
  margin: 0;
}
/* フロート用コンテンツ枠 */
#dvUserFltContents{
	max-width:750px;
	width: 100%;
	margin-left: 20px;
}
#pagination{
	padding-top:50px;
	margin-top: 0;
}

#pagination:empty{
  display: none;
}

.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;
	text-align: center;
}
#dvUserFltContents .dvContentsInfo_kakunin p {
	/* line-height: 1.6em; */
	font-size: 14px;
}
#dvUserFltContents .dvContentsInfo_attention p{
	/* line-height: 1.6em; */
	font-size: 14px;
}
#dvUserFltContents.withForm{
	margin-bottom: 0;
}

.radioBtn input,
.input_radio input{
	display: none;
}

#Wrap_lower.onlyUser .step_flow{
  margin-bottom: 50px;
}

.breadcrumbs{
  margin-bottom: 30px;
}

.result_none{
  margin: 1rem 0;
  font-size: 12px;
  text-align: center;
}

/* ------------------------------------------------
  pager
------------------------------------------------ */
.result_none .result {
    display: none;
}

.cntBox{
  text-align: center;
}

.listPager{
    display: block;
    width: 100%;
  padding-bottom: 1.5rem;
}


.listPager ul{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
    margin: 0 auto;
}


.listPager ul > li{
	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: 3rem;
    height: 3rem;
    margin-right: 2rem;
    text-align: center;
}

.listPager ul > li:nth-last-of-type(1){margin-right: 0;}



.listPager ul > li > 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%;
    height: 100%;
    border: 1px solid #d9d4d4;
    background: #FFFFFF;
    color: #333131;
    font-size: 1.2rem;
    text-decoration: none;
    -webkit-transition: background  0.2s ease;
    -moz-transition: background  0.2s ease;
    -o-transition: background  0.2s ease;
    transition: background  0.2s ease;
}


.listPager ul > li > a:hover{
	background: #CCCCCC;
}


.listPager ul > li > span{
	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%;
    height: 100%;
    background: #333131;
    color: #FFFFFF;
}


.listPager ul > li.prev > a{
    border: none;
    background: url("../Contents/ImagesPkg/common/icon_arrow_left_narrow.svg") center center no-repeat;
    background-size: 1rem auto;
}

.listPager ul > li.next > a{
    border: none;
    background: url("../Contents/ImagesPkg/common/icon_arrow_right_narrow.svg") center center no-repeat;
    background-size: 1rem auto;
}



.listPager + .result{display: none;}







/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvOrderHistoryList{}
/* ソートボックス */
#sortBox { margin: 20px 0 40px; }
#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; }

#dvUserFltContents .dvFavoriteList .orderHistoryList_itemWrap .orderHistoryList{
  border-top: 1px solid #d9d4d4;
  padding: 20px 0;
}

#dvUserFltContents .dvFavoriteList .orderHistoryList_itemWrap .orderHistoryList:last-of-type{
  border-bottom: 1px solid #d9d4d4;
}


.orderHistoryList .orderList_detail .orderList_date{
  font-size: 12px;
  color: #9e0424;
  line-height: 1;
  margin-bottom: 13px;
}

.orderHistoryList .orderList_detail .orderList_detail_inner{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  font-size: 14px;
  line-height: 2;
}

.orderHistoryList .orderList_detail .orderList_detail_inner dt{
  font-weight: bold;
  width: 150px;
}


.orderHistoryList .orderList_btnArea{
	display: flex;
	justify-content: flex-end;
	margin: 0;
}

#dvUserFltContents .orderHistoryList .orderList_btnArea .btn_detail::after{
  content: "";
  position: absolute;
  top: 50%;
  right: 5%;
  display: inline-block;
  vertical-align: middle;
  width: 8px;
  height: 13px;
  background-image: url(../../Contents/ImagesPkg/common/btn_arrow_sp.png);
  background-repeat: no-repeat;
  background-size: 100%;
  text-align: center;
  margin-right: 10px;
  transform: translateY(-50%) rotate(180deg);
}


/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
-----------------------------------------------------------------------------------------------*/
#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 .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: auto;
    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;}

#dvUserRegistInput .form_select{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: center;
  align-items: center;
}

#dvUserRegistInput .acceptArea .form_select{
  justify-content: center;
}


/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 入力内容の確認
-----------------------------------------------------------------------------------------------*/
#dvUserRegistConfirm .confirm_block dd,#dvUserModifyConfirm .confirm_block dd{line-height: 1.71;}
#dvUserRegistConfirm .confirm_block dt{
  padding-top: 10px;
}
#dvUserBox #dvUserRegistConfirm .dvUserInfo{margin-bottom:20px;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 受付完了
-----------------------------------------------------------------------------------------------*/
#dvUserRegistComplete .area_ttl_sec p span{display: block;margin-bottom: 20px;font-size: 17px;}
#dvUserRegistComplete .area_btn li:empty{margin: 0;}
#dvUserRegistComplete .area_btn a{margin: 0 auto; color: #ffffff;}
/* .text_thanks{margin-bottom: 20px;} */

/*20241129 GA追記*/
#dvUserRegistComplete .area_btn {display: block;}
#dvUserRegistComplete .area_btn li a {width: 300px;}
#dvUserRegistComplete .area_btn li + li {margin-top: 20px;}
#dvUserRegistComplete .area_btn #ctl00_ContentPlaceHolder1_lbTopPage {width:200px;}
#dvUserRegistComplete .area_ttl_sec .ttl_p{text-align: center;}

@media screen and (min-width: 769px) {
		#dvUserRegistComplete .area_btn #ctl00_ContentPlaceHolder1_lbTopPage {height:50px;line-height: 50px;}
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 問い合わせ 問い合わせ内容の入力
-----------------------------------------------------------------------------------------------*/
#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 .shippingList_detail > p{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

#dvUserShippingList .shippingList_detail > p span:first-of-type{
  font-weight: bold;
  width: 150px;
}

#dvUserShippingList .error_msg{
	font-size: 14px;
	border: 1px solid #545454;
	padding: 20px 20px;
	margin: 0 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: 16px;
	font-weight: bold;
	line-height: 1.6em;
  margin-bottom: 10px;
}
.shippingList_wrap .shippingList_detail,.shippingList_wrap.only_list .shippingList_detail{
	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 5px 23px;
	/* margin: 40px 0 ; */
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 クレジットカード追加ページ
-----------------------------------------------------------------------------------------------*/
#dvUserCreditCardInput input {
	/*     width: 100%;*/
  }
  #dvUserCreditCardInput .smallttl{
	  padding-top: 5px;
  }
  #dvUserCreditCardInput table {
	border-top: 0 !important;
	table-layout: fixed;
  }

  #dvUserCreditCardInput {
	margin-top: 6px;
  }

  #dvUserCreditCardInput th {
    margin: 26px 0 20px;
  }

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

  
  #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;
  }

 #Wrap_lower #dvUserBox #dvUserFltContents #dvUserCreditCardInput .tableFlex th{
    line-height: 1;
  }

/*==============================================================================================
 ユーザー系 お気に入りリスト
==============================================================================================*/
#dvFavoriteList {
	margin-top: 30px;
}
.favorite_itemWrap {
	max-width: 160px;
	margin: 0 0 40px 20px;
}
.favorite_itemWrap .productName {
	padding: 6px 0;
}
.favorite_itemWrap .productName a {
	line-height: 22px;
}

.favorite_itemWrap .favoriteProductImage{
  position: relative;
}

.favorite_itemWrap .favoriteProductImage .variationview_wrap{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  left: 100%;
  top: 0;
  width: 35%;
  transition: all .4s;
}

.favorite_itemWrap.vari_on .favoriteProductImage .variationview_wrap{
  opacity: 1;
  visibility: visible;
  z-index: 20;
}

.favorite_itemWrap.vari_on .favoriteProductImage .variationview_bg{
  max-height: 150px;
}

.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(../../Contents/ImagesPkg/product/trash_icon.png);
	background-size: 25px;
	background-repeat: no-repeat;
}
.delete a {
	display: block;
	height: 100%;
}
/*==============================================================================================
 ユーザー系 ポイント履歴一覧
==============================================================================================*/
#dvUserPointHistoryList .point_info dl{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  -ms-align-items: flex-end;
  align-items: flex-end;
  font-size: 14px;
  padding: 15px 0;
}

#dvUserPointHistoryList .point_info dl:last-child{
  padding-bottom: 0;
}

#dvUserPointHistoryList .point_txt{
  font-size: 14px;
  margin-bottom: 30px;
}

#dvUserPointHistoryList .point_info{
  margin-top: 50px;
  border-bottom: 2px solid #d9d4d4;
  padding-bottom: 20px;
  margin-bottom: 16px;
}

#dvUserPointHistoryList .point_info .point_available{
  padding: 10px 0;
  margin-bottom: 5px;
  border-bottom: 2px solid #666363;
}

#dvUserPointHistoryList .point_info .point_available dd{
  font-size: 20px;
  color: #b32445;
  font-weight: 500;
}

#dvUserPointHistoryList .point_info .point_available dd span{
  font-size: 14px;
  font-weight: normal;
}

#dvUserPointHistoryList .notice{
  font-size: 12px;
  color: #666464;
  margin-bottom: 37px;
  margin-top: 0;
}

#dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList .ttl_w-max{
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}

#dvUserPointHistoryList .point_history{
  padding: 20px 0 15px;
  border-bottom: 2px solid #d9d4d4;
}

#dvUserPointHistoryList .point_history .point_history_date{
  line-height: 1;
  color: #9e0424;
  font-size: 12px;
  margin-bottom: 16px;
}

#dvUserPointHistoryList .point_history .point_history_pointWrap{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-align-items: flex-start;
  align-items: flex-start;
}

#dvUserPointHistoryList .point_history .point_history_point{
  margin-right: 0;
  margin-left: auto;
  font-size: 20px;
  font-weight: bold;
}

#dvUserPointHistoryList .point_history .point_history_point span{
  font-size: 14px;
  font-weight: normal;
}

#dvUserPointHistoryList .point_history .point_history_info{
  font-weight: bold;
  line-height: 1.5;
}

#dvUserPointHistoryList .point_history .point_history_info span{
	white-space: nowrap;
}

#dvUserPointHistoryList .point_history .point_history_id{
  margin-top: 13px;
}

#dvUserPointHistoryList .point_history .point_history_id:empty{
  display: none;
}

#dvUserPointHistoryList .point_history .point_history_id .order_id{
  text-decoration: underline;
  color: #999494;
}

#Wrap_lower.onlyUser .btn_back{
  margin-top: 20px;

}

/*==============================================================================================
 ユーザー系 クーポン一覧
==============================================================================================*/
#dvUserFltContents{
	color: #332e2e !important;
}

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

#dvUserFltContents .repeatWrap {
	width: 100%;
}

#dvUserFltContents 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;
  table-layout: fixed;
}

#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 td, #dvUserBox .osl #dvUserModifyConfirm table td,
#dvUserBox .osl #dvFixedPurchaseDetail table td.withBtn{
	padding: 6px 18px;
	text-align: left;
	line-height: 1.7!important;
}
#dvUserBox .osl table th {
    border-color: #ffffff;
}

#dvUserBox .osl #dvUserModifyInput table, #dvUserBox .osl #dvUserModifyConfirm 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;
}

#dvUserBox .osl table.form_wrap th{
  margin: 15px 0 5px;
}

.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;
}

.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;
}
#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 .recieveMail_item > div{
  padding: 20px 0;
  border-bottom: 1px solid #d9d4d4;
}

#dvUserFltContents #userRecieveMailList .recieveMail_item > div:first-child{
  border-top: 1px solid #d9d4d4;
}

#dvUserFltContents #userRecieveMailList .recieveMail_item .recieveMail_data{
  font-size: 12px;
  color: #9e0424;
  line-height: 1;
  margin-bottom: 17px;
}

#dvUserFltContents #userRecieveMailList .recieveMail_item .recieveMail_txt{
  font-size: 14px;
}


/*==============================================================================================
 ユーザー系 受信メール履歴詳細
==============================================================================================*/
.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;
  }

#userRecieveMailDetail{
  margin-top: 50px;
}


#userRecieveMailDetail dl dd{
  text-align: center;
  margin: 15px 0 35px;
  line-height: 1.5;
}

#dvUserBox #dvUserFltContents #userRecieveMailDetail .ttl_w-max{
  margin-top: 0;
  margin-bottom: 0;
}

#dvUserBox #dvUserFltContents .mail_detail_txt dd{
  text-align: left;
  overflow-wrap: break-word;
}


/*==============================================================================================
 ユーザー系 パスワードリマインダー 入力
==============================================================================================*/
#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;
	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 .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;
}

	#dvUserBox #dvOrderHistoryDetail .divCreditCardDisp_inner dt{
    margin-bottom: 5px;
    margin-top: 20px;
	}

#dvUserBox #dvOrderHistoryDetail .divCreditCardDisp_inner dt div{
  font-weight: bold;
}

#dvOrderHistoryDetail .form_wrap .form_radio_square span,
#dvFixedPurchaseDetail .form_wrap .form_radio_square span,
#dvUserBox #dvUserModifyInput .form_wrap .form_radio_square span{
  display: inline-block;
}


#dvOrderHistoryDetail .form_wrap .form_radio_square label,
#dvFixedPurchaseDetail .form_wrap .form_radio_square label,
#dvUserBox #dvUserModifyInput .form_wrap .form_radio_square label{
	padding: 0 3px 0 0px;
}
#ctl00_ContentPlaceHolder1_rPayment_ctl00_divUserCreditCardName{margin: 0;}
#dvOrderHistoryDetail #divUserCreditCardName .form_wrap .label::before{
	display: none;
}

#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;
  margin-top: 10px;
}
.ul_udrtChange.fix_restart{
	display:flex;
	justify-content: flex-end;
	flex-wrap: wrap;
}
.ul_udrtChange li{
	margin-left: 10px;
}
.ul_udrtChange li.fixed_btn_reflect{
  margin-top: 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;}

	#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table{
    margin: 20px 0 20px;
	}

#dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct > div{
  border-bottom: 1px solid #d9d4d4;
}

.dvOrderSumWrap .OrderSum_wrap .orderSum ul,.dvOrderSumWrap .OrderSum_wrap .orderTotal ul{
	display: flex;
	justify-content: space-between;
}
.dvOrderSumWrap .OrderSum_wrap .orderSum {
	padding: 20px 0 30px;
}
.dvOrderSumWrap .OrderSum_wrap li{
	font-size: 14px;
  padding-bottom: 15px;
}
.dvOrderSumWrap .OrderSum_wrap .orderSum .MemberRankUse,.dvOrderSumWrap .OrderSum_wrap .orderSum .couponUse,.dvOrderSumWrap .OrderSum_wrap .orderSum .pointUse,.dvOrderSumWrap .OrderSum_wrap .orderSum .fixeduse{
	color: #b32445;
}

.dvOrderSumWrap .OrderSum_wrap .orderSum {
  border-top: 1px solid #f4f4f4;
  padding: 20px 0 0;
}
.dvOrderSumWrap .OrderSum_wrap .orderTotal {
  margin-top: 20px;
  border-top: 2px solid #666363;
	padding: 20px 0 0;
}

.dvOrderSumWrap .OrderSum_wrap .orderTotal li{
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 0;
}

#dvUserBox .osl .dvOrderHistoryInfo{

    background: #ffffff;
    margin: 0;
}
#dvUserBox .osl .dvOrderHistoryShipping{
	background: #ffffff;
	margin: 0 auto;
}

#dvFixedPurchaseList{
  margin-top: 50px;
}

#dvFixedPurchaseList .fixedItem_inner{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

#dvFixedPurchaseList .fixedItem{
  padding: 20px 0 25px;
  border-bottom: 1px solid #d9d4d4;
}

#dvFixedPurchaseList .fixedItem:first-child{
  border-top: 1px solid #d9d4d4;
}


#dvFixedPurchaseList .fixedItem_inner .fixedItem_img{
  width: 100px;
}

#dvFixedPurchaseList .fixedItem_inner .fixedItem_img img{
  width: 100%;
  height: auto;
}

#dvFixedPurchaseList .fixedItem_inner .fixedItem_name_area{
  margin-left: 18px;
}

#dvFixedPurchaseList .fixedItem_inner .fixedItem_name{
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

#dvFixedPurchaseList .fixedItem_data{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 10px 0;
}

#dvFixedPurchaseList .fixedItem_data li{
  margin-right: 20px;
}

/*==============================================================================================
 ユーザー系 定期購入履歴詳細
==============================================================================================*/
#dvUserBox .osl .dvFixedPurchaseDetail {
    background: #ffffff;
    margin: 0;
}

#dvUserBox .osl .fixed_item > table,
#dvUserBox .osl .dvFixedPurchaseDetail.fixed_info > table[class^="fixed_"]{
  padding: 20px 0;
  border-bottom: 1px solid #d9d4d4;
}

#dvUserBox .osl .dvFixedPurchaseDetail.fixed_info > table.fixed_point{
  border-bottom: 0;
  padding-bottom: 0;
}

#dvUserBox .osl .dvFixedPurchaseDetail .point_link {
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
  line-height: 1;
}

#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .ttl_w-max{
  margin-top: 50px;
}


#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .fixed_cancel ul{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
	justify-content: center;
}

#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .fixed_cancel .btn_fixed_cancel{
  max-width: 230px;
  margin: 40px auto;
}

.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: 0 3px 0 30px;
  cursor: pointer;
  margin-right: 20px;
  font-size: 14px;
  line-height: 1;
  vertical-align: text-top;
  height: 18px;
}
#dvUserFltContents .form_wrap label::before {
  position: absolute;
  content: '';
  transform: translateY(-50%);
  top: 50%;
  left: 5px;
  width: 18px;
  height: 18px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
}
#dvUserFltContents .form_wrap input[type="radio"]:checked + label::after {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  
  left: 9px;
  width: 10px;
  height: 10px;
  background: #777;
  border-radius: 100%;
}

#dvUserFltContents .form_wrap .form_radio label::before,
#dvUserFltContents .form_wrap .form_radio input[type="radio"]:checked + label::after{
  transform: translateY(0);
}





#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;
}

#dvUserBox #dvUserFltContents #dvUserCreditCardInput .tableFlex,
#dvUserBox #dvUserFltContents #dvUserModifyInput .tableFlex,
#dvUserBox #dvUserFltContents #dvOrderHistoryDetail .tableFlex,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

#dvUserBox #dvUserFltContents #dvUserCreditCardInput .tableFlex.form_input,
#dvUserBox #dvUserFltContents #dvUserModifyInput .tableFlex.form_input,
#dvUserBox #dvUserFltContents #dvOrderHistoryDetail .tableFlex.form_input,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex.form_input{
  margin-bottom: 0;
}

#dvUserBox #dvUserFltContents #dvUserCreditCardInput .tableFlex th,
#dvUserBox #dvUserFltContents #dvUserModifyInput .tableFlex th,
#dvUserBox #dvUserFltContents #dvOrderHistoryDetail .tableFlex th,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex th{
  border-bottom: 0;
  font-weight: bold;
}

#dvUserBox #dvUserFltContents #dvUserCreditCardInput .tableFlex th,
#dvUserBox #dvUserFltContents #dvUserCreditCardInput .tableFlex td,
#dvUserBox #dvUserFltContents #dvUserModifyInput .tableFlex th,
#dvUserBox #dvUserFltContents #dvUserModifyInput .tableFlex td,
#dvUserBox #dvUserFltContents #dvOrderHistoryDetail .tableFlex th,
#dvUserBox #dvUserFltContents #dvOrderHistoryDetail .tableFlex td,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex th,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex th div,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex td{
  padding: 0;
  width: 100%;
  line-height: 25px;
}

#dvUserBox #dvUserFltContents #dvUserCreditCardInput .tableFlex.form_input th,
#dvUserBox #dvUserFltContents #dvUserModifyInput .tableFlex.form_input th,
#dvUserBox #dvUserFltContents #dvOrderHistoryDetail .tableFlex.form_input th,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex.form_input th{
  margin: 20px 0 10px;
}

#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex.shipping_select{
  margin-bottom: 20px;
}

#dvUserBox #dvUserFltContents #dvUserCreditCardInput .tableFlex.form_input td,
#dvUserBox #dvUserFltContents #dvUserModifyInput .tableFlex.form_input td,
#dvUserBox #dvUserFltContents #dvOrderHistoryDetail .tableFlex.form_input td,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex.form_input td{
  margin-bottom: 10px;
}

#dvUserBox #dvUserFltContents .ttl_w-max{
  margin-top: 30px;
  margin-bottom: 20px;
}

#dvUserBox #dvUserFltContents .btn_user_change{
  margin-left: auto;
  margin-right: 0;
}

#dvUserBox #dvUserFltContents input[class^="btn_"]{
  border: 0 !important;
}

#dvUserBox #dvUserFltContents .cart_wrap{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

#dvUserBox #dvUserFltContents .cart_wrap .item_price,
#dvUserBox #dvUserFltContents .cart_wrap .item_quantity{
  align-self: flex-end;
}

#dvUserBox #dvUserFltContents .cart_wrap a{
  font-size: 16px;
  font-weight: 500;
}

#dvUserBox #dvUserFltContents .cart_wrap .item_price{
  font-size: 22px;
  font-weight: 500;
}

#dvUserBox #dvUserFltContents .cart_wrap .item_price span{
  font-size: 14px;
  font-weight: normal;
  margin-left: 5px;
}


/*==============================================================================================
 ユーザー系 定期購入キャンセル
==============================================================================================*/
#dvFixedPurchaseDetail .inquirytext{width: 100%;min-height: 240px;line-height: 1.71;font-size: 14px;}



/*==============================================================================================
 ユーザー系 退会ページ インプット
==============================================================================================*/
 #dvUserFltContents.Withdraw .dvUserBtnBox .attention{
	color:#ff0000; 
	font-size:15px; 
	line-height: 20px;
	text-align: left;
	border: 1px solid #ff0000;
	padding: 20px 20px;
   margin-top: 30px;
}

#dvUserFltContents.Withdraw .dvContentsInfo p{
  line-height: 1.5;
}


/*----------------------------------------------------------------------------------------------
 ユーザー系 入荷お知らせメール情報
-----------------------------------------------------------------------------------------------*/
#dvFavoriteList .favorite_contents{
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}
#dvFavoriteList .favorite_contents .favorite_contents_name{
  width: 40%;
	text-align: center;
}
#dvFavoriteList .favorite_contents .favorite_contents_notice{
  width: 10%;
	text-align: center;
  margin-left: 20px;
}
#dvFavoriteList .favorite_contents .favorite_contents_means{
  width: 15%;
	text-align: center;
  margin-left: 10px;
}
#dvFavoriteList .favorite_contents .favorite_contents_date{
  width: 35%;
	text-align: center;
}

#dvFavoriteList .favorite_itemArea{
	display: flex;
	align-items: center;
	padding: 20px 0;
	border-top: 2px solid #d9d4d4;
}
#dvFavoriteList .favorite_itemArea .favorite_item_main{
	display: flex;
	align-items: center;
  width: 40%;
}
#dvFavoriteList .favorite_itemArea .favorite_img{
	width: 25%;
}
#dvFavoriteList .favorite_itemArea .favorite_img img{
	width: 100%;
}
#dvFavoriteList .favorite_itemArea .favorite_name{
  width: 75%;
	line-height: 1.5;
	margin-left: 10px;
}
#dvFavoriteList .favorite_itemArea .favorite_notice{
  width: 10%;
	line-height: 1.5;
	margin-left: 20px;
  text-align: center;
}
#dvFavoriteList .favorite_itemArea .favorite_means{
  width: 15%;
	line-height: 1.5;
	margin-left: 10px;
  text-align: center;
}
#dvFavoriteList .favorite_itemArea .favorite_date{
  width: 80%;
	line-height: 1.5;
	margin-left: 10px;
    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{
  width: 20%;
	margin-left: 16px;
}
#dvFavoriteList .favorite_itemArea .date_datale{
	display: flex;
  width: 35%;
	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.3em;
	display: block;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規簡単会員登録 
-----------------------------------------------------------------------------------------------*/
#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:100%;
		width: 100%;
		margin-left:0;
	}
  
  #dvUserMenu{
    width: 100%;
    margin-top: 10rem;
  }
  
	.user_wrap{
		flex-direction:column;
	}
	/* #ctl00_ContentPlaceHolder1_upUpdatePanel{
		width: calc(100% - 60px);
		margin-left:calc(20 * (100vw / 1024));
		max-width: 740px;
	} */

	#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: calc(14 * (100vw / 1024));
	}
  
  #dvUserBox #dvUserModifyConfirm{
  padding-bottom: calc(50 * (100vw / 750 ));
}
/*==============================================================================================
 ユーザー系 お気に入りリスト
==============================================================================================*/
	#dvFavoriteList {
		margin-top: 30px;
	}
	.favorite_itemWrap {
		width: calc(165 *(100vw / 1024));
		margin: 0 0 calc(40 *(100vw / 1024)) calc(20 *(100vw / 1024));
	}
	.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(../../Contents/ImagesPkg/product/trash_icon.png);
		background-size: 25px;
		background-repeat: no-repeat;
	}
	.delete a {
		display: block;
		height: 100%;
	}
  
/*==============================================================================================
 ユーザー系 受信メール履歴詳細
==============================================================================================*/

}


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

  .cntBox{
    margin-top: calc(35 * (100vw / 750));
    margin-bottom: calc(40 * (100vw / 750));
    line-height: 1;
    font-size: calc(24 * (100vw / 750));
  }
  

.listPager{
    display: block;
    width: 100%;
  padding: 0;
}

.listPager ul{
	display: -webkit-flex;
    display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
    -webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
    margin: 0 auto;
}

.listPager ul > li{
	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: 3rem;
    height: 3rem;
    margin-right: 1rem;
    text-align: center;
}
.listPager ul > li:nth-last-of-type(1){margin-right: 0;}


.listPager ul > li > 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%;
    height: 100%;
    border: 1px solid #d9d4d4;
    background: #FFFFFF;
    color: #333131;
    font-size: calc(24 * (100vw / 750));
    text-decoration: none;
    -webkit-transition: background  0.2s ease;
    -moz-transition: background  0.2s ease;
    -o-transition: background  0.2s ease;
    transition: background  0.2s ease;
}

.listPager ul > li > a:hover{
	background: #CCCCCC;
}

.listPager ul > li > span{
	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%;
    height: 100%;
    background: #333131;
    color: #FFFFFF;
}

.listPager ul > li.prev > a{
    border: none;
    background: url("../../Contents/ImagesPkg/common/icon_arrow_left_narrow.svg") center center no-repeat;
    background-size: 1rem auto;
}
.listPager ul > li.next > a{
    border: none;
    background: url("../../Contents/ImagesPkg/common/icon_arrow_right_narrow.svg") center center no-repeat;
    background-size: 1rem auto;
}


.listPager + .result{display: none;}




	#dvUserFltContents .dvContentsInfo_kakunin{
    padding: 0;
	}
	#dvUserFltContents .dvContentsInfo_kakunin.user_m_c{
		padding: calc(60 * (100vw / 800)) 0 calc(56 * (100vw / 800));
	}
	#dvUserFltContents .dvContentsInfo_kakunin p {
		font-size: calc(26 * (100vw / 750));
	}

	#dvUserFltContents .dvContentsInfo_attention p{
		font-size: calc(32 * (100vw / 750));
		line-height: 1.6;
	}
	 #pagination{
		padding-top: 0;
	} 
	#pagination{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
		margin-top: 0;
	}
	#dvUserMenu{
		margin-top:calc(100 * (100vw/ 750));
	}
	#dvUserContents{
		width:100%;
    margin: 0;
		padding: 0 calc(20 * 100vw / 750);
	}
	#dvUserInquiryInput .inquirytext{
		width: 100%;
		min-height: calc(320 * (100vw / 750));
		line-height: 1.71;
	}
  
  #Wrap_lower.onlyUser .step_flow{
    margin-bottom: calc(60 * (100vw / 750 ));
  }

  .breadcrumbs{
    margin-bottom: calc(50 * (100vw / 750 ));
  }
  
  
  
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
-----------------------------------------------------------------------------------------------*/
	.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.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: auto;
		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-weight: bold;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 ; }

	#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:740px;
		width: 100%;
	}
	/* #ctl00_ContentPlaceHolder1_upUpdatePanel{
		width:100%;
		padding: 0 calc(35 * 100vw / 1024);
		max-width: 740px;
	} */

#dvUserFltContents .orderHistoryList .orderList_btnArea .btn_detail::after{
  right: calc(45 * (100vw / 750 ));
  width: calc(12 * (100vw / 750 ));
  height: calc(17 * (100vw / 750 ));
}

.orderHistoryList .orderList_btnArea{
  width: calc(550 * (100vw / 750 ));
	margin-top: calc(32 * (100vw / 750 ));
  margin-left: auto;
  margin-right: auto;
}
  
#dvUserFltContents .dvFavoriteList .orderHistoryList_itemWrap .orderHistoryList{
  border-top: calc(2 * (100vw / 750 )) solid #d9d4d4;
  padding: calc(40 * (100vw / 750 )) calc(20 * (100vw / 750 ));
  margin: 0 calc(50% - 50vw) !important;
}

#dvUserFltContents .dvFavoriteList .orderHistoryList_itemWrap .orderHistoryList:last-of-type{
  border-bottom: calc(2 * (100vw / 750 )) solid #d9d4d4;
}
  
.orderHistoryList .orderList_detail .orderList_date {
  font-size: calc(24 * (100vw / 750 ));
  margin-bottom: calc(27 * (100vw / 750 ));
}
  
.orderHistoryList .orderList_detail .orderList_detail_inner dt {
    width: calc(205 * (100vw / 750 ));
}
  
.orderHistoryList .orderList_detail .orderList_detail_inner{
  font-size: calc(28 * (100vw / 750 ));
  line-height: calc(56 * (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%;
      margin: calc(40 * (100vw / 750)) 0 calc(15 * (100vw / 750));
      font-size: calc(30 * (100vw / 750 ));
	}
	#dvUserCreditCardInput td {
    height: auto;
	}

    #dvUserCreditCardInput .trcardNo td input {
      width: calc(145 * (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 ));
	}

  
	.area_ttl_sec p{
    line-height: calc(50 * (100vw / 750 ));
		font-size: calc(28 * (100vw / 750 ));
	}
	/*==============================================================================================
	ユーザー系 お気に入りリスト
	==============================================================================================*/
	#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: 0;
    justify-content: space-between;
	}
	.favorite_itemWrap {
		width: 48%;
    max-width: none;
		margin: 0 0 calc(80 *(100vw / 750));
	}
	.favorite_itemWrap .productName {
		padding: calc(15 *(100vw / 750)) 0;
	}
	.favorite_itemWrap .productName a {
		line-height: 1.5;
	}

  .favorite_itemWrap.vari_on .favoriteProductImage .variationview_wrap{
    display: none;
  }
  
	.productPatternNum {
		margin-top: calc(25 *(100vw / 750));
	}
	.delete {
		width: calc(60 *(100vw / 750));
		height: calc(60 *(100vw / 750));
		background-image: url(../../Contents/ImagesPkg/product/trash_icon.png);
		background-size: calc(60 *(100vw / 750));
		background-repeat: no-repeat;
	}
	/*==============================================================================================
	ユーザー系 ポイント履歴一覧
	==============================================================================================*/
  .dvUserPointHistoryList{
    margin-bottom: calc(60 * (100vw / 750 ));
  }
  
  #dvUserPointHistoryList .point_info dl{
  font-size: calc(28 * (100vw / 750 ));
  padding: calc(15 * (100vw / 750 )) 0;
}

#dvUserPointHistoryList .point_info{
  margin-top: calc(140 * (100vw / 750 ));
  padding-bottom: calc(40 * (100vw / 750 ));
  margin-bottom: calc(31 * (100vw / 750 ));
}

#dvUserPointHistoryList .point_info .point_available{
  padding: 0 0 calc(20 * (100vw / 750 ));
  margin-bottom: calc(25 * (100vw / 750 ));
  border-bottom: calc(4 * (100vw / 750 )) solid #666363;
}

#dvUserPointHistoryList .point_info .point_available dd{
  font-size: calc(36 * (100vw / 750 ));
}

#dvUserPointHistoryList .point_info .point_available dd span{
  font-size: calc(28 * (100vw / 750 ));
}
  
#dvUserPointHistoryList .point_txt{
  font-size: calc(28 * (100vw / 750 ));
  margin-bottom: calc(76 * (100vw / 750 ));
  line-height: calc(50 * (100vw / 750 ));
}

#dvUserPointHistoryList .notice{
  font-size: calc(24 * (100vw / 750 ));
  margin-bottom: calc(65 * (100vw / 750 ));
  line-height: calc(43 * (100vw / 750 ));
}

#dvUserPointHistoryList .point_history{
  padding: calc(40 * (100vw / 750 )) 0;
}

#dvUserPointHistoryList .point_history .point_history_date{
  font-size: calc(24 * (100vw / 750 ));
  margin-bottom: calc(32 * (100vw / 750 ));
}

#dvUserPointHistoryList .point_history .point_history_point{
  font-size: calc(36 * (100vw / 750 ));
}

#dvUserPointHistoryList .point_history .point_history_point span{
  font-size: calc(28 * (100vw / 750 ));
}
  
#dvUserPointHistoryList .point_history .point_history_id{
  margin-top: calc(13 * (100vw / 750 ));
}
  
 #Wrap_lower.onlyUser .pointHistory .btn_back{
    margin-top: calc(60 * (100vw / 750 ));
  }

#Wrap_lower.onlyUser .btn_back{
  border-top: calc(2 * (100vw / 750 )) solid #d9d4d4;
  margin-top: calc(40 * (100vw / 750 ));
  padding-top: calc(40 * (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 .shippingList_Name, .shippingList_wrap.only_list .shippingList_Name{
		font-size: calc(32 * (100vw / 750));
		margin-bottom: calc(20 * (100vw / 750));
	}
	.shippingList_wrap.only_list .shippingList_detail{
		font-size: calc(32 * (100vw / 750));
    margin-bottom: 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 .shippingList_detail > p{
    font-size: calc(28 * (100vw / 750));;
  }

  #dvUserShippingList .shippingList_detail > p span:first-of-type{
    width: calc(205 * (100vw / 750 ));
  }
  
	#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 .dvUserCreditCardInput .tableFlex,
	.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{
		border-bottom-style: solid;
		border-bottom-width: 0;
		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 .tableFlex td,#dvUserBox .osl #dvFixedPurchaseDetail table .tableFlex td{
    padding: 0;
		text-align: left;
		line-height: 1.7!important;
		font-size: calc(28 * (100vw / 750));
    font-weight: normal !important;
	}
	#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 .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;
	}
/*==============================================================================================
 ユーザー系 受信メール履歴一覧
==============================================================================================*/
#dvUserFltContents #userRecieveMailList{
  margin-top: calc(90 * (100vw / 750 ));
}

#dvUserFltContents #userRecieveMailList .recieveMail_item > div{
  margin: 0 calc(50% - 50vw) !important;
  padding: calc(40 * (100vw / 750 )) calc(20 * (100vw / 750 ));
}

#dvUserFltContents #userRecieveMailList .recieveMail_item .recieveMail_data{
  font-size: calc(24 * (100vw / 750 ));
  margin-bottom: calc(11 * (100vw / 750 ));
}

#dvUserFltContents #userRecieveMailList .recieveMail_item .recieveMail_txt{
  font-size: calc(28 * (100vw / 750 ));
  line-height: 1.5;
}
/*==============================================================================================
 ユーザー系 受信メール履歴詳細
==============================================================================================*/
	.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;
	}
  
  #userRecieveMailDetail{
    margin-top: calc(100 * (100vw / 750 ));
  }

  #userRecieveMailDetail dl dd{
    line-height: calc(50 * (100vw / 750 ));
    margin: calc(26 * (100vw / 750 )) 0 calc(66 * (100vw / 750 ));
  }
  
  #dvUserBox #dvUserFltContents #userRecieveMailDetail .ttl_w-max{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }

  #dvUserBox #dvUserFltContents .mail_detail_txt dd{
    font-size: calc(28 * (100vw / 750 ));
  }
  

/*==============================================================================================
 ユーザー系 パスワードリマインダー 入力
==============================================================================================*/
	.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:empty{
		display: none;
	}
	.receptionInfo {
		font-size: calc(30 * (100vw /750));
		line-height: calc(48 * (100vw /750)) !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{
    margin: calc(47 * (100vw / 750 )) 0 calc(20 * (100vw / 750 ));
	}
	#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;
		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;
	}
  
	#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(30 * (100vw / 750 )) 0  calc(30 * (100vw / 750)) 0!important;
	}

  #dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct > div{
    border-bottom: calc(2 * (100vw / 750 )) solid #d9d4d4;
  }
	.dvOrderSumWrap .OrderSum_wrap li{
		font-size: calc(28 * (100vw / 750));
    padding-bottom: calc(30 * (100vw / 750 ));
	}
	.dvOrderSumWrap .OrderSum_wrap .orderSum {
		border-top: calc(2 * (100vw / 750 )) solid #f4f4f4;
		padding: calc(40 * (100vw / 750)) 0 0;
	}
	.dvOrderSumWrap .OrderSum_wrap .orderTotal {
    margin-top: calc(38 * (100vw / 750 ));
		padding: calc(40 * (100vw / 750)) 0 calc(60 * (100vw / 750 ));
	  border-top: calc(4 * (100vw / 750 )) solid #666363;
	}
  
  .dvOrderSumWrap .OrderSum_wrap .orderTotal li{
    font-size: calc(36 * (100vw / 750 ));
    font-weight: bold;
    padding-bottom: 0;
  }
  
  .dvOrderSumWrap .OrderSum_wrap .orderTotal li:last-child{
    color: #b32445;
  }

	#dvUserBox .osl .dvOrderHistoryShipping{
		background: #ffffff;
		margin: 0 auto;
	}

  #dvUserBox #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;
    margin-bottom: calc(70 * (100vw / 750 ));
  }
  
  .ul_udrtChange{
    -webkit-flex-direction: column-reverse;
    -moz-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    -o-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    margin-top: calc(40 * (100vw / 750 ));
  }
  
  .ul_udrtChange li{
    margin-left: 0;
  }
  
	.ul_udrtChange li.fixed_btn_reflect{
		margin: 0 0 calc(20 * (100vw / 750) ) 0;
	}

  #dvOrderHistoryDetail .ul_udrtChange .btn_user_change_no{
    margin-bottom: calc(80 * (100vw / 750 ));
  }
  
	.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;
	}

  #dvFixedPurchaseList{
    margin-top: calc(80 * (100vw / 750 ));
  }

  #dvFixedPurchaseList .fixedItem{
    padding: calc(40 * (100vw / 750 )) 0 calc(50 * (100vw / 750 ));
    border-bottom: calc(2 * (100vw / 750 )) solid #d9d4d4;
  }

  #dvFixedPurchaseList .fixedItem:first-child{
    border-top: calc(2 * (100vw / 750 )) solid #d9d4d4;
  }

  #dvFixedPurchaseList .fixedItem_inner .fixedItem_img{
    width: calc(168 * (100vw / 750 ));
    flex-shrink: 0;
  }

  #dvFixedPurchaseList .fixedItem_inner .fixedItem_name_area{
    margin-left: calc(17 * (100vw / 750 ));
  }

  #dvFixedPurchaseList .fixedItem_inner .fixedItem_name{
    font-size: calc(32 * (100vw / 750 ));
  }

  #dvFixedPurchaseList .fixedItem_data{
    display: block;
    margin: calc(20 * (100vw / 750 )) 0 calc(40 * (100vw / 750 ));
  }

  #dvFixedPurchaseList .fixedItem_data li{
    margin-right: 0;
    margin-top: calc(20 * (100vw / 750 ));
    line-height: 1;
    font-size: calc(24 * (100vw / 750 ));
  }

  #dvUserBox #dvFixedPurchaseList .btn_back{
    margin-top: calc(40 * (100vw / 750 ));
  }
  
#Wrap_lower.onlyUser .btn_back.btn_bottom{
  margin-left: 0;
}
  
/*
#dvUserBox #dvUserFltContents #dvUserModifyInput .tableFlex,
#dvUserBox #dvUserFltContents #dvOrderHistoryDetail .tableFlex,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex{
  margin-bottom: calc(40 * (100vw / 750 ));
  }
*/


  #dvUserBox .osl .fixed_item > table,
  #dvUserBox .osl .dvFixedPurchaseDetail.fixed_info > table[class^="fixed_"]{
    padding: 0 0 calc(30 * (100vw / 750 ));
  }

  #dvUserBox .osl .dvFixedPurchaseDetail .point_link {
    font-size: calc(28 * (100vw / 750 ));
    margin-top: calc(40 * (100vw / 750 ));
  }

  #dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .ttl_w-max{
    margin-top: calc(100 * (100vw / 750 )) !important;
    margin-bottom: 0 !important;
  }
  

  #dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .fixed_cancel .notice{
    margin: calc(32 * (100vw / 750 )) auto;
  }

  #dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .fixed_cancel ul{
    display: block;
  }
	

	#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .fixed_cancel{
		margin-top: calc(100 * (100vw / 750 ));
	}

  #dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .fixed_cancel .btn_fixed_cancel{
    max-width: none;
		width: calc(550 * (100vw / 750 ));
    margin-top: 0;
    margin-bottom: calc(40 * (100vw / 750 ));
  }

#dvUserBox #dvUserFltContents #dvUserCreditCardInput .tableFlex th,
#dvUserBox #dvUserFltContents #dvUserCreditCardInput .tableFlex td,
  #dvUserBox #dvUserFltContents #dvUserModifyInput .tableFlex th,
#dvUserBox #dvUserFltContents #dvUserModifyInput .tableFlex td,
#dvUserBox #dvUserFltContents #dvOrderHistoryDetail .tableFlex th,
#dvUserBox #dvUserFltContents #dvOrderHistoryDetail .tableFlex td,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex th,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex th div,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex td{
  line-height: 1;
  }
  
  #dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex.shipping_select{
    margin-bottom: calc(20 * (100vw / 750 ));
  }
  
#dvUserBox #dvUserFltContents #dvUserModifyInput .tableFlex th,
  #dvUserBox #dvUserFltContents #dvOrderHistoryDetail .tableFlex th,
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .tableFlex th{
  margin: calc(40 * (100vw / 750 )) 0 calc(20 * (100vw / 750 ));
  }
  
  #dvUserBox .osl table.form_wrap th{
    
  }
  
#dvUserBox #dvUserFltContents .ttl_w-max{
  margin-top: calc(100 * (100vw / 750 )) !important;
}

#dvUserBox #dvUserFltContents .cart_wrap a{
  font-size: calc(32 * (100vw / 750 ));
  line-height: calc(48 * (100vw / 750 ));
  font-weight: 500;
}

#dvUserBox #dvUserFltContents .cart_wrap .item_price{
  font-weight: 500;
  font-size: calc(44 * (100vw / 750 ));
}

#dvUserBox #dvUserFltContents .cart_wrap .item_price span{
  font-weight: normal;
  font-size: calc(20 * (100vw / 750 ));
}
  
#dvUserBox #dvUserFltContents .cart_wrap .item_quantity{
  margin-top: 0;
}
  
  
#dvUserBox #dvUserFltContents #dvFixedPurchaseDetail .fixed_next .area_changebtn span{
  display: inline-block;
  margin-bottom: calc(20 * (100vw / 750 ));
}
  
.tableFlex .point_inner{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
  margin-top: calc(22 * (100vw / 750 ));
}
  
  .tableFlex .point_inner li{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
  }
  
  .tableFlex .point_inner li .ul_udrtChange{
    width: 100%;
  }
  
  #dvOrderHistoryDetail .orderHistory_shipping_kbn ul{
    width: 100%;
  }
  
  #dvOrderHistoryDetail .orderHistory_shipping_kbn select{
    max-width: none;
    width: 100%;
  }
  
  .tableFlex .point_inner li span{
    margin-left: calc(20 * (100vw / 750 ));
  }
  
/*----------------------------------------------------------------------------------------------
 ユーザー系 定期キャンセル
-----------------------------------------------------------------------------------------------*/
	#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: calc(40 * (100vw / 750)) 0;
		border-top: 2px solid #d9d4d4;
	}
	#dvFavoriteList .favorite_itemArea .favorite_item_main{
		display: flex;
		align-items: center;
    width: 100%;
		margin: 0 0 calc(20 * (100vw/ 750));
	}
	#dvFavoriteList .favorite_itemArea .favorite_img{
    width: 30%;
	}

	#dvFavoriteList .favorite_itemArea .favorite_name{
    width: 100%;
		line-height: 1.5;
		margin-left: calc(20 * (100vw / 750));
	}
	#dvFavoriteList .favorite_itemArea .favorite_notice{
    width: 100%;
		line-height: 1.5;
		margin: 0 0 calc(20 * (100vw/ 750));
    text-align: left;
	}
	#dvFavoriteList .favorite_itemArea .favorite_means{
    width: 100%;
		line-height: 1.5;
		margin: 0 0 calc(20 * (100vw/ 750));
    text-align: left;
	}
	#dvFavoriteList .favorite_itemArea .favorite_date{
    width: 85%;
		line-height: 1.5;
		margin: 0 0 calc(20 * (100vw / 750)) 0;
    justify-content: flex-start;
	}
	#dvFavoriteList .favorite_itemArea .favorite_date input.form {
		font-size: calc(26 * (100vw / 750));
    margin-right: calc(20 * (100vw / 750));
    margin-left: calc(20 * (100vw / 750));
	}

	#dvFavoriteList .favorite_itemArea .favorite_delete{
    width: 13%;
		margin: 0 0 calc(20 * (100vw / 750)) auto;
	}
	#dvFavoriteList .favorite_itemArea .favorite_delete img{
    width: 100%;
	}
	#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;
	}

}


.mypage_menu .menu_ttl{
  display: none;
}

	/* アコーディオン設定 */
	.mypage_menu .myPage_ttl{
		background-color: #f4f4f4;
		padding: 16px 10px;
		font-size: 14px;
		font-weight: bold;
	}
	.mypage_menu ul .arrow_link{
		border-bottom: 1px solid #d9d4d4;
		position: relative;
	}

  .mypage_menu ul .arrow_link:first-child{
		border-top: 1px solid #d9d4d4;
  }


	.mypage_menu ul .arrow_link::after{
		content: '';
		display: inline-block;
		height: 10px;
		width: 10px;
		vertical-align: middle;
		border-right: 1px solid;
		border-bottom: 1px solid;
    transform:translateY(-50%) rotate(-45deg);
    position: absolute;
		right: 4%;
    top: 50%;
	}


.mypage_menu.mypage_menu_top ul .arrow_link::after {
    content: '';
    display: inline-block;
    height: 10px;
    width: 10px;
    vertical-align: middle;
    border-right: 1px solid;
    border-bottom: 1px solid;
    right: 15px;
}
  
  .mypage_menu ul li a .menu_icon{
    width: 40px;
    height: 40px;
    margin-right: 30px;
  }

.mypage_menu ul li a{
  display: flex;
  -ms-align-items: center;
  align-items: center;
  height: 60px;
  padding-left: 10px;
}

.mypage_menu.mypage_menu_top ul li a{
  padding-left: 20px;
}

.mypage_menu#dvUserMenu ul li a{
  height: 50px;
  line-height: 1.4;
}

.mypage_menu ul li a .menu_icon img{
  width: 100%;
  height: auto;
}

#dvUserMenu.mypage_menu ul li a .menu_icon{
  display: none;
}
  

@media screen and (max-width: 768px) {
  
  #dvUserFltContents{
    padding:0 calc(20 * (100vw / 750 ));
    margin-left: 0;
  }
  
  #dvUserMenu{
    width: 100%;
  }
  
  .mypage_menu ul .arrow_link::after{
    right: calc(36 * (100vw / 750 ))
  }

  #dvUserMenu.mypage_menu:not(.mypage_menu_top) .menuContents_inner{
    display: none;
  }
  
  #dvUserMenu.mypage_menu ul li{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    font-size: calc(32 * (100vw / 750 ));
  }
  
  #dvUserMenu.mypage_menu ul li a .menu_icon{
    display: block;
  }
  
  #dvUserMenu.mypage_menu:not(.mypage_menu_top) ul li a .menu_icon{
    display: none;
  }
  
  .mypage_menu .menu_ttl{
		border-top: 1px solid #d9d4d4;
		border-bottom: 1px solid #d9d4d4;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 0 calc(20 * (100vw / 750 )) 0 calc(20 * (100vw / 750 ));
    -ms-align-items: center;
    align-items: center;
    height: calc(100 * (100vw / 750 ));
    font-size: calc(40 * (100vw / 750 ));
    font-weight: 500;
  }
  
  .mypage_menu ul .arrow_link:first-child{
    border-top: 0;
  }
  
  .mypage_menu.mypage_menu_top ul li a{
    padding-right: calc(20 * (100vw / 750 ));
  }
  
  .mypage_menu.mypage_menu_top ul .arrow_link::after{
    right: calc(35 * (100vw / 750 ));
  }
  
  .mypage_menu .menu_ttl .plus{
    position: relative;
    width: calc(40 * (100vw / 750 ));
    height: calc(40 * (100vw / 750 ));
    margin-left: auto;
    margin-right: 0;
  }
  
  .mypage_menu .menu_ttl .plus::before,
  .mypage_menu .menu_ttl .plus::after{
    content: '';
    position: absolute;
    background-color: #666363;
  }
  
  .mypage_menu .menu_ttl .plus::before{
    width: calc(4 * (100vw / 750 ));
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .mypage_menu .menu_ttl .plus::after{
    height: calc(4 * (100vw / 750 ));
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
  
  .mypage_menu .menu_ttl img{
    width: calc(46 * (100vw / 750 ));
    height: auto;
    margin-right: calc(12 * (100vw / 750 ));
  }
  
  .mypage_menu ul .arrow_link{
    border-width: calc(2 * (100vw / 750 ));
  }

  .mypage_menu#dvUserMenu ul li a{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    width: 100%;
    -ms-align-items: center;
    align-items: center;
    height: calc(90 * (100vw / 750 ));
  }
  
  .mypage_menu ul li a{
    padding-left: calc(63 * (100vw / 750 ));
  }
  
  .mypage_menu ul li a .menu_icon{
    width: calc(70 * (100vw / 750 ));
    height: calc(70 * (100vw / 750 ));
    margin-right: calc(38 * (100vw / 750 ));
  }
  
  
}