@media screen and (min-width: 767px) and (max-width: 3000px)  {
#pc-header-flame{
	height: 80px;
	background-color: transparent!important;
}
.ln-menu{
	gap: 30px;
    align-items: center;
    height: 100%;
    margin-right: 30px;
}
.ln-menu-link{
	font-size: 15px;
    font-family: 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴシック', sans-serif;
    font-weight: bold;
}
.ln-menu-link p{
	padding: 1pc 0 1pc 0;
}
.reservation-link{
    margin-left: 0;
}
#pc-header-flame nav{
		margin-left: auto;
	}
.header-logo {
        width: 180px;
    }
#pc-header-flame.scrolled {
  background-color: white !important;
  filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.2));
	align-items: center;
	height: 90px!important;
}
	.hd-dropdown li a{
		font-size: 14px;
	}
	.hd-faq p:hover{
		border-bottom: none!important;
	}
	.reservation-link{
	font-size: 18px;
  color: white;
  background-color: #E75730; 
  text-decoration: none; 
  display: inline-flex;
  text-align: center;
	max-width: 340px;
    width: 30vw;
    height: 70px;
	margin-left: 0;
   font-family: 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴシック', sans-serif;
    font-weight: bold;
}
.reservation-link div{
  display: flex;
  align-items: center;
	margin: 0 auto;
	justify-content: center;
	letter-spacing: 2px;
	height: 100%;
}
.reservation-link div::after {
  content: ' ›';
  font-size: 27px;
  margin-left: 15px;
	font-weight: normal;
}
	.hd-dropdown ul li:first-child{
		padding: 20px 0 14px !important;
	}
}
@media screen and (min-width: 767px) and (max-width: 1600px)  {
	.reservation-link{
	font-size: 16px;
	}
}
@media screen and (min-width: 767px) and (max-width: 1400px)  {
	.ln-menu{
		gap: 20px!important;
	}
	.reservation-link{
		font-size: 14px!important;
	}
	.reservation-link{
		width: 24vw!important;
	}
	.ln-menu-link{
		font-size: 13px!important;
	}
	.header-logo {
        width: 12vw!important;
    }
}
@media screen and (min-width: 767px) and (max-width: 1280px)  {
	.ln-menu{
		gap: 12px!important;
		margin-right: 15px!important;
	}
}
@media screen and (min-width: 767px) and (max-width: 1200px)  {
	
	.reservation-link{
		font-size: 13px!important;
		width: 26vw!important;
	}
	
	.ln-menu-link{
		font-size: 12px!important;
	}
	.hd-dropdown li a{
		font-size: 10px!important;
	}
}
@media screen and (min-width: 767px) and (max-width: 1100px)  {
	
	.ln-menu-link{
		font-size: 11px!important;
	}
}
@media screen and (min-width: 767px) and (max-width: 1000px)  {
	.ln-menu{
		gap: 10px;
		margin-right: 10px;
	}
	.reservation-link{
		font-size: 12px;
	}
	
	.ln-menu-link{
		font-size: 10px;
	}
}
@media screen and (max-width: 767px){
	.sp-flex_left{
		justify-content: left;
	}
	.menu-container{
		left: 10px;
		right:inherit;
	}
	.sp-hd-btn{
		font-family: 'Yu Gothic', '游ゴシック', 'ヒラギノ角ゴシック', sans-serif;
	}
	.header-logo-sp{
		width: 30vw;
    	margin-left: 50px;
	}
	.sp-hd-btn{
		margin-right: 10px;
	}
	.sidebar {
		left: -100%; 
		right: inherit;
		transition: left 0.3s ease-in-out;
		text-align: left;
		overflow: scroll;
	}
	.open {
    	right: inherit;
		left: 0;
	}
	
	#pc-header-flame{
		z-index: 1000;
	}
	
	.menu-icon.open .bar-top{
		margin-bottom: -1px;
	}
	.menu-item{
		padding: 15px 30px!important;
		  border-bottom: 1px solid #10386b;
		  position: relative;
	}
	.menu-item a{
		display: flex;
		align-items: center;
	}
	.menu-item.single-item a::after, .submenu a::after{
		content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-top: 2px solid #10386b;
    border-right: 2px solid #10386b;
		transform: rotate(45deg);
		right: 20px;
		position: absolute;
	}
	.submenu a::after{
		right: 30px;
	}
	.submenu {
		  display: none;
		  list-style: none;
		  padding-left: 20px;
		}

		.submenu li {
		  padding: 12px 0!important;
		  border-top: 1px solid #dddddd;
		}

		.menu-item.active .submenu {
		  display: block;
			font-size: 14px;
        	margin: 10px 0 0;
		}
	.sidebar .btn-plus{
		flex-shrink: 0;
		position: absolute;
		margin-left: 10px;
		width: 15px;
		height: 2px;
		background-color: #10386b;
		right: 10px;
		transform: translate(-50%, -50%);
		
	}
	.sidebar .btn-plus::before{
		content: "";
		position: absolute;
		display: block;
		width: 2px;
		height: 16px;
		top: 50%;
		left: 50%;
		background-color: inherit;
		-webkit-transform: translate(-50%, -50%) rotate(0deg);
		transform: translate(-50%, -50%) rotate(0deg);
	}
	.sidebar .menu-item.active .btn-plus::before{
		transform: translate(-50%, -50%) rotate(90deg);
	}
	.sp-scrolled{
		filter: drop-shadow(0 3px 5px rgba(0, 0, 0, 0.2));
		background-color: #fff!important;
	}
	#pc-header-flame.sp-header-flame{
		background-color: inherit;
	}
	.menu-icon .bar {
        background-color: #fff;
        transition: 0.3s;
		height: 2px!important;
    }
	.sp-header-sub .menu-container{
		position: fixed;
        top: 20px;
        z-index: 1000;
        cursor: pointer;
	}
	.sp-header-sub .menu-icon .bar{
		background-color: #10386b;
	}
	.sp-header-sub .menu-icon{
		display: flex;
        flex-direction: column;
        justify-content: space-between;
		width: 24px;
        height: 10px;
	}
	.menu-icon{
		width: 24px;
        height: 10px;
	}
	.menu-icon.open .bar-bottom {
        transform: translateY(10px) rotate(-40deg);
    }
	.menu-icon.open .bar-top {
        transform: translateY(11px) rotate(40deg);
    }
	.sidebar {
        position: fixed;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        padding-top: 60px;
        z-index: 999;
        color: #10386b;
        font-size: 16px;
        font-weight: bold;
    }
	
}