body{
    font-family:sans-serif;
    font-size: 14px;
    line-height: 1.6;
    word-break: break-all;
}

.cms-content table[align="center"]{
    margin-left: auto;
    margin-right: auto
}
/*-------------ダークモード対応------------------*/
@media (prefers-color-scheme: dark) {
    body{
        font-family:sans-serif;
        font-size: 14px;
        line-height: 1.6;
        word-break: break-all;
        background-color: #000000;
        color: #FFFFFF;
    }
}

select{
    background:#FFF;
}
a{
    text-decoration:none;
    color: blue;
}
img{
    max-width: 100%;
}
h1{
    font-size: 20px;
    line-height: 1.6;
}
h2{
    font-size: 18px;
    line-height: 1.6;
}
h3{
    font-size: 16px;
    line-height: 1.6;
}
.font-no{
    font-size: 12px;
    line-height: 1.6;
}
.font-style{
    font-size: 14px;
    line-height: 1.6;
}
.font-l{
    font-size: 20px;
    line-height: 1.6;
}
.font-ml{
    font-size: 18px;
    line-height: 1.6;
}
.font-m{
    font-size: 16px;
    line-height: 1.6;
}
.font-ms{
    font-size: 14px;
    line-height: 1.6;
}
.font-s{
    font-size: 12px;
    line-height: 1.6;
    font-weight: normal;
}
.font-ss{
    font-size: 10px;
    line-height: 1.6;
}
.font-bold {
    font-weight: bold;
}
.h-s{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}
.tips,.font-red{
    color: red;
}
.error{
    padding-top:5px;
    font-size: 12px;
    line-height: 1.6;
    color: red;
}

/*survey*/
.survey-contents select{
    border: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.survey-contents option{
    padding: 0;
}
.survey-contents .select-item{
    position: relative;
    border: 1px solid #004DA0;
    width: 270px;
    font-size: 16px;
}
.survey-contents .select-item select option{
    height: 32px;
    padding:0 5px;
}
.survey-content .select-item:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
.survey-contents{
    margin: 0 4%;
}
.survey-message{
    text-align: left;
    padding: 10px 0;
    border-bottom:1px #ccc dashed;
    margin-bottom: 5px;
    color: #004DA0;
    font-weight: bold;
    font-family: sans-serif;
}
.survey-message-inner{
    text-align: left;
    padding: 20px 0;
    color: #000000;
    font-family: sans-serif;
}

.survey-content.shop{
    margin-top: 15px;
}
.survey-content.shop .shop-inner{
    font-size: 12px;
    padding: 5px 0;
}
.survey-content.birthday{
    margin-top: 15px;
}
.survey-content.birthday .birthday-inner{
    font-size: 12px;
    padding: 5px 0;
}
.survey-content .birth.year{
    display: inline-block;
    width: 120px;
    border: 1px solid #004DA0;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0px 5px;
}
.survey-content .year-inner{
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
    box-sizing: border-box;
}
.survey-content .birth.day{
    display: inline-block;
    width: 110px;
    border: 1px solid #004DA0;
    padding: 0px 5px;
    position: relative;
}
.chose-sex{
    margin-top: 15px;
}
.chose-sex .sex-inner{
    padding: 5px 0;
}
.chose-sex-inner{
    display: inline-block;
    position: relative;
}
.chose-sex-inner:nth-of-type(2n+1){
    margin-left: 15px;
}
.chose-sex-inner label:before{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #ccc;
    padding: 1px;
}
#female:checked + label:before,#male:checked + label:before{
    background: #004DA0;
    background-clip: content-box;
    padding: 1px;
}
.label-content{
    display: inline-block;
    margin-left: 3px;
}
#female,#male{
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.survey-login{
    width: 100%;
    margin: 15px 0;
}
.survey-login.button .button-inner{
    width: 65%;
    margin: 0 auto;
    font-size: 16px;
}
.survey-login .login-button{
    width: 100%;
    color: #fff;
    background: #ccc;
    border: none;
    outline: none;
    padding: 10px 0;
}
#_s-login-btn.active{
    background: #0046A5;
}
._s-check-box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    border: 1px solid #000;
    margin-bottom: 20px;
}
/*-------------check-box style修正------------------*/
#_s-check-box + label{
    position: relative;
}
#_s-check-box + label:before{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    border: 1px solid #ccc;
    padding: 1px;
    vertical-align: middle;
    margin-right: 10px;
}
/*#_s-check-box:checked + label:before{*/
/*    background: #004da0;*/
/*    background-clip: content-box;*/
/*}*/
#_s-check-box:checked + label:after{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 28px;
    transform: rotate(45deg);
    border: 4px solid #777;
    vertical-align: middle;
    margin-right: 10px;
    border-top: none;
    border-left: none;
    position: absolute;
    left: 8px;
    top: -10px;
}
/*-------------check-box style修正------------------*/
#_s-check-box{
    position: absolute;
    clip: rect(0,0,0,0);
    width: 0;
}
/**member-cards*/
.member-card-contents{
    padding: 0 15px;
}
.member-card-contents .heading{
    padding: 10px 0;
}
.member-card-contents select{
    border: none;
    outline: none;
    width: 100%;
    line-height: 1.6;
    padding: 0 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.member-card-contents option{
    height: 100%;
}
.cards.select-item{
    width: 280px;
    position: relative;
    height: 100%;
    border: 1px solid #004DA0;
    margin-bottom: 30px;
}
.select-item:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
.cards-detail-inner{
    margin-bottom: 15px;
}
.member-card-contents .login-button{
    text-align: center;
}
.member-card-contents .login-button .login-button-inner{
    width: 220px;
    background: #004DA0;
    color: #fff;
    padding: 10px 0;
    border: none;
    font-size: 16px;
}
.card-content-message{
    padding-bottom: 5px;
    line-height: 1.6;
    font-size: 12px;
}
.card-content-message.cards-category_01{
    color: #09348B;
}
.card-tips{
    padding-bottom: 5px;
}
.card-tips-inner{
    font-size: 12px;
}
.card-num{
    display: inline-block;
    border: 1px solid #004DA0;
}
.card-num.kips-point,.card-num.tomonokai,.card-num.gaisho,.card-num.saron{
    width: 100%;
    border: none;
}
.card-num.kips-point .kips-point-inner{
    width: 95%;
    border: 1px solid #004DA0;
}
.card-num.tomonokai .tomonokai-inner{
    width: 27%;
    display: inline-block;
    border: 1px solid #004DA0;
}
.card-num.tomonokai #tomonokai-inner_f{
    width: 25%;
}
.card-num.tomonokai #tomonokai-inner_m{
    width: 40%;
}
.card-num.tomonokai #tomonokai-inner_l{
    width: 15%;
}
.card-num.gaisho .gaisho-inner{
    width: 27%;
    border: 1px solid #004DA0;
    display: inline-block;
}
.card-num.saron .saron-inner{
    width: 95%;
    border: 1px solid #004DA0;
}
.card-num.main-num{
    width: 48%;
}
.card-num.sub-num{
    width: 88px;
    margin-left: 10px;
}
.card-detail .tips-message{
    display: inline-block;
    font-size: 12px;
}
.card-detail .tips-message.main-num{
    width: 48%;
}
.card-detail .tips-message.sub-num{
    margin-left: 10px;
}
.card-num input{
    width: 100%;
    border: none;
    outline: none;
    padding: 7px 5px;
    box-sizing: border-box;
}
.member-detail-name{
    padding-bottom: 5px;
}
.member-detail-name span{
    display: inline-block;
    width: 158px;
    font-size: 12px;
}
.cards-detail-inner .member-detail .member-detail-inner{
    display: inline-block;
}
.cards-detail-inner .member-detail .member-detail-inner.tel{
    width: 95%;
    border:1px solid #004DA0;
}
.cards-detail-inner .member-detail .member-detail-inner.tel input{
    width: 100%;
    padding: 7px 5px;
    box-sizing: border-box;
    border: none;
    outline: none;
}
.cards-detail-inner .member-detail .member-detail-inner.post-num{
    width: 27%;
    border:1px solid #004DA0;
}
.cards-detail-inner .member-detail .member-detail-inner.post-num input{
    width: 100%;
    padding: 7px 5px;
    box-sizing: border-box;
    border: none;
    outline: none;
}
.member-detail-inner.birth-years{
    width: 92px;
    border: 1px solid #004DA0;
}
.member-detail-inner.birth-years input{
    width: 100%;
    border: none;
    outline: none;
    padding: 7px 5px;
    box-sizing: border-box;
}
.member-detail-inner.birth-months,.member-detail-inner.birth-days{
    width: 70px;
    border: 1px solid #004DA0;
    position: relative;
}
.member-detail-inner.birth-months select,.member-detail-inner.birth-days select{
    border: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.member-detail-inner.birth-months:after,.member-detail-inner.birth-days:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
.first-name,.last-name{
    width: 143px;
    border: 1px solid #004DA0;
}
.first-name input,.last-name input{
    width: 100%;
    border: none;
    outline: none;
    padding: 7px 5px;
    box-sizing: border-box;
}
.first-name{
    margin-left: 15px;
}
.card-detail, .card-notice-message {
    filter: initial;
    display: none;
}
.card-detail.active, .card-notice-message.active {
    filter: initial;
    display: block;
}
.card-num-tip{
    font-size: 0;
}
.card-num-tip span{
    display: inline-block;
    width: 33.3%;
}
/*check*/
.card-type{
    width: 250px;
    margin: 0 auto 15px;
    text-align: center;
}
.card-img{
    position: relative;
}
.card-img.older:after{
    content: '';
    position: absolute;
    bottom:-20px;
    right: -20px;
    width: 16px;
    height: 16px;
    border: 1px solid #ED7D31;
    border-radius: 50%;
    background: #ffff00;
}
.card-info{
    width: 270px;
    margin: 0 auto 30px;
    text-align: center;
}

.card-info .info-inner{
    border-radius: 5px;
    margin-bottom: 5px;
}

.member-card-contents .card-info.kips-point-card{
    padding: 30px 0;
}
.member-card-contents .card-info.to-mo{
    padding: 30px 0;
}
.member-card-contents .card-info.gai-sho,
.member-card-contents .card-info.credit,
.member-card-contents .card-info.point,
.member-card-contents .card-info.friend,
.member-card-contents .card-info.culture {
    text-align: left;
}
.info-login-button{
    text-align: center;
}
.info-log,.info-cancel{
    width: 230px;
    margin: 0 auto;
}
.info-log{
    margin-bottom: 15px;
}
.info-login-button-inner{
    width: 100%;
    padding: 10px 0;
    border: none;
    font-size: 16px;
}
.info-log .info-login-button-inner{
    background: #004aa2;
    color: #fff;
    font-size: 16px;
}
.info-cancel .info-login-button-inner{
    background: #bbb;
    color: #fff;
    font-size: 16px;
}
/*detail*/
.member-card-contents .check-point{
    width: 100%;
}
.member-card-contents .check-point .content-inner{
    width: 90%;
    margin: 0 auto;
}
.member-card-contents .check-point .point-detail{
    display: none;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    background: #eee;
}
.member-card-contents .check-point .point-detail.to-mo{
    background: #ffccd7;
}
.member-card-contents .check-point .content-inner .check-point-button-inner{
    width: 100%;
    padding: 10px 0;
    border: none;
    color: #fff;
    outline: none;
    font-size: 16px;
}
.member-card-contents .check-point .content-inner.kips .check-point-button-inner{
    background: #004DA0;
    font-size: 16px;
}
.member-card-contents .check-point .content-inner.glance .check-point-button-inner{
    background: #333;
    font-size: 16px;
}
.member-card-contents .check-point .point-btn_t.to-mo{
    background: #e94966;
}
.member-card-contents  .card-info.bunka-salon{
    font-family: MeiryoKe_Gothic, "Ricty Diminished", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console",monospace;
    text-align: justify;
}
.member-card-contents .card-info.bunka-salon table td{
    width: 30px;
}
.member-card-contents .check-point.glance{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0
}
.member-card-contents .glance-member-detail{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 10px 0 20px;
    background: #fff;
}
.member-card-contents .glance-member-detail .content-inner{
    width: 69%;
    margin: 0 auto;
}
.member-card-contents .glance-member-detail .content-inner.glance .check-point-button-inner{
    color: #fff;
    outline: none;
    border: none;
    padding: 10px 0;
    width: 100%;
    background: #595757;
    font-size: 16px;
}

.member-card-contents .point-detail .point-content{
    color: #004DA0;
    text-align: center;
}
.member-card-contents .point-detail.to-mo .point-content{
    color: #595757;
}
.member-card-contents .check-point .point-content p{
    font-weight: bold;
}
.member-card-contents .point-detail .content-inner .point-content-inner{
    font-weight: bold;
}
.member-card-contents .update.button{
    width: 75%;
    margin:  0 auto;
    border: 1px solid #004DA0;
    position: relative;
}
.member-card-contents .update.button button:after {
    content: '';
    background: url("../img/reload-icon/kousin_icon_00.png") no-repeat center;
    background-size: contain;
    position: absolute;
    transform: translate(0,-50%);
    top: 50%;
    width: 34px;
    padding-top: 20px;
}

.member-card-contents .update.button button.reload-btn-load:after {
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    position: absolute;
    transform: translate(0,-50%);
    top: 23%;
}

button[disabled] {
    background: #ccc!important;
}

.button-inner.disabled {
    color: #999!important;
    background: #ccc!important;
}

.update.button.disabled {
    border: 1px solid #999!important;
}

.member-card-contents .update.button .button-inner{
    width: 100%;
    border: none;
    outline: none;
    color: #004DA0;
    background: #FFF;
    padding: 5px 0;
    font-size: 16px;
}
.member-card-contents .point-content-info{
    width: 85%;
    margin: 10px auto;
}
.member-card-contents .point-content-info .info-inner{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
._card-detail{
    margin-bottom: 70px;
}
.about-card-detail.deleted .card-img>img{
    filter: brightness(40%);
}
.member-card-contents .about-card-detail.deleted  .check-point .content-inner.kips .check-point-button-inner{
    background: #ccc;
    color: #ffffff;
}
.member-card-contents .kips-card-area {
    padding: 20px 5%;
}
.member-card-contents .kips-card-area button.kips-card-detail-btn {
    width: 100%;
    padding: 10px 0;
    text-align: center;
    color: white;
    background-color: #45B035;
    font-size: 16px;
    border: none;
}


/*coupon*/
.coupon.contents{
    margin: 0 5%;
    position: relative;
}
.coupon-content.main-img{
    text-align: center;
}
.coupon.used .coupon-content.main-img{
    position: relative;
}
.coupon.used .coupon-content.main-img>img{
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    animation: coupon_filter .6s linear both;
    margin: 30px 0;
    background: #ffffff;
}
.net-shop_coupon-code{
    padding: 20px 0;
    background: #FBF7E1;
    text-align: center;
    font-weight: bold;
}
.net-shop_coupon-code .code_inner{
    margin-bottom: 10px;
}
.net-shop_coupon-code .code_num{
    font-size: 36px;
    font-weight: bold;
}
.coupon.used .coupon-content.main-img .-coupon-used{
    position: absolute;
    top: 70%;
    left: 50%;
    transform:translate(-50%,-50%);
    font-weight: bold;
    color: #FFF;
    z-index: 100;
}
.coupon.used .coupon-content.main-img .check-mark{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    font-size: 0;
}
.coupon.used .coupon-content.main-img .check-mark span{
    position: relative;
    display: inline-block;
}
.coupon.used .coupon-content.main-img .check-mark span:before{
    content: '';
    position: absolute;
    display: block;
    bottom: 10px;
    left: -30px;
    width: 12px;
    height: 40px;
    border-radius: 15px;
    background-color: #fff;
    transform-origin: center bottom;
    transform: translateX(-50%) scaleX(-1) rotate(-135deg);
    animation: check_anim .2s linear both;
}
.coupon.used .coupon-content.main-img .check-mark span:after{
    content: '';
    position: absolute;
    display: block;
    bottom: -15px;
    left: -7px;
    width: 12px;
    height: 75px;
    border-radius: 15px;
    background-color: #fff;
    transform-origin: center bottom;
    transform: translateX(-50%) rotate(45deg);
    animation: check_anim .1s .1s linear both;
}
@keyframes check_anim{
    from{
        height: 0;
    }
}
@keyframes coupon_filter{
    from{
        -webkit-filter: brightness(100%);
        filter: brightness(100%);
    }
}
.coupon-content.message .message-content{
    padding: 5px 0;
}
.coupon-content.message .message-content-inner{
    display: inline-block;
    background: #fff100;
    font-size: 10px;
    padding: 4px 10px;
}
.use-coupon.btn{
    width: 255px;
    margin: 0 auto;
}
.use-coupon.btn .btn-inner{
    width: 100%;
    color: #fff;
    background: #004DA0;
    border: none;
    padding: 10px 0;
    font-size: 16px;
}
.use-coupon.btn.digital-coupon .btn-inner{
    background-color: #F05E1C;
}
.use-coupon.used.btn .btn-inner{
    color: #fff;
    background: #c9caca;
    font-size: 16px;
}
.coupon.modal{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*border: 1px solid #e84d67;*/
    border-radius: 10px;
    width: 280px;
    height: 317px;
    box-sizing: border-box;
    background: #fff;
    display: none;
    box-shadow: 0px 15px 20px -5px #ccc;
}
.coupon.digital-coupon.modal{
    height: 450px;
}
.coupon.modal.active{
    display: block;
}
.coupon.modal .modal-content.message{
    padding: 40px 0;
    text-align: center;
}
.coupon.digital-coupon.modal .modal-content-inner{
    text-align: left;
}
.coupon.digital-coupon.modal .modal-content-inner.top-msg{
    text-align: center;
}
.coupon.modal .modal-content.message .heading{
    font-weight: bold;
    color: #e84d67;
    margin-bottom: 10px;
}
.coupon.digital-coupon.modal .modal-content.message .heading{
    color: #00896C;
}
.coupon.modal .modal-inner.btn{
    width: 85%;
    margin: 0 auto 25px auto;
}
.coupon.modal .modal-inner.btn .btn-inner{
    width: 100%;
    color: #fff;
    padding: 10px 0;
    border: none;
    box-sizing: border-box;
    font-size: 16px;
}
.coupon.modal .modal-inner.btn .btn-inner.confirm{
    display: block;
    background: #004DA0;
    text-align: center;
}
.coupon.digital-coupon.modal .modal-inner.btn .btn-inner.confirm{
    background: #00896C;
}
.coupon.modal .modal-inner.btn .btn-inner.cancel{
    background: #595757;
}
.coupon.modal .modal.close{
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: 26px;
    margin-right: 10px;
    margin-top: 10px;
}

/*--Q&A--*/
.qa-contents{
    overflow-x: hidden;
}
.qa-content{
    margin: 14px 0;
    padding: 0 5%;
}
.qa-contents .qa-head .qa-head-inner{
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    border-top: 1px solid #004DA0;
    border-bottom: 1px solid #004DA0;
    color: #004DA0;
}
.qa-content .qa-content-inner .question{
    border: 1px solid #004DA0;
    padding: 10px 40px 10px 20px;
    color: #004DA0;
    position: relative;
}
.qa-content .qa-content-inner .question span{
    display: block;
    background: #004da0;
    position: absolute;
    bottom: 50%;
    right: 15px;
    width: 12px;
    height: 2px;
}
.qa-content .qa-content-inner .question span:last-of-type{
    transform: rotate(90deg);
}
.qa-content .qa-content-inner.active .question span:last-of-type{
    width: 2px;
}
.qa-content .qa-content-inner .answer{
    display: none;
    padding: 0 5%;
    border-right: 1px solid #004da0;
    border-left: 1px solid #004da0;
    border-bottom: 1px solid #004da0;
}
.qa-content .qa-content-inner .answer-detail{
    display: none;
    padding: 14px 5%;
    border-right: 1px solid #004da0;
    border-left: 1px solid #004da0;
    border-bottom: 1px solid #004da0;
}
.qa-content .qa-content-inner{
    margin-bottom: 10px;
}
.qa-content .qa-content-inner .answer-inner{
    margin-bottom: 20px;
}
.q-tx{font-size: 12px; font-weight: bold; color:#004da0; padding-bottom: 5px;}
.ans-tx{font-size: 12px;}
.q-tx > span,.ans-tx > span{font-weight: bold; padding-right: 5px;}

/*--inquiry--*/
.inquiry-contents .inquiry-heading .inquiry-heading-inner{
    text-align: center;
    color: #004DA0;
    font-weight: bold;
}
.inquiry-contents .inquiry-heading{
    margin-bottom: 20px;
}
.inquiry-contents .main-content-inner .inquiry-content.shop-list .content-inner select{
    border: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.inquiry-contents .main-content-inner .inquiry-content.shop-list .content-inner{
    border: 1px solid #004DA0;
    padding: 0px 5px;
    position: relative;
}
.inquiry-contents .main-content-inner .inquiry-content.shop-list .content-inner:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
.inquiry-contents .main-content-inner .inquiry-content.prefecture .content-inner select{
    border: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.inquiry-contents .main-content-inner .inquiry-content.prefecture .content-inner{
    border: 1px solid #004DA0;
    position: relative;
    padding: 0px 5px;
}
.inquiry-contents .main-content-inner .inquiry-content.prefecture .content-inner:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
input{
    width: 100%;
    border: none;
    outline: none;
    padding: 7px 5px;
    box-sizing: border-box;
}
.inquiry-contents .main-content-inner .inquiry-content.post .content-inner{
    width: 47%;
    border: 1px solid #004DA0;
}
.inquiry-contents .main-content-inner .inquiry-content.tel .content-inner{
    border: 1px solid #004DA0;
}
.inquiry-contents .main-content-inner .inquiry-content.mail .content-inner{
    border: 1px solid #004DA0;
}
.inquiry-contents .main-content-inner .inquiry-content.mail-check .content-inner{
    border: 1px solid #004DA0;
}
.inquiry-contents .main-content-inner .inquiry-content.address .content-inner{
    height: 103px;
    border: 1px solid #004DA0;
    padding: 7px 5px;
}
.inquiry-contents .main-content-inner .inquiry-content.text .content-inner{
    height: 103px;
    border: 1px solid #004DA0;
    padding: 7px 5px;
}
.inquiry-contents .main-content-inner .inquiry-content .content-inner textarea{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0;
}
.inquiry-contents .main-content-inner .inquiry-content .content-inner .first-name,
.inquiry-contents .main-content-inner .inquiry-content .content-inner .last-name{
    width: 47%;
    border: 1px solid #004DA0;
    margin: 0;
}
.inquiry-contents .main-content-inner .inquiry-content.name .content-inner{
    position: relative;
}
.inquiry-contents .main-content-inner .inquiry-content.name-f .content-inner{
    position: relative;
}
.inquiry-contents .main-content-inner .inquiry-content.name .content-inner .name-content{
    display: inline-block;
}
.inquiry-contents .main-content-inner .inquiry-content.name-f .content-inner .name-f-content{
    display: inline-block;
}
.inquiry-contents .main-content-inner .inquiry-content .content-inner .first-name{
    position: absolute;
    right: 0;
}

.inquiry-contents .inquiry-main-content{
    margin: 0 auto;
    width: 92%;
}
.inquiry-content.button .content-button .button-inner{
    width: 100%;
    background: #004DA0;
    color: #ffffff;
    border: none;
    padding: 10px 0;
    font-size: 16px;
}
.inquiry-content.button .content-button{
    width: 74%;
    margin: 0 auto;
}
.inquiry-content.button .cancel-button .button-inner{
    width: 100%;
    background: #595757;
    color: #ffffff;
    border: none;
    padding: 10px 0;
    font-size: 16px;
}
.inquiry-content.button .cancel-button{
    width: 74%;
    margin: 0 auto;
}
.inquiry-content.button{
    width: 100%;
}
.inquiry-contents .inquiry-qa-link{
    width: 100%;
    display: block;
    background: #004DA0;
    color: #ffffff;
    text-align: center;
    border: none;
    border-radius: 10px;
    padding: 10px 0;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}
.inquiry-content{
    margin-bottom: 15px;
}
/*--protocol--*/
.protocol-contents{
    overflow-x: hidden;
}
.protocol-contents .protocol-head{
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    border-top: 1px solid #004DA0;
    border-bottom: 1px solid #004DA0;
    color: #004DA0;
}
.protocol-contents .protocol-content{
    padding: 0 5%;
}
.protocol-contents-detail .protocol-content{
    padding: 14px 5%;
}
.protocol-contents .protocol-content-inner{
    padding-bottom: 20px;
}

/*--terminal--*/
.terminal-contents.contents{
    margin: initial;
}
.terminal-contents .terminal-head{
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    border-top: 1px solid #004DA0;
    border-bottom: 1px solid #004DA0;
    color: #004DA0;
}
.terminal-contents .terminal-head .content-inner {
    filter: initial;
    display: inline-block;
    background: #004DA0;
    color: #ffffff;
    margin-left: 10px;
    padding: 2px 10px;
}
.terminal-contents .terminal-content{
    padding: 20px 20% 0 20%;
}
.terminal-content .terminal-content-inner.user-info{
    padding: 20px 0;
    color: #004DA0;
    font-weight: bold;
}
.terminal-content .terminal-content-inner.user-info .user-id {
    margin-bottom: 10px;
}
/*--t_inheritance--*/
._inheritance.terminal-contents .terminal-content{
    padding: 20px 10% 0 10%;
}
._inheritance .-inheritance-info{
    text-align: center;
}
.-inheritance-code,.-inheritance-id{
    border: 1px #cccccc solid;
}
._inheritance .-inheritance-button{
    margin: 0 10%;
    background: #004DA0;
}
._inheritance .-inheritance-button[disabled] {
    background: #ccc!important;
}
._inheritance .-inheritance-button .button-inner{
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
}
._inheritance .-inheritance-modal{
    width: 70%;
    display: none;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding:0 10px 30px;
    border-radius: 15px;
    box-shadow: 0px 10px 30px -5px #ccc;

}
._inheritance .-inheritance-modal .close-btn{
    margin: 0 10%;
    padding: 10px 0;
    color: #fff;
    background: #0046A5;
}
.-inheritance-modal .modal-content{
    padding: 20px 0;
}
.-inheritance-modal .-tips{
    text-align: left;
    color: red;
}

.-point-update-modal{
    width: 70%;
    display: none;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding:0 10px 30px;
    border-radius: 15px;
    box-shadow: 0px 10px 30px -5px #ccc;

}
.-point-update-modal .close-btn{
    margin: 0 10%;
    padding: 10px 0;
    color: #fff;
    background: #0046A5;
}
.-point-update-modal .modal-content{
    padding: 20px 0;
}

/*--version--*/
.version-contents{
    margin: 0 3%;
}
.version-contents .version-head{
    width: 100%;
    text-align: center;
}
.version-contents .version-head .version-head-inner{
    color: #004DA0;
}
.version-contents .version-head .version-head-inner .content-inner{
    display: inline-block;
    color: #fff;
    background: #004DA0;
    margin-left: 10px;
    padding: 2px 10px;
}
.version-contents .version-content{
    margin: 20px 5% 0 5%;
}
.version-contents .version-content .app-version{
    color: #004DA0;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background: #EEE;
}
.version-contents .version-content .version-detail{
    margin-top: 20px;
}

/*--user-info--*/
.user-info-contents.contents{
    margin: initial;
}
.user-info-contents .user-info-head{
    padding: 10px 0;
    border-top: 1px solid #004DA0;
    border-bottom: 1px solid #004DA0;
    font-weight: bold;
    text-align: center;
}
.user-info-contents .user-info-head-inner{
    color: #004DA0;
}
.user-info-contents .user-info-head-inner .content-inner{
    display: inline-block;
    background: #004DA0;
    color: #fff;
    margin-left: 10px;
    padding: 2px 10px;
}
.user-info-contents .user-info-message{
    text-align: left;
    padding: 20px 0 0 0;
    margin-top: 20px;
    color: #000000;
    font-family: sans-serif;
}
.user-info-contents .user-info-content .content-shop .content-inner select{
    border: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.user-info-contents .user-info-content .content-shop .content-inner{
    border: 1px solid #004DA0;
    position: relative;
    padding: 0px 5px;
}
.user-info-contents .user-info-content .content-shop .content-inner:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
.user-info-contents .user-info-content .content-shop{
    margin-bottom: 10px;
}
.user-info-contents .user-info-content .content-birthday{
    margin-top: 30px;
}
.user-info-contents .user-info-content .content-birthday-detail{
    margin: 0 5%;
}
.user-info-contents .user-info-content .content-sex-detail{
    margin: 0 5%;
}
.content-inner.user-birthday{

}
.user-info-content-inner .content-birthday .content-inner.user-birthday{
    color: #333;
    display: inline-block;
}
.content-inner.user-birthday .content-inner{
    margin-left: 10px;
}
.user-info-contents .user-info-content-inner{
    margin-top: 10px;
}
.user-info-contents .user-info-content-inner-l{
    margin-top: 20px;
}
.user-info-contents .user-info-content .user-info-button{
    width: 77%;
    margin: 20px auto;
}
.user-info-contents .user-info-content .user-info-button .button-inner{
    width: 100%;
    border: none;
    color: #fff;
    background: #004DA0;
    padding: 10px 0;
    font-size: 16px;
}

/* member-delete*/
.--d-cards-glance{
    padding-top: 30px;
}
.-m-delete .--d-cards-glance .-glance-inner{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.-m-delete .--d-cards-glance .-glance-content{
    width: 47%;
}
.-m-delete-detail .c-heading-content{
    border: none;
}
.--d-detail .-detail-content{
    width: 250px;
    margin: 0 auto;
}
.--d-info-content{
    text-align: center;
    padding: 20px 0;
}
.-m-delete-detail .button{
    width: 100%;
    text-align: center;
}
.-m-delete-detail .button-inner{
    width: 75%;
    margin: 0 auto;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
}
.-m-delete-button .button-inner{
    background: #004DA0;
    margin-bottom: 20px;
    font-size: 16px;
}
.-m-delete-cancel-button .button-inner{
    background: #595757;
    font-size: 16px;
}

/*how-to-use*/
.how-to-use{
    text-align: left;
    align-items: center;
    margin:  0 5%;
}

/*兼用スタイル*/
.contents,.c-contents{
    margin:  0 3%;
}
.content-heading,.c-heading-content{
    padding: 10px 0;
    border-top:1px solid #004DA0 ;
    border-bottom:1px solid #004DA0 ;
    text-align: center;
}
.c-heading-content .c-head-inner{
    color: #004DA0;
    font-weight: bold;
}
.c-heading-content .c-head-inner .content-inner{
    display: inline-block;
    background: #004DA0;
    color: #fff;
    margin-left: 10px;
    padding: 2px 10px;
}
/*add style*/
.pt-s{padding-top: 10px;}
input,select{height: 32px;}

/*-------
sample
 */
.sample .row div{
    padding: 20px 0;
    border: 2px solid #fff;
    background: #ccc;
}
/**-------
content center
 */
.-c_content-center{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
.-c_title-center{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
/**------
slick
 */
.member-card-contents{
    margin-bottom: 100px;
}
.slick-prev {
    left: 0;
}
.slick-next{
    right: 0;
}
.slick-prev, .slick-next{
    width: 30px;
    height: 30px;
    z-index: 10;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    top: 65px;
    padding: 2px 0 0;
}
.slick-prev:hover, .slick-next:hover{
    cursor: pointer;
}
.slick-prev:before, .slick-next:before{
    color: #333;
    font-size: 30px;
}

/*------
Survey check-box
 */
.terms{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.terms-inner{
    padding: 4px 10px;
    color: #004da0;
    text-decoration: underline;

}
.terms-modal{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: scroll;
    background: #fff;
}
.terms-modal.active{
    display: block;
}
.terms-btn{
    width: 250px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.terms-btn .btn-inner{
    width: 100%;
    text-align: center;
    color: #fff;
    background: #004da0;
    border: none;
    padding: 10px 0;
    font-size: 16px;
}
.check-box-inner{
    text-align: center;
    padding: 8px 0;
    border: 1px solid #333;
    margin-bottom: 20px;
}
/*how-to-use*/
.how-to-use-contents{
    padding: 0 0px;
}
.how-to-use-img{
    height: 90vh;
}
.how-to-use-img img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
}

/*Kintetsu-ID-link*/
.kintetsu-id-linkage.content-heading {
    color: #004DA0;
    font-weight: bold;
    vertical-align: baseline;
}
.kintetsu-id-linkage.content-heading a {
    color: white;
    background-color:#004DA0;
    padding: 5px 10px;
    margin-left: 16px;
}
.kintetsu-id-linkage-content-inner {
    text-align: center;
    padding: 12px 16px;
    height: calc(100vh - 100px);
}

.kintetsu-id-linkage-contents .display-flex {
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 0 16px;
}
.kintetsu-id-linkage-contents .link-condition {
    color: #0046A5;
    display: block;
    width: 100%;
    text-align: center;
    font-weight: bold;
    background-color: #e2edf1;
    padding: 16px 0;
    margin-bottom: 16px;
}
.kintetsu-id-linkage-contents .kintetsu-id-description {
    width: 100%;
    text-align: left;
}
.kintetsu-id-linkage-contents .kintetsu-id-description span{
    color: #0046A5;
    font-weight: bold;
}
.kintetsu-id-linkage-contents button.btn-ksid {
    width: 100%;
    background-color: #0046A5;
    color: white;
    font-weight: bold;
    padding: 8px 0;
    margin-bottom: 16px;
    border: none;
}
.kintetsu-id-linkage-contents button.btn-ksid.py-16 {
    padding: 16px 0;
    margin-bottom: 16px;
}
.kintetsu-id-linkage-contents button.kintetsu-id-link-btn {
    padding: 16px 0;
    background-color: #45B035;
    margin-top: auto;
}
.kintetsu-id-linkage-contents button.outline {
    color: #0046A5;
    background-color: transparent;
    border: solid 2px #0046A5;
}
.kintetsu-id-linkage-contents .link-open {
    position: relative;
    margin-left: 5px;
}

.kintetsu-id-linkage-contents .open-mark {
    width: 10px;
    height: 10px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(-45deg);
    position: absolute;
    bottom: -1px;
}
.kintetsu-id-linkage-contents .open-mark.close {
    width: 10px;
    height: 10px;
    border-left: 2px solid white;
    border-bottom: 2px solid white;
    transform: rotate(135deg);
    position: absolute;
    bottom: -8px;
}
.kintetsu-id-linkage-contents .bottom-side {
    bottom: 5px;
}
.kintetsu-id-linkage-contents .bottom-side.close {
    bottom: -1px;
}

.kintetsu-id-linkage-contents .change-mail-content {
    color: #595757;
    text-align: center;
    background-color: #e2edf1;
    padding: 16px;
}
.kintetsu-id-linkage-contents .change-mail-content .text-left {
    text-align: left;
}
.kintetsu-id-linkage-contents .triangle {
    background: #595757;
    height: calc(30px / 2);
    width: 30px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    margin: 16px auto;
}
/* .kintetsu-id-linkage-contents .unlink-btn-sample {
    display: inline-block;
    background-color: #d6d6d6;
    width: 80%;
    padding: 10px;
} */
.kintetsu-id-unlink.modal{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 10px;
    width: 280px;
    box-sizing: border-box;
    background: #fff;
    display: none;
    box-shadow: 0px 15px 20px -5px #ccc;
}
.kintetsu-id-unlink.modal.active{
    display: block;
    z-index: 2000;
}
.kintetsu-id-unlink.modal .modal-content.message{
    padding: 40px 32px 16px 32px;
    text-align: center;
}
.kintetsu-id-unlink.modal .modal-content.message .heading{
    margin-bottom: 10px;
}
.kintetsu-id-unlink.modal .modal-inner.btn-area{
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
.kintetsu-id-unlink.modal .modal-inner.btn-area button{
    width: 40%;
    text-align: center;
    color: #fff;
    padding: 10px 0;
    border: none;
    box-sizing: border-box;
    font-size: 16px;
}
.kintetsu-id-unlink.modal .modal-inner.btn-area button.confirm{
    background: #45B035;
    margin-right: 8px;
}
.kintetsu-id-unlink.modal .modal-inner.btn-area button.cancel{
    background: #595757;
}
/* .kintetsu-id-unlink.modal .modal.close{
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: 26px;
    margin-right: 10px;
    margin-top: 10px;
} */
.kintetsu-id-linkage-contents .modal-shadow.active {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
    opacity: 0.5;
}

.kintetsu-id-linkage-contents .go-top-click {
    display: inline-block;
    width: 100%;
    padding: 16px 0;
    color: white;
    background-color: #45B035;
    font-weight: bold;
    border: none;
    margin-top: auto;
}

@-webkit-keyframes spin {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform: rotate(360deg);}
}
@-moz-keyframes spin {
    0% {-moz-transform: rotate(0deg);}
    100% {-moz-transform: rotate(360deg);}
}
@-ms-keyframes spin {
    0% {-ms-transform: rotate(0deg);}
    100% {-ms-transform: rotate(360deg);}
}
@-o-keyframes spin {
    0% {-o-transform: rotate(0deg);}
    100% {-o-transform: rotate(360deg);}
}
@keyframes spin {
    0% {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

/*-------------ダークモード対応------------------*/

@media (prefers-color-scheme: dark) {

/*--
body{
    font-family:sans-serif;
    font-size: 14px;
    line-height: 1.6;
    word-break: break-all;
    background-color: #000000;
    color: #FFFFFF;
}
--*/

select{
    background:#FFF;
}
a{
    text-decoration:none;
    color: #00ACFF;
}
img{
    max-width: 100%;
}
h1{
    font-size: 20px;
    line-height: 1.6;
}
h2{
    font-size: 18px;
    line-height: 1.6;
}
h3{
    font-size: 16px;
    line-height: 1.6;
}

p span{
    filter: invert(100%);
}

.font-no{
    font-size: 12px;
    line-height: 1.6;
}
.font-style{
    font-size: 14px;
    line-height: 1.6;
}
.font-l{
    font-size: 20px;
    line-height: 1.6;
}
.font-ml{
    font-size: 18px;
    line-height: 1.6;
}
.font-m{
    font-size: 16px;
    line-height: 1.6;
}
.font-ms{
    font-size: 14px;
    line-height: 1.6;
}
.font-s{
    font-size: 12px;
    line-height: 1.6;
    font-weight: normal;
}
.font-ss{
    font-size: 10px;
    line-height: 1.6;
}
.h-s{
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 10px;
}
.tips,.font-red{
    filter: initial;
    color: #FF0082;
}
.error{
    padding-top:5px;
    font-size: 12px;
    line-height: 1.6;
    color: red;
}

/*survey*/
.survey-contents select{
    border: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.survey-contents option{
    padding: 0;
}
.survey-contents .select-item{
    position: relative;
    background-color: #FFFFFF;
    border: 1px solid #00ACFF;
    width: 270px;
    font-size: 16px;
}
.survey-contents .select-item select option{
    height: 32px;
    padding:0 5px;
}
.survey-content .select-item:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
.survey-contents{
    margin: 0 4%;
}
.survey-message{
    text-align: left;
    padding: 10px 0;
    border-bottom:1px #ccc dashed;
    margin-bottom: 5px;
    color: #FFFFFF;
    font-weight: bold;
    font-family: sans-serif;
}
.survey-message-inner{
    text-align: left;
    padding: 20px 0;
    color: #FFFFFF;
    font-family: sans-serif;
}

.survey-content.shop{
    margin-top: 15px;
}
.survey-content.shop .shop-inner{
    font-size: 12px;
    padding: 5px 0;
}
.survey-content.birthday{
    margin-top: 15px;
}
.survey-content.birthday .birthday-inner{
    font-size: 12px;
    padding: 5px 0;
}
.survey-content .birth.year{
    display: inline-block;
    width: 120px;
    background-color: #FFFFFF;
    border: 1px solid #00ACFF;
    box-sizing: border-box;
    vertical-align: top;
    padding: 0px 5px;
}
.survey-content .year-inner{
    width: 100%;
    padding: 0;
    border: none;
    outline: none;
    box-sizing: border-box;
}
.survey-content .birth.day{
    display: inline-block;
    width: 110px;
    background-color: #FFFFFF;
    border: 1px solid #00ACFF;
    padding: 0px 5px;
    position: relative;
}
.chose-sex{
    margin-top: 15px;
}
.chose-sex .sex-inner{
    padding: 5px 0;
}
.chose-sex-inner{
    display: inline-block;
    position: relative;
}
.chose-sex-inner:nth-of-type(2n+1){
    margin-left: 15px;
}
.chose-sex-inner label:before{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    border-radius: 50%;
    border: 1px solid #ccc;
    padding: 1px;
}
#female:checked + label:before,#male:checked + label:before{
    background: #004DA0;
    background-clip: content-box;
    padding: 1px;
}
.label-content{
    filter: initial;
    display: inline-block;
    margin-left: 3px;
}
#female,#male{
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.survey-login{
    width: 100%;
    margin: 15px 0;
}
.survey-login.button .button-inner{
    width: 65%;
    margin: 0 auto;
    font-size: 16px;
}
.survey-login .login-button{
    width: 100%;
    color: #fff;
    background: #ccc;
    border: none;
    outline: none;
    padding: 10px 0;
}
#_s-login-btn.active{
    background: #0046A5;
}
._s-check-box{
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 0;
    border: 1px solid #000;
    margin-bottom: 20px;
}
/*-------------check-box style修正------------------*/
#_s-check-box + label{
    position: relative;
}
#_s-check-box + label:before{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 22px;
    height: 22px;
    border: 1px solid #ccc;
    padding: 1px;
    vertical-align: middle;
    margin-right: 10px;
}
/*#_s-check-box:checked + label:before{*/
/*    background: #004da0;*/
/*    background-clip: content-box;*/
/*}*/
#_s-check-box:checked + label:after{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 12px;
    height: 28px;
    transform: rotate(45deg);
    border: 4px solid #fff;
    vertical-align: middle;
    margin-right: 10px;
    border-top: none;
    border-left: none;
    position: absolute;
    left: 8px;
    top: -10px;
}
/*-------------check-box style修正------------------*/
#_s-check-box{
    position: absolute;
    clip: rect(0,0,0,0);
    width: 0;
}
/**member-cards*/
.member-card-contents{
    padding: 0 15px;
}
.member-card-contents .heading{
    padding: 10px 0;
}
.member-card-contents select{
    border: none;
    outline: none;
    width: 100%;
    line-height: 1.6;
    padding: 0 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.member-card-contents option{
    height: 100%;
}
.cards.select-item{
    width: 280px;
    position: relative;
    height: 100%;
    border: 1px solid #004DA0;
    margin-bottom: 30px;
}
.select-item:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
.cards-detail-inner{
    margin-bottom: 15px;
}
.member-card-contents .login-button{
    text-align: center;
}
.member-card-contents .login-button .login-button-inner{
    width: 220px;
    background: #004DA0;
    color: #fff;
    padding: 10px 0;
    border: none;
    font-size: 16px;
}
.card-content-message{
    padding-bottom: 5px;
    line-height: 1.6;
    font-size: 12px;
}
.card-content-message.cards-category_01{
    color: #09348B;
}
.card-tips{
    padding-bottom: 5px;
}
.card-tips-inner{
    filter: initial;
    font-size: 12px;
}
.card-num{
    display: inline-block;
    border: 1px solid #004DA0;
}
.card-num.kips-point,.card-num.tomonokai,.card-num.gaisho,.card-num.saron{
    width: 100%;
    border: none;
}
.card-num.kips-point .kips-point-inner{
    width: 95%;
    border: 1px solid #004DA0;
}
.card-num.tomonokai .tomonokai-inner{
    width: 27%;
    display: inline-block;
    border: 1px solid #004DA0;
}
.card-num.tomonokai #tomonokai-inner_f{
    width: 25%;
}
.card-num.tomonokai #tomonokai-inner_m{
    width: 40%;
}
.card-num.tomonokai #tomonokai-inner_l{
    width: 15%;
}
.card-num.gaisho .gaisho-inner{
    width: 27%;
    border: 1px solid #004DA0;
    display: inline-block;
}
.card-num.saron .saron-inner{
    width: 95%;
    border: 1px solid #004DA0;
}
.card-num.main-num{
    width: 48%;
}
.card-num.sub-num{
    width: 88px;
    margin-left: 10px;
}
.card-detail .tips-message{
    display: inline-block;
    font-size: 12px;
}
.card-detail .tips-message.main-num{
    width: 48%;
}
.card-detail .tips-message.sub-num{
    margin-left: 10px;
}
.card-num input{
    width: 100%;
    border: none;
    outline: none;
    padding: 7px 5px;
    box-sizing: border-box;
}
.member-detail-name{
    padding-bottom: 5px;
}
.member-detail-name span{
    display: inline-block;
    width: 158px;
    font-size: 12px;
}
.cards-detail-inner .member-detail .member-detail-inner{
    display: inline-block;
}
.cards-detail-inner .member-detail .member-detail-inner.tel{
    width: 95%;
    border:1px solid #004DA0;
}
.cards-detail-inner .member-detail .member-detail-inner.tel input{
    width: 100%;
    padding: 7px 5px;
    box-sizing: border-box;
    border: none;
    outline: none;
}
.cards-detail-inner .member-detail .member-detail-inner.post-num{
    width: 27%;
    border:1px solid #004DA0;
}
.cards-detail-inner .member-detail .member-detail-inner.post-num input{
    width: 100%;
    padding: 7px 5px;
    box-sizing: border-box;
    border: none;
    outline: none;
}
.member-detail-inner.birth-years{
    width: 92px;
    border: 1px solid #00ACFF;
}
.member-detail-inner.birth-years input{
    width: 100%;
    border: none;
    outline: none;
    padding: 7px 5px;
    box-sizing: border-box;
}
.member-detail-inner.birth-months,.member-detail-inner.birth-days{
    width: 70px;
    border: 1px solid #00ACFF;
    position: relative;
}
.member-detail-inner.birth-months select,.member-detail-inner.birth-days select{
    border: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.member-detail-inner.birth-months:after,.member-detail-inner.birth-days:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
.first-name,.last-name{
    width: 143px;
    border: 1px solid #004DA0;
}
.first-name input,.last-name input{
    width: 100%;
    border: none;
    outline: none;
    padding: 7px 5px;
    box-sizing: border-box;
}
.first-name{
    margin-left: 15px;
}
.card-detail, .card-notice-message {
    display: none;
}
.card-detail.active, .card-notice-message.active {
    display: block;
}
.card-num-tip{
    font-size: 0;
}
.card-num-tip span{
    display: inline-block;
    width: 33.3%;
}
/*check*/
.card-type{
    width: 250px;
    margin: 0 auto 15px;
    text-align: center;
}
.card-img{
    position: relative;
}
.card-img.older:after{
    content: '';
    position: absolute;
    bottom:-20px;
    right: -20px;
    width: 16px;
    height: 16px;
    border: 1px solid #ED7D31;
    border-radius: 50%;
    background: #ffff00;
}
.card-info{
    width: 270px;
    margin: 0 auto 30px;
    text-align: center;
}

.card-info .info-inner{
    border-radius: 5px;
    margin-bottom: 5px;
}

.member-card-contents .card-info.kips-point-card{
    padding: 30px 0;
}
.member-card-contents .card-info.to-mo{
    padding: 30px 0;
}
.member-card-contents .card-info.gai-sho,
.member-card-contents .card-info.credit,
.member-card-contents .card-info.point,
.member-card-contents .card-info.friend,
.member-card-contents .card-info.culture {
    text-align: left;
}
.info-login-button{
    text-align: center;
}
.info-log,.info-cancel{
    width: 230px;
    margin: 0 auto;
}
.info-log{
    margin-bottom: 15px;
}
.info-login-button-inner{
    width: 100%;
    padding: 10px 0;
    border: none;
    font-size: 16px;
}
.info-log .info-login-button-inner{
    background: #004aa2;
    color: #fff;
    font-size: 16px;
}
.info-cancel .info-login-button-inner{
    background: #bbb;
    color: #fff;
    font-size: 16px;
}
/*detail*/
.member-card-contents .check-point{
    width: 100%;
}
.member-card-contents .check-point .content-inner{
    width: 90%;
    margin: 0 auto;
}
.member-card-contents .check-point .point-detail{
    display: none;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0;
    background: #aaa;
}
.member-card-contents .check-point .point-detail.to-mo{
    background: #ffccd7;
}
.member-card-contents .check-point .content-inner .check-point-button-inner{
    width: 100%;
    padding: 10px 0;
    border: none;
    color: #fff;
    outline: none;
    font-size: 16px;
}
.member-card-contents .check-point .content-inner.kips .check-point-button-inner{
    background: #004DA0;
    font-size: 16px;
}
.member-card-contents .check-point .content-inner.glance .check-point-button-inner{
    background: #333;
    font-size: 16px;
}
.member-card-contents .check-point .point-btn_t.to-mo{
    background: #e94966;
}
.member-card-contents  .card-info.bunka-salon{
    font-family: MeiryoKe_Gothic, "Ricty Diminished", "Osaka－等幅", "Osaka-等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", "Courier New", Courier, Monaco, Menlo, Consolas, "Lucida Console",monospace;
    text-align: justify;
}
.member-card-contents .card-info.bunka-salon table td{
    width: 30px;
}
.member-card-contents .check-point.glance{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0
}
.member-card-contents .glance-member-detail{
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 10px 0 20px;
    background: #000000;
}
.member-card-contents .glance-member-detail .content-inner{
    width: 69%;
    margin: 0 auto;
}
.member-card-contents .glance-member-detail .content-inner.glance .check-point-button-inner{
    color: #fff;
    outline: none;
    border: none;
    padding: 10px 0;
    width: 100%;
    background: #595757;
    font-size: 16px;
}

.member-card-contents .point-detail .point-content{
    color: #004DA0;
    text-align: center;
}
.member-card-contents .point-detail.to-mo .point-content{
    color: #595757;
}
.member-card-contents .check-point .point-content p{
    font-weight: bold;
}
.member-card-contents .point-detail .content-inner .point-content-inner{
    font-weight: bold;
}
.member-card-contents .update.button{
    width: 75%;
    margin:  0 auto;
    border: 1px solid #004DA0;
    position: relative;
}
.member-card-contents .update.button button:after {
    content: '';
    background: url("../img/reload-icon/kousin_icon_00.png") no-repeat center;
    background-size: contain;
    position: absolute;
    transform: translate(0,-50%);
    top: 50%;
    width: 34px;
    padding-top: 20px;
}

.member-card-contents .update.button button.reload-btn-load:after {
    -webkit-animation: spin 1.5s linear infinite;
    -moz-animation: spin 1.5s linear infinite;
    -ms-animation: spin 1.5s linear infinite;
    -o-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
    position: absolute;
    transform: translate(0,-50%);
    top: 23%;
}

button[disabled] {
    background: #ccc!important;
}

.button-inner.disabled {
    color: #999!important;
    background: #ccc!important;
}

.update.button.disabled {
    border: 1px solid #999!important;
}

.member-card-contents .update.button .button-inner{
    width: 100%;
    border: none;
    outline: none;
    color: #004DA0;
    background: #FFF;
    padding: 5px 0;
    font-size: 16px;
}
.member-card-contents .point-content-info{
    width: 85%;
    margin: 10px auto;
}
.member-card-contents .point-content-info .info-inner{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}
._card-detail{
    margin-bottom: 70px;
}
.about-card-detail.deleted .card-img>img{
    filter: brightness(40%);
}
.member-card-contents .about-card-detail.deleted  .check-point .content-inner.kips .check-point-button-inner{
    background: #ccc;
    color: #ffffff;
}

/*coupon*/
.coupon.contents{
    margin: 0 5%;
    position: relative;
}
.coupon-content.main-img{
    text-align: center;
}
.coupon.used .coupon-content.main-img{
    position: relative;
}
.coupon.used .coupon-content.main-img>img{
    -webkit-filter: brightness(60%);
    filter: brightness(60%);
    animation: coupon_filter .6s linear both;
    margin: 30px 0;
    background: #ffffff;
}
.net-shop_coupon-code{
    color: black;
    padding: 20px 0;
    background: #FBF7E1;
    text-align: center;
    font-weight: bold;
}
.net-shop_coupon-code .code_inner{
    margin-bottom: 10px;
}
.net-shop_coupon-code .code_num{
    font-size: 36px;
    font-weight: bold;
}
.coupon.used .coupon-content.main-img .-coupon-used{
    position: absolute;
    top: 70%;
    left: 50%;
    transform:translate(-50%,-50%);
    font-weight: bold;
    color: #FFF;
    z-index: 100;
}
.coupon.used .coupon-content.main-img .check-mark{
    position: absolute;
    top: 50%;
    left: 50%;
    transform:translate(-50%,-50%);
    font-size: 0;
}
.coupon.used .coupon-content.main-img .check-mark span{
    position: relative;
    display: inline-block;
}
.coupon.used .coupon-content.main-img .check-mark span:before{
    content: '';
    position: absolute;
    display: block;
    bottom: 10px;
    left: -30px;
    width: 12px;
    height: 40px;
    border-radius: 15px;
    background-color: #fff;
    transform-origin: center bottom;
    transform: translateX(-50%) scaleX(-1) rotate(-135deg);
    animation: check_anim .2s linear both;
}
.coupon.used .coupon-content.main-img .check-mark span:after{
    content: '';
    position: absolute;
    display: block;
    bottom: -15px;
    left: -7px;
    width: 12px;
    height: 75px;
    border-radius: 15px;
    background-color: #fff;
    transform-origin: center bottom;
    transform: translateX(-50%) rotate(45deg);
    animation: check_anim .1s .1s linear both;
}
@keyframes check_anim{
    from{
        height: 0;
    }
}
@keyframes coupon_filter{
    from{
        -webkit-filter: brightness(100%);
        filter: brightness(100%);
    }
}
.coupon-content.message .message-content{
    padding: 5px 0;
}
.coupon-content.message .message-content-inner{
    filter: initial;
    display: inline-block;
    background: #fff100;
    font-size: 10px;
    padding: 4px 10px;
}
.use-coupon.btn{
    width: 255px;
    margin: 0 auto;
}
.use-coupon.btn .btn-inner{
    width: 100%;
    color: #fff;
    background: #004DA0;
    border: none;
    padding: 10px 0;
    font-size: 16px;
}
.use-coupon.used.btn .btn-inner{
    color: #fff;
    background: #c9caca;
    font-size: 16px;
}
.coupon.modal{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    /*border: 1px solid #e84d67;*/
    border-radius: 10px;
    width: 280px;
    height: 317px;
    box-sizing: border-box;
    background: #fff;
    display: none;
    box-shadow: 0px 15px 20px -5px #ccc;
}
.coupon.modal.active{
    display: block;
}
.coupon.modal .modal-content.message{
    padding: 40px 0;
    text-align: center;
}
.coupon.modal .modal-content.message .heading{
    font-weight: bold;
    color: #e84d67;
    margin-bottom: 10px;
}
.coupon.modal .modal-inner.btn{
    width: 85%;
    margin: 0 auto 25px auto;
}
.coupon.modal .modal-inner.btn .btn-inner{
    width: 100%;
    color: #fff;
    padding: 10px 0;
    border: none;
    box-sizing: border-box;
    font-size: 16px;
}
.coupon.modal .modal-inner.btn .btn-inner.confirm{
    display: block;
    background: #004DA0;
    text-align: center;
}
.coupon.modal .modal-inner.btn .btn-inner.cancel{
    background: #595757;
}
.coupon.modal .modal.close{
    position: absolute;
    display: inline-block;
    top: 0;
    right: 0;
    width: 26px;
    margin-right: 10px;
    margin-top: 10px;
}

/*--Q&A--*/
.qa-contents{
    overflow-x: hidden;
}
.qa-content{
    margin: 14px 0;
    padding: 0 5%;
}
.qa-contents .qa-head .qa-head-inner{
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: #45B035;
}
.qa-content .qa-content-inner .question{
    border: 1px solid #FFFFFF;
    padding: 10px 40px 10px 20px;
    color: #FFFFFF;
    position: relative;
}
.qa-content .qa-content-inner .question span{
    display: block;
    background: #45B035;
    position: absolute;
    bottom: 50%;
    right: 15px;
    width: 12px;
    height: 2px;
    filter: initial;
}
.qa-content .qa-content-inner .question span:last-of-type{
    transform: rotate(90deg);
    filter: initial;
}
.qa-content .qa-content-inner.active .question span:last-of-type{
    width: 2px;
}
.qa-content .qa-content-inner .answer{
    display: none;
    padding: 0 5%;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.qa-content .qa-content-inner .answer-detail{
    display: none;
    padding: 14px 5%;
    border-right: 1px solid #FFFFFF;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.qa-content .qa-content-inner{
    margin-bottom: 10px;
}
.qa-content .qa-content-inner .answer-inner{
    margin-bottom: 20px;
}
.q-tx{font-size: 12px; font-weight: bold; color:#004da0; padding-bottom: 5px;}
.ans-tx{font-size: 12px;}
.q-tx > span,.ans-tx > span{font-weight: bold; padding-right: 5px;}

/*--inquiry--*/
.inquiry-contents .inquiry-heading .inquiry-heading-inner{
    text-align: center;
    color: #45B035;
    font-weight: bold;
}
.inquiry-contents .inquiry-heading{
    margin-bottom: 20px;
}
.inquiry-contents .main-content-inner .inquiry-content.shop-list .content-inner select{
    border: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.inquiry-contents .main-content-inner .inquiry-content.shop-list .content-inner{
    border: 1px solid #00ACFF;
    padding: 0px 5px;
    position: relative;
    background-color: #FFFFFF;
}
.inquiry-contents .main-content-inner .inquiry-content.shop-list .content-inner:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
.inquiry-contents .main-content-inner .inquiry-content.prefecture .content-inner select{
    border: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.inquiry-contents .main-content-inner .inquiry-content.prefecture .content-inner{
    border: 1px solid #00ACFF;
    position: relative;
    padding: 0px 5px;
    background-color: #FFFFFF;
}
.inquiry-contents .main-content-inner .inquiry-content.prefecture .content-inner:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
input{
    width: 100%;
    border: none;
    outline: none;
    padding: 7px 5px;
    box-sizing: border-box;
}
.inquiry-contents .main-content-inner .inquiry-content.post .content-inner{
    width: 47%;
    border: 1px solid #00ACFF;
    background-color: #FFFFFF;
}
.inquiry-contents .main-content-inner .inquiry-content.tel .content-inner{
    border: 1px solid #00ACFF;
    background-color: #FFFFFF;
}
.inquiry-contents .main-content-inner .inquiry-content.mail .content-inner{
    border: 1px solid #00ACFF;
    background-color: #FFFFFF;
}
.inquiry-contents .main-content-inner .inquiry-content.mail-check .content-inner{
    border: 1px solid #00ACFF;
    background-color: #FFFFFF;
}
.inquiry-contents .main-content-inner .inquiry-content.address .content-inner{
    height: 103px;
    border: 1px solid #00ACFF;
    padding: 7px 5px;
    background-color: #FFFFFF;
}
.inquiry-contents .main-content-inner .inquiry-content.text .content-inner{
    height: 103px;
    border: 1px solid #00ACFF;
    padding: 7px 5px;
    background-color: #FFFFFF;
}
.inquiry-contents .main-content-inner .inquiry-content .content-inner textarea{
    width: 100%;
    height: 100%;
    border: none;
    outline: none;
    padding: 0;
}
.inquiry-contents .main-content-inner .inquiry-content .content-inner .first-name,
.inquiry-contents .main-content-inner .inquiry-content .content-inner .last-name{
    width: 47%;
    border: 1px solid #00ACFF;
    margin: 0;
    background-color: #FFFFFF;
}
.inquiry-contents .main-content-inner .inquiry-content.name .content-inner{
    position: relative;
}
.inquiry-contents .main-content-inner .inquiry-content.name-f .content-inner{
    position: relative;
}
.inquiry-contents .main-content-inner .inquiry-content.name .content-inner .name-content{
    display: inline-block;
}
.inquiry-contents .main-content-inner .inquiry-content.name-f .content-inner .name-f-content{
    display: inline-block;
}
.inquiry-contents .main-content-inner .inquiry-content .content-inner .first-name{
    position: absolute;
    right: 0;
}

.inquiry-contents .inquiry-main-content{
    margin: 0 auto;
    width: 92%;
}
.inquiry-content.button .content-button .button-inner{
    width: 100%;
    background: #004DA0;
    color: #ffffff;
    border: none;
    padding: 10px 0;
    font-size: 16px;
}
.inquiry-content.button .content-button{
    width: 74%;
    margin: 0 auto;
}
.inquiry-content.button .cancel-button .button-inner{
    width: 100%;
    background: #595757;
    color: #ffffff;
    border: none;
    padding: 10px 0;
    font-size: 16px;
}
.inquiry-content.button .cancel-button{
    width: 74%;
    margin: 0 auto;
}
.inquiry-content.button{
    width: 100%;
}
.inquiry-content{
    margin-bottom: 15px;
}
/*--protocol--*/
.protocol-contents{
    overflow-x: hidden;
}
.protocol-contents .protocol-head{
    width: 100%;
    text-align: center;
    padding: 10px 0;
    font-weight: bold;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: #45B035;
}
.protocol-contents .protocol-content{
    padding: 0 5%;
}
.protocol-contents-detail .protocol-content{
    padding: 14px 5%;
}
.protocol-contents .protocol-content-inner{
    padding-bottom: 20px;
}

/*--terminal--*/
.terminal-contents.contents{
    margin: initial;
}
.terminal-contents .terminal-head{
    width: 100%;
    text-align: center;
    font-weight: bold;
    padding: 10px 0;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    color: #45B035;
}
.terminal-contents .terminal-head .content-inner {
    display: inline-block;
    background: #004DA0;
    color: #ffffff;
    margin-left: 10px;
    padding: 2px 10px;
}
.terminal-contents .terminal-content{
    padding: 20px 20% 0 20%;
}
.terminal-content .terminal-content-inner.user-info{
    padding: 20px 0;
    color: #45B035;
    font-weight: bold;
}
.terminal-content .terminal-content-inner.user-info .user-id {
    margin-bottom: 10px;
}
/*--t_inheritance--*/
._inheritance.terminal-contents .terminal-content{
    padding: 20px 10% 0 10%;
}
._inheritance .-inheritance-info{
    text-align: center;
}
.-inheritance-code,.-inheritance-id{
    border: 1px #cccccc solid;
}
._inheritance .-inheritance-button{
    margin: 0 10%;
    background: #004DA0;
}
._inheritance .-inheritance-button[disabled] {
    background: #ccc!important;
}
._inheritance .-inheritance-button .button-inner{
    text-align: center;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
}
._inheritance .-inheritance-modal{
    color: #000;
    width: 70%;
    display: none;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding:0 10px 30px;
    border-radius: 15px;
    box-shadow: 0px 10px 30px -5px #ccc;

}
._inheritance .-inheritance-modal .close-btn{
    margin: 0 10%;
    padding: 10px 0;
    color: #fff;
    background: #0046A5;
}
.-inheritance-modal .modal-content{
    padding: 20px 0;
}
.-inheritance-modal .-tips{
    text-align: left;
    color: red;
}

.-point-update-modal{
    width: 70%;
    display: none;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #fff;
    padding:0 10px 30px;
    border-radius: 15px;
    box-shadow: 0px 10px 30px -5px #ccc;

}
.-point-update-modal .close-btn{
    margin: 0 10%;
    padding: 10px 0;
    color: #fff;
    background: #0046A5;
}
.-point-update-modal .modal-content{
    padding: 20px 0;
}

/*--version--*/
.version-contents{
    margin: 0 3%;
}
.version-contents .version-head{
    width: 100%;
    text-align: center;
}
.version-contents .version-head .version-head-inner{
    color: #004DA0;
}
.version-contents .version-head .version-head-inner .content-inner{
    display: inline-block;
    color: #fff;
    background: #004DA0;
    margin-left: 10px;
    padding: 2px 10px;
}
.version-contents .version-content{
    margin: 20px 5% 0 5%;
}
.version-contents .version-content .app-version{
    color: #004DA0;
    font-weight: bold;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    background: #EEE;
}
.version-contents .version-content .version-detail{
    margin-top: 20px;
}

/*--user-info--*/
.user-info-contents.contents{
    margin: initial;
}
.user-info-contents .user-info-head{
    padding: 10px 0;
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
    text-align: center;
}
.user-info-contents .user-info-head-inner{
    color: #45B035;
}
.user-info-contents .user-info-head-inner .content-inner{
    filter: initial;
    display: inline-block;
    background: #004DA0;
    color: #fff;
    margin-left: 10px;
    padding: 2px 10px;
}
.user-info-contents .user-info-message{
    text-align: left;
    padding: 20px 0 0 0;
    margin-top: 20px;
    color: #ffffff;
    font-family: sans-serif;
}
.user-info-contents .user-info-content .content-shop .content-inner select{
    border: none;
    outline: none;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.user-info-contents .user-info-content .content-shop .content-inner{
    border: 1px solid #004DA0;
    position: relative;
    padding: 0px 5px;
}
.user-info-contents .user-info-content .content-shop .content-inner:after{
    content: "";
    width: 36px;
    height: 100%;
    background: url(../img/select-item-pull.png) no-repeat center;
    position: absolute;
    background-size: auto 40px;
    right: 0;
    top: 0;
    pointer-events: none;
}
.user-info-contents .user-info-content .content-shop{
    margin-bottom: 10px;
}
.user-info-contents .user-info-content .content-birthday{
    margin-top: 30px;
}
.user-info-contents .user-info-content .content-birthday-detail{
    margin: 0 5%;
}
.user-info-contents .user-info-content .content-sex-detail{
    margin: 0 5%;
}
.content-inner.user-birthday{

}
.user-info-content-inner .content-birthday .content-inner.user-birthday{
    color: #333;
    display: inline-block;
}
.content-inner.user-birthday .content-inner{
    margin-left: 10px;
}
.user-info-contents .user-info-content-inner{
    margin-top: 10px;
}
.user-info-contents .user-info-content-inner-l{
    margin-top: 20px;
}
.user-info-contents .user-info-content .user-info-button{
    width: 77%;
    margin: 20px auto;
}
.user-info-contents .user-info-content .user-info-button .button-inner{
    width: 100%;
    border: none;
    color: #fff;
    background: #004DA0;
    padding: 10px 0;
    font-size: 16px;
}

/* member-delete*/
.--d-cards-glance{
    padding-top: 30px;
}
.-m-delete .--d-cards-glance .-glance-inner{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.-m-delete .--d-cards-glance .-glance-content{
    width: 47%;
}
.-m-delete-detail .c-heading-content{
    border: none;
}
.--d-detail .-detail-content{
    width: 250px;
    margin: 0 auto;
}
.--d-info-content{
    text-align: center;
    padding: 20px 0;
}
.-m-delete-detail .button{
    width: 100%;
    text-align: center;
}
.-m-delete-detail .button-inner{
    width: 75%;
    margin: 0 auto;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
}
.-m-delete-button .button-inner{
    background: #004DA0;
    margin-bottom: 20px;
    font-size: 16px;
}
.-m-delete-cancel-button .button-inner{
    background: #595757;
    font-size: 16px;
}

/*how-to-use*/
.how-to-use{
    text-align: left;
    align-items: center;
    margin:  0 5%;
}

/*Kintetsu-ID-link*/
.kintetsu-id-linkage.content-heading {
    color: #45B035;
}
.kintetsu-id-unlink.modal {
    color: #000;
}
.kintetsu-id-linkage-inner span {
    filter: none;
}
.kintetsu-id-linkage-contents .kintetsu-id-description span{
    color: #45B035;
}
.kintetsu-id-linkage-contents button.outline {
    color: #c5c5c5;
    background-color: transparent;
    border: solid 2px #c5c5c5;
}

/*兼用スタイル*/
.contents,.c-contents{
    margin:  0 3%;
}
.content-heading,.c-heading-content{
    padding: 10px 0;
    border-top:1px solid #FFFFFF ;
    border-bottom:1px solid #FFFFFF ;
    text-align: center;
}
.c-heading-content .c-head-inner{
    color: #004DA0;
    font-weight: bold;
}
.c-heading-content .c-head-inner .content-inner{
    display: inline-block;
    background: #004DA0;
    color: #fff;
    margin-left: 10px;
    padding: 2px 10px;
}
/*add style*/
.pt-s{padding-top: 10px;}
input,select{height: 32px;}

/*-------
sample
 */
.sample .row div{
    padding: 20px 0;
    border: 2px solid #fff;
    background: #ccc;
}
/**-------
content center
 */
.-c_content-center{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
.-c_title-center{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    overflow: hidden;
}
/**------
slick
 */
.member-card-contents{
    margin-bottom: 100px;
}
.slick-prev {
    left: 0;
}
.slick-next{
    right: 0;
}
.slick-prev, .slick-next{
    width: 30px;
    height: 30px;
    z-index: 10;
    -webkit-transform: translate(0,0);
    -moz-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
    top: 65px;
    padding: 2px 0 0;
}
.slick-prev:hover, .slick-next:hover{
    cursor: pointer;
}
.slick-prev:before, .slick-next:before{
    color: #fff;
    font-size: 30px;
}

/*------
Survey check-box
 */
.terms{
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
}
.terms-inner{
    padding: 4px 10px;
    color: #45B035;
    text-decoration: underline;

}
.terms-modal{
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    overflow-y: scroll;
    background: black;
}
.terms-modal.active{
    display: block;
}
.terms-btn{
    width: 250px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.terms-btn .btn-inner{
    width: 100%;
    text-align: center;
    color: #fff;
    background: #004da0;
    border: none;
    padding: 10px 0;
    font-size: 16px;
}
.check-box-inner{
    text-align: center;
    padding: 8px 0;
    border: 1px solid #333;
    margin-bottom: 20px;
}
/*how-to-use*/
.how-to-use-contents{
    padding: 0 0px;
}
.how-to-use-img{
    height: 90vh;
}
.how-to-use-img img{
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    margin-left: auto;
    margin-right: auto;
}

}