@charset "UTF-8";

* {
	margin:0; /* マージン一括指定 */
	padding:0; /* パディング一括指定 */
	}
img {
	border:none; /* ボーダー一括指定 */
	vertical-align:middle; /* 垂直位置 */
}
a {
	text-decoration:none; /* 下線など */
}
ul {
	list-style:none; /* 一括指定 */
	font-family: "firdevs", 'Zen Kaku Gothic New', sans-serif;
	font-weight: 400;
	font-style: normal;
}
html {
	font-family: 'Zen Kaku Gothic New', sans-serif; /* フォントファミリー */
	line-height:1.4; /* 行幅 */
	font-style:normal; /* フォントスタイル：標準 */
	font-weight:normal; /* 文字太さ：標準 */
	color:#333; /* 文字色： */
}
	
body {
	background-color: #fce2e6;
	width:100%;
	 text-size-adjust: 100%;
}
.interview_bg{
	background-color: #fff;
}

.interview2025_bg{
	background-color: #edf6fd;
}

header {
	display:block;
	text-align:center;
}
header h1 img{
	width:80px;
	margin-top:30px;
	margin-bottom:30px;	
	margin-left:auto;
	margin-right:auto;
	}
/*チェックボックス等は非表示に*/
.nav-unshown {
	display:none;
}
/*MENUアイコンのスペース*/
#nav-open {
	position: absolute;
	top:20px;
	right: 20px;
	z-index: 999;
	width: 43px;
	height: 56px;
	vertical-align: middle;
	background-image:url("images/menu.png"); /* 背景画像： */
	background-size:cover;
	cursor: pointer;
}
/*閉じる用の薄黒カバー*/
#nav-close {
	display: none; /*はじめは隠しておく*/
	position: fixed;
	z-index: 99;
	top: 0; /*全体に広がるように*/
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}
/*中身*/
#nav-content {
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999; /*最前面に*/
	width: 70%; /*右側に隙間を作る（閉じるカバーを表示）*/
	max-width: 200px; /*最大幅（調整してください）*/
	height: 100%;
	transition: .3s ease-in-out; /*滑らかに表示*/
	transform: translateX(-105%); /*左に隠しておく*/
	background-color:#000; /* 背景色： */
	font-size:80%; /* フォントサイズ */
	font-family:sans-serif; /* フォントファミリー */
	line-height:2; /* 行幅 */
	font-weight:normal; /* 太さ */
	text-shadow: 0px 0px 0px rgba(0,0,0,0.0);
	text-align:left;
}
#nav-content a {
	color:#fff; /* 文字色： */	
	display: block;
}
#nav-content li {
	border-bottom:1px solid #999; /* 下ボーダー */
	padding-top:10px; /* 上パディング */
	padding-bottom:10px; /* 下パディング */
	padding-left:20px; /* 左パディング */	
}
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	
#global_nav ul {
	display: flex;
		justify-content: center;
		padding-top:10px;
		padding-bottom:30px;
		font-size:1em; /* フォントサイズ */

	}
#global_nav li a{
		margin:20px 20px;
		color:#333;
	}
#fv{
	width: 90%;
		display: block;
		margin-left:auto;
		margin-right:auto;
		padding-bottom:50px;
}
#fv a{
		color:#333;
}
.fv_img{
		width: 100%;
		display: block;
		margin-left:auto;
		margin-right:auto;
}

.rosenote{
		width: 100px;
		text-align:center;
		display: block;
		margin-left:auto;
		margin-right:auto;
		padding:20px;
}

.illust{
		text-align:right;
		padding-top:10px;
		padding-bottom:10px;
		margin-right:10px;
		font-size:0.75em; /* フォントサイズ */
}
.iframe {
	width: 100%;
	height: 100%;
}
.imagemov{
	width:100%;
	aspect-ratio: 16/9;
	margin-left:auto;
	margin-right:auto;
}

.imagemov_s{
	width:80%;
	aspect-ratio: 16/9;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
}

.imagemov_s h2{
	line-height:1.5em;
	font-size:1.2em; /* フォントサイズ */
	font-style: normal;
	color:#0079a5;
	border-bottom: 1px solid #0079a5;
	padding-bottom:5px;
	margin-bottom:30px;
}

/* 9:16の縦比率でレスポンシブ */
.yt-vertical{
  width: 100%;
  max-width: 420px;        /* 好みで（縦動画は横幅を制限すると見やすい） */
  margin: 0 auto;          /* 中央寄せ */
  aspect-ratio: 9 / 16;
  background: #000;        /* 読み込み中の黒背景 */
  border-radius: 12px;     /* お好み */
  overflow: hidden;
}

.yt-vertical iframe{
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}

.message{
		text-align: justify;
		line-height:2em;
		font-size:1em; /* フォントサイズ */
		padding-bottom:100px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
}
.message2{
		text-align: center;
		line-height:2em;
		font-size:1em; /* フォントサイズ */
		padding-bottom:200px;
		width:80%;
		margin-left:auto;
        margin-right:auto;
}
.message a, .message2 a{
		color:#d70051;
}

footer{
		text-align:center;
		line-height:5em;
	}
.onpu{
		display:block;
		height:100px;
		background-image: url("images/onpu.png");
		background-repeat:repeat-x;
		background-size:500px;
		background-position:top;
	}
.item img{
	position: absolute;
	top: -100px;
	left: 10%;
	width: 50px;
	height: 50px;
	animation: come-down-anim 30s linear infinite;
	z-index: 4;
	}
.item2 img{
	position: absolute;
	top: -1000px;
	left: 70%;
	width: 50px;
	height: 50px;
	animation: come-down-anim 30s linear infinite;
	z-index: 4;
}

@keyframes come-down-anim {
	0% {
	transform: translateY(-100%);
	}
	95% {
			opacity: 100;
		}
	100% {
			transform: translateY(3000px);
			opacity: 0;
	}
	}
.right{
	text-align: right;	
	}
.sns{
	display: flex;
	justify-content: center;
	align-items: center;
	}
.sns img{
		width:40px;
		padding:20px;
}

.cd_img{
		width: 80%;
		display: block;
	    padding-bottom:10px;
		margin-left:auto;
	    margin-right:auto;
}
.cd p, .cd ul{
		text-align: center;
		line-height:2em;
		font-size:1em; /* フォントサイズ */
		padding-bottom:10px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
}
.cd .cd_title{
	line-height:3em;
	font-size:1.5em; /* フォントサイズ */
	font-family: ab-clip-medium, sans-serif;
    font-weight: 400;
	font-style: normal;
	color:#666;
}
.cd .cd_title span{
	color:#d70051;
}
p.bun{
		text-align: justify;
		line-height:2em;
		font-size:0.8em; /* フォントサイズ */
	    padding-bottom:20px;
}
.cd2{
	display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	border-bottom: 1px solid #333;
	border-top: 1px solid #333;
}
#cd3{
	display:block;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
}

/* ▼スコーン用追加▼ */
h3 {
  text-align: center;
  font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  color: #333;
  text-shadow: 0 1px 0 #fff;
  margin: 5px 0;
}
.sc ul{
		text-align: center;
		line-height:2em;
		font-size:1em; /* フォントサイズ */
		padding-bottom:10px;
		width:80%;
        margin-top:10px;
		margin-left:auto;
		margin-right:auto;
}

.sc p{
		text-align: left;
		line-height:2em;
		font-size:1em; /* フォントサイズ */
		padding-bottom:10px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
}

.sc2{
	display:block;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;
	border-bottom: 0px solid #333;
	border-top: 0px solid #333;
}

.sc_img{
		width: 60%;
		display: block;
	    margin-top:10px;
		margin-left:auto;
	    margin-right:auto;
}

.scone{
		text-align: justify;
		line-height:2.0em;
		font-size:1em; /* フォントサイズ */
		padding-bottom:50px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
}
.scone p{
		padding-bottom:20px;
}
.scone a{
		color:#d70051;
}
.scone .catch{
	line-height:1.6em;
	font-size:1.5em; /* フォントサイズ */
    font-weight: 400;
	font-style: normal;
	color:#d70051;
	padding-top:30px;
}
.scone h2{
	line-height:1.5em;
	font-size:1.2em; /* フォントサイズ */
	font-style: normal;
	color:#d70051;
	border-bottom: 1px solid #d70051;
	padding-bottom:5px;
	margin-bottom:20px;
}
.scone h3 {
  text-align: left;
  border-bottom: 1px solid #333;
}
.sconenote{
		width: 200px;
		text-align:center;
		display: block;
		margin-left:auto;
		margin-right:auto;
		padding:20px;
}
.komugi{
		color:#000066;
}
.yoeko{
		color:#990000;
	    font-family: "yomogi", 'Zen Kaku Gothic New', sans-serif;
}
/* ▲スコーン用追加▲ */	

/* ポップアップ追加 */
.wrapper {
  width: auto;
  margin: 0 auto;
  background: #fcfcfc;
  padding: 0 5px;
  border: 1px solid #aaa;
  border-radius: 15px;
  background-clip: padding-box;
  text-align: center;
}

.button {
  background-color: #fcfcfc;
  padding: 0 5px;
  border-radius: 0.5rem;
  text-decoration: none;
}

.overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity 200ms;
  visibility: hidden;
  opacity: 0;
}

.overlay.light {
  background: rgba(255, 255, 255, 0.5);
}

.overlay .cancel {
  position: absolute;
  width: 100%;
  height: 100%;
  cursor: default;
}

.overlay:target {
  visibility: visible;
  opacity: 1;
}

.popup {
  margin: 75px auto;
  padding: 20px;
  background: #fff;
  border: 1px solid #666;
  width: 300px;
  box-shadow: 0 0 50px rgba(0, 0, 0, 0.5);
  position: relative;
}

.light .popup {
  border-color: #aaa;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

h2 {
    margin-top: 0;
    color: #666;
    font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
  }

.close {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 20px;
  right: 20px;
  opacity: 0.8;
  transition: all 200ms;
  font-size: 24px;
  font-weight: bold;
  text-decoration: none;
  color: #666;
}

.close:hover {
  opacity: 1;
}

.content {
    max-height: 400px;
    overflow: auto;
  }

p {
  margin: 0 0 1em;
}

p:last-child {
  margin: 0;
}

/* ポップアップ追加ここまで */

/* コンサートメニュー追加 */
#rhap a{
    margin-top: 0;
    line-height:1.5em;
	text-align: left;
	font-size:1.2em; /* フォントサイズ */
	font-style: bold;
	color:#333;
	padding-bottom:5px;
	margin-bottom:5px;
}

.box1{
  background:#F5F5F5;
}
.box2{
  background:#F5F5F5;
}
.box3{
  background:#f5fffa;
}
.box4{
  background:#ffffe0;
}
.box5{
  background:#f0f8ff;
}
.box6{
  background:#fff0f5;
}
.box7{
  background:#777;
}

.wrap{
  display:flex;
  width:auto;
  font-weight:bold;
  font-size: clamp(16px,1.2vw,30px);
}
.box{
  display:flex;
  justify-content:center;
  align-items:center;
  width:auto;
  height:auto;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 0.3em;
  border: 1px solid #aaa;
  border-radius: 10px;
  text-align: center;
  line-height: 1em
}
.box a{
		color:#333;
}
.box7 a{
		color:#fff;
}

@media (max-width:720px) {
   .wrap {
       flex-wrap: wrap;
   }

   .box {
       width: 100%;
   }
}
/* コンサートメニュー追加ここまで */

.shop{
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
	line-height:2em;
}
.shop a{
	color:#333;
	text-decoration:none;

}
.shop a:hover{
	color:#d70051;
}
.interview{
		text-align: justify;
		line-height:2em;
		font-size:1em; /* フォントサイズ */
		padding-bottom:50px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
}
.interview p{
		padding-bottom:20px;
}
.interview .catch{
	line-height:1.6em;
	font-size:1.5em; /* フォントサイズ */
    font-weight: 400;
	font-style: normal;
	color:#d70051;
	padding-top:30px;
}
.interview h2{
	line-height:1.5em;
	font-size:1.2em; /* フォントサイズ */
	font-style: normal;
	color:#d70051;
	border-bottom: 1px solid #d70051;
	padding-bottom:5px;
	margin-bottom:30px;
}
.interview h1{
	line-height:1.5em;
	font-size:1.5em; /* フォントサイズ */
	font-style: normal;
	color:#333;
	border-bottom: 1px solid #333;
	padding-bottom:5px;
	margin-bottom:30px;
	text-align:center;
}

/*2025*/
.interview2025{
		text-align: justify;
		line-height:2em;
		font-size:1em; /* フォントサイズ */
		padding-bottom:50px;
		width:80%;
		margin-left:auto;
		margin-right:auto;
}
.interview2025 p{
		padding-bottom:20px;
}
.interview2025 .catch{
	line-height:1.6em;
	font-size:1.5em; /* フォントサイズ */
    font-weight: 400;
	font-style: normal;
	color:#0079a5;
	padding-top:30px;
}
.interview2025 h2{
	line-height:1.5em;
	font-size:1.2em; /* フォントサイズ */
	font-style: normal;
	color:#0079a5;
	border-bottom: 1px solid #0079a5;
	padding-bottom:5px;
	margin-bottom:30px;
}


.day{
	text-align:right;
}
.question{
	font-weight:bold;
}
.answer span{
	color: #d70051;
}

.answer2025 span{
	color: #0079a5;
}

.pagination-001 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 30px 0;
}

.pagination-001 a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border: 1px solid #d70051;
    border-radius: 1px;
    color: #d70051;
}

.pagination-001 a:not(:hover) {
    text-decoration: none;
}

.pagination-001 .current a {
    background-color: #d70051;
    color: #fff;
    pointer-events: none;
}

.pagination2025-001 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 8px;
    list-style-type: none;
    padding: 30px 0;
}

.pagination2025-001 a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2em;
    height: 2em;
    border: 1px solid #0079a5;
    border-radius: 1px;
    color: #0079a5;
}

.pagination2025-001 a:not(:hover) {
    text-decoration: none;
}

.pagination2025-001 .current a {
    background-color: #0079a5;
    color: #edf6fd;
    pointer-events: none;
}

.nextpage{
	text-align:center;
	line-height:1.5em;
	padding:0 50px;
}
.nextpage a{
	border-bottom: 1px solid #d70051;
	color:#d70051;
}

.nextpage2025{
	text-align:center;
	line-height:1.5em;
	padding:0 50px;
}
.nextpage2025 a{
	border-bottom: 1px solid #0079a5;
	color:#0079a5;
}

#global_nav li.now a,#nav-content .now a{
	color: #ccc;
}
.share_button {
	display: inline-block;
	padding: 0 10px;
	border-radius: 15px;
	color: #fff;
	background-color: #333;
	text-decoration: none;
	line-height:1.5em;
	font-size:0.8em;
}
.share_twitter {
  background-color: #1da1f2;
}
.share_facebook {
  background-color: #1877f2;
}
.share_line {
  background-color: #00b900;
}

@media screen and (min-width:720px){
#nav-drawer {
	display:none;/* 表示形式 */
	}
#fv{
	width: 700px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	}
.imagemov{
	width:700px;
	aspect-ratio: 16/9;
	margin-left:auto;
	margin-right:auto;
	}
.imagemov_s{
	width:80%;
	aspect-ratio: 16/9;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
	}
.message, .message2{
	width:700px;
	}

.cd p, .cd ul{
	text-align: left;
	line-height:2em;
	font-size:1em; /* フォントサイズ */
	padding-bottom:5px;
	margin-left:auto;
	margin-right:auto;
}
.cd_img{
	float:left;	
	width:400px;
}	
	
.cd{
	float:right;
	width:300px;
}
.cd2{
	clear:both;
	width:700px;
}
#cd3{
	clear:both;
	width:700px;
}
	
/* ▼スコーン用追加▼ */
.sc p, .sc ul{
	text-align: left;
	line-height:2em;
	font-size:1em; /* フォントサイズ */
	padding-left:5px;
	padding-bottom:10px;
	margin-left:auto;
	margin-right:auto;
}

.sc_img{
	float:left;	
	width:200px;
}
	
.sc{
	float:right;
	width:500px;
}
.sc2{
	clear:both;
	width:700px;
}
.sc_box{
	width:700px;
	display: block;
	margin-left:auto;
	margin-right:auto;
}
.scone{
	width:70%;
}
.scone{
	width:70%;
	}
.scone .catch{
	line-height:1.8em;
	font-size:1.5em; /* フォントサイズ */
	font-weight: 400;
	font-style: normal;
	color:#d70051;
	padding-top:30px;
	}
/* ▲スコーン用追加▲ */	
	
#cd_box{
	width:700px;
	display: block;
	margin-left:auto;
	margin-right:auto;
}
.cd .cd_title{
	line-height:1em;
	}
.interview{
	width:70%;
	}
.interview .catch{
	line-height:1.8em;
	font-size:1.5em; /* フォントサイズ */
	font-weight: 400;
	font-style: normal;
	color:#d70051;
	padding-top:30px;
	}
	
.interview2025{
	width:70%;
	}
.interview2025 .catch{
	line-height:1.8em;
	font-size:1.5em; /* フォントサイズ */
	font-weight: 400;
	font-style: normal;
	color:#0079a5;
	padding-top:30px;
	}
	
#global_nav li.now a,#nav-content .now a{
	color: #555;
}
}
@media screen and (min-width:1024px) {
    /*　画面サイズが1024px以上はここを読み込む　*/
#nav-drawer {
	display:none;				/* 表示形式 */
	}
#fv{
	width: 750px;
	display: block;
	margin-left:auto;
	margin-right:auto;
	}
.imagemov{
	width:720px;
	aspect-ratio: 16/9;
	margin-left:auto;
	margin-right:auto;
	}
.imagemov_s{
	width:750px;
	aspect-ratio: 16/9;
	margin-left:auto;
	margin-right:auto;
	margin-top:50px;
	margin-bottom:50px;
	}
.message,.message2{
	width:720px;
	}
.cd_img{
	width:400px;
	}
/* ▼スコーン用追加▼ */	
.sc_img{
	width:200px;
	}
.scone{
	width:700px;
	}
.popup {
  width: 600px;
}	
	
/* ▲スコーン用追加▲ */		
.interview{
	width:750px;
	}
	
.interview2025{
	width:750px;
	}
	
	}
@media screen and (max-width:719px){
	/* 719px〜以下 */
	#global_nav{
		display:none;
	}
}


/* ▲Cepoデニムバッグ宣伝用▲ */
.container {
      max-width: 750px;
      margin: 0 auto;
      padding: 15px;
    }

.section-title {
      font-size: 1.2em;
      margin: 30px 0 10px;
      border-left: 5px solid #000080;
      padding-left: 10px;
      color: #000080;
    }
.section-title2 {
      font-size: 1.2em;
      margin: 30px 0 10px;
      border-left: 5px solid #333;
      padding-left: 10px;
      color: #333;
    }

    .intro-text {
      margin-bottom: 20px;
      color: #555;
    }

    .masonry {
      column-count: 3;
      column-gap: 10px;
    }

    .masonry img {
      width: 100%;
      margin-bottom: 10px;
      display: block;
      border-radius: 8px;
      box-shadow: 0 2px 5px rgba(0,0,0,0.1);
      break-inside: avoid;
      cursor: pointer;
      transition: transform 0.2s ease;
    }

    .masonry img:hover {
      transform: scale(1.02);
    }

    @media (max-width: 1000px) {
  .masonry {
    column-count: 3;
  }
}

@media (max-width: 700px) {
  .masonry {
    column-count: 2;
  }
}

    /* Lightboxスタイル */
    .lightbox {
      position: fixed;
      top: 0;
      left: 0;
      width: 100vw;
      height: 100vh;
      background: rgba(0, 0, 0, 0.8);
      display: none;
      justify-content: center;
      align-items: center;
      z-index: 999;
    }

    .lightbox img {
      max-width: 90%;
      max-height: 90%;
      border-radius: 8px;
      box-shadow: 0 0 15px rgba(255,255,255,0.2);
    }

    .lightbox.active {
      display: flex;
    }

    .lightbox:after {
      content: "✕";
      position: absolute;
      top: 20px;
      right: 30px;
      color: #fff;
      font-size: 30px;
      cursor: pointer;
    }

/* 250527追加 */
.image-block {
    margin-top: 10px; /* 画像下に10pxのスペース */
  }

/* 250606追加 */
.interview-top {
      max-width: 750px;
      margin: 0 auto;
      padding: 60px 20px;
      text-align: center;
    }

.interview-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px;
    }

    .interview-card {
      position: relative;
      border-radius: 16px;
      overflow: hidden;
      cursor: pointer;
      aspect-ratio: 1 / 1; /* スクエア */
    }

    .interview-card img {
      position: absolute;
      top: 0; left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.5s ease;
      display: block;
    }

    .interview-card:hover img {
      transform: scale(1.05);
    }

    .interview-overlay {
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, 0.4);
      opacity: 0;
      transition: opacity 0.3s ease;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .interview-card:hover .interview-overlay {
      opacity: 1;
    }

    .interview-title {
  color: white;
  font-size: 1.8rem;
  font-weight: bold;
  text-shadow:
    0 2px 4px rgba(0, 0, 0, 0.6),
    0 6px 10px rgba(0, 0, 0, 0.3);
  padding: 0.4em 0.8em;
}

    @media (max-width: 768px) {
      .interview-grid {
        grid-template-columns: 1fr;
      }
}
      .interview-title {
        font-size: 1.4rem;
      }
	　.interview-card {
    width: 80%;
    margin: 0 auto;
  }


/* デスクトップ用プルダウンメニュー */
#global_nav .dropdown {
	position: relative;
}

#global_nav .dropdown-menu {
	display: none;
	position: absolute;
	top: 100%;
	left: 0; /* SHOPテキストと左揃えにする */
	right: auto; /* 右端の自動調整を無効化 */
	transform: none; /* 中央寄せのtransformを無効化 */
	background-color: #330033; /* プルダウン背景色#ff1493 */
	border: 1px solid #330033;
	border-radius: 2px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	min-width: 110px;
	z-index: 1000;
	margin-top: 1px;
	overflow: hidden;
	padding: 0; /* 余分なパディングを削除 */
	text-align: left; /* テキストの左揃え */
}

#global_nav .dropdown-menu li {
	border-bottom: none;
	padding: 0; /* 余分なパディングを削除 */
}

#global_nav .dropdown-menu a {
	display: block;
	padding: 8px 12px;
	color: #fff;
	margin: 0;
	transition: background-color 0.2s ease;
	font-size: 0.9em;
	white-space: nowrap;
}

#global_nav .dropdown-menu a:hover {
	background-color: rgba(255,255,255,0.2);
}

#global_nav .dropdown:hover .dropdown-menu {
	display: block;
}

#global_nav .dropdown-toggle::after {
	content: " ▼";
	font-size: 0.7em;
	color: #999;
}

/* ハンバーガーメニュー内のプルダウン */
#nav-content .dropdown {
	position: relative;
}

#nav-content .dropdown-menu {
	display: none;
	background-color: #333;
	margin-left: 0;
	padding-left: 0;
}

#nav-content .dropdown-menu li {
	border-bottom: 1px solid #555;
	padding-left: 40px;
}

#nav-content .dropdown-menu a {
	color: #ccc;
	font-size: 0.9em;
}

#nav-content .dropdown-toggle::after {
	content: " ▼";
	font-size: 0.8em;
	color: #999;
}

/* レスポンシブ対応 */
@media screen and (max-width: 768px) {
	#global_nav {
		display: none;
	}
}

@media screen and (min-width: 769px) {
	#nav-drawer {
		display: none;
	}
}