/* PC */
@media (min-width: 992px) {
    .site-branding .site-description{
        margin: 0%;
        background-color: #d90000;
        color: #fff;
        padding-left: 10%;
        font-size: 1vw;
    }

    .headertop {
        display: flex;
        width: 80%;
        margin: 1vw auto;
        justify-content: space-between;
    }

    .headertop .logo{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .banner {
        width: 30%;
    }

    .main-navigation {
        width: 80%;
        margin: 2vw auto;
    }

    .menu.nav-menu{
        display: flex;
        justify-content: space-between;
        font-weight: bold;
    }

    .menu{
        display: flex;
        justify-content: space-between;
        font-weight: bold;
    }

    .menu.nav-menu a{
        color: #333;
    }

    .current-menu-item > a{
        color: #ff0000!important;
    }

    .main-navigation li {
        width: 100%;
        text-align: center;
        font-size: 1vw;
        transition: .5s;

    }

    .menu-item-48::after,.menu-item-57::after {
        content: '';
        display: inline-block;
        background-image: url(https://bk.cmdsr.com/wp-content/uploads/2022/06/くの字下.png);
        width: 10%;
        height: 35%;
        margin-top: -10px;
        background-size: contain;
        transition: .5s;
    }


    .menu-item-57:hover.menu-item-57::after{
        background-image: url(https://bk.cmdsr.com/wp-content/uploads/2022/06/くの字上.png)!important;
    }

    .menu-item-48:hover.menu-item-48::after{
        background-image: url(https://bk.cmdsr.com/wp-content/uploads/2022/06/くの字上.png)!important;
    }


    .nav-menu > li:not(:last-child) a {
        border-right: solid 2px #ff0000;
    }

    .menu > li:not(:last-child) a {
        border-right: solid 2px #ff0000;
    }

    .sub-menu li {
        border-bottom: 1px solid #a8a8a8;
    }

    .sub-menu li a{
        border-right: none!important;
        text-align: left;
        font-size: 0.9vw;
    }

    .menu li a{
        padding: 0.5vw 0;
    }

    
    .nav-menu .sub-menu a{
        padding: 1vw 0.5vw 1vw 3vw;
        transition: .5s;
    }

    .nav-menu .sub-menu li a:hover{
        background-color: #D90000;
        color: #fff!important;
    }

    .menu-item-176 a:before{
        content: '';
        background-image: url(https://bk.cmdsr.com/wp-content/uploads/2022/07/newsicon.png);
        width: 1.6vw;
        height: 1.54vw;
        display: inline-block;
        background-size: contain;
        margin-right: 0.5vw;
        vertical-align: middle;
    }
    

    .menu-item-48 > a:before{
        content: '';
        background-image: url(https://bk.cmdsr.com/wp-content/uploads/2022/07/zigyoannaiicon.png);
        width: 1.5vw;
        height: 1.7vw;
        display: inline-block;
        background-size: cover;
        margin-right: 0.5vw;
        vertical-align: middle;
    }

    .menu-item-57 > a:before{
        content: '';
        background-image: url(https://bk.cmdsr.com/wp-content/uploads/2022/07/kaisyaannaiicon.png);
        width: 1.6vw;
        height: 1.5vw;
        display: inline-block;
        background-size: cover;
        margin-right: 0.5vw;
        vertical-align: middle;
    }

    .menu-item-58 a:before{
        content: '';
        background-image: url(https://bk.cmdsr.com/wp-content/uploads/2022/07/ryokinhyoicon.png);
        width: 1.5vw;
        height: 1.5vw;
        display: inline-block;
        background-size: contain;
        margin-right: 0.5vw;
        vertical-align: middle;
    }

    .menu-item-46 a:before{
        content: '';
        background-image: url(https://bk.cmdsr.com/wp-content/uploads/2022/07/otoiawaseicon.png);
        width: 1.65vw;
        height: 1.3vw;
        display: inline-block;
        background-size: contain;
        margin-right: 0.5vw;
        vertical-align: middle;
    }


    .menu-item-165 a:before{
        content: '';
        background-image: url(https://bk.cmdsr.com/wp-content/uploads/2022/07/srpicon.png);
        width: 1.4vw;
        height: 1.6vw;
        display: inline-block;
        background-size: contain;
        margin-right: 0.5vw;
        vertical-align: middle;
    }


    .main-navigation ul ul{
        display: block;
        background: #ffffff;
        transition: .5s;
    }

    /* .main-navigation ul li:hover{
        transition: .5s;
    } */

    .menu-item-48 ul a {
        width: 20vw!important;
    }

    .sidemenu4 a{
        color: #000; 
    }


}



/* PC以下サイズ */
@media (max-width: 991px) {

    /* header */

    header {
        position: fixed;
        z-index: 999;
        background: #fff;
        top: 0;
        width: 100%;
    }

    header .logo{
        width: 45%;
        margin: 0;
    }

    header .headercol{
        display: flex;
        justify-content: space-between;
        width: 90%;
        margin: 2vw auto;
        margin-bottom: 3vw;
    }

    .pankuzu {
        display: none;
    }

    /*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
    .smenubtn{
        position: relative;
        background: #D90000;
        cursor: pointer;
        width: 10vw;
        height: 10vw;
        border-radius: 5px;
        margin: auto 0;
    }

    /*ボタン内側*/
    .smenubtn span{
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 2.8vw;
        height: 0.7vw;
        border-radius: 2px;
        background: #fff;
        width: 45%;
    }


    .smenubtn span:nth-of-type(1) {
        top:3vw;	
    }

    .smenubtn span:nth-of-type(2) {
        top:5vw;
    }

    .smenubtn span:nth-of-type(3) {
        top:7vw;
    }

    /*activeクラスが付与されると1・3番目の要素が2番目の要素と同じ位置になり一本線に*/

    .smenubtn.active2 span:nth-of-type(1) ,
    .smenubtn.active2 span:nth-of-type(3){
        top: 5vw!important;
    }


    .smenu{
        position: absolute;
        z-index: 999;
        background: #333333f7;
        top: 500px;
        width: 100vw;
        left: 0;
        transition: 0.5s;
        opacity: 0;
        visibility: hidden;
    }

    .smenubtn.active2 + .smenu {
        top: 100%!important;
        opacity: 1!important;
        visibility: visible!important;
    }

    .sside{
        padding: 2vw 10vw;
        color: #fff;
        font-size: 2.5vw;
    }

    .menulist {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .menulist2{
        margin: 0 10vw;
        padding: 0;
        list-style: none;
    }

    .sside a {
        color: #fff;
        text-decoration: none;
        padding-left: 3vw;
    }

    .menulist li:not(:last-child) {
        border-bottom: solid 1px #fff;
    }

    .menulist li{
        padding: 2.3vw 0;
    }



}