@charset "utf-8";

#wrapper { min-width: 1200px;}

header { position: absolute; top: 0; left: 0; width: 100%; height: 240px; background: url(../images/common/bg_header.png?=231030) no-repeat center bottom; background-size: cover; z-index: 10; min-width: 1200px;}
header .flex { display: flex; justify-content: space-between; align-items: center; padding: 30px 50px 0px 37px;}
header .flex .h_left { }
header .flex .h_left img { }

header .flex .h_right { display: flex;}
header .flex .h_right a { font-size: 18px; letter-spacing: 0.1em; font-family: dnp-shuei-mincho-pr6, sans-serif; font-weight: 400; color: #fff; padding: 0 30px; text-align: center; border-left: 1px solid #fff;}
header .flex .h_right a:last-child { border-right: 1px solid #fff;}
header .flex .h_right a span { display: block; margin: 0 auto 11px; font-size: 12px; letter-spacing: 0.2em; font-family: mrs-eaves-xl-serif, serif; font-weight: 400; color: #fff;}


/* ------------------------------------------------------------ bottom */
.bottom { background: #d81e1a; padding: 30px 0;}
.bottom .flex { display: flex; justify-content: space-between; align-items: center;}
.bottom .flex .left { }
.bottom .flex .right { }
.bottom .flex .right a { font-size: 16px; letter-spacing: 0.1em; color: #fff; margin-left: 80px;}

/* ------------------------------------------------------------ footer */
footer { /* padding: 60px 0 0; */ background: none; /* background: url(../images/common/texture_01.webp) no-repeat center center/cover; */}

footer .flex_wrap { display: flex; justify-content: space-between; margin: 0 auto 215px;}
footer .f_left { width: 290px;}
footer .f_left .f_logo a { display: inline-block;}
footer .f_right { display: flex; justify-content: space-between; align-items: flex-start; width: 810px;}
footer .f_right .f_nav { display: flex;}
footer .f_right .f_nav nav a { color: #fff;}
footer .f_right .f_nav .main_nav { margin-right: 100px;}
footer .f_right .f_nav .main_nav .mn_item {	margin: 0 auto 17px;}
footer .f_right .f_nav .main_nav .mn_item .f_child { margin: 1em 0 0;}
footer .f_right .f_nav .main_nav .mn_item .f_child li {	margin: 7px 0 0;}
footer .f_right .f_nav .main_nav .mn_item .f_child li a { font-size: 14px;}
footer .f_right .f_nav .sub_nav .sn_item { margin: 7px 0 0;}
footer .f_right .f_nav .sub_nav .sn_item a { font-size: 12px;}
footer .copyright { display: block; font-size: 12px; font-family: 'Poppins-Thin'; color: #fff; text-align: center; letter-spacing: 1px;}

footer .f_logo{
	padding: 10px 0;
/* 	border-top: 1px solid #000; */
}
footer .f_logo{
	text-align: right;
}
footer .f_logo img{
	width: 180px;
	height: auto;
}
footer .footer{
	padding: 30px 0 20px;
	background: url(../images/common/texture_01.jpg) no-repeat center center/cover;
}


/* ------------------------------------------------------------ bnr */
.bnr_slider img.SP{ display: none; }
.bnr_slider .slick-dots li button:before{ opacity: 1; position: absolute; content: ""; cursor: pointer; width: 10px; height: 10px; border-radius: 50%; top: 0; left: 0; background: #fff; border: 1px solid #770216; }
.bnr_slider .slick-dots li.slick-active button:before{ background: #770216; }





/* ------------------------------------------------------------ mobile ------------------------------------------------------------ */
@media only screen and (max-width: 768px) {
	
	#wrapper { min-width: auto;}
	
	header { position: fixed; height: 111px; background: url(../images/common/bg_header_sp.png?=231030) no-repeat center bottom; background-size: cover;  min-width: auto;}
header .flex { display: flex; justify-content: center; align-items: center; padding: 23px 5% 0px 37px;}
header .flex .h_left { width: 150px; }
header .flex .h_left img { width: 100%; height: auto;}

header .burger-btn { display: inline-block; position: absolute; top: 27px; right: 5%; width: 25px; height: 16px; cursor: pointer; z-index: 200; text-align: center; z-index: 550; }
header .burger-btn span { position: absolute; display: block; width: 100%; height: 2px; background-color: #fff; transition: 0.5s;}
header .burger-btn span:nth-of-type(1) { top: 0;}
header .burger-btn span:nth-of-type(2) { top: 7px;}
header .burger-btn span:nth-of-type(3) { top: 14px;}

header .burger-btn.close span { width: 120%; height: 1px; left: -4px; }
header .burger-btn.close span:nth-of-type(1) { top: 7px; transform: rotate(45deg); }
header .burger-btn.close span:nth-of-type(2) { opacity: 0; }
header .burger-btn.close span:nth-of-type(3) { top: 7px; transform: rotate(-45deg); }


#g-nav{ top:-120%; transition: all .8s; position: fixed; width: 100%; height: 80vh; left: 0; overflow-y: scroll; z-index: 400; background: url(../images/common/bg_header_sp.png) no-repeat center bottom/100%; }
#g-nav #g-nav-list{ position: relative; padding: 23% 0; height: 84%; background: url(../images/common/bg_pattern_nav.jpg) repeat left top / 36px; }
#g-nav #g-nav-list .h_left{ position: absolute; top: 20px; left: 50%; transform: translate(-50%,0); width: 150px; height: auto; }

#g-nav #g-nav-list ul{ width: 90%; margin: 0 auto; }
#g-nav #g-nav-list ul li{ display: block; padding: 25px 0; border-bottom: 1px solid #fff; text-align: center; }
#g-nav #g-nav-list ul li a{ font-size: 20px; color: #fff; font-family: dnp-shuei-mincho-pr6, sans-serif; font-weight: 500; letter-spacing: 0.1em; }
#g-nav #g-nav-list ul li span{ display: block; padding: 0 0 10px; font-size: 11px; font-family: mrs-eaves-xl-serif, serif; font-weight: 400; letter-spacing: 0.2em; }


/* active */
#g-nav.panelactive{ top: 0; transition: all .8s; }

.bottom { display: none;}


	
/* ------------------------------------------------------------ footer */
/* 	footer { background: url(../images/common/texture_01.webp) no-repeat center center/cover; padding: 50px 0 80px;} */
	footer .inner {	max-width: 380px;}
	footer .flex_wrap {	display: block;	margin: 0 auto;}
	footer .f_left { width: 100%; margin: 0 auto 25px;}
	footer .f_left .f_logo a { display: inline-block;}
	footer .f_left .f_logo a img { width: 110px; height: auto;}
	footer .f_right { display: block; width: 100%; margin-bottom: 40px;}
	footer .f_right .f_nav { width: 100%; order: 2; flex-direction: column;}
	footer .f_right .f_nav .main_nav { display: flex; justify-content: flex-start; flex-wrap: wrap;}
	footer .f_right .f_nav .main_nav .mn_item { margin: 0 0 15px; width: 50%;}
	footer .f_right .f_nav .main_nav .mn_item a { font-size: 14px; white-space: nowrap;}
	footer .f_right .f_nav .main_nav .mn_item .f_child { margin: 0;}
	footer .f_right .f_nav .main_nav .mn_item .f_child li {margin: 7px 0 0;}
	footer .f_right .f_nav .main_nav .mn_item .f_child li a { font-size: 12px;}
	footer .f_right .f_nav .sub_nav .sn_item { margin: 7px 0 0;}
	footer .f_right .f_nav .sub_nav .sn_item a { font-size: 12px;}
	footer .copyright { font-size: 10px;}
	
	footer .logo img{
		width: 30%;
	}
		
	footer .footer{
		padding: 50px 0 80px;
	}
	
	
/* ------------------------------------------------------------ bnr */
	.bnr_slider img.SP{ display: block; }
	.bnr_slider img.PC{ display: none; }


}