/*------------------------------------------------------------
	BASE
------------------------------------------------------------*/
/*------------------------------------------------------------
	COLOR
------------------------------------------------------------*/
/*------------------------------------------------------------
	FONT
------------------------------------------------------------*/
/*------------------------------------------------------------
	FUNCTION
------------------------------------------------------------*/
/*------------------------------------------------------------
	MIXIN
------------------------------------------------------------*/
/*------------------------------------------------------------
	FONT
------------------------------------------------------------*/
.jp#killer_inn {
  font-family: 'Noto Sans JP', sans-serif;
}
.jp .wishlist_title {
  font-family: "Roboto", sans-serif;
}

.de#killer_inn,
.en-gb#killer_inn,
.en-us#killer_inn,
.es#killer_inn,
.es-xl#killer_inn,
.fr#killer_inn,
.it#killer_inn,
.ru#killer_inn,
.pt-br#killer_inn {
  font-family: "Noto Serif", serif;
}
.de .wishlist_title,
.en-gb .wishlist_title,
.en-us .wishlist_title,
.es .wishlist_title,
.es-xl .wishlist_title,
.fr .wishlist_title,
.it .wishlist_title,
.ru .wishlist_title,
.pt-br .wishlist_title {
  font-family: "Roboto", sans-serif;
}

.kr#killer_inn {
  font-family: "Noto Serif KR", serif;
}
.kr .wishlist_title {
  font-family: "Noto Sans KR", sans-serif;
}

.zh-hans#killer_inn {
  font-family: "Noto Serif SC", serif;
}
.zh-hans .wishlist_title {
  font-family: "Noto Sans SC", sans-serif;
}

.zh-hant#killer_inn {
  font-family: "Noto Serif TC", serif;
}
.zh-hant .wishlist_title {
  font-family: "Noto Sans TC", sans-serif;
}

/*------------------------------------------------------------
	STYLE
------------------------------------------------------------*/
#sqexHeader-black,
#sqexFooter {
  position: relative;
  z-index: 200;
}

#contents #killer_inn {
  width: 100%;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 62.5%;
  line-height: 1;
  color: #000;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn {
    font-size: 20px;
    line-height: 1;
  }
}

#contents #killer_inn * {
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#contents #killer_inn a {
  /* display: inline-block; */
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  /* color: #000; */
}

#contents #killer_inn img, #contents #killer_inn svg {
  vertical-align: bottom;
  max-width: 100%;
}
#contents #killer_inn .pc_hide {
  display: none;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn .pc_hide {
    display: inline-block;
  }
  #contents #killer_inn .sp_hide {
    display: none;
  }
}
#contents #killer_inn.pc .hover {
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
  cursor: pointer;
}
#contents #killer_inn.pc .hover:hover {
  opacity: 0.6;
}
#contents #killer_inn .hide {
  display: none !important;
}
#contents #killer_inn section {
  /* position: relative; */
}
@media screen and (min-width: 767px) {
  #contents #killer_inn .-hover {
    transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
  }
  #contents #killer_inn .-hover:hover {
    opacity: 0.65;
  }
}
#contents #killer_inn.de .beta, #contents #killer_inn.en-gb .beta, #contents #killer_inn.en-us .beta, #contents #killer_inn.es .beta, #contents #killer_inn.es-xl .beta, #contents #killer_inn.fr .beta, #contents #killer_inn.it .beta, #contents #killer_inn.kr .beta, #contents #killer_inn.pt-br .beta, #contents #killer_inn.ru .beta, #contents #killer_inn.zh-hans .beta, #contents #killer_inn.zh-hant .beta {
  padding: 7.8125vw 0;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .beta, #contents #killer_inn.en-gb .beta, #contents #killer_inn.en-us .beta, #contents #killer_inn.es .beta, #contents #killer_inn.es-xl .beta, #contents #killer_inn.fr .beta, #contents #killer_inn.it .beta, #contents #killer_inn.kr .beta, #contents #killer_inn.pt-br .beta, #contents #killer_inn.ru .beta, #contents #killer_inn.zh-hans .beta, #contents #killer_inn.zh-hant .beta {
    padding: 18.6666666667vw 2.6666666667vw;
  }
}
#contents #killer_inn.de .beta_announce, #contents #killer_inn.en-gb .beta_announce, #contents #killer_inn.en-us .beta_announce, #contents #killer_inn.es .beta_announce, #contents #killer_inn.es-xl .beta_announce, #contents #killer_inn.fr .beta_announce, #contents #killer_inn.it .beta_announce, #contents #killer_inn.kr .beta_announce, #contents #killer_inn.pt-br .beta_announce, #contents #killer_inn.ru .beta_announce, #contents #killer_inn.zh-hans .beta_announce, #contents #killer_inn.zh-hant .beta_announce {
  font-size: 1.0416666667vw;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .beta_announce, #contents #killer_inn.en-gb .beta_announce, #contents #killer_inn.en-us .beta_announce, #contents #killer_inn.es .beta_announce, #contents #killer_inn.es-xl .beta_announce, #contents #killer_inn.fr .beta_announce, #contents #killer_inn.it .beta_announce, #contents #killer_inn.kr .beta_announce, #contents #killer_inn.pt-br .beta_announce, #contents #killer_inn.ru .beta_announce, #contents #killer_inn.zh-hans .beta_announce, #contents #killer_inn.zh-hant .beta_announce {
    font-size: 3.4666666667vw;
    line-height: 1.6153846154;
  }
}
#contents #killer_inn.de .beta_1st, #contents #killer_inn.en-gb .beta_1st, #contents #killer_inn.en-us .beta_1st, #contents #killer_inn.es .beta_1st, #contents #killer_inn.es-xl .beta_1st, #contents #killer_inn.fr .beta_1st, #contents #killer_inn.it .beta_1st, #contents #killer_inn.kr .beta_1st, #contents #killer_inn.pt-br .beta_1st, #contents #killer_inn.ru .beta_1st, #contents #killer_inn.zh-hans .beta_1st, #contents #killer_inn.zh-hant .beta_1st {
  margin-left: auto;
  margin-right: auto;
  width: 62.5vw;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .beta_1st, #contents #killer_inn.en-gb .beta_1st, #contents #killer_inn.en-us .beta_1st, #contents #killer_inn.es .beta_1st, #contents #killer_inn.es-xl .beta_1st, #contents #killer_inn.fr .beta_1st, #contents #killer_inn.it .beta_1st, #contents #killer_inn.kr .beta_1st, #contents #killer_inn.pt-br .beta_1st, #contents #killer_inn.ru .beta_1st, #contents #killer_inn.zh-hans .beta_1st, #contents #killer_inn.zh-hant .beta_1st {
    width: auto;
  }
}
#contents #killer_inn.de sup, #contents #killer_inn.en-gb sup, #contents #killer_inn.en-us sup, #contents #killer_inn.es sup, #contents #killer_inn.es-xl sup, #contents #killer_inn.fr sup, #contents #killer_inn.it sup, #contents #killer_inn.ru sup, #contents #killer_inn.pt-br sup {
  position: relative;
  top: -0.1em;
  margin-right: -0.3em;
  display: inline-block;
  transform-origin: left;
  transform: scale(0.6);
}
#contents #killer_inn.de .main .wishlist_txt, #contents #killer_inn.en-gb .main .wishlist_txt, #contents #killer_inn.en-us .main .wishlist_txt, #contents #killer_inn.es .main .wishlist_txt, #contents #killer_inn.es-xl .main .wishlist_txt, #contents #killer_inn.fr .main .wishlist_txt, #contents #killer_inn.it .main .wishlist_txt, #contents #killer_inn.ru .main .wishlist_txt, #contents #killer_inn.pt-br .main .wishlist_txt {
  margin: 0 auto;
  width: 31.25vw;
  padding: 0.625vw 0 0 !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .main .wishlist_txt, #contents #killer_inn.en-gb .main .wishlist_txt, #contents #killer_inn.en-us .main .wishlist_txt, #contents #killer_inn.es .main .wishlist_txt, #contents #killer_inn.es-xl .main .wishlist_txt, #contents #killer_inn.fr .main .wishlist_txt, #contents #killer_inn.it .main .wishlist_txt, #contents #killer_inn.ru .main .wishlist_txt, #contents #killer_inn.pt-br .main .wishlist_txt {
    width: auto;
    padding: 4vw 0 0 !important;
  }
}
#contents #killer_inn.de .main .wishlist_link, #contents #killer_inn.en-gb .main .wishlist_link, #contents #killer_inn.en-us .main .wishlist_link, #contents #killer_inn.es .main .wishlist_link, #contents #killer_inn.es-xl .main .wishlist_link, #contents #killer_inn.fr .main .wishlist_link, #contents #killer_inn.it .main .wishlist_link, #contents #killer_inn.ru .main .wishlist_link, #contents #killer_inn.pt-br .main .wishlist_link {
  margin: 1.0416666667vw auto 0 !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .main .wishlist_link, #contents #killer_inn.en-gb .main .wishlist_link, #contents #killer_inn.en-us .main .wishlist_link, #contents #killer_inn.es .main .wishlist_link, #contents #killer_inn.es-xl .main .wishlist_link, #contents #killer_inn.fr .main .wishlist_link, #contents #killer_inn.it .main .wishlist_link, #contents #killer_inn.ru .main .wishlist_link, #contents #killer_inn.pt-br .main .wishlist_link {
    margin: 2.6666666667vw auto 0 !important;
  }
}
#contents #killer_inn.de .main .about, #contents #killer_inn.en-gb .main .about, #contents #killer_inn.en-us .main .about, #contents #killer_inn.es .main .about, #contents #killer_inn.es-xl .main .about, #contents #killer_inn.fr .main .about, #contents #killer_inn.it .main .about, #contents #killer_inn.ru .main .about, #contents #killer_inn.pt-br .main .about {
  margin-left: auto;
  width: 52.0833333333vw;
  font-size: 1.0416666667vw !important;
  line-height: 1.7 !important;
  letter-spacing: 0.01em;
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .main .about, #contents #killer_inn.en-gb .main .about, #contents #killer_inn.en-us .main .about, #contents #killer_inn.es .main .about, #contents #killer_inn.es-xl .main .about, #contents #killer_inn.fr .main .about, #contents #killer_inn.it .main .about, #contents #killer_inn.ru .main .about, #contents #killer_inn.pt-br .main .about {
    width: auto;
    font-size: 3.2vw !important;
    line-height: 1.7 !important;
  }
}
#contents #killer_inn.de .main .about span, #contents #killer_inn.en-gb .main .about span, #contents #killer_inn.en-us .main .about span, #contents #killer_inn.es .main .about span, #contents #killer_inn.es-xl .main .about span, #contents #killer_inn.fr .main .about span, #contents #killer_inn.it .main .about span, #contents #killer_inn.ru .main .about span, #contents #killer_inn.pt-br .main .about span {
  font-size: 1.0416666667vw !important;
  line-height: 1.7 !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .main .about span, #contents #killer_inn.en-gb .main .about span, #contents #killer_inn.en-us .main .about span, #contents #killer_inn.es .main .about span, #contents #killer_inn.es-xl .main .about span, #contents #killer_inn.fr .main .about span, #contents #killer_inn.it .main .about span, #contents #killer_inn.ru .main .about span, #contents #killer_inn.pt-br .main .about span {
    font-size: 3.2vw !important;
    line-height: 1.7 !important;
  }
}
#contents #killer_inn.de .main .about span.-s, #contents #killer_inn.en-gb .main .about span.-s, #contents #killer_inn.en-us .main .about span.-s, #contents #killer_inn.es .main .about span.-s, #contents #killer_inn.es-xl .main .about span.-s, #contents #killer_inn.fr .main .about span.-s, #contents #killer_inn.it .main .about span.-s, #contents #killer_inn.ru .main .about span.-s, #contents #killer_inn.pt-br .main .about span.-s {
  font-size: 0.8333333333vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .main .about span.-s, #contents #killer_inn.en-gb .main .about span.-s, #contents #killer_inn.en-us .main .about span.-s, #contents #killer_inn.es .main .about span.-s, #contents #killer_inn.es-xl .main .about span.-s, #contents #killer_inn.fr .main .about span.-s, #contents #killer_inn.it .main .about span.-s, #contents #killer_inn.ru .main .about span.-s, #contents #killer_inn.pt-br .main .about span.-s {
    font-size: 2.4vw !important;
  }
}
#contents #killer_inn.de .main .movie, #contents #killer_inn.en-gb .main .movie, #contents #killer_inn.en-us .main .movie, #contents #killer_inn.es .main .movie, #contents #killer_inn.es-xl .main .movie, #contents #killer_inn.fr .main .movie, #contents #killer_inn.it .main .movie, #contents #killer_inn.ru .main .movie, #contents #killer_inn.pt-br .main .movie {
  position: relative;
  margin-top: 1.875vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .main .movie, #contents #killer_inn.en-gb .main .movie, #contents #killer_inn.en-us .main .movie, #contents #killer_inn.es .main .movie, #contents #killer_inn.es-xl .main .movie, #contents #killer_inn.fr .main .movie, #contents #killer_inn.it .main .movie, #contents #killer_inn.ru .main .movie, #contents #killer_inn.pt-br .main .movie {
    margin-top: 4.8vw !important;
  }
}
#contents #killer_inn.de .spec_table tr td span, #contents #killer_inn.en-gb .spec_table tr td span, #contents #killer_inn.en-us .spec_table tr td span, #contents #killer_inn.es .spec_table tr td span, #contents #killer_inn.es-xl .spec_table tr td span, #contents #killer_inn.fr .spec_table tr td span, #contents #killer_inn.it .spec_table tr td span, #contents #killer_inn.ru .spec_table tr td span, #contents #killer_inn.pt-br .spec_table tr td span {
  font-size: 0.9375vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .spec_table tr td span, #contents #killer_inn.en-gb .spec_table tr td span, #contents #killer_inn.en-us .spec_table tr td span, #contents #killer_inn.es .spec_table tr td span, #contents #killer_inn.es-xl .spec_table tr td span, #contents #killer_inn.fr .spec_table tr td span, #contents #killer_inn.it .spec_table tr td span, #contents #killer_inn.ru .spec_table tr td span, #contents #killer_inn.pt-br .spec_table tr td span {
    font-size: 2.9333333333vw !important;
  }
}
#contents #killer_inn.de .spec_movie, #contents #killer_inn.en-gb .spec_movie, #contents #killer_inn.en-us .spec_movie, #contents #killer_inn.es .spec_movie, #contents #killer_inn.es-xl .spec_movie, #contents #killer_inn.fr .spec_movie, #contents #killer_inn.it .spec_movie, #contents #killer_inn.ru .spec_movie, #contents #killer_inn.pt-br .spec_movie {
  left: 33.4375vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .spec_movie, #contents #killer_inn.en-gb .spec_movie, #contents #killer_inn.en-us .spec_movie, #contents #killer_inn.es .spec_movie, #contents #killer_inn.es-xl .spec_movie, #contents #killer_inn.fr .spec_movie, #contents #killer_inn.it .spec_movie, #contents #killer_inn.ru .spec_movie, #contents #killer_inn.pt-br .spec_movie {
    left: auto !important;
  }
}
#contents #killer_inn.ru .main .wishlist_txt, #contents #killer_inn.pt-br .main .wishlist_txt {
  width: 23.9583333333vw;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.ru .main .wishlist_txt, #contents #killer_inn.pt-br .main .wishlist_txt {
    width: auto;
  }
}
#contents #killer_inn.ru .main .wishlist_link, #contents #killer_inn.pt-br .main .wishlist_link {
  font-size: 1.0416666667vw;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.ru .main .wishlist_link, #contents #killer_inn.pt-br .main .wishlist_link {
    font-size: 3.4666666667vw;
  }
}
#contents #killer_inn.de .main .official dt img {
  width: 6.25vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .main .official dt img {
    width: 20.8vw !important;
  }
}
#contents #killer_inn.en-gb .main .official dt img {
  width: 5.3125vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.en-gb .main .official dt img {
    width: 18.6666666667vw !important;
  }
}
#contents #killer_inn.en-us .main .official dt img {
  width: 5.3125vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.en-us .main .official dt img {
    width: 18.6666666667vw !important;
  }
}
#contents #killer_inn.es .main .official dt img {
  width: 5.625vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.es .main .official dt img {
    width: 18.9333333333vw !important;
  }
}
#contents #killer_inn.es-xl .main .official dt img {
  width: 5.46875vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.es-xl .main .official dt img {
    width: 18.5333333333vw !important;
  }
}
#contents #killer_inn.fr .main .official dt img {
  width: 5.625vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.fr .main .official dt img {
    width: 18.6666666667vw !important;
  }
}
#contents #killer_inn.it .main .official dt img {
  width: 5.7291666667vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.it .main .official dt img {
    width: 18.9333333333vw !important;
  }
}
#contents #killer_inn.kr .main .official dt img {
  width: 4.6354166667vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.kr .main .official dt img {
    width: 17.2vw !important;
  }
}
#contents #killer_inn.zh-hans .main .official dt img {
  width: 4.7395833333vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.zh-hans .main .official dt img {
    width: 17.3333333333vw !important;
  }
}
#contents #killer_inn.zh-hant .main .official dt img {
  width: 2.34375vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.zh-hant .main .official dt img {
    width: 8.4vw !important;
  }
}
#contents #killer_inn.ru .main .official dt img {
  width: 5.5729166667vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.ru .main .official dt img {
    width: 18.2666666667vw !important;
  }
}
#contents #killer_inn.pt-br .main .official dt img {
  width: 4.21875vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.pt-br .main .official dt img {
    width: 14.4vw !important;
  }
}
#contents #killer_inn.en-gb .main .about, #contents #killer_inn.en-us .main .about, #contents #killer_inn.es .main .about, #contents #killer_inn.es-xl .main .about, #contents #killer_inn.it .main .about {
  padding-left: 6vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.en-gb .main .about, #contents #killer_inn.en-us .main .about, #contents #killer_inn.es .main .about, #contents #killer_inn.es-xl .main .about, #contents #killer_inn.it .main .about {
    padding-left: 2.6666666667vw !important;
  }
}
#contents #killer_inn.de .main .about, #contents #killer_inn.fr .main .about {
  padding-left: 8vw !important;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn.de .main .about, #contents #killer_inn.fr .main .about {
    padding-left: 2.6666666667vw !important;
  }
}

/*-webkit-transition: $transition;*/
/*transition: $transition;*/
/*------------------------------------------------------------
	ANIMATION
------------------------------------------------------------*/
.-fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1s;
}
@media screen and (max-width: 767px) {
  .-fadein {
    transform: translate(0, 6.6666666667vw);
  }
}
.-fadein.-nomove {
  transform: none;
}
@media screen and (max-width: 767px) {
  .-fadein.-nomove {
    transform: none;
  }
}

.-fadein.-show {
  opacity: 1;
  transform: translate(0, 0);
}
@media screen and (max-width: 767px) {
  .-fadein.-show {
    transform: translate(0, 0);
  }
}
.-fadein.-show.-nomove {
  transform: none;
}
@media screen and (max-width: 767px) {
  .-fadein.-show.-nomove {
    transform: none;
  }
}

.-anime .-wrap {
  display: inline-block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.-anime .-wrap .-target {
  display: inline-block;
  transform: translateY(-110%);
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
}

.-anime.-move .-wrap .-target {
  transform: translateY(0%);
}

.-delay_500 {
  transition-delay: 500ms !important;
}

/*------------------------------------------------------------
	CONTENTS
------------------------------------------------------------*/
#contents #killer_inn
{
  position: relative;
  /* overflow: hidden; */
  min-width: 100%;
  width: 100%;
  background: #000;
  /*------------------------------------------------------------
  	COMMON
  ------------------------------------------------------------*/
  /*------------------------------------------------------------
  	KV
  ------------------------------------------------------------*/
  /*------------------------------------------------------------
  	NAVI
  ------------------------------------------------------------*/
  /*------------------------------------------------------------
  	MAIN
  ------------------------------------------------------------*/
  /*------------------------------------------------------------
  	BETA
  ------------------------------------------------------------*/
  /*------------------------------------------------------------
  	SPEC
  ------------------------------------------------------------*/
  /*------------------------------------------------------------
  	MODAL
  ------------------------------------------------------------*/


/*------------------------------------------------------------
var
------------------------------------------------------------*/

/* ----- color ----- */
--Ctheme1: rgb(173,132,60);
--Ctheme1a: rgb(173,132,60,0.8);
--Ctheme2: rgb(36, 33, 28);
--Ctheme3: rgb(174,142,41);
--Ctheme3a: rgb(174,142,41,0.2);
--Ctheme4: rgb(55,53,45);



/* ----- size ----- */
--pageW0: 1780px;
--pageW0n: 1480px;
--padding0: 20px;

--headerH1: 34px;
--headerH2: 110px;
--kvH: calc(100dvh - var(--headerH1));


/* ----- fonts ----- */
--NotoSans: 'Noto Sans JP', sans-serif;
--Roboto: 'Roboto', sans-serif;


/* ----- shadow ----- */
--shadow0:
	0 0 1rem black,
	0 0 0.5rem black;
--shadow0F:
	drop-shadow(0 0 1rem black)
	drop-shadow(0 0 0.5rem black);

--shadow1:
	0 0 0.5rem white,
	0 0 0.2rem white;


/* ----- timing ----- */
--T02: 0.2s cubic-bezier(0.21, 0.51, 0.51, 1) 0s;

}
@media screen and (max-width: 767px)
{

#contents #killer_inn
{

/*------------------------------------------------------------
var
------------------------------------------------------------*/
--padding0: 5vw;

/* ----- size ----- */
--padding0: 4vw;
--headerH1: 7vw;
--headerH2: 15vw;
--kvH: calc(100dvh - var(--headerH1));

}

}


/* ================================================================================
inview fade
================================================================================ */
@media screen, print
{

[class*="IV"][class*="Ifade"], [class*="IV"] [class*="Ifade"]
{
	filter: blur(1rem);
	opacity: 0;
}
[class*="IV"].IfadeB, [class*="IV"] .IfadeB{	transform: translate(0, 2rem);	}
[class*="IV"].IfadeR, [class*="IV"] .IfadeR{	transform: translate(2rem, 0);	}
[class*="IV"].inview[class*="Ifade"], [class*="IV"].inview [class*="Ifade"]
{
	opacity: 1;
	transform: translate(0,0);
	filter: blur(0);

	transition: 0.5s ease-in-out 0s;
	transition-property: opacity, transform, filter;
}

}


/* ================================================================================
common
================================================================================ */
@media screen, print
{

html{	scroll-behavior: smooth;	}
body
{
	line-break: strict;
	text-autospace: normal;
	overflow-wrap: anywhere;
}

#contents #killer_inn picture{	display: block;	}
#contents #killer_inn picture img
{
	display: block;
  width: 100%;	height: 100%;
	object-fit: cover;
}


}
@media screen and (min-width: 768px)
{
.sp{	display: none!important;	}
}
@media screen and (max-width: 767px)
{
.pc{	display: none!important;	}
}


/* ================================================================================
MH
================================================================================ */
@media screen and (min-width: 768px)
{

.MH
{
	display: block;
	cursor: pointer;
	transition: var(--T02);
	transition-property: opacity;
}
.MH:hover{	opacity: 0.7;	}

.MH2
{
	display: block;
	cursor: pointer;
	transition: var(--T02);
	transition-property: filter;
}
.MH2:hover{	filter: brightness(1.3) drop-shadow(0 0 0.5rem rgb(255,255,255,0.7));	}

}


/* ================================================================================
SDbutton
================================================================================ */
@media print, screen
{

.SDbutton
{
	--size: 10vw;

	--lineC: white;
	--lineW: calc(var(--size) * 0.65);
	--lineH: calc(var(--size) * 0.05);
	--lineSpan: calc(var(--size) * 0.2);

	position: relative;
	flex-shrink: 0;
	width: var(--size);	height: var(--size);
	cursor: pointer;

	filter: var(--shadow0F);
}
.SDbutton hr
{
	position: absolute;
	top: calc(50% - var(--lineH)/2 - 2vw);	left: calc(50% - var(--lineW)/2);

	margin: 0 !important;

	width: var(--lineW);	height: var(--lineH);
	background-color: var(--lineC);

	transition: 0.5s ease-in-out 0s;
	transform-origin: 50% 50%;
}
.SDbutton hr:nth-child(1){	transform: translate(0, calc(var(--lineSpan) * -1));	}
.SDbutton hr:nth-child(3){	transform: translate(0, calc(var(--lineSpan) * 1));	}

.SDOpen .SDbutton hr:nth-child(1){	transform: translate(0,0) rotate(135deg);	}
.SDOpen .SDbutton hr:nth-child(2){	opacity: 0;	}
.SDOpen .SDbutton hr:nth-child(3){	transform: translate(0,0) rotate(-135deg);	}

.SDbutton::after
{
	position: absolute;
	bottom: 0.5vw;	left: 50%;

	content: "MENU";
	display: block;

	color: white;
	font-size: 2.5vw;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;

	transform: translateX(-50%);
}
#killer_inn.de .SDbutton::after{	content: "MENÜ";	}
#killer_inn.es .SDbutton::after{	content: "MENÚ";	}
#killer_inn.es-xl .SDbutton::after{	content: "MENÚ";	}
#killer_inn.kr .SDbutton::after{	content: "메뉴";	}
#killer_inn.ru .SDbutton::after{	content: "МЕНЮ";	}
#killer_inn.zh-hans .SDbutton::after{	content: "菜单";	}
#killer_inn.zh-hant .SDbutton::after{	content: "選單";	}



}


/* ================================================================================
buttonSteam
================================================================================ */
@media screen, print
{

.buttonSteam
{
	container-type: inline-size;
	width: 326px;	aspect-ratio: 326/65;
	margin: 0 auto;
}
.buttonSteam a
{
	display: flex;	justify-content: center;	align-items: center;
	gap: 2cqw;
	width: 100%;	height: 100%;
	background: var(--Ctheme1a);
	border: 1px solid white;
}
.buttonSteam a picture{	width: calc(128/326 * 100cqw);	aspect-ratio: 205/61;	}
.buttonSteam a p
{
	color: white;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;	
}

}
@media screen and (max-width: 767px)
{

.buttonSteam{	width: 70vw;	}
.buttonSteam a p{	font-size: 3.5vw;	}

}


/* ================================================================================
header
================================================================================ */
@media screen, print
{

#contentsHeader
{
	z-index: 1000;
	position: sticky;
	top: 0;	left: 0;

	width: 100%;
}

#contentsHeader > .inner
{
	position: relative;
	display: flex;	justify-content: end;	align-items: center;
	height: 110px;
	padding: 0 var(--padding0);
}

/*------------------------------------------------------------
menus
------------------------------------------------------------*/
#contentsHeader .menus ul
{
	display: flex;	flex-wrap: wrap;	justify-content: end;
	gap: 0.5rem 0;

}
#contentsHeader .menus li
{
	padding: 0 1rem;
	border-right: 1px solid white;
}
#contentsHeader .menus p
{
	color: white;
	font-size: 1rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-shadow: var(--shadow0);
}

/*------------------------------------------------------------
button
------------------------------------------------------------*/
#contentsHeader .button
{
	flex-shrink: 0;

	container-type: inline-size;
	width: 200px;	aspect-ratio: 326/65;
	padding: 0 0 0 20px;
}
#contentsHeader .button a
{
	display: flex;	justify-content: center;	align-items: center;
	gap: 2cqw;
	width: 100%;	height: 100%;
	background: var(--Ctheme1a);
	border: 1px solid white;
}
#contentsHeader .button a picture{	width: calc(128/326 * 100cqw);	aspect-ratio: 205/61;	}
#contentsHeader .button a p
{
	color: white;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;	
}

/*------------------------------------------------------------
language
------------------------------------------------------------*/
#contentsHeader .language
{
	flex-shrink: 0;

	container-type: inline-size;

	display: flex;	flex-direction: column;	justify-content: center;	align-items: center;
	width: var(--headerH2);	aspect-ratio: 1;

	filter: var(--shadow0F);
	cursor: pointer;
}
#contentsHeader .language picture
{
	width: 70cqw;	aspect-ratio: 87/42;
	margin-bottom: 3cqw;
}
#contentsHeader .language p
{
	color: white;
	font-size: 11cqw;
	font-weight: 700;
	text-align: center;
}

}
@media screen and (max-width: 767px)
{

#contentsHeader > .inner{	height: 15vw;	}
#contentsHeader .button
{
	position: absolute;
	top: 3vw;	left: var(--padding0);

	width: 40vw;	aspect-ratio: 326/65;
	padding: 0;
}
#contentsHeader .button a p{	font-size: 2.5vw;	}
#contentsHeader .language
{
	width: 15vw;	aspect-ratio: 1;

	filter: var(--shadow0F);
	cursor: pointer;
}
#contentsHeader .language picture
{
	width: 87cqw;
	margin-bottom: 0.5vw;
}
#contentsHeader .language p{	font-size: 2.5vw;	}

}


/* ================================================================================
sideDrawer
================================================================================ */
@media screen, print
{

#sideDrawer
{
	z-index: 1100;
	position: fixed;
	top: 0;	right: 0;
	width: 100%;	height: 100%;
	overflow: hidden;
	pointer-events: none;
}


/*------------------------------------------------------------
language
------------------------------------------------------------*/
#sideDrawer nav
{
	container-type: inline-size;

	position: absolute;
	top: 0;	right: 0;

	width: 240px;
	width: 16.1458333333vw;

	border: 1px solid #fff;
	border-right: none;
	background: rgba(0, 0, 0, 0.9);

	transition: var(--T02);
	transform: translate(110%,0);

	pointer-events: all !important;
}
#sideDrawer nav.ON{	transform: translate(0, 0);	}
#sideDrawer nav .close
{
	display: flex;	justify-content: end;
	padding: 10cqw;

	cursor: pointer;
}
#sideDrawer nav .close picture{	width: 15cqw;	aspect-ratio: 40/32;	}
#sideDrawer nav ul{	border-bottom: 1px solid white;	}
#sideDrawer nav li{	border-top: 1px solid #fff;	}
#sideDrawer nav li a
{
	display: block;
	width: 100%;
	padding: 5cqw 10cqw;
	color: #fff;

	font-size: 5cqw;
	font-weight: 500;
}

}
@media screen and (min-width: 768px)
{

#sideDrawer nav li a{	transition: var(--T02);	}
#sideDrawer nav li a:hover
{
	color: black;
	background: rgb(255,255,255,0.6);
}

}
@media screen and (max-width: 767px)
{

#sideDrawer
{
	height: 100vh;
	overflow-y: scroll;
}
#sideDrawer nav
{
	width: 100vw;	height: 100vh;
	width: 60vw;

	overflow-y: scroll;
}
#sideDrawer nav .close{	padding: 5cqw;	}
#sideDrawer nav .close picture{	width: 10cqw;	}

}


/* ================================================================================
siteBackground
================================================================================ */
@media screen, print
{

#siteBackground
{
	z-index: 1;
	position: fixed;
	top: 0;	left: 0;

  width: 100%;	height: 100%;
	max-height: calc(var(--headerH1) + var(--kvH));
	pointer-events: none !important;
}
#siteBackground > .inner{  width: 100%;	height: 100%;	}

#siteBackground picture,
#siteBackground picture img,
#siteBackground video
{
	display: block;
  width: 100%;	height: 100%;
	object-fit: cover;
}

}
@media screen and (max-width: 767px)
{

}


/* ================================================================================
kv
================================================================================ */
@media screen, print
{

#kv
{
	z-index: 10;
	position: relative;

	padding: 0 var(--padding0);
	margin-top: calc(-1 * var(--headerH2));

  background-image:
    linear-gradient(90deg, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.1) 0),
    linear-gradient(0deg, rgba(0,0,0,0.3) 50%, rgba(0,0,0,.1) 0);
  background-size: 2px 2px;
  background-position: 0 0, 1px 1px;
  background-repeat: repeat;
}
#kv > .inner
{
	container-type: inline-size;

	position: relative;
	display: flex;	justify-content: center;	align-items: center;
	height: var(--kvH);
	max-width: var(--pageW0);
	margin: 0 auto;
}

/*------------------------------------------------------------
title
------------------------------------------------------------*/
#kv h1
{
	display: block;
	width: calc(1016 / var(--pageW0n) * 100cqw);
	margin: 0 auto;
}
#killer_inn.zh-hans #kv h1{	width: calc(820 / var(--pageW0n) * 100cqw);	}
#killer_inn.zh-hant #kv h1{	width: calc(820 / var(--pageW0n) * 100cqw);	}

#kv h1 + p
{
	margin-bottom: 40px;

	color: white;
	font-size: 26px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.5;
	text-align: center;	
}
#kv h1 + p sup
{
	all: initial;
	color: white;
	vertical-align: 0.5em;
}


/*------------------------------------------------------------
officials
------------------------------------------------------------*/
#kv .officials
{
	position: absolute;
	left: clamp(-100px, calc((100cqw - 100vw)/2 + var(--padding0)) , 0px);	bottom: 45px;

	display: flex;	align-items: center;
	gap: 20px;
}
#kv .officials p.official
{
	color: white;
	font-size: 20px;
	font-weight: 900;
}

#kv .officials hr
{
	width: 100px;	height: 1px;
	border: none;
	background: white;
}
#kv .officials ul
{
	display: flex;	align-items: center;
	gap: 20px;
}
#kv .officials .x{	width: 39px;	aspect-ratio: 54/51;	}
#kv .officials .dicord{	width: 60px;	aspect-ratio: 70/53;	}
#kv .officials .steam{	width: 92px;	aspect-ratio: 134/65;	}
#kv .officials .youtube{	width: 92px;	aspect-ratio: 794/178;	}

#killer_inn.de #kv .officials picture.official{	width: 120px;	aspect-ratio: 120/38;	}
#killer_inn.de #kv .officials .steam{	width: 92px;	aspect-ratio: 130/63;	}
#killer_inn.es #kv .officials picture.official{	width: 108px;	aspect-ratio: 108/38;	}
#killer_inn.es #kv .officials .steam{	width: 92px;	aspect-ratio: 159/64;	}
#killer_inn.es-xl #kv .officials picture.official{	width: 105px;	aspect-ratio: 105/21;	}
#killer_inn.es-xl #kv .officials .steam{	width: 92px;	aspect-ratio: 159/64;	}
#killer_inn.fr #kv .officials picture.official{	width: 108px;	aspect-ratio: 108/16;	}
#killer_inn.fr #kv .officials .steam{	width: 92px;	aspect-ratio: 133/64;	}
#killer_inn.it #kv .officials picture.official{	width: 110px;	aspect-ratio: 110/16;	}
#killer_inn.it #kv .officials .steam{	width: 92px;	aspect-ratio: 150/64;	}
#killer_inn.kr #kv .officials picture.official{	width: 89px;	aspect-ratio: 89/23;	}
#killer_inn.kr #kv .officials .steam{	width: 92px;	aspect-ratio: 130/65;	}
#killer_inn.pt-br #kv .officials picture.official{	width: 108px;	aspect-ratio: 108/21;	}
#killer_inn.pt-br #kv .officials .steam{	width: 92px;	aspect-ratio: 168/64;	}
#killer_inn.ru #kv .officials picture.official{	width: 110px;	aspect-ratio: 137/28;	}
#killer_inn.ru #kv .officials .steam{	width: 92px;	aspect-ratio: 154/63;	}
#killer_inn.zh-hans #kv .officials picture.official{	width: 91px;	aspect-ratio: 91/24;	}
#killer_inn.zh-hans #kv .officials .steam{	width: 92px;	aspect-ratio: 130/62;	}
#killer_inn.zh-hant #kv .officials picture.official{	width: 45px;	aspect-ratio: 45/24;	}
#killer_inn.zh-hant #kv .officials .steam{	width: 92px;	aspect-ratio: 130/65;	}

}
@media screen and (max-width: 767px)
{

#kv > .inner{	height: var(--kvH);	}
#kv h1
{
	width: 100%;
	margin-bottom: 5vw;
}
#kv h1 + p
{
	margin-bottom: 6.5vw;
	font-size: 5vw;
	line-height: 1.2;
}

#kv .officials
{
	left: 0;	bottom: 3vw;

	width: 100%;
	justify-content: space-between;
	gap: unset;
}
#kv .officials p.official{	font-size: 4vw;	}
#kv .officials picture.official{	width: 20vw !important;	}
#kv .officials hr{	width: 7vw;	margin: 0 !important;	}
#kv .officials ul{	gap: 3vw;	}
#kv .officials .x{	width: 7.5vw;	}
#kv .officials .dicord{	width: 9vw;	}
#kv .officials .steam{	width: 17vw !important;	}
#kv .officials .youtube{	width: 17vw;	}

#killer_inn.zh-hant #kv .officials picture.official{	width: 10vw !important;	}


}


/* ================================================================================
news
================================================================================ */
@media screen, print
{

#news
{
	z-index: 10;
	position: relative;

	padding: 0 var(--padding0);
	background: var(--Ctheme2);
}

#news > .inner
{
	container-type: inline-size;

	max-width: var(--pageW0);
	padding: 80px 0;
	margin: 0 auto;
}
#news .boxes
{
	container-type: inline-size;
	display: flex;
	gap: 3cqw;
}
#news .boxes > .box:nth-child(1)
{
	flex-shrink: 0;
	width: calc(480 / var(--pageW0n) * 100cqw);
}
#news .boxes > .box:nth-child(2){	width: 100%;	}

/* ----- banners ----- */
#news .banners
{
	display: flex;	flex-direction: column;
	gap: 2cqw;
}
#news .banners a
{
	display: block;
	/* aspect-ratio: 465/88; */
	border: 1px solid var(--Ctheme1);
}
#news .banners picture{	height: 100%;	}

/* ----- news ----- */
#news .titleArea
{
	display: flex;	align-items: center;
	gap: 50px;
	margin-bottom: 20px;
}
#news .titleArea h2
{
	color: white;
	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0.05em;
}
#news .button a
{
	display: block;
	padding: 10px 20px;
	background: var(--Ctheme3a);
	border: 1px solid white;
}
#news .button a p
{
	color: white;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;

	text-shadow: var(--shadow0);
}

#news .newsArea
{
	width: 100%;	height: 240px;
	overflow-y: scroll;
}
#news .newsArea .news
{
	display: flex;	flex-direction: column;
}
#news .newsArea .news li
{
	display: flex;	flex-direction: column;
	gap: 5px;
	padding: 15px 0;

	border-bottom: 1px solid white;
}
#news .newsArea .news .date
{
	color: white;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-shadow: var(--shadow0);
}
#news .newsArea .news .message
{
	color: white;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.7;
	text-shadow: var(--shadow0);
}

}
@media screen and (max-width: 767px)
{

#news > .inner{	padding: 12vw 0;	}
#news .boxes
{
	flex-direction: column;	align-items: center;
	gap: 7vw;
}
#news .boxes > .box:nth-child(1){	width: 80vw;	}
#news .banners{	gap: 3vw;	}

#news .titleArea{	margin-bottom: 5vw;	}
#news .titleArea h2
{
	width: 100%;
	font-size: 7vw;
	text-align: center;
}
#news .button a{	padding: 4.5vw;	}
#news .button a p{	font-size: 4.5vw;	}

#news .newsArea{	height: 80vw;	}
#news .newsArea .news li
{
	gap: 1vw;
	padding: 4vw 0;
}
#news .newsArea .news .date{	font-size: 3.2vw;	}
#news .newsArea .news .message{	font-size: 3.2vw;	}

}


/* ================================================================================
review
================================================================================ */
@media screen, print
{

#review
{
	z-index: 10;
	position: relative;

	padding: 0 var(--padding0);
	margin-top: -1px;
	background: linear-gradient(0deg,
		black 0%,
		var(--Ctheme2) 30%,
		var(--Ctheme2) 70%,
		black 100%
	);
}
#review > .inner
{
	container-type: inline-size;

	max-width: var(--pageW0);
	padding: 100px 0;
	margin: 0 auto;
}
#review ul
{
	display: flex;	justify-content: center;	align-items: stretch;
	gap: 3cqw;
	max-width: 1340px;
	margin: 0 auto;
}
#review li
{
	flex: 1;
	position: relative;
	padding: 1.7rem 1.7rem 3rem;
	box-shadow: var(--shadow1);
}
#review li::before
{
	position: absolute;
	top: 0.1em;	left: 0.2em;

	content: "\201C";
	display: block;

	color: white;
	font-size: 36px;
	font-weight: 700;

	opacity: 0.4;
}
#review .message
{
	color: white;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.7;
}
#review .auther
{
	position: absolute;
	bottom: 0;	right: 0;

	color: white;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.7;
	text-align: right;

	transform: translateY(120%);
}

}
@media screen and (max-width: 767px)
{

#review{	padding: 0 calc(var(--padding0) * 2);	}
#review > .inner{	padding: 12vw 0 20vw;	}
#review ul
{
	flex-direction: column;
	gap: 12vw;
}
#review li{	padding: 6vw 7vw;	}
#review li::before
{
	top: 0.2em;	left: 0.3em;
	font-size: 6vw;
}
#review .message
{
	font-size: 3.2vw;
	line-height: 1.5;
}
#review .auther{	font-size: 3.2vw;	}

}


/* ================================================================================
feature1
================================================================================ */
@media screen, print
{

#feature1
{
	z-index: 10;
	position: relative;

	margin-top: -1px;
	padding: 0 var(--padding0) 0 0;
	background: url("../img/patternY.webp") repeat center;
}
#feature1 .boxes{	display: flex;	align-items: stretch;	}
#feature1 .box{	flex: 1;	flex-shrink: 0;	}
#feature1 .box:nth-child(1){	background: url("../img/feature1_image.webp") no-repeat center/cover;	}
#feature1 .box:nth-child(2) > .outer
{
	container-type: inline-size;
	max-width: calc(var(--pageW0)/2);
}
#feature1 .box:nth-child(2) > .outer > .inner{	padding: 16cqw 0 16cqw 7cqw;	}
#feature1 h2
{
	margin-bottom: 4cqw;
	color: white;
	font-size: 8.8cqw;
	font-weight: 900;
	letter-spacing: 0.05em;
	line-height: 1.2;
}
#feature1 p
{
	color: white;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 2;
}

}
@media screen and (max-width: 767px)
{

#feature1{	padding: 12vw var(--padding0);	}
#feature1 .boxes{	flex-direction: column;}
#feature1 .box{	width: 100%;	}
#feature1 .box:nth-child(1){	aspect-ratio: 692/450;	}
#feature1 .box:nth-child(2) > .outer
{
	container-type: inline-size;
	max-width: calc(var(--pageW0)/2);
}
#feature1 .box:nth-child(2) > .outer > .inner{	padding: 10vw 0 0;	}
#feature1 h2
{
	margin-bottom: 5vw;
	font-size: 8.7vw;
}
#feature1 p
{
	font-size: 3.5vw;
	line-height: 1.5;
}

}


/* ================================================================================
feature2 3B
================================================================================ */
@media screen, print
{

.featureB
{
	z-index: 10;
	position: relative;

	margin-top: -1px;
	padding: 0 var(--padding0);
}
#feature2{	background: url("../img/patternB.webp") no-repeat center/cover;	}
#feature3{	background: url("../img/patternR.webp") no-repeat center/cover;	}

.featureB > .inner
{
	container-type: inline-size;
	position: relative;
	height: 100vh;
	max-width: var(--pageW0);

	padding: var(--headerH2) 0;
	margin: 0 auto;
}

.featureB h2
{
	z-index: 2;
	position: absolute;
	top: 0;	left: 0;

	display: flex;	align-items: center;
	height: 100%;
	padding: 0 0 min(15cqh, calc(100vh - 700px));

	color: white;
	/* font-size: 6cqw; */
	font-size: 4.8cqw;
	font-weight: 900;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	line-height: 1.2;

	transition: var(--T02);
}
/* .en-us#killer_inn .featureB h2{	font-size: 4.8cqw;	} */

#feature2 .acc
{
	z-index: 1;
	position: absolute;
	top: 200px;	left: -350px;
	width: 663px;	aspect-ratio: 663/764;
}
#feature3 .acc
{
	z-index: 1;
	position: absolute;
	top: 70px;	left: -500px;
	width: 840px;	aspect-ratio: 840/941;
}

.featureB .viewArea
{
	z-index: 5;
	position: relative;

	display: flex;	align-items: center;
	width: 50cqw;	height: calc(100vh - var(--headerH2) * 2);
	/* max-width: 700px; */
	padding: min(15cqh, calc(100vh - 700px)) 0 0;
	margin: 0 0 0 auto;
}
.featureB .viewArea > div{	width: 100%;	}

.featureB .viewArea .images
{
	position: relative;
	width: 100%;	aspect-ratio: 16/9;
	max-height: calc(100dvh - 240px);

	margin-bottom: 20px;
	overflow: hidden;
}
.featureB .viewArea .images video
{
	display: block;
	width: 100%;	height: 100%;
}
/* #feature2 .viewArea .images{	aspect-ratio: 700/420;	} */
/* #feature3 .viewArea .images{	aspect-ratio: 700/500;	} */

.featureB .viewArea .images li
{
	position: absolute;
	top: 0;	left: 0;
	width: 100%;
	opacity: 0;
}

.featureB .viewArea .texts
{
	position: relative;
	width: 100%;
}
.featureB .viewArea .texts li
{
	position: absolute;
	top: 0;	left: 0;
	width: 100%;
	opacity: 0;
}
.featureB .viewArea .texts li p
{
	color: white;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}
.featureB .viewArea .texts li p span
{
	display: inline-block;
	background: linear-gradient(180deg,
		transparent 0%,
		transparent 60%,
		var(--Ctheme3) 60%,
		var(--Ctheme3) 100%
	);

}
.featureB .viewArea .texts li:last-child p
{
	font-size: 30px;
	font-weight: 600;
}

}
@media screen and (min-width: 768px)
{

.featureB h2{	max-width: 50cqw;	}

}
@media screen and (min-width: 768px) and (min-height: 1200px)
{

.featureB > .inner
{
	display: flex;	flex-direction: column;	justify-content: center;	align-items: center;
	gap: 50px;
}
.featureB h2
{
	position: static;

	display: block;
	width: 100%;	height: auto;
	max-width: unset !important;
	padding: 0;
	text-align: center;
}
.featureB h2 br.pcH{	display: none;	}
.featureB .viewArea
{
	width: max(50cqw,700px);
	height: unset;
	padding-top: unset;
	padding: 0;
	margin: 0 auto;
}

}
@media screen and (max-width: 767px)
{

.featureB{	overflow: hidden;	}
.featureB > .inner
{
	display: flex;	flex-direction: column;	justify-content: center;
	gap: 5vw;
	padding: var(--headerH2) 0 calc( var(--headerH2) + 15vw );
}
.featureB h2
{
	position: static;
	font-size: 10.5vw;
	letter-spacing: -0.02em;
}
.en-us#killer_inn .featureB h2{	font-size: 8.2vw;	}

#feature2 .acc
{
	top: -15vw;	left: -35vw;
	width: 100vw;
}
#feature2 .acc
{
	top: -15vw;	left: -43vw;
	width: 100vw;
}

.featureB .viewArea
{
	width: 100%;
	/* height: calc(100vh - var(--headerH2) * 2); */
	height: unset;
	padding-top: unset;
	margin: 0 auto;
}
.featureB .viewArea .images{	margin-bottom: 2vw;	}
/* .featureB .viewArea .texts{	height: 10vw;	} */
.featureB .viewArea .texts li p{	font-size: 3.2vw;	}
.featureB .viewArea .texts li:last-child p{	font-size: 6vw;	}

}


/* ================================================================================
feature4
================================================================================ */
@media screen, print
{

#feature4
{
	z-index: 10;
	position: relative;

	margin-top: -1px;
	padding: 0 var(--padding0);
	background: black;

	overflow: hidden;
}
#feature4 > .inner
{
	container-type: inline-size;
	display: flex;	justify-content: center;	align-items: center;
	max-width: var(--pageW0);
	min-height: 850px;
	margin: 0 auto;
}

#feature4 > picture
{
	z-index: 1;
	position: absolute;
	top: 47%;	left: 50%;

	width: 877px;	aspect-ratio: 877/1025;

	opacity: 0.3;
	transform: translate(-100%,-50%);
}
#feature4 .texts
{
	z-index: 2;
	position: relative;
}

#feature4 h2
{
	margin-bottom: 50px;
	color: white;
	font-size: max(5.4cqw, 60px);
	font-weight: 900;
	letter-spacing: 0.05em;
	text-align: center;
	text-shadow: var(--shadow0);
}
#feature4 p[class^="text"]
{
	margin-bottom: 50px;

	color: white;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
	text-shadow: var(--shadow0);
}
#feature4 .text1
{
	margin-bottom: 40px;
	font-size: 24px;
	line-height: 1.7;
}
#feature4 .text2
{
	font-size: 36px;
	line-height: 1.3;
}

}
@media screen and (max-width: 767px)
{

#feature4 > .inner
{
	padding: 12vw 0;
	min-height: unset;
}
#feature4 > picture
{
	top: 47%;	left: 75%;
	width: 115vw;
}
#feature4 h2
{
	margin-bottom: 7vw;
	font-size: 9.4vw;
}
#feature4 .text1{	font-size: 3.2vw;	margin-bottom: 10vw;	}
#feature4 .text2{	font-size: 4.5vw;	}

}


/* ================================================================================
character
================================================================================ */
@media screen, print
{

#character
{
	z-index: 10;
	position: relative;

	margin-top: -1px;
	background: url("../img/patternY.webp") repeat center;

	overflow: hidden;
}
#character > .inner
{
	container-type: inline-size;
	padding: 110px 0 90px;
}

#character .titleArea
{
	padding: 0 var(--padding0);
	margin-bottom: 55px;
}
#character .titleArea h2
{
	display: flex;	flex-wrap: wrap;	justify-content: center;
	gap: 0.3em 0;
	max-width: 1700px;

	margin: 0 auto 60px;
	color: white;
	font-size: clamp(60px, 5.4cqw , 80px);
	/* font-size: 80px; */
	font-weight: 900;
	letter-spacing: 0.05em;
	text-align: center;
	line-height: 1.2;
	/* text-shadow: var(--shadow0); */
}
#character .titleArea p
{
	color: white;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-align: center;
	/* text-shadow: var(--shadow0); */
}

/* thumbArea */
#character .thumbArea
{
	width: 100%;
	margin-bottom: 55px;
	overflow: hidden;
}
#character .thumbArea ul
{
	display: flex;	justify-content: center;
	gap: 30px;	
}
#character .thumbArea li{	border: 1px solid white;	}
#character .thumbArea li picture{	width: 160px;	aspect-ratio: 160/430;	}

/* detailArea */
#character .detailArea{	margin-bottom: 80px;	}
#character .detailArea .splide__arrow
{
	width: 35px;	height: auto;
	aspect-ratio: 35/48;
	background: unset;

	cursor: pointer;
	transition: var(--T02);
	transform: translateY(calc(-50% - 30px));
}
#character .detailArea .splide__track
{
	margin-bottom: 35px;
	background: black;
}
#character .detailArea .splide__slide
{
	position: relative;

	width: 100%;	aspect-ratio: 1920/620;
	height: clamp(400px, calc(100vw / (1920/620)), 620px);
	/* min-height: 400px;	max-height: 620px; */

	padding: 0 60px;
}
#character .detailArea .image
{
	z-index: 1;
	position: absolute;
	top: 0;	left: 0;
	width: 100%;	height: 100%;
}
#character .detailArea .splide__slide > .inner
{
	z-index: 2;
	position: relative;
	width: 100%;	height: 100%;
	max-width: var(--pageW0);
	max-width: 1480px;
	padding: 70px 0;
	margin: 0 auto;
}
#character .detailArea li .property
{
	width: fit-content;	min-width: 108px;
	padding: 0.1em 1em 0.1em 0.5em;
	margin-bottom: 10px;

	background: var(--Ctheme3);

	color: black;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1;

	clip-path: polygon(0 0,0 100%, 90% 100%,100% 0);
}
#killer_inn.kr #character .detailArea li .property{	padding: 0.3em 1em 0.1em 0.5em;	}

#character .detailArea li h3
{
	margin-bottom: 20px;

	color: white;
	font-size: 90px;
	font-weight: 900;
	letter-spacing: 0.05em;
}
#killer_inn.kr #character .detailArea li h3{	margin-top: 0.3em;	}

#character .detailArea li p
{
	max-width: 480px;
	color: white;
	font-size: 18px;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.05em;
}
.jp#killer_inn{	text-align: justify;	}

#character .detailArea .page
{
	color: white;
	font-size: 24px;
	font-weight: 700;
	text-align: center;
}

#character .text1
{
	margin-bottom: 15px;
	
	color: white;
	font-size: 36px;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.3;
	text-shadow: var(--shadow0);
}
#character .text2
{
	color: white;
	font-size: 18px;
	text-align: center;
	letter-spacing: 0.05em;
	line-height: 1.3;
	text-shadow: var(--shadow0);
}

}
@media screen and (max-width: 767px)
{

#character > .inner{	padding: 12vw 0;	}
#character .titleArea
{
	padding: 0 var(--padding0);
	margin-bottom: 10vw;
}
#character .titleArea h2
{
	margin-bottom: 10vw;
	font-size: 9.4vw;
}
#character .titleArea p{	font-size: 3.2vw;	}

#character .thumbArea{	margin-bottom: 10vw;	}
#character .thumbArea ul{	gap: 3vw;	gap: 30px;	}
#character .thumbArea li picture{	width: 20vw;	}

#character .detailArea{	margin-bottom: 12vw;	}
#character .detailArea .splide__arrow
{
	top: 98.8%;
	width: 4.5vw;
	transform: translateY(-50%);
}
#character .detailArea .splide__arrow.splide__arrow--prev{	left: 35%;	}
#character .detailArea .splide__arrow.splide__arrow--next{	right: 35%;	}
#character .detailArea .splide__track
{
	margin-bottom: 5vw;
	background: rgb(0,0,0,0.4);
}
#character .detailArea .splide__slide
{
	width: 100%;	aspect-ratio: 750/860;
	height: unset;
	min-height: unset;	max-height: unset;
	padding: 61.3vw var(--padding0) 0;
}
#character .detailArea .image
{
	width: 100%;	height: unset;
	aspect-ratio: 750/460;
}
#character .detailArea .splide__slide > .inner{	padding: 8vw 0 0;	}
#character .detailArea li .property
{
	min-width: 20vw;
	margin-bottom: 1vw;
	font-size: 3.2vw;
}
#character .detailArea li h3
{
	margin-bottom: 3vw;
	font-size: 10vw;
}
#character .detailArea li p
{
	max-width: unset;
	font-size: 3.2vw;
	line-height: 1.5;
}
#character .detailArea .page{	font-size: 4vw;	}

#character .text1
{
	margin-bottom: 3vw;
	font-size: 3.5vw;
}
#character .text2{	font-size: 3.2vw;	line-height: 1.7;	}

}


/* ================================================================================
earlyaccess
================================================================================ */
@media screen, print
{

#earlyaccess
{
	z-index: 10;
	position: relative;

	margin-top: -1px;
	padding: 0 var(--padding0);
	background: url("../img/backgroundB.webp") no-repeat bottom/cover;
}
#earlyaccess > .inner
{
	container-type: inline-size;
	max-width: var(--pageW0);
	padding: 95px 0;
	margin: 0 auto;
}

#earlyaccess .titleArea{	margin-bottom: 50px;	}
#earlyaccess .titleArea h2
{
	margin-bottom: 50px;

	color: var(--Ctheme3);
	font-size: min(9cqw, 80px);
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
	line-height: 1.3;
	text-align: center;
}
#earlyaccess .titleArea h2 span{	white-space: nowrap;	}

#earlyaccess .titleArea p
{
	color: white;
	font-size: 18px;
	line-height: 1.7;
	letter-spacing: 0.05em;
	text-align: center;
}

#earlyaccess iframe
{
	display: block;
	width: 646px;	aspect-ratio: 646/190;
	margin: 0 auto 75px;
}
#earlyaccess .messageArea
{
	width: 100%;	max-width: 870px;
	padding: 35px var(--padding0);
	margin: 0 auto;
	background: rgb(0,0,0,37%);
	box-shadow: var(--shadow1);
}
#earlyaccess .messageArea ul
{
	display: flex;	flex-direction: column;
	gap: 30px;
	max-width: 720px;
	margin: 0 auto;
}
#earlyaccess .messageArea h3
{
	padding-bottom: 0.3em;
	margin-bottom: 0.3em;
	border-bottom: 1px solid white;

	color: white;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
#earlyaccess .messageArea p
{
	color: white;
	font-size: 16px;
	line-height: 1.7;
	letter-spacing: 0.05em;
}
#earlyaccess .button{	margin-top: 20px;	}
#earlyaccess .button a
{
	display: flex;	justify-content: center;	align-items: center;
	gap: 0.5cqw;
	width: fit-content;

	padding: 10px 20px;
	margin: 0 auto;

	background: var(--Ctheme3a);
	border: 1px solid white;
}
#earlyaccess .button a svg{	width: 9px;	aspect-ratio: 9/15;	}
#earlyaccess .button a p
{
	color: white;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;

	text-shadow: var(--shadow0);
}


}
@media screen and (max-width: 767px)
{

#earlyaccess > .inner{	padding: 12vw 0;	}
#earlyaccess .titleArea{	margin-bottom: 10vw;	}
#earlyaccess .titleArea h2{	font-size: 9.4vw;	margin-bottom: 7vw;	}
#earlyaccess .titleArea p{	font-size: 3.2vw;	}
#earlyaccess iframe{	width: 100%;	margin-bottom: 10vw;	}

#earlyaccess .messageArea{	padding: var(--padding0);	}
#earlyaccess .messageArea ul
{
	gap: 5vw;
	max-width: unset;
}
#earlyaccess .messageArea h3{	font-size: 3.2vw;	}
#earlyaccess .messageArea p{	font-size: 3.2vw;	}
#earlyaccess .button{	margin-top: 3vw;	}
#earlyaccess .button a{	width: 100%;	padding: 1.2vw;	}
#earlyaccess .button a svg{	width: 2vw;	}
#earlyaccess .button a p{	font-size: 4.2vw;	}

}


/* ================================================================================
trailer
================================================================================ */
@media screen, print
{

#trailer
{
	z-index: 10;
	position: relative;

	margin-top: -1px;
	padding: 0 var(--padding0);

	background:
		/* url("../img/trailer_background.webp") no-repeat center/cover, */
		linear-gradient(90deg, #181818 0%, #3c3934 10%, #3c3934 90%, #181818 100%);

	border-top: 1px solid white;
	overflow: hidden;
}
#trailer > picture
{
	position: absolute;
	top: 0;	left: 0;
	width: 100%;	height: 100%;
}

#trailer > .inner
{
	container-type: inline-size;
	max-width: var(--pageW0);
	padding: 95px 0 20px;
	margin: 0 auto;
}

#trailer h2
{
	/* margin-bottom: 75px; */

	color: white;
	font-size: 80px;
	font-weight: 900;
	letter-spacing: 0.05em;
	text-align: center;
}
#trailer h3
{
	margin-bottom: 40px;

	color: white;
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
}

#trailer [class*="thumbArea"] p
{
	color: white;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
#trailer [class*="thumbArea"] .movie
{
	position: relative;
	margin-bottom: 20px;

	/* border: 1px solid white; */
	box-shadow: var(--shadow0);

	overflow: hidden;
	cursor: pointer;
}
#trailer [class*="thumbArea"] .movie .cover
{
	z-index: 10;
	position: absolute;
	top: 0;	left: 0;

	display: flex;	justify-content: center;	align-items: center;
	width: 100%;	height: 100%;
}
#trailer [class*="thumbArea"] .movie .cover .arrow
{
	position: relative;
	display: flex;	justify-content: center;	align-items: center;

	width: 80px;	aspect-ratio: 1;

	background: rgb(0,0,0,0.5);
	border-radius: 50%;
	box-shadow: var(--shadow1);
}
#trailer [class*="thumbArea"] .movie .cover .arrow::before
{
	content: "";
	display: block;
	width: 27px;	aspect-ratio: 1;
	background: white;
	clip-path: polygon(15% 0, 15% 100%, 100% 50%);
}

}
@media screen and (min-width: 768px)
{

#trailer [class*="thumbArea"]{	visibility: unset;	}
#trailer [class*="thumbArea"] .splide__track{	padding: 75px 0;	}
#trailer [class*="thumbArea"] ul
{
	display: flex;	justify-content: center;
	gap: 60px;
}
#trailer [class*="thumbArea"] li{	width: min( calc((100% - 60px)/2), 500px );	}

#trailer [class*="thumbArea"] li:nth-child(1){	transition-delay: 0s;	}
#trailer [class*="thumbArea"] li:nth-child(2){	transition-delay: 0.1s;	}
#trailer [class*="thumbArea"] li:nth-child(3){	transition-delay: 0.2s;	}
#trailer [class*="thumbArea"] li:nth-child(4){	transition-delay: 0.3s;	}

#trailer [class*="thumbArea"] .movie picture{	transition: 0.2s ease-in-out 0s;	}
#trailer [class*="thumbArea"] .movie:hover picture
{
	transform: scale(1.05);
	filter: brightness(0.6);
}

}
@media screen and (max-width: 767px)
{

#trailer{	padding: 0;	}
#trailer > .inner{	padding: 12vw 0 2vw;	}
#trailer h2
{
	/* margin-bottom: 10vw; */
	font-size: 9.4vw;
}
#trailer h3
{
	margin-bottom: 7vw;
	font-size: 5vw;
}
#trailer [class*="thumbArea"] .splide__track{	padding: 10vw 0;	}
#trailer [class*="thumbArea"] li picture{	margin-bottom: 2vw;	}
#trailer [class*="thumbArea"] p{	font-size: 3.2vw;	}

#trailer [class*="thumbArea"] .splide__arrow
{
	width: 4.5vw;	height: auto;
	aspect-ratio: 35/48;
	background: unset;

	cursor: pointer;
	transform: translateY(calc(-50% - 5vw));
	transition: var(--T02);
}

#trailer [class*="thumbArea"] .movie .cover .arrow{	width: 12vw;	}
#trailer [class*="thumbArea"] .movie .cover .arrow::before{	width: 4.2vw;	}

}


/* ================================================================================
creator
================================================================================ */
@media screen, print
{

#creator
{
	z-index: 10;
	position: relative;

	margin-top: -1px;
	padding: 0 var(--padding0);

	background: black;
	border-top: 1px solid white;
}
#creator > .inner
{
	container-type: inline-size;
	max-width: var(--pageW0);
	padding: 135px 0;
	margin: 0 auto;
}

#creator h2
{
	margin-bottom: 55px;

	color: white;
	font-size: 80px;
	font-weight: 900;
	letter-spacing: 0.05em;
	text-align: center;
}

#creator ul
{
	display: flex;	flex-direction: column;
	max-width: 1100px;
	margin: 0 auto 50px;
}
#creator li
{
	display: flex;
	gap: 20px;
	padding: 25px 0;
	border-bottom: 1px solid white;
}
#creator li:first-child{	border-top: 1px solid white;	}
#creator li h3,
#creator li p
{
	color: white;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0.05em;
}
#creator li h3{	min-width: 350px;	}

#creator li p a
{
	display: inline-block;
	color: white;
	text-decoration: underline !important;
	text-underline-offset: 0.2em;
}

}
@media screen and (min-width: 768px)
{

#creator li p a:hover{	text-decoration: unset !important;	}

}
@media screen and (max-width: 767px)
{

#creator > .inner{	padding: 12vw 0;	}
#creator h2
{
	margin-bottom: 10vw;
	font-size: 9.4vw;
}
#creator ul{	margin: 0 auto 10vw;	}
#creator li{	padding: 3vw 0;	gap: 3vw;	}
#creator li:first-child{	border-top: 1px solid white;	}
#creator li h3,
#creator li p
{	font-size: 3.2vw;	}
#creator li h3{	width: 40vw;	min-width: unset;	}

}


/* ================================================================================
playwith
================================================================================ */
@media screen, print
{

#playwith
{
	z-index: 10;
	position: relative;

	margin-top: -1px;

	background: black;
}
#playwith > .inner{	container-type: inline-size;	}
#playwith [class^="texts"]
{
	display: flex;	align-items: center;
	min-height: 668px;
	padding: 60px var(--padding0);
	margin: 0 auto;
}
#playwith [class^="texts"] > .inner
{
	width: 100%;	max-width: var(--pageW0);
	margin: 0 auto;
}
#playwith .texts1{	background: url("../img/playwith_image1.webp") no-repeat center/cover;	margin-bottom: 70px;	}
#playwith .texts2{	background: url("../img/playwith_image2.webp") no-repeat center/cover;	}
#playwith h3
{
	margin-bottom: 60px;
	color: white;
	font-size: 80px;
	line-height: 1.3;
	letter-spacing: 0.05em;
}
#playwith p
{
	color: white;
	font-size: 30px;
	line-height: 1.5;
	letter-spacing: 0.05em;
}

}
@media screen and (min-width: 768px)
{

#playwith h3{	max-width: 75cqw;	}
#playwith p{	max-width: 75cqw;	}

}
@media screen and (max-width: 767px)
{

#playwith > .inner{	padding: 12vw 0;	}
#playwith [class^="texts"]
{
	min-height: unset;
	padding: 0 var(--padding0);
}
#playwith .texts1{	background: unset;	margin-bottom: 10vw;	}
#playwith .texts2{	background: unset;	}
#playwith h3
{
	margin-bottom: 5vw;
	font-size: 9.4vw;
	text-align: center;
}
#playwith picture{	width: 100%;	margin-bottom: 5vw;	}
#playwith p{	font-size: 3.2vw;	}

}


/* ================================================================================
edition
================================================================================ */
@media screen, print
{

#edition
{
	z-index: 10;
	position: relative;

	margin-top: -1px;
	padding: 0 var(--padding0);
	background: url("../img/backgroundB.webp") no-repeat bottom/cover;
}
#edition > .inner
{
	container-type: inline-size;
	max-width: var(--pageW0);
	padding: 135px 0;
	margin: 0 auto;
}

#edition h2
{
	margin-bottom: 65px;

	color: white;
	font-size: min(8cqw, 80px);
	letter-spacing: 0.05em;
	text-align: center;
}
#edition table
{
	container-type: inline-size;
	max-width: 1200px;
	margin: 0 auto 100px;
}
#edition table tr:first-child td:nth-child(1){	width: 20cqw;	}
#edition table tr:first-child td:nth-child(2){	width: 40cqw;	}
#edition table tr:first-child td:nth-child(3){	width: 40cqw;	}

#edition table tr:nth-child(n+2){	border-bottom: 1px solid white;	}
#edition table tr:last-child{	border-bottom: unset;	}

#edition table th, #edition table td
{
	/* height: 50px; */
	padding: 25px 0;

	color: white;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.7;
}
#edition table td a
{
	display: inline-block;
	/* width: fit-content; */

	color: white;
	text-decoration: underline !important;
	text-underline-offset: 0.2em;
}

#edition table td .small{	font-size: 0.8em;	}
#edition table th{	padding-left: 40px;	padding-right: 20px;	}
#edition table tr:first-child td:nth-child(2){	padding-right: 40px;	}
#edition table tr:first-child td:nth-child(3){	padding-right: 40px;	}
#edition table picture{	width: 80%;	}
#edition table svg
{
	display: block;
	width: 27px;	aspect-ratio: 27/19;
}

#edition h3
{
	margin-bottom: 50px;

	color: white;
	font-size: min(5cqw, 40px);
	letter-spacing: 0.05em;
	line-height: 1.3;
	text-align: center;
}
#edition h3 + picture
{
	max-width: 1200px;
	margin: 0 auto 30px;
}

}
@media screen and (min-width: 768px)
{

#edition table td a:hover{	text-decoration: unset !important;	}

}
@media screen and (max-width: 767px)
{

#edition > .inner{	padding: 12vw 0;	}
#edition h2
{
	margin-bottom: 10vw;
	font-size: 9.4vw;
}
#edition picture{	margin: 0 auto 5vw;	}
#edition table{	margin: 0 auto 10vw;	}
#edition table tr:first-child th:nth-child(1){	width: 25cqw;	}
#edition table tr:first-child td:nth-child(2){	width: 75cqw;	}
#edition table tr:nth-child(n){	border-bottom: 1px solid white;	}
#edition table tr:last-child{	border-bottom: unset;	}
#edition table th, #edition table td
{
	padding: 3vw 0;
	font-size: 3vw;
	font-feature-settings: "plat";
}
#edition table th{	padding-left: unset;	padding-right: unset;	}
#edition table tr:first-child td:nth-child(2){	padding-right: unset;	}
#edition table tr:first-child td:nth-child(3){	padding-right: unset;	}
#edition table svg{	width: 4vw;	}

#edition h3
{
	margin-bottom: 5vw;
	font-size: 5vw;
}
#edition h3 + picture{	margin-bottom: 10vw;	}

}


/* ================================================================================
faq
================================================================================ */
@media screen, print
{

#faq
{
	z-index: 10;
	position: relative;

	margin-top: -1px;
	padding: 0 var(--padding0);
	background: black;
}
#faq > .inner
{
	container-type: inline-size;
	max-width: 1100px;
	padding: 135px 0;
	margin: 0 auto;
}

#faq h2
{
	margin-bottom: 85px;

	color: white;
	font-size: min(8cqw, 80px);
	letter-spacing: 0.05em;
	text-align: center;
}

#faq ul
{
	display: flex;	flex-direction: column;
	gap: 30px;
}
#faq li .Q
{
	position: relative;
	padding: 10px 0;
	border-bottom: 1px solid white;

	cursor: pointer;
}
#faq li .Q h3
{
	color: white;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.5;
}
#faq li .A
{
	display: none;

	position: relative;
	padding: 10px 0;
}
#faq li .A p
{
	padding-left: 1em;
	text-indent: -1em;

	color: white;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.7;
}
#faq li .A p a
{
	color: white;
	text-decoration: underline !important;
	text-underline-offset: 0.2em;
}

#faq li .Q::before,
#faq li .Q::after
{
	position: absolute;
	top: 50%;	right: 10px;

	content: "";
	display: block;
	width: 18px;	height: 2px;
	background: white;

	transition: 0.2s ease-in-out 0s;
}
#faq li .Q::after{	transform: rotate(90deg);	}

#faq li .Q:hover::before{	transform: rotate(180deg);	}
#faq li .Q:hover::after{	transform: rotate(270deg);	}

#faq li.ON .Q::before{	transform: rotate(180deg);	}
#faq li.ON .Q::after{	transform: rotate(180deg);	}
#faq li.ON .Q:hover::before{	transform: rotate(360deg);	}
#faq li.ON .Q:hover::after{	transform: rotate(360deg);	}

}
@media screen and (min-width: 768px)
{

#faq li .A p a:hover{	text-decoration: unset !important;	}

}
@media screen and (max-width: 767px)
{

#faq > .inner{	padding: 12vw 0;	}
#faq h2
{
	margin-bottom: 10vw;
	font-size: 9.4vw;
}

#faq ul{	gap: 3vw;	}
#faq li .Q{	padding: 2vw 0;	}
#faq li .Q h3{	font-size: 3.2vw;	}
#faq li .A{	padding: 2vw 0;	}
#faq li .A p{	font-size: 3.2vw;	}

#faq li .Q::before,
#faq li .Q::after
{
	right: 0;
	width: 4vw;
}

}


/* ================================================================================
spec
================================================================================ */
@media screen, print
{

#spec
{
	z-index: 10;
	position: relative;

	margin-top: -1px;
	padding: 0 var(--padding0);

	background: url("../img/spec_background.webp") no-repeat bottom/cover;
}
#spec > .inner
{
	container-type: inline-size;
	/* max-width: var(--pageW0); */
	max-width: 1100px;
	padding: 135px 0;
	margin: 0 auto;
}

#spec h2
{
	width: 487px;
	margin: 0 auto 55px;
}
#spec .boxes
{
	display: flex;	justify-content: center;
	gap: 60px;
	margin-bottom: 50px;
}
#spec .boxes > .box
{
	flex-shrink: 0;
	width: calc((100% - 60px)/2);
}
#spec li
{
	display: flex;
	gap: 10px;
	padding: 15px 0;

	border-bottom: 1px solid white;
}
#spec li:last-child{	border: unset;	}
#spec li h3
{
	flex-shrink: 0;
	width: 150px;

	color: white;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.3;
	/* letter-spacing: 0.05em; */
}
#spec li p
{
	width: 100%;

	color: white;
	font-size: 18px;
	line-height: 1.3;
	/* letter-spacing: 0.05em; */
}
#spec li p span{	font-size: 0.8em;	}

#spec .movie
{
	position: relative;
	border: 1px solid white;
	overflow: hidden;

	cursor: pointer;
}
#spec .movie .cover
{
	z-index: 10;
	position: absolute;
	top: 0;	left: 0;

	display: flex;	justify-content: center;	align-items: center;
	width: 100%;	height: 100%;
}
#spec .movie .cover .arrow
{
	position: relative;
	display: flex;	justify-content: center;	align-items: center;

	width: 80px;	aspect-ratio: 1;

	background: rgb(0,0,0,0.5);
	border-radius: 50%;
	box-shadow: var(--shadow1);
}
#spec .movie .cover .arrow::before
{
	content: "";
	display: block;
	width: 27px;	aspect-ratio: 1;
	background: white;
	clip-path: polygon(15% 0, 15% 100%, 100% 50%);
}

/* ----- button ----- */
#spec .button
{
	container-type: inline-size;
	width: 326px;	aspect-ratio: 326/65;
}
#spec .button a
{
	display: flex;	justify-content: center;	align-items: center;
	gap: 2cqw;
	width: 100%;	height: 100%;
	background: var(--Ctheme1a);
	border: 1px solid white;
}
#spec .button a picture{	width: calc(128/326 * 100cqw);	aspect-ratio: 205/61;	}
#spec .button a p
{
	color: white;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;	
}

}
@media screen and (min-width: 768px)
{

#spec .movie picture{	transition: 0.2s ease-in-out 0s;	}
#spec .movie:hover picture
{
	transform: scale(1.05);
	filter: brightness(0.6);
}

}
@media screen and (max-width: 767px)
{

#spec > .inner{	padding: 12vw 0 30vw;	}
#spec h2
{
	width: 65vw;
	margin: 0 auto 10vw;
}
#spec .boxes
{
	flex-direction: column;
	gap: 5vw;
	margin-bottom: 10vw;
}
#spec .boxes > .box{	width: 100%;	}
#spec li
{
	gap: unset;
	padding: 3vw 0;
}
#spec li h3
{
	width: 30vw;
	font-size: 3.2vw;
}
#spec li p{	font-size: 3.2vw;	}
#spec li p span{	font-size: 0.8em;	}

#spec .movie .cover .arrow{	width: 12vw;	}
#spec .movie .cover .arrow::before{	width: 4.2vw;	}

#spec .button
{
	width: 70vw;
	margin: 0 auto;
}
#spec .button a p{	font-size: 3.5vw;	}

}


/* ================================================================================
pagetop
================================================================================ */
@media screen, print
{

#pagetop
{
	z-index: 100;
	position: absolute;
	top: 0;	right: 50px;

	height: 100%;
	padding-top: 100vh;
	padding-bottom: 50px;

	pointer-events: none;
}
#pagetop a
{
	position: sticky;
	top: calc(100vh - 180px);	right: 0;

	display: block;
	width: 100px;	aspect-ratio: 1;
	filter: drop-shadow(0 0 1rem rgb(0,0,0,0.2));
	pointer-events: all;
}

}
@media screen and (max-width: 767px)
{

#pagetop
{
	right: var(--padding0);
	padding-bottom: var(--padding0);
}
#pagetop a
{
	top: calc(100vh - var(--padding0) - 20vw);	right: 0;
	width: 20vw;
}

}


/* ================================================================================
page-fankit
================================================================================ */
@media screen, print
{

#contents.page-fankit #siteBackground
{
	height: 100vh;
	max-height: unset;
}

}


/* ================================================================================
fankit
================================================================================ */
@media screen, print
{

#fankit
{
	z-index: 10;
	position: relative;
	padding: 0 var(--padding0);
}
#fankit > .inner
{
	container-type: inline-size;

	max-width: var(--pageW0);
	padding: 100px 0;
	margin: 0 auto;
}

#fankit .titleArea{	margin-bottom: 130px;	}
#fankit .titleArea h1
{
	margin-bottom: 60px;

	color: white;
	font-size: 80px;
	font-weight: 900;
	letter-spacing: 0.05em;
	text-align: center;
}
#fankit .titleArea p
{
	color: white;
	font-size: 24px;
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-align: center;
}

#fankit .sections
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 100px 50px;
}
#fankit .section{	container-type: inline-size;	}
#fankit .section h2
{
	width: fit-content;
	width: 50cqw;	min-width: fit-content;
	padding: 0.1em 0.5em 0.2em;
	margin: 0 0 60px;

	background: var(--Ctheme1);

	color: white;
	font-size: 40px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-align: center;
}

#fankit .section ul
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 3cqw;
	place-items: center;
}
#fankit .section ul li a
{
	display: block;
	border: 1px solid var(--Ctheme1);
}
#fankit .section ul li picture{	background: var(--Ctheme4);	}
#fankit .section ul li picture img{	object-fit: cover;	}

#fankit #fankit-icon ul{	grid-template-columns: 1fr 1fr 1fr;	}
#fankit #fankit-icon ul li a
{
	display: block;
	aspect-ratio: 1;
	border: 1px solid var(--Ctheme1);
	border-radius: 50%;
	overflow: hidden;
}

}
@media screen and (max-width: 767px)
{

#fankit > .inner{	padding: 12vw 0;	}
#fankit .titleArea{	margin-bottom: 10vw;	}
#fankit .titleArea h1
{
	margin-bottom: 7vw;
	font-size: 9.4vw;
}
#fankit .titleArea p{	font-size: 3.2vw;	}

#fankit .sections
{
	grid-template-columns: 1fr;
	gap: 12vw;
}
#fankit .section h2
{
	min-width: 65vw;
	margin: 0 auto 6vw;
	font-size: 6.4vw;
}

}























#contents #killer_inn .hide {
  display: none !important;
}
#contents #killer_inn .show {
  display: block !important;
}
#contents #killer_inn .disable {
  pointer-events: none !important;
}


#contents #killer_inn .modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100svw;
  height: 100svh;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
}
#contents #killer_inn .modal.-open {
  opacity: 1;
  pointer-events: auto;
}
#contents #killer_inn .modal .movie_contents {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 62.5vw;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 767px) {
  #contents #killer_inn .modal .movie_contents {
    width: 92.8vw;
  }
}
#contents #killer_inn .modal .movie_contents .modal_close {
  position: absolute;
  top: -1.09375vw;
  right: 0;
  width: 4.3229166667vw;
  height: 4.3229166667vw;
  transform: translate(0, -100%);
}
@media screen and (max-width: 767px) {
  #contents #killer_inn .modal .movie_contents .modal_close {
    top: -2.8vw;
    width: 9.3333333333vw;
    height: 9.3333333333vw;
  }
}
#contents #killer_inn .modal .movie_contents_yt {
  border: 2px solid #e1deda;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
}
#contents #killer_inn .modal .movie_contents_yt.-disable {
  opacity: 0;
  pointer-events: none;
}
#contents #killer_inn .modal .movie_contents_img {
  opacity: 0;
}
#contents #killer_inn .modal .movie_contents_img_wrap {
  position: absolute;
  pointer-events: none;
}
#contents #killer_inn .modal .birth_check {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
}
#contents #killer_inn .modal .birth_check.-show {
  opacity: 1;
  pointer-events: auto;
}
#contents #killer_inn .modal .birth_check_inner p {
  padding: 0 0 6.25vw;
  font-size: 1.5625vw;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn .modal .birth_check_inner p {
    padding: 0 0 4vw;
    font-size: 4.8vw;
  }
}
#contents #killer_inn .modal .birth_check_inner ul {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn .modal .birth_check_inner ul {
    display: block;
  }
}
#contents #killer_inn .modal .birth_check_inner ul li {
  padding: 0 1.1979166667vw;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn .modal .birth_check_inner ul li {
    padding: 6.6666666667vw 0 0;
  }
}
#contents #killer_inn .modal .birth_check_inner ul li dt {
  padding: 0 0 1.40625vw;
  font-size: 1.5625vw;
  color: #fff;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn .modal .birth_check_inner ul li dt {
    padding: 0 0 3.3333333333vw;
    font-size: 4.8vw;
  }
}
#contents #killer_inn .modal .birth_check_inner ul li dd {
  position: relative;
  display: flex;
  justify-content: center;
  border: 1px solid #e1deda;
  background: #282728;
  width: 15.625vw;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn .modal .birth_check_inner ul li dd {
    margin: 0 auto;
    width: 48vw;
  }
}
#contents #killer_inn .modal .birth_check_inner ul li dd span {
  font-size: 1.5625vw;
  line-height: 4.1666666667vw;
  color: #808080;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn .modal .birth_check_inner ul li dd span {
    font-size: 4.8vw;
    line-height: 12.5333333333vw;
  }
}
#contents #killer_inn .modal .birth_check_inner ul li dd span.-input {
  color: #fff;
}
#contents #killer_inn .modal .birth_check_inner ul li dd select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
#contents #killer_inn .modal .birth_check_inner a {
  display: block;
  margin: 6.25vw auto 0;
  width: 15.625vw;
  border: 1px solid #e1deda;
  background: #e1deda;
  font-size: 1.5625vw;
  line-height: 4.1666666667vw;
  color: rgba(0, 0, 0, 0.2);
  text-align: center;
  pointer-events: none;
  transition: all 0.25s cubic-bezier(0.21, 0.51, 0.51, 1);
}
@media screen and (max-width: 767px) {
  #contents #killer_inn .modal .birth_check_inner a {
    margin: 9.3333333333vw auto 0;
    width: 48vw;
    font-size: 4.8vw;
    line-height: 12.5333333333vw;
  }
}
#contents #killer_inn .modal .birth_check_inner a.-able {
  pointer-events: auto;
  background: #d6aa55;
  color: #000;
}
#contents #killer_inn .modal .birth_check_ng {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  pointer-events: none;
  transition: all 0.5s cubic-bezier(0.21, 0.51, 0.51, 1);
}
#contents #killer_inn .modal .birth_check_ng.-show {
  opacity: 1;
}
#contents #killer_inn .modal .birth_check_ng p {
  font-size: 1.5625vw;
  color: #fff;
}
@media screen and (max-width: 767px) {
  #contents #killer_inn .modal .birth_check_ng p {
    font-size: 4.8vw;
  }
}