@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");

*,*::before,*::after {
    box-sizing:border-box
}
body,h1,h2,h3,h4,p,figure,blockquote,dl,dd {
    margin:0
}
ul[role=list],ol[role=list] {
    list-style:none
}
html:focus-within {
    scroll-behavior:smooth
}
body {
    min-height:100vh;
    text-rendering:optimizeSpeed;
    line-height:1.5;
    font-feature-settings: normal;
}
a:not([class]) {
    -webkit-text-decoration-skip:ink;
    text-decoration-skip-ink:auto
}
img {
    max-width:100%;
    display:block
}
input,button,textarea,select {
    font:inherit
}
h3 {
    border-bottom: none;
    padding: 0;
}
@media(prefers-reduced-motion: reduce) {
    html:focus-within {
        scroll-behavior:auto
    }
    *,*::before,*::after {
        animation-duration:.01ms !important;
        animation-iteration-count:1 !important;
        transition-duration:.01ms !important;
        scroll-behavior:auto !important
    }
}
:root {
    --color-black: #222;
    --color-white-1: #FFFFFF;
    --color-white-2: #F2F2F2;
    --color-gray-1: #666666;
    --color-gray-2: #E2E2E2;
    --color-red:#961824;
    --font-en: 'Century Gothic', 'Avenir-Light', '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック体', 'YuGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo UI', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
    --font-ja: "游ゴシック Medium", "Yu Gothic Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    --font-roboto: "Roboto", sans-serif;
    --font-roboto-condensed: "Roboto Condensed", sans-serif;
    --short-transition-time: .3s;
    --medium-transition-time: .5s;
    --long-transition-time: .8s;
    --default-ease: ease;
    --default-hover-opacity: 0.5;
    --banner-hover-opacity: 0.85;
    --width-max: 1280px;
    --width-min: 1280px;
    --header-color: #FFF
}
@media screen and (min-width: 768px) {
    .sp-only {
        display:none !important
    }
}
@media screen and (max-width: 768px) {
    .pc-only {
        display:none !important
    }
}
html {
    color:var(--color-black, #222)
}
body {
    width:100%;
    min-height:100lvh
}
@media screen and (min-width: 768px) {
    body {
        min-width:var(--width-min)
    }
}
footer {
    position:sticky;
    top:100%
}
img {
    height:auto
}
a {
    text-decoration:none;
    color:inherit
}
a:focus {
    outline:none
}
a:hover {
    text-decoration:none
}
header {
    z-index:5;
    position:relative
}
footer {
    z-index:1;
    position:relative
}

.legend {
    margin: 0;
    border-bottom: none;
    padding: 0;
}
.pane-contents, .pane-order-contents {
    margin-top: 0;
}
.pane-contents > .container {
    width: 100%;
}
body.page-page .pane-main .pane-contents {
    letter-spacing: normal;
}
@media screen and (max-width: 767px) {
    body.page-page .pane-main .pane-contents {
        margin: 0;
    }
}

.wrapper {
    overflow-x: unset;
}

.main-wrapper {
    position:relative;
    overflow:clip;
    z-index:1;
    position:relative
}
.u-anime.base_anime {
    opacity:0;
    transform:translateY(20px)
}
.u-anime.base_anime.is_anime {
    opacity:1;
    transform:translateY(0px);
    transition:opacity var(--medium-transition-time) var(--default-ease, ease),transform var(--medium-transition-time) var(--default-ease, ease)
}
@media screen and (min-width: 768px) {
    .footer {
        background-color:var(--color-gray-2, #E2E2E2)
    }
    .footer__inner {
        position:relative;
        padding-top:50px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        gap:10px
    }
    .footer__logo {
        margin:0 auto;
        width:auto
    }
    .footer__logo svg {
        display:block;
        width:76px;
        height:auto
    }
    .footer__items {
        width:100%;
        padding:40px 0 39px 0;
        border-bottom:1px solid var(--color-white-2, #F2F2F2);
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;
        gap:20px
    }
    .footer__items:nth-of-type(3) {
        padding-bottom:36px
    }
    .footer__items-title {
        color:var(--color-gray-1, #666666);
        font-family:var(--font-en);
        text-align:center;
        font-size:13px;
        font-style:normal;
        font-weight:400;
        line-height:18px;
        letter-spacing:1.3px
    }
    .footer__items-list {
        display:flex;
        justify-content:center;
        align-items:flex-start;
        text-align:center;
        font-family:var(--font-en);
        font-size:13px;
        font-style:normal;
        font-weight:400;
        line-height:18px;
        letter-spacing:1.3px
    }
    .footer__items-list--ja {
        font-size:14px;
        font-family:var(--font-ja);
        font-weight:500;
        line-height:1.8;
        letter-spacing:.56px
    }
    .footer__items--last .footer__items-list--ja {
        line-height:1.4
    }
    .footer__items-item {
        width:120px;
        cursor:pointer
    }
    .footer__items--last .footer__items-item {
        width:160px
    }
}
@media screen and (min-width: 768px)and (any-hover: hover) {
    .footer__items-item {
        transition:opacity var(--short-transition-time) var(--default-ease, ease)
    }
    .footer__items-item:hover {
        opacity:var(--default-hover-opacity, 0.5)
    }
}
@media screen and (min-width: 768px) {
    .footer__info {
        padding-top:30px;
        padding-bottom:30px;
        color:var(--color-gray-1, #666666)
    }
    .footer__info-sns {
        display:flex;
        justify-content:center;
        align-items:center;
        gap:30px;
        height:20px
    }
    .footer__info-sns>.footer__info-item {
        width:20px;
        height:20px
    }
    .footer__info-sns>.footer__info-item svg {
        width:20px;
        height:20px
    }
    .footer__info-items {
        margin-top:20px;
        display:flex;
        gap:20px;
        font-family:var(--font-ja);
        font-size:10px;
        font-style:normal;
        font-weight:500;
        line-height:1.8;
        letter-spacing:1px
    }
    .footer__info-item {
        cursor:pointer
    }
}
@media screen and (min-width: 768px)and (any-hover: hover) {
    .footer__info-item {
        transition:opacity var(--short-transition-time) var(--default-ease, ease)
    }
    .footer__info-item:hover {
        opacity:var(--default-hover-opacity, 0.5)
    }
}
@media screen and (min-width: 768px) {
    .footer__info-copyright {
        margin-top:20px;
        font-size:10px;
        font-family:var(--font-en);
        font-style:normal;
        font-weight:400;
        line-height:1.8;
        letter-spacing:1px;
        text-align:center
    }
}
@media screen and (max-width: 768px) {
    .footer {
        background-color:var(--color-gray-2, #E2E2E2)
    }
    .footer__inner {
        position:relative;
        padding-top:50px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:flex-start;
        gap:5px
    }
    .footer__logo {
        margin:0 auto;
        width:auto
    }
    .footer__logo svg {
        display:block;
        width:76px;
        height:auto
    }
    .footer__items {
        width:calc(100% - 40px);
        margin:auto;
        padding:40px 0;
        border-bottom:1px solid var(--color-white-2, #f2f2f2);
        display:flex;
        flex-direction:column;
        justify-content:flex-start;
        align-items:center;
        gap:30px
    }
    .footer__items-title {
        color:var(--color-gray-1, #666666);
        font-family:var(--font-en);
        text-align:center;
        font-size:13px;
        font-style:normal;
        font-weight:400;
        line-height:18px;
        letter-spacing:1.3px;
        width:100%
    }
    .footer__items:nth-of-type(3) {
        gap:25px;
        padding-bottom:35px
    }
    .footer__items--last {
        padding-top:43px
    }
    .footer__items-list {
        display:flex;
        justify-content:center;
        align-items:flex-start;
        flex-wrap:wrap;
        width:100%;
        gap:30px 10px;
        text-align:center;
        font-family:var(--font-en);
        font-size:13px;
        font-style:normal;
        font-weight:400;
        line-height:18px;
        letter-spacing:1.3px
    }
    .footer__items-list--ja {
        font-size:14px;
        font-family:var(--font-ja);
        font-weight:500;
        line-height:1.8;
        letter-spacing:.56px;
        gap:15px 10px
    }
    .footer__items--last .footer__items-list--ja {
        line-height:1.4;
        gap:20px 10px
    }
    .footer__items-item {
        width:125px;
        cursor:pointer
    }
    .footer__items--last .footer__items-item {
        width:calc((100% - 10px)/2)
    }
    .footer__info {
        padding-top:30px;
        padding-bottom:20px;
        color:var(--color-gray-1, #666666);
        width:100%
    }
    .footer__info-sns {
        display:flex;
        justify-content:center;
        align-items:center;
        gap:25px;
        height:20px
    }
    .footer__info-sns>.footer__info-item {
        width:20px;
        height:20px
    }
    .footer__info-sns>.footer__info-item svg {
        width:20px;
        height:20px
    }
    .footer__info-items {
        margin-top:20px;
        display:flex;
        justify-content:center;
        gap:20px;
        font-family:var(--font-ja);
        font-size:10px;
        font-style:normal;
        font-weight:500;
        line-height:1.8;
        letter-spacing:1px;
        width:100%
    }
    .footer__info-item {
        cursor:pointer
    }
}
@media screen and (max-width: 768px)and (any-hover: hover) {
    .footer__info-item {
        transition:opacity var(--short-transition-time) var(--default-ease, ease)
    }
    .footer__info-item:hover {
        opacity:var(--default-hover-opacity, 0.5)
    }
}
@media screen and (max-width: 768px) {
    .footer__info-copyright {
        margin-top:25px;
        font-size:10px;
        font-family:var(--font-en);
        font-style:normal;
        font-weight:400;
        line-height:1.8;
        letter-spacing:1px;
        text-align:center
    }
}
@media screen and (min-width: 768px) {
    .footerMagazine {
        font-family:var(--font-ja);
        background-color:var(--color-white-1, #FFFFFF);
        border-top:1px solid var(--color-gray-2, #E2E2E2)
    }
    .footerMagazine--top {
        background-color:var(--color-white-2, #F2F2F2);
        border-top:1px solid var(--color-gray-2, #E2E2E2)
    }
    .footerMagazine__inner {
        padding:50px 40px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center
    }
    .footerMagazine__title {
        text-align:center;
        font-size:20px;
        font-style:normal;
        font-weight:400;
        line-height:140%;
        letter-spacing:.8px
    }
    .footerMagazine__text {
        font-size:16px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.64px;
        margin-top:20px
    }
    .footerMagazine__button {
        display:block;
        width:170px;
        margin-inline:auto;
        font-family:var(--font-ja);
        font-size:14px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.56px;
        text-align:center;
        border-radius:32px;
        border:1px var(--color-black, #222222) solid;
        color:var(--color-black, #222);
        background-color:rgba(34,34,34,0);
        padding:12px 0px;
        margin-top:25px;
        pointer-events:all;
        cursor:pointer
    }
}
@media screen and (min-width: 768px)and (any-hover: hover) {
    .footerMagazine__button {
        transition:opacity var(--medium-transition-time) var(--default-ease, ease),transform var(--medium-transition-time) var(--default-ease, ease),background-color var(--medium-transition-time) var(--default-ease, ease),color var(--medium-transition-time) var(--default-ease, ease) !important
    }
    .footerMagazine__button:hover {
        background-color:var(--color-black, #222);
        color:var(--color-white-2, #F2F2F2)
    }
}
@media screen and (max-width: 768px) {
    .footerMagazine {
        font-family:var(--font-ja);
        background-color:var(--color-white-1, #FFFFFF);
        border-top:1px solid var(--color-gray-2, #E2E2E2)
    }
    .footerMagazine--top {
        background-color:var(--color-white-2, #F2F2F2);
        border-top:1px solid var(--color-gray-2, #E2E2E2)
    }
    .footerMagazine__inner {
        padding:50px 20px;
        display:flex;
        flex-direction:column;
        align-items:center;
        justify-content:center;
        gap:20px
    }
    .footerMagazine__title {
        text-align:center;
        font-size:20px;
        font-style:normal;
        font-weight:400;
        line-height:140%;
        letter-spacing:.8px
    }
    .footerMagazine__text {
        font-size:16px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.64px;
        text-align:center
    }
    .footerMagazine__button {
        display:block;
        width:170px;
        margin-inline:auto;
        font-family:var(--font-ja);
        font-size:14px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.56px;
        text-align:center;
        border-radius:32px;
        border:1px var(--color-black, #222222) solid;
        color:var(--color-black, #222);
        background-color:rgba(34,34,34,0);
        padding:11px 0px;
        pointer-events:all;
        cursor:pointer
    }
}
.header {
    color:var(--header-color);
    position:fixed;
    left:0;
    top:0;
    width:100%;
    transition:transform var(--medium-transition-time) var(--default-ease, ease),color var(--medium-transition-time) var(--default-ease, ease)
}
.header--black {
    --header-color: #222;
    background-color:var(--color-white-1, #FFFFFF)
}
.header--white {
    --header-color: #FFF
}
.header--isScroll {
    transform:translateY(-100%)
}
.header--isHide {
    transform:translateY(-100%)
}
.header--mvHide {
    --header-color: #222;
    background-color:var(--color-white-1, #FFFFFF)
}
.header--mvHide .header__logo {
    opacity:1 !important;
    pointer-events:all !important
}
.header.is_open {
    --header-color: #222 !important;
    transform:translateY(0) !important
}
@media screen and (min-width: 768px) {
    .header.is_open {
        background-color:rgba(255,255,255,0)
    }
}
@media screen and (max-width: 768px) {
    .header.is_open {
        background-color:var(--color-white-1, #FFFFFF)
    }
}
.header.is_open .header__box {
    --header-color: #222
}
.header.is_open .header__box-item--search {
    --header-color: #22222200 !important;
    pointer-events:none
}
.header.is_open .header__box-item--map {
    --header-color: #22222200 !important;
    pointer-events:none;
    color:rgba(34,34,34,0) !important
}
.header.is_open .header__box-item--favorite {
    --header-color: #22222200 !important;
    pointer-events:none
}
.header.is_open .header__box-item--cart {
    --header-color: #22222200 !important;
    pointer-events:none;
    color:rgba(34,34,34,0) !important
}
.header.is_open .header__box-item--menu .header__box-icon span:nth-child(1) {
    top:50%;
    transform:translate(-50%, -50%) rotate(45deg)
}
.header.is_open .header__box-item--menu .header__box-icon span:nth-child(2) {
    top:50%;
    transform:translate(-50%, -50%) rotate(-45deg)
}
.header__box-item--menu .header__box-icon span {
    transition:top var(--short-transition-time) var(--default-ease, ease),transform var(--short-transition-time) var(--default-ease, ease),background var(--short-transition-time) var(--default-ease, ease)
}
@media screen and (min-width: 768px) {
    .header.is_open .header__logo {
        --header-color: #22222200
    }
}
@media screen and (max-width: 768px) {
    .header.is_open .header__logo {
        opacity:1 !important
    }
}
.header__logo svg {
    display:block
}
.header__logo--hidden {
    opacity:0;
    pointer-events:none;
    transition:opacity var(--short-transition-time) var(--default-ease, ease)
}
@media screen and (min-width: 768px) {
    .header__inner {
        height:64px;
        padding:0 40px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        position:relative
    }
    .header__logo {
        width:-moz-fit-content;
        width:fit-content;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%)
    }
    .header__logo svg {
        width:85px;
        height:16px;
        display:block
    }
    .header__box {
        display:flex;
        gap:15px
    }
    .header__box-item {
        display:flex;
        align-items:center;
        font-size:14px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.56px;
        cursor:pointer;
        gap:5px
    }
    .header__box-item--cart {
        gap:1px
    }
    .header__box-item-count {
        font-size:13px;
        font-style:normal;
        font-family:var(--font-en);
        font-weight:400;
        line-height:18px;
        letter-spacing:1.3px;
        transition:color var(--short-transition-time) var(--default-ease, ease)
    }
    .header__box-item-text {
        font-size:14px;
        font-style:normal;
        font-family:var(--font-ja);
        font-weight:500;
        line-height:150%;
        letter-spacing:.56px;
        transition:color var(--short-transition-time) var(--default-ease, ease)
    }
}
@media screen and (min-width: 768px)and (any-hover: hover) {
    .header__box-item {
        transition:opacity var(--short-transition-time) var(--default-ease, ease)
    }
    .header__box-item:hover {
        opacity:var(--default-hover-opacity, 0.5)
    }
}
@media screen and (min-width: 768px) {
    .header__box-icon {
        width:25px;
        height:25px
    }
    .header__box-item--menu .header__box-icon {
        width:25px;
        height:30px;
        position:relative
    }
    .header__box-item--menu .header__box-icon span {
        width:100%;
        height:1px;
        background-color:var(--header-color);
        position:absolute;
        left:0;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%)
    }
    .header__box-item--menu .header__box-icon span:nth-child(1) {
        top:calc(50% - 4px)
    }
    .header__box-item--menu .header__box-icon span:nth-child(2) {
        top:calc(50% + 4px)
    }
    .header__box-icon svg {
        width:100%;
        height:100%
    }
}
@media screen and (max-width: 768px) {
    .header__inner {
        height:60px;
        padding:0 20px;
        display:flex;
        align-items:center;
        justify-content:space-between;
        position:relative
    }
    .header__logo {
        width:-moz-fit-content;
        width:fit-content;
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%)
    }
    .header__logo svg {
        width:85px;
        height:16px
    }
    .header__box {
        display:flex;
        gap:10px
    }
    .header__box-item {
        display:flex;
        align-items:center;
        font-size:14px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.56px;
        cursor:pointer;
        gap:5px
    }
    .header__box-item--cart {
        gap:1px
    }
    .header__box-item--favorite {
        display:none
    }
    .header__box-item-count {
        font-size:13px;
        font-style:normal;
        font-family:var(--font-en);
        font-weight:400;
        line-height:18px;
        letter-spacing:1.3px;
        transition:color var(--short-transition-time) var(--default-ease, ease)
    }
    .header__box-item-text {
        display:none
    }
    .header__box-icon {
        width:25px;
        height:25px
    }
    .header__box-item--menu .header__box-icon {
        width:25px;
        height:30px;
        position:relative
    }
    .header__box-item--menu .header__box-icon span {
        width:100%;
        height:1px;
        background-color:var(--header-color);
        position:absolute;
        left:0;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%)
    }
    .header__box-item--menu .header__box-icon span:nth-child(1) {
        top:calc(50% - 4px)
    }
    .header__box-item--menu .header__box-icon span:nth-child(2) {
        top:calc(50% + 4px)
    }
    .header__box-icon svg {
        width:100%;
        height:100%
    }
}
.headerMenu {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:4;
    pointer-events:none
}
.headerMenu.is_open {
    pointer-events:auto
}
.headerMenu__bg {
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(255,255,255,0);
    -webkit-backdrop-filter:blur(0);
    backdrop-filter:blur(0);
    transition:background var(--short-transition-time) var(--default-ease, ease),-webkit-backdrop-filter var(--short-transition-time) var(--default-ease, ease);
    transition:background var(--short-transition-time) var(--default-ease, ease),backdrop-filter var(--short-transition-time) var(--default-ease, ease);
    transition:background var(--short-transition-time) var(--default-ease, ease),backdrop-filter var(--short-transition-time) var(--default-ease, ease),-webkit-backdrop-filter var(--short-transition-time) var(--default-ease, ease)
}
.headerMenu.is_open .headerMenu__bg {
    background:rgba(255,255,255,.05);
    -webkit-backdrop-filter:blur(3px);
    backdrop-filter:blur(3px)
}
.headerMenu__inner {
    width:-moz-fit-content;
    width:fit-content;
    height:100vh;
    position:absolute;
    left:0;
    top:0;
    transform:translateX(-100%);
    transition:transform var(--short-transition-time) var(--default-ease, ease)
}
.is_open .headerMenu__inner {
    transform:translateX(0)
}
.headerMenu__box {
    background-color:var(--color-white-1, #fff)
}
.headerMenu__box.is_open {
    transform:translateX(0)
}
@media screen and (min-width: 768px) {
    .headerMenu__inner {
        display:flex;
        justify-content:flex-start;
        align-items:flex-start
    }
    .headerMenu__box {
        width:345px;
        height:100%;
        overflow:auto
    }
    .headerMenu__box--main {
        position:relative;
        z-index:2;
        box-shadow:8px 0px 15px 0px rgba(0,0,0,.1)
    }
    .headerMenu__box--sub {
        position:relative;
        z-index:1;
        box-shadow:8px 0px 15px 0px rgba(0,0,0,.1);
        transform:translateX(-150%);
        transition:transform var(--medium-transition-time) var(--default-ease, ease)
    }
    .headerMenu__box--main .headerMenu__box-inner {
        min-height:calc(100vh - 150px);
        padding-top:60px
    }
    .headerMenu__box--sub .headerMenu__box-inner {
        min-height:100vh;
        padding-top:60px;
        padding-left:20px;
        padding-right:20px
    }
    .headerMenu__info {
        position:sticky;
        left:0;
        bottom:0;
        width:100%;
        background-color:var(--color-white-2, #F2F2F2);
        padding-top:20px;
        padding-bottom:40px
    }
    .headerMenu__info-icon {
        width:20px;
        height:20px
    }
    .headerMenu__info-icon svg {
        width:100%;
        height:100%
    }
    .headerMenu__info-text {
        font-size:14px;
        font-style:normal;
        font-family:var(--font-ja);
        font-weight:500;
        line-height:150%;
        letter-spacing:.56px;
        color:var(--color-gray-1, #666666)
    }
    .headerMenu__info-item {
        height:45px;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:8px;
        font-size:14px;
        font-style:normal;
        font-family:var(--font-ja);
        font-weight:500;
        line-height:150%;
        letter-spacing:.56px;
        color:var(--color-gray-1, #666666);
        padding:0 20px;
        cursor:pointer
    }
}
@media screen and (min-width: 768px)and (any-hover: hover) {
    .headerMenu__info-item {
        transition:opacity var(--short-transition-time) var(--default-ease, ease)
    }
    .headerMenu__info-item:hover {
        opacity:var(--default-hover-opacity, 0.5)
    }
}
@media screen and (min-width: 768px) {
    .headerMenu__items+.headerMenu__items {
        margin-top:30px
    }
    .headerMenu__items--last {
        padding-top:20px;
        padding-bottom:20px;
        border-top:1px solid var(--color-gray-2, #E2E2E2)
    }
    .headerMenu__items--last .headerMenu__item {
        font-size:14px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.56px;
        color:var(--color-black, #222);
        padding:12px 40px
    }
    .headerMenu__item {
        display:block;
        width:100%;
        padding:13px 40px;
        color:var(--color-black, #222);
        text-align:left;
        font-family:var(--font-ja);
        font-size:16px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.64px;
        cursor:pointer;
        position:relative
    }
    .headerMenu__item--toggle.is_open .headerMenu__item-icon svg {
        transform:rotateY(180deg);
        transform-origin:center
    }
}
@media screen and (min-width: 768px)and (any-hover: hover) {
    .headerMenu__item {
        transition:opacity var(--short-transition-time) var(--default-ease, ease)
    }
    .headerMenu__item:hover {
        opacity:var(--default-hover-opacity, 0.5)
    }
}
@media screen and (min-width: 768px) {
    .headerMenu__item-icon {
        width:25px;
        height:25px;
        position:absolute;
        right:20px;
        top:50%;
        transform:translateY(-50%)
    }
    .headerMenu__item-icon svg {
        width:100%;
        height:100%;
        transition:transform var(--short-transition-time) var(--default-ease, ease)
    }
    .headerMenu__brands {
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:10px;
        padding-bottom:60px
    }
}
@media screen and (min-width: 768px)and (any-hover: hover) {
    .headerMenu__brand {
        transition:opacity var(--short-transition-time) var(--default-ease, ease)
    }
    .headerMenu__brand:hover {
        opacity:var(--banner-hover-opacity, 0.85)
    }
}
@media screen and (min-width: 768px) {
    .headerMenu__brand img {
        display:block
    }
    .headerMenu__back {
        display:none
    }
}
@media screen and (max-width: 768px) {
    .headerMenu__inner {
        display:flex;
        justify-content:flex-start;
        align-items:flex-start;
        width:100%
    }
    .headerMenu__box {
        width:100%;
        height:100%;
        overflow:auto;
        position:relative
    }
    .headerMenu__box--main {
        position:relative;
        z-index:2
    }
    .headerMenu__box--sub {
        position:absolute;
        left:0;
        top:0;
        z-index:3;
        transform:translateX(-150%);
        transition:transform var(--medium-transition-time) var(--default-ease, ease)
    }
    .headerMenu__box--main .headerMenu__box-inner {
        min-height:calc(100vh - 150px);
        padding-top:60px
    }
    .headerMenu__box--sub .headerMenu__box-inner {
        min-height:100vh;
        padding-top:60px
    }
    .headerMenu__info {
        position:sticky;
        left:0;
        bottom:0;
        width:100%;
        background-color:var(--color-white-2, #F2F2F2);
        padding-top:20px;
        padding-bottom:40px
    }
    .headerMenu__info-icon {
        width:20px;
        height:20px
    }
    .headerMenu__info-icon svg {
        width:100%;
        height:100%
    }
    .headerMenu__info-text {
        font-size:14px;
        font-style:normal;
        font-family:var(--font-ja);
        font-weight:500;
        line-height:150%;
        letter-spacing:.56px;
        color:var(--color-gray-1, #666666)
    }
    .headerMenu__info-item {
        height:45px;
        width:100%;
        display:flex;
        align-items:center;
        justify-content:flex-start;
        gap:8px;
        font-size:14px;
        font-style:normal;
        font-family:var(--font-ja);
        font-weight:500;
        line-height:150%;
        letter-spacing:.56px;
        color:var(--color-gray-1, #666666);
        padding:0 20px;
        cursor:pointer
    }
    .headerMenu__items+.headerMenu__items {
        margin-top:20px
    }
    .headerMenu__items--last {
        padding-top:20px;
        padding-bottom:80px;
        margin-top:30px;
        border-top:1px solid var(--color-gray-2, #E2E2E2)
    }
    .headerMenu__items--last .headerMenu__item {
        font-size:14px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.56px;
        color:var(--color-black, #222);
        padding:12px 20px
    }
    .headerMenu__item {
        display:block;
        width:100%;
        padding:13px 20px;
        color:var(--color-black, #222);
        text-align:left;
        font-family:var(--font-ja);
        font-size:16px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.64px;
        cursor:pointer;
        position:relative
    }
}
@media screen and (max-width: 768px)and (any-hover: hover) {
    .headerMenu__item {
        transition:opacity var(--short-transition-time) var(--default-ease, ease)
    }
    .headerMenu__item:hover {
        opacity:var(--default-hover-opacity, 0.5)
    }
}
@media screen and (max-width: 768px) {
    .headerMenu__item-icon {
        width:25px;
        height:25px;
        position:absolute;
        right:20px;
        top:50%;
        transform:translateY(-50%)
    }
    .headerMenu__item-icon svg {
        width:100%;
        height:100%
    }
    .headerMenu__brands {
        display:flex;
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        gap:10px;
        padding-bottom:60px;
        padding-left:20px;
        padding-right:20px;
        margin-top:20px
    }
    .headerMenu__brand img {
        display:block
    }
    .headerMenu__back {
        width:100%
    }
    .headerMenu__back-item {
        display:flex;
        align-items:center;
        justify-content:flex-end;
        flex-direction:row-reverse;
        gap:10px;
        width:100%;
        padding:13px 20px;
        color:var(--color-black, #222);
        text-align:left;
        font-family:var(--font-ja);
        font-size:16px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.64px;
        cursor:pointer;
        position:relative
    }
    .headerMenu__back-icon {
        width:25px;
        height:25px;
        transform:rotate(180deg)
    }
    .headerMenu__back-icon svg {
        width:100%;
        height:100%
    }
}
.main-wrapper--ohtani {
    background-color:#001b2e;
    --medium-transition-time: 0.8s
}
@media screen and (max-width: 767px) {
    .main-wrapper--ohtani {
        padding-top:0px
    }
}
.main-wrapper--ohtani .legend__inner {
    position:relative
}
.main-wrapper--ohtani .legend__image {
    width:100%;
    height:auto;
    opacity:0;
    transform:translateY(20px);
    transition:opacity var(--medium-transition-time) var(--default-ease, ease),transform var(--medium-transition-time) var(--default-ease, ease)
}
.main-wrapper--ohtani .legend__image img {
    width:100%;
    height:auto;
    display:block
}
.main-wrapper--ohtani .legend__texts {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    /* padding-left:calc(100vw - 500px); */
    color:#fff;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    opacity:0;
    transform:translateY(20px);
    transition:opacity var(--medium-transition-time) var(--default-ease, ease),transform var(--medium-transition-time) var(--default-ease, ease);
    transition-delay:.5s
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .legend__texts {
        justify-content:center;
        padding-left:20px;
        padding-right:20px;
    }
}
@media screen and (min-width: 769px) {
    .main-wrapper--ohtani .legend__texts {
        align-items: flex-end;
        justify-content:center;
        padding-right: 200px;
    }
}
.main-wrapper--ohtani .legend__title-main {
    color:#fff;
    text-shadow:0px 4px 8px rgba(0,0,0,.25);
    font-family:var(--font-en);
    font-size: 45px;
    font-style:normal;
    font-weight:700;
    line-height:150%;
    letter-spacing: 1px;
    width: 400px;
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .legend__title-main {
        width:100%;
        color:#fff;
        text-shadow:0px 4px 8px rgba(0,0,0,.25);
        font-size:30px;
        font-style:normal;
        font-weight:700;
        letter-spacing:1.08px;
        line-height: 45px;
    }
}
.main-wrapper--ohtani .legend__title-sub {
    color:#fff;
    text-shadow:0px 4px 8px rgba(0,0,0,.25);
    font-family:var(--font-en);
    font-size:26px;
    font-style:normal;
    font-weight:500;
    line-height:150%;
    letter-spacing:1.04px;
    margin-top:16px;
    width: 400px;
    text-align: left;
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .legend__title-sub {
        color:#fff;
        text-shadow:0px 4px 8px rgba(0,0,0,.25);
        font-size:22px;
        font-style:normal;
        font-weight:500;
        line-height:150%;
        letter-spacing:.88px;
        margin-top:12px;
        width: auto;
    }
}
.main-wrapper--ohtani .legend__text {
    width: 400px;
    color:#fff;
    font-family:var(--font-en);
    font-size:16px;
    font-style:normal;
    font-weight:500;
    line-height:160%;
    letter-spacing:.64px;
    margin-top:50px
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .legend__text {
        margin-top:45px;
        width:100%;
        color:#fff;
        font-size:16px;
        font-style:normal;
        font-weight:500;
        line-height:160%;
        letter-spacing:.64px
    }
}
.main-wrapper--ohtani .legend__text span {
    display:block
}
.main-wrapper--ohtani .legend__text span+span {
    margin-top:30px
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .legend__text span+span {
        margin-top:20px
    }
}
.main-wrapper--ohtani .legend.is_anime .legend__image,.main-wrapper--ohtani .legend.is_anime .legend__texts {
    opacity:1;
    transform:translateY(0px)
}
.main-wrapper--ohtani .product {
    background-color:#001b2e;
    color:#fff
}
.main-wrapper--ohtani .product__inner {
    padding:0
}
.main-wrapper--ohtani .product__items {
    width:100%
}
.main-wrapper--ohtani .product__item {
    width:100%
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .product__item {
        display:flex;
        justify-content:flex-start;
        align-items:flex-start
    }
}
.main-wrapper--ohtani .product__bg {
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:-1;
    overflow:hidden
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .product__bg {
        max-height:558px
    }
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__bg {
        max-height:379px
    }
}
.main-wrapper--ohtani .product__bg img {
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
.main-wrapper--ohtani .product__wrap>* {
    background:#001524;
    padding:80px 80px 85px
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .product__wrap>* .product__image {
        background:linear-gradient(180deg, #002E50 0%, #001A2C 83.87%)
    }
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__wrap>* {
        background:rgba(0,0,0,0);
        background:linear-gradient(180deg, #002E50 0%, #001A2C 83.87%);
        padding:0 0 calc(36px + var(--orderHeight, 77px))
    }
    .main-wrapper--ohtani .product__wrap>* .product__texts {
        padding-left:20px;
        padding-right:20px
    }
    .main-wrapper--ohtani .product__wrap>*:last-child {
        padding-bottom:calc(64px + var(--orderHeight, 77px))
    }
}
.main-wrapper--ohtani .product__wrap>*+* {
    padding-top:0
}
.main-wrapper--ohtani .product__wrap--sticky .product__title {
    font-family:var(--font-roboto-condensed);
    font-size:22px;
    line-height:130%
}
.main-wrapper--ohtani .product__wrap--sticky .product__title span {
    font-family:var(--font-ja);
    font-size:14px;
    line-height:160%
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__wrap--sticky {
        margin-top:calc((60px + var(--orderHeight, 77px))*-1)
    }
    .main-wrapper--ohtani .product__wrap--sticky .product__texts {
        padding-left:0px;
        padding-right:0px
    }
    .main-wrapper--ohtani .product__wrap--sticky>* {
        padding:40px 20px calc(64px + var(--orderHeight, 77px));
        background:linear-gradient(180deg, #002540 44.78%, #001A2C 100%)
    }
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .product__wrap {
        width:50%
    }
    .main-wrapper--ohtani .product__wrap--sticky {
        position:sticky;
        top:0px
    }
    .main-wrapper--ohtani .product__wrap--sticky>* {
        background:rgba(0,0,0,0);
        padding:30px 40px;
        background:linear-gradient(180deg, #002540 50.5%, #001A2C 100%)
    }
    .main-wrapper--ohtani .product__wrap--sticky .product__texts {
        margin-top:30px
    }
    .main-wrapper--ohtani .product__wrap--sticky .product__image {
        max-width:90%;
        width:auto;
        height:47vh;
        min-height:250px;
        aspect-ratio:1/1;
        margin-left:auto;
        margin-right:auto;
        margin-top:-23px;
        background:rgba(0,0,0,0)
    }
    .main-wrapper--ohtani .product__wrap--sticky .product__image img {
        width:100%;
        height:100%;
        -o-object-fit:contain;
        object-fit:contain
    }
    .main-wrapper--ohtani .product__wrap--sticky .product__title span {
        margin-bottom:10px
    }
}
.main-wrapper--ohtani .product__large {
    filter:drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.25));
    font-family:var(--font-roboto-condensed);
    font-size:60px;
    font-style:normal;
    font-weight:700;
    line-height:90%;
    letter-spacing:2.4px;
    text-transform:uppercase;
    background:linear-gradient(93deg, #FFF 2.87%, #A8BFDB 60.95%);
    background-clip:text;
    -webkit-background-clip:text;
    -webkit-text-fill-color:rgba(0,0,0,0);
    position:relative;
    z-index:500
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .product__large{
        margin-top: 90px;
        margin-bottom: 55px;
        text-align:left;
    }    
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__large {
        font-size:50px;
        font-style:normal;
        font-weight:700;
        line-height:90%;
        letter-spacing:2px;
        text-transform:uppercase;
        text-align:left;
    }
    .main-wrapper--ohtani .product__large+* {
        margin-top:23px
    }
    .main-wrapper--ohtani .product__large+*+* {
        margin-top:20px !important
    }
}
.sp-only{
    display: none;
}
@media screen and (max-width: 768px) {
    .sp-only{
        display: block;
    }    
}
.main-wrapper--ohtani .product__open {
    color:#fff;
    filter:drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.25));
    font-family:var(--font-roboto-condensed);
    font-size:15px;
    font-weight:700;
    line-height:120%;
    letter-spacing:.75px;
    text-transform:uppercase;
    padding-bottom:4px;
    position:relative;
    display:inline-block;
    margin-top:20px;
    cursor:pointer
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .product__open {
        margin-top:10px
    }
}
.main-wrapper--ohtani .product__open::after {
    content:"";
    width:100%;
    height:1px;
    background-color:#fff;
    position:absolute;
    bottom:-1px;
    left:0;
    transform-origin:left
}
@media(any-hover: hover) {
    .main-wrapper--ohtani .product__open:hover::after {
        animation:Underline .5s forwards
    }
}
@keyframes Underline {
    0% {
        transform:scale(0, 1)
    }
    100% {
        transform:scale(1, 1)
    }
}
.main-wrapper--ohtani .product__texts {
    margin-top:30px
}
.main-wrapper--ohtani .product__title {
    color:#fff;
    font-family:var(--font-en);
    font-size:18px;
    font-weight:500;
    line-height:150%;
    letter-spacing:.36px
}
.main-wrapper--ohtani .product__title span {
    display:block;
    font-size:14px;
    font-style:normal;
    font-weight:500;
    line-height:160%;
    letter-spacing:.28px;
    margin-bottom:12px
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__title span {
        margin-bottom:10px
    }
}
.main-wrapper--ohtani .product__text {
    color:#fff;
    font-family:var(--font-ja);
    font-size:13px;
    font-style:normal;
    font-weight:400;
    line-height:160%;
    letter-spacing:.52px;
    margin-top:10px
}
.main-wrapper--ohtani .product__order {
    width:-moz-fit-content;
    width:fit-content;
    max-width:100%;
    margin-inline:auto;
    display:flex;
    padding:16px 20px;
    justify-content:space-between;
    align-items:center;
    gap:30px;
    margin-top:20px;
    border-radius:10px;
    background:#00243e;
    box-shadow:20px 20px 30px 0px rgba(0,0,0,.1)
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__order {
        z-index:2;
        gap:30px;
        width:calc(100% - 40px);
        max-width:calc(100% - 40px);
        position:sticky;
        top:calc(100vh - 30px - var(--orderHeight, 76px));
        margin-bottom:30px;
        margin-top:30px
    }
}
.main-wrapper--ohtani .product__info-name {
    color:#fff;
    font-family:var(--font-roboto-condensed);
    font-size:14px;
    font-weight:700;
    line-height:100%;
    letter-spacing:.56px;
    text-transform:uppercase
}
.main-wrapper--ohtani .product__info-price {
    color:#fff;
    text-shadow:4px 4px 8px rgba(0,0,0,.25);
    font-family:var(--font-roboto-condensed);
    font-size:14px;
    font-weight:700;
    line-height:120%;
    letter-spacing:.7px;
    text-transform:uppercase;
    display:flex;
    align-items:center;
    gap:6px;
    margin-top:4px
}
.main-wrapper--ohtani .product__info-price span {
    color:#7d7d7d;
    text-shadow:4px 4px 8px rgba(0,0,0,.25);
    font-family:var(--font-ja);
    font-size:10px;
    font-weight:500;
    line-height:120%;
    letter-spacing:.4px;
    text-transform:uppercase;
}
.main-wrapper--ohtani .product__button a {
    width:120px;
    box-sizing:border-box;
    color:#01375e;
    text-align:center;
    font-family:var(--font-roboto-condensed);
    font-size:15px;
    font-weight:700;
    line-height:150%;
    letter-spacing:.45px;
    border-radius:30px;
    background:#fff;
    border:1px solid #fff;
    display:flex;
    padding:10px;
    justify-content:center;
    align-items:center;
    gap:10px;
    box-sizing:border-box
}
@media(any-hover: hover) {
    .main-wrapper--ohtani .product__button a {
        transition:background-color var(--short-transition-time) var(--default-ease) 0s,color var(--short-transition-time) var(--default-ease) 0s,border-color var(--short-transition-time) var(--default-ease) 0s
    }
    .main-wrapper--ohtani .product__button a:hover {
        background:rgba(0,0,0,0);
        color:#fff;
        border:1px solid #fff
    }
}
.main-wrapper--ohtani .product__button--sold a {
    color:#fff;
    background:#01375e;
    border-color:#01375e
}
@media(any-hover: hover) {
    .main-wrapper--ohtani .product__button--sold a {
        transition:background-color var(--short-transition-time) var(--default-ease) 0s,color var(--short-transition-time) var(--default-ease) 0s,border-color var(--short-transition-time) var(--default-ease) 0s
    }
    .main-wrapper--ohtani .product__button--sold a:hover {
        background:#fff;
        color:#01375e;
        border:1px solid #fff
    }
}
.main-wrapper--ohtani .product__modal {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    height:100dvh;
    min-width:1280px;
    z-index:5;
    overflow:auto;
    opacity:0;
    pointer-events:none;
    transition:opacity var(--short-transition-time) var(--default-ease) 0s
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .product__modal {
        display:flex;
        align-items:center;
        justify-content:center
    }
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__modal {
        min-width:100%
    }
}
.main-wrapper--ohtani .product__modal-inner {
    padding:220px 40px;
    min-height:800px;
    max-height: 100vh;
    z-index:2;
    position:relative
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__modal-inner {
        padding:20px;
        min-height:0
    }
}
.main-wrapper--ohtani .product__modal-box {
    border-radius:20px;
    background:var(--BLUE, linear-gradient(180deg, #002E50 0%, #001A2C 100%));
    box-shadow:2px 2px 10px 0px rgba(0,0,0,.25);
    padding:120px 252px 108px;
    position:relative
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__modal-box {
        padding-left:30px;
        padding-right:30px;
        padding-top:80px;
        padding-bottom:64px
    }
}
.main-wrapper--ohtani .product__modal-title {
    color:#fff;
    font-family:var(--font-roboto-condensed);
    font-size:40px;
    font-weight:700;
    line-height:90%;
    letter-spacing:1.6px;
    text-transform:uppercase
}
.main-wrapper--ohtani .product__modal-text {
    color:#fff;
    font-family:var(--font-ja);
    font-size:16px;
    font-style:normal;
    font-weight:400;
    line-height:160%;
    letter-spacing:.64px;
    margin-top:50px
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__modal-text {
        margin-top:40px
    }
}
.main-wrapper--ohtani .product__modal-text span {
    font-size:20px;
    font-weight:600;
    line-height:150%;
    letter-spacing:.8px;
    display:block;
    margin-bottom:24px
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__modal-text span {
        font-size:18px;
        font-style:normal;
        font-weight:600;
        line-height:150%;
        letter-spacing:.72px;
        margin-bottom:30px
    }
}
.main-wrapper--ohtani .product__modal-bg {
    background:linear-gradient(180deg, rgba(0, 46, 80, 0.8) 0%, rgba(0, 26, 44, 0.8) 83.87%);
    -webkit-backdrop-filter:blur(5px);
    backdrop-filter:blur(5px);
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    height:100dvh;
    z-index:1
}
.main-wrapper--ohtani .product__modal-close {
    z-index:2;
    position:absolute;
    right:20px;
    top:20px;
    cursor:pointer
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .product__modal-close {
        position:fixed;
        right:35px;
        top:65px
    }
}
.main-wrapper--ohtani .product__modal-close svg {
    width:100%
}
.main-wrapper--ohtani .product__modal.is_open {
    opacity:1;
    pointer-events:auto
}
.main-wrapper--ohtani .contact {
    background-color:#001b2e;
    color:#fff;
    border-top:1px solid rgba(255,255,255,.3)
}
.main-wrapper--ohtani .contact__inner {
    padding:40px 20px;
    text-align:center
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .contact__inner {
        padding:60px
    }
}
.main-wrapper--ohtani .contact__title {
    font-family:var(--font-ja);
    font-size:20px;
    font-weight:600;
    line-height:150%;
    letter-spacing:.8px;
    color: #fff;
}
.main-wrapper--ohtani .contact__text {
    font-family:var(--font-ja);
    font-size:13px;
    font-weight:500;
    line-height:150%;
    letter-spacing:.52px;
    margin-top:12px
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .contact__text {
        margin-top:16px
    }
}
.main-wrapper--ohtani .contact__button {
    margin-top:22px
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .contact__button {
        margin-top:25px
    }
}
.main-wrapper--ohtani .contact__button a {
    color:#00243e;
    font-family:var(--font-roboto);
    font-size:14px;
    font-weight:500;
    line-height:150%;
    letter-spacing:.42px;
    display:flex;
    width:160px;
    padding:9px;
    justify-content:center;
    align-items:center;
    border-radius:30px;
    background:#fff;
    border:1px solid #fff;
    margin-inline:auto
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .contact__button a {
        width:145px;
        padding:10px
    }
}
@media(any-hover: hover) {
    .main-wrapper--ohtani .contact__button a {
        transition:background-color var(--short-transition-time) var(--default-ease) 0s,color var(--short-transition-time) var(--default-ease) 0s,border-color var(--short-transition-time) var(--default-ease) 0s
    }
    .main-wrapper--ohtani .contact__button a:hover {
        background:rgba(0,0,0,0);
        color:#fff;
        border:1px solid #fff
    }
}
.main-wrapper--ohtani .contact__copy {
    margin-top:50px
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .contact__copy {
        margin-top:60px
    }
}
.main-wrapper--ohtani .contact__copy-image {
    width:46px;
    margin-inline:auto
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .contact__copy-image {
        width:46px
    }
}
.main-wrapper--ohtani .contact__copy-image img {
    width:100%;
    display:block
}
.main-wrapper--ohtani .contact__copy-text {
    font-family:var(--font-en);
    font-size:8px;
    font-weight:400;
    line-height:140%;
    margin-top:8px;
    text-align:center
}
.main-wrapper--ohtani .shop {
    background-color:#001b2e;
    color:#fff
}
.main-wrapper--ohtani .shop__inner {
    padding:60px 20px
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .shop__inner {
        padding-left:90px;
        padding-right:90px;
        padding-bottom:80px;
        padding-top:40px
    }
}
.main-wrapper--ohtani .shop__title {
    font-family:var(--font-roboto-condensed);
    font-size:28px;
    font-weight:700;
    line-height:135%;
    letter-spacing:1.12px;
    text-transform:uppercase;
    color: #fff;
}
.main-wrapper--ohtani .shop__items {
    font-family:var(--font-ja);
    margin-top:32px
}
.main-wrapper--ohtani .shop__item {
    background:#00243e
}
.main-wrapper--ohtani .shop__item-title {
    padding:18px 20px 18px;
    font-size:16px;
    font-weight:500;
    line-height:150%;
    letter-spacing:.64px;
    cursor:pointer;
    display:block;
    position:relative
}
.main-wrapper--ohtani .shop__item-title.is_open::after {
    transform:translateY(-50%) rotate(180deg)
}
.main-wrapper--ohtani .shop__item-title::before {
    width:15px;
    height:1px;
    background-color:#fff;
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%);
    content:"";
    display:block
}
.main-wrapper--ohtani .shop__item-title::after {
    width:15px;
    height:1px;
    background-color:#fff;
    position:absolute;
    right:20px;
    top:50%;
    transform:translateY(-50%) rotate(90deg);
    content:"";
    display:block;
    transition:transform var(--short-transition-time) var(--default-ease)
}
.main-wrapper--ohtani .shop__item+* {
    margin-top:10px
}
.main-wrapper--ohtani .shop__list {
    max-height:var(--shop-list-height, 0);
    overflow:hidden;
    transition:max-height var(--short-transition-time) var(--default-ease)
}
.main-wrapper--ohtani .shop__list-inner {
    padding-top:12px;
    padding-bottom:46px;
    padding-left:20px;
    padding-right:20px
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .shop__list-inner {
        padding-right:50px;
        padding-left:253px;
        padding-bottom:60px
    }
}
.main-wrapper--ohtani .shop__list-prefecture {
    font-size:13px;
    font-weight:400;
    line-height:150%;
    letter-spacing:.52px;
    padding-bottom:10px;
    border-bottom:1px solid rgba(255,255,255,.2);
    margin-bottom:24px
}
.main-wrapper--ohtani .shop__list-name {
    font-size:16px;
    font-weight:400;
    line-height:150%;
    letter-spacing:.64px
}
.main-wrapper--ohtani .shop__list-address {
    font-size:13px;
    font-weight:400;
    line-height:150%;
    letter-spacing:.52px;
    text-decoration-line:underline;
    margin-top:15px;
    display:block
}
.main-wrapper--ohtani .shop__list-tel {
    display:inline-flex;
    align-items:center;
    justify-content:flex-start;
    font-size:13px;
    font-weight:400;
    line-height:150%;
    letter-spacing:.52px;
    gap:6px;
    margin-top:15px
}
.main-wrapper--ohtani .shop__list-tel svg {
    display:block
}
.main-wrapper--ohtani .shop__list-items+* {
    margin-top:40px
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .shop__list-items+* {
        margin-top:50px
    }
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .shop__list-items {
        display:flex;
        gap:40px;
        justify-content:flex-start;
        align-items:flex-start;
        flex-wrap:wrap
    }
    .main-wrapper--ohtani .shop__list-items>* {
        width:calc((100% - 40px)/2)
    }
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .shop__list-items {
        display:flex;
        flex-direction:column;
        gap:40px;
        align-items:flex-start;
        justify-content:flex-start
    }
}
.main-wrapper--ohtani .archive {
    background-color:#001b2e;
    color:#fff !important
}
.main-wrapper--ohtani .archive__inner {
    padding:0 0 0;
    position:relative
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .archive__inner {
        padding:40px 90px 80px
    }
}
.main-wrapper--ohtani .archive__title {
    font-family:var(--font-roboto-condensed);
    font-size:28px;
    font-weight:700;
    line-height:135%;
    letter-spacing:1.12px;
    text-transform:uppercase;
    position:absolute;
    left:20px;
    top:35px;
    z-index:2;
    color: #fff;
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .archive__title {
        position:relative;
        top:0;
        left:0;
        z-index:0;
        font-size:28px
    }
}
.main-wrapper--ohtani .archive__items {
    margin-top:0px
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .archive__items {
        margin-top:40px
    }
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .archive__item {
        border-radius:10px;
        overflow:hidden
    }
}
.main-wrapper--ohtani .archive__item-image {
    padding:90px 20px 60px;
    background:linear-gradient(180deg, #00243E 0%, #001A2C 83.87%);
    position:relative
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .archive__item-image {
        padding:23px 20px 48px
    }
}
.main-wrapper--ohtani .archive__item-image img {
    width:100%
}
.main-wrapper--ohtani .archive__item-tag {
    position:absolute;
    bottom:20px;
    right:20px;
    display:inline-flex;
    padding:5px 16px;
    justify-content:center;
    align-items:center;
    border-radius:20px;
    font-family:var(--font-roboto-condensed);
    font-size:12px;
    font-weight:700;
    line-height:135%;
    letter-spacing:.96px
}
.main-wrapper--ohtani .archive__item-tag--sale {
    border:1px solid #fff;
    background:rgba(0,0,0,0);
    color:#fff
}
.main-wrapper--ohtani .archive__item-tag--sold {
    background:#01375e;
    color:#fff;
    border:1px solid #01375e
}
.main-wrapper--ohtani .archive__item-detail {
    background:#00243e;
    color:#fff !important;
    padding:34px 20px 74px;
    text-align:center;
    height:100%;
    font-family: var(--font-en);
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .archive__item-detail {
        padding:34px 20px 40px
    }
}
.main-wrapper--ohtani .archive__item-model {
    font-family:var(--font-en);
    font-size:14px;
    font-weight:500;
    line-height:135%;
    letter-spacing:1.12px;
    text-transform:uppercase
}
.main-wrapper--ohtani .archive__item-name {
    font-family:var(--font-en);
    font-size:16px;
    font-weight:500;
    line-height:150%;
    letter-spacing:.64px;
    margin-top:12px;
    color: #fff;
}
.main-wrapper--ohtani .archive__item-button {
    color: #fff;
    filter: drop-shadow(4px 4px 8px rgba(0, 0, 0, 0.25));
    font-family: var(--font-roboto-condensed);
    font-size: 15px;
    font-weight: 700;
    line-height: 120%;
    letter-spacing: .75px;
    text-transform: uppercase;
    padding-bottom: 4px;
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin-top:25px
}
.main-wrapper--ohtani .archive__item-button::after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: -1px;
    left: 0;
    transform-origin: left;
}
@media(any-hover: hover) {
    .main-wrapper--ohtani .archive__item-button:hover::after {
        animation: Underline .5s forwards;
    }
}
.main-wrapper--ohtani .archive .splide__pagination {
    gap:6px;
    bottom:30px
}
.main-wrapper--ohtani .archive .splide__pagination li {
    display:block;
    line-height:initial
}
.main-wrapper--ohtani .archive .splide__pagination__page {
    display:block;
    margin:0;
    opacity:1;
    width:6px;
    height:6px;
    background:rgba(0,0,0,0);
    border:1px solid #fff
}
.main-wrapper--ohtani .archive .splide__pagination__page.is-active {
    background:#fff;
    transform:scale(1)
}
.main-wrapper--ohtani .archive .splide__arrow {
    width:40px;
    height:40px;
    background:none;
    opacity:1
}
.main-wrapper--ohtani .archive .splide__arrow svg {
    width:40px;
    height:40px
}
.main-wrapper--ohtani .archive .splide__arrow:hover:not(:disabled) {
    opacity:.5;
    transition:opacity var(--short-transition-time) var(--default-ease)
}
.main-wrapper--ohtani .archive .splide__arrow--prev {
    left:-60px
}
.main-wrapper--ohtani .archive .splide__arrow--next {
    right:-60px
}
.main-wrapper--ohtani .banner {
    background-color:#001b2e;
    color:#fff
}
.main-wrapper--ohtani .banner__inner {
    padding:60px 20px
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .banner__inner {
        padding:60px 242px
    }
}
.main-wrapper--ohtani .banner__item {
    width:100%;
    cursor:pointer
}
.main-wrapper--ohtani .banner__item img {
    width:100%
}
@media(any-hover: hover) {
    .main-wrapper--ohtani .banner__item {
        transition:opacity var(--short-transition-time) var(--default-ease) 0s
    }
    .main-wrapper--ohtani .banner__item:hover {
        opacity:.5
    }
}
.main-wrapper--ohtani .coming {
    background-color:#001b2e;
    color:#fff;
    border-top:1px solid rgba(255,255,255,.3);
    border-bottom:1px solid rgba(255,255,255,.3)
}
.main-wrapper--ohtani .coming__inner {
    padding:40px 20px
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .coming__inner {
        padding:60px 140px
    }
}
.main-wrapper--ohtani .coming__item {
    width:100%;
    border-radius:10px;
    overflow:hidden
}
.main-wrapper--ohtani .coming__item img {
    width:100%
}
.main-wrapper--ohtani .present {
    padding: 60px 0 0;
}
.main-wrapper--ohtani .present__inner {
    width: 100%;
    padding: 0 20px;
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .present {
        padding: 60px 0 0;
    }
    .main-wrapper--ohtani .present__inner {
        display: flex;
        justify-content: center;
        width: 1000px;
        margin-left: auto;
        margin-right: auto;
        padding: 0;
    }
}
.main-wrapper--ohtani .present__image {
    width: 100%;
    margin-top: 15px;
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .present__image {
        width: 500px;
        margin: 0;
        padding: 0;
    }
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .present__content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 500px;
        background-color: #fff;
        padding: 10px 40px;
    }
}
.main-wrapper--ohtani .present__title {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    font-family: var(--font-ja);
}
@media screen and (max-width: 767px) {
    .main-wrapper--ohtani .present__title.sp {display: block;}
    .main-wrapper--ohtani .present__title.pc {display: none;}
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .present__title.sp {display: none;}
    .main-wrapper--ohtani .present__title.pc {
        display: block;
        font-size: 26px;
        color: inherit;
    }
}
.main-wrapper--ohtani .present__text {
    font-size: 13px;
    color: #fff;
    font-family: var(--font-ja);
    font-weight: 500;
    margin-top: 20px;
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .present__text {
        font-size: 16px;
        color: inherit;
        margin-top: 30px;
    }
}



.main-wrapper--ohtani .mv__inner {
    position:relative
}
.main-wrapper--ohtani .mv__image {
    position:relative;
    width:100%;
    z-index:1;
    opacity:0;
    transform:translateY(20px);
    transition:opacity var(--medium-transition-time) var(--default-ease, ease),transform var(--medium-transition-time) var(--default-ease, ease);
    transition-delay:.3s
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .mv__image {
        height:calc(90vh - 80px)
    }
}
.main-wrapper--ohtani .mv__image img {
    width:100%;
    height:auto;
    display:block
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .mv__image img {
        height:100%;
        -o-object-fit:cover;
        object-fit:cover
    }
}
.main-wrapper--ohtani .mv__texts {
    width:100%;
    height:100%;
    position:absolute;
    right:0;
    top:0;
    color:#fff;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:space-between;
    padding-top:40px;
    padding-bottom:50px;
    z-index:4;
    opacity:0;
    transform:translateY(20px);
    transition:opacity var(--medium-transition-time) var(--default-ease, ease),transform var(--medium-transition-time) var(--default-ease, ease);
    transition-delay:1.4s
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .mv__texts {
        padding-top:100px;
        padding-bottom:50px;
    }
}
.main-wrapper--ohtani .mv__title {
    width: 90%;
    border-bottom: none;
    color: #fff;
    font-size: 6.5vw;
    text-align: center;
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .mv__title {
        width:90%;
        font-size: 11.5vw;
    }
}
.main-wrapper--ohtani .mv__title svg {
    width:100%
}
.main-wrapper--ohtani .mv__title img {
    width:22%;
    height:auto;
    display:block;
    margin:20px auto;
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .mv__title img {
            width:40%;
            margin: 15px auto;
    }
}
.main-wrapper--ohtani .mv__text {
    color:#fff;
    text-align:center;
    text-shadow:0px 4px 8px rgba(0,0,0,.25);
    /*font-family:var(--font-ja);*/
    font-size:2vw;
    font-style:normal;
    font-weight:700;
    line-height:120%;
    letter-spacing:1.2px;
    text-transform:uppercase
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .mv__text {
        font-size:27px;
        font-style:normal;
        font-weight:700;
        line-height:120%;
        letter-spacing:.9px;
        text-transform:uppercase
    }
}
.main-wrapper--ohtani .mv__product {
    width:30%;
    right:60px;
    bottom:0;
    position:absolute;
    z-index:2;
    opacity:0;
    transform:translateY(20px);
    transition:opacity var(--medium-transition-time) var(--default-ease, ease),transform var(--medium-transition-time) var(--default-ease, ease);
    transition-delay:.8s
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .mv__product {
        width:57.33%;
        right: 0;
        bottom: 160px;
    }
}
.main-wrapper--ohtani .mv__product img {
    width:100%;
    height:auto
}
.main-wrapper--ohtani .mv__gradient {
    position:absolute;
    width:100%;
    height:234px;
    left:0;
    bottom:0;
    background:linear-gradient(180deg, rgba(0, 27, 46, 0) 0%, #001B2E 100%);
    z-index:3;
    opacity:0;
    transform:translateY(20px);
    transition:opacity var(--medium-transition-time) var(--default-ease, ease),transform var(--medium-transition-time) var(--default-ease, ease);
    transition-delay:.8s
}
@media screen and (max-width: 768px) {
    .main-wrapper--ohtani .mv__gradient {
        height:183px
    }
}
@media screen and (min-width: 768px) {
    .main-wrapper--ohtani .mv__gradient {
        display:none
    }
}
.main-wrapper--ohtani .mv__scroll {
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    bottom:0;
    width:1px;
    height:40px;
    background-color:#808f99
}
.main-wrapper--ohtani .mv__scroll-line {
    content:"";
    display:inline-block;
    position:absolute;
    background-color:#fff;
    right:0;
    bottom:0;
    width:1px;
    height:100%;
    animation:scroll 2s infinite ease-in-out
}
@keyframes scroll {
    0% {
        transform:scale(1, 0);
        transform-origin:0 0
    }
    50% {
        transform:scale(1, 1);
        transform-origin:0 0
    }
    50.1% {
        transform:scale(1, 1);
        transform-origin:0 100%
    }
    100% {
        transform:scale(1, 0);
        transform-origin:0 100%
    }
}
.main-wrapper--ohtani .mv.is_anime .mv__image,.main-wrapper--ohtani .mv.is_anime .mv__product,.main-wrapper--ohtani .mv.is_anime .mv__gradient,.main-wrapper--ohtani .mv.is_anime .mv__texts {
    opacity:1;
    transform:translateY(0px)
}
.footerMagazine {
    background:#e2e2e2;
    border-bottom:1px solid #f2f2f2
}

.block-page-snsarea {
    display: none;
}

body.page-page .pane-contents {
    letter-spacing: normal;
}

.product__modal-text .font__bold {
    font-family: var(--font-ja);
    font-weight: 600;
    line-height: 150%;
    letter-spacing: .8px;
    display: inline !important;
}