@charset "UTF-8";

input,
select,
textarea {
	vertical-align: middle;
	outline: none;
}

input[type=text],
input[type=number],
textarea {
	padding: 0.5rem 0.8rem;
	border: 1px solid #bababa;
	border-radius: 3px;
}
select {
	padding: 0.5rem 0.8rem;
	border: 1px solid #bababa;
	background-color: #ffffff;
	border-radius: 3px;
}

textarea {
	min-height: 6rem;
}

label {
	white-space: nowrap;
}

input[type=text]:focus,
textarea:focus {
	background-color: #E8FEFF;
}

#popup #content .section_inc_sc_ .sc_ {
}

.sc_ dt,
.sc_ dd {
	display: inline-block;
	color: #505050;
	line-height: 1.5;
}

.sc_ dt {
	font-weight: bold;
}

.section_title_bt_set_ {
	position: relative;
	min-height: 2.8rem;
	margin-bottom: 1rem;
}

.section_title_bt_set_right_ {
	position: relative;
}

#bt_add_address,
.section_rounded_ .bt_add_common_ {
	display: inline-block;
	padding: 3px 1.4rem 3px 2.8rem;
	border: none;
	background: #78ab3c url(../img/contents/bg_in_bt_add_address.png) no-repeat 0.8rem 0.6rem;
}

.table_popup_common_ {
	min-width: 100%;
}

.table_popup_common_ th,
.table_popup_common_ td {
	padding: 0.7rem 0.5rem 0.5rem;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: center;
}

.table_popup_common_ th {
	background-color: #EAF1FD;
    font-size: 1.3rem;
    color: var(--text-color);
    font-weight: bold;
    text-align: center;
	min-width: 2em;
}
.table_popup_common_ td {
	border-bottom: solid 1px #dbdbdb;
}



/* ---------------------------------------------------------------
	ポップアップ 会員グループ　
--------------------------------------------------------------- */
h2.title_popup_sub_ {
	margin-bottom:1rem;
	padding: 0;
	border-bottom: none;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #4a4a4a;
}



/* ---------------------------------------------------------------
	ポップアップ お問い合わせ
--------------------------------------------------------------- */
.section_gray_field_ {
	margin-bottom: 4rem;
	padding: 0.6rem;
	background-color: #f0f0f0;
	border-bottom: 1px solid #b4b4b4;
}

.section_gray_field_ td {
	background-color: #fff;
}

/* ---------------------------------------------------------------
	ポップアップ 注文履歴
--------------------------------------------------------------- */
.section_rounded_inner_ {
	padding:  1.9rem;
}



.bt_search_wrap_ {
	clear: both;
	text-align: center;
}

/* ---------------------------------------------------------------
	ポップアップ クーポン
--------------------------------------------------------------- */

.txt_overflow_hidden_ {
	display: block;
	width:21rem;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

.txt_caution_ {
	display: block;
	margin: 2rem 0;
	color: #ff2828;
	font-weight: bold;
}



/* ---------------------------------------------------------------
	ポップアップ バリエーション商品
--------------------------------------------------------------- */
.table_edit_title_ {
	width: 100%;
}

th.th_edit_title_ {
	width: 18.5rem;
}

/* ---------------------------------------------------------------
	ポップアップ バリエーション商品一括登録
--------------------------------------------------------------- */
p.title_category_level_ {
	margin-top: 2px;
	margin-bottom: 1rem;
	color: #505050;
	font-weight: bold;
}

.scroll_category_level_area_ select {
	height: 24.4rem;
	width: 100%!important;
}

.bt_submit_with_number_ {
}

/* ---------------------------------------------------------------
	ポップアップ 商品の編集 画像設定
--------------------------------------------------------------- */

#popup #content.popup_mini_ .section_input_buttons_ p {
	display: inline;
}

#popup #content.popup_mini_ .section_dt_wide_ dl .section_input_schedule_ input[type=text].input_middle_ {
	width: 13rem;
}

/* ---------------------------------------------------------------
	ポップアップ（ミニ） 商品の編集 画像設定
--------------------------------------------------------------- */

.firefox #popup #content.popup_mini_ .section_bargain_detail_ input.txt_input_form_meduim_ {
	width: 29.7rem;
}

/* ---------------------------------------------------------------
	ポップアップフォーム要素
--------------------------------------------------------------- */

.title_with_border_left {
	padding-left: 0.9rem;
	border-left: 0.6rem solid #6497c2;
	color: #6497c2;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
}

.title_icon_border_left_ {
	margin-bottom: 0.4rem;
	padding-left: 0.8rem;
	border-left: 0.6rem solid #6497c2;
	color: #6497c2;
	font-weight: bold;
	line-height: 1.2;
}

.txt_note_ {
	font-size: 1.2rem;
	margin-left: 1rem;
}

.section_dt_table_cell_ dl {
	display: table;
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 1rem;
	border-bottom: none;
}

.section_dt_table_cell_ dt{
	width: 12rem;
	min-width: 12rem;
	font-weight: bold;
	padding-right: 1.0rem;
}
.section_dt_table_cell_ dd{
	width: calc(100% - 12rem);
}
.section_dt_table_cell_ dt,
.section_dt_table_cell_ dd {
	display: table-cell;
	float: none;
	height: auto;
	margin: 0;
	color: #505050;
	vertical-align: middle;
}

.section_dt_table_cell_ .section_search_form dl {
	display: block!important;
}
.section_dt_table_cell_ .section_search_form dl dt {
	display: block;
	width: 100%!important;
	margin: 0 0 0.8rem!important;
	padding: 0!important;
}
.section_dt_table_cell_ .section_search_form dl dd {
	display: block;
	width: 100%!important;
	margin: 0!important;
	padding: 0!important;
}
.section_dt_table_cell_ .section_search_form dl dd :where(input[type=text], select, textarea) {
	width: 100%!important;
}


@media screen and (max-width: 767px) {
.section_dt_table_cell_ dl {
	display: block;
	width: 100%;
	margin-bottom: 1rem;
	border-bottom: none;
}
.section_dt_table_cell_ dt {
	display: block;
	width: auto;
	margin-bottom: 0.5rem;

}
.section_dt_table_cell_ dd {
	display: block;
	width: auto;
}

}

.txt_normal_ {
	color: #505050;
	font-weight: normal;
}

.section_two_columns_unequally_ .left_column_ input[type=text].input_narrow_ {
	width: 6.2rem;
}

.border_top_bottom1_ {
	margin: 1.2rem 0;
	padding: 1.4rem 0;
	border-top: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc;
}

.txt_color_gray_ {
	color: #505050;
}

.title_upload_image_ {
	padding:0 1.3rem 1.3rem;
	font-size: 1.4rem;
	color: #505050;
}

/* ---------------------------------------------------------------
	ワンカラム用設定
--------------------------------------------------------------- */

/* 大見出し */
.title_section_ {
	margin: 0 0 1.6rem;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.8;
}

/* 検索結果表示用 */
.title_result_number_ {
	margin-bottom:1rem;
	padding: 0;
	border-bottom: none;
	font-size: 1.8rem;
	line-height: 1.4;
	color: #4a4a4a;
}

/* 背景青 */
.title_bg_blue_ {
	margin-bottom: 1rem;
	padding: 0.7rem 1rem;
	background-color: #6497c2;
	border-bottom: none;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
}
h2.title_bg_blue_ {
	margin-bottom: 1rem;
	padding: 0.7rem 1rem;
	background-color: #6497c2;
	border-bottom: none;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
}

.txt_font_14px {
	font-size: 1.4rem;
}

.one_column_ .left_column_,
.one_column_ .right_column_ {
	/*width: min(100%,57.9rem);*/
	width: 48%;
	max-width: 57.9rem;
}
@media screen and (max-width: 767px) {
.one_column_ .left_column_,
.one_column_ .right_column_ {
	width: 100%;
	max-width: 100%;
}
}

.table_one_column_common_ {
	min-width: 100%;
}


.table_one_column_common_.table_width_auto_ {
	width: auto;
}

.table_one_column_common_ th,
.table_one_column_common_ td {
	padding: 0.7rem 1rem;
	line-height: 1.6;
}

.table_one_column_common_ th {
	background-color: #EAF1FD;
	color: var(--text-color);
	font-weight: bold;
	text-align: center;
	min-width: 7.5em;
}

.table_one_column_common_ tr.tr_even td {
	/*background-color: #f0faff;*/
}
.table_one_column_common_ td {
	border-bottom: solid 1px #dbdbdb;
}
.table_one_column_common_ td a {
	text-decoration: none;
    color: #8DAAFF;
    font-weight: bold;
}
@media screen and (min-width: 768px) {
.table_one_column_common_ tr:hover td {
	background-color: #E8FEFF;
}
}

@media screen and (max-width: 767px) {
.table_one_column_vertical_ {
	display: grid;
	grid-template-columns: auto 1fr;
}
.table_one_column_vertical_ thead,
.table_one_column_vertical_ tbody,
.table_one_column_vertical_ tr {
	display: contents;
}
.table_one_column_vertical_ th {
}
.table_one_column_vertical_ td {
}
}

span.title_form_ {
	display: inline-block;
	margin-right: 1.4rem;
}

hr,
.border_bottom1_ {
	border-bottom: 1px solid #dcdcdc;
	margin-bottom: 1rem;
}

/* link */
.link_icon_blank_,
.link_icon_arrow_ {
	padding-left: 1.5rem;
}

.link_icon_blank_ {
	background: url(../img/contents/icon_link_blank.png) no-repeat 0 0.4rem;
}

.link_icon_arrow_ {
	background: url(../img/contents/bg_arrow_blue.png) no-repeat 1px 0.4rem;
}

/* バリエーション商品編集 */
.section_control_bt_ {
	padding-bottom: 2rem;
	font-size: 0;
}

.section_control_bt_ span,
.section_control_bt_ input {
	font-size: 1.4rem;
}

.table_varietion_edit_ .col_edit_size_ p {
	width: 7.2rem;
}

.table_varietion_edit_ .col_edit_page_ p {
	width: 12.8rem;
}

.col_edit_url_ a {
	text-decoration: underline;
	color: #505050;
}

/* 絞り込み項目使用有無 */
.usefilter_ label {
	float: left;
}
.table_popup_common_ .cat_41 label {
	float: left;
}
/* ---------------------------------------------------------------
	お問い合わせ検索
--------------------------------------------------------------- */
.section_three_columns_unequally_ dt,
.section_one_column_ dt {
	position:relative;
	top: 3px;
}

.section_three_columns_unequally_ dt {
	width: 14.9rem;
	line-height: normal;
}

.section_one_column_ dt {
	width: 13.6rem;
	line-height: normal;
}

.section_table_wrap_field_ {
	margin-top: 2rem;
	padding: 0.6rem;
	background-color: #f0f0f0;
}

.section_table_wrap_field_.section_table_wrap_reply_ {
	background-color: #d5f5e9;
}

.section_form_disply_table_ dl {
	display: table;
	margin-bottom: 1rem;
}

.section_form_disply_table_ dt,
.section_form_disply_table_ dd {
	display: table-cell;
	vertical-align: top;
}

.section_form_disply_table_ dt {
	width: 14rem;
	padding-top:2px;
	font-weight: bold;
}

.section_form_disply_table_ dd {
	width: 76rem;
}

.section_form_disply_table_ dd input[type=text],
.section_form_disply_table_ dd textarea {
	width: 74.8rem;
}

.section_form_disply_table_ dd input[type=text].input_narrow_ {
	width: 26.8rem;
}

.section_form_disply_table_ .section_input_list_ label {
	margin-right: 1.5rem;
	white-space: nowrap;
}

textarea.textarea_high_ {
	min-height: 13.2rem;
}

/* ---------------------------------------------------------------
	クーポンイベント管理
--------------------------------------------------------------- */
.one_column_.section_coupon_event_managed_ {
}

/* ---------------------------------------------------------------
	クーポン管理
--------------------------------------------------------------- */
.section_single_line_ {
	display: flex;
	align-items: center;
}
.section_single_line_ dt {
	margin-right: 1.5rem;
	font-weight: bold;
}
.section_single_line_ dt.txt_weight_normal_,
.section_single_line_ .txt_weight_normal_ dt {
	font-weight: normal;
}
.section_single_line_ dd {
	margin-right: 14px;
}
.section_single_line_ dd:last-child {
	margin-right: 0;
}

@media screen and (max-width: 767px) {
.section_single_line_ {
	display: grid;
	grid-template-columns: auto 1fr;
	gap: 1.0rem 0;
}
.section_single_line_ dt {
}
.section_single_line_ dd {
	margin: 0;
}
}
/*
.section_single_line_ dt span {
	color: #eb6400;
}
*/

.section_bt_input_wrap_ {
	width: min(100%,53rem);
	margin-top: 2rem;
	text-align: right;
}

.section_bt_input_wrap_ label {
	margin-right: 1.5rem;
	white-space: nowrap;
}

/* ---------------------------------------------------------------
	カテゴリの設定
--------------------------------------------------------------- */
.table_one_column_category_ th,
.table_one_column_category_ td {
	width: 7.2rem;
	text-align: center;
}

.table_one_column_category_ .col_category_class_ {
	width: 26rem;
}

.table_one_column_category_ .col_category_sub_ {
	width: auto;
}

.table_one_column_category_ td.col_category_class_ a {
	margin-left: 1rem;
}

/* ---------------------------------------------------------------
	カテゴリの編集
--------------------------------------------------------------- */
.title_common_sub_ {
	margin-bottom: 1rem;
	font-weight: bold;
}

/* ---------------------------------------------------------------
	イベントの設定
--------------------------------------------------------------- */


.table_one_column_event_ th,
.table_one_column_event_ td {
	text-align: center;
}

/* ---------------------------------------------------------------
	イベントの編集
--------------------------------------------------------------- */

.section_two_columns_unequally_.section_image_select_ {
	padding-bottom: 2rem;
}

.table_event_item_,
.table_event_event_ {
	width: 89.9rem;
}

/* ---------------------------------------------------------------
	会員グループ組み合わせ
--------------------------------------------------------------- */
.select_customer_group_ {
	display: inline-block;
	width: 47rem; 
	margin: 0 4rem 0;
	padding: 1rem;
	vertical-align:top;
}
.select_customer_group_ .header_ {
	width: 100%;
	font-size: 1.6rem;
	text-align: center;
}

.select_customer_group_ .label_  { width: 11rem; }
.select_customer_group_ .search_ { width: 8rem;  }
.diagram_group_ {
	margin: 1rem 0 2rem;
	padding: 1rem;
}
.diagram_ {
	display: inline-block;
	width: 37rem;
	padding: 1rem 0 2rem;
	text-align: center;
	cursor: pointer;
}
.diagram_:hover { background-color: #B1F5C7; }
.diagram_ img {
	width: 26rem;
	height: 17rem;
}
.input_customer_group {
	width: 50%;
	margin: 0 auto;
	padding: 1rem;
}
[name=cg_combine] .input_focus_ {
	border: 3px solid #ff0000;
}
[name=cg_combine] .input_unfocus_ {
	border: 3px solid #ffffff;
}

/* ---------------------------------------------------------------
	クーポン分析
--------------------------------------------------------------- */
.bonus_type_range_ {
	padding-left: 1.5em;
}
.bonus_type_show_ {
	display: inline-block;
}
.bonus_type_hide_ {
	display: none;
}

/* ---------------------------------------------------------------
	定期購入出荷予測
--------------------------------------------------------------- */
.ship_expected_list_hover_:hover {
	background-color: #e4effe;
}