@charset "utf-8";

/*-----------------------------------------------------------
header
-----------------------------------------------------------*/

.header {
  	max-width: 1920px;
  	width: 100%;
    margin: auto auto auto auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  	transition: .3s all;
    z-index: 99999999;
}

.header-frame {
  	max-width: 1760px;
  	width: 100%;
  	margin: 0 auto;
	padding: 20px 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
  	position: relative;
}

.header-logo-link {
	display: block;
	max-width: 250px;
	width: 25%;
}

.header-logo {
	display: block;
  	transition: all .3s;
}

.header-logo-fixed {
	display: none;
   	transition: all .3s;
}

.header-right {
	width: 83.5%;
    display: none;
    align-items: center;
    justify-content: flex-end;
  	padding: 0 85px 0 0;
	margin: 0 15px 0 0;
  	position: relative;
}

.header-navi-block {
	display: flex;
	align-items: center;
    justify-content: flex-end;
	flex: 1;
    margin: 20px 0 0;
}

.header-navi-link {
	font-size: 13px;
	color: var(--white);
	margin: 0 14px 0 0;
}

.header-navi-link:hover {
	color: var(--white);
}

.nav-single {
    position: relative;
    cursor: pointer;
}

.nav-single-link {
  	margin: 0 40px 0 0;
    padding-right: 15px;
    position: relative;
}

/*ドロップダウン*/

.nav-second {
	width: 284px;
    padding: 15px 0 0;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
	left: 50%;
    transform: translateX(-50%);
    transition: .3s;
}

.nav-second-in {
	position: relative;
	padding: 30px 15px 30px 45px;
	background: var(--secondary);
  	border-radius: 15px;
}

.nav-second-in:before {
	content: "";
	position: absolute;
	width: 88.1%;
  	height: 1px;
	top: 0;
	bottom: 0;
	right: 0;
  	left: 0;
  	margin: auto;
	background: var(--base-body-color);
}

.nav-second-in .header-navi-link {
	color: var(--base-body-color);
	margin: 15px 0 0 0;
}

.nav-second-in .header-navi-link:last-child {
	color: var(--base-body-color);
	margin: 15px 0 0 0;
}

.nav-second-link {
    display: block;
    font-size: 14px;
    font-weight: 700;
    font-family: var(--font-family03);
    letter-spacing: 0.05em;
    line-height: 1.5em;
    color: var(--white);
    padding: 0 0 0 20px;
    position: relative;
}

.nav-second-link:not(:first-child) {
    margin: 7px 0 0;
}

.nav-second-link:before {
    content: "";
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 25px;
    margin: auto;
    width: 8px;
    height: 1px;
    background: var(--white);
    transition: .3s;
}

.nav-second-link:hover {
    color: var(--white);
}

.nav-single:hover .nav-second {
    opacity: 1;
    visibility: visible;
}

.drop-link {
	position: relative;
  	display: block;
	color: var(--base-body-color);
}

.drop-link:before {
    content: "";
    position: absolute;
    left: 0;
    margin: auto;
}

.header-tel {
	padding: 0 0 18.5px 0;
	font-size: 20px;
	font-weight: 500;
  	letter-spacing: 0.05em;
}

.header-tel:before {
    top: 0;
}

.header-web {
	padding: 18.5px 0 0 0;
}

.header-web:before {
    bottom: 0;
}

.header-web:hover {
	color: var(--base-body-color);
  	text-decoration: underline;
}

/*-----------------------------------------------------------
is-scroll
-----------------------------------------------------------*/

.header.is-scroll {
	background: var(--quaternary);
}

.is-scroll .header-frame {
    padding: 9px 0 9px;
}

.is-scroll .header-logo {
    max-width: 82px !important;
    width: 20%;
}

/*-----------------------------------------------------------
footer
-----------------------------------------------------------*/

.footer-reserve-in .en-title01 {
    margin: 20px 0 0;
}

.footer-reserve-btn p {
	padding: 0 0 0 18px;
} 

.footer-left {
	display: contents;
}

.copyright {
	order: 1;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

}/* min-width: 375px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {



}/* min-width: 414px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:576px) {



}/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 768px) {
  
/*-----------------------------------------------------------
header
-----------------------------------------------------------*/
  
    .header-right {
        display: flex;
    }
  
    .nav-content-inner .hamburger-btn {
        top: 40px;
        right: 30px;
    }
  
/*-----------------------------------------------------------
footer
-----------------------------------------------------------*/

    .footer-left {
        display: block;
    }

 

}/* min-width: 768px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

}/* min-width: 992px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width: 1024px) {
  
/*-----------------------------------------------------------
header
-----------------------------------------------------------*/
  
    .header-frame {
        max-width: 1760px;
        width: 100%;
        padding: 38px 0 30px;
    }
  
    .header-right {
        margin: 0 15px 0 0;
    }

}/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1200px) {
  
    .header-frame {
        padding: 38px 0 30px;
    }

}/* min-width: 1200px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1400px) {


}/* min-width: 1400px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1500px) {





}/* min-width: 1500px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1600px) {




}/* min-width: 1600px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1700px) {



}/* min-width: 1700px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */