@charset "Shift_JIS";

/* ---------------------------------------
 贈り主・お届け先の設定
---------------------------------------- */
div.page_orderdest_.col1_ { padding-bottom: 0;}
div.page_orderdest_.col1_ + .submit_.button-area_.last_ { padding-top: 10px;}
div.page_orderdest_.col1_ + .submit_.button-area_.last_ { padding-top: 10px;}

/* 贈り主
---------------------------------------- */
div.method_sender_ { padding: 20px 16px; margin: 0 -16px 30px; background: #F2F2F2;}
div.method_sender_ h2.common_headline2_ { font-size: 20px; font-weight: 500;}
div.method_sender_ h2.common_headline2_ span { padding: 0 0 0 1em; margin: 10px 0 0 0; font-size: 14px; font-weight: 400; text-indent: -1em; display: block;}

/* お名前・住所 */
div.method_sender_ div.sender_info_ { padding: 0; margin: 0; border: #D8D8DB 1px solid; border-radius: 6px; background: #FFF;}
div.method_sender_ div.sender_info_ .sender_info-inner_ { padding: 20px; font-size: 16px;}
div.method_sender_ div.sender_info_ .sender_info-inner_ address { font-size: 16px; font-weight: 400;}
div.method_sender_ div.sender_info_ .sender_info-inner_ address p { font-size: 16px; font-weight: 400; line-height: 1.7;}
div.method_sender_ div.sender_info_ .sender_info-inner_ address p.name_ { margin: 0 0 10px 0;}
div.method_sender_ div.sender_info_ .sender_info-inner_ address span { font-size: 16px; font-weight: 400;}
div.method_sender_ div.sender_info_ .sender_info-inner_.active address,
div.method_sender_ div.sender_info_ .sender_info-inner_.active address p,
div.method_sender_ div.sender_info_ .sender_info-inner_.active address span { color: #D2D2D2;}

/* 贈り主の変更 開閉 */
div.method_sender_ div.sender_info_ div.sender_change_ { text-align: right;}
div.method_sender_ div.sender_info_ div.sender_change_ input { display: none;}
div.method_sender_ div.sender_info_ div.sender_change_ label { width: 100%; text-align: right; display: block;}
div.method_sender_ div.sender_info_ div.sender_change_ label span { padding-right: 30px; font-size: 14px; display: block; position: relative;}
div.method_sender_ div.sender_info_ div.sender_change_ label span:after {
  content: '';
  width: 8px;
  height: 8px;
  margin: 0 auto;
  border-right: #1A1A1C 1px solid;
  border-bottom: #1A1A1C 1px solid;
  display: block;
  position: absolute;
  top: calc(50% - 6px);
  right: 0;
  transition: transform 0.25s linear;
  transform: rotate(45deg);
}
div.method_sender_ div.sender_info_ div.sender_change_ input:checked + label span:after { top: calc(50% - 2px); transform: rotate(-135deg);}

/* 住所の自動入力 */
div.order-h_ div.addr-inputmode-wrap { padding: 0 30px 0 0; margin: 15px 0; position: relative;}
div.order-h_ div.addr-inputmode-wrap label { width: 100%; height: 30px; padding: 0 0 0 35px; margin: 0; display: flex; align-items: center; position: relative; cursor: pointer;}
div.order-h_ div.addr-inputmode-wrap label + label { margin-top: 10px;}
div.order-h_ div.addr-inputmode-wrap input[id$="addr_inputmode_0"] { position: absolute; left: 0; top: 6px;}
div.order-h_ div.addr-inputmode-wrap input[id$="addr_inputmode_1"] { position: absolute; left: 0; top: 46px;}

div.order-h_ dl.formdetail_ div[class*="_inputmode_zip"] input#s_s_zip,
div.order-h_ dl.formdetail_ div[class*="_inputmode_zip"] input#d_s_zip,
div.order-h_ dl.formdetail_ div[class*="_inputmode_zip"] input#s_recipient_zip { width: 190px; max-width: 190px;}
div.order-h_ dl.formdetail_ div[class*="_inputmode_addr"] .select-block_ { margin-bottom: 10px;}
div.order-h_ dl.formdetail_ input[type="hidden"] + p.supplement_ { padding-top: 10px;}
div.order-h_ dl.formdetail_ dd[class*="_addr_done"] div[class*="-addr-inner"] { width: 100%; display: block; overflow: hidden;}
div.order-h_ dl.formdetail_ dd[class*="_addr_done"] div[class*="-addr-inner"] + div[class*="-addr-inner"] { margin-top: 10px;}
div.order-h_ dl.formdetail_ dd[class*="_addr_done"] div[class*="-addr-inner"].zip { width: 100%; display: flex; align-items: center; overflow: hidden;}
div.order-h_ dl.formdetail_ dd[class*="_addr_done"] div[class*="-addr-inner"].zip span[class*="_zip_ttl"] { margin: 0 10px 0 0; font-size: 16px;}
div.order-h_ dl.formdetail_ dd[class*="_addr_done"] div[class*="-addr-inner"].zip input:read-only { width: 120px; max-width: 120px; min-height: auto; padding: 5px 0; border: none; font-size: 16px;}

/* リストからコピー／リストの登録 ボタン */
div.method_sender_ .form_senderinfo_ { padding: 10px 20px 20px; font-size: 16px;}
div.method_sender_ .form_senderinfo_ .btns_edit_customerinfo_ { margin: 0 0 25px 0; display: flex; justify-content: center; align-items: center; overflow: hidden;}
div.method_sender_ .form_senderinfo_ .btns_edit_customerinfo_ a { 
	width: calc(100% - 32px);
	height: 56px;
	padding: 0;
	margin: 0 auto;
	border: #333 1px solid;
	border-radius: 56px;
  font-size: 16px;
  font-weight: 700;
	text-decoration: none;
	color: #333;
  background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* お届け先をお選びください
---------------------------------------- */
/* カート内の商品数 */
div.dest_list_ .cart_vol { 
	padding: 0 0 0 26px;
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: 400;
	background: url(../../img/usr/icon/icon_cart_black.png) left 13px no-repeat;
	-webkit-background-size: 18px auto;
	background-size: 18px auto;
	position: relative;
}
div.dest_list_ .cart_vol span { font-size: 24px;}

/* 自宅 */
div.dest_list_ .common_headline2_ { text-align: center;}
div.dest_list_ .address_customer_ { margin: 0 0 20px 0;}
div.dest_list_ .address_customer_ h3 { padding: 0; margin: 0 0 10px 0; font-size: 20px; font-weight: 500;}

/* 自宅以外 */
div.dest_list_ .address_book_list_ { margin: 0 0 20px 0;}
div.dest_list_ .address_book_list_ h3 { padding: 0; margin: 0 0 10px 0; font-size: 20px; font-weight: 500;}
div.dest_list_ .address_book_list_ .teiki_notice_ { padding: 0; margin: 0 0 10px 0; font-size: 14px; font-weight: 400; display: none;}
div.dest_list_ .address_item_ { margin: 0 0 20px 0; border: #D8D8DB 1px solid; border-radius: 6px; background: #FFF; overflow: hidden;}
div.dest_list_ .address_item_ h5 { padding: 10px 12px; border-bottom: #D8D8DB 1px solid; font-size: 16px; font-weight: 500; background: #F8F8FB;}
div.dest_list_ .address_item_ h5 span { margin: 0 2px 0 10px; font-size: 20px; font-weight: 500;}
div.dest_list_ .address_item_ .address_title_ { margin: 0; display: flex; justify-content: space-between; align-items: flex-start; position: relative;}
div.dest_list_ .address_item_ .address_title_ input[type="checkbox"],
div.dest_list_ .address_item_ .address_title_ input[type="radio"] { display: none;}
div.dest_list_ .address_item_ .address_title_ input[type="radio"] + label .check-box_ { min-width: 20px; border-radius: 20px;}
div.dest_list_ .address_item_ .address_title_ label { width: calc(100% - 50px); padding: 20px; display: flex; justify-content: flex-start; box-sizing: border-box;}
div.dest_list_ .address_item_ .address_title_ label .check-box_,
div.dest_list_ .address_item_ .address_title_ label .radio-btn_ {
  width: 20px;
  height: 20px;
  padding: 0;
  margin: 0;
  border: #333 1px solid;
  border-radius: 10px;
  display: inline-block;
  background: #FFF;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
div.dest_list_ .address_item_ .address_title_ input:checked + label .check-box_,
div.dest_list_ .address_item_ .address_title_ input:checked + label .radio-btn_ { border-color: #CC0000;}
div.dest_list_ .address_item_ .address_title_ input:checked + label .check-box_:after,
div.dest_list_ .address_item_ .address_title_ input:checked + label .radio-btn_::after {
  content: '';
  width: 10px;
  height: 10px;
  border: none;
  border-radius: 5px;
  display: block;
  background-color: #CC0000;
  position: absolute;
  top: calc(50% - 5px);
  left: calc(50% - 5px);
}
div.dest_list_ .address_item_ .address_title_ address { width: calc(100% - 50px); margin-left: 20px; font-size: 16px;}
div.dest_list_ .address_item_ .address_title_ label address { width: 100%;}
div.dest_list_ .address_item_ .address_title_ address p { font-size: 16px; font-weight: 400; line-height: 1.7;}
div.dest_list_ .address_item_ .address_title_ address p.name_ { margin: 0 0 16px 0;}
div.dest_list_ .address_item_ .address_title_ address p.address_ span { font-size: 16px; font-weight: 400; display: block;}
div.dest_list_ .address_item_ .address_title_ address p.error_ { margin-bottom: 0; font-size: 14px; line-height: 1.4;}

div.dest_list_ .address_item_:has(input:disabled) { color: #9f9f9f; background-color: #F5F5F5;}
div.dest_list_ .address_item_:has(input:disabled) .address_title_ label .check-box_,
div.dest_list_ .address_item_:has(input:disabled) .address_title_ label .radio-btn_ { border: #707070 1px solid; background: #D9D9D9;}

/* 編集 ボタン */
div.dest_list_ .address_item_ .address_title_ .address_change_ { width: 50px; padding: 16px 0; margin: 0; text-align: right;}
div.dest_list_ .address_item_ .address_title_ .address_change_ input {
  width: 100%;
  padding: 0 20px 0 0;
  border: none;
  border-radius: 0;
  font-size: 14px;
	text-align: right;
	text-decoration: underline;
  color: #1D3994;
	display: inline-block;
  background: transparent;
}

/* 新しい住所を追加する・一括追加する ボタン */
div.dest_list_ .btn_add_addr_ { width: 100%; height: auto; padding: 0; margin: 0 auto 45px; display: flex; flex-direction: column; align-items: flex-end;}
div.dest_list_ .btn_add_addr_ .add_addr_ + .add_addr_ { margin-top: 15px;}
div.dest_list_ .btn_add_addr_ input { 
	width: 100%;
	height: 40px;
	padding: 0 25px;
	margin: 0;
	border: #333 1px solid;
	border-radius: 56px;
	font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
	cursor: pointer;
}

/* 贈り主情報の追加 ボタン */
div.dest_list_ .btn_add_addr_ > input { width: 70%; max-width: 220px;}

/* お届け先を変更する ボタン */
div.dest_list_modal_open { margin: 20px 12px 0;}
div.dest_list_modal_open p { margin: 0 0 30px 0; font-size: 20px; font-weight: 500; text-align: center;}
div.dest_list_modal_open .dest_list_modal_btn {
  width: calc(100% - 20px);
	height: 56px;
  padding: 0;
  margin: 0 auto;
  border: #333 1px solid;
  border-radius: 56px;
  font-size: 16px;
  font-weight: 700;
	text-decoration: none;
  display: flex;
	justify-content: center;
	align-items: center;
  cursor: pointer;
}
div.dest_list_modal_open .dest_list_modal_btn:hover { opacity: 0.7;}
div.dest_list_modal_open + .submit-bottom_ { margin-top: 20px;}

/* 郵便局 */
div.post-office_list_ .post-office-search_wrap h3 { padding: 0; margin: 0 0 18px 0; font-size: 20px; border: none; font-weight: 500;}
div.post-office_list_ h4 { margin: 0 0 7px 0; font-size: 14px; font-weight: 500; display: flex; align-items: center;}
div.post-office_list_ .post-office-search_ { display: none;}
div.post-office_list_ .address_item_.post-office_ { margin: 0 0 20px 0; border: none;}
div.post-office_list_ .address_item_.post-office_ .address_title_ { padding: 0 32px 0 0; position: relative;}
div.post-office_list_ .address_item_.post-office_ .address_title_ label {
  width: 100%;
  height: 80px;
  padding: 10px 10px 10px 56px;
  border: #1A1A1C 1px solid;
  border-radius: 8px;
	font-size: 16px;
	font-weight: 400;
  color: #333;
  display: flex;
  align-items: center;
  background: none;
  position: relative;
	box-sizing: border-box;
}
div.post-office_list_ .address_item_.post-office_ .address_title_ input[type="radio"] { display: block; position: absolute; top: calc(50% - 10px); left: 16px;}
div.post-office_list_ .address_item_.post-office_ .address_title_ input[type="radio"]:disabled { border-color: #707070; background: #F1F1F4;}
div.post-office_list_ .address_item_.post-office_ .address_title_ input[type="radio"]:disabled + label { border: #ABABAD 1px solid; color: #707070; background: #F1F1F4;}
div.post-office_list_ .address_item_.post-office_ .address_title_ input[type="radio"]:checked + label  { border: #CC0000 2px solid;}

/* 郵便局を探す */
div.post-office_list_ .sender-post-office_ { margin: 0 0 30px 0;}
div.post-office_list_ .sender-post-office_ .dest_post_list_ { margin: 0 0 10px 0;}
div.post-office_list_ .sender-post-office_ .dest_post_list_ select { width: 190px; max-width: 190px;}
div.post-office_list_ .sender-post-office_ .dest_search { margin: 0 0 7px 0; font-size: 12px; font-weight: 400; color: #666;}
div.post-office_list_ .sender-post-office_ .dest_search p.indent_text_ { font-size: 12px; font-weight: 400; color: #666;}
div.post-office_list_ .sender-post-office_ .dest_search:not(#dest_search_zip) { display: none;}
div.post-office_list_ .sender-post-office_ .dest_search_postoffice { margin: 0 0 10px 0; display: flex; align-items: center;}
div.post-office_list_ .sender-post-office_ .dest_search_postoffice + p.supplement_ { color: #414143;}
div.post-office_list_ .sender-post-office_ input#search_postoffice { width: 190px; max-width: 190px;}
div.post-office_list_ .sender-post-office_ a#SearchPostOffice { 
	 width: 80px;
	 height: 36px;
	 padding: 0;
	 margin: 0 0 0 18px;
	 border: #333 1px solid;
	 border-radius: 4px;
	 outline: none;
	 font-size: 16px;
	 font-weight: 700;
	 text-decoration: none;
	 color: #333;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
div.post-office_list_ .sender-post-office_ .dest_post_list_wrap_ { display: flex; align-items: center;}
div.post-office_list_ .sender-post-office_ .dest_post_list_wrap_ select#post_stop_list { width: 250px; max-width: 250px; margin: 0 18px 10px 0;}
div.post-office_list_ .sender-post-office_ .dest_post_list_wrap_ a#post_office_map { margin: 0 0 10px 0; font-size: 16px; text-align: left; text-decoration: underline; letter-spacing: -0.5px; word-break: keep-all; color: #1D3994;}
div.post-office_list_ .sender-post-office_ p.supplement_.indent_.bottom_ { color: #414143;}
div.post-office_list_ .sender-post-office_ div.post_stop_select_message_ { 
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 1.7;
    color: #666;
    clear: both;
}
div.post-office_list_ .sender-post-office_ div.post_stop_select_message_ span { 
    font-weight: bold;
    font-size: 14px;
}

/* メールアドレス */
div.post-office_list_ .sender-mail_ { margin: 0 0 20px 0;}
div.post-office_list_ .sender-mail_ .efo { position: relative;}

/* 受取人様の情報 */
div.post-office_list_ .post_receiver { padding: 20px 16px; margin: 50px -16px 20px; background: #F2F2F2;}
div.post-office_list_ .post_receiver h4 { margin: 0 0 10px 0; font-size: 20px; font-weight: 500;}
div.post-office_list_ .post_receiver h4 + p { margin: 0 0 20px 0; font-size: 14px; font-weight: 400;}
div.post-office_list_ .post_receiver .sender_info_ { padding: 20px; border: #D8D8DB 1px solid; border-radius: 6px; background: #FFF;}
div.post-office_list_ .post_receiver .sender_info_ .sender_info-inner_ { padding: 0; display: flex; justify-content: space-between; align-items: flex-end;}
div.post-office_list_ .post_receiver .sender_info_ .sender_info-inner_ address { width: calc(100% - 60px);}
div.post-office_list_ .post_receiver .sender_info_ .sender_info-inner_.active address { color: #D2D2D2;}
div.post-office_list_ .post_receiver .sender_info_ .sender_info-inner_.active address p.name_ { margin: 0 0 10px 0;}
div.post-office_list_ .post_receiver .sender_info_ .sender_info-inner_ .sender_change_ { width: 60px; text-align: right;}
div.post-office_list_ .post_receiver .sender_info_ .sender_info-inner_ .sender_change_ { width: 60px; text-align: right;}
div.post-office_list_ .post_receiver .sender_info_ .sender_info-inner_ .sender_change_ input { display: none;}
div.post-office_list_ .post_receiver .sender_info_ .sender_info-inner_ .sender_change_ label { width: 100%; text-align: right; display: block;}
div.post-office_list_ .post_receiver .sender_info_ .sender_info-inner_ .sender_change_ label span { padding-right: 30px; font-size: 14px; display: block; position: relative;}
div.post-office_list_ .post_receiver .sender_info_ .sender_info-inner_ .sender_change_ label span:after {
  content: '';
  width: 8px;
  height: 8px;
  margin: 0 auto;
  border-right: #1A1A1C 1px solid;
  border-bottom: #1A1A1C 1px solid;
  display: block;
  position: absolute;
  top: calc(50% - 6px);
  right: 0;
  transition: transform 0.25s linear;
  transform: rotate(45deg);
}
div.post-office_list_ .post_receiver .sender_info_ .sender_info-inner_ .sender_change_ input:checked + label span:after { top: calc(50% - 2px); transform: rotate(-135deg);}
div.post-office_list_ .post_receiver .form_senderinfo_ { margin-top: 20px;}

/* ---------------------------------------
 贈り先設定・ゲスト購入
---------------------------------------- */
/* 住所の自動入力 */
div.order_gift_.content_dest_ dl.method_host_ { margin: 0 0 60px 0;}

/* 他の住所を選択 */
div.order_gift_.content_dest_ div.addresslist_ { margin-top: 40px;}

/* 郵便局を探す */
div.order_gift_.content_dest_ div.designation-contents_ { margin-top: 40px;}
div.order_gift_.content_dest_ div.designation-contents_ h4 { padding: 0; margin: 0 0 7px; font-size: 14px; font-weight: 500;}
div.order_gift_.content_dest_ div.designation-contents_ .sender-mail_ { margin: 30px 0;}
div.order_gift_.content_dest_ div.designation-contents_ .sender-mail_ .efo { position: relative;}
div.order_gift_.content_dest_ div.designation-contents_ .sender-mail_ .efo .efo_icon_ { top: calc(50% - 9px); right: 12px;}
div.order_gift_.content_dest_ div.designation-contents_ .sender-mail_ .efo input[type="text"][name="post_stop_mail"],
div.order_gift_.content_dest_ div.designation-contents_ .sender-mail_ .efo input[type="text"][name="post_stop_cmail"] { width: 100%; max-width: 100%; padding-right: 35px;}
div.order_gift_.content_dest_ .sender-info_ .btnSearchPost_wrap_ { margin: 0 0 15px 0;}
div.order_gift_.content_dest_ .sender-info_ .btnSearchPost_wrap_ label { width: 100%; padding: 0; margin: 0 0 10px 0; display: block; position: relative;}
div.order_gift_.content_dest_ .sender-info_ .btnSearchPost_wrap_ input[type="button"] { 
	width: 100%;
	height: 20px;
	padding: 0 40px 0 32px;
	margin: 0;
	border: none;
	outline: none;
	font-size: 16px;
	font-weight: 400;
	text-decoration: none;
	text-align: left;
	background: none;
	line-height: 16px;
	color: #333;
	transition: 0.2s;
}
div.order_gift_.content_dest_ .sender-info_ .btnSearchPost_wrap_ label::before {
	content: '';
	width: 20px;
  height: 20px;
  padding: 0;
  margin: 0 16px 4px 0;
  border: #333 1px solid;
  border-radius: 20px;
  background: #FFF;
  position: absolute;
	top: calc(50% - 7px);
  left: 0;
	box-sizing: border-box;
}
div.order_gift_.content_dest_ .sender-info_ .btnSearchPost_wrap_ label:has(input.active_)::before,
div.order_gift_.content_dest_ .sender-info_ .btnSearchPost_wrap_ label:has(input[type="button"].selected)::before {
  border: #CC0000 1px solid;	
}
div.order_gift_.content_dest_ .sender-info_ .btnSearchPost_wrap_ label:has(input.active_)::after,
div.order_gift_.content_dest_ .sender-info_ .btnSearchPost_wrap_ label:has(input[type="button"].selected)::after {
	content: '';
  width: 10px;
  height: 10px;
  margin: 0px;
  border-radius: 5px;
  position: absolute;
  left: 5px;
  top: calc(50% - 2px);
  display: block;
  background: #CC0000;
	box-sizing: border-box;
}
div.order_gift_.content_dest_ .sender-info_ .dest_search_postoffice { margin: 0 0 10px 0; display: flex; align-items: center;}
div.order_gift_.content_dest_ .sender-info_ .dest_search_postoffice + p.supplement_ { color: #414143;}
div.order_gift_.content_dest_ .sender-info_ .dest_search_postoffice input#search_postoffice { width: 190px; max-width: 190px;}
div.order_gift_.content_dest_ .sender-info_ .dest_search_postoffice a#SearchPostOffice { 
	 width: 80px;
	 height: 36px;
	 padding: 0;
	 margin: 0 0 0 18px;
	 border: #333 1px solid;
	 border-radius: 4px;
	 outline: none;
	 font-size: 16px;
	 font-weight: 700;
	 text-decoration: none;
	 color: #333;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
div.order_gift_.content_dest_ .sender-info_ .post_stop_select_message_ { 
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 1.7;
    color: #666;
    clear: both;
}
div.order_gift_.content_dest_ .sender-info_ .post_stop_select_message_ span { font-size: 14px; font-weight: bold;}
div.order_gift_.content_dest_ .sender-info_ .dest_post_list_wrap_ { display: flex; align-items: center;}
div.order_gift_.content_dest_ .sender-info_ .dest_post_list_wrap_ select#post_stop_list { width: 250px; max-width: 250px; margin: 0 18px 10px 0;}
div.order_gift_.content_dest_ .sender-info_ .dest_post_list_wrap_ a#post_office_map { margin: 0 0 10px 0; font-size: 16px; text-align: left; text-decoration: underline; letter-spacing: -0.5px; word-break: keep-all; color: #1D3994;}


/* 利用規約に同意 */
div.order_gift_.content_dest_ .agree-section_ { margin: 70px 0 40px 0; text-align: center;}
div.order_gift_.content_dest_ .agree-section_ a.modal-btn_ { text-decoration: underline; color: #1D3994;}
div.order_gift_.content_dest_ + .submit_.button-area_.last_ .yellow_button_[disabled] { display: none;}

/* 利用規約（モーダル） */
#agree-area .modal_ { padding: 16px;}
#agree-area .modal_ .modal-close_ { width: auto; padding: 0; margin: 0 0 16px 0; border: none; background: none;}
#agree-area .modal_ .modal-close_::before,
#agree-area .modal_ .modal-close_::after { display: none;}
#agree-area .modal_ .modal-close_ span  {
  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;
}
#agree-area .modal_ .modal-close_ span::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;
}
#agree-area .modal_ .modal-title_ { margin: 0 0 16px 0; font-size: 20px; font-weight: 500; text-align: center;}
#agree-area .modal_ .modal-inner_ { height: 80%; padding: 0 0 20px 0; overflow-x: hidden; overflow-y: scroll;}
#agree-area .modal_ .modal-content_ { width: 100%;}
#agree-area .modal_ .agreebody_ { text-align: left; white-space: pre-line; word-break: break-all;}

/* ---------------------------------------
 贈り主・お届け先の設定 - 複数配送先
---------------------------------------- */
div.order_gift_.content_multiple_ div.method_sender_ { margin-bottom: 40px;}
div.order_gift_.content_multiple_ div.dest_list_ .common_headline2_ { text-align: left;}
div.order_gift_.content_multiple_ div.dest_list_ .address_item_ { border-radius: 0;}
div.order_gift_.content_multiple_ div.dest_list_ .address_item_ h5 { padding: 10px 12px; border-bottom: #D8D8DB 1px solid; font-size: 16px; font-weight: 500; background: #F8F8FB;}
div.order_gift_.content_multiple_ div.dest_list_ .address_item_ h5 span { margin: 0 2px 0 10px; font-size: 20px; font-weight: 500;}
div.order_gift_.content_multiple_ div.dest_list_ .address_item_ .address_title_ label { padding: 10px;}
div.order_gift_.content_multiple_ div.dest_list_ .address_item_ .address_title_ address { margin: 0;}
div.order_gift_.content_multiple_ div.dest_list_ .address_item_ .address_title_ .address_change_ { padding: 10px 0;}
div.order_gift_.content_multiple_ div.dest_list_ .address_item_ .address_title_ .address_change_ input { padding: 0 10px 0 0;}

/* モーダル - お届け先をお選びください */
div.order_gift_.content_multiple_ #trigger { display: none;}
div.order_gift_.content_multiple_ #trigger:checked + .modal { display: block; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100;}
div.order_gift_.content_multiple_ .modal { border: none; display: none;}
div.order_gift_.content_multiple_ .modal > label { background-color: rgba(0, 0, 0, 0.6); position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 100;}
div.order_gift_.content_multiple_ #dest_list_modal {
  max-height: calc(100vh - 60px);
  height: auto;
  margin: auto;
	padding: 16px;
	border-radius: 12px;
  background: #FFF;
  position: absolute;
  top: 30px;
  right: 16px;
  bottom: 30px;
  left: 16px;
  z-index: 200;
  overflow: auto;
}
div.order_gift_.content_multiple_ #dest_list_modal .modal-close-btn { padding: 0; margin: 0 0 16px 0; border: none; display: flex; justify-content: flex-start; align-items: center;}
div.order_gift_.content_multiple_ #dest_list_modal .modal-close-btn label {
  width: 163px;
	height: 40px;
  padding: 0;
  margin: 0;
  border: #333 1px solid;
  border-radius: 40px;
  font-size: 16px;
	font-weight: 700;
	text-decoration: none;
	display: flex;
	justify-content: center;
	align-items: center;
  position: relative;
}
div.order_gift_.content_multiple_ #dest_list_modal .modal-close-btn label::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);
}
div.order_gift_.content_multiple_ #dest_list_modal .common_headline2_ { padding: 0; margin: 0 0 16px 0; font-size: 20px; font-weight: 500; text-align: center;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ { height: 100%;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .cart_vol { padding: 0; background: none;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .max_dest { padding: 0; margin: 0 0 10px 0; font-size: 14px;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .error_.item_num.top { padding: 0; text-align: left; display: none;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .error_.item_num.top.active { display: block;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .address_book_list_ { margin: 0;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .address_item_wrap { max-height: calc(100vh - 500px); min-height: 250px; overflow: scroll; -webkit-overflow-scrolling: touch;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .address_item_ { border-radius: 6px; position: relative;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .address_item_ .address_title_ input[type="checkbox"] { display: block; position: absolute; top: 20px; left: 16px;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .address_item_ .address_title_ label { padding: 15px 10px 15px 50px;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .address_item_ .address_title_ label .check-box_ { display: none;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .address_item_ .address_title_ .address_change_ { padding: 14px 0;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .address_item_ .address_title_ .address_change_ input { padding-right: 16px;}
div.order_gift_.content_multiple_ #dest_list_modal div.dest_list_ .btn_add_addr_ { margin: 16px 0 30px;}
div.order_gift_.content_multiple_ #dest_list_modal .submit_.button-area_.last_ { margin-top: 0; background: #FFF;}
div.order_gift_.content_multiple_ #dest_list_modal .submit_.button-area_.last_.multiple_modal { width: 100%; padding: 0;}
div.order_gift_.content_multiple_ #dest_list_modal .submit_.button-area_.last_.multiple_modal .yellow_button_.wide { width: 232px; margin: 0 auto;}