﻿@media screen and (max-width: 768px){header{width:100%;position:fixed;top:0;left:0;text-align:center;background:#0b0b0b;border-top:2px solid #eeb930;z-index:999;padding:5px 10px;box-sizing:border-box}header h1 img{height:35px}header .menu-trigger,header .menu-trigger span{display:inline-block;transition:all .4s;box-sizing:border-box}header .menu-trigger{position:absolute;right:10px;width:25px;height:15px;top:15px}header .menu-trigger span{position:absolute;left:0;width:100%;height:1px;background-color:#eeb930;border-radius:4px}header .menu-trigger span:nth-of-type(1){top:0}header .menu-trigger span:nth-of-type(2){top:7px}header .menu-trigger span:nth-of-type(3){bottom:0}header .menu-trigger.active span:nth-of-type(1){-webkit-transform:translateY(20px) rotate(-45deg);transform:translateY(20px) rotate(-45deg);top:-13px}header .menu-trigger.active span:nth-of-type(2){opacity:0}header .menu-trigger.active span:nth-of-type(3){-webkit-transform:translateY(-20px) rotate(45deg);transform:translateY(-20px) rotate(45deg);top:27px}header #nav{position:fixed;left:0;top:47px;z-index:9999;display:none;width:100%}header #nav ul{display:block;width:100%;background:#000}header #nav ul li{width:100%;border-bottom:1px solid #151515}header #nav ul li span{display:block}header #nav ul li a{display:block;padding:10px 0 5px;color:#fff;font-size:1.6rem;line-height:140%;text-decoration:none;transition:ease all .3s}header #nav ul li a:hover{background:#000}header #nav ul li a span{font-size:1.2rem;color:#797979}header #nav ul li.logo a{padding:10px 0;transition:ease all .3s}header #nav ul li.logo a img{transition:ease all .3s}header #nav.fixed ul li a{padding:15px 0 10px;font-size:1.4rem;line-height:120%;text-decoration:none}header #nav.fixed ul li a span{font-size:1.0rem}header #nav.fixed ul li.logo a{padding:5px 0}header #nav.fixed ul li.logo a img{height:50px}footer{background:#e2e2e2;text-align:center;padding-top:30px}footer h2{font-family:"ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;font-size:1.8rem;margin-bottom:20px}footer .lead{font-size:1.3rem;line-height:160%;margin-bottom:15px}footer .lead a{text-decoration:underline;color:#000}footer .tel{margin:0 35px 20px;text-align:center}footer .tel dt{font-family:Arial;font-size:2.0rem;vertical-align:middle;line-height:100%;margin-bottom:10px}footer .tel dt span{font-size:1.5rem}footer .tel dt a{display:block;border:1px solid #000;padding:8px 0;text-decoration:none;color:#000;margin-bottom:10px}footer .tel dd{vertical-align:middle}footer .tel dd a{display:inline-block;width:100%;padding:10px 0;background:#eeb930;color:#000;font-size:1.3rem;text-decoration:none}footer .tel dd a:hover{background:#000;color:#eeb930}footer .ft_sitemap{background:#0b0b0b;margin:0 auto;border-bottom:2px solid #eeb930;padding:0px 0 20px}footer .ft_sitemap ul{font-size:0;text-align:left;margin-bottom:10px}footer .ft_sitemap ul li{display:block;width:50%;font-size:1.3rem;float:left;color:#fff;box-sizing:border-box;border-right:1px solid #151515;border-bottom:1px solid #151515}footer .ft_sitemap ul li:first-child{width:100%;text-align:center}footer .ft_sitemap ul li a{color:#fff;text-decoration:none;display:block;padding:10px}footer .ft_sitemap ul li a:hover{text-decoration:underline}footer #copyright{color:#Fff;font-size:1.1rem;margin-top:20px}.pc{display:none !important}}
