@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* PCヘッダーの整理 */
.c-gnav { display: none !important; }
.l-header__menuBtn { display: flex !important; }

/* PCでの右スライドメニュー設定 */
@media screen and (min-width: 960px) {
    .p-spMenu {
        left: auto !important;
        right: -30% !important;
        width: 30% !important;
        background-color: #000000 !important;
        opacity: 0;
        visibility: hidden;
        transition: right 0.4s ease, opacity 0.4s ease, visibility 0.4s ease !important;
        z-index: 999999 !important; /* 絶対に一番手前に表示させる強力な魔法 */
    }
    
    /* JSで「is-active」が付いた時に表示 */
    .p-spMenu.is-active {
        right: 0 !important;
        opacity: 1 !important;
        visibility: visible !important;
    }
    
    .p-spMenu__inner {
        width: 100% !important;
        background-color: #000000 !important;
        padding: 80px 50px !important;
    }
    
    .p-spMenu__inner a, 
    .p-spMenu__inner .c-smallNavTitle,
    .p-spMenu__closeBtn { color: #ffffff !important; }
    
    .p-spMenu__inner a { text-align: left !important; justify-content: flex-start !important; }
    .p-spMenu__inner li { border: none !important; }
    .p-spMenu__closeBtn { text-align: right !important; display: block !important; }
}