@charset "utf-8";

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


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

.header-logo-link {
	max-width: 200px !important;
	top: 20px !important;
	left: 1% !important;
}

.header-nav-area {
	display: none !important;
}

.header-link-area {
	display: none !important;
    margin: 0 0 0 auto !important;
}

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

.header-sns-link img {
    transition: all .3s;
}

.header-sns-link:hover img {
    transform: scale(1.2, 1.2);
}

.header-fixed-link {
	display: none;
    max-width: 203px;
    width: 100%;
    position: fixed;
    right: 1%;
    bottom: 10%;
	transition: all .3s;
	z-index: 9;
}

.header-fixed-link.is-hidden {
	visibility: hidden;
    opacity: 0;
}

.header-fixed-link img {
	transition: all .3s;
}

.header-fixed-link:hover img {
	transform: scale(1.1, 1.1);
}

/*--is-animation--*/

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

.header.clone {
    position: fixed;
    top: -96px;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    border-bottom: 0px solid #ccc;
    background: #FFF;
}

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

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

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


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

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

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

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

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

	.header {
		padding: 20px 15px;
	}

	.header-logo-link {
		top: 50px !important;
	}

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

	.header-fixed-link {
		display: block;
		bottom: 10%;
	}

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

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

	.header-fixed-link {
		bottom: 2%;
	}

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

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

	.header {
		padding: 26px 15px;
	}

	.header-nav-link {
		margin: 0 0 0 1% !important;
		font-size: 14px !important;
	}

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

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

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

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


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

	.header-link-area {
		max-width: 320px !important;
		width: 100% !important;
		margin: 0 0 0 1% !important;
	}

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

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

    

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

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

	.header-logo-link {
		max-width: 280px !important;
		width: 100% !important;
		top: 50px !important;
		left: 4% !important;
	}

    .header-nav-link {
		margin: 0 0 0 3.2% !important;
	}

	.header-nav-link {
        font-size: 16px !important;
    }

	.header-link-area {
		max-width: 350px !important;
		width: 100% !important;
		margin: 0 0 0 3.2% !important;
	}

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