@font-face {
    font-family:font_Above;
    src:url('../fonts/ABOVE-PERSONAL-USE-ONLY.ttf') format('truetype');
    font-weight:normal;
    font-style:normal;
}
@font-face {
    font-family:font_meiryo;
    src:url('../fonts/meiryo.ttc');
    font-style:normal;
}
:root {
    --base-color: #164418;
    --default-color:#707070;
    --link-color: #003BDB;
    --font-size-default: 17px;
    --font-size-logo: 33px;
    --default-bg:#434040;
    --chart-color:#5A8585;
}
  
body{
    font-family:font_meiryo;
    font-size: var(--font-size-default);
    color: var(--default-color);
}
h2{
    font-size: 22px;
}
/* header */
.logo span{
    font-size: var(--font-size-logo);
    font-family:font_Above;
}
.justify-inherit{
    justify-content: inherit;
}
.menu-desktop .items-center a svg{
    margin: auto;
    margin-bottom: 8px;
    height: 27.5px;
}
.menu-desktop .items-center a.active svg path,
.menu-desktop .items-center a.active span,
.menu-desktop .items-center a:hover svg path,
.menu-desktop .items-center a:hover span,
.right-menu svg:hover path{
    fill: var(--base-color);
    color: var(--base-color);
}
.right-menu a{
    display: block;
    text-align: center;
}
.menu-desktop.max-w-screen-xl, .max-w-screen-xl {
    max-width: 1280px;
}
.dropdown:hover .dropdown-menu {
    display: block;
}
.bg-base{
    background: var(--default-bg);
}
.pagination{
    font-size: 13px;
}
/* end header */


/* body home */
.main-body{
    min-height: calc(100vh - 146px);
    padding: 67px 0;
}
.background-dark{
    background: var(--default-bg);
    width: 100%;
    max-width: 212.5px;
}
.text-link{
    color: var(--link-color);
    text-decoration: underline;
}
.box-counter h3{
    font-size: 22px;
}
.box-counter span{
    font-size: 27.5px;
}
.accordion-style button{
    background: var(--default-bg);
    position: relative;
}
.accordion-style button::after{
    content: '▼';
    font-size: 17px;
    transform: rotate(180deg);
    display: block;
    position: absolute;
    transition: 0.4s all ease;
    right: 8px;
    top: 13px;
    line-height: 8px;
}
.accordion-style button.close::after{
    content: '▼';
    font-size: 17px;
    transform: rotate(0deg);
    display: block;
    position: absolute;
    right: 8px;
    top: 13px;
    line-height: 8px;
}
.search-bar button, .search-bar input{
    height: 100%;
}
.search-bar button{
    border-radius: 8px;
}
.search-bar .export{
    min-height: 42px;
}
.table-home th, .table-home td{
    border-width:1px;
    padding: 7px 15px;
}
.table-home th{
    text-align: center;
    background: var(--default-bg);
    color: #fff;
    white-space: nowrap;
    font-weight: normal;
}
.table-home td{
    text-align: center;
    font-size: 12px;
}
.table-news.table-home td, .table-home.table-news th{
    text-align: left;
}
.table-home td a, .table-product td a{
    color: var(--link-color);
    text-decoration: underline;
}
.table-home td.text-left{
    text-align: left;
}
.table-home td:nth-child(2), .table-home td:nth-child(3){
    text-align: left;
}
.table-home td.text-center, .table-home th.text-center{
    text-align: center;
}
.table-home input[type="checkbox"], .table-product input[type="checkbox"]{
    vertical-align: middle;
}
.form-news .wrap-input label{
    width: 83px;
}
.table-product th{
    text-align: left;
    font-size: 17px;
    font-weight: normal;
}
.line-2 a{
    overflow: hidden;
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.table-product th, .table-product td{
    border-bottom: 1px solid;
    padding: 7px 15px;
   
}
.table-product td{
    font-size: 13px;
}
.table-product img{
    width: 62.5px;
    height: 62.5px;
    object-fit: cover;
}
.box-img span{
    font-style: 21px;
}
.mb-0{
    margin-bottom: 0 !important;
}
.box-img-product{
    max-width: 242px;
    height: 242px;
}
/* end body home */

/* login page*/
.wrap-input{
    margin-bottom: 42px;
}
.wrap-input input{
    height: 42px;
}

.forgot-password{
    padding-top: 42px;
}
.toggle-checkbox:checked {
    @apply: right-0 border-green-400;
    right: 0;
    border-color:white;
  }
  .toggle-checkbox:checked + .toggle-label {
    @apply: bg-green-400;
    border-color:rgb(3, 111, 252);
    background-color: rgb(3, 111, 252);
  }
/* end login page*/

/* footer */
.footer{
    background: #576B62;
}
/* end footer */
/* accordion */
.group:focus .group-focus\:max-h-screen {
    max-height: 100vh;
  }
  
  .group:focus .group-focus\:text-white {
    --text-opacity: 1;
    color: #fff;
    color: rgba(255, 255, 255, var(--text-opacity));
  }
  .transform {
    --transform-translate-x: 0;
    --transform-translate-y: 0;
    --transform-rotate: 0;
    --transform-skew-x: 0;
    --transform-skew-y: 0;
    --transform-scale-x: 1;
    --transform-scale-y: 1;
    transform: translateX(var(--transform-translate-x))
      translateY(var(--transform-translate-y)) rotate(var(--transform-rotate))
      skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y))
      scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y));
  }
  .group:focus .group-focus\:-rotate-180 {
    --transform-rotate: -180deg;
  }