@charset "utf-8";
@media screen and (max-width:768px){*{margin:0;padding:0;box-sizing:border-box}
body{margin: 0;display: flex;flex-direction: column; min-height: 100vh;}
    #container {flex: 1;}
header{height:60px;line-height:60px;border-bottom:1px solid #eeeeee;position: fixed;z-index: 9999;background: #fff;width: 100%}
a{color:#333333;text-decoration:none;display:block}
ul li{list-style:none;width:100px}
#global_nav{display:flex;justify-content:space-around;max-width:980px;margin:0 auto}
#header{border-top:3px solid #000}
#header_inner{display:flex;align-items:center}
#header h1{width:250px}
#header h1 img{width:100%;max-width:250px;vertical-align:middle}
#header h2{width:350px;margin-left: 15px}
#header h2 img{width:100%;max-width:350px;vertical-align:middle}
#global_nav{display:block}
 nav#global_nav_wrap{position:fixed;width:300px;top:0;right:-300px;background-color:rgba(33,33,33,.9);height:100%;padding-top:60px;z-index:5}
 nav#global_nav_wrap ul li{width:100%;height:60px;line-height:60px}
 nav#global_nav_wrap ul li a{color:#ffffff;padding-left:20px}
#hamburger{position:fixed;top:20px;right:20px;width:30px;height:24px;z-index:6;cursor:pointer;transition:all 400ms;-webkit-transition:all 400ms}
#hamburger span{position:absolute;width:30px;height:4px;background:#666;border-radius:10px;-webkit-transition:all 400ms;transition:all 400ms}
#hamburger span:nth-child(1){top:0}
#hamburger span:nth-child(2){top:10px}
#hamburger span:nth-child(3){top:20px}
#hamburger.hb-open{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#hamburger.hb-open span{background:#666}
#hamburger.hb-open span:nth-child(1){width:24px;transform:translate(-7px,17px) rotate(45deg);-webkit-transform:translate(-7px,17px) rotate(45deg)}
#hamburger.hb-open span:nth-child(3){width:24px;transform:translate(-7px,-17px) rotate(-45deg);-webkit-transform:translate(-7px,-17px) rotate(-45deg)}
#nav_overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.4);opacity:0;visibility:hidden;transition:opacity 0.3s ease;z-index:2}
#nav_overlay.active{opacity:1;visibility:visible}
#container{width: 100%; padding: 0 10px}
#menu_under_content{width: 100%;padding-top: 60px;display: block;margin-bottom: 15px}
#menu_under_content img{ width: 100%; height: auto;display: block;}
/* =====================================
   フッター（スマホ用）
   ===================================== */
footer,#footer{width:100%!important;color:#fff}
#footer{height:130px;padding-top:83px;background:url(../img/footer_town.png) no-repeat center top}
#footer_inner{padding:20px 0;box-sizing:border-box;background:#000}
#f_i_content .left,#f_i_content .right{float:none !important}
#f_i_c_left{float:none;width:100%;margin-bottom:15px;text-align:center}
#f_logo img{width:180px;display:block;margin:0 auto 10px}
#f_i_c_left small{display:block;font-size:12px;color:#ccc}
#f_i_content{display:flex;flex-direction:column-reverse;align-items:center;gap:10px}
#f_i_c_left2{display:flex;flex-wrap:nowrap;justify-content:center;gap:15px}
#f_i_c_left2 span,#f_i_c_left2 a{white-space:nowrap;flex:none;color:#fff;text-decoration:none;display:inline}
.footer_nav{display:flex;flex-direction:column;align-items:center;width:100%;margin-bottom:15px}
.footer_nav ul{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:5px;padding:0;margin:0}
.footer_nav ul li{list-style:none;font-size:14px}
.footer_nav ul li a{color:#fff;text-decoration:none}
#to_top{position:fixed;right:10px;bottom:10px;width:44px;z-index:1000}
#to_top img{width:44px;height:auto}
}
@media screen and (max-width:668px){#header h2{display:none}
}