@charset "utf-8";
/* menu_bar */
.header.cb-header,
.header.common{
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : 75px;
	background : rgba(255,255,255,0.8);
	padding : 10px 50px;
}
.cb-header{
	position : fixed;
	top : -75px;
	left : 0;
	z-index : 10000;
}
.header.common{
	position : fixed;
	z-index : 10000;
}
.header.cb-header nav{
	position : relative;
	top : 14px;
	z-index : 10000;
}
/* footer */
.footer_nav{
	padding : 10px 0;
	border-bottom : 1px solid #DDDDDD;
}
#menu-footer_main{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : flex-start;
	-webkit-justify-content : flex-start;  /* Safari etc. */
	-ms-justify-content : flex-start;  /* IE10 */
}
#menu-footer_main li{
	margin-right : 20px;
}
#menu-footer_main li a{
	font-weight : bold;
}
#menu-footer_main a:hover{
	color : #6292E0;
}
/**/
#menu-global-menu > li > a span{
	position : relative;
	display : block;
	padding : 5px;
	background-position : 97% center;
	background-repeat : no-repeat;
	color : #fff;
	font-weight : bold;

	transition : 0.8s;
}
#menu-global-menu > li > a span:hover{
	/*background : #5FADFC;*/
	color : #F18B00;
	cursor : pointer;
	transition : 0.8s;
}
#menu-global-menu > li > a span{

	transition : 0.8s;
}
#menu-global-menu > li > a span.open{
	background : #FFF;
	color : #F18B00;
	transition : 0.8s;
}
#menu-global-menu > li > a span:after{
	content : "";
	position: absolute;
	border-right : 1px solid #fff;
	border-bottom : 1px solid #fff;
	width : 10px;
	right : 10px;
	height : 10px;
	transform : rotate(45deg);
	top : 8px;
	transition : 0.8s;
}
#menu-global-menu > li > a span:hover:after{
	border-left : 1px solid #F18B00;
	border-top : 1px solid #F18B00;
	border-right : 0;
	border-bottom : 0;
	top : 14px;
	transition : 0.8s;
}
#menu-global-menu > li > a span.open:after{
	content : "";
	position : absolute;
	border-left : 1px solid #F18B00;
	border-top : 1px solid #F18B00;
	border-right : 0;
	border-bottom : 0;
	width : 10px;
	right : 10px;
	height : 10px;
	transform : rotate(45deg);
	top : 14px;
	transition : 0.8s;
}
/*** 新メニュー ***/
.drawer--top .drawer-hamburger{
	position : fixed;
	padding : 10px;
	width : 55px;
	height : 50px;
	border-radius : 5px;
	box-sizing : border-box;
	right : 20px;
	top : 14px;
	background : rgba(0,0,0,1);
	z-index : 1000;
}
.drawer--top .drawer-hamburger:hover{
	background : rgba(0,0,0,0.8);
}
.drawer--top.drawer-open .drawer-hamburger{
	background : none;
	right : 20px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon::after,
.drawer-hamburger-icon::before{
	background-color : #fff;
}
.drawer-hamburger-icon{
	margin-top : 0px;
	margin-bottom : 0px
}
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{
	position : absolute;
	top : -10px;
	left : 0;
	content : "";
}
.drawer-hamburger-icon:after{
	top : 10px;
}
.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before{
	height : 3px;
	width : 30px;
	margin-left : auto;
	margin-right : auto;
}
.button_title{
	position : relative;
	display : block;
	color : #fff;
	bottom : -35px;
}
/* 本体 */
.drawer--top .drawer-nav{
	height : 100vh;
	background : rgba(48,38,18,0.9);
	z-index : 101;
}
.drawer-overlay{
	background-color : rgba(48,38,18,.3);
	z-index : 10;
}
.drawer--top .drawer-nav .nav_wrap{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	width : 1080px;
	height : auto;
	margin : 0 auto;
	padding : 80px 0 0 0;
}
.drawer--top .drawer-nav .header_logo{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	margin-bottom : 50px;
}
.drawer--top .drawer-nav .header_logo h1{
	position : relative;
	display : block;
	width : 200px;
	height : auto;
	padding : 0;
}
.drawer--top .drawer-nav .header_logo h1 a{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
}
.drawer--top .drawer-nav .header_logo h1 a img{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	transition : 0.5s;
}
.drawer--top .drawer-nav .header_logo h1 a:hover img{
	opacity : 0.5;
	transition : 0.5s;
}
/***  ***/
.drawer--top .drawer-nav .nav_wrap .flex_wrap{
	position : relative;
	display : flex;
	display : -ms-flexbox; /* IE10 */
	display : -webkit-box; /* Android4.3以下、Safari3.1～6.0 */
	display : -webkit-flex; /* Safari6.1以降 */
	flex-wrap : wrap;
	-webkit-flex-wrap : wrap; /* for old webkit browser */
	-ms-flex-wrap : wrap; /* for IE10 */
	justify-content : space-between;
	-webkit-justify-content : space-between;  /* Safari etc. */
	-ms-justify-content : space-between;  /* IE10 */
	width : 100%;
	height : auto;
}
.drawer--top .drawer-nav .nav_wrap .flex_wrap:before{
	content : "";
	display : block;
	width : 22%;
	order : 1;
}
.drawer--top .drawer-nav .nav_wrap .flex_wrap:after{
	content : "";
	display : block;
	width : 22%;
}
.drawer--top .drawer-nav .menu-wrap{
	position : relative;
	display : block;
	width : 22%;
	height : auto;
	margin-bottom : 30px;
}
.drawer--top .drawer-nav .menu-wrap p.menu_title{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	color : #fff;
	margin-bottom : 5px;
}
.drawer--top .drawer-nav .menu-wrap .img_wrap{
	position : relative;
	display : block;
	width : 100%;
	height : 0;
	padding-top : 56.25%;
	margin-bottom : 10px;
}
.drawer--top .drawer-nav .menu-wrap .img_wrap img.obj{
	position : absolute;
	display : block;
	width : 100%;
	height : 100%;
	top : 0;
	left : 0;
	object-fit : cover;
	font-family : 'object-fit: cover;';
}
.drawer--top .drawer-nav .menu-wrap ul{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	line-height : 2;
}
.drawer--top .drawer-nav .menu-wrap ul li{
	position : relative;
	display : block;
	width : 100%;
	height : auto;
	line-height : 1.2;
	margin-bottom : 5px;
}
.drawer--top .drawer-nav .menu-wrap ul li a{
	position : relative;
	display : inline-block;
	width : auto;
	height : auto;
	color : #fff;
	font-size : 14px;
	text-decoration : none;
	padding-left : 1.5em;
}
.drawer--top .drawer-nav .menu-wrap ul li a:before{
	content : "→";
	position : absolute;
	display : block;
	width : auto;
	height : auto;
	padding : 0;
	margin : 0;
	left : 0;
}
.drawer--top .drawer-nav .menu-wrap ul li a:hover{
	color : #F18B00;
}
/* # =================================================================
#### 1024
# ================================================================= */
@media screen and (max-width: 1024px){
.drawer--top .drawer-nav .nav_wrap{
	width : 100%;
	padding : 80px 15px 0;
}
}/* 1024 */
/* # =================================================================
#### 800
# ================================================================= */
@media screen and (max-width: 800px){
.drawer--top .drawer-nav .menu-wrap ul li a{
	font-size : 12px;
}
}/* 800 */
/* # =================================================================
#### 480
# ================================================================= */
@media screen and (max-width: 480px){
.drawer--top .drawer-nav .header_logo{
	display : none;
}
.drawer--top .drawer-nav .nav_wrap{
	padding : 50px 15px;
}
.drawer--top .drawer-nav .nav_wrap .flex_wrap{
	display : block;
}
.drawer--top .drawer-nav .menu-wrap{
	width : 100%;
	margin-bottom : 20px;
}
.drawer--top .drawer-nav .menu-wrap .img_wrap{
	display : none;
}
.drawer--top .drawer-nav .menu-wrap ul{
	padding-left : 1em;
}
.drawer--top .drawer-nav .menu-wrap ul li{
	border-bottom : 1px solid #FFF;
	padding-bottom : 5px;
}




}/* 480 */