@charset "utf-8";header{text-align:center}#header_wrap{background-color:#FFF;color:#D90000;position:fixed;top:0;left:0;width:100%;z-index:1000}#header_wrap:after{clear:both;content:"";display:block}#header_logo{float:left}header nav>a{color:#D90000;text-decoration:none}#menu_close{display:none}#btn_totop{-webkit-backface-visibility:hidden;backface-visibility:hidden;cursor:pointer;position:fixed;transition:opacity 0.2s ease-out 0s;z-index:999}#btn_totop:hover{opacity:.7}@media screen and (max-width:319px){#header_logo{}#header_logo img{margin-top:12px;height:34px}header nav>.pc_hide figure{margin-top:3.125%}header nav>.pc_hide figure>div img{width:80px}}@media screen and (min-width:320px) and (max-width:939px){#header_logo{}#header_logo img{margin-top:5px;height:48px}header nav>.pc_hide figure{margin:3.125% auto 0;width:280px}header nav>.pc_hide figure:after{clear:both;content:"";display:block}header nav>.pc_hide figure>div{width:70px}header nav>.pc_hide figure>div img{width:100%}header nav>.pc_hide figure>div{float:left}header nav>.pc_hide figure figcaption{float:right}}@media screen and (max-width:767px){header{}#header_logo{margin-left:3.125%}header nav{padding-top:3.125%;padding-bottom:3.125%;width:100%}header nav>a{padding:3.125% 6.25%;width:93.75%}header nav>a+a{margin-top:3.125%}header nav>a:before{height:24px;left:3.333333333333333%;width:24px}header nav #navi_logo img{width:56.25%}header nav>.pc_hide>p+p{margin-top:1.5625%}header nav>.pc_hide>b{padding:1.5625% 6.25%;margin-top:3.125%;margin-bottom:1.5625%}#btn_totop{margin-bottom:1.5625%;margin-right:1.5625%;right:0;bottom:0;width:50px}}@media screen and (min-width:768px){#header_logo{}#btn_totop{bottom:20px;right:20px;width:90px}}@media screen and (min-width:768px) and (max-width:939px){#header_logo{margin-left:20px}header nav{padding:20px;width:340px}header nav>a{font-size:150%;padding:10px 20px}header nav>a:before{height:32px;left:20px;width:32px}header nav>.pc_hide>p+p{margin-top:5px}header nav>.pc_hide>b{padding:5px 20px;margin-top:10px;margin-bottom:5px}}@media screen and (max-width:939px){header{padding-top:60px}#header_wrap{border-top:2px solid #D90000;height:60px}header nav{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#D90000;color:#FFF;max-height:-webkit-calc(100vh - 60px);max-height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto;position:fixed;top:60px;right:-100%;transition:right 0.2s ease-out 0s;z-index:1000}header nav.active{right:0}header nav>a{background-color:#FFF;display:block;margin-left:auto;margin-right:auto;position:relative}header nav>a:first-child{background-color:#D90000;border:2px solid #FFF;color:#FFF}header nav>a:not(:first-child){border-radius:10px}header nav>a.active{background-color:#FFFF2A;color:#D90000}header nav>a+a{margin-top:10px}header nav>a:before{background-position:center center;background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;line-height:1;position:absolute;top:50%;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}header nav>a:first-child:before{background-image:url(https://haruchan-hiroshima.com/images/user//icon/spatula_w.webp)}header nav>a[href$="#menu"]:before{background-image:url(https://haruchan-hiroshima.com/images/user//icon/spatula.webp)}header nav>a[href$="#access"]:before{background-image:url(https://haruchan-hiroshima.com/images/user//icon/marker.webp)}header nav>a[href$="order/index"]:before{background-image:url(https://haruchan-hiroshima.com/images/user//icon/mail.webp)}header nav>a[href$="news/index"]:before{background-image:url(https://haruchan-hiroshima.com/images/user//icon/balloon.webp)}header nav>a:after{content:"\F35F";font-family:"Material Design Icons";font-size:150%;position:absolute;top:50%;right:0;-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}header nav>.pc_hide figure figcaption{line-height:1.2}header nav>.pc_hide figure figcaption b{font-size:175%}header nav>.pc_hide figure figcaption span{font-size:137.5%;margin-left:.2em}header nav>.pc_hide>b{background-color:#000;color:#D90000;display:inline-block}#menu_open,#menu_close,#header_wrap a[href^="tel:"]{float:right;height:58px;line-height:54px;width:58px}#menu_open{font-size:350%}#menu_close{font-size:350%}#header_wrap a[href^="tel:"]{font-size:300%;color:#D90000}}@media screen and (min-width:940px){header{padding-top:120px}#header_wrap{border-top:5px solid #D90000;height:120px}#header_logo{margin-top:5px}#header_logo img{width:340px}header nav{float:right;margin-top:35px;width:-webkit-calc(100% - 340px - 20px);width:calc(100% - 340px - 20px)}header nav>a{-webkit-backface-visibility:hidden;backface-visibility:hidden;border-left:1px solid #D90000;display:inline-block;font-size:137.5%;font-weight:700;height:80px;line-height:1;padding-top:20px;transition:background-color 0.2s ease-out 0s;width:-webkit-calc(100% / 4);width:calc(100% / 4)}header nav>a:last-child{border-right:1px solid #D90000}header nav>a:hover{background-color:#FFFF2A}header nav>a.active{background-color:#FFFF2A}header nav>a:after{content:"\F35D";display:block;font-family:"Material Design Icons";font-size:150%;font-weight:400}#menu_open{display:none!important}#menu_close{display:none!important}#header_wrap a[href^="tel:"]{display:none!important}}