@charset "utf-8";

@media all and (min-width:751px) {
.hu_nv {display: none;}
.hu_nvwr {display: none;}
#spfnavi{display: none;}
#spfnavi2{display: none;}
}

@media all and (max-width:750px) {
.hu_nvwr.open {display: block;}
.hu_nvwr.close {display: none;}
.hu_nvwr {display: none;position: fixed;left: 0;top: 0;z-index: 7;background-color: #ff989b;width: 100%;height: 100%;}
.hu_nvwr .mnavi {height: 100%;position: relative;overflow-x: hidden;overflow-y: auto;}
body.fixed {position: fixed;width: 100%;}
	
.hu_nv {z-index: 10;position: fixed;width: 36px;height: 28px;cursor: pointer;right: 15px;top: 13px;text-decoration: none;}
.hu_nv::after {content: "MENU";color: #ff989b;font-size: 10px;font-weight: bold;position: absolute;bottom: -21px;left: 3px;font-family: "Noto Sans", sans-serif;}
.hu_nv.active::after {color: #fff;}
.hu_nv.active small {display: none;}
.hu_nv:hover{opacity: 1;}
.hu_nv,.hu_nv span {display: inline-block;transition: all 0.2s;box-sizing: border-box;opacity: 1;}
.hu_nv span {position: absolute;right: 0;width: 100%;height: 4px;background-color: #ff989b;border-radius: 4px;}
.hu_nv.active span {background-color: #fff;}
.hu_nv span:nth-of-type(1) {top: 0;}
.hu_nv span:nth-of-type(2) {top: 12px;}
.hu_nv span:nth-of-type(3) {bottom: 0;}
.hu_nv.active span:nth-of-type(1) {transform: translateY(12px) rotate(-45deg);}
.hu_nv.active span:nth-of-type(2) {opacity: 0;}
.hu_nv.active span:nth-of-type(3) {transform: translateY(-12px) rotate(45deg);}

.mnavi{}
.mnavi h2{}
.mnavi h2 img{width: 200px;display: block;height: auto;margin-left: 20px;margin-top: 20px;}
.mnavi ul.nav{width: 90%;margin: auto;margin-top: 15px;}
.mnavi ul.nav li{border-bottom: 1px dotted rgba(255,255,255,0.4);padding: 8px 0;}
.mnavi ul.nav li a{text-decoration: none;color: #fff;font-size: 14px;font-family: "Noto Sans", sans-serif;}
.mnavi ul.nav li a::before{content: "\25B8";margin-right: 5px;vertical-align: baseline;color: #fff;}
.mnavi ul.nav li:last-child{border-bottom: none;}
.mnavi ul.nav li span{display: block;margin-left: 15px;color: #fff;font-family: "Noto Sans", sans-serif;font-size: 14px;}

.mnavi ul.snav{display: flex;width: 90%;margin: auto;margin-bottom: 100px;margin-top: 30px;}
.mnavi ul.snav li{width: 100%;height: 60px;}
.mnavi ul.snav li a{text-decoration: none;display: flex;align-items: center;justify-content: center;text-align: center;height: 100% ;font-family: "Noto Serif", serif;font-size: 14px;line-height: 1.5;height: 100%;}
.mnavi ul.snav li.houjin{background-color:#493F40;}
.mnavi ul.snav li.houjin a{color: #fff;}
.mnavi ul.snav li.catalog{background-color:#F0D3D5;}
.mnavi ul.snav li.catalog a{color: #000;}
.mnavi ul.snav li.contact{background-color: #F2E4E5;}
.mnavi ul.snav li.contact a{color: #000;}
}