@charset "UTF-8";
*,:after,:before{
  background-repeat:no-repeat;
  box-sizing:border-box;
}
:after,:before{
  text-decoration:inherit;
  vertical-align:inherit;
}
:where(:root){
  -webkit-tap-highlight-color:transparent;
  -webkit-text-size-adjust:100%;
  cursor:default;
  line-height:1.5;
  overflow-wrap:break-word;
  tab-size:4;
}
:where(body){
  margin:0;
}
:where(h1){
  font-size:2em;
  margin:.67em 0;
}
:where(dl,ol,ul) :where(dl,ol,ul){
  margin:0;
}
:where(hr){
  color:inherit;
  height:0;
}
:where(nav) :where(ol,ul){
  list-style-type:none;
  padding:0;
}
:where(nav li):before{
  content:"​";
  float:left;
}
:where(pre){
  font-family:monospace,monospace;
  font-size:1em;
  overflow:auto;
}
:where(abbr[title]){
  text-decoration:underline;
  -webkit-text-decoration:underline dotted;
          text-decoration:underline dotted;
}
:where(b,strong){
  font-weight:bolder;
}
:where(code,kbd,samp){
  font-family:monospace,monospace;
  font-size:1em;
}
:where(small){
  font-size:80%;
}
:where(audio,canvas,iframe,img,svg,video){
  vertical-align:middle;
}
:where(iframe){
  border-style:none;
}
:where(svg:not([fill])){
  fill:currentColor;
}
:where(table){
  border-collapse:collapse;
  border-color:inherit;
  text-indent:0;
}
:where(button,input,select){
  margin:0;
}
:where(button,[type=button i],[type=reset i],[type=submit i]){
  -webkit-appearance:button;
}
:where(fieldset){
  border:1px solid #a0a0a0;
}
:where(progress){
  vertical-align:initial;
}
:where(textarea){
  margin:0;
  resize:vertical;
}
:where([type=search i]){
  -webkit-appearance:textfield;
  outline-offset:-2px;
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
  height:auto;
}
::-webkit-input-placeholder{
  color:inherit;
  opacity:.54;
}
::-webkit-search-decoration{
  -webkit-appearance:none;
}
::-webkit-file-upload-button{
  -webkit-appearance:button;
  font:inherit;
}
:where(dialog){
  background-color:white;
  border:solid;
  color:black;
  height:-moz-fit-content;
  height:fit-content;
  left:0;
  margin:auto;
  padding:1em;
  position:absolute;
  right:0;
  width:-moz-fit-content;
  width:fit-content;
}

:where(dialog:not([open])){
  display:none;
}
:where(details>summary:first-of-type){
  display:list-item;
}
:where([aria-busy=true i]){
  cursor:progress;
}
:where([aria-controls]){
  cursor:pointer;
}
:where([aria-disabled=true i],[disabled]){
  cursor:not-allowed;
}
:where([aria-hidden=false i][hidden]){
  display:initial;
}

:where([aria-hidden=false i][hidden]:not(:focus)){
  clip:rect(0, 0, 0, 0);
  position:absolute;
}

@font-face{
  font-family:swiper-icons;
  font-style:normal;
  font-weight:400;
  src:url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
}
:root{
  --swiper-theme-color:#007aff;
}

.swiper-container{
  list-style:none;
  margin-left:auto;
  margin-right:auto;
  overflow:hidden;
  padding:0;
  position:relative;
  z-index:1;
}

.swiper-container-vertical>.swiper-wrapper{
  flex-direction:column;
}

.swiper-wrapper{
  box-sizing:initial;
  display:flex;
  height:100%;
  position:relative;
  transition-property:transform;
  width:100%;
  z-index:1;
}

.swiper-container-android .swiper-slide,.swiper-wrapper{
  transform:translateZ(0);
}

.swiper-container-multirow>.swiper-wrapper{
  flex-wrap:wrap;
}

.swiper-container-multirow-column>.swiper-wrapper{
  flex-direction:column;
  flex-wrap:wrap;
}

.swiper-container-free-mode>.swiper-wrapper{
  margin:0 auto;
  transition-timing-function:ease-out;
}

.swiper-slide{
  flex-shrink:0;
  height:100%;
  position:relative;
  transition-property:transform;
  width:100%;
}

.swiper-slide-invisible-blank{
  visibility:hidden;
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
  height:auto;
}
.swiper-container-autoheight .swiper-wrapper{
  align-items:flex-start;
  transition-property:transform, height;
}
.swiper-container-3d{
  perspective:1200px;
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
  transform-style:preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
  height:100%;
  left:0;
  pointer-events:none;
  position:absolute;
  top:0;
  width:100%;
  z-index:10;
}
.swiper-container-3d .swiper-slide-shadow-left{
  background-image:linear-gradient(270deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right{
  background-image:linear-gradient(90deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top{
  background-image:linear-gradient(0deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom{
  background-image:linear-gradient(180deg, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode>.swiper-wrapper{
  -ms-overflow-style:none;
  overflow:auto;
  scrollbar-width:none;
}
.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{
  display:none;
}
.swiper-container-css-mode>.swiper-wrapper>.swiper-slide{
  scroll-snap-align:start start;
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{
  scroll-snap-type:x mandatory;
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{
  scroll-snap-type:y mandatory;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide{
  transition-timing-function:ease-out;
}
.swiper-container-fade .swiper-slide{
  pointer-events:none;
  transition-property:opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide{
  pointer-events:none;
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
  pointer-events:auto;
}

@font-face{
  font-family:icon;
  font-style:normal;
  font-weight:400;
  src:url(../eot/icon.eot);
  src:url(../eot/icond41d.eot#iefix) format("eot"), url(../woff2/icon.woff2) format("woff2"), url(../woff/icon.woff) format("woff"), url(../ttf/icon.ttf) format("truetype"), url(../svg/icon.svg#icon) format("svg");
}
.icon:before{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:inline-block;
  font-family:icon;
  font-style:normal;
  font-weight:400;
  line-height:1;
}

.icon-lg{
  font-size:1.3333333333em;
  line-height:.75em;
  vertical-align:-15%;
}

.icon-2x{
  font-size:2em;
}

.icon-3x{
  font-size:3em;
}

.icon-4x{
  font-size:4em;
}

.icon-5x{
  font-size:5em;
}

.icon-fw{
  text-align:center;
  width:1.2857142857em;
}

.icon-caret-right:before{
  content:"\ea01";
}

.icon-cart:before{
  content:"\ea02";
}

.icon-circle-left:before{
  content:"\ea03";
}

.icon-circle-right:before{
  content:"\ea04";
}

.icon-play:before{
  content:"\ea05";
}

.icon-plus:before{
  content:"\ea06";
}

body{
  word-wrap:break-word;
  background:#020202;
  color:#ddd;
  font-family:yu-gothic-pr6n,sans-serif;
  font-size:1em;
  overflow-wrap:break-word;
  position:relative;
}

button{
  cursor:pointer;
  font-family:inherit;
}

img{
  height:auto;
  max-width:100%;
}

a{
  color:#ddd;
  text-decoration:none;
}

sup{
  font-size:.5em;
  vertical-align:super;
}
[v-cloak]{
  display:none;
}
.btn-link{
  background:rgba(0, 0, 0, .3);
  border:1px solid #ddd;
  color:#ddd;
  display:inline-block;
  font-weight:500;
  text-align:center;
}
.btn-playmovie{
  background:transparent;
  border:none;
  display:block;
  height:0;
  outline:none;
  overflow:hidden;
  padding:50% 0 0;
  position:relative;
  width:100%;
}
.btn-playmovie img{
  left:50%;
  max-width:none;
  object-fit:cover;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:1;
}
.btn-playmovie img,.btn-playmovie:before{
  height:100%;
  position:absolute;
  width:100%;
}
.btn-playmovie:before{
  background:#000;
  content:"";
  display:block;
  left:0;
  opacity:.3;
  top:0;
  transition-duration:.6s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.25, .46, .45, .94);
  z-index:2;
}
.btn-playmovie span{
  color:#fff;
  display:block;
  left:50%;
  letter-spacing:.2em;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  transition-duration:.3s;
  transition-property:transform;
  transition-timing-function:cubic-bezier(.5, 0, 0, .5);
  white-space:nowrap;
  z-index:3;
}
.btn-playmovie span:before{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\ea05";
  font-family:icon;
  font-style:normal;
  font-weight:400;
  left:0;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
.movie-modal-bg{
  background:rgba(0, 0, 0, .8);
  height:100%;
  left:0;
  top:0;
  z-index:200;
}
.movie-modal-bg,.movie-modal-con{
  opacity:0;
  position:fixed;
  visibility:hidden;
  width:100%;
}
.movie-modal-con{
  left:50%;
  max-height:100%;
  overflow:auto;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:201;
}
.movie-modal-inner{
  align-items:center;
  display:flex;
  flex-direction:column;
  margin:0 auto;
  max-width:100%;
  width:912px;
}
.movie-modal-mv{
  height:0;
  padding-top:56.25%;
  position:relative;
  width:100%;
}
.movie-modal-mv iframe{
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
}
.movie-modal-close{
  background:transparent;
  border:none;
  color:#fff;
  font-family:din-2014,sans-serif;
  letter-spacing:.1em;
  line-height:2;
  outline:none;
  padding:0;
}

.btn-plus{
  background:rgba(0, 0, 0, .6);
  border:1px solid #ddd;
  border-radius:50%;
  display:inline-block;
  position:relative;
}
.btn-plus span{
  background:#ddd;
  display:block;
  height:1px;
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  transition-duration:.3s;
  transition-property:background-color, transform;
  transition-timing-function:cubic-bezier(.5, 0, 0, .5);
}
.btn-plus span.bar-2{
  transform:translate(-50%, -50%) rotate(-90deg);
}
.sec-inner{
  margin:0 auto;
  position:relative;
  width:100%;
}
.headline2{
  color:#ddd;
  font-family:din-2014,sans-serif;
  font-weight:400;
  letter-spacing:.2em;
  line-height:1.75;
}

.headline2,.txt-img{
  margin:0;
  padding:0;
}

.txt-img{
  line-height:0;
}

.txt-normal-260{
  line-height:2.6;
}

.txt-normal-200,.txt-normal-260{
  color:#ddd;
  font-weight:500;
  margin:0;
  padding:0;
}

.txt-normal-200{
  line-height:2;
}

#navigation{
  position:relative;
  z-index:100;
}
#navigation .gnav{
  left:20px;
  list-style:none;
  margin:0;
  padding:0;
  position:fixed;
  top:50%;
  transform:translateY(-50%);
  transition:transform .5s cubic-bezier(1, 0, 0, 1);
  z-index:100;
}
#navigation .gnav li{
  font-family:din-2014,sans-serif;
  font-size:.625rem;
  line-height:1;
}
#navigation .gnav li+li{
  margin-top:20px;
}
#navigation .gnav li a{
  color:#fff;
  opacity:.3;
  text-shadow:1px 1px 2px #000;
  transition-duration:.6s;
  transition-property:opacity;
  transition-timing-function:cubic-bezier(.25, .46, .45, .94);
}
#navigation .gnav li a:hover{
  opacity:1;
}
#navigation .gnav li a:before{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\ea01";
  display:inline-block;
  font-family:icon;
  font-style:normal;
  font-weight:400;
  position:relative;
  top:1px;
  transform:scale(.5);
  transform-origin:left center;
}
#navigation .gnav li.current a{
  opacity:1;
}
#navigation .store{
  background:#222;
  display:block;
  position:fixed;
  right:0;
  top:0;
  z-index:101;
}
#navigation .store:before{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#fff;
  content:"\ea02";
  font-family:icon;
  font-style:normal;
  font-weight:400;
  position:absolute;
}

#top{
  height:100vh;
  position:relative;
  width:100%;
}
#top.custom-ttl-section{
  aspect-ratio:75/94;
  height:auto;
  min-height:auto;
}
#top .ttl-wrap{
  left:0;
  top:0;
  z-index:1;
}
#top .ttl-wrap,#top .ttl-wrap .ttl{
  height:100%;
  position:absolute;
  width:100%;
}
#top .ttl-wrap .ttl{
  margin:0;
  overflow:hidden;
}
#top .ttl-wrap .ttl .swiper{
  height:100%;
}
#top .ttl-wrap .ttl .img img{
  height:100%;
  object-fit:cover;
  width:100%;
}
#top .ttl-wrap .ttl .logo{
  display:block;
  line-height:0;
  position:absolute;
}
#top .ttl-wrap .ttl .logo img{
  height:auto;
  max-width:none;
  width:100%;
}

#concept{
  overflow:hidden;
  position:relative;
}
#concept .con1,#concept .con1 .con{
  position:relative;
  z-index:2;
}
#concept .con1 .con .fig{
  line-height:0;
  margin:0;
  padding:0;
}
#concept .con1 .con .txt{
  display:flex;
  flex-direction:column;
}
#concept .con1 .con .txt img{
  height:auto;
  max-width:none;
  width:100%;
}
#concept .con1 .btn-playmovie{
  position:relative;
  z-index:3;
}
#concept .con1 .bg-1{
  position:absolute;
  z-index:1;
}
#concept .con2{
  position:relative;
  z-index:1;
}
#concept .con2 .con{
  position:relative;
  z-index:4;
}
#concept .con2 .btn-playmovie{
  position:relative;
  z-index:5;
}
#concept .con2 .bg-2-1{
  position:absolute;
  z-index:3;
}
#concept .con2 .bg-2-2{
  position:absolute;
  z-index:2;
}
#concept .con2 .bg-2-3{
  position:absolute;
  visibility:hidden;
  z-index:1;
}

#lineup{
  background:url(../png/lineup-bg.png) repeat 50%;
  overflow:hidden;
}
#lineup .nav{
  overflow:visible;
}
#lineup .nav .swipehere{
  align-items:center;
  display:flex;
  margin:0;
  transition-duration:.6s;
  transition-property:opacity, visibility;
  transition-timing-function:cubic-bezier(.25, .46, .45, .94);
}
#lineup .nav .swipehere.is-swipe{
  opacity:0;
  visibility:hidden;
}
#lineup .nav .swipehere .img{
  align-items:center;
  background:rgba(0, 0, 0, .2);
  border-radius:100%;
  display:flex;
  justify-content:center;
}
#lineup .nav .swipehere .img img{
  animation:swipehere-img .5s ease-in-out 0s infinite alternate;
}
#lineup .nav .swipehere .txt{
  font-weight:700;
  line-height:1.75;
}
#lineup .nav .swiper-wrapper{
  align-items:stretch;
  list-style:none;
  margin:0;
  padding:0;
}
#lineup .nav .swiper-slide a{
  align-items:center;
  background:rgba(0, 0, 0, .2);
  display:flex;
  height:100%;
  justify-content:center;
  position:relative;
  width:100%;
}
#lineup .nav .swiper-slide a .img{
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  width:40.3225806452%;
}
#lineup .nav .swiper-slide a span{
  font-weight:500;
  text-align:center;
}
#lineup .nav .swiper-slide a .new{
  position:absolute;
  right:8.064516129%;
  top:8.064516129%;
  width:20.1612903226%;
}
#lineup .nav .swiper-slide.nav-9 .img{
  width:50%;
}
#lineup .nav .swiper-slide.nav-11 .img{
  width:59.6774193548%;
}
#lineup .nav .swiper-slide.nav-12 .img{
  width:61.2903225806%;
}
#lineup .lineup-sec .lineup-con .ttl{
  margin:0;
  padding:0;
}
#lineup .lineup-sec .lineup-con .ttl em,#lineup .lineup-sec .lineup-con .ttl span{
  display:block;
  font-style:normal;
}
#lineup .lineup-sec .lineup-con .ttl .auger,#lineup .lineup-sec .lineup-con .ttl .en{
  font-family:din-2014,sans-serif;
  font-weight:400;
  letter-spacing:.1em;
  line-height:1.25;
}
#lineup .lineup-sec .lineup-con .ttl .ja{
  font-weight:700;
  line-height:1.75;
}
#lineup .lineup-sec .img .img-inner{
  margin:0 auto;
  position:relative;
}
#lineup .lineup-sec .img figure{
  display:block;
  margin:0;
  padding:0;
  position:relative;
  z-index:1;
}
#lineup .lineup-sec .img .btn-plus{
  left:0;
  position:absolute;
  top:0;
  z-index:2;
}
#lineup .lineup-sec .img .btn-plus.btn-0:after{
  animation:plus-loop 1.2s cubic-bezier(0, 0, .15, .99) 1ms infinite;
  border:1px solid #ffffff;
  border-radius:50%;
  box-shadow:0 0 4px 1px rgba(255, 255, 255, .25);
  content:"";
  display:block;
  height:calc(100% + 2px);
  left:50%;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  width:calc(100% + 2px);
}
#lineup .lineup-sec .img .release{
  position:absolute;
  z-index:0;
}
#lineup .modal-bg{
  background:rgba(0, 0, 0, .8);
  height:100%;
  left:0;
  top:0;
  z-index:200;
}
#lineup .modal-bg,#lineup .modal-con{
  opacity:0;
  position:fixed;
  visibility:hidden;
  width:100%;
}
#lineup .modal-con{
  left:50%;
  max-height:100%;
  overflow:auto;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:201;
}
#lineup .modal .swiper-wrapper{
  align-items:center;
}
#lineup .modal .swiper-slide{
  background:#3F3B3A;
  overflow:hidden;
  position:relative;
}
#lineup .modal .close{
  background:transparent;
  background:#353130;
  border:none;
  display:block;
  outline:none;
  padding:0;
  position:absolute;
  transform:rotate(-45deg);
}
#lineup .modal .close span{
  background:#ddd;
  display:block;
  height:1px;
  left:12.751105%;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:16.22868%;
}
#lineup .modal .close span.bar-2{
  transform:translateY(-50%) rotate(90deg);
}
#lineup .modal .slide-nav{
  background:transparent;
  border:none;
  color:#fff;
  outline:none;
  padding:0;
}
#lineup .modal .fig{
  display:block;
  margin:0;
}
#lineup .modal .fig img{
  height:auto;
  max-width:none;
  width:100%;
}
#lineup .modal .fig2{
  display:block;
  margin:0;
}
#lineup .modal .fig2 img{
  height:auto;
  max-width:none;
  width:100%;
}
#lineup .modal .circle-list{
  line-height:2;
  list-style:none;
  margin:0;
  padding:0;
}
#lineup .modal .circle-list li{
  padding-left:1em;
  text-indent:-1em;
}
#lineup .modal .circle-list li:before{
  content:"・";
}
#lineup #lineup-3-modal .slide-4 .fig,#lineup #lineup-6-modal .slide-0 .fig{
  margin:0 auto;
}

@keyframes swipehere-img{
  0%{
    transform:translateX(-8.1632653061%);
  }
  to{
    transform:translateX(8.1632653061%);
  }
}
@keyframes plus-loop{
  0%{
    box-shadow:0 0 4px 1px rgba(255, 255, 255, .25);
    opacity:1;
    transform:translate(-50%, -50%) scale(1);
  }
  to{
    box-shadow:0 0 4px rgba(255, 255, 255, .25);
    opacity:0;
    transform:translate(-50%, -50%) scale(2.5);
  }
}
#howtouse{
  background:#3F3B3A;
}
#howtouse .howtouse-wrap{
  border-bottom:1px solid #666;
}
#howtouse .howtouse-sec{
  border-top:1px solid #666;
  color:#fff;
}
#howtouse .howtouse-sec .header{
  align-items:center;
  display:flex;
}
#howtouse .howtouse-sec .header .ttl{
  margin:0;
}
#howtouse .howtouse-sec .header .ttl span{
  display:block;
}
#howtouse .howtouse-sec .header .ttl span.en{
  font-family:din-2014,sans-serif;
  font-weight:400;
  letter-spacing:.1em;
  line-height:1.75;
}
#howtouse .howtouse-sec .header .ttl span.ja{
  font-weight:700;
  line-height:1.75;
}
#howtouse .howtouse-sec .header .btn-plus{
  background:none;
  margin-left:auto;
}
#howtouse .howtouse-sec .contents{
  height:0;
  overflow:hidden;
  padding:0;
  transition-duration:.3s;
  transition-property:padding;
  transition-timing-function:cubic-bezier(.5, 0, 0, .5);
}
#howtouse .howtouse-sec .contents .contents-ttl{
  align-items:center;
  display:flex;
  font-family:din-2014,sans-serif;
  font-weight:400;
  letter-spacing:.1em;
  line-height:1.75;
  margin:0;
}
#howtouse .howtouse-sec .contents .contents-inner{
  margin-left:auto;
}
#howtouse .howtouse-sec .contents figure{
  margin:0;
  padding:0;
  text-align:center;
}
#howtouse .howtouse-sec .contents figure img{
  line-height:0;
}
#howtouse .howtouse-sec .contents figure figcaption{
  font-weight:700;
  line-height:1.75;
  text-align:center;
}
#howtouse .howtouse-sec .contents .con-ttl{
  letter-spacing:.1em;
}
#howtouse .howtouse-sec .contents .con-subttl,#howtouse .howtouse-sec .contents .con-ttl{
  font-weight:700;
  line-height:1.75;
  margin:0;
}
#howtouse .howtouse-sec .contents p{
  font-weight:500;
  line-height:1.75;
  margin:0;
}
#howtouse .howtouse-sec .contents p+p{
  margin-top:1.75em;
}
#howtouse .howtouse-sec.is-open .header .btn-plus span.bar-2{
  transform:translate(-50%, -50%);
}
#news .news .news-inner{
  border-bottom:1px solid #333;
}
#news .news ul{
  list-style:none;
  margin:0;
  padding:0;
}
#news .news ul.more{
  height:0;
  overflow:hidden;
}
#news .news li{
  border-top:1px solid #333;
}
#news .news li>a,#news .news li>div{
  display:flex;
}
#news .news li figure{
  margin:0;
  padding:0;
}
#news .news li .con{
  flex:1;
}
#news .news li .con p{
  font-weight:500;
  line-height:1.75;
  margin:0;
}
#news .news li .con time{
  font-weight:400;
  line-height:1.75;
  margin:0;
  opacity:.5;
}
#news .news .btn-more,#news .news li .con time{
  display:block;
  font-family:din-2014,sans-serif;
}
#news .news .btn-more{
  background:transparent;
  background:#3F3B3A;
  border:none;
  color:#ddd;
  letter-spacing:.1em;
  outline:none;
  padding:0;
  position:relative;
}
#news .news .btn-more:after{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  content:"\ea06";
  font-family:icon;
  font-style:normal;
  font-weight:400;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
}
#news .banners{
  list-style:none;
  margin:0;
  padding:0;
}
#news .banners li a{
  display:block;
}
#news .banners li a img{
  height:auto;
  max-width:none;
  width:100%;
}

#buynow{
  overflow:hidden;
  position:relative;
}
#buynow .sec-inner{
  position:relative;
  z-index:2;
}
#buynow .con p{
  font-weight:500;
  line-height:2;
}
#buynow .con .btn-link{
  display:block;
  font-weight:700;
  letter-spacing:.1em;
}
#buynow .bg{
  height:100%;
  left:50%;
  pointer-events:none;
  position:absolute;
  top:50%;
  transform:translate(-50%, -50%);
  width:100%;
  z-index:1;
}
#buynow .bg img{
  height:100%;
  max-width:none;
  object-fit:cover;
  width:100%;
}
#footer .ar{
  display:block;
  overflow:hidden;
  position:relative;
}
#footer .ar .con{
  position:relative;
  z-index:3;
}
#footer .ar .con .txt-l,#footer .ar .con .txt-s{
  font-weight:500;
  line-height:1.75;
}
#footer .ar figure{
  line-height:0;
  margin:0;
  overflow:hidden;
  position:absolute;
  z-index:2;
}
#footer .links,#footer .links .sns{
  align-items:center;
  display:flex;
}
#footer .links .sns{
  margin:0;
}
#footer .links .sns dt{
  font-family:din-2014,sans-serif;
  font-weight:400;
  letter-spacing:.1em;
  line-height:1.75;
  margin:0;
}
#footer .links .sns dd{
  margin:0;
}
#footer .links .sns dd a{
  display:block;
}
#footer .links .banners{
  list-style:none;
  margin:0;
  padding:0;
}
#footer .links .banners a{
  display:block;
}
#footer .links .banners a img{
  height:auto;
  max-width:none;
  width:100%;
}
#footer .foot{
  border-top:1px solid #333;
}
#footer .foot .logo{
  display:block;
}
#footer .foot .logo img{
  height:auto;
  max-width:none;
  width:100%;
}
#footer .foot .copyright{
  font-family:din-2014,sans-serif;
  line-height:1.75;
}
@media (min-width:751px){
  #top .ttl-wrap .ttl .logo{
    bottom:69px;
    right:84px;
    width:388px;
  }}
@media (min-width:921px){
  .only-sp{
    display:none !important;
  }
  .btn-link{
    font-size:1rem;
    line-height:1.75;
    padding-bottom:calc(23px - .375em);
    padding-top:calc(23px - .375em);
    transition-duration:.3s;
    transition-property:border-color, background-color, color;
    transition-timing-function:cubic-bezier(.5, 0, 0, .5);
  }
  .btn-link:hover{
    background:rgba(0, 0, 0, .6);
    border-color:#fff;
    color:#fff;
  }
  .btn-playmovie span{
    font-size:1.25rem;
    line-height:1.75;
    padding-bottom:calc(15px - .375em);
    padding-left:80px;
    padding-top:calc(15px - .375em);
  }
  .btn-playmovie span:before{
    font-size:50px;
  }
  .btn-playmovie:hover:before{
    opacity:0;
  }
  .btn-playmovie:hover span{
    transform:translate(-50%, -50%) scale(1.1);
  }
  .movie-modal-inner{
    padding-top:54px;
  }
  .movie-modal-close{
    font-size:.75rem;
    margin-top:30px;
    transition-duration:.6s;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
  }
  .movie-modal-close:hover{
    opacity:.5;
  }
  .btn-plus{
    height:40px;
    transition-duration:.3s;
    transition-property:border-color, background-color, transform;
    transition-timing-function:cubic-bezier(.5, 0, 0, .5);
    width:40px;
  }
  .btn-plus span{
    width:30px;
  }
  .btn-plus:hover{
    background:rgba(0, 0, 0, .8);
    border-color:#fff;
    transform:scale(1.25);
  }
  .btn-plus:hover span{
    background:#fff;
  }
  .sec-inner{
    max-width:1064px;
    padding:0 20px;
  }
  .headline2{
    font-size:1.25rem;
  }
  .txt-normal-200,.txt-normal-260{
    font-size:1rem;
  }
  #navigation .store{
    color:#ddd;
    font-size:.875rem;
    font-weight:500;
    line-height:1.75;
    padding:calc(18px - .375em) 18px calc(18px - .375em) 52px;
    transition-duration:.6s;
    transition-property:color, background-color;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
  }
  #navigation .store:before{
    font-size:18px;
    left:22px;
    top:50%;
    transform:translateY(-50%);
    transition-duration:.6s;
    transition-property:color;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
  }
  #navigation .store:hover{
    background:#333;
    color:#fff;
  }
  .is-scroll #navigation .store{
    background:#ddd;
    color:#222;
  }
  .is-scroll #navigation .store:before{
    color:#222;
  }
  .is-scroll #navigation .store:hover{
    background:#eee;
    color:#000;
  }
  .is-scroll #navigation .store:hover:before{
    color:#000;
  }
  #top{
    min-height:800px;
  }
  #top.custom-ttl-section{
    aspect-ratio:16/9;
  }
  #concept{
    padding:120px 0 200px;
  }
  #concept .con1{
    margin-top:113px;
  }
  #concept .con1 .con{
    margin-bottom:184px;
    padding-left:177px;
    width:778px;
  }
  #concept .con1 .con .ttl{
    margin-bottom:54px;
  }
  #concept .con1 .con .ttl img{
    width:601px;
  }
  #concept .con1 .con .lead{
    margin-bottom:53px;
  }
  #concept .con1 .con .txt{
    width:549px;
  }
  #concept .con1 .con .txt img+img{
    margin-top:22px;
  }
  #concept .con1 .con .logo{
    margin-top:50px;
  }
  #concept .con1 .con .fig{
    margin-top:65px;
  }
  #concept .con1 .bg-1{
    right:-60px;
    top:120px;
  }
  #concept .con2{
    padding-top:300px;
  }
  #concept .con2 .con{
    margin-bottom:300px;
    padding-left:177px;
    width:715px;
  }
  #concept .con2 .ttl{
    margin-bottom:90px;
  }
  #concept .con2 .ttl img{
    width:226px;
  }
  #concept .con2 .txt{
    margin-left:auto;
    width:449px;
  }
  #concept .con2 .txt img{
    width:449px;
  }
  #concept .con2 .bg-2-1{
    left:-337px;
    top:-64px;
  }
  #concept .con2 .bg-2-2{
    right:-250px;
    top:243px;
  }
  #concept .con2 .bg-2-3{
    right:-327px;
    top:224px;
  }
  #lineup{
    padding:200px 0;
  }
  #lineup .nav{
    margin:80px 0 188px;
  }
  #lineup .nav .swipehere{
    margin-bottom:20px;
  }
  #lineup .nav .swipehere .img{
    height:49px;
    margin-right:10px;
    width:49px;
  }
  #lineup .nav .swipehere .txt{
    font-size:.625rem;
  }
  #lineup .nav .swiper-slide{
    height:186px;
  }
  #lineup .nav .swiper-slide a{
    border-radius:10px;
    padding:136px 5px 20px;
    transition-duration:.6s;
    transition-property:background-color;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
  }
  #lineup .nav .swiper-slide a .img{
    transition-duration:.3s;
    transition-property:transform;
    transition-timing-function:cubic-bezier(.5, 0, 0, .5);
  }
  #lineup .nav .swiper-slide a span{
    font-size:.625rem;
    font-weight:500;
    line-height:1.75;
    opacity:0;
    text-align:center;
    transition-duration:.6s;
    transition-property:opacity, visibility;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
    visibility:hidden;
  }
  #lineup .nav .swiper-slide a:hover{
    background:rgba(255, 255, 255, .1);
  }
  #lineup .nav .swiper-slide a:hover .img{
    transform:translate(-50%, calc(-50% - 18px));
  }
  #lineup .nav .swiper-slide a:hover span{
    opacity:1;
    visibility:visible;
  }
  #lineup .lineup-sec .img .release{
    height:55px;
    width:55px;
  }
  #lineup .lineup-sec{
    background:url(../png/lineup-con-bg.png) no-repeat calc(50% + 353px) 50%;
    background-size:845px auto;
    margin:0 auto;
    max-width:1552px;
    width:100%;
  }
  #lineup .lineup-sec+.lineup-sec{
    margin-top:198px;
  }
  #lineup .lineup-sec.r{
    background-position-x:calc(50% - 353px);
    background-position-y:47%;
  }
  #lineup .lineup-sec.r .lineup-inner{
    justify-content:flex-end;
  }
  #lineup .lineup-sec .lineup-inner{
    align-items:center;
    display:flex;
    margin:0 auto;
    max-width:1064px;
    padding:0 20px;
    width:100%;
  }
  #lineup .lineup-sec .lineup-con{
    width:404px;
  }
  #lineup .lineup-sec .lineup-con .ttl{
    margin-bottom:40px;
  }
  #lineup .lineup-sec .lineup-con .ttl .auger{
    font-size:1.25rem;
    margin-bottom:10px;
  }
  #lineup .lineup-sec .lineup-con .ttl .en{
    font-size:2.5rem;
    margin-bottom:10px;
  }
  #lineup .lineup-sec .lineup-con .ttl .ja{
    font-size:1rem;
  }
  #lineup .lineup-sec .lineup-con .btn-link{
    margin-top:40px;
    width:314px;
  }
  #lineup #lineup-1{
    background-position-y:41%;
  }
  #lineup #lineup-1 .lineup-con{
    width:430px;
  }
  #lineup #lineup-1 .lineup-con .txt-normal-200{
    width:404px;
  }
  #lineup #lineup-1 .img{
    margin-left:92px;
  }
  #lineup #lineup-1 .img .btn-0{
    left:16.7597765363%;
    top:-.9769094139%;
  }
  #lineup #lineup-1 .img .btn-1{
    left:16.7597765363%;
    top:22.2912966252%;
  }
  #lineup #lineup-1 .img .btn-2{
    left:82.9608938547%;
    top:1.5097690941%;
  }
  #lineup #lineup-1 .img .btn-3{
    left:70.9497206704%;
    top:22.2912966252%;
  }
  #lineup #lineup-1 .img .btn-4{
    left:16.7597765363%;
    top:41.7406749556%;
  }
  #lineup #lineup-1 .img figure img{
    width:358px;
  }
  #lineup #lineup-2 .lineup-inner{
    align-items:flex-start;
  }
  #lineup #lineup-2 .img{
    margin-left:37px;
    margin-right:-11px;
    margin-top:13px;
  }
  #lineup #lineup-2 .img .btn-0{
    left:13.85%;
    top:24.2%;
  }
  #lineup #lineup-2 .img .btn-1{
    left:34.3%;
    top:55.9%;
  }
  #lineup #lineup-2 .img .btn-2{
    left:55.1%;
    top:46.2%;
  }
  #lineup #lineup-2 .img .btn-3{
    left:79.7%;
    top:17.6%;
  }
  #lineup #lineup-2 .img figure img{
    width:505px;
  }
  #lineup #lineup-3 .img{
    margin-left:35px;
    margin-right:-3px;
    margin-top:-44px;
  }
  #lineup #lineup-3 .img .btn-0{
    left:11.5646258503%;
    top:11.0337972167%;
  }
  #lineup #lineup-3 .img .btn-1{
    left:35.9693877551%;
    top:32.8031809145%;
  }
  #lineup #lineup-3 .img .btn-2{
    left:61.3945578231%;
    top:19.1848906561%;
  }
  #lineup #lineup-3 .img .btn-3{
    left:61.3945578231%;
    top:42.9423459245%;
  }
  #lineup #lineup-3 .img .btn-4{
    left:77.0408163265%;
    top:68.986083499%;
  }
  #lineup #lineup-3 .img figure img{
    width:588px;
  }
  #lineup #lineup-4{
    background-position-y:41%;
  }
  #lineup #lineup-4 .lineup-con{
    width:441px;
  }
  #lineup #lineup-4 .lineup-con .txt-normal-200{
    width:404px;
  }
  #lineup #lineup-4 .img{
    margin-left:125px;
    margin-right:47px;
    margin-top:3px;
  }
  #lineup #lineup-4 .img .release-1{
    right:53.2%;
    top:1.1%;
  }
  #lineup #lineup-4 .img .btn-0{
    left:-3.7037037037%;
    top:35.6540084388%;
  }
  #lineup #lineup-4 .img .btn-1{
    left:87.037037037%;
    top:48.7341772152%;
  }
  #lineup #lineup-4 .img figure img{
    width:324px;
  }
  #lineup #lineup-5 .img{
    margin-left:110px;
  }
  #lineup #lineup-5 .img .btn-0{
    left:43.2569974555%;
    top:21.954674221%;
  }
  #lineup #lineup-5 .img .btn-1{
    left:65.903307888%;
    top:-2.1246458924%;
  }
  #lineup #lineup-5 .img figure img{
    width:393px;
  }
  #lineup #lineup-6 .img{
    margin-left:77px;
    margin-right:151px;
  }
  #lineup #lineup-6 .img .btn-0{
    left:55.4455445545%;
    top:23.5537190083%;
  }
  #lineup #lineup-6 .img figure img{
    width:303px;
  }
  #lineup #lineup-7{
    background-position-y:50%;
  }
  #lineup #lineup-7 .lineup-con{
    width:434px;
  }
  #lineup #lineup-7 .lineup-con .txt-normal-200{
    width:404px;
  }
  #lineup #lineup-7 .img{
    margin-left:140px;
  }
  #lineup #lineup-7 .img .release-1{
    left:73.3333333333%;
    top:4.9450549451%;
  }
  #lineup #lineup-7 .img .btn-0{
    left:2.962962963%;
    top:0;
  }
  #lineup #lineup-7 .img .btn-1{
    left:20.3703703704%;
    top:11.9047619048%;
  }
  #lineup #lineup-7 .img .btn-2{
    left:2.962962963%;
    top:30.7692307692%;
  }
  #lineup #lineup-7 .img .btn-3{
    left:52.2222222222%;
    top:17.7655677656%;
  }
  #lineup #lineup-7 .img .btn-4{
    left:74.8148148148%;
    top:71.4285714286%;
  }
  #lineup #lineup-7 .img figure img{
    width:278px;
  }
  #lineup #lineup-8 .img{
    margin-left:95px;
  }
  #lineup #lineup-8 .img .release-1{
    left:53.9784946237%;
    top:-5.2123552124%;
  }
  #lineup #lineup-8 .img .btn-0{
    left:53.9784946237%;
    top:22.2007722008%;
  }
  #lineup #lineup-8 .img figure img{
    width:465px;
  }
  #lineup .modal.is-open .swiper-slide{
    opacity:0 !important;
    transition-delay:0s !important;
    transition-duration:1s !important;
    transition-property:opacity, visibility !important;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94) !important;
    visibility:hidden !important;
  }
  #lineup .modal.is-open .swiper-slide.swiper-slide-active{
    opacity:1 !important;
    transition-delay:0s !important;
    transition-duration:.3s !important;
    visibility:visible !important;
  }
  #lineup .modal .close{
    height:86.2670273048px;
    right:-43.1335136524px;
    top:-43.1335136524px;
    width:86.2670273048px;
  }
  #lineup .modal .close,#lineup .modal .close span{
    transition-duration:.6s;
    transition-property:background-color;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
  }
  #lineup .modal .close:hover{
    background:#222;
  }
  #lineup .modal .close:hover span{
    background:#fff;
  }
  #lineup .modal .slide-nav{
    background:rgba(0, 0, 0, .6);
    border-radius:50%;
    font-size:40px;
    height:40px;
    line-height:1;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    transition-duration:.3s;
    transition-property:opacity, background-color, transform;
    transition-timing-function:cubic-bezier(.5, 0, 0, .5);
    width:40px;
  }
  #lineup .modal .slide-nav.prev{
    left:0;
  }
  #lineup .modal .slide-nav.next{
    right:0;
  }
  #lineup .modal .slide-nav[aria-disabled=true]{
    opacity:.2;
    pointer-events:none;
  }
  #lineup .modal .slide-nav:hover{
    background:rgba(0, 0, 0, .8);
    transform:translateY(-50%) scale(1.25);
  }
  #lineup .modal .circle-list{
    font-size:.875rem;
  }
  #lineup .modal-inner{
    margin:0 auto;
    position:relative;
    width:692px;
  }
  #lineup .modal .swiper-container{
    width:572px;
  }
  #lineup .modal .swiper-slide{
    border-radius:5px;
  }
  #lineup .modal .swiper-slide .wrap{
    align-items:flex-start;
    display:flex;
    justify-content:space-between;
    padding:60px 40px 0;
  }
  #lineup .modal .swiper-slide .con{
    width:404px;
  }
  #lineup .modal .swiper-slide .ttl{
    font-size:1rem;
    font-weight:700;
    line-height:2;
    margin:0 0 30px;
  }
  #lineup .modal .swiper-slide .txt{
    font-size:.875rem;
    font-weight:500;
    line-height:1.75;
    margin:0;
  }
  #lineup .modal .swiper-slide .txt sup{
    display:inline-block;
    font-size:.625rem;
    transform:scale(.8);
  }
  #lineup .modal .swiper-slide .s-txt{
    font-size:.75rem;
    font-weight:500;
    line-height:1.75;
    margin:0;
  }
  #lineup .modal .swiper-slide .caution{
    color:rgba(255, 255, 255, .5);
    font-size:.75rem;
    font-weight:500;
    line-height:2;
    margin:5px 0 0;
  }
  #lineup .modal .swiper-slide .s-ttl{
    font-size:.75rem;
    font-weight:700;
    line-height:1.75;
    margin:40px 0 10px;
  }
  #lineup .modal .swiper-slide .ttl+.s-ttl{
    margin-top:31px;
  }
  #lineup .modal .swiper-slide .list{
    list-style:none;
    margin:24px 0 0;
    padding:0;
  }
  #lineup .modal .swiper-slide .list li{
    align-items:center;
    display:flex;
    gap:16px;
  }
  #lineup .modal .swiper-slide .list li+li{
    margin-top:18px;
  }
  #lineup .modal .swiper-slide .list li .icon{
    width:50px;
  }
  #lineup .modal .swiper-slide .list li .s-ttl{
    margin:0;
  }
  #lineup #lineup-1-modal .slide-0 .wrap{
    margin-bottom:114px;
  }
  #lineup #lineup-1-modal .slide-1 .wrap{
    margin-bottom:84px;
  }
  #lineup #lineup-1-modal .slide-1 .fig2{
    margin-top:25px;
    width:268px;
  }
  #lineup #lineup-1-modal .slide-2 .wrap{
    margin-bottom:231px;
  }
  #lineup #lineup-1-modal .slide-3 .wrap{
    margin-bottom:123px;
  }
  #lineup #lineup-1-modal .slide-3 .fig2{
    margin-top:25px;
    width:248px;
  }
  #lineup #lineup-1-modal .slide-4{
    padding-bottom:3px;
  }
  #lineup #lineup-1-modal .slide-4 .wrap{
    margin-bottom:156px;
  }
  #lineup #lineup-2-modal .slide-0 .wrap{
    margin-bottom:60px;
  }
  #lineup #lineup-2-modal .slide-0 .fig2{
    margin-top:15px;
    width:160px;
  }
  #lineup #lineup-2-modal .slide-0-2 .wrap{
    margin-bottom:204px;
  }
  #lineup #lineup-2-modal .slide-1{
    padding-bottom:161px;
  }
  #lineup #lineup-2-modal .slide-1 .wrap{
    margin-bottom:152px;
  }
  #lineup #lineup-2-modal .slide-2{
    padding-bottom:73px;
  }
  #lineup #lineup-2-modal .slide-2 .wrap{
    margin-bottom:72px;
  }
  #lineup #lineup-2-modal .slide-2 .fig2{
    margin-top:20px;
    width:197px;
  }
  #lineup #lineup-2-modal .slide-3{
    padding-bottom:2px;
  }
  #lineup #lineup-2-modal .slide-3 .wrap{
    margin-bottom:90px;
  }
  #lineup #lineup-3-modal .slide-0 .wrap,#lineup #lineup-3-modal .slide-1 .wrap,#lineup #lineup-3-modal .slide-2 .wrap{
    margin-bottom:159px;
  }
  #lineup #lineup-3-modal .slide-3 .wrap{
    margin-bottom:60px;
  }
  #lineup #lineup-3-modal .slide-3 .fig2{
    margin-top:19px;
    width:186px;
  }
  #lineup #lineup-3-modal .slide-4 .wrap{
    margin-bottom:77px;
  }
  #lineup #lineup-3-modal .slide-4 .fig{
    padding-bottom:23px;
    width:340px;
  }
  #lineup #lineup-4-modal .slide-0 .fig{
    margin-top:-16px;
  }
  #lineup #lineup-4-modal .slide-1 .wrap{
    margin-bottom:105px;
  }
  #lineup #lineup-5-modal .slide-0 .wrap{
    margin-bottom:78px;
  }
  #lineup #lineup-5-modal .slide-0 .fig{
    margin:0 auto;
    padding-bottom:29px;
    width:352px;
  }
  #lineup #lineup-5-modal .slide-1 .wrap{
    margin-bottom:160px;
  }
  #lineup #lineup-5-modal .slide-1 .fig{
    margin:0 auto;
    padding-bottom:37px;
    width:492px;
  }
  #lineup #lineup-6-modal .slide-0 .wrap{
    margin-bottom:31px;
  }
  #lineup #lineup-6-modal .slide-0 .fig{
    width:314px;
  }
  #lineup #lineup-7-modal .slide-0 .wrap{
    margin-bottom:97px;
  }
  #lineup #lineup-7-modal .slide-0 .fig{
    padding-bottom:54px;
  }
  #lineup #lineup-7-modal .slide-1 .wrap{
    margin-bottom:143px;
  }
  #lineup #lineup-7-modal .slide-1 .fig2{
    margin-top:15px;
    width:105px;
  }
  #lineup #lineup-7-modal .slide-2 .wrap{
    margin-bottom:158px;
  }
  #lineup #lineup-7-modal .slide-2 .fig{
    padding-bottom:92px;
  }
  #lineup #lineup-7-modal .slide-3 .wrap{
    margin-bottom:89px;
  }
  #lineup #lineup-7-modal .slide-3 .fig2{
    margin-top:20px;
    width:177px;
  }
  #lineup #lineup-7-modal .slide-3 .fig{
    padding-bottom:64px;
  }
  #lineup #lineup-7-modal .slide-4 .wrap{
    margin-bottom:223px;
  }
  #lineup #lineup-7-modal .slide-4 .fig{
    padding-bottom:72px;
  }
  #lineup #lineup-8-modal .slide-0 .wrap{
    margin-bottom:98px;
  }
  #lineup #lineup-8-modal .slide-1 .wrap{
    margin-bottom:46px;
  }
  #howtouse{
    padding:200px 0;
  }
  #howtouse .btn-playmovie,#howtouse .howtouse-wrap{
    margin-top:100px;
  }
  #howtouse .howtouse-sec .header{
    cursor:pointer;
    padding:50px 23px 50px 0;
  }
  #howtouse .howtouse-sec .header:hover .btn-plus{
    background:rgba(0, 0, 0, .5);
    transform:scale(1.25);
  }
  #howtouse .howtouse-sec .header .ttl span.en{
    font-size:2.5rem;
  }
  #howtouse .howtouse-sec .header .ttl span.ja{
    font-size:1rem;
  }
  #howtouse .howtouse-sec .contents{
    margin:0 auto;
    width:750px;
  }
  #howtouse .howtouse-sec .contents .contents-sec+.contents-sec{
    border-top:1px solid #666;
    margin-top:80px;
    padding-top:80px;
  }
  #howtouse .howtouse-sec .contents .contents-ttl{
    font-size:.875rem;
    margin-bottom:40px;
  }
  #howtouse .howtouse-sec .contents .contents-ttl .num{
    font-size:2rem;
    margin-right:10px;
  }
  #howtouse .howtouse-sec .contents .contents-inner{
    width:660px;
  }
  #howtouse .howtouse-sec .contents figure figcaption{
    font-size:.75rem;
    margin-top:20px;
  }
  #howtouse .howtouse-sec .contents .con-ttl{
    font-size:1.25rem;
  }
  #howtouse .howtouse-sec .contents .con-ttl+p{
    margin-top:20px;
  }
  #howtouse .howtouse-sec .contents .con-subttl{
    font-size:1rem;
  }
  #howtouse .howtouse-sec .contents .con-subttl+p{
    margin-top:10px;
  }
  #howtouse .howtouse-sec .contents p{
    font-size:1rem;
  }
  #howtouse .howtouse-sec.is-open .contents{
    padding:30px 0 80px;
  }
  #howtouse .howtouse-sec.shave .sec-1 .contents-inner{
    align-items:flex-start;
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
  }
  #howtouse .howtouse-sec.shave .sec-1 .contents-inner .con{
    width:443px;
  }
  #howtouse .howtouse-sec.shave .sec-2 .contents-inner{
    align-items:flex-start;
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
  }
  #howtouse .howtouse-sec.shave .sec-2 .contents-inner .figs{
    align-items:center;
    display:flex;
    flex-direction:column;
  }
  #howtouse .howtouse-sec.shave .sec-2 .contents-inner .figs .fig-2{
    margin-top:80px;
  }
  #howtouse .howtouse-sec.shave .sec-2 .contents-inner .con{
    width:443px;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-ttl{
    margin-bottom:20px;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-1{
    align-items:flex-start;
    display:flex;
    justify-content:space-between;
    margin-bottom:54px;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-1 .con-1-wrap{
    width:443px;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-1 figure{
    position:relative;
    top:-55px;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-2 .figs{
    display:flex;
    margin-top:30px;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-2 .figs .fig-2{
    background:url(../png/howtouse-shave-3-arrow-pc.png) no-repeat 100%;
    background-size:22px auto;
    margin-right:37px;
    padding-right:59px;
    width:235px;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-2 .figs .fig-wrap{
    display:flex;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-2 .figs .fig-wrap figure{
    width:176px;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-2 .figs .fig-wrap .fig-3{
    margin-right:37px;
  }
  #howtouse .howtouse-sec.shave .sec-4 .con-1{
    align-items:flex-start;
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
    margin-bottom:60px;
  }
  #howtouse .howtouse-sec.shave .sec-4 .con-1 .con{
    width:443px;
  }
  #howtouse .howtouse-sec.nail .sec-1 .box{
    align-items:center;
    border:1px solid #ddd;
    display:flex;
    justify-content:space-between;
    margin-bottom:37px;
    margin-top:40px;
    padding:30px 43px 20px 30px;
  }
  #howtouse .howtouse-sec.nail .sec-1 .box .figs{
    align-items:center;
    display:flex;
    justify-content:space-between;
    width:164px;
  }
  #howtouse .howtouse-sec.nail .sec-1 .box .box-con{
    width:386px;
  }
  #howtouse .howtouse-sec.nail .sec-1 .con{
    align-items:flex-start;
    display:flex;
  }
  #howtouse .howtouse-sec.nail .sec-1 .con+.con{
    margin-top:60px;
  }
  #howtouse .howtouse-sec.nail .sec-1 .con .con-wrap{
    margin-right:81px;
    width:443px;
  }
  #howtouse .howtouse-sec.nail .sec-2 .contents-inner{
    align-items:flex-start;
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
  }
  #howtouse .howtouse-sec.nail .sec-2 .contents-inner .con{
    width:443px;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .con{
    align-items:flex-start;
    display:flex;
    flex-direction:row-reverse;
    justify-content:space-between;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .con .con-wrap{
    width:355px;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .con figure{
    border:1px solid #ddd;
    width:266px;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .con figure figcaption{
    font-size:.625rem;
    font-weight:500;
    margin-top:14px;
    padding:0 12px 10px;
    text-align:left;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs{
    align-items:center;
    display:flex;
    justify-content:center;
    margin:52px auto 0;
    width:662px;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs figure{
    width:220px;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs figure figcaption{
    margin-top:10px;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs figure figcaption strong{
    display:block;
    font-weight:700;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs figure figcaption span{
    display:block;
    font-weight:500;
  }
  #howtouse .howtouse-sec.eyebrow .sec-2 .con-outer{
    align-items:flex-start;
    display:flex;
    justify-content:space-between;
    margin-top:40px;
  }
  #howtouse .howtouse-sec.eyebrow .sec-2 .con-outer .con{
    display:flex;
    flex-direction:column-reverse;
    width:200px;
  }
  #howtouse .howtouse-sec.eyebrow .sec-2 .con-outer .con .con-wrap{
    margin-top:20px;
  }
  #howtouse .howtouse-sec.eyebrow .sec-2 .con-outer .con figure{
    align-items:center;
    display:flex;
    justify-content:center;
    min-height:158px;
  }
  #news{
    padding:200px 0;
  }
  #news .news{
    margin-top:80px;
  }
  #news .news li>a,#news .news li>div{
    align-items:center;
    padding:0 70px 0 0;
  }
  #news .news li>a{
    position:relative;
    transition-duration:.6s;
    transition-property:color;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
  }
  #news .news li>a .con time{
    transition-duration:.6s;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
  }
  #news .news li>a:after{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content:"\ea04";
    font-family:icon;
    font-size:40px;
    font-style:normal;
    font-weight:400;
    position:absolute;
    right:10px;
    top:50%;
    transform:translateY(-50%);
    transition-duration:.3s;
    transition-property:transform;
    transition-timing-function:cubic-bezier(.5, 0, 0, .5);
  }
  #news .news li>a:hover{
    color:#fff;
  }
  #news .news li>a:hover .con time{
    opacity:1;
  }
  #news .news li>a:hover:after{
    transform:translateY(-50%) scale(1.25);
  }
  #news .news li figure{
    margin-right:20px;
    padding:20px 0;
    width:80px;
  }
  #news .news li .con p{
    font-size:1rem;
  }
  #news .news li .con time{
    font-size:.75rem;
  }
  #news .news .btn-more{
    font-size:1rem;
    line-height:1.75;
    margin:60px auto 0;
    padding-bottom:calc(24px - .375em);
    padding-top:calc(24px - .375em);
    transition-duration:.6s;
    transition-property:color, background-color;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
    width:492px;
  }
  #news .news .btn-more:after{
    right:20px;
  }
  #news .news .btn-more:hover{
    background:#222;
    color:#fff;
  }
  #news .banners{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin:108px -20px 0;
  }
  #news .banners li{
    margin:20px 20px 0;
    width:calc(50% - 40px);
  }
  #news .banners li a{
    position:relative;
  }
  #news .banners li a:after{
    background:rgba(0, 0, 0, .2);
    content:"";
    display:block;
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition-duration:.6s;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
    width:100%;
  }
  #news .banners li a:hover:after{
    opacity:1;
  }
  #buynow{
    padding:153px 0 152px;
  }
  #buynow .con{
    width:403px;
  }
  #buynow .con p{
    font-size:1rem;
    margin:80px 0 33px;
  }
  #footer{
    padding:60px 0;
  }
  #footer .ar{
    align-items:center;
    background:url(../png/footer-ar-bg-pc.png) repeat top;
    border-radius:5px;
    display:flex;
    height:150px;
    transition-property:color;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
  }
  #footer .ar,#footer .ar:after{
    transition-duration:.6s;
    width:100%;
  }
  #footer .ar:after{
    background:rgba(0, 0, 0, .3);
    content:"";
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
    z-index:1;
  }
  #footer .ar:hover{
    color:#fff;
  }
  #footer .ar:hover:after{
    opacity:1;
  }
  #footer .ar .con{
    align-items:center;
    display:flex;
    padding-left:35px;
    width:64.55078125%;
  }
  #footer .ar .con .con-inner{
    margin-left:7.6677316294%;
    width:537px;
  }
  #footer .ar .con .txt-l{
    font-size:1.25rem;
    margin:0 0 5px;
  }
  #footer .ar .con .txt-s{
    font-size:.75rem;
    margin:0;
  }
  #footer .ar figure{
    height:100%;
    left:0;
    top:0;
    width:100%;
  }
  #footer .ar figure img{
    height:100%;
    max-width:none;
    position:absolute;
    right:0;
    top:0;
    width:auto;
  }
  #footer .links{
    justify-content:space-between;
  }
  #footer .links .sns dt{
    font-size:1rem;
    margin-right:20px;
  }
  #footer .links .sns dd+dd{
    margin-left:20px;
  }
  #footer .links .sns dd a{
    display:block;
    transition-duration:.3s;
    transition-property:transform;
    transition-timing-function:cubic-bezier(.5, 0, 0, .5);
  }
  #footer .links .sns dd a:hover{
    transform:scale(1.25);
  }
  #footer .links .banners{
    display:flex;
    justify-content:space-between;
    width:68.359375%;
  }
  #footer .links .banners li{
    width:calc(33.33333% - 5px);
  }
  #footer .links .banners a{
    position:relative;
  }
  #footer .links .banners a:after{
    background:rgba(0, 0, 0, .2);
    content:"";
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    transition-duration:.6s;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(.25, .46, .45, .94);
    width:100%;
  }
  #footer .links .banners a:hover:after{
    opacity:1;
  }
  #footer .foot{
    align-items:center;
    display:flex;
    margin-top:60px;
    padding-top:60px;
  }
  #footer .foot .logo{
    margin-right:30px;
    width:60px;
  }
  #footer .foot .copyright{
    flex:1;
    font-size:.75rem;
  }}
@media (max-width:1279px){
  #navigation .gnav{
    transform:translate(-90px, -50%);
  }}
@media (max-width:920px){
  .only-pc{
    display:none !important;
  }
  .btn-link{
    background:rgba(0, 0, 0, .6);
    border-color:#fff;
    color:#fff;
    font-size:3.7333333333vw;
    line-height:1.75;
    padding-bottom:5vw;
    padding-top:5vw;
  }
  .btn-playmovie span{
    font-size:4.2666666667vw;
    line-height:1.75;
    padding-bottom:.2666666667vw;
    padding-left:13.3333333333vw;
    padding-top:.2666666667vw;
  }
  .btn-playmovie span:before{
    font-size:8vw;
  }
  .movie-modal-inner{
    padding-top:13.8666666667vw;
  }
  .movie-modal-close{
    font-size:3.7333333333vw;
    margin-top:6.9333333333vw;
  }
  .btn-plus{
    border-color:#fff;
    height:6.4vw;
    width:6.4vw;
  }
  .btn-plus span{
    background:#fff;
    width:4.8vw;
  }
  .sec-inner{
    padding:0 5.3333333333vw;
  }
  .headline2{
    font-size:5.3333333333vw;
  }
  .txt-normal-200,.txt-normal-260{
    font-size:3.7333333333vw;
  }
  #navigation .gnav{
    display:none;
  }
  #navigation .store{
    display:flex;
    height:13.3333333333vw;
    width:13.3333333333vw;
  }
  #navigation .store:before{
    font-size:4.8vw;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
  }
  #top{
    height:calc(var(--vh, 1vh)*100);
    min-height:558px;
  }
  #concept{
    padding:21.3333333333vw 0 26.6666666667vw;
  }
  #concept .con1{
    margin-top:16vw;
  }
  #concept .con1 .con{
    margin-bottom:53.3333333333vw;
  }
  #concept .con1 .con .ttl{
    margin-bottom:6.4vw;
    width:62.1333333333vw;
  }
  #concept .con1 .con .ttl img{
    height:auto;
    max-width:none;
    width:100%;
  }
  #concept .con1 .con .lead{
    margin-bottom:13.0666666667vw;
    width:53.3333333333vw;
  }
  #concept .con1 .con .lead img{
    height:auto;
    max-width:none;
    width:100%;
  }
  #concept .con1 .con .txt{
    width:70.1333333333vw;
  }
  #concept .con1 .con .txt img+img{
    margin-top:5.3333333333vw;
  }
  #concept .con1 .con .logo{
    margin-top:11.2vw;
    width:26.6666666667vw;
  }
  #concept .con1 .con .logo img{
    height:auto;
    max-width:none;
    width:100%;
  }
  #concept .con1 .bg-1{
    right:-3.7333333333vw;
    top:128vw;
    width:53.3333333333vw;
  }
  #concept .con2{
    padding-top:122.6666666667vw;
  }
  #concept .con2 .con{
    margin-bottom:91.2vw;
  }
  #concept .con2 .ttl{
    margin-bottom:13.3333333333vw;
    width:53.3333333333vw;
  }
  #concept .con2 .ttl img{
    height:auto;
    max-width:none;
    width:100%;
  }
  #concept .con2 .txt{
    width:82.1333333333vw;
  }
  #concept .con2 .txt img{
    height:auto;
    max-width:none;
    width:100%;
  }
  #concept .con2 .bg-2-1{
    left:2vw;
    top:13.3333333333vw;
    width:89.3333333333vw;
  }
  #concept .con2 .bg-2-2{
    top:229.3333333333vw;
  }
  #concept .con2 .bg-2-2,#concept .con2 .bg-2-3{
    left:-6.6666666667vw;
    max-width:none;
    width:106.6666666667vw;
  }
  #concept .con2 .bg-2-3{
    top:240vw;
  }
  #lineup{
    padding:26.6666666667vw 0;
  }
  #lineup .nav{
    margin:16vw -5.3333333333vw 26.6666666667vw;
    overflow:visible;
    padding-left:5.3333333333vw;
    padding-right:5.3333333333vw;
  }
  #lineup .nav .swipehere{
    margin-bottom:4vw;
  }
  #lineup .nav .swipehere .img{
    height:13.0666666667vw;
    margin-right:2.6666666667vw;
    width:13.0666666667vw;
  }
  #lineup .nav .swipehere .txt{
    font-size:2.6666666667vw;
  }
  #lineup .nav .swiper-slide{
    height:49.6vw;
  }
  #lineup .nav .swiper-slide a{
    border-radius:2.6666666667vw;
    padding:36.2666666667vw 1.3333333333vw 5.3333333333vw;
  }
  #lineup .nav .swiper-slide a .img{
    transform:translate(-50%, calc(-50% - 4.8vw));
  }
  #lineup .nav .swiper-slide a span{
    font-size:2.6666666667vw;
    line-height:1.25;
  }
  #lineup .lineup-sec .img .release{
    height:11.7333333333vw;
    width:11.7333333333vw;
  }
  #lineup .lineup-sec+.lineup-sec{
    margin-top:30.4vw;
  }
  #lineup .lineup-sec .lineup-con{
    padding:0 5.3333333333vw;
  }
  #lineup .lineup-sec .lineup-con .ttl{
    margin-bottom:8vw;
  }
  #lineup .lineup-sec .lineup-con .ttl .auger{
    font-size:3.7333333333vw;
    margin-bottom:1.3333333333vw;
  }
  #lineup .lineup-sec .lineup-con .ttl .en{
    font-size:8vw;
    margin-bottom:1.3333333333vw;
  }
  #lineup .lineup-sec .lineup-con .ttl .ja{
    font-size:3.7333333333vw;
  }
  #lineup .lineup-sec .img{
    background:url(../png/lineup-con-bg.png) no-repeat 50%;
    background-size:120.5333333333% auto;
    margin-top:10.6666666667vw;
  }
  #lineup .lineup-sec .img figure img{
    height:auto;
    max-width:none;
    width:100%;
  }
  #lineup #lineup-1 .img .btn-0{
    left:16.2666666667vw;
    top:0;
  }
  #lineup #lineup-1 .img .btn-1{
    left:16.2666666667vw;
    top:20.6666666667vw;
  }
  #lineup #lineup-1 .img .btn-2{
    left:58.6666666667vw;
    top:2.1333333333vw;
  }
  #lineup #lineup-1 .img .btn-3{
    left:51.7333333333vw;
    top:20.6666666667vw;
  }
  #lineup #lineup-1 .img .btn-4{
    left:16.2666666667vw;
    top:38.4vw;
  }
  #lineup #lineup-1 .img .img-inner{
    width:72vw;
  }
  #lineup #lineup-2 .img{
    background-position-y:43%;
  }
  #lineup #lineup-2 .img .btn-0{
    left:12.9333333333vw;
    top:19.2vw;
  }
  #lineup #lineup-2 .img .btn-1{
    left:30.5333333333vw;
    top:43.8666666667vw;
  }
  #lineup #lineup-2 .img .btn-2{
    left:48.5333333333vw;
    top:37.3333333333vw;
  }
  #lineup #lineup-2 .img .btn-3{
    left:68.4vw;
    top:13.8666666667vw;
  }
  #lineup #lineup-2 .img .img-inner{
    left:1.3333333333vw;
    width:86.1333333333vw;
  }
  #lineup #lineup-3 .img .btn-0{
    left:12.4vw;
    top:12.1333333333vw;
  }
  #lineup #lineup-3 .img .btn-1{
    left:36.5333333333vw;
    top:30.8vw;
  }
  #lineup #lineup-3 .img .btn-2{
    left:58.4vw;
    top:17.3333333333vw;
  }
  #lineup #lineup-3 .img .btn-3{
    left:58.4vw;
    top:37.8666666667vw;
  }
  #lineup #lineup-3 .img .btn-4{
    left:70.4vw;
    top:60.4vw;
  }
  #lineup #lineup-3 .img .img-inner{
    margin:0 0 0 auto;
    width:94.1333333333vw;
  }
  #lineup #lineup-4 .img{
    background-position-y:36%;
    margin-top:7.6vw;
  }
  #lineup #lineup-4 .img .release-1{
    right:32.9333333333vw;
    top:1.52vw;
  }
  #lineup #lineup-4 .img .btn-0{
    left:-1.6vw;
    top:26.1333333333vw;
  }
  #lineup #lineup-4 .img .btn-1{
    left:52.9333333333vw;
    top:41.3333333333vw;
  }
  #lineup #lineup-4 .img .img-inner{
    width:63.2vw;
  }
  #lineup #lineup-5 .img .btn-0{
    left:38.5333333333vw;
    top:15.7333333333vw;
  }
  #lineup #lineup-5 .img .btn-1{
    left:57.6vw;
    top:0;
  }
  #lineup #lineup-5 .img .img-inner{
    width:84vw;
  }
  #lineup #lineup-6 .img .btn-0{
    left:37.0666666667vw;
    top:18.4vw;
  }
  #lineup #lineup-6 .img .img-inner{
    width:64.2666666667vw;
  }
  #lineup #lineup-7 .img .release-1{
    left:40vw;
    top:-1.6vw;
  }
  #lineup #lineup-7 .img .btn-0{
    left:4.2666666667vw;
    top:0;
  }
  #lineup #lineup-7 .img .btn-1{
    left:12.2666666667vw;
    top:9.0666666667vw;
  }
  #lineup #lineup-7 .img .btn-2{
    left:5.3333333333vw;
    top:26.9333333333vw;
  }
  #lineup #lineup-7 .img .btn-3{
    left:32vw;
    top:12.2666666667vw;
  }
  #lineup #lineup-7 .img .btn-4{
    left:42.9333333333vw;
    top:58.9333333333vw;
  }
  #lineup #lineup-7 .img .img-inner{
    width:50.9333333333vw;
  }
  #lineup #lineup-8 .img .release-1{
    left:50.1333333333vw;
    top:-3.7333333333vw;
  }
  #lineup #lineup-8 .img .btn-0{
    left:50.1333333333vw;
    top:24vw;
  }
  #lineup #lineup-8 .img .img-inner{
    width:83.4666666667vw;
  }
  #lineup .modal .close{
    height:23.0045406146vw;
    right:-11.5022703073vw;
    top:-11.5022703073vw;
    width:23.0045406146vw;
  }
  #lineup .modal .slide-nav{
    display:none;
  }
  #lineup .modal .circle-list{
    font-size:3.7333333333vw;
  }
  #lineup .modal-inner{
    margin:0 auto;
    width:94.6666666667vw;
  }
  #lineup .modal .swiper-slide{
    border-radius:1.3333333333vw;
  }
  #lineup .modal .swiper-slide .wrap{
    align-items:flex-start;
    display:flex;
    justify-content:space-between;
    padding:8vw 5.3333333333vw 0;
  }
  #lineup .modal .swiper-slide .con{
    width:66.6666666667vw;
  }
  #lineup .modal .swiper-slide .ttl{
    font-size:4.2666666667vw;
    font-weight:700;
    line-height:2;
    margin:0 0 5.8666666667vw;
  }
  #lineup .modal .swiper-slide .ttl .num{
    font-size:3.7333333333vw;
  }
  #lineup .modal .swiper-slide .txt{
    font-size:3.7333333333vw;
    font-weight:500;
    line-height:1.75;
    margin:0;
  }
  #lineup .modal .swiper-slide .txt sup{
    display:inline-block;
    font-size:2.6666666667vw;
    transform:scale(.8);
  }
  #lineup .modal .swiper-slide .s-txt{
    font-size:3.2vw;
    font-weight:500;
    line-height:1.75;
    margin:0;
  }
  #lineup .modal .swiper-slide .caution{
    color:rgba(255, 255, 255, .5);
    font-size:3.2vw;
    font-weight:500;
    line-height:2;
    margin:1.3333333333vw 0 0;
  }
  #lineup .modal .swiper-slide .s-ttl{
    font-size:3.2vw;
    font-weight:700;
    line-height:1.75;
    margin:8.5333333333vw 0 1.3333333333vw;
  }
  #lineup .modal .swiper-slide .ttl+.s-ttl{
    margin-top:5.3333333333vw;
  }
  #lineup .modal .swiper-slide .list{
    list-style:none;
    margin:5.3333333333vw 0 0;
    padding:0;
  }
  #lineup .modal .swiper-slide .list li{
    align-items:center;
    display:flex;
    justify-content:space-between;
  }
  #lineup .modal .swiper-slide .list li+li{
    margin-top:6.1333333333vw;
  }
  #lineup .modal .swiper-slide .list li .s-ttl{
    margin:0;
  }
  #lineup .modal .swiper-slide .list li .icon{
    margin-top:0;
    width:16vw;
  }
  #lineup .modal .swiper-slide .list li>div{
    width:62.6666666667vw;
  }
  #lineup .modal .swiper-slide .icon{
    margin-top:13.8666666667vw;
    width:12vw;
  }
  #lineup #lineup-1-modal .slide-0 .icon{
    margin-top:22.4vw;
  }
  #lineup #lineup-1-modal .slide-0 .wrap{
    margin-bottom:17.8666666667vw;
  }
  #lineup #lineup-1-modal .slide-1 .wrap{
    margin-bottom:14.6666666667vw;
  }
  #lineup #lineup-1-modal .slide-1 .fig2{
    margin-top:4vw;
    width:63.4666666667vw;
  }
  #lineup #lineup-1-modal .slide-2 .wrap{
    margin-bottom:36.5333333333vw;
  }
  #lineup #lineup-1-modal .slide-3 .wrap{
    margin-bottom:26.1333333333vw;
  }
  #lineup #lineup-1-modal .slide-3 .fig2{
    margin-top:5.3333333333vw;
    width:61.0666666667vw;
  }
  #lineup #lineup-1-modal .slide-4 .wrap{
    margin-bottom:27.4666666667vw;
  }
  #lineup #lineup-1-modal .slide-4 .con{
    width:100%;
  }
  #lineup #lineup-2-modal .slide-0 .icon{
    margin-top:22.4vw;
  }
  #lineup #lineup-2-modal .slide-0 .wrap{
    margin-bottom:6.4vw;
  }
  #lineup #lineup-2-modal .slide-0 .fig2{
    margin-top:3.2vw;
    width:36vw;
  }
  #lineup #lineup-2-modal .slide-0-2 .icon{
    margin-top:22.4vw;
  }
  #lineup #lineup-2-modal .slide-0-2 .wrap{
    margin-bottom:41.8666666667vw;
  }
  #lineup #lineup-2-modal .slide-1 .wrap{
    margin-bottom:52.2666666667vw;
  }
  #lineup #lineup-2-modal .slide-2{
    padding-bottom:8.8vw;
  }
  #lineup #lineup-2-modal .slide-2 .wrap{
    margin-bottom:22.9333333333vw;
  }
  #lineup #lineup-2-modal .slide-2 .con{
    width:100%;
  }
  #lineup #lineup-2-modal .slide-2 .fig2{
    margin-top:4vw;
    width:49.3333333333vw;
  }
  #lineup #lineup-2-modal .slide-3 .wrap{
    margin-bottom:15.7333333333vw;
  }
  #lineup #lineup-2-modal .slide-3 .con{
    width:100%;
  }
  #lineup #lineup-3-modal .slide-0 .wrap{
    margin-bottom:34.9333333333vw;
  }
  #lineup #lineup-3-modal .slide-1 .wrap{
    margin-bottom:26.4vw;
  }
  #lineup #lineup-3-modal .slide-1 .con{
    width:100%;
  }
  #lineup #lineup-3-modal .slide-2 .wrap{
    margin-bottom:26.4vw;
  }
  #lineup #lineup-3-modal .slide-2 .con{
    width:100%;
  }
  #lineup #lineup-3-modal .slide-3 .wrap{
    margin-bottom:11.4666666667vw;
  }
  #lineup #lineup-3-modal .slide-3 .fig2{
    margin-top:2.6666666667vw;
    width:45.3333333333vw;
  }
  #lineup #lineup-3-modal .slide-4 .wrap{
    margin-bottom:7.2vw;
  }
  #lineup #lineup-3-modal .slide-4 .fig{
    width:56vw;
  }
  #lineup #lineup-4-modal .slide-0 .wrap{
    margin-bottom:11.7333333333vw;
  }
  #lineup #lineup-4-modal .slide-0 .con{
    width:100%;
  }
  #lineup #lineup-4-modal .slide-0 .con .ttl{
    width:76vw;
  }
  #lineup #lineup-4-modal .slide-1 .wrap{
    margin-bottom:27.2vw;
  }
  #lineup #lineup-4-modal .slide-1 .con,#lineup #lineup-5-modal .slide-0 .con{
    width:100%;
  }
  #lineup #lineup-5-modal .slide-0 .wrap{
    margin-bottom:7.7333333333vw;
  }
  #lineup #lineup-5-modal .slide-1 .con{
    width:100%;
  }
  #lineup #lineup-5-modal .slide-1 .wrap{
    margin-bottom:26.4vw;
  }
  #lineup #lineup-6-modal .slide-0 .wrap{
    margin-bottom:0;
  }
  #lineup #lineup-6-modal .slide-0 .con{
    width:69.3333333333vw;
  }
  #lineup #lineup-6-modal .slide-0 .con p{
    width:66.6666666667vw;
  }
  #lineup #lineup-6-modal .slide-0 .icon{
    margin-top:22.4vw;
  }
  #lineup #lineup-6-modal .slide-0 .fig{
    width:46.6666666667vw;
  }
  #lineup #lineup-7-modal .slide-0 .wrap{
    margin-bottom:17.3333333333vw;
  }
  #lineup #lineup-7-modal .slide-0 .con{
    width:100%;
  }
  #lineup #lineup-7-modal .slide-0 .fig{
    padding-bottom:17.0666666667vw;
  }
  #lineup #lineup-7-modal .slide-1 .wrap{
    margin-bottom:19.2vw;
  }
  #lineup #lineup-7-modal .slide-1 .con{
    width:100%;
  }
  #lineup #lineup-7-modal .slide-1 .fig2{
    margin-top:4vw;
    width:23.2vw;
  }
  #lineup #lineup-7-modal .slide-1 .fig{
    padding-bottom:15.7333333333vw;
  }
  #lineup #lineup-7-modal .slide-2 .wrap{
    margin-bottom:28.5333333333vw;
  }
  #lineup #lineup-7-modal .slide-2 .fig{
    padding-bottom:27.4666666667vw;
  }
  #lineup #lineup-7-modal .slide-3 .wrap{
    margin-bottom:20.2666666667vw;
  }
  #lineup #lineup-7-modal .slide-3 .con{
    width:100%;
  }
  #lineup #lineup-7-modal .slide-3 .fig2{
    margin-top:4vw;
    width:42.6666666667vw;
  }
  #lineup #lineup-7-modal .slide-3 .fig{
    padding-bottom:14.4vw;
  }
  #lineup #lineup-7-modal .slide-4 .wrap{
    margin-bottom:50.1333333333vw;
  }
  #lineup #lineup-7-modal .slide-4 .con{
    width:100%;
  }
  #lineup #lineup-7-modal .slide-4 .fig{
    padding-bottom:15.4666666667vw;
  }
  #lineup #lineup-8-modal .slide-0 .wrap{
    margin-bottom:9.3333333333vw;
  }
  #lineup #lineup-8-modal .slide-0 .con{
    width:100%;
  }
  #lineup #lineup-8-modal .slide-1 .wrap{
    margin-bottom:4.5333333333vw;
  }
  #lineup #lineup-8-modal .slide-1 .con{
    width:100%;
  }
  #howtouse{
    padding:26.6666666667vw 0;
  }
  #howtouse .btn-playmovie,#howtouse .howtouse-wrap{
    margin-top:16vw;
  }
  #howtouse .howtouse-sec .header{
    padding:8vw 0;
  }
  #howtouse .howtouse-sec .header .ttl span.en{
    font-size:7.4666666667vw;
  }
  #howtouse .howtouse-sec .header .ttl span.ja{
    font-size:3.7333333333vw;
  }
  #howtouse .howtouse-sec .contents .contents-sec+.contents-sec{
    border-top:1px solid #666;
    margin-top:10.6666666667vw;
    padding-top:10.6666666667vw;
  }
  #howtouse .howtouse-sec .contents .contents-ttl{
    font-size:3.2vw;
    margin-bottom:5.3333333333vw;
  }
  #howtouse .howtouse-sec .contents .contents-ttl .num{
    font-size:7.4666666667vw;
    margin-right:2.6666666667vw;
  }
  #howtouse .howtouse-sec .contents .contents-inner{
    width:78.6666666667vw;
  }
  #howtouse .howtouse-sec .contents figure img{
    height:auto;
    max-width:none;
    width:100%;
  }
  #howtouse .howtouse-sec .contents figure figcaption{
    font-size:3.2vw;
    margin-top:5.3333333333vw;
  }
  #howtouse .howtouse-sec .contents .con-ttl{
    font-size:4.8vw;
  }
  #howtouse .howtouse-sec .contents .con-ttl+p{
    margin-top:4vw;
  }
  #howtouse .howtouse-sec .contents .con-subttl,#howtouse .howtouse-sec .contents p{
    font-size:3.7333333333vw;
  }
  #howtouse .howtouse-sec.is-open .contents{
    padding:2.6666666667vw 0 10.6666666667vw;
  }
  #howtouse .howtouse-sec.shave .sec-1 figure{
    margin-bottom:13.8666666667vw;
    width:37.3333333333vw;
  }
  #howtouse .howtouse-sec.shave .sec-2 .figs{
    align-items:center;
    display:flex;
    margin-bottom:10.6666666667vw;
  }
  #howtouse .howtouse-sec.shave .sec-2 .figs .fig-1{
    margin-right:4.8vw;
    width:37.3333333333vw;
  }
  #howtouse .howtouse-sec.shave .sec-2 .figs .fig-2{
    width:27.7333333333vw;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-ttl{
    margin-bottom:4vw;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-1{
    align-items:flex-start;
    display:flex;
    justify-content:space-between;
    margin-bottom:10.6666666667vw;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-1 .con-1-wrap{
    width:47.2vw;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-1 figure{
    width:28.2666666667vw;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-2 .figs{
    margin-top:10.6666666667vw;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-2 .figs .fig-2{
    background:url(../png/howtouse-shave-3-arrow-sp.png) no-repeat bottom;
    background-size:11.7333333333vw auto;
    margin-bottom:9.8666666667vw;
    padding-bottom:15.7333333333vw;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-2 .figs .fig-2 img{
    width:23.2533333333vw;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-2 .figs .fig-wrap{
    display:flex;
    justify-content:space-between;
  }
  #howtouse .howtouse-sec.shave .sec-3 .con-2 .figs .fig-wrap figure{
    width:37.3333333333vw;
  }
  #howtouse .howtouse-sec.shave .sec-4 .con-1 figure{
    margin-bottom:10.6666666667vw;
    width:37.3333333333vw;
  }
  #howtouse .howtouse-sec.shave .sec-4 .con-1 figure figcaption{
    font-size:2.6666666667vw;
  }
  #howtouse .howtouse-sec.shave .sec-4 .con-2 p{
    margin-top:1.75em;
  }
  #howtouse .howtouse-sec.nail .sec-1 .box{
    border:1px solid #ddd;
    margin-bottom:11.7333333333vw;
    margin-top:9.3333333333vw;
    padding:13.3333333333vw 5.3333333333vw 5.3333333333vw;
  }
  #howtouse .howtouse-sec.nail .sec-1 .box .figs{
    align-items:center;
    display:flex;
    justify-content:center;
    margin-bottom:6.6666666667vw;
  }
  #howtouse .howtouse-sec.nail .sec-1 .box .figs figcaption{
    margin-top:2.6666666667vw;
  }
  #howtouse .howtouse-sec.nail .sec-1 .box .figs .fig-1{
    margin-right:8vw;
  }
  #howtouse .howtouse-sec.nail .sec-1 .box .figs .fig-1 img{
    width:14.6346666667vw;
  }
  #howtouse .howtouse-sec.nail .sec-1 .box .figs .fig-2 img{
    width:19.392vw;
  }
  #howtouse .howtouse-sec.nail .sec-1 .con{
    display:flex;
    flex-direction:column-reverse;
  }
  #howtouse .howtouse-sec.nail .sec-1 .con+.con{
    margin-top:10.6666666667vw;
  }
  #howtouse .howtouse-sec.nail .sec-1 .con figure{
    margin-bottom:10.6666666667vw;
    width:33.6vw;
  }
  #howtouse .howtouse-sec.nail .sec-1 .con figure img{
    width:26.6666666667vw;
  }
  #howtouse .howtouse-sec.nail .sec-2 figure{
    margin-bottom:10.6666666667vw;
    width:46.9333333333vw;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .con figure{
    border:1px solid #ddd;
    margin-bottom:10.6666666667vw;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .con figure img{
    width:39.2vw;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .con figure figcaption{
    font-size:2.6666666667vw;
    font-weight:500;
    margin-top:6.4vw;
    padding:0 3.2vw 2.1333333333vw;
    text-align:left;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs{
    margin-top:10.6666666667vw;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs figure{
    align-items:center;
    display:flex;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs figure+figure{
    margin-top:6.6666666667vw;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs figure img{
    width:20.8vw;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs figure figcaption{
    margin-left:5.0666666667vw;
    margin-top:0;
    text-align:left;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs figure figcaption strong{
    display:block;
    font-weight:700;
  }
  #howtouse .howtouse-sec.eyebrow .sec-1 .figs figure figcaption span{
    display:block;
    font-weight:500;
  }
  #howtouse .howtouse-sec.eyebrow .sec-2 .con-outer{
    margin-top:6.6666666667vw;
  }
  #howtouse .howtouse-sec.eyebrow .sec-2 .con-outer .con{
    align-items:flex-start;
    display:flex;
    justify-content:space-between;
  }
  #howtouse .howtouse-sec.eyebrow .sec-2 .con-outer .con+.con{
    margin-top:10.6666666667vw;
  }
  #howtouse .howtouse-sec.eyebrow .sec-2 .con-outer .con .con-wrap{
    width:47.2vw;
  }
  #howtouse .howtouse-sec.eyebrow .sec-2 .con-outer .con figure{
    width:28.2666666667vw;
  }
  #news{
    padding:26.6666666667vw 0;
  }
  #news .news{
    margin-top:16vw;
  }
  #news .news li>a,#news .news li>div{
    align-items:flex-start;
    padding:5.3333333333vw 0;
  }
  #news .news li figure{
    margin-right:5.3333333333vw;
    width:16vw;
  }
  #news .news li figure img{
    height:auto;
    max-width:none;
    width:100%;
  }
  #news .news li .con p{
    font-size:3.7333333333vw;
  }
  #news .news li .con time{
    font-size:3.2vw;
  }
  #news .news .btn-more{
    font-size:4.2666666667vw;
    line-height:1.75;
    margin:10.6666666667vw auto 0;
    padding-bottom:4.8vw;
    padding-top:4.8vw;
    width:100%;
  }
  #news .news .btn-more:after{
    right:5.3333333333vw;
  }
  #news .banners{
    margin-top:26.6666666667vw;
  }
  #news .banners li+li{
    margin-top:2.6666666667vw;
  }
  #buynow{
    padding:26.6666666667vw 0 10.6666666667vw;
  }
  #buynow .con p{
    font-size:3.7333333333vw;
    margin:29.6vw 0 7.7333333333vw;
    width:63.2vw;
  }
  #footer{
    padding:10.6666666667vw 0 8vw;
  }
  #footer .ar{
    background:url(../png/footer-ar-bg-sp.png) repeat top;
    background-size:100% auto;
    border-radius:1.3333333333vw;
    padding:12vw 0 58.9333333333vw;
  }
  #footer .ar .con{
    padding:0 5.3333333333vw;
    text-align:center;
  }
  #footer .ar .con .txt-l{
    font-size:5.3333333333vw;
    margin:0 0 5.3333333333vw;
  }
  #footer .ar .con .txt-s{
    font-size:3.2vw;
    margin:0 0 8vw;
  }
  #footer .ar .con .btn-link{
    display:block;
    font-weight:700;
    letter-spacing:.1em;
  }
  #footer .ar figure{
    bottom:0;
    left:0;
  }
  #footer .ar figure img{
    height:auto;
    max-width:none;
    width:100%;
  }
  #footer .links{
    flex-direction:column;
  }
  #footer .links .sns dt{
    font-size:4.2666666667vw;
    margin-right:5.3333333333vw;
  }
  #footer .links .sns dd+dd{
    margin-left:5.3333333333vw;
  }
  #footer .links .sns dd a{
    width:10.6666666667vw;
  }
  #footer .links .sns dd a img{
    height:auto;
    max-width:none;
    width:100%;
  }
  #footer .links .banners{
    margin-top:10.6666666667vw;
    width:64vw;
  }
  #footer .links .banners li+li{
    margin-top:1.3333333333vw;
  }
  #footer .foot{
    margin-top:16vw;
    padding-top:8vw;
  }
  #footer .foot .logo{
    margin-bottom:6.4vw;
    width:16vw;
  }
  #footer .foot .copyright{
    font-size:3.2vw;
  }}
@media (max-width:750px){
  #top .ttl-wrap .ttl .logo{
    bottom:57.6666666667vw;
    right:17.0666666667vw;
    width:36vw;
  }}