@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans JP';
  font-weight: 400;
  font-style: normal;
  src: local("Noto Sans CJK JP Regular"), url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2") format("woff2"), url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff") format("woff"), url("//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf") format("opentype");
  font-display: swap; }

body {
  min-height: 100vh;
  margin: 0; }

.wrapper{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 100px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}


/* Header */
.adorerid-header {
  font-family: 'Noto Sans JP', YuGothic, 'Yu Gothic', '\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF', 'Hiragino Sans', 'Helvetica', sans-serif;
  z-index: 1030;
  display: block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: sticky;
  top: 0; }

.adorerid-header *, .adorerid-header *:before, .adorerid-header *:after {
  box-sizing: border-box; }

.adorerid-header a, .adorerid-header a:hover, .adorerid-header a:active, .adorerid-header a:focus {
  text-decoration: none;
  outline: none; }

.adorerid-header > .navbar {
  min-height: 24px;
  margin-bottom: 0;
  margin-left: 0;
  border: none;
  border-radius: 0;
  background-color: #001741;
  width: 100%; }

.adorerid-header > .navbar:after {
  display: table;
  clear: both;
  content: ' '; }

.adorerid-header > .navbar > .navbar-header > .logo {
  display: block;
  width: 140px;
  height: 24px;
  text-align: center;
  border-right: none !important; }

.adorerid-header > .navbar > .navbar-header > .logo:hover {
  background-color: rgba(0, 0, 0, 0.15); }

.adorerid-header > .navbar > .navbar-header > .logo > img {
  width: 100px;
  height: auto;
  margin-bottom: 3px; }

.adorerid-header .nav {
  display: block;
  margin: 0;
  padding-left: 0;
  list-style: none; }

.adorerid-header .nav > li {
  position: relative;
  display: block;
  float: left; }

.adorerid-header .nav > li > a {
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  position: relative;
  display: block;
  padding: 3px;
  text-align: center;
  letter-spacing: normal;
  color: #ccc; }

.adorerid-header .nav > li > a:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.15); }

.adorerid-header .nav > li > a.ac-app-link {
  /*min-width: 125px;*/
  height: 24px;
  border-right: solid #666 1px; }

.adorerid-header .nav > li > a.active {
  color: #fff;
  border: none;
  background-color: #1880fb; }

.adorerid-header .nav > li > a.active2 {
  color: #fff;
  border: none;
  background-color: #ec9d0d; }

/* Heder2 */
.l-header {
    display: flex;
    background-color: #fff;
    border-bottom: solid 1px #ddd;
    justify-content: space-between;
    padding: 20px;
    position: sticky;
    top: 24px;
    height: 80px;
    width: 100%;
    z-index: 1000;
}

.l-header__logo {
    padding-top: 0;
}

.l-header__accountArea {
    display: flex;
    align-items: center;
    list-style: none;
}

ul {
    list-style-type: none;
}

.adorerid-header .navbar-left {
    float: left !important;
}

/* SideMenu */
.l-main__wrap {
  position: relative;
  display: flex;
  min-height: 65vh;
  width: 100%;
}

.l-sidebar {
    display: block;
    z-index: 5;
    margin-right: 10px;
    position: absolute;
    min-height: 100%;
    background-color: #fff;
    border-right: solid 1px #ddd;
    width: 60px;
    overflow-x: hidden;
    overflow-y: hidden;
}

.l-sidebar__nav, .l-sidebar__nav__config {
    border-right: solid 1px #ddd;
    box-sizing: border-box;
    background-color: #fff;
    padding-left: 0;
    margin: 0;
    position: fixed;
    transition: all .5s ease;
    overflow-y: auto;
    overflow-x: hidden;
    width: 60px;
    height: 100%;
    z-index: 6;
}


/* FooterMenu */
.l-footer {
    padding: 30px 0;
    text-align: center;
    width: 100%;
    position: absolute;/*←絶対位置*/
    bottom: 0; /*下に固定*/
    padding-left: 60px;
}

.sp-footermenu {
    display: none;
}

.push {
  height: 50px;
}


@media (max-width: 767px) {
/* Header */
.adorerid-header > .navbar > .navbar-header > .logo {
  width: 100%;
  border-bottom: none !important;
  vertical-align: bottom; }

.adorerid-header .nav > li > a.ac-app-link {
  height: 24px;
  border-right: none !important; }

.adorerid-header .nav > li > a.ac-app-link {
  height: 24px;
  border-right: solid #666 1px; }

.adorerid-header .visible-xs {
  display: block !important; }

.adorerid-header .hidden-xs {
  display: none !important; }

.adorerid-header #xs-logout {
  background-color: #666;
  margin-right: 0 !important;
  border-left: none !important;
  color: #fff;
  min-width: 125px;
  text-align: center;
  font-size: 11px;
  font-style: normal;
  font-stretch: normal;
  outline: none;
  padding: 3px;
  height: 24px; }

.l-header {
  display: none; }

.adorerid-header .navbar-left {
    float: left !important;
    width: 100vw;
}

.adorerid-header .nav {
    width: 100vw;
    display: flex;
}

.adorerid-header .nav > li {
    position: relative;
    float: left;
    width: 100vw;
}


/* SideMenu */
.l-sidebar {
  display: none; }


/* FooterMenu */
.l-footer {
    display: none;
}
.sp-footermenu {
    display: flex;
}
.push {
  height: 50px;
}
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
   list-style: none;
}
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}
#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: none;
}
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:10px;
   background: #fff;
}
.bottun-border-left {
   border-left: none;
   list-style: none;
}

/* Index */
.l-main__content {
   padding: .75rem 1rem .75rem !important;
}
.l-main__inner {
    margin: 0 auto;
    max-width: 100vw; 
}