@charset "utf-8";

/*-----------------------------------------------------------
ヘッダー
-----------------------------------------------------------*/


.header {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    padding: 30px 15px 10px;
    position: absolute;
    z-index: 9999;
}

.header-container {
	max-width: 1820px;
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

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

.header-logo-link .header-logo02 {
	display: none;
}

.header-nav-container {
	max-width: 1300px;
    width: 100%;
	margin: 0 0 0 1%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.header-nav-area {
	max-width: 1212px;
	width: 100%;
	display: none;
	align-items: center;
	justify-content: space-between;
}

.header-nav-link {
	margin: 0 0 0 1%;
	display: block;
	font-size: clamp(12px, calc(0.75rem + ((1vw - 7.68px) * 0.6944)), 20px);
	font-family: "Lato", sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	color: #FFF;
}

.header-nav-link:first-child {
	margin: 0;
}

.header-nav-link:hover {
	color: #FFF;
	text-decoration: underline;
}

.header-sns-link {
	margin: 0 0 0 auto;
}

.header-sns-link .instagram02 {
	display: none;
}


.header-right-link-area {
    max-width: 300px;
    width: 100%;
	display: none;
    position: fixed;
    right: 0;
    bottom: 0;
	gap: 5px;
    z-index: 10;
	transition: all .3s;
}

.header-right-link-area.is-hidden {
	visibility: hidden;
	transition: all .5s;
	opacity: 0;
}

/*--is-animation--*/

.header.clone.is-animation {
    top: 0;
    transition: all .5s;
    visibility: visible;
    opacity: 1;
}

.header.clone {
	padding: 10px 15px 10px;
    position: fixed;
    top: -96px;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    background: #F9F6EF;
}

.header.clone .header-nav-container {
	margin: 0 0 0 1%;
}

.header.clone .header-logo01 {
	display: none;
}

.header.clone .header-logo02 {
	display: block;
}

.header.clone .instagram01 {
	display: none;
}

.header.clone .instagram02 {
	display: block;
}

.header.clone .header-nav-link {
	color: #736F67;
}

.header.clone .header-nav-link:hover {
	color: #736F67;
}

/*----- is-hidden -----*/
/*
..is-hidden {
	visibility: hidden;
	transition: all .5s;
	opacity: 0;
}
*/

.sp-menu-btn-area {
    display: grid;
    gap: 5px;
    place-items: center;
}

/*-----------------------------------------------------------

-----------------------------------------------------------*/


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

    
/*-----------------------------------------------------------

-----------------------------------------------------------*/

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

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

.header {
    padding: 50px 15px 10px;
}

.header-nav-container {
	margin: 0 0 30px 3%;
  	flex-direction: column-reverse;
}
	
.header-logo-link {
	max-width: 166px;
	width: 10%;
	display: block;
}

.header-nav-area {
  	margin: 10px 0 0;
	display: flex;
}

.header-sns-link {
	margin: 0 0 0 auto;
}

.header-right-link-area {
	display: grid;
}

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

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {
  
.header-nav-container {
  	flex-direction: row;
}
  
.header-nav-area {
  	margin: 0;
}

.header-sns-link {
	margin: 0 0 0 3%;
}


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

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

    
/*-----------------------------------------------------------

-----------------------------------------------------------*/

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

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

    

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

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

    

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