@charset "utf-8";

@charset "utf-8"; * { margin: 0; padding: 0; font-size: 100%; font-style: normal;} body { text-align: center; background: #fff; color: #333; cursor: auto; font: normal normal 14px/1.7 "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","游ゴシック体","Yu Gothic",YuGothic,sans-serif; letter-spacing: normal; word-spacing: normal; -webkit-text-size-adjust: 100%; } *:first-child + html body { font-size: 75%;} /* for IE 7 */ * html body { font-size: 75%;} /* for IE 6 or sooner */ h1 {} h2 {} h3, h4, h5, h6 { padding: 25px 0 5px; letter-spacing: 0;} p { padding: 5px 0 10px;} blockquote { margin: 15px 0; padding: 10px 15px 3px; background: #faf6ed;} pre { background: #eee; margin: 1em 0; padding: 0 20px; overflow: auto; width: auto;} code { color: #5b5905; font-family: "Lucida Grande", "Courier New", Courier, mono, Verdana, sans-serif; letter-spacing: 0;} ul, ol { margin: 10px 0; padding: 0 0 0 30px;} dl { margin: 10px 0;} a { color: #0071bb; text-decoration: underline; cursor: pointer;} a:visited, a:hover, a:focus, a:active { color: inherit;} em { font-weight: bold; color: inherit;} strong { font-weight: bold; color: inherit;} abbr, acronym { cursor: help;} sup { vertical-align: super; font-size: 70%;} sub { vertical-align: baseline; font-size: 70%;} *:first-child + html sup { line-height: 1.5; font-size: 80%;} /* for IE 7 */ * html sup { line-height: 1.5; font-size: 80%;} /* for IE 6 or sooner */ hr { display: none;} img { border: none; color: #fff; background: transparent; vertical-align: bottom; max-width: 100%;} embed, object { outline: 0; vertical-align: bottom;} table { border: 1px solid #aaa; border-collapse: collapse; margin-bottom: 15px;} caption { text-align: left;} thead {} tbody {} th { white-space: nowrap;} th, td { padding: 5px 10px; border-collapse: collapse; border: 1px solid #aaa; text-align: left; } fieldset { border: 1px solid #ddd; margin-bottom: 15px; padding: 10px; } * html legend { margin: 0 0 10px;} input, textarea { padding: 1px; font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",sans-serif;} select option { padding: 0 5px;} input:focus, select:focus, textarea:focus { background-color: #fafafa;} label { cursor: pointer;} input[type=text]:disabled { background-color: #F0F0F0;} .mincho { font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;} .alpha { font-family: "Times New Roman";} .grande { font-family: "Lucida Grande", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;} /******************************************************************** utilities */ .aL { text-align: left;} .aC { text-align: center;} .aR { text-align: right;} .fR { float: right;} .fL { float: left;} .clr { float: none; clear: both;} .vT { vertical-align: top;} .vM { vertical-align: middle;} .vB { vertical-align: bottom;} .jp { font-family: "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;} .verdana { font-family: Verdana, sans-serif;} .times { font-family: "Times New Roman", Times, serif;} .temp-notes { font-size: 120%; color: #c00; font-weight: bold; background: #f8f8f8; margin: 1em; padding: 1em;} input[type="submit"], input[type="button"] { -webkit-appearance: none; cursor: pointer;} input[type=text], input[type=password], input[type=email], input[type=date], input[type=time], input[type=tel], input[type=number], select, textarea { border: 1px solid #aaa; border-radius: 5px; padding: 2.5px 5px;} textarea { line-height: 1.5;} select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 3px 20px 3px 5px; background: url(../img/icon_select_arrow.png) no-repeat 100% 50%; background-size: auto 100%;} .txtsize3 { width: 1.5em;} .txtsize5 { width: 2.5em;} .txtsize6 { width: 3em;} .txtsize7 { width: 3.5em;} .txtsize8 { width: 4em;} .txtsize10 { width: 5em;} .txtsize15 { width: 7.5em;} .txtsize20 { width: 10em;} .txtsize25 { width: 12.5em;} .txtsize30 { width: 15em;} .txtsize35 { width: 17.5em;} .txtsize40 { width: 20em;} .txtsize45 { width: 22.5em;} .txtsize50 { width: 25em;} .txtsize55 { width: 27.5em;} .txtsize60 { width: 30em;} .txtsize65 { width: 32.5em;} .txtsize70 { width: 35em;} .txtsize75 { width: 37.5em;} .txtsize80 { width: 40em;} .txtsize85 { width: 42.5em;} .txtsize90 { width: 45em;} .txtsize100 { width: calc(100% - 12px);} select.txtsize100 { width: 100%;} .w15 { width: 15% !important;} .w20 { width: 20% !important;} .w25 { width: 25% !important;} .w30 { width: 30% !important;} .w35 { width: 35% !important;} .w40 { width: 40% !important;} .w45 { width: 45% !important;} .w50 { width: 50% !important;} .w60 { width: 60% !important;} .w70 { width: 70% !important;} .w80 { width: 80% !important;} .w90 { width: 90% !important;} .w95 { width: 95% !important;} .w100 { width: 100% !important;} .mb0 { margin-bottom: 0 !important;} .mb10 { margin-bottom: 10px !important;} .mb20 { margin-bottom: 20px !important;} .mb30 { margin-bottom: 30px !important;} .mb40 { margin-bottom: 40px !important;} .mb50 { margin-bottom: 50px !important;} .mb60 { margin-bottom: 60px !important;} .mb70 { margin-bottom: 70px !important;} .mb80 { margin-bottom: 80px !important;} .pb0 { padding-bottom: 0 !important;} .pb10 { padding-bottom: 10px !important;} .pt100 { padding-top: 100px !important;} .hidden { display: none;} .clearfix:after { content: ""; clear: both; display: block;} 

@charset "utf-8"; /******************************************************************** structure */ #header, #container { text-align: left;} .inner:after { content: ""; clear: both; display: block;} .inner { max-width: 1920px; margin: 0 auto;} #header { background: #D6E4F1; border-top: 1px solid rgba(255, 255, 255, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.1);} #header .inner { display: flex;} #header .logoView { margin-right: 0.5em;} #header h1 a { display: block; text-decoration: none; line-height: 2.4; font-size: 16px; padding: 0 1em;} #header ul { list-style: none; margin: 0; padding: 0.3em 0 0; display: flex;} #header li { margin-right: 0.3em;} #header li a { display: block; text-decoration: none; background: #DFDDEB; line-height: 1.9; border: 1px solid #aaa; padding: 0 0.75em 0 0.35em; border-radius: 0.2em; color: #333;} #header li a .material-symbols-outlined { font-size: 18px; line-height: 1; display: inline-block; background: #1A79CF; color: #fff; padding: 0.05em; border-radius: 0.1em; vertical-align: -3px; margin-right: 0.3em;} .contentsMenu { background: #D6E4F1; border-top: 1px solid rgba(255, 255, 255, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.1);} .contentsMenu ul { list-style: none; margin: 0; padding: 0.3em; display: flex; flex-wrap: wrap;} .contentsMenu li { margin-left: 0.5em; flex-shrink: 0;} .contentsMenu li a { display: block; text-decoration: none; border-top: 1px solid rgba(255, 255, 255, 0.6); border-left: 1px solid rgba(255, 255, 255, 0.6); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding: 0 0.5em; background: #EBF1F9; border-radius: 0.2em; color: #333;} .contentsMenu li a .material-symbols-outlined { font-size: 20px; line-height: 1; vertical-align: -4px; margin-right: 0.2em;} /* マイスター区分マスタボタンの幅を拡大 */ .contentsMenu li a[href*="meister_class"] { min-width: 12em; white-space: nowrap;} /* 健美食区分マスタボタンの幅を拡大 */ .contentsMenu li a[href*="kenbishoku_class"] { min-width: 12em; white-space: nowrap;} /* より具体的なセレクタでマイスター区分マスタボタンの幅を拡大 */ .contentsMenu ul li a[href*="meister_class"], .contentsMenu li a[href*="meister_class"] { max-width: 16em !important; white-space: nowrap !important; flex-shrink: 0; } /* より具体的なセレクタで健美食区分マスタボタンの幅を拡大 */ .contentsMenu ul li a[href*="kenbishoku_class"], .contentsMenu li a[href*="kenbishoku_class"] { max-width: 16em !important; white-space: nowrap !important; flex-shrink: 0; } .colorRed { color: #E9160B;} .button { text-decoration: none; display: inline-block; line-height: 2.6; background: #1A79CF; color: #fff !important; padding: 0 1em; border-radius: 0.3em; border-top: 1px solid rgba(255, 255, 255, 0.6); border-left: 1px solid rgba(255, 255, 255, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center;} a.button:hover { background: #DFDDEB;} span.button { background: #DFDDEB;} .button.buttonMini { line-height: 2;} .fullButton .button { display: block; padding: 0;} .tripleButton { list-style: none; margin: 1em 0; padding: 0; display: flex;} .tripleButton li { width: 33.33%; margin-right: 1em;} .tripleButton li:last-child { margin-right: 0;} .tripleButton .button { display: block;} .baseView h2 { margin-bottom: 0.25em;} .cTitle { margin: 0.5em 0; padding: 0;} .cTitle span { display: inline-block; background: #D6E4F1; line-height: 2; padding: 0 1em; border-radius: 1em;} .baseView { padding: 0.5em 1em;} .baseView h2 { font-size: 20px;} .menuView ul { list-style: none; margin: 1em 0; padding: 0; display: flex; flex-wrap: wrap;} .menuView li { min-width: 14em; margin: 0 0.5em 0.5em 0;} .menuView li a { display: block; color: #333; text-decoration: none; font-size: 16px; border-radius: 0.2em; padding: 0 1em 0 0.3em; line-height: 2.4; background: #EBF1F9;} .menuView li a:hover { background: #D6E4F1;} .menuView li a .material-symbols-outlined { vertical-align: -6px; line-height: 1; margin-right: 0.3em; background: #fff; padding: 0.1em; border-radius: 0.2em; border: 1px solid #eee;} .breadcrumbBox { margin: 0; padding: 0 1em; font-size: 12px; background: #F0F0F0;} .breadcrumbBox ol { list-style: none; margin: 0; padding: 0.4em 0; display: flex;} .breadcrumbBox li { margin-right: 12px;} .breadcrumbBox li > a, .breadcrumbBox li > span { display: block; line-height: 1.8; padding: 0 0.5em; background: #e0e0e0; position: relative; border-radius: 0.2em;} .breadcrumbBox li a:after { content: ''; display: block; border: 12px solid transparent; border-left: 6px solid #e0e0e0; position: absolute; right: -22px; top: 0;} .breadcrumbBox li a:hover { background: #DFDDEB;} .messageBox { border-left: 10px solid #E9160B; margin: 0.5em 0; background: #FFEBE9;} .messageBox p { margin: 0; padding: 0.5em 1em; color: #E9160B;} /* 成功メッセージの色を緑色に変更 */ .messageBox.success { border-left: 10px solid #28a745; background: #d4edda;} .messageBox.success p { color: #155724;} /* エラーメッセージは赤色のまま */ .messageBox.error { border-left: 10px solid #E9160B; background: #FFEBE9;} .messageBox.error p { color: #E9160B;} .breadcrumbBox li { margin-right: 12px;} .breadcrumbBox li > a, .breadcrumbBox li > span { display: block; line-height: 1.8; padding: 0 0.5em; background: #e0e0e0; position: relative; border-radius: 0.2em;} .breadcrumbBox li a:after { content: ''; display: block; border: 12px solid transparent; border-left: 6px solid #e0e0e0; position: absolute; right: -22px; top: 0;} .breadcrumbBox li a:hover { background: #DFDDEB;} .messageBox { border-left: 10px solid #E9160B; margin: 0.5em 0; background: #FFEBE9;} .messageBox p { margin: 0; padding: 0.5em 1em; color: #E9160B;} /* 成功メッセージの色を緑色に変更 */ .messageBox.success { border-left: 10px solid #28a745; background: #d4edda;} .messageBox.success p { color: #155724;} /* エラーメッセージは赤色のまま */ .messageBox.error { border-left: 10px solid #E9160B; background: #FFEBE9;} .messageBox.error p { color: #E9160B;} .list { list-style: none; margin: 0; padding: 0;} .listInline { list-style: none; margin: 0; padding: 0;} .listInline li { display: inline-block;} .listInline li:after { content: '/'; display: inline-block; margin: 0 0.05em 0 0.3em;} .listInline li:last-child:after { display: none;} .listInline input[type=radio] { margin-right: 0.1em;} .listInline label { display: inline-block; line-height: 2.4;} .listInline.multi label { line-height: 2;} .listInline.fitCell { line-height: 2.4;} .listInline.inLineBlock { display: inline-block;} .tabScrollContainer { overflow-x: auto; overflow-y: hidden; margin: 0.5em 0; border-bottom: 2px solid #D6E4F1;} .tabScrollContainer::-webkit-scrollbar { height: 8px;} .tabScrollContainer::-webkit-scrollbar-track { background: #f1f1f1;} .tabScrollContainer::-webkit-scrollbar-thumb { background: #888; border-radius: 4px;} .tabScrollContainer::-webkit-scrollbar-thumb:hover { background: #555;} .contentButtonsBox { list-style: none; margin: 0; padding: 0; display: flex; border-bottom: none; white-space: nowrap; min-width: max-content;} .contentButtonsBox li { margin-right: 0.25em; flex-shrink: 0;} .contentButtonsBox li:last-child { margin-right: 0;} .contentButtonsBox .button { line-height: 2; border-radius: 5px 5px 0 0; background: #EBF1F9; color: #333 !important; border: 1px solid #D6E4F1; border-bottom: none; padding: 0.3em 1em; text-align: center; text-decoration: none; display: block; white-space: nowrap;} .contentButtonsBox.split3 li { width: 33.3%;} .contentButtonsBox.split3 .button { display: block;} .contentButtonsBox.split6 li { width: 16.6%;} .contentButtonsBox.split6 .button { display: block;} .contentButtonsBox .button.active { background: #fff; border: 1px solid #D6E4F1; border-bottom: 2px solid #fff; position: relative; margin-bottom: -2px;} .contentButtonsBox .button:hover { background: #D6E4F1;} .contentButtonsBox .button.active:hover { background: #fff;} .tabPane { display: none; max-height: calc(100vh - 10em); overflow-y: auto; overflow-x: hidden; padding: 1em 0; margin-bottom: 5em; } .tabPane.active { display: block; } /* タブペインのスクロールバー */ .tabPane::-webkit-scrollbar { width: 8px; } .tabPane::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 10px; } .tabPane::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; } .tabPane::-webkit-scrollbar-thumb:hover { background: #555; } .settingList { list-style: none; margin: 0.5em 0 0; padding: 0;} .settingList li { margin-bottom: 0.5em;} .settingList li .button { width: 100%; text-align: left; display: flex; flex-direction: column; gap: 0.1em; line-height: 1.6; padding: 0.5em 0.6em; background: #EBF1F9; color: #333 !important; border: 1px solid #D6E4F1; border-radius: 0.2em;} .settingList li .button:hover { background: #D6E4F1;} .settingList li .button.active { background: #1A79CF; color: #fff !important; border-color: #1A79CF;} .settingList li .button.active .settingNo, .settingList li .button.active .settingName { color: #fff; } .settingList .settingNo { font-size: 12px; color: #1A79CF; font-weight: bold; } .settingList .settingName { font-size: 13px; color: #333; } .settingList .empty { color: #777; font-size: 13px; padding: 0.4em 0.6em; text-align: center; } .settingListTable { width: 100%; border-collapse: collapse; margin: 0.5em 0 0; } .settingListTable thead th { background: #EBF1F9; border: 1px solid #D6E4F1; padding: 0.5em 0.6em; text-align: left; font-weight: bold; font-size: 13px; color: #333; } .settingListTable tbody td { border: 1px solid #D6E4F1; padding: 0.5em 0.6em; font-size: 13px; color: #333; background: #fff; cursor: pointer; transition: background-color 0.2s ease, color 0.2s ease; } .settingListTable tbody tr.settingItem { transition: background-color 0.2s ease; } .settingListTable tbody tr.settingItem:hover { background: #E8F4FD; } .settingListTable tbody tr.settingItem:hover td { background: #E8F4FD; color: #1A79CF; } .settingListTable tbody tr.settingItem.active { background: #1A79CF; } .settingListTable tbody tr.settingItem.active td { color: #fff; background: #1A79CF; font-weight: 500; } .settingListTable tbody tr.settingItem.active:hover { background: #0056B3; } .settingListTable tbody tr.settingItem.active:hover td { background: #0056B3; color: #fff; } .settingListTable tbody .empty { color: #777; text-align: center; padding: 1em; } .settingInfoBox { margin-bottom: 1em; padding: 1em; background: #f9f9f9; border: 1px solid #ddd; border-radius: 0.3em;} .settingInfoBox .flexWrap24 { display: flex; justify-content: flex-start; align-items: center; gap: 1em; } .footerButtons { width: 100%; position: fixed; bottom: 0; background-color: white; margin-top: auto; padding: 1em 0; border-top: 1px solid #ddd; display: flex; flex-wrap: wrap; justify-content: center; gap: 0.5em; } .footerButtons .button { min-width: 6em; } .tripleWrap { display: flex;} .tripleWrap .box { width: 33.33%; margin-right: 1em;} .tripleWrap .box:last-child { margin-right: 0;} .quadWrap { display: flex;} .quadWrap .box { width: 25%; margin-right: 1em;} .quadWrap .box:last-child { margin-right: 0;} .menuWrap { display: flex;} .menuWrap .leftBox { width: 20%; margin-right: 1.5em;} .menuWrap .rightBox { width: calc(80% - 1.5em);} .menuWrap.wideMenuWrap .leftBox { width: 30%;} .menuWrap.wideMenuWrap .rightBox { width: calc(70% - 1.5em);} .freeWrap { display: flex;} .freeWrap.topBorder { border-top: 1px solid #aaa;} .freeWrap > div { margin-right: 1.5em;} .freeWrap > div:last-child { margin-right: 0;} .freeWrap .box5 { width: 4.16%;} .freeWrap .box10 { width: 8.33%;} .freeWrap .box15 { width: 12.5%;} .freeWrap .box20 { width: 16.66%;} .freeWrap .box25 { width: 20.83%;} .freeWrap .box30 { width: 25%;} .freeWrap .box35 { width: 29.16%;} .freeWrap .box40 { width: 33.33%;} .freeWrap .box45 { width: 37.5%;} .freeWrap .box50 { width: 41.66%;} .freeWrap .box55 { width: 45.83%;} .freeWrap .box60 { width: 50%;} .freeWrap .box65 { width: 54.16%;} .freeWrap .box70 { width: 58.33%;} .freeWrap .box75 { width: 62.5%;} .freeWrap .box80 { width: 66.66%;} .freeWrap .box85 { width: 70.83%;} .freeWrap .box90 { width: 75%;} .freeWrap .box95 { width: 79.16%;} .freeWrap .box100 { width: 83.33%;} .freeWrap .box105 { width: 87.5%;} .freeWrap .box110 { width: 91.66%;} .freeWrap .box115 { width: 95.83%;} .positionRelative { position: relative;} .pageTitleWrap { display: flex; margin-bottom: 0.5em; align-items: center;} .pageTitleWrap .plusMenu { position: static; left: unset; top: unset; padding-left: 1em;} .pageTitleWrap h2 { margin-bottom: 0;} .plusMenu { list-style: none; margin: 0; padding: 0; position: absolute; left: 10em; top: 0.1em;} .plusMenu li { display: inline-block;} .plusMenu li.cusInfo { margin-left: 1em;} .pageSend { position: absolute; right: 0; top: 0;} .pageSend ul { list-style: none; margin: 0; padding: 2.5px 0 0;} .pageSend li { display: inline-block;} .pageSend li a, .pageSend li span { display: block; color: #333; min-width: 1em; text-align: center; padding: 0 0.4em; line-height: 2;} .pageSend li a { text-decoration: none; background: #F0F0F0;} .pageSend li.empty span { background: #D6E4F1;} .pageSend li.text { margin-right: 0.5em;} form.inputForm { margin: 1em 0;} form.inputForm .listInline { padding: 0 0.5em;} table.indexTbl { width: 100%; font-size: 12px; margin: 1em 0;} table.indexTbl.half { width: 50%;} table.indexTbl.noTop { margin-top: 0;} table.indexTbl th, table.indexTbl td { padding: 2.5px 0.75em;} table.indexTbl thead th { background: #F0F0F0; text-align: center;} table.indexTbl .buttonCell { padding: 0;} table.indexTbl .buttonCell .button { display: block; line-height: 2; padding: 0;} table.indexTbl .clickable:hover { cursor: pointer;} table.indexTbl .clickable:hover th, table.indexTbl .clickable:hover td { background: #D6E4F1 !important;} table.indexTbl .material-symbols-outlined { display: inline-block; vertical-align: middle; font-size: 20px; line-height: 1;} table.entryTbl { width: 100%; font-size: 12px;} table.entryTbl th, table.entryTbl td { padding: 2.5px 5px;} table.entryTbl th.noPadding, table.entryTbl td.noPadding { padding: 0 !important;} table.entryTbl thead th, table.entryTbl thead td { background: #F0F0F0;} table.entryTbl tbody th { background: #F0F0F0;} table.entryTbl th strong { color: #E9160B;} table.entryTbl p.error { margin: 0.25em 0; padding: 0; color: #fff; position: absolute; background: #E9160B; padding: 0 0.5em; line-height: 1.8; font-size: 12px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); transform: translateY(-5px); cursor: pointer;} table.entryTbl select { padding-top: 0; padding-bottom: 0; height: 2.25em; background-color: #fff;} table.entryTbl .codeToText input[type=text]:first-child { width: calc(25% - 2.4em);} table.entryTbl .codeToText input[type=text]:last-child { width: 75%;} table.entryTbl .buttonCell .button { display: block; line-height: 2; padding: 0;} .scrollWrap { overflow: auto; max-height: calc(100vh - 12em);} .scrollWrap table.indexTbl { margin: 0; border-collapse: separate; border-spacing: 0; border:none; border-right: 1px solid #aaa;} .scrollWrap table.indexTbl th, .scrollWrap table.indexTbl td { border-right: none; border-bottom: none;} .scrollWrap table.indexTbl thead th { position: sticky; top: 0; border-bottom: 1px solid #aaa;} .scrollWrap table.indexTbl tbody tr:last-child td { border-bottom: 1px solid #aaa;} .scrollWrap table.indexTbl tr:nth-child(2n) th, .scrollWrap table.indexTbl tr:nth-child(2n) td { background: #f0f0f0;} .customerSearchView .scrollWrap table.indexTbl { width: 160em;} .customerSearchStoreView .freeWrap { background: #f0f0f0; padding: 1em 0;} .customerSearchStoreView table.entryTbl { margin: 0; height: 100%; border: none;} .customerSearchStoreView table.entryTbl th, .customerSearchStoreView table.entryTbl td { border: none; background: none; padding: 2px 0.5em;} .customerSearchStoreView table.entryTbl .insurance input[type=text] { width: 32%;} .customerSearchStoreView table.entryTbl .introduce input[type=text].mainCode { width: 28%;} .customerSearchStoreView table.entryTbl .introduce input[type=text].subCode { width: 10%;} .customerSearchStoreView table.entryTbl .introduce input[type=text].title { width: 42%;} .customerSearchStoreView .scrollBox { max-height: calc(100vh - 18em); overflow: auto;} .customerSearchStoreView .tripleButton { margin: 0.5em 0 0;} .customerSearchOrderView .scrollWrapOrders { max-height: calc(50vh - 19.5em); border-bottom: 1px solid #aaa; margin-bottom: 0.75em;} .customerSearchOrderView .scrollWrapProducts { max-height: calc(50vh - 19.5em); border-bottom: 1px solid #aaa;} .customerSearchOrderView .scrollWrapProducts table { margin: 0;} .customerSearchOrderView .orderDates { margin-bottom: 2px;} .customerSearchOrderView .orderDates table { margin: 0;} .customerSearchOrderView .checkPlusText input[type=text] { width: calc(100% - 2.8em); margin-left: 0.4em;} .customerSearchOrderView .orderInfo { margin: 0.75em 0;} .customerSearchOrderView .orderInfo table { margin: 0 0 5px;} .customerSearchOrderView .orderInfo p { padding: 0;} .customerSearchOrderView .introduce input[type=text].mainCode { width: 28%;} .customerSearchOrderView .introduce input[type=text].subCode { width: 10%;} .customerSearchOrderView .introduce input[type=text].title { width: 52%;} .customerSearchInputView .freeWrap { background: #f0f0f0; padding: 1em 0;} .customerSearchInputView h3 { margin: 0; padding: 0;} .customerSearchInputView table.entryTbl { margin: 0; border: none;} .customerSearchInputView table.entryTbl.topTbl { margin-bottom: 1.5em;} .customerSearchInputView table.entryTbl th, .customerSearchInputView table.entryTbl td { border: none; background: none; padding: 2px 0.5em;} .customerSearchInputView form.inputForm td .listInline { padding: 0;} .customerSearchInputView .large { font-size: 14px;} .homeWelcomeView { position: fixed; left: 0; width: 100%; top: 50%; transform: translateY(-50%);} .homeWelcomeView .inner { max-width: 30em; margin: 0 auto; box-sizing: border-box; padding: 2em; background: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); border-radius: 2em;} .homeWelcomeView h1 { margin: 1em 0 2em; text-align: center;} .homeWelcomeView h1 img { width: 65%;} .homeWelcomeView dd input[type=text], .homeWelcomeView dd input[type=password] { width: calc(100% - 12px); font-size: 20px;} .loginPage #wrapper { background: 50% 50% url(../img/login_bg.jpg) no-repeat; background-size: cover; min-height: 100vh;} .loginPage .button { background: linear-gradient(0deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); font-weight: bold; text-shadow: -1.5px -1.5px 1px rgba(0, 0, 0, 0.4); font-size: 16px;} .loginPage .button:hover { background: linear-gradient(0deg, #B67B03 0%, #DAAF08 45%, #FEE9A0 70%, #DAAF08 85%, #B67B03 90% 100%); opacity: 0.6; transition: 0.3s;} .searchBox { padding: 0.5em 0.5em 2em; background: #f0f0f0; font-size: 12px; box-sizing: border-box; border: 1px solid #aaa; height: calc(100vh - 14em); overflow: auto;} .searchBox input, .searchBox select { background-color: #fff;} .searchBox div.flexWrap24 { margin: 1em 0;} .searchBox div.flexWrap24.noTop { margin-top: 0;} .searchBox div.flexWrap24.noBottom { margin-bottom: 0;} .searchBox div.flexWrap24 dt, .searchBox div.flexWrap24 dd { padding: 0.05em;} .searchBox div.flexWrap24 dd .title { font-size: 16px;} .searchBox div.flexWrap24 select { min-height: 26px;} .searchBox div.orderDiv { width:100%; margin-top: 25px; display: flex; gap: 10px; border-top: 1px solid #dee2e6; padding-top: 10px; } .flexWrap24 dl { display: flex; margin: 0; padding: 0 0.5em 0.5em 0; align-items: center;} .flexWrap24 dl dt, .flexWrap24 dl dd { padding: 0;} .flexWrap24 dl dt { margin-right: 0.05em;} .flexWrap24 dl dd { margin-right: 0.05em;} .flexWrap24 .box1, .flexWrap24 .box2, .flexWrap24 .box3, .flexWrap24 .box4, .flexWrap24 .box5, .flexWrap24 .box6, .flexWrap24 .box7, .flexWrap24 .box8, .flexWrap24 .box9, .flexWrap24 .box10, .flexWrap24 .box11, .flexWrap24 .box12, .flexWrap24 .box13, .flexWrap24 .box14, .flexWrap24 .box15, .flexWrap24 .box16, .flexWrap24 .box17, .flexWrap24 .box18, .flexWrap24 .box19, .flexWrap24 .box20, .flexWrap24 .box21, .flexWrap24 .box22, .flexWrap24 .box23, .flexWrap24 .box24 { box-sizing: border-box;} .flexWrap24 .box1 { width: 4.17%;} .flexWrap24 .box2 { width: 8.33%;} .flexWrap24 .box3 { width: 12.50%;} .flexWrap24 .box4 { width: 16.67%;} .flexWrap24 .box5 { width: 20.83%;} .flexWrap24 .box6 { width: 25.00%;} .flexWrap24 .box7 { width: 29.17%;} .flexWrap24 .box8 { width: 33.33%;} .flexWrap24 .box9 { width: 37.50%;} .flexWrap24 .box10 { width: 41.67%;} .flexWrap24 .box11 { width: 45.83%;} .flexWrap24 .box12 { width: 50.00%;} .flexWrap24 .box13 { width: 54.17%;} .flexWrap24 .box14 { width: 58.33%;} .flexWrap24 .box15 { width: 62.50%;} .flexWrap24 .box16 { width: 66.67%;} .flexWrap24 .box17 { width: 70.83%;} .flexWrap24 .box18 { width: 75.00%;} .flexWrap24 .box19 { width: 79.17%;} .flexWrap24 .box20 { width: 83.33%;} .flexWrap24 .box21 { width: 87.50%;} .flexWrap24 .box22 { width: 91.67%;} .flexWrap24 .box23 { width: 95.83%;} .flexWrap24 .box24 { width: 100.00%;} .commissionView { display: flex;} .commissionView table { margin: 0;} .commissionView .leftSide, .commissionView .rightSide { overflow: auto; max-height: calc(100vh - 15em);} .commissionView .leftSide { width: 75%;} .commissionView .rightSide { width: 24%;} .divResizer { cursor: col-resize; width: 1%;} .tableResizer { overflow: visible;} .tableResizer thead th { position: relative; overflow: visible;} .tableResizer thead th .resizerHandle { position: absolute; right: 0; top: 0; width: 10px; height: 100%; cursor: col-resize; user-select: none; transform: translateX(50%);} .customerListView .rightBox { overflow: auto; max-height: calc(100vh - 12em);} .customerSupportListView .rightBox { overflow: auto; max-height: calc(100vh - 12em);} /* 集計処理画面 */ .dateRange { display: flex; align-items: center; gap: 10px; } .dateRange input[type="date"] { padding: 5px; border: 1px solid #ccc; border-radius: 4px; } .dateRange .separator { font-size: 18px; color: #666; } .dateRange .dateNav { display: flex; gap: 5px; } .dateRange .dateNav button { padding: 5px 10px; border: 1px solid #ccc; background: #fff; border-radius: 4px; cursor: pointer; } .dateRange .dateNav button:hover { background: #f0f0f0; } .checkboxGroup { margin-top: 10px; } .checkboxGroup label { display: block; margin-bottom: 8px; cursor: pointer; text-align: left; } .checkboxGroup input[type="checkbox"] { margin-right: 8px; } .resultTable { width: 100%; border-collapse: collapse; margin-top: 20px; min-width: 100%; } .resultTable th, .resultTable td { border: 1px solid #ddd; padding: 8px; text-align: left; white-space: nowrap; } .resultTable th { background: #f5f5f5; font-weight: bold; } .resultTable tr:nth-child(even) { background: #f9f9f9; } .resultTable tr:hover { background: #f0f0f0; } .textRight { text-align: right; } /* 集計処理画面のテーブルコンテナに水平スクロールを追加 */ .customerSearchView .rightBox { overflow-x: auto; overflow-y: visible; } .customerSearchView .rightBox .resultTable { min-width: max-content; } .likeInput { display: inline-block; padding: 2.5px 5px; border: 1px solid #aaa; border-radius: 5px; vertical-align: middle;} .iconPlusBox { display: flex; gap: 2px;} .iconPlusBox a.icon { border: 1px solid #aaa; border-radius: 5px; vertical-align: middle; text-decoration: none; overflow: hidden;} .iconPlusBox a.icon span { display: block; background-color: #fff;} /* 右クリックコンテキストメニューのスタイル */ .context-menu { display: none; position: absolute; background: white; border: 1px solid #ddd; border-radius: 4px; box-shadow: 0 4px 12px rgba(0,0,0,0.15); z-index: 1000; min-width: 180px; padding: 2px 0; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; } .context-menu ul { list-style: none; margin: 0; padding: 0; } .context-menu li { padding: 6px 16px; cursor: pointer; transition: background-color 0.2s; font-size: 13px; color: #333; line-height: 1.4; text-align: left; } .context-menu li:hover { background-color: #f0f0f0; } .context-menu li.separator { border-top: 1px solid #eee; margin: 2px 0; padding: 0; cursor: default; } .context-menu li.separator:hover { background-color: transparent; } .context-menu li.disabled { color: #999; cursor: not-allowed; } .context-menu li.disabled:hover { background-color: transparent; } /* テーブル行の選択状態 */ tr.selected { background-color: #007bff !important; color: white !important; } tr:hover { background-color: #f8f9fa !important; } tr.selected:hover { background-color: #0056b3 !important; } /* 住所マスタポップアップ用CSS */ .address-master-popup body { margin: 0; padding: 0; font-family: Arial, sans-serif; } .address-master-popup .modal-content { height: 100vh; display: flex; flex-direction: column; } .address-master-popup .modal-header { background: #f8f9fa; padding: 15px 20px; border-bottom: 1px solid #dee2e6; display: flex; justify-content: space-between; align-items: center; } .address-master-popup .modal-title { font-size: 18px; font-weight: bold; margin: 0; } .address-master-popup .modal-close { background: none; border: none; font-size: 24px; cursor: pointer; color: #666; } .address-master-popup .modal-body { flex: 1; overflow: hidden; display: flex; flex-direction: column; } .address-master-popup .search-section { padding: 20px; border-bottom: 1px solid #dee2e6; background: #f8f9fa; } .address-master-popup .search-form { display: flex; gap: 15px; align-items: center; } .address-master-popup .search-field { display: flex; align-items: center; gap: 5px; } .address-master-popup .search-field label { font-size: 12px; color: #666; white-space: nowrap; } .address-master-popup .search-field input { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; width: 200px; } .address-master-popup .table-section { flex: 1; overflow: hidden; display: flex; flex-direction: column; } .address-master-popup .table-container { flex: 1; overflow: auto; padding: 20px; } .address-master-popup .address-table { width: 100%; border-collapse: collapse; font-size: 14px; } .address-master-popup .address-table th, .address-master-popup .address-table td { padding: 8px 12px; text-align: left; border-bottom: 1px solid #dee2e6; } .address-master-popup .address-table th { background: #f8f9fa; font-weight: bold; position: sticky; top: 0; } .address-master-popup .address-table tr { cursor: pointer; transition: background-color 0.2s ease; } .address-master-popup .address-table tr:hover { background: #f8f9fa; } .address-master-popup .address-table tr.selected { background: #e3f2fd; border: 2px solid #2196f3; font-weight: bold; } .address-master-popup .form-section { padding: 20px; border-top: 1px solid #dee2e6; background: #f8f9fa; } .address-master-popup .form-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 15px; } .address-master-popup .form-field { display: flex; flex-direction: column; gap: 5px; } .address-master-popup .form-field label { font-size: 12px; color: #666; font-weight: bold; text-align: left; } .address-master-popup .form-field input { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; width: 90%; height: 15px; } .address-master-popup .form-field select { padding: 8px 12px; border: 1px solid #ddd; border-radius: 4px; font-size: 14px; width: 100%; } .address-master-popup .button-section { padding: 20px; border-top: 1px solid #dee2e6; display: flex; gap: 10px; justify-content: stretch; } .address-master-popup .button-section .button { flex: 1; padding: 3px 20px; border: none; border-radius: 4px; cursor: pointer; font-size: 14px; text-align: center; } .address-master-popup .empty-state { text-align: center; padding: 40px; color: #666; } .address-master-popup .pagination { padding: 20px; text-align: center; border-top: 1px solid #dee2e6; } .address-master-popup .pagination a { display: inline-block; padding: 8px 12px; margin: 0 2px; text-decoration: none; border: 1px solid #ddd; color: #007bff; border-radius: 4px; } .address-master-popup .pagination a:hover { background: #f8f9fa; } .address-master-popup .pagination .current { background: #007bff; color: white; } /* イベント編集ポップアップ用CSS */ .events-popup body { margin: 0; padding: 0px; } .events-popup .modal-content { height: auto; max-height: 90vh; display: flex; flex-direction: column; padding: 20px; } .events-popup .modal-header { background: #f8f9fa; padding: 12px 16px; border-bottom: 1px solid #dee2e6; display: flex; justify-content: space-between; align-items: center; } .events-popup .modal-title { font-size: 18px; margin: 0; } .events-popup .modal-close { background: none; border: none; font-size: 22px; cursor: pointer; color: #666; } .events-popup .modal-body { padding: 14px 16px 6px; overflow: auto; } .events-popup .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 14px; } .events-popup .form-field { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } .events-popup .form-field.message { grid-column: 1 / -1; width: 100%; } .events-popup .form-field.message textarea { width: 100%; min-height: 100px; resize: vertical; } .events-popup .form-field .custom-select .select-trigger { width: 100%; display: flex; justify-content: space-between; align-items: center; height: 34px; padding: 6px 10px; border: 1px solid #d0d7de; border-radius: 4px; font-size: 14px; box-sizing: border-box; cursor: pointer; } .events-popup .form-field .custom-select .select-options { display: none; position: absolute; background-color: white; top: 100%; left: 0; right: 0; border: 1px solid #d0d7de; border-top: none; border-radius: 0 0 4px 4px; max-height: 200px; overflow-y: auto; z-index: 1000; } .events-popup .form-field .custom-select { width: 100%; text-align: left; } .events-popup .form-field label { font-size: 12px; color: #555; font-weight: 600; } .events-popup .form-field input, .events-popup .form-field select, .events-popup .form-field textarea { width: 100%; height: 34px; padding: 6px 10px; border: 1px solid #d0d7de; border-radius: 4px; font-size: 14px; box-sizing: border-box; } .events-popup .form-field input[type="datetime-local"], .events-popup .form-field input[type="date"], .events-popup .form-field input[type="time"] { height: 34px; } .events-popup .form-field input[type="checkbox"] { width: auto; height: auto; align-self: flex-start; } .events-popup .button-section { margin-top: 10px; display: flex; gap: 10px; } /* ドキュメントポップアップスタイル */ .documents-popup { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 0; padding: 0px; } .documents-popup .modal-content { height: auto; max-height: 90vh; display: flex; flex-direction: column; padding: 20px; } .documents-popup .modal-header { background: #f8f9fa; padding: 12px 16px; border-bottom: 1px solid #dee2e6; display: flex; justify-content: space-between; align-items: center; } .documents-popup .modal-title { font-size: 18px; margin: 0; } .documents-popup .modal-close { background: none; border: none; font-size: 22px; cursor: pointer; color: #666; } .documents-popup .modal-body { padding: 14px 16px 6px; overflow: auto; } .documents-popup .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 14px; } .documents-popup .form-field { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } .documents-popup .form-field.message { grid-column: 1 / -1; width: 100%; } .documents-popup .form-field.message textarea { width: 100%; min-height: 100px; resize: vertical; } .documents-popup .form-field .custom-select .select-trigger { width: 100%; display: flex; justify-content: space-between; align-items: center; height: 34px; padding: 6px 10px; border: 1px solid #d0d7de; border-radius: 4px; font-size: 14px; box-sizing: border-box; cursor: pointer; } .documents-popup .form-field .custom-select .select-options { display: none; position: absolute; background-color: white; top: 100%; left: 0; right: 0; border: 1px solid #d0d7de; border-top: none; border-radius: 0 0 4px 4px; max-height: 200px; overflow-y: auto; z-index: 1000; } .documents-popup .form-field .custom-select { width: 100%; text-align: left; } .documents-popup .form-field label { font-size: 12px; color: #555; font-weight: 600; } .documents-popup .form-field input, .documents-popup .form-field select, .documents-popup .form-field textarea { width: 100%; height: 34px; padding: 6px 10px; border: 1px solid #d0d7de; border-radius: 4px; font-size: 14px; box-sizing: border-box; } .documents-popup .form-field input[type="datetime-local"], .documents-popup .form-field input[type="date"], .documents-popup .form-field input[type="time"] { height: 34px; } .documents-popup .form-field input[type="checkbox"] { width: auto; height: auto; align-self: flex-start; } .documents-popup .button-section { margin-top: 10px; display: flex; gap: 10px; } .events-popup .button-section .button { flex: 1; line-height: 2.6; } /* ドキュメントページの行選択スタイル */ .indexTbl tr.selected { background-color: #e3f2fd; } .indexTbl tr:hover { background-color: #f5f5f5; cursor: pointer; } .indexTbl tr.selected:hover { background-color: #bbdefb; } /* 表示順変更ボタンのスタイル */ #moveUpBtn:disabled, #moveDownBtn:disabled { opacity: 0.5; cursor: not-allowed; } #selectedCount { font-size: 14px; color: #666; } /* ビデオポップアップスタイル */ .videos-popup { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; margin: 0; padding: 0px; } .videos-popup .modal-content { height: auto; max-height: 90vh; display: flex; flex-direction: column; padding: 20px; } .videos-popup .modal-header { background: #f8f9fa; padding: 12px 16px; border-bottom: 1px solid #dee2e6; display: flex; justify-content: space-between; align-items: center; } .videos-popup .modal-title { font-size: 18px; margin: 0; } .videos-popup .modal-close { background: none; border: none; font-size: 22px; cursor: pointer; color: #666; } .videos-popup .modal-body { padding: 14px 16px 6px; overflow: auto; } .videos-popup .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px 14px; } .videos-popup .form-field { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; } .videos-popup .form-field.message { grid-column: 1 / -1; width: 100%; } .videos-popup .form-field.message textarea { width: 100%; min-height: 100px; resize: vertical; } .videos-popup .form-field .custom-select .select-trigger { width: 100%; display: flex; justify-content: space-between; align-items: center; height: 34px; padding: 6px 10px; border: 1px solid #d0d7de; border-radius: 4px; font-size: 14px; box-sizing: border-box; cursor: pointer; } .videos-popup .form-field .custom-select .select-options { display: none; position: absolute; background-color: white; top: 100%; left: 0; right: 0; border: 1px solid #d0d7de; border-top: none; border-radius: 0 0 4px 4px; max-height: 200px; overflow-y: auto; z-index: 1000; } .videos-popup .form-field .custom-select { width: 100%; text-align: left; } .videos-popup .form-field label { font-size: 12px; color: #555; font-weight: 600; } .videos-popup .form-field input, .videos-popup .form-field select, .videos-popup .form-field textarea { width: 100%; height: 34px; padding: 6px 10px; border: 1px solid #d0d7de; border-radius: 4px; font-size: 14px; box-sizing: border-box; } .videos-popup .form-field input[type="datetime-local"], .videos-popup .form-field input[type="date"], .videos-popup .form-field input[type="time"] { height: 34px; } .videos-popup .form-field input[type="checkbox"] { width: auto; height: auto; align-self: flex-start; } .videos-popup .button-section { margin-top: 10px; display: flex; gap: 10px; } .videos-popup .button-section .button { flex: 1; line-height: 2.6; } /* 送料ポップアップ */ .shipping-fee-popup .popup-container { background: #fff; padding: 20px; min-width: 500px; } .shipping-fee-popup .popup-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; padding-bottom: 10px; border-bottom: 1px solid #ddd; } .shipping-fee-popup .popup-title { font-size: 18px; font-weight: bold; } .shipping-fee-popup .popup-close { background: none; border: none; font-size: 24px; cursor: pointer; color: #666; } .shipping-fee-popup .popup-close:hover { color: #000; } .shipping-fee-popup .form-section { margin-bottom: 20px; } .shipping-fee-popup .form-row { display: flex; align-items: center; margin-bottom: 15px; } .shipping-fee-popup .form-label { width: 60px; text-align: right; padding-right: 10px; font-weight: normal; } .shipping-fee-popup .form-input-group { display: flex; align-items: center; flex: 1; } .shipping-fee-popup .form-input { flex: 1; padding: 5px 8px; border: 1px solid #ccc; border-radius: 3px; font-size: 14px; } .shipping-fee-popup .form-suffix { margin-left: 8px; color: #333; font-size: 14px; } .shipping-fee-popup .form-select { flex: 1; padding: 5px 8px; border: 1px solid #ccc; border-radius: 3px; font-size: 14px; } .shipping-fee-popup .button-section { display: flex; justify-content: center; gap: 10px; margin-top: 20px; padding-top: 20px; border-top: 1px solid #ddd; } .shipping-fee-popup .button-section .button { text-decoration: none; display: inline-block; line-height: 2.6; background: #1A79CF; color: #fff !important; padding: 0 1em; border-radius: 0.3em; border-top: 1px solid rgba(255, 255, 255, 0.6); border-left: 1px solid rgba(255, 255, 255, 0.6); border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 1px solid rgba(0, 0, 0, 0.1); text-align: center; cursor: pointer; min-width: 100px; } .shipping-fee-popup .button-section .button:hover { background: #DFDDEB; } .shipping-fee-popup .button-section .button-clear { background: #6c757d; } .shipping-fee-popup .button-section .button-clear:hover { background: #5a6268; } /* 受注情報ページの下部ボタン */ .order-bottom-button { min-width: 120px; height: 35px; font-size: 12px; margin: 0 5px; box-sizing: border-box; } .customerView .buttonSection { margin-top: 20px; padding: 20px; text-align: center; border-top: 1px solid #ddd; } /* 受注詳細ポップアップ */ .order-detail-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10000; justify-content: center; align-items: center; } .order-detail-modal-overlay.show { display: flex; } .order-detail-modal { background: white; width: 75%; max-width: 800px; max-height: 85vh; border-radius: 8px; position: relative; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; overflow: hidden; } .order-detail-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 12px; border-bottom: 1px solid #ddd; flex-shrink: 0; } .order-detail-modal-header h2 { margin: 0; font-size: 18px; } .order-detail-modal-close { background: none; border: none; font-size: 28px; cursor: pointer; color: #666; line-height: 1; padding: 0; width: 30px; height: 30px; } .order-detail-modal-content { flex: 1; overflow-y: auto; padding: 12px; min-height: 0; font-size: 12px; } .order-detail-modal-content .entryTbl { font-size: 12px; } .order-detail-modal-content .entryTbl th { font-size: 12px; } .order-detail-modal-content .entryTbl input[type="text"], .order-detail-modal-content .entryTbl input[type="date"], .order-detail-modal-content .entryTbl textarea { font-size: 11px; } .order-detail-modal-footer { text-align: right; } /* 集計処理ポップアップ */ .totalling-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); z-index: 10000; justify-content: center; align-items: center; } .totalling-modal-overlay.show { display: flex; } .totalling-modal { background: white; width: 90%; max-width: 900px; max-height: 90vh; border-radius: 8px; position: relative; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); display: flex; flex-direction: column; overflow: hidden; } .totalling-modal-header { display: flex; justify-content: space-between; align-items: center; padding: 15px 20px; border-bottom: 1px solid #ddd; flex-shrink: 0; background-color: #f5f5f5; } .totalling-modal-header h2 { margin: 0; font-size: 18px; font-weight: bold; } .totalling-modal-close { background: none; border: none; font-size: 32px; cursor: pointer; color: #666; line-height: 1; padding: 0; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; } .totalling-modal-close:hover { color: #000; } .totalling-modal-content { flex: 1; overflow-y: auto; padding: 20px; min-height: 0; } .totalling-modal-content .menuWrap { margin: 0; } .totalling-modal-content .leftBox { max-width: 100% !important; margin: 0 !important; } .totalling-modal-content .searchBox { padding: 0 !important; } /* オートシップ受注処理ページの下部ボタン */ #wrapper { position: relative; min-height: 100vh; } .autoship-order-bottom-buttons { position: fixed; bottom: 0; left: 0; right: 0; background: #fff; border-top: 1px solid #ddd; padding: 15px 20px; text-align: center; z-index: 1000; box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); } /* 入金マスターページ */ .income-master-right-box { display: flex; flex-direction: column; height: calc(100vh - 12em); } .income-master-table-wrap { display: flex; flex-direction: column; min-height: 0; width: 100%; } .income-master-table-wrap-top { flex: 2; } .income-master-table-wrap-bottom { flex: 1; margin-top: 10px; border-top: 1px solid #aaa; padding-top: 10px; } .income-master-scroll-wrap { flex: 1; overflow: auto; max-height: 100%; } .income-master-table-wrap table { width: 100%; table-layout: auto; } .income-row.selected { background-color: #1A79CF; color: white; } .textRight { text-align: right; } .textCenter { text-align: center; } .buttonCell { text-align: center; white-space: nowrap; } .buttonCell .button { padding: 0.3em 0.8em; font-size: 0.9em; display: inline-block; margin: 0 2px; } /* メッセージポップアップ */ .messages-popup .modal-content { max-width: 1200px; margin: 0 auto; background: #fff; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); } .messages-popup .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid #e1e4e8; } .messages-popup .modal-title { margin: 0; font-size: 18px; font-weight: 600; } .messages-popup .modal-close { background: none; border: none; font-size: 24px; cursor: pointer; color: #586069; padding: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; } .messages-popup .modal-close:hover { color: #000; } .messages-popup .modal-body { padding: 20px; overflow: auto; max-height: calc(100vh - 120px); } .messages-popup .form-field { margin-bottom: 15px; } .messages-popup .form-field label { display: block; margin-bottom: 5px; font-weight: 500; font-size: 14px; text-align: left; } .messages-popup .recipient-button { display: inline-block; margin-bottom: 5px; padding: 4px 8px; font-size: 14px; font-weight: 500; text-align: left; background-color: #007bff; color: #fff; border: 1px solid #007bff; border-radius: 4px; cursor: pointer; transition: background-color 0.2s; } .messages-popup .recipient-button:hover { background-color: #0056b3; border-color: #0056b3; } .messages-popup .button-section { margin-top: 20px; display: flex; gap: 8px; } .messages-popup .form-field .custom-select .select-trigger { width: 100%; display: flex; justify-content: space-between; align-items: center; height: 34px; padding: 6px 10px; border: 1px solid #d0d7de; border-radius: 4px; font-size: 14px; box-sizing: border-box; cursor: pointer; } .messages-popup .form-field .custom-select .select-options { display: none; position: absolute; background-color: white; top: 100%; left: 0; right: 0; border: 1px solid #d0d7de; border-top: none; border-radius: 0 0 4px 4px; max-height: 200px; overflow-y: auto; z-index: 1000; } .messages-popup .form-field .custom-select { width: 100%; text-align: left; } .messages-popup .select-option:hover { background-color: #f8f9fa; } .messages-popup .select-trigger:hover { border-color: #007bff; } .messages-popup .select-arrow { transition: transform 0.2s ease; } .messages-popup .custom-select.open .select-arrow { transform: rotate(180deg); } /* 配信先選択ポップアップ */ .recipient-selector-popup .modal-content { max-width: 1000px; margin: 0 auto; background: #fff; border-radius: 8px; box-shadow: 0 4px 6px rgba(0,0,0,0.1); height: 100vh; display: flex; flex-direction: column; } .recipient-selector-popup .modal-header { display: flex; justify-content: space-between; align-items: center; padding: 16px 20px; border-bottom: 1px solid #e1e4e8; flex-shrink: 0; } .recipient-selector-popup .modal-title { margin: 0; font-size: 18px; font-weight: 600; } .recipient-selector-popup .modal-close { background: none; border: none; font-size: 24px; cursor: pointer; color: #586069; padding: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; } .recipient-selector-popup .modal-close:hover { color: #000; } .recipient-selector-popup .modal-body { padding: 20px; overflow: auto; flex: 1; min-height: 0; } .recipient-selector-popup .button-section { padding: 15px 20px; border-top: 1px solid #e1e4e8; flex-shrink: 0; margin-bottom: 0; } .recipient-selector-popup .recipient-select-button { margin-bottom: 0; width: 100px; } .recipient-selector-container { display: flex; gap: 20px; height: 100%; } .recipient-selector-left { flex: 1; min-width: 0; } .recipient-selector-right { flex: 1; min-width: 0; display: flex; flex-direction: column; height: 100%; } .recipient-selector-list-wrapper { flex: 1; min-height: 0; overflow: hidden; } .recipient-selector-radio-group { margin-bottom: 15px; display: flex; gap: 15px; } .recipient-selector-radio-group .radio-label { display: inline-flex; align-items: center; gap: 5px; cursor: pointer; } .recipient-selector-popup .form-field { margin-bottom: 12px; } .recipient-selector-popup .form-field label { display: block; margin-bottom: 5px; font-weight: 500; font-size: 14px; text-align: left; } .recipient-selector-popup .form-input, .recipient-selector-popup .form-select { width: 100%; padding: 6px 10px; border: 1px solid #d0d7de; border-radius: 4px; font-size: 14px; box-sizing: border-box; height: 34px; } .recipient-selector-popup .form-input:disabled, .recipient-selector-popup .form-select:disabled { background-color: #f5f5f5; color: #999; cursor: not-allowed; } .recipient-selector-popup .form-input-group { display: flex; gap: 5px; } .recipient-selector-popup .form-input-group .form-input { flex: 1; } .recipient-selector-action-buttons { display: flex; gap: 5px; margin-top: 15px; } .recipient-selector-action-buttons .button { flex: 1; transition: all 0.2s ease; cursor: pointer; border: 1px solid #007bff; background-color: #007bff; color: #fff; padding: 8px 16px; border-radius: 4px; font-size: 14px; font-weight: 500; } .recipient-selector-action-buttons .button:hover { background-color: #0056b3; border-color: #0056b3; transform: translateY(-1px); box-shadow: 0 2px 4px rgba(0, 123, 255, 0.3); } .recipient-selector-action-buttons .button:active { background-color: #004085; border-color: #004085; transform: translateY(0); box-shadow: 0 1px 2px rgba(0, 123, 255, 0.2); } .recipient-selector-action-buttons .button:focus { outline: none; box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.25); } .recipient-selector-list-header { margin-bottom: 5px; } .recipient-selector-list-header label { font-weight: 500; font-size: 14px; } .recipient-selector-list-wrapper { flex: 1; min-height: 0; overflow: hidden; border: 1px solid #d0d7de; border-radius: 4px; background-color: #fff; } .recipient-selector-list { width: 100%; height: 100%; min-height: 400px; max-height: 500px; background-color: #fff; color: #000; overflow-y: auto; font-family: inherit; padding: 4px 0; box-sizing: border-box; } .recipient-list-item { padding: 6px 10px; cursor: pointer; background-color: #fff; color: #000; border: none; user-select: none; transition: background-color 0.2s; } .recipient-list-item:hover { background-color: #e3f2fd; } .recipient-list-item.selected { background-color: #2196f3; color: #fff; } .recipient-list-item.selected:hover { background-color: #1976d2; } .recipient-list-empty { padding: 20px; text-align: center; color: #999; font-style: italic; } .recipient-selector-count { text-align: right; margin-top: 5px; font-size: 12px; color: #666; } /* 顧客情報ページのタブ */ .customerSearchTabs { margin-bottom: 0.5em; } .customerSearchTabs .tabList { list-style: none; margin: 0; padding: 0; display: flex; border-bottom: 2px solid #D6E4F1; } .customerSearchTabs .tabList li { margin: 0; padding: 0; margin-right: 0.25em; } .customerSearchTabs .tabList li:last-child { margin-right: 0; } .customerSearchTabs .tabButton { display: block; text-decoration: none; line-height: 2; background: #EBF1F9; color: #333 !important; padding: 0 1em; border-radius: 5px 5px 0 0; border-top: 1px solid rgba(255, 255, 255, 0.6); border-left: 1px solid rgba(255, 255, 255, 0.6); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: none; text-align: center; transition: background-color 0.2s; } .customerSearchTabs .tabButton:hover { background: #D6E4F1; color: #333 !important; } .customerSearchTabs .tabButton.active { background: #1A79CF; color: #fff !important; border-top: 1px solid rgba(255, 255, 255, 0.6); border-left: 1px solid rgba(255, 255, 255, 0.6); border-right: 1px solid rgba(0, 0, 0, 0.1); border-bottom: none; } /* 仮想キーボード */ .virtualKeyboard { display: flex; justify-content: center; margin: 1em 0; padding: 0.5em; background: transparent; } .keyboardRow { display: flex; flex-direction: column; justify-content: flex-start; margin-bottom: 0.2em; gap: 0.2em; flex-wrap: wrap; } .keyboardRow .smallRow { height: 13.6em; display: flex; flex-direction: column; justify-content: space-between; } .keyboardRow:last-child { margin-bottom: 0; } /* 2行目と4行目はインデント */ .keyboardRow:nth-child(2), .keyboardRow:nth-child(4) { padding-left: 0.2em; } .keyButton { width: 2.2em; height: 2.2em; padding: 0; background: #f0f0f0; border: 1px solid #ccc; border-radius: 0; cursor: pointer; font-size: 14px; text-align: center; line-height: 2.2em; color: #000; display: flex; align-items: center; justify-content: center; transition: background-color 0.15s; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .keyButton:hover { background: #e0e0e0; } .keyButton:active { background: #d0d0d0; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2); } /* 検定運営金テーブル */ .examOperationFeeTable { width: 100%; border-collapse: collapse; margin-bottom: 1em; } .examOperationFeeTable thead { background-color: #f5f5f5; } .examOperationFeeTable th { padding: 0.75em; text-align: left; border: 1px solid #ddd; font-weight: bold; } .examOperationFeeTable td { padding: 0.5em; border: 1px solid #ddd; } .examOperationFeeTable tbody tr:hover { background-color: #f9f9f9; } .examOperationFeeTable input[type="number"], .examOperationFeeTable input[type="text"], .examOperationFeeTable select { border: 1px solid #ccc; padding: 0.25em 0.5em; } .examOperationFeeTable .productCodeInput { width: 100px; } .examOperationFeeTable .productSelect { flex: 1; } /* 汎用商品金額テーブル */ .productsFeeTable { width: 100%; border-collapse: collapse; margin-bottom: 1em; } .productsFeeTable thead { background-color: #f5f5f5; } .productsFeeTable th { padding: 0.75em; text-align: left; border: 1px solid #ddd; font-weight: bold; } .productsFeeTable td { padding: 0.5em; border: 1px solid #ddd; } .productsFeeTable tbody tr:hover { background-color: #f9f9f9; } .productsFeeTable input[type="number"], .productsFeeTable input[type="text"], .productsFeeTable select { border: 1px solid #ccc; padding: 0.25em 0.5em; } .productsFeeTable .productCodeInput { width: 100px; } .productsFeeTable .productSelect { flex: 1; } /* 10支部運営金テーブル */ .exam10branchTable { width: 100%; border-collapse: collapse; margin-bottom: 1em; } .exam10branchTable thead { background-color: #f5f5f5; } .exam10branchTable th { padding: 0.75em; text-align: left; border: 1px solid #ddd; font-weight: bold; } .exam10branchTable td { padding: 0.5em; border: 1px solid #ddd; } .exam10branchTable tbody tr:hover { background-color: #f9f9f9; } .exam10branchTable input[type="number"], .exam10branchTable input[type="text"], .exam10branchTable input[type="checkbox"], .exam10branchTable select { border: 1px solid #ccc; padding: 0.25em 0.5em; } .exam10branchTable .productCodeInput { width: 100px; } .exam10branchTable .productSelect { flex: 1; } .exam10branchTable input[type="checkbox"] { width: 20px; height: 20px; cursor: pointer; }

@charset "utf-8"; /******************************************************************** */ @media screen and (max-width: 1050px){ } @media screen and (max-width: 800px){ } @media screen and (max-width: 500px){ } @media screen and (max-width: 400px){ }