@charset "Shift_JIS";

/* ---------------------------------------
 ご注文内容の確認
---------------------------------------- */
/* リード文（ユーザーテンプレート） */
div.page_estimate_ p.estimate_head_desc_ { padding: 0 0 0 1em; margin: 0 0 10px 0; text-indent: -1em;}
div.page_estimate_ p.estimate_head_desc_ a { text-decoration: underline; color: #1D3994; cursor: pointer; display: inline-block;}
div.page_estimate_ p.estimate_head_desc_:not(.submit_txt_) a { margin-top: 20px; text-indent: -1em;}
div.page_estimate_ p.estimate_head_desc_.submit_txt_ { margin: 0 0 30px 0; padding-left: 0; text-indent: 0;}

div.page_estimate_ .notice_wrap_.estimate_header_ { margin: 0 0 30px 0;}
div.page_estimate_ .notice_wrap_ p { font-size: 14px; line-height: 1.7;}
div.page_estimate_ .notice_wrap_ p.top_text_ { margin: 0 0 30px 0;}
div.page_estimate_ .notice_wrap_ p + p { margin: 20px 0 0 0;}
div.page_estimate_ .notice_wrap_ p a { text-decoration: underline; color: #1D3994; cursor: pointer;}
div.page_estimate_ .notice_wrap_ p span.notice_ { font-size: 14px; color: #EC0000;}

div.page_estimate_ .notice_wrap_.estimate_footer_ { margin: 30px 0 40px 0;}
div.page_estimate_ .notice_wrap_.estimate_footer_ p.modal_link_ + p.indent_text_ { margin: 10px 0 0 0;}

/* ページ内共通ブロック */
.estimate_block_ { margin: 0 0 20px 0;}
.estimate_block_ h2.common_headline2_ { margin: 0 0 10px 0;}
.estimate_block_ .estimate_flex_ { width: 100%; padding: 20px; margin: 0; border: #DDD 1px solid; border-radius: 6px; display: flex; justify-content: space-between;}
.estimate_block_ .estimate_flex_ .estimate_flex_child { width: calc(100% - 40px); font-size: 16px;}
.estimate_block_ .estimate_flex_ .estimate_flex_child p { font-size: 16px;}
.estimate_block_ .estimate_flex_ .estimate_flex_child p + p { margin: 7px 0 0 0;}
.estimate_block_ .estimate_flex_ .estimate_flex_child p.addr_ span[class^="addr"] { font-size: 16px; display: block;}
.estimate_block_ .estimate_flex_ a.change_link_ { min-width: 30px; font-size: 14px; text-align: right; text-decoration: underline; color: #1D3994; display: block; cursor: pointer;}

table.formlist_.get_point_ td[colspan="2"] .estimate_submit_desc_ { padding: 0 0 0 1em; text-indent: -1em; font-size: 12px; text-align: left; color: #EC0000 !important;}

/* ---------------------------------------
 ご請求額
---------------------------------------- */
#estimate_spandual { width: 100%; padding: 20px; margin: 0 0 20px 0; border: #DDD 1px solid; border-radius: 6px;}
#estimate_spandual table { width: 100%;}
#estimate_spandual table.top_form_ { border: none; display: block;}
#estimate_spandual table.top_form_ tbody { width: 100%; display: block;}
#estimate_spandual table.top_form_ tr { display: flex; justify-content: space-between; align-items: center;}
#estimate_spandual table.top_form_ th { width: 60%; min-width: 60%; padding: 5px 0; border: none; font-size: 16px; font-weight: 500; text-align: left; display: block;}
#estimate_spandual table.top_form_ td { width: 40%; min-width: 40%; padding: 5px 0; border: none; font-size: 16px; font-weight: 500; text-align: right; display: block;}
#estimate_spandual table.top_form_ td[colspan="2"] { width: 100%; min-width: 100%; text-align: left;}
#estimate_spandual table.top_form_.pay_detail { margin: 0 0 10px 0; border-bottom: #DDD 1px solid;}
#estimate_spandual table.top_form_.pay_detail th { width: 40%; min-width: 40%; padding: 0 0 10px 0; font-size: 20px; font-weight: 500;}
#estimate_spandual table.top_form_.pay_detail td { width: 60%; min-width: 60%; padding: 0 0 10px 0; font-size: 24px; font-weight: 500;}
#estimate_spandual table.top_form_.pay_detail td .yen_ { font-size: 20px;}
#estimate_spandual table.top_form_.get_point_ td.get_point_desc{ font-size: 20px; font-weight: 500;}
#estimate_spandual table.top_form_.get_point_ td.get_point_desc span { margin: 0 0 0 2px; font-size: 14px; font-weight: 500;}
#estimate_spandual table.top_form_.get_point_ td ul.indent_list_ { margin: 10px 0;}
#estimate_spandual table.top_form_.get_point_ td ul.indent_list_ li { font-size: 12px; color: #414143;}

/* 注文確定ボタン */
#estimate_spandual table.top_form_.get_point_ td .submit_ { padding: 0; margin: 0; text-align: center; display: block;}
#estimate_spandual table.top_form_.get_point_ td .submit_ p.indent_text_ { margin: 0 0 20px 0; font-size: 12px; text-align: left; color: #414143;}
#estimate_spandual table.top_form_.get_point_ td .submit_ p.indent_text_.notice_ { color: #EC0000;}
#estimate_spandual table.top_form_.get_point_ td .submit_ label.agree_check_btn_ { padding: 10px 0; margin: 0 0 20px 0; font-size: 16px; text-align: left; display: flex; justify-content: flex-start; align-items: center;}
#estimate_spandual table.top_form_.get_point_ td .submit_ label.agree_check_btn_ input[type="checkbox"] { min-width: 17px; margin: 0 20px 0 0;}
#estimate_spandual table.top_form_.get_point_ td .submit_ label.agree_check_btn_ span { max-width: calc(100% - 27px); font-size: 16px; font-weight: 500; text-align: left;}
#estimate_spandual table.top_form_.get_point_ td .submit_ label.agree_check_btn_ a { font-size: 16px; text-decoration: underline; color: #1D3994;}
#estimate_spandual table.top_form_.get_point_ td .submit_ input.large_button_ {  width: 260px; margin: 0 auto 20px;}
#estimate_spandual table.top_form_.get_point_ td .submit_ #rakuten-pay-button { margin: 0 0 20px 0; text-align: center;}

/* 明細 */
#estimate_spandual .hr_line.detail { padding: 0 0 10px 0; margin: 10px 0; border-bottom: #DDD 1px solid; font-size: 16px; font-weight: 500; position: relative;}
#estimate_spandual .hr_line.detail span { font-size: 16px; font-weight: 500;}
#estimate_spandual .hide_form_ table.formlist_ tr { width: 100%; padding: 0 30px; display: flex;}
#estimate_spandual .hide_form_ table.formlist_ tr th { width: 40%; min-width: 40%; padding: 5px 0; font-size: 14px; font-weight: 500; text-align: left;}
#estimate_spandual .hide_form_ table.formlist_ tr td { width: 60%; min-width: 60%; padding: 5px 0; font-size: 14px; font-weight: 500; text-align: right;}
#estimate_spandual .hide_form_ table.formlist_ tr.tm { display: flex;}
#estimate_spandual .hide_form_ table.formlist_ tr.tm.order_total_ { padding: 15px 20px 0; margin-top: 15px; border-top: #DDD 1px solid; display: flex;}
#estimate_spandual .hide_form_ table.formlist_ tr.tm.order_total_ th { font-size: 16px;}
#estimate_spandual .hide_form_ table.formlist_ tr.tm.order_total_ td { font-size: 16px;}

/* ---------------------------------------
 お届け先情報
---------------------------------------- */
#estimate_method_all { margin: 0 0 20px 0;}
#estimate_method_all .common_headline2_ { margin: 0 0 10px 0;}
#estimate_method_all .method_addr_ { width: 100%; padding: 20px; margin: 0; border: #DDD 1px solid; border-radius: 6px; display: flex; justify-content: space-between;}
#estimate_method_all .method_addr_ dl.address_ { width: calc(100% - 40px);}
#estimate_method_all .method_addr_ dl.address_ dt.name_ { font-size: 16px; margin: 0 0 10px 0;}
#estimate_method_all .method_addr_ dl.address_ dd p { font-size: 16px;}
#estimate_method_all .method_addr_ dl.address_ dd p + p { margin: 7px 0 0 0;}
#estimate_method_all .method_addr_ dl.address_ dd p.addr_ span[class^="addr"] { font-size: 16px; display: block;}
#estimate_method_all .method_addr_ a.change_link_ { min-width: 30px; font-size: 14px; text-align: right; text-decoration: underline; color: #1D3994; display: block;}
#estimate_method_all .method_addr_ p.for_many_address_ { font-size: 14px; line-height: 1.7;}
#estimate_method_all .method_addr_ p.for_socialgift_address_ { font-size: 14px; line-height: 1.7;}

/* ---------------------------------------
 お支払方法
---------------------------------------- */
#estimate_payment_form .common_headline2_ { margin-bottom: 10px;}
#estimate_payment_form .estimate_point_frame_ { padding: 20px; margin: 0 0 20px 0; border: #DDD 1px solid; border-radius: 6px; background: #FFF;}

/* 共通ブロック */
#estimate_payment_form .estimate_flex_ { padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: #DDD 1px solid; display: flex; justify-content: space-between;}
#estimate_payment_form .estimate_flex_ .estimate_flex_child { width: calc(100% - 40px); font-size: 16px;}
#estimate_payment_form .estimate_flex_ .estimate_flex_child p { font-size: 14px;}
#estimate_payment_form .estimate_flex_ .estimate_flex_child p + p { margin: 7px 0 0 0;}
#estimate_payment_form .estimate_flex_ a.change_link_ { min-width: 30px; font-size: 14px; text-align: right; text-decoration: underline; color: #1D3994; display: block;}

/* ポイント */
#estimate_payment_form .estimate_flex_.estimate_point_ .estimate_flex_child p.point_txt_ { font-size: 16px; font-weight: 500;}
#estimate_payment_form .estimate_flex_.estimate_point_ .estimate_flex_child p.point_ { font-size: 14px; font-weight: 400;}

/* クーポン */
#estimate_payment_form .estimate_flex_.estimate_coupon_ .estimate_flex_child p.coupon_txt_ { font-size: 16px; font-weight: 500;}
#estimate_payment_form .estimate_flex_.estimate_coupon_ .estimate_flex_child p.point_ { font-size: 14px; font-weight: 400;}

/* お支払方法 */
#estimate_payment_form .estimate_flex_.estimate_convenience_ { padding: 0; margin: 0; border-bottom: none;}
#estimate_payment_form .estimate_flex_.estimate_convenience_ .estimate_flex_child p.method_txt_ { font-size: 16px; font-weight: 500;}
#estimate_payment_form .estimate_flex_.estimate_convenience_ .payment_name_ { font-size: 14px; font-weight: 400;}
#estimate_payment_form .estimate_flex_.estimate_convenience_ .paypay_ { font-size: 14px; font-weight: 400;}
#estimate_payment_form .estimate_flex_.estimate_convenience_ .expire_dt_ { font-size: 14px; font-weight: 400; color: #EC0000;}
#estimate_payment_form .estimate_flex_.estimate_convenience_ .zeroprice_ { font-size: 14px; font-weight: 400;}

#estimate_payment_form .estimate_card_form_ .estimate_card_registered_ { margin-top: 20px;}
#estimate_payment_form .estimate_card_form_ .estimate_card_registered_ .estimate_registered_card_form_.newcard_ { display: none;}
#estimate_payment_form .estimate_card_form_ .estimate_card_frame_ li + li { margin-top: 10px;}
#estimate_payment_form .estimate_card_form_ .estimate_card_frame_ label {
  width: 100%;
  height: 80px;
  padding: 10px 10px 10px 54px;
  margin: 0;
	border: #1A1A1C 1px solid;
	border-radius: 6px;
	font-size: 16px;
	line-height: 1.2;
  display: flex;
  justify-content: left;
  align-items: center;
  position: relative;
}
#estimate_payment_form .estimate_card_form_ .estimate_card_frame_ label:before {
  content: '';
  width: 18px;
  height: 18px;
  border: #1A1A1C 1px solid;
  border-radius: 50%;
  display: block;
  background: #FFF;
  position: absolute;
  left: 16px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
#estimate_payment_form .estimate_card_form_ .estimate_card_frame_ input[type="radio"],
#estimate_payment_form .estimate_card_form_ .estimate_card_frame_ input[type="radio"]:checked:before { display: none;}
#estimate_payment_form .estimate_card_form_ .estimate_card_frame_ input[type="radio"]:checked + label { border: #CC0000 2px solid;}
#estimate_payment_form .estimate_card_form_ .estimate_card_frame_ input[type="radio"]:checked + label:before { border-color: #CC0000;}
#estimate_payment_form .estimate_card_form_ .estimate_card_frame_ input[type="radio"]:checked + label:after {
  content: '';
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 50%;
  display: block;
  background: #CC0000;
  position: absolute;
  left: 21px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
#estimate_payment_form .estimate_card_form_ .estimate_card_frame_ input:disabled + label:before { border-color: #949497; background-color: transparent;}
#estimate_payment_form .estimate_card_form_ .estimate_card_frame_ input:disabled { border: none;}
#estimate_payment_form .estimate_card_form_ .estimate_card_frame_ input:disabled:hover { opacity: 1;}

#estimate_payment_form dl.estimate_ { padding: 0; margin: 0;}
#estimate_payment_form dl.estimate_ dt { padding: 8px 0; font-size: 14px; font-weight: 500; display: flex; align-items: center; position: relative;}
#estimate_payment_form dl.estimate_ dd { padding: 0 0 12px 0; word-wrap: break-word; position: relative; overflow: hidden;}
#estimate_payment_form dl.estimate_ dd:last-child { padding-bottom: 0;}
#estimate_payment_form dl.estimate_ div.show_sample_ { margin: 10px 0;}
#estimate_payment_form dl.estimate_ div.show_sample_ .modal-btn_ { font-size: 14px; font-weight: 400; text-decoration: underline; color: #1D3994;}

/* クレカを読み込む */
#estimate_payment_form dl.estimate_ dd.inquiry-etc_ {}
#estimate_payment_form dl.estimate_ dd.inquiry-etc_ a { display: flex; align-items: center;}
#estimate_payment_form dl.estimate_ dd.inquiry-etc_ a img { width: 20px; padding: 0 15px 0 0;}

/* ご注文主様の情報
---------------------------------------- */
#estimate_host {}

/* 贈り主の情報
---------------------------------------- */
#estimate_sender {}

/* ご注文主様・贈り主の情報
---------------------------------------- */
#estimate_dest_home {}

/* 受取人様の情報
---------------------------------------- */
#estimate_recipient {}

/* 当サイトを紹介された郵便局
---------------------------------------- */
#estimate_post_office_name {}

/* 紹介された日本郵便社員
---------------------------------------- */
#estimate_employee_remarks {}

/* 紹介郵便局へご注文内容の情報提供
---------------------------------------- */
#estimate_post_office_notice {}

/* ---------------------------------------
 商品の設定
---------------------------------------- */
#estimate_method .common_headline2_ { margin-bottom: 10px;}
#estimate_method .destgoodslist_ { padding: 0; margin: 0; border-radius: 0;}
#estimate_method .destgoodslist_ + .destgoodslist_ { margin-top: 10px;}
#estimate_method .destgoodslist_ .destgoods_ { padding: 10px; margin: 0; border: #DDD 1px solid; border-radius: 0;}
#estimate_method .destgoodslist_ .destgoods_ + .destgoods_ { margin-top: 20px;}
#estimate_method .destgoodslist_ .destgoods_ .method_goods_:nth-of-type(n+2) { padding-top: 10px; margin-top: 30px; border-top: #DDD 1px solid;}

/* お届け先 */
#estimate_method .method_address_ { padding: 10px; margin: 0 0 20px 0; border: #DDD 1px solid; border-radius: 6px; background: #FFF;}
#estimate_method .method_address_ dl.address_ { padding: 10px;}
#estimate_method .method_address_ dl.address_ dt.ttl_ { margin: 0 0 10px 0; font-size: 16px; font-weight: 400; display: flex; align-items: center; justify-content: space-between;}
#estimate_method .method_address_ dl.address_ dt.ttl_ a { font-size: 14px; font-weight: 400; text-decoration: underline; color: #1D3994; cursor: pointer;}
#estimate_method .method_address_ dl.address_ dd .zip_ { margin-top: 7px;}
#estimate_method .method_address_ dl.address_ dd .tel_ { margin-top: 7px;}
#estimate_method .estimate_method_multipul .method_addr_.multipul + .destgoodslist_.multipul { margin-top: 10px;}

/* 商品 */
#estimate_method .method_goods_ { width: 100%;}
#estimate_method .method_goods_ a.method_goods_inner_ { width: 100%; color: #333; text-decoration: none; display: block;}
#estimate_method .method_goods_ .method_goodslist_item_ {}
#estimate_method .method_goods_ .box_ { width: 100%; display: flex; justify-content: space-between;}
#estimate_method .method_goods_ .img_ { width: 100px; text-align: center;}
#estimate_method .method_goods_ .img_ img { width: 100%;}
#estimate_method .method_goods_ .desc_ { width: calc(100% - 110px);}
#estimate_method .method_goods_ .desc_ .method_goods_name_ { margin: 0 0 10px 0; font-size: 14px; font-weight: 400; word-break: break-word;}
#estimate_method .method_goods_ .desc_ .name_ p { font-size: 14px; font-weight: 400; word-break: break-word;}
#estimate_method .method_goods_ .desc_ .name_ .name2_ { word-break: break-word;}
#estimate_method .method_goods_ .desc_ .include_name_ { font-size: 14px; font-weight: 400;}
#estimate_method .method_goods_ .desc_ .ship_name_tag_ { font-size: 14px; font-weight: 400;}
#estimate_method .method_goods_ .desc_ .method_goods_price_ { margin: 0 0 16px 0; text-align: right;}
#estimate_method .method_goods_ .desc_ .method_goods_price_ .tax_reduced { font-size: 12px; font-weight: 400; text-align: right; display: block;}
#estimate_method .method_goods_ .desc_ .price_ { font-size: 16px; font-weight: 700; text-align: right;}
#estimate_method .method_goods_ .desc_ .price_ .yen_ { font-size: 12px; font-weight: 700;}
#estimate_method .method_goods_ .desc_ .price_ .tax_ { font-size: 12px; font-weight: 400; text-align: right; display: none;}
#estimate_method .method_goods_ .method_qty_ { font-size: 14px; font-weight: 400; text-align: right;}
#estimate_method .method_goods_ .method_qty_ span { margin: 0 0 0 3px; font-size: 14px; font-weight: 400;}

/* 出荷予定日・販売期間 */
#estimate_method .method_goods_ .method_goods_salesperiod_ { margin: 10px 0; display: flex; justify-content: flex-end;}
#estimate_method .method_goods_ .method_goods_salesperiod_ .name1_ { margin: 0 10px 0 0; font-size: 12px; font-weight: 400;}
#estimate_method .method_goods_ .method_goods_salesperiod_ .salesperiod_ { font-size: 12px; font-weight: 400; color: #EC0000;}

/* 商品設定（のし等） */
#estimate_method .method_noshi_ { margin: 30px 0 0 0;}
#estimate_method .method_noshi_ dt { padding: 0 10px 10px; border-bottom: #DDD 1px solid; font-size: 14px; font-weight: 500; display: flex; justify-content: space-between; align-items: center;}
#estimate_method .method_noshi_ dt a.frame_ { font-size: 14px; font-weight: 400; text-decoration: underline; color: #1D3994;}
#estimate_method .method_noshi_ dd { padding: 10px; font-size: 14px; font-weight: 400;}
#estimate_method .method_noshi_ dd .noshi_config_ { display: flex; align-items: center; line-height: 1.4;}
#estimate_method .method_noshi_ dd .noshi_config_ .ttl_ { width: 160px; font-size: 14px; font-weight: 500;}
#estimate_method .method_noshi_ dd .noshi_config_ .setting_ { width: calc(100% - 160px); font-size: 14px; font-weight: 400;}
#estimate_method .method_noshi_ dd .noshi_config_ span + span::before { content: '/'; margin: 0 3px;}
#estimate_method .method_noshi_ dd .noshi_config_ + .noshi_config_,
#estimate_method .method_noshi_ dd .noshi_config_ + .noshi_config_bikou_ { margin: 10px 0 0 0;}
#estimate_method .method_noshi_ dd .noshi_config_bikou_ { display: flex; align-items: center; line-height: 1.4;}
#estimate_method .method_noshi_ dd .noshi_config_bikou_ .ttl_ { width: 160px; font-size: 14px; font-weight: 500;}
#estimate_method .method_noshi_ dd .noshi_config_bikou_ .comment_ { width: calc(100% - 160px); font-size: 14px; font-weight: 400;}

/* 配送方法（佐川） */
#estimate_method .goods_sel_delivery_method_ { margin: 30px 0 0 0;}
#estimate_method .goods_sel_delivery_method_ dl dt { padding: 0 10px 10px; border-bottom: #DDD 1px solid; font-size: 14px; font-weight: 500; display: flex; justify-content: space-between; align-items: center;}
#estimate_method .goods_sel_delivery_method_ dl dt a.frame_ { font-size: 14px; font-weight: 400; text-decoration: underline; color: #1D3994;}
#estimate_method .goods_sel_delivery_method_ dl dd { padding: 10px; font-size: 14px; font-weight: 400;}
#estimate_method .goods_sel_delivery_method_ dl dd.sagawa_message_ { color: #EC0000;}

/* 配送方法 */
#estimate_method .method_delivery_ { margin: 30px 0 0 0;}
#estimate_method .method_delivery_ dl dt { padding: 0 10px 10px; border-bottom: #DDD 1px solid; font-size: 14px; font-weight: 500; display: flex; justify-content: space-between; align-items: center;}
#estimate_method .method_delivery_ dl dt a.frame_ { font-size: 14px; font-weight: 400; text-decoration: underline; color: #1D3994;}
#estimate_method .method_delivery_ dl dd { padding: 10px; font-size: 14px; font-weight: 400;}

/* お届け日時 */
#estimate_method .goods_delivery_ { margin: 30px 0 0 0;}
#estimate_method .goods_delivery_ dl dt { padding: 0 10px 10px; border-bottom: #DDD 1px solid; font-size: 14px; font-weight: 500; display: flex; justify-content: space-between; align-items: center;}
#estimate_method .goods_delivery_ dl dt a.frame_ { font-size: 14px; font-weight: 400; text-decoration: underline; color: #1D3994;}
#estimate_method .goods_delivery_ dl dd { padding: 10px; font-size: 14px; font-weight: 400;}
#estimate_method .goods_delivery_ dl dd ul.delivery_config_ { padding: 0; margin: 0;}
#estimate_method .goods_delivery_ dl dd ul.delivery_config_ li { font-size: 14px; font-weight: 400; display: flex; align-items: center;}
#estimate_method .goods_delivery_ dl dd ul.delivery_config_ li + li { margin: 10px 0 0 0;}
#estimate_method .goods_delivery_ dl dd ul.delivery_config_ li .ttl_ { width: 160px; font-size: 14px; font-weight: 500;}
#estimate_method .goods_delivery_ dl dd ul.delivery_config_ li .desc_ { width: calc(100% - 160px); font-size: 14px; font-weight: 400;}
#estimate_method .goods_delivery_ p.delivery_notice_ { margin: 10px 0 0 0; font-size: 12px; font-weight: 400;}
#estimate_method .goods_delivery_ p.delivery_notice_ + p.delivery_notice_ { margin: 0;}

/* メッセージカード
---------------------------------------- */
#estimate_method .estimete_giftcard_frame_ { padding: 10px; margin: 0 0 20px 0; border: #DDD 1px solid; border-radius: 6px; background: #FFF;}
#estimate_method .estimete_giftcard_length_ { margin: 0 0 20px 0;}
#estimate_method .estimete_giftcard_length_ dt { margin: 0 0 7px 0; font-size: 16px; font-weight: 500;}
#estimate_method .estimete_giftcard_length_ dd { margin: 0; font-size: 14px; font-weight: 400;}
#estimate_method .estimete_giftcard_sample_ { padding: 10px; border: #D8D8DB 1px solid;}
#estimate_method .estimete_giftcard_img_ { margin: 0 0 20px 0; text-align: center;}
#estimate_method .estimete_giftcard_img_ img { width: 100%;}
#estimate_method .estimete_giftcard_message_ { margin: 0 0 20px 0; font-size: 14px; line-height: 2.0; word-wrap: break-word;}
#estimate_method .estimete_giftcard_giver_ { padding: 20px 5px; margin: 0 0 30px 0; border-top: #949497 1px dashed; border-bottom: #949497 1px dashed; font-size: 14px; font-weight: 500; text-align: right;}
#estimate_method .estimete_giftcard_change_wrap_ { margin: 20px 0 30px 0; text-align: center;}
#estimate_method .estimete_giftcard_change_wrap_ a.estimete_giftcard_change_ { font-size: 16px; text-align: center; text-decoration: underline; color: #1D3994;}

/* 定期申込情報
---------------------------------------- */
#estimate_regular h2.common_headline2_ { margin: 0 0 10px 0;}
#estimate_regular .method_regular_inner_ { padding: 20px; border: #DDD 1px solid; border-radius: 6px;}
#estimate_regular .method_regular_inner_ h3 { margin: 0 0 10px; font-size: 16px; font-weight: 500;}
#estimate_regular .method-regular-box { padding: 0 0 16px 0; margin: 0 0 16px 0; border-bottom: #DDD 1px solid;}

/* お届け先 */
#estimate_regular .method-regular-box.dest_ address p { font-size: 16px; font-weight: 400; line-height: 1.7;}
#estimate_regular .method-regular-box.dest_ address p.name_ { margin: 0 0 10px 0;}

/* お届け商品 */
#estimate_regular .method-regular-box.goodsdata_ .box_ li { display: flex; justify-content: space-between;}
#estimate_regular .method-regular-box.goodsdata_ .box_ li + li { margin: 5px 0 0 0;}
#estimate_regular .method-regular-box.goodsdata_ .box_ li p { width: 35%; font-size: 14px; font-weight: 500;}
#estimate_regular .method-regular-box.goodsdata_ .box_ li p + p { width: 65%; font-weight: 400;}

/* お支払い情報 */
#estimate_regular .method-regular-box.payment_ .box_ li { display: flex; flex-wrap: wrap; justify-content: space-between;}
#estimate_regular .method-regular-box.payment_ .box_ li a { margin: 0 0 0 auto; font-size: 14px; text-align: center; text-decoration: underline; color: #1D3994;}
#estimate_regular .method-regular-box.payment_ .box_ li + li { margin: 5px 0 0 0;}
#estimate_regular .method-regular-box.payment_ .box_ li p.ttl_ { width: 50%; font-size: 14px; font-weight: 500;}
#estimate_regular .method-regular-box.payment_ .box_ li p + p { width: 50%; font-size: 14px; font-weight: 400;}
#estimate_regular .method-regular-box.payment_ .box_ li table { width: 50%; font-size: 14px; font-weight: 400;}
#estimate_regular .method-regular-box.payment_ .box_ li table th,
#estimate_regular .method-regular-box.payment_ .box_ li table td { padding: 0; margin: 0; font-size: 14px; font-weight: 400;}
#estimate_regular .method-regular-box.payment_ .box_ li.regular_total_price_ { padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: #949497 1px dotted;}
#estimate_regular .method-regular-box.payment_ p.yearly_payment_ { width: 100%; margin: 10px 0 0 0; padding: 0 0 0 1em; font-size: 14px; font-weight: 400; text-indent: -1em; color: #EC0000;}

/* 定期お申込時の注意 - ユーザーテンプレート */
div.page_estimate_ #demoslide02 { padding: 4px 0 0 0;}
div.page_estimate_ #demoslide02 p { font-size: 14px; font-weight: 400; line-height: 1.7;}
div.page_estimate_ #demoslide02 p + p { margin-top: 10px;}
div.page_estimate_ #demoslide02 p a { text-decoration: underline; color: #1D3994; cursor: pointer;}
div.page_estimate_ #demoslide02 .ttl_ { margin: 0 0 10px 0; font-size: 16px; font-weight: 400;}

/* ---------------------------------------
 下部サブミットボタン
---------------------------------------- */
div.page_estimate_ .submit_.button-area_.last_ { padding: 0; margin: 20px 0 0 0; display: block;}
div.page_estimate_ .submit_.button-area_.last_ input.button_.large_button_.yellow_button_.wide { min-width: 260px;}
div.page_estimate_ .submit_.button-area_.last_ input.button_.back_button_ { margin: 20px auto 0; height: auto; min-height: auto; border: none; font-size: 16px; font-weight: 400; text-decoration: underline; color: #1D3994;}
div.page_estimate_ .submit_.button-area_.last_ #rakuten-pay-button2 { text-align: center;}
div.page_estimate_ .submit_.button-area_.last_ .agree_check_btn_ { margin: 20px 0; font-size: 16px; display: flex; justify-content: center; align-items: center;}
div.page_estimate_ .submit_.button-area_.last_ .agree_check_btn_ .small_ { font-size: 16px; font-weight: 400;}
div.page_estimate_ .submit_.button-area_.last_ .agree_check_btn_ input[type="checkbox"] { margin: 0 10px 0 0;}

/* ---------------------------------------
 モーダル
---------------------------------------- */
.modal_bg { width: 100%; height: 120%; display: none; background-color: rgba(0,0,0,0.7); position: fixed; top: 0; left: 0; z-index: 6666;}
.modal_box { width: 88%; max-width: 840px; padding: 16px; margin: 0; border-radius: 12px; display: none; background: #FFF; position: fixed; z-index: 7777;}
.modal_close_icon .modal_close { width: 40px; font-size: 30px; text-align: center; text-decoration: none; line-height: 40px; color: #000; display: block; background: #e6e6e6; position: absolute; top: 0; right: 0;}
.modal_close_icon .modal_close i { line-height: 44px; vertical-align: bottom;}
.modal_box .link_area { margin: 0 0 16px 0;}
.modal_box .link_area .modal_close_link { display: inline-block;}
.modal_box .link_area .modal_close_link a.modal_close {
  width: 163px;
  height: 40px;
  padding: 0;
  margin: 0 auto 0 0;
  border: #333 1px solid;
  border-radius: 20px;
  outline: none;
  font-size: 16px;
  font-weight: bold;
	text-decoration: none;
  color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
}
.modal_box .link_area .modal_close_link a.modal_close::before {
  content: '';
  width: 8px;
  height: 8px;
	margin: 0 6px 0 0;
  border-right: #333 1px solid;
  border-top: #333 1px solid;
  display: block;
  transform: rotate(-135deg);
	position: relative;
	top: auto;
	right: auto;
	left: auto;
}
.modal_box h2.ModalTitle { margin: 0 0 16px 0; font-size: 20px; font-weight: 500;}
.modal_box .modalContent { max-height: 400px; font-size: 14px; font-weight: 400; overflow: scroll;}
.modal_box .modalContent li { font-size: 14px; font-weight: 400;}
.modal_box .modalContent li + li,
.modal_box .modalContent li + p,
.modal_box .modalContent p + ul { margin: 20px 0 0 0; line-height: 1.7;}
.modal_box .modalContent p {  font-size: 14px; font-weight: 400;}
.modal_box .modalContent p.image img { max-width: 100%;}
.modal_box .modalContent p.ListModalTitle { margin: 0 0 10px; font-size: 16px; font-weight: 700; line-height: 1.4;}
.modal_box .modalContent p.ListModalTitle span.small { font-size: 14px; font-weight: 400; display: block;}
.modal_box .modalContent dl.otoiawaseList dt { margin: 0 0 10px 0; font-size: 13px; font-weight: 500; line-height: 1.4;}
.modal_box .modalContent dl.otoiawaseList dd { margin: 0 0 20px 0; font-size: 14px; font-weight: 400; line-height: 1.7;}
.modal_box .modalTable { margin: 16px auto; background: #fff;}
.modal_box .modalTable tr { vertical-align: middle;}
.modal_box .modalTable th { width: 250px; padding: 10px; border: #DDD thin solid; font-size: 12px; text-align: center; background-color: #EFEFEF;}
.modal_box .modalTable td { padding: 15px 10px; border: #DDD thin solid; font-size: 11px; vertical-align: middle;}
.modal_box .modalTable td.center { text-align: center;}
.modal_close_btn_ { margin: 20px 0; font-weight: 400; text-align: center; text-decoration: underline; color: #808080; cursor: pointer;}

@media screen and (max-width: 769px) {
  .link_area ul li.modal_close_link:first-child a { margin-top: 0; float: none;}
  .link_area ul li.modal_close_link:last-child a  { float: none;}
}

/* ご注文のキャンセル・返品・交換（モーダル） */
div.page_estimate_ #modal1.modal_box h2.ModalTitle { font-size: 19px;}
div.page_estimate_ #modal1.modal_box dl.otoiawaseList dd + dt { margin-top: 20px;}

/* 決済タイミングについて（モーダル） */
div.page_estimate_ #modal2.modal_box h2.ModalTitle { text-align: center;}
div.page_estimate_ #modal2.modal_box .modalContent p.ListModalTitle { padding: 0 0 0 1em; text-indent: -1em;}