@charset "utf-8";
/** nav.cssより下に記述されているのでこちらの記述が優先される。記述ルールはnav.cssと同じ **/

header#fixedformcontainer {
	background-color: #ffffff;
	height: 131px;
	position: static;
}
#nav {
	height: auto;
	/** margin-top: -50px; 220525**/
	/** justify-content: space-between; ボタンを下に移動するレイアウトで使う230614**/
}
#nav .logo-pc {
	flex-direction: column;
	height: auto;
	overflow: visible;
	width: 230px;/** 221202 **/
}
#nav .logo-pc div {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	overflow: visible;
	margin-bottom: 10px;
}
#nav .logo-pc h2 {
	display: inline;
	font-size: 10px;
	width: 100%;
}
#nav .logo-pc p {
	font-size: 0.7rem;
}
/** #nav ul.special {
	margin: 44px 7.5% 10px 0;
}
#nav ul.special {
	width: calc(92.5% - 230px);
	height: 3rem;
	order: 3;
	padding-left: 7.5%;
	align-items: center;
	background-color: rgba(118,124,107,0.15);
	border-top: solid 1px rgba(118,124,107,0.30);
	border-bottom: solid 1px rgba(118,124,107,0.30);
}
#nav ul.special li {
	color: rgba(0,0,0,0.70);
	background-color: rgba(255,255,255,0.90);
	padding: 0 0.4em;
	border-radius: 1em;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.20);
} ボタンを下に移動するレイアウトで使う230614**/
#nav .banner {
	/** width: 15%; **/
	width: 40%;
	margin: 0;
	order: 2;
}
#nav .formcontainer {
	position: absolute;
	right: 0;
	top: 40px;
	margin: 6px 7.5% 0 0;
}
/** #nav .formcontainer {
	height: 3.1rem;
	width: 100%;
	display: flex;
	align-items: center;
	margin: 0;
	background-color: rgba(118,124,107,0.15);
	border-top: solid 1px rgba(118,124,107,0.30);
	border-bottom: solid 1px rgba(118,124,107,0.30);
	padding-right: 7.5%;
}
#nav .formcontainer form {
	width: auto;
} ボタンを下に移動するレイアウトで使う230614**/
#nav .nav {
	background-color: #FFFFFF;
	border-bottom: none;
	height: 100px;
}
#nav .nav ul {
	background-color: #FFFFFF;
	border-bottom: none;
	height: 100px;
}
#nav .nav ul .menu-item-has-children {
	height: 100px;
	line-height: initial;
	background-color: transparent;
}
#nav .nav ul .menu-item-has-children:hover {
	background-color: rgba(234,229,218,1.00);
}
#nav .nav ul .menu-item-has-children img {
	display: block;
}
#nav .nav ul .menu-item-has-children h4 {
	color: #000000;
	font-size: 1rem;
	font-family: source-han-sans-cjk-ja,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-weight: normal;
	font-feature-settings: "palt";
	text-shadow: none;
}
#nav .nav ul .menu-item-has-children > a > p {
	display: inline;
}
#nav .nav ul .menu-item-has-children .sub-menu {
	top: 100px;
	background-color: rgba(234,229,218,0.75);
}

@media screen and (min-width:768px) and (max-width: 1280px) {
	#nav .logo-pc h2 {
		display: none;
	}
	#nav .nav {
		width: 100vw;
		padding: 0;
	}
}
@media screen and (max-width: 768px) {
	header#fixedformcontainer {
		position: fixed;
		height: 100px;
	}
	header#fixedformcontainer .formcontainer-sptop {
		display: inline;
		order: 3;
		margin: 0 0 0 1vw;
		padding: 0;
		align-self: center;
	}
	.logo-sp {
		height: auto;
		width: 40%;
	}
	.logo-sp img {
		max-height: 2.8rem;
	}
	#nav ul.special {
		height: auto;
		background-color: transparent;
		border: none;
		width: 100%;
		margin: 0;
	}
	#nav .banner {
		margin-top: 0;
		width: 100%;
	}
	#menu_btn {
		top: 0;
	}
	#nav {
		top: 46px;
		height: calc(100% - 46px) /** 220524これがあるとなぜかメニューが下まで行かない**/
	}
	#nav .nav {
		height: auto;
		background-color: transparent;
	}
	#nav .nav ul {
		height: auto;
		background-color: transparent;
	}
	#nav .nav ul .menu-item-has-children {
		height: auto;
	}
	#nav .nav ul .menu-item-has-children:hover {
		background-color: transparent;
	}
	#nav .nav ul .menu-item-has-children img {
		display: none;
	}
	#nav .nav ul .menu-item-has-children h4 {
		color: rgba(173,52,65,1.00);/** トップページの燕脂色 **/
		font-size: 1rem;
		font-weight: normal;
		text-shadow: initial;
		margin: 0;
		padding: 0;
	}
	#nav .nav ul .menu-item-has-children > a > p {
		display: none;
	}
	#nav .nav ul .menu-item-has-children .sub-menu {
		background-color: transparent;
	}
	#nav .formcontainer {
		display: none;
	}
	header#fixedformcontainer .formcontainer-sptop form .search_txt, #nav .formcontainer form .search_txt {
		width: 96%;
	}
}