@charset "UTF-8";

@layer wp-legacy {

    /* WP feature.min.css (PC). Same filename on WP; UA-switched. */
    .legacy-feature .mImageLink {
        margin-top: 96px
    }

    .legacy-feature .mImageLink h2 {
        font-size: 18px;
        font-family: ub, kb, kbSpecific, FP-KoburinaGoStdN-W6, kbN;
        color: #737373;
        margin-left: 21px;
        padding-bottom: 9px
    }

    .legacy-feature .mImageLink .contents {
        overflow: hidden;
        width: 100%
    }

    .legacy-feature .mImageLink .contents .wrapper {
        width: 100%;
        overflow: hidden;
        margin-top: 29px;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 20px;
        margin-bottom: -20px
    }

    .legacy-feature s .mImageLink .contents .wrapper::-webkit-scrollbar {
        display: none
    }

    .legacy-feature .mImageLink .contents .wrapper .list {
        padding-left: 21px;
        padding-right: 21px;
        display: -webkit-flex;
        display: flex;
        width: 1000%
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit {
        position: relative;
        width: 141.5px;
        margin-right: 15px
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit:last-of-type {
        margin-right: 0
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a {
        position: relative;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-bottom: 28px
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a.hover:after {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: #737373;
        opacity: .05455;
        top: 0
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a.hover .image {
        background: #000;
        z-index: 1
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a.hover .image img {
        opacity: .85
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a.hover .arrow {
        -moz-animation: waiting 20ms;
        -webkit-animation: waiting 20ms;
        animation: waiting 20ms
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a.hover .arrow .arrowBody {
        right: 5px
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a.hover.fade .image img {
        -moz-transition: opacity .5s;
        -o-transition: opacity .5s;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
        opacity: 1
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a.hover.fade .arrow .arrowBody {
        -moz-transition: right .5s cubic-bezier(.2, 1, .2, 1);
        -o-transition: right .5s cubic-bezier(.2, 1, .2, 1);
        -webkit-transition: right .5s cubic-bezier(.2, 1, .2, 1);
        transition: right .5s cubic-bezier(.2, 1, .2, 1);
        right: 0
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a .image {
        width: 100%;
        height: 0;
        padding-top: calc(200%/3);
        position: relative;
        overflow: hidden;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: #f7f7f7
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a .image img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a .info {
        width: 100%;
        height: 40.5px
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a .info p {
        font-size: 12px;
        line-height: 21px;
        font-family: ur, kr, krSpecific, FP-KoburinaGoStdN-W3;
        color: #737373;
        margin-top: 11px;
        word-break: keep-all
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a .arrow {
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 27px;
        border-bottom: solid 1px #d9d9d9
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a .arrow .arrowBody {
        position: absolute;
        content: "";
        right: 0;
        top: 7px;
        width: 7px;
        height: 5px;
        background: url(legacy-img-common-arrowRight.svg) no-repeat;
        background-size: 7px 5px
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit a .arrow:after {
        position: absolute;
        content: "";
        width: 12px;
        height: 1px;
        bottom: -1px;
        right: 0;
        background: #737373
    }

    .legacy-feature .mImageLink .contents .wrapper .vertical {
        flex-wrap: wrap;
        width: calc(100% - 42px);
        justify-content: space-between
    }

    .legacy-feature .mImageLink .contents .wrapper .vertical .unit {
        position: relative;
        width: calc((100% - 30px)/ 2);
        margin-bottom: 42px
    }

    .legacy-feature .mImageLink .contents .wrapper .vertical .unit:nth-of-type(2n) {
        margin-right: 0
    }

    .legacy-feature .mImageLink .mLink {
        margin-left: 17px;
        margin-top: 27px;
        width: calc(100% - 17px)
    }

    .legacy-feature .mImageLink .mLink a:after {
        right: calc(100% - 141.5px * 2 - 15px)
    }

    .legacy-feature .mImageLink .mLink a.hover {
        -moz-animation: waiting 20ms;
        -webkit-animation: waiting 20ms;
        animation: waiting 20ms
    }

    .legacy-feature .mImageLink .mLink a.hover:after {
        right: calc(100% - 141.5px * 2 - 15px + 5px)
    }

    .legacy-feature .mImageLink .mLink a.hover.fade:after {
        -moz-transition: right .5s cubic-bezier(.2, 1, .2, 1);
        -o-transition: right .5s cubic-bezier(.2, 1, .2, 1);
        -webkit-transition: right .5s cubic-bezier(.2, 1, .2, 1);
        transition: right .5s cubic-bezier(.2, 1, .2, 1);
        right: calc(100% - 141.5px * 2 - 15px)
    }

    .legacy-feature .mImageLink .mLink.vertical {
        margin-left: 0;
        width: calc(100% - 34px);
        padding-left: 17px;
        padding-right: 17px;
        margin-top: 0
    }

    .legacy-feature .mImageLink .mLink.vertical a:after {
        right: 0
    }

    .legacy-feature .mImageLink {
        position: relative
    }

    .legacy-feature .mImageLink h2 {
        font-size: 17px;
        margin-left: 0;
        padding-bottom: 40px
    }

    .legacy-feature .mImageLink .contents .wrapper {
        margin-bottom: 0;
        padding-bottom: 0;
        overflow: hidden;
        margin-top: 0
    }

    .legacy-feature .mImageLink .contents .wrapper .list {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-bottom: -55px
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit {
        width: calc((100% - 42px * 3)/ 4);
        margin-right: 42px;
        margin-bottom: 55px
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit:nth-of-type(4n) {
        margin-right: 0
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit .info {
        height: 44px
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit .info p {
        font-size: 14px
    }

    .legacy-feature .mImageLink .contents.s .wrapper .list .unit {
        width: calc((100% - 42px * 4)/ 5)
    }

    .legacy-feature .mImageLink .contents.s .wrapper .list .unit:nth-of-type(4n) {
        margin-right: 42px
    }

    .legacy-feature .mImageLink .contents.s .wrapper .list .unit:nth-of-type(5n) {
        margin-right: 0
    }

    .legacy-feature .mImageLink .contents.s .wrapper .list .unit .info p {
        font-size: 12px
    }

    .legacy-feature .mImageLink .contents.l .wrapper .list .unit {
        width: calc((100% - 42px * 2)/ 3)
    }

    .legacy-feature .mImageLink .contents.l .wrapper .list .unit:nth-of-type(4n) {
        margin-right: 42px
    }

    .legacy-feature .mImageLink .contents.l .wrapper .list .unit:nth-of-type(3n) {
        margin-right: 0
    }

    .legacy-feature .mImageLink .contents.l .wrapper .list .unit .info {
        height: 50px
    }

    .legacy-feature .mImageLink .mLink {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        margin-left: 0;
        width: 100%
    }

    .legacy-feature .mImageLink .mLink a {
        width: calc((100% - 42px * 4)/ 5)
    }

    .legacy-feature .mImageLink .mLink a:after {
        right: 0
    }

    .legacy-feature .mImageLink .mLink a.hover {
        -moz-animation: waiting 20ms;
        -webkit-animation: waiting 20ms;
        animation: waiting 20ms
    }

    .legacy-feature .mImageLink .mLink a.hover:after {
        right: 5px
    }

    .legacy-feature .mImageLink .mLink a.hover.fade:after {
        -moz-transition: right .5s cubic-bezier(.2, 1, .2, 1);
        -o-transition: right .5s cubic-bezier(.2, 1, .2, 1);
        -webkit-transition: right .5s cubic-bezier(.2, 1, .2, 1);
        transition: right .5s cubic-bezier(.2, 1, .2, 1);
        right: 0
    }

    .legacy-feature .mImageLink .contents .wrapper .list .unit,
    .legacy-feature .mImageLink .contents .wrapper .list .unit {
        width: calc((100% - 42px * 3 - 1px)/ 4)
    }

    .legacy-feature .mImageLink .contents.s .wrapper .list .unit,
    .legacy-feature .mImageLink .contents.s .wrapper .list .unit {
        width: calc((100% - 42px * 4 - 1px)/ 5)
    }

    .legacy-feature .mImageLink .contents.l .wrapper .list .unit,
    .legacy-feature .mImageLink .contents.l .wrapper .list .unit {
        width: calc((100% - 42px * 2 - 1px)/ 3)
    }

    .legacy-feature .mImageLink .mLink a,
    .legacy-feature .mImageLink .mLink a {
        width: calc((100% - 42px * 4 - 1px)/ 5)
    }

    .legacy-feature .mFirstView.feature {
        margin-left: 17px;
        width: calc(100% - 34px);
        /* height: 100% */
    }

    .legacy-feature .mFirstView.feature .image {
        overflow: hidden;
        width: 100%;
        /* height: 100% !important; */
        margin-bottom: 69px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px
    }

    .legacy-feature .mFirstView.feature .image img {
        width: 100%;
        display: block
    }

    .legacy-feature .mFirstView.feature .image+p.sub {
        margin-top: -2px
    }

    .legacy-feature .mFirstView.feature .image+p.text {
        margin-top: -6px
    }

    .legacy-feature .mFirstView.feature h1 {
        font-size: 24px;
        line-height: 32px;
        margin-top: -2px;
        margin-bottom: -8px
    }

    .legacy-feature .mFirstView.feature p.sub {
        font-size: 14px;
        line-height: 21px;
        margin-top: 40px;
        color: inherit;
        word-break: keep-all;
        margin-bottom: -7px
    }

    .legacy-feature .mFirstView.feature p.sub:first-child {
        margin-top: -2px
    }

    .legacy-feature .mFirstView.feature p.sub a {
        color: inherit;
        text-decoration: underline
    }

    .legacy-feature .mFirstView.feature p.sub a.hover {
        opacity: .63636
    }

    .legacy-feature .mFirstView.feature p.text {
        font-size: 17px;
        line-height: 33px;
        margin-top: 36px;
        color: inherit;
        word-break: keep-all;
        margin-bottom: -12px
    }

    .legacy-feature .mFirstView.feature p.text:first-child {
        margin-top: -6px
    }

    .legacy-feature .mFirstView.feature p.text a {
        color: inherit;
        text-decoration: underline
    }

    .legacy-feature .mFirstView.feature p.text a.hover {
        opacity: .63636
    }

    .legacy-feature .mFirstView.feature {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        margin-left: 0;
        width: 100%
    }

    .legacy-feature .mFirstView.feature h1 {
        font-size: 34px;
        line-height: 45px
    }

    .legacy-feature .mFirstView.feature p.sub {
        word-break: keep-all;
        width: calc((100% - 42px * 3)*2 / 4 + 42px);
        text-align: center
    }

    .legacy-feature .mFirstView.feature p.text {
        width: calc((100% - 42px * 2)*2 / 3 + 42px)
    }

    .legacy-feature .mNotice {
        margin-left: 17px;
        width: calc(100% - 34px);
        text-align: justify;
        text-justify: inter-ideograph;
        margin-top: 42px
    }

    .legacy-feature .mNotice:first-child {
        margin-top: 0
    }

    .legacy-feature .mNotice+.mNotice {
        margin-top: 42px
    }

    .legacy-feature .mNotice p.title {
        font-size: 14px;
        line-height: 27px;
        margin-top: -4px;
        margin-bottom: 11px;
        text-align: center
    }

    .legacy-feature .mNotice .notices {
        padding-top: 23px;
        padding-bottom: 33px;
        text-align-last: left;
        line-break: strict;
        word-break: normal;
        word-wrap: break-word;
        font-feature-settings: "palt" 1;
        position: relative
    }

    .legacy-feature .mNotice .notices:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d9d9d9
    }

    .legacy-feature .mNotice .notices:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d9d9d9
    }

    .legacy-feature .mNotice .notices p {
        font-size: 14px;
        line-height: 27px
    }

    .legacy-feature .mNotice .notices p a {
        color: inherit;
        text-decoration: underline
    }

    .legacy-feature .mNotice .notices p a.hover {
        opacity: .63636
    }

    .legacy-feature .mNotice .notices p.caution {
        position: relative;
        padding-left: 3ex
    }

    .legacy-feature .mNotice .notices p.caution:before {
        content: "※";
        position: absolute;
        left: 0;
        background-color: transparent !important
    }

    .legacy-feature .mNotice dl {
        text-align-last: left;
        line-break: strict;
        word-break: normal;
        word-wrap: break-word;
        font-feature-settings: "palt" 1;
        position: relative
    }

    .legacy-feature .mNotice dl:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d9d9d9
    }

    .legacy-feature .mNotice dl:after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d9d9d9
    }

    .legacy-feature .mNotice dl dt {
        word-break: keep-all;
        text-align: left;
        position: relative;
        padding-top: 23px;
        padding-bottom: 14px
    }

    .legacy-feature .mNotice dl dt:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d9d9d9
    }

    .legacy-feature .mNotice dl dt:first-of-type:before {
        content: none
    }

    .legacy-feature .mNotice dl dt br {
        display: none
    }

    .legacy-feature .mNotice dl dd {
        margin-left: 21px;
        padding-bottom: 17px
    }

    .legacy-feature .mNotice dl p {
        font-size: 14px;
        line-height: 21px
    }

    .legacy-feature .mNotice dl p a {
        color: inherit;
        text-decoration: underline
    }

    .legacy-feature .mNotice dl p a.hover {
        opacity: .63636
    }

    .legacy-feature .mNotice dl p.caution {
        position: relative;
        padding-left: 3ex
    }

    .legacy-feature .mNotice dl p.caution:before {
        content: "※";
        position: absolute;
        left: 0;
        background-color: transparent !important
    }

    .legacy-feature .mNotice {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-align-items: center;
        align-items: center;
        margin-left: 0;
        width: 100%;
        margin-top: 69px
    }

    .legacy-feature .mNotice:first-child {
        margin-top: 0
    }

    .legacy-feature .mNotice+.mNotice {
        margin-top: 69px
    }

    .legacy-feature .mNotice p.title {
        width: calc((100% - 42px * 3)*2 / 4 + 42px * 3)
    }

    .legacy-feature .mNotice .notices {
        width: calc((100% - 42px * 3)*2 / 4 + 42px * 3)
    }

    .legacy-feature .mNotice dl {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: calc((100% - 42px * 3)*2 / 4 + 42px * 3)
    }

    .legacy-feature .mNotice dl dt {
        width: calc((100% - 42px * 3)/ 2 - 42px);
        padding-top: 18px;
        padding-bottom: 12px
    }

    .legacy-feature .mNotice dl dt:before {
        opacity: .33333
    }

    .legacy-feature .mNotice dl dt:after {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        top: 0;
        right: 0;
        background-image: linear-gradient(to bottom, #d9d9d9, #d9d9d9 1px, rgba(0, 0, 0, 0) 1px, rgba(0, 0, 0, 0) 3px);
        background-size: 1px 3px;
        background-color: transparent !important
    }

    .legacy-feature .mNotice dl dt p {
        padding-right: 42px
    }

    .legacy-feature .mNotice dl dt br {
        display: block
    }

    .legacy-feature .mNotice dl dd {
        width: calc(100% - (100% - 42px * 3)/ 2 + 42px - 27px);
        padding-left: 27px;
        margin-left: 0;
        position: relative;
        padding-top: 18px;
        padding-bottom: 12px
    }

    .legacy-feature .mNotice dl dd:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #d9d9d9;
        opacity: .33333
    }

    .legacy-feature .mNotice dl dd:first-of-type:before {
        content: none
    }

    .legacy-feature .mNotice p.title,
    .legacy-feature .mNotice p.title {
        width: calc((100% - 42px * 3 - 1px)*2 / 4 + 42px * 3)
    }

    .legacy-feature .mNotice .notices,
    .legacy-feature .mNotice .notices {
        width: calc((100% - 42px * 3 - 1px)*2 / 4 + 42px * 3)
    }

    .legacy-feature .mNotice dl,
    .legacy-feature .mNotice dl {
        width: calc((100% - 42px * 3 - 1px)*2 / 4 + 42px * 3)
    }

    .legacy-feature .mNotice dl dt,
    .legacy-feature .mNotice dl dt {
        width: calc((100% - 42px * 3 - 1px)/ 2 - 42px)
    }

    .legacy-feature .mNotice dl dd,
    .legacy-feature .mNotice dl dd {
        width: calc(100% - (100% - 42px * 3 + 1px)/ 2 + 42px - 27px)
    }

    .legacy-feature .mCategorySet {
        width: 100%;
        margin-top: 42px
    }

    .legacy-feature .mCategorySet:first-child {
        margin-top: 0
    }

    .legacy-feature .mCategorySet ul {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        padding-bottom: 17px;
        position: relative;
        width: calc(100% - 34px);
        margin-left: 17px
    }

    .legacy-feature .mCategorySet ul:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #d9d9d9;
        left: 0;
        bottom: 0
    }

    .legacy-feature .mCategorySet ul li {
        cursor: pointer;
        margin-right: 42px;
        padding-top: 2px
    }

    .legacy-feature .mCategorySet ul li:last-of-type {
        margin-right: 0
    }

    .legacy-feature .mCategorySet ul li.hover {
        opacity: .63636
    }

    .legacy-feature .mCategorySet ul li p {
        position: relative;
        font-size: 14px
    }

    .legacy-feature .mCategorySet ul li p:after {
        content: "";
        position: absolute;
        width: 100%;
        height: 1px;
        background-color: #737373;
        left: 0;
        bottom: 0
    }

    .legacy-feature .mCategorySet .mCategory {
        margin-top: 123px
    }

    .legacy-feature .mCategorySet .mCategory>p.title {
        font-size: 22px;
        margin-bottom: -5px;
        padding-bottom: 69px
    }

    .legacy-feature .mCategorySet {
        margin-top: 69px
    }

    .legacy-feature .mCategorySet:first-child {
        margin-top: 0
    }

    .legacy-feature .mCategorySet ul {
        margin-left: 0;
        width: 100%
    }

    .legacy-feature .mProducts {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-left: 17px;
        width: calc(100% - 34px);
        margin-bottom: -55px
    }

    .legacy-feature .mProducts .mUnit {
        width: calc((100% - 15px)/ 2);
        margin-right: 15px;
        margin-bottom: 55px
    }

    .legacy-feature .mProducts .mUnit:nth-of-type(2n) {
        margin-right: 0
    }

    .legacy-feature .mProducts .mUnit p.title {
        font-size: 14px;
        line-height: 21px;
        margin-top: -1px;
        margin-bottom: -7px
    }

    .legacy-feature .mProducts .mUnit p.text {
        font-size: 12px;
        line-height: 21px;
        margin-top: 24px;
        margin-bottom: -7px
    }

    .legacy-feature .mProducts .mUnit p.text:first-of-type {
        margin-top: -3px
    }

    .legacy-feature .mProducts .mUnit p.name {
        font-size: 12px;
        line-height: 21px;
        margin-top: 18px;
        margin-bottom: -7px
    }

    .legacy-feature .mProducts .mUnit p.name:first-of-type {
        margin-top: -3px
    }

    .legacy-feature .mProducts .mUnit p.price {
        font-size: 18px;
        margin-bottom: -5px
    }

    .legacy-feature .mProducts .mUnit p.price del {
        font-size: 13px;
        position: relative;
        margin-left: 1ex;
        text-decoration: none;
        bottom: 1px
    }

    .legacy-feature .mProducts .mUnit p.price del:after {
        content: "";
        position: absolute;
        top: calc(50% - 2px);
        right: 0;
        width: 100%;
        height: 1px;
        background: #737373
    }

    .legacy-feature .mProducts .mUnit .mButton {
        margin-top: 21px
    }

    .legacy-feature .mProducts {
        margin-left: 0;
        width: 100%;
        -webkit-justify-content: center;
        justify-content: center;
        margin-bottom: -42px
    }

    .legacy-feature .mProducts .mUnit {
        width: calc((100% - 42px * 3)/ 4);
        margin-right: 42px;
        margin-bottom: 42px
    }

    .legacy-feature .mProducts .mUnit:nth-of-type(2n) {
        margin-right: 42px
    }

    .legacy-feature .mProducts .mUnit:nth-of-type(4n) {
        margin-right: 0
    }

    .legacy-feature .mProducts .mUnit:last-of-type {
        margin-right: 0
    }

    .legacy-feature .mProducts .mUnit p.title {
        font-size: 17px;
        line-height: 27px;
        margin-top: -3px;
        margin-bottom: -9px
    }

    .legacy-feature .mProducts .mUnit p.text {
        text-align: justify;
        text-justify: inter-ideograph;
        line-break: strict;
        word-break: normal;
        word-wrap: break-word;
        font-feature-settings: "palt" 1;
        font-size: 14px;
        line-height: 27px;
        margin-bottom: -10px;
        margin-top: 38px
    }

    .legacy-feature .mProducts .mUnit p.text:first-of-type {
        margin-top: -5px
    }

    .legacy-feature .mProducts .mUnit p.text+p.text {
        margin-top: calc(2em + 10px)
    }

    .legacy-feature .mProducts .mUnit p.text br {
        display: none
    }

    .legacy-feature .mProducts .mUnit p.name {
        font-size: 17px;
        line-height: 27px;
        margin-bottom: -9px;
        margin-top: 39px
    }

    .legacy-feature .mProducts .mUnit p.name:first-of-type {
        margin-top: -3px
    }

    .legacy-feature .mProducts .mUnit p.price {
        font-size: 23px;
        margin-bottom: -6px;
        margin-top: 15px
    }

    .legacy-feature .mProducts .mUnit p.price:first-of-type {
        margin-top: 0
    }

    .legacy-feature .mProducts .mUnit p.price del {
        font-size: 17px;
        position: relative;
        margin-left: 1ex;
        text-decoration: none;
        bottom: 1px
    }

    .legacy-feature .mProducts .mUnit p.price del:after {
        content: "";
        position: absolute;
        top: calc(50% - 2px);
        right: 0;
        width: 100%;
        height: 1px;
        background: #737373
    }

    .legacy-feature .mProducts .mUnit .mButton {
        margin-top: 27px;
        width: auto;
        margin-right: 15px
    }

    .legacy-feature .mProducts .mUnit .mButton:last-of-type {
        margin-right: 0
    }

    .legacy-feature .mProducts .mUnit,
    .legacy-feature .mProducts .mUnit {
        width: calc((100% - 42px * 3 - 1px)/ 4)
    }

    .legacy-feature .mUnit {
        width: 100%
    }

    .legacy-feature .mUnit .image {
        overflow: hidden;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        background: #f7f7f7;
        position: relative;
        height: 0
    }

    .legacy-feature .mUnit .image img {
        position: absolute;
        top: 0
    }

    .legacy-feature .mUnit .image,
    .legacy-feature .mUnit .mVimeo {
        width: 100%;
        margin-bottom: 27px
    }

    .legacy-feature .mUnit .image img,
    .legacy-feature .mUnit .mVimeo img {
        width: 100%;
        display: block
    }

    .legacy-feature .mUnit .image+.image,
    .legacy-feature .mUnit .mVimeo+.image {
        margin-top: -18px
    }

    .legacy-feature .mUnit .image:last-child,
    .legacy-feature .mUnit .mVimeo:last-child {
        margin-bottom: 0
    }

    .legacy-feature .mUnit .image.enlarge,
    .legacy-feature .mUnit .mVimeo.enlarge {
        position: relative
    }

    .legacy-feature .mUnit .image.enlarge img,
    .legacy-feature .mUnit .mVimeo.enlarge img {
        -moz-transition: -moz-transform .3s;
        -o-transition: -o-transform .3s;
        -webkit-transition: -webkit-transform .3s;
        transition: transform .3s
    }

    .legacy-feature .mUnit .image.enlarge:before,
    .legacy-feature .mUnit .mVimeo.enlarge:before {
        content: "";
        position: absolute;
        width: 25px;
        height: 1px;
        right: 15px;
        bottom: 27px;
        background: #737373;
        z-index: 1
    }

    .legacy-feature .mUnit .image.enlarge:after,
    .legacy-feature .mUnit .mVimeo.enlarge:after {
        content: "";
        position: absolute;
        width: 1px;
        height: 25px;
        right: 27px;
        bottom: 15px;
        background: #737373;
        z-index: 1
    }

    .legacy-feature .mUnit .image.enlarge.hover,
    .legacy-feature .mUnit .mVimeo.enlarge.hover {
        background: #000;
        -moz-animation: waiting 20ms;
        -webkit-animation: waiting 20ms;
        animation: waiting 20ms
    }

    .legacy-feature .mUnit .image.enlarge.hover img,
    .legacy-feature .mUnit .mVimeo.enlarge.hover img {
        opacity: .85
    }

    .legacy-feature .mUnit .image.enlarge.hover.fade img,
    .legacy-feature .mUnit .mVimeo.enlarge.hover.fade img {
        -moz-transition: opacity .5s;
        -o-transition: opacity .5s;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
        opacity: 1
    }

    .legacy-feature .mUnit p.title {
        font-size: 17px;
        line-height: 27px;
        margin-top: -3px;
        margin-bottom: -9px;
        word-break: keep-all
    }

    .legacy-feature .mUnit p.text {
        line-break: strict;
        word-break: keep-all;
        word-wrap: break-word;
        font-feature-settings: "palt" 1;
        font-size: 14px;
        line-height: 27px;
        margin-top: 23px;
        margin-bottom: -10px
    }

    .legacy-feature .mUnit p.text:first-of-type {
        margin-top: -4px
    }

    .legacy-feature .mUnit p.text+p.text {
        margin-top: calc(2em + 10px)
    }

    .legacy-feature .mUnit p.text br {
        display: none
    }

    .legacy-feature .mUnit p.text+.opener {
        display: none
    }

    .legacy-feature .mUnit p.text.foldable {
        -moz-transition: height .3s cubic-bezier(.3, 1, .5, 1);
        -o-transition: height .3s cubic-bezier(.3, 1, .5, 1);
        -webkit-transition: height .3s cubic-bezier(.3, 1, .5, 1);
        transition: height .3s cubic-bezier(.3, 1, .5, 1);
        overflow: hidden
    }

    .legacy-feature .mUnit p.text.foldable.fold {
        height: calc(27px * 3)
    }

    .legacy-feature .mUnit p.text.foldable.fold+.opener {
        width: 100%;
        height: 29px;
        margin-top: 6px;
        position: relative;
        display: block;
        border-bottom: solid 1px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-align-items: center;
        align-items: center
    }

    .legacy-feature .mUnit p.text.foldable.fold+.opener .plus {
        width: 11px;
        height: 11px;
        position: relative
    }

    .legacy-feature .mUnit p.text.foldable.fold+.opener .plus:before {
        position: absolute;
        content: "";
        width: 11px;
        height: 1px;
        left: 0;
        bottom: 5px;
        background: #737373
    }

    .legacy-feature .mUnit p.text.foldable.fold+.opener .plus:after {
        position: absolute;
        content: "";
        width: 1px;
        height: 11px;
        left: 5px;
        bottom: 0;
        background: #737373
    }

    .legacy-feature .mUnit p.name {
        font-size: 17px;
        line-height: 27px;
        margin-top: 40px;
        margin-bottom: -9px;
        font-family: ur, kr, krSpecific, FP-KoburinaGoStdN-W3
    }

    .legacy-feature .mUnit p.name:first-of-type {
        margin-top: -2px
    }

    .legacy-feature .mUnit p.price {
        font-size: 23px;
        margin-bottom: -6px;
        margin-top: 15px;
        font-family: ur, kr, krSpecific, FP-KoburinaGoStdN-W3
    }

    .legacy-feature .mUnit p.price:first-of-type {
        margin-top: 0
    }

    .legacy-feature .mUnit p.price del {
        font-size: 17px;
        position: relative;
        margin-left: 1ex;
        text-decoration: none;
        bottom: 1px
    }

    .legacy-feature .mUnit p.price del:after {
        content: "";
        position: absolute;
        top: calc(50% - 2px);
        right: 0;
        width: 100%;
        height: 1px;
        background: #737373
    }

    .legacy-feature .mUnit a.link {
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center;
        color: inherit;
        font-size: 14px;
        line-height: 27px;
        margin-top: 38px;
        margin-bottom: -10px
    }

    .legacy-feature .mUnit a.link:first-child {
        margin-top: -4px
    }

    .legacy-feature .mUnit a.link .arrow {
        margin-top: 2.5px;
        margin-left: 9px;
        width: 15px;
        height: 15px;
        background: url(legacy-img-common-arrowLink.svg) no-repeat
    }

    .legacy-feature .mUnit a.link.hover {
        -moz-animation: waiting 20ms;
        -webkit-animation: waiting 20ms;
        animation: waiting 20ms
    }

    .legacy-feature .mUnit a.link.hover .arrow {
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    .legacy-feature .mUnit a.link.hover.fade .arrow {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -moz-transition: -moz-transform .5s cubic-bezier(.2, 1, .2, 1);
        -o-transition: -o-transform .5s cubic-bezier(.2, 1, .2, 1);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.2, 1, .2, 1);
        transition: transform .5s cubic-bezier(.2, 1, .2, 1)
    }

    .legacy-feature .mUnit .mButton {
        width: 100%;
        margin-top: 27px
    }

    .legacy-feature .mUnit .mButton+.mButton {
        margin-top: 9px
    }

    .legacy-feature .mUnit .image {
        margin-bottom: 42px
    }

    .legacy-feature .mUnit .image+.image {
        margin-top: -15px
    }

    .legacy-feature .mUnit .image:last-child {
        margin-bottom: 0
    }

    .legacy-feature .mUnit .image.enlarge img {
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none
    }

    .legacy-feature .mUnit .image.enlarge:before {
        content: none
    }

    .legacy-feature .mUnit .image.enlarge:after {
        content: none
    }

    .legacy-feature .mUnit .image.enlarge.hover {
        background: 0 0
    }

    .legacy-feature .mUnit .image.enlarge.hover img {
        opacity: 1;
        -moz-transition: none;
        -o-transition: none;
        -webkit-transition: none;
        transition: none;
        -moz-transform: none;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none
    }

    .legacy-feature .mUnit p.text {
        margin-top: 38px
    }

    .legacy-feature .mUnit p.text:first-of-type {
        margin-top: -5px
    }

    .legacy-feature .mUnit p.text+p.text {
        margin-top: calc(2em + 10px)
    }

    .legacy-feature .mUnit p.text br {
        display: block
    }

    .legacy-feature .mUnit p.name {
        margin-top: 39px
    }

    .legacy-feature .mUnit p.name:first-of-type {
        margin-top: -3px
    }

    .legacy-feature .mUnit .mButton {
        width: auto;
        margin-right: 7.5px;
        margin-left: 7.5px
    }

    .legacy-feature .mUnitGroup {
        width: 100%;
        margin-bottom: 42px;
        margin-top: 42px
    }

    .legacy-feature .mUnitGroup:first-child {
        margin-top: 0
    }

    .legacy-feature .mUnitGroup:last-of-type {
        margin-bottom: 0
    }

    .legacy-feature .mUnitGroup .contents .wrapper {
        width: 100%
    }

    .legacy-feature .mUnitGroup .contents .wrapper .list .mUnit {
        margin-bottom: 42px
    }

    .legacy-feature .mUnitGroup .contents .wrapper .list .mUnit:last-of-type {
        margin-bottom: 0
    }

    .legacy-feature .mUnitGroup .contents.noText+.mExplanations {
        margin-top: 27px
    }

    .legacy-feature .mUnitGroup .contents.noText .wrapper .list .mUnit {
        margin-bottom: 9px
    }

    .legacy-feature .mUnitGroup .mExplanations {
        margin-left: 17px;
        width: calc(100% - 34px);
        margin-top: 42px
    }

    .legacy-feature .mUnitGroup .mExplanations .mUnit+.mUnit {
        margin-top: 42px
    }

    .legacy-feature .mUnitGroup .mExplanations.ss {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        padding-left: 17px;
        padding-right: 17px;
        margin-left: 0
    }

    .legacy-feature .mUnitGroup .mExplanations.ss .mUnit {
        width: calc((100% - 15px)/ 2);
        margin-right: 15px
    }

    .legacy-feature .mUnitGroup .mExplanations.ss .mUnit:nth-child(2n) {
        margin-right: 0
    }

    .legacy-feature .mUnitGroup .mExplanations.ss .mUnit:last-child {
        margin-right: 0
    }

    .legacy-feature .mUnitGroup .mExplanations.ss .mUnit:nth-child(2) {
        margin-top: 0
    }

    .legacy-feature .mUnitGroup .mExplanations.s {
        width: calc(100% - 152px);
        margin-left: 76px
    }

    .legacy-feature .mUnitGroup .mExplanations.m {
        width: calc(100% - 103px);
        margin-left: 51.5px
    }

    .legacy-feature .mUnitGroup .mExplanations.l {
        width: calc(100% - 34px);
        margin-left: 17px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        justify-content: center;
        padding-left: 17px;
        padding-right: 17px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit {
        width: calc((100% - 15px)/ 2);
        margin-right: 15px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit:nth-child(2n) {
        margin-right: 0
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit:nth-last-child(2) {
        margin-bottom: 0
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit:last-child {
        margin-right: 0
    }

    .legacy-feature .mUnitGroup.ss.expand .contents {
        overflow: hidden
    }

    .legacy-feature .mUnitGroup.ss.expand .contents .wrapper {
        overflow: hidden;
        overflow-x: scroll;
        -webkit-overflow-scrolling: touch;
        padding-bottom: 20px;
        margin-bottom: -20px
    }

    .legacy-feature .mUnitGroup.ss.expand .contents .wrapper .list {
        width: 1000%
    }

    .legacy-feature .mUnitGroup.ss.expand .contents .wrapper .list .mUnit {
        width: 151px;
        margin-bottom: 0
    }

    .legacy-feature .mUnitGroup.ss.expand .contents .wrapper .list .mUnit:nth-child(2n) {
        margin-right: 15px
    }

    .legacy-feature .mUnitGroup.ss.expand .contents .wrapper .list .mUnit:last-child {
        margin-right: 0
    }

    .legacy-feature .mUnitGroup.s .contents .wrapper .list {
        padding-left: 76px;
        padding-right: 76px
    }

    .legacy-feature .mUnitGroup.m .contents .wrapper .list {
        padding-left: 51.5px;
        padding-right: 15.5px
    }

    .legacy-feature .mUnitGroup.l .contents .wrapper .list {
        padding-left: 17px;
        padding-right: 17px
    }

    .legacy-feature .mUnitGroup {
        margin-bottom: 69px;
        margin-top: 69px
    }

    .legacy-feature .mUnitGroup:last-of-type {
        margin-bottom: -69px
    }

    .legacy-feature .mUnitGroup:first-child {
        margin-top: 0
    }

    .legacy-feature .mUnitGroup .contents {
        margin-bottom: -69px
    }

    .legacy-feature .mUnitGroup .contents .wrapper .list {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .legacy-feature .mUnitGroup .contents .wrapper .list .mUnit {
        margin-right: 42px;
        margin-bottom: 69px
    }

    .legacy-feature .mUnitGroup .contents .wrapper .list .mUnit:last-of-type {
        margin-right: 0
    }

    .legacy-feature .mUnitGroup .contents.noText+.mExplanations {
        margin-top: 42px
    }

    .legacy-feature .mUnitGroup .mExplanations {
        margin-left: 0;
        width: 100%;
        margin-top: 69px;
        margin-bottom: -69px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: center;
        justify-content: center
    }

    .legacy-feature .mUnitGroup .mExplanations .mUnit {
        margin-top: 0;
        margin-right: 42px;
        margin-bottom: 69px
    }

    .legacy-feature .mUnitGroup .mExplanations .mUnit:last-of-type {
        margin-right: 0
    }

    .legacy-feature .mUnitGroup .mExplanations.ss {
        padding: 0
    }

    .legacy-feature .mUnitGroup .mExplanations.ss .mUnit {
        width: calc((100% - 42px * 3)/ 4)
    }

    .legacy-feature .mUnitGroup .mExplanations.ss .mUnit:nth-child(2n) {
        margin-right: 42px
    }

    .legacy-feature .mUnitGroup .mExplanations.ss .mUnit:nth-child(4n) {
        margin-right: 0
    }

    .legacy-feature .mUnitGroup .mExplanations.ss .mUnit:last-child {
        margin-right: 0
    }

    .legacy-feature .mUnitGroup .mExplanations.s .mUnit {
        width: calc((100% - 42px * 2)/ 3)
    }

    .legacy-feature .mUnitGroup .mExplanations.m .mUnit {
        width: calc((100% - 42px)/ 2)
    }

    .legacy-feature .mUnitGroup .mExplanations.l .mUnit {
        width: calc((100% - 42px * 3) * 2 / 4 + 42px * 3)
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit {
        width: calc((100% - 42px * 3)/ 4)
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit:nth-child(2n) {
        margin-right: 42px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit:nth-child(4n) {
        margin-right: 0
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit:last-of-type {
        margin-right: 0
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit .image {
        margin-bottom: 27px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit .image+.image {
        margin-top: -18px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit p.title {
        font-size: 14px;
        line-height: 21px;
        margin-top: -2px;
        margin-bottom: -7px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit p.text {
        text-align: justify;
        text-justify: inter-ideograph;
        line-break: strict;
        word-break: normal;
        word-wrap: break-word;
        font-feature-settings: "palt" 1;
        font-size: 12px;
        line-height: 21px;
        margin-top: 23px;
        margin-bottom: -7px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit p.text:first-of-type {
        margin-top: -4px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit p.text+p.text {
        margin-top: calc(2em + 10px)
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit p.text br {
        display: none
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit p.name {
        font-size: 14px;
        line-height: 27px;
        margin-top: 23px;
        margin-bottom: -10px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit p.name:first-of-type {
        margin-top: -4px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit p.price {
        font-size: 18px;
        margin-bottom: -6px;
        margin-top: 15px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit p.price:first-of-type {
        margin-top: 0
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit p.price del {
        font-size: 14px;
        position: relative;
        margin-left: 1ex;
        text-decoration: none;
        bottom: 1px
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit p.price del:after {
        content: "";
        position: absolute;
        top: calc(50% - 2px);
        right: 0;
        width: 100%;
        height: 1px;
        background: #737373
    }

    .legacy-feature .mUnitGroup.ss.expand .contents {
        overflow: hidden
    }

    .legacy-feature .mUnitGroup.ss.expand .contents .wrapper {
        overflow: visible;
        -webkit-overflow-scrolling: none;
        padding-bottom: 0;
        margin-bottom: 0
    }

    .legacy-feature .mUnitGroup.ss.expand .contents .wrapper .list {
        width: 100%
    }

    .legacy-feature .mUnitGroup.ss.expand .contents .wrapper .list .mUnit {
        width: calc((100% - 42px * 3)/ 4);
        margin-bottom: 69px
    }

    .legacy-feature .mUnitGroup.s .contents .wrapper .list .mUnit {
        width: calc((100% - 42px * 2)/ 3)
    }

    .legacy-feature .mUnitGroup.m .contents .wrapper .list .mUnit {
        width: calc((100% - 42px)/ 2)
    }

    .legacy-feature .mUnitGroup.l .contents .wrapper .list .mUnit {
        width: calc((100% - 42px * 3) * 2 / 4 + 42px * 3)
    }

    .legacy-feature .mUnitGroup .mExplanations.ss .mUnit,
    .legacy-feature .mUnitGroup .mExplanations.ss .mUnit {
        width: calc((100% - 42px * 3 - 1px)/ 4)
    }

    .legacy-feature .mUnitGroup .mExplanations.s .mUnit,
    .legacy-feature .mUnitGroup .mExplanations.s .mUnit {
        width: calc((100% - 42px * 2 - 1px)/ 3)
    }

    .legacy-feature .mUnitGroup .mExplanations.m .mUnit,
    .legacy-feature .mUnitGroup .mExplanations.m .mUnit {
        width: calc((100% - 42px - 1px)/ 2)
    }

    .legacy-feature .mUnitGroup .mExplanations.l .mUnit,
    .legacy-feature .mUnitGroup .mExplanations.l .mUnit {
        width: calc((100% - 42px * 3 - 1px) * 2 / 4 + 42px * 3)
    }

    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit,
    .legacy-feature .mUnitGroup.ss .contents .wrapper .list .mUnit {
        width: calc((100% - 42px * 3 - 1px)/ 4)
    }

    .legacy-feature .mUnitGroup.ss.expand .contents .wrapper .list .mUnit,
    .legacy-feature .mUnitGroup.ss.expand .contents .wrapper .list .mUnit {
        width: calc((100% - 42px * 3 - 1px)/ 4)
    }

    .legacy-feature .mUnitGroup.s .contents .wrapper .list .mUnit,
    .legacy-feature .mUnitGroup.s .contents .wrapper .list .mUnit {
        width: calc((100% - 42px * 2 - 1px)/ 3)
    }

    .legacy-feature .mUnitGroup.m .contents .wrapper .list .mUnit,
    .legacy-feature .mUnitGroup.m .contents .wrapper .list .mUnit {
        width: calc((100% - 42px - 1px)/ 2)
    }

    .legacy-feature .mUnitGroup.l .contents .wrapper .list .mUnit,
    .legacy-feature .mUnitGroup.l .contents .wrapper .list .mUnit {
        width: calc((100% - 42px * 3 - 1px) * 2 / 4 + 42px * 3)
    }

    .legacy-feature #modalContainer .modal.largeImageFeature {
        position: fixed;
        margin: 0;
        padding: 0;
        background: #f2f2f2;
        box-shadow: none;
        width: 100%;
        height: 100%
    }

    .legacy-feature #modalContainer .modal.largeImageFeature .body {
        height: 100%
    }

    .legacy-feature #modalContainer .modal.largeImageFeature .body .hero {
        position: fixed;
        width: 100%;
        height: 100%
    }

    .legacy-feature #modalContainer .modal.largeImageFeature .body .hero .image {
        width: 100%;
        height: 0;
        position: relative
    }

    .legacy-feature #modalContainer .modal.largeImageFeature .body .hero .image img {
        width: 100%;
        display: block;
        position: absolute;
        top: 0
    }

    .legacy-feature #container.feature #main .container {
        text-align: center;
        text-align-last: center;
        line-break: strict;
        word-break: keep-all;
        word-wrap: break-word;
        font-feature-settings: "palt" 1;
        font-family: ur, kr, krSpecific, FP-KoburinaGoStdN-W3
    }

    .legacy-feature #container.feature #main .container .justify {
        text-align: center
    }

    .legacy-feature #container.feature #main .container {
        text-align: center;
        text-align-last: center;
        line-break: strict;
        word-break: keep-all;
        word-wrap: break-word;
        font-feature-settings: "palt" 1;
        font-family: ur, kr, krSpecific, FP-KoburinaGoStdN-W3
    }

    .legacy-feature #container.feature #main .container .justify {
        text-align: justify;
        text-justify: inter-ideograph;
        word-break: normal
    }

    .legacy-feature #container.feature #main .container .bold,
    .legacy-feature #container.feature #main .container b,
    .legacy-feature #container.feature #main .container em {
        font-family: ub, kb, kbSpecific, FP-KoburinaGoStdN-W6, kbN
    }

    .legacy-feature #container.feature #main .container.serif {
        font-family: br, tr, trSpecific, TsukuMinPr6-L
    }

    .legacy-feature #container.feature #main .container.serif .bold,
    .legacy-feature #container.feature #main .container.serif b,
    .legacy-feature #container.feature #main .container.serif em {
        font-family: bb, tb, tbSpecific, TsukuMinPr6-B
    }

    .legacy-feature #container.feature #main .container section {
        width: 100%;
        padding-bottom: 123px
    }

    .legacy-feature #container.feature #main .container section:last-of-type {
        padding-bottom: 0
    }

    .legacy-feature #container.feature #main .container section>h2 {
        font-size: 22px;
        line-height: 31px;
        margin-top: -2px;
        margin-bottom: 60px;
        word-break: keep-all;
        text-align: center
    }

    .legacy-feature #container.feature #main .container section .mImageLink {
        margin-top: 42px
    }

    .legacy-feature #container.feature #main .container section .mImageLink:first-child {
        margin-top: 0
    }

    .legacy-feature #container.feature #main .container section .mImageLink h2 {
        margin-left: 0;
        font-size: 22px;
        color: inherit;
        padding-bottom: 0;
        margin-bottom: 66px;
        font-family: inherit
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper {
        overflow: hidden;
        padding-bottom: 0;
        margin-bottom: 0;
        margin-top: 0
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper .list {
        width: calc(100% - 34px);
        flex-wrap: wrap;
        padding: 0;
        margin-left: 17px;
        margin-bottom: -42px
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper .list .unit {
        width: calc((100% - 15px)/ 2);
        margin-bottom: 42px;
        margin-right: 15px
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper .list .unit:nth-child(2n) {
        margin-right: 0
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper .list .unit a {
        color: inherit
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper .list .unit a .info {
        text-align: left;
        text-align-last: left
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper .list .unit a .info p {
        color: inherit
    }

    .legacy-feature #container.feature #main .container section .mImageLink .mLink a:after {
        content: none
    }

    .legacy-feature #container.feature #main .container section .mImageLink .mLink a.hover:before {
        opacity: .05455
    }

    .legacy-feature #container.feature #main .container section .mImageLink .mLink a.hover .svg {
        -moz-transform: translateX(-5px);
        -ms-transform: translateX(-5px);
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }

    .legacy-feature #container.feature #main .container section .mImageLink .mLink a.hover.fade .svg {
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -moz-transition: -moz-transform .5s cubic-bezier(.2, 1, .2, 1);
        -o-transition: -o-transform .5s cubic-bezier(.2, 1, .2, 1);
        -webkit-transition: -webkit-transform .5s cubic-bezier(.2, 1, .2, 1);
        transition: transform .5s cubic-bezier(.2, 1, .2, 1)
    }

    .legacy-feature #container.feature #main .container section .mImageLink .mLink a .svg {
        width: 15px;
        height: 15px;
        background: url(legacy-img-common-arrowLink.svg) no-repeat;
        position: absolute;
        right: 17px;
        bottom: 13px
    }

    .legacy-feature #container.feature.hasBG #main .container section:last-of-type {
        padding-bottom: 123px
    }

    .legacy-feature #container.feature #main .container section .mProductList .products .wrapper .list {
        -webkit-justify-content: center;
        justify-content: center
    }

    .legacy-feature #container.feature #main .container section .mImageLink {
        margin-top: 69px
    }

    .legacy-feature #container.feature #main .container section .mImageLink:first-child {
        margin-top: 0
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper .list {
        width: 100%;
        margin-left: 0;
        margin-bottom: -55px
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper .list .unit {
        width: calc((100% - 42px * 2)/ 3);
        margin-right: 42px;
        margin-bottom: 55px
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper .list .unit:nth-child(2n) {
        margin-right: 42px
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents.s .wrapper .list .unit {
        width: calc((100% - 42px * 4)/ 5)
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents.s .wrapper .list .unit:nth-child(5n) {
        margin-right: 0
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents.m .wrapper .list .unit {
        width: calc((100% - 42px * 3)/ 4)
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents.m .wrapper .list .unit:nth-child(4n) {
        margin-right: 0
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents.l .wrapper .list .unit {
        width: calc((100% - 42px * 2)/ 3)
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents.l .wrapper .list .unit:nth-child(3n) {
        margin-right: 0
    }

    .legacy-feature #container.feature #main .container section .mImageLink .mLink a .svg {
        right: 0
    }

    .legacy-feature #container.feature.hasBG,
    .legacy-feature #container.feature.hasBG {
        background-color: initial
    }

    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper .list .unit,
    .legacy-feature #container.feature #main .container section .mImageLink .contents .wrapper .list .unit {
        width: calc((100% - 42px * 2 - 1px)/ 3)
    }
}