@charset "utf-8";
/*
Theme Name: COSHOLIC style
Theme URI: 
Author: Yoshitomo Morisaki
Author URI: 
Description: 
Version: 1.0
*/


/* Reset *//* Reset *//* Reset *//* Reset *//* Reset *//* Reset *//* Reset *//* Reset */

	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}

	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block;
	}

	body {
		line-height: 1;
	}

	ol, ul {
		list-style: none;
	}

	blockquote, q {
		quotes: none;
	}

	blockquote:before, blockquote:after, q:before, q:after {
		content: '';
		content: none;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	body {
		-webkit-text-size-adjust: none;
	}

	img{
		max-width: 100%;
	}

/* Reset *//* Reset *//* Reset *//* Reset *//* Reset *//* Reset *//* Reset *//* Reset */


body{
font-family: "refrigerator-deluxe", sans-serif;
font-weight: 800;
font-style: normal;
background-color: #000;
color:#FFFFFF;
padding:3vw !important;
line-height:1.6;
position:relative;
}


a{
	color:#FFFFFF;
	text-decoration: none !important;
}

img{

}

/* Box Model *//* Box Model *//* Box Model *//* Box Model *//* Box Model *//* Box Model *//* Box Model */

	*, *:before, *:after {
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}


#page-wrapper{
	max-width:1280px;
	margin:0 auto;
}

.page-wrapper{
	padding:3vw;
}

#header{
	background-color:#1E1E1E;
	border-radius:10px;
	margin-bottom: 2vw;
	position:relative;
}


#header h1{
		
		padding:2vw 2vw 2vw 6.5vw;
			font-size:max(23px, 1.6vw);
	letter-spacing: 0.25vw;
}


#header h1:before{
	content:'';
	display:block;
	position: absolute;
	left:2vw;
	top:50%;
	width:3.5vw;
	height:3.5vw;
	background-image:url(images/ch-mark.png);
	background-size: 3.5vw 3.5vw;
	transform: translateY(-50%);
}




#nav{
   display: block;
}

		#menu {
		    display: inherit;
		        -moz-transform: translateX(100vw);
		        -webkit-transform: translateX(100vw);
		        -ms-transform: translateX(100vw);
		        transform: translateX(100vw);
		        -moz-transition: -moz-transform 0.5s ease;
		        -webkit-transition: -webkit-transform 0.5s ease;
		        -ms-transition: -ms-transform 0.5s ease;
		        transition: transform 0.5s ease;
		        -webkit-overflow-scrolling: touch;
		        background: #000;
		        color: #fff;
		        box-shadow: 0 3px 3px #f0f0f0;
		        height: 100%;
		        max-width: 80%;
		        overflow-y: auto;
		        padding: 3em 2em;
		        position: fixed;
		        right: 0;
		        top: 0;
		        width: 100vw;
		        z-index: 10002;
		    }

                   

        #menu .close {
            background-image: url("../img/close.svg");
            background-position: right center;
            background-repeat: no-repeat;
            border: 0;
            cursor: pointer;
            display: block;
            position: absolute;
            right: 1.5em;
            top: 1em;
            vertical-align: middle;
            width: 1em;
            height: 1em;
                               
        }


        #menu {
                padding: 3em 1.5em;
            }



    body.is-menu-visible #page-wrapper {
        opacity: 0.35;
    }

        body.is-menu-visible #page-wrapper:before {
            display: block;
        }

    body.is-menu-visible #menu {
        -moz-transform: translateX(0);
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }



 nav {
            height: inherit;
            line-height: inherit;
            position: absolute;
            right: 0;
            top: 0;
            color:#000;
        }

             

nav > a {
                        border: 0;
                        color: #000;
                        display: block;
                        font-size: 0.8em;
                        letter-spacing: 0.225em;
                        padding: 0 1.5em;
                        text-transform: uppercase;
                    }

a.menuToggle {
	display:none;
                            outline: 0;
                            position: relative;
                        }

 a.menuToggle:after {
    background-image: url("images/bars.svg");
    background-position: right center;
    background-repeat: no-repeat;
    content: '';
    display: inline-block;
    height: 5em;
    vertical-align: middle;
    width: 3em;
    margin-right:10px;
    margin-top:10px;
 }



 .wp-lightbox-overlay {
    background-color: rgba(0, 0, 0, 0.85) !important; /* 背景色と透明度 */
    backdrop-filter: blur(5px); /* 背景をぼかす（モダンなデザイン） */
}

/* 閉じるボタンのコンテナ */
.wp-lightbox-overlay .wp-lightbox-close-button {
    background-color: #fff; /* ボタンの背景色 */
    color: #333; /* バツ印の色 */
    border-radius: 50%; /* 丸くする */
    padding: 10px;
    top: 20px;
    right: 20px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.2);
    transition: transform 0.3s ease;
}

/* ホバー時に少し大きくする */
.wp-lightbox-overlay .wp-lightbox-close-button:hover {
    transform: scale(1.1);
    background-color: #f0f0f0;
}



.ch-globalnavi{
	position:absolute;
	top:50%;
	right:2vw;
	font-size:max(12px, 0.8vw);
	transform: translateY(-50%);
}

.ch-globalnavi a{
	color:#C1C1C1;
	transition:0.2s all ease;
}

.ch-globalnavi a:hover{
	color:#07FF50;
}


h3{
	position:relative;
	background-color:#1E1E1E;
	padding:2vw 2vw 2vw 4vw;
	border-radius:10px;
	font-size:max(23px, 1.6vw);
	letter-spacing: 0.25vw;
	margin-bottom:2vw;
}

h3:before{
	content:'';
	display:block;
	position: absolute;
	left:2vw;
	top:50%;
	width:5px;
	height:3.5vw;
	background-color:#07FF51;
	transform: translateY(-50%);
}

.ch-main{
	width:100%;
	height:auto;
	margin-bottom:2vw;
}

.ch-main img{
	width:100%;
	border-radius:10px;
}

.ch-circlewrap{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.ch-circlewrap>div{
	flex-basis: 49%;
}

.ch-circlewrap h3{
	font-size:max(16px, 1.4vw);
}

.ch-circlebox{
	padding:2vw;
	border-radius:10px;
	background-color:#1E1E1E;
}

.ch-circlebox img{
	max-width: auto;
	width:100%;
}

.ch-body{
	padding:4vw 4vw;
	border-radius:10px;
	background-color:#1E1E1E;
	margin-bottom: 2vw;
	line-height:1.6;
}

.ch-body.white{
	background-color:#fff;
	color:#1b1b1b;
}

.ch-body.ch-itemwrap{
	background-color:inherit;
	padding:0;
}

.ch-body strong{
	color:#07FF51;
}

.ch-body del{
  text-decoration-thickness: 3px; /* 線の太さを変更する */
  xtext-decoration-style: double;
  text-decoration-color: #FF00D2;
}



.ch-body p {
    font-size: max(15px, 0.9vw);
    margin-bottom: 1.3vw;
    line-height: 1.7;
}



.ch-body p:last-child{
	margin-bottom:0;
}

.ch-body p a{
	color:#07FF51;
}

.ch-body h4{
	font-size:max(26px,1.6vw);
	margin-bottom:1.3vw;
	line-height:1.3;
}

.ch-body h5{
	font-size:max(16px,1.1vw);
	margin-top:0.5vw;
	margin-bottom:0.4vw;
}

.ch-body table{
	margin-bottom:20px;
	min-width:40vw;
}

.ch-body table th,.ch-body table td{
	padding:2vw;
	border:1px solid #ccc;
}

.ch-price{
	color:#07FF51;
	font-size:20px;
	font-weight:900;
	display:block;
	margin-bottom:0.5vw;
}

.ch-wrap{
	display:flex;
}

.ch-wrapbox{
	width:50%;
}

.ch-upcoming-img{
	width: 40%;
}

.ch-upcoming-txt{
	padding:0 2vw;
}

.ch-button{
	padding:1.5vw 5vw;
	border-radius:10px;
	text-align:center;
	border:1px solid #07FF51;
	font-weight:bold;
	font-size:max(16px, 1.2vw);
	letter-spacing:0.1em;
	display:inline-block;
	background-color:#1E1E1E;
	transition:0.2s all ease;
	color:#fff !important;
	width:100%;
}

.ch-button.full{
	width:100%;
}

.ch-body.white .ch-button{
	background-color:#07FF51;
	color:#1E1E1E !important;
	
	transition:0.2s all ease;
}

.ch-button:hover{
	background-color:#07FF51;
	color:#1E1E1E !important;
}

.ch-body.white .ch-button:hover{
	background-color:#fff;
	color:#000 !important;
}



.ch-button.item{
	padding:1vw 1vw;
	width:100%;
	font-size:max(13px, 0.8vw);
	min-width:inherit;
}

.ch-seo{
	padding:2vw 4vw;
	border-radius:10px;
	background-color:#1E1E1E;
	margin-bottom: 2vw;
	position:relative;
}

.ch-seo:before{
	content:'';
	width:5px;
	height:3.5vw;
	background-color:#07FF51;
	position:absolute;
	left:2vw;
	top:0;
}


.ch-sponsor{
	padding:2vw 4vw;
	border-radius:10px;
	background-color:#1E1E1E;
	margin-bottom: 2vw;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}


.ch-sponsor a{
	width:20%;
	padding:0.8vw 1vw;
	display:block;
}

.ch-sponsor a img{
	width:100%;
}


.ch-footer{
	padding:2vw 4vw;
	font-size:12px;
	border-radius:10px;
	background-color:#1E1E1E;
	text-align: center;
	letter-spacing:0.2em;
}

.one-column,.two-column,.three-column,.four-column,.five-column{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:2vw;
}



.two-column div{
	flex-basis:48%;
}

.three-column div{
	flex-basis:31%;
}

.four-column div{
	flex-basis:23%;
}

.five-column div{
	flex-basis:18%;
}


.two-column .two-column>div{
	margin-bottom:0;
}



.ch-body>div:last-child{
	margin-bottom:0 !important;
}




.ch-item{
	padding:2vw;
	border-radius:10px;
	background-color:#1E1E1E;
	position:relative;
	margin-bottom:2vw;
}

.ch-item.new:before{
	content:'NEW';
	font-size:11px;
	padding:5px 20px;
	background-color:#07FF51;
	font-weight:bold;
	color:#000;
	position:absolute;
	tpp:2vw;
	z-index: 10;
	left:2vw;
}


.two-column.ch-itemwrap div{
	flex-basis:49%;
}

.three-column.ch-itemwrap div{
	flex-basis:32%;
}

.four-column.ch-itemwrap div{
	flex-basis:24%;
}

.five-column.ch-itemwrap div{
	flex-basis:19%;
}

.swiper-button-next, .swiper-button-prev{
	color:#07FF51;
}

.swiper-pagination{
	bottom:0 !important;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#07FF51;
}

.halfsize{
	width:50%;
	display:block;
}

.maxwidth{
	width:100%;
}


.bottom-nav{
	display:none;
}

.rules-sheet{
	display:none;
}

.menu-sheet{
	display:none;
}

@media screen and (max-width: 1760px) {
.ch-button{
	 
}

}


@media screen and (max-width: 988px) {


#page-wrapper{
	position:relative;
	padding-bottom:85px;
}

.page-wrapper{
	padding:6vw;

}


#header{
	margin-bottom: 4vw;
}

        x#header{
        	width:100%;
        	height:80px;
        	position: fixed;
        	top:0;
        	left:0;
        	z-index: 10000;
        }



#header h1{
	padding: 4vw 4vw 4vw 12vw;
	font-size:max(23px, 1.6vw);
	letter-spacing: 0.25vw;
}


#header h1:before{
	left:4vw;
	width:6vw;
	height:6vw;
	background-size: 6vw 6vw;

}


        #nav{
		    display: inherit;
		}

		a.menuToggle:after{
			margin-top:0;
		}


a.menuToggle{
	display:block;
}

nav > a{
	padding:0;
}
a.menuToggle:after {
        background-position: center;
        width: 10vw;
        height: 14vw;
        margin: 0;
        vertical-align: middle;
        position: absolute;
        top: 50%;
        right: 0.4vw;
    }

		#menu {
		    display: inherit;
		        -moz-transform: translateX(100vw);
		        -webkit-transform: translateX(100vw);
		        -ms-transform: translateX(100vw);
		        transform: translateX(100vw);
		        -moz-transition: -moz-transform 0.1s;
		        -webkit-transition: -webkit-transform 0.1s;
		        -ms-transition: -ms-transform 0.1s;
		        transition: transform 0.1;
		        -webkit-overflow-scrolling: touch;
		        color: #000;
		        box-shadow: 0 3px 3px #f0f0f0;
		        height: 100%;
		        max-width: 100%;
		        overflow-y: auto;
		        padding: 3em 2em;
		        position: fixed;
		        right: 0;
		        top: 0;
		        width: 100vw;
		        z-index: 10002;
		    }


        #menu .close {
            background-image: url("images/close.svg");
            background-position: right center;
            background-repeat: no-repeat;
            border: 0;
            cursor: pointer;
            display: block;
            position: absolute;
            right: 1.5em;
            top: 1em;
            vertical-align: middle;
            width: 1em;
            height: 1em;
        }

        .ch-sidemenu li a{
        	width:100%;
        	display:block;
        	padding:4vw;
        	margin-bottom:10px;
        	border:1px solid #07FF51;
        	border-radius:15px;
        	background-color:#000;
        	transition:0.2s all ease;
        	color:#fff;

        }

        .ch-sidemenu li a:hover{
        	background-color:#07FF51;
        	color:#000;
        }



.ch-globalnavi{
	display:none;
}


h3{
	position:relative;
	background-color:#1E1E1E;
	padding: 3vw 5vw 3vw 8vw;
	border-radius:10px;
	font-size:max(23px, 1.6vw);
	line-height:1.2;
	letter-spacing: 0.25vw;
	margin-bottom:4vw;
}



h3:before{
	content:'';
	display:block;
	position: absolute;
	left:3.5vw;
	top:50%;
	width:5px;
	height:7vw;
	background-color:#07FF51;
	transform: translateY(-50%);
}



.ch-body{
	padding:5vw;
	margin-bottom: 5vw;
}

.ch-body h3{
	font-size:18px;
}

.ch-body h4{
	font-size:16px;
	margin-bottom:3vw;
	line-height:1.3;
}

.ch-body p{
	font-size:15px;
	margin-bottom:3vw;
}

.ch-button{
	width:100%;
	padding:3vw 10vw;
	border-radius:10px;
	text-align:center;
	border:1px solid #07FF51;
	font-weight:bold;
	font-size:max(16px, 1.2vw);
	line-height:1.3;
	letter-spacing:0.1em;
	display:inline-block;
	background-color:#1E1E1E;
	transition:0.2s all ease;
	color:#fff !important;
}

.ch-button.item{
	padding:3vw;
	width:100%;
	font-size:max(13px, 0.8vw);;
}


.ch-wrap{
	display:block;
}

.ch-upcoming-img{
	width:100%;
}

.ch-upcoming-txt{
	padding:2vw 0;
}

.ch-seo{
	padding:5vw 5vw 5vw 9vw;
}

.ch-seo:before{
	content:'';
	width:5px;
	height:10vw;
	background-color:#07FF51;
	position:absolute;
	left:3.5vw;
	top:0;
}




.ch-sponsor{
	padding:5vw;
}
.ch-sponsor a{
	width:calc(50%);
}

.ch-footer{
	padding:5vw;
}

.ch-body>div:last-child{
	margin-bottom:0 !important;
}

.one-column,.two-column,.three-column,.four-column,.five-column{
	margin-bottom:8vw;
}

.two-column>div,.three-column>div,.four-column>div,.five-column>div{
	flex-basis:100%;
	margin-bottom:8vw;
}

.two-column>div:last-child,.three-column>div:last-child,.four-column>div:last-child,.five-column>div:last-child{
	margin-bottom:0;
}


.two-column.ch-itemwrap div,.three-column.ch-itemwrap div,.four-column.ch-itemwrap div,.five-column.ch-itemwrap div{
	flex-basis:48.5%;
	margin-bottom:4vw;
}

.ch-item{
	padding:5vw;
}


.ch-item.new:before{
	content:'NEW';
	font-size:12px;
	padding:5px 20px;
	background-color:#07FF51;
	font-weight:bold;
	color:#000;
	position:absolute;
	tpp:5vw;
	z-index: 10;
	left:5vw;
}


 /* ── BOTTOM NAV ── */
  .bottom-nav {
    position: fixed;
    top:inherit;
    bottom: 0;
    left: 0;
    right: 0;
    height: 68px;
    background: rgba(13,13,15,0.92);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-top: 1px solid rgba(255,255,255,0.07);
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 0 8px;
    z-index: 100;
  }

  .nav-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    padding: 8px 12px;
    cursor: pointer;
    transition: all 0.2s;
    flex: 1;
    max-width: 80px;
  }

  .nav-icon {
    font-size: 22px;
    transition: transform 0.2s;
    line-height: 1;
  }

  .nav-label {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
    color: #ccc;
    transition: color 0.2s;
  }

  .nav-item.active .nav-label { color: #ff3d6e; }
  .nav-item.active .nav-icon { transform: translateY(-2px); }

  .nav-indicator {
    position: absolute;
    bottom: 0;
    height: 2px;
    width: 32px;
    background: #ff3d6e;
    border-radius: 2px 2px 0 0;
    transition: left 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  }

  /* ── BOTTOM SHEET ── */
  .sheet-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0);
    z-index: 200;
    pointer-events: none;
    transition: background 0.3s ease;
    border-radius: 46px;
  }
  .sheet-overlay.open {
    background: rgba(0,0,0,0.6);
    pointer-events: all;
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
  }

  .rules-sheet{
  	display:block;
    position: fixed;
    top:inherit;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1a1a20;
    border-radius: 28px 28px 0 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    z-index: 201;
    transform: translateY(100%);
    transition: transform 0.38s cubic-bezier(0.32, 0.72, 0, 1);
    padding-bottom: 28px;
  }
  .rules-sheet.open {
    transform: translateY(0);
  }

  .sheet-handle {
    width: 36px;
    height: 4px;
    background: rgba(255,255,255,0.15);
    border-radius: 2px;
    margin: 14px auto 0;
  }

  .sheet-header {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 24px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
  }

  .sheet-header-icon {
    font-size: 28px;
    line-height: 1;
  }

  .sheet-title {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 20px;
    letter-spacing: 0.04em;
    color: var(--text);
  }

  .sheet-sub {
    font-size: 11px;
    color: var(--muted);
    margin-top: 2px;
  }

  .sheet-items {
    padding: 10px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }

  .sheet-item {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px;
    border-radius: 16px;
    cursor: pointer;
    transition: background 0.15s;
    -webkit-tap-highlight-color: transparent;
  }

  .sheet-item:active {
    background: rgba(255,255,255,0.06);
  }

    .nav-item.unactive {
    opacity:0.3;
  }

  .sheet-item-icon {
    width: 48px;
    height: 48px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    flex-shrink: 0;
    border: 1px solid rgba(255,255,255,0.06);
  }

  .sheet-item-body {
    flex: 1;
  }

  .sheet-item-label {
    font-size: 15px;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 3px;
  }

  .sheet-item-desc {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.4;
  }

  .sheet-item-arrow {
    font-size: 22px;
    color: var(--muted);
    font-weight: 300;
    line-height: 1;
  }

  .sheet-cancel {
    display: block;
    width: calc(100% - 32px);
    margin: 8px 16px 0;
    padding: 14px;
    background: rgba(255,255,255,0.05);
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 14px;
    color: var(--muted);
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: background 0.15s;
  }

  .sheet-cancel:active {
    background: rgba(255,255,255,0.1);
  }

    /* ── MENU BOTTOM SHEET ── */
  .menu-sheet {
  	display:block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #1a1a20;
    border-radius: 28px 28px 0 0;
    border-top: 1px solid rgba(255,255,255,0.1);
    z-index: 201;
    transform: translateY(100%);
    transition: transform 0.38s cubic-bezier(0.32, 0.72, 0, 1);
    max-height: 88%;
    display: flex;
    flex-direction: column;
  }
  .menu-sheet.open { transform: translateY(0); }

  .menu-sheet-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8px 20px 16px;
    border-bottom: 1px solid rgba(255,255,255,0.06);
    flex-shrink: 0;
  }

  .menu-sheet-title {
    font-size: 18px;
    letter-spacing: 0.08em;
    color:#07FF51;
  }

  .menu-close-btn {
    width: 32px; height: 32px;
    border-radius: 50%;
    background: rgba(255,255,255,0.08);
    border: none;
    color: var(--muted);
    font-size: 14px;
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
  }

  .menu-sheet-items {
    overflow-y: auto;
    padding: 8px 12px 32px;
    flex: 1;
  }
  .menu-sheet-items::-webkit-scrollbar { display: none; }

  .menu-divider {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--muted);
    padding: 14px 8px 6px;
  }

  .menu-sheet-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 12px;
    border-radius: 14px;
    cursor: pointer;
    text-decoration: none;
    color: var(--text);
    transition: background 0.15s;
    -webkit-tap-highlight-color: transparent;
  }

  .menu-sheet-item:active { background: rgba(255,255,255,0.06); }

  .menu-item-icon {
    font-size: 20px;
    width: 36px;
    text-align: center;
    flex-shrink: 0;
  }

  .menu-item-label {
    flex: 1;
    font-size: 15px;
    font-weight: 700;
  }

  .menu-item-arrow {
    font-size: 22px;
    color: var(--muted);
    font-weight: 300;
    line-height: 1;
  }

  .menu-sheet-item--accent .menu-item-label { color: var(--accent); }
  .menu-sheet-item--accent .menu-item-icon  { filter: drop-shadow(0 0 6px rgba(255,61,110,0.5)); }

  /* ☰ アイコンのフォントサイズ調整 */
  #nav-menu .nav-icon { font-size: 20px; font-family: sans-serif;color:#fff; }




}