@charset "UTF-8";
@import "../contents/css/bootstrap/bootstrap.min.css";
@import "../contents/css/fontawesome.min.css";
@import "base/boxslider.css";
@import "base/cms.css";
@import "base/contact.css";
@import "base/jquery.excoloSlider.css";
@import "base/lightbox.css";

body,html{
    margin: 0;
    padding: 0;
/*    overflow-x: hidden;*/
/*    font-family: 小塚ゴシック Pr6N;*/
/*    font-family: '小塚ゴシック Pr6N';*/
    font-family: kozuka-gothic-pr6n, sans-serif;
    font-weight: 400;
    font-style: normal;
}
/*------------side navigation-------*/
.box-shadow-menu {
    padding-left: 1.25em;
    font-size: 40px;
}
.box-shadow-menu:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 1em;
    height: 0.15em;
    background: green;
    box-shadow:
        0 0.25em 0 0 green,
        0 0.5em 0 0 green;
}
/*-----------top page---------------*/
.top-slogon-div{
    text-align: center;
    line-height: 1.5;
    width:300px;
    margin: auto;
    top:60%;
    transform: translateY(-60%);
    left: 0;
    bottom: 0;
    right: 0;
}
.top-page-slogon{
    position: relative;
    background: red;
    color:#fff;
    width:150px;
    padding:6px;
    margin: auto;
}
.top-page-slogon2{
    letter-spacing: 2px;
    color:#fff;
    font-size:1.7rem;
}
/*---------------------category--------*/
.title_mod{
    color:#0089ff;
    font-size:18px;
}
.sub-title{
    font-size:16px;
}
.top-category-name{
    background: #0089ff;
    text-align: center;
    color: #fff;
    padding: 6px;
    cursor: pointer;
}
.img-responsive{
    width: 150px !important;
    height: 150px !important;
    object-fit: cover;
}
/*--------------  nav --------*/
.bg-success{
    background: linear-gradient(to right,#8CC63F,#39B54A);
}
header{
    margin-bottom: 20px;
}
.cms-fix-size{
    max-width: 100%;
}
.col-xl-8.col-lg-10,.col-xl-2.col-lg-2{
    padding: 0 15px;
}
.add-nav-menu{
    z-index: 9999;
}
.cms-menu-fix{
    background-color: #dddada;
    padding-bottom: 15px;
    border:1px solid #39B54A;
}
.menu-text{
    width: 100%;
    background: linear-gradient(to right,#8CC63F,#39B54A);
    color: #fff;
}
.menu-text a{
    display: flex!important;
    text-decoration: none!important;
    align-items: center!important;
    font-size: 22px;
    justify-content: center;
    color: #fff;
    padding: 5px;
}
.menu-ul{
    padding: 12.5px 12.5px 0;
    font-weight: 500;
}
.menu-ul li:first-child{
    margin-top: 0px;
}
.menu-ul li{
    background-color: #fff;
    margin-top: 8px;
}
.menu-ul .nav-link{
    border-radius: 0;
    color: #39b54a;
    padding: 7px 10px;
    font-size: 15px;
}
.menu-ul .ms-1{
    padding-bottom: 10px;
}
.menu-ul .sub_li{
    color: #000;
    font-size: 16px;
    padding: 3px 0 3px 20px;
}
.menu-ul .sub_li:hover{
    color: #39b54a;
}
li .tab-menu[aria-expanded="true"]{
    background: linear-gradient(to right,#8CC63F,#39B54A)!important;
    color: #fff!important;
}
.tab-menu{
    position: relative;
}
.tab-menu:after{
    position: absolute;
    content: '◀';
    font-size: 14px;
    top: 8px;
    right: 10px;
}
li .tab-menu[aria-expanded="true"]:after{
    content: '▼';
}
.col-xl-2.col-lg-2{
    max-width: 230px;
}
.flex-nowrap{
    position: relative;
}
#contents-fix:not(.open) .cms-menu-fix{
    padding-bottom: 0;
    width: 200px;
}
#contents-fix:not(.open) .menu-text{
    background: #fff;
}
#contents-fix:not(.open) .menu-text span{    
    color: #39b54a;
}
#contents-fix:not(.open) .menu-ul{
    display: none;
}
#contents-fix:not(.open) .col-xl-2{
    position: absolute;
    width: 200px;
} 
#contents-fix:not(.open) .col-xl-8{
    width: 100%;
    max-width: 100%;
/*    padding: 0 20px;*/
}   
.sub_li.open{
    color: #39b54a;
} 
.menu-text a{
    position: relative;
}
.menu-text a:after{
    position: absolute;
    content: '';
    font-size: 30px;
    color: #fff;
    top: -2px;
    font-weight: bold;
    left: 10px;
}
.header-bottom img{
    height: 20px;
}
.header-bottom{    
    padding: 11px 0 15px;
}
.cms-fix-size .col-12{
    padding: 0 20px;
}
.container-fluid{
    padding: 0;
}
#contents-fix{
    position: relative;
}
.container-xl{
    padding: 0;
    margin: 0;
}
.container-xl .row{
    padding: 0;
    margin: 0;
}
/**********************************************************************************/
#contents-fix .col-xl-8.top {
    width: 100%;
    padding: 0 20px;
}
@media(max-width:1400px) and (min-width:768px){
    #contents-fix .col-xl-2{
        position: absolute;
        width: 200px;
        padding:0;
        margin-left: 20px;
    }  
    #contents-fix .col-xl-8{
        flex: 0 0 auto;
        width: 100%;
        padding-left: 260px;
        padding-right: 20px;
    }   
}
/***************************************************************************/
@media(max-width:999px){
    #contents-fix .col-xl-8{
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 47px;
    } 
}
@media(min-width:1401px){
    #contents-fix .col-xl-2{
        position: absolute;
        padding:0;
        width: 200px;
        margin-left: 20px;
    }
    #contents-fix .col-xl-2.col-lg-0{
         margin-right: 20px;
    }
    /******************************************************************************/
    #contents-fix .col-xl-8 {
        width: 100%;    
        padding-left: 260px;
        padding-right: 260px;
    }
    .header-bottom img{
        height: 20px;
    }
}
@media(max-width:1400px){    
    #contents-fix .col-lg-0{
        display: none;
    }
    .menu-text a:after{
        content: '✕';
    }
}
@media(max-width:1200px){    
    #contents-fix .col-lg-0{
        display: none;
    }
    #contents-fix.open2 .menu-text {
        background: linear-gradient(to right,#8CC63F,#39B54A);
    }
    #contents-fix.open2 .menu-text span{
        color: #fff;
    }
    #contents-fix.open2 .menu-ul {
        display: block;
        padding-bottom: 15px;
    }
/*    #contents-fix .col-xl-8{
        padding: 25px 20px!important;
    }*/
    .header-bottom img{
        height: 20px;
    }
    .header-bottom{    
        padding: 10px 0;
    }
}
@media(max-width:767px){  
    #contents-fix .col-xl-8{
        max-width: 480px!important;
        margin: 0 auto;
        padding: 0!important;
    }    
    #contents-fix .col-xl-2{
        margin-left: 15px;
        padding: 0;        
    }
    .cms-fix-size .col-12{
        padding: 0 10px;
    }
    #contents-fix{
        padding: 0;
        margin: 0;
    }
}
@media(max-width:520px){  
    #contents-fix .col-xl-8{
        max-width: 345px!important;
        margin-top: 40px;/**************************************************************/
    } 
    #contents-fix .col-xl-2{
        padding: 0;
    }
}
.cms-index-img{
    width: 100%;
    height: 80vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cms-index-img img{
    height: 300px;
}
.menu-text i{
    display: none; 
}
.menu-ul li ul li:first-child{
    margin-top: 8px;
}
@media(max-width:767px){
    #contents-fix:not(.open) .col-xl-2{
        width: 150px!important; 
    }
    .cms-menu-fix{
        border-color: #fff;
        height: 27px;        
        width: 150px!important;  
    }
    .sm_menu_add{
        display: none;
    }
    .menu-text a{
        flex-direction: column;
        align-items: start!important;
        height: 27px; 
    }
    .menu-text i{
        display: block;
        border-bottom: 2px solid #39B54A;
        width: 24px;
        margin-bottom: 4px;
        margin-top: 4px;
    }
    .menu-text a:after{
        content: '';
        font-size: 20px;
    }
    #contents-fix.open2 .menu-text i{
        display: none;
    }
    #contents-fix.open2 .menu-text a{
        align-items: center!important;
    }
    #contents-fix.open2 .menu-text a:after{
        content: '✕';
    }
    #contents-fix.open2 .sm_menu_add{
        display: block; 
        font-size: 16px;
    }
    #contents-fix.open2 .menu-ul{
        background-color: #dddada;
    }
    .menu-ul .nav-link{
        font-size: 12px;
        padding: 5px 10px;
    }
    .tab-menu:after {
        font-size: 12px;
        top: 4px;
    }
    .menu-ul li ul li:first-child{
        margin-top: 4px;
    }
    .menu-ul li ul li{
        margin-top: 0;
    }
}
@media(max-width:374px){
    .header-bottom img {
        height: 15px;
    }
}
/**************************************************************************************/
.menu-text span{
    font-family: base-900-sans, sans-serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 2px;
    font-size: 22px;
}
.download_img iframe{
    width: 100%!important;
    height: 1200px!important;
}
@media(max-width:1399px){
    .download_img iframe{
        height: 750px!important;
    }
}
@media(max-width:999px){
    .download_img iframe{
        height: 1200px!important;
    }
}
@media(max-width:699px){
    .download_img iframe{
        height: 500px!important;
    }
}
/***************************************************************************************/
.fixed-top{
    height: 50px;
}
.container-xxl.p-0{
    max-width: 100%;
    width: 100%;
}
.container-xxl.p-0 .d-flex.flex-grow-1{
    align-items: center;
}
.container-xxl.p-0 .flex-grow-1{
    padding: 13px 20px 15px 8px;
}
.container-xxl.p-0 .flex-grow-1 button{
    margin-top: 0!important;
    margin-right: 1rem;
}
.container-xxl.p-0 .flex-grow-1 span{
    display: block;
}
.container-xxl.p-0 img{
    height: 20px;
}
.container-xxl.p-0 .btn.btn-sm.btn-outline-success{
    margin-top: 0!important;
}