/*=========== FOR CORE3 ===========*/
@font-face {
  font-family: "Reckless";
  src: url("https://media-ojp.onitsukatiger.com/media/lp/2023/230428_otiger/fonts/eot/Reckless-Regular.eot");
  src: url("https://media-ojp.onitsukatiger.com/media/lp/2023/230428_otiger/fonts/eot/Reckless-Regular.eot?#iefix") format("embedded-opentype"), url("https://media-ojp.onitsukatiger.com/media/lp/2023/230428_otiger/fonts/woff2/Reckless-Regular.woff2") format("woff2"), url("https://media-ojp.onitsukatiger.com/media/lp/2023/230428_otiger/fonts/woff/Reckless-Regular.woff") format("woff"), url("https://media-ojp.onitsukatiger.com/media/lp/2023/230428_otiger/fonts/ttf/Reckless-Regular.ttf") format("truetype"), url("https://media-ojp.onitsukatiger.com/media/lp/2023/230428_otiger/fonts/svg/Reckless-Regular.svg#Reckless-Regular") format("svg");
}
@font-face {
  font-family: "matter";
  src: url("https://stg.static-ojp.onitsukatiger.com/static/version1702553733/frontend/Otjp/onitsukatiger/default/fonts/matter/light/Matter-Light.woff2") format("woff2"), url("https://stg.static-ojp.onitsukatiger.com/static/version1702553733/frontend/Otjp/onitsukatiger/default/fonts/matter/light/Matter-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "matter";
  src: url("https://stg.static-ojp.onitsukatiger.com/static/version1702553733/frontend/Otjp/onitsukatiger/default/fonts/matter/regular/Matter-Regular.woff2") format("woff2"), url("https://stg.static-ojp.onitsukatiger.com/static/version1702553733/frontend/Otjp/onitsukatiger/default/fonts/matter/regular/Matter-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "matter";
  src: url("https://stg.static-ojp.onitsukatiger.com/static/version1702553733/frontend/Otjp/onitsukatiger/default/fonts/matter/medium/Matter-Medium.woff2") format("woff2"), url("https://stg.static-ojp.onitsukatiger.com/static/version1702553733/frontend/Otjp/onitsukatiger/default/fonts/matter/medium/Matter-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "matter";
  src: url("https://stg.static-ojp.onitsukatiger.com/static/version1702553733/frontend/Otjp/onitsukatiger/default/fonts/matter/semibold/Matter-SemiBold.woff2") format("woff2"), url("https://stg.static-ojp.onitsukatiger.com/static/version1702553733/frontend/Otjp/onitsukatiger/default/fonts/matter/semibold/Matter-SemiBold.woff") format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "matter";
  src: url("https://stg.static-ojp.onitsukatiger.com/static/version1702553733/frontend/Otjp/onitsukatiger/default/fonts/matter/bold/Matter-Bold.woff2") format("woff2"), url("https://stg.static-ojp.onitsukatiger.com/static/version1702553733/frontend/Otjp/onitsukatiger/default/fonts/matter/bold/Matter-Bold.woff") format("woff");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
html.for_c3 body article#main br {
  display: inline;
}
html.for_c3 footer.page-footer {
  margin-top: 0;
}
html.for_c3 .columns .column.main {
  padding-bottom: 0;
}
html.for_c3 body article#main ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
html.for_c3 body article#main li {
  margin: 0;
}
html.for_c3 body article#main a:hover {
  text-decoration: none;
}
html.for_c3 .qor-actionbar {
  position: relative;
  z-index: 1;
}
html.for_c3 .dylan-page {
  background: transparent;
}
html.for_c3 #footer {
  position: relative;
  z-index: 100;
}
html.for_c3 html.not_full_support body article#main .logo .base {
  display: none;
}
html.for_c3 html.not_full_support body article#main .logo .main {
  mix-blend-mode: normal;
}
html.for_c3 html.not_full_support body article#main section.share {
  background-attachment: inherit;
}
@media only screen and (min-width: 320px) and (max-width: 1024px) {
  html.for_c3 [sfcc] .dylan-page {
    background-color: transparent;
  }
  html.for_c3 [capillary] .dylan-page.transform,
  html.for_c3 [sfcc] .dylan-page.transform,
  html.for_c3 .dylan-page.transform {
    will-change: initial;
    -webkit-transform: initial;
    transform: initial;
  }
  html.for_c3 [capillary] .dylan-page.transform.dylan-slideout,
  html.for_c3 [sfcc] .dylan-page.transform.dylan-slideout,
  html.for_c3 .dylan-page.transform.dylan-slideout {
    will-change: transform;
    -webkit-transform: translate3d(84%, 0, 0);
    transform: translate3d(84%, 0, 0);
  }
  html.for_c3 [sfcc] .en-us .dylan-page.dylan-slideout {
    -webkit-transform: translate3d(calc(100% - 45px), 0, 0);
    transform: translate3d(calc(100% - 45px), 0, 0);
  }
  html.for_c3 #dylan-menu-0 {
    overflow: hidden;
  }
}
@media screen and (max-width: 768px) {
  html.for_c3 br.pc_none,
  html.for_c3 span.pc_none {
    display: inline;
  }
  html.for_c3 [capillary] .dylan-page.transform,
  html.for_c3 [sfcc] .dylan-page.transform,
  html.for_c3 .dylan-page.transform {
    will-change: initial;
    -webkit-transform: initial;
    transform: initial;
  }
  html.for_c3 [capillary] .dylan-page.transform.dylan-slideout,
  html.for_c3 [sfcc] .dylan-page.transform.dylan-slideout,
  html.for_c3 .dylan-page.transform.dylan-slideout {
    will-change: transform;
    -webkit-transform: translate3d(84%, 0, 0);
    transform: translate3d(84%, 0, 0);
  }
  html.for_c3 [sfcc] .header-mobile {
    position: relative;
  }
  html.for_c3 [sfcc] .en-us .dylan-page.dylan-slideout {
    -webkit-transform: translate3d(calc(100% - 45px), 0, 0);
    transform: translate3d(calc(100% - 45px), 0, 0);
  }
  html.for_c3 .search-tool.mobile {
    margin-top: -2px;
    background: #ffffff;
  }
  html.for_c3 #footer {
    margin-top: -1px;
  }
}

/*=========== FOR CORE3 ===========*/
/*=========== FOR MAGENTO ===========*/
body article#main ul {
  list-style: none;
}

html.for_mg ul, html.for_mg ol {
  margin: 0;
  padding: 0;
}
html.for_mg ul li, html.for_mg ol li {
  list-style: none;
}
html.for_mg a {
  text-decoration: none;
}
@media (min-width: 1024px), print {
  html.for_mg .page-header {
    background: #ffffff;
    position: relative;
  }
  html.for_mg .page-footer {
    position: relative;
    z-index: 10;
  }
}
html.for_mg .page-header {
  z-index: 11;
}
html.for_mg .breadcrumbs {
  position: relative;
  z-index: 10;
}
html.for_mg .breadcrumbs:before {
  content: "";
  width: 100vw;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: calc(50% - 50vw);
  z-index: 0;
  background: #ffffff;
}
html.for_mg .breadcrumbs ul.items {
  position: relative;
  z-index: 1;
}

/*=========== FOR MAGENTO ===========*/
.animate .fadein, .animate.fadein {
  opacity: 0;
  transform-style: preserve-3d;
  transition-property: all;
  transition-duration: 2000ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0ms;
  transition-property: opacity;
}
.animate.show .fadein, .animate.fadein.show {
  opacity: 1;
}
.animate .slidein_left, .animate.slidein_left {
  opacity: 0;
  transform: translateX(-50px);
  transform-style: preserve-3d;
  transition-property: all;
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0ms;
}
.animate .slidein_right, .animate.slidein_right {
  opacity: 0;
  transform: translateX(50px);
  transform-style: preserve-3d;
  transition-property: all;
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0ms;
}
.animate.show .slidein_left, .animate.show .slidein_right, .animate.show.slidein_left, .animate.show.slidein_right {
  opacity: 1;
  transform: translateX(0);
}
.animate .slidein_top, .animate.slidein_top {
  opacity: 0;
  transform: translateY(-50px);
  transform-style: preserve-3d;
  transition-property: all;
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0ms;
}
.animate .slidein_bottom, .animate.slidein_bottom {
  opacity: 0;
  transform: translateY(50px);
  transform-style: preserve-3d;
  transition-property: all;
  transition-duration: 1000ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0ms;
}
.animate.show .slidein_top, .animate.show .slidein_bottom, .animate.show.slidein_top, .animate.show.slidein_bottom {
  opacity: 1;
  transform: translateY(0);
}
.animate .zoomin {
  opacity: 0;
  transform: scale(1.5, 1.5);
  transform-style: preserve-3d;
  transition-property: all;
  transition-duration: 500ms;
  transition-delay: 0ms;
}
.animate .zoomout {
  opacity: 0;
  transform: scale(0.5, 0.5);
  transform-style: preserve-3d;
  transition-property: all;
  transition-duration: 500ms;
  transition-delay: 0ms;
}
.animate.show .zoomin, .animate.show .zoomout {
  opacity: 1;
  transform: scale(1, 1);
}
.animate .d1, .animate.d1 {
  transition-delay: 100ms;
}
.animate .d2, .animate.d2 {
  transition-delay: 200ms;
}
.animate .d3, .animate.d3 {
  transition-delay: 800ms;
}
.animate .d4, .animate.d4 {
  transition-delay: 1000ms;
}
.animate .d5, .animate.d5 {
  transition-delay: 1200ms;
}
.animate .d6, .animate.d6 {
  transition-delay: 1400ms;
}
.animate .d7, .animate.d7 {
  transition-delay: 1600ms;
}
.animate .d8, .animate.d8 {
  transition-delay: 1800ms;
}
.animate .d9, .animate.d9 {
  transition-delay: 2000ms;
}
.animate .d10, .animate.d10 {
  transition-delay: 2200ms;
}
.animate .d11, .animate.d11 {
  transition-delay: 2400ms;
}
.animate .d12, .animate.d12 {
  transition-delay: 2600ms;
}
.animate .d13, .animate.d13 {
  transition-delay: 2800ms;
}
.animate .d14, .animate.d14 {
  transition-delay: 3000ms;
}

@keyframes arrow_move {
  0% {
    transform: translate(0%, 0%);
  }
  30% {
    transform: translate(90%, -90%);
    opacity: 1;
  }
  30.1% {
    transform: translate(90%, -90%);
    opacity: 0;
  }
  30.2% {
    transform: translate(-90%, 90%);
    opacity: 1;
  }
  60% {
    transform: translate(0%, 0%);
  }
  100% {
    transform: translate(0%, 0%);
  }
}
@media screen and (max-width: 1023px) {
  body article#main {
    background: #fff;
    padding: 0 0;
    width: 100%;
    box-sizing: border-box;
  }
  body article#main .slick-slider .slick-slide {
    margin: 0;
  }
  body article#main section {
    position: relative;
  }
  body article#main section.kv_section {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.38, 0.005, 0.29, 1.005) 0.5s;
  }
  body article#main section.kv_section .inner_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  body article#main section.kv_section .kv_slide_wrap {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
  }
  body article#main section.kv_section .kv_slide {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    aspect-ratio: 1;
    transform: translate(-50%, -50%);
  }
  body article#main section.kv_section .kv_slide .slide,
  body article#main section.kv_section .kv_slide .slide .after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
  }
  body article#main section.kv_section .kv_slide .slide {
    opacity: 0;
    transition: opacity 2s cubic-bezier(0.38, 0.005, 0.29, 1.005);
  }
  body article#main section.kv_section .kv_slide .slide .after {
    transform: scale(0.7);
  }
  body article#main section.kv_section .kv_slide .slide.slide_w {
    background-image: url(../img/kv_sp_blur_b.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_w .after {
    background-image: url(../img/kv_sp_w_0319.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_r {
    background-image: url(../img/kv_sp_blur_w.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_r .after {
    background-image: url(../img/kv_sp_r_0319.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_g {
    background-image: url(../img/kv_sp_blur_r.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_g .after {
    background-image: url(../img/kv_sp_g_0319.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_b {
    background-image: url(../img/kv_sp_blur_g.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_b .after {
    background-image: url(../img/kv_sp_b_0319.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.bg {
    z-index: 1;
    opacity: 1;
  }
  body article#main section.kv_section .kv_slide .slide.bg2 {
    z-index: 2;
    opacity: 1;
  }
  body article#main section.kv_section .kv_slide .slide.start {
    z-index: 3;
    opacity: 1;
  }
  body article#main section.kv_section .kv_slide .slide.front {
    z-index: 3;
    opacity: 1;
  }
  body article#main section.kv_section .ttl_rs {
    position: absolute;
    width: 95.7333333333%;
    left: 50%;
    top: 0;
    margin-top: 10.9333333333%;
    transform: translateX(-51%);
    opacity: 0;
    transition: opacity 2s cubic-bezier(0.38, 0.005, 0.29, 1.005);
  }
  body article#main section.kv_section .logo_rs {
    position: absolute;
    width: 53.3333333333%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 3s cubic-bezier(0.38, 0.005, 0.29, 1.005) 1s;
    display: block;
  }
  body article#main section.kv_section .logo_tig {
    position: absolute;
    width: 30.5333333333%;
    left: 50%;
    bottom: 0;
    margin-bottom: 15.0666666667%;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 2s cubic-bezier(0.38, 0.005, 0.29, 1.005);
  }
  body article#main section.kv_section.show {
    opacity: 1;
  }
  body article#main section.kv_section.show .ttl_rs,
  body article#main section.kv_section.show .logo_tig {
    opacity: 1;
  }
  body article#main section.kv_section.show .logo_rs {
    opacity: 1;
  }
  body article#main section.kv_section.show .logo_rs.hid {
    transition: opacity 2s cubic-bezier(0.38, 0.005, 0.29, 1.005) 0s;
    opacity: 0;
  }
  body article#main section.tag_area {
    position: fixed;
    width: 100%;
    z-index: 3;
    padding: 75px 0;
    pointer-events: none;
    box-sizing: border-box;
    top: 100vh;
    transition: opacity 0.5s cubic-bezier(0.38, 0.005, 0.29, 1.005);
  }
  body article#main section.tag_area .img {
    display: block;
    width: auto;
    height: 610px;
    aspect-ratio: 171/3000;
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.38, 0.005, 0.29, 1.005);
  }
  body article#main section.tag_area .img:after {
    content: "";
    display: block;
    position: absolute;
    width: 610px;
    aspect-ratio: 3000/171;
    height: auto;
    left: 0;
    top: 0;
    background: url(../img/tag_line_yoko.png) center/contain no-repeat;
    transform-origin: left bottom;
    transform: translate(0, -100%) rotate(90deg);
  }
  body article#main section.tag_area .img.show {
    opacity: 1;
  }
  body article#main section.tag_area.hid {
    opacity: 0;
  }
}
@media screen and (max-width: 1023px) and (min-height: 761px) {
  body article#main section.tag_area {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
}
@media screen and (max-width: 1023px) {
  body article#main section .release {
    font-family: "Reckless";
    font-weight: normal;
    font-size: 11px;
    letter-spacing: 0.1em;
    line-height: 1;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  body article#main section .release.show {
    opacity: 1;
  }
  body article#main section .release.jp {
    font-size: 11px;
    letter-spacing: 0.05em;
  }
  body article#main section .shop_btn {
    display: flex;
    width: 200px;
    height: 35px;
    border-radius: 18px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: #000 1px solid;
    color: #000;
    font-family: "Reckless";
    font-weight: normal;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
    background-color: #fff;
    position: relative;
    overflow: hidden;
  }
  body article#main section .shop_btn:before, body article#main section .shop_btn:after {
    content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #000;
    right: 9px;
  }
  body article#main section .shop_btn:after {
    background: url(../img/arrow.png) center/10px auto no-repeat;
  }
  body article#main section .shop_btn:hover {
    text-decoration: none;
  }
  body article#main section.model .pic_set_wrap {
    position: relative;
  }
  body article#main section.model .pic_set {
    position: relative;
  }
  body article#main section.model .pic {
    width: 100%;
    height: 100vh;
    z-index: 1;
    position: relative;
  }
  body article#main section.model .pic .pic_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
  }
  body article#main section.model .pic:not(:last-child).fixed .pic_img {
    position: fixed;
    top: 0;
  }
  body article#main section.model .pic:nth-child(1) .pic_img {
    background-image: url(../img/model_sp_w_0319.jpg);
  }
  body article#main section.model .pic:nth-child(2) .pic_img {
    background-image: url(../img/model_sp_g_0319.jpg);
  }
  body article#main section.model .text {
    font-size: 11px;
    letter-spacing: 0.05em;
    line-height: 2.1111111111;
    text-align: center;
    padding: 122px 0;
    transition: opacity 0.8s cubic-bezier(0.38, 0.005, 0.29, 1.005);
    opacity: 0;
  }
  body article#main section.model .text.show {
    opacity: 1;
  }
  body article#main section.model .text.text1 {
    padding: 140px 0 0;
  }
  body article#main section.model .text.text2 {
    padding: 24px 0 100px;
  }
  body article#main section.model .tig_title {
    font-family: "Reckless";
    font-weight: bold;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05em;
    padding: 100px 0 0;
    text-align: center;
  }
  body article#main section.model .release {
    padding: 130px 0 130px;
  }
  body article#main section.model .shop_btn {
    margin: 100px auto 100px;
  }
  body article#main section.movie_section {
    margin: 0;
    padding: 0 0 163px;
  }
  body article#main section.movie_section .text1 {
    font-size: 11px;
    letter-spacing: 0.05em;
    line-height: 2.1111111111;
    text-align: center;
    margin-bottom: 135px;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  body article#main section.movie_section .text1.show {
    opacity: 1;
  }
  body article#main section.movie_section .video_wrap {
    position: relative;
    overflow: hidden;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100vh;
    transition: opacity 0.5s ease;
    pointer-events: none;
  }
  body article#main section.movie_section .video_wrap iframe {
    display: block;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100vh;
    aspect-ratio: 9/16;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  body article#main section.movie_section .video_wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    transition: opacity 0.8s ease;
  }
  body article#main section.movie_section .video_wrap.fixed iframe {
    position: fixed;
  }
  body article#main section.movie_section .video_wrap.blur:after {
    opacity: 1;
  }
  body article#main section.movie_section .video_wrap.op0 {
    opacity: 0;
  }
  body article#main section.movie_section .sound_btn {
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 40px;
    aspect-ratio: 1;
    background: url(../img/sound_off.png) center/contain no-repeat;
  }
  body article#main section.movie_section .sound_btn.on {
    background-image: url(../img/sound_on.png);
  }
  body article#main section.movie_section .release {
    margin: 163px auto 0;
  }
  body article#main section.detail .details {
    padding: 3.3333333333% 2.6666666667% 0;
    margin: 0 auto;
    position: relative;
  }
  body article#main section.detail .details .row {
    width: 100%;
    position: relative;
  }
  body article#main section.detail .details .row .pic {
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.38, 0.005, 0.29, 1.005);
  }
  body article#main section.detail .details .row .text {
    white-space: nowrap;
    font-size: 11px;
    line-height: 2.1111111111;
    letter-spacing: 0.05em;
    margin-top: 3.661971831%;
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.38, 0.005, 0.29, 1.005) 0.4s;
  }
  body article#main section.detail .details .row .text .detail_title {
    display: block;
    font-family: "Reckless";
    font-weight: normal;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05em;
    margin-bottom: 11px;
  }
  body article#main section.detail .details .row.show .pic,
  body article#main section.detail .details .row.show .text {
    opacity: 1;
  }
  body article#main section.detail .details .row:nth-child(n+2) {
    margin-top: 19.7183098592%;
  }
  body article#main section.detail .details .row:nth-child(even) .text {
    text-align: right;
  }
  body article#main section.colors {
    margin-top: 60px;
    padding-top: 140px;
    padding-bottom: 100px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 12%, #fff 100%);
  }
  body article#main section.colors .color {
    width: 53.3333333333%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  body article#main section.colors .color + .color {
    margin-top: 27.8666666667%;
  }
  body article#main section.colors .color .color_name {
    font-family: "Reckless";
    font-weight: normal;
    text-align: center;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-top: 13px;
  }
  body article#main section.colors .shop_btn {
    margin: 20px auto 0;
    width: 160px;
    height: 25px;
    border-radius: 13px;
  }
  body article#main section.colors .shop_btn:before, body article#main section.colors .shop_btn:after {
    right: 2px;
  }
  body article#main section.colors .release {
    margin: 100px auto 0;
  }
  body article#main section .pic_wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
    position: relative;
    background-position: center;
    background-size: 100% auto;
    background-image: url(../img/color_set_sp_0319.jpg);
    margin: 100px auto 0;
  }
  body article#main .fixed_btn {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 4;
    transition: opacity 0.2s ease;
  }
  body article#main .fixed_btn.fixed a {
    position: fixed;
    top: 10px;
    right: 10px;
  }
  body article#main .fixed_btn.fixed a:hover {
    text-decoration: none;
  }
  body article#main .fixed_btn a {
    font-family: "Reckless";
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    border: 1px solid #000;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
  }
  .pc_only {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  #footer {
    z-index: 5;
  }
  .page-footer {
    margin-top: 0;
    z-index: 5;
    position: relative;
  }
  body article#main {
    background: #fff;
    padding: 0 0;
  }
  body article#main .slick-slider .slick-slide {
    margin: 0;
  }
  body article#main section {
    position: relative;
  }
  body article#main section.kv_section {
    opacity: 0;
    transition: opacity 1s cubic-bezier(0.38, 0.005, 0.29, 1.005) 0.5s;
  }
  body article#main section.kv_section .inner_wrap {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  }
  body article#main section.kv_section .kv_slide_wrap {
    position: relative;
    height: 100vh;
    width: 100%;
    overflow: hidden;
  }
  body article#main section.kv_section .kv_slide {
    position: absolute;
    left: 50%;
    top: 50%;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    aspect-ratio: 992/600;
    transform: translate(-50%, -50%);
  }
  body article#main section.kv_section .kv_slide .slide,
  body article#main section.kv_section .kv_slide .slide .after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
  }
  body article#main section.kv_section .kv_slide .slide {
    opacity: 0;
    transition: opacity 2s cubic-bezier(0.38, 0.005, 0.29, 1.005);
  }
  body article#main section.kv_section .kv_slide .slide .after {
    transform: scale(0.7);
  }
  body article#main section.kv_section .kv_slide .slide.slide_w {
    background-image: url(../img/kv_blur_b.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_w .after {
    background-image: url(../img/kv_front_w_0319.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_r {
    background-image: url(../img/kv_blur_w.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_r .after {
    background-image: url(../img/kv_front_r_0319.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_g {
    background-image: url(../img/kv_blur_r.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_g .after {
    background-image: url(../img/kv_front_g_0319.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_b {
    background-image: url(../img/kv_blur_g.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.slide_b .after {
    background-image: url(../img/kv_front_b_0319.jpg);
  }
  body article#main section.kv_section .kv_slide .slide.bg {
    z-index: 1;
    opacity: 1;
  }
  body article#main section.kv_section .kv_slide .slide.bg2 {
    z-index: 2;
    opacity: 1;
  }
  body article#main section.kv_section .kv_slide .slide.start {
    z-index: 3;
    opacity: 1;
  }
  body article#main section.kv_section .kv_slide .slide.front {
    z-index: 3;
    opacity: 1;
  }
  body article#main section.kv_section .ttl_rs {
    position: absolute;
    width: 79.6875%;
    max-width: 1020px;
    left: 50%;
    top: 43px;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 2s cubic-bezier(0.38, 0.005, 0.29, 1.005);
  }
  body article#main section.kv_section .logo_rs {
    position: absolute;
    width: 400px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 3s cubic-bezier(0.38, 0.005, 0.29, 1.005) 1s;
    display: block;
  }
  body article#main section.kv_section .logo_tig {
    position: absolute;
    width: 375px;
    left: 50%;
    bottom: 72px;
    transform: translateX(-50%);
    opacity: 0;
    transition: opacity 2s cubic-bezier(0.38, 0.005, 0.29, 1.005);
  }
  body article#main section.kv_section.show {
    opacity: 1;
  }
  body article#main section.kv_section.show .ttl_rs,
  body article#main section.kv_section.show .logo_tig {
    opacity: 1;
  }
  body article#main section.kv_section.show .logo_rs {
    opacity: 1;
  }
  body article#main section.kv_section.show .logo_rs.hid {
    transition: opacity 2s cubic-bezier(0.38, 0.005, 0.29, 1.005) 0s;
    opacity: 0;
  }
  body article#main section.tag_area {
    position: fixed;
    width: 100%;
    z-index: 3;
    padding: 75px 0;
    pointer-events: none;
    box-sizing: border-box;
    top: 100vh;
  }
  body article#main section.tag_area .img {
    display: block;
    width: auto;
    height: 1500px;
    aspect-ratio: 171/3000;
    /*
    opacity: 0;
    transition: opacity 0.5s $ease1;
    &.show {
      opacity: 1;
    }
    */
    /*
    transition: opacity 0.5s $ease1;
    &.hid {
      opacity: 0;
    }
    */
  }
  body article#main section.tag_area .img:after {
    content: "";
    display: block;
    position: absolute;
    width: 1500px;
    aspect-ratio: 3000/171;
    height: auto;
    left: 0;
    top: 0;
    background: url(../img/tag_line_yoko.png) center/contain no-repeat;
    transform-origin: left bottom;
    transform: translate(0, -100%) rotate(90deg);
  }
  body article#main section .shop_btn {
    display: flex;
    width: 400px;
    height: 60px;
    border-radius: 30px;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    text-align: center;
    border: #000 1px solid;
    color: #000;
    font-family: "Reckless";
    font-weight: normal;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.1em;
    background-color: #fff;
    position: relative;
    overflow: hidden;
  }
  body article#main section .shop_btn:before, body article#main section .shop_btn:after {
    content: "";
    display: block;
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #000;
    right: 7px;
  }
  body article#main section .shop_btn:after {
    background: url(../img/arrow.png) center/16px auto no-repeat;
  }
  body article#main section .shop_btn:hover {
    text-decoration: none;
  }
  body article#main section .shop_btn:hover:after {
    animation: arrow_move 1.5s ease-in-out infinite;
  }
  body article#main section.model .pic_set_wrap {
    position: relative;
  }
  body article#main section.model .pic_set {
    position: relative;
  }
  body article#main section.model .pic {
    width: 100%;
    height: 100vh;
    z-index: 1;
    position: relative;
  }
  body article#main section.model .pic .pic_img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
  }
  body article#main section.model .pic:not(:last-child).fixed .pic_img {
    position: fixed;
    top: 0;
  }
  body article#main section.model .pic:nth-child(1) .pic_img {
    background-image: url(../img/model_w_0319.jpg);
  }
  body article#main section.model .pic:nth-child(2) .pic_img {
    background-image: url(../img/model_g_0319.jpg);
  }
  body article#main section.model .text {
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: center;
    padding: 150px 0 205px;
    transition: opacity 0.8s cubic-bezier(0.38, 0.005, 0.29, 1.005);
    opacity: 0;
  }
  body article#main section.model .text.show {
    opacity: 1;
  }
  body article#main section.model .text.text1 {
    padding: 200px 0 0px;
  }
  body article#main section.model .text.text2 {
    padding: 30px 0 192px;
  }
  body article#main section.model .tig_title {
    font-family: "Reckless";
    font-weight: bold;
    font-size: 22px;
    line-height: 1;
    letter-spacing: 0.05em;
    padding: 192px 0 0;
    text-align: center;
  }
  body article#main section.model .release {
    font-family: "Reckless";
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 30px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  body article#main section.model .release.show {
    opacity: 1;
  }
  body article#main section.model .release {
    padding: 150px 0 204px;
  }
  body article#main section.model .animate:has(.shop_btn) {
    transition: opacity 0.8s cubic-bezier(0.38, 0.005, 0.29, 1.005);
    opacity: 0;
  }
  body article#main section.model .animate:has(.shop_btn).show {
    opacity: 1;
  }
  body article#main section.model .shop_btn {
    margin: 122px auto 172px;
  }
  body article#main section.movie_section {
    padding: 0 0 0;
  }
  body article#main section.movie_section .text1 {
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 20px;
    text-align: center;
    margin-bottom: 270px;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  body article#main section.movie_section .text1.show {
    opacity: 1;
  }
  body article#main section.movie_section .video_wrap {
    position: relative;
    overflow: hidden;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100vh;
    transition: opacity 0.5s ease;
    pointer-events: none;
  }
  body article#main section.movie_section .video_wrap iframe {
    display: block;
    width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100vh;
    aspect-ratio: 16/9;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  body article#main section.movie_section .video_wrap:after {
    content: "";
    display: block;
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    background-color: rgba(255, 255, 255, 0.5);
    opacity: 0;
    transition: opacity 0.8s ease;
  }
  body article#main section.movie_section .video_wrap.fixed iframe {
    position: fixed;
  }
  body article#main section.movie_section .video_wrap.blur:after {
    opacity: 1;
  }
  body article#main section.movie_section .video_wrap.op0 {
    opacity: 0;
  }
  body article#main section.movie_section .sound_btn {
    cursor: pointer;
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 50px;
    aspect-ratio: 1;
    background: url(../img/sound_off.png) center/contain no-repeat;
  }
  body article#main section.movie_section .sound_btn.on {
    background-image: url(../img/sound_on.png);
  }
  body article#main section.movie_section .release {
    margin: 261px auto 0;
  }
  body article#main section.detail .details {
    padding: 140px 30px 0;
    margin: 0 auto;
    max-width: 1280px;
    position: relative;
  }
  body article#main section.detail .details .row {
    width: 100%;
    position: relative;
  }
  body article#main section.detail .details .row:after {
    content: "";
    display: block;
    position: relative;
    clear: both;
  }
  body article#main section.detail .details .row .pic {
    float: right;
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.38, 0.005, 0.29, 1.005);
  }
  body article#main section.detail .details .row .text {
    position: absolute;
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.05em;
    top: 0;
    opacity: 0;
    transition: opacity 0.8s cubic-bezier(0.38, 0.005, 0.29, 1.005) 0.4s;
  }
  body article#main section.detail .details .row .text .detail_title {
    display: block;
    font-family: "Reckless";
    font-weight: normal;
    font-size: 1.5714285714em;
    line-height: 1;
    letter-spacing: 0.05em;
    margin-bottom: 11px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1280px) {
  body article#main section.detail .details .row .text {
    font-size: 1.09375vw;
  }
}
@media screen and (min-width: 1024px) {
  body article#main section.detail .details .row.show .pic,
  body article#main section.detail .details .row.show .text {
    opacity: 1;
  }
  body article#main section.detail .details .row:nth-child(even) .pic {
    float: left;
  }
  body article#main section.detail .details .row:nth-child(1) .pic {
    width: 54.0983606557%;
  }
  body article#main section.detail .details .row:nth-child(1) .text {
    width: 45.4918032787%;
    left: 18.0327868852%;
    margin-top: 15.5737704918%;
  }
  body article#main section.detail .details .row:nth-child(2) {
    margin-top: 11.5573770492%;
  }
  body article#main section.detail .details .row:nth-child(2) .pic {
    width: 64.6721311475%;
  }
  body article#main section.detail .details .row:nth-child(2) .text {
    width: 45.0819672131%;
    right: 0;
    margin-top: 22.9508196721%;
    white-space: nowrap;
  }
  body article#main section.detail .details .row:nth-child(3) {
    margin-top: 16.2295081967%;
  }
  body article#main section.detail .details .row:nth-child(3) .pic {
    width: 54.0983606557%;
  }
  body article#main section.detail .details .row:nth-child(3) .text {
    width: 45.4918032787%;
    left: 18.0327868852%;
    margin-top: 35.2459016393%;
  }
  body article#main section.detail .details .row:nth-child(4) {
    margin-top: 20.4918032787%;
  }
  body article#main section.detail .details .row:nth-child(4) .pic {
    width: 50.5737704918%;
    margin-left: 10.6557377049%;
  }
  body article#main section.detail .details .row:nth-child(4) .text {
    width: 40.9836065574%;
    right: 0;
    margin-top: 36.8852459016%;
  }
  body article#main section.colors {
    margin-top: 50px;
    padding-top: 350px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgb(255, 255, 255) 6%, #fff 100%);
  }
  body article#main section.colors .color {
    width: 520px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
  }
  body article#main section.colors .color + .color {
    margin-top: 199px;
  }
  body article#main section.colors .color .color_name {
    font-family: "Reckless";
    font-weight: normal;
    text-align: center;
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.1em;
    margin-top: 25px;
    margin-bottom: 0;
  }
  body article#main section.colors .shop_btn {
    margin: 30px auto 0;
    width: 320px;
    height: 50px;
    border-radius: 25px;
  }
  body article#main section.colors .shop_btn:before, body article#main section.colors .shop_btn:after {
    right: 4px;
  }
  body article#main section.colors .release {
    font-family: "Reckless";
    font-weight: normal;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  body article#main section.colors .release.show {
    opacity: 1;
  }
  body article#main section.colors .release {
    margin: 0;
    padding: 200px 0;
  }
  body article#main section.colors .pic_wrap {
    width: 100%;
    height: auto;
    aspect-ratio: 1920/1200;
    position: relative;
    background-position: center;
    background-size: 100% auto;
    background-image: url(../img/color_set_0319.jpg);
    margin: 200px auto 0;
  }
  body article#main .fixed_btn {
    width: 60px;
    height: 60px;
    position: absolute;
    right: 50px;
    bottom: 50px;
    z-index: 4;
    transition: opacity 0.2s ease;
  }
  body article#main .fixed_btn.fixed a {
    position: fixed;
    top: 50px;
    right: 50px;
  }
  body article#main .fixed_btn.fixed a:hover {
    text-decoration: none;
  }
  body article#main .fixed_btn a {
    font-family: "Reckless";
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    right: 0;
    bottom: 0;
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    border: 1px solid #000;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    transition: color 0.2s ease, background-color 0.2s ease;
  }
  body article#main .fixed_btn a:hover {
    color: #fff;
    background-color: #000;
  }
  .sp_only {
    display: none !important;
  }
}