.overlay {content: '';visibility: hidden;position: fixed;top: 0;left: 0;display: block;width: 100%;height: 100%;background: rgba(0,0,0,0);-webkit-transition: all .5s ease;transition: all .5s ease;z-index: 3;}
.overlay::after {content: "×";visibility: hidden;position: fixed;top: 0;right: 10px;display: block;color: rgba(255,255,255,0);font-size: 40px;font-weight: bold;text-align: center;-webkit-transition: all .5s ease;transition: all .5s ease;}
.side-open .overlay {visibility:visible;cursor: pointer;background: rgba(0,0,0,.7);}
.side-open .overlay::after { visibility: visible; color: rgba(255,255,255,.8);}

/* サイドメニュー ※リストのスタイルは省略 */
.side-menu {
  position:fixed;top:0;right:0;width:300px;height:100%;text-align:left;font-size:13px;background:#FFF;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:all;transition-property:all;-webkit-transition-duration:.5s;transition-duration:.5s;-webkit-transform-origin: right center;transform-origin:right center;-webkit-transform:translateX(300px);transform:translateX(300px);opacity:0;border-left:2px solid #06a33e;}
.side-open .side-menu {-webkit-transition-delay:0;transition-delay:0;-webkit-transform:none;transform:none;opacity:1;z-index:2;}

/* 開閉用ボタン ※ボタンの細かいスタイルは省略 */
.side-menu-btn {position:fixed;top:20px;right:20px;width:40px;height:40px;padding:5px;background:#ccc;cursor:pointer;z-index:4;}

/* サイドメニューオープン */
.side-open .wrapper,.side-open .overlay {-webkit-transform: translate3d(-300px, 0, 0);transform: translate3d(-300px, 0, 0);}
.side-menu__ul {width: 100%;height: 100%;padding:0 0 54px 0; display: block;overflow: auto;list-style:none;}
.side-menu__ul--child {list-style:none;display: none;}
.active .side-menu__ul--child {display: block;padding:0;}
.side-menu__ul a {border-bottom:1px dotted #06a33e;}
.side-menu__ul--child li a {display: block;padding: 15px 15px 15px 30px;;color:#333;text-decoration:none;}
.side-menu__ul > li > a,.side-menu__ul > li .bd-tit {display: block;padding:0;color: #333;text-decoration:none;padding: 15px;}
.side-menu__ul li a:hover,.bd-tit:hover {background:#c3e8d0;}
.side-menu__ul .bd-tit {position:relative;cursor: pointer;/*-webkit-transition: all .5s;transition: all .5s; */margin:0;border-bottom:1px dotted #008ed8;font-size: 18px;background-image: url(../images/sp-nav-ar01.svg);background-repeat:no-repeat; background-position:95% center;background-size:18px 11px;}
li.active .bd-tit {background:#fcc5d1;background-image: url(../images/sp-nav-ar02.svg);background-repeat:no-repeat; background-position:95% center;background-size:18px 11px;}
.sp-navi-tit {display:inline-block;vertical-align:middle;font-weight:bold;margin-right:5px;font-size:10px;line-height:1.3em;}
.sp-navi-tit2 {display:inline-block;vertical-align:middle;font-size:26px !important;line-height:1em;}
.sp-navi-tit3 {display:block;font-weight:bold;margin-right:5px;font-size:12px;line-height:1em;margin-bottom:2px;color:#06a33e;}
.sp-navi-tit4 {display:block;font-size:20px !important;line-height:1em;font-weight:bold;}
.sp-navi-tit5 {display:block;font-size:18px !important;line-height:1em;font-weight:bold;}
.side-menu__ul a.a-ht {padding:12px 15px;}
.form-li {padding:20px 15px;}
.form-li .input_login_wrap {margin-bottom:5px;}
.form-li .input_login_wrap input {width:100%;border:1px solid #06a33e;border-radius:4px;padding:5px;background-color:#f3fbf6;line-height:1.8em;}
.form-li .login-btn {width:100%;margin-top:10px;}
.mypage-btn {text-align:center;margin-top:15px;}
.mypage-btn dl {margin-bottom:0;}
.mypage-btn dl dt {display:inline-block;vertical-align:middle;}
.mypage-btn dl dd {display:inline-block;vertical-align:middle;margin-top:2px;}
.mypage-btn a {border:none;font-size:15px;color:#555;font-weight:bold;}
.hr-mypage-btn a {border:none;font-size:15px;color:#333;font-weight:bold;}
.nav-search-area {width:100%;}
.nav-search-input {float:right;width:-webkit-calc(100% - 48px);width:calc(100% - 48px);}
.nav-search-btn {float:left;width:48px;text-align:right;}
.nav-search-input input {width:100%;height:36px;}
.nav-search-btn .btn-l {border-radius: 5px 0 0 5px / 5px 0 0 5px;border-right:none;height:36px;}
.nav-search-input .input-r {border-radius:0 5px 5px 0 / 0 5px 5px 0;}