/*----------  ハンバーガーメニュー  ----------*/
/*----------  ハンバーガーメニュー  ----------*/
#header-sp{ background:rgba(255,255,255,1); width:100%; height:60px; position:fixed; left:0; top:0; z-index:9999;}
#header-sp .logo-sp{ padding:8px 10px 0;}
#header-sp .logo-sp a{ text-decoration:none; display:inline-block;}
#header-sp .logo-sp img{ height:40px; vertical-align:middle; margin-right:8px;}
#header-sp .logo-sp p{ font-size:16px; font-weight:bold; display:inline-block; letter-spacing: normal; vertical-align:middle; line-height:1.4em; color:#604a3f; font-family: "Zen Maru Gothic", sans-serif;}
#header-sp .logo-sp p span{ display: block; font-size:9px; line-height: 1.8em;}

#navArea{ position:relative; z-index:9999;}
#navArea .inner{ position:relative;}
#navArea .area-01{ width: 300px; text-align: center; margin:auto; padding:30px 0;}
#navArea .area-01 p{ font-size:16px; display:inline-block; margin-bottom:10px; text-align:left;}
#navArea .area-01 .tel{ margin:0 auto 16px;}
#navArea .area-01 .tel span{ background:#604a3f; color:#fff; display:block; font-size:14px; font-weight: bold; padding:2px 0; margin-bottom:5px; font-family: "Zen Maru Gothic", sans-serif;}
#navArea .area-01 .tel a{ background:url(../images/common/ico-tel.png)left 15px no-repeat; background-size:auto 17px; color:#604a3f; display:inline-block; font-size:28px; font-weight:600; line-height: 1.5em; text-decoration:none; padding-left:20px; font-family:"Zen Maru Gothic",sans-serif;}

#navArea .area-01 .web a{ background:#a7d943; color:#fff; border-radius:30px; display:flex; align-items:center; justify-content:center; flex-direction:row; text-decoration:none; font-size:18px; font-weight:bold; font-family:"Zen Maru Gothic",sans-serif; margin:0 auto; padding:15px 15px; display: block;}
#navArea .area-01 .web img{ width:25px; margin:0 15px 0 0;}




nav{ display:block; position:fixed; top:60px; right:-100%; width:100%; height:100%; overflow-y:auto; transition:.5s; opacity:0; z-index:9998; background:#fff;}
.open nav{ right:0; opacity:1;}
nav .inner ul{ margin:0; padding:0; list-style:none;}
nav .inner ul li a{ display:block; border-bottom:1px solid #eee; color:#604a3f; text-decoration:none; font-size:16px; font-weight:bold; padding:20px 20px; font-family: "Zen Maru Gothic", sans-serif;}
nav .inner ul li a img{ display: inline-block; margin-right:10px; vertical-align: middle; height:20px; position: relative; top:-2px;}

.toggle_btn{ width:60px; height:60px; position:fixed; right:0; top:0; z-index:10000; cursor:pointer;}
.toggle_btn span{ background:#85ad39; width:30px; height:3px; position:absolute; left:15px; transition:.4s; border-radius:20px;}
.toggle_btn span:nth-child(1){ top:20px;}
.toggle_btn span:nth-child(2){ top:30px;}
.toggle_btn span:nth-child(3){ top:40px;}
.open .toggle_btn span:nth-child(1){ transform:translateY(10px) rotate(-45deg);}
.open .toggle_btn span:nth-child(2){ opacity:0;}
.open .toggle_btn span:nth-child(3){ transform:translateY(-10px) rotate(45deg);}

#mask{ display:none;}
.open #mask{ display:block; position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.5); z-index:9997;}