@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap&text=。，、＇：∶；?‘’“”〝〞ˆˇ﹕︰﹔﹖﹑·¨….¸;！´？！～—ˉ｜‖＂〃｀@﹫¡¿﹏﹋﹌︴々﹟#﹩﹠&﹪*﹡﹢﹦﹤‐￣¯―﹨ˆ˜﹍﹎=<­­＿');

@font-face {
font-family: 'JINS-Light';
font-style: normal;
font-weight: 400;
src: url('./assets/fonts/JINS/JINS_NextLight_web.ttf') format('truetype'); /* Safari, Android, iOS */
}
@font-face {
    font-family: 'JINS-Medium';
    font-style: normal;
    font-weight: 400;
    src: url('./assets/fonts/JINS/JINS_NextMedium_web.ttf') format('truetype');
    /* Safari, Android, iOS */
}
@font-face {
    font-family: 'JINS-Regular';
    font-style: normal;
    font-weight: 400;
    src: url('./assets/fonts/JINS/JINS_NextRegular_web-1.ttf') format('truetype');
    /* Safari, Android, iOS */
}
@font-face {
    font-family: "jins_next";
    font-style: normal;
    font-weight: 400;
    src: url("./assets/fonts/JINS/JINS_NextRegular.eot");
    src: url("./assets/fonts/JINS/JINS_NextRegular.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/JINS/JINS_NextRegular.woff") format("woff"), url("./assets/fonts/JINS/JINS_NextRegular.ttf") format("truetype"), url("./assets/fonts/JINS/JINS_NextRegular.svg#jins_next_ttregular") format("svg");
    unicode-range: U30-39, U41-5A, U61-7A, U2b, U24, U25;
}
@font-face {
    font-family: "jins_next";
    font-style: normal;
    font-weight: 300;
    src: url("./assets/fonts/JINS/JINS_NextLight.eot");
    src: url("./assets/fonts/JINS/JINS_NextLight.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/JINS/JINS_NextLight.woff") format("woff"), url("./assets/fonts/JINS/JINS_NextLight.ttf") format("truetype"), url("./assets/fonts/JINS/JINS_NextLight.svg#jins_next_ttlight") format("svg");
    unicode-range: U30-39, U41-5A, U61-7A, U2b, U24, U25;
}
@font-face {
    font-family: "jins_next";
    font-style: normal;
    font-weight: 500;
    src: url("./assets/fonts/JINS/JINS_NextMedium.eot");
    src: url("./assets/fonts/JINS/JINS_NextMedium.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/JINS/JINS_NextMedium.woff") format("woff"), url("./assets/fonts/JINS/JINS_NextMedium.ttf") format("truetype"), url("./assets/fonts/JINS/JINS_NextMedium.svg#jins_next_ttmedium") format("svg");
    unicode-range: U30-39, U41-5A, U61-7A, U2b, U24, U25;
}
@font-face {
    font-family: "jins_next";
    font-style: normal;
    font-weight: 700;
    src: url("./assets/fonts/JINS/JINS_NextBold.eot");
    src: url("./assets/fonts/JINS/JINS_NextBold.eot?#iefix") format("embedded-opentype"), url("./assets/fonts/JINS/JINS_NextBold.woff") format("woff"), url("./assets/fonts/JINS/JINS_NextBold.ttf") format("truetype"), url("./assets/fonts/JINS/JINS_NextBold.svg#jins_next_ttbold") format("svg");
    unicode-range: U30-39, U41-5A, U61-7A, U2b, U24, U25;
}
html body {
    font-family: 'Noto Sans JP', 'jins_next', "Noto Sans TC", 'Noto Sans SC', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
    color: #3a4763;
    font-size: 16px;
    margin: 0;
    letter-spacing: normal;
}
html body button:focus {
    outline: none;
}
html body a {
    color: #000;
}
html body a:hover {
    color: #000;
    text-decoration: none;
}
html pre {
    white-space: initial;
}
img {
    max-width: 100%;
}
.w-50 {
    width: 50%;
}
.w-25 {
    width: 25%;
}
.w-75 {
    width: 75%;
}
.w-33 {
    width: 33.333333%;
}
.w-66 {
    width: 66.666666%;
}
.t-center {
    text-align: center !important;
}
@media only screen and (max-width: 767px) {
    .desktop {
        display: none;
    }
}
.mobile {
    display: none;
}
@media only screen and (max-width: 767px) {
    .mobile {
        display: block;
    }
}
.collection-container {
    color: #000;
    font-weight: 500;
    font-size: 1.5vw;
}
.collection-container .content-container {
    width: 80vw;
    margin: 0 auto;
}
@media only screen and (max-width: 767px) {
    .collection-container .content-container {
        width: calc(100% - 30px);
        padding-left: 15px;
        padding-right: 15px;
    }
}
.collection-container .kv-section {
    background: #e2ddd7;
}
.collection-container .kv-section .header {
    text-align: center;
    padding-top: 4vw;
    padding-bottom: 4vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .header {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.collection-container .kv-section .header img {
    width: 43vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .header img {
        width: auto;
        height: 70px;
    }
}
.collection-container .kv-section .kv img {
    width: 100%;
}
.collection-container .kv-section .kv-description {
    padding-top: 3vw;
    padding-bottom: 3vw;
}
.collection-container .kv-section .kv-description .content-container {
    position: relative;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .kv-description .content-container {
        width: 98vw;
        padding-left: 0;
        padding-right: 0;
    }
}
.collection-container .kv-section .kv-description .content-container .description {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    line-height: 2.3;
    font-size: 1.5vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .kv-description .content-container .description {
        font-size: 4vw;
        width: 90%;
    }
}
.collection-container .kv-section .kv-description .content-container .description .u-text {
    font-size: 1.7vw;
    font-weight: bold;
    display: flex;
    justify-content: center;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .kv-description .content-container .description .u-text {
        font-size: 5.2vw;
    }
}
.collection-container .kv-section .kv-description .content-container .description .u-text div {
    position: relative;
}
.collection-container .kv-section .kv-description .content-container .description .u-text div:before {
    content: '';
    position: absolute;
    width: 120%;
    height: 1.2vw;
    background: #e0bebe;
    left: -10%;
    bottom: 0.5vw;
    border-radius: 5vw;
    z-index: -1;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .kv-description .content-container .description .u-text div:before {
        height: 3vw;
        width: 110%;
        left: -5%;
        bottom: 2vw;
    }
}
.collection-container .kv-section .kv-description .content-container .description .u-text.first {
    padding-top: 3vw;
}
.collection-container .kv-section .line-up {
    padding-bottom: 3vw;
}
.collection-container .kv-section .line-up .line-up-header {
    padding-bottom: 3vw;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .line-up .line-up-header {
        padding-top: 30px;
    }
}
.collection-container .kv-section .line-up .line-up-header img {
    width: 22vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .line-up .line-up-header img {
        width: auto;
        height: 40px;
    }
}
.collection-container .kv-section .line-up .line-up-items {
    display: flex;
    align-items: center;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .line-up .line-up-items {
        display: block;
    }
}
.collection-container .kv-section .line-up .line-up-items .line-up-item {
    padding-left: 4.5%;
    padding-right: 4.5%;
    position: relative;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .line-up .line-up-items .line-up-item {
        padding-left: 3%;
        padding-right: 3%;
        margin-bottom: 30px;
    }
}
.collection-container .kv-section .line-up .line-up-items .line-up-item .content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    font-size: 1.3vw;
    line-height: 1.6;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .line-up .line-up-items .line-up-item .content {
        font-size: 5.5vw;
    }
}
.collection-container .kv-section .line-up .line-up-items .line-up-item .content .name {
    font-weight: bold;
    line-height: 1.2;
}
.collection-container .kv-section .line-up .line-up-items .line-up-item .content .u-text {
    font-weight: bold;
    display: flex;
    justify-content: center;
    position: relative;
    line-height: 1.2;
}
.collection-container .kv-section .line-up .line-up-items .line-up-item .content .u-text div {
    position: relative;
}
.collection-container .kv-section .line-up .line-up-items .line-up-item .content .u-text div:before {
    content: '';
    position: absolute;
    width: 120%;
    height: 0.5vw;
    background: #f5c878;
    left: -10%;
    bottom: 0.1vw;
    border-radius: 5vw;
    z-index: -1;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .line-up .line-up-items .line-up-item .content .u-text div:before {
        width: 110%;
        left: -5%;
        height: 2.5vw;
        bottom: -0.3vw;
    }
}
.collection-container .kv-section .line-up .line-up-items .line-up-item .content .size {
    font-size: 1vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .kv-section .line-up .line-up-items .line-up-item .content .size {
        font-size: 4vw;
    }
}
.collection-container .product-section {
    padding-top: 3vw;
    padding-bottom: 3vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.collection-container .product-section.section-1 {
    background: #b7575b;
}
.collection-container .product-section.section-1 .product-container .line-break {
    background: #b7575b;
    border-radius: 1vw;
}
.collection-container .product-section.section-2 {
    background: #4d6f5f;
}
.collection-container .product-section.section-2 .product-container .line-break {
    background: #4d6f5f;
    border-radius: 1vw;
}
.collection-container .product-section.section-2 .product-header .title .u-text div:before {
    background: #344a40;
}
.collection-container .product-section.section-3 {
    background: #de7e51;
}
.collection-container .product-section.section-3 .product-container .line-break {
    background: #de7e51;
    border-radius: 1vw;
}
.collection-container .product-section.section-3 .product-header .title .u-text div:before {
    background: #aa6043;
}
.collection-container .product-section .product-header {
    text-align: center;
    color: #fff;
    padding-bottom: 1.5vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-header {
        padding-bottom: 30px;
    }
}
.collection-container .product-section .product-header .title {
    font-size: 2.5vw;
    line-height: 1.2;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-header .title {
        font-size: 7vw;
    }
}
.collection-container .product-section .product-header .title .u-text {
    display: flex;
    justify-content: center;
    position: relative;
    line-height: 1.2;
}
.collection-container .product-section .product-header .title .u-text div {
    position: relative;
    z-index: 1;
}
.collection-container .product-section .product-header .title .u-text div:before {
    content: '';
    position: absolute;
    width: 160%;
    height: 2vw;
    background: #77373b;
    left: -30%;
    bottom: -1vw;
    border-radius: 100%;
    z-index: -1;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-header .title .u-text div:before {
        height: 5vw;
    }
}
.collection-container .product-section .product-header .description {
    line-height: 1.8;
    padding-top: 3vw;
    font-size: 1.2vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-header .description {
        font-size: 4vw;
    }
}
.collection-container .product-section .product-container {
    background: #fff;
    padding: 2vw 3vw;
    border-radius: 4vw;
}
.collection-container .product-section .product-container .line-break {
    width: 100%;
    height: 0.5vw;
}
.collection-container .product-section .product-container .product-item {
    padding-top: 2vw;
    padding-bottom: 2vw;
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.collection-container .product-section .product-container .product-item:first-child {
    padding-top: 0;
}
.collection-container .product-section .product-container .product-item .item-header {
    text-align: center;
    padding-bottom: 3vw;
}
.collection-container .product-section .product-container .product-item .item-header img {
    width: 16vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-header img {
        width: auto;
        height: 160px;
    }
}
.collection-container .product-section .product-container .product-item .item-description {
    overflow: hidden;
}
.collection-container .product-section .product-container .product-item .item-description .slider-container {
    position: relative;
}
.collection-container .product-section .product-container .product-item .item-description .slider-container .arrow-btn {
    position: absolute;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    z-index: 11;
}
.collection-container .product-section .product-container .product-item .item-description .slider-container .arrow-btn.slick-prev {
    left: 0;
}
.collection-container .product-section .product-container .product-item .item-description .slider-container .arrow-btn.slick-next {
    right: 0;
}
.collection-container .product-section .product-container .product-item .item-description .slider-container .owl-theme .owl-dots {
    display: none;
}
.collection-container .product-section .product-container .product-item .item-description .slider-container .mobile-slide {
    overflow: hidden;
}
.collection-container .product-section .product-container .product-item .item-description .item-row {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-description .item-row {
        display: block;
    }
}
.collection-container .product-section .product-container .product-item .item-description .item-row.big-row {
    padding-top: 5vw;
    padding-bottom: 5vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-description .item-row .item-col {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.collection-container .product-section .product-container .product-item .item-description .item-row .item-col.left-col {
    width: 60%;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-description .item-row .item-col.left-col {
        width: 100%;
    }
}
.collection-container .product-section .product-container .product-item .item-description .item-row .item-col.right-col {
    width: 40%;
    padding-left: 1vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-description .item-row .item-col.right-col {
        width: 100%;
        padding-left: 0;
    }
}
.collection-container .product-section .product-container .product-item .item-description .item-row .item-col .image-desc {
    padding-top: 2vw;
    padding-bottom: 4vw;
    font-size: 1.3vw;
    text-align: left;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-description .item-row .item-col .image-desc {
        font-size: 3.7vw;
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.collection-container .product-section .product-container .product-item .item-description .item-row.set-bottom {
    padding-bottom: 5vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-description .item-row.image-text-set {
        display: flex;
    }
}
.collection-container .product-section .product-container .product-item .item-description .item-row.image-text-set .image {
    padding-left: 0.2vw;
    padding-right: 0.3vw;
}
.collection-container .product-section .product-container .product-item .item-description .item-row.image-text-set .image-desc {
    padding-top: 4vw !important;
    padding-left: 0.5vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-description .item-row.image-text-set .image-desc {
        padding-top: 30px !important;
    }
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-description .item-row.image-text-set-2 {
        display: flex;
    }
}
.collection-container .product-section .product-container .product-item .item-description .item-row.image-text-set-2 .left-set {
    padding-right: 0.5vw;
}
.collection-container .product-section .product-container .product-item .item-description .item-row.image-text-set-2 .right-set {
    padding-left: 0.5vw;
}
.collection-container .product-section .product-container .product-item .item-description .item-row.image-text-set-2 .image-desc {
    padding-left: 0.5vw;
}
.collection-container .product-section .product-container .product-item .item-description .item-price {
    padding-bottom: 2vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-description .item-price {
        font-size: 3.7vw;
    }
}
.collection-container .product-section .product-container .product-item .item-description .product-images {
    display: flex;
    align-items: center;
    justify-content: center;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-description .product-images {
        display: block;
        padding: 8vw 0;
    }
    .collection-container .product-section .product-container .product-item .item-description .product-images.desktop {
        display: none;
    }
}
.collection-container .product-section .product-container .product-item .item-description .product-images .item {
    position: relative;
    width: 50%;
}
@media only screen and (max-width: 767px) {
    .collection-container .product-section .product-container .product-item .item-description .product-images .item {
        width: 100%;
        transform: scale(1.35);
    }
}
.collection-container .product-section .product-container .product-item .item-description .product-images .item .image {
    width: 100%;
    padding-top: 39%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.collection-container .accessories-section {
    background: #8c917d;
    padding-top: 3vw;
    padding-bottom: 3vw;
}
.collection-container .accessories-section .accessories-top, .collection-container .accessories-section .accessories-bottom {
    width: 100%;
    height: 3vw;
    background-repeat: repeat-x;
    background-size: 3.3vw;
    background-position-x: -1.3vw;
}
.collection-container .accessories-section .accessories-content {
    background: #fff;
    padding: 3vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .accessories-section .accessories-content {
        padding-top: 45px;
        padding-bottom: 30px;
    }
}
.collection-container .accessories-section .accessories-content .head-title {
    text-align: center;
    font-weight: bold;
    font-size: 2.5vw;
    margin-bottom: 0.5vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .accessories-section .accessories-content .head-title {
        font-size: 6vw;
        margin-bottom: 15px;
    }
}
.collection-container .accessories-section .accessories-content .head-title-image {
    text-align: center;
    margin-bottom: 0.5vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .accessories-section .accessories-content .head-title-image {
        margin-bottom: 15px;
    }
}
.collection-container .accessories-section .accessories-content .head-title-image img {
    width: 20vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .accessories-section .accessories-content .head-title-image img {
        width: 45vw;
    }
}
.collection-container .accessories-section .accessories-content .head-description {
    margin: auto;
    width: 20vw;
    margin-bottom: 0.5vw;
    text-align: center;
    font-weight: bold;
    font-size: 1.3vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .accessories-section .accessories-content .head-description {
        width: 90%;
        font-size: 4.5vw;
        margin-bottom: 10px;
    }
}
.collection-container .accessories-section .accessories-content .head-sub-description {
    margin: auto;
    width: 20vw;
    text-align: center;
    font-weight: bold;
    font-size: 1.1vw;
    color: #b3b3b3;
}
@media only screen and (max-width: 767px) {
    .collection-container .accessories-section .accessories-content .head-sub-description {
        width: 80%;
        font-size: 3.5vw;
        margin-bottom: 15px;
    }
}
.collection-container .accessories-section .accessories-content .accessories-images {
    text-align: center;
    margin-bottom: 10vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .accessories-section .accessories-content .accessories-images {
        display: flex !important;
    }
}
.collection-container .accessories-section .accessories-content .accessories-images .image-desc {
    font-size: 3.5vw;
    margin-top: 2vw;
    font-weight: bold;
}
.collection-container .accessories-section .accessories-content .accessories-images img {
    height: 50vw;
}
.collection-container .accessories-section .accessories-content .accessories-images .item-1 {
    width: 30%;
}
.collection-container .accessories-section .accessories-content .accessories-images .item-2 {
    width: 70%;
}
.collection-container .accessories-section .accessories-content .items .item {
    display: flex;
    align-items: center;
    margin-top: 3vw;
    margin-bottom: 3vw;
}
.collection-container .accessories-section .accessories-content .items .item .images {
    width: 50%;
    text-align: center;
}
.collection-container .accessories-section .accessories-content .items .item .images .image img {
    height: 20vw;
}
.collection-container .accessories-section .accessories-content .items .item .images .image-desc {
    font-size: 1.7vw;
    margin-top: 1.5vw;
    font-weight: bold;
}
.collection-container .accessories-section .accessories-content .items .item .content {
    width: 50%;
}
@media only screen and (max-width: 767px) {
    .collection-container .accessories-section .accessories-content .items .item .content {
        width: 100%;
    }
}
.collection-container .accessories-section .accessories-content .items .item .content .title {
    font-size: 1.5vw;
    display: flex;
    position: relative;
    z-index: 1;
}
@media only screen and (max-width: 767px) {
    .collection-container .accessories-section .accessories-content .items .item .content .title {
        font-size: 4vw;
        font-weight: bold;
    }
}
.collection-container .accessories-section .accessories-content .items .item .content .title div {
    position: relative;
}
.collection-container .accessories-section .accessories-content .items .item .content .title div:before {
    content: '';
    position: absolute;
    width: 120%;
    height: 0.9vw;
    background: #e0bebe;
    left: -10%;
    bottom: 0vw;
    border-radius: 5vw;
    z-index: -1;
}
@media only screen and (max-width: 767px) {
    .collection-container .accessories-section .accessories-content .items .item .content .title div:before {
        height: 2.5vw;
    }
}
.collection-container .accessories-section .accessories-content .items .item .content .description {
    font-size: 1.3vw;
}
@media only screen and (max-width: 767px) {
    .collection-container .accessories-section .accessories-content .items .item .content .description {
        font-size: 3.5vw;
    }
}

.others-btn {
    background: #b7575b;
    padding: 5px 30px;
    margin: 30px auto 40px;
    border-radius: 1000px;
    font-size: 22px;
    font-weight: 600;
    outline: none;
    border: 0;
}
.others-btn a{
    color: #fff;
}
.others-btn a:hover{
    color: #fff;
}
.section-2 .others-btn{
    background: #4d6f5f;
}
.section-3 .others-btn{
    background: #de7e51;
}
.animax{
    margin: 70px 0;
    text-align: center;
}
.animax img{
    margin-bottom: 20px;
}
.animax .remark{
    font-size: 1.1vw;
    margin-top: 20px;
}
main {
    padding-top: 0px !important;
}
@media only screen and (max-width: 767px) {
    .animax{
        font-size: 3.5vw;
        margin: 70px 0 30px;
    }
    .animax .remark {
        font-size: 3vw;
    }
    .others-btn{
        font-size: 18px;
    }
}