/****************************************************************
                                        初期設定
****************************************************************/

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

html {
    overflow-y: scroll;
}

body {
    margin: 0px;
    color: #333;
    font-size: 16px;
    font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'arial', 'Century Gothic', 'Osaka', sans-serif;
    line-height: 1.5;
}

.pc-only {
    display: none;
}

a,
a:visited {
    text-decoration: none;
    color: #0683ff;
}

.mns_h1 {
    margin: 0;

}


.text_align_center {
    text-align: center;

}

.text_align_right {
    text-align: right;

}

.text_align_left {
    text-align: left;

}

/* 373パス　更新*/
.kiyaku_update_title {
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 10px;
    color: #fff;
    background-color: #0000a0;
    z-index: 5000;

}

.read_kiyaku_link {
    display: block;
    width: 100%;
    color: #222;
    margin: 10px 0px 10px 0px;
    padding: 15px;
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #aaa;
    font-weight: bold;
}

.new_service_text {
    padding: 5px;

}

.windo_new_service label.textbox-label {
    font-size: 1.1em;
    font-weight: bold;
}

.regist_new_service_text {
    margin: 10px 0px;
    padding: 15px;
    background-color: #ffe4c4;
    border-radius: 5px;
}

.w_item_new_service_area {
    padding: 10px;
    border-bottom: 2px solid #9999d9;
}

.new_sakura_setting_wrap {
    border-radius: 5px;
    background-color: #ececfc;

}

.new_sakura_setting_wrap .ff_item {
    border: none;
    padding: 5px;
}


.new_sakura_setting_wrap .ff_item label.textbox-label {
    font-weight: normal;
    font-size: 0.9em;
}

.customer_exp_text1 {
    padding: 3px 5px;
}

.minamipass_introduction .customer_exp_text1 {
    padding: 8px 5px;
}


.p_msg_mnsdigital_denshiban {
    display: inline-block;
    padding: 2px 5px;
    color: #ff5623;
    border: 1px solid #ff5623;
    border-radius: 3px;


}


.tab-1 {
    display: flex;
    flex-wrap: wrap;
    max-width: 95%;
    margin: 0px auto;
}

.tab-1>label {
    flex: 1 1;
    order: -1;
    min-width: 70px;
    padding: 5px 5px;

    border-radius: 0;

    background-color: #fff;
    text-align: center;
    cursor: pointer;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 1rem;
    font-weight: bold;
    border-radius: 5px 5px 0px 0px;
    box-shadow: 3px 0px 3px #ddd;
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}

.tab-1>label:hover {
    opacity: .7;
}

.tab-1 input {
    display: none;
}

.tab-1>div {
    display: none;
    width: 100%;
    padding: 1.5em 1em;
    background-color: #f9feff;
    border-radius: 5px;
    text-align: left;
    box-shadow: 5px 5px 5px #ddd;
}

.tab-1>div .link {

    display: block;
    width: 98%;
    margin: 0px auto;
    border-radius: 5px;
    background-color: #fff;

}
.tab-1>div .not_link .item_link {

    display: inline-block;
    width: 97%;
    margin: 0px auto;

    margin-bottom: 10px;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    background-color: #0000a0;

}

.tab-1>div.content-subscriber .item_link {


    background-color: #0000a0;
}
.tab-1>div .item_link:hover {

    opacity: .7;

}
.tab-1>div .link:hover {

    opacity: .9;

}
.tab-1>div .link.not_link:hover {

    opacity: unset;

}

.tab-1>div .link:nth-child(n+2) {

    margin-top: 20px;
}

.tab-1>div .link .link_wrap {


    padding: 15px 10px;

}

.tab-1>div .link .link_wrap .link-title {


    font-size: 1.2rem;
    font-weight: bold;
    margin-bottom: 10px;

}

.tab-1>div .link .link_wrap .link_item_grid_wrap .link-img {


    padding: 5px;


}

.tab-1>div .link .link_wrap .link_item_grid_wrap .link-img img {

    max-width: 85%;
    max-height: 90px;
}

.tab-1>div .link .link_wrap .link_item_grid_wrap .link-detail {


    padding: 5px;


}

.tab-1>div .link .link_wrap .link-detail .item-link_detail {


    font-weight: bold;
    text-align: left;
}

.tab-1>div .link .link_wrap .annotation_text_wrap {
    text-align: left;

}

.tab-1>div .link .link_wrap .annotation_text {


    font-weight: normal;

}

.tab-1>div.content-non_subscriber {

    background-color: #f9feff;
    border: 5px solid #0000a0;


}

.tab-1>div.content-non_subscriber .link .link_wrap {

    color: #0000a0;

}

.tab-1>div.content-subscriber .link .link_wrap {

    color: #0000a0;

}

.tab-1>div.content-subscriber {
    background-color: #f9feff;
    border: 5px solid #0000a0;
}

.tab-1 label:has(:checked) {

    color: #fff;
}

.tab-1 label.tab-non_subscriber:has(:checked) {
    background-color: #0000a0;


}

.tab-1 label.tab-subscriber:has(:checked) {
    background-color: #0000a0;

}

.tab-1 label:has(:checked)+div {
    display: block;
}


@media print,
screen and (min-width: 768px) {
    body {
        font-size: 14px;
    }

    .pc-only {
        display: block;
    }

    .sp-only {
        display: none;
    }

    .supplement_text {
        font-size: 1.2em;
    }
}

@media screen and (max-width: 47.99em) {
    .sp-only {
        display: block;
    }
}