@charset "UTF-8";

/*
    common.css
    Aflac CSS
    がん保険 ミライト経験者率 - 基本設計

*/
.bottomNavi {
    display: none;
}

/* .listTabLinks タブ型リンクリスト
----------------------------------------------- */
/* topバナー　*/
.flex {
    display: flex;
}

@media print,
screen and (min-width: 768px) {
    .tabControlBoxBanner {
        height: 185px;
        padding: 20px 10px;
    }

    .tabControlBoxBannerText {
        width: 100%;
        margin-left: 20px;
        font-size: 88%;
    }

    .logoWidth {
        width: 30%;
    }

    .textWidth {
        width: 50%;
        margin-top: 45px;
    }

    .dugWidth {
        width: 20%;
    }

    .newText {
        color: red;
        font-size: 16px;
        position: absolute;
        font-weight: bold;
        padding: 0px 0px 0px 90px;
        display: inline-block;
        margin: -23px 0px 0px 0px;
    }

    .newText:before,
    .newText:after {
        position: absolute;
        top: 56%;
        width: 2px;
        height: 17px;
        background: red;
        margin-top: -11px;
        content: "";
    }

    .newText:before {
        left: 135px;
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }

    .newText:after {
        left: 82px;
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
    }
}

@media print,
screen and (max-width: 767px) {
    .flex {
        display: flex;
        align-items: center;
    }

    .logoWidth {
        width: 50%;
        flex: 1;
        padding-bottom: 10px;
        position: relative;
    }

    .dugWidth {
        width: 50%;
    }

    .textWidth {
        flex-basis: 51%;
        margin-top: 20px;
        margin-right: 10px;
    }

    .newText {
        color: red;
        font-size: 16px;
        position: absolute;
        font-weight: bold;
        padding: 0px;
        display: block;
        top: -17px;
        width: 100%;
    }

    .newText:before,
    .newText:after {
        position: relative;
        width: 2px;
        height: 17px;
        background: red;
        display: inline-block;
        bottom: -2px;
        content: "";
    }

    .newText:before {
        -webkit-transform: rotate(-24deg);
        transform: rotate(-24deg);
        margin-right: 10px;
    }

    .newText:after {
        margin-left: 10px;
        -webkit-transform: rotate(24deg);
        transform: rotate(24deg);
    }
}

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

    /* .topTablist-sp */
    .topTablist {
        padding: 0 5px;
        border-top: none;
        background: none;
        margin-left: -10px;
        margin-right: -10px;
    }

    .topTablist:after {
        clear: both;
        content: "";
        display: table;
    }

    .topTablist .tab,
    .tabList>.tab {
        float: left;
        display: table;
        width: calc(50% - 10px);
        height: 55px;
        box-shadow: 0px 0px 4px 0px rgba(4, 0, 0, 0.25);
        margin: 0 5px;
        font-size: 92%;
        font-weight: bold;
        line-height: 1.3;
        text-align: center;
        background: #fff;
    }

    .topTablist .tab>* {
        display: table-cell;
        height: 100%;
        vertical-align: middle;
    }

    .topTablist .tab>a,
    .tabList .tab>a,
    .tabList .tab.active a {
        color: #333;
        text-decoration: none;
        padding: 0 3px;
    }

    .topTablist .tab.active>a {
        pointer-events: none;
        color: #ffffff;
        text-decoration: none;
        padding: 0 3px;
    }

    .topTablist .tab.active,
    .topTablist .tab.activeTab {
        background: #ccc;
        box-shadow: none;
        border-radius: 0 !important;
    }

    .tabControlBox.bottom .topTablist {
        border-bottom: 0;
    }

    .tabControlBox.top {
        margin: 0px -10px 30px;
    }

    .tabControlBox.top .topTablist {
        border-top: 0;
    }

    .tabControlBoxBannerText {
        margin: 0 15px;
        font-size: 88%;
    }
}

@media print,
screen and (min-width: 768px) {
    .topTablist {}

    .topTablist:after {
        content: "";
        clear: both;
        display: block;
    }

    .topTablist .tab {
        border-bottom: none !important;
        box-shadow: 0px -1px 3px 0px #e6e6e6;
    }

    .topTablist>.tab,
    .tabList>.tab {
        float: left;
        display: table;
        width: calc(50% - 10px);
        height: 54px;
        background: #fff;
        border: 2px solid #e6e6e6;
        margin: 0 5px;
        font-size: 14px;
        font-weight: bold;
        text-align: center;
    }

    .topTablist .tab.active>a,
    .topTablist .tab.activeTab>a {
        display: table-cell;
        color: #ffffff;
        text-decoration: none;
        vertical-align: middle;
    }

    .topTablist .tab>a,
    .topTablist .tab>a,
    .tabList .tab>* {
        display: table-cell;
        color: #333;
        text-decoration: none;
        vertical-align: middle;
        padding: 0 25px;
    }

    .topTablist .tab a:hover {
        opacity: .8;
    }

    .topTablist .tab.active {
        background: #DBE000;
        border: 2px solid #2b87f4;
        box-shadow: none;
        border-radius: 0;
        pointer-events: none;
    }

    /* .tabControlBox.top */
    .tabControlBox.top {
        background-color: #fff;
    }

    .tabControlBox.top .topTablist {
        border-top: 0;
        padding: 12px 6px 0;
    }

    .tabControlBox.top .topTablist .tab {
        border-bottom: none;
        box-shadow: 0px -1px 3px 0px #e6e6e6;
    }

    /* .tabControlBox.bottom-pc */
    .tabControlBox.bottom .topTablist {
        padding: 0 7px 12px;
        border-bottom: 0;
    }

    .tabControlBox.bottom .topTablist .tab {
        box-shadow: 0px 2px 2px 1px #e6e6e6;
        border-top: none;
    }
}

.topTablist {
    border-bottom: solid 3px #2b87f4;
}

.topTablist .tab.active,
.topTablist .tab.activeTab {
    background: #2b87f4;
    border-color: #2b87f4;
}

/* タブリスト下 */
.tabList {
    border-color: #2b87f4 !important;
    background-color: #e9f1f3 !important;
}

.tabList .tab.active,
.tabList .tab.activeTab {
    background: #2b87f4;
    border-color: #2b87f4 !important;
}

.tabList .tab.active a {
    color: #fff !important;
}

.triangel {
    padding-left: 0px;
}

.cautionImg {
    float: left;
    margin-top: 15px;
    width: 17px;
}

.clearSpace {
    padding: 14px 12px;
}

@media print,
screen and (min-width: 768px) {

    /*pc*/
    .tabControlBox.bottom.downarrow {
        margin: 0 0 30px auto;
    }
}

/* #bloProductBanner 商品ロゴバナー
----------------------------------------------- */
#bloProductBanner {
    display: flex;
    align-items: center;

    margin-bottom: 20px !important;
    background: #ffffff;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    #bloProductBanner {
        height: 205px;
        padding: 0 56px 0 18px;
    }
}

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

    /* SP */
    #bloProductBanner {
        padding: 20px 10px 20px 0;
        margin: 0 -10px;
    }

    #imgProductLogo {
        flex: 1;
    }
}

#bloProductBanner>#imgProductLogo>img {
    display: block;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    #bloProductBanner>#imgProductLogo>img {
        width: 100%;
    }

    #bloProductBanner>#imgProductLogo>p {
        text-align: center;
        font-weight: bold;
        color: red;
        font-size: 16px;
        position: relative;
        top: 5px;
    }
}

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

    /* SP */
    #bloProductBanner>#imgProductLogo>img {
        width: 100%;
    }

    #bloProductBanner>#imgProductLogo>p {
        text-align: center;
        font-weight: bold;
        color: red;
        font-size: 14px;
        position: relative;
        top: 5px;
    }
}

#bloProductBanner>#bloProductBannerTxt {
    font-weight: bold;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    #bloProductBanner>#bloProductBannerTxt {
        padding-top: 10px;
        margin-right: 25px;
        font-size: 20px;
        line-height: 1.7;
        width: 585px;
    }
}

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

    /* SP */
    #bloProductBanner>#bloProductBannerTxt {
        font-size: 15px;
        line-height: 1.35;
        letter-spacing: 0.03em;
        padding-top: 14px;
        flex: 2;
    }
}

#bloProductBanner>#imgProductDuck {
    width: 110px;
}

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

    /* SP */
    #bloProductBanner>#imgProductDuck {
        display: none;
    }
}


/* ul.listReferenceMark
----------------------------------------------- */
ul.listReferenceMark>li {
    position: relative;
    padding-left: calc(1em + 12px);
}

ul.listReferenceMark>li::before {
    position: absolute;
    left: 0;
    content: "※";
}

ul.listReferenceMark>li a.ulLink {
    color: #036;
    font-weight: bold;
    text-decoration: underline;
}

/* ul.listReferenceMark
----------------------------------------------- */
ul.listAsteriskMark>li {
    position: relative;
    padding-left: 2.7em;
}

ul.listAsteriskMark>li::before {
    position: absolute;
    left: 0;
    content: "＊";
}

/* ol.listAsteriskNumeric
----------------------------------------------- */
ol.listAsteriskNumeric {
    counter-reset: count 0;
}

ol.listAsteriskNumeric>li {
    position: relative;
    padding-left: 2.7em;
}

ol.listAsteriskNumeric>li::before {
    position: absolute;
    left: 0;
    content: "＊" counter(count);
    counter-increment: count 1;
}


/* #bloDownArrowIcon
----------------------------------------------- */
#bloDownArrowIcon {
    padding: 15px 0 10px;
}

.tabControlBox.bottom {
    background-color: #e9f1f3 !important;
}

.tabControlBox.bottom.downarrow:after {
    content: "";
    display: block;
    width: 0;
    border-top: 50px solid #2b87f4;
    border-right: 60px solid transparent;
    border-left: 60px solid transparent;
    margin: 30 auto;
}

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

    /* SP */
    #bloDownArrowIcon {
        padding: 10px 0 20px;
    }
}

/* .duckButtonBox
----------------------------------------------- */
.duckButtonBox form {
    width: 48%;
    padding-top: 65px;
    float: right;
}

.duckButtonBox .btnShiryo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    border: 2px solid #e98300;
    border-radius: 50px;
    padding: 15px 10px;
    background: #e98300;
    box-shadow: 0px 2px 3px 0px rgba(4, 0, 0, 0.25);
    color: #ffffff;
    cursor: pointer;
    letter-spacing: 1px;
}

.duckButtonBox .btnShiryo:before {
    content: '';
    display: block;
    min-width: 22px;
    width: 22px;
    height: 23px;
    margin: 0 15px;
}

.duckButtonBox .btnShiryo:before {
    background: url(/content/dam/aflac/jp/ja/static/sp/shared/images/icon_link_book_white.png) no-repeat 0 0 / 22px 23px;
}

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

    /* SP */
    .duckButtonBox form {
        width: auto;
        padding: 0 0 60px;
        float: none;
    }

    .duckButtonBox .btnShiryo {
        padding: 15px 5px;
    }

    .duckButtonBox .btnShiryo:before,
    .duckButtonBox .btnShiryo:after {
        margin: 0px 15px 1px 10px;
    }
}

/*  フッター部資料請求     */

.duckBtnShiryo:hover {
    opacity: 0.85;
}

@media only screen and (min-width: 768px) {
    .duckBtnShiryo {
        border: 2px solid #e98300;
        background: #e98300;
        width: 100%;
        margin: 0 auto;
        display: block;
        cursor: pointer;
        outline: none;
    }

    .siryoButtom {
        width: 48%;
        padding-top: 65px;
        float: right;
    }

}

.duckBtnShiryo span {
    display: inline-block;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    text-align: center;
    letter-spacing: 1px;
    font-size: 20px !important;
}

@media only screen and (max-width: 767px) {
    .duckBtnShiryo span {
        /* background: #e98300; */
        min-height: 30px;
        box-sizing: content-box;
        color: #fff;
        position: relative;
        font-size: 18px;
        width: 92%;
        padding: 10px 0;
        left: 20px;
    }

    .siryoButtom {
        clear: both;
        width: 100%;
    }

}

@media only screen and (min-width: 768px) {
    .duckBtnShiryo span:before {
        display: block;
        width: 29px;
        height: 37px;
        background: url(/content/dam/aflac/jp/ja/static/sp/shared/images/icon_link_book_white.png) no-repeat 0 0;
        background-size: 22px auto;
        vertical-align: middle;
        content: "";
        position: absolute;
        top: 15px;
        left: -5px;
    }
}

@media only screen and (max-width: 767px) {
    .duckBtnShiryo span:before {
        display: block;
        width: 29px;
        height: 37px;
        background: url(/content/dam/aflac/jp/ja/static/sp/shared/images/icon_link_book_white.png) no-repeat 0 0;
        background-size: 80%;
        vertical-align: middle;
        content: "";
        position: absolute;
        top: 22%;
        left: 8%;
    }

}

@media only screen and (min-width: 768px) {
    .duckBtnShiryo span {
        background: #e98300;
        min-height: 43px;
        padding-top: 12px;
        box-sizing: content-box;
        color: #fff;
        position: relative;
        padding-left: 35px;
    }
}

.duckBtnShiryo {
    border-radius: 40px;
    -webkit-border-radius: 40px;
    padding: 5px;
    border: 2px solid #e98300;
    background: #e98300;
    width: 100%;
    float: none;
    box-shadow: 0px 2px 3px 0px rgba(4, 0, 0, 0.25);
}

/*
    simulation.css
    Aflac CSS
    がん保険 ミライト経験者率 - 保険料シミュレーション

*/


/* .bloSimulation
----------------------------------------------- */
.bloSimulation {
    display: block;
    background: #ffffff;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .bloSimulation {
        padding: 24px 38px;
    }

    .bloSimulation * {
        font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Verdana, Osaka, sans-serif;
    }
}

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

    /* SP */
    .bloSimulation {
        padding: 16px 19px;
        margin: 0 -10px;
    }

    .bloSimulation * {
        font-family: sans-serif, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3";
    }
}

.bloSimulation .inputRadio,
.bloSimulation .inputCheckbox {
    display: none;
}


/* .bloCommonRadio 共通ラジオボタン設定
----------------------------------------------- */
.bloCommonRadio {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    border: 2px solid #b2b2b2;
    background: #ffffff;

    cursor: pointer;
}

.bloCommonRadio::before {
    content: "";
    position: absolute;

    box-sizing: border-box;

    top: calc(50% - var(--radio-outer-radius) /2);
    left: var(--radio-outer-offset);
    width: var(--radio-outer-radius);
    height: var(--radio-outer-radius);

    border: 2px solid #b2b2b2;
    border-radius: 50%;
    background: #ffffff;
}

/* ハイライト設定 */
.inputRadio:checked+.bloCommonRadio {
    border-color: #2b87f4;
}

.inputRadio:checked+.bloCommonRadio::before {
    border-color: #2b87f4;
}

.inputRadio:checked+.bloCommonRadio::after {
    content: "";
    position: absolute;

    top: calc(50% - var(--radio-inner-radius) / 2);
    left: calc(var(--radio-outer-offset) + var(--radio-outer-radius) / 2 - var(--radio-inner-radius) / 2);
    width: var(--radio-inner-radius);
    height: var(--radio-inner-radius);

    border-radius: 50%;
    background: #2b87f4;
}

/* 選択不可 */
.inputRadio:disabled+.bloCommonRadio {
    border-color: #d9d9d9;
    background: #d9d9d9;
    color: #787976;
    cursor: not-allowed;
}

.inputRadio:disabled+.bloCommonRadio::before {
    border-color: #787976;
    background: #d9d9d9;
}


/* #txtLargeInputLabel
----------------------------------------------- */
#txtLargeInputLabel {
    font-size: 24px;
    font-weight: bold;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    #txtLargeInputLabel {
        margin-bottom: 21px;
    }
}

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

    /* SP */
    #txtLargeInputLabel {
        margin-bottom: 14px;
    }
}


/* .txtInputLabel 性別・年齢・プランラベル
----------------------------------------------- */
.txtInputLabel {
    display: block;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .txtInputLabel {
        font-size: 18px;
        line-height: 1.7;
    }
}

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

    /* SP */
    .txtInputLabel {
        font-size: 14px;
        margin-bottom: 5px;
    }
}


/* #bloSimSex 性別エリア
----------------------------------------------- */
#bloSimSex {
    display: flex;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    #bloSimSex {
        gap: 20px;
        justify-content: start;

        margin-bottom: 35px;
    }
}

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

    /* SP */
    #bloSimSex {
        gap: 10px;
        margin-bottom: 27px;
    }
}


/* .bloInputSex 性別ラジオボタン
----------------------------------------------- */
.bloInputSex {
    border-radius: 4px;
    padding: 4px 29px 4px 50px;
    color: black;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .bloInputSex {
        width: 228px;
        height: 61px;

        font-size: 20px;

        --radio-outer-radius: 32px;
        --radio-inner-radius: 18px;
        --radio-outer-offset: 10px;
    }
}

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

    /* SP */
    .bloInputSex {
        width: 100%;
        height: 48px;

        font-size: 16px;

        --radio-outer-radius: 24px;
        --radio-inner-radius: 14px;
        --radio-outer-offset: 8px;
    }
}


/* #bloInputAge 年齢セレクトボックスラッパー
----------------------------------------------- */
#bloInputAge {
    position: relative;
    border: 2px solid #b2b2b2;
    border-radius: 4px;
    background: #ffffff;
    color: black;
}

#bloInputAge select {
    color: black;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    #bloInputAge {
        width: 257px;
        height: 60px;

        margin-bottom: 35px;
    }
}

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

    /* SP */
    #bloInputAge {
        width: 100%;
        height: 48px;

        margin-bottom: 27px;
    }
}

#bloInputAge::after {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 12px;
    display: block;

    border-top: 7px solid #b2b2b2;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;

    pointer-events: none;
}

/* ハイライト設定 */
#bloInputAge.isSelected {
    border-color: #2b87f4;
}

#bloInputAge.isSelected::after {
    border-top-color: #2b87f4;
}


/* #inputAge 年齢セレクトボックス
----------------------------------------------- */
#inputAge {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 100%;

    border: none;
    padding: 5px 40px 5px 20px;

    background: transparent;
    text-align: center;
    outline: none;
    cursor: pointer;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    #inputAge {
        font-size: 20px;
    }

    #inputAge option {
        font-size: 16px;
    }
}

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

    /* SP */
    #inputAge {
        font-size: 16px;
    }
}


/* #bloSimPlan プランエリア
----------------------------------------------- */
#bloSimPlan {
    display: grid;
    grid-template: auto / repeat(3, 1fr);
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    #bloSimPlan {
        margin-bottom: 40px;
    }
}

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

    /* SP */
    #bloSimPlan {
        margin-bottom: 25px;
    }
}


/* .bloInputPlan プランラジオボタン
----------------------------------------------- */
.bloInputPlan {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;

    text-align: center;
    font-weight: bold;
    cursor: pointer;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .bloInputPlan {
        flex-wrap: wrap;
        height: 60px;
        padding: 4px 22px;

        font-size: 16px;
    }
}

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

    /* SP */
    .bloInputPlan {
        flex-flow: column;

        padding: 8px 3px 4px;

        font-size: 14px;
    }
}

/* 非チェック時設定 */
.inputRadio+.bloInputPlan {
    border-top-width: 2px;
    border-bottom-width: 2px;
    border-style: solid;
    border-color: #b2b2b2;
}

#inputPlan01+.bloInputPlan {
    border-right-width: 1px;
    border-left-width: 2px;
    border-radius: 4px 0 0 4px;
}

#inputPlan02+.bloInputPlan {
    border-right-width: 1px;
    border-left-width: 1px;
}

#inputPlan03+.bloInputPlan {
    border-right-width: 2px;
    border-left-width: 1px;
    border-radius: 0 4px 4px 0;
}

/* チェック時設定 */
.inputRadio:checked+.bloInputPlan {
    color: #ffffff;
    cursor: default;
}

#inputPlan01:checked+.bloInputPlan {
    border-color: #1e9139;
    background: #1e9139;
}

#inputPlan02:checked+.bloInputPlan {
    border-color: #e68814;
    background: #e68814;
}

#inputPlan03:checked+.bloInputPlan {
    border-color: #ed7591;
    background: #ed7591;
}

.inputRadio:checked+.bloInputPlan::after {
    content: "";
    position: absolute;
    bottom: -11px;
    left: calc(50% - 11px);
    display: block;
    border-top: 11px solid #ffffff;
    border-right: 11px solid transparent;
    border-left: 11px solid transparent;
}

#inputPlan01:checked+.bloInputPlan::after {
    border-top-color: #1E9139;
}

#inputPlan02:checked+.bloInputPlan::after {
    border-top-color: #E68814;
}

#inputPlan03:checked+.bloInputPlan::after {
    border-top-color: #ED7591;
}

#inputPlan01:checked+.bloInputPlan .imgInputPlanSelected,
#inputPlan02:checked+.bloInputPlan .imgInputPlanSelected,
#inputPlan03:checked+.bloInputPlan .imgInputPlanSelected {
    display: block;
}

#inputPlan01:not(:checked)+.bloInputPlan .imgInputPlanSelected,
#inputPlan02:not(:checked)+.bloInputPlan .imgInputPlanSelected,
#inputPlan03:not(:checked)+.bloInputPlan .imgInputPlanSelected {
    display: none;
}

#inputPlan01:checked+.bloInputPlan .imgInputPlan,
#inputPlan02:checked+.bloInputPlan .imgInputPlan,
#inputPlan03:checked+.bloInputPlan .imgInputPlan {
    display: none;
}

/* 無効か設定 */
.inputRadio:disabled+.bloInputPlan {
    cursor: not-allowed;
}

/* .bloCalaBaseDate 計算基準日
----------------------------------------------- */
.bloCalaBaseDate {
    display: grid;
    justify-content: end;
    justify-items: end;
    grid-template: auto / auto 44px auto repeat(2, 19px auto);
    gap: 2.5px;

    margin-bottom: 20px;
}


/* .bloOuterBanner バナー外側デザイン
----------------------------------------------- */
.bloOuterBanner {
    display: none;
}

.bloOuterBanner.isVisibility {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 999;

    display: grid;
    width: 100%;
    margin: 0;
    background: #f6e8a8;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .bloOuterBanner {
        align-content: center;
        justify-content: center;
        grid-template: auto / 748px minmax(auto, 262px);
        height: 110px;
    }
}

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

    /* SP */
    .bloOuterBanner {
        margin: 0 -20px;
    }
}


/* .bloInnerBanner バナー内側デザイン
----------------------------------------------- */
.bloInnerBanner {
    display: grid;
    align-items: center;
    justify-content: space-between;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .bloInnerBanner {
        grid-template: auto / 400px auto;
        padding: 0 40px 0 100px;
    }
}

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

    /* SP */
    .bloInnerBanner {
        grid-template: auto / 140px auto;
        gap: 10px;
        width: 100%;
        padding: 10px 17px;
    }
}

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

    /* SP */
    .bloInnerBanner>.imgTotalPremiumDuck {
        display: none;
    }
}


/* .bloTotalPremium 合計保険料表示
----------------------------------------------- */
.bloTotalPremium {
    display: flex;
    font-weight: bold;
    align-items: center;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .bloTotalPremium {
        padding-top: 5px;
    }

    .bloTotalPremium>.labelTotalPremium {
        font-size: 24px;
        margin-right: 10px;
    }

    .bloTotalPremium>a {
        color: #333333;
    }

    .labelTotalPremium a.bottomPrint img {
        width: 32px;
        margin-left: 5px;
        margin-bottom: 4px;
    }

}

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

    /* SP */
    .bloTotalPremium {
        display: grid;
        gap: 3px;
        font-weight: bold;
        align-items: center;
    }

    .bloTotalPremium>.labelTotalPremium {
        font-size: 12px;
        text-align: left;
    }

    .labelTotalPremium a.bottomPrint img {
        width: 18px;
        margin-left: 5px
    }
}

.bloTotalPremium>.bloPremium {
    display: flex;
    align-items: end;
    justify-content: end;
    gap: 8px;
}

@media only screen and (max-width: 767px) {
    .bloTotalPremium>.bloPremium {
        gap: 4px;
    }
}

.bloTotalPremium>.bloPremium>.valuePremium {
    line-height: 1;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .bloTotalPremium>.bloPremium>.valuePremium {
        font-size: 38px;
    }

    .bloTotalPremium>.bloPremium>.unitPremium {
        font-size: 20px;
    }

    .bloTotalPremium>.bloPremium {
        font-size: 20px;
    }
}

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

    /* SP */
    .bloTotalPremium>.bloPremium>.valuePremium {
        font-size: 26px;
    }

    .bloTotalPremium>.bloPremium>.unitPremium {
        font-size: 16px;
    }

    .bloTotalPremium>.bloPremium {
        font-size: 16px;
    }
}


/* .buttonBanner バナー用ボタン
----------------------------------------------- */
.buttonBanner {
    justify-self: center;
    display: grid;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 50px;
    background: #e98300;
    color: #ffffff !important;
    letter-spacing: 0.01em;
    cursor: pointer;
    text-decoration: none !important;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .buttonBanner {
        grid-template: auto / auto auto;
        gap: 22px;
        width: 340px;
        height: 60px;
        font-size: 20px;
    }

    .iconButtonBanner {
        width: 28px;
    }
}

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

    /* SP */
    .buttonBanner {
        gap: 0 5px;
        padding: 14px 25px 12px;
        font-size: 16px;
        letter-spacing: 0.1em;
    }

    .iconButtonBanner {
        display: none;
    }
}


/* .bloWarningMessage
----------------------------------------------- */
.bloWarningMessage {
    display: none;
    padding-left: 15px;
    font-size: 12px;
    color: #e2242c;
}

.bloWarningMessage.isVisibility {
    display: block;
    background: url(/content/dam/shared/jp/ja/static/images/sim/icon_error_l.gif) no-repeat left 0.2em;
}

/* 個別設定 */
#bloPlanWarning.bloWarningMessage.isVisibility {
    margin-bottom: 10px;
}

.bloOptionWarning.bloWarningMessage.isVisibility {
    margin-top: 20px;
}

/* .よりそうがん保険
----------------------------------------------- */
.tableThird {
    width: 100%;
}

table td.hosyoBoxLeftBtm {
    padding: 2px;
    border-top: 2px solid #2b87f4;
    border-bottom: 2px solid #2b87f4;
    border-left: 2px solid #2b87f4;
    border-right: 1px solid #2b87f4;
    text-align: center;
    width: 48%;
}

table td.hosyoBoxRightBtm {
    padding: 7px 0px 7px 16px;
    border-top: 2px solid #2b87f4;
    border-bottom: 2px solid #2b87f4;
    border-left: 2px solid #2b87f4;
    border-right: 2px solid #2b87f4;
    background: #e8f5fd;
    vertical-align: middle;
}

@media print,
screen and (min-width: 768px) {
    .width170 {
        width: 170px;
    }

    .tableSecondary tbody .duck {
        height: 53px;
        width: auto;
    }
}

@media only screen and (max-width: 767px) {
    .width190 {
        width: 190px;
    }

    .tableSecondary tbody .duck {
        height: 45px;
        width: auto;
    }

    table td.hosyoBoxLeftBtm {
        border-right: 2px solid #2b87f4;
        width: 48%;
        padding: 7px 3px 7px 0px;
    }

    table td.hosyoBoxRightBtm {
        padding: 7px 3px 7px 5px;
    }
}

div.moneyPlanBox table {
    width: 100%;
    margin-bottom: 1em;
    border: 3px solid #2b87f4;
    border-spacing: 0;
    text-align: center;
    box-sizing: border-box;
    border-radius: 5px;
    border-collapse: separate;
}

.txWeightNormal {
    font-weight: normal
}

div.moneyPlanBox table tr th {
    width: 30%;
    background: #2b87f4;
    font-weight: bold;
    box-sizing: border-box;
    color: #ffffff;
    text-align: center !important;
}

div.moneyPlanBox table tr th a img {
    width: 23px;
    margin-left: 5px;
}

div.moneyPlanBox table tbody {
    border: 3px solid #00a5d9;
    border-radius: 5px;
}

div.moneyPlanBox table tr th:nth-child(2) {
    padding: 1em 2.75em;
    background: #00a5d9;
    color: #ffffff;
}

div.moneyPlanBox table tr th:nth-child(3) {
    padding: 1em 2.75em;
    background: #004ea2;
    color: #ffffff;
}

div.moneyPlanBox table tr td {
    width: 33.33333%;
    padding: 1em 2.75em;
    background: #ffffff;
    font-weight: normal;
    box-sizing: border-box;
}

div.moneyPlanBox table tr td p span.txAttention {
    font-size: 172%;
    font-weight: bold;
    color: #e11901;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    div.moneyPlanBox table tr th br.pcNone {
        display: none;
    }

    div.moneyPlanBox table tr td {
        height: 65px;
        text-align: right;
    }

    div.moneyPlanBox table tr td p span.txAttention {
        margin-right: .2em;
    }
}

@media only screen and (max-width: 767px) {
    div.moneyPlanBox table {
        margin-bottom: 1em;
        font-weight: bold;
    }

    div.moneyPlanBox table tr th {
        width: 33.3333%;
        padding: 15px 7.5px;
        font-size: 16px;
        font-weight: bold;
        text-align: center !important;
    }

    div.moneyPlanBox table tr th a img {
        width: 23px;
        margin-left: 5px;
        margin-bottom: 2px;
    }

    div.moneyPlanBox table tr th:nth-child(2) {
        padding: 15px 7.5px;
    }

    div.moneyPlanBox table tr th:nth-child(3) {
        padding: 15px 7.5px;
    }

    div.moneyPlanBox table tr td {
        padding: 15px 7.5px;
        text-align: right;
    }

    div.moneyPlanBox table tr td p span.txAttention {
        margin-right: .2em;
        font-size: 129%;
    }
}

/*

    simulation_tables.css
    Aflac CSS
    がん保険 ミライト経験者率 - 保険料シミュレーション（各種保障内容表）

*/


/* .txtSimSectionLabel
----------------------------------------------- */
.txtSimSectionFlex {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    margin-bottom: 10px;
}

.txtSimSectionLabel {
    font-size: 24px;
    font-weight: bold;
    color: #2b87f4;
}

.txtSimSubLabel {
    text-align: right;
    font-weight: bold;
    display: inline-block;
}

/* .txtSubject
----------------------------------------------- */
.txtSubject {
    font-size: 20px;
    word-spacing: -5px;
}

.txtSubject>.txtSubjectSubText {
    display: block;
    font-size: 14px;
}

.txtSubject>.modUnderline {
    text-decoration: underline;
}

.txtSubject>sup {
    padding-top: 3px;
    font-size: 10px;
    font-weight: normal;
}

.dialogLink {
    text-decoration: none !important;
}

.dialogLink .blackText {
    color: #333333;
}

#bloSimOption .rowTableSim.isDisabled .blackText {
    color: #787976 !important
}

.rowTableSim sup {
    position: relative;
    /* top: 0.1em; */
    font-size: 10px;
    font-weight: normal;
}

.dialogLink>sup {
    padding-top: 3px;
    font-size: 10px;
    font-weight: normal;
    top: 0px;
}

/* .linkQuestion ?マークリンク
----------------------------------------------- */
.linkQuestion {
    display: inline-block;
    border-radius: 50%;
    background: #009bdd;
    vertical-align: sub;
    text-decoration: none !important;
    color: white !important;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .linkQuestion {
        width: 20px;
        height: 20px;
        margin-left: 6px;
        font-size: 16px;
        padding-left: 2px;
        bottom: 5px;
        position: relative;
    }

    .qBox {
        width: 26px;
        vertical-align: middle;
        margin-left: 4px;
    }
}

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

    /* SP */
    .linkQuestion {
        width: 18px;
        height: 18px;
        margin-left: 6px;
        font-size: 14px;
        padding-left: 2px;
        position: relative;
        bottom: 7px;
    }

    .qBox {
        width: 22px;
        vertical-align: middle;
        margin-left: 4px;
    }
}


/* .bloTableSimBadge
----------------------------------------------- */
.bloTableSimBadge {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
}

.bloTableSimBadge>* {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    background: #ffffff;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .bloTableSimBadge.modWhite {
        padding: 0;
    }

    .bloTableSimBadge>* {
        height: 21px;
        padding: 5px;
    }
}

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

    /* SP */
    .bloTableSimBadge>* {
        padding: 5px 5px 3px 5px;
        height: 20px;
    }
}

/* .rowChiryo 基本保障見出し
----------------------------------------------- */
@media only screen and (max-width: 767px) {

    /* SP */
    .rowChiryo {
        color: #ffffff;
        font-size: 14px;
        font-weight: bold;
        background-color: #2B87F4 !important;
        !i;
        !;
        padding: 5px 7px 5px 12px !important;
        !i;
        !;
        margin: 15px 0;
    }
}

/* .textBaseBenefit 基本保障給付金額
----------------------------------------------- */
.textBaseBenefit {
    width: 100%;
    /* height: 43px; */
    border: 2px solid #2b87f4;
    border-radius: 4px;
    padding: 5px 20px;
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    /* display: flex; */
    justify-content: center;
    /* align-items: center; */
    /* align-items: baseline; */
}

.textBaseBenefit sup {
    font-size: 12px;
    top: 0px;
    font-weight: bold;
    /* display: block; */
    /* vertical-align: super; */
    /* position: relative; */
    /* top: 0.1em; */
    /* font-size: 10px; */
    /* font-weight: normal; */
}


/* #bloCureType 治療給付金タイプエリア
----------------------------------------------- */
#bloCureType {
    display: flex;
    gap: 20px;
}

/* .bloBaseRadio 基本保障ラジオボタン
----------------------------------------------- */
* {
    /* outline: 1px solid #f00 !important; */
}

.bloBaseRadio {
    width: 100%;
    /* height: 43px; */
    border-radius: 4px;
    padding: 4px 10px 4px 32px;
    font-weight: bold;
    font-size: 24px;

    --radio-outer-radius: 22px;
    --radio-inner-radius: 12px;
    --radio-outer-offset: 6px;
}


/* .noteBaseSelect 基本保障セレクトボックス注釈
----------------------------------------------- */
.noteBaseSelect {
    margin-bottom: 6px;
}


/* .bloBaseSelect 基本保障セレクトボックス
----------------------------------------------- */
.bloBaseSelect {
    position: relative;
    width: 100%;
    border: 2px solid #b2b2b2;
    border-radius: 4px;
    margin-bottom: 8px;
    background: #ffffff;
}

.bloBaseSelect.isSelected {
    position: relative;
    width: 100%;
    border: 2px solid #2b87f4;
    border-radius: 4px;
    margin-bottom: 8px;
    background: #ffffff;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .bloBaseSelect {
        height: 43px;
    }

    .chiryoSelect>select {
        font-size: 13px !important;
    }
}

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

    /* SP */
    .bloBaseSelect {
        height: 44px;
    }

    .chiryoSelect>select {
        font-size: 13px !important;
    }
}

.bloBaseSelect.isSelected::after {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 12px;
    display: block;

    border-top: 7px solid #2b87f4;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;

    pointer-events: none;
}

.bloBaseSelect::after {
    content: "";
    position: absolute;
    top: calc(50% - 4px);
    right: 12px;
    display: block;

    border-top: 7px solid #b2b2b2;
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;

    pointer-events: none;
}

.bloBaseSelect>select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: black;
    display: block;
    width: 100%;
    height: 100%;
    border: none;
    padding: 5px 20px;
    background: transparent;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.05em;
    outline: none;
    cursor: pointer;
}

.bloBaseSelect>select:disabled {
    cursor: not-allowed;
}

.bloBaseSelect option {
    font-size: 16px;
}



/* .bloBasePremium 基本保障保険料
----------------------------------------------- */
.bloBasePremium {
    display: grid;
    grid-template: auto / 1fr fit-content(100px);
    gap: 5px;
    text-align: right;
    font-weight: bold;
}

.bloBasePremium>.bloPremiumLoading {
    display: none;
    text-align: center;
}

.bloBasePremium>.bloPremium {
    display: grid;
    grid-template: auto / fit-content(50px) auto;
    gap: 5px;
}

/* .simBaseLink 基本保障FAQリンク
----------------------------------------------- */
.simBaseLink {
    font-weight: bold;
    margin: 10px 0;
    display: inline-block;
    text-align: right;
    color: #009bdd !important;
}

/* #enumCureCase 治療給付金 - 支払事由
----------------------------------------------- */
#enumCureCase {
    display: grid;
    justify-items: center;
    grid-template: repeat(2, auto) / repeat(4, auto);
    gap: 5px 5px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
}

#enumCureCase>span {
    display: flex;
}

#enumCureCase .imgPlaceholder {
    width: 55px;
    height: 50px;
    background: #e4f1ea;
}


/* .bloOptionCheckbox 特約チェックボックス
----------------------------------------------- */
.bloOptionCheckbox {
    display: flex;
    justify-content: center;
    align-items: center;

    border: 2px solid #b2b2b2;
    background: #ffffff;
    cursor: pointer;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .bloOptionCheckbox {
        width: 38px;
        height: 38px;
    }
}

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

    /* SP */
    .bloOptionCheckbox {
        width: 35px;
        height: 35px;
    }
}

/* ハイライト設定 */
.inputCheckbox:checked+.bloOptionCheckbox {
    border: none;
    background: #2b87f4;
}

/* 無効化設定 */
.inputCheckbox:disabled+.bloOptionCheckbox {
    border: none;
    background: #d9d9d9;
    cursor: not-allowed;
}

.inputCheckbox:checked+.bloOptionCheckbox:after {
    content: "";
    border-bottom: solid 6px #ffffff;
    border-right: solid 6px #ffffff;
    transform: rotate(44deg);
    width: 8px;
    height: 18px;
    bottom: 3px;
    position: relative;
    box-sizing: content-box;
}

/* .noteOptionBenefit 特約給付金額ボックス注釈
----------------------------------------------- */
.noteOptionBenefit {
    margin-bottom: 6px;
}

/* .bloOptionBenefit 特約給付金額
----------------------------------------------- */
.bloOptionBenefit {
    display: flex;
    align-items: baseline;
    justify-content: center;
    border: 2px solid #b2b2b2;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 5.5px 0 3.5px 0;
}

.bloOptionBenefit>.textOptionBenefit {
    padding-left: 10px;
    font-size: 20px;
}

.bloOptionBenefit.modSingleBox>* {
    padding: 0;
}

/* ハイライト設定 */
.isChecked .bloOptionBenefit {
    border-color: #2b87f4;
}

/* 無効化設定 */
.isDisabled .bloOptionBenefit {
    border-color: #d9d9d9 !important;
    background: #d9d9d9 !important;
}

/* 個別設定 */
.bloOptionBenefit.modSipMenjyo {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.2;
}

.bloOptionBenefit.modSensinTotal {
    display: grid;
    text-align: center;
}

.bloOptionBenefit[data-select-amt="5000"] .nyu10,
.nyu10,
.bloOptionBenefit[data-select-amt="10000"] .nyu5 {
    display: none;
}

.bloOptionBenefit[data-select-amt="10000"] .nyu10 {
    display: block;
}

/* .bloOptionPremium 特約保険料
----------------------------------------------- */
.bloOptionPremium {
    display: grid;
    gap: 0 5px;
    text-align: right;
    font-weight: bold;
    justify-items: end;
}

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

    /* SP */
    .bloOptionPremium {
        display: grid;
        gap: 0 5px;
        text-align: right;
        font-weight: bold;
        justify-items: end;
    }
}

.bloOptionPremium>.bloPremiumLoading {
    display: none;
    text-align: center;
}

.bloOptionPremium>.bloPremium {
    display: grid;
    grid-template: auto / auto 45px auto;
    gap: 0px;
}


/* .tableSimulation
----------------------------------------------- */
.tableSimulation {
    width: 100%;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .tableSimulation {
        display: block;
        border: 2px solid #b7b9bb;
        border-bottom: 0;
        margin-bottom: 42px;
    }
}

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

    /* SP */
    .tableSimulation {
        display: grid;
        gap: 10px;
        margin-bottom: 37px;
    }

    .tableSimulation:nth-last-of-type(1) {
        margin-bottom: 17px;
        border-bottom: 1px solid #b7b9bb;
        padding-bottom: 20px;
    }
}

.tableSimulation tbody {
    display: contents;
}


/* .rowTableSim/rowTableSimKihon
----------------------------------------------- */
@media print,
screen and (min-width: 768px) {

    /* PC */
    .rowTableSim {
        display: grid;
        grid-template: auto / 320px 1fr;
        border-bottom: 2px solid #b7b9bb;
    }

    .rowTableSimKihon td {
        width: 348px;
    }

    .rowTableSimKihon td.rowChiryo {
        width: 20px;
        text-align: center;
        background: #2b87f4;
        border-right: 2px solid #b7b9bb;
        color: #ffffff;
    }

    .rowTableSimKihon th {
        width: 299px;
    }

    .rowTableSimKihon {
        border-bottom: 2px solid #b7b9bb;
    }
}

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

    /* SP */
    .rowTableSim {
        display: grid;
    }

    .rowTableSimKihon {
        display: grid;
    }
}

/* th */
.rowTableSim>th,
.rowTableSimKihon>th {
    text-align: left;
    background: #ffffff;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    .rowTableSim>th,
    .rowTableSimKihon>th {
        border-right: 2px solid #b7b9bb;
    }
}

/* td */
.rowTableSim>td,
.rowTableSimKihon>td {
    background: #ffffff;
}


/* #bloSimBase 基本保障テーブル個別設定
----------------------------------------------- */
/* .rowTableSim */

/* th */
#bloSimBase th {
    display: grid;
    align-content: start;
    grid-template: 39px auto auto / auto;
    gap: 8px;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    #bloSimBase th {
        padding: 25px 18px 16px 18px;
        background: #ebf6fc;
    }
}

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

    /* SP */
    #bloSimBase th {
        padding: 15px 10px 20px 12px;
        background: #ebf6fc;
    }
}

#bloSimBase th.modSingleBox {
    display: block !important;
}

/* td */
@media print,
screen and (min-width: 768px) {

    /* PC */
    #bloSimBase td {
        padding: 25px 18px 14px 18px;
    }

    #bloSimBase td.rowChiryo {
        padding: 0;
        font-weight: bold;
    }
}

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

    /* SP */
    #bloSimBase td {
        padding: 15px 0;
    }
}


/* #bloSimOption 特約テーブル個別設定
----------------------------------------------- */
/* .rowTableSim */
/* .非表示設定 */
#bloSimOption .jqBaseRowTarget.isInvisibility {
    display: none;
}

/* 無効化設定 */
#bloSimOption .rowTableSim.isDisabled {
    color: #787976 !important;
}

/* th */
#bloSimOption th {
    display: grid;
    grid-template:
        "check subject" auto
        "notes   notes" 1fr
        / auto 1fr;
}

@media print,
screen and (min-width: 768px) {

    /* PC */
    #bloSimOption th {
        padding: 18px 7px 16px 16px;
        gap: 10px 20px;
        background: #ebf6fc;
    }
}

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

    /* SP */
    #bloSimOption th {
        padding: 14px 6px 16px 10px;
        gap: 8px 15px;
        background: #ebf6fc;
    }
}

/* 色設定 */
#bloSimOption th.modPinkColor {
    background: #fce8ea;
}

#bloSimOption th.modOrangeColor {
    background: #FCE8EA;
}

/* 無効化設定 */
#bloSimOption .isDisabled th {
    background: #f2f2f2 !important;
}

/* 配置設定 */
#bloSimOption th>.itemCheck {
    grid-area: check;
}

#bloSimOption th>.itemSubject {
    grid-area: subject;
    align-self: center;
}

#bloSimOption th>.itemNotes {
    grid-area: notes;
}

/* td */
@media print,
screen and (min-width: 768px) {

    /* PC */
    #bloSimOption td {
        padding: 20px 18px 16px 24px;
    }
}

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

    /* SP */
    #bloSimOption td {
        padding: 15px 8px;
    }
}


/* data-select-amt */
.shindanEpiAmt10,
.shindanfukusu25EpiAmt10,
.cureLifeSupportAmt6 {
    display: none;
}

p[data-select-amt="50"] strong.shindanEpiAmt10,
p[data-select-amt="100"] strong.shindanEpiAmt5,
p[data-select-amt="50"] strong.shindanfukusu25EpiAmt10,
p[data-select-amt="100"] strong.shindanfukusu25EpiAmt5,
p[data-select-amt="10"] strong.cureLifeSupportAmt6,
p[data-select-amt="6"] strong.cureLifeSupportAmt10 {
    display: none;
}

p[data-select-amt="100"] strong.shindanEpiAmt10,
p[data-select-amt="50"] strong.shindanEpiAmt5,
p[data-select-amt="50"] strong.shindanfukusu25EpiAmt5,
p[data-select-amt="100"] strong.shindanfukusu25EpiAmt10,
p[data-select-amt="10"] strong.cureLifeSupportAmt10,
p[data-select-amt="6"] strong.cureLifeSupportAmt6 {
    display: block;
}