@charset "UTF-8";
/* =============================================================== */
/* reset */
/* =============================================================== */
/*! destyle.css v1.0.15 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model */
/* ============================================ */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

:before,
:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

/* 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 {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border: 0;
  border-top: 1px solid;
  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] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
  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 */
/* ============================================ */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  vertical-align: bottom; }

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom; }

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  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;
  -moz-appearance: checkbox;
  appearance: checkbox; }

[type="radio"] {
  -webkit-appearance: radio;
  -moz-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;
  -moz-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;
  border: 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; }

/* =============================================================== */
/* reset */
/* =============================================================== */
/* =============================================================== */
/* foundation */
/* =============================================================== */
html {
  font-size: 62.5%; }

body {
  margin: 0 auto;
  font-family: 'Noto Sans JP', "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  color: #333333; }
  @media print, screen and (max-width: 1199px) {
    body:not(#tinymce) {
      min-width: 1200px;
      overflow-x: scroll; } }
  @media print, screen and (max-width: 1024px) {
    body:not(#tinymce) {
      min-width: 0;
      overflow-x: hidden;
      -webkit-text-size-adjust: 100%;
      -webkit-overflow-scrolling: touch; } }

@media print, screen and (max-width: 1024px) {
  img {
    width: 100%;
    height: auto; } }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  zoom: 1; }

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

.center_x {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.center_y {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.preload * {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition-delay: unset !important;
          transition-delay: unset !important; }

.resizing *,
.resizing *:before,
.resizing *:after {
  -webkit-transition: none !important;
  transition: none !important;
  -webkit-transition-delay: unset !important;
          transition-delay: unset !important; }

.w100 img,
img.w100 {
  width: 100%;
  height: auto; }

@media print, screen and (min-width: 1024px) {
  .hover {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transition: .2s opacity;
    transition: .2s opacity; }
    .hover:hover {
      opacity: .8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
      cursor: pointer; } }

.quicksand-r {
  font-family: 'Quicksand', sans-serif;
  font-weight: 400; }

.quicksand-m {
  font-family: 'Quicksand', sans-serif;
  font-weight: 500; }

.quicksand-l {
  font-family: 'Quicksand', sans-serif;
  font-weight: 700; }

.min {
  font-family: 'Noto Serif JP', serif; }

.yu-min {
  font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Noto Serif JP', sans-serif;
  font-weight: 400; }

.wf-roundedmplus1c {
  font-family: "M PLUS Rounded 1c", sans-serif; }

.pc_b {
  display: block !important; }
  @media print, screen and (max-width: 1024px) {
    .pc_b {
      display: none !important; } }

.pc_i {
  display: inline !important; }
  @media print, screen and (max-width: 1024px) {
    .pc_i {
      display: none !important; } }

.pc_ib {
  display: inline-block !important; }
  @media print, screen and (max-width: 1024px) {
    .pc_ib {
      display: none !important; } }

.sp_b {
  display: none !important; }
  @media print, screen and (max-width: 1024px) {
    .sp_b {
      display: block !important; } }

.sp_i {
  display: none !important; }
  @media print, screen and (max-width: 1024px) {
    .sp_i {
      display: inline !important; } }

.sp_ib {
  display: none !important; }
  @media print, screen and (max-width: 1024px) {
    .sp_ib {
      display: inline-block !important; } }

/* =============================================================== */
/* st */
/* =============================================================== */
/* =============================================================== */
/* .st-Container */
/* =============================================================== */
.st-Container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  position: relative; }
  .st-Container:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../../images/common/bg-w.jpg") top left/551px auto repeat;
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
    width: 100%;
    height: 100%; }

/* =============================================================== */
/* .st-Letter */
/* =============================================================== */
/* ===============================================================*/
/* .st-Voice */
/* =============================================================== */
.st-Voice {
  position: relative;
  padding: 0 0 80px; }
  @media print, screen and (max-width: 1024px) {
    .st-Voice {
      padding: 0 0 14.32292vw; } }
  .st-Voice_Inner {
    max-width: 1200px;
    margin: 0 auto;
    position: relative; }
    @media print, screen and (max-width: 1024px) {
      .st-Voice_Inner {
        width: 86.97917vw;
        margin: 0 auto;
        display: block; } }
  .st-Voice_Img {
    max-width: 598px;
    -webkit-box-shadow: 0px 16px 38px 10px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 16px 38px 10px rgba(0, 0, 0, 0.05);
    line-height: 0; }
    @media print, screen and (max-width: 1024px) {
      .st-Voice_Img {
        margin: 7.8125vw auto 0;
        width: 100%; } }
  .st-Voice_Content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 0 70px; }
    @media print, screen and (max-width: 1024px) {
      .st-Voice_Content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
            -ms-flex-direction: column;
                flex-direction: column; } }
  .st-Voice_Txt {
    max-width: 536px; }
    @media print, screen and (max-width: 1024px) {
      .st-Voice_Txt {
        max-width: 84.375vw; } }
    .st-Voice_Txt_Copy {
      background: url("../../images/common/bg_line-h.png") left top/7px auto repeat-x, url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x, url("../../images/common/bg_line-h.png") left 32%/7px auto repeat-x, url("../../images/common/bg_line-h.png") left 66%/7px auto repeat-x;
      padding: 16px 0 20px; }
      @media print, screen and (max-width: 1024px) {
        .st-Voice_Txt_Copy {
          background: url("../../images/common/bg_line-h.png") left top/7px auto repeat-x, url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x, url("../../images/common/bg_line-h.png") left 34%/7px auto repeat-x, url("../../images/common/bg_line-h.png") left 66%/7px auto repeat-x;
          padding: 4.16667vw 0; } }
      .st-Voice_Txt_Copy span {
        width: 357.512px;
        display: block; }
        @media print, screen and (max-width: 1024px) {
          .st-Voice_Txt_Copy span {
            width: 85.37253vw; } }
        .st-Voice_Txt_Copy span img {
          max-width: 388px; }
          @media print, screen and (max-width: 1024px) {
            .st-Voice_Txt_Copy span img {
              width: 80%; } }
    .st-Voice_Txt .sw-Txt {
      margin: 36px auto 0; }
      @media print, screen and (max-width: 1024px) {
        .st-Voice_Txt .sw-Txt {
          margin: 7.8125vw auto 0; } }
      .st-Voice_Txt .sw-Txt + .sw-Txt {
        margin: 1em auto 0; }
  .st-Voice_Btn {
    margin: 56px auto 0; }
    @media print, screen and (max-width: 1024px) {
      .st-Voice_Btn {
        margin: 9.11458vw auto 0; } }
    .st-Voice_Btn .sw-Btn {
      background-image: -webkit-linear-gradient(334deg, #2bdcf6 0%, #9b94f7 100%);
      background-image: linear-gradient(116deg, #2bdcf6 0%, #9b94f7 100%);
      width: 380px;
      height: 80px;
      z-index: 10; }
      .st-Voice_Btn .sw-Btn .arw {
        top: 34px; }
      @media print, screen and (max-width: 1024px) {
        .st-Voice_Btn .sw-Btn {
          width: 78.90625vw;
          height: 14.0625vw;
          z-index: 20; }
          .st-Voice_Btn .sw-Btn .arw {
            top: 5.72917vw; } }
    .st-Voice_Btn .mail {
      width: 24px;
      display: inline-block;
      margin: 0 15px 0 0;
      -webkit-transform: translateY(2px);
              transform: translateY(2px); }
      @media print, screen and (max-width: 1024px) {
        .st-Voice_Btn .mail {
          width: 5.20833vw;
          margin: 0 2.08333vw 0 0; } }
    .st-Voice_Btn .icon-mail-b {
      fill: #fff; }

/* =============================================================== */
/* .st-Footer */
/* =============================================================== */
.st-Footer {
  background: #333;
  position: relative;
  padding: 80px 0 50px; }
  @media print, screen and (max-width: 1024px) {
    .st-Footer {
      padding: 13.02083vw 0 7.8125vw; } }
  .st-Footer:after {
    content: '';
    width: 100%;
    height: 4px;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: -webkit-linear-gradient(left, #ffa9ad 0%, #ffa9ad 12%, #95caf5 12%, #95caf5 25%, #ffd681 25%, #ffd681 37%, #ffa9ad 37%, #ffa9ad 50%, #95caf5 50%, #95caf5 62%, #ffd681 62%, #ffd681 75%, #ffa9ad 75%, #ffa9ad 87%, #95caf5 87%, #95caf5 100%);
    background: -webkit-gradient(linear, left top, right top, from(#ffa9ad), color-stop(12%, #ffa9ad), color-stop(12%, #95caf5), color-stop(25%, #95caf5), color-stop(25%, #ffd681), color-stop(37%, #ffd681), color-stop(37%, #ffa9ad), color-stop(50%, #ffa9ad), color-stop(50%, #95caf5), color-stop(62%, #95caf5), color-stop(62%, #ffd681), color-stop(75%, #ffd681), color-stop(75%, #ffa9ad), color-stop(87%, #ffa9ad), color-stop(87%, #95caf5), to(#95caf5));
    background: linear-gradient(90deg, #ffa9ad 0%, #ffa9ad 12%, #95caf5 12%, #95caf5 25%, #ffd681 25%, #ffd681 37%, #ffa9ad 37%, #ffa9ad 50%, #95caf5 50%, #95caf5 62%, #ffd681 62%, #ffd681 75%, #ffa9ad 75%, #ffa9ad 87%, #95caf5 87%, #95caf5 100%); }
    @media print, screen and (max-width: 1024px) {
      .st-Footer:after {
        background: -webkit-linear-gradient(left, #ffa9ad 0%, #ffa9ad 33%, #95caf5 33%, #95caf5 66%, #ffd681 66%, #ffd681 100%);
        background: -webkit-gradient(linear, left top, right top, from(#ffa9ad), color-stop(33%, #ffa9ad), color-stop(33%, #95caf5), color-stop(66%, #95caf5), color-stop(66%, #ffd681), to(#ffd681));
        background: linear-gradient(90deg, #ffa9ad 0%, #ffa9ad 33%, #95caf5 33%, #95caf5 66%, #ffd681 66%, #ffd681 100%); } }
  .st-Footer_Contents {
    width: 960px;
    margin: 0 auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 50% 50%;
        grid-template-columns: 50% 50%;
        -ms-grid-rows: auto 0px auto 0px auto 0px auto;
        grid-template-rows: auto auto auto auto;
    gap: 0px 0px;
    grid-template-areas: "share share" "menu menu" "twitter logo" "copy copy"; }
    .st-Footer_Contents .share {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-area: share; }
    .st-Footer_Contents .menu {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-area: menu; }
    .st-Footer_Contents .twitter {
      -ms-grid-row: 5;
      -ms-grid-column: 1;
      grid-area: twitter; }
    .st-Footer_Contents .logo {
      -ms-grid-row: 5;
      -ms-grid-column: 3;
      grid-area: logo; }
    .st-Footer_Contents .copy {
      -ms-grid-row: 7;
      -ms-grid-column: 1;
      -ms-grid-column-span: 3;
      grid-area: copy; }
    @media print, screen and (max-width: 1024px) {
      .st-Footer_Contents {
        width: 100%;
        -ms-grid-columns: 100%;
            grid-template-columns: 100%;
            -ms-grid-rows: auto 0px auto 0px auto 0px auto 0px auto;
            grid-template-rows: auto auto auto auto auto;
        gap: 0px 0px;
        grid-template-areas: "share" "menu" "twitter" "logo" "copy"; }
        .st-Footer_Contents .share {
          -ms-grid-row: 1;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-area: share; }
        .st-Footer_Contents .menu {
          -ms-grid-row: 3;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-area: menu; }
        .st-Footer_Contents .twitter {
          -ms-grid-row: 5;
          -ms-grid-column: 1;
          grid-area: twitter; }
        .st-Footer_Contents .logo {
          -ms-grid-row: 5;
          -ms-grid-column: 3;
          grid-area: logo; }
        .st-Footer_Contents .copy {
          -ms-grid-row: 7;
          -ms-grid-column: 1;
          -ms-grid-column-span: 3;
          grid-area: copy; }
      .st-Footer_Contents .share {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .st-Footer_Contents .menu {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
      .st-Footer_Contents .twitter {
    -ms-grid-row: 5;
    -ms-grid-column: 1; }
      .st-Footer_Contents .logo {
    -ms-grid-row: 7;
    -ms-grid-column: 1; }
      .st-Footer_Contents .copy {
    -ms-grid-row: 9;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; } }
    .st-Footer_Contents .share {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media print, screen and (max-width: 1024px) {
        .st-Footer_Contents .share {
          display: block; } }
      .st-Footer_Contents .share .ttl {
        color: #fff;
        font-size: 18px;
        letter-spacing: 0.15em;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .share .ttl {
            font-size: 3.90625vw;
            text-align: center;
            display: block; } }
      .st-Footer_Contents .share_List {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin: 0 0 0 20px; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .share_List {
            margin: 3.90625vw 0 0;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        .st-Footer_Contents .share_List li {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .st-Footer_Contents .share_List li:last-child .Item-Anchor {
            margin: 0; }
      .st-Footer_Contents .share .Item-Anchor {
        display: block;
        width: 42px;
        height: 42px;
        margin: 0 14px 0 0; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .share .Item-Anchor {
            width: 11.71875vw;
            height: 11.71875vw;
            margin: 0 3.90625vw 0 0; } }
        .st-Footer_Contents .share .Item-Anchor svg {
          width: 42px;
          height: 42px; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .share .Item-Anchor svg {
              width: 11.71875vw;
              height: 11.71875vw; } }
          @media print, screen and (min-width: 1025px) {
            .st-Footer_Contents .share .Item-Anchor svg {
              -webkit-transition: -webkit-transform .3s;
              transition: -webkit-transform .3s;
              transition: transform .3s;
              transition: transform .3s, -webkit-transform .3s; }
              .st-Footer_Contents .share .Item-Anchor svg:hover {
                -webkit-transform: scale(1.08);
                        transform: scale(1.08); } }
    .st-Footer_Contents .menu_List {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      margin: 60px 0 0;
      position: relative;
      z-index: 2; }
      @media print, screen and (max-width: 1024px) {
        .st-Footer_Contents .menu_List {
          margin: 13.02083vw auto 0;
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between;
          width: 85.41667vw; } }
      .st-Footer_Contents .menu_List .item {
        width: 228px;
        height: 74px;
        font-size: 18px;
        letter-spacing: 0.05em;
        background: url("../../images/common/bg_line-h.png") left top/7px auto repeat-x, url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x; }
        @media print, screen and (min-width: 1025px) {
          .st-Footer_Contents .menu_List .item:not(:nth-child(4n-3)) {
            margin: 0 0 0 14px; }
          .st-Footer_Contents .menu_List .item:nth-child(n+5) {
            background: url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x; } }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .menu_List .item {
            width: 41.14583vw;
            height: 13.02083vw;
            font-size: 3.64583vw; }
            .st-Footer_Contents .menu_List .item:nth-child(n+3) {
              background: url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x; } }
        .st-Footer_Contents .menu_List .item a {
          color: #fff;
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .st-Footer_Contents .menu_List .item a.close {
            color: #888;
            pointer-events: none; }
          @media print, screen and (min-width: 1025px) {
            .st-Footer_Contents .menu_List .item a {
              -webkit-transition: color .3s;
              transition: color .3s; }
              .st-Footer_Contents .menu_List .item a:hover {
                color: #ccc; } }
    .st-Footer_Contents .twitter {
      margin: 60px 0 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      @media print, screen and (max-width: 1024px) {
        .st-Footer_Contents .twitter {
          margin: 10.41667vw 0 0;
          display: block; } }
      .st-Footer_Contents .twitter .sw-Btn {
        background: #fff;
        color: #333;
        width: 240px;
        height: 44px;
        margin: 0; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .twitter .sw-Btn {
            width: 62.5vw;
            height: 12.23958vw;
            margin: 0 auto; } }
        .st-Footer_Contents .twitter .sw-Btn .icon {
          width: 18px;
          display: inline-block;
          margin: 0 5px 0 0; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .twitter .sw-Btn .icon {
              width: 4.94792vw;
              margin: 0 1.82292vw 0 0; } }
          .st-Footer_Contents .twitter .sw-Btn .icon + span {
            -webkit-transform: translateY(-3px);
                    transform: translateY(-3px);
            display: inline-block; }
            @media print, screen and (max-width: 1024px) {
              .st-Footer_Contents .twitter .sw-Btn .icon + span {
                -webkit-transform: translateY(-1.30208vw);
                        transform: translateY(-1.30208vw); } }
        .st-Footer_Contents .twitter .sw-Btn .txt {
          font-size: 16px; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .twitter .sw-Btn .txt {
              font-size: 3.64583vw; } }
        .st-Footer_Contents .twitter .sw-Btn .btn-twitter-w {
          fill: #333; }
        .st-Footer_Contents .twitter .sw-Btn .btn-youtube-w {
          fill: #333; }
        .st-Footer_Contents .twitter .sw-Btn + .sw-Btn {
          margin: 0 0 0 14px; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .twitter .sw-Btn + .sw-Btn {
              margin: 6.51042vw auto 0; } }
    .st-Footer_Contents .logo {
      margin: -18px 0 0;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: end;
      -webkit-align-items: flex-end;
          -ms-flex-align: end;
              align-items: flex-end;
      position: relative;
      z-index: 1; }
      @media print, screen and (max-width: 1024px) {
        .st-Footer_Contents .logo {
          margin: 0;
          display: block; } }
      .st-Footer_Contents .logo_Item {
        width: 220px;
        margin: 60px 0 0;
        display: block; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .logo_Item {
            width: 45.70312vw;
            margin: 9.11458vw auto 0; } }
        .st-Footer_Contents .logo_Item.shochiku {
          width: 150px;
          margin: 15px 14px 0 0;
          display: block; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .logo_Item.shochiku {
              width: 32.55208vw;
              margin: 3.90625vw auto 0; } }
      .st-Footer_Contents .logo ul {
        margin: 25px 14px 0 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .logo ul {
            margin: 6.51042vw 0 0;
            -webkit-box-pack: center;
            -webkit-justify-content: center;
                -ms-flex-pack: center;
                    justify-content: center; } }
        .st-Footer_Contents .logo ul li a {
          padding: 0 0 3px;
          font-size: 12px;
          color: #fff;
          display: inline-block;
          border-bottom: 1px solid #fff; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .logo ul li a {
              font-size: 2.34375vw; } }
        .st-Footer_Contents .logo ul li + li {
          margin-left: 20px; }
          @media print, screen and (max-width: 1024px) {
            .st-Footer_Contents .logo ul li + li {
              margin-left: 3.25521vw; } }
    .st-Footer_Contents .copy {
      margin: -14px 0 0;
      position: relative;
      z-index: 0; }
      @media print, screen and (max-width: 1024px) {
        .st-Footer_Contents .copy {
          margin: 0; } }
      .st-Footer_Contents .copy .txt {
        font-size: 12px;
        color: #999;
        letter-spacing: 0.1em; }
        @media print, screen and (max-width: 1024px) {
          .st-Footer_Contents .copy .txt {
            margin: 9.11458vw 0 0;
            font-size: 2.60417vw;
            text-align: center; } }

/* =============================================================== */
/* .st-Menu */
/* =============================================================== */
.st-Menu {
  display: block;
  width: 82px;
  height: 97px;
  position: fixed;
  top: 18px;
  left: 30px;
  z-index: 300;
  image-rendering: -webkit-optimize-contrast; }
  @media print, screen and (max-width: 1024px) {
    .st-Menu {
      width: 16.06706vw;
      height: 19.01992vw;
      top: 4.42708vw;
      left: 4.16667vw; } }
  .st-Menu.opened {
    background: url("../../images/common/header/menu_close.png") left top/100% auto no-repeat; }
  .st-Menu.closed {
    background: url("../../images/common/header/menu_open.png") left top/100% auto no-repeat; }

_::-webkit-full-page-media,
_:future,
:root .st-Menu {
  image-rendering: auto; }

/* =============================================================== */
/* .st-Logo */
/* =============================================================== */
.st-Logo {
  width: 210px;
  max-width: 210px;
  position: fixed;
  z-index: 300;
  top: 25px;
  right: 30px; }
  @media print, screen and (max-width: 1024px) {
    .st-Logo {
      min-width: 0;
      max-width: 100%;
      width: 46.22396vw;
      top: 5.20833vw;
      right: 2.86458vw; } }
  .st-Logo a {
    display: block; }

/* =============================================================== */
/* .st-Header */
/* =============================================================== */
.st-Header {
  position: fixed;
  z-index: 150;
  width: 100%; }
  .st-Header_Bg {
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 150;
    position: fixed;
    background: #fff;
    overflow: hidden; }
    .st-Header_Bg:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background: url("../../images/common/bg-w.jpg") top left/551px auto repeat;
      opacity: .2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
      width: 100%;
      height: 100%; }
    .st-Header_Bg .cover {
      position: absolute;
      width: 100%;
      height: 100%;
      display: block;
      background: url("../../images/common/header/bg_t.png") right top/372px auto no-repeat, url("../../images/common/header/bg_b.png") left bottom/641px auto no-repeat;
      top: 0;
      left: 0; }
      @media print, screen and (max-width: 1024px) {
        .st-Header_Bg .cover {
          background: url("../../images/sp/header/bg_t.png") right top/28.74vw auto no-repeat, url("../../images/sp/header/bg_b.png") left bottom/51.67vw auto no-repeat; } }
    .st-Header_Bg.closed {
      -webkit-transition: opacity .2s;
      transition: opacity .2s;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      pointer-events: none; }
    .st-Header_Bg.opened {
      -webkit-transition: opacity .4s;
      transition: opacity .4s;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .st-Header_Nav {
    width: 100%;
    height: 100%;
    z-index: 200;
    position: fixed;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch; }
    .st-Header_Nav.closed {
      -webkit-transition: opacity .2s;
      transition: opacity .2s;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      pointer-events: none; }
    .st-Header_Nav.opened {
      -webkit-transition: opacity .6s;
      transition: opacity .6s;
      width: 100%;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .st-Header_Nav_Inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      height: 540px;
      padding: 75px 0;
      position: absolute;
      top: calc((100vh - 540px)/ 2); }
      @media (max-height: 540px) {
        .st-Header_Nav_Inner {
          top: 0; } }
      @media print, screen and (max-width: 1199px) {
        .st-Header_Nav_Inner {
          height: auto;
          padding: 12.5vw 0 5.20833vw;
          width: 100%;
          top: 0;
          display: block; } }
      @media print, screen and (max-width: 1024px) {
        .st-Header_Nav_Inner {
          padding: 37.5vw 0 18.22917vw; } }
  .st-Header_Menu {
    max-width: 1280px;
    padding: 0 40px;
    margin: 0 auto;
    position: relative; }
    .st-Header_Menu:before {
      content: '';
      display: block;
      position: absolute;
      z-index: 9;
      width: 342px;
      height: 197px;
      background: url("../../images/common/postmark-p.png") left top/100% auto no-repeat;
      left: -80px;
      top: -138px; }
      @media print, screen and (max-width: 1024px) {
        .st-Header_Menu:before {
          width: 42.05729vw;
          height: 24.21875vw;
          left: 9.11458vw;
          top: -22.13542vw; } }
    @media print, screen and (max-width: 1024px) {
      .st-Header_Menu {
        padding: 0 7.29167vw; } }
    .st-Header_Menu_List {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      position: relative;
      z-index: 10; }
      @media print, screen and (max-width: 1024px) {
        .st-Header_Menu_List {
          -webkit-box-pack: justify;
          -webkit-justify-content: space-between;
              -ms-flex-pack: justify;
                  justify-content: space-between; } }
      .st-Header_Menu_List li {
        width: 23.6%;
        height: 102px;
        font-size: 22px;
        letter-spacing: 0.05em;
        background: url("../../images/common/bg_line-h.png") left top/7px auto repeat-x, url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x;
        white-space: nowrap; }
        @media print, screen and (max-width: 1024px) {
          .st-Header_Menu_List li {
            width: 41.14583vw;
            height: 16.92708vw;
            font-size: 3.64583vw; } }
        @media print, screen and (min-width: 1025px) {
          .st-Header_Menu_List li:not(:nth-child(4n-3)) {
            margin: 0 0 0 1.5%; }
          .st-Header_Menu_List li:nth-child(n+5) {
            background: url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x; } }
        @media print, screen and (max-width: 1024px) {
          .st-Header_Menu_List li:nth-child(n+3) {
            background: url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x; } }
        .st-Header_Menu_List li a {
          color: #333;
          width: 100%;
          height: 100%;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-box-pack: center;
          -webkit-justify-content: center;
              -ms-flex-pack: center;
                  justify-content: center;
          -webkit-box-align: center;
          -webkit-align-items: center;
              -ms-flex-align: center;
                  align-items: center; }
          .st-Header_Menu_List li a.close {
            color: #ccc;
            pointer-events: none; }
          @media print, screen and (min-width: 1025px) {
            .st-Header_Menu_List li a {
              -webkit-transition: color .3s;
              transition: color .3s; }
              .st-Header_Menu_List li a:hover {
                color: #f35a4b; } }
    .st-Header_Menu_Btn {
      margin: 80px 0 0; }
      @media print, screen and (max-width: 1024px) {
        .st-Header_Menu_Btn {
          margin: 10.41667vw 0 0; } }
      .st-Header_Menu_Btn .sw-Btn {
        background: #fff;
        color: #333;
        width: 360px;
        height: 68px; }
        @media print, screen and (max-width: 1024px) {
          .st-Header_Menu_Btn .sw-Btn {
            width: 62.5vw;
            height: 12.23958vw; } }
        .st-Header_Menu_Btn .sw-Btn .icon {
          width: 24px;
          display: inline-block;
          margin: 0 8px 0 0;
          -webkit-transform: translateY(2px);
                  transform: translateY(2px); }
          @media print, screen and (max-width: 1024px) {
            .st-Header_Menu_Btn .sw-Btn .icon {
              width: 4.94792vw;
              margin: 0 1.82292vw 0 0; } }
          .st-Header_Menu_Btn .sw-Btn .icon + span {
            -webkit-transform: translateY(-3px);
                    transform: translateY(-3px);
            display: inline-block; }
        .st-Header_Menu_Btn .sw-Btn .txt {
          font-size: 20px; }
          @media print, screen and (max-width: 1024px) {
            .st-Header_Menu_Btn .sw-Btn .txt {
              font-size: 3.64583vw; } }
        .st-Header_Menu_Btn .sw-Btn .btn-twitter-w {
          fill: #333; }

.st-Header_Nav .st-Header_Menu li,
.st-Header_Nav .st-Header_Official_List li {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  pointer-events: none;
  -webkit-transform: translateY(5px);
          transform: translateY(5px); }

.st-Header_Nav .heading {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: translateX(-5px);
          transform: translateX(-5px); }

.st-Header_Nav.opened .st-Header_Menu li {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  pointer-events: inherit;
  -webkit-transform: translateY(0);
          transform: translateY(0); }

.st-Header_Nav.opened .heading {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity .2s .2s, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, -webkit-transform .2s .2s;
  transition: opacity .2s .2s, transform .2s .2s;
  transition: opacity .2s .2s, transform .2s .2s, -webkit-transform .2s .2s;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

/* =============================================================== */
/* .st-Sub-Menu */
/* =============================================================== */
.st-Sub-Menu {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  padding: 56px calc((1920px - 100vw) * .19) 0 0;
  width: 100%; }
  @media print, screen and (min-width: 1920px) {
    .st-Sub-Menu {
      padding: 56px 0 0 0; } }
  @media print, screen and (max-width: 1380px) {
    .st-Sub-Menu {
      display: none; } }
  .st-Sub-Menu_List {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .st-Sub-Menu_List li {
      font-size: 0.83333vw;
      letter-spacing: 0.05em; }
      @media print, screen and (min-width: 1920px) {
        .st-Sub-Menu_List li {
          font-size: 16px; } }
      @media print, screen and (max-width: 1680px) {
        .st-Sub-Menu_List li {
          font-size: 14px; } }
      .st-Sub-Menu_List li + li {
        margin: 0 0 0 1.66667vw; }
      .st-Sub-Menu_List li a {
        position: relative; }
        .st-Sub-Menu_List li a:after {
          content: '';
          display: block;
          background: #f35a4b;
          height: 2px;
          width: 0;
          position: absolute;
          bottom: -8px;
          left: 0;
          right: 0;
          margin: 0 auto;
          -webkit-transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1);
          transition: width 0.4s cubic-bezier(0.25, 1, 0.5, 1); }
        .st-Sub-Menu_List li a.close {
          color: #ccc;
          pointer-events: none; }
      .st-Sub-Menu_List li.current a:after {
        width: 100%; }
      @media print, screen and (min-width: 1025px) {
        .st-Sub-Menu_List li a:hover:after {
          width: 100%; } }

/* =============================================================== */
/* sw */
/* =============================================================== */
.paren {
  font-size: .8em;
  display: inline-block;
  -webkit-transform: translateY(-0.05em);
          transform: translateY(-0.05em); }

/* =============================================================== */
/* .sw-Bg-g */
/* =============================================================== */
.sw-Bg-g {
  position: relative; }
  .sw-Bg-g:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../../images/common/bg-g.jpg") top left;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    width: 100%;
    height: 100%; }

/* =============================================================== */
/* .sw-Btn */
/* =============================================================== */
.sw-Btn {
  width: 320px;
  height: 62px;
  border-radius: 100px;
  background: #333;
  color: #fff;
  margin: 0 auto;
  -webkit-box-shadow: 0px 6px 24px 6px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 6px 24px 6px rgba(0, 0, 0, 0.05);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media print, screen and (max-width: 1024px) {
    .sw-Btn {
      width: 62.5vw;
      height: 12.23958vw; } }
  .sw-Btn .txt {
    font-size: 18px;
    letter-spacing: .1em;
    line-height: 0; }
    @media print, screen and (max-width: 1024px) {
      .sw-Btn .txt {
        font-size: 3.64583vw; } }
  .sw-Btn .arw {
    fill: #fff;
    position: absolute;
    width: 7px;
    height: 10px;
    top: 26px;
    right: 20px; }
    @media print, screen and (max-width: 1024px) {
      .sw-Btn .arw {
        width: 1.30208vw;
        height: 2.08333vw;
        top: 4.94792vw;
        right: 3.90625vw; } }
  .sw-Btn.low {
    width: 228px;
    height: 48px;
    font-size: 14px;
    text-align: center; }
    @media print, screen and (max-width: 1024px) {
      .sw-Btn.low {
        width: 41.66667vw;
        height: 7.8125vw;
        font-size: 2.60417vw; } }
  .sw-Btn.large {
    width: 532px;
    height: 112px;
    font-size: 24px;
    text-align: center; }
    @media print, screen and (max-width: 1024px) {
      .sw-Btn.large {
        width: 100%;
        height: 16.92708vw;
        font-size: 4.16667vw; } }
  @media print, screen and (min-width: 1025px) {
    .sw-Btn {
      -webkit-transition: -webkit-transform .3s;
      transition: -webkit-transform .3s;
      transition: transform .3s;
      transition: transform .3s, -webkit-transform .3s; }
      .sw-Btn:hover {
        -webkit-transform: scale(1.03);
                transform: scale(1.03); } }

/* =============================================================== */
/* .sw-Ttl */
/* =============================================================== */
.sw-Ttl {
  text-align: center;
  color: #666;
  position: relative; }
  .sw-Ttl .icon-mail {
    fill: #666;
    width: 30px;
    position: relative;
    z-index: 10;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(40px);
            transform: translateY(40px); }
    @media print, screen and (max-width: 1024px) {
      .sw-Ttl .icon-mail {
        width: 6.11979vw; } }
  .sw-Ttl .en {
    display: block;
    font-size: 38px;
    letter-spacing: .1em;
    margin: 16px auto 0;
    position: relative;
    z-index: 10;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .sw-Ttl .en span {
      position: relative;
      top: 10px;
      left: 10px;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    @media print, screen and (max-width: 1024px) {
      .sw-Ttl .en {
        font-size: 6.51042vw;
        margin: 3.25521vw auto 0; } }
  .sw-Ttl .ja {
    display: block;
    font-size: 14px;
    letter-spacing: .1em;
    margin: 12px auto 0;
    position: relative;
    z-index: 10;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -webkit-transform: translateY(0.5em);
            transform: translateY(0.5em); }
    @media print, screen and (max-width: 1024px) {
      .sw-Ttl .ja {
        font-size: 2.86458vw;
        margin: 2.86458vw auto 0; } }
  .sw-Ttl_Lower:before {
    content: '';
    display: block;
    position: absolute;
    z-index: 9;
    width: 251px;
    height: 145px;
    background: url("../../images/common/postmark-p.png") left top/100% auto no-repeat;
    left: calc(50% - 241px);
    top: -37px; }
    @media print, screen and (max-width: 1024px) {
      .sw-Ttl_Lower:before {
        width: 49.86979vw;
        height: 28.77604vw;
        left: 7.29167vw;
        top: -8.07292vw; } }
  .sw-Ttl.is-animated .icon-mail {
    -webkit-transition: opacity 0.6s, -webkit-transform 0.6s cubic-bezier(0.17, 0.67, 0.04, 1.37);
    transition: opacity 0.6s, -webkit-transform 0.6s cubic-bezier(0.17, 0.67, 0.04, 1.37);
    transition: opacity 0.6s, transform 0.6s cubic-bezier(0.17, 0.67, 0.04, 1.37);
    transition: opacity 0.6s, transform 0.6s cubic-bezier(0.17, 0.67, 0.04, 1.37), -webkit-transform 0.6s cubic-bezier(0.17, 0.67, 0.04, 1.37);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0); }
  .sw-Ttl.is-completed .ja {
    -webkit-transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, -webkit-transform .4s;
    transition: opacity .4s, transform .4s;
    transition: opacity .4s, transform .4s, -webkit-transform .4s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -webkit-transform: translateY(0);
            transform: translateY(0); }

/* =============================================================== */
/* .sw-Subttl */
/* =============================================================== */
.sw-Subttl {
  margin: 0 0 50px 0;
  line-height: 55px;
  font-size: 32px;
  position: relative;
  font-weight: 200; }
  @media print, screen and (max-width: 1024px) {
    .sw-Subttl {
      line-height: 10.41667vw;
      font-size: 6.25vw; } }
  .sw-Subttl:before {
    content: '';
    display: block;
    background: url("../../images/pc/bg_novels.png") left top/7px 55px repeat;
    width: 100%;
    height: calc(100% + 1px);
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 0px;
    pointer-events: none; }
    @media print, screen and (max-width: 1024px) {
      .sw-Subttl:before {
        height: calc(100% + 0.4vw);
        top: -0.26042vw;
        background: url("../../images/sp/bg_novels.png") left top/0.78125vw 10.41667vw repeat; } }

/* =============================================================== */
/* .sw-Txt */
/* =============================================================== */
.sw-Txt {
  font-size: 16px;
  line-height: 2; }
  @media print, screen and (max-width: 1024px) {
    .sw-Txt {
      font-size: 3.125vw; } }

/* =============================================================== */
/* .sw-Boder */
/* =============================================================== */
.sw-Boder p {
  position: relative; }
  @media print, screen and (max-width: 1024px) {
    .sw-Boder p {
      font-size: 14px;
      line-height: 2em; } }
  .sw-Boder p:before {
    content: '';
    display: block;
    background: url("../../images/pc/bg_txt.png") left top/7px 32px repeat;
    width: 100%;
    height: calc(100% + 1px);
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 0px;
    pointer-events: none; }
    @media print, screen and (max-width: 1024px) {
      .sw-Boder p:before {
        height: calc(100% + 2vw);
        top: 0;
        background: url("../../images/sp/bg_txt.png") left top/auto 2em repeat; } }
  .sw-Boder p.sender {
    text-align: right; }

.sw-Boder p + p {
  margin: 2em 0 0; }

/* =============================================================== */
/* .sw-Bnr */
/* =============================================================== */
.sw-Bnr {
  width: 470px;
  position: fixed;
  bottom: 50px;
  right: 0;
  z-index: 20;
  -webkit-transition: -webkit-transform .3s ease-in-out;
  transition: -webkit-transform .3s ease-in-out;
  transition: transform .3s ease-in-out;
  transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;
  -webkit-transform: translateX(100%);
          transform: translateX(100%); }
  @media print, screen and (max-width: 1024px) {
    .sw-Bnr {
      width: 88.80208vw;
      bottom: 7.8125vw; } }
  .sw-Bnr.is-fixed {
    -webkit-transform: translateX(0);
            transform: translateX(0); }
  .sw-Bnr.is-removed {
    -webkit-transform: translateX(100%) !important;
            transform: translateX(100%) !important; }
  .sw-Bnr .bnr a {
    display: block;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="15" /><feOffset dx="7" dy="7" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.05)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(6px 6px 15px rgba(0, 0, 0, 0.05));
            filter: drop-shadow(6px 6px 15px rgba(0, 0, 0, 0.05));
    -webkit-transition: .2s;
    transition: .2s; }
    @media print, screen and (max-width: 1024px) {
      .sw-Bnr .bnr a {
        -webkit-filter: drop-shadow(0.78125vw 0.78125vw 1.95312vw rgba(0, 0, 0, 0.05));
                filter: drop-shadow(0.78125vw 0.78125vw 1.95312vw rgba(0, 0, 0, 0.05)); } }
    @media print, screen and (min-width: 1025px) {
      .sw-Bnr .bnr a:hover {
        cursor: pointer;
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }
  .sw-Bnr .close {
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    right: 20px;
    -webkit-transition: .2s;
    transition: .2s; }
    @media print, screen and (max-width: 1024px) {
      .sw-Bnr .close {
        width: 5.07812vw;
        height: 5.07812vw;
        right: 2.60417vw; } }
    @media print, screen and (min-width: 1025px) {
      .sw-Bnr .close:hover {
        cursor: pointer;
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }
    .sw-Bnr .close:before, .sw-Bnr .close:after {
      content: "";
      width: 2px;
      height: 34px;
      margin: auto;
      background: #333;
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      bottom: 0; }
      @media print, screen and (max-width: 1024px) {
        .sw-Bnr .close:before, .sw-Bnr .close:after {
          width: 0.39062vw;
          height: 7.16146vw; } }
    .sw-Bnr .close:before {
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
    .sw-Bnr .close:after {
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }

/* =============================================================== */
/* .sw-News-List */
/* =============================================================== */
/* =============================================================== */
/* 下層ページ共通 */
/* =============================================================== */
.sw-Lower {
  padding: 190px 0 100px; }
  @media print, screen and (max-width: 1024px) {
    .sw-Lower {
      padding: 31.25vw 0 18.22917vw; } }

.lower-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0; }
  .lower-bg-p {
    background: url("../../images/pc/bg_circle-p.png") left top/100% auto repeat-y; }
  .lower-bg-b {
    background: url("../../images/pc/bg_circle-b.png") left top/100% auto repeat-y; }
  .lower-bg-y {
    background: url("../../images/pc/bg_circle-y.png") left top/100% auto repeat-y; }
  @media print, screen and (max-width: 1024px) {
    .lower-bg-p {
      background: url("../../images/sp/bg_circle-p.png") left top/100% auto repeat-y; }
    .lower-bg-b {
      background: url("../../images/sp/bg_circle-b.png") left top/100% auto repeat-y; }
    .lower-bg-y {
      background: url("../../images/sp/bg_circle-y.png") left top/100% auto repeat-y; } }

/* =============================================================== */
/* .sw-Pagenavi */
/* =============================================================== */
.sw-Pagenavi {
  position: relative; }
  .sw-Pagenavi .wp-pagenavi {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .sw-Pagenavi span[aria-current="page"],
  .sw-Pagenavi .page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    font-size: 20px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    color: #666;
    position: relative; }
    @media print, screen and (max-width: 1024px) {
      .sw-Pagenavi span[aria-current="page"],
      .sw-Pagenavi .page {
        width: 11.71875vw;
        height: 11.71875vw;
        font-size: 5.20833vw; } }
    .sw-Pagenavi span[aria-current="page"].current:after,
    .sw-Pagenavi .page.current:after {
      content: '';
      display: block;
      width: 57px;
      height: 60px;
      background: url("../../images/common/img_circle-r.png") left top/100% auto no-repeat;
      position: absolute;
      top: -1px;
      left: -2px; }
      @media print, screen and (max-width: 1024px) {
        .sw-Pagenavi span[aria-current="page"].current:after,
        .sw-Pagenavi .page.current:after {
          width: 12.36979vw;
          height: 13.02083vw;
          top: 0;
          left: -0.39062vw; } }
  .sw-Pagenavi .previouspostslink,
  .sw-Pagenavi .nextpostslink {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50px;
    height: 50px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media print, screen and (max-width: 1024px) {
      .sw-Pagenavi .previouspostslink,
      .sw-Pagenavi .nextpostslink {
        width: 11.71875vw;
        height: 11.71875vw; } }
  .sw-Pagenavi .previouspostslink span,
  .sw-Pagenavi .nextpostslink span {
    width: 9px;
    height: 14px;
    display: block; }
    @media print, screen and (max-width: 1024px) {
      .sw-Pagenavi .previouspostslink span,
      .sw-Pagenavi .nextpostslink span {
        width: 2.34375vw;
        height: 3.51562vw; } }
  .sw-Pagenavi .previouspostslink span {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.51 47.37"><path fill="%23666" d="M26.92 0a3.36 3.36 0 00-2.15.85L1.18 21.07a3.23 3.23 0 00-.37.37 3.37 3.37 0 00.37 4.75l23.59 20.2a3.11 3.11 0 00.38.33 3.37 3.37 0 004-5.44L8.54 23.63 29.13 6a3.33 3.33 0 001.23-2.68A3.37 3.37 0 0026.92 0z"/></svg>') 0 0 no-repeat;
    background-size: contain; }
  .sw-Pagenavi .nextpostslink span {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.51 47.37"><path fill="%23666" d="M3.59 0a3.37 3.37 0 00-2.22 6L22 23.63 1.37 41.28a3.37 3.37 0 004 5.44c.13-.1.26-.22.38-.33l23.58-20.2a3.36 3.36 0 00.38-4.75 3.32 3.32 0 00-.38-.37L5.74.85A3.36 3.36 0 003.59 0z"/></svg>') 0 0 no-repeat;
    background-size: contain; }
  .sw-Pagenavi-detail {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative; }
    @media print, screen and (max-width: 1024px) {
      .sw-Pagenavi-detail .sw-Btn {
        width: 53.38542vw;
        height: 12.23958vw; } }
    .sw-Pagenavi-detail .prev-article {
      left: calc(50% - 224px); }
      @media print, screen and (max-width: 1024px) {
        .sw-Pagenavi-detail .prev-article {
          left: calc(50% - 38.9vw); } }
    .sw-Pagenavi-detail .next-article {
      left: calc(50% + 160px); }
      @media print, screen and (max-width: 1024px) {
        .sw-Pagenavi-detail .next-article {
          left: calc(50% + 26.6vw); } }
    .sw-Pagenavi-detail .prev-article,
    .sw-Pagenavi-detail .next-article {
      width: 62px;
      height: 62px;
      position: absolute; }
      @media print, screen and (max-width: 1024px) {
        .sw-Pagenavi-detail .prev-article,
        .sw-Pagenavi-detail .next-article {
          width: 12.23958vw;
          height: 12.23958vw; } }
      .sw-Pagenavi-detail .prev-article a,
      .sw-Pagenavi-detail .next-article a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      .sw-Pagenavi-detail .prev-article span,
      .sw-Pagenavi-detail .next-article span {
        width: 9px;
        height: 14px;
        display: block; }
        @media print, screen and (max-width: 1024px) {
          .sw-Pagenavi-detail .prev-article span,
          .sw-Pagenavi-detail .next-article span {
            width: 2.34375vw;
            height: 3.51562vw; } }
    .sw-Pagenavi-detail .prev-article span {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.51 47.37"><path fill="%23666" d="M26.92 0a3.36 3.36 0 00-2.15.85L1.18 21.07a3.23 3.23 0 00-.37.37 3.37 3.37 0 00.37 4.75l23.59 20.2a3.11 3.11 0 00.38.33 3.37 3.37 0 004-5.44L8.54 23.63 29.13 6a3.33 3.33 0 001.23-2.68A3.37 3.37 0 0026.92 0z"/></svg>') 0 0 no-repeat;
      background-size: contain; }
    .sw-Pagenavi-detail .next-article span {
      background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30.51 47.37"><path fill="%23666" d="M3.59 0a3.37 3.37 0 00-2.22 6L22 23.63 1.37 41.28a3.37 3.37 0 004 5.44c.13-.1.26-.22.38-.33l23.58-20.2a3.36 3.36 0 00.38-4.75 3.32 3.32 0 00-.38-.37L5.74.85A3.36 3.36 0 003.59 0z"/></svg>') 0 0 no-repeat;
      background-size: contain; }

/* =============================================================== */
/* .sw-Contents */
/* =============================================================== */
.sw-Contents {
  width: 960px;
  margin: 0 auto;
  padding: 60px 80px 100px;
  background-color: rgba(255, 255, 255, 0.96);
  -webkit-box-shadow: 0px 16px 38.4px 9.6px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 16px 38.4px 9.6px rgba(0, 0, 0, 0.05);
  position: relative; }
  @media print, screen and (max-width: 1024px) {
    .sw-Contents {
      width: 91.66667vw;
      padding: 9.11458vw 4.16667vw 7.8125vw; } }

/* =============================================================== */
/* .sw-Heading */
/* =============================================================== */
.sw-Heading .data {
  font-size: 16px; }
  @media print, screen and (max-width: 1024px) {
    .sw-Heading .data {
      font-size: 3.125vw; } }
  .sw-Heading .data .pen {
    width: 17px;
    fill: #666;
    display: inline-block; }
    @media print, screen and (max-width: 1024px) {
      .sw-Heading .data .pen {
        width: 3.25521vw; } }
  .sw-Heading .data time {
    position: relative;
    margin: 0 0 0 10px;
    letter-spacing: 0.05em; }
    @media print, screen and (max-width: 1024px) {
      .sw-Heading .data time {
        margin: 0 0 0 1.95312vw; } }

.sw-Heading .ttl {
  margin: 15px 0 40px;
  color: #333;
  font-size: 22px;
  line-height: 41px;
  position: relative; }
  @media print, screen and (max-width: 1024px) {
    .sw-Heading .ttl {
      margin: 2.60417vw 0 7.8125vw;
      font-size: 4.16667vw;
      line-height: 8.33333vw; } }
  .sw-Heading .ttl:before {
    content: '';
    display: block;
    background: url("../../images/pc/bg_ttl.png") left top/7px 41px repeat;
    width: 100%;
    height: calc(100% + 1px);
    position: absolute;
    z-index: 0;
    top: -1px;
    left: 0px;
    pointer-events: none; }
    @media print, screen and (max-width: 1024px) {
      .sw-Heading .ttl:before {
        height: calc(100% + 0.5vw);
        top: -0.26042vw;
        background: url("../../images/sp/bg_ttl.png") left top/0.78125vw 8.33333vw repeat; } }

/* =============================================================== */
/* .sw-Txtarea */
/* =============================================================== */
.sw-Txtarea,
body.post-type-post,
body.post-type-cpt_musics,
body.acf_content {
  font-size: 16px;
  word-break: break-all;
  /*動画の最大幅を指定する*/
  /*動画の大きさを調整*/
  /*動画を囲んでいるdiv目一杯に広げる*/ }
  @media print, screen and (max-width: 1024px) {
    .sw-Txtarea,
    body.post-type-post,
    body.post-type-cpt_musics,
    body.acf_content {
      font-size: 3.125vw; } }
  .sw-Txtarea img,
  body.post-type-post img,
  body.post-type-cpt_musics img,
  body.acf_content img {
    width: auto !important;
    height: auto;
    max-width: 100%; }
  .sw-Txtarea .aligncenter,
  body.post-type-post .aligncenter,
  body.post-type-cpt_musics .aligncenter,
  body.acf_content .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .sw-Txtarea .alignright,
  body.post-type-post .alignright,
  body.post-type-cpt_musics .alignright,
  body.acf_content .alignright {
    display: block;
    margin: 0 0 0 auto; }
  .sw-Txtarea p,
  body.post-type-post p,
  body.post-type-cpt_musics p,
  body.acf_content p {
    line-height: 2; }
  .sw-Txtarea iframe,
  body.post-type-post iframe,
  body.post-type-cpt_musics iframe,
  body.acf_content iframe {
    max-width: 100%; }
  .sw-Txtarea hr,
  body.post-type-post hr,
  body.post-type-cpt_musics hr,
  body.acf_content hr {
    height: 2px;
    margin: 20px 0;
    background: url("../../images/pc/bg_ttl.png") left top/7px 41px repeat;
    border: none; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea hr,
      body.post-type-post hr,
      body.post-type-cpt_musics hr,
      body.acf_content hr {
        height: 0.26042vw;
        margin: 2.60417vw 0; } }
  .sw-Txtarea pre,
  body.post-type-post pre,
  body.post-type-cpt_musics pre,
  body.acf_content pre {
    white-space: pre-wrap;
    line-height: 2; }
  .sw-Txtarea ul,
  body.post-type-post ul,
  body.post-type-cpt_musics ul,
  body.acf_content ul {
    margin: 0 0 0 1.2em;
    list-style-type: none; }
    .sw-Txtarea ul li,
    body.post-type-post ul li,
    body.post-type-cpt_musics ul li,
    body.acf_content ul li {
      position: relative;
      line-height: 1.8; }
      .sw-Txtarea ul li:after,
      body.post-type-post ul li:after,
      body.post-type-cpt_musics ul li:after,
      body.acf_content ul li:after {
        content: '';
        display: block;
        position: absolute;
        top: .7em;
        left: -1.2em;
        width: 14px;
        height: 7px;
        border-left: 3px solid #f35a4b;
        border-bottom: 3px solid #f35a4b;
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg); }
        @media print, screen and (max-width: 1024px) {
          .sw-Txtarea ul li:after,
          body.post-type-post ul li:after,
          body.post-type-cpt_musics ul li:after,
          body.acf_content ul li:after {
            width: 2.73438vw;
            height: 1.36719vw;
            border-left: 0.58594vw solid #f35a4b;
            border-bottom: 0.58594vw solid #f35a4b; } }
  .sw-Txtarea ol,
  body.post-type-post ol,
  body.post-type-cpt_musics ol,
  body.acf_content ol {
    counter-reset: li; }
    .sw-Txtarea ol li,
    body.post-type-post ol li,
    body.post-type-cpt_musics ol li,
    body.acf_content ol li {
      margin: 0 0 0 1.2em;
      line-height: 1.8;
      position: relative; }
      .sw-Txtarea ol li:before,
      body.post-type-post ol li:before,
      body.post-type-cpt_musics ol li:before,
      body.acf_content ol li:before {
        counter-increment: li;
        content: counter(li) ".";
        width: 1.5em;
        position: absolute;
        left: -1.7em;
        top: 3px;
        text-align: right;
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 1;
        font-family: Georgia, Serif;
        font-style: italic;
        color: #f35a4b; }
        @media print, screen and (max-width: 1024px) {
          .sw-Txtarea ol li:before,
          body.post-type-post ol li:before,
          body.post-type-cpt_musics ol li:before,
          body.acf_content ol li:before {
            top: 0.78125vw;
            font-size: 3.64583vw; } }
  .sw-Txtarea a,
  body.post-type-post a,
  body.post-type-cpt_musics a,
  body.acf_content a {
    color: #0088f6;
    text-decoration: underline; }
    @media print, screen and (min-width: 1025px) {
      .sw-Txtarea a:hover,
      body.post-type-post a:hover,
      body.post-type-cpt_musics a:hover,
      body.acf_content a:hover {
        text-decoration: none;
        cursor: pointer; } }
  .sw-Txtarea .sw-Btn,
  body.post-type-post .sw-Btn,
  body.post-type-cpt_musics .sw-Btn,
  body.acf_content .sw-Btn {
    width: 380px;
    height: 80px;
    font-size: 18px;
    letter-spacing: .1em;
    line-height: 1.3;
    color: #fff;
    z-index: 10;
    text-decoration: none;
    position: relative; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea .sw-Btn,
      body.post-type-post .sw-Btn,
      body.post-type-cpt_musics .sw-Btn,
      body.acf_content .sw-Btn {
        width: 62.5vw;
        height: 13.02083vw;
        font-size: 3.38542vw; } }
    .sw-Txtarea .sw-Btn.low,
    body.post-type-post .sw-Btn.low,
    body.post-type-cpt_musics .sw-Btn.low,
    body.acf_content .sw-Btn.low {
      width: 228px;
      height: 48px;
      font-size: 14px; }
      @media print, screen and (max-width: 1024px) {
        .sw-Txtarea .sw-Btn.low,
        body.post-type-post .sw-Btn.low,
        body.post-type-cpt_musics .sw-Btn.low,
        body.acf_content .sw-Btn.low {
          width: 41.66667vw;
          height: 7.8125vw;
          font-size: 2.60417vw; } }
    .sw-Txtarea .sw-Btn.large,
    body.post-type-post .sw-Btn.large,
    body.post-type-cpt_musics .sw-Btn.large,
    body.acf_content .sw-Btn.large {
      width: 532px;
      height: 112px;
      font-size: 24px; }
      @media print, screen and (max-width: 1024px) {
        .sw-Txtarea .sw-Btn.large,
        body.post-type-post .sw-Btn.large,
        body.post-type-cpt_musics .sw-Btn.large,
        body.acf_content .sw-Btn.large {
          width: 100%;
          height: 16.92708vw;
          font-size: 4.16667vw; } }
  .sw-Txtarea table,
  body.post-type-post table,
  body.post-type-cpt_musics table,
  body.acf_content table {
    width: 100%;
    height: auto; }
    .sw-Txtarea table tr + tr,
    body.post-type-post table tr + tr,
    body.post-type-cpt_musics table tr + tr,
    body.acf_content table tr + tr {
      border-top: 1px solid #eee; }
    .sw-Txtarea table td:first-of-type,
    body.post-type-post table td:first-of-type,
    body.post-type-cpt_musics table td:first-of-type,
    body.acf_content table td:first-of-type {
      padding: 16px 18px;
      color: #fff;
      font-weight: 700;
      background: #f35a4b;
      border-right: 1px solid #fff; }
      @media print, screen and (max-width: 1024px) {
        .sw-Txtarea table td:first-of-type,
        body.post-type-post table td:first-of-type,
        body.post-type-cpt_musics table td:first-of-type,
        body.acf_content table td:first-of-type {
          min-width: 19.53125vw;
          padding: 2.08333vw 2.34375vw; } }
    .sw-Txtarea table td,
    body.post-type-post table td,
    body.post-type-cpt_musics table td,
    body.acf_content table td {
      padding: 16px 18px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.5;
      vertical-align: middle;
      background: #fff; }
      @media print, screen and (max-width: 1024px) {
        .sw-Txtarea table td,
        body.post-type-post table td,
        body.post-type-cpt_musics table td,
        body.acf_content table td {
          padding: 2.08333vw 2.34375vw;
          font-size: 3.125vw; } }
      .sw-Txtarea table td p,
      body.post-type-post table td p,
      body.post-type-cpt_musics table td p,
      body.acf_content table td p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.5; }
        @media print, screen and (max-width: 1024px) {
          .sw-Txtarea table td p,
          body.post-type-post table td p,
          body.post-type-cpt_musics table td p,
          body.acf_content table td p {
            font-size: 3.125vw; } }
      .sw-Txtarea table td strong,
      body.post-type-post table td strong,
      body.post-type-cpt_musics table td strong,
      body.acf_content table td strong {
        font-weight: 700; }
    .sw-Txtarea table ol li,
    body.post-type-post table ol li,
    body.post-type-cpt_musics table ol li,
    body.acf_content table ol li {
      list-style: inside;
      list-style-type: decimal; }
    .sw-Txtarea table ul li,
    body.post-type-post table ul li,
    body.post-type-cpt_musics table ul li,
    body.acf_content table ul li {
      list-style: inside;
      list-style-type: disc; }
  .sw-Txtarea .video-container,
  body.post-type-post .video-container,
  body.post-type-cpt_musics .video-container,
  body.acf_content .video-container {
    max-width: 640px;
    margin: 0 auto 50px auto; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea .video-container,
      body.post-type-post .video-container,
      body.post-type-cpt_musics .video-container,
      body.acf_content .video-container {
        margin: 0 auto 6.51042vw auto; } }
  .sw-Txtarea .video,
  body.post-type-post .video,
  body.post-type-cpt_musics .video,
  body.acf_content .video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto; }
  .sw-Txtarea .video iframe,
  .sw-Txtarea .video object,
  .sw-Txtarea .video embed,
  body.post-type-post .video iframe,
  body.post-type-post .video object,
  body.post-type-post .video embed,
  body.post-type-cpt_musics .video iframe,
  body.post-type-cpt_musics .video object,
  body.post-type-cpt_musics .video embed,
  body.acf_content .video iframe,
  body.acf_content .video object,
  body.acf_content .video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .sw-Txtarea h1,
  body.post-type-post h1,
  body.post-type-cpt_musics h1,
  body.acf_content h1 {
    font-weight: bold;
    font-size: 22px;
    line-height: 1.4;
    padding: 10px;
    margin: 0 0 .8em;
    color: #fff;
    background: #f35a4b; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h1,
      body.post-type-post h1,
      body.post-type-cpt_musics h1,
      body.acf_content h1 {
        padding: 1.95312vw;
        font-size: 4.16667vw; } }
  .sw-Txtarea h2,
  body.post-type-post h2,
  body.post-type-cpt_musics h2,
  body.acf_content h2 {
    font-weight: bold;
    margin: 0 0 .8em;
    position: relative;
    color: #666;
    font-size: 22px;
    line-height: 41px;
    position: relative; }
    .sw-Txtarea h2:before,
    body.post-type-post h2:before,
    body.post-type-cpt_musics h2:before,
    body.acf_content h2:before {
      content: '';
      display: block;
      background: url("../../images/pc/bg_ttl.png") left top/7px 41px repeat;
      width: 100%;
      height: calc(100% + 1px);
      position: absolute;
      z-index: 0;
      top: -1px;
      left: 0px;
      pointer-events: none; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h2,
      body.post-type-post h2,
      body.post-type-cpt_musics h2,
      body.acf_content h2 {
        font-size: 4.16667vw;
        line-height: 8.33333vw; }
        .sw-Txtarea h2:before,
        body.post-type-post h2:before,
        body.post-type-cpt_musics h2:before,
        body.acf_content h2:before {
          height: calc(100% + 0.4vw);
          top: -0.26042vw;
          background: url("../../images/sp/bg_ttl.png") left top/0.78125vw 8.33333vw repeat; } }
  .sw-Txtarea h3,
  body.post-type-post h3,
  body.post-type-cpt_musics h3,
  body.acf_content h3 {
    font-weight: bold;
    line-height: 1.4;
    margin: 0 0 .8em;
    position: relative;
    color: #666; }
    @media print, screen and (min-width: 1025px) {
      .sw-Txtarea h3,
      body.post-type-post h3,
      body.post-type-cpt_musics h3,
      body.acf_content h3 {
        font-size: 20px;
        padding: 0 0 8px;
        border-bottom: double 4px #f35a4b; } }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h3,
      body.post-type-post h3,
      body.post-type-cpt_musics h3,
      body.acf_content h3 {
        font-size: 3.64583vw;
        padding: 0 0 1.30208vw;
        border-bottom: double 4px #f35a4b; } }
  .sw-Txtarea h4,
  body.post-type-post h4,
  body.post-type-cpt_musics h4,
  body.acf_content h4 {
    margin: 0 0 .3em;
    color: #f35a4b;
    line-height: 1.5em;
    font-size: 18px;
    position: relative;
    padding: 0 0 0 27px; }
    .sw-Txtarea h4:before,
    body.post-type-post h4:before,
    body.post-type-cpt_musics h4:before,
    body.acf_content h4:before {
      content: '';
      display: block;
      background: url("../../images/common/img_mail.png") 0 0 no-repeat;
      background-size: contain;
      width: 20px;
      height: 14px;
      position: absolute;
      z-index: 0;
      top: 8px;
      left: 0px;
      pointer-events: none; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h4,
      body.post-type-post h4,
      body.post-type-cpt_musics h4,
      body.acf_content h4 {
        font-size: 3.64583vw;
        padding: 0 0 0 5.98958vw; }
        .sw-Txtarea h4:before,
        body.post-type-post h4:before,
        body.post-type-cpt_musics h4:before,
        body.acf_content h4:before {
          width: 4.29688vw;
          height: 2.99479vw;
          top: 1.30208vw; } }
  .sw-Txtarea h5,
  body.post-type-post h5,
  body.post-type-cpt_musics h5,
  body.acf_content h5 {
    margin: 0 0 .3em;
    color: #666;
    line-height: 1.5em;
    font-size: 16px;
    position: relative;
    padding: 0 0 0 12px; }
    .sw-Txtarea h5:after,
    body.post-type-post h5:after,
    body.post-type-cpt_musics h5:after,
    body.acf_content h5:after {
      content: '';
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      width: 4px;
      height: 100%;
      background: #f35a4b; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h5,
      body.post-type-post h5,
      body.post-type-cpt_musics h5,
      body.acf_content h5 {
        font-size: 3.38542vw;
        padding: 0 0 0 2.60417vw; }
        .sw-Txtarea h5:after,
        body.post-type-post h5:after,
        body.post-type-cpt_musics h5:after,
        body.acf_content h5:after {
          width: 1.04167vw; } }
  .sw-Txtarea h6,
  body.post-type-post h6,
  body.post-type-cpt_musics h6,
  body.acf_content h6 {
    margin: 0 0 .3em;
    color: #f35a4b;
    line-height: 1.5em;
    font-size: 16px;
    position: relative;
    padding: 0 0 0 21px; }
    .sw-Txtarea h6:before, .sw-Txtarea h6:after,
    body.post-type-post h6:before,
    body.post-type-post h6:after,
    body.post-type-cpt_musics h6:before,
    body.post-type-cpt_musics h6:after,
    body.acf_content h6:before,
    body.acf_content h6:after {
      content: '';
      display: block;
      background: url("../../images/common/img_arw.png") 0 0 no-repeat;
      background-size: contain;
      width: 9px;
      height: 14px;
      position: absolute;
      z-index: 0;
      top: 6px;
      left: 0px;
      pointer-events: none; }
    .sw-Txtarea h6:after,
    body.post-type-post h6:after,
    body.post-type-cpt_musics h6:after,
    body.acf_content h6:after {
      left: 7px; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea h6,
      body.post-type-post h6,
      body.post-type-cpt_musics h6,
      body.acf_content h6 {
        font-size: 3.38542vw;
        padding: 0 0 0 4.42708vw; }
        .sw-Txtarea h6:before, .sw-Txtarea h6:after,
        body.post-type-post h6:before,
        body.post-type-post h6:after,
        body.post-type-cpt_musics h6:before,
        body.post-type-cpt_musics h6:after,
        body.acf_content h6:before,
        body.acf_content h6:after {
          width: 1.82292vw;
          height: 2.73438vw;
          top: 1.5625vw;
          left: 0px; }
        .sw-Txtarea h6:after,
        body.post-type-post h6:after,
        body.post-type-cpt_musics h6:after,
        body.acf_content h6:after {
          left: 1.30208vw; } }
  .sw-Txtarea blockquote,
  body.post-type-post blockquote,
  body.post-type-cpt_musics blockquote,
  body.acf_content blockquote {
    background: rgba(219, 219, 219, 0.4);
    padding: 18px;
    line-height: 1.7; }
    @media print, screen and (max-width: 1024px) {
      .sw-Txtarea blockquote,
      body.post-type-post blockquote,
      body.post-type-cpt_musics blockquote,
      body.acf_content blockquote {
        padding: 3.125vw; } }
  .sw-Txtarea em,
  body.post-type-post em,
  body.post-type-cpt_musics em,
  body.acf_content em {
    font-style: italic; }
  .sw-Txtarea strong,
  body.post-type-post strong,
  body.post-type-cpt_musics strong,
  body.acf_content strong {
    font-weight: bold; }

/* =============================================================== */
/* .sw-Share */
/* =============================================================== */
.sw-Share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 60px 0 0; }
  @media print, screen and (max-width: 1024px) {
    .sw-Share {
      margin: 7.8125vw 0 0; } }
  .sw-Share .ttl {
    color: #666;
    font-size: 16px;
    letter-spacing: 0.1em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0; }
    @media print, screen and (max-width: 1024px) {
      .sw-Share .ttl {
        font-size: 3.38542vw; } }
  .sw-Share_List {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 20px; }
    @media print, screen and (max-width: 1024px) {
      .sw-Share_List {
        margin: 0 0 0 3.90625vw; } }
    .sw-Share_List li {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
          -ms-flex-align: center;
              align-items: center; }
      .sw-Share_List li:last-child .Item-Anchor {
        margin: 0; }
  .sw-Share .Item-Anchor {
    display: block;
    width: 42px;
    height: 42px;
    margin: 0 14px 0 0; }
    @media print, screen and (max-width: 1024px) {
      .sw-Share .Item-Anchor {
        width: 10.41667vw;
        height: 10.41667vw;
        margin: 0 3.125vw 0 0; } }
    .sw-Share .Item-Anchor svg {
      width: 42px;
      height: 42px; }
      @media print, screen and (max-width: 1024px) {
        .sw-Share .Item-Anchor svg {
          width: 10.41667vw;
          height: 10.41667vw; } }
      @media print, screen and (min-width: 1025px) {
        .sw-Share .Item-Anchor svg {
          -webkit-transition: -webkit-transform .3s;
          transition: -webkit-transform .3s;
          transition: transform .3s;
          transition: transform .3s, -webkit-transform .3s; }
          .sw-Share .Item-Anchor svg:hover {
            -webkit-transform: scale(1.08);
                    transform: scale(1.08); } }

/* =============================================================== */
/* キャラクター一覧 */
/* =============================================================== */
.chara_Wrapper {
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 227px 373px 1fr;
      grid-template-columns: 227px 373px 1fr;
      -ms-grid-rows: 700px;
      grid-template-rows: 700px;
  gap: 0px 0px;
  grid-template-areas: "copy body txt"; }
  .chara_Wrapper.ayame {
    -ms-grid-columns: 1fr 373px 227px;
        grid-template-columns: 1fr 373px 227px;
    grid-template-areas: "txt body copy"; }
  .chara_Wrapper .chara_Copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: copy; }
  .chara_Wrapper .chara_Body {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    grid-area: body; }
  .chara_Wrapper .chara_Txt {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
    grid-area: txt; }
  @media print, screen and (max-width: 1024px) {
    .chara_Wrapper {
      max-width: 100%;
      -ms-grid-columns: 40% 60%;
          grid-template-columns: 40% 60%;
          -ms-grid-rows: auto 0px 83.33333vw;
          grid-template-rows: auto 83.33333vw;
      gap: 0px 0px;
      grid-template-areas: "body copy" "body txt"; }
      .chara_Wrapper.ayame {
        -ms-grid-columns: 60% 40%;
            grid-template-columns: 60% 40%;
            -ms-grid-rows: auto 83.33333vw;
            grid-template-rows: auto 83.33333vw;
        grid-template-areas: "copy body" "txt body"; }
      .chara_Wrapper .body {
        -ms-grid-row: 1;
        -ms-grid-column: 3;
        grid-area: body; }
      .chara_Wrapper .copy {
        -ms-grid-row: 1;
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-area: copy; }
      .chara_Wrapper .txt {
        -ms-grid-row: 1;
        -ms-grid-column: 5;
        grid-area: txt; }
      @media print, screen and (max-width: 1024px){
      .st-Footer_Contents .share {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
      .st-Footer_Contents .menu {
      -ms-grid-row: 3;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
      .st-Footer_Contents .twitter {
      -ms-grid-row: 5;
      -ms-grid-column: 1; }
      .st-Footer_Contents .logo {
      -ms-grid-row: 7;
      -ms-grid-column: 1; }
      .st-Footer_Contents .copy {
      -ms-grid-row: 9;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
      .chara_Wrapper .chara_Copy {
      -ms-grid-row: 9;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .chara_Wrapper .body {
      -ms-grid-row: 1;
      -ms-grid-row-span: 3;
      -ms-grid-column: 1; }
      .chara_Wrapper.ayame > .body {
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      -ms-grid-column: 2; }
      .chara_Wrapper .copy {
      -ms-grid-row: 9;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .chara_Wrapper > .copy {
      -ms-grid-row: 1;
      -ms-grid-column: 3;
      -ms-grid-column-span: 1; }
      .chara_Wrapper.ayame > .copy {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
      -ms-grid-column-span: 1; }
    .chara_Wrapper .txt {
      -ms-grid-row: 3;
      -ms-grid-column: 3; }
      .chara_Wrapper.ayame > .txt {
      -ms-grid-row: 2;
      -ms-grid-column: 1; } }
    .chara_Wrapper > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.ayame > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
    .chara_Wrapper > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.ayame > .copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
    .chara_Wrapper > .chara_Copy {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 1; }
      .chara_Wrapper.ayame > .chara_Copy {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1; }
    .chara_Wrapper .chara_Body {
    -ms-grid-row: 1;
    -ms-grid-row-span: 3;
    -ms-grid-column: 1; }
      .chara_Wrapper.ayame > .chara_Body {
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    -ms-grid-column: 2; }
    .chara_Wrapper .chara_Txt {
    -ms-grid-row: 3;
    -ms-grid-column: 3; }
      .chara_Wrapper.ayame > .chara_Txt {
    -ms-grid-row: 2;
    -ms-grid-column: 1; } }
  .chara_Wrapper .chara_Copy {
    position: relative; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -webkit-justify-content: flex-end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        padding: 0 8.98438vw 5.20833vw 0; } }
    .chara_Wrapper .chara_Copy_Item {
      background: url("../../images/common/bg_line-v.png") left top/1px auto repeat-y, url("../../images/common/bg_line-v.png") 33% top/1px auto repeat-y, url("../../images/common/bg_line-v.png") 66% top/1px auto repeat-y, url("../../images/common/bg_line-v.png") right top/1px auto repeat-y;
      width: 100%;
      padding: 0 0 0 20px;
      position: relative;
      z-index: 11;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Copy_Item {
          padding: 0 0 0 3.38542vw;
          width: 37.76042vw; } }
      .chara_Wrapper .chara_Copy_Item span {
        display: block;
        position: relative;
        -webkit-transform: translateY(20px);
                transform: translateY(20px);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .chara_Wrapper .chara_Copy_Item_Bg {
        display: block;
        position: absolute;
        z-index: 6; }
  .chara_Wrapper .chara_Body {
    position: relative; }
    .chara_Wrapper .chara_Body_Item {
      position: absolute;
      z-index: 10;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .chara_Wrapper .chara_Body:before {
      content: '';
      display: block;
      position: absolute;
      z-index: 9;
      width: 415px;
      height: 239px; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Body:before {
          width: 54.03646vw;
          height: 31.11979vw; } }
  .chara_Wrapper .chara_Txt {
    padding: 160px 100px 0 0;
    position: relative; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt {
        padding: 4.6875vw 4.16667vw 0 0; } }
    .chara_Wrapper .chara_Txt:before {
      content: '';
      display: block;
      width: 860px;
      height: 400px;
      top: 40px;
      right: -40px;
      position: absolute; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt:before {
          display: none; } }
    .chara_Wrapper .chara_Txt_Bg {
      display: block;
      height: 400px;
      position: absolute;
      top: 80px;
      right: 0;
      width: 0; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt_Bg {
          height: 58.07292vw;
          top: 0; } }
    .chara_Wrapper .chara_Txt .name {
      text-align: right;
      margin: 0 0 40px;
      position: relative;
      z-index: 11; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt .name {
          margin: 0 0 5.20833vw; } }
      .chara_Wrapper .chara_Txt .name .ja {
        font-size: 58px;
        text-shadow: 3px 3px 0px white;
        letter-spacing: .05em;
        white-space: nowrap;
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Txt .name .ja {
            font-size: 8.85417vw;
            text-shadow: 2px 2px 0px white; } }
      .chara_Wrapper .chara_Txt .name .en {
        font-size: 16px;
        letter-spacing: .1em;
        margin: 20px auto 0;
        -webkit-transform: translateX(20px);
                transform: translateX(20px);
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
        @media print, screen and (max-width: 1024px) {
          .chara_Wrapper .chara_Txt .name .en {
            font-size: 2.86458vw;
            margin: 2.60417vw auto 0; } }
    .chara_Wrapper .chara_Txt > .txt {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
          -ms-flex-pack: end;
              justify-content: flex-end;
      position: relative;
      z-index: 11; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt > .txt {
          width: 105%;
          margin: 0 0 0 -5%; }
          .chara_Wrapper .chara_Txt > .txt .sw-Txt {
            width: 100%;
            text-align: justify;
            text-justify: inter-ideograph; } }
    .chara_Wrapper .chara_Txt .sw-Txt {
      width: 400px;
      -webkit-transform: translateX(20px);
              transform: translateX(20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt .sw-Txt {
          width: 52.08333vw; } }
    .chara_Wrapper .chara_Txt .sw-Btn {
      position: absolute;
      top: 447px;
      right: 100px;
      z-index: 11; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt .sw-Btn {
          top: 51.82292vw;
          right: 4.16667vw;
          width: 49.47917vw;
          height: 12.23958vw; } }
  .chara_Wrapper.ayame {
    margin: 40px auto 0; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.ayame {
        margin: 0 auto 0; } }
  .chara_Wrapper.tayori {
    margin: 100px auto 0; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.tayori {
        margin: 0 auto 0; } }
  @media print, screen and (max-width: 1024px) {
    .chara_Wrapper .chara_Copy.ayame {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start;
      padding: 0 0 5.20833vw 8.98438vw; }
      .chara_Wrapper .chara_Copy.ayame span {
        position: relative;
        z-index: 20; } }
  .chara_Wrapper .chara_Copy_Item.yoshino {
    height: 337px; }
    .chara_Wrapper .chara_Copy_Item.yoshino span {
      width: 186px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy_Item.yoshino {
        height: 61.32812vw; }
        .chara_Wrapper .chara_Copy_Item.yoshino span {
          width: 31.25vw; } }
  .chara_Wrapper .chara_Copy_Item.ayame {
    height: 456px; }
    .chara_Wrapper .chara_Copy_Item.ayame span {
      width: 191px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy_Item.ayame {
        height: 70.70312vw; }
        .chara_Wrapper .chara_Copy_Item.ayame span {
          width: 31.38021vw; } }
  .chara_Wrapper .chara_Copy_Item.tayori {
    height: 449px;
    padding: 0 0 0 17px; }
    .chara_Wrapper .chara_Copy_Item.tayori span {
      width: 189px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Copy_Item.tayori {
        height: 69.01042vw;
        padding: 0 0 0 2.99479vw; }
        .chara_Wrapper .chara_Copy_Item.tayori span {
          width: 31.51042vw; } }
  .chara_Wrapper .chara_Body.yoshino:before {
    background: url("../../images/common/postmark-p.png") left top/100% auto no-repeat;
    left: -207px;
    top: 329px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body.yoshino:before {
        left: 6.25vw;
        top: 39.0625vw; } }
  .chara_Wrapper .chara_Body.ayame:before {
    background: url("../../images/common/postmark-b.png") left top/100% auto no-repeat;
    left: 185px;
    top: 423px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body.ayame:before {
        left: -5.72917vw;
        top: 72.78646vw; } }
  .chara_Wrapper .chara_Body.tayori:before {
    background: url("../../images/common/postmark-y.png") left top/100% auto no-repeat;
    left: -227px;
    top: 424px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body.tayori:before {
        left: 2.86458vw;
        top: 22.91667vw; } }
  .chara_Wrapper .chara_Body_Item.yoshino {
    width: 324.162px;
    height: 719.693px;
    background: url("../../images/pc/index/chara_body-0.png") left top/100% auto no-repeat;
    top: -40px;
    left: 56px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body_Item.yoshino {
        width: 43.68503vw;
        height: 139.65313vw;
        background: url("../../images/sp/index/chara_body-0.png") left top/100% auto no-repeat;
        top: -2.08333vw;
        left: 4.42708vw; } }
  .chara_Wrapper .chara_Body_Item.ayame {
    width: 535.601px;
    height: 763.715px;
    background: url("../../images/pc/index/chara_body-1.png") left top/100% auto no-repeat;
    top: -40px;
    left: -180px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body_Item.ayame {
        width: 71.47669vw;
        height: 150.59609vw;
        background: url("../../images/sp/index/chara_body-1.png") left top/100% auto no-repeat;
        top: -1.30208vw;
        right: 0;
        left: auto; } }
  .chara_Wrapper .chara_Body_Item.tayori {
    width: 600.3px;
    height: 756.378px;
    background: url("../../images/pc/index/chara_body-2.png") left top/100% auto no-repeat;
    top: -40px;
    left: -85px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Body_Item.tayori {
        width: 65.49479vw;
        height: 129.42708vw;
        background: url("../../images/sp/index/chara_body-2.png") left top/100% auto no-repeat;
        top: 1.95312vw;
        left: 0; } }
  .chara_Wrapper .chara_Txt.yoshino:before {
    background: url("../../images/common/bg_dot-p.png") left top/10px 16px repeat; }
  .chara_Wrapper .chara_Txt.ayame {
    padding: 160px 0 0 100px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt.ayame {
        padding: 4.6875vw 0 0 4.16667vw; } }
    .chara_Wrapper .chara_Txt.ayame:before {
      background: url("../../images/common/bg_dot-b.png") left top/10px 16px repeat;
      right: auto;
      left: -40px; }
    .chara_Wrapper .chara_Txt.ayame .name {
      text-align: left;
      z-index: 20; }
    .chara_Wrapper .chara_Txt.ayame > .txt {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }
      @media print, screen and (max-width: 1024px) {
        .chara_Wrapper .chara_Txt.ayame > .txt {
          margin: 0; } }
    .chara_Wrapper .chara_Txt.ayame .ja,
    .chara_Wrapper .chara_Txt.ayame .en,
    .chara_Wrapper .chara_Txt.ayame .sw-Txt {
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .chara_Wrapper .chara_Txt.tayori:before {
    background: url("../../images/common/bg_dot-y.png") left top/10px 16px repeat; }
  .chara_Wrapper .chara_Txt_Bg.yoshino {
    background: url("../../images/pc/index/chara_bg-0.jpg") right top/860px auto no-repeat; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt_Bg.yoshino {
        background: url("../../images/sp/index/chara_bg-0.jpg") right top/95.83333vw auto no-repeat; } }
  .chara_Wrapper .chara_Txt_Bg.ayame {
    background: url("../../images/pc/index/chara_bg-1.jpg") left top/860px auto no-repeat;
    right: auto;
    left: 0; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt_Bg.ayame {
        background: url("../../images/sp/index/chara_bg-1.jpg") left top/95.83333vw auto no-repeat; } }
  .chara_Wrapper .chara_Txt_Bg.tayori {
    background: url("../../images/pc/index/chara_bg-2.jpg") right top/860px auto no-repeat; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .chara_Txt_Bg.tayori {
        background: url("../../images/sp/index/chara_bg-2.jpg") right top/95.83333vw auto no-repeat; } }
  .chara_Wrapper .sw-Btn.yoshino {
    color: #ffc1c4; }
    .chara_Wrapper .sw-Btn.yoshino .arw {
      fill: #ffc1c4; }
  .chara_Wrapper .sw-Btn.ayame {
    color: #96cbf6;
    right: auto;
    left: 100px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper .sw-Btn.ayame {
        left: 4.16667vw; } }
    .chara_Wrapper .sw-Btn.ayame .arw {
      fill: #96cbf6; }
  .chara_Wrapper .sw-Btn.tayori {
    color: #ffd681; }
    .chara_Wrapper .sw-Btn.tayori .arw {
      fill: #ffd681; }
  .chara_Wrapper.yoshino .chara_Copy_Item_Bg {
    width: 384px;
    height: 400px;
    background: url("../../images/common/bg_s-p.png") left top/100% auto no-repeat;
    left: 56px;
    top: -224px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.yoshino .chara_Copy_Item_Bg {
        width: 58.85417vw;
        height: 61.32812vw;
        left: 15.10417vw;
        top: -24.08854vw; } }
  .chara_Wrapper.ayame .chara_Copy_Item_Bg {
    width: 384px;
    height: 400px;
    background: url("../../images/common/bg_s-b.png") left top/100% auto no-repeat;
    right: 65px;
    top: -118px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.ayame .chara_Copy_Item_Bg {
        width: 49.60938vw;
        height: 51.17188vw;
        left: -9.63542vw;
        top: -5.98958vw; } }
  .chara_Wrapper.tayori .chara_Copy_Item_Bg {
    width: 384px;
    height: 400px;
    background: url("../../images/common/bg_s-y.png") left top/100% auto no-repeat;
    left: 65px;
    top: -178px; }
    @media print, screen and (max-width: 1024px) {
      .chara_Wrapper.tayori .chara_Copy_Item_Bg {
        width: 60.67708vw;
        height: 57.94271vw;
        left: -8.07292vw;
        top: 6.90104vw; } }

/* =============================================================== */
/* アニメーション */
/* =============================================================== */
.chara_Wrapper.is-animated .chara_Copy_Item,
.chara_Wrapper.is-animated .chara_Copy_Item span {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.chara_Wrapper.is-animated .chara_Body_Item {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.chara_Wrapper.is-animated .chara_Txt_Bg {
  width: 860px; }
  @media print, screen and (max-width: 1024px) {
    .chara_Wrapper.is-animated .chara_Txt_Bg {
      width: 95.83333vw; } }

.chara_Wrapper.is-animated .chara_Txt .ja,
.chara_Wrapper.is-animated .chara_Txt .en,
.chara_Wrapper.is-animated .chara_Txt .sw-Txt {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.chara_Wrapper.is-animated.ayame .chara_Txt .ja,
.chara_Wrapper.is-animated.ayame .chara_Txt .en,
.chara_Wrapper.is-animated.ayame .chara_Txt .sw-Txt {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.chara_Wrapper .chara_Copy_Item,
.chara_Wrapper .chara_Copy_Item span {
  -webkit-transition: opacity .6s .1s, -webkit-transform .6s .1s;
  transition: opacity .6s .1s, -webkit-transform .6s .1s;
  transition: transform .6s .1s, opacity .6s .1s;
  transition: transform .6s .1s, opacity .6s .1s, -webkit-transform .6s .1s; }

.chara_Wrapper .chara_Body_Item {
  -webkit-transition: opacity .8s, -webkit-transform .8s;
  transition: opacity .8s, -webkit-transform .8s;
  transition: transform .8s, opacity .8s;
  transition: transform .8s, opacity .8s, -webkit-transform .8s; }

.chara_Wrapper .chara_Txt_Bg {
  -webkit-transition: width 1s 0.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s 0.3s;
  transition: width 1s 0.3s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s 0.3s; }

.chara_Wrapper .chara_Txt .ja {
  -webkit-transition: opacity .6s .6s, -webkit-transform .6s .6s;
  transition: opacity .6s .6s, -webkit-transform .6s .6s;
  transition: transform .6s .6s, opacity .6s .6s;
  transition: transform .6s .6s, opacity .6s .6s, -webkit-transform .6s .6s; }

.chara_Wrapper .chara_Txt .en {
  -webkit-transition: opacity .6s .7s, -webkit-transform .6s .7s;
  transition: opacity .6s .7s, -webkit-transform .6s .7s;
  transition: transform .6s .7s, opacity .6s .7s;
  transition: transform .6s .7s, opacity .6s .7s, -webkit-transform .6s .7s; }

.chara_Wrapper .chara_Txt .sw-Txt {
  -webkit-transition: opacity .6s .8s, -webkit-transform .6s .8s;
  transition: opacity .6s .8s, -webkit-transform .6s .8s;
  transition: transform .6s .8s, opacity .6s .8s;
  transition: transform .6s .8s, opacity .6s .8s, -webkit-transform .6s .8s; }

/* =============================================================== */
/* #movie-Stage */
/* =============================================================== */
#movie-Stage {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300; }
  #movie-Stage #movie-Iframe {
    background: rgba(255, 255, 255, 0.97);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 89;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    @media print, screen and (max-width: 1024px) {
      #movie-Stage #movie-Iframe iframe {
        width: 100%;
        height: 56.25vw; } }
  #movie-Stage #movie-Close {
    position: fixed;
    z-index: 100;
    width: 56px;
    height: 84px;
    top: 30px;
    right: 30px;
    -webkit-transition: .2s;
    transition: .2s;
    background: url("../../images/common/characters/close.png") left top/100% auto no-repeat; }
    @media print, screen and (max-width: 1024px) {
      #movie-Stage #movie-Close {
        width: 10.41667vw;
        height: 15.625vw;
        top: 5.20833vw;
        right: 7.42188vw; } }
    @media print, screen and (min-width: 1025px) {
      #movie-Stage #movie-Close:hover {
        cursor: pointer;
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; } }

/* =============================================================== */
/* #popup-Image */
/* =============================================================== */
#popup-Image {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0; }
  @media print, screen and (max-width: 1024px) {
    #popup-Image {
      overflow-y: scroll;
      overflow-x: hidden;
      -webkit-overflow-scrolling: touch; } }
  @media print, screen and (min-width: 1025px) {
    #popup-Image {
      z-index: 9998; } }
  @media print, screen and (max-width: 1024px) {
    #popup-Image {
      z-index: 200; } }
  #popup-Image #popup-Box {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 89;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center; }
    #popup-Image #popup-Box #popup-Bg {
      background: rgba(255, 230, 231, 0.9);
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      z-index: 88; }
    #popup-Image #popup-Box .popup-Box_Inner {
      display: block;
      position: relative;
      z-index: 100;
      height: 80%;
      -webkit-transition: opacity .2s;
      transition: opacity .2s;
      -webkit-box-shadow: 0px 0px 27px -2px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 0px 27px -2px rgba(0, 0, 0, 0.3); }
      @media print, screen and (min-width: 1025px) {
        #popup-Image #popup-Box .popup-Box_Inner:hover {
          opacity: .8;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } }
      @media print, screen and (max-width: 1024px) {
        #popup-Image #popup-Box .popup-Box_Inner {
          margin: 0 auto;
          width: 92.1875vw;
          height: auto;
          display: block; } }
      #popup-Image #popup-Box .popup-Box_Inner .img {
        height: 100%;
        line-height: 0; }
        @media print, screen and (min-width: 1025px) {
          #popup-Image #popup-Box .popup-Box_Inner .img img {
            width: auto;
            height: 100%; } }
        @media print, screen and (max-width: 1024px) {
          #popup-Image #popup-Box .popup-Box_Inner .img img {
            width: 100%;
            height: auto; } }
  #popup-Image #popup-Close {
    position: fixed;
    z-index: 89;
    width: 70px;
    height: 70px;
    top: 40px;
    right: 10px;
    -webkit-transition: .2s;
    transition: .2s;
    cursor: pointer; }
    @media print, screen and (max-width: 1024px) {
      #popup-Image #popup-Close {
        width: 9.11458vw;
        height: 9.11458vw;
        position: fixed;
        top: calc(50% - 40vw);
        left: inherit;
        right: 3.90625vw;
        left: auto; } }
    #popup-Image #popup-Close span {
      position: absolute;
      content: "";
      width: 70px;
      height: 3px;
      background: #000; }
      @media print, screen and (max-width: 1024px) {
        #popup-Image #popup-Close span {
          position: absolute;
          display: block;
          width: 9.11458vw; } }
      #popup-Image #popup-Close span:nth-of-type(1) {
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg);
        top: 0;
        left: 0; }
      #popup-Image #popup-Close span:nth-of-type(2) {
        -webkit-transform: rotate(-45deg);
                transform: rotate(-45deg);
        top: 0;
        right: 0; }
      @media print, screen and (max-width: 1024px) {
        #popup-Image #popup-Close span:nth-of-type(1) {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          top: 0;
          left: 0; }
        #popup-Image #popup-Close span:nth-of-type(2) {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          top: 0;
          right: 0; } }
    #popup-Image #popup-Close:hover {
      opacity: .7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }

.sw-Modal {
  display: none; }
  .sw-Modal.show {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    padding: 5.20833vw; }
  .sw-Modal.bg_dark {
    background-color: rgba(43, 32, 36, 0.8); }
    .sw-Modal.bg_dark .btn_close:before, .sw-Modal.bg_dark .btn_close:after {
      background-color: #ffffff; }
  .sw-Modal.bg_light {
    background-color: rgba(255, 255, 255, 0.8); }
    .sw-Modal.bg_light .btn_close:before, .sw-Modal.bg_light .btn_close:after {
      background-color: #f35a4b; }
  .sw-Modal_Container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    width: 100%;
    height: 100%; }
    @media print, screen and (min-width: 1025px) {
      .sw-Modal_Container {
        max-height: 800px; } }
  .sw-Modal_ImageSlider {
    position: relative;
    max-width: 800px;
    width: 90%; }
    .sw-Modal_ImageSlider .imageBox {
      position: relative;
      overflow: hidden;
      width: 100%;
      border-radius: 2.08333vw;
      border: 1.04167vw solid #f35a4b;
      background-color: #ffffff; }
      @media print, screen and (min-width: 1025px) {
        .sw-Modal_ImageSlider .imageBox {
          border-width: 6px;
          border-radius: 16px; } }
      .sw-Modal_ImageSlider .imageBox .caption {
        padding: 1.95312vw 2.60417vw;
        color: #f35a4b;
        font-size: 2.34375vw;
        text-align: right;
        background-color: #fff; }
        @media print, screen and (min-width: 1025px) {
          .sw-Modal_ImageSlider .imageBox .caption {
            padding: 15px 20px;
            font-size: 1.4rem; } }
  .sw-Modal .btn_prev, .sw-Modal .btn_next {
    position: absolute;
    top: 50%;
    width: 10.41667vw;
    margin-top: -5.20833vw; }
    @media print, screen and (min-width: 1025px) {
      .sw-Modal .btn_prev, .sw-Modal .btn_next {
        width: 80px;
        margin-top: -40px; } }
    .sw-Modal .btn_prev img, .sw-Modal .btn_next img {
      -webkit-transition: -webkit-transform .35s;
      transition: -webkit-transform .35s;
      transition: transform .35s;
      transition: transform .35s, -webkit-transform .35s; }
  .sw-Modal .btn_prev {
    left: -4.94792vw; }
    @media print, screen and (min-width: 1025px) {
      .sw-Modal .btn_prev {
        left: -38px; } }
    .sw-Modal .btn_prev:hover img {
      -webkit-transform: translateX(-1.04167vw);
              transform: translateX(-1.04167vw); }
      @media print, screen and (min-width: 1025px) {
        .sw-Modal .btn_prev:hover img {
          -webkit-transform: translateX(-8px);
                  transform: translateX(-8px); } }
  .sw-Modal .btn_next {
    right: -4.94792vw; }
    @media print, screen and (min-width: 1025px) {
      .sw-Modal .btn_next {
        right: -38px; } }
    .sw-Modal .btn_next:hover img {
      -webkit-transform: translateX(1.04167vw);
              transform: translateX(1.04167vw); }
      @media print, screen and (min-width: 1025px) {
        .sw-Modal .btn_next:hover img {
          -webkit-transform: translateX(8px);
                  transform: translateX(8px); } }
  .sw-Modal .btn_close {
    position: absolute;
    top: -11.71875vw;
    right: 0;
    width: 7.8125vw;
    height: 7.8125vw;
    cursor: pointer; }
    @media print, screen and (min-width: 1025px) {
      .sw-Modal .btn_close {
        top: -90px;
        width: 60px;
        height: 60px; } }
    .sw-Modal .btn_close:before, .sw-Modal .btn_close:after {
      position: absolute;
      top: 3.77604vw;
      width: 10.41667vw;
      height: 2px;
      background-color: #ffffff;
      content: ""; }
      @media print, screen and (min-width: 1025px) {
        .sw-Modal .btn_close:before, .sw-Modal .btn_close:after {
          top: 29px;
          width: 80px; } }
    .sw-Modal .btn_close:before {
      left: -1.30208vw;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg); }
      @media print, screen and (min-width: 1025px) {
        .sw-Modal .btn_close:before {
          left: -10px; } }
    .sw-Modal .btn_close:after {
      right: -1.30208vw;
      -webkit-transform: rotate(-45deg);
              transform: rotate(-45deg); }
      @media print, screen and (min-width: 1025px) {
        .sw-Modal .btn_close:after {
          right: -10px; } }

/* =============================================================== */
/* ブレイクポイント 768px _foundation.scssも統一 */
/* =============================================================== */
/* =============================================================== */
/* ブレイクポイント 1024px _foundation.scssも統一 */
/* =============================================================== */
.characters_Contents {
  margin: 100px auto 0; }
  @media print, screen and (max-width: 1024px) {
    .characters_Contents {
      margin: 11.19792vw auto 0; } }

.sw-Lower.characters_List {
  padding: 190px 0 100px; }
  @media print, screen and (max-width: 1024px) {
    .sw-Lower.characters_List {
      padding: 31.25vw 0 5.20833vw; } }

/* =============================================================== */
/* .character_Detail */
/* =============================================================== */
.character_Detail {
  margin: 100px auto 0;
  position: relative; }
  @media print, screen and (max-width: 1024px) {
    .character_Detail {
      margin: 16.66667vw auto 0; } }
  .character_Detail_Body {
    position: absolute;
    z-index: 20;
    -webkit-transform: translateY(30px);
            transform: translateY(30px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .character_Detail_Body.yoshino {
      width: 422px;
      height: 1314px;
      background: url("../../images/common/characters/body_0.png") left top/100% auto no-repeat;
      top: -60px;
      left: calc(50% + 100px); }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Body.yoshino {
          width: 70.83333vw;
          height: 219.79167vw;
          top: -12.5vw;
          right: -14.19271vw;
          left: auto; } }
    .character_Detail_Body.ayame {
      width: 696px;
      height: 1417px;
      background: url("../../images/common/characters/body_1.png") left top/100% auto no-repeat;
      top: -72px;
      left: calc(50% - 74px); }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Body.ayame {
          width: 113.41146vw;
          height: 232.03125vw;
          top: -14.97396vw;
          right: -19.92188vw;
          left: auto; } }
    .character_Detail_Body.tayori {
      width: 789px;
      height: 1185px;
      background: url("../../images/common/characters/body_2.png") left top/100% auto no-repeat;
      top: -60px;
      left: calc(50% - 92px); }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Body.tayori {
          width: 130.33854vw;
          height: 196.48438vw;
          top: -14.0625vw;
          right: -37.23958vw;
          left: auto; } }
  .character_Detail_Scale {
    display: none; }
    @media print, screen and (max-width: 1024px) {
      .character_Detail_Scale {
        display: block;
        position: absolute;
        width: 11.97917vw;
        height: 11.97917vw;
        border-radius: 50%;
        background: url("../../images/common/characters/btn_scale.png") left top/100% auto no-repeat;
        top: 100.78125vw;
        right: 4.16667vw;
        z-index: 21;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        -webkit-transform: scale(1.2);
                transform: scale(1.2); }
        .character_Detail_Scale.yoshino {
          border: 2px solid #fbc6c9; }
        .character_Detail_Scale.ayame {
          border: 2px solid #96cbf6; }
        .character_Detail_Scale.tayori {
          border: 2px solid #ffd681; } }
  .character_Detail_Heading {
    position: relative; }
    .character_Detail_Heading:before {
      content: '';
      display: block;
      position: absolute;
      background: #fff0f1;
      height: calc(100% + 30px);
      width: calc(50% + 600px);
      top: 130px;
      left: 0;
      width: 0; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Heading:before {
          height: calc(100% + 24vw);
          top: 17.57812vw; } }
    .character_Detail_Heading.ayame:before {
      background: #e9f5ff; }
    .character_Detail_Heading.tayori:before {
      background: #fff5e0; }
    .character_Detail_Heading .inner {
      width: 960px;
      margin: 0 auto;
      padding: 0 0 40px;
      position: relative;
      z-index: 21; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Heading .inner {
          width: 91.66667vw;
          padding: 0 0 9.76562vw; } }
    .character_Detail_Heading .chara-name .ja {
      font-size: 58px;
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Heading .chara-name .ja {
          font-size: 8.85417vw; } }
    .character_Detail_Heading .chara-name .en {
      font-size: 22px;
      margin: 20px 0 0;
      letter-spacing: 0.1em;
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Heading .chara-name .en {
          font-size: 2.86458vw;
          margin: 2.60417vw 0 0; } }
    .character_Detail_Heading .detail {
      margin: 74px 0 0;
      width: 50%;
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
          -ms-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-transform: translateX(-20px);
              transform: translateX(-20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Heading .detail {
          margin: 9.11458vw 0 0;
          width: 100%; } }
      .character_Detail_Heading .detail_Item {
        width: 50%; }
        @media print, screen and (max-width: 1024px) {
          .character_Detail_Heading .detail_Item {
            width: 100%; }
            .character_Detail_Heading .detail_Item + .detail_Item {
              margin: 5.98958vw 0 0; } }
        .character_Detail_Heading .detail_Item .label {
          font-size: 14px;
          color: #666;
          letter-spacing: 0.1em; }
          @media print, screen and (max-width: 1024px) {
            .character_Detail_Heading .detail_Item .label {
              font-size: 2.86458vw; } }
        .character_Detail_Heading .detail_Item .name {
          font-size: 24px;
          margin: 10px 0 0;
          letter-spacing: 0.1em; }
          @media print, screen and (max-width: 1024px) {
            .character_Detail_Heading .detail_Item .name {
              font-size: 4.94792vw;
              margin: 2.60417vw 0 0; } }
          .character_Detail_Heading .detail_Item .name.coming {
            display: block;
            width: 194.04px;
            height: 69.96px;
            -webkit-transform: translateX(-10px) translateY(-2px);
                    transform: translateX(-10px) translateY(-2px);
            background: url("../../images/common/characters/coming_0.png") left top/100% auto no-repeat; }
            @media print, screen and (max-width: 1024px) {
              .character_Detail_Heading .detail_Item .name.coming {
                width: 38.28125vw;
                height: 13.80208vw;
                -webkit-transform: translateX(-4px) translateY(-2px);
                        transform: translateX(-4px) translateY(-2px); } }
            .character_Detail_Heading .detail_Item .name.coming.ayame {
              background: url("../../images/common/characters/coming_1.png") left top/100% auto no-repeat; }
            .character_Detail_Heading .detail_Item .name.coming.tayori {
              background: url("../../images/common/characters/coming_2.png") left top/100% auto no-repeat; }
        .character_Detail_Heading .detail_Item-Voice {
          width: 545px;
          margin: 46px 0 0;
          -webkit-flex-shrink: 0;
              -ms-flex-negative: 0;
                  flex-shrink: 0; }
          @media print, screen and (max-width: 1024px) {
            .character_Detail_Heading .detail_Item-Voice {
              width: 40.36458vw;
              margin: 5.98958vw 0 0 !important; } }
        .character_Detail_Heading .detail_Item .voice {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-flex-wrap: wrap;
              -ms-flex-wrap: wrap;
                  flex-wrap: wrap;
          margin: 5px 0 0 -10px; }
          @media print, screen and (max-width: 1024px) {
            .character_Detail_Heading .detail_Item .voice {
              display: block;
              margin: 3.125vw 0 -3.64583vw; } }
          .character_Detail_Heading .detail_Item .voice_Item {
            margin: 10px 0 0 10px; }
            @media print, screen and (max-width: 1024px) {
              .character_Detail_Heading .detail_Item .voice_Item {
                margin: 0 0 3.64583vw; } }
            .character_Detail_Heading .detail_Item .voice_Item a {
              display: block;
              width: 175px;
              height: 50px;
              border-radius: 25px;
              background: #fff;
              border: 2px solid #fbc6c9;
              font-size: 14px;
              text-align: center;
              line-height: 46px;
              color: #666;
              position: relative;
              letter-spacing: .05em;
              -webkit-font-feature-settings: "palt";
                      font-feature-settings: "palt"; }
              @media print, screen and (max-width: 1024px) {
                .character_Detail_Heading .detail_Item .voice_Item a {
                  width: 100%;
                  height: 13.02083vw;
                  font-size: 3.38542vw;
                  line-height: 12.23958vw; } }
              .character_Detail_Heading .detail_Item .voice_Item a .speaker {
                width: 11px;
                height: 11px;
                margin: auto 0;
                position: absolute;
                top: 1px;
                bottom: 0;
                right: 18px;
                line-height: 0; }
                @media print, screen and (max-width: 1024px) {
                  .character_Detail_Heading .detail_Item .voice_Item a .speaker {
                    width: 2.73438vw;
                    height: 2.73438vw; } }
              @media print, screen and (min-width: 1025px) {
                .character_Detail_Heading .detail_Item .voice_Item a {
                  -webkit-transition: -webkit-transform .3s;
                  transition: -webkit-transform .3s;
                  transition: transform .3s;
                  transition: transform .3s, -webkit-transform .3s; }
                  .character_Detail_Heading .detail_Item .voice_Item a:hover {
                    -webkit-transform: scale(1.03);
                            transform: scale(1.03); } }
          .character_Detail_Heading .detail_Item .voice.ayame .voice_Item a {
            border: 2px solid #96cbf6; }
          .character_Detail_Heading .detail_Item .voice.tayori .voice_Item a {
            border: 2px solid #ffd681; }
  .character_Detail_Txt {
    position: relative; }
    .character_Detail_Txt:before {
      content: '';
      display: block;
      position: absolute;
      background: #fff;
      height: 100%;
      width: calc(50% + 600px);
      top: 0;
      left: calc(50% - 600px);
      -webkit-box-shadow: 0px 16px 38.4px 9.6px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 16px 38.4px 9.6px rgba(0, 0, 0, 0.05);
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Txt:before {
          display: none; } }
    .character_Detail_Txt .inner {
      padding: 80px 0;
      width: 960px;
      margin: 0 auto;
      position: relative;
      z-index: 20;
      -webkit-transform: translateY(20px);
              transform: translateY(20px);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Txt .inner {
          width: 91.66667vw;
          background-color: rgba(255, 255, 255, 0.96);
          -webkit-box-shadow: 0px 16px 38.4px 9.6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 16px 38.4px 9.6px rgba(0, 0, 0, 0.05);
          padding: 7.8125vw 4.16667vw 10.41667vw; } }
    .character_Detail_Txt .copy {
      width: 520px; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Txt .copy {
          width: 100%;
          margin: 7.8125vw 0 0; } }
      .character_Detail_Txt .copy .min {
        display: block;
        line-height: 66px;
        font-size: 38px;
        position: relative;
        white-space: nowrap;
        font-weight: 200; }
        @media print, screen and (max-width: 1024px) {
          .character_Detail_Txt .copy .min {
            line-height: 10.41667vw;
            font-size: 6.25vw; } }
        .character_Detail_Txt .copy .min:before {
          content: '';
          display: block;
          background: url("../../images/common/characters/bg_characters.png") left top/7px 66px repeat;
          width: 100%;
          height: calc(100% + 1px);
          position: absolute;
          z-index: 0;
          top: -1px;
          left: 0px;
          pointer-events: none; }
          @media print, screen and (max-width: 1024px) {
            .character_Detail_Txt .copy .min:before {
              height: calc(100% + 0.4vw);
              top: -0.26042vw;
              background: url("../../images/sp/bg_novels.png") left top/0.78125vw 10.41667vw repeat; } }
      .character_Detail_Txt .copy .small {
        font-size: 0.7em;
        display: inline-block;
        -webkit-transform: translateY(-0.1em);
                transform: translateY(-0.1em); }
    .character_Detail_Txt .sw-Txt {
      width: 520px;
      margin: 36px 0 0;
      text-align: justify; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Txt .sw-Txt {
          width: 100%;
          margin: 5.46875vw 0 0; } }
    .character_Detail_Txt .profile {
      margin: 52px 0 0;
      width: 520px; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Txt .profile {
          margin: 9.63542vw 0 0;
          width: 100%; } }
      .character_Detail_Txt .profile .label {
        font-size: 14px;
        color: #666;
        letter-spacing: 0.1em; }
        @media print, screen and (max-width: 1024px) {
          .character_Detail_Txt .profile .label {
            font-size: 2.86458vw; } }
      .character_Detail_Txt .profile_List {
        margin: 12px 0 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
                flex-wrap: wrap; }
        @media print, screen and (max-width: 1024px) {
          .character_Detail_Txt .profile_List {
            margin: 2.08333vw 0 0; } }
        .character_Detail_Txt .profile_List_Item {
          width: 240px;
          background: url("../../images/common/bg_line-h.png") left top/7px auto repeat-x, url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x;
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          padding: 18px 0;
          font-size: 16px;
          line-height: 1.4; }
          @media print, screen and (max-width: 1024px) {
            .character_Detail_Txt .profile_List_Item {
              width: 47.8%;
              padding: 3.125vw 0;
              font-size: 3.125vw; } }
          .character_Detail_Txt .profile_List_Item:nth-of-type(n+3) {
            background: url("../../images/common/bg_line-h.png") left bottom/7px auto repeat-x; }
          .character_Detail_Txt .profile_List_Item dt {
            width: 110px;
            color: #666; }
            @media print, screen and (max-width: 1024px) {
              .character_Detail_Txt .profile_List_Item dt {
                width: 36%; } }
          .character_Detail_Txt .profile_List_Item dd {
            width: calc(100% - 110px); }
            @media print, screen and (max-width: 1024px) {
              .character_Detail_Txt .profile_List_Item dd {
                width: 64%; } }
    .character_Detail_Txt .movie {
      width: 520px;
      margin: 60px 0;
      padding: 0 0 50px;
      position: relative; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Txt .movie {
          width: 100%;
          margin: 7.8125vw 0;
          padding: 0 0 7.8125vw; } }
      .character_Detail_Txt .movie.disabled {
        padding: 0; }
        .character_Detail_Txt .movie.disabled .swiper-ui {
          display: none; }
      .character_Detail_Txt .movie .swiper {
        -webkit-box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.05);
        box-shadow: 0 0 20px 6px rgba(0, 0, 0, 0.05); }
        @media print, screen and (max-width: 1024px) {
          .character_Detail_Txt .movie .swiper {
            -webkit-box-shadow: 0 0 2.60417vw 0.78125vw rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 2.60417vw 0.78125vw rgba(0, 0, 0, 0.05); } }
      .character_Detail_Txt .movie .swiper-container .swiper-wrapper {
        -webkit-box-align: stretch;
        -webkit-align-items: stretch;
            -ms-flex-align: stretch;
                align-items: stretch; }
        .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide {
          height: auto; }
          .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a {
            padding: 20px 20px 0;
            display: block;
            background: #fff; }
            @media print, screen and (max-width: 1024px) {
              .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a {
                padding: 1.30208vw 1.30208vw 0; } }
            .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .thumbnail {
              width: 100%;
              height: 270px;
              display: -webkit-box;
              display: -webkit-flex;
              display: -ms-flexbox;
              display: flex;
              -webkit-box-align: center;
              -webkit-align-items: center;
                  -ms-flex-align: center;
                      align-items: center;
              -webkit-box-pack: center;
              -webkit-justify-content: center;
                  -ms-flex-pack: center;
                      justify-content: center;
              position: relative;
              overflow: hidden; }
              @media print, screen and (max-width: 1024px) {
                .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .thumbnail {
                  height: 45.3125vw; } }
              .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .thumbnail img {
                width: auto;
                height: auto;
                max-width: 100%;
                max-height: 100%;
                opacity: .7;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
              .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .thumbnail .play {
                width: 72px;
                height: 72px;
                margin: auto;
                border-radius: 50%;
                background: #ff7373;
                position: absolute;
                top: 0;
                bottom: 0;
                left: 0;
                right: 0;
                display: none; }
                @media print, screen and (max-width: 1024px) {
                  .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .thumbnail .play {
                    width: 13.02083vw;
                    height: 13.02083vw; } }
                .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .thumbnail .play.yoshino {
                  background: #ffc1c4; }
                .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .thumbnail .play.ayame {
                  background: #96cbf6; }
                .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .thumbnail .play.tayori {
                  background: #ffd681; }
                .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .thumbnail .play svg {
                  width: 17px;
                  height: 20px;
                  -webkit-transform: translateX(2.5px);
                          transform: translateX(2.5px); }
                  @media print, screen and (max-width: 1024px) {
                    .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .thumbnail .play svg {
                      width: 3.125vw;
                      height: 3.51562vw;
                      -webkit-transform: translateX(0.39062vw);
                              transform: translateX(0.39062vw); } }
            .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .title {
              padding: 20px 0; }
              @media print, screen and (max-width: 1024px) {
                .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .title {
                  padding: 2.60417vw 0; } }
              .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .title p {
                font-weight: 500;
                font-size: 16px;
                font-size: 1.6rem;
                line-height: 1.6;
                color: #333;
                letter-spacing: .1em;
                -webkit-font-feature-settings: "palt";
                        font-feature-settings: "palt";
                text-align: center; }
                @media print, screen and (max-width: 1024px) {
                  .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a .title p {
                    font-size: 3.125vw; } }
            .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a.available {
              cursor: pointer; }
              .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a.available .play {
                display: -webkit-box;
                display: -webkit-flex;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                    -ms-flex-pack: center;
                        justify-content: center; }
              @media print, screen and (min-width: 1025px) {
                .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a.available .play {
                  -webkit-transition: -webkit-transform .3s;
                  transition: -webkit-transform .3s;
                  transition: transform .3s;
                  transition: transform .3s, -webkit-transform .3s; }
                .character_Detail_Txt .movie .swiper-container .swiper-wrapper .swiper-slide a.available:hover .play {
                  -webkit-transform: scale(1.1);
                          transform: scale(1.1); } }
      .character_Detail_Txt .movie .swiper-ui {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
      .character_Detail_Txt .movie .swiper-button-prev,
      .character_Detail_Txt .movie .swiper-button-next {
        width: 14px;
        height: 20px;
        position: static;
        background: none; }
        .character_Detail_Txt .movie .swiper-button-prev .arw,
        .character_Detail_Txt .movie .swiper-button-next .arw {
          fill: #666; }
        @media print, screen and (max-width: 1024px) {
          .character_Detail_Txt .movie .swiper-button-prev,
          .character_Detail_Txt .movie .swiper-button-next {
            background: none;
            width: 2.21354vw;
            height: 3.51562vw;
            top: calc(50% - 4.5vw); } }
        .character_Detail_Txt .movie .swiper-button-prev:focus,
        .character_Detail_Txt .movie .swiper-button-next:focus {
          outline: none; }
      .character_Detail_Txt .movie .swiper-button-prev {
        margin: 0 60px 0 0; }
      .character_Detail_Txt .movie .swiper-button-next {
        margin: 0 0 0 60px; }
      .character_Detail_Txt .movie .swiper-pagination {
        position: static;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
            -ms-flex-align: center;
                align-items: center; }
        .character_Detail_Txt .movie .swiper-pagination .swiper-pagination-bullet {
          width: 10px;
          height: 10px;
          margin: 0 8px;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          background: #969696; }
          .character_Detail_Txt .movie .swiper-pagination .swiper-pagination-bullet:focus {
            outline: none; }
          @media print, screen and (max-width: 1024px) {
            .character_Detail_Txt .movie .swiper-pagination .swiper-pagination-bullet {
              width: 1.82292vw;
              height: 1.82292vw;
              margin: 0 1.30208vw; } }
        .character_Detail_Txt .movie .swiper-pagination .swiper-pagination-bullet-active {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          background: #fff;
          width: 14px;
          height: 14px;
          border: 2px solid #969696; }
          @media print, screen and (max-width: 1024px) {
            .character_Detail_Txt .movie .swiper-pagination .swiper-pagination-bullet-active {
              width: 2.86458vw;
              height: 2.86458vw; } }
    .character_Detail_Txt .btn {
      margin: 60px 0 0; }
      @media print, screen and (min-width: 1025px) {
        .character_Detail_Txt .btn {
          display: -webkit-box;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex; } }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Txt .btn {
          margin: 7.8125vw 0 0; } }
    @media print, screen and (min-width: 1025px) {
      .character_Detail_Txt .sw-Btn {
        margin: 0;
        width: 380px;
        -webkit-box-shadow: 2px 6px 24px 6px rgba(255, 255, 255, 0.3);
        box-shadow: 2px 6px 24px 6px rgba(255, 255, 255, 0.3); } }
    @media print, screen and (max-width: 1024px) {
      .character_Detail_Txt .sw-Btn {
        width: 72.91667vw; } }
    .character_Detail_Txt .sw-Btn .txt {
      letter-spacing: 0em; }
    .character_Detail_Txt .sw-Btn + .sw-Btn {
      margin: 0 0 0 20px; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Txt .sw-Btn + .sw-Btn {
          margin: 3.90625vw auto 0; } }
    .character_Detail_Txt .sw-Btn .plus {
      width: 18px;
      height: 18px;
      position: absolute;
      top: 22px;
      right: 20px; }
      @media print, screen and (max-width: 1024px) {
        .character_Detail_Txt .sw-Btn .plus {
          width: 4.42708vw;
          height: 4.42708vw;
          top: 3.77604vw;
          right: 2.60417vw; } }
    .character_Detail_Txt .sw-Btn.yoshino {
      color: #ffc1c4; }
      .character_Detail_Txt .sw-Btn.yoshino .arw {
        fill: #ffc1c4; }
    .character_Detail_Txt .sw-Btn.ayame {
      color: #96cbf6; }
      .character_Detail_Txt .sw-Btn.ayame .arw {
        fill: #96cbf6; }
    .character_Detail_Txt .sw-Btn.tayori {
      color: #ffd681; }
      .character_Detail_Txt .sw-Btn.tayori .arw {
        fill: #ffd681; }

.sw-Pagenavi-detail {
  margin: 80px auto 0; }
  @media print, screen and (max-width: 1024px) {
    .sw-Pagenavi-detail {
      margin: 11.71875vw auto 0; } }

/* =============================================================== */
/* #letter-Stage */
/* =============================================================== */
#letter-Stage {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 450; }
  #letter-Stage .letter-Box {
    background: rgba(255, 255, 255, 0.97);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 89;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 80px 0; }
    #letter-Stage .letter-Box:not(.show) {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    @media print, screen and (max-width: 1024px) {
      #letter-Stage .letter-Box {
        padding: 26.04167vw 0 46.875vw; } }
    #letter-Stage .letter-Box_Inner {
      max-width: 780px;
      z-index: 89;
      position: relative;
      margin: 0 auto; }
      @media print, screen and (max-width: 1024px) {
        #letter-Stage .letter-Box_Inner {
          max-width: 100%;
          width: 91.66667vw; } }
    #letter-Stage .letter-Box_Txt {
      -webkit-box-shadow: 0px 16px 38.4px 9.6px rgba(0, 0, 0, 0.05);
      box-shadow: 0px 16px 38.4px 9.6px rgba(0, 0, 0, 0.05);
      background: #fff; }
      @media print, screen and (min-width: 1025px) {
        #letter-Stage .letter-Box_Txt {
          padding: 0 48px; } }
    #letter-Stage .letter-Box_Att {
      line-height: 1.5;
      margin: 36px auto 0;
      font-size: 14px; }
      @media print, screen and (min-width: 1025px) {
        #letter-Stage .letter-Box_Att {
          text-align: center; } }
      @media print, screen and (max-width: 1024px) {
        #letter-Stage .letter-Box_Att {
          margin: 7.03125vw auto 0;
          font-size: 3.125vw;
          text-indent: -1em;
          padding: 0 0 0 1em; } }
    #letter-Stage .letter-Box_Close {
      position: fixed;
      z-index: 100;
      width: 56px;
      height: 84px;
      top: 30px;
      right: 30px;
      -webkit-transition: .2s;
      transition: .2s;
      background: url("../../images/common/characters/close.png") left top/100% auto no-repeat; }
      @media print, screen and (max-width: 1024px) {
        #letter-Stage .letter-Box_Close {
          width: 10.41667vw;
          height: 15.625vw;
          top: 5.20833vw;
          right: 7.42188vw; } }
      #letter-Stage .letter-Box_Close:hover {
        cursor: pointer;
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
    #letter-Stage .letter-Box_Txt {
      pointer-events: none; }
    #letter-Stage .letter-Box_Close-Bottom {
      position: absolute;
      z-index: 100;
      -webkit-transition: .2s;
      transition: .2s;
      background: url("../../images/common/characters/close.png") left top/100% auto no-repeat; }
      @media print, screen and (max-width: 1024px) {
        #letter-Stage .letter-Box_Close-Bottom {
          width: 13.02083vw;
          height: 18.22917vw;
          bottom: -26.04167vw;
          right: 0;
          left: 0;
          margin: 0 auto; } }

/* =============================================================== */
/* #Body-Stage */
/* =============================================================== */
#Body-Stage {
  display: none;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 450; }
  #Body-Stage .Body-Box {
    background: rgba(255, 255, 255, 0.97);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 89;
    -webkit-transition: opacity .2s;
    transition: opacity .2s;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 80px 0; }
    #Body-Stage .Body-Box:not(.show) {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    @media print, screen and (max-width: 1024px) {
      #Body-Stage .Body-Box {
        padding: 26.04167vw 0 46.875vw; } }
    #Body-Stage .Body-Box_Inner {
      max-width: 100%;
      width: 100%;
      z-index: 89;
      position: relative;
      margin: 0 auto; }
      #Body-Stage .Body-Box_Inner_Item {
        margin: 0 auto; }
        #Body-Stage .Body-Box_Inner_Item.yoshino {
          width: 45.84635vw; }
        #Body-Stage .Body-Box_Inner_Item.ayame {
          width: 75.01302vw; }
        #Body-Stage .Body-Box_Inner_Item.tayori {
          width: 82.03125vw; }
    #Body-Stage .Body-Box_Close {
      position: fixed;
      z-index: 100;
      width: 56px;
      height: 84px;
      top: 30px;
      right: 30px;
      -webkit-transition: .2s;
      transition: .2s;
      background: url("../../images/common/characters/close.png") left top/100% auto no-repeat; }
      @media print, screen and (max-width: 1024px) {
        #Body-Stage .Body-Box_Close {
          width: 10.41667vw;
          height: 15.625vw;
          top: 5.20833vw;
          right: 7.42188vw; } }
      #Body-Stage .Body-Box_Close:hover {
        cursor: pointer;
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; }
    #Body-Stage .Body-Box_Txt {
      pointer-events: none; }
    #Body-Stage .Body-Box_Close-Bottom {
      position: absolute;
      z-index: 100;
      -webkit-transition: .2s;
      transition: .2s;
      background: url("../../images/common/characters/close.png") left top/100% auto no-repeat; }
      @media print, screen and (max-width: 1024px) {
        #Body-Stage .Body-Box_Close-Bottom {
          width: 13.02083vw;
          height: 18.22917vw;
          bottom: -26.04167vw;
          right: 0;
          left: 0;
          margin: 0 auto; } }

/* =============================================================== */
/* アニメーション */
/* =============================================================== */
.character_Detail.is-animated .character_Detail_Body {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.character_Detail.is-animated .chara-name .ja,
.character_Detail.is-animated .chara-name .en,
.character_Detail.is-animated .detail {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.character_Detail.is-animated .character_Detail_Heading:before {
  width: calc(50% + 600px); }
  @media print, screen and (max-width: 1024px) {
    .character_Detail.is-animated .character_Detail_Heading:before {
      width: 92.70833vw; } }

.character_Detail.is-animated .character_Detail_Txt .inner,
.character_Detail.is-animated .character_Detail_Txt:before {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }

.character_Detail.is-animated .character_Detail_Scale {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -webkit-transform: scale(1);
          transform: scale(1); }

.character_Detail .character_Detail_Body {
  -webkit-transition: opacity .9s, -webkit-transform .9s;
  transition: opacity .9s, -webkit-transform .9s;
  transition: transform .9s, opacity .9s;
  transition: transform .9s, opacity .9s, -webkit-transform .9s; }

.character_Detail .character_Detail_Heading:before {
  -webkit-transition: width 1s 0s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s;
  transition: width 1s 0s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.6s; }

.character_Detail .chara-name .en {
  -webkit-transition: opacity .6s .3s, -webkit-transform .6s .3s;
  transition: opacity .6s .3s, -webkit-transform .6s .3s;
  transition: transform .6s .3s, opacity .6s .3s;
  transition: transform .6s .3s, opacity .6s .3s, -webkit-transform .6s .3s; }

.character_Detail .chara-name .ja {
  -webkit-transition: opacity .6s .2s, -webkit-transform .6s .2s;
  transition: opacity .6s .2s, -webkit-transform .6s .2s;
  transition: transform .6s .2s, opacity .6s .2s;
  transition: transform .6s .2s, opacity .6s .2s, -webkit-transform .6s .2s; }

.character_Detail .detail {
  -webkit-transition: opacity .6s .4s, -webkit-transform .6s .4s;
  transition: opacity .6s .4s, -webkit-transform .6s .4s;
  transition: transform .6s .4s, opacity .6s .4s;
  transition: transform .6s .4s, opacity .6s .4s, -webkit-transform .6s .4s; }

.character_Detail .character_Detail_Txt .inner,
.character_Detail .character_Detail_Txt:before {
  -webkit-transition: opacity .6s .7s, -webkit-transform .6s .7s;
  transition: opacity .6s .7s, -webkit-transform .6s .7s;
  transition: transform .6s .7s, opacity .6s .7s;
  transition: transform .6s .7s, opacity .6s .7s, -webkit-transform .6s .7s; }

.character_Detail .character_Detail_Scale {
  -webkit-transition: opacity .3s .8s, -webkit-transform .3s .8s;
  transition: opacity .3s .8s, -webkit-transform .3s .8s;
  transition: transform .3s .8s, opacity .3s .8s;
  transition: transform .3s .8s, opacity .3s .8s, -webkit-transform .3s .8s; }