@charset "utf-8";

/*===========================================================
ヘッダー
===========================================================*/

.header {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
	background: #fff;
	z-index: 999;
}

.header-container {
    max-width: 1850px;
    width: 100%;
    margin: 0 auto;
    padding: 10px 15px 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
	flex-wrap: wrap;
}

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

.header-nav-area {
	margin: 10px 0 0 auto;
    max-width: 600px;
    width: 100%;
    display: none;
    align-items: center;
    justify-content: space-between;
	order: 3;
}

.header-nav-link01 {
    display: block;
	font-size: clamp(12px, calc(0.75rem + ((1vw - 7.68px) * 0.5208)), 18px);
	font-family: "Poppins", sans-serif;
	color: #82331F;
}

.header-nav-link01:hover {
	color: #82331F;
	text-decoration: underline;
}

.header-link-area {
	margin: 0 0 0 auto;
    max-width: 630px;
    width: 100%;
    display: none;
    align-items: stretch;
    justify-content: space-between;
	gap: 1%;
	order: 2;
}

.header-sns-link {
	max-width: 34px;
	width: 100%;
	margin: auto 0;
	transition: all .3s;
}

.header-sns-link:hover {
	transform: translateY(-6px);
}

/*--is-animation--*/

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

.header.clone {
    position: fixed;
    top: -96px;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
}

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

/*===========================================================
accordion
===========================================================*/

.header-nav-area {
	position: relative;
}

.header-nav-accordion {
    max-width: 110px;
    width: 16%;
}

.header-nav-accordion .accordionBtn {
	display: flex;
}

.header-nav-accordion .accordionContent {
    margin: 10px 0 0;
    display: none;
    padding: 28px 32px;
    max-width: 263px;
    width: 100%;
    border: 1px solid #7C2A15;
    position: absolute;
    background: rgba(255, 255, 255, 95%);
    top: 36px;
    left: 20%;
    z-index: 1;
}

.header-nav-accordion .accordionIcon {
	/* margin: -4% 0 0 3%; */
	margin: 1px 0 0 3%;
	position: relative;
	width: 100%;
	height: 12px;
	max-width: 12px;
}

.header-nav-accordion .accordionIconItem01 {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 2px;
	background-color: #895238;
	top: 50%;
	transform: rotate(0deg);
}

.header-nav-accordion .accordionIconItem02 {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	width: 100%;
	height: 2px;
	background-color: #895238;
	top: 50%;
	transform: rotate(90deg);
	transition: .5s;
}

.header-nav-accordion .accordionIcon.active > .accordionIconItem01 {
	display: none;
}

.header-nav-accordion .accordionIcon.active > .accordionIconItem02 {
	top: 50%;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.header-nav-link02 {
	margin: 24px 0 0 0;
	display: block;
	font-size: clamp(12px, calc(0.75rem + ((1vw - 7.68px) * 0.5208)), 18px);
	color: #82331F;
	font-family: "Poppins", sans-serif;
	padding: 0 0 5px;
	border-bottom: 1px solid #DEC6BF;
	transition: all .3s;
}

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

.header-nav-link02:hover {
	color: #82331F;
	opacity: 0.7;
}


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

===========================================================*/

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

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

/*===========================================================

===========================================================*/

	.header-logo-link {
		margin: 0 1% 0 0;
	}

	
	.header-nav-area {
		display: flex;
	}

	.header-link-area {
		display: flex;
	}

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

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

/*===========================================================

===========================================================*/

.header-link-area {
    max-width: 650px;
}

.header-nav-accordion .accordionIcon {
    margin: 3px 0 0 3%;
}


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

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

===========================================================*/

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

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

===========================================================*/

	.header-container {
		flex-wrap: nowrap;
	}

	.header-nav-area {
		order: 2;
	}

	.header-link-area {
		margin: 0 0 0 2%;
		order: 3;
	}

	
	.header-nav-accordion .accordionIcon {
		/* margin: 0px 0 3px 3%; */
		margin: 5px 0 3px 7%;
	}
  
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */
} /* min-width: 1400px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

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


	.header-logo-link {
		max-width: 96px;
	}

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

	.header-link-area {
		margin: 0 0 0 3%;
		max-width: 700px;
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}


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