body {
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/*スピンボタンの削除*/
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none!important;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield!important;
}

img {
    max-width: 100%;
}


/* --------------------------------------------------------------------------------

- utilities
ページ、サイトに依存しない汎用的なスタイル

-------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------

- text

-------------------------------------------------------------------------------- */

.underLine {
    text-decoration: underline;
}

.preWrap {
    white-space: pre-wrap;
}

.breakAll {
    word-break: break-all;
}



/* --------------------------------------------------------------------------------

- font-weight

-------------------------------------------------------------------------------- */

.fw400 {
    font-weight: 400 !important;
}

.fw700 {
    font-weight: 700 !important;
}

@media screen and (max-width: 767px) {
    .fw400-sp {
        font-weight: 400 !important;
    }

    .fw700-sp {
        font-weight: 700 !important;
    }
}



/* --------------------------------------------------------------------------------

- text-align

-------------------------------------------------------------------------------- */

.alnC {
    text-align: center !important;
}

.alnR {
    text-align: right !important;
}

.alnL {
    text-align: left !important;
}

/* --------------------------------------------------------------------------------

- font size

-------------------------------------------------------------------------------- */

.fs10 {
    font-size: 10px !important;
}

.fs11 {
    font-size: 11px !important;
}

.fs12 {
    font-size: 12px !important;
}

.fs13 {
    font-size: 13px !important;
}

.fs14 {
    font-size: 14px !important;
}

.fs16 {
    font-size: 16px !important;
}

.fs18 {
    font-size: 18px !important;
}

.fs20 {
    font-size: 20px !important;
}

.fs22 {
    font-size: 22px !important;
}

.fs24 {
    font-size: 24px !important;
}

.fs32 {
    font-size: 32px !important;
}

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

    .fs10-sp {
        font-size: 10px !important;
    }

    .fs11-sp {
        font-size: 11px !important;
    }

    .fs12-sp {
        font-size: 12px !important;
    }

    .fs13-sp {
        font-size: 13px !important;
    }

    .fs14-sp {
        font-size: 14px !important;
    }

    .fs16-sp {
        font-size: 16px !important;
    }

    .fs18-sp {
        font-size: 18px !important;
    }

    .fs20-sp {
        font-size: 20px !important;
    }

    .fs22-sp {
        font-size: 22px !important;
    }

    .fs24-sp {
        font-size: 24px !important;
    }

    .fs32-sp {
        font-size: 32px !important;
    }

}


/* --------------------------------------------------------------------------------

- display

-------------------------------------------------------------------------------- */
.pcNone {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .pcNone {
        display: block !important;
    }

    .spNone {
        display: none !important;
    }
}


/* --------------------------------------------------------------------------------

- margin

-------------------------------------------------------------------------------- */

/* margin-top
-------------------------------------------------------------------------------- */

.mt0 {
    margin-top: 0 !important;
}

.mt2 {
    margin-top: 2px !important;
}

.mt3 {
    margin-top: 3px !important;
}

.mt4 {
    margin-top: 4px !important;
}

.mt8 {
    margin-top: 8px !important;
}

.mt12 {
    margin-top: 12px !important;
}

.mt16 {
    margin-top: 16px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt24 {
    margin-top: 24px !important;
}

.mt28 {
    margin-top: 28px !important;
}

.mt32 {
    margin-top: 32px !important;
}

.mt36 {
    margin-top: 36px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt44 {
    margin-top: 44px !important;
}

.mt48 {
    margin-top: 48px !important;
}

.mt52 {
    margin-top: 52px !important;
}

.mt56 {
    margin-top: 56px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt64 {
    margin-top: 64px !important;
}

.mt68 {
    margin-top: 68px !important;
}

.mt72 {
    margin-top: 72px !important;
}

.mt76 {
    margin-top: 76px !important;
}

.mt80 {
    margin-top: 80px !important;
}

@media screen and (max-width: 767px) {
    .mt0-sp {
        margin-top: 0 !important;
    }

    .mt4-sp {
        margin-top: 4px !important;
    }

    .mt5-sp {
        margin-top: 5px !important;
    }

    .mt8-sp {
        margin-top: 8px !important;
    }

    .mt12-sp {
        margin-top: 12px !important;
    }

    .mt16-sp {
        margin-top: 16px !important;
    }

    .mt20-sp {
        margin-top: 20px !important;
    }

    .mt24-sp {
        margin-top: 24px !important;
    }

    .mt28-sp {
        margin-top: 28px !important;
    }

    .mt32-sp {
        margin-top: 32px !important;
    }

    .mt36-sp {
        margin-top: 36px !important;
    }

    .mt40-sp {
        margin-top: 40px !important;
    }

    .mt44-sp {
        margin-top: 44px !important;
    }

    .mt48-sp {
        margin-top: 48px !important;
    }

    .mt52-sp {
        margin-top: 52px !important;
    }

    .mt56-sp {
        margin-top: 56px !important;
    }

    .mt60-sp {
        margin-top: 60px !important;
    }

    .mt64-sp {
        margin-top: 64px !important;
    }

    .mt68-sp {
        margin-top: 68px !important;
    }

    .mt72-sp {
        margin-top: 72px !important;
    }

    .mt76-sp {
        margin-top: 76px !important;
    }

    .mt80-sp {
        margin-top: 80px !important;
    }
}



/* margin-bottom
-------------------------------------------------------------------------------- */

.mb0 {
    margin-bottom: 0 !important;
}

.mb4 {
    margin-bottom: 4px !important;
}

.mb8 {
    margin-bottom: 8px !important;
}

.mb12 {
    margin-bottom: 12px !important;
}

.mb16 {
    margin-bottom: 16px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb24 {
    margin-bottom: 24px !important;
}

.mb28 {
    margin-bottom: 28px !important;
}

.mb32 {
    margin-bottom: 32px !important;
}

.mb36 {
    margin-bottom: 36px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb44 {
    margin-bottom: 44px !important;
}

.mb48 {
    margin-bottom: 48px !important;
}

.mb52 {
    margin-bottom: 52px !important;
}

.mb56 {
    margin-bottom: 56px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb64 {
    margin-bottom: 64px !important;
}

.mb68 {
    margin-bottom: 68px !important;
}

.mb72 {
    margin-bottom: 72px !important;
}

.mb76 {
    margin-bottom: 76px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

@media screen and (max-width: 767px) {
    .mb0-sp {
        margin-bottom: 0 !important;
    }

    .mb4-sp {
        margin-bottom: 4px !important;
    }

    .mb8-sp {
        margin-bottom: 8px !important;
    }

    .mb12-sp {
        margin-bottom: 12px !important;
    }

    .mb16-sp {
        margin-bottom: 16px !important;
    }

    .mb20-sp {
        margin-bottom: 20px !important;
    }

    .mb24-sp {
        margin-bottom: 24px !important;
    }

    .mb28-sp {
        margin-bottom: 28px !important;
    }

    .mb32-sp {
        margin-bottom: 32px !important;
    }

    .mb36-sp {
        margin-bottom: 36px !important;
    }

    .mb40-sp {
        margin-bottom: 40px !important;
    }

    .mb44-sp {
        margin-bottom: 44px !important;
    }

    .mb48-sp {
        margin-bottom: 48px !important;
    }

    .mb52-sp {
        margin-bottom: 52px !important;
    }

    .mb56-sp {
        margin-bottom: 56px !important;
    }

    .mb60-sp {
        margin-bottom: 60px !important;
    }

    .mb64-sp {
        margin-bottom: 64px !important;
    }

    .mb68-sp {
        margin-bottom: 68px !important;
    }

    .mb72-sp {
        margin-bottom: 72px !important;
    }

    .mb76-sp {
        margin-bottom: 76px !important;
    }

    .mb80-sp {
        margin-bottom: 80px !important;
    }
}
/* margin-left
-------------------------------------------------------------------------------- */

.mlAuto {
    margin-left: auto !important;
}

.ml0 {
    margin-left: 0 !important;
}

.ml4 {
    margin-left: 4px !important;
}

.ml8 {
    margin-left: 8px !important;
}

.ml12 {
    margin-left: 12px !important;
}

.ml16 {
    margin-left: 16px !important;
}

.ml20 {
    margin-left: 20px !important;
}

.ml24 {
    margin-left: 24px !important;
}

.ml28 {
    margin-left: 28px !important;
}

.ml32 {
    margin-left: 32px !important;
}

.ml36 {
    margin-left: 36px !important;
}

.ml40 {
    margin-left: 40px !important;
}

.ml44 {
    margin-left: 44px !important;
}

.ml48 {
    margin-left: 48px !important;
}

.ml52 {
    margin-left: 52px !important;
}

.ml56 {
    margin-left: 56px !important;
}

.ml60 {
    margin-left: 60px !important;
}

.ml64 {
    margin-left: 64px !important;
}

.ml68 {
    margin-left: 68px !important;
}

.ml72 {
    margin-left: 72px !important;
}

.ml76 {
    margin-left: 76px !important;
}

.ml80 {
    margin-left: 80px !important;
}

.ml104 {
    margin-left: 104px !important;
}

@media screen and (max-width: 767px) {
    .ml0-sp {
        margin-left: 0 !important;
    }

    .ml4-sp {
        margin-left: 4px !important;
    }

    .ml8-sp {
        margin-left: 8px !important;
    }

    .ml12-sp {
        margin-left: 12px !important;
    }

    .ml16-sp {
        margin-left: 16px !important;
    }

    .ml20-sp {
        margin-left: 20px !important;
    }

    .ml24-sp {
        margin-left: 24px !important;
    }

    .ml28-sp {
        margin-left: 28px !important;
    }

    .ml32-sp {
        margin-left: 32px !important;
    }

    .ml36-sp {
        margin-left: 36px !important;
    }

    .ml40-sp {
        margin-left: 40px !important;
    }

    .ml44-sp {
        margin-left: 44px !important;
    }

    .ml48-sp {
        margin-left: 48px !important;
    }

    .ml52-sp {
        margin-left: 52px !important;
    }

    .ml56-sp {
        margin-left: 56px !important;
    }

    .ml60-sp {
        margin-left: 60px !important;
    }

    .ml64-sp {
        margin-left: 64px !important;
    }

    .ml68-sp {
        margin-left: 68px !important;
    }

    .ml72-sp {
        margin-left: 72px !important;
    }

    .ml76-sp {
        margin-left: 76px !important;
    }

    .ml80-sp {
        margin-left: 80px !important;
    }

    .ml0-sp {
        margin-left: 0 !important;
    }

    .ml4-sp {
        margin-left: 4px !important;
    }

    .ml8-sp {
        margin-left: 8px !important;
    }

    .ml12-sp {
        margin-left: 12px !important;
    }

    .ml16-sp {
        margin-left: 16px !important;
    }

    .ml20-sp {
        margin-left: 20px !important;
    }

    .ml24-sp {
        margin-left: 24px !important;
    }

    .ml28-sp {
        margin-left: 28px !important;
    }

    .ml32-sp {
        margin-left: 32px !important;
    }

    .ml36-sp {
        margin-left: 36px !important;
    }

    .ml40-sp {
        margin-left: 40px !important;
    }

    .ml44-sp {
        margin-left: 44px !important;
    }

    .ml48-sp {
        margin-left: 48px !important;
    }

    .ml52-sp {
        margin-left: 52px !important;
    }

    .ml56-sp {
        margin-left: 56px !important;
    }

    .ml60-sp {
        margin-left: 60px !important;
    }

    .ml64-sp {
        margin-left: 64px !important;
    }

    .ml68-sp {
        margin-left: 68px !important;
    }

    .ml72-sp {
        margin-left: 72px !important;
    }

    .ml76-sp {
        margin-left: 76px !important;
    }

    .ml80-sp {
        margin-left: 80px !important;
    }
}


/* margin-right
-------------------------------------------------------------------------------- */

.mr0 {
    margin-right: 0 !important;
}

.mr4 {
    margin-right: 4px !important;
}

.mr8 {
    margin-right: 8px !important;
}

.mr12 {
    margin-right: 12px !important;
}

.mr16 {
    margin-right: 16px !important;
}

.mr20 {
    margin-right: 20px !important;
}

.mr24 {
    margin-right: 24px !important;
}

.mr28 {
    margin-right: 28px !important;
}

.mr32 {
    margin-right: 32px !important;
}

.mr36 {
    margin-right: 36px !important;
}

.mr40 {
    margin-right: 40px !important;
}

.mr44 {
    margin-right: 44px !important;
}

.mr48 {
    margin-right: 48px !important;
}

.mr52 {
    margin-right: 52px !important;
}

.mr56 {
    margin-right: 56px !important;
}

.mr60 {
    margin-right: 60px !important;
}

.mr64 {
    margin-right: 64px !important;
}

.mr68 {
    margin-right: 68px !important;
}

.mr72 {
    margin-right: 72px !important;
}

.mr76 {
    margin-right: 76px !important;
}

.mr80 {
    margin-right: 80px !important;
}


@media screen and (max-width: 767px) {
    .mr0-sp {
        margin-right: 0 !important;
    }

    .mr4-sp {
        margin-right: 4px !important;
    }

    .mr8-sp {
        margin-right: 8px !important;
    }

    .mr12-sp {
        margin-right: 12px !important;
    }

    .mr16-sp {
        margin-right: 16px !important;
    }

    .mr20-sp {
        margin-right: 20px !important;
    }

    .mr24-sp {
        margin-right: 24px !important;
    }

    .mr28-sp {
        margin-right: 28px !important;
    }

    .mr32-sp {
        margin-right: 32px !important;
    }

    .mr36-sp {
        margin-right: 36px !important;
    }

    .mr40-sp {
        margin-right: 40px !important;
    }

    .mr44-sp {
        margin-right: 44px !important;
    }

    .mr48-sp {
        margin-right: 48px !important;
    }

    .mr52-sp {
        margin-right: 52px !important;
    }

    .mr56-sp {
        margin-right: 56px !important;
    }

    .mr60-sp {
        margin-right: 60px !important;
    }

    .mr64-sp {
        margin-right: 64px !important;
    }

    .mr68-sp {
        margin-right: 68px !important;
    }

    .mr72-sp {
        margin-right: 72px !important;
    }

    .mr76-sp {
        margin-right: 76px !important;
    }

    .mr80-sp {
        margin-right: 80px !important;
    }


    .mr0-sp {
        margin-right: 0 !important;
    }

    .mr4-sp {
        margin-right: 4px !important;
    }

    .mr8-sp {
        margin-right: 8px !important;
    }

    .mr12-sp {
        margin-right: 12px !important;
    }

    .mr16-sp {
        margin-right: 16px !important;
    }

    .mr20-sp {
        margin-right: 20px !important;
    }

    .mr24-sp {
        margin-right: 24px !important;
    }

    .mr28-sp {
        margin-right: 28px !important;
    }

    .mr32-sp {
        margin-right: 32px !important;
    }

    .mr36-sp {
        margin-right: 36px !important;
    }

    .mr40-sp {
        margin-right: 40px !important;
    }

    .mr44-sp {
        margin-right: 44px !important;
    }

    .mr48-sp {
        margin-right: 48px !important;
    }

    .mr52-sp {
        margin-right: 52px !important;
    }

    .mr56-sp {
        margin-right: 56px !important;
    }

    .mr60-sp {
        margin-right: 60px !important;
    }

    .mr64-sp {
        margin-right: 64px !important;
    }

    .mr68-sp {
        margin-right: 68px !important;
    }

    .mr72-sp {
        margin-right: 72px !important;
    }

    .mr76-sp {
        margin-right: 76px !important;
    }

    .mr80-sp {
        margin-right: 80px !important;
    }
}


/* --------------------------------------------------------------------------------

- text

-------------------------------------------------------------------------------- */

.colorRed {
    color: #C6414E!important;
}

/* --------------------------------------------------------------------------------

- list

-------------------------------------------------------------------------------- */

.list01 {
    display: block;
    padding-left: 1.5em;
    margin: 0;
}

.list01 > li:not(:first-child) {
    margin-top: 4px;
}

.yoryoArea {
    display: grid;
    gridTemplateColumns: 1fr;
    gap: 4px;
}