@charset "utf-8";

header#fixedformcontainer {
	top: 0;
  	position: fixed;
	display: flex;
	flex-wrap: wrap;
	z-index: 12000;
	width: 100vw;
	height: 60px;
	margin: 0;
	background-color: rgba(251,250,240,1.00);
  	transition: 1s;
}
/** header#fixedformcontainer > a {
	width: 6%;
	height: 27px;
	order: 1;
	background:#ad3441;
	padding: 0 4px;
	line-height: 22px;
}
header#fixedformcontainer > a > img {
	width:16px;
	height: auto;
}
header#fixedformcontainer > .shipfree {
	width: 63%;
	background:#ad3441;
	text-align:center;
	font-size:0.8rem;
	color:#fff;
	line-height:27px;
	height:27px;
	order: 2;
	border-bottom-right-radius: 27px;
}
header#fixedformcontainer > .shipfree span{
	font-size:1rem;
} 送料無料表示はいらない220526**/

header#fixedformcontainer > ul.headnavi {
	width: 336px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	top: 0;
	right: 7.5%;
	margin: 0.4rem 0 0;
	box-sizing: border-box;
	font-size:1rem;
	order: 4;
	z-index: 1000;
}
header#fixedformcontainer > ul.headnavi > li img {
	width: 100%;
	max-width: 32px;
	max-height: 32px;
}
header#fixedformcontainer > ul.headnavi > li img.rakuten-logo {
	width: 18px;
	height: auto;
	vertical-align: bottom;
}
header#fixedformcontainer > ul.headnavi > li > a > p {
	display: none;
}
#nav {
	width: 100vw;
	min-width: 768px;
	height: 60px;
	position: relative;
	display: flex;
	flex-wrap:wrap;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
	order: 5;
}
/** ロゴ **/
#nav .logo-pc {
	order: 1;
	display: flex;
	/** flex-direction: column; 230411**/
	justify-content: center;
	align-items: center;
	width: 10%;
	height: 60px;
	margin: 0 0 0 7.5%;
	padding: 0;
}
.logo-sp,
#nav .logo-pc h2 {
	display: none;
}
#nav h1 {
	width: 100%;
	margin: 0;
	height: 0;
}
#nav > .logo-pc a > img {
	max-width: 100%;
	/** height: 38px; 230411**/
}
/** 特集ページ **/
#nav ul.special {
	/** width: calc(85% - 700px); 221206**/
	width: 30%;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	margin: 0;
	padding: 0;
	order: 2;
}
#nav ul.special li {
	font-size: 0.7rem;
	/** color: rgba(173,52,65,1.00); 221020**/
	color: rgba(0,0,0,0.75);
	/** border: solid 1px rgba(173,52,65,1.00);
	border-radius: 15px; **/
	text-align: center;
	line-height: 1.4em;
	margin: 0 0.4rem;
	text-decoration: none;
}
#nav ul.special a li:hover {
	/** background-color: rgba(173,52,65,1.00);
	color: rgba(251,250,240,1.00);
	border-bottom: solid 1px rgba(173,52,65,1.00); **/
	text-decoration: underline;
}
#nav ul.special li::before {
  content: "#";
}
/** バナー　**/
#nav .banner {
	width: 19%;
	order: 3;
	margin: 0;
	display: flex;
	justify-content: flex-start;
}
#nav .banner a {
	margin: 0;
	max-width: 40%;
}
#nav .banner img {
	width: 100%;
	height: auto;
	text-align: center;
}
#nav .headnavi {
	order: 5;
	padding-left: 0;
	margin: 0 0 0 auto;
}
#nav .headnavi li {
	width: 32px;
	list-style: none;
}
#nav .headnavi li img {
	width: 100%;
}
/** サイト内検索 **/
#nav .formcontainer {
	order: 6;
	width: auto;
	max-width: 230px;
	/** margin: 0px 7.5% 10px auto; 220525**/
	/** margin: 23px 7.5% 0 auto; **/
	/** margin: 6px 7.5% 0 auto; 230410**/
	margin: 6px 0 0 7.5%; /** 2306210**/
	padding:0;
	width:210px;
	height: 28px;
	box-sizing: border-box;
	z-index: 20000;
}
header#fixedformcontainer .formcontainer-sptop form,
#nav .formcontainer form {
	/** float: right; **/
	display: flex;
	align-items:center;
	vertical-align: middle;
	background:#fff;
	/** width:96%; **/
	width: 102%;/** 96%だと楽天トップページで検索窓が小さくなる **/
	height:auto;
	padding: 0 0 0 11px;
	margin:0;
	border:1px solid #cbcbcb;
	border-radius:1rem;
}
header#fixedformcontainer .formcontainer-sptop form .search_txt,
#nav .formcontainer form .search_txt{
	width:180px;
	height:26px;
	outline:0;
	line-height:100%;
	font-size:1rem;
	margin:0;
	padding:0 0 0 11px;
	box-sizing: border-box;
	/** color:#383838; 220125**/
	color: #000000;
	border:none;
	background:none;
	background-color: transparent;
}
header#fixedformcontainer .formcontainer-sptop form .search_btn,
#nav .formcontainer form .search_btn {
	width: 32px;
	margin-left: 2%;
	margin:0 7px 0 0;
	padding:0;
	width:13px;
	height:13px;
	outline:0;
}
header#fixedformcontainer .formcontainer-sptop form .search_btn_text,
#nav .formcontainer form .search_btn_text {
	width: auto;
}
header#fixedformcontainer .formcontainer-sptop :placeholder-shown,
#nav .formcontainer :placeholder-shown {
    color: #bbbbbb;
	height: 30px;
	/** width: 175px; 221020最初は入っていなかったが入れないと特集ページの検索ボタンが左に寄ってしまう**/
	width: 260px; /** 221213yahooショッピングトップページで虫眼鏡が中の方にきてしまう **/
	border: none;
	background-color: transparent;
}
header#fixedformcontainer .formcontainer-sptop ::-webkit-input-placeholder,
#nav .formcontainer ::-webkit-input-placeholder {
    color: #bbbbbb;
}
header#fixedformcontainer .formcontainer-sptop :-moz-placeholder,
#nav .formcontainer :-moz-placeholder {
    color: #bbbbbb; opacity: 1;
}
header#fixedformcontainer .formcontainer-sptop ::-moz-placeholder,
#nav .formcontainer ::-moz-placeholder {
    color: #bbbbbb; opacity: 1;
}
header#fixedformcontainer .formcontainer-sptop :-ms-input-placeholder,
#nav .formcontainer :-ms-input-placeholder {
    color: #bbbbbb;
}
header#fixedformcontainer .formcontainer-sptop form .search_btn,
#nav .formcontainer form .search_btn{
}
.search_btn_text {
	width: 5rem;
}
header#fixedformcontainer .formcontainer-sptop form .search_btn:hover,
#nav .formcontainer form .search_btn:hover{
	Filter: Alpha(Opacity=85);opacity:.85;
}
header#fixedformcontainer .formcontainer-sptop {
	display: none;
		position:relative;
		width: calc(92% - 50px);
		background:#fff;
		margin: 0.4vw auto 0 4vw;
}
/** サイト内検索（以前のもの）**/
 #headerbuttoncontainer .headsearch{
}

.headsearch form{
}
.headsearch form .searchbox_input_side {
	border: solid 1px rgba(0,0,0,0.50);/** 入れないと検索窓にテキスト入れて出るとau PAYマーケットで枠線なくなる220315 **/
}
/** 赤いメニュー（親ボタン） **/

#nav .nav {/** 赤い帯 **/
	order: 7;
	display: flex;
	width: 100vw;
	height: 30px;
	padding-left: 7.5%;
	padding-right: 7.5%;
	background-color: rgba(173,52,65,1.00);
	border-bottom: solid 2px rgba(0,0,0,0.50);
}
/** #nav .rakutenlinkcontainer {
	width: 16px;
	height: 15px;
}
#nav .rakutenlinkcontainer img {
	width: 100%;
} **/
#nav .inredlinebutton {
	height: 60%;
	align-self: center;
}
#nav .inredlinebutton img {
	height: 100%;
	opacity: 0.9;
}
#nav .nav ul {
	/** min-width:990px;
	max-width: 1215px; **/
	width: 100%;
	height: 30px;
	/** background:#e3dccd; **/
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 0 4rem 0;
	padding: 0;
	list-style: none;
	position: relative;
	z-index: 11000;
}
#nav .nav ul .menu-item-has-children {
	/** height:115px; 211221**/
	/** max-width: 135px;
	min-width: 110px; **/
	width: 8.5%;
	height: 30px; /** 高さ指定しないとプルダウンしたメニューに行こうとするとメニュー隠れる211222 **/
	/** box-sizing: border-box; 211222**/
	text-align: center;
	line-height: 30px;
	border-left: solid 1px rgba(255,255,255,0.50);
	margin: 0;
	padding:0;
	list-style: none;
	box-sizing: border-box;
}
#nav .nav ul .menu-item-has-children img{
	max-width: 32px;
	max-height: 32px;
	margin: 0 auto;
	display: none;
}
#nav .nav ul .menu-item-has-children h4 {
	font-size: 0.9rem;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.50);
	font-weight: normal;
	margin: 0;
	padding: 0;
}
#nav .nav ul .menu-item-has-children > a > p {
	font-size: 0.6vw;
	font-family: din-2014, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: rgba(199,189,166,1.00);
	margin: 0;
	padding: 0;
	display: none;
}
#nav .nav ul .menu-item-has-children:last-child {
	border-right: solid 1px rgba(255,255,255,0.50);
}
#nav .nav ul .menu-item-has-children:hover {
	
}
#nav .nav ul .menu-item-has-children li {
	font-feature-settings: "palt";
}
#nav .nav ul .menu-item-has-children a.bigmenu{
	color: #ffffff;
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	font-weight: bold;
	display: flex;
	flex-direction: column;
	justify-content: center;.mini
	box-sizing: border-box;
	text-decoration: none;
}
#nav .nav ul .menu-item-has-children span.mini {
	font-size: 0.9em;
}
#nav .nav ul .menu-item-has-children .sub-menu {
	font-size: 0.8rem;
	/** width:auto; widthは個々に設定する220509**/
	height: auto;
	position:absolute;
	/** top:115px;211221 **/
	top:30px;/** 211221 **/
	transform: scaleY(0);/** display: none の代わりに高さを0にする **/
	transform-origin: center top;
	transition: all .5s;
	z-index:60; 
	margin:0 auto;
	/** padding:20px 10px; **/
	box-sizing: border-box;
	background-color: rgba(251,250,240,1.00);/** 211221 **/
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
#nav .nav .headcat1:hover .sub-menu{
	display:block;
	width:200px;
	left: 7.5%;
	transform: scaleY(1);	
}
#nav .nav .headcat1 .sub-menu .middleli {
	background: url("../media/megamark.png") 160px/** 親メニューwidth-40 **/ 0 no-repeat;
}
#nav .nav .headcat1 .sub-menu .middleli:hover{
	background: url(../media/megamark.png) 160px/** 親メニューwidth-40 **/ 0 no-repeat #e3dccd;
}
#nav .nav .headcat1 .sub-menu .middleli .minimenuul {
	width: 220px;
	left: 156px;
	/** left: 176px; **//** 親メニューwidth-24 **/
	right: auto;
}
#nav .nav .headcat2:hover .sub-menu{
	display:block;
	width:220px;
	left:16%;
	transform: scaleY(1);
}/** 孫メニューなし **/
#nav .nav .headcat3:hover .sub-menu{
	display:block;
	width:220px;
	left:24.5%;
	transform: scaleY(1);
}/** 孫メニューなし **/
#nav .nav .headcat4:hover .sub-menu{
	display:block;
	width:200px;
	left:33%;
	transform: scaleY(1);
}
#nav .nav .headcat4 .sub-menu .middleli {
	background: url("../media/megamark.png") 160px/** 親メニューwidth-40 **/ 0 no-repeat;
}
#nav .nav .headcat4 .sub-menu .middleli:hover{
	background: url(../media/megamark.png) 160px/** 親メニューwidth-40 **/ 0 no-repeat #e3dccd;
}
#nav .nav .headcat4 .sub-menu .middleli .minimenuul {
	width: 220px;
	left: 156px;
	/** left: 176px; **//** 親メニューwidth-24 **/
	right: auto;
}
#nav .nav .headcat5:hover .sub-menu{
	display:block;
	width:160px;
	left:41.5%;
	transform: scaleY(1);
}
#nav .nav .headcat5 .sub-menu .middleli {
	background: url("../media/megamark.png") 120px/** 親メニューwidth-40 **/ 0 no-repeat;
}
#nav .nav .headcat5 .sub-menu .middleli:hover{
	background: url(../media/megamark.png) 120px/** 親メニューwidth-40 **/ 0 no-repeat #e3dccd;
}
#nav .nav .headcat5 .sub-menu .middleli .minimenuul {
	width: 220px;
	left: 116px;
	/** left: 136px; **//** 親メニューwidth-24 **/
	right: auto;
}
#nav .nav .headcat6:hover .sub-menu{
	display:block;
	width:240px;
	left:50%;
	transform: scaleY(1);
}
#nav .nav .headcat6 .sub-menu .middleli {
	background: url("../media/megamark.png") 200px/** 親メニューwidth-40 **/ 0 no-repeat;
}
#nav .nav .headcat6 .sub-menu .middleli:hover{
	background: url(../media/megamark.png) 200px/** 親メニューwidth-40 **/ 0 no-repeat #e3dccd;
}
#nav .nav .headcat6 .sub-menu .middleli .minimenuul {
	width: 220px;
	left: 196px;
	/** left: 216px; **//** 親メニューwidth-24 **/
	right: auto;
}
#nav .nav .headcat7:hover .sub-menu{
	display:block;
	width:240px;
	left:58.5%;
	transform: scaleY(1);
}
#nav .nav .headcat7 .sub-menu .middleli {
	background: url("../media/megamark.png") 200px/** 親メニューwidth-40 **/ 0 no-repeat;
}
#nav .nav .headcat7 .sub-menu .middleli:hover{
	background: url(../media/megamark.png) 200px/** 親メニューwidth-40 **/ 0 no-repeat #e3dccd;
}
#nav .nav .headcat7 .sub-menu .middleli .minimenuul {
	width: 180px;
	left: 196px;
	/** left: 216px; **//** 親メニューwidth-24 **/
	right: auto;
}
#nav .nav .headcat8:hover .sub-menu{
	display:block;
	width:200px;
	left:67%;
	transform: scaleY(1);
}/** 孫メニューなし **/
#nav .nav .headcat9:hover .sub-menu{
	display:block;
	width:160px;
	right:16%;
	transform: scaleY(1);
}
#nav .nav .headcat9 .sub-menu .middleli {
	background: url("../media/megamark.png") 120px/** 親メニューwidth-40 **/ 0 no-repeat;
}
#nav .nav .headcat9 .sub-menu .middleli:hover{
	background: url(../media/megamark.png) 120px/** 親メニューwidth-40 **/ 0 no-repeat #e3dccd;
}
#nav .nav .headcat9 .sub-menu .middleli .minimenuul {
	width: 180px;
	left: auto;
	right: 136px;/** 親メニューwidth-24 **/
}
#nav .nav .headcat10:hover .sub-menu{
	display:block;
	width:220px;
	right:7.5%;
	transform: scaleY(1);
}
#nav .nav .headcat10 .sub-menu .middleli {
	background: url("../media/megamark.png") 180px/** 親メニューwidth-40 **/ 0 no-repeat;
}
#nav .nav .headcat10 .sub-menu .middleli:hover{
	background: url(../media/megamark.png) 180px/** 親メニューwidth-40 **/ 0 no-repeat #e3dccd;
}
#nav .nav .headcat10 .sub-menu .middleli .minimenuul {
	width: 200px;
	left: auto;
	right: 196px;/** 親メニューwidth-24 **/
}
#nav .nav ul .menu-item-has-children .sub-menu li {
	list-style: none;
	text-align: left;
	/** padding: 0 0 0 10px; これ入れると子メニューマウスオーバーではみ出る220509**/
	padding: 0;
	height: 30px;
	width: 100%;
	line-height: 30px;
}
#nav .nav .headcat9 .sub-menu li,
#nav .nav .headcat10 .sub-menu li {
	padding: 0 0 0 0;
}
#nav .nav ul .menu-item-has-children .sub-menu .middleli{
	text-align:left;
	margin: 0;
	/** padding:0 0 0 10px; 220510**/
	list-style: none;
	box-sizing: border-box;
	/** width:265px; **/
	width:100%;
	/** line-height:32px; 220510**/
	text-align:left;
	list-style: none;
	box-sizing: border-box;
	position: relative;
}
#nav .nav .headcat9 .sub-menu li,
#nav .nav .headcat9 .sub-menu .middleli,
#nav .nav .headcat10 .sub-menu li,
#nav .nav .headcat10 .sub-menu .middleli {
	/** width: 265px; 220509**/
	margin: 0 0 0 auto;
}
#nav .nav .headcat9 .sub-menu .middleli,
#nav .nav .headcat10 .sub-menu .middleli {
	background: url("../media/megamark-l.png") 249px 0 no-repeat;
	background-position: top left;
}
#nav .nav ul .menu-item-has-children .sub-menu li a,
#nav .nav ul .menu-item-has-children .sub-menu .middleli a{
	display:block;
	width:100%;
	box-sizing: border-box;
	padding: 0 1rem;
	color:#393939;
	text-decoration: none;
	/** text-align: left; 220501**/
	font-weight: normal;
	list-style: none;
}
#nav .nav ul .menu-item-has-children .sub-menu .middleli:hover{
	background:#e3dccd;
	width: 100%;
	height: 32px;
	/** line-height: 32px; 220510**/
}
#nav .nav ul .menu-item-has-children .sub-menu li:hover {
	background:#e3dccd;
	height: 32px;
	/** line-height: 32px; 220510**/
}

#nav .nav ul .menu-item-has-children .sub-menu .middleli a{
	position:relative;
	display:block;
	font-weight: normal;
	width:100%;
	height:30px;
	line-height: 30px;
	box-sizing: border-box;
	/** font-size:1rem; 220428 入っていたけれどもスマホで孫メニューの文字の大きさが大きくなってしまうので **/
	color:#393939;
	text-decoration: none;
}
#nav .nav ul .menu-item-has-children .sub-menu .middleli .minimenuul > li:hover{
	height: 32px;
	background:#dad2c1;
}

#nav .nav ul .menu-item-has-children .sub-menu .middleli .minimenuul {
	position:absolute;
	/** width:calc(100% - 265px); なぜかこの数値だと孫メニュー出ない、背景色なし **/
	/** width: 60%; 各自で　220509**/
	/** height:380px; 途中までのメニューになってしまうところもあるので下記に220501**/
	height: auto;/** 100%にすると親メニュー内でしか展開できない220509**/
	top:0;
	/** left:265px; 各自で220509**/
	display:none; /** 一時的に孫メニューを展開するときに**/
	z-index:30000;
	margin:0 auto;
	padding:20px 10px;
	box-sizing: border-box;
	background:#eae5da;
}
/**.minimenuul { 多分下記で良いと思う220429**/
#nav .nav ul .menu-item-has-children .sub-menu li.middleli:hover .minimenuul {
	display:block;
}

#nav .nav ul .menu-item-has-children .sub-menu .middleli .minimenuul > li{
	width: auto;
	height: 32px;
	/** line-height:32px; 220510**/
	text-align:left;
	font-size:14px;
	/** padding:0 0 0 50px; **/
	padding: 0;
	list-style: none;
	box-sizing: border-box;
}

#nav .nav ul .menu-item-has-children .sub-menu .middleli .minimenuul > li a{
	position:relative;
	display:inline-block;/** blockだったがblockだとスマホ表示時に点線が両端まで伸びない 220501**/
	width:100%;
	height:100%;
	box-sizing: border-box;
	color:#393939;
	text-decoration: none;
}
#nav .nav ul .menu-item-has-children .sub-menu .middleli .minimenuul > li:hover{
	background:#dad2c1;
}
#nav .nav ul .menu-item-has-children .sub-menu .middleli .minimenuul ul {/** 孫メニュー **/
	display: none;
}
@media screen and (min-width:768px) and (max-width: 1280px) {
	#nav {
	}
	#nav .logo-pc {
		margin: 0;
	}
	header#fixedformcontainer > ul.headnavi {
		right: 0;
	}
	#nav .formcontainer {
		margin: 6px 20px 0 0;
	}
	#nav .logo-pc h2 {
		display: none;
	}
	#nav > h3 .logo {
		width: 100%;
	}
	#nav .banner {
		width: 120px;
	}
	#nav .banner a {
		margin: 0 auto;
		width: 60%;
	}
	#nav .banner img {
		width: 100%;
	}
	#nav form {
		width: 231px;
	}
	/** .search_btn {
		width: 16px;
	} 220318**/
	section {
		width: 100%;
		margin: 0 auto;
	}
	.displayshelf a {
		margin: 20px;
	}
}
@media screen and (max-width: 768px) {
	header#fixedformcontainer {
		width: 100vw;
		height: 3rem;
		top: 0;
  		position: fixed;
		display: flex;
		z-index: 12000;
		background-color: rgba(251,250,240,1.00);
		/** display: inline; 220520なぜあるのかわからない**/
	}
	/** header#fixedformcontainer > a {
		width: 3vw;
	}
	header#fixedformcontainer > .shipfree {
		width: 94vw;
		font-size: 0.7rem;
		border-bottom-right-radius: 0;
	}
	header#fixedformcontainer > .shipfree span {
		font-size: 0.9rem;
	} 送料無料表示はいらない220526**/
	header#fixedformcontainer h3 {
		margin: 0 10vw;
		line-height: 3rem;
		text-align: left;
	}
	header#fixedformcontainer .logo {
		height: 2.6rem;
	}
	header#fixedformcontainer > ul.headnavi {
		order: 6;
		position: static;
		margin: 0 0 0 auto;
		width: auto;
	}
	header#fixedformcontainer > ul.headnavi > li > a > p {
		font-size: 8px;
		font-feature-settings: "palt";
		color: rgba(0,0,0,0.75);
		width: 100%;
		display: block;
		margin: 0;
		padding: 0;
	}
	#nav {
		width: 100vw;
		min-width: 768px;
		height: 60px;
		display: flex;
		flex-wrap:wrap;
		justify-content: space-between;
		align-items: center;
		margin: 0;
		padding: 0;
	}
	/** ロゴ **/
	#nav .logo-pc {
		display: none;
	}
	.logo-sp {
		width: 50%;
		height: 100%;
		/** position: absolute;
		top: 0.2rem;
		left: 0.4rem; 220520**/
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: center;
		order: 5;
	}
	.logo-sp h1{
		font-size: 1rem;
		margin:0;
		padding:0;
	}
	.logo-sp h2 {
		display: none;
	}
	.logo-sp h1 a {
		margin: 0;
		padding: 0;
	}
	.logo-sp img {
		max-width: 100%;
		max-height: 2.8rem;
		margin: 0.1rem 0;
		display: inline;
	}
	.logo-sp p {
		/** font-size: 0.6rem; 楽天はこれでよいがYahooショッピング店は文字が多くて**/
		font-size: 8px;
		text-align: center;
	}
	/** 特集ページ **/
	#nav ul.special {
		width: 100%;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		margin: 1vw auto;
		padding: 0;
		order: 2;
	}
	#nav ul.special > a {
		margin: 0;
		padding: 0;
	}
	#nav ul.special li {
		margin: 0.2rem 0;
		font-size: 0.8rem;
		height: auto;
		line-height: 1.2rem;
		text-align: center;
		padding: 0 6px;
	}
	#nav ul.special > a {
		margin: 0;
		padding: 0;
	}
	#nav ul.special li::before {
		content: "#";
	}
	/** バナー **/
	#nav .banner {
		width: 100%;
		margin: 0 auto;
		order: 4;
	}
	/** サイト内検索 **/
	#nav .formcontainer {
		width: 94%;
		max-width: initial;
		height: auto;
		order: 3;
		margin: 0 auto;
	}
	#nav .formcontainer form {
		margin: 1rem 0;
	}
	#nav .formcontainer form input[type="text"] {
		width: 88%;
	}
	header#fixedformcontainer .formcontainer-sptop form .search_txt,
	#nav .formcontainer form .search_txt {
		height: 30px;
	}
	#nav .formcontainer .search_btn {
		vertical-align: middle;
	}
	/** ハンバーガーメニュー **/
	#menu_btn {
		top: 0;
		right: 0;
		transition: .3s;
		cursor: pointer;
		position: fixed;
		z-index: 30000;
		width: 3rem;
		height: 3rem;
		display: flex;
		align-items: center;
		justify-content: center;
		background-color: rgba(251,250,240,1.00);
 	}
  .menu-trigger {
    width: 18px;
    height: 16px;
    position: relative;
  }
  .menu-trigger span {
    display: inline-block;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    width: 100%;
    height: 1px;
	background-color: rgba(173,52,65,1.00);/** トップページの燕脂 **/
    transition: all .5s;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }
  .menu-trigger span:nth-of-type(2) {
    width: 70%;
    top: 7px;
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }
  #menu_btn.active .menu-trigger span:nth-of-type(1) {
    transform: translateY(7px) rotate(-45deg);
  }
  #menu_btn.active .menu-trigger span:nth-of-type(2) {
    opacity: 0;
  }
  #menu_btn.active .menu-trigger span:nth-of-type(3) {
    transform: translateY(-7px) rotate(45deg);
  }
	/** 赤いメニュー（親ボタン） **/
  #nav {
    width: 100vw;
	  min-width: auto;
    height: calc( 100% - 3rem );
	  /** margin-top: 48px; これ入れるとメニュー内スクロールできない**/
    /** padding: 90px 0; 211222**/
	background-color: rgba(251,250,240,1.00);
	  display: flex;
	  flex-wrap: wrap;
	  align-content: flex-start;
    position: fixed;
	overflow: auto;/** これがautoでないと項目を展開して一画面で表示できない時にスクロールできない **/
    /** top: 0; 211223**/
	top: 3rem;
    right: 0;
    z-index: 20000;
    transform: translate(100vw);
    transition: all .5s;
  }
  #nav.open {
    transform: translateZ(0);
  }
	#nav .nav {
		width: 100vw;
		margin: 0.4rem 0;
		padding: 0;
		display: inline;
		background-color: transparent;
		border-bottom: none;
		list-style: none;
	}
	#nav .nav a {
		color: rgba(173,52,65,1.00) !important;/** トップページの燕脂色 **/
		font-weight: normal !important;
	}
	#nav .inredlinebutton {
		display: none;
	}
	#nav .nav > ul {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		align-content: flex-start;
		margin-bottom: 2rem;
		border-top: dotted 1px rgba(173,52,65,1.00);
		order: 5;
	}
	#nav .nav ul .menu-item-has-children {
		/** width: auto; 220607**/
		width: 100vw;
		height: auto;
		padding: 0 0 0 10px;
		text-align: left;
		line-height: normal;
		border-left: none;
		font-size: 0.8rem;
		padding: 0;
		align-self: baseline;
	}
	/** #nav .nav ul .menu-item-has-children:nth-child(2n+1) {
		border-right: dotted 1px rgba(173,52,65,1.00);
	} 2列にするときに必要**/
	/** #nav .nav ul .menu-item-has-children:last-child {
		border-right: none;
		padding-bottom: 32px;
	} 220607**/
	#nav .nav ul .menu-item-has-children:hover {
		background: initial;
	}
	#nav .nav ul .menu-item-has-children a.bigmenu {
		color: rgba(173,52,65,1.00);/** トップページの燕脂色 **/
		padding: 6px 20px;
		height: auto;
		width: auto;
	}
  #nav .nav li a {
		display: block;
		color: rgba(173,52,65,1.00);/** トップページの燕脂 **/
		position: relative;
		padding: 6px 20px;
		border-bottom: dotted 1px rgba(173,52,65,1.00);
		text-align: left;
  }
	#nav .sub-menu > .middleli > .minimenuul > li a:before {
		content: "└";
		padding-right: 4px;
	}
  /** #nav .nav > .menu-item-has-children:first-child {
	  border-top: dotted 1px rgba(173,52,65,1.00);
  } 220607**/
	#nav .nav ul .menu-item-has-children img {
		margin: 0 auto 0 0;
	}
	#nav .nav ul .menu-item-has-children h4{
		font-size: 1rem;
		font-weight: normal;
		text-shadow: initial;
		margin: 0;
		padding: 0;
	}
	#nav .nav ul .menu-item-has-children > a:after,
	#nav .nav ul .menu-item-has-children > a:before {
		display: block;
		content: "";
		position: absolute;
		top: 0; 
		right: 0;
		bottom: 0;
		right: 20px;
		margin: auto;
		width: 10px;
		height: 1px;
		background-color: rgba(173,52,65,1.00);/** トップページの燕脂 **/
		transition: .2s;
	}
	#nav .nav ul .menu-item-has-children > a:after {
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
	}
	#nav .nav ul .menu-item-has-children > a.open:before{
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
	}
	#nav .nav ul .menu-item-has-children > a.open:after{
		content: none;
		/** background: transparent; 220429**/
	}
	/** #nav .nav ul .menu-item-has-children .sub-menu {
		display: none;
	} 220429なぜあるのかわからない**/
	#nav .nav ul .menu-item-has-children .sub-menu li,
	#nav .nav ul .menu-item-has-children .sub-menu .middleli {
		height: auto;/** autoにしておかないと展開する前のメニューと重なる　**/
		width: 100%;
		line-height: 32px;
		padding: 0;
		background: initial;
	}
	#nav .nav ul .menu-item-has-children .sub-menu li:hover {
		background: none;
	}
	/** #nav .nav ul .menu-item-has-children .sub-menu li a,
	#nav .nav ul .menu-item-has-children .sub-menu .middleli a {
		height: auto;
		line-height: initial;
	} 220425**/
	#nav .nav ul .menu-item-has-children .sub-menu li a {
		color: rgba(173,52,65,1.00);
		padding: 0 20px;
	}
	#nav .nav ul .menu-item-has-children .sub-menu .middleli:hover {
		background: initial;
	}
	#nav .nav ul .menu-item-has-children .sub-menu .middleli:hover,
	#nav .nav ul .menu-item-has-children .sub-menu .middleli .minimenuul {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		position: static;
		display: inline;
		content: none;
		/** background:#eae5da; 220503**/
		background: none;
		/** display: initial;
		width: initial;
		height: initial;#nav .nav ul .menu-item-has-children h4
		background: initial; 220429**/
	}
	#nav .nav ul .menu-item-has-children .sub-menu .middleli .minimenuul > li {
		padding: 0;
		height: auto;
	}
	#nav .nav ul .menu-item-has-children .sub-menu .middleli .minimenuul > li a {
		width: 100%;/** 意味ない？220502**/
		height: auto;
	}
	#nav .nav ul .menu-item-has-children .sub-menu .middleli .minimenuul > li:hover {
		height: auto;
		background: none;
	}
	#nav .nav ul .menu-item-has-children .sub-menu .middleli .minimenuul ul {/** 孫メニュー **/
		width: 90%;
		display: inline-block;
		margin: 0;
		margin-left: 10%;
	}
	#nav .nav ul .menu-item-has-children:hover .megamenuwrap {
		display: none;
	}
	#nav .nav .headcat1:hover .sub-menu{
		width: 100%;
		left: initial;
		display:none;
	}
	#nav .nav .headcat2:hover .sub-menu{
		width: 100%;
		left: initial;
		display:none;
	}
	#nav .nav .headcat3:hover .sub-menu{
		width: 100%;
		left: initial;
		display:none;
	}
	#nav .nav .headcat4:hover .sub-menu{
		width: 100%;
		left: initial;
		display:none;
	}
	#nav .nav .headcat5:hover .sub-menu{
		width: 100%;
		left: initial;
		display:none;
	}
	#nav .nav .headcat6:hover .sub-menu{
		width: 100%;
		left: initial;
		display:none;
	}
	#nav .nav .headcat7:hover .sub-menu{
		width: 100%;
		left: initial;
		display:none;
	}
	#nav .nav .headcat8:hover .sub-menu{
		width: 100%;
		left: initial;
		display:none;
	}
	#nav .nav .headcat9:hover .sub-menu{
		width: 100%;
		left: initial;
		display:none;
	}
	#nav .nav .headcat10:hover .sub-menu{
		width: 100%;
		left: initial;
		display:none;
	}
	#nav .nav ul .menu-item-has-children .sub-menu {
		width:100%;
		height: auto;
		position:initial;
		/** top:115px;211221 **/
		top:30px;/** 211221 **/
		display:none;
		z-index:60;
		margin:0 auto;
		padding:0 0.6rem;
		box-sizing: border-box;
		background-color: rgba(251,250,240,1.00);/** 211221 **/
		border: none;
		transform: initial;
		transform-origin: initial;
		transition: initial;
	}
	#nav .menu-item-has-children .sub-menu li {
		padding: 0;
		/** margin-bottom: 20px; 211223**/
		list-style: none;
  }
  #nav .menu-item-has-children .sub-menu li:last-child {
    margin-bottom: 0;
  }
  #nav .menu-item-has-children .sub-menu li a {
    /** padding: 0; **/
  }
	/** #nav .menu-item-has-children .sub-menu {
		height:auto;
		padding: 0;
    	padding: 0 10px 0;
	} 220509**/
	#nav .menu-item-has-children > a.open:first-of-type {
		color: rgba(173,52,65,1.00);/** トップページの燕脂 **/
	}
	#nav .nav ul .menu-item-has-children .sub-menu > li.middleli > ul.minimenuul > li {
		font-size: 0.9rem;
	}
}
@media print, screen and ( min-width : 768px ) {/** navstyleから持ってくる220429**/
  #nav .nav ul .menu-item-has-children a {
    padding: 20px;
  }
  #nav .nav ul .menu-item-has-children > a {
    padding-right: 40px;
  }
  /** #nav .nav ul .menu-item-has-children > a.open:first-of-type,#nav .current-menu-item a {
    color: #dad4ec;
  }　220601なんだこれ**/
  /** #nav .current-menu-item li a {
    color: #fff;
  } 220429こんなクラスない**/
  /** #nav .nav ul .menu-item-has-children .sub-menu {
    flex-direction: column;
    background: #fff;
    position: absolute;
    width: 200px;
    left: 50%;
    top: 100%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    padding: 10px 0;
  } 要らないみたい220429**/
  /** #nav .nav ul .menu-item-has-children .sub-menu li {
    width: 100%;
  }220501なぜあるかわからない**/
  #nav .nav ul .menu-item-has-children .sub-menu li a {
    /** line-height: 1.6em; 220510**/
    /** padding: 10px 20px; 220501**/
  }
}