@charset "UTF-8";
@import url("https://use.fontawesome.com/releases/v6.6.0/css/all.css");
/*----------------------------------------------------
	1.0 - Home Customization
----------------------------------------------------*/
@media(max-width:999px){
	body {
		min-width: auto !important;
	}
	.header_inner {
	min-width: auto !important;
}
	.global_navi ul.global_menu {
	width: 100%;
}
	footer [class*="footer_"] {
	width: 100%;
}
}
.index .custom_head {
	padding-top: 130px;
}
.index .custom_head #slide_box {
	height: 53.33vw;
	padding-top: 0;
	background-color: #e0c89d;
}
.index .custom_head #slide_box ul {
	height: 53.33vw;
}
.index .custom_head #slide_box ul li {
	height: 53.33vw;
}
.index .custom_head #slide_box img {
	width: 100%;
	height: auto;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@media (max-width: 999px) {
	.index .custom_head #slide_box img {
		width: 100vw;
	}
}
@media (max-width: 768px) {
	.index .custom_head {
		padding-top: 0px;
	}
}
/*----------------------------------------------------
	2.0 - Header Customization
----------------------------------------------------*/
/*insta*/
.index_banner {
    box-sizing: border-box;
    display: table;
    margin: 0;
    text-align: center;
    position: absolute;
    top: auto;
	bottom: 1%;
    left: 1%;
    width: 100%;
    max-width: 280px;
    height: auto;
    z-index: 10;
}
.index_banner p {
	border: 1px solid #ccc;
	margin: 0 10px 10px;
}
.index_banner a {
	display: table;
	background-color: #fff;
}
.index_banner img {
	display: table;
	width: 100%;
	height: auto;
}
.index_banner a:hover img, .index_banner a:active img {
	opacity: 0.7;
	transition: 0.3s;
}
@media(max-width:1130px){
	.index_banner {
		max-width: 220px;
	}
}
/* スマホ横以下用 */
@media only screen and (max-width:768px) {
	.index_banner {
		margin: 0 auto;
		padding: 35px 10px 0;
		width: 100%;
		max-width: 480px;
		height: auto;
		position: relative;
		top: 0px;
		left: 0px;
		right: auto;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.index_banner > p {
		width: 48%;
	}
}
/* スマホ横以下用 */
@media only screen and (max-width:480px) {
	.index_banner > p {
		width: 100%;
	}
	.index_banner > p:nth-of-type(n) {
		margin-top: 10px;
	}
	.index_banner > p:nth-of-type(-n + 1) {
		margin-top: 0;
	}
}
/*----------------------------------------------------
	3.0 - Footer Customization
----------------------------------------------------*/
@media (max-width: 768px) {
	footer {
		padding-bottom: calc(4em * 0.875);
	}
	.link_head {
		bottom: 4em;
	}
}
@media (max-width: 480px) {
	footer {
		padding-bottom: calc(4em * 0.75);
	}
	.link_head {
		bottom: 3.5em;
	}
}