@charset "UTF-8";






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
タブレット対応
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: portrait){ #main > .scrollBoxOuter { position: absolute !important; height: calc(100% - 100px) !important; width: 100% !important; } .footerBtn { display: none !important; } } /*iPad Pro with portrait*/
@media all and (device-width: 1024px) and (device-height: 1366px) and (orientation: landscape){ #main > .scrollBoxOuter { position: absolute !important; height: calc(100% - 85px) !important; width: 100% !important; } .footerBtn { display: none !important; } } /*iPad Pro with landscape*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait){ #main > .scrollBoxOuter { position: absolute !important; height: calc(100% - 100px) !important; width: 100% !important; } .footerBtn { display: none !important; } } /*iPad with portrait*/
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: landscape){ #main > .scrollBoxOuter { position: absolute !important; height: calc(100% - 97px) !important; width: 100% !important; } .footerBtn { display: none !important; } } /*iPad with landscape*/

/*body { min-width: 1680px; }
@media screen and (max-width: 1400px){
	body { min-width: initial; }
}*/





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
リセット
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

html, body { width: 100%; }
html, body, div, span, object, iframe { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: baseline; }
h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: baseline; }
cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: baseline; }
sup { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }
dl, dt, dd, ol, ul, li { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: baseline; }
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: baseline; }
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: baseline; }
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
a { margin: 0; padding: 0; font-size: 100%; background: transparent; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #CCC; margin: 1em 0; padding: 0; }
img { border: 0; vertical-align: bottom; }
input, button, select, textarea { -webkit-appearance: none; }

/*clearfix*/
.clearfix:before,
.clearfix:after { content: ""; clear: both; display: block; }

/*display none*/
.none { display: none !important; }

/*hr*/
hr { margin-left: -15px; margin-top: 0; margin-right: -15px; height: 1px; border: none; }
hr.normal { margin-left: 0; margin-right: 0; }

/*error*/
.err { background-color: rgba(232, 66, 98, .1) !important; }

/*角Rなし*/
.brlnon { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.brrnon { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

/*必須項目用アスタリスク*/
.imp:after { content: "*" !important; font-size: 1.4em; color: #FF6565; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通幅
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*------------------------------------------------------------
汎用
-------------------------------------------------------------*/
.w1em { width: 1em !important; }
.w2em { width: 2em !important; }
.w3em { width: 3em !important; }
.w4em { width: 4em !important; }
.w5em { width: 5em !important; }
.w6em { width: 6em !important; }
.w7em { width: 7em !important; }
.w8em { width: 8em !important; }
.w9em { width: 9em !important; }
.w10em { width: 10em !important; }
.w11em { width: 11em !important; }
.w12em { width: 12em !important; }
.w15em { width: 15em !important; }
.w20em { width: 20em !important; }
.w25em { width: 25em !important; }
.w30em { width: 30em !important; }
.w35em { width: 35em !important; }
.w40em { width: 40em !important; }
.w10per { width: 10% !important; box-sizing: border-box; }
.w20per { width: 20% !important; box-sizing: border-box; }
.w25per { width: 25% !important; box-sizing: border-box; }
.w30per { width: 30% !important; box-sizing: border-box; }
.w33per { width: 33% !important; box-sizing: border-box; }
.w40per { width: 40% !important; box-sizing: border-box; }
.w45per { width: 45% !important; box-sizing: border-box; }
.w50per { width: 50% !important; box-sizing: border-box; }
.w60per { width: 60% !important; box-sizing: border-box; }
.w65per { width: 65% !important; box-sizing: border-box; }
.w70per { width: 70% !important; box-sizing: border-box; }
.w80per { width: 80% !important; box-sizing: border-box; }
.w90per { width: 90% !important; box-sizing: border-box; }
.w100per { width: 100% !important; box-sizing: border-box; }
.w46px { width: 46px !important; }
.w55px { width: 55px !important; }
.w58px { width: 58px !important; }
.w66px { width: 66px !important; }
.w75px { width: 75px !important; }


/*------------------------------------------------------------
flex用
-------------------------------------------------------------*/
.flexBox .w2em { flex-grow: 0 !important; flex-basis: 2em !important; flex-shrink: 0; }
.flexBox .w3em { flex-grow: 0 !important; flex-basis: 3em !important; flex-shrink: 0; }
.flexBox .w4em { flex-grow: 0 !important; flex-basis: 4em !important; flex-shrink: 0; }
.flexBox .w5em { flex-grow: 0 !important; flex-basis: 5em !important; flex-shrink: 0; }
.flexBox .w6em { flex-grow: 0 !important; flex-basis: 6em !important; flex-shrink: 0; }
.flexBox .w7em { flex-grow: 0 !important; flex-basis: 7em !important; flex-shrink: 0; }
.flexBox .w8em { flex-grow: 0 !important; flex-basis: 8em !important; flex-shrink: 0; }
.flexBox .w9em { flex-grow: 0 !important; flex-basis: 9em !important; flex-shrink: 0; }
.flexBox .w10em { flex-grow: 0 !important; flex-basis: 10em !important; flex-shrink: 0; }
.flexBox .w15em { flex-grow: 0 !important; flex-basis: 15em !important; flex-shrink: 0; }
.flexBox .w20em { flex-grow: 0 !important; flex-basis: 20em !important; flex-shrink: 0; }
.flexBox .w25em { flex-grow: 0 !important; flex-basis: 25em !important; flex-shrink: 0; }
.flexBox .w30em { flex-grow: 0 !important; flex-basis: 30em !important; flex-shrink: 0; }
.flexBox .w10per { flex-grow: 0 !important; flex-basis: 10% !important; flex-shrink: 0; }
.flexBox .w20per { flex-grow: 0 !important; flex-basis: 20% !important; flex-shrink: 0; }
.flexBox .w25per { flex-grow: 0 !important; flex-basis: 25% !important; flex-shrink: 0; }
.flexBox .w30per { flex-grow: 0 !important; flex-basis: 30% !important; flex-shrink: 0; }
.flexBox .w35per { flex-grow: 0 !important; flex-basis: 35% !important; flex-shrink: 0; }
.flexBox .w40per { flex-grow: 0 !important; flex-basis: 40% !important; flex-shrink: 0; }
.flexBox .w50per { flex-grow: 0 !important; flex-basis: 50% !important; flex-shrink: 0; }
.flexBox .w60per { flex-grow: 0 !important; flex-basis: 60% !important; flex-shrink: 0; }
.flexBox .w70per { flex-grow: 0 !important; flex-basis: 70% !important; flex-shrink: 0; }
.flexBox .w80per { flex-grow: 0 !important; flex-basis: 80% !important; flex-shrink: 0; }
.flexBox .w90per { flex-grow: 0 !important; flex-basis: 90% !important; flex-shrink: 0;}
.flexBox .w100per { flex-grow: 0 !important; flex-basis: 100% !important; flex-shrink: 0; }

/*フォーム内*/
.formBlockLine > .w3em { flex-grow: 0 !important; flex-basis: 3em !important; flex-shrink: 0; }
.formBlockLine > .w4em { flex-grow: 0 !important; flex-basis: 4em !important; flex-shrink: 0; }
.formBlockLine > .w5em { flex-grow: 0 !important; flex-basis: 5em !important; flex-shrink: 0; }
.formBlockLine > .w6em { flex-grow: 0 !important; flex-basis: 6em !important; flex-shrink: 0; }
.formBlockLine > .w7em { flex-grow: 0 !important; flex-basis: 7em !important; flex-shrink: 0; }
.formBlockLine > .w8em { flex-grow: 0 !important; flex-basis: 8em !important; flex-shrink: 0; }
.formBlockLine > .w9em { flex-grow: 0 !important; flex-basis: 9em !important; flex-shrink: 0; }
.formBlockLine > .w10em { flex-grow: 0 !important; flex-basis: 10em !important; flex-shrink: 0; }
.formBlockLine > .w15em { flex-grow: 0 !important; flex-basis: 15em !important; flex-shrink: 0; }
.formBlockLine > .w20em { flex-grow: 0 !important; flex-basis: 20em !important; flex-shrink: 0; }
.formBlockLine > .w25em { flex-grow: 0 !important; flex-basis: 25em !important; flex-shrink: 0; }
.formBlockLine > .w30em { flex-grow: 0 !important; flex-basis: 30em !important; flex-shrink: 0; }
.formBlockLine > .w10per { flex-grow: 0 !important; flex-basis: 10% !important; flex-shrink: 0; }
.formBlockLine > .w20per { flex-grow: 0 !important; flex-basis: 20% !important; flex-shrink: 0; }
.formBlockLine > .w25per { flex-grow: 0 !important; flex-basis: 25% !important; flex-shrink: 0; }
.formBlockLine > .w30per { flex-grow: 0 !important; flex-basis: 30% !important; flex-shrink: 0; }
.formBlockLine > .w35per { flex-grow: 0 !important; flex-basis: 35% !important; flex-shrink: 0; }
.formBlockLine > .w40per { flex-grow: 0 !important; flex-basis: 40% !important; flex-shrink: 0; }
.formBlockLine > .w50per { flex-grow: 0 !important; flex-basis: 50% !important; flex-shrink: 0; }
.formBlockLine > .w60per { flex-grow: 0 !important; flex-basis: 60% !important; flex-shrink: 0; }
.formBlockLine > .w70per { flex-grow: 0 !important; flex-basis: 70% !important; flex-shrink: 0; }
.formBlockLine > .w80per { flex-grow: 0 !important; flex-basis: 80% !important; flex-shrink: 0; }
.formBlockLine > .w90per { flex-grow: 0 !important; flex-basis: 90% !important; flex-shrink: 0; }
.formBlockLine > .w100per { flex-grow: 0 !important; flex-basis: 100% !important; flex-shrink: 0; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
高さ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.h3em { height: 3em !important; }
.h4em { height: 4em !important; }
.h5em { height: 5em !important; }
.h6em { height: 6em !important; }
.h7em { height: 7em !important; }
.h8em { height: 8em !important; }
.h9em { height: 9em !important; }
.h10em { height: 10em !important; }
.h15em { height: 15em !important; }
.h100per { height: 100% !important; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通マージン
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*------------------------------------------------------------
全方向
-------------------------------------------------------------*/
.maS { margin: 3px !important; }
.maM { margin: 5px !important; }
.maL { margin: 8px !important; }
.maXL { margin: 10px !important; }
.maXXL { margin: 15px !important; }
.maXXXL { margin: 20px !important; }
.maNon { margin: 0 !important; }


/*------------------------------------------------------------
上方向
-------------------------------------------------------------*/
.mtS { margin-top: 3px !important; }
.mtM { margin-top: 5px !important; }
.mtL { margin-top: 8px !important; }
.mtXL { margin-top: 10px !important; }
.mtXXL { margin-top: 15px !important; }
.mtXXXL { margin-top: 20px !important; }
.mtNon { margin-top: 0 !important; }
.mtNeS { margin-top: -5px !important;}


/*------------------------------------------------------------
右方向
-------------------------------------------------------------*/
.mrS { margin-right: 3px !important; }
.mrM { margin-right: 5px !important; }
.mrL { margin-right: 8px !important; }
.mrXL { margin-right: 10px !important; }
.mrXXL { margin-right: 15px !important; }
.mrXXXL { margin-right: 20px !important; }
.mrNon { margin-right: 0 !important; }


/*------------------------------------------------------------
下方向
-------------------------------------------------------------*/
.mbS { margin-bottom: 3px !important; }
.mbM { margin-bottom: 5px !important; }
.mbL { margin-bottom: 8px !important; }
.mbXL { margin-bottom: 10px !important; }
.mbXXL { margin-bottom: 15px !important; }
.mbXXXL { margin-bottom: 20px !important; }
.mbNon { margin-bottom: 0 !important; }


/*------------------------------------------------------------
左方向
-------------------------------------------------------------*/
.mlS { margin-left: 3px !important; }
.mlM { margin-left: 5px !important; }
.mlL { margin-left: 8px !important; }
.mlXL { margin-left: 10px !important; }
.mlXXL { margin-left: 15px !important; }
.mlXXXL { margin-left: 20px !important; }
.mlNon { margin-left: 0 !important; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通パディング
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*------------------------------------------------------------
上方向
-------------------------------------------------------------*/
.paS { padding: 3px !important; }
.paM { padding: 5px !important; }
.paL { padding: 8px !important; }
.paXL { padding: 10px !important; }
.paXXL { padding: 15px !important; }
.paXXXL { padding: 20px !important; }
.paNon { padding: 0 !important; }


/*------------------------------------------------------------
上方向
-------------------------------------------------------------*/
.ptS { padding-top: 3px !important; }
.ptM { padding-top: 5px !important; }
.ptL { padding-top: 8px !important; }
.ptXL { padding-top: 10px !important; }
.ptXXL { padding-top: 15px !important; }
.ptXXXL { padding-top: 20px !important; }
.ptNon { padding-top: 0 !important; }


/*------------------------------------------------------------
右方向
-------------------------------------------------------------*/
.prS { padding-right: 3px !important; }
.prM { padding-right: 5px !important; }
.prL { padding-right: 8px !important; }
.prXL { padding-right: 10px !important; }
.prXXL { padding-right: 15px !important; }
.prXXXL { padding-right: 20px !important; }
.prNon { padding-right: 0 !important; }


/*------------------------------------------------------------
下方向
-------------------------------------------------------------*/
.pbS { padding-bottom: 3px !important; }
.pbM { padding-bottom: 5px !important; }
.pbL { padding-bottom: 8px !important; }
.pbXL { padding-bottom: 10px !important; }
.pbXXL { padding-bottom: 15px !important; }
.pbXXXL { padding-bottom: 20px !important; }
.pbNon { padding-bottom: 0 !important; }

/*------------------------------------------------------------
左方向
-------------------------------------------------------------*/
.plS { padding-left: 3px !important; }
.plM { padding-left: 5px !important; }
.plL { padding-left: 8px !important; }
.plXL { padding-left: 10px !important; }
.plXXL { padding-left: 15px !important; }
.plXXXL { padding-left: 20px !important; }
.plNon { padding-left: 0 !important; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通位置
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.boxCenter { margin-left: auto; margin-right: auto; }


/*------------------------------------------------------------
水平方向
-------------------------------------------------------------*/
.ct { text-align: center !important; justify-content: center; }
.lt { text-align: left !important; justify-content: flex-start; }
.rt { text-align: right !important; justify-content: flex-end; }
.sb { justify-content: space-between; }
.contCt { display: flex; justify-content: center; }

.rtn { white-space: pre-wrap !important; }


/*------------------------------------------------------------
垂直方向
-------------------------------------------------------------*/
table.vt th,
table.vt td { vertical-align: top; align-items: flex-start; }
table.vm th,
table.vm td { vertical-align: middle; align-items: center; }
table.vb th,
table.vb td { vertical-align: bottom; align-items: flex-end; }
.vt { vertical-align: top !important; align-items: flex-start !important; }
.vm { vertical-align: middle !important; align-items: center !important; }
.vb { vertical-align: bottom !important; align-items: flex-end !important; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通フォント
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif\9; line-height: 1.6em; font-size: 75%; color: #333; }
@media all and (-ms-high-contrast:none){ body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } }
@font-face { font-family: 'LigatureSymbols'; src: url('/css/LigatureSymbols/LigatureSymbols-2.11.eot'); src: url('/css/LigatureSymbols/LigatureSymbols-2.11.eot?#iefix') format('embedded-opentype'), url('/css/LigatureSymbols/LigatureSymbols-2.11.woff') format('woff'), url('/css/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'), url('/css/LigatureSymbols/LigatureSymbols-2.11.svg#LigatureSymbols') format('svg'); src: url('/css/LigatureSymbols/LigatureSymbols-2.11.ttf') format('truetype'); font-weight: normal; font-style: normal; }
.lsf { font-family: 'LigatureSymbols'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-feature-settings: "liga" 1, "dlig" 1; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga" 1, "dlig" 1; -o-font-feature-settings: "liga" 1, "dlig" 1; font-feature-settings: "liga" 1, "dlig" 1; font-weight: normal; font-style: normal; }
.lsf-icon:before { content: attr(title); font-family: 'LigatureSymbols'; -webkit-text-rendering: optimizeLegibility; -moz-text-rendering: optimizeLegibility; -ms-text-rendering: optimizeLegibility; -o-text-rendering: optimizeLegibility; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-font-feature-settings: "liga" 1, "dlig" 1; -moz-font-feature-settings: "liga=1, dlig=1"; -ms-font-feature-settings: "liga" 1, "dlig" 1; -o-font-feature-settings: "liga" 1, "dlig" 1; font-feature-settings: "liga" 1, "dlig" 1; }
.ico > a > span { display: none; }


/*------------------------------------------------------------
フォントサイズ
-------------------------------------------------------------*/

/*グローバルフォントサイズ*/
body.fontSizeS { line-height: 1.6em; font-size: 75%; }
body.fontSizeM { line-height: 1.6em; font-size: 90%; }

/*汎用フォントサイズ*/
.sizeXS { font-size: 0.6em !important; }
.sizeS { font-size: 0.8em !important; }
.sizeM { font-size: 1.1em !important; }
.sizeL { font-size: 1.2em !important; }
.sizeXL { font-size: 1.4em !important; }
.sizeXXL { font-size: 1.7em !important; }


/*------------------------------------------------------------
テキスト・タイトル用
-------------------------------------------------------------*/
/*太字*/
.bold { font-weight: bold !important; }

/*タイトル*/
h2 { font-weight: bold; font-size: 1.6em; font-family: system-ui; }
.cBoxHeader h2 { margin-bottom: 10px; font-size: 2em; color: #000; }
.col .inner h3 { font-size: 1.3em; color: #000; }
.col .inner h4 { margin-bottom: 10px; font-size: 1em; color: #000; }

/*赤文字*/
.ftRed { color: #FC6565 !important; }

/*------------------------------------------------------------
リンク用
-------------------------------------------------------------*/
a { font-weight: normal; text-decoration: underline; color: #4D4F5C; }
a:hover { text-decoration: none; cursor: pointer; }
a:link, a:visited, a:active, a:hover { outline: none; }
a > i { text-decoration: none; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
カラー
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*------------------------------------------------------------
背景色
-------------------------------------------------------------*/
.bgColor { background-color: #FFF !important; }
.bgColor1 { background-color: #FF6565 !important; }
.bgColor2 { background-color: #FFCA83 !important; }
.bgColor3 { background-color: #A3A1FB !important; }
.bgColor4 { background-color: #4AD991 !important; }
.bgColor5 { background-color: #FFDA83 !important; }
.bgColor6 { background-color: #FF8373 !important; }
.bgColor7 { background-color: #AAA !important; }
.bgColor8 { background-color: #F5F6FA !important; }
.bgColor9 { background-color: #F0F0F0 !important; }
.bgColor10 { background-color: #CCC !important; }

/*グラフカラー*/
.c3-target-bgColor1 g path.c3-bar { stroke: #FF6565 !important; fill: #FF6565 !important; }
.c3-target-bgColor2 g path.c3-bar { stroke: #FFCA83 !important; fill: #FFCA83 !important; }
.c3-target-bgColor3 g path.c3-bar { stroke: #A3A1FB !important; fill: #A3A1FB !important; }
.c3-target-bgColor4 g path.c3-bar { stroke: #4AD991 !important; fill: #4AD991 !important; }
.c3-target-bgColor5 g path.c3-bar { stroke: #FFDA83 !important; fill: #FFDA83 !important; }
.c3-target-bgColor6 g path.c3-bar { stroke: #FF8373 !important; fill: #FF8373 !important; }
.c3-target-bgColor7 g path.c3-bar { stroke: #AAA !important; fill: #AAA !important; }
.c3-target-bgColor8 g path.c3-bar { stroke: #F5F6FA !important; fill: #F5F6FA !important; }

/*カテゴリ別*/
.categoryP { background-color: #CCFFCC !important; color: #333 !important; }
.categoryC { background-color: #F6CCCD !important; color: #333 !important; }
.categoryW { background-color: #9ACCFD !important; color: #333 !important; }
.categoryD { background-color: #FFFF72 !important; color: #333 !important; }
.categoryU { background-color: #CC9A3E !important; color: #333 !important; }
.categoryG { background-color: #FFCD9C !important; color: #333 !important; }
.categoryNone { background-color: #FFF !important; color: #333 !important; }


/*------------------------------------------------------------
文字色
-------------------------------------------------------------*/
.fColor0 { color: #333 !important; }
.fColor1 { color: #FF3300 !important; }
.fColor2 { color: #FC6565 !important; }
.fColor3 { color: #3E55E6 !important; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通フォームグループ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.formInline label { margin-right: 5px; }
.formInline label:last-child { margin-right: 0; }
.formBlockLine label { margin-right: 0; }

/*formGroup*/
.formGroupOuter { padding: 15px; border-width: 1px; border-style: solid; box-sizing: border-box; background-color: #FFF; border-color: #E2E3E5; }
.formGroup { padding-bottom: 5px; }
.formGroup:last-child,
.formGroup:only-child { padding-bottom: 0 !important; }
.formGroup h3 { display: flex; align-items: center; font-size: 1.4em; }
.formGroup h3 span { font-size: 0.7em; padding-left: 8px; }
.formGroup:last-child > .inner:last-child,
.formGroup:last-child > .inner:only-child { padding-bottom: 0; }
.formGroup.scrollBox { padding-bottom: 15px; }
.formGroup.scrollBox:last-child { padding-bottom: 0; }
.formGroup .inner:last-child,
.formGroup .inner:only-child { padding-bottom: 0 !important; }
.formGroup .inner .partsBox span { display: inline-block; padding-top: 0.25em; }


/*-------------------------------------------------------------
見出し上（ブロック）
-------------------------------------------------------------*/
.formBlock .inner { display: block; padding-bottom: 15px; }
.instantView .formBlock .inner { padding-bottom: 5px; }
.formBlock .inner:last-child,
.formBlock .inner:only-child { padding-bottom: 0; }
.formBlock .inner p.formTitle { padding-bottom: 5px; font-weight: normal; }
.formBlock .partsBox { display: flex; align-items: center; }


/*-------------------------------------------------------------
見出し上（インライン）
-------------------------------------------------------------*/
.formBlockLine { display: inline-flex; align-items: center; }
.formBlockLine .inner { padding-bottom: 0; }
.instantView .formBlockLine .inner { padding-bottom: 5px; }
.formBlockLine .inner:last-child,
.formBlockLine .inner:only-child { padding-bottom: 0; }
.formBlockLine .partsBox { display: flex; align-items: center; margin-right: 15px; }



/*-------------------------------------------------------------
見出し横（ブロック）
-------------------------------------------------------------*/
.formInline .inner { display: flex; flex-wrap: wrap; align-items: flex-start; padding-bottom: 5px; }
.formInline .inner .partsBox { width: 100%; }
.instantView .formInline .inner { padding-bottom: 5px; }
.formInline .inner:after { clear: both; display: table; content: ""; }
.formInline .inner:last-child { margin-right: 0; padding-bottom: 0; }
.formInline .inner p.formTitle { float: left; margin-right: 5px; padding-top: 0.3em; }
.flexBox .formInline .inner p.formTitle { margin-left: 0; }
.formInline .inner .formParts { float: left; }


/*-------------------------------------------------------------
見出し横（インライン）
-------------------------------------------------------------*/
.formInlineLine { display: flex; }
.formInlineLine .inner { display: inline-flex; align-items: center; }
.instantView .formInlineLine .inner { padding-bottom: 5px; }
.formInlineLine .inner:after { clear: both; display: table; content: ""; }
.formInlineLine .inner:last-child { margin-right: 0; padding-bottom: 0; }
.formInlineLine .inner p.formTitle { margin-right: 5px; float: left; text-align: right; flex-shrink: 0; flex-grow: 0; font-weight: noarmal; padding-top: 0.3em; }
.flexBox .formInlineLine .inner p.formTitle { margin-left: 0; }
.formInlineLine .inner .formParts { float: left; }
.formInlineLineFull { display: flex; justify-content: space-between; }
.formInlineLineFull .inner { display: inline-flex; align-items: center; flex: 1; }
.formInlineLineFull .inner:last-child { margin-right: 0; padding-bottom: 0; }
.formInlineLineFull .inner p.formTitle { margin-right: 5px; float: left; text-align: right; flex-shrink: 0; flex-grow: 0; font-weight: noarmal; padding-top: 0.3em; }
.flexBox .formInlineLineFull .inner p.formTitle { margin-left: 0; }
.formInlineLineFull .inner .formParts { float: left; }


/*-------------------------------------------------------------
サイズ別 余白調整用
-------------------------------------------------------------*/
.box1.partsSizeL .formGroup { padding-bottom: 25px; }
.box2-1.partsSizeL .formGroup { padding-bottom: 20px; }
.box1.partsSizeL .formInline .inner { padding-bottom: 25px; }
.box2-1.partsSizeL .formInline .inner { padding-bottom: 20px; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通フォームパーツ
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
共通
-------------------------------------------------------------*/
input[type="button"],
input[type="submit"],
button { -webkit-appearance: none; }
input { vertical-align: middle; position: relative; margin: 0; }
input:disabled { cursor: default; }
label { cursor: pointer; display: inline-block; box-sizing: border-box; }


/*-------------------------------------------------------------
input
-------------------------------------------------------------*/
input[type="text"],
input[type="date"],
input[type="password"],
input[type="number"],
input[type="email"] { -webkit-appearance: none; -webkit-text-fill-color: #4D4F5C; height: 25px; border-radius: 3px; display: inline-block; transition: all 0.2s; padding: 0 5px; outline: 0; color: #4D4F5C; font-size: 1.1em; box-sizing: border-box; border-width: 1px; border-style: solid; border-color: #CCC; }
input[type="text"].fontRed { color: #FF3300 !important; -webkit-text-fill-color: #FF3300 !important; }
input[type="text"].fontRed.err,
input[type="text"].err,
input[type="email"].err,
input[type="tel"].err { color: #E84262 !important; -webkit-text-fill-color: #E84262 !important; }
input[type="text"].err::placeholder,
input[type="email"].err::placeholder,
input[type="tel"].err::placeholder { color: rgba(232, 66, 98, .4) !important; -webkit-text-fill-color: rgba(232, 66, 98, .4) !important; }
input[type="text"]:focus,
input[type="date"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="email"]:focus { border-width: 1px; border-style: solid; /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);*/ border-color: #09A0F6; }
input[readonly]:focus { border-color: inherit !important; box-shadow: none !important; }
.formBlock .inner input[type="text"],
.formBlock .inner input[type="password"],
.formBlock .inner input[type="number"],
.formBlock .inner input[type="email"] { width: 100%; }

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder { color: #D4D4D4; -webkit-text-fill-color: #D4D4D4; }

.textBoxDisabled { height: 30px; border-radius: 3px; display: inline-flex !important; align-items: center; padding: 2px 10px 0 10px; outline: 0; color: #333; background-color: #F5F6FA; font-size: 1.1em; line-height: 1; box-sizing: border-box; /*border: 1px solid #CCC;*/ }

/*-------------------------------------------------------------
textarea
-------------------------------------------------------------*/
textarea { margin: 0; -webkit-appearance: none; border-radius: 3px; display: inline-block; width: 100%; transition: all 0.2s; padding: 5px; font-size: 1.1em; outline: 0; box-sizing: border-box; resize: vertical; vertical-align: middle; position: relative; overflow: auto; border-width: 1px; border-style: solid; border-color: #CCC; color: #4D4F5C; }
textarea:focus { z-index: 1; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6); border-width: 1px; border-style: solid; border-color: #09A0F6; }
textarea.fontRed { color: #FF3300 !important; -webkit-text-fill-color: #FF3300 !important; }
textarea.err { color: #E84262 !important; -webkit-text-fill-color: #E84262 !important; }
textarea.err::placeholder { color: rgba(232, 66, 98, .4) !important; -webkit-text-fill-color: rgba(232, 66, 98, .4) !important; }
textarea[disabled],
textarea[readonly] { background-color: #F5F6FA; color: #4D4F5C; }
textarea[disabled] + iframe,
textarea[readonly] + iframe { background-color: #F5F6FA; color: #4D4F5C; opacity: 0.6; }


/*-------------------------------------------------------------
checkbox
-------------------------------------------------------------*/

/*checkbox*/
input[type="checkbox"] { border: none; top: -2px; margin-left: 3px; margin-right: 8px; cursor: pointer; outline-width: 3px; outline-style: solid; outline-color: #F5F5F5; }
input[type="checkbox"]:checked + label.checkBox:before { opacity: 1; }
label.checkBox { box-sizing: border-box; transition: background-color 0.2s linear; position: relative; display: inline-block; margin: 0; padding: 0 12px 0 25px; vertical-align: middle; cursor: pointer; }
label.checkBox:empty { padding: 12px 12px 12px 13px; z-index: 0; }
label.checkBox:before { transition: opacity 0.2s linear; position: absolute; top: 50%; left: 10px; display: block; margin-top: -7px; width: 4px; height: 9px; content: ''; opacity: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); z-index: 1; border-right-width: 2px; border-right-style: solid; border-bottom-width: 2px; border-bottom-style: solid; border-right-color: #63BCBC; border-bottom-color: #33A964; }
label.checkBox:after { transition: border-color 0.2s linear; position: absolute; top: 50%; left: 4px; display: block; margin-top: -9px; width: 15px; height: 15px; content: ''; border-width: 1px; border-style: solid; border-color: #D1D1D1; border-radius: 3px; outline-width: 3px; outline-style: solid; background-color: #FFF; outline-color: transparent; }
label.checkBox:hover:after { border-color: #33A964; }
input[type="checkbox"][disabled] + label.checkBox { cursor: default; color: #999; }
input[type="checkbox"][disabled] + label.checkBox:after { border-color: #F5F5F5; }
input[type="checkbox"][disabled] + label.checkBox:hover:after { border-color: #F5F5F5; }
input[type="checkbox"][checked][disabled]+ .checkBtn { color: #999; }

/*checkbox（ボタン）*/
.checkBtnBox {}
.checkBtnBox input[type="checkbox"] { display: none; }
.checkBtnBox label.checkBtn { padding: 0 7px; height: 25px; display: inline-flex; align-items: center; box-sizing: border-box; line-height: 1; border-radius: 3px; border-width: 1px; border-style: solid; border-color: #999; font-size: 1.1em; font-family: system-ui; vertical-align: middle; background-color: #FFF; transition: all 0.3s; }
.checkBtnBox input[type="checkbox"]:checked + label.checkBtn { padding: 0 6px; height: 25px; box-sizing: border-box; z-index: 1; position: relative; border-width: 2px; border-style: solid; border-color: #6A7277; background-color: #6A7277; color: #FFF; }
.checkBtnBox input[type="checkbox"][disabled] + label.checkBtn { cursor: default; color: #999; }
.checkBtnBox input[type="checkbox"][checked][disabled] + label.checkBtn { cursor: default; color: #FFF; opacity: 0.6; }
.checkBtnBox input[type="checkbox"] + label.checkBtn:hover,
.checkBtnBox input[type="checkbox"] + label.checkBtn:focus { padding: 0 6px; height: 25px; line-height: 1; box-sizing: border-box; z-index: 1; position: relative; border-width: 2px; border-style: solid; border-color: #999; color: #000; }
.checkBtnBox input[type="checkbox"][disabled] + label.checkBtn:hover { padding: 0 7px; height: 25px; border-width: 1px; border-style: solid; border-color: #999; color: #999; }
.checkBtnBox input[type="checkbox"][checked][disabled]+ label.checkBtn:hover { padding: 0 7px; border-color: #999; color: #FFF; }
.checkBtnBox label.checkBtnS { padding: 0 5px; height: 20px; display: inline-flex; align-items: center; box-sizing: border-box; line-height: 1; border-radius: 3px; border-width: 1px; border-style: solid; font-size: 0.9em; font-family: system-ui; border-color: #999; background-color: #FFF; }
.checkBtnBox input[type="checkbox"]:checked + label.checkBtnS { padding: 0 4px; box-sizing: border-box; z-index: 1; position: relative; border-width: 2px; border-style: solid; border-color: #6A7277; background-color: #6A7277; color: #FFF; }
.checkBtnBox input[type="checkbox"][disabled] + label.checkBtnS { cursor: default; color: #999; }
.checkBtnBox input[type="checkbox"][checked][disabled]+ label.checkBtnS { cursor: default; color: #FFF; opacity: 0.6; }
.checkBtnBox input[type="checkbox"] + label.checkBtnS:hover,
.checkBtnBox input[type="checkbox"] + label.checkBtnS:focus,
.checkBtnBox input[type="checkbox"] + label.checkBtnS:focus-within { padding: 0 4px; box-sizing: border-box; z-index: 1; position: relative; border-width: 2px; border-style: solid; border-color: #999; color: #000; }
.checkBtnBox input[type="checkbox"][disabled] + label.checkBtnS:hover { padding: 0 5px; height: 20px; border-width: 1px; border-style: solid; border-color: #999; color: #999; }
.checkBtnBox input[type="checkbox"][checked][disabled]+ label.checkBtnS:hover { padding: 0 4px; border-width: 2px; border-color: #6A7277; color: #FFF; }
.checkBtnBox input[type="checkbox"]:checked + label.checkBtn:hover,
.checkBtnBox input[type="checkbox"]:checked + label.checkBtn:focus { color: #FFF; opacity: 0.6; }
.checkBtnBox input[type="checkbox"]:checked + label.checkBtnS:hover,
.checkBtnBox input[type="checkbox"]:checked + label.checkBtnS:focus { color: #FFF; opacity: 0.6; }



/*-------------------------------------------------------------
radio
-------------------------------------------------------------*/

/*radio*/
input[type="radio"] { border: none; top: -2px; margin-right: 5px; cursor: pointer; }
input[type="radio"]:checked + label.radioBox:before { opacity: 1; }
label.radioBox { box-sizing: border-box; transition: background-color 0.2s linear; position: relative; display: inline-block; margin: 0; padding: 6px 12px 5px 30px; vertical-align: middle; cursor: pointer; }
label.radioBox:empty { padding: 12px 12px 12px 13px; }
label.radioBox:before { transition: opacity 0.2s linear; position: absolute; top: 50%; left: 9px; display: block; margin-top: -5px; width: 10px; height: 10px; border-radius: 50%; content: ''; opacity: 0; z-index: 1; background-color: #838691; }
label.radioBox:after { transition: border-color 0.2s linear; position: absolute; top: 50%; left: 4px; display: block; margin-top: -10px; width: 16px; height: 16px; content: ''; border-radius: 50%; border-width: 2px; border-style: solid; border-color: #838691; background-color: #FFF; }
label.radioBox:hover:after { border-color: #63BCBC; }
input[type="radio"][disabled] { cursor: default; }
input[type="radio"][disabled] + label.radioBox { cursor: default; color: #999; }
input[type="radio"][disabled] + label.radioBox:hover:after { border-color: #DDD; }

/*radio（ボタン）*/
.radioBtnBox { display: inline-block; vertical-align: middle; }
.radioBtnBox label.radioBtn { margin: 0 -1px 0 0; padding: 1px 14px 0 14px; height: 30px; display: inline-flex; align-items: center; box-sizing: border-box; line-height: 1; border-width: 1px; border-style: solid; background-color: #FFF; border-color: #DDD; transition: all 0.3s; }
.radioBtnBox label.radioBtnS { margin: 0 -1px 0 0; padding: 0 7px; height: 25px; display: inline-flex; align-items: center; box-sizing: border-box; line-height: 1; font-family: system-ui; font-size: 1.1em; border-width: 1px; border-style: solid; background-color: #FFF; border-color: #999; transition: all 0.3s; }
.radioBtnBox label.radioBtn:first-child { margin: 0; }
.radioBtnBox label.radioBtnS:first-child { margin: 0; }
.radioBtnBox label.radioBtn:nth-of-type(1) { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.radioBtnBox label.radioBtn:nth-last-of-type(1) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.radioBtnBox label.radioBtnS:nth-of-type(1) { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.radioBtnBox label.radioBtnS:nth-last-of-type(1) { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.radioBtnBox label i { top: -1px; }
.radioBtnBox input[type="radio"] { display: none; }
.radioBtnBox input[type="radio"]:checked + label.radioBtn { padding: 1px 13px 0 13px; box-sizing: border-box; z-index: 1; position: relative; border-width: 2px; border-style: solid; border-color: #6A7277; background-color: #6A7277; color: #FFF; }
.radioBtnBox input[type="radio"]:checked + label.radioBtnS { padding: 0 6px; box-sizing: border-box; z-index: 1; position: relative; border-width: 2px; border-style: solid; border-color: #6A7277; background-color: #6A7277; color: #FFF; }
.radioBtnBox input[type="radio"][disabled] + label.radioBtn { cursor: default; color: #999; }
.radioBtnBox input[type="radio"][disabled] + label.radioBtnS { cursor: default; color: #999; border-color: #DDD; }
.radioBtnBox input[type="radio"][disabled] + label.radioBtnS { cursor: default; color: #999; border-color: #DDD; }
.radioBtnBox input[type="radio"][disabled]:checked + label.radioBtnS { cursor: default; padding: 0 7px; border: 1px solid #6A7277; color: #FFF; opacity: 0.6; }
.radioBtnBox input[type="radio"] + label.radioBtn:hover,
.radioBtnBox input[type="radio"] + label.radioBtn:focus { padding: 1px 13px 0 13px; box-sizing: border-box; z-index: 1; position: relative; border-width: 2px; border-style: solid; border-color: #999; color: #000; }
.radioBtnBox input[type="radio"] + label.radioBtnS:hover,
.radioBtnBox input[type="radio"] + label.radioBtnS:focus { padding: 0 6px; box-sizing: border-box; line-height: 1; z-index: 1; position: relative; border-width: 2px; border-style: solid; border-color: #999; color: #000; }
.radioBtnBox input[type="radio"][disabled] + label.radioBtn:hover,
.radioBtnBox input[type="radio"][disabled] + label.radioBtn:focus { padding: 1px 14px 0 14px; height: 30px; border-width: 1px; border-color: #DDD; color: #999; }
.radioBtnBox input[type="radio"][disabled] + label.radioBtnS:hover,
.radioBtnBox input[type="radio"][disabled] + label.radioBtnS:focus { padding: 0 7px; height: 25px; border-width: 1px; border-color: #DDD; color: #999; }
.radioBtnBox input[type="radio"][checked][disabled] + label.radioBtn:hover { padding: 1px 13px 0 13px; box-sizing: border-box; z-index: 1; position: relative; border-width: 2px !important; border-style: solid; border-color: #63BCBC; color: #999; }
.radioBtnBox input[type="radio"][checked][disabled] + label.radioBtnS:hover { padding: 0 7px; box-sizing: border-box; z-index: 1; position: relative; /*border-width: 2px !important;*/ border-style: solid; /*border-color: #63BCBC;*/ color: #999; }
.radioBtnBox input[type="radio"]:checked + label.radioBtn:hover,
.radioBtnBox input[type="radio"]:checked + label.radioBtn:focus { color: #FFF; opacity: 0.6; }
.radioBtnBox input[type="radio"]:checked + label.radioBtnS:hover,
.radioBtnBox input[type="radio"]:checked + label.radioBtnS:focus { color: #FFF; opacity: 0.6; }
.radioBtnBox input[type="radio"][disabled]:checked + label.radioBtn:hover,
.radioBtnBox input[type="radio"][disabled]:checked + label.radioBtn:focus { color: #FFF !important; }
.radioBtnBox input[type="radio"][disabled]:checked + label.radioBtnS:hover,
.radioBtnBox input[type="radio"][disabled]:checked + label.radioBtnS:focus { color: #FFF !important; border-color: #6A7277; }

/*radio 均等*/
.radioBtnBox .flexBox label { flex-grow: 1; text-align: center; }

/*1行ラジオ*/
.partsRadioLine { margin-right: 1px; }
.partsRadioLine .radioBtnBox label { padding: 4px 0 !important; border-width: 1px !important; border-radius: 0 !important; }
.partsRadioLine .radioBtnBox label:first-child { margin: 0 !important; }
.partsRadioLine .radioBtnBox input[type="radio"]:checked + .radioBtnS { padding: 4px 0 !important; font-weight: bold; background-color: #63BCBC; color: #FFF; border-color: #63BCBC; }
.partsRadioLine .radioBtnBox input[type="radio"] + label.radioBtnS:hover { padding: 4px 0 !important; font-weight: bold; border-width: 1px !important; border-color: #8CA8C0; background-color: #8CA8C0; color: #FFF; }
.partsRadioLine .radioBtnBox label:nth-of-type(1) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.partsRadioLine .radioBtnBox label:nth-last-of-type(1) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

/*radio 等幅25%*/
.radioBtnBox .flexBox.flexWrap25Per { flex-wrap: wrap; }
.radioBtnBox .flexBox.flexWrap25Per label { width: 25%; margin: -1px -1px 0 0 !important; padding: 4px 0 !important; border-width: 1px !important; border-radius: 0 !important; }
.radioBtnBox .flexBox.flexWrap25Per label:first-child { margin: 0 !important; }
.radioBtnBox .flexBox.flexWrap25Per input[type="radio"]:checked + .radioBtnS { padding: 4px 0 !important; font-weight: bold; background-color: #8CA8C0; color: #FFF; border-color: #8CA8C0; }
.radioBtnBox .flexBox.flexWrap25Per input[type="radio"] + label.radioBtnS:hover { padding: 4px 0 !important; font-weight: bold; border-width: 1px !important; border-color: #8CA8C0; background-color: #8CA8C0; color: #FFF; }
.radioBtnBox .flexBox.flexWrap25Per label:nth-of-type(1) { border-top-left-radius: 0 !important; border-bottom-left-radius: 0 !important; }
.radioBtnBox .flexBox.flexWrap25Per label:nth-last-of-type(1) { border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; }

/*radio（カラーセレクト）*/
.radioBtnBox.colorSelect { }
.radioBtnBox.colorSelect #radioColorBlue + label { text-indent: -9999px; padding: 0; width: 12px; height: 12px; border-radius: 12px; border-width: 1px; border-style: solid; border-color: #FFF; background-color: #0098E3; }
.radioBtnBox.colorSelect #radioColorGreen + label { text-indent: -9999px; padding: 0; width: 12px; height: 12px; border-radius: 12px; border-width: 1px; border-style: solid; border-color: #FFF; background-color: #2EBB49; }
.radioBtnBox.colorSelect #radioColorOrange + label { text-indent: -9999px; padding: 0; width: 12px; height: 12px; border-radius: 12px; border-width: 1px; border-style: solid; border-color: #FFF; background-color: #FF9326; }
.radioBtnBox.colorSelect #radioColorRed + label { text-indent: -9999px; padding: 0; width: 12px; height: 12px; border-radius: 12px; border-width: 1px; border-style: solid; border-color: #FFF; background-color: #FF5D73; }
.radioBtnBox.colorSelect .radioColor:checked + label { border-width: 1px !important; border-style: solid !important; border-color: #90A8BF !important; }


/*-------------------------------------------------------------
select
-------------------------------------------------------------*/
select { color: #4D4F5C; background-color: #FFF; border: 1px solid #CCC; border-radius: 3px; display: inline-block; line-height: 1; font-size: 13px !important; white-space: nowrap; height: 25px; padding: 0 5px !important; margin: 0; -webkit-appearance: none; -moz-appearance: none; /*background-image: linear-gradient(45deg, transparent 50%, #CCC 50%), linear-gradient(135deg, #CCC 50%, transparent 50%), linear-gradient(to right, #CCC, #CCC); background-position: calc(100% - 13px) calc(1em + -1px), calc(100% - 8px) calc(1em + -1px), calc(100% - 2em) 0; background-size: 5px 5px, 5px 5px, 1px 30px; background-repeat: no-repeat;*/ box-sizing: border-box; cursor: pointer; }
select::-ms-expand { display: none; }
select[multiple] { vertical-align: top; }
select.err { color: #FFF !important; -webkit-text-fill-color: #FFF !important; }
select.err.categoryP,
select.err.categoryW,
select.err.categoryD,
select.err.categoryU,
select.err.categoryG, 
select.err.categoryNone { color: #E84262 !important; -webkit-text-fill-color: #E84262 !important; background-color: rgba(232, 66, 98, .1) !important; }
.select-wrap { position: relative; }
.select-wrap:after { content: ""; width: 6px; height: 6px; border: 0; border-bottom: solid 1px #808495; border-right: solid 1px #808495; position: absolute; top: 50%; right: calc(0% + 10px); margin-top: -6px; transform: rotate(45deg); pointer-events: none; }
.partsSizeL .select-wrap:after { right: calc(0% + 14px); }
.select-wrap select { padding-right: 25px !important; }


/*-------------------------------------------------------------
slider
-------------------------------------------------------------*/
.sliderOuter { display: flex; align-items: center; justify-content: center; }
.slider { width: 120px; padding: 0 8px; display: inline-block; vertical-align: middle; }
.slider .inner { position: relative; height: 4px !important; border-radius: 4px; background-color: #CCC; }
.slider .inner .point { position: absolute; top: -6px; left: 0; width: 16px; height: 16px; margin-left: -8px; border-radius: 50%; box-sizing: border-box; cursor: pointer; border-width: 3px; border-style: solid; border-color: #00A1FD; background-color: #FFF; }


/*-------------------------------------------------------------
ふりがな用テキスト
-------------------------------------------------------------*/
input[type="text"].jpSyllabary { height: 25px !important; }
input[type="text"].jpSyllabaryS { height: 20px !important; }
/*input[type="text"][name="dodi_order_name_kana"],
input[type="text"][name="dodi_order_name2_kana"],
input[type="text"][name="dodr_delivery_name_kana"] { height: 22px !important; }
input[type="text"][name="musr_name_kana"] { height: 25px !important; }*/


/*-------------------------------------------------------------
高さ調整用
-------------------------------------------------------------*/
.partsSizeL select { height: 40px; }
.partsSizeL input[type="text"],
.partsSizeL input[type="date"], input[type="password"],
.partsSizeL input[type="number"], input[type="email"] { height: 40px; }
.partsSizeL .radioBtnBox label.radioBtn { height: 40px; }
.partsSizeL label.fileBtnS { height: 40px; }
.partsSizeL .btnAddress,
.partsSizeL .btnAddress:hover { height: 40px; }
.partsSizeL .checkBtnBox label.checkBtn { height: 40px; }
.partsSizeL .checkBtnBox input[type="checkbox"]:checked + label.checkBtn { height: 40px; }
.partsSizeL .checkBtnBox input[type="checkbox"] + label.checkBtn:hover { height: 40px; }
.partsSizeM select { height: 30px; }
.partsSizeM input[type="text"],
.partsSizeM input[type="date"], input[type="password"],
.partsSizeM input[type="number"], input[type="email"] { height: 30px; }
.partsSizeM input[type="text"].jpSyllabary { height: 22px !important; }
.partsSizeM .radioBtnBox label.radioBtn { height: 30px; }
.partsSizeM label.fileBtnS { height: 30px; }
.partsSizeM .btnAddress,
.partsSizeM .btnAddress:hover { height: 30px; }
.partsSizeM .checkBtnBox label.checkBtn { height: 30px; }
.partsSizeM .checkBtnBox input[type="checkbox"]:checked + label.checkBtn { height: 30px; }
.partsSizeM .checkBtnBox input[type="checkbox"] + label.checkBtn:hover { height: 30px; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通ボタン
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
共通
-------------------------------------------------------------*/
.btn { margin-left: 5px; position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; justify-content: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; }
.btn:nth-of-type(1) { margin-left: 0; }
.btn i { margin-right: 5px; }
.btn:hover { opacity: 0.7; }
input[type="button"] { line-height: 1; overflow: visible; }
button { vertical-align: middle; position: relative; line-height: 1; overflow: visible; }
button.btn { display: inline-block; }
button:disabled { cursor: default; }
input[type="submit"],
input[type="reset"],
input[type="file"],
input[type="button"],
button { cursor: pointer; }
input[disabled],
button[disabled],
select[disabled],
input[readonly]:not(.selectedText),
.desabled { opacity: 1; cursor: default !important; background-color: #F5F6FA !important; }
input[readonly]:focus { border-color: #CCC !important; }
input[type="submit"].btnMainFull,
input[type="reset"].btnMainFull,
input[type="button"].btnMainFull,
button.btnMainFull { display: block !important; color: #FFF; background-color: #009AE4; }
input[type="submit"].btnSubFull,
input[type="reset"].btnSubFull,
input[type="button"].btnSubFull,
button.btnSubFull { display: block !important; color: #FFF; background-color: #83A8C2; }
input[type="submit"].btnSub2Full,
input[type="reset"].btnSub2Full,
input[type="button"].btnSub2Full,
button.btnSub2Full { display: block !important; color: #FFF; background-color: #82CB6C; }
input[type="submit"].btnSub3Full,
input[type="reset"].btnSub3Full,
input[type="button"].btnSub3Full,
button.btnSub3Full { display: block !important; color: #FFF; background-color: #AAA; }
input[type="submit"].btnDelFull,
input[type="reset"].btnDelFull,
input[type="button"].btnDelFull,
button.btnDelFull { display: block !important; color: #FFF; background-color: #FF6565; }

.mask,
input.mask[disabled],
button.mask[disabled],
select.mask[disabled],
input.mask[readonly]
.mask.desabled { background-color: #4D4F5C !important; color: #4D4F5C !important; }


/*-------------------------------------------------------------
カラーボタン
-------------------------------------------------------------*/

/*メインカラー*/
.btnMainFull { font-size: 1em; padding: 0 25px; height: 35px; width: 100%; box-sizing: border-box; color: #FFF; background-color: #63BCBC; }
.btnMainL { font-size: 1.1em; padding: 0 25px; height: 35px; color: #FFF; background-color: #63BCBC; }
.btnMainS { font-size: 1em; padding: 0 15px; height: 30px; color: #FFF; background-color: #63BCBC; }
.btnMainSL { font-size: 1em; padding: 0 40px; height: 30px; color: #FFF; background-color: #63BCBC; }
.btnMainSS { font-size: 1em; padding: 0 15px; height: 25px; color: #FFF; background-color: #63BCBC; }

/*サブカラー 1*/
.btnSubFull { font-size: 1em; padding: 0 25px; height: 35px; width: 100%; box-sizing: border-box; color: #FFF; background-color: #3B4043; }
.btnSubL { font-size: 1.1em; padding: 0 25px; height: 35px; color: #FFF; background-color: #3B4043; }
.btnSubSL { font-size: 1em; padding: 0 40px; height: 30px; color: #FFF; background-color: #3B4043; }
.btnSubS { font-size: 1em; padding: 0 15px; height: 30px; color: #FFF; background-color: #3B4043; }
.btnSubSS { font-size: 1em; padding: 0 15px; height: 25px; color: #FFF; background-color: #3B4043; }

/*サブカラー 2*/
.btnSub2Full { font-size: 1em; padding: 0 25px; height: 35px; width: 100%; box-sizing: border-box; color: #FFF; background-color: #82CB6C; }
.btnSub2L { font-size: 1.1em; padding: 0 25px; height: 35px; color: #FFF; background-color: #82CB6C; }
.btnSub2SL { font-size: 1em; padding: 0 40px; height: 30px; color: #FFF; background-color: #82CB6C; }
.btnSub2S { font-size: 1em; padding: 0 15px; height: 30px; color: #FFF; background-color: #82CB6C; }
.btnSub2SS { font-size: 1em; padding: 0 15px; height: 25px; color: #FFF; background-color: #82CB6C; }

/*サブカラー 3*/
.btnSub3Full { font-size: 1em; padding: 0 25px; height: 35px; width: 100%; box-sizing: border-box; color: #FFF; background-color: #AAA; }
.btnSub3L { font-size: 1.1em; padding: 0 25px; height: 35px; color: #FFF; background-color: #AAA; }
.btnSub3SL { font-size: 1em; padding: 0 40px; height: 30px; color: #FFF; background-color: #AAA; }
.btnSub3S { font-size: 1em; padding: 0 15px; height: 30px; color: #FFF; background-color: #AAA; }
.btnSub3SS { font-size: 1em; padding: 0 15px; height: 25px; color: #FFF; background-color: #AAA; }

/*ピンクボタン*/
.btnPink { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1.2em; width: 144px; height: 38px; color: #FFF; background-color: #FF3672; }
.btnPink:hover { opacity: 0.7; }
.btnPinkFull { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1.2em; height: 38px; padding: 0 25px; color: #FFF; background-color: #FF3672; }
.btnPinkFull:hover { opacity: 0.7; }

/*ブルーボタン*/
.btnBlue { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; font-family: system-ui; height: 28px; padding: 0 10px; color: #FFF; background-color: #55A8D0; }
.btnBlue:hover { opacity: 0.7; }

/*オーダーボタン（申込・発注など）*/
.btnOrderPc { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; width: 144px; height: 38px; color: #FFF; background-color: #63BCBC; }
.btnOrderPc:hover { opacity: 0.7; }
.btnOrderSp { display: none; }

/*保存ボタン*/
.btnArchive { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1.2em; width: 144px; height: 38px; color: #FFF; background-color: #63BCBC; }
.btnArchive:hover { opacity: 0.7; }

/*撮影ボタン*/
.btnPhotograph { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1.2em; width: 144px; height: 38px; color: #FFF; background-color: #55A8D0; }
.btnPhotograph:hover { opacity: 0.7; }

/*サポートへ送信ボタン*/
.btnSupport { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1.2em; width: 144px; height: 38px; color: #FFF; background-color: #82CB6C; }
.btnSupport:hover { opacity: 0.7; }


/*追加ボタン*/
.btnAdd  { position: relative; padding: 0; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1.2em; width: 80px; height: 38px; color: #FFF; background-color: #63BCBC; }
.btnAdd:hover { opacity: 0.7; }
.btnAddS { position: relative; padding: 0; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; width: 52px; height: 30px; color: #FFF; background-color: #63BCBC; }
.btnAddS:hover { opacity: 0.7; }
.btnAddSS { position: relative; padding: 0; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; width: 52px; height: 25px; color: #FFF; background-color: #63BCBC; }
.btnAddSS:hover { opacity: 0.7; }

/*開くボタン*/
.btnOpen { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px !important; transition: all 0.2s; border: 0; font-size: 1em; width: 125px;height: 30px;margin-left: 5px; color: #FFF; background-color: #63BCBC; }
.btnOpen:hover { opacity: 0.7; }

/*戻るボタン*/
.btnReset { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1.2em; width: 144px; height: 38px; color: #FFF; background-color: #C1C1C1; }
.btnReset:hover { opacity: 0.7; }

/*住所検索ボタン*/
.btnAddress { position: relative; text-decoration: none !important; display: inline-flex; justify-content: center; align-items: center; padding: 0 6px; height: 23px; line-height: 1; font-family: system-ui; font-size: 1.1em; border: 1px solid #999999; border-radius: 3px; transition: background-color 0.2s linear; background-color: #FFF; }
.btnAddress:hover { padding: 0 5px; height: 25px; line-height: 1; box-sizing: border-box; z-index: 1; position: relative; border-width: 2px; border-style: solid; border-color: #999999; color: #000; }

/*テンプレートボタン*/
.btnTemplate { position: relative; text-decoration: none !important; display: inline-flex; justify-content: center; align-items: center; padding: 0 6px; height: 23px; line-height: 1; font-family: system-ui; font-size: 1.1em; border: 1px solid #999999; border-radius: 3px; transition: background-color 0.2s linear; background-color: #FFF; white-space: nowrap; }
.btnTemplate:hover,
.btnTemplate:focus { padding: 0 5px; height: 25px; line-height: 1; box-sizing: border-box; z-index: 1; position: relative; border-width: 2px; border-style: solid; border-color: #999999; color: #000; }
.btnTemplateS { position: relative; text-decoration: none !important; display: inline-flex; justify-content: center; align-items: center; padding: 0 5px; height: 17px; line-height: 1; font-size: 0.8em; border: 1px solid #999999; border-radius: 3px; transition: background-color 0.2s linear; background-color: #FFF; white-space: nowrap; }
.btnTemplateS:hover,
.btnTemplateS:focus { padding: 1px 4px 0; height: 19px; line-height: 1; box-sizing: border-box; z-index: 1; position: relative; border-width: 2px; border-style: solid; border-color: #999999; color: #000; }

/*削除ボタン*/
.btnDel { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1.2em; width: 80px; height: 38px; color: #FFF; background-color: #FF6565; }
.btnDel:hover { opacity: 0.7; }
.btnDelFull { font-size: 1em; padding: 0 25px; height: 35px; width: 100%; box-sizing: border-box; color: #FFF; background-color: #FF6565; }
.btnDelL { font-size: 1.1em; padding: 0 25px; height: 35px; color: #FFF; background-color: #FF6565; }
.btnDelSL { font-size: 1em; padding: 0 40px; height: 30px; color: #FFF; background-color: #FF6565; }
.btnDelS { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; height: 28px; padding: 0 10px; color: #FFF; background-color: #FF6565; }
/*.btnDelS { font-size: 1em; padding: 0 15px; height: 30px; margin-left: 10px; color: #FFF; background-color: #FF6565; }*/
.btnDelSS { font-size: 1em; padding: 0 15px; height: 25px; color: #FFF; background-color: #FF6565; }

/*コメント削除ボタン*/
.commentDel { text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 0.9em; font-family: system-ui; width: 40px; height: 20px; margin-left: 5px; color: #FFF; background-color: #818181; }
.commentDel:hover { opacity: 0.7; }

/*未読に戻すボタン*/
.commentUnread { text-decoration: none !important; line-height: 1; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 0.9em; font-family: system-ui; width: 75px; height: 20px; margin-left: 5px; background-color: #DDD; }
.commentUnread:hover { opacity: 0.7; }

/*詳細移動ボタン*/
.btnDetail { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; font-family: system-ui; width: 45px; height: 28px; color: #FFF; background-color: #3B4043; }
.btnDetail:hover { opacity: 0.7; }

/*編集移動ボタン*/
.btnEdit { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; font-family: system-ui; width: 45px; height: 28px; color: #FFF; background-color: #55A8D0; }
.btnEdit:hover { opacity: 0.7; }

/*複製ボタン*/
.btnCopy { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; font-family: system-ui; width: 45px; height: 28px; color: #FFF; background-color: #63BCBC; }
.btnCopy:hover { opacity: 0.7; }

/*検収日ボタン*/
.btnKensyu { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 1px 5px 0 7px; height: 20px; color: #FFF; background-color: #222; }
.btnKensyu:hover { opacity: 0.7; }

/*今日ボタン*/
.btnToday { position: relative; height: 30px; width: 56px; display: inline-block; transition: none; vertical-align: middle; margin-left: 5px; }
.btnToday:after { display: block; content: ""; padding-top: 100%; }
.btnToday a { text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 1em; font-weight: bold; ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 1; transition: none; border-radius: 3px; border-width: 1px; border-style: solid; border-color: #DDD; color: #999; background-color: #FFF; }
.btnToday a:hover { border-width: 2px; text-decoration: none; opacity: 1; color: #000; border-color: #DDD; }

/*今月ボタン*/
.btnThisMonth { position: relative; height: 30px; width: 56px; display: inline-block; transition: none; vertical-align: middle; margin-left: 5px; }
.btnThisMonth:after { display: block; content: ""; padding-top: 100%; }
.btnThisMonth a { text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 1em; font-weight: bold; ; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 1; transition: none; border-radius: 3px; border-width: 1px; border-style: solid; border-color: #DDD; color: #999; background-color: #FFF; }
.btnThisMonth a:hover { border-width: 2px; text-decoration: none; opacity: 1; color: #000; border-color: #DDD; }

/*リンクアイコン*/
.btnLink { display: inline-block; width: 28px; height: 23px; border: 1px solid #999; border-radius: 4px; background-image: url("../images/ico_link.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 6px 10px; background-color: #FFF; text-indent: -9999px; }
.btnLink:hover { opacity: 0.7; }

/*カスタムアイコン 前に戻る*/
.btnPrev { position: relative; width: 62px; height: 25px; display: inline-block; transition: none; vertical-align: middle; }
.btnPrev a { display: block; width: 60px; height: 23px; border: 1px solid #999; border-radius: 4px; background-color: #FFF; background-image: url("../images/ico_prev.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 8px 14px; text-indent: -9999px; }
.btnPrev a:hover { opacity: 0.7; }

/*カスタムアイコン 次に行く*/
.btnNext { position: relative; width: 62px; height: 25px; display: inline-block; transition: none; vertical-align: middle; margin-left: 5px; }
.btnNext a { display: block; width: 60px; height: 23px; border: 1px solid #999; background-color: #FFF; border-radius: 4px; background-image: url("../images/ico_next.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 8px 13px; text-indent: -9999px; }
.btnNext a:hover { opacity: 0.7; }

/*カスタムアイコン 一番上へ*/
.lsf .icoTop { position: relative; top: 1px; left: 1px; font-size: 17px; }
.lsf .icoTop:before { position: absolute; top: 4px; left: 50%; content: ""; height: 2px; width: 11px; margin-left: -5.5px; background-color: #999; }
a:hover .lsf .icoTop:before { background-color: #000; }

/*カスタムアイコン 一番下へ*/
.lsf .icoBottom { position: relative; bottom: 1px; }
.lsf .icoBottom:after { position: absolute; bottom: 3px; left: 50%; content: ""; height: 2px; width: 11px; margin-left: -5.5px; background-color: #999; }
a:hover .lsf .icoBottom:after { background-color: #000; }

/*入力特殊マーク*/
.specialMark { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; font-family: system-ui; display: inline-flex; justify-content: center; align-items: center; border: 2px solid #FF3300; border-radius: 3px; padding: 0 10px; height: 26px; color: #FF3300; background-color: #FFF; }

/*複数設定*/
.btnDuplicate { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 0.9em; font-family: system-ui; white-space: nowrap; padding: 0 8px; height: 25px; color: #FFF; background-color: #63BCBC; }
.btnDuplicate:hover { opacity: 0.7; }



/*-------------------------------------------------------------
ファイル選択ボタン
-------------------------------------------------------------*/
label.fileBtnL { position: relative; font-size: 1.1em; font-family: system-ui; margin: 0; padding: 0 21px; height: 35px; color: #FFF; background-color: #3B4043; border: 2px solid #3B4043; }
label.fileBtnS {  position: relative; font-size: 1em; font-family: system-ui; margin: 0; padding: 0 11px; height: 30px; color: #FFF; background-color: #3B4043; border: 2px solid #3B4043; }
label.fileBtnL:hover {  }
label.fileBtnS:hover {  }
label.fileBtnL input[type="file"],
label.fileBtnS input[type="file"] { display: none; }
label.fileBtnS span { display: block;  text-indent: -9999px; background: url("../images/ico_clip.svg") no-repeat center center; width: 13px; height: 15px; background-size: 13px 15px; margin-right: 5px; }
.fileBtnL i,
.fileBtnS i { font-size: 1.2em; }

input[name="uploadBtn"] { background-color: #3B4043; }
input[name="uploadBtn"]:focus,
input[name="claimCsvFile"]:focus { outline: 0; }
input[name$="CsvFile"] { cursor: pointer; }


/*-------------------------------------------------------------
+ アイコン付きボタン
-------------------------------------------------------------*/

/*CSVボタン*/
.btnCsv { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 24px 0 42px; height: 30px; background: url("../images/ico_file_csv.svg") no-repeat 18px center; background-size: 16px 18px; color: #FFF; background-color: #106B37; }
.btnCsv:hover { opacity: 0.7; }

.btnCsvL { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 24px 0 42px; height: 38px; background: url("../images/ico_file_csv.svg") no-repeat 18px center; background-size: 16px 18px; color: #FFF; background-color: #106B37; }
.btnCsvL:hover { opacity: 0.7; }


/*PDFボタン*/
.btnPdf { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 24px 0 40px; height: 30px; background: url("../images/ico_print.svg") no-repeat 15px center; background-size: 18px 18px; color: #FFF; background-color: #8E8E98; }
.btnPdf:hover { opacity: 0.7; }

/*印刷ボタン*/
.btnPrint { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 15px 0 37px; height: 38px; min-width: 29px; background: url(../images/ico_print.svg) no-repeat 12px center; background-size: 20px 20px; color: #FFF; background-color: #8E8E98; }
.btnPrint:hover { opacity: 0.7; }

/*QRコード印刷ボタン*/
.btnQrPrint { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 15px 0 37px; height: 38px; min-width: 29px; background: url("../images/ico_qrcode_print_wt.svg") no-repeat 12px center; background-size: 20px 22px; color: #FFF; background-color: #8E8E98; }
.btnQrPrint:hover { opacity: 0.7; }

/*お知らせボタン*/
.btnInfo { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 15px 0 37px; height: 38px; min-width: 29px; background: url("../images/ico_notice_white.svg") no-repeat 12px center; background-size: 18px 18px; color: #FFF; background-color: #55A8D0; }
.btnInfo:hover { opacity: 0.7; }

/*プラスボタン*/
.btnPlus { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 27px; height: 30px; margin-left: 10px; color: #FFF; background-color: #B4DF80; }
.btnPlus:hover { opacity: 0.7; }
.btnPlusIco { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 27px; height: 30px; margin-left: 10px; background: url("../images/ico_plus.svg") no-repeat 27px center; background-size: 15px 15px; color: #FFF; background-color: #B4DF80; }
.btnPlusIco:hover { opacity: 0.7; }
.btnPlusIco span { display: inline-block; text-indent: -9999px; margin-right: 5px; }

/*削除ボタン*/
.btnDelIco { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 27px; height: 30px; background: url("../images/ico_del.svg") no-repeat 27px center; background-size: 15px 15px; margin-left: 10px; color: #FFF; background-color: #FF6565; }
.btnDelIco:hover { opacity: 0.7; }
.btnDelIco span { display: inline-block; text-indent: -9999px; margin-right: 5px; }

/*写真確認ボタン*/
.btnPhotoIco { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 12px; height: 30px; background: url("../images/ico_photo.svg") no-repeat 12px center; background-size: 15px 13px; margin-left: 10px; color: #FFF; background-color: #FF6565; }
.btnPhotoIco:hover { opacity: 0.7; }
.btnPhotoIco span { display: inline-block; text-indent: -9999px; margin-right: 5px; }

/*材料発注ボタン*/
.btnStockIco { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 12px; height: 30px; background: url("../images/ico_stocks.svg") no-repeat 12px center; background-size: 14px 13px; margin-left: 10px; color: #FFF; background-color: #FF6565; }
.btnStockIco:hover { opacity: 0.7; }
.btnStockIco span { display: inline-block; text-indent: -9999px; margin-right: 5px; }
.btnStockIco { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 12px; height: 30px; background: url("../images/ico_stocks.svg") no-repeat 12px center; background-size: 14px 13px; margin-left: 10px; color: #FFF; background-color: #FF6565; }
.btnStockIco:hover { opacity: 0.7; }
.btnStockIco span { display: inline-block; text-indent: -9999px; margin-right: 5px; }


/*-------------------------------------------------------------
アイコン
-------------------------------------------------------------*/

/*Mサイズ*/
.btnIcoM { position: relative; width: 35px; height: 35px; display: inline-block; transition: none; vertical-align: middle; }
.btnIcoM:after { display: block; content: ""; padding-top: 100%; }
.btnIcoM a { text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 1.6em; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 1; transition: none; border-radius: 3px; border-width: 2px; border-style: solid; border-color: #DDD; color: #999; background-color: #FFF; }
.btnIcoM a:hover { border-width: 2px; text-decoration: none; opacity: 1; color: #000; border-color: #63BCBC; }

/*Sサイズ*/
/*.btnIcoS { position: relative; width: 30px; height: 30px; display: inline-block; transition: none; vertical-align: middle; }
.btnIcoS:after { display: block; content: ""; padding-top: 100%; }
.btnIcoS a { text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 1.5em; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 1; transition: none; border-radius: 3px; border-width: 2px; border-style: solid; border-color: #DDD; color: #999; background-color: #FFF; }
.btnIcoS a:hover { border-width: 2px; text-decoration: none; opacity: 1; color: #000; border-color: #63BCBC; }
.btnIcoS i { top: -1px; }*/

/*SSサイズ*/
.btnIcoSS { position: relative; width: 25px; height: 25px; display: inline-block; transition: none; vertical-align: middle; }
.btnIcoSS:after { display: block; content: ""; padding-top: 100%; }
.btnIcoSS a { text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 1.4em; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 1; transition: none; border-radius: 3px; border-width: 2px; border-style: solid; border-color: #DDD; color: #999; background-color: #FFF; }
.btnIcoSS a:hover { border-width: 2px; text-decoration: none; opacity: 1; color: #000; border-color: #63BCBC; }
.btnIcoSS i { top: 0; font-size: 0.9em; }

/*コメント*/
a.btnComment { display: block; width: 20px; height: 20px; background: url("../images/ico_comment.svg") no-repeat center center; background-size: auto 18px; text-indent: -9999px; transition: 0.3s; }
a:hover.btnComment { opacity: 0.7; }

/*設定*/
.btnSet { position: relative; width: 20px; height: 20px; display: inline-block; transition: none; vertical-align: middle; margin-left: 5px; text-indent: -9999px; }
.btnSet:after { display: block; content: ""; padding-top: 100%; }
.btnSet a { text-decoration: none; display: flex; align-items: center; justify-content: center; font-size: 1.4em; position: absolute; top: 0; left: 0; right: 0; bottom: 0; text-align: center; line-height: 1; transition: none; border-radius: 3px; border-width: 1px; border-style: solid; background: url("../images/ico_set.svg") no-repeat center center; background-size: 8px 5px; border-color: #DDD; color: #999; background-color: #FFF; }
.btnSet a:hover { border-width: 2px; text-decoration: none; opacity: 1; color: #000; border-color: #DDD; }

/*ユーザー*/
.accountIco { display: inline-block; width: 35px; height: 28px; background-image: url("../images/ico_account.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 18px 19px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.accountIco:hover { opacity: 0.7; }

/*お知らせ*/
.noticeIco { display: inline-block; width: 35px; height: 28px; background-image: url("../images/ico_notice.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 18px 18px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.noticeIco span.noticeUnread { position: absolute; top: 2px; right: 3px; display: block; width: 8px; height: 8px; background-color: #FF6565; border-radius: 10px; border: 2px solid #FFF; }
.noticeIco:hover { opacity: 0.7; }

/*サポート（吹き出し）*/
.contactIco { display: inline-block; width: 35px; height: 28px; background-image: url("../images/ico_contact.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 18px 18px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.contactIco span.contactUnread { position: absolute; top: 2px; right: 3px; display: block; width: 8px; height: 8px; background-color: #FF6565; border-radius: 10px; border: 2px solid #FFF; }
.contactIco:hover { opacity: 0.7; }
.contactIco.contactUsed { background-image: url("../images/ico_contact_used.svg"); }


.contactIcoArea { display: block; position: absolute; top: 37px; right: -3px; width: 182px; height: 0; z-index: -1; background: #FFF; box-shadow: -5px 5px 8px #EEE; transition: all ease 0.3s; }
.contactIcoArea.active { height: auto; z-index: 13; }
.contactIcoArea[pos=bottom]:before { content: ""; position: absolute; top: -7px; right: 9px; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #4D4F5C; z-index: 10;}
.contactIcoArea[pos=top]:before { content: ""; position: absolute; bottom: -10px; right: 9px; display: block; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #fff; z-index: 10;}
.contactIcoArea .contactHead { display: flex; align-items: center; justify-content: space-between; height: 35px; padding: 0 12px; background-color: #4D4F5C; color: #FFF; font-weight: bold; font-family: system-ui; font-size: 1.2em; line-height: 1; }
.contactIcoArea .contactHead a.btnClose span { position: absolute; top: 0; right: 0; display: block; width: 35px; height: 35px; background-image: url("/images/ico_close.svg"); background-size: 12px 12px; background-repeat: no-repeat; background-position: center center; text-indent: -9999px; transition: all 0.2s; }
.contactIcoArea ul { display: block; border-right:none; padding-right: 0; }
.contactIcoArea ul li { padding: 15px 10px 14px 13px; width: 100%; box-sizing: border-box; transition: all 0.3s; }
.contactIcoArea ul li:not(:last-of-type) { border-bottom: 1px solid #DDD; }
.contactIcoArea ul li:hover { background-color: #e9e4e4; cursor: pointer; }
.contactIcoArea ul li a { text-decoration: none; font-family: system-ui; font-weight: bold; color: #666; font-size: 1.1em; }



/*領収書*/
.receiptIco { display: inline-block; width: 35px; height: 28px; background-image: url("../images/ico_receipt_gray.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 19px 22px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.receiptIco:hover { opacity: 0.7; }

/*新画面表示*/
.newWindowIco { display: inline-block; width: 35px; height: 28px; background-image: url("../images/ico_newwindow.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 20px 20px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.newWindowIco:hover { opacity: 0.7; }

.newWindowCustomerIco { display: inline-block; width: 35px; height: 28px; background-image: url("../images/ico_newwindow_customer.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 20px 20px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.newWindowCustomerIco:hover { opacity: 0.7; }

/*バーコード*/
.barcodeIco { display: inline-block; width: 35px; height: 28px; background-image: url("../images/ico_barcode.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 24px 20px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.barcodeIco:hover { opacity: 0.7; }
.barcodeIcoL { display: inline-block; width: 35px; height: 28px; background-image: url("../images/ico_barcode_black.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 24px 20px; text-indent: -9999px; transition: all 0.3s; position: relative; }

/*通知*/
.notificationIco { display: inline-block; width: 35px; height: 28px; background-image: url("../images/ico_notification.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 18px 18px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.notificationIco span.notificationUnread { position: absolute; top: 2px; right: 3px; display: block; width: 8px; height: 8px; background-color: #FF6565; border-radius: 10px; border: 2px solid #FFF; }
.notificationIco:hover { opacity: 0.7; }

/*ブーケ*/
.bouquetIco { display: inline-block; width: 30px; height: 30px; border: 1px solid #999; border-radius: 4px; background-image: url("../images/ico_bouquet.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 19px 21px; text-indent: -9999px; }

/*写真アイコン*/
.photoIco { display: inline-block; width: 35px; height: 30px; background-image: url("../images/ico_photo.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 21px 22px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.photoIco:hover { opacity: 0.7; }

/*メールアイコン*/
.mailIco { display: inline-block; width: 35px; height: 30px; background-image: url("../images/ico_mail_gray.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 21px 22px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.mailIco:hover { opacity: 0.7; }

/*カメラアイコン*/
.cameraIco { display: inline-block; width: 30px; height: 30px; background-image: url("../images/ico_camera.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 21px 22px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.cameraIco:hover { opacity: 0.7; }

/*印刷アイコン*/
.printIco { display: inline-block; width: 30px; height: 30px; background-image: url("../images/ico_print_gray.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 24px 22px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.printIco:hover { opacity: 0.7; }
.detailPDF.printed { background-image: url("../images/ico_print.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 24px 22px; border-radius: 3px; }

/*ラベル印刷アイコン*/
.labelPrintIco { display: inline-block; width: 30px; height: 30px; background-image: url("../images/ico_label_gray.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 22px 22px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.labelPrintIco:hover { opacity: 0.7; }
.labelPrintIco.printed { display: inline-block; width: 30px; height: 30px; border-radius: 3px; background-color: #6AA6CC; background-image: url("../images/ico_label.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 22px 22px; text-indent: -9999px; transition: all 0.3s; position: relative; }

/*ゴミ箱ボタン*/
.btnTrashIco { display: inline-block; width: 33px; height: 28px; border-radius: 3px; background-color: #FC6565; background-image: url("../images/ico_del_02.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 15px 18px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.btnTrashIco:hover { opacity: 0.7; }

/*マイナスアイコン*/
.minusIco { display: inline-block; width: 10px; height: 2px; background-image: url("../images/ico_minus.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 10px 2px; text-indent: -9999px; }

/*プラスアイコン*/
.pulsIco { display: inline-block; width: 10px; height: 10px; background-image: url("../images/ico_plus.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 10px 10px; text-indent: -9999px; }

/*イコールアイコン*/
.equalIco { display: inline-block; width: 10px; height: 7px; background-image: url("../images/ico_equal.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 10px 7px; text-indent: -9999px; }

/*イコール矢印アイコン*/
.equalArrow  { display: inline-block; width: 10px; height: 10px; background-image: url("../images/ico_arrow_ down_02.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 10px 10px; text-indent: -9999px; }

/*検索*/
.searchIco { display: block; width: 30px; height: 30px; background: url("../images/ico_search.svg") no-repeat center center; background-size: auto 16px; text-indent: -9999px; transition: 0.3s; }
.searchBoxPc {}
.searchBoxPc input[type="text"] { width: 20em; }

/*備考履歴*/
.orderNoteHist { display: inline-block; width: 20px; height: 20px; background-image: url("../images/ico_notehistory02.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 15px 15px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.orderNoteHist:hover { opacity: 0.7; }

/*追加*/
.btnAddFile { display: inline-block; width: 33px; height: 28px; border-radius: 3px; background-color: #FFF !important; border: 2px solid #DDD; background: url("../images/ico_plus_gray.svg") no-repeat center center; background-size: 16px 16px; text-indent: -9999px; transition: all 0.3s; cursor: pointer; }
.btnAddFile:hover { opacity: 0.7; }
 
/*地図*/
.addr_map { display: inline-block; width: 25px; height: 25px; background: url("../images/ico_map.svg") no-repeat center center; background-size: 18px 19px; text-indent: -9999px; transition: all 0.3s; cursor: pointer; }
.addr_map:hover { opacity: 0.7; }

/*会場名検索*/
.ceremony_map { display: inline-block; width: 25px; height: 25px; background: url("../images/ico_websearch.svg") no-repeat center center; background-size: 19px 19px; text-indent: -9999px; transition: all 0.3s; cursor: pointer; }
.ceremony_map:hover { opacity: 0.7; }

/*発送*/
.shippingIco { display: inline-block; width: 35px; height: 28px; background-image: url("../images/ico_shipping.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 21px 20px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.shippingIco:hover { opacity: 0.7; }

/*コレクト*/
.collectIco { display: inline-block; width: 35px; height: 28px; background-image: url("../images/ico_collect.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 24px 18px; text-indent: -9999px; transition: all 0.3s; position: relative; }
.collectIco:hover { opacity: 0.7; }

/*変更・更新*/
.parentChange { display: inline-block; width: 16px; height: 16px; background-image: url("../images/ico_reload.svg"); background-repeat: no-repeat; background-position: center center; vertical-align: middle; background-size: 14px 16px; background-color: #8E8E98; border-radius: 50%; text-indent: -9999px; padding: 0; transition: all 0.3s; position: relative; }
.parentChange:hover { opacity: 0.7; }


/*-------------------------------------------------------------
ラインボタン
-------------------------------------------------------------*/

/*Lサイズ*/
.btnLineL { font-size: 1.1em; padding: 0 25px; height: 33px; transition: none; border-width: 1px; border-style: solid; border-color: #CCC; color: #666; background-color: #FFF; }
button.btnLineL,
input[type="submit"].btnLineL,
input[type="reset"].btnLineL,
input[type="button"].btnLineL { height: 35px; }
.btnLineL:hover { border-width: 2px; padding: 0 24px; height: 31px; color: #000; border-color: #63BCBC; }
button.btnLineL:hover,
input[type="submit"].btnLineL:hover,
input[type="reset"].btnLineL:hover,
input[type="button"].btnLineL:hover { height: 35px; opacity: 1; }
button:disabled.btnLineL:hover,
input[type="submit"]:disabled.btnLineL:hover,
input[type="reset"]:disabled.btnLineL:hover,
input[type="button"]:disabled.btnLineL:hover { border-width: 1px; padding: 0 25px; height: 35px; opacity: 0.7; color: #666; border-color: #CCC; }
.btnLineL i { top: -1px; }

/*SLサイズ*/
.btnLineSL { font-size: 1em; padding: 0 40px; height: 28px; transition: none; border-width: 1px; border-style: solid; border-color: #DDD; color: #666; background-color: #FFF; }
button.btnLineSL,
input[type="submit"].btnLineSL,
input[type="reset"].btnLineSL,
input[type="button"].btnLineSL { height: 30px; }
.btnLineSL:hover,
.btnLineSL.active { border-width: 2px; padding: 0 39px; height: 26px; opacity: 1; color: #000; border-color: #63BCBC; }
button.btnLineSL:hover,
input[type="submit"].btnLineSL:hover,
input[type="reset"].btnLineSL:hover,
input[type="button"].btnLineSL:hover { height: 30px; opacity: 1; }
button:disabled.btnLineSL:hover,
input[type="submit"]:disabled.btnLineSL:hover,
input[type="reset"]:disabled.btnLineSL:hover,
input[type="button"]:disabled.btnLineSL:hover { border-width: 1px; padding: 0 25px; height: 35px; opacity: 0.7; color: #666; border-color: #CCC; }
.btnLineSL i { font-size: 1.2em; }

/*Sサイズ*/
.btnLineS { font-size: 1em; padding: 0 15px; height: 28px; transition: none; border-width: 1px; border-style: solid; border-color: #DDD; color: #666; background-color: #FFF; }
button.btnLineS,
input[type="submit"].btnLineS,
input[type="reset"].btnLineS,
input[type="button"].btnLineS { height: 30px; }
.btnLineS:hover,
.btnLineS.active { border-width: 2px; padding: 0 14px; height: 26px; opacity: 1; color: #000; border-color: #63BCBC; }
button.btnLineS:hover,
input[type="submit"].btnLineS:hover,
input[type="reset"].btnLineS:hover,
input[type="button"].btnLineS:hover { height: 30px; opacity: 1; }
button:disabled.btnLineS:hover,
input[type="submit"]:disabled.btnLineS:hover,
input[type="reset"]:disabled.btnLineS:hover,
input[type="button"]:disabled.btnLineS:hover { border-width: 1px; padding: 0 25px; height: 35px; opacity: 0.7; color: #666; border-color: #CCC; }
.btnLineS i { font-size: 1.2em; }

/*SSサイズ*/
.btnLineSS { font-size: 1em; padding: 0 10px; height: 23px; transition: none; border-width: 1px; border-style: solid; border-color: #DDD; color: #666; background-color: #FFF; }
button.btnLineSS,
input[type="submit"].btnLineSS,
input[type="reset"].btnLineSS,
input[type="button"].btnLineSS { height: 25px; }
.btnLineSS:hover,
.btnLineSS.active { border-width: 2px; padding: 0 9px; height: 21px; opacity: 1; color: #000; border-color: #63BCBC; }
button.btnLineSS:hover,
input[type="submit"].btnLineSS:hover,
input[type="reset"].btnLineSS:hover,
input[type="button"].btnLineSS:hover { height: 25px; opacity: 1; }
button:disabled.btnLineSS:hover,
input[type="submit"]:disabled.btnLineSS:hover,
input[type="reset"]:disabled.btnLineSS:hover,
input[type="button"]:disabled.btnLineSS:hover { border-width: 1px; padding: 0 25px; height: 35px; opacity: 0.7; color: #666; border-color: #CCC; }
.btnLineSS i { font-size: 1.2em; }






/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通装飾
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*------------------------------------------------------------
ライン
-------------------------------------------------------------*/

/*ラインあり*/
.baLine { border-width: 1px !important; border-style: solid !important; border-color: #DDD !important; }
.btLine { border-top-width: 1px !important; border-top-style: solid !important; border-top-color: #DDD !important; }
.brLine { border-right-width: 1px !important; border-right-style: solid !important; border-right-color: #DDD !important; }
.bbLine { border-bottom-width: 1px !important; border-bottom-style: solid !important; border-bottom-color: #DDD !important; }
.blLine { border-left-width: 1px !important; border-left-style: solid !important; border-left-color: #DDD !important; }
.baLineB { border-width: 3px !important; border-style: solid !important; border-color: #DDD !important; }
.btLineB { border-top-width: 3px !important; border-top-style: solid !important; border-top-color: #DDD !important; }
.brLineB { border-right-width: 3px !important; border-right-style: solid !important; border-right-color: #DDD !important; }
.bbLineB { border-bottom-width: 3px !important; border-bottom-style: solid !important; border-bottom-color: #DDD !important; }
.blLineB { border-left-width: 3px !important; border-left-style: solid !important; border-left-color: #DDD !important; }

/*ラインなし*/
.bNoLine { border: none !important; }
.btNoLine { border-top: none !important; }
.brNoLine { border-right: none !important; }
.bbNoLine { border-bottom: none !important; }
.blNoLine { border-left: none !important; }


/*------------------------------------------------------------
input
-------------------------------------------------------------*/

/*お届け指定日*/
input[name="dodr_delivery_date"] { -webkit-text-fill-color: #3E55E6; color: #3E55E6; }

/*発送約束日*/
input[name="dodr_shipping_promise_date"] { -webkit-text-fill-color: #FD6B6A; color: #FD6B6A; }


/*------------------------------------------------------------
かな表示用
-------------------------------------------------------------*/
.kanaBox { display: inline-flex; margin-bottom: 3px; }
.kanaBox span { font-size: 9px; line-height: 1; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通検索
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*------------------------------------------------------------
検索ボックス（全体）
-------------------------------------------------------------*/
a.btnSearch { display: inline-block; width: 38px; height: 38px; border-radius: 3px; background-color: #3B4043 !important; background: url("../images/ico_search_white.svg") no-repeat center center; background-size: 16px 16px; text-indent: -9999px; /*transition: 0.2s;*/ }
a:hover.btnSearch { opacity: 0.7; }
a.btnSearch.active { display: inline-block; width: 38px; height: 48px; margin-bottom: -10px; border-radius: 3px 3px 0 0; background-color: #FFF !important; background: url("../images/ico_close_black.svg") no-repeat center bottom 20px; background-size: 14px 14px; text-indent: -9999px; /*transition: 0.2s;*/ }
.searchBox { margin-bottom: 10px; box-sizing: border-box; }
.searchBox .formGroup { flex-wrap: wrap; padding: 10px 20px 20px; box-sizing: border-box; background-color: #FFF; align-items: baseline; }
.searchBox .formGroup > .inner { margin-top: 10px; }
.searchBox .formGroup > .inner:not(:last-of-type) { margin-right: 5px; }
.searchBox .formGroup > .inner .select-wrap { height: 25px; }
.searchBox .btnBox { display: flex; justify-content: flex-end; align-self: flex-end; margin-top: 3px; background-color: #FFF; }
.searchBox .btnBox .btnReset { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer;　border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; width: 90px; height: 30px; color: #FFF; background-color: #C1C1C1; }
.searchBox .btnBox .btnSearch { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer;　border-radius: 3px !important; transition: all 0.2s; border: 0; font-size: 1em; width: 90px; height: 30px; margin-left: 5px; color: #FFF; background-color: #3B4043; }

/*タブ下に表示させる場合*/
.inIco a.btnSearch.active { height: 48px; background-color: #F5F6FA !important; background: url("../images/ico_close_black.svg") no-repeat center bottom 20px; background-size: 14px 14px; }
.searchBox2 { box-sizing: border-box; padding: 0 10px; background-color: #FFF; }
.searchBox2 .col { padding: 10px; background-color: #F5F6FA; }
.searchBox2 .formGroup { flex-wrap: wrap; padding: 10px 20px 20px; box-sizing: border-box; background-color: #FFF; align-items: baseline; }
.searchBox2 .formGroup > .inner { margin-top: 10px; }
.searchBox2 .formGroup > .inner:not(:last-of-type) { margin-right: 5px; }
.searchBox2 .formGroup > .inner .select-wrap { height: 25px; }
.searchBox2 .btnBox { display: flex; justify-content: flex-end; align-self: flex-end; margin-top: 3px; background-color: #FFF; }
.searchBox2 .btnBox .btnReset { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer;　border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; width: 90px; height: 30px; color: #FFF; background-color: #C1C1C1; }
.searchBox2 .btnBox .btnSearch { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer;　border-radius: 3px !important; transition: all 0.2s; border: 0; font-size: 1em; width: 90px; height: 30px; margin-left: 5px; color: #FFF; background-color: #3B4043; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通テーブル
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.fix { table-layout: fixed; }


/*------------------------------------------------------------
table
-------------------------------------------------------------*/

/*leftHeader*/
.leftThTable th { border-right-style: solid; border-right-width: 1px; }

/*tabeleUpper*/
.tableUpper { border-collapse: collapse; border-top: 1px solid #DDD; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; box-sizing: border-box; }
.tableUpper tbody tr { border-bottom: 1px solid #DDD; }
.tableUpper tbody tr { display: flex; }
.tableUpper tbody tr:last-child { border-bottom: none; }
.tableUpper tbody th { width: 100px; background: #F5F6FA; border-right: 1px solid #DDD; }
.tableUpper tbody td { width: 180px; display: block; border-right: 1px solid #DDD; }
.tableUpper tbody th, 
.tableUpper tbody td { display: inline-flex; align-items: center; height: 35px; padding-left: 10px; padding-right: 10px; line-height: 1; }
.tableUpper tbody td p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tableUpper tbody th:nth-of-type(1) { border-left: none; }

/*totalTable*/
.totalTable { width: 74%; border-collapse: collapse; border-top: 1px solid #DDD; border-left: 1px solid #DDD; border-bottom: 1px solid #DDD; box-sizing: border-box; }
.totalTable thead th { padding: 15px; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; background-color: #F5F6FA; }
.totalTable tbody td { padding: 8px 0px; text-align: center; border-right: 1px solid #DDD; }

/*スクロール用外枠*/
.scrollOuter { overflow-x: visible; overflow-y: auto; padding: 20px; }
.scrollOrderDetails { overflow: auto; }

/*scrollTable*/
.scrollTableOuter,
.scrollTableOuter2,
.scrollTableOuter3 { overflow-y: auto; width: calc(100% - 2px); margin: 0 auto; border: 1px solid #DDD; -ms-overflow-style: -ms-autohiding-scrollbar; }
/*
.scrollTableOuter,
.scrollTableOuter2 { -ms-overflow-style: none; scrollbar-width: none; }
.scrollTableOuter::-webkit-scrollbar,
.scrollTableOuter2::-webkit-scrollbar { display: none; }*/

.scrollTable { display: block; /*border-collapse: collapse;*/ border-collapse: separate; /*position: relative; overflow: scroll;*/ -webkit-overflow-scrolling: touch; width: 100%; max-height: 100%; box-sizing: border-box; position: relative; }
.scrollTable thead {}
.scrollTable thead tr { height: 40px; }
.scrollTable thead th { position: -webkit-sticky; position: sticky; top: 0; background-color: #F5F6FA; color: #000; z-index: 4; }
.scrollTable thead th {}
.scrollTable thead th:after { content: ""; position: absolute; display: block; border-bottom: 3px double #DDD; box-sizing: border-box; left: 0; bottom: -3px; z-index: 10; width: 100%; }
.scrollTable thead th:first-child { /* 行内の他のセルより手前に表示する */ /*z-index: 3;*/ }
.scrollTable thead th:last-child { border-right: none; }
.scrollTable th:first-child { /* 横スクロール時に固定する */ /*position: -webkit-sticky; position: sticky; left: 0;*/ }
.scrollTable th,
.scrollTable td { text-align: left; padding: 8px 10px 6px 10px; font-weight: normal; white-space: nowrap; border-right: 1px solid #DDD; border-bottom: 1px solid #DDD; }
.scrollTable tbody:last-of-type td { border-bottom: 1px solid #DDD; }
.scrollTable th .line2,
.scrollTable td .line2 { display: inline-block; text-align: center; font-size: 11px; line-height: 1.2; margin-bottom: -2px; position: relative; }
.scrollTable th {}
.scrollTable tbody tr {}
.scrollTable tbody td:last-child { border-right: none; }
.scrollTable.odd tbody:nth-child(odd) th { background: #F5F6FA; }
.scrollTable.odd tbody:nth-child(odd) td { background: #F5F6FA; }
.scrollTable.odd tbody:nth-child(even) th { background: #F5F6FA; }
.scrollTable.odd tbody:nth-child(even) td { background: #FFF; }
.scrollTable.even tbody:nth-child(odd) th { background: #F5F6FA; }
.scrollTable.even tbody:nth-child(odd) td { background: #FFF; }
.scrollTable.even tbody:nth-child(even) th { background: #F5F6FA; }
.scrollTable.even tbody:nth-child(even) td { background: #F5F6FA; }
.scrollTable tbody:nth-last-of-type(1) td {}
.scrollTable.w100 { display: table !important; }
@-moz-document url-prefix() {
  .scrollTable th,
  .scrollTable td { background-clip: border-box; }
}

/*table th下線1px用*/
.brChange1 thead th:after { border-bottom: 1px solid #DDD !important; bottom: -1px; }

/*table th下線なし用*/
.brChange2 thead th:after { border-bottom: none !important; }

/*並び替えボタン*/
.table th button { padding: 0; background: none; border: none; outline: none; cursor: pointer; display: inline-block; margin-left: 5px; }

/*tr全体にホバー*/
.trAllHover tbody { transition: 0.3s; }
/*.trAllHover tbody th a,
.trAllHover tbody td a { text-decoration: none; }*/
.trAllHover tbody:hover th,
.trAllHover tbody:hover td { background-color: #DFECF3 !important; }

/*選択時tbody全体にカラー*/
.trAllHover tbody.active td,
.trAllHover tbody.active:hover td { background-color: #FFFBE8 !important; }

/*未割り振り用*/
.scrollTable tbody.nolink { position: relative; }
.scrollTable tbody.nolink:before { content: ""; position: absolute; top: 1px; left: 0; width: 3px; height: calc(100% - 1px); background-color: #FD6B6A; z-index: 2; }
.scrollTable tbody.nolink:after { content: ""; position: absolute; top: 1px; right: 0; width: 3px; height: calc(100% - 1px); background-color: #FD6B6A; z-index: 2; }
.scrollTable tbody.nolink tr td { border-top: 3px solid #FD6B6A; border-bottom: 3px solid #FD6B6A; }
/*.scrollTable tbody.nolink:after { content: ""; width: calc(100% - 6px); top: -1.5px; left: 0; height: calc(100% - 3px); position: absolute; border: 3px solid #FD6B6A; z-index: 2; }*/

/*ホバーテーブル*/
.hover tr:hover td,
.hover tr.active td { font-weight: bold; }
.hover tr:hover td,
.hover tr.active td { background-color: #93A8BE !important; color: #FFF; }
.hover tr:hover td a { color: #FFF !important; }
.hover tr:hover td a .lsf,
.hover tr.active td a .lsf { color: #999 !important; }
.hover td { cursor: pointer; }
.hover tr:hover td { font-weight: bold; background-color: #93A8BE !important; color: #FFF; }
.hover tr:hover td a { color: #FFF !important; }

/*各テーブルタイトル*/
.tableName { font-size: 1.25em; font-weight: bold; }

/*指定th・td太線用*/
.scrollTable th.thickItem,
.scrollTable td.thickItem { border-right: 4px solid #999; }
.scrollTable th.thickItem:before,
.scrollTable td.thickItem:before { content: ""; }
.scrollTable th.thickItem + th:before { display: none !important; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通レイアウト - ボックス
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*-------------------------------------------------------------
レイアウトボックス共通
-------------------------------------------------------------*/
.scroll-container { overflow: hidden; position: relative; width: 100%; visibility: hidden; }
.contentOuter { position: relative; }
.content { margin-top: -1px; position: relative; box-sizing: border-box; padding: 15px; border-width: 1px; border-style: solid; border-color: #E2E3E5; background-color: #FFF; }
.contentSub { margin-top: -1px; position: relative; box-sizing: border-box; padding: 15px; border-width: 1px; border-style: solid; border-color: #E2E3E5; background-color: #FFF; }

/*box*/
.box { display: flex; padding-bottom: 30px; }
/*.box:last-child,
.box:only-child { padding-bottom: 0; }*/
.box > .box { padding-bottom: 15px; }
.box > .box:last-child,
.box > .box:only-child { padding-bottom: 0; }

/*inner*/
.box > .inner { padding-bottom: 15px; }
.box:last-child > .inner,
.box:only-child > .inner { padding-bottom: 0; }
.box .box .inner { padding-bottom: 15px; }
.box .box:last-child .inner,
.box .box:only-child .inner { padding-bottom: 0; }
.box .box .box .inner { padding-bottom: 15px; }
.box .box .box:last-child .inner,
.box .box .box:only-child .inner { padding-bottom: 0; }
.box .col { margin-left: 30px; flex-grow: 1; flex-shrink: 1; }
.box .col:first-child { margin-left: 0; }
.box > .col > .inner:last-child,
.box > .col > .inner:only-child { padding-bottom: 0; }


/*-------------------------------------------------------------
レイアウトボックスパターン
-------------------------------------------------------------*/

/*box1 _ 100%*/
.box1 { margin-right: 0; }
.box1 > .col { flex-basis: 100%; }
.box1 > .col > .inner { margin-right: 0; }

/*box2-1 _ 50:50*/
.box2-1 > .col { flex-basis: 50%; }

/*box2-2 _ 45:55*/
.box2-2 > .col:first-child { flex-basis: 45%; }
.box2-2 > .col:last-child { flex-basis: 55%; }

/*box2-3 _ 55:45*/
.box2-3 > .col:first-child { flex-basis: 55%; }
.box2-3 > .col:last-child { flex-basis: 45%; }

/*box2-4 _ 33:67*/
.box2-4 > .col:first-child { flex-basis: 33%; }
.box2-4 > .col:last-child { flex-basis: 67%; }

/*box2-5 _ 67:33*/
.box2-5 > .col:first-child { flex-basis: 67%; }
.box2-5 > .col:last-child { flex-basis: 33%; }

/*box2-6_ 25:75*/
.box2-6 > .col:first-child { flex-basis: 25%; }
.box2-6 > .col:last-child { flex-basis: 75%; }

/*box2-7_ 75:25*/
.box2-7 > .col:first-child { flex-basis: 75%; }
.box2-7 > .col:last-child { flex-basis: 25%; }

/*box2-8_ 20:80*/
.box2-8 > .col:first-child { flex-basis: 20%; }
.box2-8 > .col:last-child { flex-basis: 80%; }

/*box2-9_ 70:80*/
.box2-9 > .col:first-child { flex-basis: 80%; }
.box2-9 > .col:last-child { flex-basis: 20%; }

/*box3-1 _ 33:33:33*/
.box3-1 > .col { flex-basis: calc(100% / 3); max-width: calc(100% / 3); }

/*box3-2 _ 25:50:25*/
.box3-2 > .col:nth-child(1) { flex-basis: 25%; }
.box3-2 > .col:nth-child(2) { flex-basis: 50%; }
.box3-2 > .col:nth-child(3) { flex-basis: 25%; }

/*box4-1 _ 25:25:25:25*/
.box4-1 > .col { flex-basis: 25%; }

/*box4-2 _ 22.3:22.3:22.3:33*/
.box4-2 > .col:nth-child(1) { flex-basis: 22.3%; }
.box4-2 > .col:nth-child(2) { flex-basis: 22.3%; }
.box4-2 > .col:nth-child(3) { flex-basis: 22.3%; }
.box4-2 > .col:nth-child(4) { flex-basis: 33%; }

/*box8-1 _ 12.5:12.5:12.5:12.5:12.5:12.5:12.5:12.5*/
.box8-1 > .col { flex-basis: 12.5%; }


/*-------------------------------------------------------------
スクロールボックス（エレメントでheightを指定）
-------------------------------------------------------------*/
.scrollBox { overflow: hidden; -webkit-overflow-scrolling: touch; position: relative; }
.ps-scrollbar-y-rail { z-index: 100; }
.cBox .box .scroll-container .ps-scrollbar-x { display: block !important; }

/* to make scrollbars always visible */
.always-visible.ps-container > .ps-scrollbar-x-rail,
.always-visible.ps-container > .ps-scrollbar-y-rail { opacity: 0.6; }


/*-------------------------------------------------------------
フレックスボックス
-------------------------------------------------------------*/
.flexBox.wrap { flex-wrap: wrap; }
.flexBox { display: flex; align-items: center; }
.flexBox:last-child { padding-bottom: 0 !important; }
.borderOuter.bgColor .flexBox { padding-bottom: 10px; }
.flexBox .col { flex-grow: 1; }
.flexcoBox { display: flex; flex-direction: column; }


/*-------------------------------------------------------------
ボタンボックス
-------------------------------------------------------------*/
.btnBox { padding: 10px !important; }
.btnBox1 {}
.btnBox2:before,
.btnBox2:after { content: ""; clear: both; display: block; }
.btnBox2 .inner:first-child { float: left; width: 30%; }
.btnBox2 .inner:last-child { float: right; width: 70%; }


/*-------------------------------------------------------------
ポップアップカレンダー
-------------------------------------------------------------*/
.ui-datepicker { box-shadow: 0 0 18px 9px rgba(0, 0, 0, 0.13); padding: 5px; border: 5px solid #F5F6FA; position: relative; }
.ui-datepicker .ui-datepicker-header { background-color: transparent!important; color: #333; }
.ui-datepicker table { background-clip: #FFF; }
.ui-datepicker button.ui-datepicker-current { float: none !important; display: block; margin: 0 auto 5px !important; color: #FFF; font-weight: bold; background-color: #63BCBC; border: none; border-radius: 3px; outline: none; padding: .6em 1.5em .6em 1.5em !important; appearance: none; transition: all 0.2s; opacity: 1; }
.ui-datepicker button.ui-datepicker-current:hover { opacity: 0.7; }
.ui-datepicker button.ui-datepicker-close { display: block; position: absolute; min-width: 26px; top: -12px; right: -12px; margin: 0 !important; background: url("../images/ico_close.svg"); background-repeat: no-repeat; background-position: center center; background-size: 9px 9px; text-indent: -9999px; background-color: #63BCBC; border-radius: 50%; border: none; outline: none; padding: .6em .6em .6em .6em !important; appearance: none; transition: all 0.2s; }
.ui-datepicker button.ui-datepicker-close:hover { opacity: 0.7; }
.ui-datepicker .ui-datepicker-title select { padding: 0 8px !important; width: 34% !important; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { margin-right: 2px; }
.ui-datepicker .ui-datepicker-title select.ui-datepicker-month { margin-left: 6px; }
.ui-datepicker .ui-datepicker-prev { left: 20px !important; top: 7px !important; }
.ui-datepicker .ui-datepicker-next { right: 20px !important; top: 7px !important; }
.ui-datepicker td span, .ui-datepicker td a { text-align: center !important; }


/*-------------------------------------------------------------
検索ボックス
-------------------------------------------------------------*/
#searchSettingBox, #analysisSettingBox { margin-right: 20px; }
#searchSettingBox > .inner, #analysisSettingBox > .inner { display: flex; }
#searchSettingBox .btnRefine, #analysisSettingBox .btnRefine { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; border: 0; font-size: 1em; width: 90px; height: 38px; color: #FFF; background-color: #6A7277; transition: all 0.2s; }
#searchSettingBox .btnRefine:hover, #analysisSettingBox .btnRefine:hover { opacity: 0.7; }
#searchSettingBox .btnReset, #analysisSettingBox .btnReset { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; border: 0; font-size: 1em; width: 80px; height: 38px; color: #FFF; background-color: #C1C1C1; transition: all 0.2s; }
#searchSettingBox .btnRefine:hover, #analysisSettingBox .btnRefine:hover { opacity: 0.7; }
#searchSettingBox .btnSearch, #analysisSettingBox .btnSearch { padding-left: 2em; background-image: url("../images/ico_search_white.svg"); background-repeat: no-repeat; background-position: left 1em center; background-size: 16px 16px; position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; justify-content: center; align-items: center; cursor: pointer; border-radius: 3px; border: 0; font-size: 1em; width: 100px; height: 38px; color: #FFF; background-color: #3B4043; will-change: transform; transition: all 0.2s; }
#searchSettingBox .btnSearch:hover, #analysisSettingBox .btnSearch:hover { opacity: 0.7; }
#searchSettingBox .btnCsv, #analysisSettingBox .btnCsv { position: relative; text-decoration: none !important; line-height: 1; font-weight: bold; display: inline-flex; align-items: center; cursor: pointer; border-radius: 3px; transition: all 0.2s; border: 0; font-size: 1em; padding: 0 15px 0 37px; height: 38px; background: url("../images/ico_file_csv.svg") no-repeat 15px center; background-size: 16px 18px; color: #FFF; background-color: #106B37; }
#searchSettingBox .btnCsv:hover, #analysisSettingBox .btnCsv:hover { opacity: 0.7; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
制作状況確認
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*-------------------------------------------------------------
一覧
-------------------------------------------------------------*/
#main.deliveryList { margin-bottom: 39px; }
#main.deliveryList .pagerArea { background-color: #FFF; padding: 0 0 5px 0; }
.deliveryListTable #list-table.scrollTable tr td:nth-of-type(1) { position: relative; padding-left: 15px; }
.deliveryListTable #list-table.scrollTable tr td:nth-of-type(1):before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 5px; background-color: #999; }
.deliveryListTable #list-table.scrollTable tr.c01 td:nth-of-type(1):before { background-color: #CBF9CC; }
.deliveryListTable #list-table.scrollTable tr.c02 td:nth-of-type(1):before { background-color: #CC9A27; }
.deliveryListTable #list-table.scrollTable tr.c03 td:nth-of-type(1):before { background-color: #F8CBCC; }
.deliveryListTable #list-table.scrollTable tr.c04 td:nth-of-type(1):before { background-color: #F9CC99; }
.deliveryListTable #list-table.scrollTable tr.c05 td:nth-of-type(1):before { background-color: #66CCFC; }
.deliveryListTable #list-table.scrollTable tr td:nth-of-type(1) span { display: inline-block; margin-right: 5px; }
.deliveryListTable #list-table.scrollTable tr td:nth-of-type(1) span:nth-last-of-type(1) { margin-right: 0; }
.deliveryListTable #list-table.scrollTable tr td span.listCatLabel { display: inline-block; margin: -2px; padding: 5px 7px 3px 7px; line-height: 1; border-radius: 3px; background-color: #999; position: relative; }
.deliveryListTable #list-table.scrollTable tr.c01 td span.listCatLabel { background-color: #CBF9CC; }
.deliveryListTable #list-table.scrollTable tr.c02 td span.listCatLabel { background-color: #CC9A27; }
.deliveryListTable #list-table.scrollTable tr.c03 td span.listCatLabel { background-color: #F8CBCC; }
.deliveryListTable #list-table.scrollTable tr.c04 td span.listCatLabel { background-color: #F9CC99; }
.deliveryListTable #list-table.scrollTable tr.c05 td span.listCatLabel { background-color: #66CCFC; }
.deliveryListTable #list-table.scrollTable tr td label.checkBox:after { outline-color: transparent; }
.deliveryListTable #list-table.scrollTable td { border-bottom: none; border-top: 1px solid #DDD; }
.deliveryListTable #list-table.scrollTable tbody tr:not(:first-child) td { border-top: none; }
.deliveryListTable #list-table.scrollTable tr:hover td { background-color: #DFECF3 !important; cursor: pointer !important; }
.deliveryListTable #list-table.scrollTable tbody:nth-child(odd) td { background: #F5F6FA; }
.deliveryListTable #list-table.scrollTable tbody:nth-child(even) td { background: #FFF; }





/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
納品関連
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*-------------------------------------------------------------
発送準備 - 発送額送信用一覧
-------------------------------------------------------------*/
#main.sendList { margin-bottom: 39px; }
#main.sendList .pagerArea { background-color: #FFF; padding: 0 0 5px 0; }
.sendListTable #list-table.scrollTable tr td:nth-of-type(1) { position: relative; padding-left: 15px; }
.sendListTable #list-table.scrollTable tr td:nth-of-type(1):before { content: ""; position: absolute; top: 0; left: 0; height: 100%; width: 5px; background-color: #999; }
.sendListTable #list-table.scrollTable tr.c01 td:nth-of-type(1):before { background-color: #CBF9CC; }
.sendListTable #list-table.scrollTable tr.c02 td:nth-of-type(1):before { background-color: #CC9A27; }
.sendListTable #list-table.scrollTable tr.c03 td:nth-of-type(1):before { background-color: #F8CBCC; }
.sendListTable #list-table.scrollTable tr.c04 td:nth-of-type(1):before { background-color: #F9CC99; }
.sendListTable #list-table.scrollTable tr.c05 td:nth-of-type(1):before { background-color: #66CCFC; }
.sendListTable #list-table.scrollTable tr td:nth-of-type(1) span { display: inline-block; margin-right: 5px; }
.sendListTable #list-table.scrollTable tr td:nth-of-type(1) span:nth-last-of-type(1) { margin-right: 0; }
.sendListTable #list-table.scrollTable tr td span.listCatLabel { display: inline-block; margin: -2px; padding: 5px 7px 3px 7px; line-height: 1; border-radius: 3px; background-color: #999; position: relative; }
.sendListTable #list-table.scrollTable tr.c01 td span.listCatLabel { background-color: #CBF9CC; }
.sendListTable #list-table.scrollTable tr.c02 td span.listCatLabel { background-color: #CC9A27; }
.sendListTable #list-table.scrollTable tr.c03 td span.listCatLabel { background-color: #F8CBCC; }
.sendListTable #list-table.scrollTable tr.c04 td span.listCatLabel { background-color: #F9CC99; }
.sendListTable #list-table.scrollTable tr.c05 td span.listCatLabel { background-color: #66CCFC; }
.sendListTable #list-table.scrollTable tr td label.checkBox:after { outline-color: transparent; }
.sendListTable #list-table.scrollTable td { border-bottom: none; border-top: 1px solid #DDD; }
.sendListTable #list-table.scrollTable tbody tr:not(:first-child) td { border-top: none; }
.sendListTable #list-table.scrollTable tr:hover td { background-color: #DFECF3 !important; cursor: pointer !important; }
.sendListTable #list-table.scrollTable tbody:nth-child(odd) td { background: #F5F6FA; }
.sendListTable #list-table.scrollTable tbody:nth-child(even) td { background: #FFF; }


/* リスト表示時に、固定表示部分にエディタを表示すると、入力できなくなる不具合の対応 */
.cleditorMain { position: relative; }