@charset "utf-8";

.sp, .slicknav_menu {
	display: none;
}

@media screen and (max-width: 667px) {
    .sp, .slicknav_menu {
        display: block;
    }
    .sp-menu > ul,
    .side-menu,
    nav ul {
        display: none;
    }
    
    .container, .box {
        width: 100%;
    }
    .content.link {
        width: 94%;
    }
    .container-inner,
    .column-area,
    .content,
    .column {
        display: block;
        width: 100%;
    }
    
    .container-inner,
    .content,
    .box {
        padding: 3%;
    }
    
    .slicknav_menu {
        margin-bottom: 20px;
        background: #333;
        border: 1px solid #666;
    }
    .slicknav_menu .slicknav_nav li::after {
        content: "";
        display: block;
        width: 100%;
        height: 0;
        border-top: 1px solid  #282828;
        border-bottom: 1px solid  #484848;
    }
    .slicknav_menu .slicknav_nav li:last-child::after {
        content: none;
    }
    nav ul li {
        min-width: 100%;
    }
    .slicknav_btn {
        display: block;
        width: 100%;
        background: none;
        box-shadow: none;
        text-shadow: none;
    }
    .slicknav_menu .slicknav_menutxt {
        text-shadow: none;
    }
    
    nav .slicknav_menu .slicknav_btn {
        display: flex;
        justify-content: flex-end;
    }
    
    nav .slicknav_menu .slicknav_menutxt,
    nav .slicknav_menu .slicknav_icon {
        float: none;
    }
    .sp-menu .slicknav_menu .slicknav_icon {
        float: right;
    }
    
    .slicknav_nav a:hover {
        border-radius: 0;
        background: none;
        color: #f40100;
    }
    
    .slicknav_nav .slicknav_row h2 {
        display: inline-block;
        margin: 0;
    }
    .slicknav_nav .slicknav_row:hover {
        color: #F40100;
        background: none;
        border-radius: 0;
    }
    .side-child li {
        text-align: left;
    }
    .side-child li a {
        border-bottom: none;
    }
    .side-child:last-child li a {
        display: block;
        margin-bottom: 10px;
    }
    .side-child img {
        display: none;
    }
    
    .bx-wrapper {
        max-width: 100% !important;
        margin: 0 auto;
    }
    
    
    .pan-navi {
        width: 100%;
    }
    
    footer {
        margin-top: 150px;
        margin-bottom: 50px;
    }
    .foot-menu-in {
        width: 100%;
    }
    .foot-menu-in ul li a {
        display: block;
        padding: 5px 0;
    }
    
    .sns-container {
        top: auto;
        bottom: 0;
        display: flex;
        justify-content: space-around;
        align-items: center;
        width: 100%;
        height: 60px;
        background: #000;
    }
    .button-whole {
        width: 24%;
    }
    .button-whole a {
        width: 100%;
        height: 50px;
        line-height: 50px;
    }
    
    .entry {
        padding: 3%;
    }
    .entry img {
        width: 100%;
    }
    .header-top {
        padding: 3%;
    }
    
    .bx-wrapper .bx-pager {
        display: none;
    }
}