@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
*/

.c-gnav .sub-menu a:before, .c-listMenu a:before{
	display:none;
}

.c-gnav .sub-menu {
    border: 2px solid #333; /* 枠線の太さと色（お好みの色に変更してください） */
    border-radius: 12px;    /* 角丸の大きさ */
    overflow: hidden;       /* 中の背景が角からはみ出さないようにする */
    box-shadow: none;       /* デフォルトの影を消したい場合は追加（お好みで） */
}

/* サブメニュー内の各項目の下線（任意：項目間を区切りたい場合） */
.c-gnav .sub-menu li {
    border-bottom: 2px solid #eee;
}

/* 最後の項目の下線だけ消す */
.c-gnav .sub-menu li:last-child {
    border-bottom: none;
}

/* スマホメニューのリンクエリアを整理 */
#sp_menu .c-spnav .menu-item > a {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important; /* アイコンと文字の間の隙間を直接指定 */
}

/* 1階層目（親メニュー）のアイコン */
#sp_menu .c-spnav > .menu-item > a{
font-weight:bold
}

/* 2階層目（子メニュー）のアイコン */
#sp_menu .c-spnav .sub-menu .menu-item > a::before {
    content: "-";
    color: var(--color_main);
    font-size: 1em;
    font-weight: bold;
    flex-shrink: 0;
    display: inline-block;
    line-height: 1;
}

/* 子メニュー全体の字下げ（調整） */
#sp_menu .c-spnav .sub-menu {
    padding-left: 1.2em !important;
}