@charset "Shift_JIS";

/* ---------------------------------------
 ご利用規約
---------------------------------------- */
div.page_term_agreement_ .agreebody_ { width: 100%; padding: 40px; margin: 0 0 40px 0; border-color: #DDD; border-radius: 6px; font-size: 14px; color: #414143; line-height: 1.7;}

/* ---------------------------------------
 ご利用規約 - メール承認
---------------------------------------- */
div.page_authurlmail_ { display: flex; flex-direction: column;}
div.page_authurlmail_ h1          { order: 1;}
div.page_authurlmail_ .comment    { order: 2; line-height: 2.0;}
div.page_authurlmail_ .authmail_  { order: 3;}
div.page_authurlmail_ .ttl02      { order: 4; margin: 40px 0 20px;}
div.page_authurlmail_ .agreebody_ { order: 5; padding: 40px; margin: 0 0 40px 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: center; line-height: 2.0;}

div.page_authurlmail_ .authmail_  table.formdetail_.customer_ { display: flex; justify-content: center; align-items: center;}
div.page_authurlmail_ .submit_ { padding-top: 40px; margin-top: 40px; border-top: #D2D2D2 1px solid;}
div.page_authurlmail_ .submit_ .agree_check_ { margin-bottom: 13px; text-align: center;}
div.page_authurlmail_ .submit_ .agree_check_ span { font-size: 16px; font-weight: 400;}
div.page_authurlmail_ .submit_ .agree_check_ input[type="checkbox"] { width: 22px; height: 22px; margin-right: 15px;}
div.page_authurlmail_ .submit_ .agree_check_ input[type="checkbox"]:checked:after { width: 11px; height: 7px; left: 4px;}
div.page_authurlmail_ .submit_ .agree_ { margin-top: 20px; font-size: 12px; text-align: center;}

/* 会員登録済の方へ */
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_ {}

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

/* 共通パーツ */
div.login_.col1_ p.welcome_message_ { margin: 0 0 20px 0; font-size: 20px; font-weight: 500; text-align: left;}
div.login_.col1_ #login_box_frame { width: 100%; display: flex; justify-content: space-between;} 
div.login_.col1_ #login_left  { width: calc(50% - 20px); margin: 0 0 40px 0; background: #F8F8FB;}
div.login_.col1_ #login_right { width: calc(50% - 20px); margin: 0 0 40px 0; background: #F8F8FB;}
div.login_.col1_ div.form_text_ { margin: 0 0 20px 0; font-size: 16px; 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_ { width: 100%; max-width: 680px; padding: 60px; margin: 0 auto; text-align: left; background: #F8F8FB;}
div.login_.col1_ div.loginform_ + div.loginform_ { margin-top: 60px;}
div.login_.col1_ div.loginform_ h2.common_headline2_ { margin: 0 0 30px 0; text-align: center;}
div.login_.col1_ div.loginform_ div.form_text_ { max-width: 400px; margin: 0 auto 20px;}
div.login_.col1_ div.loginform_ form { width: 100%; max-width: 400px; margin: 0 auto;}
div.login_.col1_ div.loginform_ table.loginform_ { width: 100%; max-width: 400px; margin: 0 auto 30px;}
div.login_.col1_ div.loginform_ table.loginform_ th { background: transparent;}
div.login_.col1_ div.loginform_ table.loginform_ td { background: transparent;}
div.login_.col1_ div.loginform_ table.loginform_ tr:nth-child(1) th { margin-top: 0;}
div.login_.col1_ div.loginform_ table.loginform_ input#login_uid { width: 400px;}
div.login_.col1_ div.loginform_ table.loginform_ input#login_pwd { width: 230px;}
div.login_.col1_ div.loginform_ table.loginform_ input#cert_key  { width: 230px;}
div.login_.col1_ div.inputimage_ { max-width: 400px; margin: 0 auto 20px; text-align: center;}
div.login_.col1_ div.inputimage_ input[type="submit"] { 
	width: 100%;
	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.inputimage_ input.blue_ {
	width: 315px;
	height: 50px;
	margin: 0 auto;
	border-radius: 6px;
	font-weight: 400;
	background: #0044AA;
}
div.login_.col1_ div.inputimage_ input:hover { opacity: 0.7; cursor: pointer;}
div.login_.col1_ div.inputimage_ input[name="order"]:disabled { background-color: #D2D2D2;}
div.login_.col1_ div.inputimage_ input[name="order"].active { background-color: #CC0000;}
div.login_.col1_ div.askpass_ { margin: 0 0 20px 0; font-size: 16px; font-weight: 400; text-align: center;}
div.login_.col1_ div.askpass_ a { font-size: 16px; font-weight: 400; text-decoration: underline; color: #1D3994;}
div.login_.col1_ div.askpass_ a:hover { text-decoration: none;}
div.login_.col1_ div.contactlink_ { margin: 0 0 20px 0; font-size: 16px; font-weight: 400; text-align: center;}
div.login_.col1_ div.contactlink_ a { font-size: 16px; font-weight: 400; text-decoration: underline; color: #1D3994;}
div.login_.col1_ div.contactlink_ a:hover { text-decoration: none;}

/* 会員登録をせずに購入を希望される方 */
div.login_.col1_ #login_right .loginform_ + h2.common_headline2_ { padding-top: 10px; text-align: center; position: relative;}
div.login_.col1_ #login_right .loginform_ + h2.common_headline2_::before { content: ''; width: calc(100% - 120px); border-top: #D2D2D2 1px solid; position: absolute; top: -30px; left: 60px;}
div.login_.col1_ #login_right .loginform_ + h2.common_headline2_ + .box_ { padding: 0 60px; text-align: center;}
div.login_.col1_ #login_right .loginform_ + h2.common_headline2_ + .box_ .form_text_ { font-size: 14px; line-height: 1.7;}

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

/* メールアドレス入力省略 */
div.login_.col1_ div.loginform_ div.mailid_memory_.form_text_ { margin-bottom: 40px;}
div.login_.col1_ div.loginform_ .mailid_memory_check_ { margin: 0 0 20px 0;}
div.login_.col1_ div.loginform_ .mailid_memory_check_ input[type="checkbox"] { margin-right: 16px;}
div.login_.col1_ div.loginform_ .mailid_memory_ p.mailid_memory_notice_.indent_ { font-size: 14px; line-height: 1.7;}
div.login_.col1_ .login_btn_after_ { margin: 0 0 20px 0;}
div.login_.col1_ .login_btn_after_ input[type="checkbox"] { margin-right: 16px;}

/* 新規会員登録 */
div.login_.col1_ div.new_login { padding: 40px 0 0 0; margin: 40px 0 0 0; border-top: #D2D2D2 1px solid;}

/* ソーシャルアカウントでログイン */
div.login_.col1_ div.social_acount_login_ { max-width: 400px; margin: 0 auto 20px;}
div.login_.col1_ div.social_acount_login_ .socal_notice_.indent_ { margin-top: 40px; font-size: 14px; line-height: 1.7;}

/* 他サイトのIDでログイン・新規会員登録 */
div.login_.col1_ p.not_availablecommnet1_ { padding: 0 0 0 1em; margin: 0 0 10px 0; font-size: 16px; 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: 16px; font-weight: 400; text-indent: -1em;}

/* LINEでログイン */
div.login_.col1_ div.block-login--linelogin .block-login--linelogin-body { width: 100%; padding: 0; margin: 0 0 20px 0;}

/* ゆうIDでログイン */
div.login_.col1_ div.loginform_ h2.common_headline2_.yu_id_login_ { padding: 40px 0 0 0; margin: 40px 0 30px 0; border-top: #D2D2D2 1px solid; text-align: center;}

/* ログインできない場合のヒント */
div.login_.col1_ div.login_tip_ { width: 100%; padding: 20px 0 40px; margin: 0; clear: both;}
div.login_.col1_ div.textlink_ ul { padding: 0;}
div.login_.col1_ div.textlink_ ul li { font-size: 16px; font-weight: 400;}
div.login_.col1_ div.textlink_ ul li + li { margin-top: 10px;}
div.login_.col1_ div.textlink_ ul li.forget_ { margin-top: 25px;}
div.login_.col1_ div.textlink_ ul li a { font-size: 16px; 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: 310px; max-width: 310px;}

/* 確認 */
div.page_authemployee_confirm_ .message_ { margin: 0 0 40px 0; font-size: 16px;}
div.page_authemployee_confirm_ .message_.notice_ { margin: 0 0 20px 0; font-size: 16px; font-weight: 500; color: #EC0000;}

/* 完了 */
div.page_authemployee_complete_ {}

/* ---------------------------------------
 社員登録の初期化
---------------------------------------- */
div.page_authemployee_cancel_ ul.indent_list_ li { line-height: 1.7;}
div.page_authemployee_cancel_ select[name="company"] { min-width: 210px;}
div.page_authemployee_cancel_ input#pwd { width: 310px; max-width: 310px;}
div.page_authemployee_cancel_ span.checktype_date select { margin: 0 10px;}
div.page_authemployee_cancel_ span.checktype_date select[name="yy_birth"] { margin-left: 0;}

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

/* ---------------------------------------
 企業認証
---------------------------------------- */
div.page_authcompany_ input[name="company"] { width: 290px;}
div.page_authcompany_ input#pwd { width: 310px; max-width: 310px;}

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

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

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

/* ---------------------------------------
 トピックス一覧
---------------------------------------- */
div.container_ div.contents_ div.mainframe_.topic-list { width: 100%; min-height: calc(100vh - 700px); padding: 0; margin: 0 auto; display: block; clear: both;}
div.container_ div.contents_ div.mainframe_.topic-list h1.topic_head_ { padding: 40px 0 0 0; margin: 0 0 16px 0; font-size: 32px; font-weight: 400; line-height: 1.4;}
ul.block-topic-details--items { border-top: #DDD 1px solid;}
ul.block-topic-details--items li { padding: 15px; border-bottom: #DDD 1px solid;}
ul.block-topic-details--items li a { font-size: 16px; color: #333;}
ul.block-topic-details--items li p { font-size: 16px; color: #333; word-break: break-all;}
ul.block-topic-details--items li .date_ { padding-bottom: 5px; font-size: 13px; color: #BBB; display: inline-block;}
ul.block-topic-details--items 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);}

div.topiclist_ { padding: 0; margin: 0;}
div.topiclist_ .topiclist_head_ h2 { font-size: 20px; padding: 0 0 0 8px; border-left: #CC0000 4px solid; font-weight: bold; line-height: 22px; letter-spacing: 0.5px;}
div.topiclist_ ul.topicline_ li { font-size: 14px; padding: 17px 0 17px 5px; margin: 0 10px 0 12px; border-bottom: #bfbfbf 1px dotted; overflow: hidden;}
div.topiclist_ ul.topicline_ li:nth-of-type(n+5) { display: none;}
div.topiclist_ ul.topicline_ li img.icon_ { margin-left: 10px;}
div.topiclist_ ul.topicline_ li a,
div.topiclist_ ul.topicline_ li span.nolink_ { line-height: 1.4;}
div.topiclist_ ul.topicline_ li span.data_ { margin-right: 4px;}
div.topiclist_ ul.topicline_ li span.day_  { margin-right: 8px; color: #CC0000;}
div.topiclist_ .topiclist_body_ .more_link { margin: 28px 0;}
div.topiclist_ .topiclist_body_ .more_link span { padding: 0 23px 0 13px; color: #1D3994; background: url(../../img/icon/icon_arrow_down2.png) no-repeat right center; cursor: pointer;}
div.topiclist_ .topiclist_body_ .more_link span:hover { text-decoration: underline;}
div.topiclist_ .topiclist_body_ .more_link .open { background: url(../../img/icon/icon_arrow_up2.png) no-repeat right center;}

/* ---------------------------------------
 トピックス詳細
---------------------------------------- */
div.container_ div.contents_ div.mainframe_:has(div.topic_) { width: 100%; min-height: calc(100vh - 700px); padding: 0; margin: 0;}
div.topic_ h2.topic_head_ { padding: 40px 0 0 0; margin: 0 0 16px 0; font-size: 32px; font-weight: 400; line-height: 1.4;}
div.topic_ h2.topic_title_ { padding: 0; margin: 0 0 20px 0; font-size: 24px; font-weight: 400; line-height: 1.4; letter-spacing: 0.5px; background: none;}
div.topic_ h2.topic_title_ img { margin: 0 0 0 20px; vertical-align: middle;}
div.topic_ div.article_ { margin: 20px; word-break: break-all;}
div.topic_ div.article_ h2 { margin-top: 20px;}
div.topic_ div.article_ p { line-height: 1.4em;}

/* ---------------------------------------
 アンケート
---------------------------------------- */
div.page_questionnaire_ div.customer_status_ { margin: 0 0 24px 0; font-size: 24px; font-weight: 500;}
div.questionnaire_form_inner_ { padding: 0; margin: 0 0 40px 0;}
div.questionnaire_box_ { padding: 0; margin: 0;}
div.questionnaire_box_ + div.questionnaire_box_ { margin-top: 40px;}
div.questionnaire_box_ h2.common_headline2_ { padding: 0; margin: 0 0 10px 0; font-size: 14px; font-weight: 500;}
div.questionnaire_box_ div.desc_ { margin: 0 0 10px 0; font-size: 12px; line-height: 1.7; color: #666; clear: both;}
div.questionnaire_box_ div.questionnaire_box_content_ { padding: 0;}
div.questionnaire_box_ div.questionnaire_box_content_ input[type="text"],
div.questionnaire_box_ div.questionnaire_box_content_ input[type="tel"],
div.questionnaire_box_ div.questionnaire_box_content_ input[type="url"],
div.questionnaire_box_ div.questionnaire_box_content_ input[type="email"],
div.questionnaire_box_ div.questionnaire_box_content_ input[type="number"],
div.questionnaire_box_ div.questionnaire_box_content_ input[type="search"],
div.questionnaire_box_ div.questionnaire_box_content_ input[type="password"],
div.questionnaire_box_ div.questionnaire_box_content_ select {
	width: auto;
	max-width: 100%;
}
div.questionnaire_box_ div.questionnaire_box_content_ textarea {
	width: 100%;
	max-width: 100%;
	max-height: 200px;
}
div.questionnaire_box_ div.questionnaire_box_content_ .q_radio_wrap_ { word-break: keep-all; white-space: nowrap;}
div.questionnaire_box_ div.questionnaire_box_content_ .q_checkbox_wrap_ { word-break: keep-all; white-space: nowrap;}

/* 確認 */
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 24px 0; font-size: 24px; font-weight: 500;}

/* ---------------------------------------
 クイックオーダー
---------------------------------------- */
div.page_quickorder_ p.message_ { margin: 0 0 30px 0; font-size: 14px;}
div.page_quickorder_ table.formlist_ th { padding: 20px; font-size: 16px;}
div.page_quickorder_ table.formlist_ td { padding: 20px; font-size: 16px;}
div.page_quickorder_ table.formlist_ .goods_  { width: auto;}
div.page_quickorder_ table.formlist_ .name_   { width: 35%;}
div.page_quickorder_ table.formlist_ .qty_    { width: auto;}
div.page_quickorder_ table.formlist_ .amt_    { width: 15%;}
div.page_quickorder_ table.formlist_ .msg_    { width: 15%;}
div.page_quickorder_ table.formlist_ td.img_  { padding: 20px 0 20px 20px; height: 70px; border-right: none; line-height: 100%;}
div.page_quickorder_ table.formlist_ td.name_ { border-left: none;}
div.page_quickorder_ table.formlist_ td.amt_  { text-align: right;}
div.page_quickorder_ .onProcess_ { background-image: url(../../img/usr/ajax-loader.gif); background-repeat: no-repeat; background-position: 50% 50%;}
div.page_quickorder_ .selected { background-color: #FFF; color: #00dd00;}
div.page_quickorder_ .pointer_ { cursor: pointer;}
div.page_quickorder_ .imgbox_  { margin-top: 1.5em; margin-left: 200px; border: #999 1px solid;}
#suggestArea {
	padding-top: 5px;
	padding-bottom: 5px;
	border: black 1px solid;
	font-size: 8pt;
	background-color: white;
	display: none;
	position: absolute;
	top: 50px;
	left: 5px;
	color: black;
}
.itemNotFound {
	width: 250px;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10pt;
	font-style: italic;
	text-align: center;
	line-height: 20px;
	color: Gray;
}
.itemLine { height: 20px; padding: 0 5px; line-height: 20px; list-style: none; white-space: nowrap; cursor: default;}
.itemLine .itemCode { margin-right: 5px; font-weight: bold; float: left;}
.delButton { cursor: pointer;}

/* ---------------------------------------
 宛名入力
---------------------------------------- */
div.page_receipt_input_ {}
div.page_guestrecept_input_ {}

table.formdetail_.receipt_input_.receipt_input_name_ tr.order_id_ { display: flex; align-items: center; line-height: 1.0;}
table.formdetail_.receipt_input_.receipt_input_name_ tr.order_id_ th { width: 8em; padding: 30px 0 0 0; margin: 0; line-height: 1.0;}
table.formdetail_.receipt_input_.receipt_input_name_ tr.order_id_ td { width: calc(100% - 8em); padding: 30px 0 0 0; margin: 0; line-height: 1.0;}

div.receipt_input_ div.receipt_input_reform_ { margin: auto; text-align: center;}

/* ---------------------------------------
 宛名確認
---------------------------------------- */
div#myReceipt { margin: 20px 0 20px 0;}
div#myReceipt h2 { padding: 0; margin: 0 0 20px 0; font-size: 16px; font-weight: 500; line-height: 1.4; background: none;}
div#myReceiptCon { width: 700px; padding: 30px 10px 5px 10px; margin: 0 auto; border: #333 1px solid; text-align: left; overflow: hidden;}
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: 400; float: right;}
div#myReceiptCon table.ReceiptName { width: 350px; height: 88px; margin: 10px 10px; font-size: 14px; font-weight: 500; text-align: center; table-layout: fixed;}
div#myReceiptCon table.ReceiptName th, 
div#myReceiptCon table.ReceiptName td { width: 60px; padding-top: 20px; border-bottom: #333 1px solid; font-weight: 500; text-align: center;}
div#myReceiptCon table.ReceiptName td { width: 330px; border-bottom: #333 1px solid; font-size: 16px; font-weight: 500; 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-top: 40px; padding-left: 20px; text-align: left; font-weight: 500; vertical-align: bottom;}
div#myReceiptCon table.ReceiptName tr.ReceiptTotalCenter th { padding: 40px 0px 5px;}
div#myReceiptCon div.myReceiptConSome { margin: 20px 25px; font-size: 16.5px; font-weight: 400;}
div#myReceiptCon div.myReceiptConSome table.ReceiptBottom { width: 30%; margin: -20px 0px 0px 390px; font-size: 12px; font-weight: 400;}
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 0px 0px; font-size: 10.5px; font-weight: 400; text-align: right; float: right; clear: both;}

/* 発行された領収書 */
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle { min-height: 220px; padding-bottom: 20px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table    { width: 660px; margin: 20px auto; font-size: 12.5px; font-weight: 400; 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-left:45px; margin-top: 0px; border: #333 1px solid;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th,
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList td { border: #333 1px solid;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tGoodsList th.hName    { width: 50%; 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     { padding-right: 3px; text-align: right;}
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  { text-align: right; padding-right: 3px;}
div.myDdottedDown div#myReceiptCon div.ReceiptMiddle table.tSalesInfo th { padding-right: 20px;}
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: 0px;}
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 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.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 { padding-left: 7px; margin-top: -10px; font-size: 12.5px;}
p.pModEleCenter { padding-top: 10px; margin: 20px auto; text-align: center;}

.baseBox { position: relative; 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: 50%;
	left: 50%;
	transform: translate(-50%, -50%) rotate(335deg);
}
@media print {
	.submit_ { display: none !important;}
}

/* ---------------------------------------
 領収書出力
---------------------------------------- */
div#dContainer { width: 100%;}
div#dContainer p.btn_issue_print { margin: 15px 0; text-align: center; display: flex; justify-content: center; align-items: center;}
div#dContainer p.btn_issue_print a { border: #333 1px solid; text-decoration: none; color: #333; display: flex; justify-content: center; align-items: center;}

@media print {
	#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.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_ .agreebody_ { width: 100%; margin: 10px 0 40px 0;}
div.page_mag_ table.formdetail_.message_ tr:first-child th { margin-top: 0;}

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

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

/* 完了 */
div.page_account_unlock_complete_ {}