body {
        font-size: 14px;
    }

/* commonとgitの更新被らせないため、一時的に別出し */
    .no_display {
        display:none;
    }

    .error-area {
        text-align:center;
    }

    .alert-field {
        letter-spacing: 1px;
        font-size: large;
        display: inline-block;
    }

    .top-button-area {
        text-align:center;
        margin-top: 50px ;
    }

    .top-button-area .top-button {
        display: inline-block;
        color : #282D66;
        font-weight: bold;
        padding: 10px 50px;
        border: 1px solid #282D66;
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    .logout-button-area {
        text-align:center;
        margin-top: 15px ;
    }

    .logout-button-area .logout-button {
        display: inline-block;
        color : #282D66;
        font-weight: bold;
        padding: 10px 35px;
        border: 1px solid #282D66;
        border-radius: 5px;
        margin-left: auto;
        margin-right: auto;
    }

    .login-button-area {
        border: 1px solid #FFF;
        border-radius: 5px;
        float: right;
        margin: 15px 10px 0 0;
    }

    .login-button-area .login-button {
        color : #FFF;
        padding: 5px 20px;
        font-weight: bold;
    }

    .login-button-area:active,
    .login-button-area:hover,
    .login-button-area:focus,
    .top-button-area:active,
    .top-button-area:hover,
    .top-button-area:focus  {
        cursor: pointer;
    }
    .logout-button-area:active,
    .logout-button-area:hover,
    .logout-button-area:focus  {
        cursor: pointer;
    }

    .drawer-menu {
        /* text-align: justify; */
        text-justify: inter-ideograph;
    }

    /* SP */
    @media only screen and (max-width: 767px) {
        .drawer-menu {
            position: fixed;
            padding-bottom: 70px;
            /* overflow-y: scroll; */
        }
    }

    .drawer-menu .menu-title-area {
        margin: 15px 0px 10px;
        width: 100%;
        text-indent: 1.05em;
    }

    .drawer-menu .menu-title-icon {
        font-weight: bold;
        line-height: 1.2;
        color: #282D66;
        vertical-align: top;
    }

    .drawer-menu .menu-cardname-area {
        margin-top: 10px;
        margin-left: 12px;
        margin-bottom:5px;
    }
    .drawer-menu .menu-cardname-title {
        font-weight: bold;
        line-height: 1.2;
        color: #282D66;
        /* margin-left: 12px;*/
        vertical-align: bottom;
    }
    .drawer-menu .menu-cardname {
        margin-top:10px;
        margin-bottom:15px;
    }
    .drawer-menu .menu-cardname-str {
        -webkit-appearance: none;
        width: 100%;
    }

    .drawer-menu .menu-cardname-str {
        -webkit-appearance: none;
        width: 100%;
    }

    .drawer-menu .menu-title {
        font-weight: bold;
        line-height: 1.2;
        margin-bottom: 20px;
        margin-left: 20px;
        color: #adadad;
    }
    .drawer-menu .menu-title-m{
        margin: 12px;
    }
    .drawer-menu .menu-icon-area {
        margin-bottom:10px;
        margin-left: 20px;
    }
    .drawer-menu .menu-icon-area:first-of-type{
        margin-top: 10px;
    }

    .drawer-menu .icon-group {
        /* text-align: center; */
        margin: 5px 5px 13px;
    }
    .drawer-menu .icon-group .position-center{
        vertical-align: top;
    }

    .drawer-menu .icon-block {
        display: inline-block;
        /*margin: 2px 2px;*/
    }

    .drawer-menu .icon-block:first-child {
        margin-left:0;
        /*margin-left:8px;*/
    }
    .drawer-menu .icon-block:last-child {
        margin-right:0;
        /*margin-right:3px;*/
    }

    .drawer-menu .icon-block {
        text-decoration:none;
    }

    .drawer-menu .icon-block .icon-title {
        text-align: center;
        font-weight: bold;
        line-height: 1.2;
        color: #282D66;
        margin: 5px 0px;
    }

    .drawer-menu .icon-box {
        display: flex;
        vertical-align: middle;
        margin-bottom: 15px;
        margin-left: 20px;
        width: 115px;
    }

    .drawer-menu .set-area {
        margin:15px 0 20px;
        text-align: center;
        color:#282D66;
    }

    .drawer-menu .set-area .set-box {
        display: inline-table;
        width: 90%;
        border: 1px solid #E9E9E9;
    }
    .drawer-menu .set-area .set-title {
        display: table-cell;
        background-color:#f5f5f5;
        width:30%;
        height:45px;
        text-align: left;
        vertical-align: middle;
        text-indent: 1.05em;
        line-height: 1.2;
    }
    .drawer-menu .set-area .set-data {
        display: table-cell;
        width:70%;
        text-align: left;
        vertical-align: middle;
        text-indent: 1.05em;
        line-height: 1.2;
    }

    .drawer-menu .link-area {
        display: inline-table;
        width: 100%;
    }

    .drawer-menu  .link-area .link-area-link{
        text-decoration:none;
        color:#000;
    }
    .drawer-menu  .link-area .link-area-mark {
        display: table-cell;
        vertical-align: middle;
        text-indent: 1.05em;
        font-weight: bold;
        line-height: 1.2;
        width:5%;
        height:40px;
    }
    .drawer-menu  .link-area .link-area-text {
        display: table-cell;
        vertical-align: middle;
        text-indent: 1.05em;
        font-weight: bold;
        line-height: 1.2;
        width:95%;
    }

    _:-ms-lang(x)::-ms-backdrop, .link-area-mark {
        padding-bottom: 10px;
    }
    _:-ms-lang(x)::-ms-backdrop, .link-area-text {
        padding-bottom: 10px;
    }

    .drawer-menu .btn-saisonmall {
        width: 92%;
        font-size: 1.0em !important;
        color: #282D66;
        background-color: inherit;
        border-color: #282D66;
        border: 2px solid #E9E9E9;
        text-decoration: none;
        margin: auto;
    }

    .drawer-menu .btn-saisonmall-area {
        -webkit-appearance: none;
        width: 100%;
    }

/*
  メニューアイコンのフォーカスの色を設定する場合
    .link-area:active,
    .link-area:hover,
    .link-area:focus,
    .icon-box:active,
    .icon-box:hover,
    .icon-box:focus {
        background-color:red;
    }
*/

/* SP-mini */
@media only screen and (max-width: 374px) {
    .drawer-menu .icon-box{
    }
    .drawer-menu .menu-title-area {
        margin: 5px 0px;
    }
    .drawer-menu .icon-block .icon-title {
        margin: 0;
        font-size: 11px;
    }
    .drawer-menu .icon-block {
        /*margin: 2px 3px;*/
    }
    .drawer-menu .menu-icon-area {
        margin-bottom: 5px;
    }
    .drawer-menu .set-area .set-title {
        height: 35px;
    }
    .drawer-menu hr {
        margin-top: 5px;
        margin-bottom: 5px;
    }
    .drawer-menu .set-area {
        margin: 5px 0 10px;
    }
}




/* SP */
@media only screen and (max-width: 767px) {

    /* ------------------------------------------ */
    .drawer-hamburger {
        position: absolute;
        padding: 19px 1rem 12px;
        top: 5px;
        background-color:transparent;
    }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
        background-color:transparent;
    }

    .drawer--right.drawer-open .drawer-hamburger {
        right: 0rem;
    }
    .drawer-nav {
        top: 60px;
    }

    .drawer-overlay {
        top: 60px;
        z-index: 5;
    }

    .drawer--right .drawer-nav {
        right: -80%;
        z-index: 200; /* 20220721 10→200 リス100より上に */
    }

    .drawer-nav {
        width: 70%;
    }

    .zandaka-text {
        text-align: right;
    }
}


/* PC */
@media only screen and (min-width: 768px) {
    .sp {
        display: none !important;
    }

    .drawer--right .drawer-nav_pc {
        position: absolute;
        display:none;
        width: 310px;
    /* Chromeのメニュー縦 */
        height: auto;
        top:50px;
        float:right;
        z-index: 200; /* 20220721 10→200 リス100より上に */
    }
    _:-ms-lang(x)::-ms-backdrop, .drawer--right .drawer-nav_pc {
    /* IEのメニュー縦 */
        height: 950px;
    }

    @-moz-document url-prefix() {
        .drawer--right .drawer-nav_pc {
    /* Firefoxのメニュー縦 Firefoxはスクロールしてから要素を変更したときと開いてからスクロールしたときで調整が異なるので注意 */
            height: 980px;
        }
    }

    .navbar-toggler{
        border:0;
        position: relative;
        float: right;
        margin-top: 10px;
        margin-right: 13px;
        margin-bottom: 8px;
        padding: 0.25rem 0.75rem;
        font-size: 1.25rem;
        line-height: 1;
        background-color: transparent;
        border-radius: 0.25rem;
        transition: box-shadow 0.15s ease-in-out;
    }

    .navbar-brand {
        float: left;
        height: 50px;
        padding: 15px 15px;
        font-size: 18px;
        line-height: 20px;
    }

    .drawer--right .drawer-nav_pc {
        right:15px;
    }

    .drawer-menu .icon-block {
        display: inline-block;
        /*margin: 8px 7px;*/
    }

    .drawer-menu .icon-box {

    }

    .drawer-menu .btn-saisonmall {
        width: 92%;
        font-size: 1.0em !important;
        color: #282D66;
        background-color: inherit;
        border-color: #282D66;
        border: 2px solid #E9E9E9;
        text-decoration: none;
        margin: auto;
    }

    .drawer-menu .btn-saisonmall-area {
        width: 100%;
    }
}


/* pager
-------------------------------------------------- */
.dataTables_paginate {
    display: table;
    width: 100%;
    vertical-align: middle;
    padding:0px 10px;
    border: 0 solid;
}
.displayPagerTotalCount {
    display: table-cell;
    margin: 5px 0 0px 10px !important;
    min-width: 100px;
    vertical-align: middle;
}
.pagination {
    display: table-cell;
    padding-left: 0;
    margin: 0;
    border-radius: 4px;
    float: right;
}


/* PC */
@media only screen and (min-width: 768px) {
    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        float: left;
        padding: 5px 12px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: transparent;
        border:0 solid;
        margin-left:0;
        width :35px;
    }

    .pagination > li > span.pager_last {
        width :35px;
        margin: 0;
        padding: 5px 0 5px 15px;
    }
}

/* SP */
@media only screen and (max-width: 767px) {

    .pagination > li > a,
    .pagination > li > span {
        position: relative;
        float: left;
        padding: 5px 0px;
        line-height: 1.42857143;
        color: #337ab7;
        text-decoration: none;
        background-color: transparent;
        border:0 solid;
        margin-left:0;
        width :25px;
    }

    .pagination > li > span.pager_last {
        width :25px;
        margin: 0;
        padding: 5px;
    }
}

section.history .paginator .active a {
    color: #ff0000;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 0;
    font-weight: bold;
    cursor: default;
    background-color: transparent;
    border-color: transparent;
    font-size: large;
    line-height: 1em;
}

.paginator span {
    margin: 0;
}

.pagination .nolink {
    color: #adadad;
}

.faq-link {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0 5px;
    text-align: center;
}

/* SP */
@media only screen and (max-width: 767px) {
    .faq-link {
        background-image: url(/assets/img/ic_hint_sp.png);
        vertical-align: initial;
        padding: 8px;
        vertical-align: initial;
    }
    .faq-link-small {
        padding: 8px;
        vertical-align: middle;
    }

    .chart-position {
        margin-left: -5px;
        margin-right: -5px;
        padding-top: 10px;
    }
}

/* PC */
@media only screen and (min-width: 768px) {
    .faq-link {
        background-image: url(/assets/img/ic_hint.png);
        padding: 11px;
        vertical-align: middle;
    }
    .faq-link-small {
        padding: 8px;
        vertical-align: middle;
    }

    footer .footer-area {
        width: 100%;
        margin: 0 5%;
    }

    footer .footer-link {
        margin: 0;
        float: right;
    }

}

/*
    ハンバーガーボタンCSS
*/
/* 共通 */
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 18px;
  height: 12px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #fff;
  border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
  top: 0;
}
.menu-trigger span:nth-of-type(2) {
  top: 20px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 0;
}

/* サークル */
.menu-trigger span:nth-of-type(2) {
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0);
}
.menu-trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(20px) rotate(-315deg) scale(.8);
  transform: translateY(5px) rotate(-315deg) scale(.8);
}
.menu-trigger.active span:nth-of-type(2) {
  width: 22px;
  height: 22px;
  background-color: transparent;
  border: 3px solid #fff;
  border-radius: 50%;
}
.menu-trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-20px) rotate(315deg) scale(.8);
  transform: translateY(-5px) rotate(315deg) scale(.8);
}
/*
    ハンバーガーボタンCSS ここまで
*/

/* navbar-cardname */
.navbar-cardname {
    color: #ffffff;
    height: 60px;
    line-height: 60px;
    text-align: right;
    padding: 12px;
    padding-top: 3px;
    padding-right: 55px;
    font-size: 12px;
}



.fs8 {
    font-size: 8px;
}
.fs10 {
    font-size: 10px;
}
.fs12 {
    font-size: 12px;
}
.fs15 {
    font-size: 15px;
}
.nw {
    white-space: nowrap;
}
.nm {
    white-space: normal !important;
}


.drawer-menu .icon-link{
    text-decoration: none;
    display: flex;
    align-items: center;
}

.drawer-menu .icon-link:hover{
    text-decoration: none;
}

.drawer-menu .btn-design{
    font-weight: bolder;
    color: #202020;
    margin-left: 7px;
    margin-bottom: 0;
    line-height: 1.2;
    padding-top: 3px;
}

.drawer-menu .menu-content{
    margin-bottom: 15px;
}

.drawer-menu .menu-group {
    display: flex;
}

.drawer-menu .external-menu{
    font-weight: bolder;
    color: #202020;
    margin-bottom: 0;
    line-height: 1.2;
    text-decoration: none;
}

/* bootstrap v3.1.4 → bootstrap v5.1.7に伴う修正 */
.col-12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float: left;
}

.navbar-brand {
    float: left;
    height: 50px;
    padding: 15px 15px;
    font-size: 18px;
    line-height: 20px;
}

.chart-position {
    margin-left: -5px;
    margin-right: -5px;
    padding-top: 10px;
}

.point-text {
    margin: auto;
}

.detail-area {
    margin-left: -5px;
    margin-right: -5px;
}

.present {
    padding: 0.94rem 0 !important;
    font-size: 1rem !important;
}

.fs-cu-1{
    font-size: 0.875rem;
}

.pl-cu-1{
    padding-left: 40px;
}

/* SP */
@media only screen and (max-width: 767px) {
    .chart-position {
        padding-top: 0px;
    }

    .mw-100 {
        width: 100% !important;
        text-align: center;
    }
}