@charset "Shift_JIS";

/* ---------------------------------------
 ご利用規約
---------------------------------------- */
div.page_term_agreement_ { display: flex; flex-direction: column;}
div.page_term_agreement_ h1          { order: 1;}
div.page_term_agreement_ .ttl02      { order: 2;}
div.page_term_agreement_ .agreebody_ { order: 3; padding: 20px 16px; margin: 0 0 20px 0; border-color: #DDD; border-radius: 6px; font-size: 14px; color: #414143; line-height: 1.7;}
div.page_term_agreement_ form        { order: 4;}

/* ---------------------------------------
 ご利用規約 - メール承認
---------------------------------------- */
div.page_authurlmail_ { display: flex; flex-direction: column;}
div.page_authurlmail_ h1          { order: 1;}
div.page_authurlmail_ .comment    { order: 2; margin: 0 0 20px 0; font-size: 14px; text-align: left; line-height: 1.7;}
div.page_authurlmail_ form        { order: 3; margin: 0 0 40px 0;}
div.page_authurlmail_ .ttl02      { order: 4; margin: 0 0 15px 0; font-size: 24px;}
div.page_authurlmail_ .agreebody_ { order: 5; padding: 20px 16px; margin: 0 0 20px 0; border-color: #DDD; border-radius: 6px; font-size: 14px; color: #414143; line-height: 1.7;}
div.page_authurlmail_ p.message_  { order: 6; font-size: 12px; text-align: left; line-height: 1.7;}
div.page_authurlmail_ form .error_ { margin: 0 0 10px 0;}
div.page_authurlmail_ form dl.formdetail_ dd span.efo.checktype_mail { width: calc(100% - 44px);}
div.page_authurlmail_ form dl.formdetail_ dd span.efo.checktype_mail input#mail { width: 100%; max-width: 100%;}

div.page_authurlmail_ .submit_ { border-top: #D2D2D2 1px solid; padding: 30px 20px 0; margin: 30px 0 0 0; display: flex; flex-wrap: wrap;}
div.page_authurlmail_ .submit_ .agree_check_  { order: 1; width: 100%; text-align: center;}
div.page_authurlmail_ .submit_ .large_button_ { order: 3; width: calc(65% - 10px);}
div.page_authurlmail_ .submit_ .gray_button_  { order: 2; width: 35%;}
div.page_authurlmail_ .submit_ .small_.agree_ { order: 4; width: 100%; margin: 0; text-align: center;}
div.page_authurlmail_ .submit_ .agree_check_ label { font-size: 16px;}
div.page_authurlmail_ .submit_ .agree_check_ input[type="checkbox"] { margin-right: 10px;}

/* 会員登録済の方へ */
div.page_authurlmail_ #agree_linelogin_msg_ { padding-bottom: 15px;}
div.page_authurlmail_ #agree_linelogin_msg_ p { padding: 0 0 0 1em; font-size: 16px; text-indent: -1em; line-height: 1.7; color: #EC0000;}
div.page_authurlmail_ #agree_linelogin_msg_ p a { text-decoration: underline;}

/* 会員登録メール送信完了 */
div.page_authurlmail_complete_ .common_headline1_ { letter-spacing: -0.03em;}

/* ---------------------------------------
 ログインフォーム
---------------------------------------- */
/* APPモード */
div.login_.col1_.mode-app div.use_templte_login_header_ { display: none !important;}

/* オーダーフローからのログイン時 */
div.login_.col1_.mode-order-flow .order_flow_ { display: block !important;}

/* 共通パーツ */
div.login_.col1_ h2.common_headline2_ { margin: 0 0 20px 0; text-align: center;}
div.login_.col1_ p.welcome_message_ { margin: 0 0 20px 0; font-size: 20px; font-weight: 500; text-align: left;}
div.login_.col1_ div.form_text_ { margin: 0 0 20px 0; font-size: 14px; font-weight: 400; line-height: 1.7;}
div.login_.col1_ div.form_text_ p.indent_ { padding: 0 0 0 1em; text-indent: -1em;}
div.login_.col1_ div.loginform_ { padding: 30px 16px; margin: 0 -16px; text-align: left; background: #F8F8FB; position: relative;}
div.login_.col1_ div.loginform_::before { content: ''; width: calc(100% - 32px); border-top: #D2D2D2 1px solid; display: block; position: absolute; left: 16px; top: 0;}
div.login_.col1_ div.loginform_ h2.common_headline2_ { margin: 0 0 30px 0; text-align: center;}
div.login_.col1_ div.loginform_ div.form_text_ { margin: 0 auto 20px;}
div.login_.col1_ div.loginform_ dl.formdetail_.loginform_ { width: 100%; margin: 0 auto 20px;}
div.login_.col1_ div.loginform_ dl.formdetail_.loginform_ dt:nth-child(1) { padding-top: 0;}
div.login_.col1_ div.loginform_ dl.formdetail_.loginform_ dd input.login_uid_ { width: 100%; max-width: 100%;}
div.login_.col1_ div.loginform_ dl.formdetail_.loginform_ dd input.login_pwd_ { width: 65%; max-width: 65%;}
div.login_.col1_ div.loginform_ dl.formdetail_.loginform_ dd input.cert_key_  { width: 65%; max-width: 65%;}
div.login_.col1_ div.loginform_ input[type="submit"] { 
	width: 100%;
	max-width: 355px;
	height: 70px;
	margin: 0 auto;
	border: none;
	border-radius: 70px;
	font-size: 16px;
	font-weight: 700;
	color: #FFF;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #CC0000;
}
div.login_.col1_ div.loginform_ input.blue_ {
	width: 315px;
	height: 50px;
	margin: 0 auto;
	border-radius: 6px;
	background: #0044AA;
}
div.login_.col1_ div.loginform_ input[name="order"]:disabled { background-color: #D2D2D2;}
div.login_.col1_ div.inputimage_ { max-width: 355px; margin: 0 auto 20px; text-align: center;}
div.login_.col1_ div.askpass_ { margin: 0 0 20px 0; font-size: 14px; font-weight: 400; text-align: center;}
div.login_.col1_ div.askpass_ a { font-size: 14px; font-weight: 400; text-decoration: underline; color: #1D3994;}
div.login_.col1_ div.contactlink_ { margin: 0 0 20px 0; font-size: 14px; font-weight: 400; text-align: center;}
div.login_.col1_ div.contactlink_ a { font-size: 14px; font-weight: 400; text-decoration: underline; color: #1D3994;}

/* 再度認証する ボタン */
div.login_.col1_ div.inputimage_.back_auth_ { max-width: unset; margin: 0 0 40px 0; text-align: center;}
div.login_.col1_ div.inputimage_.back_auth_ input.button_ { width: 200px; margin: 0 auto;}

/* メールアドレス入力省略 */
div.login_.col1_ .mailid_memory_check_ { margin: 0 0 40px 0; font-size: 14px; font-weight: 400;}
div.login_.col1_ .mailid_memory_check_ input[type="checkbox"] { margin-right: 16px;}
div.login_.col1_ .login_btn_after_ { margin: 10px 0 40px 0; font-size: 14px; font-weight: 400; text-align: center;}
div.login_.col1_ .login_btn_after_ input[type="checkbox"] { margin-right: 16px;}

/* ネットショップアカウントでログイン */
div.login_.col1_ #loginformmember { padding: 40px 16px;}
div.login_.col1_ #loginformmember::before { display: none !important;}

/* ソーシャルアカウントでログイン */
div.login_.col1_ #loginformsocial { padding-top: 40px;}
div.login_.col1_ #loginformsocial .apple_login_box_ { margin: 0 0 20px 0;}
div.login_.col1_ #loginformsocial input.button_.apple_button_ { margin: auto auto 0 auto; border-radius: 0; display: block; background: none;}
div.login_.col1_ #loginformsocial .form_text_.social_ { margin: 30px 0 0 0;}

/* ゆうIDでログイン */
div.login_.col1_ #loginformid input { width: 100%; max-width: 332px; height: 50px; border: none; border-radius: 6px; margin: 0 auto; display: block; background: #0044AA;}

/* 他サイトのIDでログイン・新規会員登録 */
div.login_.col1_ p.not_availablecommnet1_ { padding: 0 0 0 1em; margin: 0 0 10px 0; font-size: 14px; font-weight: 400; text-indent: -1em; color: #EC0000;}
div.login_.col1_ p.not_availablecommnet2_ { padding: 0 0 0 1em; margin: 0 0 20px 0; font-size: 14px; font-weight: 400; text-indent: -1em;}

/* 新規会員登録 */
div.login_.col1_ #loginformfirst { padding-bottom: 50px;}
div.login_.col1_ #loginformfirst .box_.guest_box { margin-top: 20px;}
div.login_.col1_ #loginformfirst .box_.guest_box .form_text_ { margin-top: 16px; text-align: center;}

/* ログインできない場合のヒント */
div.login_.col1_ #logintip_ { width: 100%; padding: 40px 0; margin: 0; background: #FFF; clear: both;}
div.login_.col1_ #logintip_::before { display: none !important;}
div.login_.col1_ div.textlink_ ul { padding: 0;}
div.login_.col1_ div.textlink_ ul li { font-size: 14px; font-weight: 400; text-align: center;}
div.login_.col1_ div.textlink_ ul li + li { margin-top: 20px;}
div.login_.col1_ div.textlink_ ul li.forget_ { margin-top: 30px;}
div.login_.col1_ div.textlink_ ul li a { font-size: 14px; font-weight: 400; text-decoration: underline; color: #1D3994}
div.login_.col1_ div.textlink_ ul li a:hover { text-decoration: none;}

/* ---------------------------------------
 追加認証
---------------------------------------- */
div.page_certify_ input.certify_ { width: 0; height: 0;}

/* ---------------------------------------
 社員認証
---------------------------------------- */
div.page_authemployee_ p.message_ { margin: 0 0 30px 0; font-size: 14px; font-weight: 400;}
div.page_authemployee_ p.message_ a { font-size: 14px; font-weight: 400; text-decoration: underline; color: #1D3994;}
div.page_authemployee_ p.message_ a:hover { text-decoration: none;}
div.page_authemployee_ p.shainBtn { margin: 0 0 10px 0;}
div.page_authemployee_ p.shainBtn a {
	width: 200px;
	height: 56px;
	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;
}
div.page_authemployee_ p.shainBtn a:hover { text-decoration: none;}
div.page_authemployee_ select[name="company"] { min-width: 210px;}
div.page_authemployee_ input#pwd { width: 290px; max-width: 100%;}
div.page_authemployee_ input#employee { width: 260px; max-width: 100%; padding-right: 15px;}
div.page_authemployee_ input#kana { width: 260px; max-width: 100%; padding-right: 15px;}
div.page_authemployee_ dl.formdetail_.employee_ { margin: 0 0 40px 0;}
div.page_authemployee_ dl.formdetail_.employee_ .checktype_date { display: flex; align-items: center;}
div.page_authemployee_ dl.formdetail_.employee_ .checktype_date select { margin: 0 7px;}
div.page_authemployee_ dl.formdetail_.employee_ .checktype_date select:nth-of-type(1) { margin: 0 7px 0 0;}
div.page_authemployee_ .inputimage_ { margin: 0 0 40px 0; text-align: center;}
div.page_authemployee_ .inputimage_ input.orange_button_ { width: 40%; margin: 0 auto;}

/* 確認 */
div.page_authemployee_confirm_ .message_ { margin: 0 0 15px 0; font-size: 14px;}
div.page_authemployee_confirm_ .message_.notice_ { font-size: 14px; font-weight: 500; color: #EC0000;}
div.page_authemployee_confirm_ .message_.last_ { margin: 0 0 30px 0;}

/* 完了 */
div.page_authemployee_complete_ .message_ { margin: 0 0 20px 0;}

/* ---------------------------------------
 社員登録の初期化
---------------------------------------- */
div.page_authemployee_cancel_ ul.indent_list_ li { line-height: 1.7;}
div.page_authemployee_cancel_ select[name="company"] { min-width: 180px;}
div.page_authemployee_cancel_ input#pwd { width: 100%; max-width: calc(100vw - 80px);}
div.page_authemployee_cancel_ input#employee { width: 100%; max-width: 240px;}
div.page_authemployee_cancel_ input#kana { width: 100%; max-width: calc(100vw - 80px);}
div.page_authemployee_cancel_ dl.formdetail_ dd span.efo.checktype_date { max-width: 90%; padding: 0 0 0 50px; display: flex; flex-wrap: wrap; align-items: center; position: relative;}
div.page_authemployee_cancel_ dl.formdetail_ dd span.efo.checktype_date::before { content: '西暦'; font-size: 16px; font-weight: 400; position: absolute; top: 25px; left: 0;}
div.page_authemployee_cancel_ dl.formdetail_ dd span.efo.checktype_date select[name="yy_birth"] { width: 65%; min-width: 65%; margin: 5px 10px 5px 0;}
div.page_authemployee_cancel_ dl.formdetail_ dd span.efo.checktype_date select[name="mm_birth"] { width: 35%; min-width: 35%; margin: 5px 10px 5px 0;}
div.page_authemployee_cancel_ dl.formdetail_ dd span.efo.checktype_date select[name="dd_birth"] { width: 35%; min-width: 35%; margin: 5px 10px 5px 10px;}
div.page_authemployee_cancel_ dl.formdetail_ dd img#isErrorIcon_birth { margin: 88px 0 0 0;}

/* 完了 */
div.page_authemployee_cancel_complete_ p.message_:not(empty) { margin: 0 0 30px 0; font-size: 20px; font-weight: 500;}

/* ---------------------------------------
 企業認証
---------------------------------------- */
div.page_authcompany_ {}

/* 確認 */
div.page_authcompany_confirm_ .message_ { font-size: 14px;}
div.page_authcompany_confirm_ .message_.notice_ { margin: 0 0 15px 0; font-size: 14px; font-weight: 500; color: #EC0000;}

/* 完了 */
div.page_authcompany_complete_ .message_ { margin: 0 0 20px 0;}

/* ---------------------------------------
 生体認証解除
---------------------------------------- */
div.page_biometricauthcancel_ {}

/* 完了
--------------------- */
div.page_biometricauthcancel_complete_ {}

/* ---------------------------------------
 新規会員登録完了
---------------------------------------- */
div.page_entry_complete_ {}

/* ---------------------------------------
 ギフトログイン
---------------------------------------- */
div.giftlist_#loginon #loginformmember { padding: 0 10px 10px; border: none;}
div.giftlist_#loginon #loginformsocial { padding: 0 10px 10px; margin-bottom: 0; border: none;}

/* ---------------------------------------
 トピックス
---------------------------------------- */
.topic-list .topic_head_ { padding: 15px 10px 3px; border-top: none; font-size: 15px; font-weight: bold; color: #000; background: none;}

.topic-list .top_ { padding-top: 10px;}
.topic-list ul li { margin: 20px 10px 0;}
.topic-list ul li a { text-decoration: none; color: #404040;}
.topic-list ul li p { word-break: break-all;}
.topic-list ul li .icon_ { padding: 1px 5px 0; margin: 0 0 0 7px; border-radius: 10px; font-size: 10px; letter-spacing: 1px; color: #FFF; background: #c00; transform: scale(0.9);}

.login_box_inner.jp-limited_ { padding: 15px; margin: 20px 0; border: #fff 7px double; text-align: center; color: #FFF; background: #CC0000;}
.login_box_inner.jp-limited_ h2 { padding: 0; margin-bottom: 10px; font-size: 18px; color: #FFF; background: none;}
.login_box_inner.jp-limited_ p { margin: 20px 0 10px; font-size: 14px;}
.login_box_inner.jp-limited_ .login02 { padding: 5px; margin: 15px auto 0; border-radius: 5px; font-size: 14px; font-weight: bold; text-align: center; text-decoration: none; color: #c00; background: #FFF;}
.login_box_inner.jp-limited_ .login02:hover { text-decoration: none; opacity: 0.8;}

/* トピック詳細 */
.topiclist_body_ { padding: 20px 0 0 0; border-top: #DDD 1px solid;}
.topiclist_body_ li { width: 100%; padding: 5px 20px; margin: 0 0 10px; border-bottom: #EEE 1px solid; font-size: 12px; position: relative;}
.topiclist_body_ li a { text-decoration: none; color: #000; display: block; background: url(../../img/usr/sp/menu_arrow2.png) center right no-repeat; background-size: 8px 14px;}
.topiclist_body_ li .date_ { margin: 0 0 2px; font-size: 12px; color: #333; display: flex; align-items: center;}
.topiclist_body_ li .date_ .icon_ { padding: 0 6px; margin: 0 0 0 8px; border-radius: 20px; font-size: 10px; color: #FFF; background: #c00; transform: scale(0.9);}
.topiclist_body_ li .date_ > img { height: 15px; float: right;}
.topiclist_body_ li p { font-size: 12px; word-wrap: break-word; word-break: break-all; overflow-wrap: break-word; color: #333;}
.topiclist_body_ li .title_ { margin: 5px 0; font-size: 12px; word-wrap: break-word; word-break: break-all; overflow-wrap: break-word; color: #333; overflow: hidden;}
.topiclist_body_ .topic_title_ { padding: 0; margin: 0 0 20px 0; font-size: 18px; font-weight: 700; text-align: left; line-height: 1.6; color: #333; word-break: break-all;}
.topiclist_body_ .topic_title_ img { vertical-align: text-bottom;}
.topiclist_body_ figure { padding: 0 10px 10px;}
.topiclist_body_ article { padding: 5px 10px 15px; word-break: break-all;}

/* トピック一覧 */
div.topiclist_ .topiclist_head_ { padding: 10px; font-size: 16px; font-weight: bold;}
div.topiclist_ .topiclist_body_ li { min-height: 64px; padding: 13px 10px; border-bottom: #CCC 1px dotted; font-size: 15px; line-height: 1.333; color: #333;}
div.topiclist_ .topiclist_body_ li a { padding: 5px 0; text-decoration: none; color: #333; display: block;}
div.topiclist_ .topiclist_body_ li span.nolink_ { padding: 5px 0; display: block;}
div.topiclist_ .topiclist_body_ .icon_ { height: 20px; display: inline-block;}
div.topiclist_ .topiclist_body_ .icon_ img { height: 100%;}
div.topiclist_ .topiclist_body_ .date_ { font-size: 15px; vertical-align: top; color: #C00; display: inline-block;}

#block_of_topic { padding: 16px;}
#block_of_topic h2 { padding: 0; font-size: 20px; font-weight: 500;}
#block_of_topic .topic_head { margin: 0 0 10px; display: flex; align-items: center; justify-content: space-between;}
#block_of_topic .topiclist_link { padding: 0 11px 0 0; font-size: 12px; text-decoration: none; color: #333; position: relative;}
#block_of_topic .topiclist_link:after { content: ''; width: 5px; height: 5px; border-right: #666 1px solid; border-bottom: #666 1px solid; position: absolute; top: 6px; right: 1px; transform: rotate(-45deg);}
#block_of_topic .more_txt { text-align: center;}
#block_of_topic .more_txt span { padding-right: 22px; background: url(../../img/usr/sp/menu_bottom_arrow.png) no-repeat center right; background-size: 10px 6.5px;}
#block_of_topic .more_txt span.open { padding-right: 22px; background: url(../../img/usr/sp/menu_top_arrow.png) no-repeat center right; background-size: 10px 6.5px;}

#float_window { width: 300px; border-radius: 6px; font-size: 13px; font-weight: bold; text-align: left; background: #000; position: fixed; bottom: 20px; left: 20px; z-index: 1000;}
#float_window .float_window_msg_ > a {
  width: calc(100% - 22px - 42px);
  height: calc(100% - 8px - 7px);
  padding: 8px 42px 7px 22px;
  text-decoration: none;
  color: #FFF;
  display: block;
  background: url(../../img/usr/floatwindow_arrow.png) calc(100% - 18px) center no-repeat;
}
#float_window .float_window_msg_ > div { width: calc(100% - 22px - 22px); height: calc(100% - 8px - 7px); padding: 8px 22px 7px 22px; color: #FFF;}
#float_window #windowCloseBtn { width: 23px; height: 23px; position: absolute; top: -9px; left: -9px; z-index: 1001; background: url(../../img/usr/close_btn.png) left top no-repeat;}
#float_window .float_window_msg_ { color: #FFF;}

/* ---------------------------------------
 アンケート
---------------------------------------- */
div.page_questionnaire_ div.customer_status_ { margin: 0 0 20px 0; font-size: 20px; font-weight: 500;}
div.questionnaire_form_inner_ { padding: 0; margin: 0 0 30px 0;}
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dt {}
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd div.comment_ { margin: 0 0 10px 0; font-size: 12px; line-height: 1.7; color: #666; clear: both;}
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd .q_checkbox_wrap_ { margin: 0 0 10px 0; display: flex;}
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd .q_radio_wrap_ { margin: 0 0 10px 0; display: flex;}
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd input[type="checkbox"] { margin: 0 16px 0 0; position: relative; top: 2px;}
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd input[type="radio"] { margin: 0 16px 0 0; position: relative; top: 1px;}
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd input[type="text"],
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd input[type="tel"],
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd input[type="url"],
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd input[type="email"],
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd input[type="number"],
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd input[type="search"],
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd input[type="password"],
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd select {
	width: auto;
	max-width: 100%;
}
div.questionnaire_form_inner_ dl.formdetail_.questionnaire_input_ dd textarea {
	width: 100%;
	max-width: 100%;
	max-height: 180px;
}
/* 確認 */
div.page_questionnaire_ table.formdetail_.questionnaire_confirm_.design_table_ tr:first-of-type th { margin-top: 0;}

/* 完了 */
div.page_questionnaire_complete_ div.customer_status_ { margin: 0 0 20px 0; font-size: 20px; font-weight: 500;}

/* ---------------------------------------
 クイックオーダー
---------------------------------------- */
div.page_quickorder_ p.message_ { margin: 0 0 30px 0; font-size: 14px;}
div.page_quickorder_ div.quickorder_list_header_ { border: #D8D8DB 1px solid; font-weight: 400; display: flex; background: #F8F8FB;}
div.page_quickorder_ p.quickorder_list_header_code_ { width: calc(100% - 98px); padding: 10px; display: flex; align-items: center;}
div.page_quickorder_ p.quickorder_list_header_qty_ { width: 98px; padding: 10px; border-left: #D8D8DB 1px solid; text-align: center;}
div.page_quickorder_ ul.quickorder_list_ li { padding: 10px; border: #D8D8DB 1px solid; border-top: none;}
div.page_quickorder_ ul.quickorder_list_ li div.code_qty_ { padding: 0 98px 0 0; position: relative;}
div.page_quickorder_ ul.quickorder_list_ li div.code_qty_ input.code_ { width: 100%; max-width: 100%; text-align: left;}
div.page_quickorder_ ul.quickorder_list_ li div.code_qty_ input.qty_ { width: 78px; text-align: center; position: absolute; top: 0; right: 0;}
div.page_quickorder_ ul.quickorder_list_ li div.code_qty_ input.qty_:read-only { border-color: #949497 !important;; background-color: #F1F1F4 !important; cursor: none;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ { width: 100%; display: table;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_:has(figure:not([style*="display:none"])) { padding: 10px 0 0 0;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure { width: 100px; padding: 10px; vertical-align: top; display: table-cell; background: #F0F0F0;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure img { max-width: 100px;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ figure figcaption.price_box_ small { display: block;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ { padding: 0 0 0 10px; display: table-cell; vertical-align: top;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name1_ { font-weight: 500;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ div.name_ .name2_ { font-size: 12px;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ { font-size: 12px;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ dt { float: left;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.stock_ dd { padding-left: 3em;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ { margin-bottom: 10px; font-size: 12px; font-weight: 500;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ dt { float: left;}
div.page_quickorder_ ul.quickorder_list_ li div.quickorder_item_ div.desc_ dl.amt_ dd { padding-left: 3em;}
div.page_quickorder_ div.add_order_block_ { padding: 20px 0; border: #D8D8DB 1px solid; border-top: none; text-align: center; background: #F8F8FB;}
div.page_quickorder_ div.add_order_block_ span {
	width: 180px;
	height: 50px;
	margin: 0 auto;
  border: #333 1px solid;
  border-radius: 50px;
	font-size: 16px;
	font-weight: 700;
  display: flex;
	justify-content: center;
	align-items: center;
  background: #FFF;
  cursor: pointer;
}
div.page_quickorder_ .onProcess_ { background-image: url(../../img/usr/ajax-loader.gif); background-repeat: no-repeat; background-position: 50% 50%;}
div.page_quickorder_ .selected { color: #00dd00; background: #FFF;}
div.page_quickorder_ span.unit_ { margin: 5px;}

#suggestArea { padding-top: 5px; padding-bottom: 5px; border: black 1px solid; color: black; display: none; background-color: white; position: absolute; top: 50px; left: 5px;}
.itemNotFound { height: 18px; padding: 0 5px; text-align: center; line-height: 18px; color: #777;}
.itemLine { height: 20px; padding: 0 5px; line-height: 20px; list-style: none; white-space: nowrap;}
.itemLine .itemCode { margin-right: 5px; font-weight: bold; float: left;}

/* ---------------------------------------
 宛名入力
---------------------------------------- */
div.page_receipt_input_ dl.formdetail_ dd input[type="text"][name="receipt_name"],
div.page_guestrecept_input_ dl.formdetail_ dd input[type="text"][name="receipt_name"] { width: 100%; max-width: 100%;}

dl.formdetail_.receipt_input_.receipt_input_name_ { display: flex; flex-wrap: wrap; justify-content: space-between;}
dl.formdetail_.receipt_input_.receipt_input_name_ dt { width: 100%;}
dl.formdetail_.receipt_input_.receipt_input_name_ dd { width: 100%;}
dl.formdetail_.receipt_input_.receipt_input_name_ dt.order_id_ { width: 8em; padding: 20px 0;}
dl.formdetail_.receipt_input_.receipt_input_name_ dd.order_id_ { width: calc(100% - 8em); padding: 20px 0;}

div#dContainer { width: 100%;}
@media print {
	.goods_line { display: block; page-break-before: always;}
  #dWrapper #dContainer .d1colum #dMain p { display: none;}
  #dWrapper #dContainer .d1colum #dMain .myDdottedDown #myReceiptCon { margin: 0; border: none;}
  div#receipt_print .print_page { page-break-after: always; position: relative;}
  div#receipt_print .print_page:last-child { page-break-after: auto;}
}

/* ---------------------------------------
 宛名確認
---------------------------------------- */
div.receipt_input_ { overflow-y: hidden;}
div#myReceipt { margin: 20px 0;}
div#myReceipt h2 { padding: 0; margin-bottom: 10px; font-size: 16px; font-weight: 500; text-align: left; overflow: hidden;}
div#myReceiptCon { width: 700px; padding: 30px 10px 5px 10px; margin: 0 auto; border: #333 1px solid; text-align: left; overflow: hidden; position: relative;}
div#myReceiptCon div.dModLayCol2 { margin-bottom: 25px;}
div#myReceiptCon div.dModLayCol2 span.dModLayColL { padding: 10px; font-size: 32px; font-weight: 500;}
div#myReceiptCon div.dModLayCol2 span.dModLayColR { padding: 30px 10px 0 0; font-size: 14px; font-weight: normal; float: right;}
div#myReceiptCon table.ReceiptName { width: 350px; height: 88px; margin: 10px 10px; font-size: 14px; font-weight: 500; text-align: center; line-height: 140%; table-layout: fixed;}
div#myReceiptCon table.ReceiptName th { padding-top: 20px;}
div#myReceiptCon table.ReceiptName td { width: 330px; padding-top: 20px; border-bottom: #333 1px solid; font-weight: 500; font-size: 16px; text-align: center; vertical-align: bottom; word-wrap: break-word;}
div#myReceiptCon table.ReceiptName td.ReceiptNameRight { width: 20px; border-bottom: #333 1px solid; font-weight: 500; font-size: 12px; text-align: right; vertical-align: bottom;}
div#myReceiptCon table.ReceiptName tr.ReceiptTotalCenter td { padding-left: 20px; padding-top: 40px; font-weight: 500; text-align: left; vertical-align: bottom;}
div#myReceiptCon table.ReceiptName tr.ReceiptTotalCenter th { padding: 40px 0 5px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle { min-height: 220px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table,
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo { width: 660px; margin: 20px auto; font-size: 12.5px; font-weight: normal; table-layout: fixed;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table tr { height: 18px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table th { width: 150px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table td { text-align: left;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList { width: 660px; padding: 0; margin-top: 0; border: #333 1px solid; border-collapse: collapse; table-layout: fixed;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th,
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td { border: #333 1px solid; font-size: 12.5px; font-weight: normal;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hName    { width: 60%; text-align: center;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hQty     { width: 10%; text-align: center;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hClass   { width: 10%; text-align: center;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hPrice   { width: 15%; text-align: center;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hAmt     { width: 15%; text-align: center;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hpostage { padding-left: 5px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hcharge  { padding-left: 5px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dName    { padding-left: 5px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dQty     { text-align: right; padding-right: 3px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dClass   { text-align: center;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dPrice   { padding-right: 3px; text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dAmt     { padding-right: 3px; text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dpostage { padding-right: 3px; text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td.dcharge  { padding-right: 3px; text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th { padding-right: 20px; font-size: 12.5px; font-weight: normal;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td { font-size: 12.5px; font-weight: normal;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.order_date       { width: 100px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.order_id         { width: 100px; word-break: keep-all;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.left             { width: 70px; padding-right: 0;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.method           { text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.point_out        { text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.coupon_discount  { text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.subtotal_default { text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.subtotal_reduced { text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.subtotal_taxfree { text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.order_total      { padding-top: 5px; border-top: #333 1px solid;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.subtotal_reduced { text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th.subtotal_taxfree { text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.subtotal_default { width: 140px; padding-right: unset; text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.subtotal_reduced { width:  90px; padding-right: unset; text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.subtotal_taxfree { width:  90px; padding-right: unset; text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.subtotal_reduced { width:  90px; padding-right: unset; text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.point_out        { width:  90px; padding-right: unset; text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.coupon_discount  { width:  90px; padding-right: unset; text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.total            { width: 140px; padding-right: unset; text-align: right;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.order_date       { width: 140px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo td.order_id         { width: 140px; word-break: keep-all; white-space: nowrap;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle div.TaxReducedNotes { width: 660px; margin: -10px auto 0; font-size: 12.5px;}
div#myReceiptCon div.myReceiptConSome { margin: 20px 25px; font-size: 16.5px; font-weight: normal;}
div#myReceiptCon div.myReceiptConSome table.ReceiptBottom { width: 30%; margin: -20px 0 0 390px; font-size: 12px; font-weight: normal; table-layout: fixed;}
div#myReceiptCon div.myReceiptConSome table.ReceiptBottom tr { height: 19px;}
div#myReceiptCon div.myReceiptConSome table.ReceiptBottom td.dCompName { padding-bottom: 5px; font-size: 24px;}
div#myReceiptCon div.myReceiptConSome .dModLayColR { width: 70%; margin: 3px 0 0 0; font-size: 10.5px; font-weight: normal; text-align: right; float: right; clear: both;}
p.pModEleCenter { padding-top: 10px; margin: 20px auto; text-align: center;}
.baseBox {  position: relative; z-index: -1; overflow: hidden;}
.baseBox .backStr {
  font-size: 100pt;
  font-weight: bold;
  white-space: nowrap;
  color: rgba(130, 130, 130, 0.30);
  display: inline-block;
  position: absolute;
  top: 40%;
  left: 45%;
  transform: translate(-35%, -35%) rotate(335deg);
}
.scale { 
	transform-origin: top left;
	will-change: transform;
	contain: paint;
	backface-visibility: hidden;
	passive: true;
	touch-action: manipulation;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
	pointer-events: none;
}

@media screen {
	#dWrapper { max-width: 100vw; overflow-x: hidden;}
	#dWrapper #dMain_Inner { padding: 20px 0 0 4.3vw;}
	#dWrapper .submit_ .large_button_ { max-width: 250px; min-width: 250px; margin: 0 auto;}
}
@media print {
 .submit_ { display: none !important;}
}

/* ---------------------------------------
 返金明細
---------------------------------------- */
div.page_refund_statement_confirm_ {}

/* ---------------------------------------
 入荷案内申込
---------------------------------------- */
div.page_backorder_ {}

/* ---------------------------------------
 メルマガ仮登録
---------------------------------------- */
div.page_authmailnews_mag_ {}

/* 仮登録完了 */
div.page_authmailnews_mag_complete_ {}

/* 本登録完了 */
div.page_authmailnews_mag_complete_reg_ {}

/* ---------------------------------------
 メルマガ
---------------------------------------- */
div.page_mag_ pre.agreebody_ { 
	width: 100%;
	max-height: 180px;
	padding: 15px;
	margin: 10px 0 40px 0;
	border: #DDD 1px solid;
	border-radius: 8px;
	font-size: 14px;
	word-break: break-all;
	white-space: break-spaces;
	overflow-y: scroll;
}
div.page_mag_ h2.common_headline2_ { margin-bottom: 0;}
div.page_mag_ form + form { margin-top: 60px;}

/* ---------------------------------------
 アカウントロック解除
---------------------------------------- */
div.page_account_unlock_ {}

/* アラート */
div.page_account_unlock_alert_ {}

/* 完了 */
div.page_account_unlock_complete_ {}