@charset "UTF-8";
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;/*デザイン部のと違う*/
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type="checkbox"] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type="radio"] {
  -webkit-appearance: radio;
  appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
}

button[disabled],
[type="button"][disabled],
[type="reset"][disabled],
[type="submit"][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type="search"] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/* --- _base.scss --- */
* {
  box-sizing: border-box;
}

html, body {
  height: 100%;
}

html {
  font-size: 62.5%;
}

body {/*デザイン部の英語版で上書き*/
  font-family: futura-pt, sans-serif;
  color: #232323;
  height: 100%;
  line-height: 1.2;
  font-feature-settings: "pkna";
  background-color: #fff;
}

@media (min-width: 960px) {
  body {
    min-width: 1200px;
    background: url(https://www.koeitecmoamerica.com/manual/touken-warriors/en/images/common/bg_white.jpg) repeat;
  }
}

@media (max-width: 959px) {/*デザイン部英語版で上書き*/
  body {
    font-size: 4vw;
    background: url(https://www.koeitecmoamerica.com/manual/touken-warriors/en/images/common/bg_white.jpg) repeat;
    background-size: 50%;
  }
}

body .l-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

@media (min-width: 960px) {
  body .page {
    padding-bottom: 90px;
  }
}

::-moz-selection {
  background: #ab69a1;
  color: #fff;
}

::selection {
  background: #ab69a1;
  color: #fff;
}

input, select, textarea, button, th, td {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

ul, li, p, ol, section, table, dl, img, picture, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

ul {
  list-style: inside none;
}

li {
  list-style-position: inside;
}

a {
  text-decoration: none;
}

/* CSS Document */
/* ========================= [ #dmm_ntgnavi ] */
/*
#dmm_ntgnavi {
  position: relative;
  background: url(/images/dmm_olgnavi/bg_navimain.gif) center center repeat-x;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-size: 12px;
  font-family: 'メイリオ', 'Meiryo', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', Verdana, sans-serif;
  display: flex;
  justify-content: space-between;
  z-index: 1000;
}

#dmm_ntgnavi ul {
  list-style: none;
  margin: 2px 0;
  padding: 0;
  display: flex;
}

#dmm_ntgnavi ul li {
  margin: 0 6px 0 0;
  line-height: 15px;
}

#dmm_ntgnavi ul.navi_left {
  flex-grow: 2;
}

#dmm_ntgnavi ul.navi_left li > a {
  display: block;
  padding: 0 3px 0 8px;
  text-decoration: none;
  border: 1px solid #eee;
  border-radius: 3px;
}

#dmm_ntgnavi ul.navi_left li > a:hover {
  background: #eee;
  border: 1px solid #666;
  border-radius: 3px;
}

#dmm_ntgnavi ul.navi_left li > a span {
  display: block;
  padding: 9px 10px 7px 28px;
  color: #333;
  font-weight: bold;
  white-space: nowrap;
}

#dmm_ntgnavi ul.navi_left li.dmm_top img {
  margin: 8px 5px 8px 0;
}

#dmm_ntgnavi ul.navi_left li.ntg_top {
  margin-left: 10px;
}

#dmm_ntgnavi ul.navi_left li.ntg_top span {
  background: url(/images/dmm_olgnavi/bg_bt_olgtop.gif) 0 center no-repeat;
}

#dmm_ntgnavi ul.navi_left li.ntg_chip span {
  background: url(/images/dmm_olgnavi/bg_bt_chip.gif) 0 center no-repeat;
  letter-spacing: 0.05em;
}

#dmm_ntgnavi ul.navi_left li.ntg_poi span {
  background: url(/images/dmm_olgnavi/bg_bt_point.gif) 0 center no-repeat;
  letter-spacing: 0.05em;
}

#dmm_ntgnavi ul.navi_right {
  flex-grow: 1;
  justify-content: flex-end;
  font-size: 10px;
}

#dmm_ntgnavi ul.navi_right li {
  margin: 0 10px 0 0;
  padding: 8px 5px;
}

#dmm_ntgnavi .arrow {
  padding-left: 14px;
  background: url(/images/dmm_olgnavi/arrow_common.gif) no-repeat left center;
}

#dmm_ntgnavi .tx-point {
  font-size: 16px;
  font-weight: bold;
  color: #ff4b4b !important;
}

#dmm_ntgnavi p {
  margin: 0;
  line-height: 2.6em;
}

#dmm_ntgnavi .clear {
  clear: both;
}

@media (max-width: 960px) {
  #dmm_ntgnavi ul.navi_left {
    flex-grow: 2;
  }
  #dmm_ntgnavi ul.navi_left li.ntg_chip, #dmm_ntgnavi ul.navi_left li.ntg_poi {
    overflow: hidden;
    width: 38px;
  }
  #dmm_ntgnavi ul.navi_left li.ntg_chip a, #dmm_ntgnavi ul.navi_left li.ntg_poi a {
    padding: 0 8px 0;
    height: 100%;
    box-sizing: border-box;
  }
  #dmm_ntgnavi ul.navi_left li.ntg_chip a span, #dmm_ntgnavi ul.navi_left li.ntg_poi a span {
    overflow: hidden;
    padding: 0;
    height: 100%;
    box-sizing: border-box;
    text-indent: 100%;
  }
}DMM部分を消してみた
*/
/* --- layout _footer.scss --- */
.l-footer {/*デザイン部英語版に上書きフォント指定*/
  position: relative;
  width: 100%;
  color: #fff;
  text-align: center;
  z-index: 100;
  font-family: mrs-eaves-xl-serif, serif
}


.l-footer .footer-wrap {
  position: relative;
  background: url(https://www.koeitecmoamerica.com/images/common/bg_black_pt.jpg) repeat;
  background-color: #232323;
}

@media (min-width: 960px) {
  .l-footer .footer-wrap {
    padding: 40px 0;
  }
}

@media (max-width: 959px) {
  .l-footer .footer-wrap {
    padding: 16.66vw 0 6.66vw;
    background-size: 50%;
  }
}

.l-footer .f-logo img {
  width: 100%;
}

@media (min-width: 960px) {
  .l-footer .f-logo {
    width: 320px;
    margin: 0 auto;
  }
}

@media (max-width: 959px) {
  .l-footer .f-logo {
    padding: 0 25.33vw;
  }
}

@media (min-width: 960px) {/*上書きフォント指定*/
  .l-footer .f-spec {
    padding: 20px 0 0;
    display: flex;
    flex-wrap: wrap;
    width: 940px;
    margin: 0 auto;
    font-family: mrs-eaves-xl-serif, serif
  }
}

@media (max-width: 959px) {/*上書き　フォント指定*/
  .l-footer .f-spec {
    padding: 5.3vw 5.3vw 0;
    font-family: mrs-eaves-xl-serif, serif
  }
}

@media (min-width: 960px) {
  .l-footer .f-spec__in {
    font-size: 18px/*14px　デザイン部ので上書き*/;
    padding: 0 15px;
  }
}

@media (max-width: 959px) {
  .l-footer .f-spec__in {
    display: flex;
    flex-wrap: wrap;
    font-size: 4vw/*3vw デザイン部ので上書き*/;
  }
}

@media (min-width: 960px) {
  .l-footer .f-spec .table-spec {
    display: flex;
    padding-bottom: 10px;
    line-height: 2;
    text-align: left;
  }
}

@media (max-width: 959px) {
  .l-footer .f-spec .table-spec {
    display: flex;
    width: 100%;
    padding-bottom: 2.6vw;
    line-height: 2;
  }
}

.l-footer .f-spec .table-spec dt {
  display: flex;
  justify-content: center;
  border-bottom: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .l-footer .f-spec .table-spec dt {
    width: 140px;
    font-weight: normal;
  }
}

@media (max-width: 959px) {
  .l-footer .f-spec .table-spec dt {
    width: 35%;
  }
}

.l-footer .f-spec .table-spec dd {
  border-bottom: 1px solid #fff;
}

@media (min-width: 960px) {
  .l-footer .f-spec .table-spec dd {
    display: flex;
    justify-content: center;
    width: 300px;
    padding-left: 15px;
  }
}

@media (max-width: 959px) {
  .l-footer .f-spec .table-spec dd {
    width: 65%;
    margin-left: 0;
    padding-left: 2vw;
  }
}


@media (min-width: 960px) {/*上書き*/
  .l-footer .tx-switch,
  .l-footer .tx-kt,
  .l-footer .tx-screen,
  .l-footer .tx-online {
    font-size: 18px;
  }
}

@media (max-width: 959px) {/*上書き*/
  .l-footer .tx-switch,
  .l-footer .tx-kt,
  .l-footer .tx-screen,
  .l-footer .tx-online {
    padding: 0 5.3vw;
    font-size: 3.5vw;
  }
}

@media (min-width: 960px) {/*上書き*/
  .l-footer .tx-cero {
    width: 200px;
    padding-top: 10px;
  }
}

@media (max-width: 959px) {/*上書き*/
  .l-footer .tx-cero {
    width: 40vw;
  }
}

.l-footer .tx-manual {/*mnl日本版mnl独自*/
  text-decoration: underline;
  transition: .2s ease;
}

@media (min-width: 960px) {/*mnl日本版mnl独自*/
  .l-footer .tx-manual {
    padding-top: 20px;
  }
}

@media (max-width: 959px) {/*mnl日本版mnl独自*/
  .l-footer .tx-manual {
    padding-top: 2.6vw;
  }
}

.l-footer .tx-manual:hover {/*mnl日本版mnl独自*/
  color: #ab69a1;
}

@media (min-width: 960px) {
  .l-footer .tx-switch {
    padding-top: 20px;
  }
}

@media (max-width: 959px) {
  .l-footer .tx-switch {
    padding-top: 2.6vw;
  }
}

@media (max-width: 959px) {
  .l-footer .tx-online {
    padding-top: 2.6vw;
  }
}

@media (min-width: 960px) {/*デザイン部英語独自、追加*/
  .l-footer .tx-kt {
    padding-top: 10px;
  }
}

@media (min-width: 960px) {/*デザイン部英語独自、追加*/
  .l-footer .tx-switch {
    padding-top: 5px;
  }
}

@media (min-width: 960px) {/*デザイン部英語独自、追加*/
  .l-footer .tx-screen {
    padding-top: 5px;
	font-size: 16px;
  }
}

@media (max-width: 959px) {/*デザイン部英語独自、追加*/
  .l-footer .tx-online {
    padding-top: 2.6vw;
  }
}


.l-footer .list-f-logo {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
}

@media (min-width: 960px) {
  .l-footer .list-f-logo {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .l-footer .list-f-logo {
    flex-wrap: wrap;
    padding: 4vw 5.3vw 0;
  }
}

@media (min-width: 960px) {
  .l-footer .list-f-logo > li {
    padding: 0 10px;
  }
}

@media (max-width: 959px) {
  .l-footer .list-f-logo > li {
    padding: 0 2.6vw 2vw;
  }
}

.l-footer .list-f-logo > li img {
  width: 100%;
  height: auto;
}

@media (min-width: 960px) {
  .l-footer .list-f-logo .logo-dmmgames {
    width: 148px;
  }
}

@media (max-width: 959px) {
  .l-footer .list-f-logo .logo-dmmgames {
    width: 26.53vw;
  }
}

@media (min-width: 960px) {
  .l-footer .list-f-logo .logo-kt {
    width: 78px;
  }
}

@media (max-width: 959px) {
  .l-footer .list-f-logo .logo-kt {
    width: 15.66vw;
  }
}

@media (min-width: 960px) {
  .l-footer .list-f-logo .logo-nitro {
    width: 164px;
  }
}

@media (max-width: 959px) {
  .l-footer .list-f-logo .logo-nitro {
    width: 28.93vw;
  }
}

@media (min-width: 960px) {
  .l-footer .list-f-logo .logo-omega {
    width: 120px;
  }
}

@media (max-width: 959px) {
  .l-footer .list-f-logo .logo-omega {
    width: 25.26vw;
  }
}

@media (min-width: 960px) {
  .l-footer .list-f-logo .logo-ruby {
    width: 100px;
  }
}

@media (max-width: 959px) {
  .l-footer .list-f-logo .logo-ruby {
    width: 17.13vw;
  }
}

@media (min-width: 960px) {/*デザイン部で上書き*/
  .l-footer .list-f-logo .logo-switch {
    width: 67px;
  }
}

@media (max-width: 959px) {/*デザイン部で上書き*/
  .l-footer .list-f-logo .logo-switch {
    width: 13.59vw;
  }
}

@media (min-width: 960px) {/*デザイン部ので追加*/
  .l-footer .list-f-logo .tx-cero {
    width: 200px;
  }
}

@media (max-width: 959px) {/*デザイン部ので追加*/
  .l-footer .list-f-logo .tx-cero {
    width: 50%;
  }
}

.l-footer .bt-pagetop-wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 100;
}

@media (min-width: 960px) {
  .l-footer .bt-pagetop-wrap {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 959px) {
  .l-footer .bt-pagetop-wrap {
    width: 6.66vw;
    height: 6.66vw;
  }
}

.l-footer .bt-pagetop-wrap a {
  display: flex;
  width: 100%;
  height: 100%;
  background: #fff;
}

.l-footer .bt-pagetop-wrap a span {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent transparent #232323 transparent;
}

@media (min-width: 960px) {
  .l-footer .bt-pagetop-wrap a span {
    top: 18px;
    left: 20px;
    border-width: 0 6px 12px 6px;
    transition: all .3s ease;
  }
}

@media (max-width: 959px) {
  .l-footer .bt-pagetop-wrap a span {
    top: 2.5vw;
    left: 2.5vw;
    border-width: 0 1vw 1.799vw 1vw;
  }
}

.l-footer .bt-pagetop-wrap a:hover span {
  top: 13px;
  border-color: transparent transparent #ab69a1 transparent;
}

.l-footer .bt-online-wrap {
  background: #000;
  border-radius: 6px;
  transition: .3s ease;
}

@media (min-width: 960px) {
  .l-footer .bt-online-wrap {
    width: 280px;
    height: 50px;
    margin: 20px auto 0;
    border: 1px solid #fff;
    font-size: 18px/*14px デザイン部ので上書き*/;
  }
}

@media (max-width: 959px) {
  .l-footer .bt-online-wrap {
    width: 66.66vw;
    height: 10.66vw;
    margin: 4vw auto 0;
    border: 0.1rem solid #fff;
  }
}

.l-footer .bt-online-wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  word-break: break-all;
  white-space: nowrap;
  text-decoration: none;
}

.l-footer .bt-online-wrap:hover {
  background: #ab69a1;
}

.l-footer .ft-sup-wrap {
  color: #232323;
  background-color: #fff;
}

@media (min-width: 960px) {
  .l-footer .ft-sup-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1920px;
    margin: 0 auto;
    padding: 15px 30px;
    font-size: 18px/*12px デザイン部ので上書き*/;
  }
}

@media (max-width: 959px) {
  .l-footer .ft-sup-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    flex-direction: column;
    padding: 5.3vw 0;
  }
}

.l-footer .list-sup-link {
  display: flex;
  justify-content: center;
}
/*
@media (max-width: 959px) {
  .l-footer .list-sup-link {
    flex-wrap: wrap;
    padding: 0 5.3vw;
  }
}

@media (min-width: 960px) {
  .l-footer .list-sup-link > li {
    padding-right: 15px;
  }
}

@media (max-width: 959px) {
  .l-footer .list-sup-link > li {
    font-size: 2.6vw;
    padding-right: 2.6vw;
  }
}

@media (max-width: 959px) {
  .l-footer .list-sup-link > li:last-of-type {
    padding-top: 5.3vw;
    padding-right: 0;
  }
}
*/
@media (min-width: 960px) {/*デザイン部のもの、オリジナルは上*/
  .l-footer .list-sup-link > li {
    padding-right: 15px;
  }
}

@media (max-width: 959px) {/*デザイン部のもの、オリジナルは上*/
  .l-footer .list-sup-link > li {
    font-size: 3.5vw;
    padding-right: 2.6vw;
  }
}


　
.l-footer .list-sup-link > li a {
  color: #232323;
  text-decoration: none;
}

.l-footer .list-sup-link > li a:hover {
  color: #ab69a1;
}

.l-footer .ft-sup-right {
  display: flex;
  align-items: center;
}

@media (max-width: 959px) {
  .l-footer .ft-sup-right {
    padding-top: 2.6vw/*5.3vw　デザイン部ので上書き*/;
    flex-flow: column-reverse;
  }
}

.l-footer .list-share {
  display: flex;
  justify-content: center;
  align-items: center;
}

@media (max-width: 959px) {
  .l-footer .list-share {
    padding: 0 2.6vw;
  }
}

@media (min-width: 960px) {
  .l-footer .list-share > li {
    padding-right: 5px;
  }
  .l-footer .list-share > li:last-of-type {
    padding-right: 0;
  }
}

@media (max-width: 959px) {
  .l-footer .list-share > li {
    justify-content: center;
  }
  .l-footer .list-share > li:first-of-type {
    padding-right: 1.3vw;
  }
  .l-footer .list-share > li:last-of-type {
    padding-left: 1.3vw;
  }
}

@media (min-width: 960px) {
  .l-footer .copyright {
    font-size: 12px/*10px*/;
    padding-right: 20px;
    line-height: 1;
  }
}

@media (max-width: 959px) {
  .l-footer .copyright {
    font-size: 2vw;
    padding: 2.6vw 2.6vw 0;
  }
}
　
.btm-pre {
  opacity: 0;
  position: fixed;
  right: -39.3vw;
  bottom: 2.6vw;
  width: 39.3vw;
  z-index: 90;
  transition: all 0.5s;
}

.btm-pre a {
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, #d382b1 0%, #7a57b2 51%, #d382b1 100%);
  background-size: 200% auto;
  transition: .3s;
}

.btm-pre.is-ft-fixed {
  opacity: 1;
  right: 2.6vw;
	display: none;/*デザイン部ので追加*/
}

.btm-pre.is-position-fixed {
  opacity: 0;
  right: -39.3vw;
}

/* --- component _keyframes.scss --- */
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes blurIn {
  0% {
    opacity: 0;
    filter: blur(30px);
    transition: all 1s ease-in-out;
  }
  100% {
    opacity: 1;
    filter: blur(0);
  }
}

@keyframes cMask {
  100% {
    left: 125%;
    /*画面の見えていない左から右へ移動する終了地点*/
  }
}

@keyframes pStoryLoop_1 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes pStoryLoop_2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}

@keyframes pStoryLoop_3 {
  0% {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}

@keyframes pStoryLoop_4 {
  0% {
    transform: translateX(-200%);
  }
  to {
    transform: translateX(0%);
  }
}

@keyframes bg-slider {
  from {
    background-position: 1440px 0;
  }
  to {
    background-position: 0 0;
  }
}

@keyframes bg-slider-2 {
  from {
    background-position: -1440px 0;
  }
  to {
    background-position: 0 0;
  }
}

/* --- utility _display.scss --- */
@media (min-width: 960px) {
  .u-visible-sp {
    display: none !important;
  }
}

@media (max-width: 959px) {
  .u-visible-pc {
    display: none !important;
  }
}

/* --- _gnav.scss --- */
@media (min-width: 960px) {
  .l-header {
    position: fixed;
    left: 50%;
    bottom: 10px;
    width: 1200px;
    height: 90px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(35, 35, 35, 0.25);
    transform: translate(-50%, 0);
    transition: all .5s ease;
    z-index: 9999;
  }
  .l-header.is-ftFixed {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 0;
    border-radius: 0;
  }
  .l-header::before, .l-header::after {
    position: absolute;
    display: block;
    width: 600px;
    height: 49px;
    content: "";
  }
  .l-header::before {
    top: 0;
    left: 0;
    background: url("https://www.koeitecmoamerica.com/manual/touken-warriors/en/images/common/pt_nav_up.png") no-repeat;
    background-size: contain;
  }
}

@media (min-width: 960px) and (min-width: 960px) {
  .l-header::after {
    right: 0;
    bottom: 0;
    background: url(https://www.koeitecmoamerica.com/manual/touken-warriors/en/images/common/pt_nav_down.png) no-repeat;
    background-size: contain;
  }
}
 
@media (max-width: 959px) {
  .l-header {
    position: fixed;
    top: -120%;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100vh;
    height: 100%;
    overflow: auto;
    background: url(https://www.koeitecmoamerica.com/manual/touken-warriors/en/images/common/bg_white.jpg);
    background-size: 50%;
    z-index: 10001;
    transition: all .6s ease-in;
  }
  .l-header.on {
    top: 0;
  }
}

.l-header .gnav {
  position: relative;
}

@media (min-width: 960px) {
  .l-header .gnav {
    display: flex;
    justify-content: space-evenly;
    height: 100%;
    padding: 0 30px;
	  font-family: mrs-eaves-xl-serif, serif/*デザイン部追加*/
  }
}

@media (max-width: 959px) {
  .l-header .gnav {
    min-height: 100vh;
    padding-bottom: 20.66vw;
	 font-family: mrs-eaves-xl-serif, serif/*デザイン部追加*/
  }
  .l-header .gnav::before, .l-header .gnav::after {
    display: block;
    position: absolute;
    width: 100%;
    height: 13.33vw;
    content: "";
  }
  .l-header .gnav::before {
    top: 0;
    left: 0;
    background: url(https://www.koeitecmoamerica.com/manual/touken-warriors/en/images/common/pt_nav_up_sp.png) no-repeat;
    background-size: cover;
  }
  .l-header .gnav::after {
    right: 0;
    bottom: 0;
    background: url(https://www.koeitecmoamerica.com/manual/touken-warriors/en/images/common/pt_nav_down_sp.png) no-repeat;
    background-size: cover;
  }
}
　
.l-header .c-navi {
  position: relative;
  z-index: 10001;
}

@media (min-width: 960px) {
  .l-header .c-navi {
    width: 100%;
    height: 100%;
  }
}

@media (min-width: 960px) {
  .l-header .nav-logo {
    position: relative;
    top: -15px;
    width: 124px;
  }
  .l-header .nav-logo a {
    display: block;
    transition: .3s ease;
  }
  .l-header .nav-logo a:hover {
    transform: scale(0.9);
  }
}

@media (max-width: 959px) {
  .l-header .nav-logo {
    position: absolute;
    top: 2.6vw;
    left: 2.6vw;
    width: 29.33vw;
  }
}

.l-header .nav-logo img {
  width: 93%/*100% デザイン部の数字に*/;
}

.l-header .list-navi__item {
  position: relative;
}

@media (min-width: 960px) {
  .l-header .list-navi {
    display: flex;
    align-items: center;
  }
  .l-header .list-navi__item {
/*    padding: 6px 15px 0;デザイン部の数字はした*/
	      padding: 6px 20px 0;
  }
}

@media (max-width: 959px) {
  .l-header .list-navi {
    height: auto;
    padding-top: 25.33vw;
  }
  .l-header .list-navi__item {
    padding: 5.3vw 0;
    text-align: center;
  }
}

.l-header .list-navi a {
  position: relative;
  color: #232323;
  text-decoration: none;
}

@media (min-width: 960px) {
  .l-header .list-navi a {
    display: inline-block;
    font-size: 20px/*16px　デザイン部の数字*/;
    padding-bottom: 4px;
  }
  .l-header .list-navi a::after {
    display: block;
    position: absolute;
    width: 0;
    bottom: 0;
    left: 50%;
    height: 1px;
    background-color: #ab69a1;
    transition: .3s all;
    transform: translateX(-50%);
    content: '';
  }　
  .l-header .list-navi a:hover::after {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .l-header .list-navi a {
    font-size: 5.599vw;
  }
}

.l-header .list-navi .is-soon {
  opacity: .5;
	  font-size: 20px;/*デザイン部追加*/
}

@media (max-width: 959px) {
  .l-header .list-navi .is-soon {
    font-size: 5.599vw;
  }
}

.l-header .nav-ico-square__left,
.l-header .nav-ico-square__right {
  position: absolute;
  margin: auto;
  background: #d8c04f;
  overflow: hidden;
  z-index: 11;
}

@media (min-width: 960px) {
  .l-header .nav-ico-square__left,
  .l-header .nav-ico-square__right {
    top: 40px;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
  }
}

@media (max-width: 959px) {
  .l-header .nav-ico-square__left,
  .l-header .nav-ico-square__right {
    left: 50%;
    width: 2vw;
    height: 2vw;
    transform: rotate(45deg) translate(-50%, 0);
  }
}

@media (min-width: 960px) {
  .l-header .nav-ico-square__left {
    left: 20px;
  }
}

@media (max-width: 959px) {
  .l-header .nav-ico-square__left {
    top: 7.999vw;
  }
}

@media (min-width: 960px) {
  .l-header .nav-ico-square__right {
    right: 20px;
  }
}

@media (max-width: 959px) {
  .l-header .nav-ico-square__right {
    bottom: 5.999vw;
  }
}

@media (min-width: 960px) {
  .l-header .bt-pre-nav-wrap {
    width: 210px;
    height: 90px;
  }
}

@media (max-width: 959px) {
  .l-header .bt-pre-nav-wrap {
    width: 100%;
    height: 16.79vw;
    margin-top: 5.3vw;
	  	margin-left: -4vw;/*デザイン部追加*/
    padding: 0 23.999vw;
  }
}

.l-header .bt-pre-nav-wrap a {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100% /*デザイン部120%*/;
  color: #fff;
  text-decoration: none;
/*	 background: linear-gradient(to right, #BBBBBB 0%, #888888 51%, #BBBBBB 100%);/*発売前*/
  background: linear-gradient(to right, #d382b1 0%, #7a57b2 51%, #d382b1 100%);/*発売後*/
  background-size: 200% auto;
  border-radius: .5rem;
  transition: .3s;
  z-index: 10;
}

@media (min-width: 960px) {
  .l-header .bt-pre-nav-wrap a {
    padding: 6px;
    font-size: 22px;
  }
}

@media (max-width: 959px) {
  .l-header .bt-pre-nav-wrap a {
    padding: 1vw;
    font-size: 4vw;
  }
}

.l-header .bt-pre-nav-wrap a:hover {
  background-position: right center;
}

.l-header .bt-pre-nav-wrap a::before {
  position: absolute;
  top: 50%;
  right: .3em;
  display: block;
  height: 1px;
  background: #fff;
  transform: translate(0, -50%);
  content: "";
}

@media (min-width: 960px) {
  .l-header .bt-pre-nav-wrap a::before {
    width: 50px/*40px　デザイン部*/;
  }
}

@media (max-width: 959px) {
  .l-header .bt-pre-nav-wrap a::before {
    width: 8.799vw;
  }
}

.l-header .bt-pre-nav-wrap a .in-border {
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: .25rem;
}

@media (min-width: 960px) {
  .l-header .bt-pre-nav-wrap a .in-border {
    padding-left: 20px/*40px デザイン部に揃えた*/;
  }
}

@media (max-width: 959px) {
  .l-header .bt-pre-nav-wrap a .in-border {
    justify-content: center;
  }
}

.l-header .bt-pre-nav-wrap a .ico-square {
  position: absolute;
  top: 50%;
  right: .1rem;
  width: .5em;
  height: .5em;
  margin: auto;
  background: #fff;
  overflow: hidden;
  transform: translate(0, -50%) rotate(45deg);
}

.l-header .ico-new {
  position: absolute;
  left: 50%;
  color: #fff;
  background: #d281b1;
  transform: translate(-50%, 0);
}

@media (min-width: 960px) {
  .l-header .ico-new {
    padding: .1em;
    top: -15px;
    font-size: 12px;
  }
}

@media (max-width: 959px) {
  .l-header .ico-new {
    padding: .2em;
    top: 0;
    font-size: 2vw;
  }
}

p.ico-new{/*デザイン部の新規*/
    position: absolute;
    left: 50%;
    color: #fff;
    background-color: #d281b1;
    transform: translate(-50%, 0);
    top: -2rem;
    font-size: 12px!important;
    padding: 2px 3px;
    line-height: 1!important;
    font-family: mrs-eaves-xl-serif, serif;
}


.btn-navi {
  position: absolute;
  width: 14.66vw;
  height: 14.66vw;
  top: 1.3vw;
  right: 1.3vw;
  background: url(https://www.koeitecmoamerica.com/manual/touken-warriors/en/images/common/bg_pink_pt.jpg);
  background-size: 25%;
  border-radius: .3rem;
  transition: all .3s ease;
  z-index: 10001;
}

.btn-navi.is-fixed {
  position: fixed;
}

.btn-navi::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 12.39vw;
  height: 12.39vw;
  border: 1px solid #fff;
  border-radius: .25rem;
  transform: translate(-50%, -50%);
  content: "";
}

.btn-navi::after {
  position: absolute;
  width: 100%;
  left: 50%;
  bottom: calc(35% - 2.6vw);
  font-size: 2vw;
  color: #fff;
  text-align: center;
  transform: translate(-50%, 0);
  text-transform: uppercase;
  line-height: 1;
  content: "Menu";
}

.btn-navi .trigger-item {
  display: block;
  position: absolute;
  width: 7.47vw;
  left: 50%;
  border-top: .15rem solid #fff;
  transition: all 0.5s;
  transform-origin: 50%;
  transform: translate(-50%, 0);
}

.btn-navi .item-01 {
  top: 30%;
}

.btn-navi .item-02 {
  top: 40%;
}

.btn-navi .item-03 {
  top: 50%;
}

.btn-navi .on span {
  display: block;
}

.btn-navi .on .item-01 {
  top: 40%;
  left: 25%;
  transform: rotate(-315deg);
}

.btn-navi .on .item-02 {
  opacity: 0;
}

.btn-navi .on .item-03 {
  top: 40%;
  left: 25%;
  transform: rotate(315deg);
}

.language-wrap {
  position: absolute;
  z-index: 100;
}

@media (min-width: 960px) {
  .language-wrap {
    top: 20px;
    right: 20px;
    width: 200px;
  }
}

@media (max-width: 959px) {
  .language-wrap {
    top: 5.3vw;
    width: 100%;
    padding: 0 24.66vw;
  }
}

.p-select {
  display: inline-block;
  position: relative;
  width: 100%;
  height: 100%;
  color: #474747;
  text-align: left;
  outline: none;
  border-radius: 2px;
  transition: all .5s ease;
  background-color: #fff;
}

.p-select::before {
  position: absolute;
  top: 50%;
  right: .5em;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 5px 0 5px;
  border-color: #8f8f8f transparent transparent transparent;
  transform: translate(0, -50%);
  content: "";
}

@media (min-width: 960px) {
  .p-select {
    width: 200px;
    font-size: 18px/*14px デザイン部*/;
  }
}

.p-select a {
  color: #232323;
}

.p-select:hover {
  outline: none;
}

.p-select:active {
  outline: none;
}

.p-select__capt {
  outline: none;
  cursor: pointer;
  display: block;
}

@media (min-width: 960px) {
  .p-select__capt {
    padding: 10px;
  }
}

@media (max-width: 959px) {
  .p-select__capt {
    padding: 2vw;
  }
}

.p-select .active {
  border-radius: 2px 2px 0 0;
  background-color: #f8f8f8;
}

.p-select .active:hover {
  border-radius: 2px 2px 0 0;
  background-color: #f8f8f8;
}

.p-select__down {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  margin-top: 1px;
  padding: 0;
  overflow: hidden;
  overflow-y: auto;
  list-style: none;
  border-radius: 0 1px 2px 2px;
  background-color: #f8f8f8;
  z-index: 9;
}

.p-select__down li {
  transition: all .2s ease-in-out;
}

@media (min-width: 960px) {
  .p-select__down li {
    padding: 10px;
  }
}

@media (max-width: 959px) {
  .p-select__down li {
    padding: 2vw;
	  font-size: 20px;/*デザイン部追加*/
  }
}

.p-select__down li a {
  display: block;
  width: 100%;
  height: 100%;
}

.p-select__down li:hover, .p-select__down li:active {
  background-color: #e7e7e7;
}

/* --- project _top.scss --- */
.page-top {
  position: relative;
  animation: fadeIn 1s ease-in;
  box-sizing: border-box;
}

@media (max-width: 959px) {
  .page-top {
    overflow: hidden;
  }
}

.page-top .header-logo {
  position: absolute;
  top: 0;
  z-index: 100;
}

@media (min-width: 960px) {
  .page-top .header-logo {
    right: 0;
  }
}

@media (max-width: 959px) {
  .page-top .header-logo {
    left: 0;
  }
}

.page-top .header-logo .list-head-logo {
  display: flex;
}

@media (min-width: 960px) {
  .page-top .header-logo .list-head-logo li {
    width: 70px;
    height: 70px;
  }
}

@media (max-width: 959px) {
  .page-top .header-logo .list-head-logo li {
    width: 7.33vw;
    height: 7.33vw;
  }
}

.page-top .header-logo .list-head-logo li img {
  width: 100%;
}

.page-top .top-inner {
  position: relative;
  background: url(https://www.koeitecmoamerica.com/manual/touken-warriors/en/images/common/bg_cont_head.png) no-repeat;
  background-position: top right;
  z-index: 10;
}

@media (min-width: 960px) {
  .page-top .top-inner {
    display: grid;
    grid-template-columns: 70% 30%;
    grid-template-areas: "pic-kv top-inner__detail";
    padding-top: 10px;
  }
}

.page-top .top-inner .pic-kv {
  position: relative;
}

.page-top .top-inner .pic-kv img {
  width: 100%;
}

@media (min-width: 960px) {
  .page-top .top-inner .pic-kv {
    grid-area: pic-kv;
    margin-left: 10px;
  }
}

@media (max-width: 959px) {
  .page-top .top-inner .pic-kv {
    width: 100%;
  }
}

@media (min-width: 960px) {
  .page-top .top-inner__detail {
    height: auto;
    grid-area: top-inner__detail;
  }
  .page-top .top-inner__detail .detail-in {
    position: sticky;
    top: 8vw;
  }
}

@media (max-width: 959px) {
  .page-top .top-inner__detail {
    position: relative;
  }
}
/*famitsuというクラスはない　デザイン部のdetailというクラスを下に貼る
@media (min-width: 960px) {
  .page-top .top-inner .badge-famitsu {
    position: absolute;
    left: 20px;
    bottom: 20px;
    width: 17%;
  }
  .page-top .top-inner .badge-famitsu img {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .page-top .top-inner .badge-famitsu {
    position: absolute;
    right: 1.3vw;
    bottom: 1.3vw;
    width: 26%;
  }
  .page-top .top-inner .badge-famitsu img {
    width: 100%;
  }
}
*/

@media (min-width: 960px) {/*デザイン部追加*/
  .page-top .top-inner__detail {
    height: auto;
    grid-area: top-inner__detail;
  }
  .page-top .top-inner__detail .detail-in {
    position: sticky;
    top: 8vw;
  }
}

@media (max-width: 959px) {/*デザイン部追加*/
  .page-top .top-inner__detail {
    position: relative;
  }
}


.page-top .catch-top {
  position: absolute;
  color: #fff;
  z-index: 10;
}

@media (min-width: 960px) {
  .page-top .catch-top {
    top: 20px;
    right: -.6vw;
	      font-size: 2vw;
/*    font-size: 1.8vw;フォントサイズデザイン部のものに、次の行削除
    writing-mode: vertical-rl;*/
  }
}

@media (max-width: 959px) {
  .page-top .catch-top {
    width: 100%;
    left: 50%;
    bottom: -13.33vw;
    font-size: 5.3vw;
    text-align: center;
    transform: translate(-50%, 0);
  }
}

.page-top .catch-top .bg-catch__bk {
  background: #232323;
  line-height: 1/*1.6　デザイン部に揃える*/;
}

@media (min-width: 960px) {
  .page-top .catch-top .bg-catch__bk {
	  padding: 5px 12px 0;
letter-spacing: -.1rem;	letter-spacing: -.0.1rem;
font-family: mrs-eaves-xl-serif, serif;
/*    padding: 5px 0 0;　上はデザイン部の数字
    letter-spacing: -.1rem;*/
  }
}

@media (max-width: 959px) {
  .page-top .catch-top .bg-catch__bk {
    padding: 0 0 0 1vw;
	  font-family: mrs-eaves-xl-serif, serif;/*デザイン部　フォント追加*/
  }
}

@media (min-width: 960px) {
  .page-top .catch-top .catch-tx-l {
    margin: 50px 14px 0 0;
  }
}

@media (max-width: 959px) {
  .page-top .catch-top .catch-tx-l {
    margin-top: 3vw;
  }
}
/*マニュアルにない
.page-top .catch-top .catch-tx-l .tx-day-ver2 {
  font-size: 4vw;
  text-align: center;
  font-weight: bold;
}
*/
/*マニュアルにない
.page-top .box-tx-day__v2 .tx-day {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: bold;
  text-align: center;
}
*/

/*マニュアルにない
.page-top .box-tx-day__v2 a {
  color: #ab69a1;
  text-decoration: underline;
}
*/

/*マニュアルにない
@media (min-width: 960px) {
  .page-top .box-tx-day__v2 a {
    font-size: 18px;
  }
}
*/

/*マニュアルにない
@media (max-width: 959px) {
  .page-top .box-tx-day__v2 a {
    font-size: 2.6vw;
  }
}
*/


/*マニュアルにない
@media (min-width: 960px) {
  .page-top .box-tx-day__v2 {
    position: relative;
    width: 480px;
    margin-top: 30px;
    margin-left: 10px;
    padding: 30px 0;
    border-top: 1px solid #ab69a1;
    border-bottom: 1px solid #ab69a1;
    z-index: 10;
  }
  .page-top .box-tx-day__v2 .tx-day {
    font-size: 24px;
    line-height: 1.6;
    text-align: center;
    font-weight: bold;
    text-shadow: -1px -1px 3px white;
  }
  .page-top .box-tx-day__v2 .tx-day-ver2 {
    font-size: 24px;
    line-height: 1.6;
    text-align: center;
    font-weight: bold;
    text-shadow: -1px -1px 3px white;
  }
}

@media (max-width: 959px) {
  .page-top .box-tx-day__v2 {
    position: absolute;
    bottom: -24vw;
    width: 100%;
    padding: 37.66vw 5.3vw 0;
    z-index: 101;
  }
  .page-top .box-tx-day__v2 .box-tx-in {
    padding: 2.6vw 0;
    border-top: 1px solid #ab69a1;
    border-bottom: 1px solid #ab69a1;
  }
  .page-top .box-tx-day__v2 .tx-day {
    font-size: 4vw;
    font-weight: bold;
    line-height: 1.4;
  }
  .page-top .box-tx-day__v2 .tx-day-ver2 {
    font-size: 4vw;
    text-align: center;
    font-weight: bold;
  }
}
*/

/*マニュアルにない
.page-top .box-tx-day__v2 .tx-day {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: bold;
  text-align: center;
}
*/

/*マニュアルにない
.page-top .box-tx-day__v2 a {
  color: #ab69a1;
  text-decoration: underline;
}
*/

/*マニュアルにない
@media (min-width: 960px) {
  .page-top .box-tx-day__v2 a {
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-top .box-tx-day__v2 a {
    font-size: 2.6vw;
  }
}
*/

/*マニュアルにない
@media (min-width: 960px) {
  .page-top .box-tx-day__v2 {
    position: relative;
    width: 480px;
    margin-top: 30px;
    margin-left: 10px;
    padding: 30px 0;
    border-top: 1px solid #ab69a1;
    border-bottom: 1px solid #ab69a1;
    z-index: 10;
  }
  .page-top .box-tx-day__v2 .tx-day {
    font-size: 24px;
    line-height: 1.6;
    text-align: center;
    font-weight: bold;
    text-shadow: -1px -1px 3px white;
  }
}

@media (max-width: 959px) {
  .page-top .box-tx-day__v2 {
    position: absolute;
    bottom: -24vw;
    width: 100%;
    padding: 37.66vw 5.3vw 0;
    z-index: 101;
  }
  .page-top .box-tx-day__v2 .box-tx-in {
    padding: 2.6vw 0;
    border-top: 1px solid #ab69a1;
    border-bottom: 1px solid #ab69a1;
  }
  .page-top .box-tx-day__v2 .tx-day {
    font-size: 4vw;
    font-weight: bold;
    line-height: 1.4;
  }
}
*/

.page-top .bt-pretop-wrap {
  width: 100%;
}

@media (min-width: 960px) {
  .page-top .bt-pretop-wrap {
    padding: 1vw 5vw 0;
    height: 5vw;
  }
}

@media (max-width: 959px) {
  .page-top .bt-pretop-wrap {
    margin-top: 2.6vw;
    padding: 0 14.66vw;
  }
}

.page-top .bt-pretop-wrap a {
  width: 100%;
	 background: linear-gradient(to right, #BBBBBB 0%, #888888 51%, #BBBBBB 100%);
/*  background: linear-gradient(to right, #d382b1 0%, #7a57b2 51%, #d382b1 100%);上記デザイン部の色に揃える*/
  background-size: 200% auto;
  transition: .3s;
}

@media (min-width: 960px) {
  .page-top .bt-pretop-wrap a {
    padding: .3vw;
    font-size: 1.5vw/*1.2vw デザイン部の数字*/;
  }
}

.page-top .bt-pretop-wrap a:hover {
  background-position: right center;
}

@media (min-width: 960px) {
  .page-top .bt-pretop-wrap .ico-square {
    width: .6vw;
    height: .6vw;
  }
}

.page-top .box-tx-day {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
	letter-spacing: .08rem;/*.2rem;デザイン部の数字*/
}

@media (min-width: 960px) {
  .page-top .box-tx-day {
    padding-top: 1.6vw;
    font-size: 3vw;
  }
}

@media (max-width: 959px) {
  .page-top .box-tx-day {
    padding-top: 17.33vw;
    font-size: 8vw;
	  font-family: mrs-eaves-xl-serif, serif;/*デザイン部フォント追加*/
  }
}

@media (min-width: 960px) {
  .page-top .box-tx-day .tx-small {
    font-size: 2.5vw;/*1.6vw;デザイン部*/
	  font-family: mrs-eaves-xl-serif, serif;/*デザイン部*/
  }
}

@media (max-width: 959px) {
  .page-top .box-tx-day .tx-small {
    font-size: 5.333vw;
	  font-family: mrs-eaves-xl-serif, serif;/*デザイン部*/
  }
}

.page-top .box-tx-day .tx-pink {
  color: #d281b1;
	font-family: mrs-eaves-xl-serif, serif;/*デザイン部*/
}

@media (min-width: 960px) {
  .page-top .logo-top {
    position: relative;
    width: 80%;
    margin: 0 auto;
    z-index: 10;
  }
  .page-top .logo-top img {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .page-top .logo-top {
    position: absolute;
    top: -56.666vw;/*-54.666vw;デザイン部*/
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 20;
  }
}

.page-top .logo-top img {
  width: 100%;
}

@media (min-width: 960px) {
  .page-top .bnr-top {
    padding: 2vw 5vw 0;
  }
}

@media (max-width: 959px) {
  .page-top .bnr-top {
    padding: 4vw 8vw 0;
  }
}

.page-top .bnr-top a {
  display: block;
}

@media (min-width: 960px) {
  .page-top .bnr-top a:hover {
    opacity: .8;
  }
}

.page-top .bnr-top img {
  width: 100%;
}
/*info-wrap　マニュアルにない
.page-top .info-wrap {
  position: relative;
  z-index: 3;
}

.page-top .info-wrap::before {
  position: absolute;
  content: "";
}

@media (min-width: 960px) {
  .page-top .info-wrap::before {
    top: -250px;
    left: 0;
    width: 283px;
    height: 363px;
    background: url(../images/top/bg_wave_2.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-top .info-wrap::before {
    top: -10.6vw;
    left: 0;
    width: 36.266vw;
    height: 49.33vw;
    background: url(../images/top/bg_wave_2_sp.png) no-repeat;
    background-size: cover;
  }
}

.page-top .info-wrap::before.is-tmb-third {
  background: url(/images/top/bt_third_on.jpg) no-repeat;
  background-size: contain;
}

.page-top .info-wrap::before.is-tmb-fourth {
  background: url(/images/top/bt_fourth_on.jpg) no-repeat;
  background-size: contain;
}

.page-top .info-wrap::before.is-tmb-fifth {
  background: url(/images/top/bt_fifth_on.jpg) no-repeat;
  background-size: contain;
}

.page-top .info-wrap::before.is-tmb-all {
  background: url(/images/top/bt_all_on.jpg) no-repeat;
  background-size: contain;
}

.page-top .info-wrap::before.is-tmb-third {
  background: url(/images/top/bt_third_on.jpg) no-repeat;
  background-size: contain;
}

.page-top .info-wrap::before.is-tmb-fourth {
  background: url(/images/top/bt_fourth_on.jpg) no-repeat;
  background-size: contain;
}

.page-top .info-wrap::before.is-tmb-fifth {
  background: url(/images/top/bt_fifth_on.jpg) no-repeat;
  background-size: contain;
}

.page-top .info-wrap::before.is-tmb-all {
  background: url(/images/top/bt_all_on.jpg) no-repeat;
  background-size: contain;
}

@media (min-width: 960px) {
  .page-top .info-wrap {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-top .info-wrap {
    padding-top: 8vw;
  }
}

.page-top .info-wrap .info-inner {
  position: relative;
  z-index: 2;
}

@media (min-width: 960px) {
  .page-top .info-wrap .info-inner {
    display: flex;
  }
}

@media (min-width: 960px) {
  .page-top .info-wrap .news-in,
  .page-top .info-wrap .twitter-in {
    width: 50%;
  }
}

.page-top .info-wrap .box-news {
  color: #fff;
  margin-left: auto;
  scrollbar-width: none;
  overflow-y: scroll;
}

.page-top .info-wrap .box-news::-webkit-scrollbar {
  display: none;
}

@media (min-width: 960px) {
  .page-top .info-wrap .box-news {
    width: 540px;
    height: 340px;
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-top .info-wrap .box-news {
    height: 55.999vw;
    font-size: 3.2vw;
  }
}

.page-top .info-wrap .news-in {
  background: url(/images/common/bg_pink_b.jpg) repeat;
}

@media (min-width: 960px) {
  .page-top .info-wrap .news-in {
    padding: 30px 30px 30px 0;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
  }
}

@media (max-width: 959px) {
  .page-top .info-wrap .news-in {
    padding: 5.3vw;
  }
}

.page-top .info-wrap .item-news {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #fff;
}

@media (min-width: 960px) {
  .page-top .info-wrap .item-news {
    height: 110px;
  }
}

@media (max-width: 959px) {
  .page-top .info-wrap .item-news {
    height: 18.66vw;
  }
}

.page-top .info-wrap .item-news .date-news {
  display: flex;
  align-items: center;
}

.page-top .info-wrap .item-news .ico-new {
  margin-left: 1em;
  color: #ab69a1;
  background: #ffe360;
}

@media (min-width: 960px) {
  .page-top .info-wrap .item-news .ico-new {
    padding: .2em;
    font-size: 12px;
  }
}

@media (max-width: 959px) {
  .page-top .info-wrap .item-news .ico-new {
    padding: .1em;
    font-size: 2vw;
  }
}

.page-top .info-wrap .item-news a {
  color: #ffe360;
  text-decoration: none;
}

.page-top .info-wrap .item-news a:hover {
  text-decoration: underline;
}

@media (min-width: 960px) {
  .page-top .info-wrap .tx-news {
    padding-top: 10px;
  }
}

@media (max-width: 959px) {
  .page-top .info-wrap .tx-news {
    padding-top: 1.3vw;
  }
}

@media (min-width: 960px) {
  .page-top .info-wrap .twitter-in {
    width: 540px;
    padding-left: 40px;
  }
}

@media (max-width: 959px) {
  .page-top .info-wrap .twitter-in {
    margin-top: 5.3vw;
    padding: 0 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-top .info-wrap .widget-in {
    height: 310px;
    margin-right: auto;
  }
}

@media (max-width: 959px) {
  .page-top .info-wrap .widget-in {
    height: 59.99vw;
  }
}

@media (min-width: 960px) {
  .page-top .info-wrap .bt-follow-wrap {
    margin: 20px auto 0;
  }
}

@media (max-width: 959px) {
  .page-top .info-wrap .bt-follow-wrap {
    margin-top: 5.3vw;
    padding: 0 8vw;
  }
}

.page-top .info-wrap .bt-follow-wrap a {
  background: linear-gradient(to right, #63baf1 0%, #3972bf 51%, #63baf1 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-top .info-wrap .bt-follow-wrap a:hover {
  background-position: right center;
}
info-wrapない　ここまで*/

/* twitter関連
.page-top .twitter-wrap {
  position: relative;
  z-index: 30;
}

.page-top .twitter-inner {
  border-radius: 3px;
  background-color: #ab69a1;
}

.page-top .twitter-inner .widget-in {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 20;
}

@media (min-width: 960px) {
  .page-top .twitter-inner {
    width: 920px;
    height: 400px;
    margin: 20px auto 0;
    padding: 20px;
  }
}

@media (max-width: 959px) {
  .page-top .twitter-inner {
    width: 100%;
    height: 66.666vw;
  }
}
twetterここまで
*/

.page-top .movie-wrap {
  position: relative;
  background: url(https://www.koeitecmoamerica.com/manual/touken-warriors/en/images/top/bg_sakura_mov.png) no-repeat;
  background-position: center;
  background-size: 85%;
}

@media (min-width: 960px) {
  .page-top .movie-wrap {
    padding: 90px 0;
    overflow: hidden;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap {
    padding-top: 13vw;
  }
}

.page-top .movie-wrap .mov-in {
  position: relative;
}

@media (min-width: 960px) {
  .page-top .movie-wrap .mov-in {
    width: 1200px;
    margin: 0 auto;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .mov-in {
    height: 137.333vw;
  }
}

.page-top .movie-wrap .ttl-mov {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  z-index: 11;
}

@media (min-width: 960px) {
  .page-top .movie-wrap .ttl-mov {
    top: 108px/*102px でざ*/;
    width: 162px/*62px でざ*/;
    height: 68px/*128px　でざ*/;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .ttl-mov {
    top: 16vw;/*14.933vw;　で座*/
    width: 20vw;/*10.66vw;　で座*/
  }
}

.page-top .movie-wrap .ttl-mov img {
  width: 100%;
}

/*　catch-movマニュアルにない
.page-top .movie-wrap .catch-mov {
  position: absolute;
  z-index: 10;
}

@media (min-width: 960px) {
  .page-top .movie-wrap .catch-mov {
    top: 130px;
    right: 150px;
    width: 229px;
    height: 270px;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .catch-mov {
    top: 10.66vw;
    right: 2.6vw;
    width: 34.6666vw;
  }
}

.page-top .movie-wrap .catch-mov img {
  width: 100%;
}
*/

/*c-mov　ない
.page-top .movie-wrap .c-mov {
  display: flex;
  justify-content: center;
  align-items: center;
  border: .2em solid #7a57b2;
  border-radius: 50%;
  overflow: hidden;
  z-index: 2;
}

@media (min-width: 960px) {
  .page-top .movie-wrap .c-mov {
    position: relative;
    margin: 0 auto;
    width: 900px;
    height: 900px;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .c-mov {
    position: absolute;
    left: 50%;
    width: 119.999vw;
    height: 119.999vw;
    transform: translate(-50%, 0);
  }
}

.page-top .movie-wrap .c-mov span {
  display: block;
  overflow: hidden;
  position: relative;
  border: .5rem solid #7a57b2;
  clip-path: circle(50% at 50% 50%);
  border-radius: 50%;
}

@media (min-width: 960px) {
  .page-top .movie-wrap .c-mov span {
    height: 884px;
    width: 884px;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .c-mov span {
    width: 117.3vw;
    height: 117.3vw;
  }
}

.page-top .movie-wrap .c-mov video {
  position: absolute;
  display: block;
  left: 50%;
  height: 100%;
  transform: translate(-50%, 0);
}

@media (min-width: 960px) {
  .page-top .movie-wrap .c-mov video {
    top: 0;
    width: 200%;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .c-mov video {
    width: 200%;
  }
}

.page-top .movie-wrap .c-mov .bt-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: .3s ease;
  z-index: 10;
}

@media (min-width: 960px) {
  .page-top .movie-wrap .c-mov .bt-play {
    width: 122px;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .c-mov .bt-play {
    width: 19.999vw;
  }
}

.page-top .movie-wrap .c-mov .bt-play img {
  width: 100%;
}

.page-top .movie-wrap .c-mov a:hover .bt-play {
  transform: translate(-50%, -50%) scale(1.1);
}
*/

/*pic-movbg　ない
.page-top .movie-wrap .pic-movbg {
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, 0);
  pointer-events: none;
  z-index: 3;
}

@media (max-width: 959px) {
  .page-top .movie-wrap .pic-movbg__up, .page-top .movie-wrap .pic-movbg__down {
    width: 39.6666vw;
    z-index: 1;
  }
}

.page-top .movie-wrap .pic-movbg__up, .page-top .movie-wrap .pic-movbg__down,
.page-top .movie-wrap .pic-movbg .pic-cloud__up,
.page-top .movie-wrap .pic-movbg .pic-cloud__down,
.page-top .movie-wrap .pic-movbg .pic_ptmov__up,
.page-top .movie-wrap .pic-movbg .pic_ptmov__down {
  position: absolute;
}

.page-top .movie-wrap .pic-movbg__up img, .page-top .movie-wrap .pic-movbg__down img,
.page-top .movie-wrap .pic-movbg .pic-cloud__up img,
.page-top .movie-wrap .pic-movbg .pic-cloud__down img,
.page-top .movie-wrap .pic-movbg .pic_ptmov__up img,
.page-top .movie-wrap .pic-movbg .pic_ptmov__down img {
  width: 100%;
}

.page-top .movie-wrap .pic-movbg__up {
  transform: rotate(180deg);
}

@media (min-width: 960px) {
  .page-top .movie-wrap .pic-movbg__up {
    width: 25%;
    top: -100px;
    right: 0;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .pic-movbg__up {
    top: -22.99vw;
    right: -20.33vw;
  }
}

.page-top .movie-wrap .pic-movbg__down {
  transform: rotate(-180deg);
}

@media (min-width: 960px) {
  .page-top .movie-wrap .pic-movbg__down {
    width: 25%;
    bottom: -140px;
    left: 0;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .pic-movbg__down {
    left: -20.33vw;
    bottom: 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-top .movie-wrap .pic-movbg .pic-cloud__up {
    top: 100px;
    left: -10px;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .pic-movbg .pic-cloud__up {
    top: 5.3vw;
    left: -25.66vw;
    width: 61.19vw;
  }
}

@media (min-width: 960px) {
  .page-top .movie-wrap .pic-movbg .pic-cloud__down {
    right: 75px;
    bottom: 80px;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .pic-movbg .pic-cloud__down {
    bottom: 21.3vw;
    right: -12.66vw;
    width: 54.53vw;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .pic-movbg .pic_ptmov__up,
  .page-top .movie-wrap .pic-movbg .pic_ptmov__down {
    width: 17.59vw;
  }
}

@media (min-width: 960px) {
  .page-top .movie-wrap .pic-movbg .pic_ptmov__up {
    top: 200px;
    left: 110px;
  }
}

@media (max-width: 959px) {
  .page-top .movie-wrap .pic-movbg .pic_ptmov__up {
    top: 18.53vw;
    left: -10.66vw;
  }
}

.page-top .movie-wrap .pic-movbg .pic_ptmov__down {
  bottom: 180px;
  right: 120px;
}

@media (max-width: 959px) {
  .page-top .movie-wrap .pic-movbg .pic_ptmov__down {
    bottom: 34.3vw;
    right: -8vw;
  }
}
*/

/*　ft-bnr-wrap　ない
.page-top .ft-bnr-wrap {
  position: relative;
  background: url(/images/top/bg_ft_bnr.jpg) repeat;
  background-color: #19315c;
  z-index: 10;
}

@media (min-width: 960px) {
  .page-top .ft-bnr-wrap .ft-bnr-inner {
    width: 1200px;
    margin: 0 auto;
  }
}

@media (max-width: 959px) {
  .page-top .ft-bnr-wrap .ft-bnr-inner {
    padding: 0 2.6vw;
  }
}

.page-top .ft-bnr-wrap .list-ft-bnr {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

@media (min-width: 960px) {
  .page-top .ft-bnr-wrap .list-ft-bnr {
    padding: 40px 0;
  }
}

@media (max-width: 959px) {
  .page-top .ft-bnr-wrap .list-ft-bnr {
    padding: 6.66vw 0;
  }
}

@media (min-width: 960px) {
  .page-top .ft-bnr-wrap .list-ft-bnr li {
    width: 270px;
    margin: 10px;
  }
}

@media (max-width: 959px) {
  .page-top .ft-bnr-wrap .list-ft-bnr li {
    width: 45%;
    margin: 1.3vw;
  }
  .page-top .ft-bnr-wrap .list-ft-bnr li img {
    width: 100%;
  }
}

.page-top .ft-bnr-wrap .list-ft-bnr a {
  transition: .3s ease;
}

.page-top .ft-bnr-wrap .list-ft-bnr a:hover {
  opacity: .9;
}
*/

/* --- project _top.scss --- */
.page-error {
  position: relative;
  animation: fadeIn 1s ease-in;
}

@media (max-width: 959px) {
  .page-error {
    padding: 0 5.3vw 16.33vw;
  }
}

.page-error .error-wrap {
  position: relative;
  width: 100%;
}

@media (min-width: 960px) {
  .page-error .error-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 0 120px;
    min-height: 100vh;
    text-align: center;
  }
}

@media (min-width: 960px) {
  .page-error .error-wrap .logo {
    width: 300px;
    margin: 0 auto;
  }
}

@media (max-width: 959px) {
  .page-error .error-wrap .logo {
    padding: 10.33vw 23.33vw 0;
  }
}

.page-error .error-wrap .logo img {
  width: 100%;
}

.page-error .error-wrap .tx-ttl {
  text-align: center;
}

@media (min-width: 960px) {
  .page-error .error-wrap .tx-ttl {
    padding-top: 30px;
    font-size: 40px;
  }
}

@media (max-width: 959px) {
  .page-error .error-wrap .tx-ttl {
    padding-top: 5.3vw;
  }
}

.page-error .error-wrap .tx-capt {
  text-align: center;
}

@media (min-width: 960px) {
  .page-error .error-wrap .tx-capt {
    padding-top: 10px;
  }
}

@media (max-width: 959px) {
  .page-error .error-wrap .tx-capt {
    padding-top: 4vw;
  }
}

.page-error .error-wrap .tx-error {
  line-height: 1.8;
}

@media (min-width: 960px) {
  .page-error .error-wrap .tx-error {
    padding-top: 20px;
  }
}

@media (max-width: 959px) {
  .page-error .error-wrap .tx-error {
    padding-top: 4vw;
  }
}

@media (min-width: 960px) {
  .page-error .error-wrap .widget-in {
    margin-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-error .error-wrap .widget-in {
    margin-top: 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-error .error-wrap .bt-back-wrap {
    padding-top: 40px;
  }
}

@media (max-width: 959px) {
  .page-error .error-wrap .bt-back-wrap {
    padding-top: 5.3vw;
  }
}

.page-error .error-wrap .bt-back-wrap .bt-back {
  background: #232323;
}

@media (min-width: 960px) {
  .page-error .error-wrap .bt-back-wrap .bt-back {
    margin: 0 auto;
    width: 240px;
    height: 50px;
  }
}

@media (max-width: 959px) {
  .page-error .error-wrap .bt-back-wrap .bt-back {
    padding: 0 13.33vw;
    height: 13.33vw;
  }
}

.page-error .error-wrap .bt-back-wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  letter-spacing: .3em;
  text-decoration: none;
  transition: .3s ease;
}

.page-error .error-wrap .bt-back-wrap a:hover {
  background: #ab69a1;
}

/* --- project _top.scss --- */
/* -- Btn -- */
.bt-large a,
.bt-middle a,
.bt-small a,
.bt-small-v2 a,
.bt-tiny a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: .3em;
  color: #fff;
  text-decoration: none;
  border-radius: .5rem;
}

.bt-large a::before,
.bt-middle a::before,
.bt-small a::before,
.bt-small-v2 a::before,
.bt-tiny a::before {
  position: absolute;
  top: 50%;
  right: .3em;
  display: block;
  height: 1px;
  background: #fff;
  transform: translate(0, -50%);
  content: "";
}

.bt-large .in-border,
.bt-middle .in-border,
.bt-small .in-border,
.bt-small-v2 .in-border,
.bt-tiny .in-border {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid #fff;
  border-radius: .25rem;
  text-align: center;
}

.bt-large .ico-square,
.bt-middle .ico-square,
.bt-small .ico-square,
.bt-small-v2 .ico-square,
.bt-tiny .ico-square {
  position: absolute;
  top: 50%;
  right: .1rem;
  width: .5em;
  height: .5em;
  margin: auto;
  background: #fff;
  overflow: hidden;
  transform: translate(0, -50%) rotate(45deg);
}

@media (min-width: 960px) {
  .bt-large {
    width: 480px;
    height: 70px;
  }
}

@media (max-width: 959px) {
  .bt-large {
    height: 11.999vw;
  }
}

@media (min-width: 960px) {
  .bt-large a {
    font-size: 20px;
  }
  .bt-large a::before {
    width: 60px;
  }
}

@media (max-width: 959px) {
  .bt-large a {
    font-size: 4vw;
  }
  .bt-large a::before {
    width: 10.33vw;
  }
}

@media (min-width: 960px) {
  .bt-large-buy {
    height: 70px;
  }
}

@media (min-width: 960px) {
  .bt-large-buy a::before {
    top: 35px;
  }
}

@media (min-width: 960px) {
  .bt-middle {
    width: 350px;
    height: 70px;
  }
}

@media (max-width: 959px) {
  .bt-middle {
    width: 49.33vw;
    height: 10.33vw;
  }
}

@media (min-width: 960px) {
  .bt-middle a {
    font-size: 18px;
  }
  .bt-middle a::before {
    width: 40px;
  }
}

@media (max-width: 959px) {
  .bt-middle a {
    font-size: 3.2vw;
  }
  .bt-middle a::before {
    width: 5.3vw;
  }
}

@media (min-width: 960px) {
  .bt-small-v2 {
    width: 290px;
    height: 70px;
  }
}

@media (max-width: 959px) {
  .bt-small-v2 {
    width: 49.33vw;
    height: 10.33vw;
  }
}

@media (min-width: 960px) {
  .bt-small-v2 a {
    font-size: 18px;
  }
  .bt-small-v2 a::before {
    width: 40px;
  }
}

@media (max-width: 959px) {
  .bt-small-v2 a {
    font-size: 3.2vw;
  }
  .bt-small-v2 a::before {
    width: 3vw;
  }
}

@media (min-width: 960px) {
  .bt-small {
    width: 250px;
    height: 60px;
  }
}

@media (max-width: 959px) {
  .bt-small {
    height: 10.33vw;
  }
}

@media (min-width: 960px) {
  .bt-small a::before {
    width: 30px;
  }
}

@media (max-width: 959px) {
  .bt-small a {
    font-size: 3.2vw;
  }
  .bt-small a::before {
    width: 5.3vw;
  }
}

@media (min-width: 960px) {
  .bt-tiny {
    width: 190px;
    height: 50px;
  }
}

@media (max-width: 959px) {
  .bt-tiny {
    width: 38.666vw;
    height: 10.33vw;
  }
}

@media (min-width: 960px) {
  .bt-tiny a {
    font-size: 16px;
  }
  .bt-tiny a::before {
    width: 40px;
  }
}

@media (max-width: 959px) {
  .bt-tiny a {
    font-size: 3.2vw;
  }
  .bt-tiny a::before {
    width: 5.3vw;
  }
}

.btn-close {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
}

.btn-close img {
  width: 100%;
}

@media (max-width: 959px) {
  .btn-close {
    width: 10.33vw;
    height: 10.33vw;
    margin: 5.3vw;
  }
}

@media (min-width: 960px) {
  .btn-close {
    padding: 30px 20px 20px;
  }
  .btn-close img {
    width: 80%;
  }
}

.bt-popup {
  display: block;
  position: relative;
  line-height: 0;
}

.bt-popup::after {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(https://www.koeitecmoamerica.com/images/common/bt_pic_up.png) no-repeat;
  background-size: cover;
  content: "";
}

@media (min-width: 960px) {
  .bt-popup::after {
    width: 60px;
    height: 60px;
  }
}

@media (max-width: 959px) {
  .bt-popup::after {
    width: 10.33vw;
    height: 10.33vw;
  }
}

/* -- hover -- */
.h-sl-mask {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 0;
  overflow: hidden;
}

.h-sl-mask::before {
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  transform: skewX(0);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
  z-index: 2;
  content: "";
}

.h-sl-mask:hover::before {
  animation: cMask 0.7s;
}

/* -- sakura -- */
.sakura {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 100;
  pointer-events: none;
}

.sakura span {
  position: absolute;
  list-style: none;
  top: -50px;
  animation: sakura 4s linear infinite;
}

.sakura span:nth-child(1) {
  left: 0%;
  width: 105px;
  height: 10px;
  animation: sakura 10s linear infinite, fall 3s ease-in-out infinite alternate;
  animation-delay: 2s;
  background: url(https://www.koeitecmoamerica.com/images/common/particle/c_1.png) no-repeat;
  background-size: contain;
}

.sakura span:nth-child(2) {
  left: 5%;
  width: 35px;
  height: 10px;
  animation: sakura 15s linear infinite, fall_v3 2s ease-in-out infinite alternate;
  animation-delay: 8s;
  background: url(https://www.koeitecmoamerica.com/images/common/particle/c_2.png) no-repeat;
  background-size: contain;
}

.sakura span:nth-child(3) {
  left: 15%;
  width: 20px;
  height: 14px;
  animation: sakura 9s linear infinite, fall 3.5s ease-in-out infinite alternate;
  animation-delay: 13s;
  background: url(https://www.koeitecmoamerica.com/images/common/particle/c_3.png) no-repeat;
  background-size: contain;
}

.sakura span:nth-child(4) {
  left: 30%;
  width: 18px;
  height: 12px;
  animation: sakura 8s linear infinite, fall_v2 4s ease-in-out infinite alternate;
  animation-delay: 7s;
  background: url(https://www.koeitecmoamerica.com/images/common/particle/c_4.png) no-repeat;
  background-size: contain;
}

.sakura span:nth-child(5) {
  left: 40%;
  width: 20px;
  height: 14px;
  animation: sakura 10s linear infinite, fall 4s ease-in-out infinite alternate;
  animation-delay: 0s;
  background: url(https://www.koeitecmoamerica.com/images/common/particle/c_5.png) no-repeat;
  background-size: contain;
}

.sakura span:nth-child(6) {
  left: 55%;
  width: 24px;
  height: 15px;
  animation: sakura 11s linear infinite, fall_v2 3s ease-in-out infinite alternate;
  animation-delay: 3s;
  background: url(https://www.koeitecmoamerica.com/images/common/particle/c_1.png) no-repeat;
  background-size: contain;
}

.sakura span:nth-child(7) {
  left: 65%;
  width: 24px;
  height: 18px;
  animation: sakura 7s linear infinite, fall_v2 3.5s ease-in-out infinite alternate;
  animation-delay: 7s;
  background: url(https://www.koeitecmoamerica.com/images/common/particle/c_2.png) no-repeat;
  background-size: contain;
}

.sakura span:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 21px;
  animation: sakura 7s linear infinite, fall_v3 3s ease-in-out infinite alternate;
  animation-delay: 3s;
  background: url(https://www.koeitecmoamerica.com/images/common/particle/c_3.png) no-repeat;
  background-size: contain;
}

.sakura span:nth-child(9) {
  left: 80%;
  width: 22px;
  height: 16px;
  animation: sakura 10s linear infinite, fall_v2 4s ease-in-out infinite alternate;
  animation-delay: 4s;
  background: url(https://www.koeitecmoamerica.com/images/common/particle/c_4.png) no-repeat;
  background-size: contain;
}

.sakura span:nth-child(10) {
  left: 100%;
  width: 20px;
  height: 14px;
  animation: sakura 9s linear infinite, fall_v2 2s ease-in-out infinite alternate;
  animation-delay: 9s;
  background: url(https://www.koeitecmoamerica.com/images/common/particle/c_5.png) no-repeat;
  background-size: contain;
}

@keyframes sakura {
  to {
    top: 120%;
  }
}

@keyframes fall {
  from {
    transform: translateX(0px) rotate(360deg);
  }
  to {
    transform: translateX(200px) rotate(0deg);
  }
}

@keyframes fall_v2 {
  from {
    transform: translateX(200px) rotate(-45deg);
  }
  to {
    transform: translateX(0px) rotate(180deg);
  }
}

@keyframes fall_v3 {
  from {
    transform: translateX(100px) rotate(90deg);
  }
  to {
    transform: translateX(-100px) rotate(-90deg);
  }
}

/* --- project _top.scss --- */
.page-product {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-product::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: .6;
  content: "";
}

@media (min-width: 960px) {
  .page-product::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-product::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-product {
    background: url(https://www.koeitecmoamerica.com/images/product/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-product::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-product::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/product/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-product::after {
    height: 60.933vw;
    background-size: contain;
  }
}

.page-product img {
  width: 100%;
}

.page-product .product-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-product .product-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-product .product-wrap {
    padding: 14.666vw 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-product .ttl-cont {
    width: 335px;
  }
  .page-product .ttl-cont img {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .page-product .ttl-cont {
    padding-left: 2.6vw;
    height: 7.999vw;
  }
  .page-product .ttl-cont img {
    width: auto;
    height: 100%;
  }
}

.page-product .tab-product {
  display: flex;
  justify-content: center;
}

@media (min-width: 960px) {
  .page-product .tab-product {
    width: 800px;
    margin: 0 auto;
    padding-top: 70px;
  }
}

@media (max-width: 959px) {
  .page-product .tab-product {
    padding-top: 5.3vw;
  }
}

.page-product .tab-product .list-product {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

@media (min-width: 960px) {
  .page-product .tab-product .list-product__item {
    margin-top: 20px;
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-product .tab-product .list-product__item {
    margin-top: 2.6vw;
    font-size: 4vw;
  }
}

.page-product .tab-product .list-product__item:not(:last-child) {
  border-right: 1px solid #232323;
}

@media (min-width: 960px) {
  .page-product .tab-product .list-product__item:not(:last-child) {
    padding-right: 30px;
  }
}

@media (max-width: 959px) {
  .page-product .tab-product .list-product__item:not(:last-child) {
    padding-right: 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-product .tab-product .list-product__item:not(:first-child) {
    padding-left: 30px;
  }
}

@media (max-width: 959px) {
  .page-product .tab-product .list-product__item:not(:first-child) {
    padding-left: 5.3vw;
  }
}

.page-product .tab-product .list-product a {
  position: relative;
  color: #232323;
}

@media (min-width: 960px) {
  .page-product .tab-product .list-product a {
    display: inline-block;
    padding-bottom: 4px;
  }
  .page-product .tab-product .list-product a::after {
    display: block;
    position: absolute;
    width: 0;
    bottom: 0;
    left: 50%;
    height: 1px;
    background-color: #ab69a1;
    transition: .3s all;
    transform: translateX(-50%);
    content: '';
  }
  .page-product .tab-product .list-product a:hover::after {
    width: 100%;
  }
}

@media (min-width: 960px) {
  .page-product .box-product {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product {
    padding-top: 10.66vw;
  }
}

.page-product .box-product__seasonpass .tx-seasonpass {
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 960px) {
  .page-product .box-product__seasonpass .tx-seasonpass {
    margin-bottom: 20px;
    font-size: 20px;
    text-align: center;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__seasonpass .tx-seasonpass {
    margin-bottom: 2.6vw;
    font-size: 3vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__seasonpass .sub-capt {
    margin-top: 20px;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__seasonpass .pic-details {
    padding: 0 100px;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__seasonpass .tx-details {
    padding: 0 100px;
  }
}

.page-product .box-product__seasonpass .tx-details__price {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

@media (min-width: 960px) {
  .page-product .box-product__seasonpass .tx-details__price {
    padding-top: 20px;
    font-size: 32px;
    letter-spacing: .6rem;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__seasonpass .tx-details__price {
    padding-top: 4vw;
    font-size: 5.3vw;
  }
}

.page-product .box-product__seasonpass .tx-details__price .sp-price_pink {
  color: #ab69a1;
}

@media (min-width: 960px) {
  .page-product .box-product__seasonpass .tx-details__price .sp-price_pink {
    padding-left: 10px;
    font-size: 50px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__seasonpass .tx-details__price .sp-price_pink {
    padding-left: 1.3vw;
    font-size: 6.66vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__seasonpass .tx-details__price .sp-price_small {
    padding-top: 20px;
    font-size: 20px;
    letter-spacing: .1rem;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__seasonpass .tx-details__price .sp-price_small {
    padding-top: 2.6vw;
    font-size: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__seasonpass .tx-details .tx-secondary {
    padding: 10px 0;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__seasonpass .tx-details .tx-secondary {
    padding: 2vw 0;
  }
}

.page-product .box-product__seasonpass .tx-details ul {
  line-height: 1.6;
}

.page-product .box-product__seasonpass .flex-bt-seasonpass {
  display: flex;
}

@media (min-width: 960px) {
  .page-product .box-product__seasonpass .flex-bt-seasonpass {
    justify-content: center;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__seasonpass .flex-bt-seasonpass {
    justify-content: space-between;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__seasonpass .bt-buy-wrap {
    margin: 20px 10px 0;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__seasonpass .bt-buy-wrap {
    margin: 2.6vw 1.3vw;
    width: 50%;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__normal .tx-details {
    width: 520px;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__normal .tx-details__price {
    padding: 30px 20px 0;
    font-size: 24px;
  }
  .page-product .box-product__normal .tx-details__price span {
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__normal .tx-details__price {
    padding: 4vw 0 0;
    font-size: 5.3vw;
    text-align: center;
  }
  .page-product .box-product__normal .tx-details__price span {
    font-size: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__normal .bt-buy-wrap {
    margin: 20px 0 0;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__normal .bt-buy-wrap {
    margin: 4vw auto 0;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__special {
    padding-top: 120px;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__special .tx-details {
    padding: 0 70px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__special .tx-details {
    padding: 0 2.6vw;
  }
}

.page-product .box-product__special .tx-details__price {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1;
}

@media (min-width: 960px) {
  .page-product .box-product__special .tx-details__price {
    padding-top: 40px;
    font-size: 32px;
    letter-spacing: .6rem;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__special .tx-details__price {
    padding-top: 4vw;
    font-size: 5.3vw;
  }
}

.page-product .box-product__special .tx-details__price .sp-price_pink {
  color: #ab69a1;
}

@media (min-width: 960px) {
  .page-product .box-product__special .tx-details__price .sp-price_pink {
    padding-left: 10px;
    font-size: 50px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__special .tx-details__price .sp-price_pink {
    padding-left: 1.3vw;
    font-size: 6.66vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__special .tx-details__price .sp-price_small {
    padding-top: 20px;
    font-size: 20px;
    letter-spacing: .1rem;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__special .tx-details__price .sp-price_small {
    padding-top: 2.6vw;
    font-size: 2.6vw;
  }
}

.page-product .box-product__special .list-special {
  border-bottom: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-product .box-product__special .list-special {
    padding: 40px 0;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__special .list-special {
    padding: 4vw 0;
  }
}

.page-product .box-product__special ol {
  counter-reset: li;
}

.page-product .box-product__special .details-special {
  position: relative;
  list-style: none;
}

@media (min-width: 960px) {
  .page-product .box-product__special .details-special:not(:first-child) {
    padding-top: 30px;
  }
  .page-product .box-product__special .details-special:not(:first-child)::before {
    top: 30px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__special .details-special:not(:first-child) {
    padding-top: 4vw;
  }
}

.page-product .box-product__special .details-special::before {
  position: absolute;
  left: 0;
  color: #ab69a1;
  counter-increment: li;
  content: counter(li) ".";
}

@media (min-width: 960px) {
  .page-product .box-product__special .details-special::before {
    font-weight: bold;
    font-size: 28px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__special .details-special::before {
    font-size: 5.3vw;
  }
}

.page-product .box-product__special .details-special__capt {
  padding-left: 1em;
  color: #ab69a1;
  font-weight: bold;
}

@media (min-width: 960px) {
  .page-product .box-product__special .details-special__capt {
    font-size: 28px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__special .details-special__capt {
    font-size: 5.3vw;
  }
}

.page-product .box-product__special .details-special__tx {
  line-height: 1.6;
}

@media (min-width: 960px) {
  .page-product .box-product__special .details-special__tx {
    padding-top: 10px;
    font-size: 16px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__special .details-special__tx {
    padding-top: 1.3vw;
    font-size: 3.2vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__special .bt-buy-wrap {
    margin: 40px auto 50px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__special .bt-buy-wrap {
    margin: 5.3vw auto 0;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__early {
    padding-top: 120px;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__early .pic-details {
    width: 520px;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__early .tx-details {
    width: 520px;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__early .tx-details__in {
    padding: 30px 20px 0;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__early .tx-details__in {
    padding: 4vw 2.6vw 0;
  }
}

.page-product .box-product__early .tx-details p {
  border-bottom: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-product .box-product__early .tx-details p {
    padding-bottom: 30px;
    font-size: 18px;
    line-height: 1.8;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__early .tx-details p {
    padding-bottom: 4vw;
    font-size: 3.2vw;
    line-height: 1.6;
  }
}

.page-product .box-product__early .tx-details .list-caution {
  padding-top: 30px;
}

@media (min-width: 960px) {
  .page-product .box-product__store {
    padding-top: 120px;
  }
}

.page-product .box-product__store .tx-secondary {
  text-align: center;
}

@media (min-width: 960px) {
  .page-product .box-product__store .tx-secondary {
    padding-top: 30px;
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__store .tx-secondary {
    padding-top: 4vw;
    font-size: 3vw;
  }
}

.page-product .box-product__store .list-store {
  display: flex;
  flex-wrap: wrap;
}

.page-product .box-product__store .details-store {
  position: relative;
  border: 1px solid #ab69a1;
  background: #fff;
}

@media (min-width: 960px) {
  .page-product .box-product__store .details-store:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__store .details-store:nth-child(2n) {
    margin-right: 0;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__store .details-store {
    width: 32%;
    margin: 0 2% 20px 0;
    padding: 20px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__store .details-store {
    width: 49%;
    margin: 0 2% 2.6vw 0;
    padding: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__store .details-store .box-store {
    padding-bottom: 80px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__store .details-store .box-store {
    padding-bottom: 13.33vw;
  }
}

.page-product .box-product__store .details-store .name-store {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  background: #f0f0f0;
  text-align: center;
}

@media (min-width: 960px) {
  .page-product .box-product__store .details-store .name-store {
    height: 50px;
    padding: 0 5px;
    font-size: 20px;
    line-height: 1.2;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__store .details-store .name-store {
    height: 10.33vw;
    padding: 0 1.3vw;
    font-size: 3vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__store .details-store .pic-store {
    padding-top: 10px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__store .details-store .pic-store {
    padding-top: 1.3vw;
  }
}

.page-product .box-product__store .details-store .tx-store {
  line-height: 1.4;
}

@media (min-width: 960px) {
  .page-product .box-product__store .details-store .tx-store {
    padding: 10px 0;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__store .details-store .tx-store {
    font-size: 2.6vw;
    padding: 2.6vw 0;
  }
}

.page-product .box-product__store .details-store .bt-buy-store {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 90%;
  transform: translate(-50%, 0);
}

.page-product .box-product__store .details-store .bt-buy-store a {
  background: linear-gradient(to right, #ab69a1 0%, #934a98 51%, #ab69a1 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-product .box-product__store .details-store .bt-buy-store a:hover {
  background-position: right center;
}

.page-product .box-product__guide .details-wrap_guide {
  background: #fff;
  border: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-product .box-product__guide .details-wrap_guide {
    width: 1140px;
    padding: 40px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__guide .details-wrap_guide {
    padding: 2.6vw 2.6vw 0;
  }
}

.page-product .box-product__guide .list-guide-store {
  display: flex;
  flex-wrap: wrap;
}

.page-product .box-product__guide .bt-guide {
  border: 1px solid #232323;
  text-align: center;
}

@media (min-width: 960px) {
  .page-product .box-product__guide .bt-guide {
    width: 32%;
    height: 60px;
    margin: 0 2% 20px 0;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__guide .bt-guide {
    width: 49%;
    height: 13.33vw;
    margin: 0 2% 2.6vw 0;
    padding: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product__guide .bt-guide:nth-child(3n) {
    margin-right: 0;
  }
}

@media (max-width: 959px) {
  .page-product .box-product__guide .bt-guide:nth-child(2n) {
    margin-right: 0;
  }
}

.page-product .box-product__guide .bt-guide a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: .3s ease;
}

@media (min-width: 960px) {
  .page-product .box-product__guide .bt-guide a {
    padding: 8px;
  }
  .page-product .box-product__guide .bt-guide a:hover {
    color: #fff;
    background: #ab69a1;
  }
}

.page-product .box-product .capt {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
}

@media (min-width: 960px) {
  .page-product .box-product .capt {
    padding-bottom: 30px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product .capt {
    padding-bottom: 4vw;
  }
}

.page-product .box-product .capt::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background: #232323;
  transform: translate(-50%, 0);
  content: "";
}

@media (min-width: 960px) {
  .page-product .box-product .capt::after {
    width: 50px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product .capt::after {
    width: 6.66vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product .capt {
    font-size: 36px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product .capt {
    font-size: 6.666vw;
  }
}

.page-product .box-product .sub-capt {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: normal;
  background: #f0f0f0;
}

@media (min-width: 960px) {
  .page-product .box-product .sub-capt {
    padding: 15px 0;
    font-size: 24px;
  }
  .page-product .box-product .sub-capt span {
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product .sub-capt {
    margin-top: 2.6vw;
    padding: 2.6vw 0;
    font-size: 4vw;
  }
  .page-product .box-product .sub-capt span {
    font-size: 3.2vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product .sub-capt.is-second {
    margin-top: 40px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product .sub-capt.is-second {
    margin-top: 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product .details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product .details {
    padding-top: 4vw;
  }
}

.page-product .box-product .details__wrap {
  background: #fff;
  border: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-product .box-product .details__wrap {
    width: 1140px;
    padding: 40px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product .details__wrap {
    padding: 2.6vw 2.6vw 8vw;
  }
}

@media (min-width: 960px) {
  .page-product .box-product .details__wrap.flex-details {
    display: flex;
    justify-content: space-between;
  }
}

.page-product .box-product .details .bt-buy-wrap a {
  background: linear-gradient(to right, #ab69a1 0%, #934a98 51%, #ab69a1 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-product .box-product .details .bt-buy-wrap a:hover {
  background-position: right center;
}

.page-product .box-product .details .bt-buy-wrap.is-dmm .in-border {
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 960px) {
  .page-product .box-product .details .bt-buy-wrap.is-dmm .in-border {
    line-height: .4em;
    padding-top: 4px;
  }
}

.page-product .box-product .details .bt-buy-wrap .is-small {
  line-height: 1;
}

@media (min-width: 960px) {
  .page-product .box-product .details .bt-buy-wrap .is-small {
    font-size: 10px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product .details .bt-buy-wrap .is-small {
    font-size: 1.2vw;
  }
}

.page-product .box-product .details .bt-buy-wrap.is-comingsoon .bt-comingsoon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  border-radius: .5rem;
  background: #ab69a1;
  opacity: .7;
}

@media (min-width: 960px) {
  .page-product .box-product .details .bt-buy-wrap.is-comingsoon .bt-comingsoon {
    padding: 4px;
  }
  .page-product .box-product .details .bt-buy-wrap.is-comingsoon .bt-comingsoon::before {
    width: 30px;
  }
}

@media (max-width: 959px) {
  .page-product .box-product .details .bt-buy-wrap.is-comingsoon .bt-comingsoon {
    padding: 1vw;
  }
  .page-product .box-product .details .bt-buy-wrap.is-comingsoon .bt-comingsoon::before {
    width: 5.3vw;
  }
}

.page-product .box-product .details .bt-buy-wrap.is-comingsoon .bt-comingsoon::before {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  height: 1px;
  background: #fff;
  transform: translate(0, -50%);
  content: "";
}

.page-product .box-product .details .flex-bt-buy {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 959px) {
  .page-product .box-product .details .flex-bt-buy .bt-buy-wrap {
    margin: 2.6vw 1.3vw;
    width: 50%;
  }
}

@media (min-width: 960px) {
  .page-product .list-caution {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-product .list-caution {
    padding-top: 2.6vw;
  }
}
/* manualにはないのかも
.page-product .list-caution > li {
  position: relative;
  padding-left: 0em;/*1.2em　段下げをやめる
  line-height: 1.6;
}

.page-product .list-caution > li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #232323;
  content: "Note: ";/*※　Noteに変更
}
*/

@media (min-width: 960px) {
  .page-product .list-caution > li {
    font-size: 14px;
  }
}

@media (max-width: 959px) {
  .page-product .list-caution > li {
    font-size: 2.6vw;
  }
}

.page-product .table-spec {
  border-collapse: collapse;
  width: 100%;
}

.page-product .table-spec th,
.page-product .table-spec td {
  text-align: center;
  box-sizing: border-box;
}

@media (min-width: 960px) {
  .page-product .table-spec th,
  .page-product .table-spec td {
    padding: 15px 10px;
  }
}

@media (max-width: 959px) {
  .page-product .table-spec th,
  .page-product .table-spec td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
}

@media (min-width: 960px) {
  .page-product .table-spec th {
    width: 20%;
    color: #ab69a1;
  }
}

@media (max-width: 959px) {
  .page-product .table-spec th {
    padding: 1.3vw 0;
    color: #fff;
    background: #ab69a1;
  }
}

@media (min-width: 960px) {
  .page-product .table-spec td {
    width: 40%;
    text-align: left;
  }
}

@media (max-width: 959px) {
  .page-product .table-spec td {
    position: relative;
    padding: 1.3vw 2.6vw 1.3vw 33%;
    display: block;
    width: 100%;
    line-height: 2;
    text-align: left;
    border-bottom: dotted 1px #ab69a1;
  }
  .page-product .table-spec td::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    color: #ab69a1;
    padding: 0px 2.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    content: attr(data-label);
  }
}

@media (min-width: 960px) {
  .page-product .table-spec tr {
    width: 100%;
    border-bottom: dotted 1px #ab69a1;
  }
}

@media (max-width: 959px) {
  .page-product .table-spec tr {
    display: block;
  }
}

@media (max-width: 959px) {
  .page-product .table-spec .tb-head {
    display: none;
  }
}

.page-product .table-spec__switch {
  border-collapse: collapse;
  width: 100%;
}

.page-product .table-spec__switch th, .page-product .table-spec__switch td {
  width: 50%;
  text-align: center;
}

@media (min-width: 960px) {
  .page-product .table-spec__switch th, .page-product .table-spec__switch td {
    padding: 15px 10px;
  }
}

@media (max-width: 959px) {
  .page-product .table-spec__switch th, .page-product .table-spec__switch td {
    display: block;
    width: 100%;
    border-bottom: none;
  }
}

@media (min-width: 960px) {
  .page-product .table-spec__switch th {
    color: #ab69a1;
  }
}

@media (max-width: 959px) {
  .page-product .table-spec__switch th {
    padding: 1.3vw 0;
    color: #fff;
    background: #ab69a1;
  }
}

@media (min-width: 960px) {
  .page-product .table-spec__switch td {
    text-align: left;
  }
}

@media (max-width: 959px) {
  .page-product .table-spec__switch td {
    position: relative;
    display: block;
    width: 100%;
    padding: 1.3vw 0;
    line-height: 2;
    text-align: center;
    border-bottom: dotted 1px #ab69a1;
  }
  .page-product .table-spec__switch td::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 30%;
    height: 100%;
    color: #ab69a1;
    padding: 0px 2.6vw;
    display: flex;
    align-items: center;
    justify-content: center;
    content: attr(data-label);
  }
}

@media (min-width: 960px) {
  .page-product .table-spec__switch tr {
    width: 100%;
    border-bottom: dotted 1px #ab69a1;
  }
}

@media (max-width: 959px) {
  .page-product .table-spec__switch tr {
    display: block;
  }
}

@media (min-width: 960px) {
  .page-product .box-switch {
    padding-bottom: 40px;
  }
}

@media (max-width: 959px) {
  .page-product .box-switch {
    padding-bottom: 4vw;
  }
}

.page-product .capt-spec {
  font-weight: bold;
  text-align: center;
}

@media (min-width: 960px) {
  .page-product .capt-spec {
    padding-bottom: 20px;
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-product .capt-spec {
    padding-bottom: 2.6vw;
    font-size: 4vw;
  }
}

@media (min-width: 960px) {
  .page-product .list-zh {
    padding-top: 30px;
    font-size: 14px;
  }
}

@media (max-width: 959px) {
  .page-product .list-zh {
    padding-top: 2.6vw;
    font-size: 2.6vw;
  }
}

/* --- project _top.scss --- */
.page-character {
  position: relative;
  overflow: hidden;
}

.page-character::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  content: "";
  opacity: .6;
}

@media (min-width: 960px) {
  .page-character::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-character::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-character {
    background: url(https://www.koeitecmoamerica.com/images/character/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-character::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-character::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/character/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-character::after {
    height: 60.933vw;
    background-size: contain;
  }
}

.page-character img {
  width: 100%;
}

.page-character .character-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-character .character-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 20px 160px;
  }
}

@media (max-width: 959px) {
  .page-character .character-wrap {
    padding: 14.666vw 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-character .ttl-cont {
    width: 460px;
  }
  .page-character .ttl-cont img {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .page-character .ttl-cont {
    padding-left: 2.6vw;
    height: 7.999vw;
  }
  .page-character .ttl-cont img {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 960px) {
  .page-character .box-character {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-character .box-character {
    padding-top: 10.99vw;
  }
}

.page-character .list-chara {
  position: relative;
  display: flex;
}

@media (min-width: 960px) {
  .page-character .list-chara {
    justify-content: center;
    padding-top: 40px;
  }
}

@media (max-width: 959px) {
  .page-character .list-chara {
    justify-content: space-around;
  }
}

.page-character .list-chara .tmb_chara {
  display: block;
  position: relative;
  pointer-events: none;
}

@media (min-width: 960px) {
  .page-character .list-chara .tmb_chara {
    width: 290px;
    height: 290px;
  }
}

@media (max-width: 959px) {
  .page-character .list-chara .tmb_chara {
    width: 44.666vw;
    height: 44.666vw;
  }
}

.page-character .list-chara .tmb_chara a {
  position: absolute;
  top: 15%;
  left: 15%;
  display: block;
  width: 70%;
  height: 70%;
  transition: all .3s ease;
  transform: rotate(45deg);
  pointer-events: auto;
}

.page-character .list-chara .tmb_chara a:hover {
  background: rgba(171, 105, 161, 0.3);
}

.page-character .list-chara .tmb_chara figure {
  display: block;
  margin: 0;
}

.page-character .list-chara .tmb_chara .unit,
.page-character .list-chara .tmb_chara .name {
  position: absolute;
  color: #fff;
  writing-mode: vertical-rl;
}

.page-character .list-chara .tmb_chara .unit {
  background: #ab69a1;
}

@media (min-width: 960px) {
  .page-character .list-chara .tmb_chara .unit {
    top: -1px;
    right: -21px;
    margin-top: 1px;
    padding: 4px 2px;
    font-size: 14px;
  }
}

@media (max-width: 959px) {
  .page-character .list-chara .tmb_chara .unit {
    top: 0;
    left: 5.2vw;
    padding: 1vw .3vw;
    font-size: 2vw;
  }
}

.page-character .list-chara .tmb_chara .name {
  top: 50%;
  background: #232323;
  border: 1px solid #ffd05f;
  transform: translate(0, -50%);
}

@media (min-width: 960px) {
  .page-character .list-chara .tmb_chara .name {
    right: 25px;
    padding: 15px 7px;
    font-size: 16px;
  }
}

@media (max-width: 959px) {
  .page-character .list-chara .tmb_chara .name {
    right: 3.6vw;
    padding: 1.6vw 1vw;
    font-size: 2.399vw;
  }
}

@media (max-width: 959px) {
  .page-character .list-chara__omokage {
    padding-top: 5.3vw;
  }
}

.page-character .capt {
  display: flex;
  justify-content: center;
  position: relative;
  font-weight: normal;
}

@media (min-width: 960px) {
  .page-character .capt {
    font-size: 24px;
  }
}

@media (max-width: 959px) {
  .page-character .capt {
    font-size: 4vw;
  }
}

.page-character .capt::before {
  border-left: 3px solid #232323;
  content: "";
}

.page-character .capt::after {
  border-right: 3px solid #232323;
  content: "";
}

.page-character .capt .out-line {
  line-height: 1;
  padding: 0 2px;
  overflow: hidden;
}

.page-character .capt .out-line::before {
  border-left: 1px solid #232323;
  content: "";
}

.page-character .capt .out-line::after {
  border-right: 1px solid #232323;
  content: "";
}

@media (min-width: 960px) {
  .page-character .capt .in-line {
    padding: 0 40px;
  }
}

@media (max-width: 959px) {
  .page-character .capt .in-line {
    padding: 0 5.3vw;
  }
}

@media (max-width: 959px) {
  .page-character .is-first .tmb_first,
  .page-character .is-first .tmb_second,
  .page-character .is-third .tmb_first,
  .page-character .is-third .tmb_second,
  .page-character .is-fourth .tmb_first,
  .page-character .is-fourth .tmb_second {
    position: absolute;
    top: -1.3vw;
  }
  .page-character .is-first .tmb_first,
  .page-character .is-third .tmb_first,
  .page-character .is-fourth .tmb_first {
    left: 0;
  }
  .page-character .is-first .tmb_second,
  .page-character .is-third .tmb_second,
  .page-character .is-fourth .tmb_second {
    right: 0;
  }
  .page-character .is-first .tmb_third,
  .page-character .is-third .tmb_third,
  .page-character .is-fourth .tmb_third {
    position: relative;
    margin: 23.999vw auto 0;
  }
  .page-character .is-second .list-chara {
    padding-top: 5.3vw;
    flex-direction: column;
  }
  .page-character .is-second .tmb_first,
  .page-character .is-second .tmb_fourth {
    position: relative;
    margin: 0 auto;
  }
  .page-character .is-second .tmb_second,
  .page-character .is-second .tmb_third {
    position: absolute;
  }
  .page-character .is-second .tmb_second {
    left: 0;
  }
  .page-character .is-second .tmb_third {
    right: 0;
  }
  .page-character .is-second .tmb_fourth {
    margin-top: 5.3vw;
  }
  .page-character .is-fifth .tmb_chara {
    position: relative;
  }
}

/* --- project _top.scss --- */
.page-c-detail {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-c-detail::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: .6;
  content: "";
}

@media (min-width: 960px) {
  .page-c-detail::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-c-detail::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-c-detail {
    background: url(https://www.koeitecmoamerica.com/images/character/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-c-detail::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-c-detail::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/character/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-c-detail::after {
    height: 60.933vw;
    background-size: contain;
  }
}

.page-c-detail img {
  width: 100%;
}

.page-c-detail .c-detail-wrap {
  position: relative;
  margin: 0 auto;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-wrap {
    width: 1200px;
    padding: 170px 20px 0;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-wrap {
    padding: 21.33vw 5.3vw 0;
  }
  .page-c-detail .c-detail-wrap::before {
    display: block;
    position: absolute;
    bottom: -72.33vw;
    left: 0;
    width: 100%;
    height: 150%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 32%, rgba(255, 255, 255, 0.9) 44%, rgba(255, 255, 255, 0.96) 90%, rgba(255, 255, 255, 0) 100%);
    z-index: 3;
    content: "";
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-mikaduki .pic-chara {
    right: calc(50% - 660px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-mikaduki .pic-chara {
    top: 5.3vw;
    right: calc(50% - 110vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-tonbokiri .pic-chara {
    right: calc(50% - 330px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-tonbokiri .pic-chara {
    right: calc(50% - 76vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-muramasa .pic-chara {
    top: 40px;
    right: calc(50% - 530px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-muramasa .pic-chara {
    right: calc(50% - 99vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-kasen .pic-chara {
    top: 40px;
    right: calc(50% - 680px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-kasen .pic-chara {
    top: 0;
    right: calc(50% - 112vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-ichigo .pic-chara {
    right: calc(50% - 600px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-ichigo .pic-chara {
    right: calc(50% - 104vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-namazuo .pic-chara {
    top: -40px;
    right: calc(50% - 750px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-namazuo .pic-chara {
    top: -8vw;
    right: calc(50% - 120vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-hyuga .pic-chara {
    top: -90px;
    right: calc(50% - 720px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-hyuga .pic-chara {
    top: -10.66vw;
    right: calc(50% - 118vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-hasebe .pic-chara {
    right: calc(50% - 630px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-hasebe .pic-chara {
    right: calc(50% - 104vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-yagen .pic-chara {
    top: 0;
    right: calc(50% - 680px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-yagen .pic-chara {
    top: -4vw;
    right: calc(50% - 116vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-tomoe .pic-chara {
    top: -70px;
    right: calc(50% - 680px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-tomoe .pic-chara {
    top: -12vw;
    right: calc(50% - 112vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-turumaru .pic-chara {
    right: calc(50% - 680px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-turumaru .pic-chara {
    right: calc(50% - 112vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-mitutada .pic-chara {
    top: 0;
    right: calc(50% - 700px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-mitutada .pic-chara {
    top: -3.2vw;
    right: calc(50% - 120vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-okurikara .pic-chara {
    right: calc(50% - 760px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-okurikara .pic-chara {
    right: calc(50% - 120vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-kunihiro .pic-chara {
    top: 20px;
    right: calc(50% - 510px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-kunihiro .pic-chara {
    top: -4vw;
    right: calc(50% - 91vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-chogi .pic-chara {
    right: calc(50% - 640px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-chogi .pic-chara {
    right: calc(50% - 112vw);
  }
}

@media (min-width: 960px) {
  .page-c-detail .is-omokage .pic-chara {
    right: calc(50% - 740px);
  }
}

@media (max-width: 959px) {
  .page-c-detail .is-omokage .pic-chara {
    right: calc(50% - 120vw);
  }
}

.page-c-detail .pic-chara {
  position: absolute;
}

@media (min-width: 960px) {
  .page-c-detail .pic-chara {
    top: 80px;
    width: 170%;
  }
}

@media (max-width: 959px) {
  .page-c-detail .pic-chara {
    width: 260%;
    top: 5.3vw;
  }
}

.page-c-detail .c-detail-inner {
  position: relative;
  letter-spacing: .4rem;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner {
    width: 555px;
    margin-left: auto;
  }
}

.page-c-detail .c-detail-inner .tx-unit {
  display: inline-block;
  color: #fff;
  background: #ab69a1;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .tx-unit {
    padding: 0 1px;
    font-size: 24px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .tx-unit {
    position: absolute;
    top: 0;
    right: 0;
    padding: .4em .2em 0 .2em;
    font-size: 3.199vw;
    writing-mode: vertical-rl;
  }
}

.page-c-detail .c-detail-inner .name-chr {
  font-weight: 400;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .name-chr {
    padding-top: 30px;
    font-size: 70px;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .name-chr {
    position: absolute;
    top: 0;
    right: 7.99vw;
    font-size: 13.333vw;
    writing-mode: vertical-rl;
    background: #fff;
  }
}

.page-c-detail .c-detail-inner .n-ruby {
  display: block;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .n-ruby {
    font-size: 14px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .n-ruby {
    font-size: 2.399vw;
  }
}

.page-c-detail .c-detail-inner .area-voice {
  display: flex;
  align-items: center;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .area-voice {
    padding-top: 20px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .area-voice {
    padding-top: 101.333vw;
  }
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .tx-voice {
    font-size: 20px;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .tx-voice {
    font-size: 4vw;
  }
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .tx-voice span {
    font-size: 16px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .tx-voice span {
    font-size: 3.199vw;
  }
}

.page-c-detail .c-detail-inner .bt-voice-wrap {
  display: flex;
  padding-left: 15px;
}

.page-c-detail .c-detail-inner .bt-voice {
  margin-right: 5px;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .bt-voice {
    width: 58px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .bt-voice {
    width: 9.33vw;
  }
}

.page-c-detail .c-detail-inner .bt-voice a {
  display: block;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .bt-voice a {
    transition: .3s ease;
  }
  .page-c-detail .c-detail-inner .bt-voice a:hover {
    transform: scale(0.9);
  }
}

.page-c-detail .c-detail-inner .bt-up {
  position: absolute;
  right: 0;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .bt-up {
    top: 155px;
    width: 85px;
    height: 85px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .bt-up {
    top: 95.33vw;
    width: 15.999vw;
    height: 15.999vw;
  }
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .bt-up.bt-up--omokage {
    position: absolute;
    top: 130px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .bt-up.bt-up--omokage {
    top: 90.33vw;
  }
}

.page-c-detail .c-detail-inner .bt-up a {
  display: flex;
  width: 100%;
  height: 100%;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .bt-up a {
    transition: .3s ease;
  }
  .page-c-detail .c-detail-inner .bt-up a:hover {
    transform: scale(0.9);
  }
}

.page-c-detail .c-detail-inner .area-c-tx {
  border-top: 1px solid #232323;
  border-bottom: 1px solid #232323;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .area-c-tx {
    margin-top: 20px;
    padding: 20px 10px 20px 20px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .area-c-tx {
    margin-top: 2.6vw;
    padding: 2.6vw 0;
  }
}

.page-c-detail .c-detail-inner .area-c-tx p {
  line-height: 1.6;
  text-shadow: 2px 0 3px #fff;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .area-c-tx p {
    font-size: 14px;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, -1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .area-c-tx p {
    font-weight: 600;
    font-size: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .area-c-media {
    padding-top: 40px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .area-c-media {
    padding-top: 2.6vw;
  }
}

.page-c-detail .c-detail-inner .swiper-container {
  background: #232323;
  border-radius: 6px;
  box-sizing: content-box;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .swiper-container {
    width: 556px;
    height: 300px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .swiper-container {
    height: 46.666vw;
  }
}

.page-c-detail .c-detail-inner .swiper-container a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  transition: .3s ease;
}

.page-c-detail .c-detail-inner .swiper-container a img {
  width: 100%;
}

.page-c-detail .c-detail-inner .swiper-container a:hover {
  background: #ab69a1;
}

.page-c-detail .c-detail-inner .swiper-container a:hover img {
  opacity: .7;
}

.page-c-detail .c-detail-inner .is-movie {
  position: relative;
}

.page-c-detail .c-detail-inner .is-movie a::after {
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(https://www.koeitecmoamerica.com/images/common/bt_play.png);
  background-size: cover;
  transform: translate(-50%, -50%);
  content: "";
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .is-movie a::after {
    width: 120px;
    height: 67px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .is-movie a::after {
    width: 15.99vw;
    height: 8.933vw;
  }
}

.page-c-detail .c-detail-inner .is-movie img {
  opacity: .7;
}

.page-c-detail .c-detail-inner .swiper-pagination {
  position: relative;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .swiper-pagination {
    padding-top: 10px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .swiper-pagination {
    padding-top: 1.3vw;
  }
}

.page-c-detail .c-detail-inner .swiper-pagination span {
  margin: 0 4px;
}

.page-c-detail .c-detail-inner .swiper-pagination-bullet-active {
  background: #ab69a1;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .bt-link-wrap {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .bt-link-wrap {
    padding-top: 5.3vw;
  }
}

.page-c-detail .c-detail-inner .list-bt-link {
  display: flex;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .list-bt-link {
    justify-content: flex-end;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .list-bt-link {
    justify-content: center;
  }
}

.page-c-detail .c-detail-inner .bt-share-wrap .ico-square,
.page-c-detail .c-detail-inner .bt-store-wrap .ico-square {
  right: .1rem;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .bt-share-wrap .ico-square,
  .page-c-detail .c-detail-inner .bt-store-wrap .ico-square {
    width: 7px;
    height: 7px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .bt-share-wrap .ico-square,
  .page-c-detail .c-detail-inner .bt-store-wrap .ico-square {
    width: 1.7vw;
    height: 1.7vw;
  }
}

.page-c-detail .c-detail-inner .bt-share-wrap a::before,
.page-c-detail .c-detail-inner .bt-store-wrap a::before {
  right: .3em;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-inner .bt-share-wrap {
    margin-right: 10px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-inner .bt-share-wrap {
    margin-right: 2.6vw;
  }
}

.page-c-detail .c-detail-inner .bt-share-wrap a {
  background: linear-gradient(to right, #63baf1 0%, #3972bf 51%, #63baf1 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-c-detail .c-detail-inner .bt-share-wrap a:hover {
  background-position: right center;
}

.page-c-detail .c-detail-inner .bt-store-wrap {
  border: 1px solid #232323;
  border-radius: .5rem;
}

.page-c-detail .c-detail-inner .bt-store-wrap .in-border {
  border: 1px solid #232323;
}

.page-c-detail .c-detail-inner .bt-store-wrap .ico-square {
  background: #232323;
}

.page-c-detail .c-detail-inner .bt-store-wrap a {
  color: #232323;
  background: linear-gradient(to right, #fff 0%, #fff3ff 65%, #fff 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-c-detail .c-detail-inner .bt-store-wrap a::before {
  background: #232323;
}

.page-c-detail .c-detail-inner .bt-store-wrap a:hover {
  background-position: right center;
}

.page-c-detail .c-detail-bottom {
  position: relative;
  z-index: 4;
}

@media (min-width: 960px) {
  .page-c-detail .c-detail-bottom {
    padding-top: 100px;
  }
  .page-c-detail .c-detail-bottom::before {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0.9) 100%);
    content: "";
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-detail-bottom {
    padding-top: 10.66vw;
  }
}

.page-c-detail .c-detail-bottom__inner {
  position: relative;
  z-index: 5;
}

.page-c-detail .c-tmb-wrap {
  position: relative;
}

.page-c-detail .c-tmb-inner {
  position: relative;
  margin: 0 auto;
}

@media (min-width: 960px) {
  .page-c-detail .c-tmb-inner {
    width: 1200px;
    padding: 0 40px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .c-tmb-inner {
    padding: 0 5.3vw;
  }
}

.page-c-detail .list-c-tmb {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 960px) {
  .page-c-detail .list-c-tmb {
    justify-content: center;
  }
}

@media (max-width: 959px) {
  .page-c-detail .list-c-tmb {
    justify-content: space-around;
  }
}

.page-c-detail .tmb_chara {
  position: relative;
  pointer-events: none;
}

@media (min-width: 960px) {
  .page-c-detail .tmb_chara {
    width: 190px;
    height: 190px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .tmb_chara {
    width: 27.333vw;
    height: 27.333vw;
    margin-top: 4vw;
  }
}

.page-c-detail .tmb_chara a {
  position: absolute;
  top: 15%;
  left: 15%;
  display: block;
  width: 70%;
  height: 70%;
  transition: all .3s ease;
  transform: rotate(45deg);
  pointer-events: auto;
}

.page-c-detail .tmb_chara a.is-active {
  background: rgba(171, 105, 161, 0.3);
}

.page-c-detail .tmb_chara a:hover {
  background: rgba(171, 105, 161, 0.3);
}

.page-c-detail .tmb_chara figure {
  display: block;
}

.page-c-detail .tmb_chara.tmb_mikaduki {
  order: 1;
}

.page-c-detail .tmb_chara.tmb_tonbo {
  order: 3;
}

.page-c-detail .tmb_chara.tmb_muramasa {
  order: 2;
}

.page-c-detail .tmb_chara.tmb_kasen {
  order: 4;
}

.page-c-detail .tmb_chara.tmb_ichigo {
  order: 5;
}

.page-c-detail .tmb_chara.tmb_namazuo {
  order: 6;
}

.page-c-detail .tmb_chara.tmb_hyuga {
  order: 7;
}

.page-c-detail .tmb_chara.tmb_hasebe {
  order: 8;
}

.page-c-detail .tmb_chara.tmb_yagen {
  order: 9;
}

.page-c-detail .tmb_chara.tmb_tomoe {
  order: 10;
}

@media (min-width: 960px) {
  .page-c-detail .tmb_chara.tmb_omokage {
    order: 11;
  }
}

@media (max-width: 959px) {
  .page-c-detail .tmb_chara.tmb_omokage {
    order: 16;
  }
}

@media (min-width: 960px) {
  .page-c-detail .tmb_chara.tmb_turumaru {
    order: 12;
  }
}

@media (max-width: 959px) {
  .page-c-detail .tmb_chara.tmb_turumaru {
    order: 11;
  }
}

@media (min-width: 960px) {
  .page-c-detail .tmb_chara.tmb_mitutada {
    order: 13;
  }
}

@media (max-width: 959px) {
  .page-c-detail .tmb_chara.tmb_mitutada {
    order: 12;
  }
}

@media (min-width: 960px) {
  .page-c-detail .tmb_chara.tmb_okurikara {
    order: 14;
  }
}

@media (max-width: 959px) {
  .page-c-detail .tmb_chara.tmb_okurikara {
    order: 13;
  }
}

@media (min-width: 960px) {
  .page-c-detail .tmb_chara.tmb_kunihiro {
    order: 15;
  }
}

@media (max-width: 959px) {
  .page-c-detail .tmb_chara.tmb_kunihiro {
    order: 14;
  }
}

@media (min-width: 960px) {
  .page-c-detail .tmb_chara.tmb_chogi {
    order: 16;
  }
}

@media (max-width: 959px) {
  .page-c-detail .tmb_chara.tmb_chogi {
    order: 15;
  }
}

@media (min-width: 960px) {
  .page-c-detail .tmb_chara.tmb_namazuo, .page-c-detail .tmb_chara.tmb_hyuga, .page-c-detail .tmb_chara.tmb_hasebe, .page-c-detail .tmb_chara.tmb_yagen, .page-c-detail .tmb_chara.tmb_tomoe, .page-c-detail .tmb_chara.tmb_omokage {
    position: absolute;
    top: 110px;
  }
  .page-c-detail .tmb_chara.tmb_namazuo {
    left: 30px;
  }
  .page-c-detail .tmb_chara.tmb_hyuga {
    left: 220px;
  }
  .page-c-detail .tmb_chara.tmb_hasebe {
    left: 410px;
  }
  .page-c-detail .tmb_chara.tmb_yagen {
    left: 50%;
  }
  .page-c-detail .tmb_chara.tmb_tomoe {
    right: 220px;
  }
  .page-c-detail .tmb_chara.tmb_omokage {
    right: 30px;
  }
  .page-c-detail .tmb_chara.tmb_turumaru, .page-c-detail .tmb_chara.tmb_mitutada, .page-c-detail .tmb_chara.tmb_okurikara, .page-c-detail .tmb_chara.tmb_kunihiro, .page-c-detail .tmb_chara.tmb_chogi {
    margin-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .tmb_chara.tmb_kasen, .page-c-detail .tmb_chara.tmb_ichigo, .page-c-detail .tmb_chara.tmb_yagen, .page-c-detail .tmb_chara.tmb_tomoe, .page-c-detail .tmb_chara.tmb_kunihiro, .page-c-detail .tmb_chara.tmb_chogi {
    position: absolute;
  }
  .page-c-detail .tmb_chara.tmb_kasen, .page-c-detail .tmb_chara.tmb_ichigo {
    top: 15.99vw;
  }
  .page-c-detail .tmb_chara.tmb_yagen, .page-c-detail .tmb_chara.tmb_tomoe {
    top: 46.99vw;
  }
  .page-c-detail .tmb_chara.tmb_kasen, .page-c-detail .tmb_chara.tmb_yagen, .page-c-detail .tmb_chara.tmb_kunihiro {
    left: 20.66vw;
  }
  .page-c-detail .tmb_chara.tmb_ichigo, .page-c-detail .tmb_chara.tmb_tomoe, .page-c-detail .tmb_chara.tmb_chogi {
    right: 20.66vw;
  }
  .page-c-detail .tmb_chara.tmb_kunihiro, .page-c-detail .tmb_chara.tmb_chogi {
    bottom: 15.33vw;
  }
}

.page-c-detail .bt-back-wrap {
  display: flex;
  justify-content: center;
}

@media (min-width: 960px) {
  .page-c-detail .bt-back-wrap {
    padding: 80px 0 120px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .bt-back-wrap {
    padding: 16.33vw 0 13.33vw;
  }
}

.page-c-detail .bt-back-in {
  border: 1px solid #232323;
  border-radius: .5rem;
}

.page-c-detail .bt-back-in .in-border {
  border: 1px solid #232323;
}

.page-c-detail .bt-back-in .ico-square {
  background: #232323;
}

@media (min-width: 960px) {
  .page-c-detail .bt-back-in .ico-square {
    width: 9px;
    height: 9px;
  }
}

@media (max-width: 959px) {
  .page-c-detail .bt-back-in .ico-square {
    width: 1.6vw;
    height: 1.6vw;
  }
}

.page-c-detail .bt-back-in a {
  color: #232323;
  background: linear-gradient(to right, #fff 0%, #fff3ff 65%, #fff 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-c-detail .bt-back-in a::before {
  background: #232323;
}

.page-c-detail .bt-back-in a:hover {
  background-position: right center;
}

@media (min-width: 960px) {
  .is-konnnosuke .pic-chara {
    width: 40%;
    right: calc(50% - -40px);
  }
}

@media (max-width: 959px) {
  .is-konnnosuke .pic-chara {
    width: 70%;
    right: calc(50% - 23vw);
  }
}

@media (min-width: 960px) {
  .is-konnnosuke .c-detail-wrap {
    padding: 270px 20px 180px;
  }
}

.is-konnnosuke .c-detail-bottom .bt-back-wrap {
  padding: 0 0 13.33vw;
}

/* --- project _top.scss --- */
.page-story {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-story::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  content: "";
}

@media (min-width: 960px) {
  .page-story::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-story::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

.page-story img {
  width: 100%;
}

.page-story .story-ttl {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  overflow: hidden;
  background: rgba(35, 35, 35, 0.6);
}

@media (min-width: 960px) {
  .page-story .story-ttl {
    height: 460px;
  }
}

@media (max-width: 959px) {
  .page-story .story-ttl {
    height: 61.33vw;
  }
}

.page-story .story-ttl video {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-height: 100%;
  min-width: 100%;
}

@media (max-width: 959px) {
  .page-story .story-ttl video {
    height: 100%;
  }
}

@media (min-width: 960px) {
  .page-story .ttl-cont {
    width: 185px;
  }
  .page-story .ttl-cont img {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .page-story .ttl-cont {
    height: 13.33vw;
  }
  .page-story .ttl-cont img {
    width: auto;
    height: 100%;
  }
}

.page-story .box-story {
  position: relative;
  margin: 0 auto;
}

@media (min-width: 960px) {
  .page-story .box-story {
    width: 1200px;
  }
}

@media (max-width: 959px) {
  .page-story .box-story {
    padding: 0 5.3vw;
  }
}

.page-story .tx-story {
  line-height: 2;
}

@media (min-width: 960px) {
  .page-story .tx-story {
    font-size: 16px;
  }
}

@media (max-width: 959px) {
  .page-story .tx-story {
    font-size: 3.2vw;
  }
}

.page-story .tx-story .tx_emphasis {
  padding: 0 .25em;
  color: #fff;
  background: #ab69a1;
}

@media (min-width: 960px) {
  .page-story .tx-story .tx_emphasis {
    font-size: 20px;
  }
}

.page-story .tx-story .tx_emphasis rt {
  color: #fff;
}

@media (min-width: 960px) {
  .page-story .tx-story .tx_emphasis.is-saniwa {
    padding: .4em .25em 0;
  }
}

@media (max-width: 959px) {
  .page-story .tx-story .tx_emphasis.is-saniwa {
    padding: .6em .25em 0;
  }
}

.page-story .box-story__first .capt {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: url(https://www.koeitecmoamerica.com/images/common/bg_pink_b.jpg) repeat;
  background-color: #ab69a1;
}

@media (min-width: 960px) {
  .page-story .box-story__first .capt {
    top: -50px;
    left: 80px;
    width: 400px;
    height: 160px;
    font-size: 30px;
  }
}

@media (max-width: 959px) {
  .page-story .box-story__first .capt {
    top: -8vw;
    left: 50%;
    width: 59.99vw;
    height: 23.999vw;
    font-size: 4.799vw;
    transform: translate(-50%, 0);
  }
}

@media (min-width: 960px) {
  .page-story .box-story__first .txbox1 {
    padding-top: 60px;
    padding-left: 565px;
  }
}

@media (max-width: 959px) {
  .page-story .box-story__first .txbox1 {
    padding-top: 23.99vw;
  }
}

.page-story .box-story__first .sub-capt {
  letter-spacing: .8rem;
}

@media (min-width: 960px) {
  .page-story .box-story__first .sub-capt {
    font-size: 30px;
    padding-left: 265px;
    writing-mode: vertical-rl;
  }
  .page-story .box-story__first .sub-capt .line-pink {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(252, 211, 242, 0.5) 51%, rgba(252, 211, 242, 0.5) 100%);
  }
}

@media (max-width: 959px) {
  .page-story .box-story__first .sub-capt {
    padding-top: 9.33vw;
    font-size: 4.799vw;
    text-align: center;
  }
  .page-story .box-story__first .sub-capt .line-pink {
    background: linear-gradient(transparent 60%, #ffeffb 60%);
  }
}

.page-story .box-story__first .txbox2 {
  position: relative;
}

@media (min-width: 960px) {
  .page-story .box-story__first .txbox2 {
    padding: 60px 0 100px 70px;
  }
}

@media (max-width: 959px) {
  .page-story .box-story__first .txbox2 {
    padding: 5.3vw 0 6.999vw;
  }
}

.page-story .box-story__first .pic-honmaru {
  position: absolute;
  bottom: 0;
}

@media (min-width: 960px) {
  .page-story .box-story__first .pic-honmaru {
    right: -40px;
    width: 655px;
  }
}

@media (max-width: 959px) {
  .page-story .box-story__first .pic-honmaru {
    width: 69.199vw;
    right: -18vw;
  }
}

.page-story .box-story__first .pic-honmaru img {
  width: 100%;
}

@media (min-width: 960px) {
  .page-story .box-story__second {
    padding: 80px 0 80px 640px;
  }
}

@media (max-width: 959px) {
  .page-story .box-story__second {
    padding: 10.66vw 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-story .box-story__second .txbox4 {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-story .box-story__second .txbox4 {
    padding-top: 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-story .box-story__third {
    padding: 60px 0 110px 640px;
  }
}

@media (max-width: 959px) {
  .page-story .box-story__third {
    padding: 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-story .box-story__third .tx-speech,
  .page-story .box-story__third .txbox6 {
    line-height: 1;
  }
}

@media (max-width: 959px) {
  .page-story .box-story__third .tx-story {
    width: 50%;
    padding-left: 2.6vw;
    margin-left: auto;
  }
}

@media (min-width: 960px) {
  .page-story .box-story__third .tx-speech {
    padding-top: 30px;
    font-size: 40px;
  }
}

@media (max-width: 959px) {
  .page-story .box-story__third .tx-speech {
    padding-top: 4vw;
    font-size: 4vw;
  }
}

.page-story .box-story__third .tx-speech span {
  background: linear-gradient(transparent 60%, #ffeffb 60%);
}

@media (min-width: 960px) {
  .page-story .box-story__third .txbox6 {
    padding-top: 50px;
    font-size: 28px;
  }
}

@media (max-width: 959px) {
  .page-story .box-story__third .txbox6 {
    padding-top: 4vw;
  }
}

.page-story .box-story__third .pic-chr {
  position: absolute;
  bottom: 0;
}

@media (min-width: 960px) {
  .page-story .box-story__third .pic-chr {
    left: -160px;
  }
}

@media (max-width: 959px) {
  .page-story .box-story__third .pic-chr {
    width: 50%;
    left: -1.3vw;
  }
}

.page-story .box-story__third .pic-chr img {
  width: 100%;
}

.page-story .loop-img {
  display: flex;
  width: 100%;
  overflow: hidden;
}

@media (min-width: 960px) {
  .page-story .loop-img {
    height: 200px;
  }
}

@media (max-width: 959px) {
  .page-story .loop-img {
    height: 26.66vw;
  }
}

.page-story .loop-img__up {
  background: url(https://www.koeitecmoamerica.com/images/story/pic_story_2.jpg) repeat-x;
  background-size: cover;
  animation: bg-slider 50s linear infinite;
}

.page-story .loop-img__down {
  background: url(https://www.koeitecmoamerica.com/images/story/pic_story_1.jpg) repeat-x;
  background-size: cover;
  animation: bg-slider-2 50s linear infinite;
}

/* --- project _top.scss --- */
.page-system {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-system::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: .6;
  content: "";
}

@media (min-width: 960px) {
  .page-system::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-system::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-system {
    background: url(https://www.koeitecmoamerica.com/images/system/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-system::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-system::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/system/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-system::after {
    height: 60.933vw;
    background-size: contain;
  }
}

.page-system img {
  width: 100%;
}

.page-system video {
  width: 100%;
}

.page-system .system-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-system .system-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-system .system-wrap {
    padding: 14.666vw 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-system .ttl-cont {
    width: 335px;
  }
  .page-system .ttl-cont img {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .page-system .ttl-cont {
    padding-left: 2.6vw;
    height: 7.999vw;
  }
  .page-system .ttl-cont img {
    width: auto;
    height: 100%;
  }
}

.page-system .tab-system {
  display: flex;
  justify-content: center;
}

@media (min-width: 960px) {
  .page-system .tab-system {
    padding-top: 90px;
  }
}

@media (max-width: 959px) {
  .page-system .tab-system {
    padding-top: 5.3vw;
  }
}

.page-system .tab-system .list-system {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 959px) {
  .page-system .tab-system .list-system {
    width: 90%;
    flex-wrap: wrap;
  }
}

.page-system .tab-system .list-system__item {
  position: relative;
  color: #232323;
}

@media (min-width: 960px) {
  .page-system .tab-system .list-system__item {
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-system .tab-system .list-system__item {
    margin-top: 2.6vw;
    font-size: 4vw;
  }
}

.page-system .tab-system .list-system__item:not(:last-child) {
  border-right: 1px solid #232323;
}

@media (min-width: 960px) {
  .page-system .tab-system .list-system__item:not(:last-child) {
    padding-right: 30px;
  }
}

@media (max-width: 959px) {
  .page-system .tab-system .list-system__item:not(:last-child) {
    padding-right: 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-system .tab-system .list-system__item:not(:first-child) {
    padding-left: 30px;
  }
}

@media (max-width: 959px) {
  .page-system .tab-system .list-system__item:not(:first-child) {
    padding-left: 5.3vw;
  }
}

.page-system .tab-system .list-system__item.is-soon {
  opacity: .6;
}

.page-system .tab-system .list-system__item.is-active span {
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
}

.page-system .tab-system .list-system__item.is-active span::after {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  height: 1px;
  background-color: #ab69a1;
  transition: .3s all;
  transform: translateX(-50%);
  content: '';
}

.page-system .tab-system .list-system a {
  position: relative;
  color: #232323;
}

@media (min-width: 960px) {
  .page-system .tab-system .list-system a {
    display: inline-block;
    padding-bottom: 4px;
  }
  .page-system .tab-system .list-system a::after {
    display: block;
    position: absolute;
    width: 0;
    bottom: 0;
    left: 50%;
    height: 1px;
    background-color: #ab69a1;
    transition: .3s all;
    transform: translateX(-50%);
    content: '';
  }
  .page-system .tab-system .list-system a:hover::after {
    width: 100%;
  }
}

.page-system .nav-system-inner {
  border-top: 1px solid #ab69a1;
  border-bottom: 1px solid #ab69a1;
  background: #fff;
}

@media (min-width: 960px) {
  .page-system .nav-system-inner {
    margin-top: 80px;
    padding: 40px 0;
  }
}

@media (max-width: 959px) {
  .page-system .nav-system-inner {
    margin-top: 10.66vw;
    padding: 2.6vw 5.3vw;
  }
}

.page-system .nav-system-inner .list-sys-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media (min-width: 960px) {
  .page-system .nav-system-inner .list-sys-nav li {
    padding: 0 20px;
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-system .nav-system-inner .list-sys-nav li {
    padding: 2.6vw;
    font-size: 3.2vw;
  }
}

.page-system .nav-system-inner .list-sys-nav li a {
  color: #232323;
  transition: .3s ease;
}

.page-system .nav-system-inner .list-sys-nav li a:hover {
  color: #ab69a1;
}

@media (min-width: 960px) {
  .page-system .box-system {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system {
    padding-top: 10.66vw;
  }
}

@media (min-width: 960px) {
  .page-system .box-system__first {
    padding: 50px 40px 0;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__first {
    padding-top: 13.33vw 2.6vw 0;
  }
}

.page-system .box-system__first .pic-system {
  border: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-system .box-system__first .pic-system {
    padding: 5px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__first .pic-system {
    padding: 1vw;
  }
}

@media (min-width: 960px) {
  .page-system .box-system__first .tx-details {
    padding: 0 20px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__first .tx-details {
    padding: 0 2.6vw;
  }
}

.page-system .box-system__first .sub-capt {
  color: #ab69a1;
  font-weight: bold;
  line-height: 1.6;
}

@media (min-width: 960px) {
  .page-system .box-system__first .sub-capt {
    padding-top: 30px;
    font-size: 28px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__first .sub-capt {
    padding-top: 5.3vw;
    font-size: 3.73vw;
  }
}

@media (min-width: 960px) {
  .page-system .box-system__first p {
    padding-top: 15px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__first p {
    padding-top: 2.6vw;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__second {
    padding: 10.66vw 2.6vw 0;
  }
}

@media (min-width: 960px) {
  .page-system .box-system__second .tx-details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__second .tx-details {
    padding-top: 4vw;
  }
}

.page-system .box-system__second .tx-details .sub-capt {
  display: inline-block;
  color: #fff;
  background: #ab69a1;
}

@media (min-width: 960px) {
  .page-system .box-system__second .tx-details .sub-capt {
    padding: 5px 8px;
    font-size: 24px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__second .tx-details .sub-capt {
    padding: .8vw 1.3vw;
  }
}

@media (min-width: 960px) {
  .page-system .box-system__second .tx-details .sub-capt__second {
    margin-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__second .tx-details .sub-capt__second {
    margin-top: 4vw;
  }
}

@media (min-width: 960px) {
  .page-system .box-system__second .tx-details__cont {
    padding-top: 10px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__second .tx-details__cont {
    padding-top: 1.3vw;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__third {
    padding: 10.66vw 2.6vw 0;
  }
}

@media (min-width: 960px) {
  .page-system .box-system__third .pic-details,
  .page-system .box-system__third .tx-details {
    width: 48.5%;
  }
}

@media (min-width: 960px) {
  .page-system .box-system__third .tx-details__cont {
    font-size: 20px;
    line-height: 1.8;
  }
}

@media (max-width: 959px) {
  .page-system .box-system__third .tx-details__cont {
    padding-top: 2.6vw;
  }
}

.page-system .box-system .capt {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
}

@media (min-width: 960px) {
  .page-system .box-system .capt {
    padding-bottom: 30px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system .capt {
    padding-bottom: 4vw;
  }
}

.page-system .box-system .capt::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background: #232323;
  transform: translate(-50%, 0);
  content: "";
}

@media (min-width: 960px) {
  .page-system .box-system .capt::after {
    width: 50px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system .capt::after {
    width: 6.66vw;
  }
}

@media (min-width: 960px) {
  .page-system .box-system .capt {
    font-size: 36px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system .capt {
    font-size: 6.666vw;
  }
}

@media (min-width: 960px) {
  .page-system .box-system .details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system .details {
    padding-top: 4vw;
  }
}

.page-system .box-system .details__wrap {
  background: #fff;
  border-top: 1px solid #ab69a1;
  border-bottom: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-system .box-system .details__wrap {
    width: 1200px;
    padding: 60px 120px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system .details__wrap {
    padding: 8vw 0;
  }
}

@media (min-width: 960px) {
  .page-system .box-system .details__wrap.flex-details {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 60px;
  }
}

@media (max-width: 959px) {
  .page-system .box-system .details__wrap.flex-reverse {
    display: flex;
    flex-direction: column-reverse;
  }
}

.page-system p {
  line-height: 1.6;
}

@media (min-width: 960px) {
  .page-system p {
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-system p {
    font-size: 3vw;
  }
}

.page-system .c-pink {
  color: #ab69a1;
  font-weight: bold;
}

/* --- project _top.scss --- */
.page-gallery {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-gallery::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: .6;
  content: "";
}

@media (min-width: 960px) {
  .page-gallery::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-gallery::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-gallery {
    background: url(https://www.koeitecmoamerica.com/images/gallery/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-gallery::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-gallery::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/gallery/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-gallery::after {
    height: 60.933vw;
    background-size: contain;
  }
}

.page-gallery img {
  width: 100%;
}

.page-gallery .gallery-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-gallery .gallery-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-gallery .gallery-wrap {
    padding: 14.666vw 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-gallery .ttl-cont {
    width: 405px;
  }
  .page-gallery .ttl-cont img {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .page-gallery .ttl-cont {
    padding-left: 2.6vw;
    height: 7.999vw;
  }
  .page-gallery .ttl-cont img {
    width: auto;
    height: 100%;
  }
}

.page-gallery .tab-gallery {
  display: flex;
  justify-content: center;
}

@media (min-width: 960px) {
  .page-gallery .tab-gallery {
    padding-top: 90px;
  }
}

@media (max-width: 959px) {
  .page-gallery .tab-gallery {
    padding-top: 5.3vw;
  }
}

.page-gallery .tab-gallery .list-gallery {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 959px) {
  .page-gallery .tab-gallery .list-gallery {
    flex-wrap: wrap;
  }
}

@media (min-width: 960px) {
  .page-gallery .tab-gallery .list-gallery__item {
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-gallery .tab-gallery .list-gallery__item {
    margin-top: 2.6vw;
    font-size: 4vw;
  }
}

.page-gallery .tab-gallery .list-gallery__item:not(:last-child) {
  border-right: 1px solid #232323;
}

@media (min-width: 960px) {
  .page-gallery .tab-gallery .list-gallery__item:not(:last-child) {
    padding-right: 30px;
  }
}

@media (max-width: 959px) {
  .page-gallery .tab-gallery .list-gallery__item:not(:last-child) {
    padding-right: 4vw;
  }
}

@media (min-width: 960px) {
  .page-gallery .tab-gallery .list-gallery__item:not(:first-child) {
    padding-left: 30px;
  }
}

@media (max-width: 959px) {
  .page-gallery .tab-gallery .list-gallery__item:not(:first-child) {
    padding-left: 4vw;
  }
}

.page-gallery .tab-gallery .list-gallery a {
  position: relative;
  color: #232323;
}

@media (min-width: 960px) {
  .page-gallery .tab-gallery .list-gallery a {
    display: inline-block;
    padding-bottom: 4px;
  }
  .page-gallery .tab-gallery .list-gallery a::after {
    display: block;
    position: absolute;
    width: 0;
    bottom: 0;
    left: 50%;
    height: 1px;
    background-color: #ab69a1;
    transition: .3s all;
    transform: translateX(-50%);
    content: '';
  }
  .page-gallery .tab-gallery .list-gallery a:hover::after {
    width: 100%;
  }
}

@media (min-width: 960px) {
  .page-gallery .box-gallery {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery {
    padding-top: 10.66vw;
  }
}

.page-gallery .box-gallery__pv .detail-in a::after, .page-gallery .box-gallery__charamov .detail-in a::after {
  position: absolute;
  top: 50%;
  left: 50%;
  background: url(https://www.koeitecmoamerica.com/images/common/bt_play.png);
  background-size: cover;
  transform: translate(-50%, -50%);
  content: "";
}

@media (min-width: 960px) {
  .page-gallery .box-gallery__pv .list-details > li {
    width: 48.2%;
    margin-right: 40px;
    margin-bottom: 40px;
  }
  .page-gallery .box-gallery__pv .list-details > li:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery__pv .list-details > li {
    width: 100%;
    margin-bottom: 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-gallery .box-gallery__pv .detail-in .tmb-gallery {
    height: 315px;
    padding: 5px;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery__pv .detail-in .tmb-gallery {
    height: 56.25vw;
    padding: .8vw;
  }
}

.page-gallery .box-gallery__pv .detail-in .tx-details {
  line-height: 1.6;
}

@media (min-width: 960px) {
  .page-gallery .box-gallery__pv .detail-in .tx-details {
    padding-top: 10px;
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery__pv .detail-in .tx-details {
    padding-top: 2.6vw;
    font-size: 4vw;
  }
}

@media (min-width: 960px) {
  .page-gallery .box-gallery__pv .detail-in a::after {
    width: 120px;
    height: 67px;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery__pv .detail-in a::after {
    width: 22.99vw;
    height: 12.933vw;
  }
}

@media (min-width: 960px) {
  .page-gallery .box-gallery__charamov .list-details > li {
    width: 23.68%;
    margin-right: 20px;
    margin-bottom: 30px;
  }
  .page-gallery .box-gallery__charamov .list-details > li:nth-of-type(4n) {
    margin-right: 0;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery__charamov .list-details > li {
    width: 48.6%;
    margin-right: 2.6vw;
    margin-bottom: 5.3vw;
  }
  .page-gallery .box-gallery__charamov .list-details > li:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media (min-width: 960px) {
  .page-gallery .box-gallery__charamov .detail-in .tmb-gallery {
    height: 170px;
    padding: 5px;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery__charamov .detail-in .tmb-gallery {
    height: 26.5vw;
    padding: .5vw;
  }
}

@media (min-width: 960px) {
  .page-gallery .box-gallery__charamov .detail-in .tx-details {
    padding-top: 10px;
    font-size: 16px;
    line-height: 1.4;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery__charamov .detail-in .tx-details {
    padding-top: 1.3vw;
    font-size: 3vw;
  }
}

@media (min-width: 960px) {
  .page-gallery .box-gallery__charamov .detail-in a::after {
    width: 90px;
    height: 50px;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery__charamov .detail-in a::after {
    width: 15.99vw;
    height: 8.933vw;
  }
}

@media (min-width: 960px) {
  .page-gallery .box-gallery__screenshot .list-details > li {
    width: 23.68%;
    margin-right: 20px;
    margin-bottom: 20px;
  }
}

.page-gallery .box-gallery__screenshot .list-details > li:nth-of-type(4n) {
  margin-right: 0;
}

@media (max-width: 959px) {
  .page-gallery .box-gallery__screenshot .list-details > li {
    width: 48.6%;
    margin-right: 2.6vw;
    margin-bottom: 2.6vw;
  }
  .page-gallery .box-gallery__screenshot .list-details > li:nth-of-type(2n) {
    margin-right: 0;
  }
}

@media (min-width: 960px) {
  .page-gallery .box-gallery__screenshot .detail-in .tmb-gallery {
    height: 160px;
    padding: 5px;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery__screenshot .detail-in .tmb-gallery {
    height: 26.5vw;
    padding: .5vw;
  }
}

.page-gallery .box-gallery .capt {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
}

@media (min-width: 960px) {
  .page-gallery .box-gallery .capt {
    padding-bottom: 30px;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery .capt {
    padding-bottom: 4vw;
  }
}

.page-gallery .box-gallery .capt::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background: #232323;
  transform: translate(-50%, 0);
  content: "";
}

@media (min-width: 960px) {
  .page-gallery .box-gallery .capt::after {
    width: 50px;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery .capt::after {
    width: 6.66vw;
  }
}

@media (min-width: 960px) {
  .page-gallery .box-gallery .capt {
    font-size: 36px;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery .capt {
    font-size: 6.666vw;
  }
}

@media (min-width: 960px) {
  .page-gallery .box-gallery .details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-gallery .box-gallery .details {
    padding-top: 4vw;
  }
}

.page-gallery .box-gallery .list-details {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.page-gallery .box-gallery .detail-in .tmb-gallery {
  position: relative;
  border: 1px solid #ab69a1;
  background-color: #fff;
  overflow: hidden;
}

.page-gallery .box-gallery .detail-in .tmb-gallery img {
  width: auto;
  height: 100%;
}

.page-gallery .box-gallery .detail-in .tmb-in {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 100%;
}

.page-gallery .box-gallery .detail-in a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  transition: .3s ease;
  background-color: #232323;
}

.page-gallery .box-gallery .detail-in a:hover {
  background: #ab69a1;
}

.page-gallery .box-gallery .detail-in a:hover img {
  opacity: .7;
}

.page-gallery .box-gallery .detail-in a img {
  opacity: .6;
}

/* --- project _top.scss --- */
.page-special {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-special::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: .6;
  content: "";
}

@media (min-width: 960px) {
  .page-special::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-special::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-special {
    background: url(https://www.koeitecmoamerica.com/images/special/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-special::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-special::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/special/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-special::after {
    height: 60.933vw;
    background-size: contain;
  }
}

.page-special img {
  width: 100%;
}

.page-special .special-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-special .special-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-special .special-wrap {
    padding: 14.666vw 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-special .ttl-cont {
    width: 460px;
  }
  .page-special .ttl-cont img {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .page-special .ttl-cont {
    padding-left: 2.6vw;
    height: 7.999vw;
  }
  .page-special .ttl-cont img {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 960px) {
  .page-special .box-special {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-special .box-special {
    padding-top: 10.66vw;
  }
}

.page-special .box-special .list-details {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 960px) {
  .page-special .box-special .list-details > li {
    width: 31.5%;
    margin-right: 30px;
    margin-bottom: 50px;
  }
  .page-special .box-special .list-details > li:nth-of-type(3n) {
    margin-right: 0;
  }
}

@media (max-width: 959px) {
  .page-special .box-special .list-details > li {
    width: 48.6%;
    margin-right: 2.6vw;
    margin-bottom: 5.3vw;
  }
  .page-special .box-special .list-details > li:nth-of-type(2n) {
    margin-right: 0;
  }
}

.page-special .box-special .detail-in {
  position: relative;
}

.page-special .box-special .detail-in .ico-new {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #ab69a1;
  z-index: 2;
}

@media (min-width: 960px) {
  .page-special .box-special .detail-in .ico-new {
    font-size: 18px;
    padding: 3px 5px;
  }
}

@media (max-width: 959px) {
  .page-special .box-special .detail-in .ico-new {
    font-size: 2.6vw;
    padding: 1vw 1.4vw;
  }
}

.page-special .box-special .detail-in .tmb-gallery {
  position: relative;
  border: 1px solid #ab69a1;
  background-color: #fff;
  overflow: hidden;
}

@media (min-width: 960px) {
  .page-special .box-special .detail-in .tmb-gallery {
    height: 362px;
    padding: 5px;
  }
}

@media (max-width: 959px) {
  .page-special .box-special .detail-in .tmb-gallery {
    height: 46.25vw;
    padding: .8vw;
  }
}

.page-special .box-special .detail-in .tmb-in {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 100%;
  background-color: #ab69a1;
}

.page-special .box-special .detail-in .tmb-in img {
  width: auto;
  height: 100%;
}

.page-special .box-special .detail-in .tx-date {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

@media (min-width: 960px) {
  .page-special .box-special .detail-in .tx-date {
    padding-top: 10px;
    font-size: 16px;
  }
}

@media (max-width: 959px) {
  .page-special .box-special .detail-in .tx-date {
    padding-top: 1.3vw;
    font-size: 2vw;
  }
}

.page-special .box-special .detail-in .tx-day {
  color: #ab69a1;
  font-weight: bold;
}

.page-special .box-special .detail-in .tx-category {
  display: inline-block;
  color: #fff;
  background-color: #ab69a1;
}

@media (min-width: 960px) {
  .page-special .box-special .detail-in .tx-category {
    padding: 3px;
  }
}

@media (max-width: 959px) {
  .page-special .box-special .detail-in .tx-category {
    padding: .3vw .6vw;
  }
}

.page-special .box-special .detail-in .tx-details {
  line-height: 1.6;
}

@media (min-width: 960px) {
  .page-special .box-special .detail-in .tx-details {
    padding-top: 10px;
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-special .box-special .detail-in .tx-details {
    padding-top: 1.3vw;
    font-size: 3vw;
  }
}

@media (min-width: 960px) {
  .page-special .box-special .detail-in a {
    transition: all .3s ease;
  }
  .page-special .box-special .detail-in a:hover .tmb-in img {
    opacity: .7;
  }
}

/* --- _music.scss --- */
.page-music {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-music::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: .6;
  content: "";
}

@media (min-width: 960px) {
  .page-music::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-music::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-music {
    background: url(https://www.koeitecmoamerica.com/images/product/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-music::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-music::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/product/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-music::after {
    height: 60.933vw;
    background-size: contain;
  }
}

.page-music .music-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-music .music-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-music .music-wrap {
    padding: 14.666vw 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-music .ttl-cont {
    height: 100px;
  }
  .page-music .ttl-cont img {
    height: 100%;
  }
}

@media (max-width: 959px) {
  .page-music .ttl-cont {
    padding-left: 2.6vw;
    height: 11.999vw;
  }
  .page-music .ttl-cont img {
    width: auto;
    height: 100%;
  }
}

.page-music .box-music img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

@media (min-width: 960px) {
  .page-music .box-music {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music {
    padding-top: 8.66vw;
  }
}

.page-music .box-music .capt {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
}

@media (min-width: 960px) {
  .page-music .box-music .capt {
    padding-bottom: 30px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .capt {
    padding-bottom: 4vw;
  }
}

.page-music .box-music .capt::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background: #232323;
  transform: translate(-50%, 0);
  content: "";
}

@media (min-width: 960px) {
  .page-music .box-music .capt::after {
    width: 50px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .capt::after {
    width: 6.66vw;
  }
}

@media (min-width: 960px) {
  .page-music .box-music .capt {
    font-size: 36px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .capt {
    font-size: 6.666vw;
  }
}

.page-music .box-music .box-subcapt {
  line-height: 1.6;
}

@media (min-width: 960px) {
  .page-music .box-music .box-subcapt {
    width: 800px;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .box-subcapt {
    padding-top: 4vw;
  }
}

@media (min-width: 960px) {
  .page-music .box-music .details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .details {
    padding-top: 4vw;
  }
}

.page-music .box-music .details__wrap {
  background: #fff;
  border: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-music .box-music .details__wrap {
    width: 1040px;
    margin: 0 auto;
    padding: 40px 40px 60px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .details__wrap {
    padding: 2.6vw 2.6vw 8vw;
  }
}

.page-music .box-music .details .bt-buy-wrap a {
  background: linear-gradient(to right, #ab69a1 0%, #934a98 51%, #ab69a1 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-music .box-music .details .bt-buy-wrap a:hover {
  background-position: right center;
}

.page-music .box-music .details .bt-buy-wrap.is-dmm .in-border {
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 960px) {
  .page-music .box-music .details .bt-buy-wrap.is-dmm .in-border {
    line-height: .4em;
    padding-top: 4px;
  }
}

.page-music .box-music .details .bt-buy-wrap .is-small {
  line-height: 1;
}

@media (min-width: 960px) {
  .page-music .box-music .details .bt-buy-wrap .is-small {
    font-size: 10px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .details .bt-buy-wrap .is-small {
    font-size: 1.2vw;
  }
}

.page-music .box-music .details .bt-buy-wrap.is-comingsoon .bt-comingsoon {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  border-radius: .5rem;
  background: #ab69a1;
  opacity: .7;
}

@media (min-width: 960px) {
  .page-music .box-music .details .bt-buy-wrap.is-comingsoon .bt-comingsoon {
    padding: 4px;
  }
  .page-music .box-music .details .bt-buy-wrap.is-comingsoon .bt-comingsoon::before {
    width: 30px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .details .bt-buy-wrap.is-comingsoon .bt-comingsoon {
    padding: 1vw;
  }
  .page-music .box-music .details .bt-buy-wrap.is-comingsoon .bt-comingsoon::before {
    width: 5.3vw;
  }
}

.page-music .box-music .details .bt-buy-wrap.is-comingsoon .bt-comingsoon::before {
  position: absolute;
  right: 0;
  top: 50%;
  display: block;
  height: 1px;
  background: #fff;
  transform: translate(0, -50%);
  content: "";
}

.page-music .box-music .details .flex-bt-buy {
  display: flex;
  justify-content: space-between;
}

@media (max-width: 959px) {
  .page-music .box-music .details .flex-bt-buy .bt-buy-wrap {
    margin: 2.6vw 1.3vw;
    width: 50%;
  }
}

@media (min-width: 960px) {
  .page-music .box-music__oped .pic-details, .page-music .box-music__soundtrack .pic-details {
    padding: 30px 0;
  }
}

@media (max-width: 959px) {
  .page-music .box-music__oped .pic-details, .page-music .box-music__soundtrack .pic-details {
    padding: 4vw 0;
  }
}

.page-music .box-music .pv-inner .mov-in {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}

.page-music .box-music .pv-inner .mov-in iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.page-music .box-music .pv-inner .tx-bgm {
  text-align: center;
}

@media (min-width: 960px) {
  .page-music .box-music .pv-inner .tx-bgm {
    padding-top: 20px;
    line-height: 1.6;
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .pv-inner .tx-bgm {
    padding-top: 2.6vw;
  }
}

.page-music .box-music .box-details .capt-details {
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}

@media (min-width: 960px) {
  .page-music .box-music .box-details .capt-details {
    font-size: 30px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .box-details .capt-details {
    font-size: 5.3vw;
  }
}

.page-music .box-music .box-details__vocalcd, .page-music .box-music .box-details__profile {
  border-top: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-music .box-music .box-details__vocalcd, .page-music .box-music .box-details__profile {
    margin-top: 60px;
    padding-top: 60px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .box-details__vocalcd, .page-music .box-music .box-details__profile {
    margin-top: 5.3vw;
    padding-top: 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-music .box-music .box-details__profile .tx-details {
    padding-top: 10px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .box-details__profile .tx-details {
    padding-top: 1.3vw;
  }
}

.page-music .box-music .box-details .pic-details {
  text-align: center;
}

.page-music .box-music .tx-details {
  margin: 0 auto;
}

@media (min-width: 960px) {
  .page-music .box-music .tx-details {
    width: 800px;
    font-size: 16px;
    line-height: 1.8;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .tx-details {
    line-height: 1.6;
  }
}

.page-music .box-music .tx-details__catch {
  font-weight: bold;
}

@media (min-width: 960px) {
  .page-music .box-music .tx-details__cast {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .tx-details__cast {
    padding-top: 4vw;
  }
}

.page-music .box-music .catch-details {
  font-weight: bold;
}

@media (min-width: 960px) {
  .page-music .box-music .catch-details {
    padding-bottom: 20px;
    font-size: 20px;
    text-align: center;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .catch-details {
    padding-bottom: 2.6vw;
  }
}

.page-music .box-music .tx-day {
  font-weight: bold;
  text-align: center;
}

@media (min-width: 960px) {
  .page-music .box-music .tx-day {
    padding-top: 40px;
    font-size: 30px;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .tx-day {
    padding-top: 5.3vw;
    font-size: 4vw;
  }
}

.page-music .box-music .list-recording {
  list-style: decimal;
}

.page-music .box-music .list-recording li {
  padding-left: 1em;
  text-indent: -1em;
}

@media (min-width: 960px) {
  .page-music .box-music .bt-buy-wrap {
    margin: 20px auto 0;
  }
}

@media (max-width: 959px) {
  .page-music .box-music .bt-buy-wrap {
    margin: 4vw auto 0;
  }
}

/* --- project _top.scss --- */
.page-dlc {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-dlc::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: .6;
  content: "";
}

@media (min-width: 960px) {
  .page-dlc::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-dlc::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-dlc {
    background: url(https://www.koeitecmoamerica.com/images/dlc/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-dlc::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-dlc::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/dlc/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-dlc::after {
    height: 60.933vw;
    background-size: contain;
  }
}

.page-dlc .dlc-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-dlc .dlc-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-dlc .dlc-wrap {
    padding: 14.666vw 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-dlc .ttl-cont {
    height: 85px;
  }
  .page-dlc .ttl-cont img {
    height: 100%;
  }
}

@media (max-width: 959px) {
  .page-dlc .ttl-cont {
    padding-left: 2.6vw;
    height: 11.999vw;
  }
  .page-dlc .ttl-cont img {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc {
    padding-top: 100px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc {
    padding-top: 10.66vw;
    line-height: 1.4;
  }
}

.page-dlc .box-dlc img {
  width: 100%;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .box-about {
    width: 880px;
    margin: 0 auto;
    padding-top: 20px;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__seasonpass .tx-details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__seasonpass .tx-details {
    padding: 3vw 2.6vw 0;
  }
}

.page-dlc .box-dlc__seasonpass .tx-details__lead {
  line-height: 1.6;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__seasonpass .tx-details__lead {
    padding-top: 10px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__seasonpass .tx-details__lead {
    padding-top: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__seasonpass .tx-details__caution {
    padding-top: 20px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__seasonpass .tx-details__caution {
    padding-top: 2.6vw;
  }
}

.page-dlc .box-dlc__seasonpass .area-secondary {
  border: 1px solid #ab69a1;
  background: rgba(171, 105, 161, 0.1);
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__seasonpass .area-secondary {
    margin-top: 50px;
    padding: 40px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__seasonpass .area-secondary {
    margin-top: 5.3vw;
    padding: 1.3vw 1.3vw 4vw;
  }
}

.page-dlc .box-dlc__seasonpass .area-secondary .catch-secondary {
  border-bottom: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__seasonpass .area-secondary .catch-secondary {
    padding-bottom: 20px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__seasonpass .area-secondary .catch-secondary {
    padding-bottom: 2.6vw;
  }
}

.page-dlc .box-dlc__seasonpass .area-secondary .catch-secondary p {
  display: flex;
  justify-content: center;
  color: #fff;
  font-weight: bold;
  background: #232323;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__seasonpass .area-secondary .catch-secondary p {
    padding: 1px 2px;
    font-size: 39px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__seasonpass .area-secondary .catch-secondary p {
    padding: .2em;
    font-size: 5.3vw;
    text-align: center;
    line-height: 1.2;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__scenery .tx-details, .page-dlc .box-dlc__bgm .tx-details, .page-dlc .box-dlc__costume .tx-details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__scenery .tx-details, .page-dlc .box-dlc__bgm .tx-details, .page-dlc .box-dlc__costume .tx-details {
    padding-top: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__scenery .tx-details__lead, .page-dlc .box-dlc__bgm .tx-details__lead, .page-dlc .box-dlc__costume .tx-details__lead {
    padding-top: 10px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__scenery .tx-details__lead, .page-dlc .box-dlc__bgm .tx-details__lead, .page-dlc .box-dlc__costume .tx-details__lead {
    padding-top: 2.6vw;
  }
}

.page-dlc .box-dlc__scenery .sub-capt a {
  color: #ab69a1;
}

.page-dlc .box-dlc__scenery .box-scenery-list {
  border-top: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__scenery .box-scenery-list {
    margin-top: 40px;
    padding-top: 40px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__scenery .box-scenery-list {
    margin-top: 5.3vw;
    padding-top: 5.3vw;
  }
}

.page-dlc .box-dlc__bgm .sub-capt a {
  color: #ab69a1;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__bgm .box-bgm-list {
    padding-top: 40px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__bgm .box-bgm-list {
    padding-top: 5.3vw;
  }
}

.page-dlc .box-dlc__bgm .list-bgm::after {
  display: block;
  content: "";
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__bgm .list-bgm::after {
    width: 31.5%;
  }
}

.page-dlc .box-dlc__bgm .list-bgm li {
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__bgm .list-bgm li {
    padding: 30px 20px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__bgm .list-bgm li {
    padding: 4vw 2.6vw;
  }
}

.page-dlc .box-dlc__bgm .list-bgm li .tx-bgm {
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__bgm .list-bgm li .tx-bgm {
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__bgm .list-bgm li .tx-bgm {
    font-size: 2.6vw;
  }
}

.page-dlc .box-dlc__costume .sub-capt a {
  color: #ab69a1;
}

.page-dlc .box-dlc__costume .box-scenery-list {
  border-top: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__costume .box-scenery-list {
    margin-top: 60px;
    padding-top: 60px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__costume .box-scenery-list {
    margin-top: 8vw;
    padding-top: 8vw;
  }
}

.page-dlc .box-dlc__costume .capt-step {
  display: flex;
  justify-content: center;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__costume .capt-step {
    margin-bottom: 20px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__costume .capt-step {
    margin-bottom: 2.6vw;
  }
}

.page-dlc .box-dlc__costume .capt-step span {
  color: #fff;
  background: #ab69a1;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc__costume .capt-step span {
    padding: 3px 5px;
    font-size: 24px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc__costume .capt-step span {
    padding: .1em .3em;
    font-size: 4vw;
  }
}

.page-dlc .box-dlc .capt {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .capt {
    padding-bottom: 30px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .capt {
    padding-bottom: 4vw;
  }
}

.page-dlc .box-dlc .capt::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background: #232323;
  transform: translate(-50%, 0);
  content: "";
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .capt::after {
    width: 50px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .capt::after {
    width: 6.66vw;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .capt {
    font-size: 36px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .capt {
    font-size: 6.666vw;
  }
}

.page-dlc .box-dlc .sub-capt {
  line-height: 1.6;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .sub-capt {
    width: 800px;
    margin: 0 auto;
    padding-top: 20px;
    text-align: center;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .sub-capt {
    padding-top: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .details {
    padding-top: 4vw;
  }
}

.page-dlc .box-dlc .details__wrap {
  background: #fff;
  border: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details__wrap {
    padding: 40px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .details__wrap {
    padding: 2.6vw 2.6vw 8vw;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details__wrap .flex-details {
    display: flex;
    justify-content: space-between;
  }
}

.page-dlc .box-dlc .details .tx-details__price {
  font-weight: bold;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details .tx-details__price {
    font-size: 30px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .details .tx-details__price {
    font-size: 4vw;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details .tx-details__lead {
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .details .tx-details__lead {
    font-size: 3.2vw;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details .tx-details__caution {
    font-size: 14px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .details .tx-details__caution {
    font-size: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details .caution-secondary {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .details .caution-secondary {
    padding-top: 4vw;
  }
}

.page-dlc .box-dlc .details .list-dlc {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  font-weight: bold;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details .list-dlc {
    padding-top: 20px;
    padding-left: 20px;
    font-size: 24px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .details .list-dlc {
    padding-top: 2.6vw;
    padding-left: 2.6vw;
    font-size: 4vw;
  }
}

.page-dlc .box-dlc .details .list-dlc dt {
  width: 30%;
  text-indent: -1em;
}

.page-dlc .box-dlc .details .list-dlc dt::before {
  display: inline;
  content: "・";
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details .list-dlc dt {
    margin-bottom: 10px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .details .list-dlc dt {
    margin-bottom: 1.3vw;
  }
}

.page-dlc .box-dlc .details .list-dlc dd {
  width: 70%;
  text-indent: -1em;
}

.page-dlc .box-dlc .details .list-dlc dd::before {
  display: inline;
  content: "：";
}

.page-dlc .box-dlc .details .list-dlc dd span {
  font-size: 70%;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details .list-dlc dd {
    margin-bottom: 10px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .details .list-dlc dd {
    margin-bottom: 1.3vw;
  }
}

.page-dlc .box-dlc .details .bt-dlc-wrap a {
  background: linear-gradient(to right, #ab69a1 0%, #934a98 51%, #ab69a1 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-dlc .box-dlc .details .bt-dlc-wrap a:hover {
  background-position: right center;
}

.page-dlc .box-dlc .details .bt-dlc-wrap.is-dmm .in-border {
  flex-wrap: wrap;
  flex-direction: column;
  align-items: center;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details .bt-dlc-wrap.is-dmm .in-border {
    line-height: .4em;
    padding-top: 4px;
  }
}

.page-dlc .box-dlc .details .bt-dlc-wrap .is-small {
  line-height: 1;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .details .bt-dlc-wrap .is-small {
    font-size: 10px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .details .bt-dlc-wrap .is-small {
    font-size: 1.2vw;
  }
}

.page-dlc .box-dlc .details .flex-bt {
  display: flex;
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .details .flex-bt .bt-buy-wrap {
    margin: 2.6vw 1.3vw;
    width: 50%;
  }
}

.page-dlc .box-dlc .list-dlc-pic {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.page-dlc .box-dlc .list-dlc-pic::after {
  display: block;
  content: "";
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .list-dlc-pic::after {
    width: 31.5%;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .list-dlc-pic::after {
    width: 48.6%;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .list-dlc-pic li {
    width: 31.5%;
    padding-bottom: 30px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .list-dlc-pic li {
    width: 48.6%;
    padding-bottom: 4vw;
  }
}

.page-dlc .box-dlc .list-dlc-pic li .tx-scenery {
  font-weight: bold;
  line-height: 1.4;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .list-dlc-pic li .tx-scenery {
    padding-top: 10px;
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .list-dlc-pic li .tx-scenery {
    padding-top: 1.3vw;
    font-size: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .list-dlc-pic li:nth-last-of-type(1), .page-dlc .box-dlc .list-dlc-pic li:nth-last-of-type(2), .page-dlc .box-dlc .list-dlc-pic li:nth-last-of-type(3) {
    padding-bottom: 0;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .list-dlc-pic li:nth-last-of-type(1), .page-dlc .box-dlc .list-dlc-pic li:nth-last-of-type(2) {
    padding-bottom: 0;
  }
}

.page-dlc .box-dlc .flex-bt {
  justify-content: center;
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .flex-bt {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .flex-bt {
    padding-top: 4vw;
  }
}

@media (min-width: 960px) {
  .page-dlc .box-dlc .flex-bt .bt-dlc-wrap {
    margin: 0 10px;
  }
}

@media (max-width: 959px) {
  .page-dlc .box-dlc .flex-bt .bt-dlc-wrap {
    margin: 0 1.3vw;
  }
}

.page-dlc .nav-dlc-inner {
  border-top: 1px solid #ab69a1;
  border-bottom: 1px solid #ab69a1;
  background: #fff;
}

@media (min-width: 960px) {
  .page-dlc .nav-dlc-inner {
    margin-top: 80px;
    padding: 40px 0;
  }
}

@media (max-width: 959px) {
  .page-dlc .nav-dlc-inner {
    margin-top: 10.66vw;
    padding: 2.6vw 5.3vw;
  }
}

.page-dlc .nav-dlc-inner .list-dlc-nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

@media (min-width: 960px) {
  .page-dlc .nav-dlc-inner .list-dlc-nav li {
    padding: 0 40px;
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-dlc .nav-dlc-inner .list-dlc-nav li {
    padding: 2.6vw;
    font-size: 3.2vw;
  }
}

.page-dlc .nav-dlc-inner .list-dlc-nav li a {
  color: #232323;
  transition: .3s ease;
}

.page-dlc .nav-dlc-inner .list-dlc-nav li a:hover {
  color: #ab69a1;
}

.page-dlc .tx-caution {
  font-weight: bold;
}

@media (min-width: 960px) {
  .page-dlc .tx-caution {
    padding: 40px 0 0;
    text-align: center;
  }
}

@media (max-width: 959px) {
  .page-dlc .tx-caution {
    padding: 5.3vw 0 0;
    line-height: 1.4;
  }
}

/* --- _photocp.scss --- */
.page-photocp {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-photocp::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: .6;
  content: "";
}

@media (min-width: 960px) {
  .page-photocp::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-photocp::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-photocp {
    background: url(https://www.koeitecmoamerica.com/images/special/photocp/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-photocp::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-photocp::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/special/photocp/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-photocp::after {
    height: 60.933vw;
    background-size: contain;
  }
}

.page-photocp .photocp-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-photocp .photocp-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-photocp .photocp-wrap {
    padding: 14.666vw 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-photocp .capt-photocp {
    padding-top: 50px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
  }
}

@media (max-width: 959px) {
  .page-photocp .capt-photocp {
    padding: 5.3vw 0 0;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
  }
}

@media (min-width: 960px) {
  .page-photocp .ttl-cont {
    padding-top: 30px;
    text-align: center;
  }
}

@media (max-width: 959px) {
  .page-photocp .ttl-cont {
    padding: 4vw 6vw 0;
  }
  .page-photocp .ttl-cont img {
    width: 100%;
  }
}

@media (min-width: 960px) {
  .page-photocp .tx-date {
    padding-top: 30px;
    font-size: 20px;
    text-align: center;
    letter-spacing: .2em;
  }
}

@media (max-width: 959px) {
  .page-photocp .tx-date {
    padding-top: 5.3vw;
    font-size: 3vw;
    text-align: center;
  }
}

.page-photocp .box-photocp img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

.page-photocp .box-photocp .capt {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .capt {
    padding-bottom: 30px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .capt {
    padding-bottom: 4vw;
  }
}

.page-photocp .box-photocp .capt::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background: #232323;
  transform: translate(-50%, 0);
  content: "";
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .capt::after {
    width: 50px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .capt::after {
    width: 6.66vw;
  }
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .capt {
    font-size: 36px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .capt {
    font-size: 6.666vw;
  }
}

.page-photocp .box-photocp .box-subcapt {
  line-height: 1.6;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-subcapt {
    width: 800px;
    margin: 0 auto;
    padding-top: 30px;
    text-align: center;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-subcapt {
    padding-top: 4vw;
  }
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .details {
    padding-top: 4vw;
  }
}

.page-photocp .box-photocp .details__wrap {
  background: #fff;
  border: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .details__wrap {
    width: 1040px;
    padding: 40px 40px;
    margin: 0 auto;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .details__wrap {
    padding: 5.3vw 5.3vw 8vw;
  }
}

@media (min-width: 960px) {
  .page-photocp .box-photocp__overview .box-details {
    padding: 0 100px;
  }
}

.page-photocp .box-photocp__overview .catch-details {
  font-weight: bold;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp__overview .catch-details {
    font-size: 24px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp__overview .catch-details {
    font-size: 4vw;
  }
}

.page-photocp .box-photocp__overview .pic-details {
  text-align: center;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp__overview .pic-details {
    padding-top: 20px;
    padding-left: 90px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp__overview .pic-details {
    width: 80%;
    margin-left: 15.4vw;
    padding-top: 4vw;
  }
}

.page-photocp .box-photocp__overview .tx-caution__poster {
  text-align: center;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp__overview .tx-caution__poster {
    padding-top: 10px;
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp__overview .tx-caution__poster {
    padding-top: 1.3vw;
    font-size: 3vw;
  }
}

.page-photocp .box-photocp__overview .area-date {
  background: #ab69a1;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp__overview .area-date {
    margin-top: 40px;
    padding: 20px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp__overview .area-date {
    margin-top: 4vw;
    padding: 2.6vw;
  }
}

.page-photocp .box-photocp__overview .area-date .sub-capt {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-photocp .box-photocp__overview .area-date .sub-capt span {
  padding: 0 .2em;
  color: #232323;
  background: #fff;
  line-height: 1.2;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp__overview .area-date .sub-capt span {
    font-size: 24px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp__overview .area-date .sub-capt span {
    font-size: 4vw;
  }
}

.page-photocp .box-photocp__overview .area-date .date {
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp__overview .area-date .date {
    padding-top: 10px;
    font-size: 42px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp__overview .area-date .date {
    padding-top: 1.3vw;
    font-size: 6vw;
  }
}

@media (min-width: 960px) {
  .page-photocp .box-photocp__howto, .page-photocp .box-photocp__terms {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp__howto, .page-photocp .box-photocp__terms {
    padding-top: 10.33vw;
  }
}

.page-photocp .box-photocp .box-details {
  line-height: 1.6;
}

.page-photocp .box-photocp .box-details .capt-details {
  font-weight: bold;
  text-align: center;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details .capt-details {
    font-size: 30px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-details .capt-details {
    font-size: 5.3vw;
  }
}

.page-photocp .box-photocp .box-details__howto {
  font-weight: bold;
  letter-spacing: .2rem;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details__howto {
    font-size: 24px;
  }
}

.page-photocp .box-photocp .box-details__howto .capt-no {
  display: flex;
  justify-content: center;
  align-items: center;
}

.page-photocp .box-photocp .box-details__howto .capt-no::before, .page-photocp .box-photocp .box-details__howto .capt-no::after {
  height: 1px;
  flex-grow: 1;
  background-color: #ab69a1;
  content: "";
}

.page-photocp .box-photocp .box-details__howto .capt-no::before {
  margin-right: 3rem;
}

.page-photocp .box-photocp .box-details__howto .capt-no::after {
  margin-left: 3rem;
}

.page-photocp .box-photocp .box-details__howto .no-howto {
  display: flex;
  justify-content: center;
  line-height: 1;
  background: #ab69a1;
  transform: rotate(45deg);
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details__howto .no-howto {
    width: 50px;
    height: 50px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-details__howto .no-howto {
    width: 8vw;
    height: 8vw;
  }
}

.page-photocp .box-photocp .box-details__howto .no-howto span {
  color: #fff;
  font-weight: bold;
  transform: rotate(-45deg);
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details__howto .no-howto span {
    padding-top: 7px;
    font-size: 30px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-details__howto .no-howto span {
    padding-top: 1.3vw;
    font-size: 4vw;
  }
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details__howto .tx-howto {
    padding-top: 40px;
    text-align: center;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-details__howto .tx-howto {
    padding-top: 5.3vw;
  }
}

.page-photocp .box-photocp .box-details__howto .l-tw {
  color: #1da1f2;
  text-decoration: underline;
}

.page-photocp .box-photocp .box-details__howto .table-inner {
  margin: 0 auto;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details__howto .table-inner {
    width: 800px;
    padding-top: 50px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-details__howto .table-inner {
    padding-top: 5.3vw;
  }
}

.page-photocp .box-photocp .box-details__howto .table-inner table {
  width: 100%;
  border-collapse: collapse;
}

.page-photocp .box-photocp .box-details__howto .table-inner table tr {
  border: 1px solid #ab69a1;
}

.page-photocp .box-photocp .box-details__howto .table-inner .capt-th {
  width: 30%;
  color: #fff;
  font-weight: normal;
  background: #ab69a1;
  text-align: center;
  vertical-align: middle;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details__howto .table-inner .capt-th {
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-details__howto .table-inner .capt-th {
    font-size: 3vw;
  }
}

.page-photocp .box-photocp .box-details__howto .table-inner .c-td {
  width: 70%;
  font-weight: normal;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details__howto .table-inner .c-td {
    padding: 10px 0 10px 10px;
    font-size: 14px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-details__howto .table-inner .c-td {
    padding: 1.3vw 0 1.3vw 1.3vw;
    font-size: 2vw;
  }
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details__howto .table-inner .list-link {
    padding-top: 20px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-details__howto .table-inner .list-link {
    padding-top: 2.6vw;
  }
}

.page-photocp .box-photocp .box-details__howto .table-inner .list-link > li {
  font-weight: normal;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details__howto .table-inner .list-link > li {
    font-size: 14px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-details__howto .table-inner .list-link > li {
    font-size: 2.6vw;
  }
}

.page-photocp .box-photocp .box-details__howto .table-inner .list-link a {
  color: #ab69a1;
}

.page-photocp .box-photocp .box-details__howto .table-inner .list-link a:hover {
  text-decoration: underline;
}

.page-photocp .box-photocp .box-details__howto .list-howto_caution {
  font-weight: normal;
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details__howto .list-howto_caution {
    padding: 30px 0;
    font-size: 14px;
    text-align: center;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-details__howto .list-howto_caution {
    padding: 4vw 0;
    font-size: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .box-details .howto-secondary {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .box-details .howto-secondary {
    padding-top: 8vw;
  }
}

.page-photocp .box-photocp .box-details .c-pink {
  color: #ab69a1;
}

.page-photocp .box-photocp .box-details .c-blue {
  color: #1da1f2;
}

.page-photocp .box-photocp .list-terms > li {
  position: relative;
  padding-left: 1em;
}

.page-photocp .box-photocp .list-terms > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}

@media (min-width: 960px) {
  .page-photocp .box-photocp .list-terms > li {
    font-size: 14px;
    line-height: 1.8;
  }
}

@media (max-width: 959px) {
  .page-photocp .box-photocp .list-terms > li {
    font-size: 2.6vw;
  }
}

.page-photocp .box-photocp .list-terms > li a {
  color: #ab69a1;
}

.page-photocp .box-photocp .list-terms > li a:hover {
  text-decoration: underline;
}

@media (min-width: 960px) {
  .page-photocp .bt-twitter-wrap {
    margin: 20px auto 0;
  }
}

@media (max-width: 959px) {
  .page-photocp .bt-twitter-wrap {
    margin: 4vw auto 0;
  }
}

.page-photocp .bt-twitter-wrap a {
  background: linear-gradient(to right, #1db8f2 0%, #1da1f2 51%, #1db8f2 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-photocp .bt-twitter-wrap a:hover {
  background-position: right center;
}

/* --- project _top.scss --- */
.page-manual {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-manual::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: .6;
  content: "";
}

@media (min-width: 960px) {
  .page-manual::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-manual::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-manual {
    background: url(https://www.koeitecmoamerica.com/images/gallery/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-manual::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-manual::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/gallery/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-manual::after {
    height: 60.933vw;
    background-size: contain;
  }
}

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

.page-manual .manual-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-manual .manual-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-manual .manual-wrap {
    padding: 14.666vw 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-manual .ttl-cont {
    width: 530px;
  }
  .page-manual .ttl-cont img {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .page-manual .ttl-cont {
    padding-left: 2.6vw;
    height: 7.999vw;
  }
  .page-manual .ttl-cont img {
    width: auto;
    height: 100%;
  }
}

.page-manual .tab-manual {
  display: flex;
  justify-content: center;
}

@media (min-width: 960px) {
  .page-manual .tab-manual {
    padding-top: 90px;
  }
}

@media (max-width: 959px) {
  .page-manual .tab-manual {
    padding-top: 5.3vw;
  }
}

.page-manual .tab-manual .list-manual {
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 959px) {
  .page-manual .tab-manual .list-manual {
    width: 90%;
    flex-wrap: wrap;
  }
}

.page-manual .tab-manual .list-manual__item {
  position: relative;
  color: #232323;
}

@media (min-width: 960px) {
  .page-manual .tab-manual .list-manual__item {
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-manual .tab-manual .list-manual__item {
    margin-top: 2.6vw;
    font-size: 4vw;
  }
}

.page-manual .tab-manual .list-manual__item:not(:last-child) {
  border-right: 1px solid #232323;
}

@media (min-width: 960px) {
  .page-manual .tab-manual .list-manual__item:not(:last-child) {
    padding-right: 30px;
  }
}

@media (max-width: 959px) {
  .page-manual .tab-manual .list-manual__item:not(:last-child) {
    padding-right: 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-manual .tab-manual .list-manual__item:not(:first-child) {
    padding-left: 30px;
  }
}

@media (max-width: 959px) {
  .page-manual .tab-manual .list-manual__item:not(:first-child) {
    padding-left: 5.3vw;
  }
}

.page-manual .tab-manual .list-manual__item.is-active span {
  position: relative;
  display: inline-block;
  padding-bottom: 4px;
}

.page-manual .tab-manual .list-manual__item.is-active span::after {
  display: block;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 50%;
  height: 1px;
  background-color: #ab69a1;
  transition: .3s all;
  transform: translateX(-50%);
  content: '';
}

.page-manual .tab-manual .list-manual a {
  position: relative;
  color: #232323;
}

@media (min-width: 960px) {
  .page-manual .tab-manual .list-manual a {
    display: inline-block;
    padding-bottom: 4px;
  }
  .page-manual .tab-manual .list-manual a::after {
    display: block;
    position: absolute;
    width: 0;
    bottom: 0;
    left: 50%;
    height: 1px;
    background-color: #ab69a1;
    transition: .3s all;
    transform: translateX(-50%);
    content: '';
  }
  .page-manual .tab-manual .list-manual a:hover::after {
    width: 100%;
  }
}

@media (min-width: 960px) {
  .page-manual .box-manual {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual {
    padding-top: 10.66vw;
  }
}

.page-manual .box-manual .capt {/*h3*/
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
  font-weight: bold;
}

@media (min-width: 960px) {
  .page-manual .box-manual .capt {/*h3*/
    padding-bottom: 30px;
    font-size: 36px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .capt {/*h3*/
    padding-bottom: 4vw;
    font-size: 6.666vw;
  }
}

.page-manual .box-manual .capt::after {/*h3の下の線*/
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background: #232323;
  transform: translate(-50%, 0);
  content: "";
}

@media (min-width: 960px) {
  .page-manual .box-manual .capt::after {
    width: 50px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .capt::after {
    width: 6.66vw;
  }
}

@media (min-width: 960px) {
  .page-manual .box-manual .catch {/*h3の下のキャッチ文*/
    padding-bottom: 30px;
    font-size: 20px;
    text-align: center;
    line-height: 1.8;
/*	  width: 1020px;追加*/	  
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .catch {/*キャッチ*/
    padding-bottom: 4vw;
    font-size: 4vw;
    line-height: 1.6;
  }
}

.page-manual .box-manual .catch__secondary {
  line-height: 1.6;
}

@media (min-width: 960px) {
  .page-manual .box-manual .catch__secondary {
    padding-bottom: 30px;
    text-align: center;
	  font-size: 1.5vw;/*英語版マニュアル追加*/
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .catch__secondary {
    padding-bottom: 4vw;
    font-size: 3vw;
  }
}

.page-manual .box-manual__honmaru .tx-details {/*本丸の本文のわく*/
  counter-reset: number 0;
}

.page-manual .box-manual__honmaru .tx-details .sub-capt {
  display: flex;
  align-items: center;
}

.page-manual .box-manual__honmaru .tx-details .sub-capt::before {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #ab69a1;
  border-radius: 50%;
  line-height: 1;
  content: counter(number);
  counter-increment: number 1;
}

@media (min-width: 960px) {
  .page-manual .box-manual__honmaru .tx-details .sub-capt::before {
    width: 30px;
    height: 30px;
    font-size: 20px;
    margin-right: 10px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual__honmaru .tx-details .sub-capt::before {
    width: 5.3vw;
    height: 5.3vw;
    font-size: 2.6vw;
    margin-right: 1.3vw;
  }
}

.page-manual .box-manual__secondary .capt::after {
  display: none;
}

.page-manual .box-manual__secondary .details .tx-details__number, .page-manual .box-manual__display .details .tx-details__number {
  counter-reset: number 0;
}

.page-manual .box-manual__secondary .details .tx-details__number .sub-capt, .page-manual .box-manual__display .details .tx-details__number .sub-capt {
  display: flex;
  align-items: center;
}

.page-manual .box-manual__secondary .details .tx-details__number .sub-capt::before, .page-manual .box-manual__display .details .tx-details__number .sub-capt::before {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  background: #ab69a1;
  border-radius: 50%;
  line-height: 1;
  content: counter(number);
  counter-increment: number 1;
}

@media (min-width: 960px) {
  .page-manual .box-manual__secondary .details .tx-details__number .sub-capt::before, .page-manual .box-manual__display .details .tx-details__number .sub-capt::before {
    width: 30px;
    height: 30px;
    font-size: 20px;
    margin-right: 10px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual__secondary .details .tx-details__number .sub-capt::before, .page-manual .box-manual__display .details .tx-details__number .sub-capt::before {
    width: 5.3vw;
    height: 5.3vw;
    font-size: 2.6vw;
    margin-right: 1.3vw;
  }
}

.page-manual .box-manual__secondary .details .tx-details__number .content .rod, .page-manual .box-manual__display .details .tx-details__number .content .rod {
  line-height: 1;
}

.page-manual .box-manual__secondary .details .tx-details__number .content .rod::after, .page-manual .box-manual__display .details .tx-details__number .content .rod::after {
  display: inline-block;
  vertical-align: middle;
  margin-left: .4em;
  width: 1.6em;
  height: .3em;
  background: #000;
  content: "";
}

.page-manual .box-manual__secondary .details .tx-details__number .content .rod-green::after, .page-manual .box-manual__display .details .tx-details__number .content .rod-green::after {
  background: #00fb43;
}

.page-manual .box-manual__secondary .details .tx-details__number .content .rod-blue::after, .page-manual .box-manual__display .details .tx-details__number .content .rod-blue::after {
  background: #04cefe;
}

.page-manual .box-manual__secondary .details .tx-details__number .content .rod-pink::after, .page-manual .box-manual__display .details .tx-details__number .content .rod-pink::after {
  background: #f76bff;
}

.page-manual .box-manual__secondary .details .tx-details__number .content .rod-purple::after, .page-manual .box-manual__display .details .tx-details__number .content .rod-purple::after {
  background: purple;
}

.page-manual .box-manual__secondary .details .capt::after, .page-manual .box-manual__display .details .capt::after {
  display: none;
}

@media (min-width: 960px) {
  .page-manual .box-manual__secondary .details .capt__mtop, .page-manual .box-manual__display .details .capt__mtop {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual__secondary .details .capt__mtop, .page-manual .box-manual__display .details .capt__mtop {
    padding-top: 10.66vw;
  }
}

@media (min-width: 960px) {/*追加*/
.page-manual .box-manual__display .details {
    width: 1040px;
    padding: 40px 40px;
    margin: 0 auto;
  }
}




.page-manual .box-manual .sub-capt {
  color: #ab69a1;
  font-weight: bold;
}

@media (min-width: 960px) {
  .page-manual .box-manual .sub-capt {
    font-size: 26px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .sub-capt {
    font-size: 4vw;
  }
}

.page-manual .box-manual .tx-control {
  font-weight: bold;
  text-align: center;
}

@media (min-width: 960px) {
  .page-manual .box-manual .tx-control {
    padding-bottom: 20px;
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .tx-control {
    padding-bottom: 2.6vw;
    font-size: 4vw;
  }
}

@media (min-width: 960px) {
  .page-manual .box-manual .tx-control__mtop {
    padding-top: 60px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .tx-control__mtop {
    padding-top: 5.3vw;
  }
}

.page-manual .box-manual .box {
  line-height: 1.6;
  border-bottom: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-manual .box-manual .box {
    padding: 30px 0;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .box {
    padding: 4vw 0;
  }
}

.page-manual .box-manual .box__end {
  border-bottom: none;
}

@media (min-width: 960px) {
  .page-manual .box-manual .content {/**/
    padding-top: 10px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .content {
    padding-top: 1.3vw;
  }
}

@media (min-width: 960px) {
  .page-manual .box-manual .content__secondary {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .content__secondary {
    padding-top: 4vw;
  }
}

@media (min-width: 960px) {
  .page-manual .box-manual .details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .details {
    padding-top: 4vw;
  }
}

.page-manual .box-manual .details__wrap {/*ピンク枠*/
  background: #fff;
  border: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-manual .box-manual .details__wrap {
    width: 1000px;
    margin: 0 auto;
    padding: 60px 70px;
  }
}

@media (max-width: 959px) {
  .page-manual .box-manual .details__wrap {
    padding: 6vw 2.6vw;
  }
}

.page-manual .box-manual .table-inner {
  margin: 0 auto;
}

@media (min-width: 960px) {
  .page-manual .box-manual .table-inner {
    width: 700px;
  }
}

.page-manual .box-manual .table-inner table {
  width: 100%;
  border-collapse: collapse;
}

.page-manual .box-manual .table-inner table tr {
  border: 1px solid #ab69a1;
}

.page-manual .box-manual .table-inner table td {
  padding: 1rem;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #ab69a1;
}

.page-manual .box-manual .table-inner .capt-th {
  width: 40%;
  color: #fff;
  background: #ab69a1;
  border-bottom: 1px solid #fff;
}

.page-manual .box-manual .table-inner .capt-th__end {
  border-bottom: none;
}

.page-manual .box-manual .table-inner .capt-th__first {
  background: #fff;
}

.page-manual .box-manual .table-inner .c-td {
  width: 30%;
}

@media (min-width: 960px) {
  .page-manual .list-caution {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-manual .list-caution {
    padding-top: 2.6vw;
  }
}

.page-manual .list-caution > li {
  position: relative;
  padding-left: 3.0em;/*1.2em　インデント幅変更*/
  line-height: 1.6;
}

.page-manual .list-caution > li::before {
  position: absolute;
  top: 0;
  left: 0;
  color: #232323;
  content: "Note: ";/*※　冒頭文字を変更　*/
}

@media (min-width: 960px) {
  .page-manual .list-caution > li {
    font-size: 14px;
  }
}

@media (max-width: 959px) {
  .page-manual .list-caution > li {
    font-size: 2.6vw;
  }
}

.page-manual .c-pink {
  color: #ab69a1;
  font-weight: bold;
}

/* --- project _top.scss --- */
.page-news {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-news::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: .6;
  content: "";
}

@media (min-width: 960px) {
  .page-news::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-news::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-news {
    background: url(https://www.koeitecmoamerica.com/images/character/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-news::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-news::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/character/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-news::after {
    height: 60.933vw;
    background-size: contain;
  }
}

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

.page-news .news-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-news .news-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-news .news-wrap {
    padding: 14.666vw 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-news .ttl-cont {
    width: 305px;
  }
  .page-news .ttl-cont img {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .page-news .ttl-cont {
    padding-left: 2.6vw;
    height: 7.999vw;
  }
  .page-news .ttl-cont img {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 960px) {
  .page-news .box-news {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-news .box-news {
    padding-top: 10.66vw;
  }
}

.page-news .box-news .capt {
  position: relative;
  display: flex;
  justify-content: center;
  line-height: 1.4;
}

@media (min-width: 960px) {
  .page-news .box-news .capt {
    padding-bottom: 30px;
    font-size: 30px;
    text-align: center;
  }
}

@media (max-width: 959px) {
  .page-news .box-news .capt {
    padding-bottom: 4vw;
    font-size: 4vw;
  }
}

.page-news .box-news .capt::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background: #232323;
  transform: translate(-50%, 0);
  content: "";
}

@media (min-width: 960px) {
  .page-news .box-news .capt::after {
    width: 50px;
  }
}

@media (max-width: 959px) {
  .page-news .box-news .capt::after {
    width: 6.66vw;
  }
}

.page-news .box-news .tx-date {
  text-align: center;
}

@media (min-width: 960px) {
  .page-news .box-news .tx-date {
    padding-top: 20px;
    font-size: 14px;
  }
}

@media (max-width: 959px) {
  .page-news .box-news .tx-date {
    padding-top: 2.6vw;
    font-size: 2.6vw;
  }
}

.page-news .box-news .details {
  border: 1px solid #ab69a1;
  background: #fff;
  line-height: 1.4;
}

.page-news .box-news .details h2 {
  color: #ab69a1;
  font-weight: bold;
}

.page-news .box-news .details h3 {
  font-weight: bold;
}

@media (min-width: 960px) {
  .page-news .box-news .details img {
    padding: 10px 0;
  }
}

@media (max-width: 959px) {
  .page-news .box-news .details img {
    padding: 1.3vw 0;
  }
}

.page-news .box-news .details ul > li {
  position: relative;
  padding-left: 1em;
}

.page-news .box-news .details ul > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}

.page-news .box-news .details ol {
  counter-reset: count 0;
}

.page-news .box-news .details ol > li {
  position: relative;
  padding-left: 1em;
}

.page-news .box-news .details ol > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(count) ". ";
  counter-increment: count 1;
}

.page-news .box-news .details a {
  color: #ab69a1;
}

.page-news .box-news .details a:hover {
  text-decoration: underline;
}

@media (min-width: 960px) {
  .page-news .box-news .details {
    margin-top: 30px;
    padding: 50px;
  }
  .page-news .box-news .details h2 {
    font-size: 26px;
  }
  .page-news .box-news .details h3 {
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-news .box-news .details {
    margin-top: 4vw;
    padding: 4vw;
  }
  .page-news .box-news .details h2 {
    font-size: 5.3vw;
  }
  .page-news .box-news .details h3 {
    font-size: 4vw;
  }
}

@media (min-width: 960px) {
  .page-news .box-news .bt-back-wrap {
    margin: 60px auto 0;
  }
}

@media (max-width: 959px) {
  .page-news .box-news .bt-back-wrap {
    margin: 8vw auto 0;
  }
}

.page-news .box-news .bt-back-wrap a {
  background: linear-gradient(to right, #d382b1 0%, #7a57b2 51%, #d382b1 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-news .box-news .bt-back-wrap a:hover {
  background-position: right center;
}

/* --- project _top.scss --- */
.page-goods {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-goods::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1;
  opacity: .6;
  content: "";
}

@media (min-width: 960px) {
  .page-goods::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head.png) no-repeat;
    background-size: cover;
  }
}

@media (max-width: 959px) {
  .page-goods::before {
    background: url(https://www.koeitecmoamerica.com/images/common/bg_cont_head_sp.png) no-repeat;
    background-size: cover;
  }
}

@media (min-width: 960px) {
  .page-goods {
    background: url(https://www.koeitecmoamerica.com/images/product/bg_head.png) no-repeat;
    background-size: 50%;
    background-position: top right;
  }
  .page-goods::before {
    height: 512px;
  }
}

@media (max-width: 959px) {
  .page-goods::before {
    width: 100%;
    height: 19.999vw;
    background: url(https://www.koeitecmoamerica.com/images/product/bg_head_sp.png) no-repeat;
    background-size: cover;
  }
  .page-goods::after {
    height: 60.933vw;
    background-size: contain;
  }
}

.page-goods img {
  width: 100%;
}

.page-goods .goods-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-goods .goods-wrap {
    width: 1200px;
    margin: 0 auto;
    padding: 100px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-goods .goods-wrap {
    padding: 14.666vw 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-goods .ttl-cont {
    width: 230px;
  }
  .page-goods .ttl-cont img {
    width: 100%;
  }
}

@media (max-width: 959px) {
  .page-goods .ttl-cont {
    padding-left: 2.6vw;
    height: 7.999vw;
  }
  .page-goods .ttl-cont img {
    width: auto;
    height: 100%;
  }
}

@media (min-width: 960px) {
  .page-goods .box-special {
    padding-top: 80px;
  }
}

@media (max-width: 959px) {
  .page-goods .box-special {
    padding-top: 10.66vw;
  }
}

.page-goods .box-special .list-details {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 960px) {
  .page-goods .box-special .list-details > li {
    width: 31.5%;
    margin-right: 30px;
    margin-bottom: 50px;
  }
  .page-goods .box-special .list-details > li:nth-of-type(3n) {
    margin-right: 0;
  }
}

@media (max-width: 959px) {
  .page-goods .box-special .list-details > li {
    width: 48.6%;
    margin-right: 2.6vw;
    margin-bottom: 5.3vw;
  }
  .page-goods .box-special .list-details > li:nth-of-type(2n) {
    margin-right: 0;
  }
}

.page-goods .box-special .detail-in {
  position: relative;
}

.page-goods .box-special .detail-in .ico-new {
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
  background-color: #ab69a1;
  z-index: 2;
}

@media (min-width: 960px) {
  .page-goods .box-special .detail-in .ico-new {
    font-size: 18px;
    padding: 3px 5px;
  }
}

@media (max-width: 959px) {
  .page-goods .box-special .detail-in .ico-new {
    font-size: 2.6vw;
    padding: 1vw 1.4vw;
  }
}

.page-goods .box-special .detail-in .tmb-gallery {
  position: relative;
  border: 1px solid #ab69a1;
  background-color: #fff;
  overflow: hidden;
}

@media (min-width: 960px) {
  .page-goods .box-special .detail-in .tmb-gallery {
    height: 362px;
    padding: 5px;
  }
}

@media (max-width: 959px) {
  .page-goods .box-special .detail-in .tmb-gallery {
    height: 46.25vw;
    padding: .8vw;
  }
}

.page-goods .box-special .detail-in .tmb-in {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  height: 100%;
  background-color: #ab69a1;
}

.page-goods .box-special .detail-in .tmb-in img {
  width: auto;
  height: 100%;
}

.page-goods .box-special .detail-in .tx-details {
  line-height: 1.6;
}

@media (min-width: 960px) {
  .page-goods .box-special .detail-in .tx-details {
    padding-top: 10px;
    font-size: 18px;
  }
}

@media (max-width: 959px) {
  .page-goods .box-special .detail-in .tx-details {
    padding-top: 1.3vw;
    font-size: 3vw;
  }
}

@media (min-width: 960px) {
  .page-goods .box-special .detail-in a {
    transition: all .3s ease;
  }
  .page-goods .box-special .detail-in a:hover .tmb-in img {
    opacity: .7;
  }
}

/* --- project _top.scss --- */
.page-guideline {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-guideline .guideline-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-guideline .guideline-wrap {
    width: 1000px;
    margin: 0 auto;
    padding: 80px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-guideline .guideline-wrap {
    padding: 14.666vw 2.6vw;
  }
}

.page-guideline .box-guideline .capt {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
}

@media (min-width: 960px) {
  .page-guideline .box-guideline .capt {
    padding-bottom: 30px;
  }
}

@media (max-width: 959px) {
  .page-guideline .box-guideline .capt {
    padding-bottom: 4vw;
  }
}

.page-guideline .box-guideline .capt::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background: #232323;
  transform: translate(-50%, 0);
  content: "";
}

@media (min-width: 960px) {
  .page-guideline .box-guideline .capt::after {
    width: 50px;
  }
}

@media (max-width: 959px) {
  .page-guideline .box-guideline .capt::after {
    width: 6.66vw;
  }
}

@media (min-width: 960px) {
  .page-guideline .box-guideline .capt {
    font-size: 36px;
  }
}

@media (max-width: 959px) {
  .page-guideline .box-guideline .capt {
    font-size: 6.666vw;
  }
}

@media (min-width: 960px) {
  .page-guideline .box-guideline .details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-guideline .box-guideline .details {
    padding-top: 4vw;
  }
}

.page-guideline .box-guideline .details__wrap {
  line-height: 1.8;
  background: #fff;
  border: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-guideline .box-guideline .details__wrap {
    padding: 40px;
  }
}

@media (max-width: 959px) {
  .page-guideline .box-guideline .details__wrap {
    padding: 5.3vw;
  }
}

@media (min-width: 960px) {
  .page-guideline .box-guideline .details .tx-details__secondary {
    padding-top: 20px;
  }
}

@media (max-width: 959px) {
  .page-guideline .box-guideline .details .tx-details__secondary {
    padding-top: 2.6vw;
  }
}

@media (min-width: 960px) {
  .page-guideline .box-guideline .details section {
    padding-top: 20px;
  }
}

@media (max-width: 959px) {
  .page-guideline .box-guideline .details section {
    padding-top: 2.6vw;
  }
}

.page-guideline .box-guideline .details section h3 {
  font-weight: bold;
}

@media (min-width: 960px) {
  .page-guideline .box-guideline .details section h3 {
    font-size: 20px;
  }
}

@media (max-width: 959px) {
  .page-guideline .box-guideline .details section h3 {
    font-size: 4vw;
  }
}

.page-guideline .box-guideline .details a {
  color: #ab69a1;
}

.page-guideline .box-guideline .details a:hover {
  text-decoration: underline;
}

.page-guideline .box-guideline .details ul > li {
  position: relative;
  padding-left: 1em;
}

.page-guideline .box-guideline .details ul > li::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "・";
}

@media (min-width: 960px) {
  .page-guideline .bt-back-wrap {
    margin: 40px auto 0;
  }
}

@media (max-width: 959px) {
  .page-guideline .bt-back-wrap {
    margin: 5.3vw auto 0;
  }
}

.page-guideline .bt-back-wrap a {
  background: linear-gradient(to right, #ab69a1 0%, #934a98 51%, #ab69a1 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-guideline .bt-back-wrap a:hover {
  background-position: right center;
}

/* --- project _wallpaper.scss --- */
.page-wallpaper {
  position: relative;
  overflow: hidden;
  animation: fadeIn 1s ease-in;
}

.page-wallpaper .wallpaper-wrap {
  position: relative;
  z-index: 3;
}

@media (min-width: 960px) {
  .page-wallpaper .wallpaper-wrap {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 30px 160px;
  }
}

@media (max-width: 959px) {
  .page-wallpaper .wallpaper-wrap {
    padding: 14.666vw 2.6vw;
  }
}

.page-wallpaper .box-wallpaper .capt {
  position: relative;
  display: flex;
  justify-content: center;
  text-align: center;
}

@media (min-width: 960px) {
  .page-wallpaper .box-wallpaper .capt {
    padding-bottom: 30px;
  }
}

@media (max-width: 959px) {
  .page-wallpaper .box-wallpaper .capt {
    padding-bottom: 4vw;
  }
}

.page-wallpaper .box-wallpaper .capt::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  height: 1px;
  background: #232323;
  transform: translate(-50%, 0);
  content: "";
}

@media (min-width: 960px) {
  .page-wallpaper .box-wallpaper .capt::after {
    width: 50px;
  }
}

@media (max-width: 959px) {
  .page-wallpaper .box-wallpaper .capt::after {
    width: 6.66vw;
  }
}

@media (min-width: 960px) {
  .page-wallpaper .box-wallpaper .capt {
    font-size: 36px;
  }
}

@media (max-width: 959px) {
  .page-wallpaper .box-wallpaper .capt {
    font-size: 6.666vw;
  }
}

.page-wallpaper .box-wallpaper .tx-details {
  line-height: 1.6;
  text-align: center;
}

@media (min-width: 960px) {
  .page-wallpaper .box-wallpaper .tx-details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-wallpaper .box-wallpaper .tx-details {
    padding-top: 4vw;
  }
}

@media (min-width: 960px) {
  .page-wallpaper .box-wallpaper .details {
    padding-top: 30px;
  }
}

@media (max-width: 959px) {
  .page-wallpaper .box-wallpaper .details {
    padding-top: 4vw;
  }
}

.page-wallpaper .box-wallpaper .details__wrap {
  line-height: 1.8;
  background: #fff;
  border: 1px solid #ab69a1;
}

@media (min-width: 960px) {
  .page-wallpaper .box-wallpaper .details__wrap {
    padding: 20px;
  }
}

@media (max-width: 959px) {
  .page-wallpaper .box-wallpaper .details__wrap {
    padding: 2.6vw;
  }
}

.page-wallpaper .box-wallpaper .details .list-wallpaper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}

@media (min-width: 960px) {
  .page-wallpaper .box-wallpaper .details .list-wallpaper li {
    width: 31.9%;
    padding-bottom: 20px;
  }
}

@media (max-width: 959px) {
  .page-wallpaper .box-wallpaper .details .list-wallpaper li {
    width: 47%;
    padding-bottom: 2.6vw;
  }
}

.page-wallpaper .box-wallpaper .details .list-wallpaper li:hover {
  opacity: .7;
}

.page-wallpaper .box-wallpaper .details .list-wallpaper li img {
  width: 100%;
  border: 1px solid rgba(171, 105, 161, 0.5);
}

@media (min-width: 960px) {
  .page-wallpaper .bt-back-wrap {
    margin: 40px auto 0;
  }
}

@media (max-width: 959px) {
  .page-wallpaper .bt-back-wrap {
    margin: 5.3vw auto 0;
  }
}

.page-wallpaper .bt-back-wrap a {
  background: linear-gradient(to right, #ab69a1 0%, #934a98 51%, #ab69a1 100%);
  background-size: 200% auto;
  transition: .3s;
}

.page-wallpaper .bt-back-wrap a:hover {
  background-position: right center;
}

/*--------------------
英語版マニュアル追加
----------------------*/

@media (min-width: 960px) {
.page-manual .box-manual .p_big {/*文字サイズリードに揃える*/
	      font-size: 1.2vw;
/*	color: deeppink;*/
}
}


.page-manual .box-manual .content .sw_btn, .page-manual .box-manual .catch__secondary .sw_btn {/*switchボタン化*/
	display: inline-block;
	height: 1.1em;
	vertical-align: text-bottom;
}

@media (min-width: 960px) {
  .page-manual .box-manual .box {
    padding: 30px 0;
	  font-size: 1.2vw;
  }
}

/*display のリスト*/
.li_aki{
	list-style-type: square;
	border: 1px pink dotted;
}
.li_aki li {
	padding-left: 1em;
}