/* # =================================================================
#	ヘッダー
# ================================================================= */
header{background:rgba(255,255,255,1);}
.st-header {
display:block;
height:150px;
	top: 0;
	right: 0;
	left: 0;
	-webkit-box-shadow: 0 3px 5px -5px rgba(0, 0, 0,1);
	box-shadow: 0 3px 5px -5px rgba(0, 0, 0,1);
	margin: 0 auto;
	-webkit-transition: width 0.2s;
	transition: width 0.2s;
	width: 100%;
	will-change: width;
	z-index: 100;
}

.st-header__inner {
	position: relative;
	display: flex;
	align-items: flex-end;
	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:space-between;
	height: auto;
	padding: 0 10px;
	width: 1030px;
	margin: 0 auto; 

}

.header-parts_right{
	position: relative;
	display: flex;
	align-items: flex-end;
	justify-content:space-between;
	flex-wrap: wrap; 
	height: 100%;
	width:45%;
}
.header-btn_tel img{width:100%;margin-bottom:15px;}
.header-btn_oisogi,.header-btn_order{width:48%;font-size:1.6rem;line-height:2.4;font-weight:bold;}
.header-btn_oisogi a,.header-btn_order a{ display:block;text-align:center;color:#fff;border-radius:10px;border:2px solid;}
.header-btn_oisogi a{border-color :#c66;color :#c66;}
.header-btn_order a{border-color :#69c;color :#69c;}

.st-header__logo{width:30%;}
.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: 1030px;
}
}

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

.st-header {
	position: relative;
	top: 0;
	margin: 0 auto;
	width: 100%;height:auto;
}

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

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

.st-header__logo {

	width: 38%;
	height:65px;
	top: 0;
	left: 0;
	padding-left: 15px;
	display: flex;
	align-items: center;
	z-index:2;
}

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

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


.header-parts_right{width:100%;}
.header-btn_tel{display:none;}
.header-btn_oisogi,.header-btn_order{width:50%;}
.header-btn_oisogi{border-right:1px solid #fff;}
.header-btn_oisogi a,.header-btn_order a{ border-radius:0;border:0;border-bottom:1px solid #fff;}
.header-btn_oisogi a{background :#c66;color :#fff;}
.header-btn_order a{background :#69c;color :#fff;}

}





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

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

.st-nav__menu {
	display: flex; 
	align-items: center;
	justify-content:space-between;
}

.st-nav__menu > {
	display: block;
}



/*ここからコメントアウト
.st-nav__item + .st-nav__item {
	margin: 0 0 0 30px;
}

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

.st-nav__item--logo a {
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.st-nav__item--logo a:hover {
	opacity: 0.6;
}
ここまでコメントアウト*/

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





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

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


.st-nav__item--link {

	pointer-events: none;
	-webkit-transition: height 0.2s;
	transition: height 0.2s;
	color:#606060;
}

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

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

.st-nav__item--link span::before {/*子メニュー吹き出しの三角*/
	position: absolute;
	bottom:-5px;
	left: 30%;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #1d50a2 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:#606060;
}

.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: #e60039;
	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: 150px;
	left: 0;
	background: rgba(29,80,162,1);
	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;
	align-content: center;
	padding: 20px 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:center;
	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;
}

.nav_caret{color:#e60039;margin-left:3px;margin-right:0;}

/*子メニューのリストマーカーカスタマイズ */
.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: #e60039;
}
.pc-arrow-link::after{
left: 8px;
width: 6px;
height: 6px;
border-top: 1px solid #e60039;
border-right: 1px solid #e60039;
-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 {z-index:200;
	position: fixed;
	top: 0px;
	left: 0;
	background: #f6f6f6;
	display: none;
	height:100%;
	margin: 0;
	-webkit-overflow-scrolling: touch;
	overflow-y: auto;
	width: 100%;padding-left:0;padding-right:0;
}

.st-nav__menu {margin-top:60px;
	display: block;
	height: 100%;
}

.st-nav__item {
	background: #f6f6f6;
}

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

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

/*sp子メニューありのリスト*/

.st-nav__item--drop > a::before,
.st-nav__item--drop > a::after {
	background: #f60;
}

.st-nav__item--drop > a::before {
	position: absolute;
	top: 0;
	right: 20px;
	bottom: 0;
	content: '';
	display: block;
	height: 1px;
	margin: auto;
	width: 14px;
}

.st-nav__item--drop > a::after {
	right: 27px;
	border-right: 0;
	border-top: 0;
	height: 14px;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	width: 1px;
}

.st-nav__item--drop > a span::after {
	content: '';
}

.st-nav__item--drop > a.is-child-open::after {
	opacity: 0;
}

/*sp子メニューありのリストend*/

.st-nav__item--logo {
	padding: 20px 0;
	text-align: center;
}

.st-nav__item--logo a:hover {
	opacity: 1;
}

.st-nav__item:first-child.st-nav__item--drop > a span::after {
	content: none;
}

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


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

.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 #f60;
	border-top: solid 1px #f60;
	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);
	-webkit-transform-origin: right;
	transform-origin: right;
}


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

.st-nav__item__child {background:#dfdfdf;
	position: relative;
	top: initial;

	-webkit-box-shadow: none;
	box-shadow: none;
    border:1px solid rgba(0, 0, 0,.1);border-top:0;
}

.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:absolute;
top:0;
right:15px;
	-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: 210;
}

.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;
}

.st-header__burger.is-open{background:rgba(255,255,255,.5);border-radius:50%;}

}