/* # =================================================================
#	ヘッダー
# ================================================================= */

.st-header {background: url(../images/overlay01.png),url(../images/bg_herb02.jpg) ;
display:block;
height:180px;
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: 100%;
	z-index: 100;

}

.st-header__inner {
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0 auto; 
	display: flex;
	align-items:space-between;
	justify-content:space-between;
	flex-wrap: wrap; 
	align-content:space-between;
}

.st-header__inner > {
	display: block;
}


/* ロゴとサブボタンエリア
-------------------------------------------------- */
.header-parts_inner{
	position: relative;
	display: flex;
	align-items: center;
	justify-content:flex-start;
	height: auto;
	padding: 0;
	width: 1030px;
	margin: 0 auto; max-height:120px;min-height:120px;

}



.st-header__logo{width:40%;}
.st-header__logo a {
	display: block;width:100%;
}

.st-header__logo a img {
	height: auto;
	width: 100%;
}

.st-header .st-header__logo{ 
     -webkit-filter: brightness(1);
     -moz-filter: brightness(1);
     -o-filter: brightness(1);
     -ms-filter: brightness(1);
     filter: brightness(1);

}


/* pc版トグルメニュー非表示
--------------------------------- */
.st-header__burger {
	display: none;
}

@media only screen and (max-width: 1030px) {
.st-header {
	margin: 0;
	width: 100%;
}
}

@media only screen and (max-width: 767px) {

.st-header {background:#fff;
	position: relative;
	top: 0;
	margin: 0 auto;
	width: 100%;height:auto;height:75px;
}

.st-header__inner {
	display: block;
	padding: 0;
width:100%;height:auto;
}

.header-parts_inner{
	width:100%;
	padding-left:0;
	padding-right:0;}

.st-header__logo {
	position: fixed;
	width: 100%;
	height:75px;
	top: 0;
	left: 0;
	padding-left: 15px;
	display: flex;
	align-items: center;
	background:#edeae9;
	border-bottom: solid 1px rgba(76,51,35,9);
	z-index:2;
}

.st-header__logo a {
	display: inline-block;width:40%;
}

.st-header__logo a img {width:100%;}

}

@media only screen and (max-width: 560px) {
.st-header__logo a {;width:58%;
}
}

@media only screen and (max-width: 420px) {
.st-header__logo a {;width:68%;
}
}



/* # =================================================================
#	グローバルナビ
# ================================================================= */

.st-nav {
	width:100%;
	height:40px;
	margin:0 auto;
	padding-left:10px;
	padding-right:10px;
background:#e8dfda ;
}

.st-nav__menu {width:900px;margin:0 auto;
	display: flex; 
	align-items: center;
	justify-content:space-between;
}

.st-nav__menu > {
	display: block;
}


/*子メニューのある・ない共通メニュー項目*/
.st-nav__item--link,
.st-nav__item--link2 {
	align-items: center;
	display: flex;
	font-size: 1.7rem;
	font-weight: 500;
	height:40px;
	letter-spacing: 0.04em;
}

/*幅を調整200805 */
@media only screen and (max-width: 1030px) {

.st-nav__menu{width:100%;}
.st-nav__item__child__nav {
	margin: 0 auto;
	width: 100%;
}
.st-nav__item--link,
.st-nav__item--link2 {
	display: flex;
	font-size: 1.5rem;
	height:40px;
	letter-spacing: 0;
}
}
/*幅を調整200805ここまで */


.st-nav__item--link span i,
.st-nav__item--link2 span i {
color:#7a1b1b;
margin-right:3px;vertical-align: top; 
}



.st-nav__item--link:hover,
.st-nav__item--link2:hover {
	opacity: 1;color:#000;
}

/*子メニューのあるメニュー項目*/


.st-nav__item--link {
line-height:1;
	pointer-events: none;
	-webkit-transition: height 0.2s;
	transition: height 0.2s;
	color:#7b1b1b;
}

.st-nav__item--link > {
	display: block;
}

.st-nav__item--link span{
	position: relative;
	padding: 3px;
}


.st-nav__item--link span::before {/*子メニュー吹き出しの三角*/
	position: absolute;
	bottom:-9px;
	left: 30%;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent rgba(122,27,27,.4) transparent;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left;
	transform-origin: left;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
}


.st-nav__item--link:hover {
	opacity: 1;color:#000;
}

.st-nav__item--link:hover span::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left;
	transform-origin: left;
}

.st-nav__item--link.is-on span::before,.st-nav__item--link.is-on span::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: left;
	transform-origin: left;
}



/* 子メニューのないメニュー項目*/
.st-nav__item--link2 {
line-height:1;
	-webkit-transition: height 0.2s;
	transition: height 0.2s;
color:#7b1b1b;
}

.st-nav__item--link2 > {
	display: block; 
}

.st-nav__item--link2 span {
	position: relative;
	padding: 3px;
}

.st-nav__item--link2 span::before {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #7a1b1b;
	content: '';
	display: block;
	height: 1px;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right;
	transform-origin: right;
	-webkit-transition: -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s;
	transition: transform 0.2s;
	transition: transform 0.2s, -webkit-transform 0.2s;
	width: 100%;
}

.st-nav__item--link2:hover {
	opacity: 1;
color:#000;
}
.st-nav__item--link2:hover span::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: center;
	transform-origin: center;
}
.st-nav__item--link2 {outline:none;}

.st-nav__item_sns{font-size:180%;text-align:center;}

/* 子メニュー
------------------------- */

.st-nav__item__child {
	position: absolute;
	top: 180px;
	left: 0;
	background: rgba(122,27,27,.5);
	border-radius: 0;
	display: none;
	width: 100%;
	-webkit-box-shadow: 3px 3px 5px -5px rgba(0,0,0, 1);
	box-shadow: 3px 3px 5px -5px rgba(0,0,0, 1);
	border:1px solid rgba(0,0,0,.1);border-top:0;
	z-index:15;
}


.st-nav__item__child--inner {
	align-items: center;
	display: flex;
	justify-content:space-between;
	padding: 10px 10px;
}

.st-nav__item__child--inner > {
	display: block;
}

.st-nav__item__child__nav {
	margin: 0 auto;
	width: 1030px;
}

.st-nav__item__child__nav__menu {
	display: flex;
	align-items: center;
	justify-content:flex-end;
	flex-wrap: wrap; 
}

.st-nav__item__child__nav__menu > {
	display: block;
}

.st-nav__item__child__nav__menu li {
	margin:0 2em;
	width: auto;
}

.st-nav__item__child__nav__menu li a {display:block;
	font-size: 1.5rem;
	letter-spacing: normal;
color:#fff;
}


/*子メニューのリストマーカーカスタマイズ */
.pc-arrow{
position: relative; 
display: inline-block;
padding: 0 0 0 30px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.pc-arrow::before,
.pc-arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

@media only screen and (min-width: 768px) {
.pc-arrow{padding-left:25px;}
.pc-arrow-link::before{
left: 3px;
width: 13px;
height: 1px;
background: #7a1b1b;
}
.pc-arrow-link::after{
left: 8px;
width: 6px;
height: 6px;
border-top: 1px solid #7a1b1b;
border-right: 1px solid #7a1b1b;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
}
/*子メニューのリストマーカーカスタマイズここまで */





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


.st-nav__item + .st-nav__item {
	margin: 0 0 0 40px;
}

.st-nav__item + .st-nav__item.st-nav__item--logo {
	margin: 0 0 0 40px;
}






@media only screen and (max-width: 767px) {

.st-nav {
	position: fixed; 
	top: 75px;
	left: 0;
	background: #f6f6f6;
	display: none;
	height: calc(100% - 75px);
	margin: 0;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	width: 100%;padding-left:0;padding-right:0;
}

.st-nav__menu {
	display: block;
	height: 100%;
width:100%;
}

.st-nav__item {

}

.st-nav__item + .st-nav__item {
	margin: 0;
}

.st-nav__item + .st-nav__item.st-nav__item--logo {
	margin: 0;
}








.st-nav__item--link{
	position: relative;
	border-bottom: solid 1px #ccc;
	font-size: 1.6rem;
	font-weight: 300;
	height: auto;
	padding: 15.5px 20px;
	pointer-events: auto;
}


.st-nav__item--link:hover span::before {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: right;
	transform-origin: right;
}



/* sp子メニューなしのメニュー項目 */
.st-header.is-fixed .st-nav__item--link2 {
	height: auto;
}

.st-nav__item--link2 {
	position: relative;
	border-bottom: solid 1px #ccc;
	font-size: 1.6rem;line-height:2;
	font-weight: 300;
	height: auto;
	padding: 7.5px 20px;
	pointer-events: auto;
	letter-spacing: 0.04em;
}

.st-nav__item--link2 span {
	position: relative;
	padding: 3px;
}

.st-nav__item--link2::after {
	position: absolute;
	top: 0;
	right: 22px;
	bottom: 0;
	border-right: solid 1px #f56f16;
	border-top: solid 1px #f56f16;
	content: '';
	height: 8px;
	margin: auto;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
}
.st-nav__item--link::after {
	position: absolute;
	top: 0;
	right: 22px;
	bottom: 0;
	border-right: solid 1px #f56f16;
	border-bottom: solid 1px #f56f16;
	content: '';
	height: 8px;
	margin: auto;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
}

.st-nav__item--link2:hover span::before {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}


/* ここまでシングルメニュー追加 */

.st-nav__item__child {background:#dfdfdf;
	position: relative;
	top: initial;
	-webkit-box-shadow: none;
	box-shadow: none;
    border:0;border-bottom:1px solid rgba(0, 0, 0,.1);
}

.st-nav__item__child--inner {
	display: block;
	padding: 0;
}


.st-nav__item__child__nav {
	margin: 0;
	width: 100%;
}

.st-nav__item__child__nav__menu {
	display: block;
}

.st-nav__item__child__nav__menu li {
	border-bottom: solid 1px #ccc;
	margin: 0;
	width: 100%;
}

.st-nav__item__child__nav__menu li a {
	display: block; 
color:#444;
	padding: 10.5px 0 10.5px 8px;;
}

.st-nav__item__child__nav__menu li a::after {
	position: absolute;
	top: 0;
	right: 22px;
	bottom: 0;
	border-right: solid 1px #666;
	border-top: solid 1px #666;
	content: '';
	height: 8px;
	margin: auto;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 8px;
}

/*SP ハンバーガー */

.st-header__burger {
	position: fixed;
	top: 0;
	right: 0;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	height: 65px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 65px;
	z-index: 110;
}

.st-header__burger > {
	display: block;
}

.st-header__burger.is-open .st-header__burger--btn span:nth-child(1) {
	-webkit-transform: translateY(9.5px) rotate(-45deg);
	transform: translateY(9.5px) rotate(-45deg);
}

.st-header__burger.is-open .st-header__burger--btn span:nth-child(2) {
	opacity: 0;
}

.st-header__burger.is-open .st-header__burger--btn span:nth-child(3) {
	-webkit-transform: translateY(-9.5px) rotate(45deg);
	transform: translateY(-9.5px) rotate(45deg);
}

.st-header__burger--btn {
	position: relative;
	height: 20px;
	outline: none;
	width: 28px;
}

.st-header__burger--btn span {
	position: absolute;
	left: 0;
	background: #000;
	display: inline-block;
	height: 1px;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	width: 100%;
}

.st-header__burger--btn span:nth-child(1) {
	top: 0;
}

.st-header__burger--btn span:nth-child(2) {
	top: 9px;
}

.st-header__burger--btn span:nth-child(3) {
	bottom: 0;
}

}