.warning     {font-weight:normal; color:#FF0000;}
.alert_message { margin-left: 4rem; }
.guide {
    margin:2px;
    padding: 0.4rem;
    border-style:dotted;
    border-width:1px;
    border-color:#999999;
    background-color:#eeeeee;
    font-size:1.1rem;
    display:inline-block;
}

table {
	background-color:#FFF;
}

#wrapper position_relative_ {
	position: relative;
}

#cluetip {
	z-index: 10010;
}
/* width指定必須 */
table.layout_fixed_ {
	table-layout: fixed;
}

table.layout_fixed_ td {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space:nowrap;
}

.break_all_ {
	overflow: visible!important;
	text-overflow: clip!important;
	white-space: normal!important;
	word-wrap: break-word;
	word-break: break-all;
}

.textarea_ {
	white-space: pre!important;
}

.parts_checkbox_label_ {
	position: relative;
    display: inline-flex;
    white-space: normal;
    padding: 0.2rem 0 0 3.0rem;
    align-items: center;
    min-height: 2.4rem;
}
.parts_checkbox_label_ input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0;
}

.select_right135_ select {
	float:right;
	width:13.5rem;
}

#header_menu_select_inner li a {
	color: #505050!important;
    display:block;
    color:black;
    margin:0.5rem;
    padding-left:2.5rem;
    line-height:2rem;
    height:2rem;
    border:1px solid transparent;
    outline: none;
	padding-left:3rem;
}

#header_menu_select_inner li a.chked{
    background:url("../img/common/check.png") no-repeat;
}

#header_menu_select_inner li a:link{
    text-decoration:none;
}

#header_menu_select_inner li a:visited{
    text-decoration:none;
}

#header_menu_select_inner li a:hover{
    text-decoration:none;
    border:1px solid #7bb9fe;
}

#header_menu_select_inner li a.cant{
    cursor:default;
}

#header_menu_select_inner li a.cant:hover{
    text-decoration:none;
    border:1px solid transparent;
}

#header_menu_select_inner li a:active{
    text-decoration:none;
}

/* 商品詳細 */
div.h1title_with_right_button_ {
	height: 3.5rem;
}
div.h1title_with_right_button_ p {
	position: relative;
	float: right;
	top: -35px;
}

/* 商品画像登録 */
table.table_goods_img_left_head_.table_registration_single_ .image_field_ {
	width: 20.2rem;
	height: 20.2rem;
	float: left;
}

table.table_goods_img_left_head_.table_registration_single_ .image_field_ img {
	max-width: 20rem;
	max-height: 20rem;
}

/* 商品ジャンル登録 */
.label_wrap_normal_ label {
	white-space:normal;
}

/* 会員詳細 */
table.table_point_detail_.end td {
	background-color: #e6e6e6;
}


/* 検索開閉 */


#section_search_sub div.Close.AccordionContents {
	display:none;
}
#section_search_sub div.SubBox select,
#section_search_sub div.TextAndInputText select,
#section_search_sub div.TextAndSelect select {
    width: 100%;
}

#section_search_sub div.SubBox select.dateExistsSelect,
#section_search_sub div.SubBox select.fromToExistsSelect,
#section_search_sub div.TextAndInputText select.dateExistsSelect {
    width: 13.5rem;
}
#section_search_sub div.SubBox.Close {
    display: none;
}

#section_search_sub div.Box div.SubBox > div.InnerHeader {
	position: relative;
	margin: 0 0 1.6rem;
}
#section_search_sub div.Box div.SubBox > div.InnerHeader dl {
	display: flex;
	align-items: center;
	font-weight: bold;
}
#section_search_sub div.Box div.SubBox > div.InnerHeader dl dt {
	width: 9em;
}
#section_search_sub div.Box div.SubBox > div.InnerHeader dl dd {
	display: flex;
	align-items: center;
	gap: 1.2rem;
}
#section_search_sub div.Box div.SubBox > div.InnerHeader dl dd p {
	margin: 0!important;
}
#section_search_sub div.Box div.SubBox > div.InnerHeader dl span.Button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4rem;
	width: 10.8rem;
	height: 3.2rem;
	border-radius: 1.6rem;
	font-size: 1.3rem;
	font-weight: bold;
	background: #5C5C5C;
	color: #ffffff;
	cursor: pointer;
}
#section_search_sub div.Box div.SubBox > div.InnerHeader dl span.Button:hover {
	opacity: 0.8;
}
#section_search_sub div.Box div.SubBox > div.InnerHeader dl span.Button::before {
	content: '';
	width: 1.4rem;
	height: 1.4rem;
	background: url(../img/common/icon_cross.png) center / contain no-repeat;
}
#section_search_sub div.Box div.SubBox > div.InnerHeader dl span.Button::after {
	content: '選択を解除';
}
#section_search_sub div.Box div.SubBox > div.Inner {
    position: relative;
}

#section_search_sub div.SubBox h4 {
    padding: 3px 2rem 2px 0px;
    word-break: break-all;
}
/*
#section_search_sub div.SubBox span.Button {
    background: url("../img/contents/bt_head_delet.png") no-repeat scroll 0 0;
    display: block;
    width: 1.8rem;
    height: 1.8rem;
    position:absolute;
    top:  3px;
    right:0;
}
#section_search_sub div.SubBox span.Button:hover {
    background: url("../img/contents/bt_head_delet_ov.png") no-repeat scroll 0 0;
    cursor: pointer;
}*/

/* 検索条件項目 */
#section_search_sub div.TextAndInputText {
	margin: 1.6rem 0;
	display: flex;
}
#section_search_sub div.TextAndInputText > .InputText {
	flex: 1;
}
#section_search_sub div.TextAndInputText > .InputText .InputText {
}
#section_search_sub div.SubBox {
	padding: 0px 0 1rem 0;
}
#section_search_sub div.SubBox .Inner {
	display: flex;
}
#section_search_sub div.SubBox .Inner > h4 {
	display: flex;
}
#section_search_sub .Inner p {
	margin-top: 0.5rem!important;
	margin-bottom: 0.5rem!important;
}
#section_search_sub .Inner p:first-child {
	margin-top: 0!important;
}

#section_search_sub div.AddFilter Label,
#section_search_sub div.TextAndInputText Label {
	margin-bottom: 1rem!important;
	color: #505050;
	font-size: 1.4rem;
	font-weight: bold;
}

#section_search_sub.open_ div.Box h3 {
	position: relative;
	border-top: solid 1px #dbdbdb;
	margin-bottom: 0!important;
	font-size: 1.8rem;
	font-weight: bold;
	background: #ffffff;
}
#section_search_sub.open_ div.Box h3 span {
	display: block;
	padding: 1.8rem 4.0rem 1.8rem 0;
	cursor: pointer;
}
#section_search_sub.open_ div.Box h3::after {
content: '';
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    background: url(../img/common/icon_arrow_r_blue2.png) center / contain no-repeat;
    top: calc(50% - 1.2rem);
    right: 0.6rem;
	transform: rotate(-90deg);
}
#section_search_sub.open_ div.Box.Close h3::after {
	transform: rotate(90deg);
}
#section_search_sub.open_ div.Box h3 + .AccordionContents {
	padding: 2.4rem 0;
	border-top: solid 1px #dbdbdb;
}

#section_search_sub div.Box h3,
#section_search_sub div.Box h4 {
	color: #505050;
	font-size: 1.4rem;
	font-weight: bold;
}
#section_search_sub div.Box h4 {
	width: 9em;
    min-width: 9em;
    padding-top: 0.9rem;
    font-size: 1.4rem;
    font-weight: bold;
	padding-right: 1rem;
}
/* 標準テキスト */
#section_search_sub div.Box {
}
#section_search_sub div.TextAndInputText input {
}
#section_search_sub div.InputText input[type=text] {
	width: 100%;
}
#section_search_sub .InputText input[type="text"],
#section_search_sub .InputText select,
#section_search_sub .AddFilter select {
	padding: 0.8rem 1.0rem;
    border-radius: 3px;
	border: solid 1px #a5a5a5;
}


.InputText > .section_input_list_:first-child {
	margin-top: 1.0rem;

}

.input-date-line {
	margin: 1.0rem 0;
	display: flex;
}
.input-date-line dt {
	width: 3em;
	padding-top: 1.0rem;
}
.input-date-line dd p {
	display: flex;
	align-items: center;
	gap: 0.5em;
}
.input-date-line dd p input[type="text"] {
	width: 5em!important;
}
.input-fromto-line {
	display: flex;
	align-items: center;
}
#section_search_sub .Inner .input-fromto-line p {
	margin: 0!important;
}
.input-fromto-line p + p::before {
	display: inline-block;
	content: '～';
	padding: 0 0.5rem;
}
.input-fromto-line p input[type="text"] {
	width: 9.2rem!important;
}
.input-date2-line {
	margin: 1.0rem 0;
}
.input-date2-line p:not(:last-child) {
	padding: 0 0 2.5rem;
	background: url(../img/common/icon_wavy.png) 4em bottom / 2.4rem auto no-repeat;
}
.input-date2-line p input[type="text"] {
	width: calc(100% - 5rem)!important;
}
.input-text-line {
	margin: 1.0rem 0;
}
.input-text-line span {
	display: inline-block;
	width: 6em;
	vertical-align: middle;
}

.input-birth-line {
	margin: 1.0rem 0;
}
.input-birth-line dl {
	display: flex;
	align-items: center;
	gap: 0 2.0rem;
}
.input-birth-line dl dd {
	display: flex;
	align-items: center;
	gap: 0 0.6rem;
}
.input-birth-line dl dd input[type="text"] {
	width: 3em!important;
	margin-right: 0.4rem;
}

.input-date-line:first-child,
.input-fromto-line:first-child,
.input-birth-line:first-child,
.input-date2-line:first-child,
.input-text-line:first-child {
	margin-top: 0;
}

@media screen and (max-width: 767px) {
.input-birth-line dl {
	display: block;
}
.input-birth-line dl dt {
	margin-bottom: 0.6rem;
}

}
/* 名前 */
#section_search_sub div.SubBox div.NameForm,
#section_search_sub div.TextAndInputText div.NameForm {
	display:flex;
	align-items: center;
	gap: 0 1.0rem;
}

#section_search_sub div.SubBox div.NameForm > div,
#section_search_sub div.TextAndInputText div.NameForm > div {
	display:contents;
}

#section_search_sub div.SubBox div.NameForm > div:first-child,
#section_search_sub div.TextAndInputText div.NameForm > div:first-child {
}
#section_search_sub div.SubBox div.NameForm > div .TitleAndData,
#section_search_sub div.TextAndInputText div.NameForm > div .TitleAndData {
	display: flex;
	align-items: center;
	gap: 0.5em;
}
#section_search_sub div.SubBox div.NameForm > div .TitleAndData > div,
#section_search_sub div.TextAndInputText div.NameForm > div .TitleAndData > div {
	width: 2.2em;
	min-width: 2.2em;
}
#section_search_sub div.SubBox div.NameForm > div .TitleAndData input[type=text],
#section_search_sub div.TextAndInputText div.NameForm > div .TitleAndData input[type=text] {
	width: 6em;
	min-width: 6em;
}


#section_search_sub input.half {
	width: 10rem;
}

#section_search_sub input.w20 {
	width: 2rem;
}

#section_search_sub input.w40 {
	width: 4rem;
}

/* FromTo形式 日付含む */
#section_search_sub div.SubBox input.FromTo,
#section_search_sub div.TextAndInputText input.FromTo {
	width:14.6rem;
	margin-right:1rem;
}

/* マスタ検索 */
#section_search_sub div.SubBox input.txt_input_separate_,
#section_search_sub div.TextAndInputText input.txt_input_separate_ {
    width: 8.1rem;
}

#section_search_sub a.bt_input_default_ {
    display: inline-block;
    position: relative;
    top: -2px;
    width: 1.3rem;
}

/* マスタ検索 - nameラベルなし */
#section_search_sub div.SubBox input.MasterHelperTextFull,
#section_search_sub div.TextAndInputText input.MasterHelperTextFull {
	width:14.6rem;
}

/* 選択するSelectBox */
#section_search_sub div.TextAndSelect {
	padding: 0;
}
#section_search_sub div.TextAndSelect h4 {
	width: auto!important;
	margin: 0 0 1.6rem;
	padding: 1.0rem;
	border-radius: 4px;
	background: #EAF1FD;
	font-size: 1.3rem;
	font-weight: bold;
}
#section_search_sub div.TextAndSelect dl {
	display: flex;
	align-items: center;
}
#section_search_sub div.TextAndSelect dl dt {
	width: 9em;
	padding-right: 1.4rem;
}

/* checkBox */
#section_search_sub div.SubBox .inputLabel {
    display:block;
    width:100%;
    white-space:normal;
}

/* cluetipアイコン */
#section_search_sub .cluttip_icon_ {
	position: relative;
	top: 0;
	float: right;
}
#section_search_sub h4 .cluttip_icon_wrap {
	display: block;
	margin: 0.5rem 0 0;
}
#section_search_sub h4 .cluttip_icon_wrap .cluttip_icon_ {
	float: none;
}

/* 結果ヘッダー */
.section_result_area_ ul.list_paging_ {
	/*
	float:left;
	height:4rem;
	margin-top:0px!important;
	*/
order: 3;
    width: 100%;
    border-top: solid 1px #DBDBDB;
    margin: 0 0 1.6rem;
    padding: 1.5rem 0 0;
    text-align: right;
}
.section_result_area_ .txt_result_num_ {
    order: 1;
    margin: 0 0 1.0rem;
    text-align: right;
}

.section_result_area_ .txt_confirm_result_ {
    height:auto!important;
}

/* ページング */
.list_paging_:not(:has(li a)) {
	display: none;
}
.list_paging_ li.list_paging_current_ a {
	cursor: default;
	text-decoration: none;
}

.section_form_two_columns_ select {
	max-width:30rem;
}

.section_form_two_columns_.max_auto_select_ select {
	max-width:none;
}

.section_form_two_columns_ .max_auto_select_ select {
	max-width:none;
}

.section_form_two_columns_.max_full_select_ select {
	max-width:100%;
}

.section_form_two_columns_ .max_full_select_ select {
	max-width:100%;
}

.section_form_three_columns_ select {
	max-width:16rem;
}

.section_form_three_columns_.max_auto_select_ select {
	max-width:none;
}

.section_form_three_columns_ .max_auto_select_ select {
	max-width:none;
}

.section_form_three_columns_.max_full_select_ select {
	max-width:100%;
}

.section_form_three_columns_ .max_full_select_ select {
	max-width:100%;
}
.select_width100_ select {
	max-width: 10rem;
}
.select_width150_ select {
	max-width: 15rem;
}
.select_width200_ select {
	max-width: 20rem;
}
.select_width250_ select {
	max-width: 25rem;
}
.select_width300_ select {
	max-width: 30rem;
}
.select_width350_ select {
	max-width: 35rem;
}
.select_width400_ select {
	max-width: 40rem;
}
.select_width450_ select {
	max-width: 45rem;
}
.select_width500_ select {
	max-width: 50rem;
}

table.bg_ffffff_ td {
	background-color: #ffffff!important;
}
/* Tabs */
.ui-tabs { position: relative;  zoom: 1;}
.ui-tabs .ui-tabs-nav { margin: 0; padding:0;}
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; color:#FFFFFF;text-align:center;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: 0; padding-bottom: 1px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; color:#FFFFFF;}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; }
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none;}
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-corner-all{background-color:DEEEFF}

/* 注文詳細 */
#wrapper div.section_rounded_.section_sales_basic_ span.carderr_icon_ {
	margin: 0px 0.5rem 0px 0.5rem;
}

#wrapper div.section_rounded_ .section_rounded_inner_ div.sales_dt_field_ input {
	width: 14rem!important;
}

#popup #content.popup_sales_edit_ .one_column_ .section_form_three_columns_.section_dt_table_cell_ .left_column_.sales_price_field_ input {
	width: 17rem;
}

#wrapper div.section_rounded_ div.section_rounded_inner_ input.Caution[type="text"] {
    background: url("../img/contents/icon_notice.png") no-repeat 98% 50% #FEFF9E;
}

#wrapper .section_rounded_ .Box.Accordion.Close .AccordionContents {
    display: none;
}

#wrapper .section_rounded_ .Box.Accordion h2.title_bg_blue_.AccordionTrigger_ {
    background-color: #EAF1FD;
    border-top: medium none;
    padding: 1.2rem 0 1rem 0;
    font-size: 1.4rem;
    line-height: 1;
    color: #4A4A4A;
}

#wrapper .section_rounded_ .Box.Accordion h2.title_bg_blue_.AccordionTrigger_ span.Label {
    background-image: url("../img/contents/icon_arrow_down.png");
    background-position: 1rem 2px;
    background-repeat: no-repeat;
    padding: 0 0 0 3.4rem;
    cursor: pointer;
}

#wrapper .section_rounded_ .Box.Accordion h2.title_bg_blue_.AccordionTrigger_ span.Label:hover {
    background-image: url("../img/contents/icon_arrow_down_hover.png");
    color: #4A4A4A;
}

#wrapper .section_rounded_ .Box.Accordion h2.title_bg_blue_.AccordionTrigger_.inactive span.Label {
    background-image: url("../img/contents/icon_arrow_down.png");
    color: #FFFFFF;
    cursor: default;
}
#wrapper .section_rounded_ .Box.Accordion h2.title_bg_blue_.AccordionTrigger_.inactive span.Label:hover {
    background-image: url("../img/contents/icon_arrow_down.png");
    color: #FFFFFF;
    cursor: default;
}

#wrapper .section_rounded_ .Box.Accordion.Close h2.title_bg_blue_.AccordionTrigger_ span.Label {
    background-image: url("../img/contents/icon_arrow_right.png");
}

#wrapper .section_rounded_ .Box.Accordion.Close h2.title_bg_blue_.AccordionTrigger_ span.Label:hover {
    background-image: url("../img/contents/icon_arrow_right_hover.png");
    color: #4A4A4A;
}

#wrapper div.section_rounded_ div.title_bt_ {
	position: relative;
}

#wrapper .section_dt_table_cell_ dl {
	line-height: 1.4;
}

/* 定期購入 */
#wrapper dd.customer_caution {
	background: url("../img/contents/icon_notice.png") no-repeat 98% 50% #FEFF9E;
	padding-right:2rem;
}


/* ccorder.css -- */
.disabledcoloronly {
  color: #b4b4b4!important;
}
/* -- ccorder.css */

.section_login_form_box .warning{
	background: url(../img/contents/icon_notice.png) 0 40% no-repeat;
	padding: 3px 0 3px 2.5rem;
	margin-bottom: 2rem;
}


.section_login_form_box p.login_msg {
	color: #d70808;
	padding: 1.2rem 0;
	text-align: center;
}

.section_certify_form_box p.certify_msg {
	color: #d70808;
	padding: 1.2rem 0;
	text-align: center;
}
div#summaryReportTabs div.jqplot-yaxis-tick {
	white-space:nowrap;
}

.list_pattern_ li,
.list_pattern_little_ li {
	word-wrap: break-word;
}
.list_pattern_little_ li a.pattern_menu_ {
	font-size: 1.4rem!important;
	font-weight: normal!important;
}

.MailReservation_SystemInfo_ {
	padding:1rem 1rem;
}

.MailReservation_SystemInfo_ a {
	color: #FF0000;
}

form[name=frmCustomer] .customer_rank_select select{
	max-width: 20rem;
}
form[name=frmCustomer] .pwd_ReRegist input[type=text] {
	width:10rem!important;
}

form[name=frmCustomer] dd.customer_savecard_ {
	word-wrap: break-word;
	line-height: 1.28;
}

form[name=frmCustomer] div.bt_customer_form_  {
	padding-bottom:2rem;
}

form[name=frmCustomer] div.customer_append_ dl {
	display: block;
}

form[name=frmCustomer] div.customer_append_ dt,
form[name=frmCustomer] div.customer_append_ dd {
	display:block;
	height:auto!important;
	word-wrap: break-word;
	word-break: break-all;
}

form[name=frmCustomer] div.customer_append_ dd label{
	white-space: normal;
}

form[name=frmCustomer] div.customer_append_ dt {
	width: auto;
	float:none;
}

form[name=frmCustomer] div.customer_append_ dd {
	margin-bottom: 1rem;
}

div.sales_append_ dd {
	word-wrap: break-word;
	word-break: break-all;
}

div.sales_append_ dd label {
	white-space: normal;
}

div.sales_append_ input,
div.sales_append_ textarea,
div.sales_append_ select {
	max-width: 40rem;
}

div.customer_append_ dd {
	word-wrap: break-word;
	word-break: break-all;
}

div.customer_append_ dd label {
	white-space: normal;
}

div.customer_append_ input,
div.customer_append_ textarea,
div.customer_append_ select {
	max-width: 40rem;
}

.section_wide_form_ .section_dt_narrow_ .section_input_schedule_ input.DateTime {
	width: 17rem;
}

.section_table_result_ table {
	background-color: #aff6ff;
}

.cluetip_trigger_s_ img,
.cluetip_trigger_m_ img,
.cluetip_trigger_l_ img,
.cluetip_trigger_o_l_ img,
.cluetip_trigger_up_m_ img,
.cluetip_trigger_local_ img,
img.question_tooltip_ {
	position: relative;
	margin: -3px 0;
}

/* corder.css 追加分 */

.list_pattern_ .notification_ .reload_on_ {
	display: block;
	position: absolute;
	top: 0;
	right: -24px;
	width: 2.6rem;
	height: 2.7rem;
	background: url(../img/contents/icon_update_gray.png) no-repeat;
}

Input.blank {
	background-color:#ffcbcb;
}

Select.blank {
	background-color:#ffcbcb;
}

.readonly,
textarea:focus.readonly,
input:focus.readonly,
.readonly:focus {
	border-color: #ededed;
	background-color: #ededed;
	color: #505050;
}

/* framework.css */

.Bold{
    font-weight:bold;
}

.Red{
    color:#EB6400 !important;
}

.none_{
    display : none;
}

.fBlue{
    color:#0064B4!important;
}

/* style.css */
/* エラーメッセージ
---------- ---------- */
#wrapper div.ErrorMessage {
	margin: -2px 0 1rem;
	padding: 0.8rem;
	border: 0px;
	color: #ff2828;
	background-color: #ffcbcb;
	zoom:1;
	font-size: 1.6rem;
	font-weight: bold;
}
#wrapper div.ErrorMessage p {
	margin: 0;
}

/* 警告メッセージ
---------- ---------- */
#wrapper div.AlertMessage {
	margin: -2px 0 1rem;
	padding: 0.8rem;
	border: 0px;
	color: #ff5e00;
	background-color: #ffdab9;
	zoom:1;
	font-size: 1.6rem;
	font-weight: bold;
}
#wrapper div.UpdateMessage p {
	margin: 0;
}

/* 更新メッセージ
---------- ---------- */
#wrapper div.UpdateMessage {
	margin: -2px 0 1rem;
	padding: 0.8rem;
	border: 0px;
	color: #fff;
	background-color: #1cc8e2;
	zoom:1;
	font-size: 1.6rem;
	font-weight: bold;
}
#wrapper div.UpdateMessage p {
	margin: 0;
}

#section_search_sub div.Box.Accordion.Close h3 span.ButtonSet {
    display: none;
}
#section_search_sub div.Box.Accordion.Close div.AccordionContents {
    display: none;
}

div.clue-right-baloon_sales_local div.sec_balloon_order_status_main_ li.Caution p.txt_order_status_detail_ {
    background: url("../img/common/bg_input_alert.png") no-repeat scroll 95% 50%;
}

#wrapper table.EmojiPalette, #wrapper table.EmojiPalette tr, #wrapper table.EmojiPalette td, #wrapper table.EmojiPalette th{
    background-color: Transparent;
    border-width: 0px;
	padding: 2px 3px;
	margin: 2px;
}

/*  ---------- ---------- ---------- */
/* jQuery-ui Dialog
---------- ---------- ---------- */
/* Dialogコンテンツ
---------- ---------- */
div#dialog-modal-frame {
	display: none;
	overflow: visible;
}
div#dialog-modal {
	padding: 0;
	width: min(100%,61rem);
	overflow: visible;
}
div#dialog-modal p {
	font-size: 1.8rem;
	font-weight:bold;
}

div#dialog-modal p ,
div#dialog-modal ul {
	color: #505050;
	margin: 0 0 1rem;
}
div#dialog-modal p.ARight {
	text-align: right;
}
div#dialog-modal div.ColumnSet:after {
	display: block;
	clear: both;
	content: "";
}
div#dialog-modal div.ColumnSet {
	width: 100%;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: hidden;
}
div#dialog-modal div.ColumnSet > div.Col {
	margin-left: 1rem;
	float: left;
}
div#dialog-modal div.ColumnSet > div.Col:first-child {
	margin-left: 0;
}
div#dialog-modal div#view > div#viewforms > div.Col.Size1of2 {
	width: min(46%,30rem);
}
div#dialog-modal div.ColumnSet > div.Col.Size1of2 {
	width: min(100%,30rem);
}
div#dialog-modal div.ColumnSet > div[id] > p {
	margin-bottom: 0.5rem;
	color: #525252;
	font-weight: bold;
}
div#dialog-modal div.ColumnSet > div[id] > p .bt_default_ {
	padding: 0.6rem 1.2rem 0.5rem;
	font-size: 1.3rem;
}


/* jQuery-ui Sortable
---------- ---------- ---------- */
div#dialog-modal ul.jquery-ui-sortable {
	border: solid 1px #666;
	list-style: none;
	overflow: scroll;
	overflow-x: hidden;
	height: 34.8rem;
}
div#dialog-modal ul.jquery-ui-sortable li {
	padding: 0.7rem;
	border: solid 1px #d3d3d3;
	background: #ededed url("../img/common/bg_sortable_item_off.png") 0 50% repeat-x;
}
div#dialog-modal ul.jquery-ui-sortable li:hover {
	border-color: #9a9a9a;
	background-image: url("../img/common/bg_sortable_item_on.png");
	cursor: move;
}

/* 固定項目 */
div#dialog-modal ul.jquery-ui-sortable li.cancel {
	padding: 0.7rem;
	border: solid 1px #d3d3d3;
	background: #ededed url("../img/common/bg_sortable_item_cancel_off.png") 0 50% repeat-x;
}
div#dialog-modal ul.jquery-ui-sortable li.cancel:hover {
	border-color: #9a9a9a;
	background-image: url("../img/common/bg_sortable_item_cancel_on.png");
	cursor: move;
}

/* ドラッグ時 */
div#dialog-modal ul.jquery-ui-sortable li.ui-sortable-helper {
	background: #fff;
}
/* プレースホルダー */
div#dialog-modal ul.jquery-ui-sortable li.ui-state-highlight {
	border-color: #24bfff;
	height: 1.3em;
	background: #deeeff;
}

/* テキストボタン（小）
---------- ---------- */
div#dialog-modal a.TextButton {
	padding: 0.5rem 0 0 0.5rem;
	display: inline-block;
	background: url("../img/common/bg_r5_fcfcfc_h22_tl.png") 0 0 no-repeat; /* 左上 */
	vertical-align: middle;
	zoom:1;
}
div#dialog-modal a.TextButton span {
	color: inherit;
}
div#dialog-modal a.TextButton:hover span ,
div#dialog-modal a.TextButton:focus span {
	color: inherit;
}
div#dialog-modal a.TextButton > span.tr {
	margin: -5px 0 0 0;
	padding: 0.5rem 0 0 0;
	display: block;
	background: url("../img/common/bg_r5_fcfcfc_h22_tr.png") 100% 0 no-repeat; /* 右上 */
}
div#dialog-modal a.TextButton > span.tr > span.bl {
	margin: 0 0 0 -5px;
	padding: 0 0 0 0.5rem;
	display: block;
	background: url("../img/common/bg_r5_fcfcfc_h22_bl.png") 0 100% no-repeat; /* 左下 */
}
div#dialog-modal a.TextButton > span.tr > span.bl > span.br {
	margin: 0;
	padding: 0 0.7rem 0.5rem 0;
	display: block;
	min-height: 1.2rem;
    line-height:1;
	background: url("../img/common/bg_r5_fcfcfc_h22_br.png") 100% 100% no-repeat; /* 右下 */
	cursor: pointer;
}
div#dialog-modal a.TextButton:hover {
	background-image: url("../img/common/bg_r5_ffffff_h22_tl.png");
	text-decoration: none;
}
div#dialog-modal a.TextButton:hover > span.tr {
	background-image: url("../img/common/bg_r5_ffffff_h22_tr.png");
}
div#dialog-modal a.TextButton:hover > span.tr > span.bl {
	background-image: url("../img/common/bg_r5_ffffff_h22_bl.png");
}
div#dialog-modal a.TextButton:hover > span.tr > span.bl > span.br {
	background-image: url("../img/common/bg_r5_ffffff_h22_br.png");
}
/* marker */
div#dialog-modal a.TextButton > span.tr > span.bl > span.br > span.Marker {
	padding-top:1px;
	padding-bottom:1px;
	display: block;
	cursor: pointer;
	min-height: 1.2rem;
}
div#dialog-modal a.TextButton > span.tr > span.bl > span.br > span.Marker.Link {
	padding-left: 1.6rem;
	background: url("../img/common/marker_arw1_right.png") 0 50% no-repeat;
}
div#dialog-modal a.TextButton > span.tr > span.bl > span.br > span.Marker.Link2 {
	padding-left: 1.3rem;
	background: url("../img/common/marker_arw4_left.png") 0 50% no-repeat;
}
div#dialog-modal a.TextButton > span.tr > span.bl > span.br > span.Marker.Blank {
	padding-left: 1.3rem;
	background: url("../img/common/marker_blank.png") 0 50% no-repeat;
}

.hiddenSubmit_ {
	width:0;
	height:0;
	overflow:hidden;
	cursor:default!important;
	border-radius: 0px!important;
	border: 0px!important;
	box-shadow:  inset 0px 0px 0px!important;
	background-color:rgb(255,255,255)!important;
}

/***  legacy_common.css ***/
#content span.yet     {background-color: #d9eeff; color: #d9eeff; }
#content span.active  {background-color: #ffffff; color: #ffffff; }
#content span.caution {background-color: #ffcbcb; color: #ffcbcb; }
#content span.end     {background-color: #e6e6e6; color: #e6e6e6; }

#content img.yet     {background-color: #d9eeff; color: #d9eeff; border:1px solid #666; margin-left:0.5rem; margin-right:2px; width:1.2rem; height:1.2rem; vertical-align:top;}
#content img.active  {background-color: #ffffff; color: #ffffff; border:1px solid #666; margin-left:0.5rem; margin-right:2px; width:1.2rem; height:1.2rem; vertical-align:top;}
#content img.caution {background-color: #ffcbcb; color: #ffcbcb; border:1px solid #666; margin-left:0.5rem; margin-right:2px; width:1.2rem; height:1.2rem; vertical-align:top;}
#content img.end     {background-color: #e6e6e6; color: #e6e6e6; border:1px solid #666; margin-left:0.5rem; margin-right:2px; width:1.2rem; height:1.2rem; vertical-align:top;}

#content tr.yet td, #content td.yet         {background-color: #d9eeff;}
#content tr.active td, #content td.active   {background-color: #ffffff;}
#content tr.caution td, #content td.caution {background-color: #ffcbcb;}
#content tr.end td, #content td.end         {background-color: #e6e6e6;}
#content table.yet     {background-color: #d9eeff;}
#content table.active  {background-color: #ffffff;}
#content table.caution {background-color: #ffcbcb;}
#content table.end     {background-color: #e6e6e6;}

#content tr.reply, #content td.reply {background-color: #d5f5e9;}
#content table.reply {background-color: #d5f5e9;}

/* framework.css : jqplot */
/* Corner radius */
.ui-tabs.ui-corner-all {
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	border-top-left-radius: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	border-top-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0;
}
/* tab */
.ui-tabs {
	position: relative;
	padding: 0;
	zoom: 1;
}

.ui-tabs .ui-tabs-panel {
	padding: 0;
	border-width: inherit;
	display: block;
	background: none;
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}

/* style.css : jqplot */

#content div#PromotionTabs ul li a {
	display: inline-block;
	border-radius: 0.4rem 0.4rem 0 0;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	background: -moz-linear-gradient(bottom, #000, #434343 40%, #797979);
	background: -webkit-linear-gradient(bottom, #000, #434343 40%, #797979);
	background: linear-gradient(to top, #000, #434343 40%, #797979);
	color: #ffffff;
	padding: 0.6rem 1.4rem 0.5rem;
}

#content div#PromotionTabs ul li a:hover {
	background: -moz-linear-gradient(bottom, #404040, #727272 40%, #9b9b9b);
	background: -webkit-linear-gradient(bottom, #404040, #727272 40%, #9b9b9b);
	background: linear-gradient(to top, #404040, #727272 40%, #9b9b9b);
	text-decoration: none;
}

#content div#PromotionTabs ul li.ui-tabs-active a ,
#content div#PromotionTabs ul li.ui-tabs-active a:hover {
	border-top: 1px solid #0fbefa;
	border-left: 1px solid #0fbefa;
	border-right: 1px solid #0fbefa;
	background: #0fbefa!important;
}

#content div#PromotionTabs .ui-tabs-panel {
	padding-top: 1rem;
}

#content div#PromotionTabs div.ChartWrap {
	margin: 0 0 1rem;
	padding: 0.9rem 1.9rem;
	border: solid 1px #cccccc;
	width:104rem;
}
#content div#PromotionTabs div.Chart {
	height: 50rem;
	width: 104rem;
	position: relative;
	margin:0px;
	font-family: var(--font-default);
}
#content div#PromotionTabs div.Chart div.jqplot-title {
	padding: 0 0 0.5rem;
	color: #4A4A4A;
	font-size: 1.2rem;
}
#content div#PromotionTabs div.Chart div.jqplot-axis {
	font-size: 0.9rem;
}

#content div#PromotionTabs div.Chart div.jqplot-yaxis-tick {
    white-space:nowrap;
}

#content div#PromotionTabs div.Chart table.jqplot-table-legend {
	width: auto;
}
#content div#PromotionTabs div.Chart table.jqplot-table-legend th, #Contents #PromotionTabs div.Chart table.jqplot-table-legend td {
	border: none;
}

#content #ship_dt_panel.hide_panel {
	display: none;
}

/* メールテンプレート */
.mailtmpl-section dl {
	display: block;
	margin: 2.0rem 0;
}
.mailtmpl-section dl dt,
.mailtmpl-section dl dd {
	display: block;
	width: 100%!important;
	margin-bottom: 8px;
}
.mailtmpl-bottom .mailtmpl-bottom--submit_  {
	display: block;
	text-align: center;
}
.mailtmpl-bottom .mailtmpl-bottom--sub_ {
	margin: 2.4rem 0 0;
	display: block;
	text-align: left;
}
.mailtmpl-bottom .mailtmpl-bottom--dt_ {
	margin: 2.4rem 0 0;
	display: flex;
	flex-flow: wrap;
	gap: 1.2em;
	text-align: left;
}
.mailtmpl_sepalater {
	border-top: solid 1px #dbdbdb;
	margin-top: 3.0rem!important;
	padding-top: 3.0rem;
}
dl.mailtmpl_signature {
	display: table;
	width: auto!important;
}
dl.mailtmpl_signature dt {
	display: table-cell;
	vertical-align: middle!important;
	width: auto!important;
}
dl.mailtmpl_signature dd {
	display: table-cell;
	vertical-align: middle;
	width: auto!important;
}
dl.mailtmpl_signature dd select {
	min-width: 10em;
}
.mailtmpl_kindresult {
	display: inline-block;
	min-width: 10em;
padding: 0.5rem 0.8rem;
    border: 1px solid #EDEDED;
    background-color: #EDEDED;
    border-radius: 3px;
}
@media screen and (max-width: 767px) {
.mailtmpl-bottom .mailtmpl-bottom--dt_ {
	display: flex;
	flex-flow: column;
	gap: 0.2rem;
}
}
.section_image_select_ form dl.mailtmpl-testmailpost {
	display: block;
}
.section_image_select_ form dl.mailtmpl-testmailpost dt,
.section_image_select_ form dl.mailtmpl-testmailpost dd {
	display: block;
	width: 100%!important;
}
.section_image_select_ form dl.mailtmpl-testmailpost dt {
	margin-bottom: 0.8rem;
}

@media screen and (max-width: 767px) {
.mailtmpl_mailkind_list > label {
	display: none;
}
.mailtmpl_mailkind_list:not(:has(input[type="radio"]:checked)) > label:first-child ,
.mailtmpl_mailkind_list:has(input[type="radio"]:checked) > label:has(input[type="radio"]:checked) {
	display: block;
}
}

#content .align_r_:has(img.active),
#content .align_r_:has(img.caution),
#content .align_r_:has(img.end) {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 0.5rem 0 1.0rem;
}

.table_one_column_common_ .txt_goods_area_ {
	white-space: normal;
    display: flex;
	align-items: center;
}
.table_one_column_common_ .txt_goods_area_ .width150_ {
	min-width: 150px;
}
.table_one_column_common_ .txt_goods_area_ .width30_ {
	min-width: 30px;
}


.table_one_column_common_ .txt_goods_area_result_ {
	font-size: 1.2rem;
}

.table_one_column_common_ .txt_goods_area_ input[type=text] {
	padding: 1px 0.5rem;
	font-size: 1.2rem;
}

/* サロン注文確認日一括登録 */
.sales_lumpdatelist_form_ div:has(+ .sales_lumpdatelist_items) {
	background: #ffffff;
    border-radius: 1rem;
    padding: 1.4rem 2.0rem;
	margin-top: 2.0rem;
}
.sales_lumpdatelist_form_ .sales_lumpdatelist_items:not(:has(table tbody *)) {
	display: none;
}
.sales_lumpdatelist_form_ div.sales_lumpdatelist_items_nav_ {
	background: none;
	padding: 0;
	margin: 2.0rem 0 0;
	
}
.sales_lumpdatelist_update-date {

}
.sales_lumpdatelist_update-date-line {
	margin: 1.0rem 0;
	position: relative;
	display: flex;
	align-items: center;
}
.sales_lumpdatelist_update-date-line input[type="radio"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}
.sales_lumpdatelist_update-date-line img.ui-datepicker-trigger {
	margin-left: 8px;
}
.sales_lumpdatelist_update-checkvisible h2 {
	margin: 2.0rem 0 1.0rem;
	padding: 1.0rem 0.8rem;
	font-size: 1.4rem;
	font-weight: bold;
	background: #EAF1FD;
}
.sales_lumpdatelist_update-checkvisible .Annotation {
	margin-top: 1.0rem;
}
.sales_lumpdatelist_items th .col_allcheck {
	display: flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
}
.sales_lumpdatelist_items table td.col_goodsdetail {
	min-width: 22em;
}
@media screen and (max-width: 767px) {
.sales_lumpdatelist_update-date-line {
	display: block;
}
#datespecify_1_span {
	display: flex;
	flex-flow: wrap;
}
#datespecify_1_span label {
	width: 100%;
}
#datespecify_1_span input {
	flex: 1;
}
.sales_lumpdatelist_update-date-line .bt_ {
	width: 100%;
	margin-top: 1.0rem;
}

.sales_lumpdatelist_update-checkvisible .section_input_list_ {
	display: flex;
	flex-flow: wrap;
	gap: 1.0rem 0;
}
.sales_lumpdatelist_update-checkvisible .section_input_list_ input[type="checkbox"] {
	margin: 0 0.5rem 0 0;
	width: 1.8rem;
}
.sales_lumpdatelist_update-checkvisible .section_input_list_ input[type="checkbox"] + label {
	width: calc(50% - 2.3rem);
	margin: 0;
}
}


.maillist_mailform h3 {
	margin-top: 6.0rem;
	position: relative;
}
.maillist_mailform h3::after {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: -3rem;
	bottom: auto;
	background: none;
	border-top: solid 1px #dbdbdb;
	width: 100%;
}
.maillist_mailform dd > span:has(select) + span:has(select) {
	margin: 1.5rem 0 0;
	display: block;
}
.maillist_mailform dd > span:has(select) .select_area  {
	margin-bottom: 0.6rem;
	display: flex;
	align-items: center;
	gap: 1.0rem;
}
.maillist_mailbuttons_ {
	margin: 1.8rem 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: row-reverse;
	gap: 1.4rem;
}
table.maillist_list_table td {
	text-align: center;
}
table.maillist_list_table th.maillist_list_table-del {
	min-width: auto;
	max-width: 4em;
}

.block-bkuser-biometric--disable-message-none {
	display: none !important;
}

.block-bkuser-biometric--disable-message-show {
	display: block !important;
}

.block-bkuser-biometric--register-none {
	display: none !important;
}

.block-bkuser-biometric--register-show {
	display: inline-block !important;
}
.block-bkuser-biometric--disable-message-none {
	display: none !important;
}

.block-bkuser-biometric--disable-message-show {
	display: block !important;
}

.block-bkuser-biometric--disable-none {
	display: none !important;
}

.block-bkuser-biometric--disable-show {
	display: block !important;
}

.block-bkuser-biometric--register-none {
	display: inline-block !important;
	opacity: 0.5;
	pointer-events: none;
	cursor: not-allowed;
}

.block-bkuser-biometric--register-show {
	display: inline-block !important;
}
/* サマリーレポート */
.summary_report_search .bt_size_large_ .bt_default_ {
	width: 271px;
	height: 50px;
}
.summary_report_search_ymd {
	display: flex;
	align-items: center;
	gap: 0 1.4rem
}
@media screen and (max-width: 767px) {
.summary_report_search .bt_size_large_ {
	display: block;
}
.summary_report_search .bt_size_large_ .bt_default_ {
	width: 100%;
	height: 5.0rem;
}
.summary_report_search_ymd {
	flex-flow: wrap;
	gap: 0 1.0rem;
}
.summary_report_search_ymd li {
	width: calc((100% - 1.0rem) / 2);
}
.summary_report_search_ymd li:nth-child(n+3) {
	margin-top: 1.2rem;
}
.summary_report_search_ymd li select {
	width: calc(100% - 2em);
}
}
.summary_report_table td:first-child {
	width: 8.2em;
}

.section_dt_table_cell_ .section_search_form dl {
	margin-bottom: 2.4rem;

}
.section_dt_table_cell_ .section_search_form dl.report_sales_form_count_ {
	display: flex!important;
	gap: 2.0rem;
	align-items: center;
}
.section_dt_table_cell_ .section_search_form dl.report_sales_form_count_ dt,
.section_dt_table_cell_ .section_search_form dl.report_sales_form_count_ dd {
	width: auto!important;
	min-width: auto!important;
	margin-bottom: 0!important;
}
.section_dt_table_cell_ .section_search_form dl.report_sales_form_count_ dd  select,
.report_sales_form_count_ select {
	width: 7em!important;
}
.report_sales_form_count_ small {
	display: inline-block;
}

.section_coupon_pulldown_form_ select,
.section_coupon_pulldown_kubun_form_ select {
	min-width: 8em;
}

.report_sales_form_sort_ .right_column_ dt { height: 1.5em; }

@media screen and (max-width: 767px) {
	.section_coupon_managed_form_ input ,
.section_coupon_pulldown_form_ select,
.section_coupon_pulldown_kubun_form_ select {
	width: 100%!important;
}
.report_sales_form_sort_ .right_column_ dt { height: 0; }

}
/* 受注/売上分析 */
.section_rounded_ + .report_sales_searchform-caption {
	margin-top: -1.0rem;
}
.report_sales_searchform .bt_goal_ .bt_default_ {
	min-width: 27rem;
}
.report_sales_searchform_radio_ {
	display: flex;
	flex-flow: wrap;
	align-items: center;
	gap: 1.2rem 0;
}
@media screen and (min-width: 768px) {
.report_sales_searchform .input-date2-line {
	margin: 0 0 0.8rem;
	display: flex;
	gap: 5.5rem;
}
.report_sales_searchform .input-date2-line > p {
	position: relative;
	flex: 1;
	margin: 0!important;
	padding: 0;
	background: none;
}
.report_sales_searchform .input-date2-line > p:first-child::after {
	content: '～';
	position: absolute;
	left: calc(100% + 2.0rem);
	top: calc(50% - 0.5em);
}
.report_sales_searchform .input-date2-line > p input[type="text"] {
	width: calc(100% - 5rem) !important;
}

.report_sales_searchform-ex1 {

}
}
@media screen and (max-width: 767px) {

}
table.report_sales_resulttable_.table_one_column_common_:not(:has(tbody *)) {
	display: none!important;
}
table.report_sales_resulttable_ th:first-child {
	min-width: 3em;

}
table.report_sales_resulttable_ .report_sales_resulttable_graph_item {
	overflow: hidden;
	width: 100px;
	border-radius: 10px;
	background: #ffffff!important;
	border: solid 1px #cccccc;
}
table.report_sales_resulttable_ .report_sales_resulttable_graph_item > div {
	background: #4480f2!important;
}

table.pattern_list_sales_result th:nth-child(1) {min-width: 12em;}
table.pattern_list_sales_result th:nth-child(2) { min-width: 12em; }
table.pattern_list_sales_result th:nth-child(3) { min-width: 10em; }


@media screen and (max-width: 767px) {
.coupon_event_detail.section_dt_table_cell_ dt {
	width: 100%!important;
}
}
/* メール種別　SPで非表示箇所 */
@media screen and (max-width: 767px) {
/*.mailtmpl_mailkind_list label + label,*/
.mailtmpl_mobilemail_section {
	display: none!important;
}
}
@media screen and (max-width: 767px) {
.maillist_btns_ .right_section_ {
	margin-top: 1.2rem!important;
}
}
/*会員グループ詳細*/
.customergroup_detail_buttons_ {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-flow: wrap;
	gap: 1.0rem 0.5rem;
	margin-top: 1.0rem;
}
.customergroup_detail_buttons_ .customergroup_detail_buttons_03_ {
	width: 100%;
}
@media screen and (min-width: 768px) {
.customergroup_detail_buttons_ {
	flex-flow: row;
	justify-content: flex-start;
}
.customergroup_detail_buttons_ .customergroup_detail_buttons_01_ {
}
.customergroup_detail_buttons_ .customergroup_detail_buttons_02_ {
}
.customergroup_detail_buttons_ .customergroup_detail_buttons_03_ {
	width: auto;
	flex: 1;
	text-align: right;
}

}
.customergroup_detail_buttons2_ {
	display: flex;
	align-items: center;
	flex-flow: wrap;
	gap: 1.0rem 0.5rem;
}

.center_section_ {
	text-align: center;
    display: flex;
    flex-flow: column;
    gap: 1.0rem;
    align-items: center;
}
@media screen and (min-width: 768px) {
.center_section_ {
	flex-flow: row;
	justify-content: center;
}
}