@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{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	/*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: 200px;
	}
	#dvUserContents{
		width:100%;
		margin:20px 0;
	}
	#dvUserContents.Inquiry .breadcrumbs{
		margin-bottom:40px;
	}
/*#dvUserBox .area_ttl.noTtl {
    display: none;
    }*/
    /* フロート用コンテンツ枠 */
/*#dvUserFltContents{
	max-width:740px;
	width: 100%;
	margin-left: 60px;
	}*/
	#pagination{
		padding-top:50px;
		margin-top: 0;
	}
	.accordionbox{
		margin-top: 0;
		letter-spacing: 0.05em;
	}
	#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;
	}
	.onlyUser .ttl_p {
		text-align: center!important;
		font-size: 18px;
		font-weight: normal!important;
	}
	.onlyUser .area_ttl_sec p{
		text-align: center!important;
		font-size: 14px;
	}
	#dvUserFltContents #pagination{display: none;}

/* ------------------------------------------------
  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;
 	padding: 13px 20px;
 	background: #f4f4f4;
 	margin-bottom: 20px;
 }
 .orderHistoryList .orderList_detail {
 	margin: 20px 20px 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: 14px;
 }
 .orderHistoryList .orderList_detail .orderList_detail_inner li.hidden{
	display: none;
}
 .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: 18%;
 	margin: 0 0 40px 2%;
 }
 .orderHistoryList .orderList_itemimg .itemArea img{
 	width: 100%;
 }
 .orderHistoryList .orderList_itemimg .itemArea .itemText{
 	margin-top: 17px;
 	font-size: 14px;
 }
 .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;
 }
/*.orderHistoryList .voice{
    display: flex;
    align-items: center;
    margin-top: 10px;
    text-decoration: underline;
}
.orderHistoryList .voice img{
    width: 30px!important;
    margin-right: 15px;
    }*/

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
 -----------------------------------------------------------------------------------------------*/
 #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{
 	overflow-x: hidden;
 	overflow: auto;
 	height: 187px;
 	background-color: #f9f9f9;
 	padding: 30px 0;
 }
 #dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner h4{font-weight: bold;margin-bottom: 20px;line-height: 1.4;}
 #dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner p{margin:0 auto 20px;text-align: left!important;}
 #dvUserBox #dvUserRegistRegulation .dvRegulation .dvRegulation_inner ul{margin-bottom: 20px;line-height: 1.4;}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員情報の入力
 -----------------------------------------------------------------------------------------------*/
 #dvUserModifyInput{max-width: 800px;margin: 0 auto;}
 #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 a{margin: 0 auto; color: #ffffff;}
 /*#dvUserRegistComplete .area_btn li:last-child{margin-top: 20px;}*/
 /* .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;
 }
/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳の入力
 -----------------------------------------------------------------------------------------------*/
 .dvUserShippingInfo{max-width: 800px;margin: 0 auto;}
 #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;
 }
 #dvUserShippingList .error_msg{ padding-left: 20px!important;}

 .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;
 }
/*==============================================================================================
 ユーザー系 お気に入りリスト
 ==============================================================================================*/
 #dvFavoriteList {
 	margin-top: 30px;
 }
 #dvFavoriteList > p{
 	text-align: center;
 	font-size: 16px;
 	margin-top: -20px;
 }
 .favorite_itemWrap {
 	max-width: 18%;
 	margin: 0 1% 40px;
 }
 .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;
 }
 .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%;
 }
 .favoriteWrap .variationview_wrap{display: none!important;}
/*==============================================================================================
 ユーザー系 ポイント履歴一覧
 ==============================================================================================*/
 #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 {
 	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%;
	word-wrap: break-word;
 }

 #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;
 }
 #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;
 }
/*==============================================================================================
 ユーザー系 受信メール履歴詳細
 ==============================================================================================*/
 .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: 16px;
 	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;
	}
/* .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;
 }
 #dvUserBox #dvFixedPurchaseList{ margin: 20px auto;}
/*==============================================================================================
 ユーザー系 定期購入キャンセル
 ==============================================================================================*/
 #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: 10px;
 }
 #dvFavoriteList .favorite_itemArea .favorite_delete{
 	flex-basis: 40px;
 	margin-left: 16px;
 }
 #dvFavoriteList .favorite_itemArea .date_datale{
 	display: flex;
 	flex-basis: 280px;
 }

/*----------------------------------------------------------------------------------------------
 ユーザー系 MYページトップ
 -----------------------------------------------------------------------------------------------*/

 #dvUserMenu {
 	display: none;
 }
 #dvMyPage .dvMyPage_textWrap{
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	align-items: center;
 	align-items: center;
 	width: 690px;
 	margin: 25px auto 60px;
 	height: 100px;
 	box-sizing: border-box;
 	box-shadow: 0px 0px 5px #9797977a;
 	border-radius: 10px;
 	position: relative;
 	letter-spacing: 0.05em;
 	padding: 0 60px;
 }

 #dvMyPage .dvMyPage_titleMain{
 	margin-bottom: 0;
 	margin-right: 25px;
 	font-size: 16px;
 }

 #dvMyPage .dvMyPage_detail{
 	font-size: 18px;
 }
 .dvMyPage_wrap > p{
 	text-align: center;
 	font-size: 16px;
 }

 .dvMyPage_wrap > .dvMyPage_textWrap img{
 	width: 65px;
 	position: absolute;
 	top: -82px;
 	left: 30px;
 }


 .dvMyPage_wrap ul.MyPagelist{
 	display: flex;
 	flex-wrap: wrap;
 	width: 100%;
 }
 .dvMyPage_wrap ul.MyPagelist li{
 	width: 150px;
 	height: 170px;
 	border: 2px solid;
 	border-radius: 10px;
 	margin-right: 20px;
 	margin-bottom: 20px;
 	box-sizing: border-box;
 	text-align: center;
 	font-size: 16px;
 	line-height: 1.5;
 	font-weight: 600;
 }
 .dvMyPage_wrap ul.MyPagelist li:nth-child(6n){
 	margin-right: 0;
 }
 .dvMyPage_wrap ul.MyPagelist li span{
 	display: block;
 	height: 95px;
 	display: flex;
 	align-items: center;
 }
 .dvMyPage_wrap ul.MyPagelist li img{
 	margin: 0 auto;
 }

 .dvMyPage_wrap ul.MyPagelist li:nth-child(1) img{width: 54px;}
 .dvMyPage_wrap ul.MyPagelist li:nth-child(2) img{width: 62px;}
 .dvMyPage_wrap ul.MyPagelist li:nth-child(3) img{width: 47px;}
 .dvMyPage_wrap ul.MyPagelist li:nth-child(4) img{width: 48px;}
 .dvMyPage_wrap ul.MyPagelist li:nth-child(5) img{width: 55px;}
 .dvMyPage_wrap ul.MyPagelist li:nth-child(6) img{width: 57px;}
 .dvMyPage_wrap ul.MyPagelist li:nth-child(7) img{width: 78px;}
 .dvMyPage_wrap ul.MyPagelist li:nth-child(8) img{width: 55px;}
 .dvMyPage_wrap ul.MyPagelist li:nth-child(9) img{width: 67px;}
 .dvMyPage_wrap ul.MyPagelist li:nth-child(10) img{width: 50px;}
 .dvMyPage_wrap ul.MyPagelist li:nth-child(11) img{width: 53px;}
 .dvMyPage_wrap ul.MyPagelist li:nth-child(12) img{width: 40px;}

 .dvMyPage_wrap > a{
 	text-align: right;
 	display: block;
 }
 .dvMyPage_wrap > a p{
 	display: inline-block;
 	border-bottom: 1px solid;
 	padding-bottom: 5px;
 	font-size: 16px;
 }

/*----------------------------------------------------------------------------------------------
 ユーザー系 MYページボタン
 -----------------------------------------------------------------------------------------------*/
 .mypage_top.btn{
 	margin-top: 70px;
 	text-align: center;
 }
 .mypage_top.btn a{
 	display: inline-block;
 	height: 40px;
 	line-height: 40px;
 	width: 200px;
 	background: #454545;
 	color: #fff;
 	border-radius: 50px;
 	letter-spacing: 0.05em;
 	position: relative;
 }
 .mypage_top.btn a .arrow {
 	top: 43%;
 	right: 10%;
 	position: absolute;
 }
 .mypage_top.btn a .arrow::before,
 .mypage_top.btn a .arrow::after {
 	content: "";
 	display: block;
 	position: absolute;
 	width: 8px;
 	height: 1px;
 	background: #fff;
 	top: 5px;
 	-webkit-transition: .2s;
 	transition: .2s;
 }
 .mypage_top.btn a .arrow::before {
 	-webkit-transform: rotate(-135deg);
 	transform: rotate(-135deg);
 	right: 0;
 	top: 0;
 }
 .mypage_top.btn a .arrow::after {
 	-webkit-transform: rotate(135deg);
 	transform: rotate(135deg);
 	right: 0;
 	bottom: 0;
 }


 @media screen and (max-width: 1400px){
 	#dvUserBox #dvMyPage {
 		width: calc(1000 * (100vw / 1400));
 		margin: 0 auto;
 	}
 	#dvMyPage .dvMyPage_textWrap{
 		width: calc(690 * (100vw / 1400));
 		margin: calc(25 * (100vw / 1400)) auto calc(60 * (100vw / 1400));
 		height: calc(100 * (100vw / 1400));
 		padding: 0 calc(60 * (100vw / 1400));
 	}

 	#dvMyPage .dvMyPage_titleMain{
 		margin-right: calc(25 * (100vw / 1400));
 		font-size: calc(16 * (100vw / 1400));
 	}

 	#dvMyPage .dvMyPage_detail{
 		font-size: calc(18 * (100vw / 1400));
 	}
 	.dvMyPage_wrap > p{
 		font-size: calc(16 * (100vw / 1400));
 	}

 	.dvMyPage_wrap > .dvMyPage_textWrap img{
 		width: calc(65 * (100vw / 1400));
 		top: calc(-82 * (100vw / 1400));
 		left: calc(30 * (100vw / 1400));
 	}
 	.dvMyPage_wrap ul.MyPagelist li{
 		width: calc(150 * (100vw / 1400));
 		height: calc(170 * (100vw / 1400));
 		margin-right: calc(20 * (100vw / 1400));
 		margin-bottom: calc(20 * (100vw / 1400));
 		font-size: calc(16 * (100vw / 1400));
 	}
 	.dvMyPage_wrap ul.MyPagelist li span{
 		height: calc(95 * (100vw / 1400));
 	}

 	.dvMyPage_wrap ul.MyPagelist li:nth-child(1) img{width: calc(54 * (100vw / 1400));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(2) img{width: calc(62 * (100vw / 1400));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(3) img{width: calc(47 * (100vw / 1400));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(4) img{width: calc(48 * (100vw / 1400));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(5) img{width: calc(55 * (100vw / 1400));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(6) img{width: calc(57 * (100vw / 1400));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(7) img{width: calc(78 * (100vw / 1400));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(8) img{width: calc(55 * (100vw / 1400));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(9) img{width: calc(52 * (100vw / 1400));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(10) img{width: calc(44 * (100vw / 1400));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(11) img{width: calc(53 * (100vw / 1400));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(12) img{width: calc(40 * (100vw / 1400));}

 	.dvMyPage_wrap > a p{
 		padding-bottom: calc(5 * (100vw / 1400));
 		font-size: calc(16 * (100vw / 1400));
 	}

 }


 @media screen and (max-width: 1024px) {
/*==============================================================================================
 ユーザー系ページ共通
 ==============================================================================================*/
	/*#dvUserFltContents{
		max-width:740px;
		width: 100%;
		margin-left:calc(20 * (100vw / 1024));
		}*/
	/* #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(165 * (100vw / 1024));
			margin:0 0 calc(40 * (100vw / 1024)) calc(20 * (100vw / 1024));
		}
		.user_wrap{
			width: 95%;
		}
		.btn_my_orderList {
			width: 200px;
			display: block;
			text-align: center;
			font-size: 16px;
			text-align: center;
			height: 60px;
			line-height: 60px;
			color: #545454;
		}
		#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));
		}
/*==============================================================================================
 ユーザー系 お気に入りリスト
 ==============================================================================================*/
 #dvFavoriteList {
 	margin-top: 30px;
 }
 .favorite_itemWrap .productName {
 	padding: 6px 0;
 }
 .favorite_itemWrap .productName a {
 	line-height: 22px;
 }
 .productPatternNum {
 	margin-top: 20px;
 }
 .favoriteWrap {
 	width: 95%;
 	margin: 0 auto;
 }
 .favoriteProductImage img {
 	width: 100%;
 	border: 1px solid #cacaca;
 	box-sizing: border-box;
 }
 .delete {
 	width: 25px;
 	height: 25px;
 	background-size: 25px;
 }
 .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: #afafaf;
 	height: 60px;
 	line-height: 60px;
 }
}


@media screen and (max-width: 800px) {
/*==============================================================================================
 ユーザー系ページ共通
 ==============================================================================================*/
 .user_wrap{
 	flex-direction:column;
 	width: calc(690 * (100vw/ 750));
 }
 #dvUserFltContents{
 	max-width:740px;
 	width: 100%;
 	margin-left:0;
 }
 .orderHistoryList .orderList_itemimg{
 	display: flex;
 	flex-wrap: wrap;
 	padding: 0 ;
 	margin-left: calc(-20 * (100vw / 800));
 }
 .orderHistoryList .orderList_itemimg .itemArea{
 	width: calc(165 * (100vw / 800));
 	margin:0 0 calc(40 * (100vw / 800)) calc(20 * (100vw / 800));
 }
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
 -----------------------------------------------------------------------------------------------*/
 #Wrap_lower.onlyDefault .area_ttl {
 	margin: calc(50 * 100vw / 800) auto calc(60 * 100vw / 800);
 	text-align: center;
 }
/*==============================================================================================
 ユーザー系 お気に入りリスト
 ==============================================================================================*/
 #dvFavoriteList {
 	margin-top: 30px;
 }
 .favorite_itemWrap {
 	max-width: 23%;
 	margin: 0 1% calc(40 *(100vw / 800));
 }
 .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 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 ));
	}
/*----------------------------------------------------------------------------------------------
 	ユーザー系 注文方法の保存
 	-----------------------------------------------------------------------------------------------*/
 	.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;
 }

}



@media screen and (max-width: 480px) {
/*==============================================================================================
 ユーザー系ページ共通
 ==============================================================================================*/
 #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{
    		margin-top:calc(110 * (100vw/ 750));
    	}
    	#dvUserContents{
    		width:100%;
    		margin:0;
    		padding:0;
    	}
    	#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.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{
 	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{font-weight: bold;margin-bottom: calc(26 * (100vw / 750));}
 #dvUserBox #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(26 * (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.5;
		}
		.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.5;
		}
		.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: 	100%;
			margin:0 0 calc(60 * (100vw / 750)) calc(38 * (100vw / 750));
		}
		.orderHistoryList .orderList_itemimg .itemArea img{
			width: 	calc(320 * (100vw / 750));
		}
		.btn_my_orderList {
			width: 100%;
		}
	/*.orderHistoryList .voice {
		font-size: calc(30 * (100vw / 750));
	}
	.orderHistoryList .voice img {
		width:calc(80 * (100vw / 750))!important;
		}*/
	/*----------------------------------------------------------------------------------------------
	ユーザー系 クレジットカード一覧ページ
	-----------------------------------------------------------------------------------------------*/
	#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(26 * (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 ));
			line-height: calc(100 * (100vw / 750 ));
			padding-left: calc(30 * (100vw / 750 ));
		}
		#dvUserCreditCardInput td input::placeholder{
			font-size: calc(26 * (100vw / 750 ))!important;
			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 ));
			font-size: calc(26 * (100vw / 750 ));
		}

		#dvUserCreditCardInput .trcardNo td input {
			width: calc(145 * (100vw / 750 )) !important;
		}
		#dvUserCreditCardInput .cardNo_hyphen{
			padding: 0 calc(13 * (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(26 * (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(26 * (100vw / 750 ))!important;
		}
	/*==============================================================================================
	ユーザー系 お気に入りリスト
	==============================================================================================*/
	#dvFavoriteList {
		margin-top: calc(60 *(100vw / 750));
	}
	.favorite_itemWrap {
		max-width: 31%;
		margin: 0 1% calc(80 *(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(40 *(100vw / 750));
		height: calc(40 *(100vw / 750));
		background-size: calc(40 *(100vw / 750));
	}

	#dvFavoriteList#pagination {
		margin: calc(42 *(100vw / 750)) 0 calc(102 *(100vw / 750));
	}
	/*==============================================================================================
	ユーザー系 ポイント履歴一覧
	==============================================================================================*/
	#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(26 * (100vw / 750));
 }
 .shippingList_wrap.only_list .shippingList_detail{
 	padding: calc(20 * (100vw / 750)) calc( 16 * (100vw / 750));
 	font-size: calc(26 * (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;
 }
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 入力内容の確認
 -----------------------------------------------------------------------------------------------*/
 .confirm_block {
 	margin-top: calc(30 * (100vw / 750));
 }
/*----------------------------------------------------------------------------------------------
	ユーザー系 注文方法の保存
	-----------------------------------------------------------------------------------------------*/
	.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(26 * (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(26 * (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)) 0 calc(20 * (100vw / 750)) calc(20 * (100vw / 750));
 	letter-spacing: 0.5px;
 }
 #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.4;
 }
/*==============================================================================================
 ユーザー系 受信メール履歴詳細
 ==============================================================================================*/
 .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(26 * (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(24 * (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(26 * (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(26 * (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(26 * (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;
 }
/*----------------------------------------------------------------------------------------------
 ユーザー系 定期キャンセル
 -----------------------------------------------------------------------------------------------*/
 #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_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%;
 }


}


/* MYページメニュー アコーディオン設定 */
#dvUserBox #dvUserMenu ul li .accordion_panel--item.p_List a{
	display: block;
	padding: 8px 10px 8px;
}
#dvUserBox #dvUserMenu ul li .accordion_panel--item.p_Itemlist a{
	display: block;
	padding: 8px 10px 16px;
}
.accordion-container {
	position: relative;
	width: 100%;
	border-top: none;
	outline: 0;
	cursor: pointer
}

.accordion-container .article-title {
	display: block;
	position: relative;
	margin: 0;
	cursor: pointer;
}

.article-title{
	position: relative;
}

.article-title:before,
.article-title:after{
	content: '';
	display: block;
	width: 15px;
	height: 1px;
	border-radius: 5px;
	background: #343434;
	position: absolute;
	right: 10px;
	top: 48%;
	transform: translateY(-50%);
}
.article-title::after {
	background: #343434;
	transform: translateY(-50%) rotate(90deg);
	transition: 0.5s;
}
.article-title.open::after {
	transform: rotate(0);
	transition: 0.5s;
}
.accordion-content {
	display: none;

}
.menuContents {
	position: relative;
}
span.manu_rect::before,
span.manu_rect::after {
	display: none;
}


#dvUserMenu .myPage_ttl{
	font-weight: bold;
}
#dvUserBox #dvUserMenu ul .arrow_link{
	border-bottom: 1px solid #d2d2d2!important;
	background-color: transparent !important;
	position: relative;
}
.activeFocus{
	font-weight: bold;
}
/*#dvUserBox #dvUserMenu ul .arrow_link::after{
	content: '';
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: 1rem;
	margin-left: .5rem;
	vertical-align: middle;
	border-right: 1px solid;
	border-bottom: 1px solid;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
			position: absolute;
	right: 0;
	bottom: 18px;
	}*/
	.accordion .accordion_title a{
		border: 0 !important;
		background-color: transparent !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	.accordion_title{
		margin: 0;
		padding: 5px 0;
		cursor: pointer;
		font-size: 14px;
		font-weight: normal;
		position: relative;
	}
	.accordion_title::after {
		content: '';
		display: inline-block;
		height: 10px;
		width: 10px;
		margin-right: 1rem;
		margin-left: .5rem;
		vertical-align: middle;
		border-right: 1px solid;
		border-bottom: 1px solid;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		-webkit-transition: -webkit-transform .2s ease-out;
		transition: -webkit-transform .2s ease-out;
		transition: transform .2s ease-out;
		transition: transform .2s ease-out, -webkit-transform .2s ease-out;
		position: absolute;
		right: -10px;
		bottom: 9px;
	}
	.accordion_panel {
		margin: 0;
		/* padding-bottom: .8rem; */
		display: none;
	}
	.accordion_panel .accordion_panel--item{
		margin-left: 10px;
		/* padding-top: 15px; */
	}
	.accordion_item{
		display: block;
		border-bottom: 1px solid #d2d2d2!important;
	}
	.accordion_item.is-active .accordion_title::after {
		-webkit-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.accordionlist dt{
		display:block;
		background: #fff;
	/* padding: 20px 0 10px 5px;
	border-top: 1px solid #DFDFDF; */
}
.accordionlist dt:first-child{
	border-top: none !important;
}
.accordionlist dt .title{
	/* padding-left: 10px;
	float: left; */
	position: relative;
	pointer-events: none;
}
.accordionlist dd{
	display:none;
	background: #fff;
	padding:0 0 20px 15px;
}
.article-title{
	padding: 13px 10px;
}

@media screen and (max-width: 480px){
	#dvUserMenu{
		width: 100% !important;
		margin: 0 !important;
		padding: 0;
	}
	#dvUserMenu .myPage_ttl{
		font-size: calc(30 * (100vw / 750));
		letter-spacing: 0.05em;
		padding-bottom: calc(35 * (100vw / 750));
		border-bottom: 2px solid #d2d2d2;
	}
	#dvUserBox #dvUserMenu ul .arrow_link a{
		font-size: calc(30 * (100vw / 750));
	}
	.accordion_title{
		font-size: calc(30 * (100vw / 750));
	}
	.accordion_panel .accordion_panel--item a{
		font-size: calc(30 * (100vw / 750));
	}
	.accordionlist dt .title{
		pointer-events: initial !important;
	}

}

@media screen and (max-width: 800px){
	#dvUserMenu{
		width: 107%;
		margin-left: -26px;
		padding: 0;
	}
	#dvUserBox #dvUserMenu ul .arrow_link > a,
	#dvUserBox #dvUserMenu ul .accordion_item .article-title{
		font-size: calc(28 * (100vw / 750));
		display: flex;
		align-items: center;
		padding: calc(40 * (100vw / 750)) 0;
		font-weight: bold;
	}
	#dvUserBox #dvUserMenu ul li img{
		width: calc(30 * (100vw / 750));
		margin-right: calc(60 * (100vw / 750));
	}
	.accordionlist dt .title{
		pointer-events: initial !important;
	}
	span.manu_rect::before,
	span.manu_rect::after {
		content: '';
		display: block;
		width: 15px;
		height: 1px;
		border-radius: 5px;
		background: #343434;
		position: absolute;
		right: 10px;
		top: 20%;
		transform: translateY(-50%);
	}
	span.manu_rect::after {
		background: #343434;
		transform: translateY(-50%) rotate(90deg);
		transition: 0.5s;
	}
	.menuContents.open span.manu_rect::after {
		transform: rotate(0);
		transition: 0.5s;
	}

	#dvUserBox #dvUserMenu ul li .accordion_panel--item.p_List a{
		padding: 0 0 calc(30 * (100vw / 750)) calc(120 * (100vw / 750));
	}
	#dvUserBox #dvUserMenu ul li .accordion_panel--item.p_Itemlist a{
		padding: 0 0 calc(40 * (100vw / 750)) calc(120 * (100vw / 750));
	}

}

@media all and (min-width: 768px) and (max-width: 1024px) {
	#dvUserBox #dvUserMenu ul .arrow_link a{
		font-size: 12px;
	}
	#dvUserMenu .myPage_ttl{
		font-size: 14px;
	}
	.accordion_title{
		font-size: 12px;
	}
	.accordion_panel .accordion_panel--item a{
		font-size: 12px;
	}
}

@media all and (min-width: 1025px){
	#dvUserBox #dvUserMenu ul .arrow_link a{
		font-size: 14px;
	}
	.accordion_title{
		font-size: 14px;
	}
	.accordion_panel .accordion_panel--item a{
		font-size: 14px;
	}
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 ログイン
 -----------------------------------------------------------------------------------------------*/

 #loginWrapCnt .f_bold input{
 	font-weight: normal;
 }

 #loginWrapCnt .area_btn{margin-top: 40px; display: block;}
 #loginWrapCnt .area_btn li{margin: 0;}
 #loginWrapCnt .area_btn li:first-child{margin: 0;}

 #loginWrapCnt #dvUserContents{ padding-top: 20px;}
 #loginWrapCnt #dvUserContents #loginWrap {
 	display: -webkit-flex;
 	display: -moz-flex;
 	display: -ms-flex;
 	display: -o-flex;
 	display: flex;
 	justify-content: space-between;
 }
.breadcrumbs{
	display: none;
}

 #loginWrapCnt #dvLoginWrap,
 #loginWrapCnt .dvLoginRegist {
 	width: 460px;
 }

 #loginWrapCnt #dvUserContents .area_ttl_sec p {
 	margin-top: 21px !important;
 	text-align: left !important;
 }

 #loginWrapCnt #dvUserContents #dvUserContents .loginForm {margin-top: 40px;}
 #loginWrapCnt #dvUserContents .loginForm li:first-child {margin-top: 40px; margin-bottom: 30px;}
 #loginWrapCnt #dvUserContents .loginForm li:last-child { margin-top: 20px;}
 #loginWrapCnt #dvUserContents .loginForm .mt20 input {margin-top: 20px;}
 /* #loginWrapCnt #dvUserContents #loginWrap a:visited {color: #fff;} */
 #loginWrapCnt #dvUserContents #loginWrap .btn_join {
 	background-color: #545454;
 	width: 300px;
 	height: 60px;
 	line-height: 60px;
 	border-radius: 50px;
	margin: 0 auto 20px;
 }

 #loginWrapCnt #dvUserContents .dvLoginReminder {margin-top: 20px;color: #ec5158;}
 #loginWrapCnt #dvUserContents .loginMemory span {display: inline-block; height: 20px; line-height: 20px;}


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

 	#loginWrapCnt #dvLoginWrap,
 	#loginWrapCnt .dvLoginRegist {
 		width: 350px;
 	}
 }

 @media screen and (max-width: 800px) {
 	a:hover {
 		opacity: 1;
 	}
 	#loginWrapCnt #dvUserContents #loginWrap {
 		display: block;
 	}

 	#loginWrapCnt #dvLoginWrap,
 	#loginWrapCnt .dvLoginRegist {
 		width: auto;
 	}


 	#loginWrapCnt #dvUserContents .dvLoginRegist {
 		margin-top: 40px;
 	}


 	#loginWrapCnt #dvUserContents #dvUserContents .area_ttl_sec #dvUserContents #dvUserContents .area_ttl_sec p {
 		margin-top: 21px !important;
 	}

 	#loginWrapCnt #dvUserContents #dvUserContents .loginForm {
 		margin-top: 40px;
 	}

 	#loginWrapCnt #dvUserContents .loginForm li:first-child {
 		margin-bottom: 30px;
 	}

 	#loginWrapCnt #dvUserContents .loginForm li:last-child {
 		margin-top: 20px;
 	}

 	#loginWrapCnt #dvUserContents .loginForm .mt20 input {
 		margin-top: 20px;
 	}

 	#loginWrapCnt #dvUserContents #loginWrap a:visited {
 		color: #fff;
 	}

 	#loginWrapCnt #dvUserContents #loginWrap .btn_join {
 		background-color: #545454;
 		width: 80%;
 		margin-top: 40px;
 		margin: 20px auto;
 	}

 	#loginWrapCnt #dvUserContents .dvLoginReminder {
 		margin-top: 20px;
 	}


 	#loginWrapCnt #dvUserContents .loginMemory span {
 		display: inline-block;
 		height: 20px;
 		line-height: 20px;
 	}
 }




 @media screen and (max-width: 768px){
 	#dvUserMenu {
 		display: block;
 	}
 	#dvUserBox #dvMyPage {
 		width: calc(690 * (100vw / 750));
 	}
 	#dvMyPage .dvMyPage_textWrap{
 		width: calc(690 * (100vw / 750));
 		margin: calc(30 * (100vw / 750)) auto calc(100 * (100vw / 750));
 		height: calc(250 * (100vw / 750));
 		padding: calc(75 * (100vw / 750)) calc(45 * (100vw / 750));
 		display: inherit;
 	}

 	#dvMyPage .dvMyPage_titleMain{
 		font-size: calc(30 * (100vw / 750));
 		margin: 0 auto calc(30 * (100vw / 750))!important;
 	}

 	#dvMyPage .dvMyPage_detail{
 		font-size: calc(36 * (100vw / 750));
 	}
 	.dvMyPage_wrap > p{
 		font-size: calc(24 * (100vw / 750));
 		max-width: calc(440 * (100vw / 750));
 		margin: 0 auto;
 		line-height: 1.4;
 	}
 	.dvMyPage_wrap > p span{
 		font-size: calc(28 * (100vw / 750));;
 	}

 	.dvMyPage_wrap > .dvMyPage_textWrap img{
 		width: calc(94 * (100vw / 750));
 		top: calc(-118 * (100vw / 750));
 		left: calc(30 * (100vw / 750));
 	}
 	.dvMyPage_wrap ul.MyPagelist li{
 		width: calc(210 * (100vw / 750));
 		height: calc(230 * (100vw / 750));
 		margin-right: calc(30 * (100vw / 750));
 		margin-bottom: calc(30 * (100vw / 750));
 		font-size: calc(26 * (100vw / 750));
 	}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(3n){
 		margin-right: 0;
 	}
 	.dvMyPage_wrap ul.MyPagelist li span{
 		height: calc(125 * (100vw / 750));
 	}

 	.dvMyPage_wrap ul.MyPagelist li:nth-child(1) img{width: calc(70 * (100vw / 750));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(2) img{width: calc(80 * (100vw / 750));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(3) img{width: calc(62 * (100vw / 750));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(4) img{width: calc(65 * (100vw / 750));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(5) img{width: calc(70 * (100vw / 750));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(6) img{width: calc(70 * (100vw / 750));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(7) img{width: calc(98 * (100vw / 750));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(8) img{width: calc(70 * (100vw / 750));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(9) img{width: calc(95 * (100vw / 750));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(10) img{width: calc(65 * (100vw / 750));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(11) img{width: calc(73 * (100vw / 750));}
 	.dvMyPage_wrap ul.MyPagelist li:nth-child(12) img{width: calc(56 * (100vw / 750));}

 	.dvMyPage_wrap > a p {
 		padding-bottom: calc(5 * (100vw / 750));
 		font-size: calc(24 * (100vw / 750));
 	}
 	.mypage_top.btn{
 		margin: calc(90 * (100vw / 750)) auto calc(170 * (100vw / 750));
 	}
 	.mypage_top.btn a{
 		height: calc(54 * (100vw / 750));
 		line-height: calc(54 * (100vw / 750));
 		width: calc(360 * (100vw / 750));
 		/*font-size: calc(24 * (100vw / 750));*/
 	}
 	.mypage_top.btn a .arrow {
 		top: 42%;
 	}
 	.mypage_top.btn a .arrow::before,
 	.mypage_top.btn a .arrow::after {
 		width: calc(13 * (100vw / 750));
 		top: calc(9 * (100vw / 750));
 	}
 	.mypage_top.btn a .arrow::before {
 		top: 0;
 	}

 }



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

 	#loginWrapCnt #dvUserContents{
 		margin: 0 auto;
 	}

 	#loginWrapCnt #dvUserContents #loginWrap {
 		display: block;
 		text-align: left;
 	}

 	#loginWrapCnt #dvUserContents #dvLoginWrap,
 	.dvLoginRegist {
 		width: calc(680 * (100vw / 750));
 		margin: 0 auto;

 	}

 	#loginWrapCnt #dvUserContents .dvLoginRegist {
 		margin-top: calc(60 * (100vw / 750));
 		width: calc(680 * (100vw / 750));
 	}


 	#loginWrapCnt #dvUserContents .area_ttl_sec p {
 		margin-top: calc(62 * (100vw / 750)) !important;
 		text-align: left;
 	}

 	#loginWrapCnt #dvUserContents .loginForm {
 		margin-top: calc(73 * (100vw / 750));
 	}

 	#loginWrapCnt #dvUserContents .loginForm li:first-child {
 		margin-bottom: calc(40 * (100vw / 750));
 	}

 	#loginWrapCnt #dvUserContents .loginForm li:last-child {
 		margin-top: calc(43 * (100vw / 750));
 	}

 	#loginWrapCnt #dvUserContents .loginForm .mt20 input {
 		margin-top: calc(20 * (100vw / 750));
 	}

 	#loginWrapCnt #dvUserContents .loginForm .form._10 {
 		width: calc(680 * (100vw / 750));

 	}

 	#loginWrapCnt #dvUserContents .forgetPW {
 		font-size: calc(30 * (100vw / 750));
 	}

 	#loginWrapCnt #loginWrap a:visited {
 		color: #fff;
 	}

 	#loginWrapCnt #dvUserContents #loginWrap .btn_join {
 		background-color: #545454;
 		width: calc(680 * (100vw / 750));
 		height: calc(100 * (100vw / 750));
 		line-height: calc(100 * (100vw / 750));
 		margin-top: calc(80 * (100vw / 750));
 	}

 	#loginWrapCnt #dvUserContents .dvLoginReminder {
 		margin-top: calc(43 * (100vw / 750));
 	}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 受付完了
 -----------------------------------------------------------------------------------------------*/
 #dvUserRegistComplete .area_btn a{margin: calc(30 *(100vw / 750)) auto 0;}


/*----------------------------------------------------------------------------------------------
 MYページ
 -----------------------------------------------------------------------------------------------*/

 #dvUserFltContents .dvMyPage_wrap{
 	-webkit-box-orient: vertical;
 	-webkit-box-direction: normal;
 	-ms-flex-direction: column;
 	flex-direction: column;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	align-items: center;
 }

 #dvMyPage .dvMyPage_left{
 	width: calc(550 * (100vw / 750));
 	height: calc(550 * (100vw / 750));
 }

 #dvMyPage .dvMyPage_left .dvMyPage_pointTtl{
 	font-size: calc(32 * (100vw / 750));
 }

 #dvMyPage .dvMyPage_left .dvMyPage_leftPoint {
 	font-size: calc(60 * (100vw / 750));
 }

 #dvMyPage .dvMyPage_left .dvMyPage_pointMidashi{
 	font-size: calc(90 * (100vw / 750));
 }

 #dvMyPage .dvMyPage_yukoKigen {
 	margin-top: calc(40 * (100vw / 750));
 	margin-bottom: calc(20 * (100vw / 750));
 	font-size: calc(32 * (100vw / 750));
 	text-align: center;
 }

 #dvMyPage .dvMyPage_right{
 	width: 100%;
 	margin-top: calc(40 * (100vw / 750));
 }

 #dvMyPage .dvMyPage_textWrap{
 	-webkit-box-orient: vertical;
 	-webkit-box-direction: normal;
 	-ms-flex-direction: column;
 	flex-direction: column;
 	-webkit-box-align: start;
 	-ms-flex-align: start;
 	align-items: flex-start;
 }

 #dvMyPage .dvMyPage_right .dvMyPage_titleMain{
 	width: 100%;
 	height: 42px;
 	display: -webkit-box;
 	display: -ms-flexbox;
 	display: flex;
 	-webkit-box-align: center;
 	-ms-flex-align: center;
 	align-items: center;
 	-webkit-box-pack: start;
 	-ms-flex-pack: start;
 	justify-content: flex-start;
 	background-color: #f4f4f4;
 	margin-bottom: calc(40 * (100vw / 750));
 	margin-right: 0;
 	padding-left: 10px;
 	font-size: calc(32 * (100vw / 750));
 }

 #dvMyPage .dvMyPage_right .dvMyPage_detail{
 	margin-bottom: calc(40 * (100vw / 750));
 	margin-left: calc(20 * (100vw / 750));
 	font-size: calc(32 * (100vw / 750));
 }

 .mypage_top.btn a{
 	font-size: calc(24 * (100vw / 750));
 }
}