@charset "UTF-8";
/*
--------------------------------------------------
  variable
--------------------------------------------------
*/
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
/* line 9, ../sass/foundation/_reset.scss */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* line 30, ../sass/foundation/_reset.scss */
body {
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* line 36, ../sass/foundation/_reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

/* line 41, ../sass/foundation/_reset.scss */
li {
  list-style: none;
}

/* line 45, ../sass/foundation/_reset.scss */
blockquote, q {
  quotes: none;
}

/* line 49, ../sass/foundation/_reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* line 55, ../sass/foundation/_reset.scss */
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
	cursor: pointer !important;
}

/* change colours to suit your needs */
/* line 64, ../sass/foundation/_reset.scss */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
/* line 71, ../sass/foundation/_reset.scss */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* line 78, ../sass/foundation/_reset.scss */
del {
  text-decoration: line-through;
}

/* line 82, ../sass/foundation/_reset.scss */
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* line 87, ../sass/foundation/_reset.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
/* line 93, ../sass/foundation/_reset.scss */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

/* line 102, ../sass/foundation/_reset.scss */
input, select {
  vertical-align: middle;
}

/* line 106, ../sass/foundation/_reset.scss */
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*
--------------------------------------------------
	base
--------------------------------------------------
*/
@font-face {
  font-display: swap;
  font-family: Noto Sans JP;
  font-weight: 400;
  src: url(https://www.capcom-games.com/common/font/NotoSansJP-Regular.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans JP;
  font-weight: 700;
  src: url(https://www.capcom-games.com/common/font/NotoSansJP-Bold.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Noto Sans JP;
  font-weight: 900;
  src: url(https://www.capcom-games.com/common/font/NotoSansJP-Black.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-weight: 400;
  src: url(https://www.capcom-games.com/common/font/Roboto-Regular.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-weight: 700;
  src: url(https://www.capcom-games.com/common/font/Roboto-Bold.woff2) format("woff2");
}
@font-face {
  font-display: swap;
  font-family: Roboto;
  font-weight: 900;
  src: url(https://www.capcom-games.com/common/font/Roboto-Black.woff2) format("woff2");
}
/*base style*/
/* line 51, ../sass/foundation/_base.scss */
html, body {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
}

/* line 57, ../sass/foundation/_base.scss */
body {
  position: relative;
  font-family: "Roboto", "Noto Sans JP", "Avenir", "Helvetica Neue", "Helvetica", "Arial", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "游ゴシック", "Yu Gothic", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.0416666667vw;
  font-feature-settings: "palt";
  font-weight: 700;
  line-height: 2;
  color: #0c0c0c;
  background-color: #fff;
  z-index: -998;
}
/* line 67, ../sass/foundation/_base.scss */
body:before {
  content: '';
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  background: url("../img/main_bg.jpg") center no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100vh;
  z-index: -999;
}
/* line 80, ../sass/foundation/_base.scss */
body.fixed {
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  /* line 57, ../sass/foundation/_base.scss */
  body {
    font-size: 4.1666666667vw;
  }
  /* line 85, ../sass/foundation/_base.scss */
  body:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background: url("../img/main_bg_sp.jpg") center no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100vh;
    z-index: -999;
  }
}
@media screen and (max-width: 480px) {
  /* line 57, ../sass/foundation/_base.scss */
  body {
    font-size: 1.4rem;
  }
}

/* for Firefox */
/* line 104, ../sass/foundation/_base.scss */
::selection {
  background: #bf8f00;
  color: #e6b86f;
}

/* line 109, ../sass/foundation/_base.scss */
::-moz-selection {
  background: #bf8f00;
  color: #e6b86f;
}

/* line 114, ../sass/foundation/_base.scss */
a {
  color: #b10c0c;
  transition: .3s all;
  text-decoration: none;
}
/* line 118, ../sass/foundation/_base.scss */
a img {
  transition: .3s all;
}
/* line 121, ../sass/foundation/_base.scss */
a:hover {
  color: #f13232;
}
/* line 123, ../sass/foundation/_base.scss */
a:hover img {
  filter: brightness(120%);
}

/* line 129, ../sass/foundation/_base.scss */
img {
  display: block;
  vertical-align: bottom;
  width: 100%;
}

/* line 135, ../sass/foundation/_base.scss */
h2 {
  font-size: 2.6041666667vw;
  line-height: 1.8;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  /* line 135, ../sass/foundation/_base.scss */
  h2 {
    font-size: 5.46875vw;
  }
}

/* line 144, ../sass/foundation/_base.scss */
h3 {
  font-size: 1.5625vw;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  /* line 144, ../sass/foundation/_base.scss */
  h3 {
    font-size: 4.1666666667vw;
  }
}

/* line 152, ../sass/foundation/_base.scss */
h4 {
  font-size: 2.4rem;
}
@media screen and (max-width: 1600px) {
  /* line 152, ../sass/foundation/_base.scss */
  h4 {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 152, ../sass/foundation/_base.scss */
  h4 {
    font-size: 2.6041666667vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 152, ../sass/foundation/_base.scss */
  h4 {
    font-size: 1.8rem;
  }
}

/* line 165, ../sass/foundation/_base.scss */
sub {
  vertical-align: sub;
}

/* line 169, ../sass/foundation/_base.scss */
.SP {
  display: none;
}
@media screen and (max-width: 768px) {
  /* line 169, ../sass/foundation/_base.scss */
  .SP {
    display: block;
  }
}

/* line 176, ../sass/foundation/_base.scss */
.PC {
  display: block;
}
@media screen and (max-width: 768px) {
  /* line 176, ../sass/foundation/_base.scss */
  .PC {
    display: none;
  }
}

/* line 183, ../sass/foundation/_base.scss */
.text-right {
  text-align: right;
}

/* line 187, ../sass/foundation/_base.scss */
.text-center {
  text-align: center;
}

/* line 191, ../sass/foundation/_base.scss */
.text-bold {
  font-weight: 600;
}

/* line 195, ../sass/foundation/_base.scss */
.fadein {
  opacity: 0;
  transform: translateY(20px);
  transition: all 1s;
}

/*
--------------------------------------------------
  header
--------------------------------------------------
*/
/* line 8, ../sass/layout/_header.scss */
.header {
  width: 100%;
  z-index: 998;
  display: flex;
  background: #0c0c0c;
  border-bottom: solid 0.2083333333vw #5d351c;
}
@media screen and (max-width: 768px) {
  /* line 8, ../sass/layout/_header.scss */
  .header {
    position: absolute;
    background: none;
    border: none;
  }
}
/* line 19, ../sass/layout/_header.scss */
.header_inner {
  display: flex;
  align-items: center;
  height: 4.1666666667vw;
  width: 100%;
}
@media screen and (max-width: 768px) {
  /* line 19, ../sass/layout/_header.scss */
  .header_inner {
    height: 10.4166666667vw;
  }
}
/* line 28, ../sass/layout/_header.scss */
.header_right {
  margin-left: auto;
}
/* line 31, ../sass/layout/_header.scss */
.header_logo {
  position: absolute;
  align-items: center;
  width: 10.4166666667vw;
	top: 1vw;
	left: 3vw;
}
@media screen and (max-width: 768px) {
  /* line 31, ../sass/layout/_header.scss */
  .header_logo {
    width: 26.0416666667vw;
    margin: 0 3.125vw;
  }
}

/*
--------------------------------------------------
  main
--------------------------------------------------
*/
/* line 9, ../sass/layout/_main.scss */
.main {
  overflow: hidden;
}
/* line 11, ../sass/layout/_main.scss */
.main_bg {
  background: url("../img/bg_main.png") fixed;
}

/* line 4, ../sass/layout/_footer.scss */
.footer {
  position: relative;
  background: #000;
  color: #fff;
  padding: 2.0833333333vw 0;
}
@media screen and (max-width: 768px) {
  /* line 4, ../sass/layout/_footer.scss */
  .footer {
    padding: 5.2083333333vw 0;
  }
}
/* line 13, ../sass/layout/_footer.scss */
.footer_inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
/* line 18, ../sass/layout/_footer.scss */
.footer_twitter {
  position: relative;
  text-align: center;
  margin: auto;
}
/* line 23, ../sass/layout/_footer.scss */
.footer_legal {
  font-size: 0.625vw;
  text-align: center;
}
/* line 26, ../sass/layout/_footer.scss */
.footer_legal p {
  vertical-align: middle;
}
/* line 29, ../sass/layout/_footer.scss */
.footer_legal img {
  width: auto;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  /* line 23, ../sass/layout/_footer.scss */
  .footer_legal {
    font-size: 2.6041666667vw;
  }
}
/* line 38, ../sass/layout/_footer.scss */
.footer_cookiebot {
  text-align: center;
}
/* line 40, ../sass/layout/_footer.scss */
.footer_cookiebot a {
  display: inline-block;
  padding: 1.25vw;
}
@media screen and (max-width: 768px) {
  /* line 45, ../sass/layout/_footer.scss */
  .footer_cookiebot a {
    padding: 3.125vw;
  }
}
/* line 51, ../sass/layout/_footer.scss */
.footer_logo {
  margin: 0 0 16px auto;
}
@media screen and (max-width: 1024px) {
  /* line 51, ../sass/layout/_footer.scss */
  .footer_logo {
    margin: 0 auto 16px auto;
  }
}
@media screen and (max-width: 1024px) {
  /* line 51, ../sass/layout/_footer.scss */
  .footer_logo {
    width: 160px;
  }
}

/*
--------------------------------------------------
  sontainer
--------------------------------------------------
*/
/* line 9, ../sass/component/_container.scss */
.container {
  padding: 0;
}
/* line 11, ../sass/component/_container.scss */
.container_inner {
  padding: 6.25vw 9.375vw;
}
@media screen and (max-width: 768px) {
  /* line 15, ../sass/component/_container.scss */
  .container_inner {
    padding: 20.8333333333vw 5.2083333333vw;
  }
}

/*
--------------------------------------------------
  nav
--------------------------------------------------
*/
/* line 9, ../sass/component/_nav.scss */
.c-nav {
  flex: 1;
  top: 0;
}
@media all and (-ms-high-contrast: none) {
  /* line 9, ../sass/component/_nav.scss */
  .c-nav {
    right: 0;
  }
}
@media screen and (max-width: 768px) {
  /* line 9, ../sass/component/_nav.scss */
  .c-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index: 998;
    width: 100%;
    height: 100vh;
    top: 0;
    right: -120%;
    background: #000;
    background-size: 100%;
    transition: .5s all;
  }
}
/* line 30, ../sass/component/_nav.scss */
.c-nav.is-open {
  right: 0;
}
/* line 33, ../sass/component/_nav.scss */
.c-nav.fixed {
  position: fixed;
  top: 0;
  width: 100%;
  background: /* linear-gradient(0deg, rgba(61, 61, 61, 0) 0%, #0a0a0a 100%); */ black;
  z-index: 999;
  animation: MenuDown 0.5s;
}
@media screen and (max-width: 768px) {
  /* line 33, ../sass/component/_nav.scss */
  .c-nav.fixed {
    background: #000;
  }
}
/* line 44, ../sass/component/_nav.scss */
.c-nav_list {
  display: flex;
  max-width: 78.5vw;
  margin-left: auto;
  align-items: center;
  justify-content: flex-end;
  height: 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  /* line 44, ../sass/component/_nav.scss */
  .c-nav_list {
    width: 100%;
    height: auto;
    flex-direction: column;
    margin: auto;
    max-width: 90%;
  }
}
/* line 59, ../sass/component/_nav.scss */
.c-nav_item {
  display: flex;
  position: relative;
}
/* line 64, ../sass/component/_nav.scss */
.c-nav_item:not(:last-child):after {
  content: '';
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-50%);
  background: #5d351c;
  width: 1px;
}
/* line 74, ../sass/component/_nav.scss */
.c-nav_item.preorder a:before {
  content: none;
}
/* line 78, ../sass/component/_nav.scss */
.c-nav_item:first-of-type a:before {
  content: none;
}
/* line 82, ../sass/component/_nav.scss */
.c-nav_item a {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center;
  width: 100%;
  height: 4.1666666667vw;
  text-align: center;
  font-size: 0.9375vw;
  font-weight: 600;
  color: #fff;
  padding: 0 2.6041666667vw;
  line-height: 1.8;
}
/* line 96, ../sass/component/_nav.scss */
.c-nav_item a:before {
  content: '◆';
  position: absolute;
  top: 50%;
  left: -0.5208333333vw;
  color: #5d351c;
  transform: translateY(-50%);
  font-size: 70%;
}
/* line 105, ../sass/component/_nav.scss */
.c-nav_item a:hover {
  color: #5d351c;
}
/* line 109, ../sass/component/_nav.scss */
.c-nav_item span {
  display: block;
  align-self: center;
}
/* line 113, ../sass/component/_nav.scss */
.c-nav_item small {
  display: block;
  font-size: 70%;
  width: 100%;
  color: #5d351c;
}
@media screen and (max-width: 768px) {
  /* line 59, ../sass/component/_nav.scss */
  .c-nav_item {
    width: 100%;
  }
  /* line 121, ../sass/component/_nav.scss */
  .c-nav_item a {
    height: 26.0416666667vw;
    padding: 0;
    font-size: 4.6875vw;
  }
  /* line 125, ../sass/component/_nav.scss */
  .c-nav_item a:before {
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  /* line 131, ../sass/component/_nav.scss */
  .c-nav_item:not(:last-child) {
    margin: 0;
  }
}
/* line 142, ../sass/component/_nav.scss */
.c-nav_item.preorder {
  background: linear-gradient(0deg, #5d351c 6%, #5d351c 50%, #5d351c 100%);
  transition: .3s filter;
}
/* line 145, ../sass/component/_nav.scss */
.c-nav_item.preorder small {
  color: #fff;
}
/* line 148, ../sass/component/_nav.scss */
.c-nav_item.preorder:hover {
  filter: brightness(1.3);
}
/* line 150, ../sass/component/_nav.scss */
.c-nav_item.preorder:hover a {
  color: #fff;
}

/* line 160, ../sass/component/_nav.scss */
.c-nav-toggle {
  display: none;
  width: 15.625vw;
  height: 15.625vw;
  cursor: pointer;
  z-index: 999;
  transition: .5s all;
	
}
@media screen and (max-width: 768px) {
  /* line 160, ../sass/component/_nav.scss */
  .c-nav-toggle {
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    background: #5d351c;
  }
}
/* line 177, ../sass/component/_nav.scss */
.c-nav-toggle_inner {
  position: relative;
  width: 9.1145833333vw;
  height: 10.9375vw;
}
/* line 181, ../sass/component/_nav.scss */
.c-nav-toggle_inner span {
  position: absolute;
  left: 0;
  display: block;
  background: #fff;
  width: 100%;
  height: 2px;
  transition: .5s all;
}
/* line 189, ../sass/component/_nav.scss */
.c-nav-toggle_inner span:nth-child(1) {
  top: 2.6041666667vw;
}
/* line 192, ../sass/component/_nav.scss */
.c-nav-toggle_inner span:nth-child(2) {
  top: 4.6875vw;
}
/* line 195, ../sass/component/_nav.scss */
.c-nav-toggle_inner span:nth-child(3) {
  top: 6.7708333333vw;
}
/* line 198, ../sass/component/_nav.scss */
.c-nav-toggle_inner span:nth-child(4) {
  font-size: 1.2rem;
  letter-spacing: 2px;
  background: none;
  top: 34px;
  text-align: center;
  line-height: 1;
  font-family: "Oswald", sans-serif;
}
/* line 209, ../sass/component/_nav.scss */
.c-nav-toggle.fixed {
  position: fixed;
  top: 0;
  right: 0;
  animation: MenuDown 0.5s;
}
/* line 219, ../sass/component/_nav.scss */
.c-nav-toggle.active .c-nav-toggle_inner span:nth-child(1) {
  top: 4.6875vw;
  transform: rotate(45deg);
}
/* line 223, ../sass/component/_nav.scss */
.c-nav-toggle.active .c-nav-toggle_inner span:nth-child(2) {
  top: 4.6875vw;
  transform: rotate(-45deg);
}
/* line 227, ../sass/component/_nav.scss */
.c-nav-toggle.active .c-nav-toggle_inner span:nth-child(3) {
  opacity: 0;
}

/* line 235, ../sass/component/_nav.scss */
.c-nav_item.new {
  position: relative;
}
/* line 237, ../sass/component/_nav.scss */
.c-nav_item.new span {
  position: relative;
}
/* line 239, ../sass/component/_nav.scss */
.c-nav_item.new span:before {
  content: '';
  position: absolute;
  top: 50%;
  left: -1.5625vw;
  margin-top: -0.5208333333vw;
  background: url(../img/light.png) no-repeat;
  background-size: cover;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  animation: blink 1s ease infinite alternate;
}
@media screen and (max-width: 768px) {
  /* line 239, ../sass/component/_nav.scss */
  .c-nav_item.new span:before {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
    left: -7.8125vw;
    margin-top: -2.6041666667vw;
  }
}

@keyframes MenuDown {
  0% {
    opacity: 0;
    transform: translateY(-80px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes blink {
  0% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
/*
--------------------------------------------------
  hero
--------------------------------------------------
*/
/* line 9, ../sass/component/_hero.scss */
.hero {
  position: relative;
  width: 100%;
  overflow: hidden;
  background: black;
	padding-bottom: 5vw;
}
@media screen and (max-width: 768px) {
  /* line 9, ../sass/component/_hero.scss */
  .hero {
    background: black;
  }
}
/* line 18, ../sass/component/_hero.scss */
.hero_inner {
  display: flex;
  align-items: center;
  height: 52.0833333333vw;
  position: relative;
  z-index: 1;
	background: black;
	color: white;
}
@media screen and (max-width: 768px) {
  /* line 18, ../sass/component/_hero.scss */
  .hero_inner {
    display: block;
    height: auto;
  }
}
/* line 29, ../sass/component/_hero.scss */
.hero_img {
  position: relative;
  display: block;
  width: 50%;
  height: 100%;
  background: url(../img/mv.jpg) no-repeat center;
  background-size: contain;
	
}
@media screen and (max-width: 768px) {
  /* line 29, ../sass/component/_hero.scss */
  .hero_img {
    background: url(../img/mv_sp.jpg) no-repeat top center;
    background-size: cover;
    width: 100%;
    height: 117.1875vw;
  }
}
/* line 43, ../sass/component/_hero.scss */
.hero_img_logo {
  position: absolute;
  bottom: -3.6458333333vw;
  left: 50%;
  transform: translateX(-50%);
  width: 37.125vw;
}
@media screen and (max-width: 768px) {
  /* line 43, ../sass/component/_hero.scss */
  .hero_img_logo {
    bottom: 9.1145833333vw;
    width: 70.3125vw;
  }
}
/* line 54, ../sass/component/_hero.scss */
.hero_contents {
  position: relative;
  width: 50%;
  padding: 2.0833333333vw 4.1666666667vw;
  margin-left: auto;
  flex-shrink: 1;
  z-index: 2;

}
@media screen and (max-width: 768px) {
  /* line 54, ../sass/component/_hero.scss */
  .hero_contents {
    width: 100%;
    
    padding-bottom: 10.4166666667vw;
  }
}
/* line 67, ../sass/component/_hero.scss */
.hero_ttl {
  color: white;
  font-size: 5.125vw;
  font-weight: 900;
  font-style: italic;
  line-height: 1.4;
  text-align: center;
  margin: 0 auto 1.0416666667vw;
	-webkit-animation: glow 2s ease-in-out infinite alternate;
  -moz-animation: glow 2s ease-in-out infinite alternate;
  animation: glow 2s ease-in-out infinite alternate; 
	 /* animation: gradient-change 2s linear infinite alternate;
  
  background: linear-gradient(
 
    to right in oklch, 

    var(--＠color-1), 
    var(--＠color-2)
  );
  

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  

  background-clip: text;
  color: transparent; */
	
	position: absolute;
	bottom: -12vw;
	left: -30vw;
}

@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #5d351c, 0 0 30px #5d351c;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #fff, 0 0 40px #5d351c,;
  }
}
/* line 75, ../sass/component/_hero.scss */
.hero_ttl small {
  display: block;
  font-size: 60%;
}
@media screen and (max-width: 768px) {
  /* line 67, ../sass/component/_hero.scss */
  .hero_ttl {
    font-size: 7.7vw;
    margin: 0 auto 2.6041666667vw;
  }
}
/* line 84, ../sass/component/_hero.scss */
.hero_ttl-small {
  font-size: 1.6666666667vw;
  text-align: center;
  font-weight: 700;
}
/* line 88, ../sass/component/_hero.scss */
.hero_ttl-small:after {
  content: '';
  display: block;
  width: 80%;
  height: 0.2083333333vw;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #eea4aa 20%, #5d351c 50%, #ed9fa5 80%, rgba(255, 255, 255, 0) 100%);
  margin: 0 auto 0.8333333333vw;
}
@media screen and (max-width: 768px) {
  /* line 84, ../sass/component/_hero.scss */
  .hero_ttl-small {
    font-size: 4.1666666667vw;
  }
  /* line 98, ../sass/component/_hero.scss */
  .hero_ttl-small:after {
    height: 0.78125vw;
    margin: 0 auto 2.0833333333vw;
  }
}
/* line 104, ../sass/component/_hero.scss */
.hero_reserve {
  font-size: 1.875vw;
  text-align: center;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  /* line 104, ../sass/component/_hero.scss */
  .hero_reserve {
    font-size: 4.6875vw;
  }
}
/* line 112, ../sass/component/_hero.scss */
.hero_platform {
  display: flex;
  justify-content: center;
  margin: 3vw 0;
}
/* line 116, ../sass/component/_hero.scss */
.hero_platform .ns {
  width: 12.2916666667vw;
  margin-right: 1.5625vw;
}
/* line 120, ../sass/component/_hero.scss */
.hero_platform .ecapcom {
  width: 8.3333333333vw;
  margin-right: 1.5625vw;
}
/* line 124, ../sass/component/_hero.scss */
.hero_platform .amazon {
  width: 7.2916666667vw;
}
@media screen and (max-width: 768px) {
  /* line 112, ../sass/component/_hero.scss */
  .hero_platform {
    margin: 5vw 0;
  }
  /* line 129, ../sass/component/_hero.scss */
  .hero_platform .ns {
    width: 28.2291666667vw;
    margin-right: 3.90625vw;
  }
	
	.info_text{ 
		margin: 2vw 0 5vw !important;
	}
  /* line 133, ../sass/component/_hero.scss */
  .hero_platform .ecapcom {
    width: 20.8333333333vw;
    margin-right: 3.90625vw;
  }
  /* line 137, ../sass/component/_hero.scss */
  .hero_platform .amazon {
    width: 18.2291666667vw;
  }
}
/* line 142, ../sass/component/_hero.scss */
.hero_date {
  background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0%, #5d351c 20%, #5d351c 50%, #5d351c 80%, rgba(255, 255, 255, 0) 100%);
  color: #fff;
  text-align: center;
}
/* line 146, ../sass/component/_hero.scss */
.hero_date span {
  font-size: 150%;
}
/* line 150, ../sass/component/_hero.scss */
.hero_date_wrap {
  font-size: 1.6666666667vw;
  font-weight: 900;
  letter-spacing: .1em;
}
@media screen and (max-width: 768px) {
  /* line 150, ../sass/component/_hero.scss */
  .hero_date_wrap {
    font-size: 4.1666666667vw;
  }
}
/* line 158, ../sass/component/_hero.scss */
.hero_logo {
  width: 26.0416666667vw;
  margin: 0 auto 1.5625vw;
}

@keyframes fadeInAnime {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
--------------------------------------------------
  btn
--------------------------------------------------
*/
/* line 9, ../sass/component/_btn.scss */
.btn_img {
  display: block;
  font-size: 0;
  max-width: 600px;
  width: 31.9791666667vw;
  height: 7.1875vw;
  margin: auto;
  transition: 0.3s transform, 0.3s filter;
}
/* line 17, ../sass/component/_btn.scss */
.btn_img:hover {
  transform: translateY(10px);
  filter: brightness(70%);
}
/* line 22, ../sass/component/_btn.scss */
.btn_img01 {
  background: url(../img/btn01.png) no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 2;
}
/* line 28, ../sass/component/_btn.scss */
.btn_img02 {
  background: url(../img/btn02.png) no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 2;
}
/* line 34, ../sass/component/_btn.scss */
.btn_ex {
  background: url(../img/btn02_ex.png) no-repeat;
  background-size: 100%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  /* line 8, ../sass/component/_btn.scss */
  .btn {
    width: 79.9479166667vw;
    height: 17.96875vw;
  }
}

/*
--------------------------------------------------
  scroll anime
--------------------------------------------------
*/
/* line 8, ../sass/component/_scrollAnime.scss */
.fade-in {
  opacity: 0;
  transition-duration: 1000ms;
  transition-property: opacity, transform;
}

/* line 14, ../sass/component/_scrollAnime.scss */
.fade-in-up {
  transform: translate(0, 50px);
}

/* line 18, ../sass/component/_scrollAnime.scss */
.fade-in-down {
  transform: translate(0, -50px);
}

/* line 22, ../sass/component/_scrollAnime.scss */
.fade-in-left {
  transform: translate(-50px, 0);
}

/* line 26, ../sass/component/_scrollAnime.scss */
.fade-in-right {
  transform: translate(50px, 0);
}

/* line 30, ../sass/component/_scrollAnime.scss */
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}

/*
--------------------------------------------------
  youtube
--------------------------------------------------
*/
/* line 9, ../sass/component/_youtube.scss */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

/* line 14, ../sass/component/_youtube.scss */
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

/*
--------------------------------------------------
  tab
--------------------------------------------------
*/
/* line 10, ../sass/component/_tab.scss */
.c-tab ul {
  display: flex;
}
/* line 13, ../sass/component/_tab.scss */
.c-tab_btn {
  text-align: center;
  list-style: none;
  cursor: pointer;
}
/* line 20, ../sass/component/_tab.scss */
.c-tab_contents {
  display: none;
}
/* line 22, ../sass/component/_tab.scss */
.c-tab_contents.active {
  display: block;
}

/*
--------------------------------------------------
  hero
--------------------------------------------------
*/
/* line 10, ../sass/component/_heading.scss */
.heading-center {
  text-align: center;
}
/* line 13, ../sass/component/_heading.scss */
.heading-main {
  display: flex;
  align-items: center;
  justify-content: center;
  /* background: url(../img/bg_heading.jpg) no-repeat; 
  background-size: cover; */
  height: 13.0208333333vw;
  text-align: center;
	padding: 10vw 0;
}
/* line 22, ../sass/component/_heading.scss */
.heading-main_txt {
  color: #fff;
  line-height: 1.4;
  text-shadow: 0 0 10px #000;
	font-size: 4vw;
	margin-top: 4vw;

}
/* line 26, ../sass/component/_heading.scss */
.heading-main_txt span {
  display: block;
  font-size: 50%;
  text-align: center;
	color: #BC3263;
	text-shadow: none;
	
}
/* line 31, ../sass/component/_heading.scss */
.heading-main_txt small {
  font-size: 70%;
}
@media screen and (max-width: 768px) {
  /* line 13, ../sass/component/_heading.scss */
  .heading-main {
    /* background: url(../img/bg_heading_sp.jpg) no-repeat;
    background-size: cover; */
    height: 31.9010416667vw;
    padding: 0 5.2083333333vw;
	  
  }
	.heading-main_txt{
		font-size: 6vw;
	}
	
	.chara3{
		display: none;
	}
	
	.tab input:checked ~ .tab_content{
		max-height: 30rem !important;
	}
	
	.swiper-button-next:after, .swiper-button-prev:after{
		padding: 5px;
	}
}
/* line 42, ../sass/component/_heading.scss */
.heading-en {
  display: block;
  font-size: 50%;
  letter-spacing: .1em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  /* line 49, ../sass/component/_heading.scss */
  .heading-main {
    font-size: 9.375vw;
  }
	
	.swiper-button-next, .swiper-button-prev{
		zoom: .5;
	}
	
	.acrylicchara{
		width: 79vw !important;
		left: 0  !important;
	}
}

/*
--------------------------------------------------
  pageTop
--------------------------------------------------
*/
/* line 8, ../sass/component/_pageTop.scss */
.c-pageTop {
  position: fixed;
  width: 7.78125vw;
  height: 12.2916666667vw;
  bottom: -8.2vw;
  right: -3.6vw;
  cursor: pointer;
  z-index: 990;
}

.pc{
	display: block;
}

.sp{
	display: none;
}
@media screen and (max-width: 480px) {
  /* line 8, ../sass/component/_pageTop.scss */
  .c-pageTop {
    width: 58px !important;
    height: 77px !important;
	  right: 0 !important;
	  padding-bottom:20px;
  }
 
  .c-pageTop:before, .c-pageTop:after {
    width: 20px;
  }
	.pc{
		display: none;
	}
	
	.sp{
		display: block;
	}
}
/* line 24, ../sass/component/_pageTop.scss */
.c-pageTop_btn {
  display: block;
  position: relative;
  width: 64px;
  height: 64px;
  background: #000;
}
/* line 30, ../sass/component/_pageTop.scss */
.c-pageTop_btn:before, .c-pageTop_btn:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  background: #fff;
  width: 30px;
  height: 2px;
  transition: .4s all;
}
/* line 49, ../sass/component/_pageTop.scss */
.c-pageTop_btn:before {
  transform: rotate(45deg);
  right: 7px;
}
/* line 44, ../sass/component/_pageTop.scss */
.c-pageTop_btn:after {
  transform: rotate(-45deg);
  left: 7px;
}
/* line 49, ../sass/component/_pageTop.scss */
.c-pageTop_btn:hover:before, .c-pageTop_btn:hover:after {
  top: 45%;
}
@media screen and (max-width: 480px) {
  /* line 24, ../sass/component/_pageTop.scss */
  .c-pageTop_btn {
    width: 48px;
    height: 48px;
  }
  /* line 56, ../sass/component/_pageTop.scss */
  .c-pageTop_btn:before, .c-pageTop_btn:after {
    width: 20px;
  }
}
/* line 61, ../sass/component/_pageTop.scss */
.c-pageTop-twitter {
  display: block;
  margin: 0 auto 1.25vw;
  position: relative;
  width: 3.125vw;
  height: 3.125vw;
  background: #fff;
  border-radius: 100px;
}
/* line 69, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: url(../img/tw_icon.png) no-repeat center;
  background-size: contain;
  width: 1.6666666667vw;
  height: 1.875vw;
}
/* line 80, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:after {
  content: 'SHARE';
  position: absolute;
  top: 3.125vw;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  transition: .3s all;
}
/* line 89, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:hover {
  background: #e6b86f;
}
/* line 91, ../sass/component/_pageTop.scss */
.c-pageTop-twitter:hover:after {
  color: #e6b86f;
}
@media screen and (max-width: 768px) {
  /* line 61, ../sass/component/_pageTop.scss */
  .c-pageTop-twitter {
    width: 10.4166666667vw;
    height: 10.4166666667vw;
    margin: 0 auto 4.1666666667vw;
  }
  /* line 99, ../sass/component/_pageTop.scss */
  .c-pageTop-twitter:before {
    width: 5.46875vw;
    height: 5.9895833333vw;
  }
  /* line 103, ../sass/component/_pageTop.scss */
  .c-pageTop-twitter:after {
    font-size: 2.6041666667vw;
    top: 10.4166666667vw;
  }
}

/*
--------------------------------------------------
  nav
--------------------------------------------------
*/
/* line 8, ../sass/component/_notice.scss */
.notice {
  font-size: 60%;
}

/*
--------------------------------------------------
  project
--------------------------------------------------
*/
/* line 9, ../sass/project/_project.scss */
.box {
  padding: 7.2916666667vw 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  /* line 9, ../sass/project/_project.scss */
  .box {
    padding: 15.625vw 5.2083333333vw;
  }
}
/* line 14, ../sass/project/_project.scss */
.box-02 {
  background: url(../img/icon_symbol.png) no-repeat right top, rgba(0, 0, 0, 0.9);
  background-size: 12.5vw 12.5vw;
  color: #fff;
}
@media screen and (max-width: 768px) {
  /* line 14, ../sass/project/_project.scss */
  .box-02 {
    background-size: 31.25vw 31.25vw;
  }
}
/* line 22, ../sass/project/_project.scss */
.box-03 {
  background: rgba(0, 0, 0, 0.9);
  border: solid #bf8f00 2px;
}
@media screen and (max-width: 768px) {
  /* line 22, ../sass/project/_project.scss */
  .box-03 {
    padding: 20.8333333333vw 5.2083333333vw 10.4166666667vw;
  }
}

/* line 31, ../sass/project/_project.scss */
.topbnr {
  background: #0c0c0c;
  padding: 3.125vw 0;
}
/* line 34, ../sass/project/_project.scss */
.topbnr a {
  position: relative;
  display: block;
  width: 51.0416666667vw;
  margin: 0 auto;
  border: solid 1px #5d351c;
}
@media screen and (max-width: 768px) {
  /* line 34, ../sass/project/_project.scss */
  .topbnr a {
    width: 80%;
  }
}
/* line 45, ../sass/project/_project.scss */
.topbnr a.new:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/light.png) no-repeat;
  background-size: cover;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  animation: blink 1s ease infinite alternate;
}
@media screen and (max-width: 768px) {
  /* line 45, ../sass/project/_project.scss */
  .topbnr a.new:before {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
    left: 0vw;
  }
}

/* line 64, ../sass/project/_project.scss */
.spec {
  font-size: 0.7291666667vw;
}
@media screen and (max-width: 768px) {
  /* line 64, ../sass/project/_project.scss */
  .spec {
    font-size: 2.8645833333vw;
  }
}
/* line 69, ../sass/project/_project.scss */
.spec div {
  display: inline-block;
}
/* line 72, ../sass/project/_project.scss */
.spec dt, .spec dd {
  display: inline-block;
  margin-right: 1.0416666667vw;
}
@media screen and (max-width: 768px) {
  /* line 72, ../sass/project/_project.scss */
  .spec dt, .spec dd {
    margin-right: 2.6041666667vw;
  }
}
/* line 79, ../sass/project/_project.scss */
.spec dt {
  border: solid 1px #fff;
  padding: 0.1041666667vw 0.4166666667vw;
  width: 5.2083333333vw;
  text-align: center;
  margin-right: 1.0416666667vw;
}
@media screen and (max-width: 768px) {
  /* line 79, ../sass/project/_project.scss */
  .spec dt {
    width: 13.0208333333vw;
    padding: 0.2604166667vw 1.0416666667vw;
    margin-right: 2.6041666667vw;
  }
}

/* line 94, ../sass/project/_project.scss */
#campaign .container_inner {
  padding: 5.2083333333vw 19.7916666667vw 9.375vw;
}
@media screen and (max-width: 768px) {
  /* line 94, ../sass/project/_project.scss */
  #campaign .container_inner {
    padding: 5.2083333333vw;
  }
}

/* line 103, ../sass/project/_project.scss */
.campaign_img {
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  /* line 103, ../sass/project/_project.scss */
  .campaign_img {
    margin-bottom: 5.2083333333vw;
  }
}
/* line 109, ../sass/project/_project.scss */
.campaign_lead {
  margin-bottom: 3.125vw;
}
/* line 111, ../sass/project/_project.scss */
.campaign_lead span {
  font-size: 120%;
  color: #5d351c;
}
/* line 116, ../sass/project/_project.scss */
.campaign_head {
  font-size: 2.0833333333vw;
  margin-bottom: 2.0833333333vw;
  border-bottom: solid 4px #5d351c;
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* line 116, ../sass/project/_project.scss */
  .campaign_head {
    font-size: 4.6875vw;
    text-align: left;
  }
}
/* line 127, ../sass/project/_project.scss */
.campaign_details div {
  display: flex;
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  /* line 127, ../sass/project/_project.scss */
  .campaign_details div {
    display: block;
    margin-bottom: 5.2083333333vw;
  }
}
/* line 135, ../sass/project/_project.scss */
.campaign_details dt {
  width: 20%;
  flex-shrink: 0;
}
/* line 138, ../sass/project/_project.scss */
.campaign_details dt:before {
  content: '■';
  color: #5d351c;
}
@media screen and (max-width: 768px) {
  /* line 135, ../sass/project/_project.scss */
  .campaign_details dt {
    width: 100%;
  }
}
/* line 147, ../sass/project/_project.scss */
.campaign_comment_ttl {
  text-align: center;
  margin-bottom: 1.0416666667vw;
}
/* line 151, ../sass/project/_project.scss */
.campaign_comment_list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.0416666667vw;
  margin-bottom: 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  /* line 151, ../sass/project/_project.scss */
  .campaign_comment_list {
    gap: 2.6041666667vw;
  }
}
/* line 159, ../sass/project/_project.scss */
.campaign_comment_list li {
  width: calc(25% - 1.0416666667vw);
}
@media screen and (max-width: 768px) {
  /* line 159, ../sass/project/_project.scss */
  .campaign_comment_list li {
    width: calc(50% - 1.5625vw);
  }
}
/* line 165, ../sass/project/_project.scss */
.campaign_comment_list .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #5d351c;
  color: #fff;
  padding: 1.0416666667vw;
  text-align: center;
  font-size: 0.9375vw;
}
/* line 174, ../sass/project/_project.scss */
.campaign_comment_list .btn:hover {
  background: #0c0c0c;
  color: #5d351c;
}
/* line 178, ../sass/project/_project.scss */
.campaign_comment_list .btn small {
  font-size: 90%;
}
@media screen and (max-width: 768px) {
  /* line 165, ../sass/project/_project.scss */
  .campaign_comment_list .btn {
    padding: 2.6041666667vw;
    width: auto;
    font-size: inherit;
    line-height: 1.4;
  }
  /* line 186, ../sass/project/_project.scss */
  .campaign_comment_list .btn small {
    display: block;
  }
}

/* line 194, ../sass/project/_project.scss */
#lineup {
  overflow: hidden;
}

/* line 198, ../sass/project/_project.scss */
.lineup {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
/* line 202, ../sass/project/_project.scss */
.lineup_item {
  position: relative;
  /* border: solid 3px #5d351c; */
  padding: 6.25vw 4.1666666667vw;
  background: rgba(0, 0, 0, 0.6);
  margin-bottom: 5.2083333333vw;
	color: white;
}
/* line 208, ../sass/project/_project.scss */
.lineup_item.full {
  width: 100%;
}
/* line 211, ../sass/project/_project.scss */
.lineup_item.half {
  width: 39.5833333333vw;
}
@media screen and (max-width: 768px) {
  /* line 202, ../sass/project/_project.scss */
  .lineup_item {
    margin-bottom: 13.0208333333vw;
    padding: 15.625vw 5.2083333333vw;
  }
  /* line 217, ../sass/project/_project.scss */
  .lineup_item.half {
    width: 100%;
  }
}
/* line 222, ../sass/project/_project.scss */
.lineup_wrap {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
/* line 227, ../sass/project/_project.scss */
.lineup_contents {
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  /* line 227, ../sass/project/_project.scss */
  .lineup_contents {
    margin-bottom: 5.2083333333vw;
    width: 100%;
  }
}
/* line 234, ../sass/project/_project.scss */
.lineup_label {
  /*position: absolute;
  top: -2.0833333333vw;
  left: 50%;
  transform: translateX(-50%);
  display: inline-block;
  color: #e6b86f;
  padding: 0.5208333333vw 4.1666666667vw;
  border-radius: 100px;
  border: solid 3px #e6b86f;
  background: url(../img/icon_badge.png) no-repeat left 1.0416666667vw center, #0c0c0c;
  background-size: 2.6041666667vw 2.6041666667vw, auto;
  font-size: 1.4583333333vw;
  min-width: 25vw;
  text-align: center; */
	width: 50%;
	height: 5vw;
	font-size:1.8vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #5d351c;
	color: white;
	position: absolute;
	margin: 4vw auto;
	top: -6.7vw;
	left: 25%;
}

.lineup_label:before, .lineup_label:after{
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	content: '';
	border: 2.52vw solid transparent;
	border-right: 1.5vw solid transparent;
	border-left: 1.5vw solid transparent;

}

.lineup_label:before{
	right: 100%;
	border-right-color: #5d351c;
}

.lineup_label:after{
	left: 100%;
	border-left-color: #5d351c;
}
@media screen and (max-width: 768px) {
  /* line 234, ../sass/project/_project.scss */
  .lineup_label {
    /* top: -5.2083333333vw;
    width: 80%;
    font-size: 4.1666666667vw;
    background: url(../img/icon_badge.png) no-repeat left 2.6041666667vw center, #0c0c0c;
    background-size: 6.5104166667vw 6.5104166667vw, auto;
    padding: 1.3020833333vw 10.4166666667vw; */
	  width: 70%;
	height: 8vw;
	font-size:3.8vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #5d351c;
	color: white;
	position: absolute;
	margin: 4vw auto;
	top: -6.7vw;
	left: 15%;
  }
	.lineup_label:before, .lineup_label:after{
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	content: '';
	border: 4.2vw solid transparent;
	border-right: 1.5vw solid transparent;
	border-left: 1.5vw solid transparent;

}

.lineup_label:before{
	right: 100%;
	border-right-color: #5d351c;
}

.lineup_label:after{
	left: 100%;
	border-left-color: #5d351c;
}
}
/* line 258, ../sass/project/_project.scss */
.lineup_img {
  position: relative;
  width: 31.25vw;
  margin: 0 2.0833333333vw 2.0833333333vw 0;
  z-index: 3;
}
@media screen and (max-width: 768px) {
  /* line 258, ../sass/project/_project.scss */
  .lineup_img {
    margin: 0 auto 5.2083333333vw;
    width: 100%;
  }
}
/* line 268, ../sass/project/_project.scss */
.lineup_ttl {
  font-size: 2.0833333333vw;
  font-weight: 900;
  color: #5d351c;
  margin: 0 0 1.0416666667vw;
  width: 100%;
}
@media screen and (max-width: 768px) {
  /* line 268, ../sass/project/_project.scss */
  .lineup_ttl {
    font-size: 5.2083333333vw;
    margin: 0 0 5.2083333333vw;
  }
}
/* line 279, ../sass/project/_project.scss */
.lineup_price {
  display: flex;
  color: #fff;
  background: #5d351c;
  font-size: 0.8333333333vw;
  margin: 0 0 1.0416666667vw;
}
/* line 286, ../sass/project/_project.scss */
.lineup_price div {
  position: relative;
  padding: 1.0416666667vw;
  width: 50%;
}
/* line 291, ../sass/project/_project.scss */
.lineup_price div:first-child:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 1px;
  height: 70%;
  background: #e9e9e9;
  transform: translateY(-50%);
}
/* line 304, ../sass/project/_project.scss */
.lineup_price dt {
  font-size: 0.7291666667vw;
}
/* line 307, ../sass/project/_project.scss */
.lineup_price dd {
  color: #fff;
}
/* line 309, ../sass/project/_project.scss */
.lineup_price dd span {
  font-size: 150%;
}
/* line 314, ../sass/project/_project.scss */
.lineup_price.full div {
  width: 100%;
  text-align: center;
}
/* line 317, ../sass/project/_project.scss */
.lineup_price.full div:before {
  content: none;
}
@media screen and (max-width: 768px) {
  /* line 279, ../sass/project/_project.scss */
  .lineup_price {
    font-size: 3.125vw;
    flex-direction: column;
    margin: 0 0 5.2083333333vw;
  }
  /* line 326, ../sass/project/_project.scss */
  .lineup_price div {
    width: 100%;
    text-align: center;
    padding: 2.6041666667vw;
  }
  /* line 331, ../sass/project/_project.scss */
  .lineup_price div:first-child:before {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    width: 90%;
    height: 1px;
    background: #e9e9e9;
    transform: translateX(-50%);
  }
  /* line 344, ../sass/project/_project.scss */
  .lineup_price dt {
    font-size: 2.34375vw;
  }
}
/* line 352, ../sass/project/_project.scss */
.lineup_set {
  margin: 0 0 1.0416666667vw;
}

.lineup_set dt{
	border-bottom: 1px solid white;
	margin-bottom: 1vw;
}
@media screen and (max-width: 768px) {
  /* line 352, ../sass/project/_project.scss */
  .lineup_set {
    margin: 0 0 2.6041666667vw;
  }
}
/* line 358, ../sass/project/_project.scss */
.lineup_purchase {
  position: relative;
  background: rgba(0, 0, 0, 0.9);
  width: 100%;
  padding: 2.0833333333vw;
  z-index: 2;
}
/* line 364, ../sass/project/_project.scss */
.lineup_purchase_ttl {
  position: relative;
  color: #fff;
  margin-bottom: 1.0416666667vw;
  font-size: 1.3vw;
}
@media screen and (max-width: 768px) {
  /* line 358, ../sass/project/_project.scss */
  .lineup_purchase {
    padding: 5.2083333333vw;
  }
}
/* line 374, ../sass/project/_project.scss*/
.lineup_purchase_btn {
  display: flex;
  flex-wrap: wrap;
  column-gap: 1.0416666667vw;
  justify-content: center;
} 



@media screen and (max-width: 768px) {
  /* line 374, ../sass/project/_project.scss */
  .lineup_purchase_btn {
    row-gap: 2.6041666667vw;
  }
}
/* line 382, ../sass/project/_project.scss */
.lineup_purchase_btn .btn {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: .3s background;
}
/* line 387, ../sass/project/_project.scss */
.lineup_purchase_btn .btn:hover {
  background: #e6b86f;
}
/* line 391, ../sass/project/_project.scss */
.lineup_purchase_btn .btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  color: #fff;
  min-width: 18.75vw;
  height: 100%;
}
/* line 403, ../sass/project/_project.scss */
.lineup_purchase_btn .btn_logo {
  position: relative;
  width: 10.4166666667vw;
  padding: 0.8333333333vw 1.25vw;
}
/* line 407, ../sass/project/_project.scss */
.lineup_purchase_btn .btn_logo:before {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 60%;
  background: #fff;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  /* line 403, ../sass/project/_project.scss */
  .lineup_purchase_btn .btn_logo {
    padding: 2.0833333333vw 3.125vw;
    width: 39.0625vw;
  }
}
/* line 423, ../sass/project/_project.scss */
.lineup_purchase_btn .ns {
  background: #e60012;
}
/* line 426, ../sass/project/_project.scss */
.lineup_purchase_btn .ecapcom {
  background: #0248a0;
	margin-bottom: 2vw;
}
/* line 429, ../sass/project/_project.scss */
.lineup_purchase_btn .amazon {
  background: #2b3647;
}
/* line 432, ../sass/project/_project.scss */
.lineup_purchase_btn .goods {
  background: #18660b;
}
/* line 435, ../sass/project/_project.scss */
.lineup_purchase_btn span {
  display: block;
  padding: 0.8333333333vw 1.25vw;
}
@media screen and (max-width: 768px) {
  /* line 435, ../sass/project/_project.scss */
  .lineup_purchase_btn span {
    padding: 2.0833333333vw 3.125vw;
  }
}
/* line 443, ../sass/project/_project.scss */
.lineup_purchase_ttl {
  text-align: center;
}
/* line 445, ../sass/project/_project.scss */
.lineup_purchase_ttl span {
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 0 1.25vw;
}
/* line 450, ../sass/project/_project.scss 
.lineup_purchase_ttl span:before, .lineup_purchase_ttl span:after {
  content: '';
  display: block;
  position: absolute;
  background: url(../img/double_border_W.png) repeat-x center;
  background-size: 0.1041666667vw;
  width: 4.1666666667vw;
  height: 1.0416666667vw;
  top: 50%;
  margin-top: -0.5208333333vw;
}*/
/* line 461, ../sass/project/_project.scss */
.lineup_purchase_ttl span:before {
  right: 100%;
}
/* line 464, ../sass/project/_project.scss */
.lineup_purchase_ttl span:after {
  left: 100%;
}
@media screen and (max-width: 768px) {
  /* line 445, ../sass/project/_project.scss */
  .lineup_purchase_ttl span {
    padding: 0 3.125vw;
    font-size: 4.1666666667vw;
    margin-bottom: 2.6041666667vw;
  }
  /* line 471, ../sass/project/_project.scss */
  .lineup_purchase_ttl span:before, .lineup_purchase_ttl span:after {
    width: 10.4166666667vw;
    height: 2.6041666667vw;
    background-size: 0.2604166667vw;
    margin-top: -1.3020833333vw;
  }
}
/* line 480, ../sass/project/_project.scss */
.lineup_character {
  position: absolute;
  right: -6.25vw;
  bottom: 2.0833333333vw;
  width: 18.75vw;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  /* line 480, ../sass/project/_project.scss */
  .lineup_character {
    top: -19.53125vw;
    right: -4.6875vw;
    width: 26.0416666667vw;
  }
}

/* line 495, ../sass/project/_project.scss */
.lineup_item.half .lineup_contents {
  width: 100%;
}
/* line 498, ../sass/project/_project.scss */
.lineup_item.half .lineup_img {
  width: 70%;
  margin: 0 auto 2.0833333333vw;
}

.lineup_item.half .lineup_img_right{
	width: 100%;
  margin: 0 0 2.0833333333vw;
}
}
@media screen and (max-width: 768px) {
  /* line 498, ../sass/project/_project.scss */
  .lineup_item.half .lineup_img {
    margin: 0 0 5.2083333333vw;
  }
}
/* line 505, ../sass/project/_project.scss */
.lineup_item.half .lineup_ttl {
  font-size: 1.63vw;
}
@media screen and (max-width: 768px) {
  /* line 505, ../sass/project/_project.scss */
  .lineup_item.half .lineup_ttl {
    font-size: 5.2083333333vw;
  }
}
/* line 511, ../sass/project/_project.scss */
.lineup_item.half .lineup_purchase_btn {
  row-gap: 1.0416666667vw;
}
@media screen and (max-width: 768px) {
  /* line 511, ../sass/project/_project.scss */
  .lineup_item.half .lineup_purchase_btn {
    row-gap: 2.6041666667vw;
  }
}

/* line 525, ../sass/project/_project.scss */
#goodsSet {
  background: url(../img/miles02.png) no-repeat right 4.1666666667vw bottom -20.8333333333vw, url(../img/kay.png) no-repeat left 4.1666666667vw bottom -20.8333333333vw, #000;
  background-size: 18.75vw, 18.75vw;
	color: white;
	border-top: #876f2f solid 4px;
	border-bottom: #876f2f solid 4px;
	outline: #876f2f solid 1px;
	outline-offset: 3px;
}
/* line 528, ../sass/project/_project.scss */
#goodsSet .container_inner {
  padding: 5.2083333333vw 16.6666666667vw 9.375vw;
}
@media screen and (max-width: 768px) {
  /* line 525, ../sass/project/_project.scss */
  #goodsSet {
    background-position: right -5.2083333333vw bottom, left -5.2083333333vw bottom;
    background-size: 26.0416666667vw, 26.0416666667vw;
  }
  /* line 534, ../sass/project/_project.scss */
  #goodsSet .container_inner {
    padding: 13.0208333333vw 5.2083333333vw;
  }
}

/* line 541, ../sass/project/_project.scss */
.goodsSet_img {
  width: 30.875vw;
  margin: 0 auto 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  /* line 541, ../sass/project/_project.scss */
  .goodsSet_img {
    width: 100%;
    margin: 0 auto 5.2083333333vw;
  }
}
/* line 549, ../sass/project/_project.scss */
.goodsSet_lead {
  text-align: center;
  font-size: 1.6666666667vw;
  margin-bottom: 2.0833333333vw;
  font-weight: 900;
}
/* line 554, ../sass/project/_project.scss */
.goodsSet_lead span {
  color: #5d351c;
}
@media screen and (max-width: 768px) {
  /* line 549, ../sass/project/_project.scss */
  .goodsSet_lead {
    font-size: 4.1666666667vw;
    margin: 0 auto 5.2083333333vw;
  }
}
/* line 564, ../sass/project/_project.scss */
.goodsSet_contents_ttl {
  margin-bottom: 2.0833333333vw;
  text-align: center;
}
/* line 568, ../sass/project/_project.scss */
.goodsSet_btn {
  display: flex;
	justify-content: center;
}
/* line 570, ../sass/project/_project.scss */
.goodsSet_btn .btn {
  position: relative;
  display: block;
  background: #5d351c;
  color: #fff;
  transform: skewX(-16deg);
  width: calc(33.333% - 1.0416666667vw);
  margin-right: 2.0833333333vw;
  text-align: center;
  padding: 1.0416666667vw;
  box-shadow: 0.5208333333vw 0.5208333333vw 0 #fff;
}
/* line 581, ../sass/project/_project.scss */
.goodsSet_btn .btn span {
  position: relative;
  display: block;
  transform: skewX(16deg);
}
/* line 585, ../sass/project/_project.scss */
.goodsSet_btn .btn span:before {
  content: '';
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 0.9375vw;
  height: 0.9375vw;
  margin: -0.7291666667vw 0.5208333333vw;
  border-bottom: 0.2083333333vw solid #fff;
  border-right: 0.2083333333vw solid #fff;
  transform: rotate(45deg);
  transition: .3s margin;
}
/* line 600, ../sass/project/_project.scss */
.goodsSet_btn .btn:hover {
  background: #e6b86f;
}
/* line 603, ../sass/project/_project.scss */
.goodsSet_btn .btn:hover span:before {
  margin: 0 0.5208333333vw;
}
@media screen and (max-width: 768px) {
  /* line 568, ../sass/project/_project.scss */
  .goodsSet_btn {
    flex-direction: column;
  }
  /* line 611, ../sass/project/_project.scss */
  .goodsSet_btn .btn {
    width: 75%;
    box-shadow: 1.3020833333vw 1.3020833333vw 0 #fff;
    margin: 0 auto 5.2083333333vw;
    padding: 3.90625vw;
    height: auto;
  }
  /* line 618, ../sass/project/_project.scss */
  .goodsSet_btn .btn span:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    width: 2.34375vw;
    height: 2.34375vw;
    margin: -1.8229166667vw 1.3020833333vw;
    border-bottom: 0.5208333333vw solid #fff;
    border-right: 0.5208333333vw solid #fff;
    transform: rotate(45deg);
    transition: .3s margin;
  }
}

/* line 645, ../sass/project/_project.scss */
#goods {
  overflow: hidden;
}

/* line 649, ../sass/project/_project.scss */
.goods {
  margin-bottom: 6.25vw;
}
/* line 651, ../sass/project/_project.scss */
.goods_wrap, .goods_story {
  margin-bottom: 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  /* line 649, ../sass/project/_project.scss */
  .goods {
    margin-bottom: 15.625vw;
  }
  /* line 656, ../sass/project/_project.scss */
  .goods_wrap, .goods_story {
    margin-bottom: 10.4166666667vw;
  }
}
/* line 660, ../sass/project/_project.scss */
.goods_wrap {
  display: flex;
}
@media screen and (max-width: 768px) {
  /* line 660, ../sass/project/_project.scss */
  .goods_wrap {
    flex-direction: column;
  }
}
/* line 667, ../sass/project/_project.scss */
.goods_img {
  width: 33.3333333333vw;
  flex-shrink: 0;
  margin: 0 2.0833333333vw 0 0;
}
@media screen and (max-width: 768px) {
  /* line 667, ../sass/project/_project.scss */
  .goods_img {
    width: 100%;
    margin: 0 0 5.2083333333vw 0;
  }
}
/* line 679, ../sass/project/_project.scss */
.goods_num {
  color: #5d351c;
  font-style: italic;
}
/* line 682, ../sass/project/_project.scss */
.goods_num:before {
  content: '';
  display: inline-block;
  width: 0.2604166667vw;
  height: 1.25vw;
  background: #5d351c;
  vertical-align: middle;
  margin-right: 0.5208333333vw;
}
@media screen and (max-width: 768px) {
  /* line 692, ../sass/project/_project.scss */
  .goods_num:before {
    width: 0.6510416667vw;
    height: 3.90625vw;
    background: #5d351c;
    vertical-align: middle;
    margin-right: 1.3020833333vw;
  }
}
/* line 701, ../sass/project/_project.scss */
.goods_ttl {
  color: #5d351c;
  margin-bottom: 1.0416666667vw;
  font-size: 1.875vw;
  line-height: 1.6;
}
/* line 706, ../sass/project/_project.scss */
.goods_ttl small {
  font-size: 70%;
}
@media screen and (max-width: 768px) {
  /* line 701, ../sass/project/_project.scss */
  .goods_ttl {
    margin-bottom: 2.6041666667vw;
    font-size: 5.2083333333vw;
  }
}
/* line 714, ../sass/project/_project.scss */
.goods_text {
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  /* line 714, ../sass/project/_project.scss */
  .goods_text {
    margin-bottom: 5.2083333333vw;
  }
}
/* line 720, ../sass/project/_project.scss */
.goods_spec {
  margin-bottom: 1.0416666667vw;
}
@media screen and (max-width: 768px) {
  /* line 720, ../sass/project/_project.scss */
  .goods_spec {
    margin-bottom: 2.6041666667vw;
  }
}
/* line 726, ../sass/project/_project.scss */
.goods_head {
  font-size: 1.875vw;
  text-align: center;
  margin-bottom: 2.0833333333vw;
  font-style: italic;
}
@media screen and (max-width: 768px) {
  /* line 726, ../sass/project/_project.scss */
  .goods_head {
    font-size: 4.6875vw;
    margin-bottom: 5.2083333333vw;
  }
}
/* line 736, ../sass/project/_project.scss */
.goods_head-small {
  text-align: center;
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  /* line 736, ../sass/project/_project.scss */
  .goods_head-small {
    margin-bottom: 5.2083333333vw;
  }
}
/* line 743, ../sass/project/_project.scss */
.goods_story {
  display: flex;
}
@media screen and (max-width: 768px) {
  /* line 743, ../sass/project/_project.scss */
  .goods_story {
    display: block;
  }
}
/* line 749, ../sass/project/_project.scss */
.goods_story_wrap {
  width: 50%;
  padding: 0 2.0833333333vw;
}
/* line 752, ../sass/project/_project.scss */
.goods_story_wrap:first-child {
  border-right: solid 2px #5d351c;
}
@media screen and (max-width: 768px) {
  /* line 749, ../sass/project/_project.scss */
  .goods_story_wrap {
    width: 100%;
    padding: 5.2083333333vw 0;
  }
  /* line 758, ../sass/project/_project.scss */
  .goods_story_wrap:first-child {
    border-right: none;
    border-bottom: solid 2px #5d351c;
  }
}
/* line 764, ../sass/project/_project.scss */
.goods_story_ttl {
  font-size: 1.4583333333vw;
  color: #5d351c;
  margin-bottom: 1.0416666667vw;
}
@media screen and (max-width: 768px) {
  /* line 764, ../sass/project/_project.scss */
  .goods_story_ttl {
    font-size: 4.1666666667vw;
    margin-bottom: 2.6041666667vw;
  }
}
/* line 774, ../sass/project/_project.scss */
.goods_character {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  column-gap: 2.0833333333vw;
  row-gap: 3.125vw;
}
@media screen and (max-width: 768px) {
  /* line 774, ../sass/project/_project.scss */
  .goods_character {
    column-gap: 5.2083333333vw;
    row-gap: 7.8125vw;
  }
}
/* line 785, ../sass/project/_project.scss */
.goods_character_item {
  width: 12%;
  text-align: center;
}
/* line 788, ../sass/project/_project.scss */
.goods_character_item img {
  margin-bottom: 0.5208333333vw;
}
@media screen and (max-width: 768px) {
  /* line 785, ../sass/project/_project.scss */
  .goods_character_item {
    width: calc(50% - 5.2083333333vw);
  }
  /* line 792, ../sass/project/_project.scss */
  .goods_character_item img {
    margin-bottom: 1.3020833333vw;
  }
}
/* line 798, ../sass/project/_project.scss */
.goods_notebook {
  position: relative;
  border-radius: 0.8333333333vw;
  background: #675843;
  padding: 0.625vw;
}
/* line 803, ../sass/project/_project.scss */
.goods_notebook_border {
  position: relative;
  padding: 0.8333333333vw;
}
/* line 806, ../sass/project/_project.scss */
.goods_notebook_border:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: repeating-linear-gradient(0deg, #867551, #867551 0.78125vw, transparent 0.78125vw, transparent 1.3020833333vw, #867551 1.3020833333vw), repeating-linear-gradient(90deg, #867551, #867551 0.78125vw, transparent 0.78125vw, transparent 1.3020833333vw, #867551 1.3020833333vw), repeating-linear-gradient(180deg, #867551, #867551 0.78125vw, transparent 0.78125vw, transparent 1.3020833333vw, #867551 1.3020833333vw), repeating-linear-gradient(270deg, #867551, #867551 0.78125vw, transparent 0.78125vw, transparent 1.3020833333vw, #867551 1.3020833333vw);
  background-size: 0.15625vw 100%, 100% 0.15625vw, 0.15625vw 100%, 100% 0.15625vw;
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  border-radius: 0.5208333333vw;
}
/* line 820, ../sass/project/_project.scss */
.goods_notebook_wrap {
  position: relative;
  border-radius: 0.4166666667vw;
  background: #e1dfd6;
  z-index: 2;
  box-shadow: 0 0.1041666667vw 0 0.2083333333vw #5c4c2c, inset 0px -0.4166666667vw 0px 0px #7d7766, inset 0px -0.8333333333vw 0px 0px #b4b2ab;
  padding: 1.6666666667vw 1.6666666667vw 3.6458333333vw;
}
/* line 827, ../sass/project/_project.scss */
.goods_notebook_wrap:before {
  content: '';
  display: block;
  background: url(../img/icon_tab.png) no-repeat;
  background-size: cover;
  width: 3.6458333333vw;
  height: 6.5625vw;
  position: absolute;
  top: 1.25vw;
  left: 99%;
}
/* line 839, ../sass/project/_project.scss */
.goods_notebook_contents {
  position: relative;
  display: flex;
  background: linear-gradient(0deg, #729e82 70%, #282d2d 70%);
  border-radius: 0.4166666667vw;
  padding: 1.6666666667vw;
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 480px) {
  /* line 839, ../sass/project/_project.scss */
  .goods_notebook_contents {
    display: block;
    min-height: 36.4583333333vw;
    background: linear-gradient(0deg, #729e82 80%, #282d2d 80%);
    padding: 4.1666666667vw;
  }
}
/* line 853, ../sass/project/_project.scss */
.goods_notebook .c-tab_contents.active {
  position: relative;
}
/* line 855, ../sass/project/_project.scss */
.goods_notebook .c-tab_contents.active:before {
  content: '';
  position: absolute;
  top: 100%;
  margin-left: -1.5625vw;
  border: 1.5625vw solid transparent;
  border-top: 1.5625vw solid #729e82;
}
/* line 864, ../sass/project/_project.scss */
.goods_notebook .c-tab_contents.active:nth-child(1):before {
  left: 5.7291666667vw;
}
/* line 869, ../sass/project/_project.scss */
.goods_notebook .c-tab_contents.active:nth-child(2):before {
  left: 11.8229166667vw;
}
/* line 874, ../sass/project/_project.scss */
.goods_notebook .c-tab_contents.active:nth-child(3):before {
  left: 17.8125vw;
}
/* line 879, ../sass/project/_project.scss */
.goods_notebook .c-tab_contents.active:nth-child(4):before {
  left: 23.8541666667vw;
}
/* line 884, ../sass/project/_project.scss */
.goods_notebook .c-tab_contents.active:nth-child(5):before {
  left: 29.8958333333vw;
}
/* line 889, ../sass/project/_project.scss */
.goods_notebook .c-tab_contents.active:nth-child(6):before {
  left: 35.9375vw;
}
/* line 894, ../sass/project/_project.scss */
.goods_notebook .c-tab_contents.active:nth-child(7):before {
  left: 41.9270833333vw;
}
@media screen and (max-width: 768px) {
  /* line 899, ../sass/project/_project.scss */
  .goods_notebook .c-tab_contents.active:before {
    content: none;
  }
}
/* line 904, ../sass/project/_project.scss */
.goods_notebook_img {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18.2291666667vw;
  height: 18.2291666667vw;
  background: #808080;
  border: solid #fff 0.3125vw;
  margin-right: 2.0833333333vw;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  /* line 904, ../sass/project/_project.scss */
  .goods_notebook_img {
    border: solid #fff 0.78125vw;
    width: 20.8333333333vw;
    height: 20.8333333333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 904, ../sass/project/_project.scss */
  .goods_notebook_img {
    width: 100%;
    height: 65.1041666667vw;
    margin: 0 0 2.6041666667vw;
  }
}
/* line 925, ../sass/project/_project.scss */
.goods_notebook_txt {
  width: 100%;
  line-height: 2.4;
}
@media screen and (max-width: 480px) {
  /* line 925, ../sass/project/_project.scss */
  .goods_notebook_txt {
    line-height: 2;
  }
}
/* line 931, ../sass/project/_project.scss */
.goods_notebook_txt h4 {
  font-size: 2.0833333333vw;
  margin-bottom: 1.25vw;
}
@media screen and (max-width: 768px) {
  /* line 931, ../sass/project/_project.scss */
  .goods_notebook_txt h4 {
    font-size: 2.6041666667vw;
    margin-bottom: 1.3020833333vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 931, ../sass/project/_project.scss */
  .goods_notebook_txt h4 {
    font-size: 1.5rem;
  }
}
/* line 942, ../sass/project/_project.scss */
.goods_notebook_txt p {
  font-size: 1.4583333333vw;
  color: #000;
  background-image: linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 98%, #646464 100%);
  background-size: 100% 2em;
  font-family: 'Noto Sans JP', sans-serif;
}
@media screen and (max-width: 768px) {
  /* line 942, ../sass/project/_project.scss */
  .goods_notebook_txt p {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 480px) {
  /* line 942, ../sass/project/_project.scss */
  .goods_notebook_txt p {
    font-size: 2.6041666667vw;
    background-image: linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 95%, #646464 100%);
  }
}
/* line 964, ../sass/project/_project.scss */
.goods_notebook_item {
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.8333333333vw;
}
@media screen and (max-width: 768px) {
  /* line 964, ../sass/project/_project.scss */
  .goods_notebook_item {
    gap: 2.6041666667vw;
  }
}
/* line 971, ../sass/project/_project.scss */
.goods_notebook_item li {
  width: 5.2083333333vw;
  height: 5.2083333333vw;
  background: #808080;
  border-radius: 0.2083333333vw;
}
@media screen and (max-width: 768px) {
  /* line 971, ../sass/project/_project.scss */
  .goods_notebook_item li {
    width: 15.625vw;
    height: 15.625vw;
    border-radius: 1.0416666667vw;
  }
}
/* line 982, ../sass/project/_project.scss */
.goods_notebook_item .c-tab_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
/* line 988, ../sass/project/_project.scss */
.goods_notebook_item .c-tab_btn.active {
  outline: solid 0.2604166667vw #fff;
  box-shadow: 0 0.2604166667vw 0 0.4166666667vw rgba(0, 0, 0, 0.5);
}
/* line 993, ../sass/project/_project.scss */
.goods_notebook_item .c-tab_btn.new:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/light.png) no-repeat;
  background-size: cover;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  animation: blink 1s ease infinite alternate;
}
@media screen and (max-width: 768px) {
  /* line 993, ../sass/project/_project.scss */
  .goods_notebook_item .c-tab_btn.new:before {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
    left: -0.6510416667vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1011, ../sass/project/_project.scss */
  .goods_notebook_item .c-tab_btn.active {
    outline: solid 0.78125vw #fff;
    box-shadow: 0 0.78125vw 0 1.0416666667vw rgba(0, 0, 0, 0.5);
  }
}
/* line 1017, ../sass/project/_project.scss */
.goods_notebook_item .noactive {
  background: #b3b3b3;
}
/* line 1018, ../sass/project/_project.scss */
.goods_notebook_item .noactive img {
  display: none;
}
/* line 1025, ../sass/project/_project.scss */
.goods_bnr {
  position: relative;
  display: block;
  width: 41.6666666667vw;
  margin: 2.0833333333vw auto 0;
}
/* line 1030, ../sass/project/_project.scss */
.goods_bnr:before {
  content: '';
  position: absolute;
  top: -1.0416666667vw;
  left: -1.0416666667vw;
  background: url(../img/light.png) no-repeat;
  background-size: cover;
  width: 1.0416666667vw;
  height: 1.0416666667vw;
  animation: blink 1s ease infinite alternate;
}
@media screen and (max-width: 768px) {
  /* line 1030, ../sass/project/_project.scss */
  .goods_bnr:before {
    width: 5.2083333333vw;
    height: 5.2083333333vw;
    top: -5.2083333333vw;
    left: -2.6041666667vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1025, ../sass/project/_project.scss */
  .goods_bnr {
    width: 100%;
    margin: 10.4166666667vw auto 0;
  }
}

/* line 1055, ../sass/project/_project.scss */
#sleevebox .goods_wrap {
  margin-bottom: 0;
}

/* line 1066, ../sass/project/_project.scss */
.purchase {
  position: relative;
}
@media screen and (max-width: 768px) {
  /* line 1066, ../sass/project/_project.scss */
  .purchase {
    margin-top: 41.6666666667vw;
  }
}
/* line 1071, ../sass/project/_project.scss */
.purchase_img {
  position: absolute;
  bottom: 0;
  width: 14.5833333333vw;
}
/* line 1075, ../sass/project/_project.scss */
.purchase_img.hakari {
  left: 0;
}
/* line 1078, ../sass/project/_project.scss */
.purchase_img.mei {
  right: 0;
}
@media screen and (max-width: 768px) {
  /* line 1071, ../sass/project/_project.scss */
  .purchase_img {
    width: 36.4583333333vw;
    top: -36.4583333333vw;
    z-index: -1;
  }
}
/* line 1087, ../sass/project/_project.scss */
.purchase_wrap {
  display: flex;
  justify-content: center;
  gap: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  /* line 1087, ../sass/project/_project.scss */
  .purchase_wrap {
    flex-direction: column;
    gap: 5.2083333333vw;
  }
}
/* line 1096, ../sass/project/_project.scss */
.purchase_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 23.9583333333vw;
  height: 5.2083333333vw;
  color: #fff;
  text-align: center;
  padding: 0.625vw 0.4166666667vw;
  font-size: 1.6666666667vw;
}
/* line 1106, ../sass/project/_project.scss */
.purchase_btn-comp {
	background: #5d351c;
	color: white;
  /* background: linear-gradient(0deg, #ef6a00 6%, #ad0000 50%, #ef6a00 100%); */
}

.purchase_btn-comp:hover{
	border: 2px solid #5d351c;
	color: #5d351c;
	background: transparent;
}

/* line 1109, ../sass/project/_project.scss */
.purchase_btn-only {
  /* background: linear-gradient(0deg, #1ac122 0%, #0e7a28 50%, #1ac122 100%); */
	background: green;
	color: white;
}

.purchase_btn-only:hover{
	border: 2px solid green;
	color: green;
	background: transparent;
}
@media screen and (max-width: 768px) {
  /* line 1096, ../sass/project/_project.scss */
  .purchase_btn {
    font-size: 4.1666666667vw;
    width: 100%;
    height: 20.8333333333vw;
    padding: 1.5625vw 1.0416666667vw;
  }
}
@media screen and (max-width: 768px) {
  /* line 1119, ../sass/project/_project.scss */
  .purchase .lineup_label {
    /* top: -10.4166666667vw; */
    width: 70%;
  }
}

/* line 1135, ../sass/project/_project.scss */
#spec {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
}

/* line 1140, ../sass/project/_project.scss */
.sec_spec {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  /* line 1140, ../sass/project/_project.scss */
  .sec_spec {
    flex-direction: column;
  }
}
/* line 1146, ../sass/project/_project.scss */
.sec_spec_official {
  margin-right: 3.125vw;
	
}
/* line 1148, ../sass/project/_project.scss */
.sec_spec_official img {
  margin-bottom: 2.0833333333vw;
}
/* line 1151, ../sass/project/_project.scss */
.sec_spec_official p {
  background: #5d351c;
  color: #fff;
  text-align: center;
  padding: 0.4166666667vw;
}
@media screen and (max-width: 768px) {
  /* line 1146, ../sass/project/_project.scss */
  .sec_spec_official {
    margin: 0 0 7.8125vw;
  }
  /* line 1159, ../sass/project/_project.scss */
  .sec_spec_official img {
    margin-bottom: 5.2083333333vw;
  }
  /* line 1162, ../sass/project/_project.scss */
  .sec_spec_official p {
    padding: 1.0416666667vw;
  }
}
/* line 1167, ../sass/project/_project.scss */
.sec_spec_name {
  margin-bottom: 1.0416666667vw;
}
@media screen and (max-width: 768px) {
  /* line 1167, ../sass/project/_project.scss */
  .sec_spec_name {
    font-size: 5.2083333333vw;
    text-align: center;
    margin-bottom: 5.2083333333vw;
  }
}
/* line 1176, ../sass/project/_project.scss */
.sec_spec_list div {
  display: flex;
  margin-bottom: 1.0416666667vw;
}
/* line 1180, ../sass/project/_project.scss */
.sec_spec_list dt {
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2px #fff;
  width: 6.25vw;
  text-align: center;
  flex-shrink: 0;
}
/* line 1189, ../sass/project/_project.scss */
.sec_spec_list dd {
  padding: 0.2604166667vw 1.0416666667vw;
}
@media screen and (max-width: 768px) {
  /* line 1194, ../sass/project/_project.scss */
  .sec_spec_list div {
    margin-bottom: 2.6041666667vw;
  }
  /* line 1197, ../sass/project/_project.scss */
  .sec_spec_list dt {
    width: 20.8333333333vw;
  }
  /* line 1200, ../sass/project/_project.scss */
  .sec_spec_list dd {
    padding: 0.6510416667vw 2.6041666667vw;
  }
}

/* line 1214, ../sass/project/_project.scss */
#art {
  background: url(../img/bg_art.png) repeat, linear-gradient(180deg, #201706 0%, #362e1b 50%, #201706 100%);
  color: #fff;
	border-top: #876f2f solid 4px;
	border-bottom: #876f2f solid 4px;
	outline: #876f2f solid 1px;
	outline-offset: 3px;
}

/* line 1214, ../sass/project/_project.scss */
#tgsgoods {
  background: url(../img/bg_art02.png) repeat, linear-gradient(180deg, #201706 0%, #362e1b 50%, #201706 100%);
  color: #fff;
	
	border-bottom: #876f2f solid 4px;
	outline: #876f2f solid 1px;
	outline-offset: 3px;
}

/* line 1219, ../sass/project/_project.scss */
.art {
  display: flex;
  gap: 2.0833333333vw;
  margin-bottom: 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  /* line 1219, ../sass/project/_project.scss */
  .art {
    display: block;
    margin-bottom: 10.4166666667vw;
  }
}
/* line 1227, ../sass/project/_project.scss */
.art_img {
  width: 27.0833333333vw;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  /* line 1227, ../sass/project/_project.scss */
  .art_img {
    width: 70%;
    margin: 0 auto 5.2083333333vw;
  }
}
/* line 1235, ../sass/project/_project.scss */
.art_ttl {
  margin-bottom: 1.25vw;
  font-size: 1.6666666667vw;
  color: #e6b86f;
}
@media screen and (max-width: 768px) {
  /* line 1235, ../sass/project/_project.scss */
  .art_ttl {
    font-size: 5.2083333333vw;
    text-align: center;
    margin: 0 auto 5.2083333333vw;
  }
}
/* line 1245, ../sass/project/_project.scss */
.art_txt {
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  /* line 1245, ../sass/project/_project.scss */
  .art_txt {
    margin: 0 auto 5.2083333333vw;
  }
}
/* line 1251, ../sass/project/_project.scss */
.art_bnr {
  display: block;
  background: #5d351c;
  color: #fff;
  width: 20.8333333333vw;
  padding: 1.0416666667vw 2.0833333333vw;
  text-align: center;
  font-size: 0.9375vw;
  margin-bottom: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  /* line 1251, ../sass/project/_project.scss */
  .art_bnr {
    width: 100%;
    padding: 3.90625vw 5.2083333333vw;
    font-size: 4.1666666667vw;
    margin-bottom: 5.2083333333vw;
  }
}
/* line 1267, ../sass/project/_project.scss */
.art_spec {
  font-size: 0.8333333333vw;
}
/* line 1269, ../sass/project/_project.scss */
.art_spec.spec div {
  display: block;
  margin-bottom: 0.5208333333vw;
}
@media screen and (max-width: 768px) {
  /* line 1267, ../sass/project/_project.scss */
  .art_spec {
    font-size: 3.125vw;
    margin-bottom: 5.2083333333vw;
  }
  /* line 1276, ../sass/project/_project.scss */
  .art_spec.spec div {
    display: flex;
    margin-bottom: 2.0833333333vw;
  }
  /* line 1280, ../sass/project/_project.scss */
  .art_spec.spec dt {
    width: 20%;
    flex-shrink: 0;
  }
}

/* line 1288, ../sass/project/_project.scss */
.art-other {
  border: solid 2.3958333333vw;
  border-image: url(../img/frame_lt.png) 60 60/2.3958333333vw 2.3958333333vw round space;
}
@media screen and (max-width: 768px) {
  /* line 1288, ../sass/project/_project.scss */
  .art-other {
    border: solid 5.9895833333vw;
    border-image: url(../img/frame_lt.png) 60 60/5.9895833333vw 5.9895833333vw round space;
  }
}
/* line 1295, ../sass/project/_project.scss */
.art-other_txt {
  text-align: center;
  margin: 2.0833333333vw 0;
  font-size: 1.25vw;
}

.goods-other {
  border: solid 2.3958333333vw;
  border-image: url(../img/frame_lt.png) 60 60/2.3958333333vw 2.3958333333vw round space;
	background: black;
	color: white;
}
@media screen and (max-width: 768px) {
  /* line 1288, ../sass/project/_project.scss */
  .goods-other {
    border: solid 5.9895833333vw;
    border-image: url(../img/frame_lt.png) 60 60/5.9895833333vw 5.9895833333vw round space;
  }
}
/* line 1295, ../sass/project/_project.scss */
.goods-other_txt {
  text-align: center;
  margin: 2.0833333333vw 0;
  font-size: 1.25vw;
}
@media screen and (max-width: 768px) {
  /* line 1295, ../sass/project/_project.scss */
  .art-other_txt {
    margin: 5.2083333333vw 0;
    font-size: 3.90625vw;
  }
	.goods-other_txt {
    margin: 5.2083333333vw 0;
    font-size: 3.90625vw;
  }
}
/* line 1304, ../sass/project/_project.scss */
.art-other_vol2 {
  display: flex;
  gap: 2.0833333333vw;
  margin-bottom: 4.1666666667vw;
}
/* line 1308, ../sass/project/_project.scss */
.art-other_vol2 img {
  border: solid 0.5208333333vw #fff;
}
/* line 1311, ../sass/project/_project.scss */
.art-other_vol2 li p {
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* line 1304, ../sass/project/_project.scss */
  .art-other_vol2 {
    flex-wrap: wrap;
  }
  /* line 1316, ../sass/project/_project.scss */
  .art-other_vol2 li {
    width: 48%;
  }
}
/* line 1321, ../sass/project/_project.scss */
.art-other .art_spec {
  text-align: center;
}
/* line 1323, ../sass/project/_project.scss */
.art-other .art_spec div {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  /* line 1321, ../sass/project/_project.scss */
  .art-other .art_spec {
    font-size: 3.125vw;
    margin-bottom: 5.2083333333vw;
  }
  /* line 1329, ../sass/project/_project.scss */
  .art-other .art_spec.spec div {
    display: flex;
    margin-bottom: 2.0833333333vw;
  }
  /* line 1333, ../sass/project/_project.scss */
  .art-other .art_spec.spec dt {
    width: 20%;
    flex-shrink: 0;
  }
}

/* line 1304, ../sass/project/_project.scss */
.goods-other_vol2 {
  display: flex;
  gap: 2.0833333333vw;
  margin-bottom: 4.1666666667vw;
}

.othergoodsbtn{
	background: #5d351c;
	color: white;
	text-align: center;
	font-size: 1.1vw;
	width: 23vw;
	height: 5vw;
	padding: 1vw 2.5vw;
	margin: 2vw auto 0;
	border: 1px solid #5d351c;
	position: relative;
	bottom: 0;
}

@media screen and (max-width: 768px) {
	.othergoodsbtn{
		font-size: 2.6vw;
		padding: 2vw 10.5vw;
	}
}

.othergoodsbtn:hover{
	border: 1px solid #5d351c;
	color: #5d351c;
	background: transparent;
}

/* line 1308, ../sass/project/_project.scss */
.goods-other_vol2 img {
  border: solid 0.5208333333vw #fff;
}
/* line 1311, ../sass/project/_project.scss */
.goods-other_vol2 li p {
  text-align: center;
	margin-bottom: 2vw;
	font-size: 70%;
}
@media screen and (max-width: 768px) {
	.goods-other_vol2 li p{
		font-size: 80% !important;
	}
  /* line 1304, ../sass/project/_project.scss */
  .goods-other_vol2 {
    flex-wrap: wrap;
  }
  /* line 1316, ../sass/project/_project.scss */
  .goods-other_vol2 li {
    width: 48%;
  }
}
/* line 1321, ../sass/project/_project.scss */
.goods-other .goods_spec {
  text-align: center;
}
/* line 1323, ../sass/project/_project.scss */
.goods-other .goods_spec div {
  display: inline-block;
}
@media screen and (max-width: 768px) {
  /* line 1321, ../sass/project/_project.scss */
  .goods-other .goods_spec {
    font-size: 3.125vw;
    margin-bottom: 5.2083333333vw;
  }
  /* line 1329, ../sass/project/_project.scss */
  .goods-other .goods_spec.spec div {
    display: flex;
    margin-bottom: 2.0833333333vw;
  }
  /* line 1333, ../sass/project/_project.scss */
  .goods-other .goods_spec.spec dt {
    width: 20%;
    flex-shrink: 0;
  }
}

/* line 1346, ../sass/project/_project.scss */
#comment {
  overflow: hidden;
}

/* line 1350, ../sass/project/_project.scss */
.comment_heading {
  color: #5d351c;
  text-align: center;
  font-size: 3.125vw;
  margin-bottom: 3.125vw;
}
@media screen and (max-width: 768px) {
  /* line 1350, ../sass/project/_project.scss */
  .comment_heading {
    font-size: 7.8125vw;
  }
}
/* line 1358, ../sass/project/_project.scss */
.comment_heading span {
  position: relative;
  padding: 0 2.0833333333vw;
}
/* line 1361, ../sass/project/_project.scss */
.comment_heading span:before, .comment_heading span:after {
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #5d351c;
  width: 10.4166666667vw;
  height: 0.15625vw;
}
/* line 1370, ../sass/project/_project.scss */
.comment_heading span:before {
  left: 100%;
}
/* line 1373, ../sass/project/_project.scss */
.comment_heading span:after {
  right: 100%;
}
/* line 1381, ../sass/project/_project.scss */
.comment_list {
  display: flex;
  justify-content: center;
  gap: 1.0416666667vw;
  margin-bottom: 4.1666666667vw;
}
@media screen and (max-width: 768px) {
  /* line 1381, ../sass/project/_project.scss */
  .comment_list {
    gap: 2.6041666667vw;
    flex-wrap: wrap;
  }
}
/* line 1390, ../sass/project/_project.scss */
.comment_list li {
  width: 8.3333333333vw;
  transition: .3s opacity;
}
/* line 1393, ../sass/project/_project.scss */
.comment_list li:hover {
  opacity: .7;
}
/* line 1396, ../sass/project/_project.scss */
.comment_list li.active {
  position: relative;
}
/* line 1398, ../sass/project/_project.scss */
.comment_list li.active:hover {
  opacity: 1;
}
/* line 1401, ../sass/project/_project.scss */
.comment_list li.active:before, .comment_list li.active:after {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
/* line 1409, ../sass/project/_project.scss */
.comment_list li.active:before {
  border: solid 0.15625vw #e6b86f;
  z-index: 1;
}
/* line 1413, ../sass/project/_project.scss */
.comment_list li.active:after {
  background: rgba(0, 0, 0, 0.5);
  z-index: 0;
}
@media screen and (max-width: 768px) {
  /* line 1390, ../sass/project/_project.scss */
  .comment_list li {
    width: 19.53125vw;
  }
  /* line 1420, ../sass/project/_project.scss */
  .comment_list li.active:before {
    border-width: 0.5208333333vw;
  }
}
/* line 1426, ../sass/project/_project.scss */
.comment_item {
  display: flex;
  color: #fff;
  padding: 4.1666666667vw 4.1666666667vw;
  margin-bottom: 6.25vw;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  /* line 1426, ../sass/project/_project.scss */
  .comment_item {
    padding: 10.4166666667vw 5.2083333333vw;
    flex-direction: column;
    margin-bottom: 10.4166666667vw;
  }
}
/* line 1439, ../sass/project/_project.scss */
.comment_img {
  position: relative;
  z-index: 2;
  width: 12.5vw;
  margin-right: 2.0833333333vw;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  /* line 1439, ../sass/project/_project.scss */
  .comment_img {
    width: 39.0625vw;
    margin: 0 auto 5.2083333333vw;
  }
}
/* line 1450, ../sass/project/_project.scss */
.comment_text {
  position: relative;
  z-index: 2;
}
/* line 1454, ../sass/project/_project.scss */
.comment_text_chara {
  color: #5d351c;
}
@media screen and (max-width: 768px) {
  /* line 1454, ../sass/project/_project.scss */
  .comment_text_chara {
    text-align: center;
  }
}
/* line 1460, ../sass/project/_project.scss */
.comment_text_name {
  font-size: 2.5vw;
  border-bottom: solid 3px #5d351c;
  margin-bottom: 1.0416666667vw;
  padding-bottom: 0.5208333333vw;
  line-height: 1.4;
}
/* line 1466, ../sass/project/_project.scss */
.comment_text_name span {
  display: inline-block;
  margin-left: 1.0416666667vw;
  font-size: 60%;
}
@media screen and (max-width: 768px) {
  /* line 1460, ../sass/project/_project.scss */
  .comment_text_name {
    text-align: center;
    font-size: 6.25vw;
    margin-bottom: 2.6041666667vw;
    padding-bottom: 2.6041666667vw;
  }
}
/* line 1478, ../sass/project/_project.scss */
.comment_text_heading {
  margin: 1.0416666667vw 0 0.5208333333vw;
}
/* line 1480, ../sass/project/_project.scss */
.comment_text_heading:before {
  content: '■';
  color: #5d351c;
}
@media screen and (max-width: 768px) {
  /* line 1478, ../sass/project/_project.scss */
  .comment_text_heading {
    font-size: 3.90625vw;
    margin: 5.2083333333vw 0 2.6041666667vw;
  }
}
/* line 1489, ../sass/project/_project.scss */
.comment_text_com {
  font-weight: 400;
}

/* line 1494, ../sass/project/_project.scss */
.comment_bnr {
  position: relative;
  border: solid 0.2083333333vw #5d351c;
  background: #fff;
  padding: 2.0833333333vw 4.1666666667vw;
  width: 62.5vw;
  margin: 0 auto 10.4166666667vw;
  transition: .3s background;
}
@media screen and (max-width: 768px) {
  /* line 1494, ../sass/project/_project.scss */
  .comment_bnr {
    border: solid 0.5208333333vw #5d351c;
    padding: 7.8125vw 5.2083333333vw;
    width: 100%;
  }
}
/* line 1507, ../sass/project/_project.scss */
.comment_bnr_wrap {
  display: flex;
}
@media screen and (max-width: 768px) {
  /* line 1507, ../sass/project/_project.scss */
  .comment_bnr_wrap {
    display: block;
  }
}
/* line 1513, ../sass/project/_project.scss */
.comment_bnr_img {
  width: 15.625vw;
  margin-right: 2.0833333333vw;
}
@media screen and (max-width: 768px) {
  /* line 1513, ../sass/project/_project.scss */
  .comment_bnr_img {
    width: 90%;
    margin: 0 auto 5.2083333333vw;
  }
}
/* line 1521, ../sass/project/_project.scss */
.comment_bnr_ttl {
  font-size: 1.25vw;
  flex-shrink: 0;
  margin-bottom: 0.8333333333vw;
  color: #5d351c;
  text-align: center;
  transition: .3s color;
}
@media screen and (max-width: 768px) {
  /* line 1521, ../sass/project/_project.scss */
  .comment_bnr_ttl {
    margin-bottom: 2.0833333333vw;
    font-size: 4.6875vw;
    line-height: 1.6;
  }
}
/* line 1534, ../sass/project/_project.scss */
.comment_bnr_btn {
  background: #5d351c;
  color: #fff;
  width: 20.8333333333vw;
  margin: auto;
  text-align: center;
  padding: 1.0416666667vw;
  transition: .3s color, .3s background;
}
@media screen and (max-width: 768px) {
  /* line 1534, ../sass/project/_project.scss */
  .comment_bnr_btn {
    width: 100%;
    padding: 2.6041666667vw;
  }
}
/* line 1547, ../sass/project/_project.scss */
.comment_bnr a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* line 1556, ../sass/project/_project.scss */
.comment_bnr:hover {
  background: #5d351c;
}
/* line 1558, ../sass/project/_project.scss */
.comment_bnr:hover .comment_bnr_ttl {
  color: #fff;
}
/* line 1561, ../sass/project/_project.scss */
.comment_bnr:hover .comment_bnr_btn {
  background: #fff;
  color: #5d351c;
}

/* line 1573, ../sass/project/_project.scss */
.twitter {
  display: inline-block;
  margin: 0 auto 2.0833333333vw;
}
/* line 1576, ../sass/project/_project.scss */
.twitter img {
  width: 1.4583333333vw;
  height: 1.1979166667vw;
  margin: 0 auto 1.0416666667vw;
}

/*# sourceMappingURL=style.css.map */


.fadeup {
  animation: fadeup 1s cubic-bezier(0.33, 1, 0.68, 1) forwards;
}
 
@keyframes fadeup {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  50% {
    opacity: .7;
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.acrylicbox{
	position: relative;
}
.acrylicchara{
	display:block;
	position: absolute;
	width: 52.3vw;
	left: 14%;
	bottom: -12%;
}

.swiper-button-next:after, .swiper-button-prev:after{
	color: white;
	border: 1px solid white;
	padding: 20px;
	background: rgb(0,0,0, .8);
}

#dramacd{
	position: relative;
}

.chara3{
	background: url("../img/chara3.png") no-repeat;
	background-size: contain;
	position: absolute;
	bottom: -10vw;
	right: 3vw;
	width: 15vw;
	height: 46vw;
}

.track a{
	position: relative;
	color: white;
	border-bottom: 1px solid gray;
	padding: 2vw 0;
	display: block;
}




.youtube{
	background: url("../img/youtube.jpg") no-repeat;
	background-size: contain;
	width: 50vw;
	height: auto;
	margin: 2vw auto;
	position: relative;
}

.youtubetext{
	position: absolute;
	top: 30%;
	left: 16%;
	text-align: center;
}

.bigtext{
	font-size: 3vw;
}

@media screen and (max-width: 768px) {
	.youtubetext{
		top: 16%;
		left: 1%;
		font-size: 70%;
		padding: 4vw;
	}
	
	.tab{
		width: 100%;
	}
	
	.tab_label {
		font-size: 3.5vw;
		align-items: center;
	}
}

.kirifuda{
	width: 70%;
	margin: 0 auto;
}

.track li{
	list-style-type: decimal-leading-zero;
	padding-left: 1rem;
	text-indent: -1rem;
	margin-left: 2.5rem;
}

.wrap{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.info_text{
	font-size: 20px;
	text-align: center;
	margin: 2vw 0 5vw;
}

.text_price{
	text-align: center;
}

.text_price span{
	font-size: 5rem;
}

/* album */
.album:before {
  content: "";
  position: absolute;
  width: 20%;
  height: 520px;
  border: 1px solid #6a2600;
  right: 0;
  animation: beforeShape3 6s ease infinite alternate both;
	display: none;
}
@keyframes beforeShape3 {
  0% {
    transform: translate(50px, 50px);
  }
  100% {
    transform: translate(0px, -50px);
  }
}
@media screen and (max-width: 1023px) {
  .album:before {
    display: none;
  }
}
.album .content {
  grid-template-rows: auto auto auto;
}
@media screen and (max-width: 799px) {
  .album .content {
    justify-items: center;
    grid-template-columns: 1fr;
    width: 100%;
  }
}
.album .content .cover {
  grid-column: 1/5;
  grid-row: 1/2;
  z-index: 1;
  height: fit-content;
}
@media screen and (max-width: 799px) {
  .album .content .cover {
    grid-column: 1;
    width: 100%;
    height: 200px;
  }
}
.album .content .cover .cover-img {
  width: 100%;
  padding-bottom: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 799px) {
  .album .content .cover .cover-img {
    width: 100%;
    height: 200px;
    padding: 0;
  }
}
.album .content .cover .cover-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
@media screen and (max-width: 799px) {
  .album .content .cover .cover-img img {
    width: 200px;
    height: 200px;
  }
}
.album .content .tracks {
  grid-column: 3/11;
  grid-row: 1/3;
  transform: translateY(50px);
  position: relative;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-column-gap: 20px;
}
@media screen and (max-width: 799px) {
  .album .content .tracks {
    width: 100%;
    grid-column: 1;
    grid-template-columns: 1fr;
  }
}
.album .content .tracks:before {
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  background-image: linear-gradient(225deg, #010101 0%, #000 100%);
  opacity: 0.5;
  z-index: -1;
}
.album .content .tracks .tracklist {
  grid-column: 3/9;
  padding: 80px 0;
  z-index: 1;
  padding-right: 20px;
}
@media screen and (max-width: 1023px) {
  .album .content .tracks .tracklist {
    grid-column: 3/9;
  }
}
@media screen and (max-width: 799px) {
  .album .content .tracks .tracklist {
    /* padding: 190px 0 40px 0; */
    grid-column: 1;
  }
}
.album .content .tracks .tracklist li {
  display: flex;
  justify-content: space-between;
  align-items: center;
 
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.3px;
  font-weight: 600;
  padding: 0px 20px;
  height: 45px;
  transition: all 0.6s ease;
  position: relative;
  margin: 0 10%;
  cursor: default;
}
@media screen and (max-width: 1240px) {
  .album .content .tracks .tracklist li {
    margin: 0 6%;
  }
}
@media screen and (max-width: 1023px) {
  .album .content .tracks .tracklist li {
    margin: 0;
  }
}
@media screen and (max-width: 799px) {
  .album .content .tracks .tracklist li {
    margin: 0 10%;
    padding: 0px;
  }
}
@media screen and (max-width: 639px) {
  .album .content .tracks .tracklist li {
    margin: 0 20px;
    font-size: 12px;
  }
}
.album .content .tracks .tracklist li article {
  display: flex;
}
.album .content .tracks .tracklist li p {
  color: white;
  transition: all 0.2s ease;
}
.album .content .tracks .tracklist li span {
  margin-right: 20px;
  color: white;
  transition: all 0.2s ease;
}
@media screen and (max-width: 799px) {
  .album .content .tracks .tracklist li span {
    margin-right: 10px;
  }
}
.album .content .tracks .tracklist li small {
  font-size: 12px;
  color: #b7b7b7;
  font-weight: normal;
  margin-left: 10px;
  line-height: 20px;
  letter-spacing: 0.05em;
  transition: all 0.4s ease;
}
@media screen and (max-width: 799px) {
  .album .content .tracks .tracklist li small {
    font-size: 12px;
    margin-left: 10px;
  }
}
@media screen and (max-width: 380px) {
  .album .content .tracks .tracklist li small {
    display: none;
  }
}
.album .content .tracks .tracklist li .icons {
  display: flex;
}
.album .content .tracks .tracklist li .icons i {
  width: 20px;
  height: 20px;

  display: block;
  margin-left: 20px;
  opacity: 0;
  transition: all 0.4s ease;
  transform: translateX(20px);
  cursor: pointer;
}
.album .content .tracks .tracklist li .icons i:first-child {
  margin-left: 0;
}
@media screen and (max-width: 799px) {
  .album .content .tracks .tracklist li .icons i {
    opacity: 0.6;
    transform: translateX(0px);
  }
}

.album .content .tracks .tracklist li:hover {
  /* background-color: #6a2600; */
  
}
.album .content .tracks .tracklist li:hover p {
  color: white;
}
.album .content .tracks .tracklist li:hover span {
  color: #e7eff5;
}
.album .content .tracks .tracklist li:hover small {
  color: #eaeaea;
}
.album .content .tracks .tracklist li:hover i {
  opacity: 0.5;
  transform: translateX(0px);
}
.album .content .tracks .tracklist li:hover i:hover {
  opacity: 1;
}
@media screen and (max-width: 799px) {
  .album .content .tracks .tracklist li:hover {
    background-color: transparent;
    box-shadow: none;
  }
  .album .content .tracks .tracklist li:hover span {
    color: #6a2600;
  }
  .album .content .tracks .tracklist li:hover p {
    color: #404145;
  }
  .album .content .tracks .tracklist li:hover small {
    color: #b7b7b7;
  }
}
.album .content .button-container {
  grid-row: 2/4;
  grid-column: 1/5;
  margin-top: 30px;
  z-index: 2;
}
@media screen and (max-width: 799px) {
  .album .content .button-container {
    grid-row: 3;
    grid-column: 1;
  }
}

.module {
  display: grid;
  grid-template-columns: repeat(14, 1fr);
  grid-column-gap: 20px;
  width: 100%;
  max-width: 1920px;
  margin: auto;
}
@media screen and (max-width: 799px) {
  .module {
    grid-column-gap: 10px;
    grid-template-columns: 10px repeat(12, 1fr) 10px;
  }
}
.module .content {
  grid-column: 2/14;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  grid-column-gap: 20px;
}
@media screen and (max-width: 1023px) {
  .module .content {
    grid-column: 2/14;
  }
}
@media screen and (max-width: 799px) {
  .module .content {
    grid-template-columns: repeat(1, 1fr);
    grid-column: 2/14;
  }
}
section {
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (max-width: 799px) {
  section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}

.btn {
  min-width: 160px;
  padding: 16px 30px;
  box-shadow: inset 0px 0px 0px 1px #6a2600;
  border: 0;
  background-color:#6a2600;
  color: white;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 14px;
  position: relative;
  letter-spacing: 0.05em;
  cursor: pointer;
  margin: auto;
  display: block;
}
.btn:focus {
  outline: 0;
}
.btn:before {
  width: 100%;
  height: 100%;
  background-color: #471a01;
  position: absolute;
  content: "";
  z-index: -1;
  left: 0;
  top: 0;
  transition: all 0.3s ease;
  transform: translate(6px, 6px);
}
.btn:hover:before {
  transform: translate(0px, 0px);
}
@property --＠color-1 {
  syntax: "<color>";
  inherits: false;
  initial-value: hsl(40 68% 84%);
}

@property --＠color-2 {
  syntax: "<color>";
  inherits: false;
  initial-value: hsl(29 85% 37%);
}

/* keyframes that change the color variable */
@keyframes gradient-change {
  to {
    --＠color-1: hsl(29 85% 37%);
    --＠color-2: hsl(40 68% 84%);
  }
}

.section-title {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-weight: 900;
  font-size: 3.3vw;
  line-height: normal;
  letter-spacing: 0.04em;
  height: 120px;
  grid-column: 1/15;
  margin-bottom: 40px;
	 animation: gradient-change 2s linear infinite alternate;
  
  background: linear-gradient(
    
    to right in oklch, 
   
    var(--＠color-1), 
    var(--＠color-2)
  );
  
  /* old browser support */
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  
  /* modern browser version */
  background-clip: text;
  color: transparent;
}
@media screen and (max-width: 799px) {
  .section-title {
    font-size: 32px;
    height: 76px;
    margin-bottom: 30px;
  }
}
.section-title b {
  font-weight: 900;
  margin: 0 10px;
}
@media screen and (max-width: 799px) {
  .section-title b {
    margin: 0 5px;
  }
}
.section-title span {
  color: transparent;
  
  margin: 0 10px;
}
@media screen and (max-width: 799px) {
  .section-title span {
    margin: 0 5px;
  }
}

/**
 * Tabs
 */
.tabs {
  display: flex;
  flex-wrap: wrap;
}

.tabs label {
  order: 1;
  display: block;
  padding: 2rem 2.6rem;
  margin-right: 0.2rem;
  cursor: pointer;
  font-weight: bold;
  transition: background ease 0.2s;
	position: relative;
	left: 16vw;
	color: white;
}

.tabs .tab {
  order: 99;
  flex-grow: 1;
  width: 100%;
  display: none;
  padding: 1rem;
  
}

.tabs input[type=radio] {
  display: none;
}

.tabs input[type=radio]:checked + label {
  border-bottom: 3px solid white;
}

.tabs input[type=radio]:checked + label + .tab {
  display: block;
	width: 50vw;
	position: relative;
	left: 13vw;
}
	  
	  .SP{
		  display: none;
	  }

@media (max-width: 600px) {
  .tabs .tab,
.tabs label {
  
	position: relative;
	left: 2vw;
	width: auto !important;
  }

  .tabs label {
    width: 95% !important;
    margin-right: 0;
    margin-top: 0.2rem;
	  justify-content: center;
	  text-align: center;
  }
	
	.section-title{
		display: none;
	}
	
	.tabs{
		position: relative;
		top: 42vw;
		padding-bottom: 52vw;
	}
	
	.album .content .tracks .tracklist{
		padding: 20px 0;
		position: relative;
		left: -10vw;
	}
	
	h1.hero_ttl{
		top: -26vw;
		left: 6vw;
	}
	
	.hero_ttl small{
		position: relative;
		top: 11vw;
	}
	
	.youtube{
		margin: 10vw 0;
	}
	
	.SP{
		display: block;
	}
	
	.m20{
		margin-top: 6vw;
	}
}
	  
/*
--------------------------------------------------
  youtube
--------------------------------------------------
*/
/* line 9, ../sass/component/_youtube.scss */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

/* line 14, ../sass/component/_youtube.scss */
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}