.kana_input { height: 3.8rem; border:1px solid #DFDFDF; border-radius:0.563em; font-size:1.6rem; padding:5px; } 
.align-items-stretch { align-items: stretch; } 
.align-items-center { align-items: center; } 

.m-0 { margin:0!important } 
.m-1 { margin:.25rem!important } 
.m-2 { margin:.5rem!important } 
.m-3 { margin:1rem!important } 
.m-4 { margin:1.5rem!important } 
.m-5 { margin:3rem!important } 
.m-auto { margin:auto!important } 
.mx-0 { margin-right:0!important; margin-left:0!important } 
.mx-1 { margin-right:.25rem!important; margin-left:.25rem!important } 
.mx-2 { margin-right:.5rem!important; margin-left:.5rem!important } 
.mx-3 { margin-right:1rem!important; margin-left:1rem!important } 
.mx-4 { margin-right:1.5rem!important; margin-left:1.5rem!important } 
.mx-5 { margin-right:3rem!important; margin-left:3rem!important } 
.mx-auto { margin-right:auto!important; margin-left:auto!important } 
.my-0 { margin-top:0!important; margin-bottom:0!important } 
.my-1 { margin-top:.25rem!important; margin-bottom:.25rem!important } 
.my-2 { margin-top:.5rem!important; margin-bottom:.5rem!important } 
.my-3 { margin-top:1rem!important; margin-bottom:1rem!important } 
.my-4 { margin-top:1.5rem!important; margin-bottom:1.5rem!important } 
.my-5 { margin-top:3rem!important; margin-bottom:3rem!important } 
.my-auto { margin-top:auto!important; margin-bottom:auto!important } 
.mt-0 { margin-top:0!important } 
.mt-1 { margin-top:.25rem!important } 
.mt-2 { margin-top:.5rem!important } 
.mt-3 { margin-top:1rem!important } 
.mt-4 { margin-top:1.5rem!important } 
.mt-5 { margin-top:3rem!important } 
.mt-auto { margin-top:auto!important } 
.me-0 { margin-right:0!important } 
.me-1 { margin-right:.25rem!important } 
.me-2 { margin-right:.5rem!important } 
.me-3 { margin-right:1rem!important } 
.me-4 { margin-right:1.5rem!important } 
.me-5 { margin-right:3rem!important } 
.me-auto { margin-right:auto!important } 
.mb-0 { margin-bottom:0!important } 
.mb-1 { margin-bottom:.25rem!important } 
.mb-2 { margin-bottom:.5rem!important } 
.mb-3 { margin-bottom:1rem!important } 
.mb-4 { margin-bottom:1.5rem!important } 
.mb-5 { margin-bottom:3rem!important } 
.mb-auto { margin-bottom:auto!important } 
.ms-0 { margin-left:0!important } 
.ms-1 { margin-left:.25rem!important } 
.ms-2 { margin-left:.5rem!important } 
.ms-3 { margin-left:1rem!important } 
.ms-4 { margin-left:1.5rem!important } 
.ms-5 { margin-left:3rem!important } 
.ms-auto { margin-left:auto!important } 
.m-n1 { margin:-.25rem!important } 
.m-n2 { margin:-.5rem!important } 
.m-n3 { margin:-1rem!important } 
.m-n4 { margin:-1.5rem!important } 
.m-n5 { margin:-3rem!important } 
.mx-n1 { margin-right:-.25rem!important; margin-left:-.25rem!important } 
.mx-n2 { margin-right:-.5rem!important; margin-left:-.5rem!important } 
.mx-n3 { margin-right:-1rem!important; margin-left:-1rem!important } 
.mx-n4 { margin-right:-1.5rem!important; margin-left:-1.5rem!important } 
.mx-n5 { margin-right:-3rem!important; margin-left:-3rem!important } 
.my-n1 { margin-top:-.25rem!important; margin-bottom:-.25rem!important } 
.my-n2 { margin-top:-.5rem!important; margin-bottom:-.5rem!important } 
.my-n3 { margin-top:-1rem!important; margin-bottom:-1rem!important } 
.my-n4 { margin-top:-1.5rem!important; margin-bottom:-1.5rem!important } 
.my-n5 { margin-top:-3rem!important; margin-bottom:-3rem!important } 
.mt-n1 { margin-top:-.25rem!important } 
.mt-n2 { margin-top:-.5rem!important } 
.mt-n3 { margin-top:-1rem!important } 
.mt-n4 { margin-top:-1.5rem!important } 
.mt-n5 { margin-top:-3rem!important } 
.me-n1 { margin-right:-.25rem!important } 
.me-n2 { margin-right:-.5rem!important } 
.me-n3 { margin-right:-1rem!important } 
.me-n4 { margin-right:-1.5rem!important } 
.me-n5 { margin-right:-3rem!important } 
.mb-n1 { margin-bottom:-.25rem!important } 
.mb-n2 { margin-bottom:-.5rem!important } 
.mb-n3 { margin-bottom:-1rem!important } 
.mb-n4 { margin-bottom:-1.5rem!important } 
.mb-n5 { margin-bottom:-3rem!important } 
.ms-n1 { margin-left:-.25rem!important } 
.ms-n2 { margin-left:-.5rem!important } 
.ms-n3 { margin-left:-1rem!important } 
.ms-n4 { margin-left:-1.5rem!important } 
.ms-n5 { margin-left:-3rem!important } 
.p-0 { padding:0!important } 
.p-1 { padding:.25rem!important } 
.p-2 { padding:.5rem!important } 
.p-3 { padding:1rem!important } 
.p-4 { padding:1.5rem!important } 
.p-5 { padding:3rem!important } 
.px-0 { padding-right:0!important; padding-left:0!important } 
.px-1 { padding-right:.25rem!important; padding-left:.25rem!important } 
.px-2 { padding-right:.5rem!important; padding-left:.5rem!important } 
.px-3 { padding-right:1rem!important; padding-left:1rem!important } 
.px-4 { padding-right:1.5rem!important; padding-left:1.5rem!important } 
.px-5 { padding-right:3rem!important; padding-left:3rem!important } 
.py-0 { padding-top:0!important; padding-bottom:0!important } 
.py-1 { padding-top:.25rem!important; padding-bottom:.25rem!important } 
.py-2 { padding-top:.5rem!important; padding-bottom:.5rem!important } 
.py-3 { padding-top:1rem!important; padding-bottom:1rem!important } 
.py-4 { padding-top:1.5rem!important; padding-bottom:1.5rem!important } 
.py-5 { padding-top:3rem!important; padding-bottom:3rem!important } 
.pt-0 { padding-top:0!important } 
.pt-1 { padding-top:.25rem!important } 
.pt-2 { padding-top:.5rem!important } 
.pt-3 { padding-top:1rem!important } 
.pt-4 { padding-top:1.5rem!important } 
.pt-5 { padding-top:3rem!important } 
.pe-0 { padding-right:0!important } 
.pe-1 { padding-right:.25rem!important } 
.pe-2 { padding-right:.5rem!important } 
.pe-3 { padding-right:1rem!important } 
.pe-4 { padding-right:1.5rem!important } 
.pe-5 { padding-right:3rem!important } 
.pb-0 { padding-bottom:0!important } 
.pb-1 { padding-bottom:.25rem!important } 
.pb-2 { padding-bottom:.5rem!important } 
.pb-3 { padding-bottom:1rem!important } 
.pb-4 { padding-bottom:1.5rem!important } 
.pb-5 { padding-bottom:3rem!important } 
.ps-0 { padding-left:0!important } 
.ps-1 { padding-left:.25rem!important } 
.ps-2 { padding-left:.5rem!important } 
.ps-3 { padding-left:1rem!important } 
.ps-4 { padding-left:1.5rem!important } 
.ps-5 { padding-left:3rem!important } 
.font-monospace { font-family:var(--bs-font-monospace)!important } 
.fs-1 { font-size:calc(1.34375rem + 1.125vw)!important } 
.fs-2 { font-size:calc(1.3rem + .6vw)!important } 
.fs-3 { font-size:calc(1.27813rem + .3375vw)!important } 
.fs-4 { font-size:calc(1.25625rem + .075vw)!important } 
.fs-5 { font-size:1.09375rem!important } 
.fs-6 { font-size:.875rem!important } 


.fst-italic { font-style:italic!important } 
.fst-normal { font-style:normal!important } 
.fw-light { font-weight:300!important } 
.fw-lighter { font-weight:lighter!important } 
.fw-normal { font-weight:400!important } 
.fw-bold { font-weight:600!important } 
.fw-bolder { font-weight:bolder!important } 
.lh-1 { line-height:1!important } 
.lh-sm { line-height:1.25!important } 
.lh-base { line-height:1.5!important } 
.lh-lg { line-height:2!important } 
.text-start { text-align:left!important } 
.text-end { text-align:right!important } 
.text-center { text-align:center!important } 
.text-decoration-none { text-decoration:none!important } 
.text-decoration-underline { text-decoration:underline!important } 
.text-decoration-line-through { text-decoration:line-through!important } 
.text-lowercase { text-transform:lowercase!important } 
.text-uppercase { text-transform:uppercase!important } 
.text-capitalize { text-transform:capitalize!important } 
.text-wrap { white-space:normal!important } 
.text-nowrap { white-space:nowrap!important } 
.text-break { word-wrap:break-word!important; word-break:break-word!important } 
.text-primary { --bs-text-opacity:1; color:rgba(var(--bs-primary-rgb),var(--bs-text-opacity))!important } 
.text-secondary { --bs-text-opacity:1; color:rgba(var(--bs-secondary-rgb),var(--bs-text-opacity))!important } 
.text-success { --bs-text-opacity:1; color:rgba(var(--bs-success-rgb),var(--bs-text-opacity))!important } 
.text-info { --bs-text-opacity:1; color:rgba(var(--bs-info-rgb),var(--bs-text-opacity))!important } 
.text-warning { --bs-text-opacity:1; color:rgba(var(--bs-warning-rgb),var(--bs-text-opacity))!important } 
.text-danger { --bs-text-opacity:1; color:rgba(var(--bs-danger-rgb),var(--bs-text-opacity))!important } 
.text-pink { --bs-text-opacity:1; color:rgba(var(--bs-pink-rgb),var(--bs-text-opacity))!important } 
.text-light { --bs-text-opacity:1; color:rgba(var(--bs-light-rgb),var(--bs-text-opacity))!important } 
.text-dark { --bs-text-opacity:1; color:rgba(var(--bs-dark-rgb),var(--bs-text-opacity))!important } 
.text-black { color:#000 !important } 
.text-white { --bs-text-opacity:1; color:rgba(var(--bs-white-rgb),var(--bs-text-opacity))!important } 
.text-body { --bs-text-opacity:1; color:rgba(var(--bs-body-color-rgb),var(--bs-text-opacity))!important } 
.text-muted { --bs-text-opacity:1; color:#74788d!important } 
.text-black-50 { --bs-text-opacity:1; color:rgba(0,0,0,.5)!important } 
.text-white-50 { --bs-text-opacity:1; color:rgba(255,255,255,.5)!important } 
.text-reset { --bs-text-opacity:1; color:inherit!important } 
.text-opacity-25 { --bs-text-opacity:0.25 } 
.text-opacity-50 { --bs-text-opacity:0.5 } 
.text-opacity-75 { --bs-text-opacity:0.75 } 
.text-opacity-100 { --bs-text-opacity:1 } 
.bg-primary { --bs-bg-opacity:1; background-color:rgba(var(--bs-primary-rgb),var(--bs-bg-opacity))!important } 
.bg-secondary { --bs-bg-opacity:1; background-color:rgba(var(--bs-secondary-rgb),var(--bs-bg-opacity))!important } 
.bg-success { --bs-bg-opacity:1; background-color:rgba(var(--bs-success-rgb),var(--bs-bg-opacity))!important } 
.bg-info { --bs-bg-opacity:1; background-color:rgba(var(--bs-info-rgb),var(--bs-bg-opacity))!important } 
.bg-warning { --bs-bg-opacity:1; background-color:rgba(var(--bs-warning-rgb),var(--bs-bg-opacity))!important } 
.bg-danger { --bs-bg-opacity:1; background-color:rgba(var(--bs-danger-rgb),var(--bs-bg-opacity))!important } 
.bg-pink { --bs-bg-opacity:1; background-color:rgba(var(--bs-pink-rgb),var(--bs-bg-opacity))!important } 
.bg-light { --bs-bg-opacity:1; background-color:rgba(var(--bs-light-rgb),var(--bs-bg-opacity))!important } 
.bg-dark { --bs-bg-opacity:1; background-color:rgba(var(--bs-dark-rgb),var(--bs-bg-opacity))!important } 
.bg-black { --bs-bg-opacity:1; background-color:rgba(var(--bs-black-rgb),var(--bs-bg-opacity))!important } 
.bg-white { --bs-bg-opacity:1; background-color:rgba(var(--bs-white-rgb),var(--bs-bg-opacity))!important } 
.bg-body { --bs-bg-opacity:1; background-color:rgba(var(--bs-body-bg-rgb),var(--bs-bg-opacity))!important } 
.bg-transparent { --bs-bg-opacity:1; background-color:transparent!important } 
.bg-opacity-10 { --bs-bg-opacity:0.1 } 
.bg-opacity-25 { --bs-bg-opacity:0.25 } 
.bg-opacity-50 { --bs-bg-opacity:0.5 } 
.bg-opacity-75 { --bs-bg-opacity:0.75 } 
.bg-opacity-100 { --bs-bg-opacity:1 } 


.row>* { position:relative } 
.bg-soft-primary { background-color:rgba(11,177,151,.25)!important } 
.bg-soft-secondary { background-color:rgba(116,120,141,.25)!important } 
.bg-soft-success { background-color:rgba(10,103,192,.25)!important } 
.bg-soft-info { background-color:rgba(74,163,255,.25)!important } 
.bg-soft-warning { background-color:rgba(252,185,44,.25)!important } 
.bg-soft-danger { background-color:rgba(255,61,96,.25)!important } 
.bg-soft-pink { background-color:rgba(232,62,140,.25)!important } 
.bg-soft-light { background-color:rgba(239,242,247,.25)!important } 
.bg-soft-dark { background-color:rgba(52,58,64,.25)!important } 
.badge[href]:focus,.badge[href]:hover { color:#fff } 
.badge.bg-primary[href]:focus,.badge.bg-primary[href]:hover { background-color:#0a9e87!important } 
.badge.bg-light { color:#505d69 } 
.badge.bg-light[href]:focus,.badge.bg-light[href]:hover { color:#505d69 } 
.badge-soft-primary { color:var(--color-point); background-color:rgba(11,177,151,.18) } 
.badge-soft-primary[href]:focus,.badge-soft-primary[href]:hover { color:var(--color-point); text-decoration:none; background-color:rgba(11,177,151,.4) } 
.badge.bg-secondary[href]:focus,.badge.bg-secondary[href]:hover { background-color:#6b6e82!important } 
.badge.bg-light { color:#505d69 } 
.badge.bg-light[href]:focus,.badge.bg-light[href]:hover { color:#505d69 } 
.badge-soft-secondary { color:#74788d; background-color:rgba(116,120,141,.18) } 
.badge-soft-secondary[href]:focus,.badge-soft-secondary[href]:hover { color:#74788d; text-decoration:none; background-color:rgba(116,120,141,.4) } 
.badge.bg-success[href]:focus,.badge.bg-success[href]:hover { background-color:#09ad68!important } 
.badge.bg-light { color:#505d69 } 
.badge.bg-light[href]:focus,.badge.bg-light[href]:hover { color:#505d69 } 
.badge-soft-success { color:#0ac074; background-color:rgba(10,103,192,.18) } 
.badge-soft-success[href]:focus,.badge-soft-success[href]:hover { color:#0ac074; text-decoration:none; background-color:rgba(10,103,192,.4) } 
.badge.bg-info[href]:focus,.badge.bg-info[href]:hover { background-color:#3699ff!important } 
.badge.bg-light { color:#505d69 } 
.badge.bg-light[href]:focus,.badge.bg-light[href]:hover { color:#505d69 } 
.badge-soft-info { color:#4aa3ff; background-color:rgba(74,163,255,.18) } 
.badge-soft-info[href]:focus,.badge-soft-info[href]:hover { color:#4aa3ff; text-decoration:none; background-color:rgba(74,163,255,.4) } 
.badge.bg-warning[href]:focus,.badge.bg-warning[href]:hover { background-color:#fcb218!important } 
.badge.bg-light { color:#505d69 } 
.badge.bg-light[href]:focus,.badge.bg-light[href]:hover { color:#505d69 } 
.badge-soft-warning { color:#fcb92c; background-color:rgba(252,185,44,.18) } 
.badge-soft-warning[href]:focus,.badge-soft-warning[href]:hover { color:#fcb92c; text-decoration:none; background-color:rgba(252,185,44,.4) } 
.badge.bg-danger[href]:focus,.badge.bg-danger[href]:hover { background-color:#ff294f!important } 
.badge.bg-light { color:#505d69 } 
.badge.bg-light[href]:focus,.badge.bg-light[href]:hover { color:#505d69 } 
.badge-soft-danger { color:#ff3d60; background-color:rgba(255,61,96,.18) } 
.badge-soft-danger[href]:focus,.badge-soft-danger[href]:hover { color:#ff3d60; text-decoration:none; background-color:rgba(255,61,96,.4) } 
.badge.bg-pink[href]:focus,.badge.bg-pink[href]:hover { background-color:#e62c81!important } 
.badge.bg-light { color:#505d69 } 
.badge.bg-light[href]:focus,.badge.bg-light[href]:hover { color:#505d69 } 
.badge-soft-pink { color:#e83e8c; background-color:rgba(232,62,140,.18) } 
.badge-soft-pink[href]:focus,.badge-soft-pink[href]:hover { color:#e83e8c; text-decoration:none; background-color:rgba(232,62,140,.4) } 
.badge.bg-light[href]:focus,.badge.bg-light[href]:hover { background-color:#e1e7f0!important } 
.badge.bg-light { color:#505d69 } 
.badge.bg-light[href]:focus,.badge.bg-light[href]:hover { color:#505d69 } 
.badge-soft-light { color:#eff2f7; background-color:rgba(239,242,247,.18) } 
.badge-soft-light[href]:focus,.badge-soft-light[href]:hover { color:#eff2f7; text-decoration:none; background-color:rgba(239,242,247,.4) } 
.badge.bg-dark[href]:focus,.badge.bg-dark[href]:hover { background-color:#2b3035!important } 
.badge.bg-light { color:#505d69 } 
.badge.bg-light[href]:focus,.badge.bg-light[href]:hover { color:#505d69 } 
.badge-soft-dark { color:#343a40; background-color:rgba(52,58,64,.18) } 
.badge-soft-dark[href]:focus,.badge-soft-dark[href]:hover { color:#343a40; text-decoration:none; background-color:rgba(52,58,64,.4) } 
.rounded-pill { padding-right:.6em; padding-left:.6em } 
.badge.bg-dark { color:#eff2f7 } 
a,button { outline:0!important } 
.btn-light { border:1px solid #e8ecf4 } 
.btn-rounded { border-radius:30px } 
.btn-dark,.btn-secondary { color:#eff2f7!important } 
.btn-outline-light { color:#212529 } 
.btn-soft-primary { color:var(--color-point); background-color:rgba(11,177,151,.1); border-color:transparent } 
.btn-soft-primary:active,.btn-soft-primary:focus,.btn-soft-primary:hover { color:#fff; background-color:var(--color-point) } 
.btn-soft-secondary { color:#74788d; background-color:rgba(116,120,141,.1); border-color:transparent } 
.btn-soft-secondary:active,.btn-soft-secondary:focus,.btn-soft-secondary:hover { color:#fff; background-color:#74788d } 
.btn-soft-success { color:#0ac074; background-color:rgba(10,103,192,.1); border-color:transparent } 
.btn-soft-success:active,.btn-soft-success:focus,.btn-soft-success:hover { color:#fff; background-color:#0ac074 } 
.btn-soft-info { color:#4aa3ff; background-color:rgba(74,163,255,.1); border-color:transparent } 
.btn-soft-info:active,.btn-soft-info:focus,.btn-soft-info:hover { color:#fff; background-color:#4aa3ff } 
.btn-soft-warning { color:#fcb92c; background-color:rgba(252,185,44,.1); border-color:transparent } 
.btn-soft-warning:active,.btn-soft-warning:focus,.btn-soft-warning:hover { color:#fff; background-color:#fcb92c } 
.btn-soft-danger { color:#ff3d60; background-color:rgba(255,61,96,.1); border-color:transparent } 
.btn-soft-danger:active,.btn-soft-danger:focus,.btn-soft-danger:hover { color:#fff; background-color:#ff3d60 } 
.btn-soft-pink { color:#e83e8c; background-color:rgba(232,62,140,.1); border-color:transparent } 
.btn-soft-pink:active,.btn-soft-pink:focus,.btn-soft-pink:hover { color:#fff; background-color:#e83e8c } 
.btn-soft-light { color:#eff2f7; background-color:rgba(239,242,247,.1); border-color:transparent } 
.btn-soft-light:active,.btn-soft-light:focus,.btn-soft-light:hover { color:#fff; background-color:#eff2f7 } 
.btn-soft-dark { color:#343a40; background-color:rgba(52,58,64,.1); border-color:transparent } 
.btn-soft-dark:active,.btn-soft-dark:focus,.btn-soft-dark:hover { color:#fff; background-color:#343a40 } 
.btn-group-vertical label { margin-bottom:0 } 
.breadcrumb-item>a { color:#505d69 } 
.breadcrumb-item+.breadcrumb-item::before { font-family:"Material Design Icons" } 
[dir=rtl] .breadcrumb-item+.breadcrumb-item { padding-right:.5rem } 
[dir=rtl] .breadcrumb-item+.breadcrumb-item::before { font-family:"Material Design Icons"; padding-left:0; content:"\F0141" } 

.card { position:relative; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; min-width:0; word-wrap:break-word; background-color:#fff; background-clip:border-box; border:0 solid #f1f5f7; border-radius:.4rem } 
.card>hr { margin-right:0; margin-left:0 } 
.card>.list-group { border-top:inherit; border-bottom:inherit } 
.card>.list-group:first-child { border-top-width:0; border-top-left-radius:.4rem; border-top-right-radius:.4rem } 
.card>.list-group:last-child { border-bottom-width:0; border-bottom-right-radius:.4rem; border-bottom-left-radius:.4rem } 
.card>.card-header+.list-group,.card>.list-group+.card-footer { border-top:0 } 
.card-body { -webkit-box-flex:1; -ms-flex:1 1 auto; flex:1 1 auto; padding:1.25rem 1.25rem } 
.card-title { margin-bottom:.5rem } 
.card-subtitle { margin-top:-.25rem; margin-bottom:0 } 
.card-text:last-child { margin-bottom:0 } 
.card-link:hover { text-decoration:none } 
.card-link+.card-link { margin-left:1.25rem } 
.card-header { padding:.625rem 1.25rem; margin-bottom:0; background-color:#f1f5f7; border-bottom:0 solid #f1f5f7 } 
.card-header:first-child { border-radius:.4rem .4rem 0 0 } 
.card-footer { padding:.625rem 1.25rem; background-color:#f1f5f7; border-top:0 solid #f1f5f7 } 
.card-footer:last-child { border-radius:0 0 .4rem .4rem } 
.card-header-tabs { margin-right:-.625rem; margin-bottom:-.625rem; margin-left:-.625rem; border-bottom:0 } 
.card-header-pills { margin-right:-.625rem; margin-left:-.625rem } 
.card-img-overlay { position:absolute; top:0; right:0; bottom:0; left:0; padding:1rem; border-radius:.4rem } 
.card-img,.card-img-bottom,.card-img-top { width:100% } 
.card-img,.card-img-top { border-top-left-radius:.4rem; border-top-right-radius:.4rem } 
.card-img,.card-img-bottom { border-bottom-right-radius:.4rem; border-bottom-left-radius:.4rem } 
.card-group>.card { margin-bottom:12px } 
@media (min-width:576px) { 
 .card-group { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction:normal; -ms-flex-flow:row wrap; flex-flow:row wrap } 
.card-group>.card { -webkit-box-flex:1; -ms-flex:1 0 0%; flex:1 0 0%; margin-bottom:0 } 
.card-group>.card+.card { margin-left:0; border-left:0 } 
.card-group>.card:not(:last-child) { border-top-right-radius:0; border-bottom-right-radius:0 } 
.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top { border-top-right-radius:0 } 
.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom { border-bottom-right-radius:0 } 
.card-group>.card:not(:first-child) { border-top-left-radius:0; border-bottom-left-radius:0 } 
.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top { border-top-left-radius:0 } 
.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom { border-bottom-left-radius:0 } 
 } 



.page-link:hover { z-index:2; color:#07695a; text-decoration:none; background-color:#eff2f7; border-color:#ced4da } 
.page-link:focus { z-index:3; color:#07695a; background-color:#eff2f7; outline:0; -webkit-box-shadow:0 0 0 .15rem rgba(11,177,151,.25); box-shadow:0 0 0 .15rem rgba(11,177,151,.25) } 
.page-item:not(:first-child) .page-link { margin-left:-1px } 
.page-item.active .page-link { z-index:3; color:#fff; background-color:var(--color-point); border-color:var(--color-point) } 
.page-item.disabled .page-link { color:#ced4da; pointer-events:none; background-color:#fff; border-color:#ced4da } 
.page-link { padding:.5rem .75rem } 
.page-item:first-child .page-link { border-top-left-radius:.25rem; border-bottom-left-radius:.25rem } 
.page-item:last-child .page-link { border-top-right-radius:.25rem; border-bottom-right-radius:.25rem } 
.pagination-lg .page-link { padding:.75rem 1.5rem; font-size:1.09375rem } 
.pagination-lg .page-item:first-child .page-link { border-top-left-radius:.4rem; border-bottom-left-radius:.4rem } 
.pagination-lg .page-item:last-child .page-link { border-top-right-radius:.4rem; border-bottom-right-radius:.4rem } 
.pagination-sm .page-link { padding:.25rem .5rem; font-size:.76563rem } 
.pagination-sm .page-item:first-child .page-link { border-top-left-radius:.2rem; border-bottom-left-radius:.2rem } 
.pagination-sm .page-item:last-child .page-link { border-top-right-radius:.2rem; border-bottom-right-radius:.2rem } 
.badge { display:inline-block; padding:.25em .4em; font-size:75%; font-weight:500; line-height:1; color:#fff; text-align:center; white-space:nowrap; vertical-align:baseline; border-radius:.25rem } 
.badge:empty { display:none } 
.btn .badge { position:relative; top:-1px } 
.alert { position:relative; padding:1.25rem 1.25rem; margin-bottom:1rem; border:1px solid transparent; border-radius:.25rem } 
.alert-heading { color:inherit } 
.alert-link { font-weight:600 } 
.alert-dismissible { padding-right:3.75rem } 
.alert-dismissible .btn-close { position:absolute; top:0; right:0; z-index:2; padding:.9375rem 1.25rem } 
.alert-primary { color:#076a5b; background-color:#ceefea; border-color:#b6e8e0 } 
.alert-primary .alert-link { color:#065549 } 
.alert-secondary { color:#464855; background-color:#e3e4e8; border-color:#d5d7dd } 
.alert-secondary .alert-link { color:#383a44 } 
.alert-success { color:#067346; background-color:#cef2e3; border-color:#b6ecd5 } 
.alert-success .alert-link { color:#055c38 } 
.alert-info { color:#2c6299; background-color:#dbedff; border-color:#c9e3ff } 
.alert-info .alert-link { color:#234e7a } 
.alert-warning { color:#976f1a; background-color:#fef1d5; border-color:#feeac0 } 
.alert-warning .alert-link { color:#795915 } 
.alert-danger { color:#99253a; background-color:#ffd8df; border-color:#ffc5cf } 
.alert-danger .alert-link { color:#7a1e2e } 
.alert-pink { color:#8b2554; background-color:#fad8e8; border-color:#f8c5dd } 
.alert-pink .alert-link { color:#6f1e43 } 
.alert-light { color:#8f9194; background-color:#fcfcfd; border-color:#fafbfd } 
.alert-light .alert-link { color:#727476 } 
.alert-dark { color:#1f2326; background-color:#d6d8d9; border-color:#c2c4c6 } 
.alert-dark .alert-link { color:#191c1e } 
@-webkit-keyframes progress-bar-stripes { 
 0% { background-position-x:.625rem } 
 } 
@keyframes progress-bar-stripes { 
 0% { background-position-x:.625rem } 
 } 
.progress { display:-webkit-box; display:-ms-flexbox; display:flex; height:.625rem; overflow:hidden; font-size:.65625rem; background-color:#f1f5f7; border-radius:.25rem } 
.progress-bar { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; overflow:hidden; color:#fff; text-align:center; white-space:nowrap; background-color:var(--color-point); -webkit-transition:width .6s ease; transition:width .6s ease } 
@media (prefers-reduced-motion:reduce) { 
 .progress-bar { -webkit-transition:none; transition:none } 
 } 
.progress-bar-striped { background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent); background-size:.625rem .625rem } 
.progress-bar-animated { -webkit-animation:1s linear infinite progress-bar-stripes; animation:1s linear infinite progress-bar-stripes } 
@media (prefers-reduced-motion:reduce) { 
 .progress-bar-animated { -webkit-animation:none; animation:none } 
 } 



#changgo_outline { position:relative } 
#sch-btn { position:absolute; right:0px; top:50%; transform:translateY(-50%); right:30px } 
.add_focus { background-color:#f7f7f7 } 
#changgo_list { width: 100%; padding: 1rem 2rem; margin-top: 1rem; background: #f7f7f7; border-radius: 0.5em; } 
.cs_list li { font-size: 1.8rem; line-height: 2; } 

.ploading { position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); width:100px; height:100px; z-index:90000; display:none } 

.alert-box { height:auto; } 
.bg_black { background-color:#000 !important } 

.color_success { color:var(--color-point); } 


.material-symbols-outlined { 
 font-variation-settings:
 'FILL' 0,
 'wght' 400,
 'GRAD' 0,
 'opsz' 24
 } 


.ri-wireless-charging-line:before { content:"\f254" } 
.display-4 { font-size:5rem !important } 

.size-2 { width:300px; min-height:353px; /*height: auto; */ overflow-y:hidden } 
.color_danger { color:#ea0f33 !important } 

.bg_black { background-color:#000 !important } 
.focus_red_border { border:1px solid #FF0000 } 

.input-box select { width: 100%; } 
select { 
 font-family: 'Pretendard'; 
 -webkit-tap-highlight-color: transparent; 
 font-size: 1.6rem; 
 } 

progress { 
 color: #0060FF; 
 -webkit-appearance: none; 
 vertical-align: baseline; 
 border-radius: 5px; 
 } 
progress::-webkit-progress-value { 
 background-color: #0060FF; 
 } 


#percent_txt { color:#fff } 

.add_img { width:50px; height:50px; border:1px solid #cfcfcf; line-height:50px; position:relative } 
.add_img i { line-height:50px } 
.thumb_list { justify-content:space-between } 

.p_del i { position:absolute; top:-10px; right:0px; z-index:2000; font-size:2rem } 
.cate_tab { width:50%; font-size:1.4rem; text-align:center; height:40px; line-height:40px; border-bottom:1px solid #171717; } 
.modal_cate { height:250px; overflow-y:scroll; margin-top:15px } 
.modal_cate > div { font-size: 1.8rem; line-height: 2; } 
.modal_tab_focus { border:1px solid #171717; border-bottom:0px; } 
.modal_cate { height:350px } 
.modal .fa-xmark { font-size:3rem } 

.history_btn { 
 display: inline-block; 
 width: auto; 
 min-width: 4.6rem; 
 height: 2.5rem; 
 line-height: 2.5rem; 
 padding: 0 0.5em; 
 background-color: #6a6a6a; 
 border-radius: .3rem; 
 color: #fff; 
 font-size: 1.3rem; 
 text-align: center; 
 } 


.w100p { width:100% !important } 
.w98p { width:98% !important } 
.w95p { width:95% !important } 
.w90p { width:90% !important } 
.w82p { width:82% !important } 
.w85p { width:85% !important } 
.w80p { width:80% !important } 
.w70p { width:70% !important } 
.w60p { width:60% !important } 
.w75p { width:75% !important } 
.w50p { width:50% !important } 
.w40p { width:40% !important } 
.w35p { width:35% !important } 
.w30p { width:30% !important } 
.w25p { width:25% !important } 
.w20p { width:20% !important } 
.w15p { width:15% !important } 
.w10p { width:10% !important } 
.w5p { width:5% !important } 
.w2p { width:2% !important } 


.table_header { border-bottom:1px solid #000000 } 

#b_img .btn_img_prev, #b_img .btn_img_next { 
 position: absolute; 
 top: 50%; 
 transform: translateY(-50%); 
 z-index: 100; 
 font-size: 40px; 
 color: #d2d2d2; 
display:none; 
 } 

#b_img .btn_img_next { right: 10px; } 
#b_img .btn_img_prev { left: 10px; } 
.gallery_list { display:none; width:100%; float:left; text-align:center } 
.gallery_list img { max-width:100%; max-height:100% !important; z-index:100; overflow:hidden; position:relative; width:auto !important; display:inline-block } 
.gallery_list_block { display:none; width:1500px } 
.add_show { display:block !important } 
.modal_bimg { width:100% } 

#item_su_div .quant button.btn-plus { border: 1px solid #abbef7;background-color: #e7f0ff;}
#item_su_div .quant button.btn-minus {border: 1px solid #f7abab;background-color: #ffe7e7;}
#item_su_div .quant button { 
 width: 3rem; 
 height: 3rem; 
 padding: 0.2em; 
 border-radius: 100%; 
 border: 1px solid #c8c8c8; 
 background-color: #f8f8f8; 
 } 

#item_su_div .quant input { 
 border: 1px solid #a5a5a5; 
font-size:2rem; 
width:120px; 
margin:0px 10px; 
 background-color: #f8f8f8; 
text-align:right
 } 
#item_su_div .quant { 
justify-content: center; 
margin-top: .5rem;
margin-bottom: 1rem;
 } 

.new-list-wr .list-wr .list-txt { 
 width: calc(100% - 9.6rem) !important; 
 
 } 


.new-list-wr .list-wr .thumb-btn { 
 width: 5rem !important; 
 } 


.new-list-wr .list-wr .thumb-btn li button img { 
 width: 100% !important; 
 } 

.modify_num { padding:0.5rem 1rem; height: 3.8rem; line-height:2.8rem; margin-left: 0.5em; background: var(--color-more); font-size:1.5rem; } 
.kana_input_box { width:100%; border:0px; flex-wrap:wrap; height:auto !important } 
.kana_input_box input { width:auto !important } 
.kana_input_box span { width:50%; flex-grow: 1; } 
.kana_input_box span:nth-child(1),.kana_input_box span:nth-child(3) { 
 flex-basis: 30%; 
 flex-grow: 1; 
 } 

.order_gubun { color:var(--color-point); margin-bottom:10px } 
.product .container .cont-box-wr .pro-list ul li { 
 height: auto; 
 padding: 0.5em 0 !important; 
 } 
 .product .container .cont-box-wr .pro-list ul li { 
    padding: 0.1em 0 !important;
 }

.adm_product_list li { 
 /* height: 4rem; */
 margin-top: 0rem !important; 
 } 


.search-wr button.add_btn { 
 
 width: 100% !important; 
 margin-right: 1em !important; 
 padding: 0 1em !important; 
 cursor:pointer; 
 background: linear-gradient(110deg,#005EFF,#00C2FF) !important; 
margin:10px; 

height:2.5em; 

 } 

.product .search-wr { margin-bottom:1rem !important } 
.kana_border_color { border:1px solid #c4c4c4 } 

.b_img.modal .modal-content { 
 position: absolute; 
 top: 50%; 
 left: 50%; 
 width: 100%; 

 height: 100% !important; 
 border: 0; 
 transform: translate(-50%, -50%); 

 } 

#add_juso_modal .tit { width:30% !important } 
#add_juso_modal li { margin-bottom:.5rem } 
#add_juso_modal li .tit { color: var(--color-tit); font-size: 1.6rem; font-weight: 500; } 
#add_juso_modal .modal-body { padding: 1.5rem 1rem; } 
#add_juso_modal .modal-footer { display: none; } 


#add_juso_modal.modal .modal-content, #list_juso_modal.modal .modal-content { 
 
 width: 100%; 
 height: 100% !important; 
 
 transform: translate(-50%, -50%) !important; 
background-color:#fff !important

 } 

#add_juso_modal .input-box-wr { width:100% !important } 
/* #add_juso_modal .modal-content { padding:0 10px } */

#list_juso_modal .input-box p { 
 margin-left: 0; 
 line-height: 1.7; 
 font-weight: 400; 
 } 

#list_juso_modal .input-box .info-badge2 { 
 padding: 0.2em 0.6em; 
 margin-top: 0; 
 margin-bottom: 0; 
 } 

#list_juso_modal .info-badge { 
 display: inline-block; 
 margin: 0 0.417em 0.417em 0; 
 padding: 0.417em 0.917em; 
 border: 1px solid var(--color-border01); 
 border-radius: 4em; 
 color: #8F939E; 
 font-size: 1.2rem; 
 } 

#list_juso_modal .info-adr { 
 color: #8F939E; 
 font-weight: 400; 
 line-height: 1.7; 
 } 

#list_juso_modal { height:calc(100vh - (var(--header-hei) * 4)); width:90%; margin-top: calc(var(--header-hei) / 2.5); color: var(--color-g-tit); font-size: 1.6rem; font-weight: 500; } 

.gallery_dot { position:absolute; bottom:50px; text-align:center; z-index:6000; width:100% } 
.gallery_dot span { 
 width: 10px; 
 height: 10px; 
 margin: 0px 3px; 
 background: transparent; 
 display: inline-block; 
 -webkit-backface-visibility: visible; 
 transition: opacity 200ms ease; 
 border-radius: 30px; 
 border: 1px solid #2f3133; 
 background-color: #f5f5f5; 

 } 

.d-inline { display:inline!important } 
.d-inline-block { display:inline-block!important } 
.d-block { display:block!important } 

.g_focus { background-color: #000 !important; } 

.p_detail_info { padding:1rem 1.5rem; width:100%; font-size:1.4rem; font-weight:500; line-height:1.5 } 

.kana-header-txt { 
 color: var(--color-point); 
 border-bottom: 1px solid var(--color-border01); 
padding-bottom:30px; 
font-size:1.7rem; 
font-weight:bolod; 
 } 
 .kana-header-txt .text2 { margin-top: 1rem; color: var(--color-point-or); font-size: 1.4rem; } 

#memo_preview { font-size:1.4rem; color:#8F939E } 
#daepyo_preview { font-size:1.6rem; color:#8F939E } 
.item-price#total_sum_preview { font-size:1.6rem; } 
.item-price#point_preview { font-size:1.6rem; } 
.item-price#total_sum_preview2 { font-size:1.8rem; font-weight:bold; color:var(--color-point); } 
.item-price-title { font-size:1.6rem; color:#8F939E } 




#add_juso_modal { height:calc(100vh - (var(--header-hei) *3.5)); width:90%; margin-top: calc(var(--header-hei) / 2.5); } 
#add_juso_modal .add-adr {align-items: baseline;}
#add_juso_modal .add-adr .input-box {margin-top: .5rem;}
#add_juso_modal .btn-wr .btn { margin-bottom: 0; padding: 1rem; font-size: 1.6rem; } 

#modal-address .fa-xmark { font-size:3rem } 

.modal-address { 
 position: fixed; 
 display: none; 
 z-index: 20000; 
 background: rgba(0, 0, 0, .6); 
 width: 100%; 
 height: 100%; 
 top: 0; 
 left: 0; 
 } 
.modal-address .modal-add { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 90%;/*height: calc(100vh -(var(--header-hei)* 3.5));*/ height: 63vh; margin-top: calc(var(--header-hei) / 2.5); background-color: white; overflow-y: scroll; z-index: 1; } 
.modal-address .modal-add .d-flex { padding: 20px 20px 0 20px; } 

#bank_div { position:fixed !important; bottom:0px !important; top:auto !important; left:0px; transform:translate(0px, 0px) !important; width:100%; height:400px; overflow-y:auto; max-width:100% !important; font-size:1.5rem } 
#bank_div.modal .modal-content { 
 position: absolute; 
 top: 0px; 
 left: 50%; 
width: 80%; 
 height: 100% !important; 
 transform: translate(-50%, 0px); 
 } 

#bank_div.modal .modal-body { 
height: 350px !important; 
overflow-y:auto; 
 } 

#bank_div.modal .modal-body li { font-size:2rem } 

#bill_preview,#bill_preview_c { font-size:1.6rem } 
#bill_preview_c { color:#8F939E } 

.item-cname-title,.item-cno-title, .item-email-title { color:#8F939E; font-size:1.6rem } 
#c_name_preview, #c_no_preview, #c_email_preview { margin-left:auto; font-size:1.6rem } 

.b_modal_size { height: 100%; } 

.modal_msg_sbody { padding-left:25px; color:#5f5f5f; font-size:17px } 
.modal_msg_header { font-size:25px } 

#tabBar .tab-wr .btn-tab { width:25% } 

.bank_detail span { } 

.dark_blue_btn { 
 background: var(--color-tit); 
 color: #fff; 
 font-weight: 500; 
 } 

.auto_height { height:auto !important } 
.btn_s { padding:10px 12px; border-radius:5px } 


.tit-wr-kana { 
 padding-bottom: 1rem !important; 
 margin-bottom: 1rem !important; 
 
 } 

.req_dot { color:#ff0080; margin-right:1px } 

 .header .ham_menu_btn { left: 60px; } 
@media screen and (min-width:600px) { 
 .header .ham_menu_btn { left: 100px; } 
 
 } 

#main .header .ham_menu_btn { left: var(--inner-pd) } 


/*#page header.header .btn-back-black { background-image: url(/img/icon_back.svg) } */

#page header.header .btn-back.black-arrow { 
 background-image: url(/img/icon_back.svg); 
 } 

 .comment_list{
 
    margin-top: auto;
    color: #8F939E;
    font-size: 0.889em;
    font-weight: 300;


 
 }

#request_content{padding-top:0px;padding-bottom:0px}

.table_kana{font-size:1.2rem}
.table_kana .t_header{border-bottom:1px solid #c5c5c5;border-top:1px solid #c5c5c5}
.s_detail{padding:20px;background-color:#e0e0e0;border-radius:5px}

.menu_b_cate{font-size:30px;font-weight:bold;color:#fff}


/* .s_top{position:fixed;z-index:998;max-width:1024px;min-width:320px;width:100%;top:100px} */
.g-ca-list{background-color:#fff}


.btn_kana2 {
    display: inline-flex;
    padding: 1rem 2rem;
    border: 2px solid #022f79;
    border-radius: 1.2rem;
    background: #f6f6f6;
	
	margin:0 auto;

}


.reply_name{color:#0073e6;font-size:1.3rem;margin-bottom:10px;flex:1}
.reply_name i{font-size:2rem;vertical-align:middle;margin-right:5px}
.reply_content{margin-bottom:10px;}
.reply_date{color:#8b8b8b;font-size:1.3rem;}
.reply_block{margin-bottom:10px;border-bottom:1px solid #d2dfe6}


#board_menu {
    position: fixed !important;
    bottom: 0px !important;
    top: auto !important;
    left: 0px;
    transform: translate(0px, 0px) !important;
    width: 100%;
    height: 200px;
    overflow-y: auto;
    max-width: 100% !important;
    font-size: 1.5rem;
}

#board_menu.modal .modal-content {
    position: absolute;
    top: 0px;
    left: 50%;
    width: 80%;
    height: 100% !important;
    transform: translate(-50%, 0px);
}

#board_menu.modal .modal-dialog {
    max-width: 100%;
}

.slide-page{
	position:absolute;height:100vh;width:100%;background-color:#fff;z-index:100; transition: transform 0.5s ease;
}
.slide-next-page {
  left: 100%; /* ������ ȭ�� �� */
  background-color: #ffa07a;
		
}

.slide-minus {
  transform: translateX(-100%); /* ȭ������ �����̵� */
}

.slide-plus {
  transform: translateX(100%); 
}

.btn-blue2 {
    padding: 0.3em 0.5em;
    border-radius: 0.2em;
    background: var(--color-point);
    font-size: 1.4rem;
    color: #fff;
}

.upside_up {
    transform: rotateZ(180deg) translateY(50%);
    transition: .3s;

}

.h-30p{height:30px !important}

.c_background_color{background-color:#d9d9d9}
.confirm_icon{display:inline-block;background-color:#ff3c9d;color:#fff;padding:3px 5px;font-size:1rem;border-radius:5px;vertical-align:2px;margin-left:10px}


#rt_search_text{height:auto;position:absolute;width:80%;background-color:#fff;top:60px;display:none;padding:10px;transform:translateX(-50%);left:50%}
#rt_search_text li{padding:5px;}
#rt_search_text li{text-align:left}
#rt_search_text .rt_title{font-size:12px;color:#9e9e9e}
.rt_title{width:80%;text-align:left}
.rt_close {width:20%;text-align:right;font-size:2rem}


#rt_search_text li:focus {
    background-color: #eee;
}