@charset "Shift_JIS";

/* ---------------------------------------
 お支払い方法の設定
---------------------------------------- */
div.method_box_ { margin: 0 0 20px 0; border: #D8D8DB 1px solid;}
div.method_box_ h2.common_headline2_ { padding: 12px 13px; margin: 0; font-size: 16px; font-weight: 500; border-bottom: #D8D8DB 1px solid; background: #F8F8FB;}
div.method_box_ .method_box_content_ { padding: 10px;}

/* お支払い方法
---------------------------------------- */
#method_pay { margin: 0 0 40px 0; border: none;}
#method_pay h2 { padding: 0; margin: 0 0 7px 0; font-size: 14px; font-weight: 500;}
#method_pay .method_box_content_ { padding: 0;}
#method_pay .method_list_.radio-area_ { margin: 0 32px 20px 0;}
#method_pay .method_list_.radio-area_ li { width: 100%; height: 80px; position: relative;}
#method_pay .method_list_.radio-area_ li + li { margin: 10px 0 0 0;}
#method_pay .method_list_.radio-area_ li input[type="radio"] { display: block; position: absolute; top: calc(50% - 10px); left: 16px; z-index: 2;}
#method_pay .method_list_.radio-area_ 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;
}
#method_pay .method_list_.radio-area_ label::before,
#method_pay .method_list_.radio-area_ label::after { display: none;}
#method_pay .method_list_.radio-area_ input[type="radio"]:disabled { border-color: #707070; background: #F1F1F4;}
#method_pay .method_list_.radio-area_ input[type="radio"]:disabled + label { border: #ABABAD 1px solid; color: #707070; background: #F1F1F4;}
#method_pay .method_list_.radio-area_ input:checked + label  { border: #CC0000 2px solid;}
#method_pay p.method_pay_notice_ { font-size: 14px; font-weight: 400; color: #414143;}
#method_pay p.error_ + p.method_pay_notice_ { margin-top: 16px;}

/* 本人認証
---------------------------------------- */
#method_authperson { margin: 0 0 20px 0; border: #D8D8DB 1px solid;}
#method_authperson .method_authperson_question_ { margin: 0 0 20px 0; font-size: 16px; font-weight: 400;}

/* 生体認証 */
#method_authperson #authperson_comment { font-size: 14px; font-weight: 500; color: #EC0000;}
#method_authperson div.method_authperson_biometric_ { margin: 0 0 10px 0;}
#method_authperson div.method_authperson_biometric_ label { font-size: 14px; font-weight: 400;}

/* クーポン利用
---------------------------------------- */
#method_coupon { margin: 0 0 20px 0; border: #D8D8DB 1px solid;}
#method_coupon .method_box_content_.coupon_area_ { padding: 10px 10px 30px 10px;}
#method_coupon .method_box_content_.coupon_area_ .title_ { margin: 0 0 10px 0; font-size: 14px; font-weight: 500;}
#method_coupon .method_box_content_.coupon_area_ .input_ { display: flex; flex-wrap: wrap; justify-content: flex-end;}
#method_coupon .method_box_content_.coupon_area_ .input_ input[name="coupon"] { width: 100%; max-width: 100%;}
#method_coupon .method_box_content_.coupon_area_ .input_ a.open_available_coupon {
  width: 230px;
	height: 40px;
	padding: 0;
	margin: 10px 0 0 auto;
  border: #333 1px solid;
  font-size: 16px;
	font-weight: 700;
	text-decoration: none;
  color: #333;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #FFF;
}

/* 利用可能なクーポン一覧 */
#available_coupon { padding: 16px; margin: 0 10px; border-radius: 12px; background: #FFF;}
#available_coupon .close_button_ img { display: none !important;}
#available_coupon .close_button_ {
  width: 163px;
  height: 40px;
  padding: 0;
  margin: 0 0 16px 0;
  border: #333 1px solid;
  border-radius: 20px;
  outline: none;
  font-size: 16px;
  font-weight: 700;
	text-decoration: none;
  color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #FFF;
}
#available_coupon .close_button_::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;
}
#available_coupon .close_button_::after {
  content: '前の画面に戻る';
  font-size: 16px;
  font-weight: 700;
}
#available_coupon table.available_coupon_ { width: 100%; margin: 0 auto 10px; border: #D8D8DB 1px solid; border-collapse: collapse;}
#available_coupon table.available_coupon_ th,
#available_coupon table.available_coupon_ td { padding: 5px; font-size: 12px; font-weight: 400; border-bottom: #D8D8DB 1px solid; border-collapse: collapse; text-align: left; word-break: break-all;}
#available_coupon table.available_coupon_ th { width: 40%; vertical-align: middle; background-color: #F8F8FB;}
#available_coupon table.available_coupon_ .freespace_ { word-break: break-all;}
#available_coupon .available_coupon_empty_ { padding: 20px 0; font-size: 16px; font-weight: 400; text-align: center;}
#available_coupon .select_coupon_area_ { margin: 0 0 20px 0; text-align: center;}
#available_coupon .select_coupon_area_ input.select_coupon_ { width: 80%; margin: 0 auto;}
#available_coupon .navipage_.top_ { margin: 10px 0 0 0; text-align: center;}
#available_coupon .navipage_.bottom_ { margin: 10px 0 0 0;}

/* ポイント利用
---------------------------------------- */
#method_point { margin: 0 0 20px 0; border: #D8D8DB 1px solid;}
#method_point .currentpoint_ { margin-bottom: 20px;}
#method_point .currentpoint_ strong { font-size: 20px; font-weight: 500;}
#method_point .point_use_ { margin-bottom: 15px;}
#method_point .point_use_ .point_use_wrap + .point_use_wrap { margin: 10px 0 0 0;}
#method_point .point_use_ input#pointpay_num { width: 55%; margin: 0 10px 0 0; border-color: #F1F1F4; color: #949497; background: #F1F1F4;}
#method_point .point_use_ input#pointpay_num.checked_ { border-color: #333; color: #333; background: #FFF;}
#method_point .method_box_content_ .point_desc_ { width: 100%; margin: 0; font-size: 14px;}

/* 当サイトをご案内した郵便局・社員についての情報
---------------------------------------- */
#method_post { margin: 0 0 20px 0; border: #D8D8DB 1px solid;}
#method_post h2.common_headline2_ .sub_ { margin: 4px 0 0 0; font-size: 12px; color: #414143; display: block;}
#method_post .method_box_content_ { padding: 0 0 30px; margin: 0 10px 20px; border-bottom: #D8D8DB 1px solid;}

/* 1 */
#method_post .method_box_content_.postoffice_qa1_ { padding: 10px 0;}
#method_post .method_box_content_ .postoffice_qa1 { margin: 0 0 10px 0; font-size: 14px; font-weight: 500;}
#method_post .method_box_content_ .postoffice_qa1_selecter_wrap_ { margin: 25px 0 20px;}
#method_post .method_box_content_ .postoffice_qa1_selecter_wrap_ label { width: 100%; display: flex; align-items: center;}
#method_post .method_box_content_ .postoffice_qa1_selecter_wrap_ label input[type="radio"] { margin: 0 16px 0 0;}
#method_post .method_box_content_ .postoffice_qa1_selecter_wrap_ label + label { margin-top: 16px;}
#method_post .method_box_content_ #search_postoffice_line input[name="search_postoffice"] { width: calc(100% - 90px); margin: 0; float: none;}
#method_post .method_box_content_ #search_postoffice_line #SearchPostOffice { 
	 width: 80px;
	 height: 36px;
	 padding: 0;
	 margin: 0 0 0 10px;
	 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;
}
#method_post .method_box_content_ #search_postoffice_line > div { width: 100%; margin: 10px 0 0 0; display: flex; align-items: center;}
#method_post .method_box_content_ #search_postoffice_line #post_stop_list_wrap { width: 100%; display: flex; align-items: center; position: relative;}
#method_post .method_box_content_ #search_postoffice_line #post_stop_list_wrap div.post_stop_select_message_ {
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 1.7;
    color: #666;
    clear: both;
}
#method_post .method_box_content_ #search_postoffice_line #post_stop_list_wrap div.post_stop_select_message_ span {
    font-weight: bold;
    font-size: 14px;
}
#method_post .method_box_content_ #search_postoffice_line #post_stop_list_wrap #post_stop_list { width: 100%; margin: 0 0 10px 0;}
#method_post .method_box_content_ #search_postoffice_line #post_stop_list_wrap .postoffice_serch_wrap { width: 100%; padding: 0 10px; margin: 0; display: flex; justify-content: space-between; align-items: center;}
#method_post .method_box_content_ #search_postoffice_line #post_stop_list_wrap #post_office_map { width: 80px; margin: 0; font-size: 14px; text-align: left; text-decoration: underline; color: #1D3994;}
#method_post .method_box_content_ #search_postoffice_line #post_stop_list_wrap #ResetTextArea { width: 80px; margin: 0; font-size: 14px; text-align: right; text-decoration: underline; color: #1D3994;}
#method_post .method_box_content_ #search_postoffice_line #search_postoffice_err.error_ { margin: 0;}

#method_post .method_box_content_ #search_postoffice_line #dest_post_list .postoffice_serch_wrap { width: 100%; padding: 0 10px; margin: 0; display: flex; justify-content: space-between; align-items: center;}
#method_post .method_box_content_ #search_postoffice_line #dest_post_list #post_office_map { width: 80px; margin: 0; font-size: 14px; text-align: left; text-decoration: underline; color: #1D3994;}
#method_post .method_box_content_ #search_postoffice_line #dest_post_list #ResetTextArea { width: 80px; margin: 0; font-size: 14px; text-align: right; text-decoration: underline; color: #1D3994;}
#method_post .method_box_content_ #search_postoffice_line #dest_post_list .post_stop_select_message_ { 
    margin: 0 0 10px 0;
    font-size: 12px;
    line-height: 1.7;
    color: #666;
    clear: both;
}
#method_post .method_box_content_ #search_postoffice_line #dest_post_list .post_stop_select_message_ span { 
    font-weight: bold;
    font-size: 14px;
}
/* 2 */
#method_post .method_box_content_ .postoffice_qa2 { margin: 0 0 10px 0; font-size: 14px; font-weight: 500;}
#method_post .method_box_content_ .postoffice_qa2_selecter_wrap_ { margin: 0 0 15px 0;  display: flex; justify-content: space-between; align-items: center;}
#method_post .method_box_content_ .postoffice_qa2_selecter_wrap_ .input_wrap_ { width: calc(70% - 40px);}
#method_post .method_box_content_ .postoffice_qa2_selecter_wrap_ .input_wrap_ .supplement_ { margin: 0 0 5px 0; word-break: break-all; white-space: nowrap;}
#method_post .method_box_content_ .postoffice_qa2_selecter_wrap_ .input_wrap_ input { width: 100%; max-width: 100%;}
#method_post .method_box_content_ .postoffice_qa2_selecter_wrap_ .input_between_ { padding: 16.5px 0 0 0; margin: 0 10px;}
#method_post .method_box_content_ .postoffice_qa2_selecter_wrap_ .input_between_::before { content: '-'; font-size: 20px;}
#method_post .method_box_content_ .postoffice_qa2_selecter_wrap_ .input_between_ + .input_wrap_ { width: 30%;}
#method_post .method_box_content_ p.indent_ { padding: 0 0 0 1em; font-size: 14px; text-indent: -1em; line-height: 1.8;}

/* 3 */
#method_post .method_box_content_ .postoffice_qa3_intro { margin: 0 0 20px 0; font-size: 14px; font-weight: 400; line-height: 1.7;}
#method_post .method_box_content_ .postoffice_qa3 { margin: 0 0 10px 0; font-size: 14px; font-weight: 500;}
#method_post .method_box_content_ .post_office_notice_ .notice_radio_ li + li { margin-top: 10px;}
#method_post .postoffice_thanks { padding: 0 0 20px 0; margin: 0 10px; font-size: 16px; font-weight: 400; text-align: center;}

/* 年齢確認
---------------------------------------- */
#method_age { margin: 0 0 20px 0; border: #D8D8DB 1px solid;}
#method_age .method_box_content_ ul.age_attention_ { margin: 0 0 20px 0;}
#method_age .method_box_content_ ul.age_attention_ li { font-size: 14px; font-weight: 400;}
#method_age .method_box_content_ ul.age_attention_ li + li { margin: 7px 0 0 0;}
#method_age .method_box_content_ ul.age_attention_ li strong { font-size: 14px; font-weight: 500; color: #EC0000;}
#method_age .method_box_content_ dt { width: 100%;}
#method_age .method_box_content_ dd { padding: 0; margin: 0;}
#method_age .method_box_content_ dd.year_ { width: 100%; margin: 0 0 10px 0; font-size: 16px; font-weight: 400; display: flex; align-items: center;}
#method_age .method_box_content_ dd.year_ input { width: 200px; margin: 0 10px; font-size: 16px;}
#method_age .method_box_content_ dd.month_date_ { width: 100%; padding: 0 0 0 calc(2em + 10px); font-size: 16px; display: flex; align-items: center;}
#method_age .method_box_content_ dd.month_date_ input { width: 95px; font-size: 16px;}
#method_age .method_box_content_ dd.month_date_ .block1_ { width: calc(95px + 1.5em); margin: 0 16px 0 0; display: flex; align-items: center;}
#method_age .method_box_content_ dd.month_date_ .block2_ { width: calc(95px + 1.5em); display: flex; align-items: center;}
#method_age .method_box_content_ dd .select-block_,
#method_age .method_box_content_ dd .select-inner_ { margin-bottom: 0;}
#method_age .method_box_content_ dd .select-text_ { width: 95px; display: flex; align-items: center;}

/* ゆうちょ即時振替決済 口座振替ボタン
---------------------------------------- */
#jpbaknentry_link { padding-bottom: 20px; display: none;}
#jpbaknentry_link p.supplement_ {}