@import url("//fonts.googleapis.com/earlyaccess/notosansjp.css");.animate .fadein{opacity:0;transform-style:preserve-3d;transition-property:all;transition-duration:2000ms;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transition-delay:0ms}.animate.show .fadein{opacity:1}.animate .slidein_left{opacity:0;transform:translateX(-300px);transform-style:preserve-3d;transition-property:all;transition-duration:1000ms;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transition-delay:0ms}.animate .slidein_right{opacity:0;transform:translateX(300px);transform-style:preserve-3d;transition-property:all;transition-duration:1000ms;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transition-delay:0ms}.animate.show .slidein_left,.animate.show .slidein_right{opacity:1;transform:translateX(0)}.animate .slidein_top{opacity:0;transform:translateY(-300px);transform-style:preserve-3d;transition-property:all;transition-duration:1000ms;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transition-delay:0ms}.animate .slidein_bottom{opacity:0;transform:translateY(300px);transform-style:preserve-3d;transition-property:all;transition-duration:1000ms;transition-timing-function:cubic-bezier(.215, .61, .355, 1);transition-delay:0ms}.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(.5, .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{transition-delay:100ms}.animate .d2{transition-delay:200ms}.animate .d3{transition-delay:300ms}.animate .d4{transition-delay:400ms}.animate .d5{transition-delay:500ms}.animate .d6{transition-delay:600ms}.animate .d7{transition-delay:700ms}.animate .d8{transition-delay:800ms}.animate .d9{transition-delay:900ms}.animate .d10{transition-delay:1000ms}.animate .d11{transition-delay:1100ms}.animate .d12{transition-delay:1200ms}.animate .d13{transition-delay:1300ms}.animate .d14{transition-delay:1400ms}.animate .d15{transition-delay:1500ms}.animate .d16{transition-delay:1600ms}.animate .d17{transition-delay:1700ms}.animate .d18{transition-delay:1800ms}.animate .d19{transition-delay:1900ms}.animate .d20{transition-delay:2000ms}@font-face{font-family:'Matter-Regular';src:url("../font/matter_regular.eot");src:url("../font/matter_regular.eot?#iefix") format("embedded-opentype"),url("../font/matter_regular.woff") format("woff"),url("../font/matter_regular.woff2") format("woff2")}@font-face{font-family:'Matter-Bold';src:url("../font/matter_bold.eot");src:url("../font/matter_bold.eot?#iefix") format("embedded-opentype"),url("../font/matter_bold.woff") format("woff"),url("../font/matter_bold.woff2") format("woff2")}.qor-actionbar{position:relative;z-index:1}.dylan-page{background:transparent}#footer{position:relative;z-index:100}html.not_full_support body article#main .logo .base{display:none}html.not_full_support body article#main .logo .main{mix-blend-mode:normal}html.not_full_support body article#main section.share{background-attachment:inherit}body article#main{width:100%;overflow:hidden;font-family:'Matter-Regular', 'Noto Sans JP', sans-serif}body article#main .bg_movie{margin:auto;width:50%;position:absolute}body article#main .bg_movie video{display:block;position:fixed;left:50%;top:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-1;transform:translate(-50%, -50%)}body article#main .side_logo{position:fixed;right:58px;top:calc(50% - 274px);z-index:100}body article#main section{position:relative;z-index:1}body article#main section:after{content:'';display:block;float:none;clear:both}body article#main section .alphabet{position:absolute}body article#main section .alphabet.top{top:0}body article#main section .alphabet.bottom{bottom:0}body article#main section .inner{position:relative;overflow:visible}body article#main section.hero{height:calc(100vh - 107px)}body article#main section.content,body article#main section.products,body article#main section.share{background:#ffffff}body article#main section.content{margin-bottom:100vh}body article#main section.content .image{margin:0 auto;width:100%;text-align:center;position:relative;z-index:10}body article#main section.content .image img{width:100%;height:auto}body article#main section.products ul.list{margin:0 auto;padding:0 60px;box-sizing:border-box;max-width:1320px;overflow:visible;text-align:center;line-height:0;font-size:0}body article#main section.products ul.list:after{content:'';display:block;float:none;clear:both}body article#main section.products ul.list li{padding:0 40px;width:33.3%;display:inline-block;box-sizing:border-box}body article#main section.products ul.list li img{width:100%;height:auto}body article#main section.products ul.list li span.name{margin:25px 0;display:block;text-align:center;font-family:'Matter-Bold';font-size:18px;white-space:nowrap;width:150%;margin-left:-25%;}@media screen and (max-width: 940px){body article#main section.products ul.list li span.name{font-size:16px;}}body article#main section.products ul.list li a{margin:0 auto;width:153px;height:45px;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:2px solid #000000;background:#000;font-family:'Matter-Bold';font-size:16px;color:#fff;transition:all 0.3s}body article#main section.products ul.list li a:hover{color:#000000;background:#ffffff}body article#main section.share{z-index:101}body article#main section.share .sns_btn{padding:84px 60px;margin:0 auto;max-width:1000px;overflow:hidden}body article#main section.share .sns_btn dl{width:100%;position:relative}body article#main section.share .sns_btn dl dt{position:absolute;top:0;left:0;font-family:'Matter-Bold';font-size:70px;font-weight:bold}body article#main section.share .sns_btn dl dd{margin:0 auto;text-align:center;line-height:0;font-size:0}body article#main section.share .sns_btn dl dd a{margin:0 20px;width:92px;height:92px;border-radius:50%;display:inline-block;box-sizing:border-box;border:2px solid #000000;background:#000000;line-height:92px;text-align:center}body article#main section.share .sns_btn dl dd a img{width:auto;height:24px}@media screen and (max-width: 768px){[capillary] .dylan-page.transform,[sfcc] .dylan-page.transform,.dylan-page.transform{will-change:initial;-webkit-transform:initial;transform:initial}[capillary] .dylan-page.transform.dylan-slideout,[sfcc] .dylan-page.transform.dylan-slideout,.dylan-page.transform.dylan-slideout{will-change:transform;-webkit-transform:translate3d(84%, 0, 0);transform:translate3d(84%, 0, 0)}[sfcc] .en-us .dylan-page.dylan-slideout{-webkit-transform:translate3d(calc(100% - 45px), 0, 0);transform:translate3d(calc(100% - 45px), 0, 0)}.search-tool.mobile{margin-top:-2px;background:#ffffff}body article#main{margin-bottom:-50px;min-width:320px}body article#main .scroll_icon{width:18px;height:97px;position:fixed;left:5px;bottom:10px;z-index:10}body article#main .scroll_icon>div{width:100%;height:100%}body article#main .shopBtn-container{width:18.75vw;height:18.75vw;position:absolute;top:5.56vw;right:3.47vw;z-index:1000}body article#main .shopBtn-container.fixed{position:fixed}body article#main .shopBtn-container a.shopBtn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;color:#ffffff;background:#000000;border:2px solid #000000;box-sizing:border-box;transition:all 0.3s;position:relative;z-index:102;text-align:center;font-family:'Matter-Bold'}body article#main .shopBtn-container a.shopBtn span{font-size:4.17vw}body article#main .shopBtn-container a.shopBtn span br{display:inline}body article#main .side_logo{width:33.5px;right:4px;top:calc(50% - 60px);z-index:100}body article#main section .alphabet{left:50%}body article#main section.content{padding:99px 0}body article#main section.content .image .img{margin:0 auto 2.66667% auto;clear:both}body article#main section.content .image .img:last-child{margin-bottom:0}body article#main section.content.content1{padding-bottom:70px}body article#main section.content.content1 .alphabet.top{margin-left:-58.13333%;top:-40px}body article#main section.content.content1 .alphabet.top img{width:144px}body article#main section.content.content1 .alphabet.bottom{width:135px;margin-left:11.33333%;bottom:-38px}body article#main section.content.content1 .image .img.img1{width:85.33333%}body article#main section.content.content1 .image .img.img2{float:right;width:70.66667%}body article#main section.content.content1 .image .img.img3{margin-left:0;width:70.66667%}body article#main section.content.content2{padding-top:65px}body article#main section.content.content2 .alphabet.top{margin-left:-57.33333%;top:-47.5px}body article#main section.content.content2 .alphabet.top img{width:191px}body article#main section.content.content2 .alphabet.bottom{width:144px;margin-left:-34.13333%;bottom:-20px}body article#main section.content.content2 .image .img.img1{width:85.33333%}body article#main section.content.content2 .image .img.img2{float:right;width:70.66667%}body article#main section.content.content2 .image .img.img3{margin-left:0;width:70.66667%}body article#main section.content.content2 .image .img.img4{float:right;width:70.66667%}body article#main section.content.content3{padding-bottom:75px}body article#main section.content.content3 .alphabet.bottom{width:145px;margin-left:-38.66667%;bottom:-24px}body article#main section.content.content3 .image .img.img1{margin-left:0;width:85.33333%}body article#main section.content.content3 .image .img.img2{margin-right:7.06667%;float:right;width:70.66667%}body article#main section.content.content3 .image .img.img3{margin-left:2.66667%;width:58%}body article#main section.content.content3 .image .img.img4{margin-right:2.66667%;float:right;width:71.06667%}body article#main section.content.content4 .alphabet.top{margin-left:12.66667%;top:-22.5px}body article#main section.content.content4 .alphabet.top img{width:52px}body article#main section.content.content4 .alphabet.bottom{width:96.5px;margin-left:-44%;bottom:-37px}body article#main section.content.content4 .image .img.img1{margin-left:0;width:71.06667%}body article#main section.content.content4 .image .img.img2{width:85.33333%}body article#main section.content.content4 .image .img.img3{margin-left:0;width:70.66667%}body article#main section.content.content4 .image .img.img4{float:right;width:70.66667%}body article#main section.products{padding:122px 0 10px 0}body article#main section.products p.title{margin-bottom:87px;text-align:center;font-feature-settings:"palt";font-family:'Matter-Bold';font-size:50px}body article#main section.products ul.list{margin:0 auto}body article#main section.products ul.list li{margin-bottom:20vw;padding:0;width:100%;display:block}body article#main section.products ul.list li span.name{width:100%;margin:6vw 0 8vw 0;font-size:5vw}body article#main section.products ul.list li a{width:40vw;height:12vw;font-size:5vw}body article#main section.share{height:auto}body article#main section.share .alphabet.top{top:-28px;right:19.46667%}body article#main section.share .sns_btn{padding:120px 0 70px 0}body article#main section.share .sns_btn dl{margin-bottom:10vw}body article#main section.share .sns_btn dl dt{margin-bottom:3vw;position:static;text-align:center;line-height:1;font-size:14vw}body article#main section.share .sns_btn dl dd a{margin:0 2vw;width:16vw;height:16vw;line-height:16vw}body article#main section.share .sns_btn dl dd a img{height:6vw}.for_pc{display:none !important}}@media screen and (min-width: 769px){body article#main{margin-bottom:-50px;min-width:320px}body article#main .scroll_icon{width:7.5%;height:128px;position:fixed;left:0;bottom:30px;z-index:10}body article#main .scroll_icon>div{width:100%;height:100%}body article#main .shopBtn-container{width:92px;height:92px;position:fixed;top:130px;right:160px;z-index:1000}body article#main .shopBtn-container a.shopBtn{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:50%;color:#ffffff;background:#000000;border:2px solid #000000;box-sizing:border-box;transition:all 0.3s;position:relative;z-index:102;text-align:center;font-family:'Matter-Bold'}body article#main .shopBtn-container a.shopBtn span{font-size:21px}body article#main .shopBtn-container a.shopBtn:hover{color:#000000;background:#ffffff}body article#main section.content{padding:150px 0}body article#main section.content.content1 .alphabet.top{top:-98px;left:13.04348%}body article#main section.content.content1 .alphabet.bottom{bottom:-82px;right:36.73913%}body article#main section.content.content1 .image .img.img1{margin-left:11.95652%;width:43.47826%;float:left}body article#main section.content.content1 .image .img.img2{margin-top:8.69565%;margin-right:11.95652%;float:right;width:31.63043%}body article#main section.content.content1 .image .img.img3{margin-top:1.08696%;margin-left:23.91304%;float:left;width:31.52174%}body article#main section.content.content2 .alphabet.top{top:-107px;left:3.80435%}body article#main section.content.content2 .alphabet.bottom{bottom:-96px;right:35.65217%}body article#main section.content.content2 .image .img.img1{margin-left:11.95652%;margin-right:1.08696%;margin-bottom:1.08696%;float:left;width:43.47826%}body article#main section.content.content2 .image .img.img2{margin-top:4.45652%;margin-bottom:1.08696%;float:left;width:31.52174%}body article#main section.content.content2 .image .img.img3{margin-left:17.3913%;margin-right:1.08696%;clear:both;float:left;width:38.04348%}body article#main section.content.content2 .image .img.img4{margin-top:-4.45652%;float:left;width:31.52174%}body article#main section.content.content3 .alphabet.bottom{bottom:-100px;right:43.47826%}body article#main section.content.content3 .image .img.img1{margin-left:17.3913%;margin-right:1.08696%;float:left;width:43.47826%}body article#main section.content.content3 .image .img.img2{margin-right:11.95652%;margin-bottom:1.08696%;float:left;width:26.08696%}body article#main section.content.content3 .image .img.img3{margin-top:-2.17391%;margin-left:11.95652%;margin-right:1.08696%;clear:both;float:left;width:31.52174%}body article#main section.content.content3 .image .img.img4{float:left;width:38.04348%}body article#main section.content.content4 .alphabet.top{top:-51px;right:8.26087%}body article#main section.content.content4 .alphabet.bottom{bottom:-117px;left:38.04348%}body article#main section.content.content4 .image .img.img1{margin-top:4.8913%;margin-left:17.3913%;margin-right:1.08696%;margin-bottom:1.08696%;float:left;width:31.52174%}body article#main section.content.content4 .image .img.img2{margin-bottom:1.08696%;float:left;width:38.04348%}body article#main section.content.content4 .image .img.img3{margin-left:11.95652%;margin-right:1.08696%;clear:both;float:left;width:38.04348%}body article#main section.content.content4 .image .img.img4{float:left;width:31.52174%}body article#main section.products{padding:200px 0 50px 0}body article#main section.products p.title{margin-bottom:94px;text-align:center;font-feature-settings:"palt";font-family:'Matter-Bold';font-size:100px}body article#main section.share{padding:200px 0}body article#main section.share .alphabet.top{top:-83px;right:4.23913%}.for_sp{display:none !important}}

#footer {
  z-index: 1000;
}

#sound_btn {
  position: fixed;
  right: 0;
  top: calc(50% + 308px);
  width: 124px;
  height: 28px;
  cursor: pointer;
  z-index: 101;
  border: #000 2px solid;
  border-right: none;
  box-sizing: border-box;
  background-color: #000;
  color: #fff;
  transition: color 0.3s linear, background-color 0.3s linear;
  font-family: 'Matter-Bold';
}
#sound_btn .inner {
  position: absolute;
  width: 124px;
  height: 28px;
  left: 0;
  top: 0;
  font-size: 14px;
  padding-top: 5px;
  padding-left: 26px;
  box-sizing: border-box;
  line-height: 1;
  opacity: 0;
}
#sound_btn .icon {
  position: absolute;
  display: block;
  width: 9px;
  height: 14px;
  left: 11px;
  top: 5px;
  opacity: 0;
  transition: opacity 0.3s linear;
}
#sound_btn .inner.on,
#sound_btn .icon.wh {
  opacity: 1;
}

body article#main section.products p.title .tm {
  display: inline-block;
  font-size: 0.3em;
  top: -1.65em;
  position: relative;
}

@media screen and (min-width: 769px){
  .dylan,.dylan.fixed {
    z-index: 1001;
  }
  #sound_btn:hover {
    background-color: #fff;
    color: #000;
  }
  #sound_btn:hover .icon.wh {
    opacity: 0;
  }
  #sound_btn:hover .icon.bk {
    opacity: 1;
  }
}
#sound_btn.on .inner.on {
  opacity: 0;
}
#sound_btn.on .inner.off {
  opacity: 1;
}
@media screen and (max-height: 715px){
  #sound_btn {
    top: auto;
    bottom: 20px;
  }
}
@media screen and (max-width: 768px){
  #sound_btn {
    width: 106px;
    height: 24px;
    border: none;
    top: auto;
    bottom: 16px;
  }
  #sound_btn .inner {
    width: 106px;
    height: 24px;
    font-size: 12px;
    padding-top: 5px;
    padding-left: 26px;
  }
  #sound_btn .icon {
    width: 7.5px;
    height: 12px;
    left: 11px;
    top: 6px;
  }
}
@media only screen and (max-width: 1024px) and (min-width: 320px) {
  [sfcc] .dylan-page,
  [sfcc] .dylan-page.transform {
    will-change:unset !important;
    -webkit-transform: none !important;
    transform: none !important;
    background-color: transparent !important;
  }
  [sfcc] .dylan-page.dylan-slideout {
    -webkit-transform: translate3d(84%,0,0) !important;
    transform: translate3d(84%,0,0) !important;
    
  }
}