.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);}
.f13 {font-size:13px;}

/* サイドメニュー ※リストのスタイルは省略 */
.side-logo {}
.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 #008ed8;}
.side-open .side-menu {-webkit-transition-delay:0s;transition-delay:0s;-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; display: block;overflow: auto;list-style:none;}
.side-menu__ul--child {list-style:none;display: none;background-color:#eaf2f8}
.active .side-menu__ul--child {display: block;padding:0;}
.side-menu__ul a {border-bottom:1px dotted #008ed8;}
.side-logo a {padding:15px 15px 15px 15px !important;}
.side-menu__ul--child li a {display: block;padding: 15px 15px 15px 42px;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 15px 15px 42px;}
.side-menu__ul li a:hover,.bd-tit:hover {background:#7182ff1a;}
.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:rgba(255,0,0,0.2);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:24px !important;line-height:1em;}
.sp-navi-tit3 {display:block;font-weight:bold;margin-right:5px;font-size:12px;line-height:1em;margin-bottom:2px;}
.sp-navi-tit4 {display:block;font-size:26px !important;line-height:1em;font-weight:bold;}
.sp-navi-tit5 {display:block;font-size:20px !important;line-height:1em;font-weight:bold;}
.sp-navi-tit6 {display:block;font-size:16px !important;line-height:1em;font-weight:bold;}
.sp-navi-tit7 {display:block;font-size:15px !important;line-height:1em;font-weight:bold;}
.side-menu__ul a.a-ht {padding:12px 15px;}

/* li icon */
.s-icon-gairai_syujyutsu {background-image:url(../images/gairai_icon.svg);background-position:8px 8px;background-repeat:no-repeat;z-index:9999;}