@charset "UTF-8";
/* HEADER FOOTER CSS*/

/* -----------------------------------------------
 HEADER
-------------------------------------------------- */

#header {
	width: 100%;
	height: 100px;
	z-index: 1000;
	position: fixed;
	left: 0px;
	top: 0px;
　　-webkit-box-shadow: 0 22px 20px -20px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 22px 20px -20px rgba(0, 0, 0, 0.15);
	box-shadow: 0 22px 20px -20px rgba(0, 0, 0, 0.15);
}
#header.bg_white {
	background-color:#fff;
}
#header_top {
	width: 100%;
	height: 60px;
	z-index: 300;
	position: absolute;
	left: 0px;
	top: 0px;
	font-weight: 400;

}
#header_inner {
	max-width:98%;
	position:relative;
	margin: 0 auto;
	height:70px;
}
#header_inner #h_logo{
	top: 25px;
	left: 10px;
	position:absolute;
	width:250px;
	height:44px;
	background-image: url("../menu/images/logo.svg");
	background-size:250px 44px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#header_inner #h_logo02{
	top: 25px;
	left: 10px;
	position:absolute;
	width:250px;
	height:44px;
	background-image: url("../menu/images/logo_w.svg");
	background-size:250px 44px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#header_inner #h_logo a,
#header_inner #h_logo a{
   cursor: pointer
}

/* -----------------------------------------------
 global nav
-------------------------------------------------- */
ul#globalNav {
	width:auto;
	height:70px;
	/*position: absolute;*/
	float:right;
	padding: 35px 0 0 0;
}
ul#globalNav li {
	list-style:none;
	display: inline-block;
	border-right: 1px solid #3f310a;
	font-size: 16px;
	color:#3f310a;
	text-align: center;
	padding:0 20px;
}



ul#globalNav li:last-child {
	border-right: none;
	padding-left:0;
}
ul#globalNav li:last-child::before {
	content: "\f0e0";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #c4950e;
	padding-left: 20px;
	padding-right: 8px;
	font-size: 17px;
}

ul#globalNav li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
ul#globalNav li a::after {
  position: absolute;
  bottom: -8px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #C4950E;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .4s;
}
ul#globalNav li a:hover {
opacity: 1;
}
ul#globalNav li a:hover::after {
  transform: scale(1, 1);
}

ul#globalNav li ul {
	display:none
}
/*menu_btn横からスライド設定*/
.open .m_btn {
  visibility: visible;
  opacity: 1;
}
.open .m_btn{
  opacity: 1;
  transform: translateX(0);
  transition: transform 1s ease, opacity 0.9s ease;
}


/* -----------------------------------------------
 global nav 02 第2階層白文字 
-------------------------------------------------- */
ul#globalNav02 {
	width:auto;
	height:70px;
	/*position: absolute;*/
	float:right;
	padding: 35px 0 0 0;
}
ul#globalNav02 li {
	list-style:none;
	display: inline-block;
	border-right: 1px solid #fff;
	font-size: 16px;
	color:#fff;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	text-align: center;
	padding:0 20px;
}



ul#globalNav02 li:last-child {
	border-right: none;
	padding-left:0;
}
ul#globalNav02 li:last-child::before {
	content: "\f0e0";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #fff;
	padding-left: 20px;
	padding-right: 8px;
	font-size: 17px;
}

ul#globalNav02 li a {
  position: relative;
  display: inline-block;
  text-decoration: none;
    color: #fff;
}
ul#globalNav02 li a::after {
  position: absolute;
  bottom: -8px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .4s;
}
ul#globalNav02 li a:hover {
opacity: 1;
}
ul#globalNav02 li a:hover::after {
  transform: scale(1, 1);
}

ul#globalNav02 li ul {
	display:none
}

/* -----------------------------------------------
 NotePC 1024px以下
-------------------------------------------------- */
 @media screen and (max-width: 1024px) {
 .hidden_tablet_y {display: none;}
	 
/*headerメニュー差分*/
#wrapper{ padding-top:60px }
#header_top { display:none }
#sm2 { display:block}

/*---header--*/
#header {
	width: 100%;
	height:60px;
	position: fixed;
}
#header_inner {
	width: 100%;
	height:60px;
	padding:0;
	margin-top:0
}
#header_inner #h_logo{
	top: 12px;
	left: 8px;
	width:180px;
	height:31px;
	background-size:180px 31px;
}

/* -----------------------------------------------
 global nav
--------------------------------------------------*/

ul#globalNav {
	width: 100%;
	height: auto;/*panel-btnのscrollの場合はauto*/
	float:none;
	background-color: #c4950e;
	padding:0;
} 
ul#globalNav li {
	float: none;
	width:100%;
	padding: 0;
	text-align: center;
	border-right: none;
}
ul#globalNav li a {
	display: block;
	width: 100%;
	padding:20px 0;
	font-size:14px;
	color:#FFF;
	margin-bottom:0;
	border-bottom:rgba(255, 255, 255,0.2) 1px solid;
}

ul#globalNav li:last-child::before {
	display: none;
    
}

ul#globalNav li a::after {
  height: 0px;
}

/* toggle-panel */

#panel-btn {
	display: inline-block;
	position: fixed;
	width: 60px;
	height: 60px;
	top: 0;
	right:0;
	z-index: 5;
	background-color: #c4950e;
	border: none;
	}
#panel-btn:hover {
	
    background-color: #A8C51E;
}
#panel-btn-icon {
	display: block;
	position: absolute;
	top: 55%;
	left: 50%;
	width: 25px;
	height: 3px;
	margin: -5px 0 0 -12px;
	transition: .2s;
	background-color: #FFF;
}
#panel-btn:hover #panel-btn-icon { background-color: #fff; }
#panel-btn-icon:before, #panel-btn-icon:after { display: block; content: ""; position: absolute; top: 10%; left: 50%; width: 25px; height: 3px; margin-left: -13px; background: #FFF; transition: .3s; }
#panel-btn-icon:before { margin-top: -8px; }
#panel-btn-icon:after { margin-top: 8px; }
#panel-btn:hover #panel-btn-icon:before, #panel-btn:hover #panel-btn-icon:after {background-color: #fff;}

#panel-btn .close { background: transparent; }
#panel-btn:hover #panel-btn-icon.close { background: transparent; }
#panel-btn .close:before, #panel-btn .close:after { margin-top: 0; }
#panel-btn .close:before { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
#panel-btn .close:after { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }


#panel {
	display: none;
	width: 100%;
	height: 100%;
	margin: 0;
    position: fixed;
	top:60px;
	left:0;
	z-index: 500;
	overflow-y: auto;
	-webkit-overflow-scrolling:touch;
}

.fixed { /*panel-btnのscrollの場合に必要*/
  position: fixed;
  width: 100%;
  height: 100%;
}

}

/* -----------------------------------------------
 tablet 768px以下
-------------------------------------------------- */
@media screen and (max-width: 768px) {
 .hidden_tablet_w {display: none;}

}

/* -----------------------------------------------
smartPhone 576以下
-------------------------------------------------- */
@media (max-width: 576px) {
.hidden_sp {display: none;}
}

/* ----- /heaerここまで ------- */


/* -----------------------------------------------
 FOOTER
-------------------------------------------------- */
#footer .container{
	padding-top: 15px;
	padding-bottom: 15px
}
#footer {
	width: 100%;
	margin: 0px;
	position: relative;
	clear: both;
	float: none;
	z-index:1;
	line-height: 1.6;
}
#footer h2 { margin-bottom: .3em;}
#footer p{
	font-size: 15px;
	line-height: 1.4;
}
#footer a {
color: #fff;

}
.copy{
	width: 100%;
	font-size: 12px;
	color: #4c4227;
	background-color: #fff;
	padding: 6px;
    letter-spacing: 1px;
	text-align: center
}