@charset "UTF-8";
@keyframes arrow { 0% { transform: translate(0, 0); opacity: 1; }
  50% { transform: translate(0, 7px); opacity: 0; }
  51% { transform: translate(0, -7px); opacity: 0; }
  100% { transform: translate(0, 0); opacity: 1; } }
@keyframes slide2 { 0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; } }
@keyframes slide3-2 { 0% { opacity: 0; }
  20% { opacity: 0; }
  33% { opacity: 1; }
  87% { opacity: 1; }
  88% { opacity: 0; }
  100% { opacity: 0; } }
@keyframes slide3-3 { 0% { opacity: 0; }
  53% { opacity: 0; }
  66% { opacity: 1; }
  88% { opacity: 1; }
  100% { opacity: 0; } }
img[src$=".svg"] { width: 100%; }

a { color: inherit; }

#contents.contents_inner { padding: 0; }

.clearfix::after { display: block; content: ""; clear: both; }

html, body, main, .l-wrapper { height: 100%; overflow: visible; }
main{height:unset;}

#hankyu-wrapper { color: #000; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "akzidenz-grotesk", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial, YuGothic, 游ゴシック, Meiryo, メイリオ, sans-serif; width: 100%; z-index: 1; line-height: 1; letter-spacing: 0; text-rendering: optimizeLegibility; -webkit-font-feature-settings: "palt"; font-feature-settings: "palt"; }
#hankyu-wrapper *::selection { background: #cdcdcd; }
#hankyu-wrapper *::-moz-selection { background: #cdcdcd; }
#hankyu-wrapper h1, #hankyu-wrapper h2, #hankyu-wrapper h3, #hankyu-wrapper h4, #hankyu-wrapper h5, #hankyu-wrapper p, #hankyu-wrapper ul, #hankyu-wrapper li { line-height: inherit; letter-spacing: inherit; margin: 0; }
#hankyu-wrapper img { width: 100%; }
#hankyu-wrapper .obj-fit { object-fit: cover; object-position: center; font-family: 'object-fit: cover; object-position: center;'; }
#hankyu-wrapper .smallsp { display: none; }
@media screen and (max-width: 374px) { #hankyu-wrapper .smallsp { display: block; } }
#hankyu-wrapper .largesp { display: block; }
@media screen and (max-width: 374px) { #hankyu-wrapper .largesp { display: none; } }
#hankyu-wrapper .button_soldout a { opacity: .4; pointer-events: none; font-size: 0; }
#hankyu-wrapper .button_soldout a::before { display: block; content: "SOLD OUT"; font-size: 14px; letter-spacing: .05em; }
#hankyu-wrapper .button_soldout a::after { display: none !important; }
#hankyu-wrapper #top .inner { position: relative; }
#hankyu-wrapper #top .inner .imagearea { position: relative; }
#hankyu-wrapper #top .inner .imagearea ul li:nth-child(2) { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; }
#hankyu-wrapper #top .inner .textarea { text-align: center; }
#hankyu-wrapper #top .inner .textarea .logoarea { position: absolute; top: 7.5%; left: 0; right: 0; color: #FFFFFF; }
#hankyu-wrapper #top .inner .textarea .logoarea > * { opacity: 0; }
#hankyu-wrapper #top .inner .textarea .logoarea h1 { width: 73.33vw; margin: 0 auto 3.47vw; }
#hankyu-wrapper #top .inner .textarea .logoarea h2 { font-size: 4.27vw; letter-spacing: .1em; margin: 0 0 5.33vw; }
#hankyu-wrapper #top .inner .textarea .logoarea .release { display: inline-block; padding: 0 0 3px; border-bottom: solid 1px #FFFFFF; font-size: 3.2vw; }
#hankyu-wrapper #top .inner .textarea .caption { position: absolute; bottom: 7.5%; left: 0; right: 0; font-size: 2.93vw; line-height: 1.45; opacity: 0; }
#hankyu-wrapper #top .inner .textarea .caption a { text-decoration: underline; }
#hankyu-wrapper #top .inner .arrow { width: 8vw; position: absolute; bottom: 3%; left: 0; right: 0; margin: 0 auto; opacity: 0; }
#hankyu-wrapper #top .inner .arrow img { display: block; }
#hankyu-wrapper #top nav { padding: 30px 0; }
#hankyu-wrapper #top nav ul { display: flex; justify-content: center; }
#hankyu-wrapper #top nav ul li { font-size: 12px; letter-spacing: .05em; }
#hankyu-wrapper #top nav ul li::before { display: inline-block; content: "/"; margin: 0 .5em; }
#hankyu-wrapper #top nav ul li:first-child::before { display: none; }
#hankyu-wrapper #concept { padding: 30px 0 50px; }
#hankyu-wrapper #concept .inner { padding: 0 17px; }
#hankyu-wrapper #concept .inner h3 { font-size: 16px; letter-spacing: .15em; margin: 0 0 35px; opacity: 0; }
#hankyu-wrapper #concept .inner h3.is-show { opacity: 1; transition: opacity 2s ease 0s; }
#hankyu-wrapper #concept .inner .imagearea { margin: 0 25px 15px; opacity: 0; transform: translate(0, 20px); }
#hankyu-wrapper #concept .inner .imagearea.is-show { opacity: 1; transform: none; transition: all 2s ease 0s; }
#hankyu-wrapper #concept .inner .textarea > * { opacity: 0; }
#hankyu-wrapper #concept .inner .textarea .text { font-size: 13px; line-height: 1.69; }
#hankyu-wrapper #concept .inner .textarea .caption { font-size: 11px; line-height: 2; margin: 25px 0 0; }
#hankyu-wrapper #concept .inner .textarea .caption a { text-decoration: underline; }
#hankyu-wrapper #concept .inner .textarea.is-show > * { opacity: 1; transition: opacity 2s ease 0s; }
#hankyu-wrapper #concept .inner .textarea.is-show > *:nth-child(2) { transition-delay: 0.2s; }
#hankyu-wrapper #concept .inner .textarea.is-show > *:nth-child(3) { transition-delay: 0.4s; }
#hankyu-wrapper #concept .inner .textarea.is-show > *:nth-child(4) { transition-delay: 0.6s; }
#hankyu-wrapper #products .inner, #hankyu-wrapper #shopinfo .inner, #hankyu-wrapper #information .inner { padding: 0 17px; }
#hankyu-wrapper #products .inner h3, #hankyu-wrapper #shopinfo .inner h3, #hankyu-wrapper #information .inner h3 { line-height: 1.3em; color: #333333; font-size: 14px; letter-spacing: .1em; padding: 0 0 5px; border-bottom: solid 1px #595757; opacity: 0; }
#hankyu-wrapper #information .inner p { color: #333333; font-size: 14px; letter-spacing: .1em; opacity: 0; }
#hankyu-wrapper #products .inner h3.is-show, #hankyu-wrapper #shopinfo .inner h3.is-show, #hankyu-wrapper #information .inner h3.is-show, #hankyu-wrapper #information .inner p.is-show { opacity: 1; transition: opacity 2s ease 0s; }
#hankyu-wrapper #products { padding: 30px 0 50px; }
#hankyu-wrapper #products .inner .release { font-size: 11px; line-height: 2; margin: 10px 0 50px; opacity: 0; }
#hankyu-wrapper #products .inner .release a { text-decoration: underline; }
#hankyu-wrapper #products .inner .release.is-show { opacity: 1; transition: opacity 2s ease 0s; }
#hankyu-wrapper #products .inner .product-wrap .product { color: #333333; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .head { margin: 0 0 30px; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .head > * { opacity: 0; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .head .tag { width: 90px; padding: 6px 0 4px; display: flex; justify-content: center; align-items: center; background: #DD7251; color: #FFFFFF; font-size: 12px; letter-spacing: .05em; margin: 0 0 10px; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .head h4 { font-size: 16px; line-height: 1.25; margin: 0 0 7px; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .head .price { font-size: 13px; letter-spacing: .05em; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .head.is-show > * { opacity: 1; transition: opacity 2s ease 0s; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .head.is-show > *:nth-child(2) { transition-delay: 0.2s; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .head.is-show > *:nth-child(3) { transition-delay: 0.4s; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .head.is-show > *:nth-child(4) { transition-delay: 0.6s; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .head.is-show > *:nth-child(5) { transition-delay: 0.8s; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .imagearea { margin: 0 0 35px; opacity: 0; transform: translate(0, 20px); }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .imagearea.is-show { opacity: 1; transform: none; transition: all 2s ease 0s; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .textarea > * { opacity: 0; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .textarea .description { font-size: 13px; line-height: 1.54; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .textarea.is-show > * { opacity: 1; transition: opacity 2s ease 0s; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .textarea.is-show > *:nth-child(2) { transition-delay: 0.2s; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .textarea.is-show > *:nth-child(3) { transition-delay: 0.4s; }
#hankyu-wrapper #products .inner .product-wrap .product .product-inner .textarea.is-show > *:nth-child(4) { transition-delay: 0.6s; }
#hankyu-wrapper #products .inner .product-wrap .product + .product { margin: 75px 0 0; }
#hankyu-wrapper #shopinfo { padding: 30px 0 110px; }
#hankyu-wrapper #shopinfo .inner h3 { margin: 0 0 20px; }
#hankyu-wrapper #shopinfo .inner .textarea > * { opacity: 0; }
#hankyu-wrapper #shopinfo .inner .textarea .text { font-size: 14px; line-height: 1.57; }
#hankyu-wrapper #shopinfo .inner .textarea .text a { text-decoration: underline; }
#hankyu-wrapper #shopinfo .inner .textarea .text + .text { margin: 1.57em 0 0; }
#hankyu-wrapper #shopinfo .inner .textarea.is-show > * { opacity: 1; transition: opacity 2s ease 0s; }
#hankyu-wrapper #shopinfo .inner .textarea.is-show > *:nth-child(2) { transition-delay: 0.2s; }
#hankyu-wrapper #shopinfo .inner .textarea.is-show > *:nth-child(3) { transition-delay: 0.4s; }
#hankyu-wrapper #shopinfo .inner .textarea.is-show > *:nth-child(4) { transition-delay: 0.6s; }
#hankyu-wrapper #information { background: #edddd0; padding: 60px 0 105px; }
#hankyu-wrapper #information .inner h3 { margin: 0 0 15px; }
#hankyu-wrapper #information .inner p { margin-bottom: 40px; font-size: 14px;}
#hankyu-wrapper #information .inner .flex .imagearea { opacity: 0; transform: translate(0, 20px); margin: 0 0 20px; }
#hankyu-wrapper #information .inner .flex .imagearea.is-show { opacity: 1; transform: none; transition: all 2s ease 0s; }
#hankyu-wrapper #information .inner .flex .textarea > * { opacity: 0; }
#hankyu-wrapper #information .inner .flex .textarea .text-line1 { font-size: 13px; line-height: 1.21; letter-spacing: .15em; margin: 0 0 5px; }
#hankyu-wrapper #information .inner .flex .textarea .text-line2 { font-size: 16px; line-height: 1.22; letter-spacing: .15em; margin: 0 0 10px; }
#hankyu-wrapper #information .inner .flex .textarea .text-line3 { color: #333; font-size: 11px; line-height: 1.21; letter-spacing: .1em; margin: 0 0 16px; }
#hankyu-wrapper #information .inner .flex .textarea .text-line4 { display: inline-block; padding: 5px 10px; background: #000; color: #FFFFFF; font-size: 13px; letter-spacing: .05em; margin: 0 0 13px; }
#hankyu-wrapper #information .inner .flex .textarea .description { text-align: justify; color: #323333; font-size: 12px; line-height: 1.54; letter-spacing: .05em; margin: 0 0 18px; }

#hankyu-wrapper #information .inner .content { padding: 18px 12px; color: #323333; font-size: 12px; line-height: 1.54; letter-spacing: .05em; margin: 0 0 18px; background: #fff0e3;}
#hankyu-wrapper #information .inner .content span { font-size: 14px;}
#hankyu-wrapper #information .inner .flex .textarea .caption { color: #585757; font-size: 11px; line-height: 1.64; }
#hankyu-wrapper #information .inner .flex .textarea.is-show > * { opacity: 1; transition: opacity 2s ease 0s; }
#hankyu-wrapper #information .inner .flex .textarea.is-show > *:nth-child(2) { transition-delay: 0.2s; }
#hankyu-wrapper #information .inner .flex .textarea.is-show > *:nth-child(3) { transition-delay: 0.4s; }
#hankyu-wrapper #information .inner .flex .textarea.is-show > *:nth-child(4) { transition-delay: 0.6s; }
#hankyu-wrapper #information .inner .flex .textarea.is-show > *:nth-child(5) { transition-delay: 0.8s; }
#hankyu-wrapper #information .inner .flex .textarea.is-show > *:nth-child(6) { transition-delay: 1s; }
#hankyu-wrapper .footimage .parallax { padding: 37.33% 0 0; position: relative; overflow: hidden; }
#hankyu-wrapper .footimage .parallax .imagearea { position: absolute; top: 50%; left: 0; right: 0; transform: translate(0, -50%); }
#hankyu-wrapper .foot_contents { text-align: center; padding: 100px 0 20px; }
#hankyu-wrapper .foot_contents .page_to_top { font-size: 16px; letter-spacing: .2em; margin: 0 0 50px; }
#hankyu-wrapper .foot_contents .sns_share { margin: 0 0 45px; }
#hankyu-wrapper .foot_contents .sns_share p { font-size: 11px; letter-spacing: .1em; margin: 0 0 15px; }
#hankyu-wrapper .foot_contents .sns_share ul { display: flex; justify-content: center; }
#hankyu-wrapper .foot_contents .sns_share ul li { font-size: 11px; letter-spacing: .1em; position: relative; }
#hankyu-wrapper .foot_contents .sns_share ul li:nth-child(2)::before, #hankyu-wrapper .foot_contents .sns_share ul li:nth-child(2)::after { display: inline-block; content: "|"; margin: 0 .5em; }
#hankyu-wrapper .foot_contents footer #brand_top { font-size: 12px; letter-spacing: .1em; margin: 0 0 80px; }
#hankyu-wrapper .foot_contents footer small { font-size: 11px; letter-spacing: .1em; }
#hankyu-wrapper.is-loaded { opacity: 1 !important; transition: opacity 2s ease 0s; }
#hankyu-wrapper.is-loaded #top .inner .imagearea ul li:nth-child(2) { animation: slide2 8s linear 1s infinite; }
#hankyu-wrapper.is-loaded #top .inner .textarea .logoarea > * { opacity: 1; transition: opacity 2s ease 1s; }
#hankyu-wrapper.is-loaded #top .inner .textarea .logoarea > *:nth-child(2) { transition-delay: 1.2s; }
#hankyu-wrapper.is-loaded #top .inner .textarea .logoarea > *:nth-child(3) { transition-delay: 1.4s; }
#hankyu-wrapper.is-loaded #top .inner .textarea .logoarea > *:nth-child(4) { transition-delay: 1.6s; }
#hankyu-wrapper.is-loaded #top .inner .textarea .logoarea > *:nth-child(5) { transition-delay: 1.8s; }
#hankyu-wrapper.is-loaded #top .inner .textarea .caption { opacity: 1; transition: opacity 2s ease 2s; }
#hankyu-wrapper.is-loaded #top .inner .arrow { opacity: 1; transition: opacity 2s ease 2s; }
#hankyu-wrapper.is-loaded #top .inner .arrow img { animation: arrow 2s linear 2s infinite; }

@media screen and (max-width: 767px) { #hankyu-wrapper .pc { display: none !important; }
#hankyu-wrapper #information .inner p { margin-bottom: 30px; font-size: 12px;} }
@media screen and (orientation: landscape) { #hankyu-wrapper #top .inner { height: 100vh; display: flex; }
  #hankyu-wrapper #top .inner .imagearea { width: 56.14%; height: 100%; order: 100; }
  #hankyu-wrapper #top .inner .imagearea ul { height: 100%; }
  #hankyu-wrapper #top .inner .imagearea ul li { height: 100%; }
  #hankyu-wrapper #top .inner .imagearea ul li img { object-fit: cover; width: 100%; height: 100%; }
  #hankyu-wrapper #top .inner .textarea { width: 43.86%; height: 100%; background: #866348; display: flex; flex-direction: column; justify-content: center; }
  #hankyu-wrapper #top .inner .textarea .logoarea { position: static; margin: 0 0 2.99vw; }
  #hankyu-wrapper #top .inner .textarea .logoarea h1 { width: 29.19vw; margin: 0 auto 0.97vw; }
  #hankyu-wrapper #top .inner .textarea .logoarea h2 { font-size: 1.35vw; letter-spacing: .15em; margin: 0 0 2.62vw; }
  #hankyu-wrapper #top .inner .textarea .logoarea .release { font-size: 1.05vw; }
  #hankyu-wrapper #top .inner .textarea .caption { position: static; font-size: 0.9vw; line-height: 1.5; color: #FFFFFF; }
  #hankyu-wrapper #top .inner .arrow { width: 3.74vw; bottom: 6.71%; right: 56.14vw; }
  #hankyu-wrapper #top nav { display: none; } }
@media screen and (min-width: 768px) { a { -webkit-transition: opacity .3s; transition: opacity .3s; }
  .sp, .smallsp, .largesp { display: none !important; }
  .pc { display: block !important; }
  #hankyu-wrapper #concept { margin: 120px 0 0; padding: 50px 0 60px; }
  #hankyu-wrapper #concept .inner { padding: 0; width: 960px; max-width: 96%; margin: 0 auto; position: relative; padding: 0 0 0 390px; box-sizing: border-box; }
  #hankyu-wrapper #concept .inner h3 { margin: 0 0 25px; }
  #hankyu-wrapper #concept .inner .imagearea { margin: 0; width: 340px; position: absolute; top: 0; left: 0; }
  #hankyu-wrapper #concept .inner .textarea .text { font-size: 14px; line-height: 2; }
  #hankyu-wrapper #concept .inner .textarea .caption { font-size: 12px; line-height: 1.67; } }
@media screen and (min-width: 768px) and (min-width: 767px) and (max-width: 1000px) { #hankyu-wrapper #concept .inner .textarea .caption { font-size: 11px; }}
@media screen and (min-width: 768px) { #hankyu-wrapper #products .inner, #hankyu-wrapper #shopinfo .inner, #hankyu-wrapper #information .inner { padding: 0; width: 960px; max-width: 96%; margin: 0 auto; }
  #hankyu-wrapper #products .inner h3, #hankyu-wrapper #shopinfo .inner h3, #hankyu-wrapper #information .inner h3 { font-size: 16px; }
  #hankyu-wrapper #products { padding: 50px 0 100px; }
  #hankyu-wrapper #products .inner .release { font-size: 12px; margin: 15px 0 85px; }
  #hankyu-wrapper #products .inner .product-wrap { width: 830px; max-width: 100%; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
  #hankyu-wrapper #products .inner .product-wrap .product { width: 345px; }
  #hankyu-wrapper #products .inner .product-wrap .product .product-inner { display: flex; flex-direction: column; }
  #hankyu-wrapper #products .inner .product-wrap .product .product-inner .head { margin: 0 0 15px; }
  #hankyu-wrapper #products .inner .product-wrap .product .product-inner .head .tag { width: auto; padding: 0; display: block; background: none; color: #333333; font-size: 13px; margin: 0 0 13px; }
  #hankyu-wrapper #products .inner .product-wrap .product .product-inner .head .tag::before, #hankyu-wrapper #products .inner .product-wrap .product .product-inner .head .tag::after { display: inline; }
  #hankyu-wrapper #products .inner .product-wrap .product .product-inner .head .tag::before { content: "\3008"; }
  #hankyu-wrapper #products .inner .product-wrap .product .product-inner .head .tag::after { content: "\3009"; }
  #hankyu-wrapper #products .inner .product-wrap .product .product-inner .head .price { font-size: 12px; }
  #hankyu-wrapper #products .inner .product-wrap .product .product-inner .imagearea { order: -1; width: 190px; margin: 0 auto 35px; }
  #hankyu-wrapper #products .inner .product-wrap .product .product-inner .textarea .description { font-size: 12px; line-height: 1.67; }
  #hankyu-wrapper #products .inner .product-wrap .product + .product { margin: 0; }
  #hankyu-wrapper #products .inner .product-wrap .product#pallete { width: 100%; margin: 0 0 105px; }
  #hankyu-wrapper #products .inner .product-wrap .product#pallete .product-inner { position: relative; padding: 0 0 0 38.55%; height: 280px; justify-content: center; }
  #hankyu-wrapper #products .inner .product-wrap .product#pallete .product-inner .imagearea { width: 230px; position: absolute; top: 50%; left: 0; transform: translate(0, -50%) translate(0, 20px); margin: 0; }
  #hankyu-wrapper #products .inner .product-wrap .product#pallete .product-inner .imagearea.is-show { transform: translate(0, -50%); }
  #hankyu-wrapper #products .inner .product-wrap .product#refrectglow .product-inner .imagearea { margin-left: 35px; }
  #hankyu-wrapper #shopinfo { padding: 50px 0 145px; }
  #hankyu-wrapper #shopinfo .inner .textarea .text { line-height: 1.86; }
  #hankyu-wrapper #shopinfo .inner .textarea .text + .text { margin: 0; }
  #hankyu-wrapper #information { padding: 65px 0 90px; }
  #hankyu-wrapper #information .inner h3 {line-height: 1.3em; margin: 0 0 20px;}
  #hankyu-wrapper #information .inner .flex { display: flex; justify-content: space-between; }
  #hankyu-wrapper #information .inner .flex .imagearea { width: 41.67%; margin: 0; }
  #hankyu-wrapper #information .inner .flex .textarea { width: 52.6%; }
  #hankyu-wrapper .footimage .parallax { padding: 22.11% 0 0; }
  #hankyu-wrapper .foot_contents { padding-top: 130px; }
  #hankyu-wrapper .foot_contents .page_to_top { font-size: 14px; margin: 0 0 80px; }
  #hankyu-wrapper .foot_contents .sns_share { margin: 0 0 50px; }
  #hankyu-wrapper .foot_contents .sns_share p { font-size: 10px; margin: 0 0 20px; }
  #hankyu-wrapper .foot_contents footer .brand_top { font-size: 10px; margin: 0 0 60px; } }