﻿@charset "UTF-8";

/*==============================================================================================
 * 全体の設定値を初期化
==============================================================================================*/
/*#dvUserBox *{
	font-size: 100%;
	margin: 0;
	padding: 0;
	font:normal 12px "ＭＳ Ｐゴシック", Arial, Osaka, "ヒラギノ角ゴ Pro W3";
}*/

#dvUserBox .btmbtn {
	clear: both;
	margin-top: 10px;
}

/*==============================================================================================
 * 各タグを初期化
==============================================================================================*/
#dvUserBox p,
#dvUserBox pre,
#dvUserBox address,
#dvUserBox cite,
#dvUserBox ins{margin:0px;padding:0px;}
#dvUserBox ins{
	font:11px normal "メイリオ" , "ヒラギノ",tahoma, "ＭＳ Ｐゴシック"!important;
	font:10px normal "メイリオ" , "ヒラギノ",tahoma, "ＭＳ Ｐゴシック";
	color:#666!important;
	text-decoration:none;
}

/*
#dvUserBox input{padding:2px;background-color:#fff;}
*/
#dvUserBox select{background-color:#fff;}
#dvUserBox textarea{background-color:#fff;}

/*==============================================================================================
 * Form内のパーツの設定
==============================================================================================*/
input.nameFull{width:208px;} /* 名前用(フルネーム) */
input.nameFirst{width: 46%;margin-right: 10px;} /* 苗字用 */
input.nameLast{width: 46%;} /* 名前用 */
input.nickname{width:100px;} /* ニックネーム用 */
select.year{width:60px;} /* 年選択ボックス */
select.month{width:45px;} /* 月選択ボックス */
select.date{width:45px;} /* 日付選択ボックス */
input.mailAddr{width:100%;} /* メールアドレス用 */
input.zipFirst{width:50px;} /* 郵便番号前 */
input.zipLast{width:70px;} /* 郵便番号後 */
select.district{width:100px;} /* 都道府県選択ボックス */
input.addr{width:250px;} /* 市区町村用 */
input.addr2{width:250px;} /* 番地・建物名用 */
input.tel{width:150px;} /* 電話番号用 */
input.tel1,
input.tel2,
input.tel3{width:50px;} /* 問合せ内容 */
textarea.inquirytext{width:400px;} /* カード番号 */
input.cardNo1,
input.cardNo2,
input.cardNo3,
input.cardNo4{width:60px;}
input.loginId{width:100%;} /* ログインID用 */
input.loginIdInMailAddr{width:100%;} /* ログインID用(メールアドレスのログインID利用時) */
input.loginPass{width:250px;} /* ログインパスワード用 */
input.orderCount{width:30px;} /* カート注文数 */
input.password{width:120px;}
input.nameShipping{width:208px;} /* 配送先名 */
#dvUserBox label{color: #111111;margin-bottom: 20px;} /* ラジオボタンラベル用 */
#dvUserBox input{vertical-align:middle;}

/* チェックボックス、ラジオボタン用の縦の整列 */
.checkBox input{vertical-align:middle;}
.radioBtn input{vertical-align:middle;}
.checkBox label{vertical-align:middle;}
.radioBtn label{vertical-align:-3px;}
*+html .radioBtn label{vertical-align:0px;} /* ie7用 */
* html .radioBtn label{vertical-align:-2px;} /* ie6以下 */
* html>body .radioBtn label{vertical-align:0px;}

/*==============================================================================================
 * Table内のパーツの設定
==============================================================================================*/
/*----------------------------------------------------------------------------------------------
 ユーザー系テーブル
----------------------------------------------------------------------------------------------*/
#dvUserBox table{}

/* テーブル内の画像 */
#dvUserBox table img{vertical-align:middle;} /* inputなどの要素と並びを揃える */
#dvUserBox table td #imgProductImage,
#dvUserBox table td .imgProductImage,
#dvUserBox table td #picture { width: 100%; }

/* ----- 注文系テーブル セルの一括指定 ----- */
#dvUserBox table td,
#dvUserBox table th{empty-cells:show;vertical-align:middle;color:#333;}

/* 注文系テーブル セル内の画像 */
#dvUserBox table td img,
#dvUserBox table th img{}

/* ----- 注文系th要素全体 ----- */
#dvUserBox table th{text-align:left;font-weight:normal;}

/* ラジオボタンの左マージン回避 */
#dvUserBox table th input{margin-left:-7px;}
#dvUserBox table th label{font-weight:bold;vertical-align:-1px;}

/* ----- 注文系td要素全体 ----- */
#dvUserBox table td{line-height:1.4!important;}

/* 注釈 */
#dvUserBox table td ins{margin-left:2px!important;}

/*==============================================================================================
 * 見出し系の設定値
==============================================================================================*/
/* ----- ページの見出し ----- */
#dvUserBox h2{
}

/* ----- ブロックごとの見出し ----- */
#dvUserBox h3{
	margin:0px 0px 10px 0px;
	font-size: 18px;
}
/* ----- 未定 ----- */
#dvUserBox h4{
	margin:0px 0px 10px 0px;
	font-size: 15px;
}

/* ----- 未定 ----- */
#dvUserBox h5{
	text-align:left;
	font:bold 12px "ＭＳ Ｐゴシック", Arial;
	padding:0px 0px 0px 5px;
	border-left-style:solid;
	border-left-width:5px;
	border-left-color:#666;
	margin:10px 0px 0px 0px;
}

/* ----- メニューの見出し ----- */
#dvUserBox h6{}


/*==============================================================================================
 ユーザー系外枠
 * ユーザー系のプロパティはこのIDの中に記述
==============================================================================================*/
/*#dvUserBox{text-align:left;padding-bottom:20px;margin:0;position:relative;margin-top:10px;}*/

/*==============================================================================================
 ユーザー系コンテンツ枠
==============================================================================================*/
#dvUserContents{width:100%;margin: 0;}
/* フロート用コンテンツ枠 */
#dvUserFltContents{width:740px;margin:0;float:right;display:inline;}

#dvUserFltContents{width:740px;margin:0;float:right;display:inline;}
.Page_Main[data-item="mypage"] #dvUserFltContents {
    width: 100%;
    float: unset;
    display: block;
}
.Page_Main[data-item="mypage"] .mail-detail-list#dvUserFltContents {margin-bottom: 90px;}
#dvUserContents .unit,
#dvUserFltContents .unit {
}
.dvUserBox .Page_Main[data-item="mypage"] .mailstyle {
 background: #FDF6F7;
 padding: 60px 0;
 margin-bottom: 40px;
}
.dvUserBox .Page_Main[data-item="mypage"] .mailstyle table {
 width: 900px;
 margin: 0 auto;
 font-size: 15px;
}
.dvUserBox .Page_Main[data-item="mypage"] .mailstyle table tbody {
 background: #ffffff;
 border: none;
}
.dvUserBox .Page_Main[data-item="mypage"] .mailstyle table th {
 padding: 15px;
 width: 140px;
 text-align: center;
 border: 1px solid #EFF0F6;
 border-left: none;
 border-right: none;
}
.dvUserBox .Page_Main[data-item="mypage"] .mailstyle table td {
 padding: 10px;
 border: 1px solid #EFF0F6;
 border-right: none;
 border-top: none;
}
.dvUserBox .Page_Main[data-item="mypage"] .dvUserBtnBox {
 margin-bottom: 130px;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系パンくず
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvHeaderRegistClumbs p,
#dvUserBox #dvHeaderModifyClumbs p,
#dvUserBox #dvHeaderWithdrawClumbs p,
#dvUserBox #dvHeaderUserShippingClumbs p,
#dvUserBox #dvHeaderUserCreditCardClumbs p
 {
	text-align: center;
	padding: 9px 0px 9px 0px;
}

/*==============================================================================================
ユーザー系情報領域
 * ファイル名でIDを振る。
 * 例(CartListページの場合)、#dvOrderBox #dvCartList
==============================================================================================*/
/*----------------------------------------------------------------------------------------------
 ユーザー系マイページ
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvMyPage{}

.dvUserBox #dvMyPage p{
     text-align: center;
     font-size: 16px;
}
.dvUserBox #dvMyPage table{
     display: none;
}
/*----------------------------------------
 ユーザおすすめ商品一覧
-----------------------------------------*/
#dvUserBox #dvMyPage #dvUpSell{margin-top:20px;}
#dvUserBox #dvMyPage #dvUpSell dl dt{border-bottom:solid 1px #ccc;padding-bottom:1px;margin-bottom:2px;}
#dvUserBox #dvMyPage #dvUpSell dl dd.productInfo ul li.productInfoList{
	width:220px;
	float:left;
	margin:2px 0px;
	height:80px;
}
#dvUserBox #dvMyPage #dvUpSell dl dd.productInfo ul li ul li.thumnail{
	text-align:center;
	width:80px;
	border:solid 1px #ccc;
	float:left;
	margin-right:3px;
	padding:2px 0px;
}
#dvUserBox #dvMyPage #dvUpSell dl dd.productInfo ul li ul li.productName{
	width:115px;
	float:right;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系お気に入りリスト
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvFavoriteList{}
#dvUserBox #dvFavoriteList p{}

/*----------------------------------------
 お気に入りリストブロック
-----------------------------------------*/
.dvUserBox #dvFavoriteList{
    width: 900px;
    margin: 0 auto;
    margin-bottom: 90px;
}
.dvUserBox #dvFavoriteList p{}
.dvUserBox #dvFavoriteList .alertmsg{text-align: left;margin-bottom: 10px;font-size: 16px;}
.dvUserBox .alertmsg{text-align: center;}
.dvUserBox [data-item="mypage"] .alertmsg{text-align: left;margin-bottom: 10px;font-size: 16px;width: 900px;margin: 0 auto !important;}
/*----------------------------------------
 お気に入りリストブロック
-----------------------------------------*/
.dvUserBox #dvFavoriteList .dvFavoriteList{}

/* ===== お気に入りリストテーブル ===== */
.dvUserBox #dvFavoriteList table{
	width:100%;
	padding:0;
	margin:0px;
	empty-cells:show;
	border-collapse:separate;
	font-size: 14px;
	letter-spacing: 0.02em;
	margin-bottom: 80px;
}
.dvUserBox #dvFavoriteList table.shipping-list{
 font-size: 16px;
}
/* ----- テーブル内見出し ----- */
.dvUserBox #dvFavoriteList table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color: #0000001A;
	padding-bottom:20px;
	text-align:left;
	color: #616161;
	font-size: 16px;
	font-weight: 400 !important;
}
/* ----- テーブル内情報エリア ----- */
.dvUserBox #dvFavoriteList table td{
	text-align:left;
	vertical-align: bottom;
}
.dvUserBox #dvFavoriteList table td.shippingName{
	text-align:left;
	vertical-align: middle;
	padding-top: 20px !important;
}
.dvUserBox #dvFavoriteList table td.shippingAddr{
	text-align:left;
	vertical-align: middle;
    padding-top: 20px !important;
    padding-left: 20px !important;
}
/* 商品画像 */
.dvUserBox #dvFavoriteList table .productImage{width: 130px;}
.dvUserBox #dvFavoriteList table .productImage.realshopimage{width: 190px;vertical-align: middle;}
.dvUserBox #dvFavoriteList table .productName.realshopimage{width: 523px;vertical-align: middle;}
.dvUserBox #dvFavoriteList table .delete.realshopimage{width: 144px;vertical-align: middle;float: none;}
.favoriteProductImage {position: relative;}
/* 商品型番 */
.dvUserBox #dvFavoriteList table .productPatternNum{}
/* 商品名 */
.dvUserBox #dvFavoriteList table .productName{width: 600px;vertical-align: top;padding-left: 20px;}
.dvUserBox #dvFavoriteList table .productName.creditoption{width: 600px;vertical-align: middle;padding-left: 20px;}
.dvUserBox #dvFavoriteList table .CreditcardName{vertical-align: top;font-size: 16px;}
.dvUserBox #dvFavoriteList table .CreditCardDetail{vertical-align: top;font-size: 16px;padding-left: 20px;}
.dvUserBox #dvFavoriteList table .CreditCardDetail ul {
	display: flex;
}
.dvUserBox #dvFavoriteList table .CreditCardDetail ul li { margin-bottom: 8px
														  ;}
.dvUserBox #dvFavoriteList table.shipping-list .productName{
    vertical-align: middle;
}
.dvUserBox #dvFavoriteList table .productName p img{height: 26px;}
.dvUserBox #dvFavoriteList table .productName a{display:block;padding-bottom: 7px;font-size: 16px;}
.dvUserBox #dvFavoriteList table .productName a:first-of-type{display:block;padding-bottom: 7px;font-size: 14px;}
.dvUserBox #dvFavoriteList table .productName p{padding-bottom: 15px;}
.dvUserBox #dvFavoriteList table .favorite-addcart .btn {margin-top:3px!important;min-width: 140px;padding: 10px;background: #06C725!important;border-color: #06C725!important;}
.dvUserBox #dvFavoriteList table .favorite-addcart p { margin-top:4px!important;}
/* 削除ボタン列 */
.dvUserBox #dvFavoriteList table .delete{width: 58px;float: right;margin-top: 10px;}
.dvUserBox #dvFavoriteList table .delete .btn{min-width: 58px;background: #EFEFEF!important;color: #222222CC;padding: 5px;border: none;font-size: 14px;border-radius:inherit;}
.dvUserBox #dvFavoriteList table .updatedelete .delete .btn{width: 78px;background: #EFEFEF;color: #222222CC;padding: 10px;margin-bottom: 10px;}
.dvUserBox #dvFavoriteList table .updatedelete .delete{width:78px;}
.dvUserBox #dvFavoriteList table .updatedelete{padding-top: 20px !important;}
.dvUserBox #dvFavoriteList table .delete.realshopimage .btn{width:144px;}
/* ページャ */
.dvUserBox #dvFavoriteList .pager{border:none;}

.dvUserBox #dvFavoriteList table .favorite-addcart{
    float: right;
}
.dvUserBox #dvFavoriteList table tr:not(:last-of-type) td{
 border-bottom: 1px solid #0000001A;
 padding-bottom: 40px;
}
.dvUserBox #dvFavoriteList table tr:not(:first-of-type) td{
 padding-top: 40px;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系アドレス帳 アドレス帳一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserShippingList{}
#dvUserBox #dvUserShippingList p{}

/*----------------------------------------
 アドレス帳一覧ブロック
-----------------------------------------*/
#dvUserBox #dvUserShippingList .dvUserShippingList{}

/* ===== お気に入りリストテーブル ===== */
#dvUserBox #dvUserShippingList table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserShippingList table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#ececec;
	padding:10px;
	text-align:left;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserShippingList table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:10px;
	text-align:left;
}
/* 配送先名 */
#dvUserBox #dvUserShippingList table .shippingName{width:160px;}
/* お届け先 */
#dvUserBox #dvUserShippingList table .shippingAddr{width:300px;}
/* 更新・削除ボタン列 */
#dvUserBox #dvUserShippingList table .updatedelete{width:120px;}
#dvUserBox #dvUserShippingList table .updatedelete a { margin-bottom: 3px; }
/* 追加ボタン例 */
#dvUserBox #dvUserShippingList table .insert{
	border-bottom-style:none;
	background-color:#ffffff;
	text-align:right;
}


/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳 アドレス帳の入力
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserShippingInput{}
#dvUserBox #dvUserShippingInput p{margin:5px 0px 1px 0px;}
#dvUserBox #dvUserShippingInput .dvUserShippingInfo,
#dvUserBox #dvUserShippingConfirm .dvUserShippingInfo{
	margin-bottom:20px;
}
#dvUserBox #dvUserShippingInput table,
#dvUserBox #dvUserShippingConfirm table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}
/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserShippingInput table th,
#dvUserBox #dvUserShippingConfirm table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#ececec;
	padding:10px;
	text-align:left;
	width:170px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserShippingInput table td,
#dvUserBox #dvUserShippingConfirm table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:10px;
	text-align:left;
}
#dvUserBox #dvUserShippingInput table table{
	padding:0;
	margin:0;
	border:none;
	border-top-width:0px;
	width:auto;
}
#dvUserBox #dvUserShippingInput table table td{
	border:none;
	border-top-width:0px;
	padding:0px;
	margin:0px;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 アドレス帳 入力内容の確認
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserShippingConfirm{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 クレジットカード クレジットカード一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserCreditCardList{}
#dvUserBox #dvUserCreditCardList p{}

/*----------------------------------------
 クレジットカード一覧ブロック
-----------------------------------------*/
#dvUserBox #dvUserCreditCardList .dvUserCreditCardList{}

/* ===== クレジットカードリストテーブル ===== */
#dvUserBox #dvUserCreditCardList table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserCreditCardList table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#ececec;
	padding:10px;
	text-align:left;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserCreditCardList table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:10px;
	text-align:left;
}
/* クレジットカード名 */
#dvUserBox #dvUserCreditCardList table .CreditcardName{width:160px;}
/* クレジットカード詳細 */
#dvUserBox #dvUserCreditCardList table .CreditCardDetail{width:300px;}
#dvUserBox #dvUserCreditCardList table .CreditCardDetail li{line-height:1.4;}
#dvUserBox #dvUserCreditCardList table .CreditCardDetail .itemname{float:left;width:80px;}
#dvUserBox #dvUserCreditCardList table .CreditCardDetail .iteminfo{float:left;width:200px;}
#dvUserBox #dvUserCreditCardList table .CreditCardDetail .separator{float:left;width:10px;}
/* 削除ボタン列 */
#dvUserBox #dvUserCreditCardList table .delete{width:120px;text-align:right;padding-right:15px}
/* 追加ボタン */
#dvUserBox #dvUserCreditCardList table .insert{
	border-bottom-style:none;
	background-color:#ffffff;
	text-align:right;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 クレジットカード クレジットカードの入力
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserCreditCardInput{}
#dvUserBox #dvUserCreditCardInput p{margin:5px 0px 1px 0px;}
#dvUserBox #dvUserCreditCardInput .dvUserCreditCardInfo,
#dvUserBox #dvUserCreditCardConfirm .dvUserCreditCardInfo{
	margin-bottom:20px;
}
#dvUserBox #dvUserCreditCardInput table,
#dvUserBox #dvUserCreditCardConfirm table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}
/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserCreditCardInput table th,
#dvUserBox #dvUserCreditCardConfirm table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#ececec;
	padding:10px;
	text-align:left;
	width:170px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserCreditCardInput table td,
#dvUserBox #dvUserCreditCardConfirm table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:10px;
	text-align:left;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 クレジットカード 入力内容の確認
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserCreditCardConfirm{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴一覧
-----------------------------------------------------------------------------------------------*/
.dvUserBox #dvOrderHistoryList{margin-bottom: 80px;}
/* ソートボックス */

#sortBox {
    width: 100%;
}
.dvFavoriteList.history-list #sortBox {
 margin-bottom: 20px;
}
.dvFavoriteList.history-list table {
 margin-bottom: 20px;
 margin-top: 20px;
}
.history-list #sortBox {
 margin-bottom: 30px;
}
#sortBox .box {
	float: left;
	margin-right: 20px;
	padding: 5px;
}
#sortBox .title {
	float: left;
	margin-right: 10px;
	line-height: 25px;
}
#sortBox ul {
	float: left;
}

#sortBox ul li {
	float: left;
}

#sortBox ul li.active {
	color: #fff;
	line-height: normal;
	font-size: 16px;
	background-color: #D6001D;
	height: 45px;
	line-height: 41.6px;
	width: 450px;
	letter-spacing: 0.04em;
	text-align: center;
	font-weight: 600;
	padding: 2px 0px;
}

#sortBox ul li a {
	display: block;
	background-color: #FFFFFF;
	line-height: normal;
	font-size: 16px;
	height: 45px;
	line-height: 41.6px;
	letter-spacing: 0.04em;
	width: 450px;
	padding: 2px 0px;
	text-align: center;
	color: #D6001D;
	font-weight: 600;
	border: 1px solid #D6001D;
}

#sortBox ul li a:hover {}


/*----------------------------------------
 購入履歴一覧ブロック
-----------------------------------------*/
.dvUserBox #dvOrderHistoryList .dvOrderHistoryList{
    width: 900px;
    margin: 0 auto;
}
.dvUserBox #dvOrderHistoryList .dvFavoriteList.history-list{
    width: 900px;
    margin: 0 auto;
    font-size: 15px;
    color: #222222B3;
}
.dvUserBox #dvOrderHistoryList .dvFavoriteList.history-list div:not([class]) {
	color: #111111;
	font-size: 16px;
}
/* ===== 購入履歴一覧テーブル一段目 ===== */
.dvUserBox #dvOrderHistoryList table{
	width:100%;
	padding:0;
}

/* ===== 購入履歴一覧テーブル二段目 ===== */
.dvUserBox #dvOrderHistoryList table.orderHistoryList_secondTable{
	margin-top: 0;
	border-top-style: none;
}

/* =====定期購入履歴一覧テーブル二段目 ===== */
.dvUserBox #dvFixedPurchaseList table.fixedPurchaseList_secondTable{
	margin-top: 0;
	border-top-style: none;
}

/* ===== 購入商品情報テーブル ===== */
.dvUserBox #dvOrderHistoryContain table{
	width:100%;
	padding:0;
	margin:15px 0 0;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}

/* ===== 定期購入商品情報テーブル ===== */
.dvUserBox #dvFixedPurchaseList table.dvFixedPurcharseContain{
	margin-top: 0;
	/*border-top-style: none;
	border-color: #ccc;
	background-color: #ececec;*/
}

/* ----- テーブル内見出し ----- */
.dvUserBox #dvOrderHistoryList table th{
	/* padding: 14px 8px; */
	height: 40px;
	text-align:center;
	width:560px;
}
.dvUserBox #dvOrderHistoryList table.order-history th.orderItemProductName{
	/* padding: 14px 8px; */
	height: 40px;
	text-align:center;
	width:725px;
}
.dvUserBox #dvOrderHistoryList table.order-history th{
    background-color: #FDF6F7 !important;
}

/* ----- テーブル内情報エリア ----- */
.dvUserBox #dvOrderHistoryList table td{
	padding:10px 8px;
	text-align:left;
}
.dvUserBox #dvOrderHistoryList table td{
	padding:10px 8px;
	text-align:left;
}
.dvUserBox #dvOrderHistoryList table.order-history td{
	padding: 20px 0;
	text-align:left;
    border-bottom: 1px solid #0000001A;
}
.dvUserBox #dvOrderHistoryList table.order-history td.orderDate {
 color:#111111;
 font-size: 16px;
}
.dvUserBox #dvOrderHistoryList table.order-history td.orderItemProductName:nth-child(1) {
	width: 80px;
}
.dvUserBox #dvOrderHistoryList table.order-history td.orderItemProductName:nth-child(2) {
	width: 464px;
	padding: 20px 20px;
	font-size: 16px;
	color: #111111;
}
.dvUserBox #dvOrderHistoryList table.order-history td.orderItemProductName img {
	width: auto;
    height: 26px;
}
.dvUserBox #dvOrderHistoryList table.order-history td.orderItemProductName a.title {
 display: block;
 padding: 20px 0px;
 font-size: 16px;
}
.dvUserBox #dvOrderHistoryList table.order-history td.orderItemProductName img#imgProductImage {
	width: 80px;
    height: auto;
	display: none;
}
.dvUserBox #dvOrderHistoryList table.order-history td.orderItemProductName a img#imgProductImage {
	width: 80px;
	height: auto;
	display: block;
}
.dvUserBox #dvOrderHistoryList .history-list tbody.orderContents{
    background-color: #ffffff;
    font-size: 16px;
    color: #111111;
}

.dvUserBox #dvOrderHistoryList tbody.orderContents:hover{
    background-color: #f9f7f7;
}
.dvUserBox #dvOrderHistoryList .history-list tbody .itemTitle {
 color:#111111;
}
.dvUserBox #dvOrderHistoryList .history-list tbody .itemTitle {
 color:#111111;
}
.dvUserBox #dvOrderHistoryList .history-list tbody .itemTitle p {
 color:#111111;
	font-size: 16px;
}
.dvUserBox #dvOrderHistoryList .history-list tbody {
    background-color: #FDF6F7;
    font-size: 15px;
    color: #111111B3;
}
.dvUserBox #dvOrderHistoryList .history-list tbody th {
	color: #111111B3;
}
.dvUserBox #dvOrderHistoryList .history-list .order-history tbody {
    background-color: #ffffff;
}
.dvUserBox #dvOrderHistoryList .history-list tbody:nth-of-type(2n) {
 background-color: #ffffff;
}
.dvUserBox #dvOrderHistoryList table .orderNum
.dvUserBox #dvOrderHistoryList tbody.orderContents:hover td a { color: #333; }

/* ご注文番号 */
.dvUserBox #dvOrderHistoryList table.order-history .orderNum{width: 175px;text-align:center;}
.dvUserBox #dvOrderHistoryList table .orderNum{width: 225px;text-align:center;}
/* ご購入日 */
.dvUserBox #dvOrderHistoryList table .orderDate{width: 225px;text-align:center !important;}
/* お支払い金額合計 */
.dvUserBox #dvOrderHistoryList table .paymentTotal{text-align:right;width: 225px;text-align:center;}
/* ご注文状況 */
.dvUserBox #dvOrderHistoryList table .orderStatus{width: 225px;text-align:center;text-align:center;}
/* 詳細ボタン */
.dvUserBox #dvOrderHistoryList table .btnDetail{width:55px;text-align:center;}
/* 配送希望日 */
.dvUserBox #dvOrderHistoryList table .shippingDate{width: 225px;text-align:center;}
/* 定期購入ID */
.dvUserBox #dvOrderHistoryList table .fixedPurchaseId{width: 450px;text-align: left;padding-left: 76px;}
.dvUserBox #dvOrderHistoryList table td.fixedPurchaseId{width: 450px;text-align: left;padding-left: 40px;}
/* 注文一覧・商品一覧の表示切替 */
.dvUserBox #dvOrderHistoryList .displayType{float:left;}

.dvUserBox #dvOrderHistoryList table.order-history .orderItemProductInfo {width: 141px;}
.dvUserBox #dvOrderHistoryList table.order-history .orderItemProductInfo .favorite-addcart {margin: 0px 0 10px;}
.dvUserBox #dvOrderHistoryList table.order-history .orderItemProductInfo .favorite-addcart .btn {
 margin-top: 3px!important;
 width: 100px;
 background: #06C724!important;
 margin: 0 !important;
 border: none;
 padding: 10px 0;
 width: 140px;
 font-size: 15px;
 min-width: auto;
}
.dvUserBox #dvOrderHistoryList table.order-history .orderItemProductInfo .btn.backbtn {
 width: 140px;
 background: #111111;
 color: #ffffff;
 padding: 10px;
 border: none;
 font-size: 15px;
 min-width: auto;
}
/* 商品表示エリア */
.dvUserBox #dvOrderHistoryList tbody.orderContents .itemArea{
  width: 100%;
  margin: 5px 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

/* 商品タイトル */
.dvUserBox #dvOrderHistoryList tbody.orderContents .itemArea .itemTitle{
  width: 100%;
  padding: 5px;
  margin: 0 10px;
  display: inline-block;
}

/* ----- 出荷予定日 ----- */
.dvUserBox #dvOrderHistoryList table th.scheduledShippingDate{padding:10px 8px;text-align:center;width: 225px;}

.dvUserBox #dvOrderHistoryList table td.scheduledShippingDate{
	padding:10px 8px;
	text-align:center;
	width: 225px;
}

/* ----- 商品名 ----- */
.dvUserBox #dvOrderHistoryList table td.itemTitle{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color: #0000001A;padding: 0px 20px 0 10px;width: 595px;}

/* ----- 商品画像 ----- */
.dvUserBox #dvOrderHistoryList table td.itemImage{
	border-bottom: 1px solid #0000001A;
	padding: 15px 0;
	text-align:center;
	width: 100px;
}
.dvUserBox #dvOrderHistoryList table td.itemImage img#imgProductImage{
 width: 80px;
 float: left;
}
/* ----- 商品名情報 ----- */
.dvUserBox #dvOrderHistoryList table th.orderName {
	text-align: left;
	width: 80px;
	padding-left: 89px;
	white-space: nowrap;
}

/* ----- 注文数情報 ----- */
.dvUserBox #dvOrderHistoryList table th.itemCount {
	text-align: center;
	width: 225px;
}

/* ----- 空カラム（∵tableカラム数を一致させる） ----- */
.dvUserBox #dvOrderHistoryList table th.emptyColumn {
	text-align:center;
	width: 585px;
}

/* ----- 定期購入設定 ----- */
.dvUserBox #dvOrderHistoryContain table th.scheduledShippingDate {
	display:inline-block;
	text-align:center;
	width:270px;
}



/* ----- 購入商品 ----- */
.dvUserBox #dvOrderHistoryList table.dvOrderHistoryContain {
	margin-top:0;
	table-layout: fixed;
	margin-bottom: 20px;
}
.dvUserBox #dvOrderHistoryList .history-list table.dvOrderHistoryContain tbody {
	background-color: #ffffff;
}
.dvUserBox #dvOrderHistoryList .history-list table.dvOrderHistoryContain tbody tr.orderList {
	background-color: #FDF6F7;
}
/* ----- 注文数 ----- */
.dvUserBox #dvOrderHistoryList table td.itemCount {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #0000001A;
	padding: 10px 8px;
	text-align:center;
	width: 225px;
	font-size: 16px;
}

.dvUserBox #dvFixedPurchaseList table td.itemCount {
	/*border-bottom-style: solid;
	border-bottom-width: 1px;
	background-color: #fbfbfb;*/
	padding: 10px 8px;
	text-align:center;
	width:100px;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 購入履歴詳細
-----------------------------------------------------------------------------------------------*/
.dvUserBox #dvOrderHistoryDetail{
    width: 900px;
    margin: 0 auto;
    font-size: 15px;
    margin-bottom: 70px;
}

/* ===== 購入履歴詳細テーブル ===== */
.dvUserBox #dvOrderHistoryDetail table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color: #0000001A;
	margin-bottom: 65px;
}

/* ----- テーブル内見出し ----- */
.dvUserBox #dvOrderHistoryDetail table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color: #0000001A;
	background-color: #FDF6F7;
	padding:10px;
	text-align:left;
	width: 200px;
	font-size: 14px;
	color: #111111B3!important;
}
/* ----- テーブル内情報エリア ----- */
.dvUserBox #dvOrderHistoryDetail table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color: #0000001A;
	padding:10px;
	text-align:left;
}
.dvUserBox #dvOrderHistoryDetail table td .btn {
 width: auto;
 height: 34px;
 border-radius: inherit;
 font-size: 14px;
 margin-right: 0;
 letter-spacing: 0.02em;
 min-width: auto;
 padding: 6px 14px;
 line-height: 1.3;
 font-weight: 400;
 border: 1px solid #ffffff;
 background: #EFEFEF;
 box-shadow: none;
 color: #222222B3;
}
.dvUserBox #dvOrderHistoryDetail table td .btn:hover {
	border: 1px solid #848484;
	background: #ffffff;
}
.dvUserBox #dvOrderHistoryDetail select {
 width: 300px;
 border: 1px solid #0000001A;
}
.dvUserBox #dvOrderHistoryDetail select.expMonth,
.dvUserBox #dvOrderHistoryDetail select.expYear {
 width: 130px;
 margin: 0 15px 0 0;
}
.dvUserBox #dvOrderHistoryDetail input.securityCode {
 width: 150px;
}
.dvUserBox #dvOrderHistoryDetail select.expYear{ margin-left:10px;}
.dvUserBox #dvFixedPurchaseDetail select,
.dvUserBox #dvOrderHistoryDetail input {
 width: 300px;
 border: 1px solid #0000001A;
}
.dvUserBox #dvFixedPurchaseDetail select.year,
.dvUserBox #dvFixedPurchaseDetail select.month,
.dvUserBox #dvFixedPurchaseDetail select.date{
    width:auto;
}
.dvUserBox #dvFixedPurchaseDetail textarea,
.dvUserBox #dvFixedPurchaseDetail input[type="text"]{
 border: 1px solid #0000001A;
}
/*----------------------------------------
 購入履歴詳細ブロック ご注文情報
-----------------------------------------*/
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo{}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo table th,.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping table th {vertical-align: top;}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo .orderTotal{}
/*----------------------------------------
 購入履歴詳細ブロック お届け先情報
-----------------------------------------*/
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryShipping{}
.re-order .btn {
	min-width: 72px;
	padding: 6px 10px;
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	border-radius: 4px;
	font-weight: 600;
	text-shadow: unset;
	border: 1px solid #848484;
	background: #FFFFFF;
	color: #858585;
}

/*----------------------------------------
 購入履歴詳細ブロック 商品一覧
 * テーブルのつなげるために上のborderを消す
-----------------------------------------*/
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table *{width:auto;}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table,
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table th{}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table th {
    text-align: center;
}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table td {
    font-size: 15px;
    color: #111111B3;
}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table td a {
    font-size: 15px;
    color: #111111B3;
}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .productName{width: 160px;}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .productPrice,
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderCount,
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .taxRate,
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderSubtotal{text-align: center;}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderSubtotal .btn {
	min-width: auto;
	height: 44px;
	padding: 10px 10px;
	text-align: center;
	width: 159px;
	font-size: 16px;
	line-height: 25.5px;
	letter-spacing: 0.08em;
	border-radius: 6px;
	font-weight: 600;
	text-shadow: unset;
	border: none;
	background: #111111!important;
	color: #ffffff !important;
}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderSubtotal .btn:before {
	content: "";
	width: 18px;
	height: 17px;
	display: inline-block;
	background: url(/Contents/ImagesPkg/order/load_01.png);
	background-size: cover;
	position: relative;
	top: 2px;
	margin-right: 6px;
	margin-left: 3px;
}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderSubtotal .btn.button-custom {
	width: 125px;
	background: #06C724!important;
}
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct .orderSubtotal .btn.button-custom:before {
	background: url(/Contents/ImagesPkg/order/load_02.png);
	background-size: cover;
	margin-left: 0;
}
/* テーブルブロックごとの余白 */
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryInfo table,
.dvUserBox #dvOrderHistoryDetail .dvOrderHistoryProduct table{margin-bottom: 80px;}

/*----------------------------------------
 購入履歴合計額ブロック
-----------------------------------------*/
.dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap{width:100%;position:relative;margin-bottom: 20px;}
/* ===== 合計情報ブロック ===== */
.dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum{
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
}

/* ----- 商品合計、配送料金、ポイント情報 ----- */
.dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderSum{
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px solid #0000001A;
    height: 66px;
}

/* ----- 総合計 ----- */
.dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal{width: 100%;display: flex;justify-content: space-between;align-items: center;border-bottom: 2px solid #0000001A;height: 66px;}
.dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal dt,
.dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl.orderTotal dd{}

/* 項目名 */
.dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl dt{width: 40%;padding: 0px 10px 0px;line-height: 1.8;font-size: 16px;}
/* 値 */
.dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl dd{padding: 0px 10px 0px;text-align: right;line-height: 1.8;font-size: 16.1px;}
/* 会員ランク割引額*/
.dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl dd.MemberRankUse span{}
/* ポイント利用額 */
.dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl dd.pointUse span{}
/* クーポン割引額 */
.dvUserBox #dvOrderHistoryDetail .dvOrderSumWrap .dvOrderSum dl dd.couponUse span{}

/* 領収書ダウンロード */
.dvUserBox #dvOrderHistoryDetail .btnReceiptDownload {
	float: right;
	display: inline;
	position: relative;
	top: -5px;
}
.dvUserBox #dvOrderHistoryDetail .dvReceiptDownloadErrorMessage {
	clear: both;
	padding: 10px 0;
	float: right;
}

/*----------------------------------------------------------------------------------------------
   注文履歴一覧画面でのカート投入時フローティングウィンドウ表示
   PC、スマートフォンで同じものを利用
----------------------------------------------------------------------------------------------*/
/* フローティングウィンドウデザイン */
#addCartResultPopup
{
	display: none;
	position: absolute;
	z-index: 0;
	background: #FDFDFD;
	width: 200px;
	height: 200px;
	border:2px solid #777;
	text-align: center;
	box-shadow: 8px 8px 16px #AAA;
}

/* フローティングウィンドウ内、タイトル */
#addCartResultPopup .popupTitle
{
	width:100%;
	background:#EFEFEF;
	border-bottom:solid 1px #DDD;
	padding-top:5px;
	padding-bottom:5px;
	font-weight:bold;
}

/* フローティングウィンドウ内、非表示ボタン */
#addCartResultPopup .closePopup
{
	cursor:pointer;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 定期購入情報一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvFixedPurchaseList{}

/*----------------------------------------
 定期購入情報一覧ブロック
-----------------------------------------*/
.dvUserBox #dvFixedPurchaseList{}

/*----------------------------------------
 定期購入情報一覧ブロック
-----------------------------------------*/
.dvUserBox #dvFixedPurchaseList .dvFixedPurchaseList{
    width: 900px;
    margin: 0 auto;
    margin-bottom: 90px;
}

/* ===== 定期購入情報一覧テーブル ===== */
.dvUserBox #dvFixedPurchaseList table{
	width:100%;
	padding:0;
	margin:15px 0 0;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	/*border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;*/
}

/* ----- テーブル内見出し ----- */
.dvUserBox #dvFixedPurchaseList table tbody{
    
    background-color: #6C8C9D1A;
    font-size: 15px;
    color: #222222B3;
}
.dvUserBox #dvFixedPurchaseList table th{
	/*border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#ececec;*/
	padding:10px;
	text-align:left;
	width:170px;
}
/* ----- テーブル内情報エリア ----- */
.dvUserBox #dvFixedPurchaseList table td{
	/*border-bottom-style:solid;
	border-bottom-width:1px;*/
	padding:10px 8px;
	text-align:left;
}

.dvUserBox #dvFixedPurchaseList tbody.orderContents{
    background-color: #ffffff;
}

.dvUserBox #dvFixedPurchaseList tbody.orderContents:hover{
    background-color: #f9f7f7;
}

.dvUserBox #dvFixedPurchaseList tbody.orderContents td{
    background-color: transparent;
}

.dvUserBox #dvFixedPurchaseList tbody.orderContents:hover td a { color: #333; }

/* 定期購入ID */
.dvUserBox #dvFixedPurchaseList table .fixedPurchaseId{width:230px;text-align:center;}
.dvUserBox #dvFixedPurchaseList table th.fixedPurchaseId{width:33%;text-align:center;}
.dvUserBox #dvFixedPurchaseList table tb.fixedPurchaseId{width:230px;text-align:center;}
/* 定期購入ステータス */
.dvUserBox #dvFixedPurchaseList table .fixedPurchaseStatus{width:33%;text-align:center;}
/* 定期購入設定 */
.dvUserBox #dvFixedPurchaseList table .fixedPurchaseTerm{width:33%;}
/* 最終購入日 */
.dvUserBox #dvFixedPurchaseList table .lastOrderDate{width:145px;text-align:center;}
/* 次回配送日 */
.dvUserBox #dvFixedPurchaseList table .nextShippingDate{width:145px;text-align:center;}
/* 購入回数 */
.dvUserBox #dvFixedPurchaseList table .fixedPurchaseCount{text-align:center;width:35px;}
/* 詳細ボタン */
.dvUserBox #dvFixedPurchaseList table .btnDetail{text-align:center;width:65px;}
/* 定期購入ステータス（通常) */
.dvUserBox #dvFixedPurchaseList table .fixedPurchaseStatus .fixedPurchaseStatus_10{
	color:#333333;
	font-weight:bold;
}
/* 定期購入ステータス（決済エラー停止) */
.dvUserBox #dvFixedPurchaseList table .fixedPurchaseStatus .fixedPurchaseStatus_11,	/*決済エラー停止*/
.dvUserBox #dvFixedPurchaseList table .fixedPurchaseStatus .fixedPurchaseStatus_12{	/*在庫エラー停止*/
	color:#ff0000;
	font-weight:bold;
}
/* 定期購入ステータス（キャンセル) */
.dvUserBox #dvFixedPurchaseList table .fixedPurchaseStatus .fixedPurchaseStatus_30{}

/* 商品表示エリア */
.dvUserBox #dvFixedPurchaseList tbody.orderContents .itemArea{
  width: 100%;
  margin: 5px 5px;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}

/* 商品タイトル */
.dvUserBox #dvFixedPurchaseList tbody.orderContents .itemArea .itemTitle{
  width: 100%;
  padding: 5px;
  margin: 0 10px;
  display: inline-block;
}

/* ----- 商品名情報エリア ----- */
.dvUserBox #dvFixedPurchaseList table td.itemTitle{
	/*border-bottom-style:solid;
	border-bottom-width:1px;*/
	background-color:#ffffff;
	padding:30px 8px;
	width: 160px;
}

.dvUserBox #dvFixedPurchaseList table tr.itemTitle{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#ececec;
	padding:10px 8px;
	text-align:center;
	width:300px;
}

/* ----- 商品画像 ----- */
.dvUserBox #dvFixedPurchaseList table td.itemImage{
	/*border-bottom-style:solid;
	border-bottom-width:1px;*/
	background-color:#ffffff;
	padding:10px 8px;
	text-align:center;
	width: 10%;
}

/* ----- 商品名 ----- */
.dvUserBox #dvFixedPurchaseList table th.orderName {
	text-align:center;
	width:50px;
}

/* ----- 注文数 ----- */
.dvUserBox #dvFixedPurchaseList table th.itemCount {
	text-align: center;
	width: 155px;
}

/* ----- 定期購入設定 ----- */
.dvUserBox #dvFixedPurchaseList table th.fixedPurchaseTerm {
	text-align:center;
}

/* ----- 空カラム（∵tableカラム数を一致させる） ----- */
.dvUserBox #dvFixedPurchaseList table th.emptyColumn {
	text-align:center;
	width: 280px;
}

/* 定期購入設定 */
.dvUserBox #dvFixedPurchaseList table td.fixedPurchaseTerm {
	text-align:center;
}

/* ----- 注文数 ----- */
.dvUserBox #dvFixedPurchaseList table td.itemCount {
	/*border-bottom-style: solid;
	border-bottom-width: 1px;*/
	background-color: #ffffff;
	padding: 10px 8px;
	text-align:center;
	width:100px;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 定期購入情報詳細
-----------------------------------------------------------------------------------------------*/
.dvUserBox #dvFixedPurchaseDetail {
	
}
.dvUserBox #dvFixedPurchaseDetail .completeInfo {
	border: none;
	background: none;
	font-size: 16px;
}
.dvUserBox #dvFixedPurchaseDetail .dvUserBtnBox{
	padding: 60px 0 90px;
}
.dvUserBox #dvUserFltContents:has(>#dvFixedPurchaseDetail) h2{
    font-size: 24px;
    letter-spacing: 0.04em;
    line-height: 41.6px;
    font-weight: 500;
    text-align: center;
    width: 1000px;
    margin: 80px auto;
    padding-bottom: 19px;
}
.dvUserBox #dvUserFltContents:has(>#dvFixedPurchaseDetail){
    width: 1120px;
    margin: 0 auto;
    font-size: 15px;
}
/* ===== 定期購入情報詳細テーブル ===== */
.dvUserBox #dvFixedPurchaseDetail table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}

/* ----- テーブル内見出し ----- */
.dvUserBox #dvFixedPurchaseDetail table th{
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-color: #0000001A;
    background-color: #6C8C9D1A;
    padding: 10px;
    text-align: left;
    width: 170px;
    font-size: 16px;
    color: #222222B3;
}
/* ----- テーブル内情報エリア ----- */
.dvUserBox #dvFixedPurchaseDetail table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#0000001A;
	padding:10px;
	text-align:left;
}

.dvUserBox #dvFixedPurchaseDetail table td small pre{
    line-height: 1.5em;
    color: #333333;
}

/* アラート・情報 */
.dvUserBox #dvFixedPurchaseDetail table td .alert {color:#ff0000;font-weight:bold;}

/*----------------------------------------
 定期購入情報詳細ブロック お届け先情報
-----------------------------------------*/
.dvUserBox #dvFixedPurchaseDetail .dvOrderHistoryShipping{
}

/*----------------------------------------
 定期購入情報詳細ブロック 商品一覧
 * テーブルのつなげるために上のborderを消す
-----------------------------------------*/
.dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table *{width:auto;}
.dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table,
.dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table th{
}
.dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .productName{width:300px;}
.dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .productPrice,
.dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .orderCount,
.dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem .orderSubtotal{text-align:right;}

/* テーブルブロックごとの余白 */
.dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetail table,
.dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseItem table,
.dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetailCard table {margin-bottom:20px;}

.dvUserBox #dvFixedPurchaseDetail .dvFixedPurchaseDetailCard{}

/* 定期購入ステータス（通常) */
.dvUserBox #dvFixedPurchaseDetail table td .fixedPurchaseStatus_10{color:#333333;font-weight:bold;}
/* 定期購入ステータス（決済エラー停止) */
.dvUserBox #dvFixedPurchaseDetail table .fixedPurchaseStatus_11,	/*決済エラー停止*/
.dvUserBox #dvFixedPurchaseDetail table .fixedPurchaseStatus_12{	/*在庫エラー停止*/
	color:#ff0000;
	font-weight:bold;
}
/* 定期購入ステータス（キャンセル) */
.dvUserBox #dvFixedPurchaseDetail table .fixedPurchaseStatus_30{}

/* 決済ステータス（通常) */
.dvUserBox #dvFixedPurchaseDetail table .paymentStatus_10{color:#333333;font-weight:bold;}
/* 決済ステータス（決済失敗) */
.dvUserBox #dvFixedPurchaseDetail table td .paymentStatus_11{color:#ff0000;font-weight:bold;}

/*----------------------------------------------------------------------------------------------
 ユーザー系 登録情報変更 会員情報の入力
-----------------------------------------------------------------------------------------------*/
.colorarea_regist > .Inner {
    width: 900px;
    margin: 0 auto;
}
#dvUserBox .registarea #dvUserRegistInput.Contact_Main {
 background: #ffffff;
 margin-top: 80px;
}
#dvUserBox .registarea #dvUserRegistInput.credit-rearea .Inner {padding-bottom: 50px;}
#dvUserBox .registarea #dvUserRegistInput .dvUserInfo {
 padding-top: 100px;
}
#dvUserBox .registarea #dvUserRegistInput.credit-rearea {
 margin-bottom: 100px;
}
#dvUserBox .registarea #dvUserRegistInput .dvUserInfo.registunder {
 padding-bottom: 0;
}
#dvUserBox .registarea .dvUserBtnBox p span:first-child {
 padding: 30px 0 20px;
}
#dvUserBox .registarea.shipping-list .dvUserBtnBox p span:first-child {
 padding: 60px 0 20px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo h2 {
    font-size: 26px;
    letter-spacing: 0.04em;
    line-height: 41.6px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 60px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo p {
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.02em;
	margin-bottom: 30px;
	color: #222222B3;
	font-weight: 400;
}
#dvUserBox #dvUserRegistRegulation h2 {
    font-size: 26px;
    letter-spacing: 0.04em;
    line-height: 41.6px;
    font-weight: 400;
    text-align: center;
}
#dvUserBox #dvUserRegistInput .dvUserInfo label {
 padding: 0 50px 0 28px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendRegist_rUserExtendInput_ctl02_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendRegist_rUserExtendInput_ctl01_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendRegist_rUserExtendInput_ctl03_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendRegist_rUserExtendInput_ctl04_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserAddr2,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserAddr3,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserAddr4{
 width: 100% !important;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingAddr2,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingAddr3,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingCompanyName,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingCompanyPostName,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingAddr4{
 width: 100% !important;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendModify_rUserExtendInput_ctl02_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendModify_rUserExtendInput_ctl01_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendModify_rUserExtendInput_ctl03_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendModify_rUserExtendInput_ctl04_tbSelect
{
 width: 100% !important;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingTel1 {
 width: 300px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo select.year,
#dvUserBox #dvUserRegistInput .dvUserInfo select.month,
#dvUserBox #dvUserRegistInput .dvUserInfo select.date {
 height: 45px;
 padding: 0 20px;
 margin-right: 6.25px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo select.month,
#dvUserBox #dvUserRegistInput .dvUserInfo select.date {
 margin-left: 15px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserZip {
 width: 200px;
 margin-right: 20px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingZip {
 width: 200px;
 margin-right: 20px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingZip {
 width: 200px;
}
#dvUserBox .addressbtn{
 display: inline-grid;
 height: 45px;
 width: 200px;
 background: #959595;
 border: none;
 border-radius: inherit;
 color: #ffffff;
 font-size: 13px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo select.district {
 height: 45px;
 width: 200px;
 padding: 0 20px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserTel1_1,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserTel1_2 {
 width: 300px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserPasswordBefore,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserPassword,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserPasswordConf {
 width: 100%;
 height: 45px;
 padding: 10px 20px;
 border: 1px solid #0000001A;
}
#dvUserBox #dvUserRegistInput .dvUserInfo,
#dvUserBox #dvUserRegistConfirm .dvUserInfo{padding-bottom: 90px;}
#dvUserBox #dvUserRegistInput .dvUserInfo.registunder {
 margin-bottom: 0;
}
#dvUserBox #dvUserRegistInput .dvLoginInfo{}
#dvUserBox #dvUserRegistInput table,
#dvUserBox #dvUserRegistConfirm table{
}
#dvUserBox #dvUserRegistInput table table{
	padding:0;
	margin:0;
	border:none;
	border-top-width:0px;
	width:auto;
}
#dvUserBox #dvUserRegistInput table table td{
	border:none;
	border-top-width:0px;
	padding:0px;
	margin:0px;
}
.colorarea_regist {
    background: #F5F5F5;
}
/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserRegistInput table th,
#dvUserBox #dvUserRegistConfirm table th{}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserRegistInput table td,
#dvUserBox #dvUserRegistConfirm table td{
    vertical-align: bottom;
}


/*----------------------------------------------------------------------------------------------
 ユーザー系 登録情報変更 入力内容の確認
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserModifyConfirm{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 登録情報変更 受付完了
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserModifyComplete{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 会員退会
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserWithdrawInput{}
#dvUserBox #dvUserWithdrawInput .dvWithdrawInfo{margin-top:20px;}

/*----------------------------------------------------------------------------------------------
 ユーザー系 会員退会完了
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserWithdrawComplete{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員規約
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserRegistRegulation{
    width: 1120px;
    margin: 0 auto;
}
#dvUserBox #dvUserRegistRegulation .Policy_Text p{
    text-align: left;
}
#dvUserBox #dvUserRegistRegulation .Policy_Block ol {
	padding-left: 0;
}
#dvUserBox #dvUserRegistRegulation .Policy_Block:first-of-type {
    margin-top: 0;
}
#dvUserBox #dvUserRegistRegulation ul{margin-bottom:5px;}
#dvUserBox #dvUserRegistRegulation ul li{margin-top:5px;margin-left:10px;}
#dvUserBox #dvUserRegistRegulation .dvRegulation{
	padding: 50px 50px;
	border-style:solid;
	border-width:1px;
	border-color: #E4E4E4;
	overflow-x:hidden;
	overflow:auto;
	height: 500px;
	margin: 60px 0 20px;
}


/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 会員情報の入力
-----------------------------------------------------------------------------------------------*/
.colorarea_regist > .Inner {
    width: 900px;
    margin: 0 auto;
}
#dvUserBox .registarea #dvUserRegistInput.Contact_Main {
 background: #ffffff;
 margin-top: 80px;
}
#dvUserBox .registarea #dvUserRegistInput.credit-rearea .Inner {padding-bottom: 50px;}
#dvUserBox .registarea #dvUserRegistInput .dvUserInfo {
 padding-top: 80px;
}
#dvUserBox .registarea #dvUserRegistInput.credit-rearea {
 margin-bottom: 0;
}
#dvUserBox .registarea #dvUserRegistInput .dvUserInfo.registunder {
 padding-bottom: 0;
 width: 900px;
 margin: 0 auto;
}
#dvUserBox .registarea .dvUserBtnBox p span:first-child {
 padding: 30px 0 20px;
}
#dvUserBox .registarea.shipping-list .dvUserBtnBox p span:first-child {
 padding: 60px 0 20px;
}
#dvUserBox #dvUserRegistInput.registmid {
    /* padding: 0 0 100px; */
    margin-bottom: 60px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo h2 {
    font-size: 26px;
    letter-spacing: 0.04em;
    line-height: 41.6px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 60px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo p {
	font-size: 15px;
	line-height: 24px;
	letter-spacing: 0.02em;
	margin-bottom: 30px;
	color: #222222B3;
	font-weight: 400;
}
#dvUserBox #dvUserRegistInput .dvUserInfo p.attention {
	font-size: 15px;
	line-height: 0!important;
	letter-spacing: 0.02em;
	margin-bottom: 0;
	color: #222222B3;
	font-weight: 400;
}
#dvUserBox #dvUserRegistRegulation h2 {
    font-size: 26px;
    letter-spacing: 0.04em;
    line-height: 41.6px;
    font-weight: 600;
    text-align: center;
}
#dvUserBox #dvUserRegistInput .dvUserInfo label {
 padding: 0 50px 0 28px;
 margin-top: 10px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo label[for="ctl00_ContentPlaceHolder1_ucBodyUserExtendModify_rUserExtendInput_ctl00_rblSelect_0"],
#dvUserBox #dvUserRegistInput .dvUserInfo label[for="ctl00_ContentPlaceHolder1_ucBodyUserExtendModify_rUserExtendInput_ctl00_rblSelect_1"] {
	margin-bottom: 0;
}
input[type=checkbox],input[type="radio"] {
	display: none;
}
input[type="checkbox"] + label,input[type="radio"] + label {
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: auto;
	padding-left: 30px;
	font-size: 16px;
	letter-spacing: 0.02em;
	line-height: 28.8px;
	font-weight: 400;
}
input[type="radio"] + label::before {
	background: #FFFFFF;
	border: 1px solid #999999;
	content: "";
	display: block;
	height: 18px;
	width: 18px;
	position: absolute;
	left: 0;
	top: 4px;
	border-radius: 50%;
}
input[type="checkbox"] + label::after {
	content: "";
	display: block;
	height: 15px;
	width: 21px;
	left: 1px;
	top: 5px;
	opacity: 0;
	position: absolute;
	background-image: url(/Contents/ImagesPkg/addimg/icon_check.svg);
	background-repeat: no-repeat;
	background-size: contain;
}
input[type="radio"] + label::after {
	background: #D6001D;
	content: "";
	display: block;
	height: 10px;
	width: 10px;
	position: absolute;
	left: 5px;
	top: 9px;
	border-radius: 50%;
	opacity: 0;
}
.midarea input[type="radio"] + label::after {
	background: #D6001D;
}
input[type=checkbox]:checked + label::after {
	opacity: 1;
}
input[type=radio]:checked + label::after {
	opacity: 1;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendRegist_rUserExtendInput_ctl02_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendRegist_rUserExtendInput_ctl01_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendRegist_rUserExtendInput_ctl03_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendRegist_rUserExtendInput_ctl04_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserAddr2,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserAddr3,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserAddr4{
 width: 100% !important;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingAddr2,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingAddr3,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingCompanyName,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingCompanyPostName,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingAddr4{
 width: 100% !important;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendModify_rUserExtendInput_ctl02_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendModify_rUserExtendInput_ctl01_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendModify_rUserExtendInput_ctl03_tbSelect,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_ucBodyUserExtendModify_rUserExtendInput_ctl04_tbSelect
{
 width: 100% !important;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingTel1 {
 width: 300px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo select.year,
#dvUserBox #dvUserRegistInput .dvUserInfo select.month,
#dvUserBox #dvUserRegistInput .dvUserInfo select.date {
 height: 45px;
 padding: 0 20px;
 margin-right: 6.25px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo select.month,
#dvUserBox #dvUserRegistInput .dvUserInfo select.date {
 margin-left: 15px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserZip {
 width: 200px;
 margin-right: 20px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingZip {
 width: 200px;
 margin-right: 20px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbShippingZip {
 width: 200px;
}
#dvUserBox .addressbtn{
 display: inline-grid;
 height: 45px;
 width: 200px;
 background: #5B5B5B;
 border: none;
 border-radius: inherit;
 color: #ffffff;
 font-size: 13px;
 padding: 4px 10px;
 min-width: unset;
 line-height: 14px;
 font-weight: 500;
 align-content: center;
}
#dvUserBox #dvUserRegistInput .dvUserInfo select.district {
 height: 45px;
 width: 200px;
 padding: 0 20px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserTel1_1,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserTel1_2 {
 width: 300px;
}
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserPasswordBefore,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserPassword,
#dvUserBox #dvUserRegistInput .dvUserInfo input#ctl00_ContentPlaceHolder1_tbUserPasswordConf {
 width: 100%;
 height: 45px;
 padding: 10px 20px;
 border: 1px solid #0000001A;
}
#dvUserBox #dvUserRegistInput .dvUserInfo,
#dvUserBox #dvUserRegistConfirm .dvUserInfo{padding-bottom: 90px;}
#dvUserBox #dvUserRegistInput .dvUserInfo.registunder {
 margin-bottom: 0;
}
#dvUserBox #dvUserRegistInput .dvLoginInfo{}
#dvUserBox #dvUserRegistInput table,
#dvUserBox #dvUserRegistConfirm table{
}
#dvUserBox #dvUserRegistInput table table{
	padding:0;
	margin:0;
	border:none;
	border-top-width:0px;
	width:auto;
}
#dvUserBox #dvUserRegistInput table table td{
	border:none;
	border-top-width:0px;
	padding:0px;
	margin:0px;
}
.colorarea_regist {
    background: #F5F5F5;
}
/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserRegistInput table th,
#dvUserBox #dvUserRegistConfirm table th{font-weight: 500;font-size: 16px;color: #111111B3;padding-bottom: 30px;vertical-align: top;}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserRegistInput table td,
#dvUserBox #dvUserRegistConfirm table td{
    vertical-align: bottom;
}
#dvUserBox #dvUserRegistInput table td.checkBox,
#dvUserBox #dvUserRegistConfirm table td.checkBox{
}
#dvUserBox .dvUserInfo table td input,#dvUserBox .dvUserInfo table td select {
	border: none;
}
.Contact_Main .dvUserInfo table tr th {
    padding-top: 9px;
}
.Contact_Main .dvUserInfo tr th {
    width: 250px;
    vertical-align: top;
    font-size: 16px;
    line-height: 28.8px;
    letter-spacing: 0.02em;
    font-weight: 400;
    color: #616161;
}
.Contact_Main .dvUserInfo tr td {
	width: 650px;
	padding: 0;
	padding-bottom: 20px;
	font-size: 16px;
	line-height: 28.8px;
	letter-spacing: 0.02em;
	font-weight: 300;
}
.Contact_Main .dvUserInfo tr td input[type="tel"],.Contact_Main .dvUserInfo tr td input[type="email"],select, textarea {
	width: 100%;
}
/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 入力内容の確認
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserRegistConfirm{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 新規会員登録 受付完了
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserRegistComplete{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 パスワードリマインダー
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvPasswordReminderInput,
#dvUserBox #dvPasswordModifyInput
{ line-height: 1.5; }

#dvUserBox #dvPasswordReminderInput .dvReminder table,
#dvUserBox #dvPasswordModifyInput .dvModify table
{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvPasswordReminderInput .dvReminder table th,
#dvUserBox #dvPasswordModifyInput .dvModify table th
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#ececec;
	padding:10px;
	text-align:left;
}

#dvUserBox #dvPasswordModifyInput .dvModify table th
{
	width:150px;
}

/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvPasswordReminderInput .dvReminder table td,
#dvUserBox #dvPasswordModifyInput .dvModify table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:10px;
	text-align:left;
}

#dvUserBox #dvPasswordModifyInput .dvModify table td{
	width:300px;
}


/*----------------------------------------------------------------------------------------------
 ユーザー系 パスワードリマインダー完了画面
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvPasswordReminderComplete{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 メールマガジン解除入力画面
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvMailMagazineCancelInput{}
#dvUserBox #dvMailMagazineCancelInput .dvMailMagazineCancel table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvMailMagazineCancelInput .dvMailMagazineCancel table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#ececec;
	padding:10px;
	text-align:left;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvMailMagazineCancelInput .dvMailMagazineCancel table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:10px;
	text-align:left;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 メールマガジン解除完了画面
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvMailMagazineCancelComplete{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 メールマガジン登録入力画面
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvMailMagazineRegistInput{}
#dvUserBox #dvMailMagazineRegistInput table,
#dvUserBox #dvMailMagazineRegistConfirm table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvMailMagazineRegistInput table th,
#dvUserBox #dvMailMagazineRegistConfirm table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#ececec;
	padding:10px;
	text-align:left;
	width:180px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvMailMagazineRegistInput table td,
#dvUserBox #dvMailMagazineRegistConfirm table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:10px;
	text-align:left;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 メールマガジン登録確認画面
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvMailMagazineRegistConfirm{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 メールマガジン登録完了画面
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvMailMagazineRegistComplete{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 シリアルキー認証画面
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvSerialKeyAuth{}
#dvUserBox #dvSerialKeyAuth table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}
#dvUserBox #dvSerialKeyAuth table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#fff;
	background-color:#ececec;
	padding:3px 6px;
	text-align:left;
	width:120px;
}
#dvUserBox #dvSerialKeyAuth table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#fff;
	background-color:#f4f4f4;
	padding:3px 6px;
	text-align:left;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 ログインページ
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvLogin {
  border: none;
  padding: 0;
}
#dvUserBox #dvLogin p {
  text-align: center;
  color: #111111;
  letter-spacing: 0.04em;
  font-size: 16px;
}
#dvUserBox #dvLogin #dvLoginWrap {
  width: 100%;
  display: block;
  background: #F5F5F5;
  padding: 80px 0;
}

#dvUserBox #dvLogin .dvLoginLogin {

/* background: #F6F6F6; */
}
#dvUserBox #dvLogin .dvLoginLogin ul {
  text-align: center;
  margin-top: 80px;
}
/* ログイン情報 */
#dvUserBox #dvLogin .dvLoginLogin ul li {
  margin-bottom: 50px;
  font-size: 16px;
  line-height: 28.8px;
  letter-spacing: 0.032em;
  color: #111111;
}
#dvUserBox #dvLogin .dvLoginLogin ul.remind li {
  margin-bottom: 50px;
  font-size: 15px;
  line-height: 28.8px;
  letter-spacing: 0.032em;
  color: #111111;
}
#dvUserBox #dvLogin .dvLoginLogin ul li span {
  font-weight: 500;
  font-size: 16px;
}
/* ログインボタン */
#dvUserBox #dvLogin .dvLoginLogin ul li.loginBtn {
  margin-top:-60px;
  margin-left:180px;
}
/* パスワードリマインダー */
#dvUserBox #dvLogin #dvLoginWrap .dvLoginReminder {
  margin-top: 20px;
}

/* 会員登録 */
#dvUserBox #dvLogin .dvLoginRegist {
  width: 100%;
  margin-top: 80px;
}
#dvUserBox #dvLogin .dvLoginRegist p {
  margin-bottom: 60px;
}
#dvUserBox #dvLogin .dvLoginRegist p + p {
  margin-bottom: 20px;
}
#dvUserBox #dvLogin .dvLoginRegist p:last-child {
  margin-bottom: 0px;
}
#dvUserBox #dvLogin .dvLoginRegist ul li {
  list-style-type:none;
  padding:0;
  margin:0;
  float:left;
  width:50%;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 問い合わせ 問い合わせ内容の入力
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserInquiryInput{}
#dvUserBox #dvUserInquiryInput .dvUserInfo,
#dvUserBox #dvUserInquiryConfirm .dvUserInfo{margin-bottom:20px;}
#dvUserBox #dvUserInquiryInput table,
#dvUserBox #dvUserInquiryConfirm table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserInquiryInput table th,
#dvUserBox #dvUserInquiryConfirm table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#ececec;
	padding:10px;
	text-align:left;
	width:180px;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserInquiryInput table td,
#dvUserBox #dvUserInquiryConfirm table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:10px;
	text-align:left;
}

/*----------------------------------------------------------------------------------------------
 ユーザー系 問い合わせ 問い合わせ内容の確認
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserInquiryConfirm{}

/*----------------------------------------------------------------------------------------------
 ユーザー系 問い合わせ 問い合わせ完了
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserInquiryComplete{}

/*----------------------------------------------------------------------------------------------
　オーダー系ボタン領域　
----------------------------------------------------------------------------------------------*/
/*----------------------------------------
 ボーダーなし
-----------------------------------------*/
#dvUserBox .dvUserBtnBox{margin:0px;padding-top:20px;}
#dvUserBox .dvFixedPurchaseCancelConfirm{margin:0px;padding-bottom:20px;padding-top:0px;}
#dvUserBox .alert{color:#ff0000;font-weight:bold;}
/*#dvUserBox .dvUserBtnBox a{padding:0;margin:0;}*/
#dvUserBox .dvUserBtnBox p{text-align:center;}
#dvUserBox .dvUserBtnBox p span{}
#dvUserBox .dvUserBtnBox p span img{margin:0;padding:0;}

#dvUserBox .dvUserBtnBox div.btmbtn ul {
	text-align: center;
}

#dvUserBox .dvUserBtnBox div.btmbtn ul li {
	display: inline;
	*display: inline;
	*zoom: 1;
	margin: 0 3px;
}

/*----------------------------------------
 ボーダーあり
-----------------------------------------*/
#dvUserBox .dvUserBtnBoxB{
	margin:20px 0px 0px 0px;
	padding-top:20px;
	padding-bottom:10px;
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#ccc;
}
#dvUserBox .dvUserBtnBoxB p{text-align:center;}
#dvUserBox .dvUserBtnBoxB p span{margin:0px 5px;}


/*==============================================================================================
 マイページ系メニューボックス
==============================================================================================*/
#dvUserBox #dvUserMenu{
    width: 100%;
    float: unset;
    margin-top: -10px;
    padding-top: 80px;
    background: #FDF6F7;
    padding-bottom: 80px;
    margin-bottom: -100px;
}
#dvUserBox #dvUserMenu h6 {
	padding: 16px 10px;
	font-weight: bold;
	font-size: 15px;
}

#dvUserBox #dvUserMenu ul{display: flex;flex-wrap: wrap;width: 900px;margin: 0 auto;}
#dvUserBox #dvUserMenu ul li{width: 200px;margin-right: 33px;height: 180px;background: #ffffff;}

#dvUserBox #dvUserMenu .Mypage_Menu_List_text {
	text-align: center;
	min-height: 46px;
	display: inline-grid;
	align-content: center;
	align-items: center;
	font-size: 16px;
}

#dvUserBox #dvUserMenu ul li:nth-child(4n) {
  margin-right: 0;
}
#dvUserBox #dvUserMenu ul li:nth-child(n+5) {
  margin-top: 33px;
}
#dvUserBox #dvUserMenu ul li[data-item="none"] {
 display:none;
}
#dvUserBox #dvUserMenu ul li a {padding: 22px 10px 14px;background-color: #FFFFFF;display: flex;flex-direction: column;justify-content: space-between;align-items: center;height: 100%;}
#dvUserBox #dvUserMenu ul li a p img{
 width: 50%;
 height: auto;
 margin-left: 42px;
}
#dvUserBox #dvUserMenu ul li a:hover {
	background-color: #fdf6f780;
	color: inherit;
}
/*==============================================================================================
 汎用クラス
==============================================================================================*/
/* セルが結合されている場合は既存の幅の指定を解除 */
#dvUserBox .combine{width:auto!important;font-weight:normal;padding-left:10px!important;}

/* 必須マーク */
#dvUserBox .necessary{color:#ff0000!important;padding:0px 4px!important;}
#dvUserBox #dvUserRegistInput .necessary{
	margin-left: 5px;
	padding: 0!important;
	color: #111111B3!important;
}
#dvUserBox .notes{color:#666;font-size:11px!important;padding:0px 3px;}

#dvUserBox .productId{padding:0px 3px!important;}

/* 完了系の文言 */
#dvUserBox .completeInfo{
	text-align:center;
	padding:15px;
	background-color:#ececec;
	border-top-style:solid;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-color:#ccc;
	line-height:1.7;
}
#dvUserBox .completeInfo span{color:#ff0000;padding:0px 3px;}

/* 受付センター情報 */
#dvUserBox .receptionInfo{text-align:center;padding:15px;line-height:1.7;}

/* ページャ */
#dvUserBox .pager{text-align:right;display:block;margin:7px 0px;}

#dvUserBox .dvContentsInfo{}
#dvUserBox .dvContentsInfo p
{
	line-height:1.8;
	/*width:500px; MacIE用の幅 */
}

/*MacIE以外\*/
* html #dvUserBox .dvContentsInfo p{line-height:1.8;width:auto;}
/**/
#dvUserBox .contentsInfo{padding:10px 20px 5px 20px;/* background:#ececec; */margin-bottom:20px;}
#dvUserBox .contentsInfo p{padding:0;margin:0;}

/*----------------------------------------------------------------------------------------------
　Float Clearing　
----------------------------------------------------------------------------------------------*/
.clearFix {min-height:1%;}
.clearFix:after {
	/*for modern browser*/
		content:".";
		display: block;
		height:0px;
		clear:both;
		visibility:hidden;
}
* html .clearFix{
		/*\*/height:1%;/*for WinIE*/
		display:inline-table;/*for MacIE*/
}


/*==============================================================================================
 COLORS
==============================================================================================*/
#dvUserBox table{}

/* 注文系th要素全体 */
#dvUserBox table th{}

/* 注文系td要素全体 */
#dvUserBox table td{}

/*----------------------------------------------------------------------------------------------
 ユーザー系テーブルの入れ子のテーブル
 * 設定値を上書きするために下方に記述
----------------------------------------------------------------------------------------------*/
#dvUserBox table table{
	padding:0;
	margin:0;
	border:none;
	border-top-width:0px;
	border-spacing:0;
	width:auto;
}
#dvUserBox table table th{
	border:none;
	border-top-width:0px;
	padding:0px;
	margin:0px;
	font-weight:normal;
}
#dvUserBox table table td{
	border:none;
	border-top-width:0px;
	padding:0px;
	margin:0px;
	text-align:left;
}

#dvUserBox table table td ins{padding:0px;}
#dvUserBox table table td .fname{padding:0px 4px 0px 0px;}
#dvUserBox table table td .lname{padding:0px 4px;}

/*----------------------------------------------------------------------------------------------
 ユーザー系 ポイント履歴一覧
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvUserPointHistoryList{line-height: 1.5;width: 900px;margin: 0 auto;margin-bottom: 90px;}
#dvUserBox #dvUserPointHistoryList p {
	font-size: 16px;
	margin-bottom: 20px
	;
}
/*----------------------------------------
 ポイント履歴一覧ブロック
-----------------------------------------*/
#dvUserBox #dvUserPointHistoryList .dvUserPointHistoryList{}

/* ===== ポイント履歴一覧テーブル ===== */
#dvUserBox #dvUserPointHistoryList table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-color: #1111111A;
	font-size: 15px;
}

/* ----- テーブル内見出し ----- */
#dvUserBox #dvUserPointHistoryList table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color: #FDF6F7;
	padding: 20px 10px;
	text-align:left;
	width:170px;
	border-color: #1111111A;
}
/* ----- テーブル内情報エリア ----- */
#dvUserBox #dvUserPointHistoryList table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding: 20px;
	text-align:left;
	border-color: #1111111A;
}

#dvUserBox #dvUserPointHistoryList .bl-hover td { background-color: #fafafa; }
#dvUserBox #dvUserPointHistoryList .bl-hover td a { color: #333; }

/* 獲得・利用日 */
#dvUserBox #dvUserPointHistoryList table .userPointDate{width: 80px;text-align: center;}
/* 内容 */
#dvUserBox #dvUserPointHistoryList table .userPointContent{width:200px;}
/* ポイント数 */
#dvUserBox #dvUserPointHistoryList table .point{text-align:right;width:60px;}
/* ご注文番号 */
#dvUserBox #dvUserPointHistoryList table .orderNum{width:170px;text-align: center;}

/*----------------------------------------------------------------------------------------------
 商品系 通知メール登録フォーム
-----------------------------------------------------------------------------------------------*/
#dvUserBox #dvOrderHistoryList #divProductArrivalMail,
#divComplete {
	padding: 15px 15px 5px 15px;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail .btnClose,
#dvUserBox #dvOrderHistoryList #divComplete .btnClose{
	text-align:center;
	margin: 10px 10px 0px 10px;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail h1,
#divComplete h1{
	font-size:14px;
	padding:3px 0px;
	border-bottom:solid 1px #ececec;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail h2{
	font-size:13px;
	border-left:solid 3px #333;
	padding:0px 3px;
	margin:10px 0px;
}
#dvUserBox #dvOrderHistoryList #dvOrderHistoryList #divProductArrivalMail div,
#divComplete div{
	font-size:12px;
	line-height: 1.5;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail table {
	width:100%;
	border:solid 1px #ececec;
	margin-top:5px;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail table th{
	padding:10px;
	border:solid 1px #ececec;
	background-color:#ececec;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail table td{
	padding:10px;
	border-top:solid 1px #ececec;
	border-bottom:solid 1px #ececec;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail ul{
	display:inline;
	padding-left:0px;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail ul li{
	display:inline;
}
#dvUserBox #dvOrderHistoryList #divProductArrivalMail .necessary{
	color:#ff0000;
	padding:0px 2px;
}
#dvRealShopContents {
	padding: 20px;
	border: 1px solid #ccc;
}

/*---------------------------
 ソーシャルログインボタン
----------------------------*/
.social-login {
	width: 296px;
	border-radius: 5px;
	border: none;
	text-align: center;
	text-decoration: none;
	display: inline-block;
}

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

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

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

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

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

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

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

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

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

.social-icon-width {
	width: 54px;
	float: left;
}

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

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

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

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

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

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

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

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

.line-icon {
	padding: 7px 10px;
	height: 26px;
	border-right: 1px solid rgba(0,0,0,0.2);
}

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

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

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

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

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

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

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

#dvUserBox #dvUserReferralCode table{
	width:100%;
	padding:0;
	margin:0px;
	border-spacing:0;
	empty-cells:show;
	border-collapse:separate;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#ccc;
}

#dvUserBox #dvUserReferralCode table th{
	border-bottom-style:solid;
	border-bottom-width:1px;
	background-color:#ececec;
	padding:10px;
	text-align:left;
	width:180px;
}

#dvUserBox #dvUserReferralCode table td{
	border-bottom-style:solid;
	border-bottom-width:1px;
	padding:10px;
	text-align:left;
}

/* Anniversary Calendar */
.form-mypage{
    background: #f5f5f5;
    max-width: 400px;
    margin: 0 auto;
    padding: 20px 10px;
}

.form-mypage select,
.form-mypage input{
	padding: 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.form-mypage input{
	padding: 6px 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

#dvUserBox .form-mypage h3{
    font-size: 20px;
    font-weight: bold;
    padding-top: 30px;
    text-align: center;
    padding-bottom: 20px;
}

.group-form {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 15px;
    align-items: center;
}

.group-form__title {
    width: 20%;
    text-align: right;
    padding-right: 20px;
}

.group-form__content {
    width: 80%;
    display: flex;
    align-items: center;
}

.group-form.date .group-form__content {
    display: flex;
}

.group-form.date .group-form__content .group-form__input_body > div{
    margin-right: 10px;
}

.group-form.group-form__submit {
    justify-content: space-around;
    margin-top: 30px;
}

.group-form-3 .group-form__content{
    width: 80%;
    display: block;
}

.group-form-3 .group-form__content .group-form__input_body{
	display: flex;
}

.group-form__radio{
    display: flex;
    align-items: center;
}

.input_left {
	width: 30%;
    margin-right: 5%;
}

.input_left select {
	width: 100%;
}

.input-text-top {
	position: relative;
}
.input-text-top div{
	position: absolute;
	top:-18px;
	left: 0
}
.group-form.group-form__end {
	margin-top: 35px;	
}
.group-form.date .group-form__content .group-form__input_body .group-form__year {
	width: 38%;
	margin-right: 2%;
}
.group-form.date .group-form__content .group-form__input_body .group-form__day {
	width: 28%;
	margin-right: 2%;
}
.group-form.date .group-form__content .group-form__input_body .group-form__month {
	width: 28%;
	margin-right: 0%;
}
.group-form__year select {
	width: 78%;
}
.group-form__day select,
.group-form__month select  {
	width: 68%;
}

.group-form.date .group-form__content{
	display: block;
}
.group-form.date .group-form__content .group-form__input_body{
	display: flex;
}

/* css list birthday */
.list-birthday {

	max-width: 400px;
	margin: 0 auto;
}

#dvUserBox h3,
.list-birthday h3 {
	font-size: 22px;
	font-weight: 500;
	text-align: left;
	border-left: 2px solid #D6001D;
	line-height: 1.3;
	margin: 0px 0 30px;
	padding-left: 15px;
	padding-bottom: 2px;
}

.list-birthday__table {}

#dvUserBox h4,
.list-birthday h4 {
	font-size: 18px;
	font-weight: bold;
	margin: 30px 0px 10px 0px;
}
.list-birthday_content {
	margin-bottom: 30px;
}

.list-birthday_content .list-birthday__item:last-child {
	border-bottom: 1px solid #000;

}

.list-birthday__item {
	display: flex;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	padding: 5px;
	flex-wrap: nowrap;
	align-items: stretch;
}

.list-birthday__item.item_1 {
	border-top: 1px solid #000;
}

.list-birthday__item__title {
	width: 25%;
	font-weight: bold;
	align-items: center;
	display: flex;
}

.list-birthday__item__desc {
	width: 30%;
	border-left: 1px solid #ccc;
	padding-left: 10px;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
}

.list-birthday__item__desc span:first-child {
	font-weight: bold;
	padding-bottom: 5px;
}

.list-birthday__item__desc span {
	display: block;

}

.list-birthday__item__button {
	width: 45%;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-left: 1px solid #ccc;
	padding-left: 10px;
}

.list-birthday__item__button span {

	margin-right: 10px;
}

.list-birthday__item__button a {

	border: 1px solid #000;
	padding: 5px;
	margin-bottom: 2px;
	background: #f5f5f5;
	color: #000;
	min-width: 30px;
    text-align: center;
}

.list-birthday__item__button div {
	display: flex;
	flex-direction: column;
}

body .error_inline {
    padding-top: 5px !important;
}

@media only screen and (max-width: 600px) {
 	.list-birthday{
 		padding: 10px;
 	}

 	.unit h3 {
 		margin-bottom: 30px;
    	text-align: center;
 	}
}

.Common_Title01 .Common_Title01_H1.system_h {
    font-size: 30px;
}
.Common_Title01.system_h {
    padding: 20px 0 75px;
}
.Common_Title01.system_h::after {
    content:none;
}
#Wrap.mypage {
    width: auto;
}
#Wrap.mypage.cartpage {
    width: 100%;
}
#Wrap.mypage #breadcrumb {
    width: 1200px;
    margin: 0 auto;
}
input.loginIdInMailAddr {
    width: 600px;
    margin-top: 15px;
    border: none !important;
}
input.loginPass {
    width: 600px;
    margin-top: 15px;
    border: none !important;
}
.pass-reminder {
    color: #EA9C43 !important;
    text-decoration: underline;
    font-size: 16px;
}
.pass-reminder::before {
    content: "";
    background-image: url(/Contents/ImagesPkg/addimg/icon_arrow_b.svg);
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    width: 7px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 1px;
    right: 10px;
}
.dvLoginRegist h2 {
    font-size: 26px;
    letter-spacing: 0.04em;
    line-height: 41.6px;
    font-weight: 600;
    text-align: center;
    padding-bottom: 60px;
}
.PageSection_Inner {
}
.PageSection_Inner.remindarea {margin-bottom: -80px;}
.PageSection_Inner .dvUserBtnBox {
    margin-bottom: 0px;
}
.PageSection_Inner p {
    text-align: center;
}
.PageSection_Inner p span {
    display: inline-block;
    padding: 13px 0 55px;
    font-size: 15px;
    letter-spacing: 0.02em;
    line-height: 24px;
    color: #222222B3;
}
#dvUserBox #dvLogin .dvLoginLogin ul.remind {
    opacity: 0.7;
    width: 600px;
    margin: 0 auto;
}
#dvUserBox #dvLogin .dvLoginLogin ul.remind li{
    margin-bottom: 0;
}
#dvUserBox #dvLogin .dvLoginLogin ul.remind li input {
    margin-bottom: 20px;
    margin-top: 15px;
    width: 100%;
    border: none;
}
.dvUserBtnBox .backbtn {
    /* border: 1px solid #22222266; */
    /* opacity: 0.8; */
}

.dvUserBtnBox .backbtn:hover {
    background: #FFFFFF;
    opacity: 0.6;
}
.op-text {
    opacity: 0.7;
}
.top-sec .Common_Title02 .JP {
 text-align: center;
}
.Contact_Main[data-page=confirm].top-sec {
    background: #FFFFFF;
    padding: 0 0 40px;
}

.Contact_Main[data-page=confirm].und-sec {
 background: #FFFFFF;
 padding: 0 0 200px;
}
.Contact_Main[data-page=confirm].und-sec.modifyarea {
 padding: 0;
}
.Contact_Main[data-page=confirm].top-sec.modifyarea.shipping-list {
 padding: 0;
}
.Contact_Main[data-page=confirm].und-sec table {
 margin-bottom: 0;
}
.Page_Main[data-item=cart] {
 padding-bottom: 0px;
}
.Page_Main[data-item=cart] .Inner {
    /* width: 1120px; */
    margin: 0 auto;
}
.Page_Main[data-item=cart] .Inner .Common_Title {
	margin-bottom: 70px;
}
.Page_Main[data-item=cart] .Common_Title img {
    width: 736px;
    height: 83px;
    margin: 0 auto;
}
.Page_Main[data-item=cart] .cart-step {
    display: flex;
    width: 736px;
    margin: 0 auto;
    justify-content: center;
    position: relative;
    top: -20px;
}
.Page_Main[data-item=cart] .cart-step p:first-of-type {
    margin-right: 29px!important;
    width: 129px!important;
}
.Page_Main[data-item=cart] .cart-step p:not(:last-of-type) {
    width: 120px;
    font-size: 15px;
    margin-right: 34px;
    text-align: center;
    font-weight: 500;
    opacity: 0.5;
    white-space: nowrap;
}
.Page_Main[data-item=cart] .cart-step p:last-of-type {
    width: 120px;
    font-size: 14px;
    text-align: center;
    opacity: 0.5;
}
.Page_Main[data-item=cart] .cart-step p.op-text {
    opacity: 1.0;
}
.Page_Main[data-item=cart] .Inner .cart_Info {
	width: 1120px;
	margin: 0 auto;
	margin-top: 60px;
}
.Page_Main[data-item=cart] .Inner h2 {
    font-size: 22px;
    letter-spacing: 0.04em;
    font-weight: 500;
    line-height: 28px;
    text-align: left;
    margin-bottom: 30px;
    padding-left: 14px;
    border-left: 2px solid #D6001D;
}
.Page_Main[data-item=cart] .Inner h2.comp-text {
    font-size: 26px;
    letter-spacing: 0.04em;
    font-weight: 600;
    line-height: 28px;
    text-align: center;
    margin-bottom: 30px;
    padding-left: 0;
    border-left: none;
}
.Page_Main[data-item=cart] .Inner h2:before {
	content: "";
}
.Page_Main[data-item=cart] .Inner .cart_Info p {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0.04em;
}
.Page_Main[data-item=cart] .Inner .cart_Info.comp p {
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.04em;
}
.Page_Main[data-item=mypage] .Inner .cart_Info {
    width: 900px;
    margin: 0px auto 60px;
}

.Page_Main[data-item=mypage] .Inner .cart_Info > p {
     font-size: 16px;
     letter-spacing: 0.02em;
     line-height: 28.8px;
     font-weight: 400;
     text-align: left;
}
.Page_Main[data-item=mypage] .contentsarea {
 background: #F6F6F6;
 padding: 100px;
}
.Page_Main[data-item=mypage] .Inner .cart_Info h2 {
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    border-left: 2px solid #D6001D;
    line-height: 1.3;
    margin: 0px 0 30px;
    padding-left: 15px;
    padding-bottom: 2px;
}
.Page_Main[data-item=mypage] .Inner .Withdrawarea {
 width: 900px;
 margin: 0 auto;
 margin-top: -30px;
}
.Page_Main[data-item=mypage] .Inner .Withdrawarea p {
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 28.8px;
    font-weight: 300;
    text-align: left;
}
.Page_Main[data-item=mypage] .Inner .Withdrawarea p + p {
 padding: 28.8px 0 13px;
}
.Page_Main[data-item=mypage] .Inner .Withdrawarea p.op-text {
 padding: 0;
 font-size: 15px;
}
.Page_Main[data-item=mypage] .Inner h1.JP.error-text {
 font-size: 26px;
 font-weight: 600;
 text-align: center;
 padding: 60px 0 80px;
}
input::placeholder {
  color: #909090;
}
.colory-text{color:#EA9C43;}
.display-none{display:none;}
.normal-c {
    font-size: 16px;
    color: #111111;
    font-weight: 400 !important;
}
.Page_Main .Common_Title.modify-crumb {
    margin-bottom: 5px;
}
.modify-crumb-txt{
    width: 378px;
    margin: 0 auto;
    margin-bottom: 60px;
}
.modify-crumb-txt p {
    color: #22222280;
    font-size: 16px;
}
div.modifyarea {
    margin-bottom: 90px;
}
.modify-crumb-txt p span:nth-of-type(1):before {
  content: "1";
  counter-increment: my-counter;
  background-color: #E4596B;
  color: #ffffff;
  display: inline-block;
  margin-left: -30px;
  text-align: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-right: 15px;
  opacity: 0.5;
  background-color: #ffffff;
  border: 1px solid #E4596B;
  color: #E4596B;
  font-weight: 600;
  font-size: 18px;
}
.modify-crumb-txt p span:nth-of-type(2):before {
  content: "2";
  counter-increment: my-counter;
  background-color: #E4596B;
  color: #ffffff;
  display: inline-block;
  margin-left: -30px;
  text-align: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-right: 15px;
  opacity: 0.5;
  background-color: #ffffff;
  border: 1px solid #E4596B;
  color: #E4596B;
  font-weight: 600;
  font-size: 18px;
}
.modify-crumb-txt p span:nth-of-type(3):before {
  content: "3";
  counter-increment: my-counter;
  background-color: #E4596B;
  color: #ffffff;
  display: inline-block;
  margin-left: -30px;
  text-align: center;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-right: 15px;
  opacity: 0.5;
  background-color: #ffffff;
  border: 1px solid #E4596B;
  color: #E4596B;
  font-weight: 600;
  font-size: 18px;
}
.modify-crumb-txt p span:nth-of-type(1):after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 15px;
  background: url(/Contents/ImagesPkg/addimg/icon_right_a.svg)  no-repeat;
  background-size: contain;
  margin-left: 30px;
  position: relative;
  bottom: -2px;
}
.modify-crumb-txt p span:nth-of-type(2):after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 15px;
  background: url(/Contents/ImagesPkg/addimg/icon_right_a.svg)  no-repeat;
  background-size: contain;
  margin-left: 30px;
  position: relative;
  bottom: -2px;
}
.now-page {
 color: #222222;
}
span.now-page:before {
 background-color: #E4596B !important;
 color: #ffffff !important;
 border:none !important;
 opacity:1.0 !important;
}
.modify-crumb-txt p span:nth-of-type(1) {
  position: relative;
  left: 30px;
}
.modify-crumb-txt p span:nth-of-type(2) {
  position: relative;
  left: 90px;
}
.modify-crumb-txt p span:nth-of-type(3) {
  position: relative;
  left: 150px;
}
#dvOrderHistoryList .history-list .orderBtr td {
 padding: 30px 0;
}
.orderBtr:not(:last-child) {
 margin-bottom: 60px;
}
.social-area h2 {
    margin-bottom: 20px;
    font-size: 16px;
    letter-spacing: 0.02em;
    line-height: 1.8;
    font-weight: 400;
    font-family: YakuHanJP, "FP-ヒラギノ角ゴ ProN W3", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro";
    text-align: center;
    padding-top: 30px;
}
.social-area #AmazonLoginCv2Button {
    width: 390px !important;
    margin: 0 auto;
    height: 45px !important;
}
.social-area #AmazonPayCv2Button {
    width: 290px !important;
    margin: 0 auto;
    height: 45px !important;
}
.social-area.dvUserBtnBox {
 padding-top:20px;
}
.mypage #Contents {
    margin: 0 auto 80px;
}
#dvUserBox .dvUserBtnBox p span{ 
    display: block;
    padding: 0;
}
#dvUserBox .dvUserBtnBox p span:first-child {
    padding: 40px 0 20px;
}

.Free_Page[data-item=contact] .Contact_Info[data-item=complete] .dvUserBtnBox p span:first-child {
    padding: 0;
}
.Free_Page[data-item=contact] .Contact_Info[data-item=complete] .dvUserBtnBox {
    padding: 0 !important;
    margin: 0;
}
.Free_Page[data-item=contact] .Contact_Info[data-item=complete] .dvUserBtnBox span {
    padding: 0 !important;
    margin: 0;
}
.Free_Page[data-item=contact] .Contact_Info {
  width: 1000px;
  margin: 0 auto;
}
.Free_Page[data-item=contact] .Contact_Info > p {
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 28.8px;
  font-weight: 400;
  text-align: center;
  color: #111111;
}
.Free_Page[data-item=contact] .Contact_Info > p span {font-family: YakuHanJP, "FP-ヒラギノ角ゴ ProN W3", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro";font-weight: 300;}
.Free_Page[data-item=contact] .Contact_Info > p span.op-text {
	font-family: "Noto Sans", "Noto Sans JP", sans-serif;
	font-size: 15px;
	margin-top: 20px;
	display: inline-block;
}
.Free_Page[data-item=contact] .Contact_Info > p + p {
  margin-top: 30px;
}
.Free_Page[data-item=contact] .Contact_Info[data-item=complete] {
}
.Free_Page[data-item=contact] .Contact_Info[data-item=complete] .Contact_Box {
  margin: 0 auto;
  margin-bottom: 40px;
  margin-top: 40px;
  border: 1px solid #E4E4E4;
  width: 383px;
  padding: 40px 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
}
.Contact_Box[data-item="call"] .Common_Title02 {
	margin: 0 auto 30px;
	text-align: center;
	justify-content: center;
	font-size: 16px;
	font-weight: 600;
	color: #D6001D;
}
.Contact_Box[data-item="call"] .Common_Title02 h2 {
	font-size: 16px;
	font-weight: 600;
}
.Contact_Box[data-item="call"] .Call_Box_Info {width: 220px;margin: 20px 0 0 auto;}
.Contact_Box[data-item="call"] .Call_Box_Info p {color: #222222B3;}
.Free_Page[data-item=contact] .Contact_Info[data-item=complete] .Contact_Box .Inner {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 262px;
}
.Free_Page[data-item=contact] .Contact_Info_Box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 1082px;
  margin: 80px auto 120px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.Free_Page[data-item=contact] .Contact_Info_Box .Contact_Info_error {
  padding: 40px;
  border: 1px solid #E5E5E5;
}
.Free_Page[data-item=contact] .Contact_Info_Box .Arrow_Btn {
  width: 390px;
  margin-top: 0;
}
.Free_Page[data-item=contact] .Contact_Info_Box .gray_text {
  text-align: left;
  font-size: 15px;
  line-height: 24px;
  color: #939393;
}
.Free_Page[data-item=contact] .Contact_Info_Box .Info_List li {
  padding-left: 17px;
  position: relative;
  font-size: 15px;
  line-height: 24px;
  font-weight: 300;
  font-family: YakuHanJP, "FP-ヒラギノ角ゴ ProN W3", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro";
  color: #939393;
}
.Free_Page[data-item=contact] .Contact_Info_Box .Info_List li::before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.Free_Page[data-item=contact] .Contact_Info_Box .Arrow_Btn a {
  background: #A6A8CE;
}
.Free_Page[data-item=contact] .Contact_Info_Box .Arrow_Btn a span {
  color: #FFFFFF;
}
.Free_Page[data-item=contact] .Contact_Info_Box .Arrow_Btn a::after {
  -webkit-filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(100%) contrast(105%);
          filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(38deg) brightness(100%) contrast(105%);
}

.Contact_Conplete_Info {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.Contact_Conplete_Info p {
  padding-left: 30px;
  font-size: 16px;
  letter-spacing: 0.02em;
  line-height: 28.8px;
  font-weight: 500;
  font-family: YakuHanJP, "FP-ヒラギノ角ゴ StdN W5", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro";
  color: #6C8C9D;
  position: relative;
}
.Contact_Conplete_Info p::before {
  content: "";
  display: block;
  background-image: url(/Contents/ImagesPkg/addimg/icon_info.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 22px;
  height: 22px;
  position: absolute;
  top: 2px;
  left: 0;
}
#Wrap.mypage ::placeholder {
	color: #11111180 ;
}
.Contact_Main[data-page="confirm"] table {
	margin-top: 30px;
	margin-bottom: 80px;
}
.Contact_Main[data-page="confirm"] table tr th {
	padding: 40px 0;
	border-bottom: 1px solid #E5E5E5;
	font-weight: 400;
}
.Contact_Main[data-page="confirm"] table tr td {
	padding: 40px 0;
	border-bottom: 1px solid #E5E5E5;
}

.Contact_Main[data-page=confirm].und-sec table {
 margin-bottom: 0;
}
#dvUserBox .Contact_Main .Contact_Main_Contents table td .nameFirst, #dvUserBox .Contact_Main .Contact_Main_Contents table td .nameLast {
    width: 320px;
    margin-right: auto;
}
.Contact_Main[data-page=confirm].top-sec .Inner {
    width: 900px;
    margin: 0 auto;
}
.Contact_Main[data-page=confirm].und-sec.modifyarea .Inner {
    width: 900px;
    margin: 0 auto;
}
.Common_Title02.system_h h2.system_h {
    font-size: 26px;
    letter-spacing: 0.04em;
    line-height: 41.6px;
    font-weight: 600;
    text-align: center;
}
.Common_Title02.system_h {
    display: block;
    margin: 80px 0 0px;
}
#Wrap.mypage #dvUserBox .Free_Page .Contact_Main[data-page="confirm"]  tr th {
    width: 250px ;
    padding: 0;
    vertical-align: top;
    font-size: 16px;
    line-height: 28.8px;
    letter-spacing: 0.02em;
    font-weight: 400;
    padding: 30px 0;
    padding-bottom: 30px;
    color: #616161;
}
#Wrap.mypage #dvUserBox .Free_Page .Contact_Main[data-page="confirm"]  tr td {
    width: 650px;
    padding: 0;
    padding: 30px 0;
    padding-bottom: 30px;
    font-size: 16px;
    line-height: 28.8px;
    letter-spacing: 0.02em;
    font-weight: 300;
}
.Contact_Main[data-page=confirm].und-sec.modifyarea .Common_Title02.system_h {
    margin: 0;
}
.Contact_Main[data-page=confirm].und-sec.modifyarea .Common_Title02.system_h h2.system_h {
    text-align: left;
}
#dvUserBox .Free_Page table td, #dvUserBox .Free_Page table th {
    color: #111111;
}
.mypage.cartpage [data-item="cart"] table {
	width: 100%;
}
#CartList p.order-num {
	text-align: center;
	width: 285px;
	margin: 20px auto 0;
	border: 1px solid #E4E4E4;
	padding: 9px 24px;
	font-size: 18px;
	font-weight: 500;
	color: #111111B3;
}
.Page_Main[data-item=cart] .Inner.comp-page .orderComplete,.Page_Main[data-item=cart] .Inner.comp-page .orderCompleteSum {
	display: none;
}
.Free_Page[data-item="mypage"] [id="pagination"] .Pagination_List {
	justify-content: center;
	margin-top: 60px;
}
.download_Box {
	width: 900px;
	margin: 40px auto -40px;
	background: #F5F5F5;
	border: 1px solid #E4E4E4;
	padding: 60px 70px;
}
.cartpage.mypage .download_Box {
	width: 900px;
	margin: 40px auto -40px;
	background: #F5F5F5;
	border: 1px solid #E4E4E4;
	padding: 60px 70px;
}

.download_Box .Common_Title02_img {
	margin-bottom: 23px;
}
.download_Box .download_Box_text {
	letter-spacing: 0.04em!important;
	width: 698px;
	margin: 0 auto;
	line-height: 28.8px !important;
}
.download_Box .download_Box_text span {
	color: #D6001D;
	font-weight: 500;
}
.download_Box .download_Box_text span.num {
	font-size: 18px;
	font-weight: 600;
}
.download_Box .Box {
	background: #ffffff;
	padding: 25px 35px;
	width: 700px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 30px;
}
.download_Box .Box h3 {
	margin: 0!important;
	justify-content: center;
	font-weight: 600!important;
	font-size: 18px !important;
	line-height: 1!important;
	padding-bottom: 25px!important;
	letter-spacing: 0.04em;
	display: flex;
	align-items: center;
	border-left: none!important;
	padding-left: 0 !important;
}
.download_Box .Box .dl-style {
	display: grid;
	grid-auto-flow: column;
	line-height: 26px!important;
	padding-bottom: 20px!important;
}
.download_Box .Box .dl-style:after {
	content: "";
	display: block;
	width: 179px;
	height: 45px;
	position: relative;
	background: url(/Contents/ImagesPkg/addimg/common/download_icon.png);
	background-size: cover;
	top: 5px;
	left: 10px;
}
.download_Box .Box .Call_Box_Info p {
	font-size: 14px!important;
	color: #222222B3;
	line-height: 21px!important;
}
.download_Box .Common_Title02_text > h3 {
	margin: 0 !important;
	justify-content: center;
	font-weight: 600!important;
	font-size: 26px !important;
	line-height: 1.2 !important;
	padding-bottom: 30px!important;
	letter-spacing: 0.04em;
	display: flex;
	align-items: center;
	border-left: none!important;
}
.download_Box .Common_Title02_text > h3:before {
	content: "";
	color: #D6001D;
	border-left: 1px solid #D6001D;
	width: 18px;
	height: 20px;
	position: relative;
	display: block;
	transform: skew(40deg, -60deg);
	top: -12px;
	right: 5px;
}
.download_Box .Common_Title02_text > h3:after {
	content: "";
	color: #D6001D;
	border-left: 1px solid #D6001D;
	width: 18px;
	height: 20px;
	position: relative;
	display: block;
	transform: skew(-40deg, 60deg);
	top: 19px;
	right: -20px;
}
.download_Box .Common_Title02_text p {
	font-size: 18px!important;
	font-weight: 500;
	line-height: 38.8px!important;
	text-align: center;
}
.download_Box .dvUserBtnBox {
	margin-top: 30px;
}
.download_Box .dvUserBtnBox p {
	padding: 0 !important;
	width: 540px!important;
	
}
.btn.btn-download {
	color: #ffffff!important;
	background: #D6001D;
	border: none;
	font-size: 20px;
	width: 540px;
	letter-spacing: 0.05em;
	padding: 22px;
}
.btn.btn-download:hover {
	color: #ffffff!important;
	background: #D6001D;
	border: none;
	font-size: 20px;
	width: 540px;
	letter-spacing: 0.05em;
	padding: 22px;
}
.cartpage .download_Box .Common_Title02_img,.cartpage .download_Box .download_Box_text,.cartpage .download_Box .Box {
	display: none!important;
}
.cartpage.mypage .download_Box .Common_Title02_text {
	display: block;
}
.cartpage.mypage .download_Box .dvUserBtnBox {
	display: block;
}
.mypage .download_Box .Common_Title02_text {
	display: none;
}
.mypage .download_Box .dvUserBtnBox {
	display: none;
}
.mypage .mytop .download_Box .dvUserBtnBox {
	display: block;
	padding-top: 0 !important;
}
.mypage .download_Box .dvUserBtnBox p {
    padding: 0 !important;
    width: 420px !important;
    margin: 0 auto!important;
}
.mypage .download_Box .dvUserBtnBox p span {
	padding: 0!important;
}
.mypage .btn.btn-download {
    color: #ffffff !important;
    background: #D6001D;
    border: none;
    font-size: 16px;
    width: 420px;
    letter-spacing: 0.05em;
    padding: 13px;
}
.mypage .download_Box {
    margin: 0px auto 80px;
    padding: 60px 70px 30px;
}
.mypage .mytop .download_Box {
    margin: 180px auto 0px;
    padding: 60px 70px 60px;
    order: 1;
}