@charset "UTF-8";
@font-face {
  font-family: "Segment7Standard";
  src: url("../font/Segment7Standard.otf") format("woff"), url("../font/Segment7Standard.otf") format("opentype");
} /* reset */
html {
  overflow-y: scroll;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, section, figure, aside, header, footer, main, nav, label {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

a {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

dt, th, h1, h2, h3, h4, h5, h6 {
  font-weight: 500;
}

section, figure, aside, header, footer, main, nav {
  display: block;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}

table {
  border-collapse: collapse;
}

caption, th {
  text-align: left;
}

q:before, q:after {
  content: "";
}

object,
embed {
  vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: 500;
}

img, abbr, acronym, fieldset {
  border: 0;
}

li {
  list-style-type: none;
}

img {
  vertical-align: bottom;
}

hr {
  clear: both;
  border: none;
  background-color: #FFFFFF;
}

/* --------------------------------------------------------
01share style
-------------------------------------------------------- */
.tal {
  text-align: left;
}

.tar {
  text-align: right;
}

.tac {
  text-align: center;
}

.fwb {
  font-weight: bold;
}

/*CSS Rollover*/
a.cssRoll img {
  opacity: 1;
}

a:hover.cssRoll img {
  opacity: 0.6;
}

body {
  font-weight: 500;
  line-height: 1.8;
  color: #373737;
}
body.ulang-ja {
  letter-spacing: 0.08em;
}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a:active {
  text-decoration: none;
}

figure {
  display: block;
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0;
}

em {
  font-weight: bold;
}

.wrap-in {
  margin: 0 auto;
}

#wrapper {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
}

body {
  background: #000;
  color: #074E95;
  -webkit-text-size-adjust: 100%;
}

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

a {
  color: #32bad9;
}

.mod-clear {
  overflow: hidden;
}

.op:hover {
  opacity: 0.6;
}

.flr {
  float: right !important;
}

.tac {
  text-align: center;
}

.tdu {
  text-decoration: underline;
}

#content {
  position: relative;
  z-index: 1;
}

/* ---------------------------
module
--------------------------- */
body {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.c-gy {
  color: #999;
}
.c-yw {
  color: #ff0;
}
.c-wh {
  color: #fff;
}

.mb1e {
  margin-bottom: 1em !important;
}

.mb2e {
  margin-bottom: 2em !important;
}

.mod-h01 {
  margin-bottom: 0.8em;
}
.mod-h02 {
  margin-bottom: 0.8em;
}

.mod-list01-item {
  margin-left: 1em;
  list-style-type: disc;
  margin-bottom: 0.5em;
}
.mod-list02-item {
  margin-left: 1em;
  list-style-type: disc;
}

.mod-folding:after {
  content: "+ もっと読む";
  color: #32bad9;
  cursor: pointer;
  display: block;
}
.mod-folding.open:after {
  content: "- 閉じる";
}
.mod-folding-in {
  display: none;
}

.mod-mv {
  text-align: center;
  background: url() center center no-repeat;
  background-size: cover;
}
#cat-onsen .mod-mv {
  background-image: url("../img/onsen/main_bg_01.png");
}
#cat-magical .mod-mv {
  background-image: url("../img/magical/main_bg_01.png");
}
#cat-blog .mod-mv {
  background-image: url("../img/blog/main_bg_01.jpg");
  background-position: right 0;
}
.mod-mv a {
  color: #212121;
}
.mod-mv-cat-h {
  text-align: center;
}
.mod-mv-cat-lead {
  color: #fff;
}
.mod-sec01 {
  margin-bottom: 3em;
}
.mod-sec01-in {
  background: rgba(255, 255, 255, 0.7);
}
.bg-bk .mod-sec01-in {
  background: #333;
  color: #fff;
}
/* ---------------------------
mod-header
--------------------------- */
.mod-header01 {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 10;
}
.mod-header-logo {
  position: relative;
  z-index: 1;
  -webkit-filter: drop-shadow(1px 1px 1px #fff);
          filter: drop-shadow(1px 1px 1px #fff);
}
.mod-header-logo img {
  -webkit-filter: drop-shadow(1px 1px 0px #fff);
          filter: drop-shadow(1px 1px 0px #fff);
}
.mod-header-langs {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10;
  line-height: 1;
}
.mod-header-lang {
  font-weight: bold;
  color: #fff;
}
.mod-header-lang a {
  color: #fff;
  background: #074E95;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mod-header-lang.is-active {
  display: none;
}
.mod-header-lang.is-active a {
  color: #fff;
  background: #074E95;
}

/* ---------------------------
mod-gnav
--------------------------- */
.mod-gnav {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.mod-gnav.on {
  pointer-events: auto;
}
.mod-gnav:before {
  content: "";
  display: block;
  position: absolute;
  border-radius: 50%;
  background: #074E95;
  -webkit-transition: 0.25s linear;
  transition: 0.25s linear;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.mod-gnav.on:before {
  -webkit-transform: scale(1);
          transform: scale(1);
}
.ua-ie .mod-gnav, .ua-edge .mod-gnav {
  display: none;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ua-ie .mod-gnav.on, .ua-edge .mod-gnav.on {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mod-gnav-book {
  display: none;
}
.mod-gnav-man {
  position: absolute;
  bottom: 0;
  -webkit-transform: translateY(300px);
          transform: translateY(300px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.on .mod-gnav-man {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.mod-gnav-man-imgs-item.item02 {
  display: none;
}
.mod-gnav-man:hover .mod-gnav-man-imgs-item.item01 {
  display: none;
}
.mod-gnav-man:hover .mod-gnav-man-imgs-item.item02 {
  display: inline;
}
.mod-gnav-links-item {
  position: relative;
  margin-bottom: 2rem;
  text-align: center;
  -webkit-transition: 0.3s cubic-bezier(0.1, 2.51, 0.67, 1.51);
  transition: 0.3s cubic-bezier(0.1, 2.51, 0.67, 1.51);
  opacity: 0;
  -webkit-transform: translateY(-50px) rotate(-3deg);
          transform: translateY(-50px) rotate(-3deg);
  -webkit-column-break-inside: avoid;
     -moz-column-break-inside: avoid;
          break-inside: avoid;
}
.mod-gnav-links-item a {
  display: block;
  padding: 10px 16px;
  -webkit-transition: 0.2s cubic-bezier(0.1, 2.51, 0.67, 1.51);
  transition: 0.2s cubic-bezier(0.1, 2.51, 0.67, 1.51);
  font-weight: bold;
  padding-bottom: 0.2em;
  color: #f2d3c2;
  text-align: center;
  font-weight: bold;
}
.mod-gnav-links-item a:hover {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.mod-gnav-links-item.is-current a {
  background: #f1e697;
}
.mod-gnav-links-item.is-sub a {
  color: #fff;
  font-weight: normal;
  font-size: 1.2rem;
}
.mod-gnav.on .mod-gnav-links-item {
  opacity: 1;
  -webkit-transform: translateY(0px) rotate(-3deg);
          transform: translateY(0px) rotate(-3deg);
}
.mod-gnav-links-item:nth-child(1) {
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}
.mod-gnav-links-item:nth-child(2) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.mod-gnav-links-item:nth-child(3) {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}
.mod-gnav-links-item:nth-child(4) {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.mod-gnav-links-item:nth-child(5) {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}
.mod-gnav-links-item:nth-child(6) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.mod-gnav-links-item:nth-child(7) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}
.mod-gnav-links-item:nth-child(8) {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}
.mod-gnav-attention {
  color: #fff;
  opacity: 0;
  -webkit-transition: 0.3s cubic-bezier(0.1, 2.51, 0.67, 1.51);
  transition: 0.3s cubic-bezier(0.1, 2.51, 0.67, 1.51);
  -webkit-transform: translateY(-50px) rotate(-3deg);
          transform: translateY(-50px) rotate(-3deg);
  font-size: 0.85rem;
  margin-top: 2em;
  margin-left: 30px;
  margin-right: 30px;
}
.mod-gnav.on .mod-gnav-attention {
  opacity: 1;
  -webkit-transform: translateY(0px) rotate(-3deg);
          transform: translateY(0px) rotate(-3deg);
}
.mod-gnavBtn {
  position: fixed;
  z-index: 11;
  cursor: pointer;
}
.mod-gnavBtn-imgs-item {
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 0.16s ease-in-out;
  transition: 0.16s ease-in-out;
}
.mod-gnavBtn-imgs-item.item-omote {
  -webkit-transition-delay: 0.08s;
          transition-delay: 0.08s;
}
.mod-gnavBtn-imgs-item.item-ura {
  -webkit-transform: scaleX(0) translateY(-30px);
          transform: scaleX(0) translateY(-30px);
}
.mod-gnavBtn.on .mod-gnavBtn-imgs-item.item-ura {
  -webkit-transform: scaleX(1) translateY(0px);
          transform: scaleX(1) translateY(0px);
  -webkit-transition-delay: 0.08s;
          transition-delay: 0.08s;
}
.mod-gnavBtn.on .mod-gnavBtn-imgs-item.item-omote {
  -webkit-transform: scaleX(0) translateY(-30px);
          transform: scaleX(0) translateY(-30px);
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

/* ---------------------------
mod-subHeader
--------------------------- */
.mod-subHeader-nav-item a {
  color: #fff;
}
#cat-about .mod-subHeader-nav-item.item-about a, #cat-contact .mod-subHeader-nav-item.item-contact a {
  color: #32bad9;
}
.mod-subHeader-oldBrowser {
  background: #EB5757;
  padding: 6px;
}

/* ---------------------------
mod-footer
--------------------------- */
.mod-footer {
  padding: 20px 0;
  background: #074E95;
  color: #f2f0a0;
}
.mod-footer-copyright {
  font-size: 0.8em;
  text-align: center;
}

.mod-btn01 {
  text-align: center;
  display: block;
  cursor: pointer;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 1rem;
  -webkit-box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
  border: 1px solid #fff;
  margin: 0 auto;
}
.mod-btn01 span {
  position: relative;
  z-index: 1;
}
.mod-btn01.bg-cn {
  background: #32bad9;
  color: #fff;
}
.mod-btn01.bg-wh {
  background: #fff;
  color: #32bad9;
}
.mod-btn01.bg-bk {
  background: #000;
  position: relative;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.mod-btn01.bg-bk:after {
  content: "";
  display: block;
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: cubic-bezier(0.04, 0.15, 0.07, 0.99) 0.4s;
  transition: cubic-bezier(0.04, 0.15, 0.07, 0.99) 0.4s;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: center, top;
          transform-origin: center, top;
}
.mod-btn01.bg-bk:not(.off):hover {
  color: #212121;
}
.mod-btn01.bg-bk:not(.off):hover:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.mod-btn01.bg-bk.off {
  background: #999;
  color: #ccc;
}
.mod-btn01.bg-gd {
  background: #c7a93c;
  color: #fff;
}
.mod-btn01.c-wh {
  color: #fff;
}

/* ---------------------------
swipebox
--------------------------- */
#swipebox-bottom-bar,
#swipebox-top-bar {
  -webkit-transition: none !important;
  transition: none !important;
  position: static !important;
  z-index: 0 !important;
  height: auto !important;
  width: 100% !important;
  opacity: 1 !important;
}

#swipebox-top-bar {
  position: fixed !important;
  bottom: 0 !important;
  top: auto !important;
  z-index: 1 !important;
}

#swipebox-title {
  font-weight: bold;
  text-align: center;
  color: #fff;
}

#swipebox-bottom-bar {
  bottom: 0px !important;
}

#swipebox-bottom-bar.visible-bars {
  -webkit-transform: none !important;
  transform: none !important;
}

#swipebox-prev,
#swipebox-next,
#swipebox-close {
  width: 100px !important;
  height: 100px !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
}

#swipebox-arrows {
  /*display: block!important;*/
  /*margin: 0 auto!important;*/
  /*width: 100%!important;*/
  /*height: 50px!important;*/
}

#swipebox-prev,
#swipebox-next {
  position: fixed !important;
  height: 100% !important;
  float: none !important;
  background-size: 60px;
}

#swipebox-prev {
  background-image: url("/common_ver6/img/base/ico_arrow_r_wh.svg") !important;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  left: 10px !important;
}

#swipebox-next {
  background-image: url("/common_ver6/img/base/ico_arrow_r_wh.svg") !important;
  right: 10px !important;
}

#swipebox-close {
  background-image: url("../js/libs/swipebox/img/close.png") !important;
}

#swipebox-overlay {
  background: rgba(0, 0, 0, 0.8) !important;
}

#swipebox-bottom-bar,
#swipebox-top-bar {
  background: none !important;
}

#swipebox-top-bar {
  /*color: white !important;*/
  /*font-size: 15px;*/
  /*line-height: 43px;*/
  /*font-family: Helvetica, Arial, sans-serif;*/
}

/* ---------------------------
mod-wysiwyg
--------------------------- */
.mod-wysiwyg {
  overflow: hidden;
}
.mod-wysiwyg h1 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-size: 2rem;
  font-weight: bold;
}
.mod-wysiwyg h2 {
  margin-top: 3.5em;
  margin-bottom: 1.5em;
  font-weight: bold;
  border-bottom: solid;
}
.mod-wysiwyg h3 {
  margin-top: 3.5em;
  margin-bottom: 1em;
  font-weight: bold;
  border-left: 5px solid #074E95;
  padding-left: 0.5em;
  line-height: 1.3;
}
.mod-wysiwyg h4 {
  margin-top: 2.5em;
  margin-bottom: 0.5em;
  font-size: 1rem;
  font-weight: bold;
}
.mod-wysiwyg ol {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1.5em;
}
.mod-wysiwyg ol li {
  list-style-type: decimal;
}
.mod-wysiwyg ul {
  margin-top: 1em;
  margin-bottom: 1em;
  padding-left: 1.5em;
}
.mod-wysiwyg ul li {
  list-style-type: disc;
}
.mod-wysiwyg ul li:not(:last-child) {
  margin-bottom: 0.4em;
}
.mod-wysiwyg p {
  margin-bottom: 2em;
}
.mod-wysiwyg a {
  text-decoration: underline;
}
.mod-wysiwyg a:hover {
  text-decoration: none;
}
.mod-wysiwyg iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9 !important;
}
.mod-wysiwyg .wp-video, .mod-wysiwyg video {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9 !important;
}
.mod-wysiwyg .wp-caption {
  max-width: 100%;
  margin-bottom: 2.2em;
}
.mod-wysiwyg .wp-caption img {
  -webkit-box-shadow: 0 4px 8px 0 rgba(67, 65, 78, 0.08);
          box-shadow: 0 4px 8px 0 rgba(67, 65, 78, 0.08);
  border-radius: 4px;
}
.mod-wysiwyg .wp-block-image {
  margin-bottom: 2em;
}
.mod-wysiwyg figcaption,
.mod-wysiwyg .wp-caption-text {
  font-size: 0.85rem;
  margin-top: 0.5em;
  margin-bottom: 0;
  color: #666;
  position: relative;
  padding-left: 2em;
}
.mod-wysiwyg figcaption:before,
.mod-wysiwyg .wp-caption-text:before {
  content: "—";
  position: absolute;
  left: 0;
  top: 0;
}
.mod-wysiwyg blockquote {
  padding: 15px 20px;
  font-style: italic;
  color: #666;
  border: solid 1px #ccc;
  margin: 1em 0px;
}

/* ---------------------------
input
--------------------------- */
.mod-input-text, .mod-input-textarea, .mod-input-select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  background: #fff;
  border: 1px solid #D1D1D1;
  position: relative;
}
.mod-input-text.invalid, .mod-input-textarea.invalid, .mod-input-select.invalid {
  border-color: #d45252;
}
.mod-input-text[disabled=disabled], .mod-input-textarea[disabled=disabled], .mod-input-select[disabled=disabled] {
  background: #dedede;
}
.mod-input-text, .mod-input-textarea {
  width: 100%;
}
.mod-input-textarea {
  line-height: 1.3;
  resize: vertical;
}
.mod-input-btn {
  border: none;
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic Pro", "YuGothic", "Meiryo", verdana, "Osaka", "MS PGothic", Sans-Serif;
  font-weight: 500;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  cursor: pointer;
  display: block;
  color: #fff;
  text-align: center;
  background: #3E9FD4;
  border-radius: 4px;
  border: none;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mod-input-btn:hover {
  text-decoration: none;
  background: #2984b6;
}
.mod-input-radio {
  margin-right: 8px;
}

.mod-form-check-txt {
  margin-bottom: 2em;
}

.mod-form-table {
  margin: 0 auto 2em;
}
.mod-form-table th {
  font-weight: bold;
  font-size: 1.2rem;
}
.mod-form-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.mod-form-btns-item {
  width: 100%;
}
.mod-form-btns-item:not(:last-child) {
  margin-bottom: 12px;
}

.blog-lobby:before {
  content: "";
  background: url("/common_ver6/img/blog/bg_01.png") center fixed no-repeat;
  background-size: cover;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.blog-lobby.zoom:before {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transform: scale(2);
          transform: scale(2);
  opacity: 0;
}
.blog-lobby-in {
  position: relative;
}
.blog-sorts {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  margin-bottom: 2em;
}
.blog-sorts-item {
  position: relative;
  margin-left: 1em;
  background: #e8e8e8;
  border: 2px solid #074E95;
}
.blog-sorts-item svg {
  position: absolute;
  left: 0;
  top: 0;
}
.blog-sorts-head {
  height: 37px;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  padding-right: 20px;
  cursor: pointer;
  position: relative;
}
.blog-sorts-head:after {
  content: "";
  display: block;
  border: 4px solid transparent;
  border-top: 6px solid #074E95;
  position: absolute;
  right: 10px;
  top: 50%;
}
.blog-sorts-head-txts {
  position: relative;
}
.blog-sorts-cats {
  background: #f7f7f7;
  padding: 8px 16px;
  position: relative;
  z-index: 3;
  min-width: 100%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  position: absolute;
  left: 0;
  top: 100%;
}
.blog-sorts-item.on .blog-sorts-cats {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}
.blog-sorts-cats-item {
  -webkit-transition: 0.25s;
  transition: 0.25s;
  -webkit-transform: scaleY(0) translateY(60px);
          transform: scaleY(0) translateY(60px);
  width: 100%;
}
.blog-sorts-item.on .blog-sorts-cats-item {
  -webkit-transform: scaleY(1) translateY(0px);
          transform: scaleY(1) translateY(0px);
}
.blog-sorts-cats-item a {
  display: block;
}

.mod-blog-shelf {
  position: relative;
  background: #AD9061;
  margin-bottom: 3em;
}
.mod-blog-shelf.off {
  background: none;
}
.mod-blog-shelf.off:before, .mod-blog-shelf.off:after {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mod-blog-shelf:before, .mod-blog-shelf:after {
  content: "";
  background: #D6C278;
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
}
.mod-blog-shelf:before {
  left: 0;
}
.mod-blog-shelf:after {
  right: 0;
}
.mod-blog-shelf-head {
  background: #D6C278;
}
.off .mod-blog-shelf-head {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mod-blog-shelf-head-h {
  text-align: center;
}
.mod-blog-shelf-head-h span {
  padding: 0.2em 2em;
  background: #ccc;
  display: inline-block;
  background: #f3e3a8;
}
.off .mod-blog-shelf-row:after {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mod-blog-posts {
  line-height: 1.5;
}
.mod-blog-posts-item {
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.mod-blog-posts-item.off {
  opacity: 0;
}
.mod-blog-posts-item a {
  color: #074E95;
  height: 100%;
}
.mod-blog-posts-h {
  font-weight: bold;
  text-align: center;
  font-size: 1.2rem;
  min-height: 3em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod-blog-posts-date {
  text-align: center;
  font-size: 0.8rem;
}
.mod-blog-posts-thumb {
  margin-bottom: 1rem;
}
.mod-blog-posts-thumb img {
  width: 100%;
  height: auto;
}
.mod-blog-posts-new {
  position: absolute;
  z-index: 2;
  left: 0;
  width: 100%;
  text-align: center;
}
.mod-blog-posts-book {
  height: 100%;
  background: #efefef;
  border: 2px solid #074E95;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.3);
}
.mod-blog-posts-book a {
  display: block;
}
.mod-blog-posts-book:before {
  content: "";
  display: block;
  position: absolute;
  left: 5%;
  top: 2%;
  width: 1px;
  height: 96%;
  background: #85A7C9;
}
.mod-blog-post {
  background: #efefef;
  position: relative;
  margin-top: 100px;
  -webkit-perspective: 10000px;
          perspective: 10000px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.is-loading .mod-blog-post {
  opacity: 0;
  -webkit-transform: translateY(50px);
          transform: translateY(50px);
}
.mod-blog-post:before {
  content: "";
  display: block;
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background: #d6d6d6;
  -webkit-transition: 0.7s 0.8s cubic-bezier(0.57, 0.02, 0.3, 0.99);
  transition: 0.7s 0.8s cubic-bezier(0.57, 0.02, 0.3, 0.99);
  -webkit-transform-origin: right top;
          transform-origin: right top;
}
.is-loading .mod-blog-post:before {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.mod-blog-post-h {
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.4em;
  text-align: center;
}
.mod-blog-post-eyecatch {
  text-align: center;
}
.mod-blog-post-eyecatch img {
  width: 100%;
  height: auto;
}
.mod-blog-post-date {
  text-align: center;
  margin-bottom: 2em;
}
.mod-blog-post-article {
  overflow: hidden;
  margin-bottom: 2em;
}
.mod-blog-post-article p {
  margin-bottom: 1em;
}
.mod-blog-post-article ul, .mod-blog-post-article ol {
  margin-bottom: 1em;
  margin-left: 2em;
}
.mod-blog-post-article ul li {
  list-style: disc !important;
}
.mod-blog-post-article ol li {
  list-style: decimal !important;
}
.mod-blog-post-article a {
  text-decoration: underline;
  color: #95B06D;
}
.mod-blog-post-article strong {
  font-weight: bold;
}
.mod-blog-post-article em {
  font-style: italic;
}
.mod-blog-post-article blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}
.mod-blog-post-article .aligncenter {
  display: block;
  margin: 0 auto;
}
.mod-blog-post-article .alignright {
  float: right;
}
.mod-blog-post-article .alignleft {
  float: left;
}
.mod-blog-cats-item {
  margin-bottom: 1em;
  font-size: 0.8rem;
}
.mod-blog-cats-item a {
  color: #212121;
  background: #f7f7f7;
  text-align: center;
  display: block;
}

.mod-pageNav01 {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mod-pageNav01-item {
  position: relative;
  width: 30%;
  text-align: center;
  background: #fffaa6;
  border: 2px solid #074E95;
  margin-right: 3%;
}
.mod-pageNav01-item a {
  position: relative;
  z-index: 1;
  display: block;
  padding: 8px 10px;
}
.item-prev .mod-pageNav01-ico {
  -webkit-transform: scaleX(-1);
          transform: scaleX(-1);
}
.mod-clickEffect {
  position: fixed;
  left: 50%;
  top: 50%;
  width: 100px;
  height: 100px;
  margin-left: -50px;
  margin-top: -50px;
  -webkit-animation: mod-clickEffect 0.25s forwards;
          animation: mod-clickEffect 0.25s forwards;
  z-index: 99;
}
.mod-clickEffect img {
  -webkit-animation: mod-clickEffect-img 0.25s forwards;
          animation: mod-clickEffect-img 0.25s forwards;
}

@-webkit-keyframes mod-clickEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
  }
}

@keyframes mod-clickEffect {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  100% {
    -webkit-transform: scale(2.8);
            transform: scale(2.8);
  }
}
@-webkit-keyframes mod-clickEffect-img {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes mod-clickEffect-img {
  0% {
    opacity: 1;
  }
  30% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.mod-loading {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 99;
  background: #074E95;
  -webkit-clip-path: circle(0vw);
          clip-path: circle(0vw);
  -webkit-transition: 0.3s linear;
  transition: 0.3s linear;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ua-ie .mod-loading, .ua-edge .mod-loading {
  display: none;
}
.is-loading.ua-ie .mod-loading, .is-loading.ua-edge .mod-loading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.mod-loading-ico {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 4px solid #fff;
  border-bottom-color: transparent;
  -webkit-animation: mod-loading-ico 1s linear infinite;
          animation: mod-loading-ico 1s linear infinite;
}

@-webkit-keyframes mod-loading-ico {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes mod-loading-ico {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.mod-link01 {
  color: #3E9FD4;
  text-decoration: underline !important;
}
.mod-link01:hover {
  text-decoration: none !important;
}

/* ---------------------------
mod-catHead
--------------------------- */
.mod-catHead {
  padding: 50px 0 0;
  text-align: center;
}
.mod-catHead-h {
  margin-bottom: 1em;
}
/* ---------------------------
l-wrap
--------------------------- */
/* ---------------------------
m
--------------------------- */
/* align */
.u-align-c {
  text-align: center !important;
}

.u-align-l {
  text-align: left !important;
}

.u-align-r {
  text-align: right !important;
}

.u-valign-t {
  vertical-align: top !important;
}

.u-valign-m {
  vertical-align: middle !important;
}

.u-valign-b {
  vertical-align: bottom !important;
}

/* margin */
.u-ml-2xs {
  margin-left: 5px !important;
}

.u-ml-xs {
  margin-left: 10px !important;
}

.u-ml-s {
  margin-left: 20px !important;
}

.u-ml {
  margin-left: 30px !important;
}

.u-ml-l {
  margin-left: 40px !important;
}

.u-ml-xl {
  margin-left: 60px !important;
}

.u-ml-2xl {
  margin-left: 80px !important;
}

.u-ml-3xl {
  margin-left: 100px !important;
}

/* margin */
.u-mr-2xs {
  margin-right: 5px !important;
}

.u-mr-xs {
  margin-right: 10px !important;
}

.u-mr-s {
  margin-right: 20px !important;
}

.u-mr {
  margin-right: 30px !important;
}

.u-mr-l {
  margin-right: 40px !important;
}

.u-mr-xl {
  margin-right: 60px !important;
}

.u-mr-2xl {
  margin-right: 80px !important;
}

.u-mr-3xl {
  margin-right: 100px !important;
}

.u-mb-10 {
  margin-bottom: 10px !important;
}
.u-mb-15 {
  margin-bottom: 15px !important;
}
.u-mb-20 {
  margin-bottom: 20px !important;
}
.u-mb-25 {
  margin-bottom: 25px !important;
}
.u-mb-1e {
  margin-bottom: 1em !important;
}
.u-mb-2e {
  margin-bottom: 2em !important;
}
.u-mb-3e {
  margin-bottom: 3em !important;
}
.u-ml-10 {
  margin-left: 10px !important;
}
.u-ml-15 {
  margin-left: 15px !important;
}
.u-ml-20 {
  margin-left: 20px !important;
}
.u-ml-25 {
  margin-left: 25px !important;
}
.u-mr-10 {
  margin-right: 10px !important;
}
.u-mr-15 {
  margin-right: 15px !important;
}
.u-mr-20 {
  margin-right: 20px !important;
}
.u-mr-25 {
  margin-right: 25px !important;
}

.m-h {
  font-weight: bold;
  padding-bottom: 0.2em;
  color: #f2d3c2;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}
.m-snses {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.m-snses-item {
  width: 40px;
}
.m-snses-item:not(:last-child) {
  margin-right: 10px;
}

/* ---------------------------
home
--------------------------- */
.home-loading {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 50%;
  top: 50%;
  width: 2400px;
  height: 2400px;
  margin-left: -1200px;
  margin-top: -1200px;
  background: #f2f0a0;
  z-index: 20;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
}
.home-loading.off {
  -webkit-transform: scale(0);
          transform: scale(0);
}
.home-logos {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 20;
}
.home-logos.onZIndex {
  z-index: 1;
}
.home-logos-item {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-logos-item > img {
  position: relative;
  z-index: 1;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.onLetter .home-logos-item > img {
  -webkit-animation: home-logo steps(2) 0.8s forwards;
          animation: home-logo steps(2) 0.8s forwards;
}
.onLetter .home-logos-item:nth-child(2) > img {
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.onLetter .home-logos-item:nth-child(3) > img {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.onLetter .home-logos-item:nth-child(4) > img {
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.home-logos-bgs {
  position: absolute;
}
.home-logos-bgs-item {
  display: none;
}
.home-logos-bgs-item.on {
  display: block;
}
.home-mv {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  overflow: hidden;
  background: #f2f0a0;
}
.home-mv-pickup {
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  position: absolute;
}
.home-mv-pickup a {
  color: #32bad9;
}
.home-mv-logo {
  position: absolute;
  left: 50%;
  bottom: 20px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-filter: drop-shadow(3px 3px 3px #fff);
          filter: drop-shadow(3px 3px 3px #fff);
}
.home-mv-logo img {
  -webkit-filter: drop-shadow(3px 3px 2px #fff);
          filter: drop-shadow(3px 3px 2px #fff);
}
.home-about-txt {
  background: #fff;
  position: relative;
}
.home-mainContent {
  background: #f2f0a0;
}
.home-sec:nth-child(2n+1) {
  background: #fcfab3;
}
.home-sec-more {
  margin: 0 auto;
}
.home-sec-more a {
  color: #074E95;
  border: 1px solid #074E95;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2em;
}
.home-sec-more .material-icons {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  margin-right: 8px;
  display: block;
}
.home-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.home-posts-item a {
  background: #fff;
  display: block;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
  height: 100%;
  -webkit-transition: 0.2s cubic-bezier(0, 0.3, 0.24, 1.65);
  transition: 0.2s cubic-bezier(0, 0.3, 0.24, 1.65);
}
.home-posts-item a:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.home-posts-txts {
  padding: 12px;
  line-height: 1.3;
}
.home-posts-date {
  margin-bottom: 0.4em;
  display: block;
}
.home-bnrs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}
.home-bnrs-item a {
  background: #fff;
  display: block;
  -webkit-box-shadow: 10px 10px 0 0 #f9629a;
          box-shadow: 10px 10px 0 0 #f9629a;
  height: 100%;
  -webkit-transition: 0.2s cubic-bezier(0, 0.3, 0.24, 1.65);
  transition: 0.2s cubic-bezier(0, 0.3, 0.24, 1.65);
}
.home-bnrs-item a:hover {
  -webkit-transform: translate(10px, 10px);
          transform: translate(10px, 10px);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.home-links {
  margin-bottom: 3em;
}
.home-links-item {
  text-align: center;
}
.home-links-item a {
  display: block;
  -webkit-transition: 0.2s cubic-bezier(0, 0.3, 0.24, 1.65);
  transition: 0.2s cubic-bezier(0, 0.3, 0.24, 1.65);
}
.home-links-item a:hover {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
@-webkit-keyframes home-logo {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  40% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  60% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  80% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes home-logo {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  20% {
    -webkit-transform: scale(2);
            transform: scale(2);
  }
  40% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  60% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  80% {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
/* ---------------------------
game
--------------------------- */
.game-content {
  background: url("/common_ver6/img/game/index/bg_01.jpg") center no-repeat fixed;
  background-size: cover;
}
.game-list-item {
  position: relative;
}
.game-list-road {
  -webkit-transform: rotate(2deg);
          transform: rotate(2deg);
  width: 120%;
  margin-left: -5%;
  position: relative;
  background: url("/common_ver6/img/game/index/bg_road_01.png") 0 0 repeat-x;
}
.game-list-road.item-ruler {
  background: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
}
.game-list-bus {
  position: absolute;
  left: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  -webkit-transform: translateX(-110%);
          transform: translateX(-110%);
  z-index: 3;
}
.game-list-item:hover .game-list-bus {
  -webkit-transform: translateX(60vw);
          transform: translateX(60vw);
}
.ua-ie .game-list-bus {
  display: none;
}
.game-list-screenshots {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.game-list-h-wrap {
  z-index: 2;
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
}
.game-list-cats {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  left: 0;
}
.game-list-cats-item {
  margin-right: 1em;
  background: #074E95;
  color: #fff;
  border-radius: 4px;
}
.game-list-enter-circle {
  -webkit-animation: enterLight linear infinite alternate 0.5s;
          animation: enterLight linear infinite alternate 0.5s;
}
.game-list-houses-item {
  position: absolute;
  z-index: 1;
}
.game-list-bld {
  position: absolute;
  z-index: 1;
}
.game-list02-item {
  position: relative;
  -webkit-box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.3);
}
.game-list02-txts {
  color: #fff;
}
.game-list02-txts-in {
  position: relative;
}
.game-list02-txts-in:after {
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  background: url("../img/base/ico_arrow_02_wh.svg") center no-repeat;
  background-size: contain;
}
.game-list02-lead {
  font-weight: bold;
}
.game-list03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.game-list03-item {
  text-align: center;
}
.game-list03-item img {
  -webkit-box-shadow: 10px 10px 0 0 #f9629a;
          box-shadow: 10px 10px 0 0 #f9629a;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
.game-list03-item img:hover {
  -webkit-transform: translate(5px, 5px);
          transform: translate(5px, 5px);
  -webkit-box-shadow: 5px 5px 0 0 #f9629a;
          box-shadow: 5px 5px 0 0 #f9629a;
}
.game-h02 {
  text-align: center;
  font-weight: bold;
  margin-bottom: 1em;
}

@-webkit-keyframes enterLight {
  0% {
    fill: #e0c900;
  }
  100% {
    fill: #e07600;
  }
}

@keyframes enterLight {
  0% {
    fill: #e0c900;
  }
  100% {
    fill: #e07600;
  }
}
.game-single-mv {
  background: #F0DE86;
  position: relative;
}
.game-single-mv-img {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  z-index: 2;
  position: relative;
}
.game-single-mv-yuge {
  position: absolute;
  left: 0;
  bottom: 0;
}
.game-single-head {
  background: #fff;
  position: relative;
  z-index: 1;
}
.game-single-head-tits {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.game-single-head-ico {
  margin-right: 1em;
}
.game-single-head-h {
  line-height: 1.3;
  margin-bottom: 0.3em;
}
.game-single-head-date {
  font-size: 0.9rem;
}
.game-single-head-date span {
  font-size: 0.7rem;
  color: #999;
}
.game-single-kanbanSec-wrap {
  position: relative;
  background: #dff5e7;
}
.game-single-kanbanSec-wrap-stones {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: url("/common_ver6/img/game/stones_01.png") center repeat-x;
}
.game-single-kanbanSec-h {
  font-weight: bold;
}
.game-single-appBnrs {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.game-single-appBnrs-item {
  margin-right: 10px;
}
.game-single-appBnrs-item.item-wait {
  background: #ccc;
  padding: 8px;
  font-size: 0.85rem;
  line-height: 1.5;
  text-align: center;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.game-single-appBnrs-item:last-child {
  margin-right: 0;
}
.game-single-article {
  margin-bottom: 2em;
}
.game-single-article-h {
  margin-bottom: 1em;
}
.game-single-specs {
  font-size: 0.9rem;
}
.game-single-specs-item {
  margin-right: 2em;
}
.game-single-keyVisual {
  text-align: center;
}
.game-single-screenShot {
  background: #E8DDD8;
}
.game-single-screenShot-h {
  font-weight: bold;
}
.game-single-screenShot-imgs {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.game-single-screenShot-imgs-item {
  position: relative;
  text-align: center;
  padding: 0 2%;
}
.game-single-screenShot-imgs-img {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
.game-single-screenShot-imgs-img:after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  bottom: 10px;
  background: #074E95 url("/common_ver6/img/base/ico_loope_01.svg") center no-repeat;
  background-size: contain;
  border-radius: 50%;
  -webkit-animation: zoomIcoLight ease-in-out infinite alternate 0.8s;
          animation: zoomIcoLight ease-in-out infinite alternate 0.8s;
}
.game-single-screenShot-imgs-img:hover {
  -webkit-transform: scale(1.1) translateY(-40px);
          transform: scale(1.1) translateY(-40px);
  -webkit-transition: 0.2s cubic-bezier(0.1, 0.44, 0.35, 1.71);
  transition: 0.2s cubic-bezier(0.1, 0.44, 0.35, 1.71);
}
.game-single-screenShot-imgs-chair {
  position: absolute;
  left: 0;
  top: 94%;
  width: 100%;
  text-align: center;
  padding: 0 5%;
}

@-webkit-keyframes zoomIcoLight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes zoomIcoLight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.onsen-mv {
  background: #000;
  padding: 20px 0;
}
.onsen-mv-table {
  width: 100%;
}
.onsen-mv-tr {
  display: table-row;
}
.onsen-head-tits {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.onsen-head-ico {
  margin-right: 1em;
}
.onsen-head-date {
  font-size: 0.9rem;
}
.onsen-head-date span {
  font-size: 0.7rem;
  color: #999;
}
.onsen-appBnrs {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
.onsen-appBnrs-item {
  margin-right: 10px;
  width: 50%;
}
.onsen-appBnrs-item.item-wait {
  background: #ccc;
  padding: 8px;
  font-size: 0.85rem;
  line-height: 1.5;
  text-align: center;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.onsen-appBnrs-item:last-child {
  margin-right: 0;
}
.onsen-article {
  margin-bottom: 2em;
}
.onsen-article-h {
  margin-bottom: 1em;
}
.onsen-article-imgs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.onsen-article-imgs-item {
  width: 48%;
  margin-bottom: 3%;
}
.onsen-article-imgs-item figcaption {
  font-size: 0.85rem;
}
.onsen-specs {
  font-size: 0.9rem;
}
.onsen-specs-item {
  margin-right: 2em;
}
.onsen-keyVisual {
  text-align: center;
}
.onsen-screenshots {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.onsen-screenshots-item {
  padding: 8px;
}

.onsen3p-main {
  background: url("../../onsen/onsen3_prologue/img/main_bg_01.jpg") center center no-repeat;
  background-size: cover;
}

.onsen3p-gamePlayMain {
  background: url("../../onsen/onsen3_prologue/img/main_bg_01.jpg") center center no-repeat;
  background-size: cover;
}

.onsen3p-main-imgList {
  overflow: hidden;
}

.onsen3p-main-imgList-item {
  float: left;
}
.onsen3p-main-imgList-item:last-child {
  float: right;
}

.onsen3p-main-yet {
  color: #fff;
  text-align: center;
  background: #009176;
  padding: 5px 0;
}

.mod-game-attention {
  color: #fff;
  background: #009176;
  padding: 10px 0;
  text-align: center;
}
.mod-game-attention a {
  color: #FF0;
}
.mod-game-attention.short {
  background: #007d65;
  font-size: 18px;
}

.mod-gameInfo {
  background: #fff;
}

.mod-gameInfo-lead {
  font-weight: bold;
}

.mod-gameInfo-snsList {
  overflow: hidden;
}

.mod-gameInfo-snsList-item {
  float: left;
  margin-right: 16px;
}

.onsen3p-lb {
  display: block;
  position: relative;
}
.onsen3p-lb:after {
  content: "+";
  color: #fff;
  background: #009176;
  border-radius: 50%;
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 24px;
  height: 24px;
  text-align: center;
  font-size: 16px;
  line-height: 1.4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.onsen3p-lb:hover:after {
  background: #00c4a0;
  -webkit-transform: rotate(180deg) scale(1.2);
          transform: rotate(180deg) scale(1.2);
}

.onsen3p-sec-h {
  font-weight: bold;
}
.onsen3p-sec-h:before {
  content: "\e602";
  color: #009176;
  font-family: "icomoon";
}

.onsen3p-chara-name-main {
  font-weight: bold;
}

.onsen3p-chara-name-ruby {
  font-size: 12px;
  margin-left: 10px;
}

/* ---------------------------
anime
--------------------------- */
.anime-lobby:before {
  content: "";
  background: url("/common_ver6/img/anime/index/bg_lobby.jpg") center fixed no-repeat;
  background-size: cover;
  -webkit-transition: 0.7s;
  transition: 0.7s;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.anime-lobby.zoom:before {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transform: scale(2);
          transform: scale(2);
  opacity: 0;
}
.anime-lobby-in {
  position: relative;
}
.zoom .anime-h {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.anime-list-item {
  -webkit-transition: 0.35s;
  transition: 0.35s;
  text-align: center;
}
.anime-list-item:nth-child(2) {
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}
.anime-list-item:nth-child(3) {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.is-loading .anime-list-item {
  opacity: 0;
  -webkit-transform: translateY(-15%) rotate(-3deg);
          transform: translateY(-15%) rotate(-3deg);
}
.is-loading .anime-list-item:nth-child(2n) {
  -webkit-transform: translateY(-15%) rotate(3deg);
          transform: translateY(-15%) rotate(3deg);
}
.anime-list-item.clicked {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
.anime-list-item a {
  display: inline-block;
  position: relative;
}
.anime-list-prize {
  position: absolute;
  z-index: 1;
}
.anime-list-h {
  text-align: center;
  font-weight: bold;
  color: #fff;
}
.zoom .anime-list-h {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.anime-list-ticket {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 800px;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  position: relative;
  margin: 0 auto;
}
.anime-list-ticket:before {
  content: "";
  background: #619ca1;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  opacity: 0;
  -webkit-animation: doorLight linear infinite alternate 0.5s;
          animation: doorLight linear infinite alternate 0.5s;
}
.anime-list-ticket:hover {
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
}
.anime-list-ticket:hover:before {
  left: 1%;
  top: 4%;
  -webkit-transform: rotate(4deg);
          transform: rotate(4deg);
  opacity: 1;
}
.zoom .anime-list-ticket {
  opacity: 0;
}
.anime-list-item.clicked .anime-list-ticket {
  opacity: 1 !important;
  -webkit-transform: rotate(0) !important;
          transform: rotate(0) !important;
}
.anime-list-item.clicked .anime-list-ticket:before {
  opacity: 0 !important;
  -webkit-transform: rotate(0) !important;
          transform: rotate(0) !important;
}
.zoom .anime-list-ticket-main, .zoom .anime-list-ticket-sub {
  opacity: 0;
  -webkit-transition: opacity 0.3s 0.6s;
  transition: opacity 0.3s 0.6s;
}
.anime-list-ticket-main {
  width: 78.7%;
  position: relative;
}
.clicked .anime-list-ticket-main {
  -webkit-animation: cutTicketMain 0.4s cubic-bezier(0.91, 0.04, 0.26, 0.9) forwards;
          animation: cutTicketMain 0.4s cubic-bezier(0.91, 0.04, 0.26, 0.9) forwards;
}
.clicked .anime-list-ticket-main img {
  -webkit-animation: cutTicketMainImg 0.4s cubic-bezier(0.91, 0.04, 0.26, 0.9) forwards;
          animation: cutTicketMainImg 0.4s cubic-bezier(0.91, 0.04, 0.26, 0.9) forwards;
}
.anime-list-ticket-sub {
  width: 21.3%;
  background: #fff;
  position: relative;
}
.clicked .anime-list-ticket-sub {
  background: none;
  -webkit-animation: cutTicketSub 0.4s cubic-bezier(0.91, 0.04, 0.26, 0.9) forwards;
          animation: cutTicketSub 0.4s cubic-bezier(0.91, 0.04, 0.26, 0.9) forwards;
}
.clicked .anime-list-ticket-sub img {
  -webkit-animation: cutTicketSubImg 0.4s cubic-bezier(0.91, 0.04, 0.26, 0.9) forwards;
          animation: cutTicketSubImg 0.4s cubic-bezier(0.91, 0.04, 0.26, 0.9) forwards;
}
.anime-list-ticket-thumb {
  position: absolute;
  left: 3%;
  top: -5%;
  -webkit-transform: rotate(0deg) translateX(9%);
          transform: rotate(0deg) translateX(9%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  opacity: 0;
  z-index: 1;
  width: 20%;
}
.anime-list-ticket:hover .anime-list-ticket-thumb {
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
  opacity: 1;
}
.anime-list-item.clicked .anime-list-ticket-thumb {
  -webkit-transform: rotate(0) !important;
          transform: rotate(0) !important;
  opacity: 0 !important;
}
.anime-list-ticket-watch {
  position: absolute;
  right: -7%;
  bottom: -19%;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  opacity: 0;
  -webkit-transition: 0.1s;
  transition: 0.1s;
  width: 20%;
}
.anime-list-ticket:hover .anime-list-ticket-watch {
  -webkit-transform: scale(1);
          transform: scale(1);
  opacity: 1;
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.anime-list-item.clicked .anime-list-ticket-watch {
  -webkit-transform: rotate(0) !important;
          transform: rotate(0) !important;
  opacity: 0 !important;
}
.anime-list-ticket-effect {
  position: absolute;
  left: 67%;
  top: -12%;
  width: 24%;
  -webkit-transform: scale(0);
          transform: scale(0);
}
.anime-list-ticket-effect img {
  width: 100%;
}
.clicked .anime-list-ticket-effect {
  -webkit-animation: ticketThumbScale 0.1s 0.1s;
          animation: ticketThumbScale 0.1s 0.1s;
}
.clicked .anime-list-ticket-effect img {
  -webkit-animation: ticketThumb 0.1s 0.1s linear;
          animation: ticketThumb 0.1s 0.1s linear;
}
.anime-index-ceiling {
  text-align: center;
  background: #995F49;
}
.anime-index-ceiling.off {
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.anime-index-movies-item {
  background: #E3BD8D;
  position: relative;
}
.anime-index-movies-popcorn.off, .anime-index-movies-wc.off, .anime-index-movies-num.off, .anime-index-movies-posterWrap.off, .anime-index-movies-preview.off, .anime-index-movies-floor.off {
  opacity: 0;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.anime-index-movies-popcorn {
  position: absolute;
  left: 1%;
  top: 15%;
  width: 10%;
}
.anime-index-movies-wc {
  position: absolute;
  right: 1%;
  top: 35%;
  width: 10%;
}
.anime-index-movies-num {
  text-align: center;
  padding: 2% 0.5% 0;
}
.anime-index-movies-posterWrap {
  padding: 20px;
}
.anime-index-movies-poster {
  border: 10px solid #575551;
  -webkit-box-shadow: 0 0 2px 0 #074E95;
          box-shadow: 0 0 2px 0 #074E95;
}
.anime-index-movies-doorWrap a {
  -webkit-transition: 0.6s cubic-bezier(0.65, 0.01, 0.6, 0.3);
  transition: 0.6s cubic-bezier(0.65, 0.01, 0.6, 0.3);
}
.anime-index-movies-doorWrap a.on {
  -webkit-transform: scale(6);
          transform: scale(6);
  opacity: 0;
  z-index: 6;
}
.anime-index-movies-doorWrap a.off {
  opacity: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.anime-index-movies-doorWrap {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.anime-index-movies-door-plates {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background: #000;
  border: 6px solid #074E95;
  -webkit-animation: doorLight linear infinite alternate 1s;
          animation: doorLight linear infinite alternate 1s;
}
.anime-index-movies-door-plates-item {
  background: #944141;
  border: 2px solid #074E95;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.anime-index-movies-door-plates-item:last-child {
  border-left: 0;
}
.anime-index-movies-door-plates-item:before {
  content: "";
  display: block;
  border: 1px solid #074E95;
  width: 10px;
  height: 57px;
  position: absolute;
  top: 50%;
  background: #E3BD8D;
}
.anime-index-movies-door-plates-item:nth-child(1):before {
  right: 10px;
}
.anime-index-movies-door-plates-item:nth-child(2):before {
  left: 10px;
}
.anime-index-movies-doorWrap:hover .anime-index-movies-door-plates-item:nth-child(1) {
  -webkit-transform: rotateY(45deg);
          transform: rotateY(45deg);
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.anime-index-movies-doorWrap:hover .anime-index-movies-door-plates-item:nth-child(2) {
  -webkit-transform: rotateY(45deg);
          transform: rotateY(45deg);
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.anime-index-movies-h {
  text-align: center;
  border: 2px solid #074E95;
  padding: 3px;
  margin-bottom: 10px;
  margin-top: 10px;
  background: #E4E6DA;
}
.anime-index-movies-preview-video {
  border: 5px solid #074E95;
}
.anime-index-movies-comment {
  position: absolute;
  background: #fff;
  border: 2px solid #074E95;
  border-radius: 10px;
}
.anime-index-movies-comment:before, .anime-index-movies-comment:after {
  content: "";
  position: absolute;
  right: 100%;
  top: 50%;
  border: 8px solid transparent;
}
.anime-index-movies-comment:before {
  border-right-color: #074E95;
}
.anime-index-movies-comment:after {
  border-right-color: #fff;
  margin-right: -3px;
}
.anime-index-movies-floor {
  background: #995F49;
  height: 5vw;
  border-top: 2px solid #074E95;
  border-bottom: 2px solid #074E95;
}
.anime-index-movies-floor-in {
  position: relative;
}
.anime-index-movies-watch {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  margin-left: -76px;
  margin-top: -130px;
}
.anime-index-movies-watch img {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
.anime-index-movies-doorWrap:hover .anime-index-movies-watch {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-animation: watchBtn 0.4s;
          animation: watchBtn 0.4s;
}
.anime-index-movies-doorWrap:hover .anime-index-movies-watch img {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: center bottom;
          transform-origin: center bottom;
  -webkit-animation: watchBtnImg 0.4s;
          animation: watchBtnImg 0.4s;
}
.anime-index-movies-doorWrap a.on .anime-index-movies-watch {
  display: none;
}
.anime-index-movies-man {
  position: absolute;
  top: -120px;
}
.anime-index-movies-man.item01 {
  left: 100px;
}
.anime-index-movies-man.item02 {
  right: 350px;
}
.anime-single {
  background: #000;
}
.anime-single-head {
  background: #F0D7B0;
  position: relative;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.is-loading .anime-single-head {
  opacity: 0;
}
.anime-single-head-logo {
  position: absolute;
  left: 20px;
  top: 20px;
}
.anime-single-head-h {
  text-align: center;
  font-weight: bold;
}
.anime-single-mv {
  background: #000;
  position: relative;
  overflow: hidden;
}
.anime-single-mv-curtains-item {
  position: absolute;
}
.anime-single-mv-curtains-item.item-l, .anime-single-mv-curtains-item.item-r {
  width: 40%;
  z-index: 1;
}
.anime-single-mv-curtains-item.item-l {
  position: absolute;
  left: -26%;
  top: 0;
}
.anime-single-mv-curtains-item.item-r {
  position: absolute;
  right: -26%;
  top: 0;
}
.anime-single-mv-curtains-item.item-c {
  -webkit-transition: 1s ease-in-out 0.1s;
  transition: 1s ease-in-out 0.1s;
}
.on .anime-single-mv-curtains-item.item-c {
  -webkit-transform: translateY(-120%);
          transform: translateY(-120%);
}
.anime-single-mv-video {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 16vw;
  height: 40vw;
}
.anime-single-mv-video iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.anime-single-floor {
  background: #EEE6BE;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.is-loading .anime-single-floor {
  opacity: 0;
}
.anime-single-audience {
  text-align: center;
  margin-top: -7vw;
  position: relative;
}
.anime-single-pamphletWrap {
  background: #A24E52;
  -webkit-transition: 0.6s;
  transition: 0.6s;
}
.is-loading .anime-single-pamphletWrap {
  opacity: 0;
}
.anime-single-pamphlet-appendix {
  background: #F2F1CE;
  margin-bottom: 3em;
}
.anime-single-pamphlet-appendix-h {
  margin-bottom: 2em;
}
.anime-single-pamphlet-appendix-links {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.anime-single-pamphlet-appendix-links-item {
  margin-bottom: 2em;
  width: 44%;
  margin-right: 8%;
  position: relative;
}
.anime-single-pamphlet-appendix-links-item a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #D3DEE8;
  border: 2px solid #074E95;
  -webkit-box-shadow: 4px 4px 0 0 #074E95;
          box-shadow: 4px 4px 0 0 #074E95;
  color: #074E95;
  line-height: 1.2;
  height: 3.8em;
  text-align: center;
}
.anime-single-pamphlet-appendix-links-item:nth-child(2n) {
  margin-right: 0;
}
.anime-single-pamphlet-appendix-links-ico {
  position: absolute;
  left: -15%;
  top: -15%;
  width: 40%;
}
.anime-single-pamphlet-sec {
  background: #F2F1CE;
  margin-bottom: 2em;
}
.anime-single-pamphlet-sec-h {
  text-align: center;
  margin-bottom: 3em;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.anime-single-pamphlet-about-article p {
  margin-bottom: 1em;
}
.anime-single-pamphlet-thumbs {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.anime-single-pamphlet-thumbs-item {
  margin: 0 1% 1%;
  counter-increment: sample;
}
.anime-single-pamphlet-thumbs-item a {
  border: 1px solid #074E95;
  display: inline-block;
  position: relative;
}
.anime-single-pamphlet-thumbs-item a:after {
  content: counter(sample);
  position: absolute;
  right: 4px;
  bottom: 4px;
  color: #FC9;
  text-shadow: 1px 1px 0px #074E95, -1px 1px 0px #074E95, 1px -1px 0px #074E95, -1px -1px 0px #074E95;
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
}
.anime-single-pamphlet-zoomGuide {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.anime-single-pamphlet-pages {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.anime-single-pamphlet-pages-item {
  margin-bottom: 2em;
  position: relative;
}
.anime-single-pamphlet-pages-item a {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #D3DEE8;
  border: 2px solid #074E95;
  -webkit-box-shadow: 4px 4px 0 0 #074E95;
          box-shadow: 4px 4px 0 0 #074E95;
  color: #074E95;
  line-height: 1.2;
  height: 3.8em;
  text-align: center;
}
.anime-single-pamphlet-pages-ico {
  position: absolute;
  left: -15%;
  top: -15%;
  width: 40%;
}
.anime-sec {
  margin-bottom: 3em;
  color: #fff;
  background: #074E95;
}
.anime-sec.is-magical {
  background: #212121;
}
.anime-sec-h {
  font-weight: bold;
  text-align: center;
}
.is-magical .anime-sec-h {
  color: #c3c716;
}
.anime-sec-lead {
  text-align: center;
  margin-bottom: 2em;
}
.anime-smallLinks-item {
  line-height: 1.2;
}
.anime-smallLinks-item:not(:last-child) {
  margin-bottom: 1em;
}
.anime-smallLinks-item a {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  color: #fff;
}
.anime-smallLinks-item a:hover {
  text-decoration: none;
  background: rgba(255, 255, 255, 0.2);
}
.anime-smallLinks-h {
  font-weight: bold;
  color: #c3c716;
  margin-bottom: 0.4em;
}
.home-sec .anime-smallLinks-h {
  color: #074E95;
}
.anime-smallLinks-date {
  font-size: 0.85rem;
  display: block;
  margin-bottom: 0.4em;
  color: #aaa;
}
.anime-smallLinks-series {
  font-size: 0.7rem;
  color: #aaa;
  border: 1px solid #aaa;
  padding: 2px 4px;
  display: inline-block;
}

@-webkit-keyframes cutTicketMain {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
  50% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}

@keyframes cutTicketMain {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
  50% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}
@keyframes cutTicketMain {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
  50% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
  }
}
@-webkit-keyframes cutTicketMainImg {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-2%);
            transform: translateX(-2%);
  }
}
@keyframes cutTicketMainImg {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-2%);
            transform: translateX(-2%);
  }
}
@-webkit-keyframes cutTicketSub {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  50% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
}
@keyframes cutTicketSub {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  50% {
    -webkit-transform: rotate(12deg);
            transform: rotate(12deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
}
@-webkit-keyframes cutTicketSubImg {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(30%);
            transform: translateX(30%);
  }
}
@keyframes cutTicketSubImg {
  0% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(30%);
            transform: translateX(30%);
  }
}
@-webkit-keyframes ticketThumb {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ticketThumb {
  0% {
    opacity: 1;
  }
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes ticketThumbScale {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes ticketThumbScale {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes watchBtn {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  80% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes watchBtn {
  0% {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  80% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@-webkit-keyframes watchBtnImg {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  20% {
    -webkit-transform: scaleX(0.9);
            transform: scaleX(0.9);
  }
  40% {
    -webkit-transform: scaleX(0.2);
            transform: scaleX(0.2);
  }
  60% {
    -webkit-transform: scaleX(1.5);
            transform: scaleX(1.5);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@keyframes watchBtnImg {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  20% {
    -webkit-transform: scaleX(0.9);
            transform: scaleX(0.9);
  }
  40% {
    -webkit-transform: scaleX(0.2);
            transform: scaleX(0.2);
  }
  60% {
    -webkit-transform: scaleX(1.5);
            transform: scaleX(1.5);
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@-webkit-keyframes doorLight {
  0% {
    background: #ffec47;
  }
  100% {
    background: #ffa847;
  }
}
@keyframes doorLight {
  0% {
    background: #ffec47;
  }
  100% {
    background: #ffa847;
  }
}
/* ---------------------------
magical
--------------------------- */
.magical-oadata {
  color: #fff;
  background: #666;
}
.magical-oadata-date {
  background: #aaa;
  color: #212121;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 6px 10px;
  margin-bottom: 1em;
}
.magical-oadata-totalScores-item {
  text-align: center;
}
.magical-oadata-totalScores-name {
  color: #212121;
  font-weight: bold;
}
.item-seat1 .magical-oadata-totalScores-name {
  background: #6386CE;
}
.item-seat2 .magical-oadata-totalScores-name {
  background: #8CBE8C;
}
.item-seat3 .magical-oadata-totalScores-name {
  background: #F27781;
}
.item-seat4 .magical-oadata-totalScores-name {
  background: #2CCD85;
}
.item-seat5 .magical-oadata-totalScores-name {
  background: #DECF52;
}
.item-seat6 .magical-oadata-totalScores-name {
  background: #DE9663;
}
.item-seat7 .magical-oadata-totalScores-name {
  background: #9C8EBD;
}
.item-seat8 .magical-oadata-totalScores-name {
  background: #EF866B;
}
.magical-oadata-totalScores-num {
  font-family: "Segment7Standard";
  background: #212121;
  color: #e82848;
  font-size: 1.8rem;
}
.magical-oadata-quizSec-h {
  color: #c3c716;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 6px 10px;
}
.magical-oadata-rythmQuiz-content {
  background: #212121;
  padding: 20px;
}
.magical-oadata-rythmQuiz-start em {
  color: #5AB767;
}
.magical-oadata-rythmQuiz-words-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 0.2em;
}
.magical-oadata-rythmQuiz-words-name {
  width: 30%;
  font-size: 0.8rem;
  text-align: center;
  color: #212121;
  font-weight: bold;
}
.item-seat1 .magical-oadata-rythmQuiz-words-name {
  background: #6386CE;
}
.item-seat2 .magical-oadata-rythmQuiz-words-name {
  background: #8CBE8C;
}
.item-seat3 .magical-oadata-rythmQuiz-words-name {
  background: #F27781;
}
.item-seat4 .magical-oadata-rythmQuiz-words-name {
  background: #2CCD85;
}
.item-seat5 .magical-oadata-rythmQuiz-words-name {
  background: #DECF52;
}
.item-seat6 .magical-oadata-rythmQuiz-words-name {
  background: #DE9663;
}
.item-seat7 .magical-oadata-rythmQuiz-words-name {
  background: #9C8EBD;
}
.item-seat8 .magical-oadata-rythmQuiz-words-name {
  background: #EF866B;
}
.magical-oadata-rythmQuiz-words-txt {
  width: 70%;
  color: #5AB767;
  margin-left: 1em;
}
.magical-oadata-rythmQuiz-words-txt.is-out {
  color: #e82848;
}
.magical-oadata-rythmQuiz-words-outReason {
  color: #e82848;
  font-weight: bold;
}
.magical-oadata-oteageSec {
  background: #212121;
  padding: 20px;
}
.magical-oadata-oteageSec:not(:last-child) {
  margin-bottom: 40px;
}
.magical-oadata-oteageSec-q {
  color: #e82848;
  font-size: 0.8rem;
  margin-bottom: 0.5em;
}
.magical-oadata-oteageSec-q span {
  border: 1px solid #e82848;
  padding: 4px;
}
.magical-oadata-oteageSec-h {
  color: #9294ff;
}
.magical-oadata-oteageSec-answer-ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.magical-oadata-oteageSec-answer-txt {
  color: #e82848;
  font-weight: bold;
}
.magical-oadata-oteageSec-answer-txt dt, .magical-oadata-oteageSec-answer-txt dd {
  display: inline;
}
.magical-oadata-oteageSec-answer-follow {
  color: #d8bb59;
  font-size: 0.9rem;
}
.magical-oadata-oteageSec-results {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.magical-oadata-oteageSec-results-item {
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.magical-oadata-oteageSec-results-name {
  color: #212121;
  font-weight: bold;
  font-size: 0.8rem;
}
.item-seat1 .magical-oadata-oteageSec-results-name {
  background: #6386CE;
}
.item-seat2 .magical-oadata-oteageSec-results-name {
  background: #8CBE8C;
}
.item-seat3 .magical-oadata-oteageSec-results-name {
  background: #F27781;
}
.item-seat4 .magical-oadata-oteageSec-results-name {
  background: #2CCD85;
}
.item-seat5 .magical-oadata-oteageSec-results-name {
  background: #DECF52;
}
.item-seat6 .magical-oadata-oteageSec-results-name {
  background: #DE9663;
}
.item-seat7 .magical-oadata-oteageSec-results-name {
  background: #9C8EBD;
}
.item-seat8 .magical-oadata-oteageSec-results-name {
  background: #EF866B;
}
.magical-oadata-oteageSec-results-ico {
  background: #212121;
  color: #e82848;
}
.magical-oadata-kaiten-panelSec-h {
  background: #6F5640;
  text-align: center;
  padding: 8px;
}
.magical-oadata-kaiten-panels {
  background: #FFE99D;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.magical-oadata-kaiten-panels li {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 1%;
  text-align: center;
  font-weight: bold;
  font-size: 1.3rem;
}
.magical-oadata-kaiten-panels li.panel-num {
  background: #1537FB;
}
.magical-oadata-kaiten-panels li.panel-txt1 {
  background: #B2419D;
}
.magical-oadata-kaiten-panels li.panel-txt2 {
  background: #14694B;
}
.magical-oadata-kaiten-panels li.panel-txt3 {
  background: #6B487F;
}
.magical-oadata-kaiten-panels li.panel-txt4 {
  background: #FE6E26;
}
.magical-oadata-kaiten-panels li.panel-txt5 {
  background: #534977;
}
.magical-oadata-kaiten-panels li.panel-txt6 {
  background: #79671E;
}
.magical-oadata-kaiten-panels li.panel-txt7 {
  background: #BAA245;
}
.magical-oadata-kaiten-panels li.panel-txt8 {
  background: #4574FF;
}
.magical-oadata-kaiten-panels li.panel-txt9 {
  background: #B7449C;
}
.magical-oadata-kaiten-panels li.panel-txt10 {
  background: #23541F;
}
.magical-oadata-kaiten-panels li.panel-txt11 {
  background: #BD4225;
}
.magical-oadata-kaiten-panels li.panel-txt12 {
  background: #9B824F;
}
.magical-oadata-kaiten-panels li.is-blind span {
  visibility: hidden;
}
.magical-phrase-sceneWrap {
  margin-bottom: 1em;
}
.magical-phrase-preScene {
  background: #E1C969;
}
.magical-phrase-preScene-h {
  text-align: center;
  background: #000;
  padding: 6px;
}
.magical-phrase-preScene-h span {
  border: 1px solid #000;
  padding: 0 10px;
  display: inline-block;
}
.magical-phrase-preScene-h.is-scene1 span {
  color: #e82848;
  border-color: #e82848;
}
.magical-phrase-preScene-h.is-scene2 span {
  color: #9294ff;
  border-color: #9294ff;
}
.magical-phrase-preScene-dialog {
  padding: 10px;
  color: #212121;
  font-size: 0.9rem;
}
.magical-phrase-hiddenPhrase {
  font-weight: bold;
  color: #e82848;
  font-size: 1.2em;
  font-family: meiryo;
}
.magical-phrase-honbanScene {
  background: #000;
  border: 2px solid #000;
}
.magical-phrase-honbanScene.is-scene1 {
  border-color: #e82848;
}
.magical-phrase-honbanScene.is-scene2 {
  border-color: #9294ff;
}
.magical-phrase-honbanScene-h {
  text-align: center;
  background: #000;
  padding: 6px;
}
.magical-phrase-honbanScene-h span {
  border: 1px solid #000;
  padding: 0 10px;
  display: inline-block;
}
.is-scene1 .magical-phrase-honbanScene-h span {
  color: #e82848;
  border-color: #e82848;
}
.is-scene2 .magical-phrase-honbanScene-h span {
  color: #9294ff;
  border-color: #9294ff;
}
.magical-phrase-honbanScene-dialog {
  font-size: 0.9rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  height: 100%;
}
.magical-phrase-honbanScene-txts {
  padding: 10px;
}
.magical-phrase-score {
  font-family: "Segment7Standard";
  background: #89B8F1;
  color: #e82848;
  width: 3em;
  padding: 5px;
  font-size: 1.3rem;
  text-align: right;
}
.magical-phrase-hint {
  padding: 6px;
}
.magical-phrase-hint span {
  color: #5AB767;
  border: 1px solid #5AB767;
  padding: 0 10px;
  display: inline-block;
}
.magical-phrase-answer-h {
  color: #5AB767;
  font-weight: bold;
}
.magical-phrase-answer-txt {
  color: #d8bb59;
  font-weight: bold;
  font-size: 1.3rem;
  border: 3px solid #5AB767;
  padding: 4px;
}

/* ---------------------------
gallery
--------------------------- */
.m-gallery-catHead {
  text-align: center;
}
.m-gallery-catHead-h {
  font-weight: bold;
  line-height: 1.4;
}
.m-gallery-body {
  background: #dad4c8;
}
.m-gallery-sec-h {
  font-family: "Oswald", sans-serif;
  line-height: 1;
}
.m-gallery-posts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.m-gallery-posts-h {
  color: #074E95;
  margin-top: 0.3em;
  line-height: 1.4;
}
.m-gallery-post-h {
  font-weight: bold;
  margin-bottom: 0.4em;
}
.m-gallery-post-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 30px;
}
.m-gallery-post-date {
  margin-right: 1em;
}
.m-gallery-cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-size: 0.85rem;
}
.m-gallery-cats-item {
  margin-right: 1em;
  margin-bottom: 0.5em;
}
.m-gallery-cats-item a {
  color: #fff;
  background: #ccb07b;
  display: block;
  padding: 2px 8px;
}
.m-gallery-cats-item.is-current a {
  background: #fff;
  color: #ccb07b;
}

.about-face {
  text-align: center;
}
.about-face img {
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 2px #fff;
          box-shadow: 0 0 0 2px #fff;
}

@media screen and (min-width: 1199px) {
  /* ==========================================================================
     Large 
     ========================================================================== */
  @font-face {
    font-family: "Segment7Standard";
    src: url("../font/Segment7Standard.otf") format("woff"), url("../font/Segment7Standard.otf") format("opentype");
  }
  html {
    font-size: 16px;
  }
  .spOnly {
    display: none !important;
  }
  /* ---------------------------
  module
  --------------------------- */
  body {
    font-family: "Zen Kaku Gothic New", sans-serif;
  }
  /* ---------------------------
  mod-header
  --------------------------- */
  .mod-header01 {
    padding: 20px;
  }
  .mod-header01-h {
    width: 250px;
  }
  .page-index .mod-header01-h {
    width: 300px;
  }
  .mod-header-logo {
    width: 250px;
  }
  .mod-header-langs {
    right: 130px;
    top: 20px;
  }
  .mod-header-lang a {
    padding: 8px 15px;
  }
  /* ---------------------------
  mod-gnav
  --------------------------- */
  .mod-gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mod-gnav.on {
    -webkit-clip-path: circle(150vw at 100% 0px);
            clip-path: circle(150vw at 100% 0px);
  }
  .mod-gnav:before {
    right: -150vw;
    top: -150vw;
    width: 300vw;
    height: 300vw;
  }
  .mod-gnav-man {
    right: 30px;
  }
  .mod-gnav-links {
    max-width: 1200px;
    margin: 0 auto;
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
  .mod-gnav-links-item {
    font-size: 1.6rem;
  }
  .mod-gnav-links-item a {
    font-size: 2.4rem;
  }
  .mod-gnavBtn {
    right: -20px;
    top: -20px;
  }
  .mod-gnavBtn-imgs-item {
    width: 130px;
  }
  /* ---------------------------
  mod-subHeader
  --------------------------- */
  /* ---------------------------
  mod-footer
  --------------------------- */
  .mod-btn01 {
    padding: 11px 12px;
    width: 380px;
    font-size: 1.4rem;
  }
  /* ---------------------------
  swipebox
  --------------------------- */
  /* ---------------------------
  mod-wysiwyg
  --------------------------- */
  .mod-wysiwyg h2 {
    font-size: 1.73rem;
  }
  .mod-wysiwyg h3 {
    font-size: 1.44rem;
  }
  /* ---------------------------
  input
  --------------------------- */
  .mod-input-text, .mod-input-textarea, .mod-input-select {
    padding: 10px;
    font-size: 1.02em;
  }
  .mod-input-text.size-l, .mod-input-textarea.size-l, .mod-input-select.size-l {
    width: 26em;
  }
  .mod-input-text.size-m, .mod-input-textarea.size-m, .mod-input-select.size-m {
    width: 16em;
  }
  .mod-input-text.size-s, .mod-input-textarea.size-s, .mod-input-select.size-s {
    width: 7em;
  }
  .mod-input-textarea {
    height: 10em;
  }
  .mod-form-table {
    width: 800px;
  }
  .mod-form-table th, .mod-form-table td {
    vertical-align: top;
    padding: 16px 0;
  }
  .mod-form-btns-item {
    margin: 0 10px;
  }
  .blog-sorts {
    width: 1200px;
    margin: 0 auto 2em;
  }
  .blog-sortsWrap {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .mod-blog-shelf {
    max-width: 1200px;
    margin: 0 auto 3em;
    border-bottom: 40px solid #D6C278;
  }
  .mod-blog-shelf:before, .mod-blog-shelf:after {
    width: 48px;
  }
  .mod-blog-shelf-head {
    padding: 20px 0;
  }
  .mod-blog-shelf-head-h {
    font-size: 1.3rem;
  }
  .mod-blog-shelf-row {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 2em;
    padding: 20px 0 0;
    border-top: 50px solid #D6C278;
  }
  .mod-blog-shelf-row:nth-child(1) {
    border-top: none;
  }
  .mod-blog-posts {
    padding: 0 48px;
  }
  .mod-blog-posts-item {
    width: 30%;
    margin: 0 1.5%;
    min-height: 310px;
  }
  .mod-blog-posts-txts {
    padding: 14px 18px;
  }
  .mod-blog-posts-new {
    bottom: -30px;
  }
  a:hover .mod-blog-posts-book {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
    -webkit-transition: 0.2s cubic-bezier(0, 1.71, 0.6, 1.93);
    transition: 0.2s cubic-bezier(0, 1.71, 0.6, 1.93);
  }
  .mod-blog-posts-book a {
    padding: 20px;
    padding-left: 40px;
  }
  .mod-blog-post {
    width: 900px;
    padding: 0 100px;
    padding-bottom: 50px;
    margin: 100px auto 50px;
  }
  .mod-blog-post-head {
    padding: 70px 0px 40px;
  }
  .mod-blog-post-h {
    font-size: 2rem;
  }
  .mod-blog-post-date {
    font-size: 1.1rem;
  }
  .mod-blog-post-article {
    padding: 80px 0 100px;
  }
  .mod-blog-post-article h1 {
    font-size: 2.2rem;
    line-height: 1.2308;
    margin-top: 1.641em;
    margin-bottom: 0.8205em;
    font-weight: bold;
  }
  .mod-blog-post-article h2 {
    font-size: 1.8rem;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: bold;
  }
  .mod-blog-post-article h3 {
    font-size: 1.4rem;
    line-height: 1.1852;
    margin-top: 2.3704em;
    margin-bottom: 1.1852em;
    font-weight: bold;
  }
  .mod-blog-post-article h4 {
    font-size: 1.2rem;
    line-height: 1.4545;
    margin-top: 2.9091em;
    margin-bottom: 1.4545em;
    font-weight: bold;
  }
  .mod-blog-post-article h5 {
    line-height: 1.2632;
    margin-top: 3.3684em;
    margin-bottom: 1.6842em;
    font-weight: bold;
  }
  .mod-blog-post-article h6 {
    line-height: 1.2632;
    margin-top: 3.3684em;
    margin-bottom: 1.6842em;
    font-weight: bold;
  }
  .mod-blog-cats {
    position: absolute;
    left: 100%;
    margin-left: -20px;
    top: 50px;
  }
  .mod-blog-cats-item {
    width: 130px;
  }
  .mod-blog-cats-item a {
    padding: 10px 16px;
    border: 4px solid #C20909;
    -webkit-box-shadow: 0 0 0 2px #074E95;
            box-shadow: 0 0 0 2px #074E95;
    border-radius: 10px;
  }
  .mod-pageNav01 {
    max-width: 1000px;
    margin: 0 auto;
  }
  .mod-pageNav01-item {
    -webkit-box-shadow: 10px 10px 0 0 #B54E8B;
            box-shadow: 10px 10px 0 0 #B54E8B;
  }
  .item-prev .mod-pageNav01-ico, .item-next .mod-pageNav01-ico {
    width: 50px;
    margin: 0 auto;
  }
  @-webkit-keyframes mod-clickEffect {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(2.8);
              transform: scale(2.8);
    }
  }
  @keyframes mod-clickEffect {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(2.8);
              transform: scale(2.8);
    }
  }
  @-webkit-keyframes mod-clickEffect-img {
    0% {
      opacity: 1;
    }
    30% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes mod-clickEffect-img {
    0% {
      opacity: 1;
    }
    30% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .is-loading .mod-loading {
    -webkit-clip-path: circle(120vw);
            clip-path: circle(120vw);
  }
  @-webkit-keyframes mod-loading-ico {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes mod-loading-ico {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  /* ---------------------------
  mod-catHead
  --------------------------- */
  /* ---------------------------
  l-wrap
  --------------------------- */
  .l-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
  }
  .l-wrap-780 {
    max-width: 860px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-800 {
    max-width: 880px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-900 {
    max-width: 980px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-960 {
    max-width: 1010px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-980 {
    max-width: 1060px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1000 {
    max-width: 1080px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1100 {
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1200 {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1280 {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1460 {
    max-width: 1560px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  /* ---------------------------
  m
  --------------------------- */
  /* align */
  /* margin */
  .u-mt-2xs {
    margin-top: 5px !important;
  }
  .u-mt-xs {
    margin-top: 10px !important;
  }
  .u-mt-s {
    margin-top: 20px !important;
  }
  .u-mt {
    margin-top: 30px !important;
  }
  .u-mt-l {
    margin-top: 40px !important;
  }
  .u-mt-xl {
    margin-top: 60px !important;
  }
  .u-mt-2xl {
    margin-top: 80px !important;
  }
  .u-mt-3xl {
    margin-top: 100px !important;
  }
  .u-mb-2xs {
    margin-bottom: 5px !important;
  }
  .u-mb-xs {
    margin-bottom: 10px !important;
  }
  .u-mb-s {
    margin-bottom: 20px !important;
  }
  .u-mb {
    margin-bottom: 30px !important;
  }
  .u-mb-l {
    margin-bottom: 40px !important;
  }
  .u-mb-xl {
    margin-bottom: 60px !important;
  }
  .u-mb-2xl {
    margin-bottom: 80px !important;
  }
  .u-mb-3xl {
    margin-bottom: 100px !important;
  }
  .u-ml-1em {
    margin-left: 1em !important;
  }
  .u-mr-1em {
    margin-right: 1em !important;
  }
  /* padding */
  .u-pt-2xs {
    padding-top: 5px !important;
  }
  .u-pt-xs {
    padding-top: 10px !important;
  }
  .u-pt-s {
    padding-top: 20px !important;
  }
  .u-pt {
    padding-top: 30px !important;
  }
  .u-pt-l {
    padding-top: 40px !important;
  }
  .u-pt-xl {
    padding-top: 60px !important;
  }
  .u-pt-2xl {
    padding-top: 80px !important;
  }
  .u-pt-3xl {
    padding-top: 100px !important;
  }
  .u-pb-2xs {
    padding-bottom: 5px !important;
  }
  .u-pb-xs {
    padding-bottom: 10px !important;
  }
  .u-pb-s {
    padding-bottom: 20px !important;
  }
  .u-pb {
    padding-bottom: 30px !important;
  }
  .u-pb-l {
    padding-bottom: 40px !important;
  }
  .u-pb-xl {
    padding-bottom: 60px !important;
  }
  .u-pb-2xl {
    padding-bottom: 80px !important;
  }
  .u-pb-3xl {
    padding-bottom: 100px !important;
  }
  .u-p-xs {
    padding: 10px !important;
  }
  .u-p-s {
    padding: 20px !important;
  }
  .u-p {
    padding: 30px !important;
  }
  .u-p-l {
    padding: 40px !important;
  }
  .u-p-xl {
    padding: 60px !important;
  }
  .m-h {
    font-size: 3.4rem;
    text-stroke: 1.5px #074E95;
    -webkit-text-stroke: 1.5px #074E95;
  }
  .m-h-wrap {
    padding: 80px 0;
  }
  /* ---------------------------
  home
  --------------------------- */
  .home-logos-item {
    width: 130px;
    height: 130px;
    margin: 0 30px;
  }
  .home-logos-item > img {
    width: 100px;
  }
  .home-logos-bgs {
    left: -130px;
    top: -100px;
    width: 350px;
    height: 350px;
  }
  .home-mv-pickup {
    left: 10%;
    top: 64%;
    padding: 14px 22px;
  }
  .home-mv-logo {
    width: 30%;
  }
  .home-about-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 50px;
  }
  .home-about-txt {
    padding: 20px;
    margin-right: 30px;
  }
  .home-about-txt:after {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    border: 10px solid transparent;
    border-left-color: #fff;
    margin-top: -10px;
  }
  .home-mainContent {
    padding: 60px 0;
  }
  .home-mainContent-in {
    max-width: 1000px;
    margin: 0 auto;
  }
  .home-sec {
    padding: 40px 0;
  }
  .home-sec-more {
    margin-top: 20px;
    width: 320px;
  }
  .home-sec-more a {
    padding: 16px 16px;
  }
  .home-sec-more .material-icons {
    width: 22px;
    font-size: 22px;
  }
  .home-posts-item {
    width: 23%;
  }
  .home-posts-date {
    font-size: 0.85rem;
  }
  .home-bnrs-item {
    width: 48.7%;
  }
  .home-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .home-links-item {
    width: 31%;
  }
  .home-twitter {
    max-width: 600px;
    margin: 0 auto;
    padding: 50px 0;
  }
  @-webkit-keyframes home-logo {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    20% {
      -webkit-transform: scale(2);
              transform: scale(2);
    }
    40% {
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
    }
    60% {
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    80% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes home-logo {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    20% {
      -webkit-transform: scale(2);
              transform: scale(2);
    }
    40% {
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
    }
    60% {
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    80% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  /* ---------------------------
  game
  --------------------------- */
  .game-content-in {
    max-width: 980px;
    margin: 0 auto;
  }
  .game-list-road {
    height: 270px;
  }
  .game-list-bus {
    top: 20%;
    width: 200px;
  }
  .game-list-screenshots {
    margin-left: 30%;
  }
  .game-list-screenshots-item {
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .game-list-screenshots-item:nth-child(1) {
    -webkit-transform: rotate(-7deg) translateY(10%);
            transform: rotate(-7deg) translateY(10%);
  }
  .game-list-screenshots-item:nth-child(2) {
    -webkit-transform: rotate(1deg) translateY(-15%);
            transform: rotate(1deg) translateY(-15%);
  }
  .game-list-screenshots-item:nth-child(3) {
    -webkit-transform: rotate(4deg) translateY(10%);
            transform: rotate(4deg) translateY(10%);
  }
  .game-list-item:hover .game-list-screenshots-item {
    opacity: 1;
    margin-top: 0;
  }
  .game-list-item:hover .game-list-screenshots-item:nth-child(1) {
    -webkit-transform: rotate(-5deg) translateY(0);
            transform: rotate(-5deg) translateY(0);
  }
  .game-list-item:hover .game-list-screenshots-item:nth-child(2) {
    -webkit-transform: rotate(-1deg) translateY(-10%);
            transform: rotate(-1deg) translateY(-10%);
  }
  .game-list-item:hover .game-list-screenshots-item:nth-child(3) {
    -webkit-transform: rotate(1deg) translateY(5%);
            transform: rotate(1deg) translateY(5%);
  }
  .game-list-h-wrap {
    position: absolute;
    left: 40%;
    bottom: 290px;
    -webkit-transform: scale(0.8) rotate(-8deg);
            transform: scale(0.8) rotate(-8deg);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .game-list-item:hover .game-list-h-wrap {
    -webkit-transform: scale(1) rotate(-6deg);
            transform: scale(1) rotate(-6deg);
    -webkit-transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
    transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
  }
  .game-list-cats {
    bottom: 20px;
  }
  .game-list-cats-item {
    font-size: 0.85rem;
    padding: 4px 6px;
  }
  .game-list-enter {
    position: absolute;
    right: -8%;
    bottom: -8%;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .game-list-item:hover .game-list-enter {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
    transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
  }
  .game-list-houses-item.item01 {
    right: 50%;
    bottom: 180px;
    width: 31%;
    margin-right: 180px;
  }
  .game-list-houses-item.item02 {
    left: 50%;
    bottom: 160px;
    width: 14%;
    margin-left: 390px;
  }
  .game-list-bld {
    bottom: 160px;
    left: 50%;
  }
  .game-list02-item {
    margin-bottom: 50px;
  }
  .game-list02-txts {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.7) 100%);
    padding: 60px 30px 15px;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .game-list02-item a:hover .game-list02-txts {
    opacity: 1;
  }
  .game-list02-txts-in {
    padding-right: 40px;
  }
  .game-list02-txts-in:after {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  .game-list02-lead {
    font-size: 1.5rem;
  }
  .game-list02-h {
    font-weight: bold;
  }
  .game-list03 {
    margin: 0 50px;
  }
  .game-list03-item {
    margin-bottom: 30px;
    width: 31%;
  }
  .game-list03-item:not(:nth-child(3n)) {
    margin-right: 3.4%;
  }
  .game-h02 {
    font-size: 1.6rem;
  }
  @-webkit-keyframes enterLight {
    0% {
      fill: #e0c900;
    }
    100% {
      fill: #e07600;
    }
  }
  @keyframes enterLight {
    0% {
      fill: #e0c900;
    }
    100% {
      fill: #e07600;
    }
  }
  .game-single-head {
    padding: 20px 0;
  }
  .game-single-head-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .game-single-head-clear {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .game-single-head-txts {
    margin-left: 40px;
  }
  .game-single-head-h {
    font-size: 2.4rem;
  }
  .game-single-kanbanSec {
    margin-bottom: 50px;
  }
  .game-single-kanbanSec-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .game-single-kanbanSec-wrap-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .game-single-kanbanSec-wrap-stones {
    bottom: -70px;
    height: 184px;
  }
  .game-single-kanbanSec-in {
    padding: 20px 30px;
  }
  .game-single-kanbanSec-h {
    font-size: 1.8rem;
  }
  .game-single-appBnrsWrap {
    width: 800px;
    margin: 0 auto 30px;
  }
  .game-single-article-h {
    font-size: 1.8rem;
  }
  .game-single-specs {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .game-single-screenShot {
    padding: 80px 0;
  }
  .game-single-screenShot-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .game-single-screenShot-h {
    font-size: 1.8rem;
  }
  .game-single-screenShot-imgs {
    background: #EBDCC1;
    border: 1px solid #074E95;
    padding: 30px;
  }
  .game-single-screenShot-imgs-item {
    width: 20%;
  }
  .game-single-screenShot-imgs-img {
    max-width: 180px;
    margin: 0 auto;
  }
  .game-single-screenShot-imgs-img:after {
    width: 40px;
    height: 40px;
  }
  @-webkit-keyframes zoomIcoLight {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes zoomIcoLight {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .onsen-mv-flashCaution {
    display: none;
  }
  .onsen-mv-table {
    display: table;
  }
  .onsen-mv-td {
    display: table-cell;
    vertical-align: top;
  }
  .onsen-mv-gameWrap {
    padding-bottom: 30px;
    padding-right: 20px;
  }
  .onsen-head {
    padding: 20px 0;
  }
  .onsen-head-clear {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .onsen-head-txts {
    margin-left: 40px;
  }
  .onsen-head-h {
    font-size: 2.4rem;
  }
  .onsen-appBnrsWrap {
    width: 800px;
    margin: 0 auto 30px;
  }
  .onsen-article-h {
    font-size: 1.8rem;
  }
  .onsen-article-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .onsen-article:nth-child(2n) .onsen-article-clear {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .onsen-article-col1 {
    width: 60%;
  }
  .onsen-article-col2 {
    width: 35%;
  }
  .onsen-specs {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .onsen-screenshots-item {
    width: 200px;
  }
  .onsen3p-gameContainer {
    width: 800px;
    height: 450px;
    margin: auto;
  }
  .onsen3p-main {
    margin-bottom: 60px;
    height: 660px;
  }
  .onsen3p-main-in {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    padding-top: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 660px;
  }
  .onsen3p-gamePlayMain-in {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .onsen3p-gamePlayMain-screen {
    float: left;
    margin-bottom: 14px;
  }
  .onsen3p-gamePlayMain-ad-hor {
    float: left;
  }
  .onsen3p-gamePlayMain-ad-ver {
    float: right;
  }
  .onsen3p-main-txtWrap {
    width: 590px;
  }
  .onsen3p-main-h {
    margin-bottom: 30px;
  }
  .onsen3p-main-imgList {
    margin-bottom: 30px;
  }
  .onsen3p-main-yet {
    letter-spacing: 0.5em;
    font-size: 24px;
  }
  .onsen3p-main-ren {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .mod-gameInfo {
    padding: 20px 0;
    margin-bottom: 30px;
  }
  .mod-gameInfo-in {
    width: 1000px;
    margin: 0 auto;
  }
  .mod-gameInfo-head {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 16px;
  }
  .mod-gameInfo-h {
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle;
  }
  .mod-gameInfo-txtWrap {
    display: table-cell;
    vertical-align: middle;
    width: 680px;
  }
  .mod-gameInfo-lead {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .mod-gameInfo-specList {
    overflow: hidden;
  }
  .mod-gameInfo-specList-item {
    float: left;
    margin-right: 22px;
  }
  .mod-gameInfo-specList-item:nth-child(2n+1) {
    clear: both;
  }
  .mod-gameInfo-snsList {
    margin-top: 20px;
  }
  .onsen3p-sec {
    letter-spacing: 0.05em;
    font-size: 16px;
    margin-bottom: 60px;
  }
  .onsen3p-sec-in {
    width: 1080px;
    margin: 0 auto;
  }
  .onsen3p-sec-h:before {
    font-size: 34px;
  }
  .onsen3p-story-pgh, .onsen3p-chara-pgh {
    overflow: hidden;
    margin-bottom: 20px;
  }
  .onsen3p-story-img, .onsen3p-chara-img {
    float: left;
  }
  .onsen3p-story-txt {
    float: left;
    margin-left: 30px;
    width: 620px;
  }
  .onsen3p-chara-txt {
    float: left;
    margin-left: 30px;
  }
  .onsen3p-chara-name {
    margin-bottom: 15px;
  }
  .onsen3p-chara-name-main {
    font-size: 24px;
  }
  .onsen3p-arciveList {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
  }
  .onsen3p-arciveList-item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .onsen3p-arciveList-item.inOldOnsen {
    font-size: 24px;
    text-align: left;
  }
  /* ---------------------------
  anime
  --------------------------- */
  .anime-list-item {
    margin-bottom: 50px;
  }
  .anime-list-prize {
    width: 90px;
    left: -45px;
    top: -50px;
  }
  .anime-list-h {
    font-size: 1.2rem;
  }
  .anime-list-ticket {
    margin-bottom: 20px;
  }
  .anime-index-ceiling {
    padding: 30px 0;
  }
  .anime-index-movies-in {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .anime-index-movies-num {
    width: 8%;
    background: #944141;
    border-left: 2px solid #074E95;
    border-right: 2px solid #074E95;
  }
  .anime-index-movies-posterWrap {
    width: 20%;
  }
  .anime-index-movies-door-plates {
    width: 16vw;
    height: 23vw;
  }
  .anime-index-movies-door-plates-item {
    width: 50%;
    height: 100%;
  }
  .anime-index-movies-preview {
    width: 25%;
    padding-left: 2%;
  }
  .anime-index-movies-preview-video {
    width: 100%;
  }
  .anime-index-movies-comment {
    left: 135%;
    bottom: 0;
    padding: 14px;
    width: 20vw;
  }
  .anime-index-movies-floor-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .anime-single-head {
    height: 110px;
    padding-top: 45px;
  }
  .anime-single-head-logo {
    width: 200px;
  }
  .anime-single-head-h {
    font-size: 2rem;
  }
  .anime-single-mv {
    height: 50vw;
  }
  .anime-single-pamphletWrap {
    padding: 0 0 50px;
  }
  .anime-single-pamphlet-appendix {
    padding: 50px 0;
  }
  .anime-single-pamphlet-appendix-clear {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .anime-single-pamphlet-appendix-img {
    margin-right: 30px;
  }
  .anime-single-pamphlet-appendix-txts {
    width: 480px;
  }
  .anime-single-pamphlet-appendix-h {
    margin-top: -60px;
    margin-left: -80px;
  }
  .anime-single-pamphlet-appendix-links-item {
    font-size: 1.2rem;
  }
  .anime-single-pamphlet-appendix-links-item a {
    padding: 10px;
    padding-left: 15%;
  }
  .anime-single-pamphlet-sec {
    padding: 30px;
  }
  .anime-single-pamphlet-about-article {
    max-width: 800px;
    margin: 0 auto;
  }
  .anime-single-pamphlet-thumbs {
    max-width: 850px;
    margin: 0 auto;
  }
  .anime-single-pamphlet-thumbs-item {
    width: 18%;
  }
  .anime-single-pamphlet-zoomGuide {
    max-width: 850px;
    margin: -130px auto 0;
  }
  .anime-single-pamphlet-pages {
    padding: 0 5%;
  }
  .anime-single-pamphlet-pages-item {
    font-size: 1.2rem;
    width: 22%;
  }
  .anime-single-pamphlet-pages-item a {
    padding: 10px;
    padding-left: 15%;
  }
  .anime-sec {
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 50px;
  }
  .anime-sec-h {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
  .anime-smallLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .anime-smallLinks-item {
    width: 25%;
  }
  .anime-smallLinks-item a {
    display: block;
    padding: 5px;
  }
  .anime-smallLinks-img {
    margin-bottom: 10px;
  }
  @-webkit-keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @-webkit-keyframes cutTicketMainImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(-2%);
              transform: translateX(-2%);
    }
  }
  @keyframes cutTicketMainImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(-2%);
              transform: translateX(-2%);
    }
  }
  @-webkit-keyframes cutTicketSub {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    50% {
      -webkit-transform: rotate(12deg);
              transform: rotate(12deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
  }
  @keyframes cutTicketSub {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    50% {
      -webkit-transform: rotate(12deg);
              transform: rotate(12deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
  }
  @-webkit-keyframes cutTicketSubImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(30%);
              transform: translateX(30%);
    }
  }
  @keyframes cutTicketSubImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(30%);
              transform: translateX(30%);
    }
  }
  @-webkit-keyframes ticketThumb {
    0% {
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes ticketThumb {
    0% {
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes ticketThumbScale {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes ticketThumbScale {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @-webkit-keyframes watchBtn {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
    }
    80% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
  }
  @keyframes watchBtn {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
    }
    80% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
  }
  @-webkit-keyframes watchBtnImg {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
    }
    20% {
      -webkit-transform: scaleX(0.9);
              transform: scaleX(0.9);
    }
    40% {
      -webkit-transform: scaleX(0.2);
              transform: scaleX(0.2);
    }
    60% {
      -webkit-transform: scaleX(1.5);
              transform: scaleX(1.5);
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
    }
  }
  @keyframes watchBtnImg {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
    }
    20% {
      -webkit-transform: scaleX(0.9);
              transform: scaleX(0.9);
    }
    40% {
      -webkit-transform: scaleX(0.2);
              transform: scaleX(0.2);
    }
    60% {
      -webkit-transform: scaleX(1.5);
              transform: scaleX(1.5);
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
    }
  }
  @-webkit-keyframes doorLight {
    0% {
      background: #ffec47;
    }
    100% {
      background: #ffa847;
    }
  }
  @keyframes doorLight {
    0% {
      background: #ffec47;
    }
    100% {
      background: #ffa847;
    }
  }
  /* ---------------------------
  magical
  --------------------------- */
  .magical-oadata-in {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
    max-width: 1000px;
  }
  .magical-oadata-totalScores {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .magical-oadata-totalScores-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .magical-oadata-totalScores-item:not(:last-child) {
    border-left: solid 1px #212121;
  }
  .magical-oadata-rythmQuiz-words {
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
  }
  .magical-oadata-oteageSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .magical-oadata-oteageSec-col1 {
    width: 50%;
  }
  .magical-oadata-oteageSec-col2 {
    width: 50%;
  }
  .magical-oadata-oteageSec-answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .magical-oadata-oteageSec-results-ico {
    font-size: 1.8rem;
  }
  .magical-oadata-kaiten-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .magical-oadata-kaiten-panelSec {
    width: 48%;
  }
  .magical-phrase-sceneWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .magical-phrase-preScene {
    width: 49%;
  }
  .magical-phrase-honbanScene {
    width: 49%;
  }
  .magical-phrase-honbanScene-h {
    display: none;
  }
  /* ---------------------------
  gallery
  --------------------------- */
  .m-gallery-catHead {
    margin-bottom: 30px;
  }
  .m-gallery-catHead-h {
    font-size: 3rem;
  }
  .m-gallery-body {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .m-gallery-sec {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .m-gallery-sec-h {
    font-family: "Oswald", sans-serif;
    width: 2.5em;
    font-size: 4rem;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #074E95;
  }
  .m-gallery-posts {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .m-gallery-posts-item {
    width: 18%;
    margin-bottom: 4%;
  }
  .m-gallery-posts-item:not(:nth-child(5n)) {
    margin-right: 2.5%;
  }
  .m-gallery-post-h {
    font-size: 2rem;
  }
  .about-face img {
    max-width: 250px;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1199px), print {
  /* ==========================================================================
     PC 
     ========================================================================== */
  @font-face {
    font-family: "Segment7Standard";
    src: url("../font/Segment7Standard.otf") format("woff"), url("../font/Segment7Standard.otf") format("opentype");
  }
  .wrap-in {
    max-width: 1180px;
  }
  html {
    font-size: 16px;
  }
  .spOnly {
    display: none !important;
  }
  /* ---------------------------
  module
  --------------------------- */
  body {
    font-family: "Zen Kaku Gothic New", sans-serif;
  }
  .mod-h01 {
    font-size: 2rem;
  }
  .mod-h02 {
    font-size: 1.4rem;
  }
  #mod-content {
    padding-bottom: 60px;
  }
  .mod-mv {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 40px;
  }
  .mod-mv.size-s {
    height: 300px;
  }
  .mod-mv-h {
    font-size: 2.4rem;
  }
  .mod-mv-cat-h {
    margin-bottom: 40px;
  }
  .mod-sec01-in {
    padding: 30px 40px;
  }
  /* ---------------------------
  mod-header
  --------------------------- */
  .mod-header01 {
    padding: 20px;
  }
  .mod-header01-h {
    width: 250px;
  }
  .page-index .mod-header01-h {
    width: 300px;
  }
  .mod-header-logo {
    width: 250px;
  }
  .mod-header-langs {
    right: 130px;
    top: 20px;
  }
  .mod-header-lang a {
    padding: 8px 15px;
  }
  /* ---------------------------
  mod-gnav
  --------------------------- */
  .mod-gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mod-gnav.on {
    -webkit-clip-path: circle(150vw at 100% 0px);
            clip-path: circle(150vw at 100% 0px);
  }
  .mod-gnav:before {
    right: -150vw;
    top: -150vw;
    width: 300vw;
    height: 300vw;
  }
  .mod-gnav-man {
    right: 30px;
  }
  .mod-gnav-links {
    max-width: 1200px;
    margin: 0 auto;
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
  .mod-gnav-links-item {
    font-size: 1.6rem;
  }
  .mod-gnav-links-item a {
    font-size: 2.4rem;
  }
  .mod-gnavBtn {
    right: -20px;
    top: -20px;
  }
  .mod-gnavBtn-imgs-item {
    width: 130px;
  }
  /* ---------------------------
  mod-subHeader
  --------------------------- */
  .mod-subHeader {
    background: #000;
    color: #fff;
    font-size: 0.75rem;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 8px 40px;
  }
  .mod-subHeader-nav {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .mod-subHeader-nav-item a:after {
    content: "/";
    margin: 0 1em;
    color: #fff;
  }
  .mod-subHeader-nav-item:last-child a:after {
    display: none;
  }
  /* ---------------------------
  mod-footer
  --------------------------- */
  .mod-btn01 {
    padding: 11px 12px;
    width: 380px;
    font-size: 1.4rem;
  }
  /* ---------------------------
  swipebox
  --------------------------- */
  /* ---------------------------
  mod-wysiwyg
  --------------------------- */
  .mod-wysiwyg h2 {
    font-size: 1.73rem;
  }
  .mod-wysiwyg h3 {
    font-size: 1.44rem;
  }
  /* ---------------------------
  input
  --------------------------- */
  .mod-input-text, .mod-input-textarea, .mod-input-select {
    padding: 10px;
    font-size: 1.02em;
  }
  .mod-input-text.size-l, .mod-input-textarea.size-l, .mod-input-select.size-l {
    width: 26em;
  }
  .mod-input-text.size-m, .mod-input-textarea.size-m, .mod-input-select.size-m {
    width: 16em;
  }
  .mod-input-text.size-s, .mod-input-textarea.size-s, .mod-input-select.size-s {
    width: 7em;
  }
  .mod-input-textarea {
    height: 10em;
  }
  .mod-input-btn {
    font-size: 1.2rem;
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .mod-form-table {
    width: 800px;
  }
  .mod-form-table th, .mod-form-table td {
    vertical-align: top;
    padding: 16px 0;
  }
  .mod-form-btns-item {
    margin: 0 10px;
  }
  .blog-sorts {
    width: 1200px;
    margin: 0 auto 2em;
  }
  .blog-sortsWrap {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .mod-blog-shelf {
    max-width: 1200px;
    margin: 0 auto 3em;
    border-bottom: 40px solid #D6C278;
  }
  .mod-blog-shelf:before, .mod-blog-shelf:after {
    width: 48px;
  }
  .mod-blog-shelf-head {
    padding: 20px 0;
  }
  .mod-blog-shelf-head-h {
    font-size: 1.3rem;
  }
  .mod-blog-shelf-row {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 2em;
    padding: 20px 0 0;
    border-top: 50px solid #D6C278;
  }
  .mod-blog-shelf-row:nth-child(1) {
    border-top: none;
  }
  .mod-blog-posts {
    padding: 0 48px;
  }
  .mod-blog-posts-item {
    width: 30%;
    margin: 0 1.5%;
    min-height: 310px;
  }
  .mod-blog-posts-txts {
    padding: 14px 18px;
  }
  .mod-blog-posts-new {
    bottom: -30px;
  }
  a:hover .mod-blog-posts-book {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
    -webkit-transition: 0.2s cubic-bezier(0, 1.71, 0.6, 1.93);
    transition: 0.2s cubic-bezier(0, 1.71, 0.6, 1.93);
  }
  .mod-blog-posts-book a {
    padding: 20px;
    padding-left: 40px;
  }
  .mod-blog-post {
    width: 900px;
    padding: 0 100px;
    padding-bottom: 50px;
    margin: 100px auto 50px;
  }
  .mod-blog-post-head {
    padding: 70px 0px 40px;
  }
  .mod-blog-post-h {
    font-size: 2rem;
  }
  .mod-blog-post-date {
    font-size: 1.1rem;
  }
  .mod-blog-post-article {
    padding: 80px 0 100px;
  }
  .mod-blog-post-article h1 {
    font-size: 2.2rem;
    line-height: 1.2308;
    margin-top: 1.641em;
    margin-bottom: 0.8205em;
    font-weight: bold;
  }
  .mod-blog-post-article h2 {
    font-size: 1.8rem;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: bold;
  }
  .mod-blog-post-article h3 {
    font-size: 1.4rem;
    line-height: 1.1852;
    margin-top: 2.3704em;
    margin-bottom: 1.1852em;
    font-weight: bold;
  }
  .mod-blog-post-article h4 {
    font-size: 1.2rem;
    line-height: 1.4545;
    margin-top: 2.9091em;
    margin-bottom: 1.4545em;
    font-weight: bold;
  }
  .mod-blog-post-article h5 {
    line-height: 1.2632;
    margin-top: 3.3684em;
    margin-bottom: 1.6842em;
    font-weight: bold;
  }
  .mod-blog-post-article h6 {
    line-height: 1.2632;
    margin-top: 3.3684em;
    margin-bottom: 1.6842em;
    font-weight: bold;
  }
  .mod-blog-cats {
    position: absolute;
    left: 100%;
    margin-left: -20px;
    top: 50px;
  }
  .mod-blog-cats-item {
    width: 130px;
  }
  .mod-blog-cats-item a {
    padding: 10px 16px;
    border: 4px solid #C20909;
    -webkit-box-shadow: 0 0 0 2px #074E95;
            box-shadow: 0 0 0 2px #074E95;
    border-radius: 10px;
  }
  .mod-pageNav01 {
    max-width: 1000px;
    margin: 0 auto;
  }
  .mod-pageNav01-item {
    -webkit-box-shadow: 10px 10px 0 0 #B54E8B;
            box-shadow: 10px 10px 0 0 #B54E8B;
  }
  .item-prev .mod-pageNav01-ico, .item-next .mod-pageNav01-ico {
    width: 50px;
    margin: 0 auto;
  }
  @-webkit-keyframes mod-clickEffect {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(2.8);
              transform: scale(2.8);
    }
  }
  @keyframes mod-clickEffect {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(2.8);
              transform: scale(2.8);
    }
  }
  @-webkit-keyframes mod-clickEffect-img {
    0% {
      opacity: 1;
    }
    30% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes mod-clickEffect-img {
    0% {
      opacity: 1;
    }
    30% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .is-loading .mod-loading {
    -webkit-clip-path: circle(120vw);
            clip-path: circle(120vw);
  }
  @-webkit-keyframes mod-loading-ico {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes mod-loading-ico {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  /* ---------------------------
  mod-catHead
  --------------------------- */
  /* ---------------------------
  l-wrap
  --------------------------- */
  .l-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
    padding: 0 30px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .l-wrap-780 {
    max-width: 860px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-800 {
    max-width: 880px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-900 {
    max-width: 980px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-960 {
    max-width: 1010px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-980 {
    max-width: 1060px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1000 {
    max-width: 1080px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1100 {
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1200 {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1280 {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1460 {
    max-width: 1560px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  /* ---------------------------
  m
  --------------------------- */
  /* align */
  /* margin */
  .u-mt-2xs {
    margin-top: 5px !important;
  }
  .u-mt-xs {
    margin-top: 10px !important;
  }
  .u-mt-s {
    margin-top: 20px !important;
  }
  .u-mt {
    margin-top: 30px !important;
  }
  .u-mt-l {
    margin-top: 40px !important;
  }
  .u-mt-xl {
    margin-top: 60px !important;
  }
  .u-mt-2xl {
    margin-top: 80px !important;
  }
  .u-mt-3xl {
    margin-top: 100px !important;
  }
  .u-mb-2xs {
    margin-bottom: 5px !important;
  }
  .u-mb-xs {
    margin-bottom: 10px !important;
  }
  .u-mb-s {
    margin-bottom: 20px !important;
  }
  .u-mb {
    margin-bottom: 30px !important;
  }
  .u-mb-l {
    margin-bottom: 40px !important;
  }
  .u-mb-xl {
    margin-bottom: 60px !important;
  }
  .u-mb-2xl {
    margin-bottom: 80px !important;
  }
  .u-mb-3xl {
    margin-bottom: 100px !important;
  }
  .u-ml-1em {
    margin-left: 1em !important;
  }
  .u-mr-1em {
    margin-right: 1em !important;
  }
  /* padding */
  .u-pt-2xs {
    padding-top: 5px !important;
  }
  .u-pt-xs {
    padding-top: 10px !important;
  }
  .u-pt-s {
    padding-top: 20px !important;
  }
  .u-pt {
    padding-top: 30px !important;
  }
  .u-pt-l {
    padding-top: 40px !important;
  }
  .u-pt-xl {
    padding-top: 60px !important;
  }
  .u-pt-2xl {
    padding-top: 80px !important;
  }
  .u-pt-3xl {
    padding-top: 100px !important;
  }
  .u-pb-2xs {
    padding-bottom: 5px !important;
  }
  .u-pb-xs {
    padding-bottom: 10px !important;
  }
  .u-pb-s {
    padding-bottom: 20px !important;
  }
  .u-pb {
    padding-bottom: 30px !important;
  }
  .u-pb-l {
    padding-bottom: 40px !important;
  }
  .u-pb-xl {
    padding-bottom: 60px !important;
  }
  .u-pb-2xl {
    padding-bottom: 80px !important;
  }
  .u-pb-3xl {
    padding-bottom: 100px !important;
  }
  .u-p-xs {
    padding: 10px !important;
  }
  .u-p-s {
    padding: 20px !important;
  }
  .u-p {
    padding: 30px !important;
  }
  .u-p-l {
    padding: 40px !important;
  }
  .u-p-xl {
    padding: 60px !important;
  }
  .m-h {
    font-size: 3.4rem;
    text-stroke: 1.5px #074E95;
    -webkit-text-stroke: 1.5px #074E95;
  }
  .m-h-wrap {
    padding: 80px 0;
  }
  /* ---------------------------
  home
  --------------------------- */
  .home-logos-item {
    width: 130px;
    height: 130px;
    margin: 0 30px;
  }
  .home-logos-item > img {
    width: 100px;
  }
  .home-logos-bgs {
    left: -130px;
    top: -100px;
    width: 350px;
    height: 350px;
  }
  .home-mv-pickup {
    left: 10%;
    top: 64%;
    padding: 14px 22px;
  }
  .home-mv-logo {
    width: 30%;
  }
  .home-about-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 50px;
  }
  .home-about-txt {
    padding: 20px;
    margin-right: 30px;
  }
  .home-about-txt:after {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    border: 10px solid transparent;
    border-left-color: #fff;
    margin-top: -10px;
  }
  .home-mainContent {
    padding: 60px 0;
  }
  .home-mainContent-in {
    max-width: 1000px;
    margin: 0 auto;
  }
  .home-sec {
    padding: 40px 0;
  }
  .home-sec-more {
    margin-top: 20px;
    width: 320px;
  }
  .home-sec-more a {
    padding: 16px 16px;
  }
  .home-sec-more .material-icons {
    width: 22px;
    font-size: 22px;
  }
  .home-posts-item {
    width: 23%;
  }
  .home-posts-date {
    font-size: 0.85rem;
  }
  .home-bnrs-item {
    width: 48.7%;
  }
  .home-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .home-links-item {
    width: 31%;
  }
  .home-twitter {
    max-width: 600px;
    margin: 0 auto;
    padding: 50px 0;
  }
  @-webkit-keyframes home-logo {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    20% {
      -webkit-transform: scale(2);
              transform: scale(2);
    }
    40% {
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
    }
    60% {
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    80% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes home-logo {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    20% {
      -webkit-transform: scale(2);
              transform: scale(2);
    }
    40% {
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
    }
    60% {
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    80% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  /* ---------------------------
  game
  --------------------------- */
  .game-content-in {
    max-width: 980px;
    margin: 0 auto;
  }
  .game-list-road {
    height: 270px;
  }
  .game-list-bus {
    top: 20%;
    width: 200px;
  }
  .game-list-screenshots {
    margin-left: 30%;
  }
  .game-list-screenshots-item {
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .game-list-screenshots-item:nth-child(1) {
    -webkit-transform: rotate(-7deg) translateY(10%);
            transform: rotate(-7deg) translateY(10%);
  }
  .game-list-screenshots-item:nth-child(2) {
    -webkit-transform: rotate(1deg) translateY(-15%);
            transform: rotate(1deg) translateY(-15%);
  }
  .game-list-screenshots-item:nth-child(3) {
    -webkit-transform: rotate(4deg) translateY(10%);
            transform: rotate(4deg) translateY(10%);
  }
  .game-list-item:hover .game-list-screenshots-item {
    opacity: 1;
    margin-top: 0;
  }
  .game-list-item:hover .game-list-screenshots-item:nth-child(1) {
    -webkit-transform: rotate(-5deg) translateY(0);
            transform: rotate(-5deg) translateY(0);
  }
  .game-list-item:hover .game-list-screenshots-item:nth-child(2) {
    -webkit-transform: rotate(-1deg) translateY(-10%);
            transform: rotate(-1deg) translateY(-10%);
  }
  .game-list-item:hover .game-list-screenshots-item:nth-child(3) {
    -webkit-transform: rotate(1deg) translateY(5%);
            transform: rotate(1deg) translateY(5%);
  }
  .game-list-h-wrap {
    position: absolute;
    left: 40%;
    bottom: 290px;
    -webkit-transform: scale(0.8) rotate(-8deg);
            transform: scale(0.8) rotate(-8deg);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .game-list-item:hover .game-list-h-wrap {
    -webkit-transform: scale(1) rotate(-6deg);
            transform: scale(1) rotate(-6deg);
    -webkit-transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
    transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
  }
  .game-list-cats {
    bottom: 20px;
  }
  .game-list-cats-item {
    font-size: 0.85rem;
    padding: 4px 6px;
  }
  .game-list-enter {
    position: absolute;
    right: -8%;
    bottom: -8%;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .game-list-item:hover .game-list-enter {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
    transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
  }
  .game-list-houses-item.item01 {
    right: 50%;
    bottom: 180px;
    width: 31%;
    margin-right: 180px;
  }
  .game-list-houses-item.item02 {
    left: 50%;
    bottom: 160px;
    width: 14%;
    margin-left: 390px;
  }
  .game-list-bld {
    bottom: 160px;
    left: 50%;
  }
  .game-list02-item {
    margin-bottom: 50px;
  }
  .game-list02-txts {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.7) 100%);
    padding: 60px 30px 15px;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .game-list02-item a:hover .game-list02-txts {
    opacity: 1;
  }
  .game-list02-txts-in {
    padding-right: 40px;
  }
  .game-list02-txts-in:after {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  .game-list02-lead {
    font-size: 1.5rem;
  }
  .game-list02-h {
    font-weight: bold;
  }
  .game-list03 {
    margin: 0 50px;
  }
  .game-list03-item {
    margin-bottom: 30px;
    width: 31%;
  }
  .game-list03-item:not(:nth-child(3n)) {
    margin-right: 3.4%;
  }
  .game-h02 {
    font-size: 1.6rem;
  }
  @-webkit-keyframes enterLight {
    0% {
      fill: #e0c900;
    }
    100% {
      fill: #e07600;
    }
  }
  @keyframes enterLight {
    0% {
      fill: #e0c900;
    }
    100% {
      fill: #e07600;
    }
  }
  .game-single-head {
    padding: 20px 0;
  }
  .game-single-head-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .game-single-head-clear {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .game-single-head-txts {
    margin-left: 40px;
  }
  .game-single-head-h {
    font-size: 2.4rem;
  }
  .game-single-kanbanSec {
    margin-bottom: 50px;
  }
  .game-single-kanbanSec-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .game-single-kanbanSec-wrap-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .game-single-kanbanSec-wrap-stones {
    bottom: -70px;
    height: 184px;
  }
  .game-single-kanbanSec-in {
    padding: 20px 30px;
  }
  .game-single-kanbanSec-h {
    font-size: 1.8rem;
  }
  .game-single-appBnrsWrap {
    width: 800px;
    margin: 0 auto 30px;
  }
  .game-single-article-h {
    font-size: 1.8rem;
  }
  .game-single-specs {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .game-single-screenShot {
    padding: 80px 0;
  }
  .game-single-screenShot-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .game-single-screenShot-h {
    font-size: 1.8rem;
  }
  .game-single-screenShot-imgs {
    background: #EBDCC1;
    border: 1px solid #074E95;
    padding: 30px;
  }
  .game-single-screenShot-imgs-item {
    width: 20%;
  }
  .game-single-screenShot-imgs-img {
    max-width: 180px;
    margin: 0 auto;
  }
  .game-single-screenShot-imgs-img:after {
    width: 40px;
    height: 40px;
  }
  @-webkit-keyframes zoomIcoLight {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes zoomIcoLight {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .onsen-mv-flashCaution {
    display: none;
  }
  .onsen-mv-table {
    display: table;
  }
  .onsen-mv-td {
    display: table-cell;
    vertical-align: top;
  }
  .onsen-mv-gameWrap {
    padding-bottom: 30px;
    padding-right: 20px;
  }
  .onsen-head {
    padding: 20px 0;
  }
  .onsen-head-clear {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .onsen-head-txts {
    margin-left: 40px;
  }
  .onsen-head-h {
    font-size: 2.4rem;
  }
  .onsen-appBnrsWrap {
    width: 800px;
    margin: 0 auto 30px;
  }
  .onsen-article-h {
    font-size: 1.8rem;
  }
  .onsen-article-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .onsen-article:nth-child(2n) .onsen-article-clear {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .onsen-article-col1 {
    width: 60%;
  }
  .onsen-article-col2 {
    width: 35%;
  }
  .onsen-specs {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .onsen-screenshots-item {
    width: 200px;
  }
  .onsen3p-gameContainer {
    width: 800px;
    height: 450px;
    margin: auto;
  }
  .onsen3p-main {
    margin-bottom: 60px;
    height: 660px;
  }
  .onsen3p-main-in {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    padding-top: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 660px;
  }
  .onsen3p-gamePlayMain-in {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .onsen3p-gamePlayMain-screen {
    float: left;
    margin-bottom: 14px;
  }
  .onsen3p-gamePlayMain-ad-hor {
    float: left;
  }
  .onsen3p-gamePlayMain-ad-ver {
    float: right;
  }
  .onsen3p-main-txtWrap {
    width: 590px;
  }
  .onsen3p-main-h {
    margin-bottom: 30px;
  }
  .onsen3p-main-imgList {
    margin-bottom: 30px;
  }
  .onsen3p-main-yet {
    letter-spacing: 0.5em;
    font-size: 24px;
  }
  .onsen3p-main-ren {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .mod-gameInfo {
    padding: 20px 0;
    margin-bottom: 30px;
  }
  .mod-gameInfo-in {
    width: 1000px;
    margin: 0 auto;
  }
  .mod-gameInfo-head {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 16px;
  }
  .mod-gameInfo-h {
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle;
  }
  .mod-gameInfo-txtWrap {
    display: table-cell;
    vertical-align: middle;
    width: 680px;
  }
  .mod-gameInfo-lead {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .mod-gameInfo-specList {
    overflow: hidden;
  }
  .mod-gameInfo-specList-item {
    float: left;
    margin-right: 22px;
  }
  .mod-gameInfo-specList-item:nth-child(2n+1) {
    clear: both;
  }
  .mod-gameInfo-snsList {
    margin-top: 20px;
  }
  .onsen3p-sec {
    letter-spacing: 0.05em;
    font-size: 16px;
    margin-bottom: 60px;
  }
  .onsen3p-sec-in {
    width: 1080px;
    margin: 0 auto;
  }
  .onsen3p-sec-h:before {
    font-size: 34px;
  }
  .onsen3p-story-pgh, .onsen3p-chara-pgh {
    overflow: hidden;
    margin-bottom: 20px;
  }
  .onsen3p-story-img, .onsen3p-chara-img {
    float: left;
  }
  .onsen3p-story-txt {
    float: left;
    margin-left: 30px;
    width: 620px;
  }
  .onsen3p-chara-txt {
    float: left;
    margin-left: 30px;
  }
  .onsen3p-chara-name {
    margin-bottom: 15px;
  }
  .onsen3p-chara-name-main {
    font-size: 24px;
  }
  .onsen3p-arciveList {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
  }
  .onsen3p-arciveList-item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .onsen3p-arciveList-item.inOldOnsen {
    font-size: 24px;
    text-align: left;
  }
  /* ---------------------------
  anime
  --------------------------- */
  .anime-list-item {
    margin-bottom: 50px;
  }
  .anime-list-prize {
    width: 90px;
    left: -45px;
    top: -50px;
  }
  .anime-list-h {
    font-size: 1.2rem;
  }
  .anime-list-ticket {
    margin-bottom: 20px;
  }
  .anime-index-ceiling {
    padding: 30px 0;
  }
  .anime-index-movies-in {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
    padding: 0 30px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .anime-index-movies-num {
    width: 8%;
    background: #944141;
    border-left: 2px solid #074E95;
    border-right: 2px solid #074E95;
  }
  .anime-index-movies-posterWrap {
    width: 20%;
  }
  .anime-index-movies-door-plates {
    width: 16vw;
    height: 23vw;
  }
  .anime-index-movies-door-plates-item {
    width: 50%;
    height: 100%;
  }
  .anime-index-movies-preview {
    width: 25%;
    padding-left: 2%;
  }
  .anime-index-movies-preview-video {
    width: 100%;
  }
  .anime-index-movies-comment {
    left: 135%;
    bottom: 0;
    padding: 14px;
    width: 20vw;
  }
  .anime-index-movies-floor-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .anime-single-head {
    height: 110px;
    padding-top: 45px;
  }
  .anime-single-head-logo {
    width: 200px;
  }
  .anime-single-head-h {
    font-size: 2rem;
  }
  .anime-single-mv {
    height: 50vw;
  }
  .anime-single-pamphletWrap {
    padding: 0 0 50px;
  }
  .anime-single-pamphlet-appendix {
    padding: 50px 0;
  }
  .anime-single-pamphlet-appendix-clear {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .anime-single-pamphlet-appendix-img {
    margin-right: 30px;
  }
  .anime-single-pamphlet-appendix-txts {
    width: 480px;
  }
  .anime-single-pamphlet-appendix-h {
    margin-top: -60px;
    margin-left: -80px;
  }
  .anime-single-pamphlet-appendix-links-item {
    font-size: 1.2rem;
  }
  .anime-single-pamphlet-appendix-links-item a {
    padding: 10px;
    padding-left: 15%;
  }
  .anime-single-pamphlet-sec {
    padding: 30px;
  }
  .anime-single-pamphlet-about-article {
    max-width: 800px;
    margin: 0 auto;
  }
  .anime-single-pamphlet-thumbs {
    max-width: 850px;
    margin: 0 auto;
  }
  .anime-single-pamphlet-thumbs-item {
    width: 18%;
  }
  .anime-single-pamphlet-zoomGuide {
    max-width: 850px;
    margin: -130px auto 0;
  }
  .anime-single-pamphlet-pages {
    padding: 0 5%;
  }
  .anime-single-pamphlet-pages-item {
    font-size: 1.2rem;
    width: 22%;
  }
  .anime-single-pamphlet-pages-item a {
    padding: 10px;
    padding-left: 15%;
  }
  .anime-sec {
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 50px;
  }
  .anime-sec-h {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
  .anime-smallLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .anime-smallLinks-item {
    width: 25%;
  }
  .anime-smallLinks-item a {
    display: block;
    padding: 5px;
  }
  .anime-smallLinks-img {
    margin-bottom: 10px;
  }
  @-webkit-keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @-webkit-keyframes cutTicketMainImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(-2%);
              transform: translateX(-2%);
    }
  }
  @keyframes cutTicketMainImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(-2%);
              transform: translateX(-2%);
    }
  }
  @-webkit-keyframes cutTicketSub {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    50% {
      -webkit-transform: rotate(12deg);
              transform: rotate(12deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
  }
  @keyframes cutTicketSub {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    50% {
      -webkit-transform: rotate(12deg);
              transform: rotate(12deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
  }
  @-webkit-keyframes cutTicketSubImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(30%);
              transform: translateX(30%);
    }
  }
  @keyframes cutTicketSubImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(30%);
              transform: translateX(30%);
    }
  }
  @-webkit-keyframes ticketThumb {
    0% {
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes ticketThumb {
    0% {
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes ticketThumbScale {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes ticketThumbScale {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @-webkit-keyframes watchBtn {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
    }
    80% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
  }
  @keyframes watchBtn {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
    }
    80% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
  }
  @-webkit-keyframes watchBtnImg {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
    }
    20% {
      -webkit-transform: scaleX(0.9);
              transform: scaleX(0.9);
    }
    40% {
      -webkit-transform: scaleX(0.2);
              transform: scaleX(0.2);
    }
    60% {
      -webkit-transform: scaleX(1.5);
              transform: scaleX(1.5);
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
    }
  }
  @keyframes watchBtnImg {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
    }
    20% {
      -webkit-transform: scaleX(0.9);
              transform: scaleX(0.9);
    }
    40% {
      -webkit-transform: scaleX(0.2);
              transform: scaleX(0.2);
    }
    60% {
      -webkit-transform: scaleX(1.5);
              transform: scaleX(1.5);
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
    }
  }
  @-webkit-keyframes doorLight {
    0% {
      background: #ffec47;
    }
    100% {
      background: #ffa847;
    }
  }
  @keyframes doorLight {
    0% {
      background: #ffec47;
    }
    100% {
      background: #ffa847;
    }
  }
  /* ---------------------------
  magical
  --------------------------- */
  .magical-oadata-in {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
    padding: 0 30px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 1000px;
  }
  .magical-oadata-totalScores {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .magical-oadata-totalScores-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .magical-oadata-totalScores-item:not(:last-child) {
    border-left: solid 1px #212121;
  }
  .magical-oadata-rythmQuiz-words {
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
  }
  .magical-oadata-oteageSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .magical-oadata-oteageSec-col1 {
    width: 50%;
  }
  .magical-oadata-oteageSec-col2 {
    width: 50%;
  }
  .magical-oadata-oteageSec-answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .magical-oadata-oteageSec-results-ico {
    font-size: 1.8rem;
  }
  .magical-oadata-kaiten-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .magical-oadata-kaiten-panelSec {
    width: 48%;
  }
  .magical-phrase-sceneWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .magical-phrase-preScene {
    width: 49%;
  }
  .magical-phrase-honbanScene {
    width: 49%;
  }
  .magical-phrase-honbanScene-h {
    display: none;
  }
  /* ---------------------------
  gallery
  --------------------------- */
  .m-gallery-catHead {
    margin-bottom: 30px;
  }
  .m-gallery-catHead-h {
    font-size: 3rem;
  }
  .m-gallery-body {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .m-gallery-sec {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .m-gallery-sec-h {
    font-family: "Oswald", sans-serif;
    width: 2.5em;
    font-size: 4rem;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #074E95;
  }
  .m-gallery-posts {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .m-gallery-posts-item {
    width: 18%;
    margin-bottom: 4%;
  }
  .m-gallery-posts-item:not(:nth-child(5n)) {
    margin-right: 2.5%;
  }
  .m-gallery-post-h {
    font-size: 2rem;
  }
  .about-face img {
    max-width: 250px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  /* ==========================================================================
     TB 
     ========================================================================== */
  @font-face {
    font-family: "Segment7Standard";
    src: url("../font/Segment7Standard.otf") format("woff"), url("../font/Segment7Standard.otf") format("opentype");
  }
  html {
    font-size: 13px;
  }
  .spOnly {
    display: none !important;
  }
  /* ---------------------------
  module
  --------------------------- */
  body {
    font-family: "Zen Kaku Gothic New", sans-serif;
  }
  /* ---------------------------
  mod-header
  --------------------------- */
  .mod-header01 {
    padding: 20px;
  }
  .mod-header01-h {
    width: 250px;
  }
  .page-index .mod-header01-h {
    width: 300px;
  }
  .mod-header-logo {
    width: 250px;
  }
  .mod-header-langs {
    right: 130px;
    top: 20px;
  }
  .mod-header-lang a {
    padding: 8px 15px;
  }
  /* ---------------------------
  mod-gnav
  --------------------------- */
  .mod-gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .mod-gnav.on {
    -webkit-clip-path: circle(150vw at 100% 0px);
            clip-path: circle(150vw at 100% 0px);
  }
  .mod-gnav:before {
    right: -150vw;
    top: -150vw;
    width: 300vw;
    height: 300vw;
  }
  .mod-gnav-man {
    right: 30px;
  }
  .mod-gnav-links {
    max-width: 1200px;
    margin: 0 auto;
    -webkit-columns: 2;
       -moz-columns: 2;
            columns: 2;
  }
  .mod-gnav-links-item {
    font-size: 1.6rem;
  }
  .mod-gnav-links-item a {
    font-size: 2.4rem;
  }
  .mod-gnavBtn {
    right: -20px;
    top: -20px;
  }
  .mod-gnavBtn-imgs-item {
    width: 130px;
  }
  /* ---------------------------
  mod-subHeader
  --------------------------- */
  /* ---------------------------
  mod-footer
  --------------------------- */
  .mod-btn01 {
    padding: 11px 12px;
    width: 380px;
    font-size: 1.4rem;
  }
  /* ---------------------------
  swipebox
  --------------------------- */
  /* ---------------------------
  mod-wysiwyg
  --------------------------- */
  .mod-wysiwyg h2 {
    font-size: 1.73rem;
  }
  .mod-wysiwyg h3 {
    font-size: 1.44rem;
  }
  /* ---------------------------
  input
  --------------------------- */
  .mod-input-text, .mod-input-textarea, .mod-input-select {
    padding: 10px;
    font-size: 1.02em;
  }
  .mod-input-text.size-l, .mod-input-textarea.size-l, .mod-input-select.size-l {
    width: 26em;
  }
  .mod-input-text.size-m, .mod-input-textarea.size-m, .mod-input-select.size-m {
    width: 16em;
  }
  .mod-input-text.size-s, .mod-input-textarea.size-s, .mod-input-select.size-s {
    width: 7em;
  }
  .mod-input-textarea {
    height: 10em;
  }
  .mod-form-table {
    width: 800px;
  }
  .mod-form-table th, .mod-form-table td {
    vertical-align: top;
    padding: 16px 0;
  }
  .mod-form-btns-item {
    margin: 0 10px;
  }
  .blog-sorts {
    width: 1200px;
    margin: 0 auto 2em;
  }
  .blog-sortsWrap {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .mod-blog-shelf {
    max-width: 1200px;
    margin: 0 auto 3em;
    border-bottom: 40px solid #D6C278;
  }
  .mod-blog-shelf:before, .mod-blog-shelf:after {
    width: 48px;
  }
  .mod-blog-shelf-head {
    padding: 20px 0;
  }
  .mod-blog-shelf-head-h {
    font-size: 1.3rem;
  }
  .mod-blog-shelf-row {
    position: relative;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-top: 2em;
    padding: 20px 0 0;
    border-top: 50px solid #D6C278;
  }
  .mod-blog-shelf-row:nth-child(1) {
    border-top: none;
  }
  .mod-blog-posts {
    padding: 0 48px;
  }
  .mod-blog-posts-item {
    width: 30%;
    margin: 0 1.5%;
    min-height: 310px;
  }
  .mod-blog-posts-txts {
    padding: 14px 18px;
  }
  .mod-blog-posts-new {
    bottom: -30px;
  }
  a:hover .mod-blog-posts-book {
    -webkit-transform: translateY(-60px);
            transform: translateY(-60px);
    -webkit-transition: 0.2s cubic-bezier(0, 1.71, 0.6, 1.93);
    transition: 0.2s cubic-bezier(0, 1.71, 0.6, 1.93);
  }
  .mod-blog-posts-book a {
    padding: 20px;
    padding-left: 40px;
  }
  .mod-blog-post {
    width: 900px;
    padding: 0 100px;
    padding-bottom: 50px;
    margin: 100px auto 50px;
  }
  .mod-blog-post-head {
    padding: 70px 0px 40px;
  }
  .mod-blog-post-h {
    font-size: 2rem;
  }
  .mod-blog-post-date {
    font-size: 1.1rem;
  }
  .mod-blog-post-article {
    padding: 80px 0 100px;
  }
  .mod-blog-post-article h1 {
    font-size: 2.2rem;
    line-height: 1.2308;
    margin-top: 1.641em;
    margin-bottom: 0.8205em;
    font-weight: bold;
  }
  .mod-blog-post-article h2 {
    font-size: 1.8rem;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: bold;
  }
  .mod-blog-post-article h3 {
    font-size: 1.4rem;
    line-height: 1.1852;
    margin-top: 2.3704em;
    margin-bottom: 1.1852em;
    font-weight: bold;
  }
  .mod-blog-post-article h4 {
    font-size: 1.2rem;
    line-height: 1.4545;
    margin-top: 2.9091em;
    margin-bottom: 1.4545em;
    font-weight: bold;
  }
  .mod-blog-post-article h5 {
    line-height: 1.2632;
    margin-top: 3.3684em;
    margin-bottom: 1.6842em;
    font-weight: bold;
  }
  .mod-blog-post-article h6 {
    line-height: 1.2632;
    margin-top: 3.3684em;
    margin-bottom: 1.6842em;
    font-weight: bold;
  }
  .mod-blog-cats {
    position: absolute;
    left: 100%;
    margin-left: -20px;
    top: 50px;
  }
  .mod-blog-cats-item {
    width: 130px;
  }
  .mod-blog-cats-item a {
    padding: 10px 16px;
    border: 4px solid #C20909;
    -webkit-box-shadow: 0 0 0 2px #074E95;
            box-shadow: 0 0 0 2px #074E95;
    border-radius: 10px;
  }
  .mod-pageNav01 {
    max-width: 1000px;
    margin: 0 auto;
  }
  .mod-pageNav01-item {
    -webkit-box-shadow: 10px 10px 0 0 #B54E8B;
            box-shadow: 10px 10px 0 0 #B54E8B;
  }
  .item-prev .mod-pageNav01-ico, .item-next .mod-pageNav01-ico {
    width: 50px;
    margin: 0 auto;
  }
  @-webkit-keyframes mod-clickEffect {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(2.8);
              transform: scale(2.8);
    }
  }
  @keyframes mod-clickEffect {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(2.8);
              transform: scale(2.8);
    }
  }
  @-webkit-keyframes mod-clickEffect-img {
    0% {
      opacity: 1;
    }
    30% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes mod-clickEffect-img {
    0% {
      opacity: 1;
    }
    30% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .is-loading .mod-loading {
    -webkit-clip-path: circle(120vw);
            clip-path: circle(120vw);
  }
  @-webkit-keyframes mod-loading-ico {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes mod-loading-ico {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  /* ---------------------------
  mod-catHead
  --------------------------- */
  /* ---------------------------
  l-wrap
  --------------------------- */
  .l-wrap {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
    padding: 0 30px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .l-wrap-780 {
    max-width: 860px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-800 {
    max-width: 880px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-900 {
    max-width: 980px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-960 {
    max-width: 1010px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-980 {
    max-width: 1060px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1000 {
    max-width: 1080px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1100 {
    max-width: 1180px;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1200 {
    max-width: 1280px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1280 {
    max-width: 1360px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  .l-wrap-1460 {
    max-width: 1560px;
    width: 100%;
    margin: 0 auto;
    padding-left: 40px;
    padding-right: 40px;
  }
  /* ---------------------------
  m
  --------------------------- */
  /* align */
  /* margin */
  .u-mt-2xs {
    margin-top: 5px !important;
  }
  .u-mt-xs {
    margin-top: 10px !important;
  }
  .u-mt-s {
    margin-top: 20px !important;
  }
  .u-mt {
    margin-top: 30px !important;
  }
  .u-mt-l {
    margin-top: 40px !important;
  }
  .u-mt-xl {
    margin-top: 60px !important;
  }
  .u-mt-2xl {
    margin-top: 80px !important;
  }
  .u-mt-3xl {
    margin-top: 100px !important;
  }
  .u-mb-2xs {
    margin-bottom: 5px !important;
  }
  .u-mb-xs {
    margin-bottom: 10px !important;
  }
  .u-mb-s {
    margin-bottom: 20px !important;
  }
  .u-mb {
    margin-bottom: 30px !important;
  }
  .u-mb-l {
    margin-bottom: 40px !important;
  }
  .u-mb-xl {
    margin-bottom: 60px !important;
  }
  .u-mb-2xl {
    margin-bottom: 80px !important;
  }
  .u-mb-3xl {
    margin-bottom: 100px !important;
  }
  .u-ml-1em {
    margin-left: 1em !important;
  }
  .u-mr-1em {
    margin-right: 1em !important;
  }
  /* padding */
  .u-pt-2xs {
    padding-top: 5px !important;
  }
  .u-pt-xs {
    padding-top: 10px !important;
  }
  .u-pt-s {
    padding-top: 20px !important;
  }
  .u-pt {
    padding-top: 30px !important;
  }
  .u-pt-l {
    padding-top: 40px !important;
  }
  .u-pt-xl {
    padding-top: 60px !important;
  }
  .u-pt-2xl {
    padding-top: 80px !important;
  }
  .u-pt-3xl {
    padding-top: 100px !important;
  }
  .u-pb-2xs {
    padding-bottom: 5px !important;
  }
  .u-pb-xs {
    padding-bottom: 10px !important;
  }
  .u-pb-s {
    padding-bottom: 20px !important;
  }
  .u-pb {
    padding-bottom: 30px !important;
  }
  .u-pb-l {
    padding-bottom: 40px !important;
  }
  .u-pb-xl {
    padding-bottom: 60px !important;
  }
  .u-pb-2xl {
    padding-bottom: 80px !important;
  }
  .u-pb-3xl {
    padding-bottom: 100px !important;
  }
  .u-p-xs {
    padding: 10px !important;
  }
  .u-p-s {
    padding: 20px !important;
  }
  .u-p {
    padding: 30px !important;
  }
  .u-p-l {
    padding: 40px !important;
  }
  .u-p-xl {
    padding: 60px !important;
  }
  .m-h {
    font-size: 3.4rem;
    text-stroke: 1.5px #074E95;
    -webkit-text-stroke: 1.5px #074E95;
  }
  .m-h-wrap {
    padding: 80px 0;
  }
  /* ---------------------------
  home
  --------------------------- */
  .home-logos-item {
    width: 130px;
    height: 130px;
    margin: 0 30px;
  }
  .home-logos-item > img {
    width: 100px;
  }
  .home-logos-bgs {
    left: -130px;
    top: -100px;
    width: 350px;
    height: 350px;
  }
  .home-mv-pickup {
    left: 10%;
    top: 64%;
    padding: 14px 22px;
  }
  .home-mv-logo {
    width: 30%;
  }
  .home-about-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 50px;
  }
  .home-about-txt {
    padding: 20px;
    margin-right: 30px;
  }
  .home-about-txt:after {
    content: "";
    display: block;
    position: absolute;
    left: 100%;
    top: 50%;
    border: 10px solid transparent;
    border-left-color: #fff;
    margin-top: -10px;
  }
  .home-mainContent {
    padding: 60px 0;
  }
  .home-mainContent-in {
    max-width: 1000px;
    margin: 0 auto;
  }
  .home-sec {
    padding: 40px 0;
  }
  .home-sec-more {
    margin-top: 20px;
    width: 320px;
  }
  .home-sec-more a {
    padding: 16px 16px;
  }
  .home-sec-more .material-icons {
    width: 22px;
    font-size: 22px;
  }
  .home-posts-item {
    width: 23%;
  }
  .home-posts-date {
    font-size: 0.85rem;
  }
  .home-bnrs-item {
    width: 48.7%;
  }
  .home-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .home-links-item {
    width: 31%;
  }
  .home-twitter {
    max-width: 600px;
    margin: 0 auto;
    padding: 50px 0;
  }
  @-webkit-keyframes home-logo {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    20% {
      -webkit-transform: scale(2);
              transform: scale(2);
    }
    40% {
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
    }
    60% {
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    80% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes home-logo {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    20% {
      -webkit-transform: scale(2);
              transform: scale(2);
    }
    40% {
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
    }
    60% {
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    80% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  /* ---------------------------
  game
  --------------------------- */
  .game-content-in {
    max-width: 980px;
    margin: 0 auto;
  }
  .game-list-road {
    height: 270px;
  }
  .game-list-bus {
    top: 20%;
    width: 200px;
  }
  .game-list-screenshots {
    margin-left: 30%;
  }
  .game-list-screenshots-item {
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .game-list-screenshots-item:nth-child(1) {
    -webkit-transform: rotate(-7deg) translateY(10%);
            transform: rotate(-7deg) translateY(10%);
  }
  .game-list-screenshots-item:nth-child(2) {
    -webkit-transform: rotate(1deg) translateY(-15%);
            transform: rotate(1deg) translateY(-15%);
  }
  .game-list-screenshots-item:nth-child(3) {
    -webkit-transform: rotate(4deg) translateY(10%);
            transform: rotate(4deg) translateY(10%);
  }
  .game-list-item:hover .game-list-screenshots-item {
    opacity: 1;
    margin-top: 0;
  }
  .game-list-item:hover .game-list-screenshots-item:nth-child(1) {
    -webkit-transform: rotate(-5deg) translateY(0);
            transform: rotate(-5deg) translateY(0);
  }
  .game-list-item:hover .game-list-screenshots-item:nth-child(2) {
    -webkit-transform: rotate(-1deg) translateY(-10%);
            transform: rotate(-1deg) translateY(-10%);
  }
  .game-list-item:hover .game-list-screenshots-item:nth-child(3) {
    -webkit-transform: rotate(1deg) translateY(5%);
            transform: rotate(1deg) translateY(5%);
  }
  .game-list-h-wrap {
    position: absolute;
    left: 40%;
    bottom: 290px;
    -webkit-transform: scale(0.8) rotate(-8deg);
            transform: scale(0.8) rotate(-8deg);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .game-list-item:hover .game-list-h-wrap {
    -webkit-transform: scale(1) rotate(-6deg);
            transform: scale(1) rotate(-6deg);
    -webkit-transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
    transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
  }
  .game-list-cats {
    bottom: 20px;
  }
  .game-list-cats-item {
    font-size: 0.85rem;
    padding: 4px 6px;
  }
  .game-list-enter {
    position: absolute;
    right: -8%;
    bottom: -8%;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }
  .game-list-item:hover .game-list-enter {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
    transition: 0.3s cubic-bezier(0.1, 1.21, 0.43, 1.29);
  }
  .game-list-houses-item.item01 {
    right: 50%;
    bottom: 180px;
    width: 31%;
    margin-right: 180px;
  }
  .game-list-houses-item.item02 {
    left: 50%;
    bottom: 160px;
    width: 14%;
    margin-left: 390px;
  }
  .game-list-bld {
    bottom: 160px;
    left: 50%;
  }
  .game-list02-item {
    margin-bottom: 50px;
  }
  .game-list02-txts {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(40%, rgba(0, 0, 0, 0.7)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 40%, rgba(0, 0, 0, 0.7) 100%);
    padding: 60px 30px 15px;
    opacity: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .game-list02-item a:hover .game-list02-txts {
    opacity: 1;
  }
  .game-list02-txts-in {
    padding-right: 40px;
  }
  .game-list02-txts-in:after {
    width: 24px;
    height: 24px;
    margin-top: -12px;
  }
  .game-list02-lead {
    font-size: 1.5rem;
  }
  .game-list02-h {
    font-weight: bold;
  }
  .game-list03 {
    margin: 0 50px;
  }
  .game-list03-item {
    margin-bottom: 30px;
    width: 31%;
  }
  .game-list03-item:not(:nth-child(3n)) {
    margin-right: 3.4%;
  }
  .game-h02 {
    font-size: 1.6rem;
  }
  @-webkit-keyframes enterLight {
    0% {
      fill: #e0c900;
    }
    100% {
      fill: #e07600;
    }
  }
  @keyframes enterLight {
    0% {
      fill: #e0c900;
    }
    100% {
      fill: #e07600;
    }
  }
  .game-single-head {
    padding: 20px 0;
  }
  .game-single-head-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .game-single-head-clear {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .game-single-head-txts {
    margin-left: 40px;
  }
  .game-single-head-h {
    font-size: 2.4rem;
  }
  .game-single-kanbanSec {
    margin-bottom: 50px;
  }
  .game-single-kanbanSec-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .game-single-kanbanSec-wrap-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .game-single-kanbanSec-wrap-stones {
    bottom: -70px;
    height: 184px;
  }
  .game-single-kanbanSec-in {
    padding: 20px 30px;
  }
  .game-single-kanbanSec-h {
    font-size: 1.8rem;
  }
  .game-single-appBnrsWrap {
    width: 800px;
    margin: 0 auto 30px;
  }
  .game-single-article-h {
    font-size: 1.8rem;
  }
  .game-single-specs {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .game-single-screenShot {
    padding: 80px 0;
  }
  .game-single-screenShot-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .game-single-screenShot-h {
    font-size: 1.8rem;
  }
  .game-single-screenShot-imgs {
    background: #EBDCC1;
    border: 1px solid #074E95;
    padding: 30px;
  }
  .game-single-screenShot-imgs-item {
    width: 20%;
  }
  .game-single-screenShot-imgs-img {
    max-width: 180px;
    margin: 0 auto;
  }
  .game-single-screenShot-imgs-img:after {
    width: 40px;
    height: 40px;
  }
  @-webkit-keyframes zoomIcoLight {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes zoomIcoLight {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .onsen-mv-flashCaution {
    display: none;
  }
  .onsen-mv-table {
    display: table;
  }
  .onsen-mv-td {
    display: table-cell;
    vertical-align: top;
  }
  .onsen-mv-gameWrap {
    padding-bottom: 30px;
    padding-right: 20px;
  }
  .onsen-head {
    padding: 20px 0;
  }
  .onsen-head-clear {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .onsen-head-txts {
    margin-left: 40px;
  }
  .onsen-head-h {
    font-size: 2.4rem;
  }
  .onsen-appBnrsWrap {
    width: 800px;
    margin: 0 auto 30px;
  }
  .onsen-article-h {
    font-size: 1.8rem;
  }
  .onsen-article-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .onsen-article:nth-child(2n) .onsen-article-clear {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .onsen-article-col1 {
    width: 60%;
  }
  .onsen-article-col2 {
    width: 35%;
  }
  .onsen-specs {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .onsen-screenshots-item {
    width: 200px;
  }
  .onsen3p-gameContainer {
    width: 800px;
    height: 450px;
    margin: auto;
  }
  .onsen3p-main {
    margin-bottom: 60px;
    height: 660px;
  }
  .onsen3p-main-in {
    width: 1080px;
    margin: 0 auto;
    position: relative;
    padding-top: 50px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 660px;
  }
  .onsen3p-gamePlayMain-in {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .onsen3p-gamePlayMain-screen {
    float: left;
    margin-bottom: 14px;
  }
  .onsen3p-gamePlayMain-ad-hor {
    float: left;
  }
  .onsen3p-gamePlayMain-ad-ver {
    float: right;
  }
  .onsen3p-main-txtWrap {
    width: 590px;
  }
  .onsen3p-main-h {
    margin-bottom: 30px;
  }
  .onsen3p-main-imgList {
    margin-bottom: 30px;
  }
  .onsen3p-main-yet {
    letter-spacing: 0.5em;
    font-size: 24px;
  }
  .onsen3p-main-ren {
    position: absolute;
    right: 0;
    bottom: 0;
  }
  .mod-gameInfo {
    padding: 20px 0;
    margin-bottom: 30px;
  }
  .mod-gameInfo-in {
    width: 1000px;
    margin: 0 auto;
  }
  .mod-gameInfo-head {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 16px;
  }
  .mod-gameInfo-h {
    display: table-cell;
    padding-right: 20px;
    vertical-align: middle;
  }
  .mod-gameInfo-txtWrap {
    display: table-cell;
    vertical-align: middle;
    width: 680px;
  }
  .mod-gameInfo-lead {
    font-size: 20px;
    margin-bottom: 20px;
  }
  .mod-gameInfo-specList {
    overflow: hidden;
  }
  .mod-gameInfo-specList-item {
    float: left;
    margin-right: 22px;
  }
  .mod-gameInfo-specList-item:nth-child(2n+1) {
    clear: both;
  }
  .mod-gameInfo-snsList {
    margin-top: 20px;
  }
  .onsen3p-sec {
    letter-spacing: 0.05em;
    font-size: 16px;
    margin-bottom: 60px;
  }
  .onsen3p-sec-in {
    width: 1080px;
    margin: 0 auto;
  }
  .onsen3p-sec-h:before {
    font-size: 34px;
  }
  .onsen3p-story-pgh, .onsen3p-chara-pgh {
    overflow: hidden;
    margin-bottom: 20px;
  }
  .onsen3p-story-img, .onsen3p-chara-img {
    float: left;
  }
  .onsen3p-story-txt {
    float: left;
    margin-left: 30px;
    width: 620px;
  }
  .onsen3p-chara-txt {
    float: left;
    margin-left: 30px;
  }
  .onsen3p-chara-name {
    margin-bottom: 15px;
  }
  .onsen3p-chara-name-main {
    font-size: 24px;
  }
  .onsen3p-arciveList {
    display: table;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 20px;
  }
  .onsen3p-arciveList-item {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .onsen3p-arciveList-item.inOldOnsen {
    font-size: 24px;
    text-align: left;
  }
  /* ---------------------------
  anime
  --------------------------- */
  .anime-list-item {
    margin-bottom: 50px;
  }
  .anime-list-prize {
    width: 90px;
    left: -45px;
    top: -50px;
  }
  .anime-list-h {
    font-size: 1.2rem;
  }
  .anime-list-ticket {
    margin-bottom: 20px;
  }
  .anime-index-ceiling {
    padding: 30px 0;
  }
  .anime-index-movies-in {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
    padding: 0 30px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .anime-index-movies-num {
    width: 8%;
    background: #944141;
    border-left: 2px solid #074E95;
    border-right: 2px solid #074E95;
  }
  .anime-index-movies-posterWrap {
    width: 20%;
  }
  .anime-index-movies-door-plates {
    width: 16vw;
    height: 23vw;
  }
  .anime-index-movies-door-plates-item {
    width: 50%;
    height: 100%;
  }
  .anime-index-movies-preview {
    width: 25%;
    padding-left: 2%;
  }
  .anime-index-movies-preview-video {
    width: 100%;
  }
  .anime-index-movies-comment {
    left: 135%;
    bottom: 0;
    padding: 14px;
    width: 20vw;
  }
  .anime-index-movies-floor-in {
    max-width: 1200px;
    margin: 0 auto;
  }
  .anime-single-head {
    height: 110px;
    padding-top: 45px;
  }
  .anime-single-head-logo {
    width: 200px;
  }
  .anime-single-head-h {
    font-size: 2rem;
  }
  .anime-single-mv {
    height: 50vw;
  }
  .anime-single-pamphletWrap {
    padding: 0 0 50px;
  }
  .anime-single-pamphlet-appendix {
    padding: 50px 0;
  }
  .anime-single-pamphlet-appendix-clear {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .anime-single-pamphlet-appendix-img {
    margin-right: 30px;
  }
  .anime-single-pamphlet-appendix-txts {
    width: 480px;
  }
  .anime-single-pamphlet-appendix-h {
    margin-top: -60px;
    margin-left: -80px;
  }
  .anime-single-pamphlet-appendix-links-item {
    font-size: 1.2rem;
  }
  .anime-single-pamphlet-appendix-links-item a {
    padding: 10px;
    padding-left: 15%;
  }
  .anime-single-pamphlet-sec {
    padding: 30px;
  }
  .anime-single-pamphlet-about-article {
    max-width: 800px;
    margin: 0 auto;
  }
  .anime-single-pamphlet-thumbs {
    max-width: 850px;
    margin: 0 auto;
  }
  .anime-single-pamphlet-thumbs-item {
    width: 18%;
  }
  .anime-single-pamphlet-zoomGuide {
    max-width: 850px;
    margin: -130px auto 0;
  }
  .anime-single-pamphlet-pages {
    padding: 0 5%;
  }
  .anime-single-pamphlet-pages-item {
    font-size: 1.2rem;
    width: 22%;
  }
  .anime-single-pamphlet-pages-item a {
    padding: 10px;
    padding-left: 15%;
  }
  .anime-sec {
    max-width: 1100px;
    margin: 0 auto;
    padding: 30px 50px;
  }
  .anime-sec-h {
    font-size: 1.8rem;
    margin-bottom: 30px;
  }
  .anime-smallLinks {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .anime-smallLinks-item {
    width: 25%;
  }
  .anime-smallLinks-item a {
    display: block;
    padding: 5px;
  }
  .anime-smallLinks-img {
    margin-bottom: 10px;
  }
  @-webkit-keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @-webkit-keyframes cutTicketMainImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(-2%);
              transform: translateX(-2%);
    }
  }
  @keyframes cutTicketMainImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(-2%);
              transform: translateX(-2%);
    }
  }
  @-webkit-keyframes cutTicketSub {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    50% {
      -webkit-transform: rotate(12deg);
              transform: rotate(12deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
  }
  @keyframes cutTicketSub {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    50% {
      -webkit-transform: rotate(12deg);
              transform: rotate(12deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
  }
  @-webkit-keyframes cutTicketSubImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(30%);
              transform: translateX(30%);
    }
  }
  @keyframes cutTicketSubImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(30%);
              transform: translateX(30%);
    }
  }
  @-webkit-keyframes ticketThumb {
    0% {
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes ticketThumb {
    0% {
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes ticketThumbScale {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes ticketThumbScale {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @-webkit-keyframes watchBtn {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
    }
    80% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
  }
  @keyframes watchBtn {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
    }
    80% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
  }
  @-webkit-keyframes watchBtnImg {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
    }
    20% {
      -webkit-transform: scaleX(0.9);
              transform: scaleX(0.9);
    }
    40% {
      -webkit-transform: scaleX(0.2);
              transform: scaleX(0.2);
    }
    60% {
      -webkit-transform: scaleX(1.5);
              transform: scaleX(1.5);
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
    }
  }
  @keyframes watchBtnImg {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
    }
    20% {
      -webkit-transform: scaleX(0.9);
              transform: scaleX(0.9);
    }
    40% {
      -webkit-transform: scaleX(0.2);
              transform: scaleX(0.2);
    }
    60% {
      -webkit-transform: scaleX(1.5);
              transform: scaleX(1.5);
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
    }
  }
  @-webkit-keyframes doorLight {
    0% {
      background: #ffec47;
    }
    100% {
      background: #ffa847;
    }
  }
  @keyframes doorLight {
    0% {
      background: #ffec47;
    }
    100% {
      background: #ffa847;
    }
  }
  /* ---------------------------
  magical
  --------------------------- */
  .magical-oadata-in {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 40px;
    padding: 0 30px;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    max-width: 1000px;
  }
  .magical-oadata-totalScores {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .magical-oadata-totalScores-item {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .magical-oadata-totalScores-item:not(:last-child) {
    border-left: solid 1px #212121;
  }
  .magical-oadata-rythmQuiz-words {
    -webkit-columns: 3;
       -moz-columns: 3;
            columns: 3;
  }
  .magical-oadata-oteageSec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .magical-oadata-oteageSec-col1 {
    width: 50%;
  }
  .magical-oadata-oteageSec-col2 {
    width: 50%;
  }
  .magical-oadata-oteageSec-answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .magical-oadata-oteageSec-results-ico {
    font-size: 1.8rem;
  }
  .magical-oadata-kaiten-clear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .magical-oadata-kaiten-panelSec {
    width: 48%;
  }
  .magical-phrase-sceneWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .magical-phrase-preScene {
    width: 49%;
  }
  .magical-phrase-honbanScene {
    width: 49%;
  }
  .magical-phrase-honbanScene-h {
    display: none;
  }
  /* ---------------------------
  gallery
  --------------------------- */
  .m-gallery-catHead {
    margin-bottom: 30px;
  }
  .m-gallery-catHead-h {
    font-size: 3rem;
  }
  .m-gallery-body {
    padding-top: 100px;
    padding-bottom: 80px;
  }
  .m-gallery-sec {
    margin-bottom: 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .m-gallery-sec-h {
    font-family: "Oswald", sans-serif;
    width: 2.5em;
    font-size: 4rem;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #074E95;
  }
  .m-gallery-posts {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .m-gallery-posts-item {
    width: 18%;
    margin-bottom: 4%;
  }
  .m-gallery-posts-item:not(:nth-child(5n)) {
    margin-right: 2.5%;
  }
  .m-gallery-post-h {
    font-size: 2rem;
  }
  .about-face img {
    max-width: 250px;
  }
}
@media screen and (max-width: 767px) {
  /* ==========================================================================
     SP 
     ========================================================================== */
  @font-face {
    font-family: "Segment7Standard";
    src: url("../font/Segment7Standard.otf") format("woff"), url("../font/Segment7Standard.otf") format("opentype");
  }
  .wrap-in {
    padding: 0 20px;
    width: auto;
  }
  html {
    font-size: 13px;
  }
  body {
    font-size: 14px;
    background-size: 150px;
  }
  .lapctbOnly {
    display: none !important;
  }
  /* ---------------------------
  module
  --------------------------- */
  body {
    font-family: "Zen Kaku Gothic New", sans-serif;
  }
  .mod-h01 {
    font-size: 1.4rem;
  }
  .mod-h02 {
    font-size: 1.2rem;
  }
  .mod-mv {
    margin-bottom: 30px;
    padding: 50px 0;
  }
  .mod-mv-h {
    font-size: 1.4rem;
  }
  .mod-mv-cat-h {
    margin: 0 16%;
    margin-bottom: 1em;
  }
  .mod-sec01-in {
    padding: 12px;
  }
  /* ---------------------------
  mod-header
  --------------------------- */
  .mod-header01 {
    padding: 10px;
  }
  .mod-header01-h {
    width: 100px;
  }
  .page-index .mod-header01-h {
    width: 200px;
  }
  .mod-header-logo {
    width: 150px;
  }
  .mod-header-langs {
    right: 80px;
    top: 10px;
  }
  .mod-header-lang a {
    padding: 7px 8px;
  }
  .mod-header-lang .ico {
    font-size: 1.3rem;
  }
  /* ---------------------------
  mod-gnav
  --------------------------- */
  .mod-gnav {
    padding-top: 80px;
  }
  .mod-gnav.on {
    -webkit-clip-path: circle(150vh at 100% 0px);
            clip-path: circle(150vh at 100% 0px);
  }
  .mod-gnav:before {
    right: -150vh;
    top: -150vh;
    width: 300vh;
    height: 300vh;
  }
  .mod-gnav-man {
    width: 17%;
    right: 5%;
  }
  .mod-gnav-links-item {
    width: 74%;
    margin: 0 auto 1em;
  }
  .mod-gnav-links-item a {
    font-size: 1.7rem;
  }
  .mod-gnavBtn {
    width: 70px;
    height: 70px;
    right: -5px;
    top: -5px;
  }
  /* ---------------------------
  mod-subHeader
  --------------------------- */
  .mod-subHeader {
    display: none;
  }
  /* ---------------------------
  mod-footer
  --------------------------- */
  .mod-btn01 {
    padding: 11px 14px;
    width: 100%;
    font-size: 1.2rem;
  }
  /* ---------------------------
  swipebox
  --------------------------- */
  /* ---------------------------
  mod-wysiwyg
  --------------------------- */
  .mod-wysiwyg h2 {
    font-size: 1.43rem;
  }
  .mod-wysiwyg h3 {
    font-size: 1.24rem;
  }
  /* ---------------------------
  input
  --------------------------- */
  .mod-input-text, .mod-input-textarea, .mod-input-select {
    padding: 10px 7px;
  }
  .mod-input-text.size-m, .mod-input-textarea.size-m, .mod-input-select.size-m {
    min-width: 80px;
  }
  .mod-input-textarea {
    height: 8em;
  }
  .mod-input-selectBoxWrap {
    position: relative;
    background: #efefef;
    border-radius: 4px;
    border: 1px solid #dedede;
  }
  .mod-input-selectBoxWrap:after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    border: 4px solid transparent;
    border-top: 4px solid #000;
    margin-top: -2px;
  }
  .mod-input-select.size-s {
    width: auto;
  }
  .mod-input-selectBoxWrap {
    position: relative;
    background: #fff;
    border-radius: 4px;
  }
  .mod-input-selectBoxWrap:after {
    content: "";
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    border: 4px solid transparent;
    border-top: 4px solid #000;
    margin-top: -2px;
  }
  .mod-input-btn {
    font-size: 1rem;
  }
  .mod-form-table {
    display: block;
  }
  .mod-form-table tbody, .mod-form-table tr, .mod-form-table th, .mod-form-table td {
    display: block;
  }
  .mod-form-table tr {
    margin-bottom: 1.8em;
  }
  .mod-form-table th {
    margin-bottom: 0.6em;
  }
  .blog-sorts {
    padding: 0 15px;
    font-size: 0.8rem;
  }
  .blog-sorts-head-txts img {
    width: 20px;
  }
  .mod-blog-shelf {
    border-bottom: 20px solid #D6C278;
  }
  .mod-blog-shelf:before, .mod-blog-shelf:after {
    width: 15px;
  }
  .mod-blog-shelf-head {
    padding: 15px 0;
  }
  .mod-blog-shelf-head-h {
    font-size: 1.1rem;
  }
  .mod-blog-posts-item {
    padding: 20px 0 0;
    border-top: 20px solid #D6C278;
  }
  .mod-blog-shelf-row:nth-child(1) .mod-blog-posts-item:nth-child(1) {
    border-top: none;
  }
  .mod-blog-posts-txts {
    margin-bottom: 1rem;
  }
  .mod-blog-posts-new {
    bottom: -10px;
  }
  .mod-blog-posts-new img {
    max-width: 90px;
  }
  .mod-blog-posts-book {
    width: 76%;
    margin: 0 auto;
  }
  .mod-blog-posts-book a {
    padding: 18px;
    padding-left: 35px;
  }
  .mod-blog-post {
    padding: 0 20px;
    padding-bottom: 30px;
    margin: 30px auto 30px;
    margin-right: 20px;
  }
  .mod-blog-post-head {
    padding: 60px 0 50px;
  }
  .mod-blog-post-h {
    font-size: 1.5rem;
  }
  .mod-blog-post-article {
    padding: 20px 0 20px;
  }
  .mod-blog-post-article h1 {
    font-size: 1.4rem;
    line-height: 1.2308;
    margin-top: 1.641em;
    margin-bottom: 0.8205em;
    font-weight: bold;
  }
  .mod-blog-post-article h2 {
    font-size: 1.3rem;
    line-height: 1.25;
    margin-top: 2em;
    margin-bottom: 1em;
    font-weight: bold;
  }
  .mod-blog-post-article h3 {
    font-size: 1.2rem;
    line-height: 1.1852;
    margin-top: 2.3704em;
    margin-bottom: 1.1852em;
    font-weight: bold;
  }
  .mod-blog-post-article h4 {
    font-size: 1.1rem;
    line-height: 1.4545;
    margin-top: 2.9091em;
    margin-bottom: 1.4545em;
    font-weight: bold;
  }
  .mod-blog-post-article h5 {
    font-size: 1rem;
    line-height: 1.2632;
    margin-top: 3.3684em;
    margin-bottom: 1.6842em;
    font-weight: bold;
  }
  .mod-blog-post-article h6 {
    font-size: 1rem;
    line-height: 1.2632;
    margin-top: 3.3684em;
    margin-bottom: 1.6842em;
    font-weight: bold;
  }
  .mod-blog-cats {
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: absolute;
    right: 10px;
    top: -1em;
  }
  .mod-blog-cats-item a {
    padding: 4px 16px;
    border: 2px solid #C20909;
    -webkit-box-shadow: 0 0 0 2px #074E95;
            box-shadow: 0 0 0 2px #074E95;
    border-radius: 5px;
  }
  .mod-pageNav01-item {
    -webkit-box-shadow: 5px 5px 0 0 #B54E8B;
            box-shadow: 5px 5px 0 0 #B54E8B;
  }
  .mod-pageNav01-ico img {
    height: 20px;
  }
  .mod-pageNav01-txt {
    display: none;
  }
  @-webkit-keyframes mod-clickEffect {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(2.8);
              transform: scale(2.8);
    }
  }
  @keyframes mod-clickEffect {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    100% {
      -webkit-transform: scale(2.8);
              transform: scale(2.8);
    }
  }
  @-webkit-keyframes mod-clickEffect-img {
    0% {
      opacity: 1;
    }
    30% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes mod-clickEffect-img {
    0% {
      opacity: 1;
    }
    30% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .is-loading .mod-loading {
    -webkit-clip-path: circle(120vh);
            clip-path: circle(120vh);
  }
  @-webkit-keyframes mod-loading-ico {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  @keyframes mod-loading-ico {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
              transform: rotate(360deg);
    }
  }
  /* ---------------------------
  mod-catHead
  --------------------------- */
  .mod-catHead {
    padding-left: 20px;
    padding-right: 20px;
  }
  /* ---------------------------
  l-wrap
  --------------------------- */
  .l-wrap-sp {
    padding: 0 20px;
  }
  /* ---------------------------
  m
  --------------------------- */
  /* align */
  /* margin */
  .u-mt-2xs {
    margin-top: 5px !important;
  }
  .u-mt-xs {
    margin-top: 10px !important;
  }
  .u-mt-s {
    margin-top: 10px !important;
  }
  .u-mt {
    margin-top: 15px !important;
  }
  .u-mt-l {
    margin-top: 20px !important;
  }
  .u-mt-xl {
    margin-top: 30px !important;
  }
  .u-mt-2xl {
    margin-top: 40px !important;
  }
  .u-mt-3xl {
    margin-top: 60px !important;
  }
  .u-mb-2xs {
    margin-bottom: 5px !important;
  }
  .u-mb-xs {
    margin-bottom: 10px !important;
  }
  .u-mb-s {
    margin-bottom: 10px !important;
  }
  .u-mb {
    margin-bottom: 15px !important;
  }
  .u-mb-l {
    margin-bottom: 20px !important;
  }
  .u-mb-xl {
    margin-bottom: 30px !important;
  }
  .u-mb-2xl {
    margin-bottom: 40px !important;
  }
  .u-mb-3xl {
    margin-bottom: 60px !important;
  }
  /* padding */
  .u-pt-2xs {
    padding-top: 5px !important;
  }
  .u-pt-xs {
    padding-top: 10px !important;
  }
  .u-pt-s {
    padding-top: 10px !important;
  }
  .u-pt {
    padding-top: 15px !important;
  }
  .u-pt-l {
    padding-top: 20px !important;
  }
  .u-pt-xl {
    padding-top: 30px !important;
  }
  .u-pt-2xl {
    padding-top: 40px !important;
  }
  .u-pt-3xl {
    padding-top: 60px !important;
  }
  .u-pb-2xs {
    padding-bottom: 5px !important;
  }
  .u-pb-xs {
    padding-bottom: 10px !important;
  }
  .u-pb-s {
    padding-bottom: 10px !important;
  }
  .u-pb {
    padding-bottom: 15px !important;
  }
  .u-pb-l {
    padding-bottom: 20px !important;
  }
  .u-pb-xl {
    padding-bottom: 30px !important;
  }
  .u-pb-2xl {
    padding-bottom: 40px !important;
  }
  .u-pb-3xl {
    padding-bottom: 60px !important;
  }
  .u-p-xs {
    padding: 10px !important;
  }
  .u-p-s {
    padding: 10px !important;
  }
  .u-p {
    padding: 15px !important;
  }
  .u-p-l {
    padding: 20px !important;
  }
  .u-p-xl {
    padding: 20px !important;
  }
  .m-h {
    font-size: 2.5rem;
    text-stroke: 1px #074E95;
    -webkit-text-stroke: 1px #074E95;
  }
  .m-h-wrap {
    padding: 70px 0 30px;
  }
  /* ---------------------------
  home
  --------------------------- */
  .home-logos {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -33vw;
  }
  .home-logos-item > img {
    width: 60%;
  }
  .home-logos-bgs {
    left: -16vw;
    top: -16vw;
    width: 50vw;
    height: 50vw;
  }
  .home-mv-pickup {
    padding: 8px 16px;
    left: 0;
    bottom: 0;
    width: 100%;
  }
  .home-mv-logo {
    width: 90%;
  }
  .home-about-clear {
    margin-bottom: 30px;
  }
  .home-about-txt {
    padding: 14px;
    padding-bottom: 30px;
  }
  .home-about-txt:after {
    content: "";
    display: block;
    position: absolute;
    top: 100%;
    right: 40px;
    border: 5px solid transparent;
    border-top-color: #fff;
    border-right-color: #fff;
  }
  .home-about-img {
    text-align: right;
    margin-top: -40px;
    position: relative;
    z-index: 1;
  }
  .home-about-img img {
    width: 40px;
  }
  .home-mainContent {
    padding: 20px 0;
  }
  .home-mainContent-in {
    padding: 0 20px;
  }
  .home-sec {
    padding: 30px 0;
  }
  .home-sec-more {
    margin-top: 20px;
    width: 280px;
  }
  .home-sec-more a {
    padding: 12px 12px;
  }
  .home-sec-more .material-icons {
    width: 16px;
    font-size: 16px;
  }
  .home-posts-item {
    width: 48%;
    margin-bottom: 30px;
  }
  .home-posts-date {
    font-size: 0.8rem;
  }
  .home-posts-h {
    font-size: 0.9rem;
  }
  .home-bnrs-item:not(:last-child) {
    margin-bottom: 1em;
  }
  .home-bnrs-item a {
    -webkit-box-shadow: 5px 5px 0 0 #f9629a;
            box-shadow: 5px 5px 0 0 #f9629a;
  }
  .home-links-item {
    margin-bottom: 2em;
  }
  .home-twitter {
    padding: 30px 0;
  }
  @-webkit-keyframes home-logo {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    20% {
      -webkit-transform: scale(2);
              transform: scale(2);
    }
    40% {
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
    }
    60% {
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    80% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes home-logo {
    0% {
      -webkit-transform: scale(0);
              transform: scale(0);
    }
    20% {
      -webkit-transform: scale(2);
              transform: scale(2);
    }
    40% {
      -webkit-transform: scale(0.7);
              transform: scale(0.7);
    }
    60% {
      -webkit-transform: scale(1.3);
              transform: scale(1.3);
    }
    80% {
      -webkit-transform: scale(0.9);
              transform: scale(0.9);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  /* ---------------------------
  game
  --------------------------- */
  .game-list-item {
    padding: 0 20px 40px;
  }
  .game-list-road {
    height: 270px;
    display: none;
  }
  .game-list-bus {
    top: 32%;
    width: 100px;
  }
  .game-list-screenshots {
    margin-bottom: 1em;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .game-list-screenshots-item {
    width: 49%;
  }
  .game-list-screenshots-item:nth-child(3) {
    display: none;
  }
  .game-list-h-wrap {
    position: relative;
  }
  .game-list-cats {
    bottom: 9%;
    display: none;
  }
  .game-list-cats-item {
    font-size: 0.75rem;
    padding: 3px 5px;
  }
  .game-list-cats-item img {
    width: 20px;
  }
  .game-list-enter {
    text-align: center;
    background: #074E95;
    color: #fff;
    padding: 8px;
    border-radius: 6px;
  }
  .game-list-houses {
    display: none;
  }
  .game-list-bld {
    display: none;
    bottom: 170px;
    left: 0;
    text-align: center;
    width: 100%;
    padding: 0 50px;
  }
  .game-list02-item {
    margin-bottom: 20px;
  }
  .game-list02-txts {
    background: #074E95;
    padding: 8px 16px;
  }
  .game-list02-txts-in {
    padding-right: 30px;
  }
  .game-list02-txts-in:after {
    width: 12px;
    height: 12px;
    margin-top: -6px;
  }
  .game-list02-lead {
    font-size: 1.2rem;
  }
  .game-list02-h {
    font-size: 0.85rem;
  }
  .game-list03 {
    margin: 0 20px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .game-list03-item {
    margin-bottom: 20px;
    width: 48%;
  }
  .game-list03-item img {
    -webkit-box-shadow: 5px 5px 0 0 #f9629a;
            box-shadow: 5px 5px 0 0 #f9629a;
  }
  .game-h02 {
    font-size: 1.3rem;
  }
  @-webkit-keyframes enterLight {
    0% {
      fill: #e0c900;
    }
    100% {
      fill: #e07600;
    }
  }
  @keyframes enterLight {
    0% {
      fill: #e0c900;
    }
    100% {
      fill: #e07600;
    }
  }
  .game-single-mv-yuge {
    width: 120%;
  }
  .game-single-head {
    padding: 16px 0;
  }
  .game-single-head-in {
    padding: 0 20px;
  }
  .game-single-head-tits {
    margin-bottom: 1em;
  }
  .game-single-head-ico {
    max-width: 20%;
  }
  .game-single-head-h {
    font-size: 1.3rem;
  }
  .game-single-kanbanSec {
    padding-top: 30px;
    margin-bottom: 30px;
  }
  .game-single-kanbanSec-wrap {
    padding: 30px 20px;
  }
  .game-single-kanbanSec-wrap-stones {
    bottom: -30px;
    height: 90px;
    background-size: auto 90px;
  }
  .game-single-kanbanSec-in {
    padding: 16px 15px;
  }
  .game-single-kanbanSec-h {
    font-size: 1.2rem;
  }
  .game-single-appBnrsWrap {
    margin-bottom: 20px;
  }
  .game-single-article-h {
    font-size: 1.3rem;
  }
  .game-single-screenShot {
    padding: 40px 0;
  }
  .game-single-screenShot-in {
    padding: 0 20px;
  }
  .game-single-screenShot-h {
    font-size: 1.2rem;
  }
  .game-single-screenShot-imgs {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .game-single-screenShot-imgs-item {
    width: 33%;
    margin-bottom: 60px;
  }
  .game-single-screenShot-imgs-img:after {
    width: 20px;
    height: 20px;
  }
  @-webkit-keyframes zoomIcoLight {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes zoomIcoLight {
    0% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  .onsen-mv-flashCaution {
    background: #ff0;
    padding: 8px;
  }
  .onsen-mv-table {
    display: none;
  }
  .onsen-mv-gameWrap embed {
    width: 100%;
  }
  .onsen-head {
    padding: 16px 0;
  }
  .onsen-head-tits {
    margin-bottom: 1em;
  }
  .onsen-head-ico {
    max-width: 20%;
  }
  .onsen-head-h {
    font-size: 1.3rem;
  }
  .onsen-appBnrsWrap {
    margin-bottom: 20px;
  }
  .onsen-article-h {
    font-size: 1.3rem;
  }
  .onsen-article-col1 {
    margin-bottom: 30px;
  }
  .onsen-screenshots {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .onsen-screenshots-item {
    width: 33.3%;
  }
  .onsen3p-gameContainer {
    width: 100%;
  }
  .onsen3p-main {
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .onsen3p-main img {
    width: 100%;
    height: auto;
  }
  .onsen3p-main-in {
    padding: 0 15px;
  }
  .onsen3p-gamePlayMain {
    padding-top: 20px;
    margin-bottom: 20px;
  }
  .onsen3p-gamePlayMain img {
    width: 100%;
    height: auto;
  }
  .onsen3p-gamePlayMain-in {
    padding: 0 15px;
  }
  .onsen3p-main-h {
    text-align: center;
    padding: 0 10%;
    margin-bottom: 15px;
  }
  .onsen3p-main-imgList {
    margin-bottom: 15px;
  }
  .onsen3p-main-imgList-item {
    width: 49%;
  }
  .onsen3p-main-ren {
    padding: 0 10%;
  }
  .onsen3p-sec {
    margin-bottom: 20px;
  }
  .onsen3p-sec img {
    width: 100%;
    height: auto;
  }
  .onsen3p-sec-in {
    padding: 0 15px;
  }
  .onsen3p-sec-h {
    font-size: 18px;
  }
  .onsen3p-sec-h:before {
    font-size: 18px;
  }
  .onsen3p-story-pgh, .onsen3p-chara-pgh {
    margin-bottom: 15px;
  }
  .onsen3p-story-img, .onsen3p-chara-img {
    margin-bottom: 10px;
  }
  .onsen3p-chara-img {
    padding: 0 25%;
  }
  .onsen3p-chara-name-main {
    font-size: 16px;
  }
  .onsen3p-arciveList {
    margin-bottom: 15px;
  }
  .onsen3p-arciveList-item {
    margin-bottom: 10px;
  }
  /* ---------------------------
  anime
  --------------------------- */
  .anime-h {
    width: 50%;
  }
  .anime-list {
    padding: 0 15px;
  }
  .anime-list-item {
    margin-bottom: 30px;
  }
  .anime-list-prize {
    width: 60px;
    left: 0px;
    top: -30px;
  }
  .anime-list-h {
    font-size: 1.1em;
  }
  .anime-list-ticket {
    margin-bottom: 15px;
  }
  .anime-index-ceiling {
    padding: 20px 20px;
  }
  .anime-index-movies-popcorn {
    display: none;
  }
  .anime-index-movies-wc {
    display: none;
  }
  .anime-index-movies-num {
    display: none;
  }
  .anime-index-movies-preview-video {
    display: none;
  }
  .anime-index-movies-comment {
    padding: 10px;
  }
  .anime-single-head {
    padding: 50px 15px 10px;
  }
  .anime-single-head-h {
    font-size: 1.3rem;
  }
  .anime-single-audience {
    margin-top: 2vw;
    width: 150%;
    margin-left: -25%;
  }
  .anime-single-pamphletWrap {
    padding: 0 0 30px;
  }
  .anime-single-pamphlet-appendix {
    padding: 12px 16px;
  }
  .anime-single-pamphlet-appendix-img {
    text-align: center;
    width: 50%;
    margin: 0 auto 1em;
    display: none;
  }
  .anime-single-pamphlet-appendix-h {
    width: 80%;
    margin: 0 auto 2em;
  }
  .anime-single-pamphlet-sec {
    padding: 16px;
  }
  .anime-single-pamphlet-sec-h {
    width: 60%;
    margin: 0 auto;
  }
  .anime-single-pamphlet-thumbs-item {
    width: 31%;
  }
  .anime-single-pamphlet-zoomGuide img {
    width: 33%;
    height: 100%;
  }
  .anime-single-pamphlet-pages-item {
    width: 46%;
    margin-right: 6%;
  }
  .anime-single-pamphlet-pages-item:nth-child(2n) {
    margin-right: 0;
  }
  .anime-sec {
    padding: 15px 20px;
  }
  .anime-sec-h {
    font-size: 1.3rem;
    margin-bottom: 15px;
  }
  .anime-smallLinks-item a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .anime-smallLinks-img {
    width: 160px;
    margin-right: 10px;
  }
  .anime-smallLinks-txts {
    -webkit-box-flex: 1px;
        -ms-flex: 1px;
            flex: 1px;
  }
  @-webkit-keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @keyframes cutTicketMain {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    50% {
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
  }
  @-webkit-keyframes cutTicketMainImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(-2%);
              transform: translateX(-2%);
    }
  }
  @keyframes cutTicketMainImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(-2%);
              transform: translateX(-2%);
    }
  }
  @-webkit-keyframes cutTicketSub {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    50% {
      -webkit-transform: rotate(12deg);
              transform: rotate(12deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
  }
  @keyframes cutTicketSub {
    0% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    50% {
      -webkit-transform: rotate(12deg);
              transform: rotate(12deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
    100% {
      -webkit-transform: rotate(0deg);
              transform: rotate(0deg);
      -webkit-transform-origin: left bottom;
              transform-origin: left bottom;
    }
  }
  @-webkit-keyframes cutTicketSubImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(30%);
              transform: translateX(30%);
    }
  }
  @keyframes cutTicketSubImg {
    0% {
      -webkit-transform: translateX(0%);
              transform: translateX(0%);
    }
    100% {
      -webkit-transform: translateX(30%);
              transform: translateX(30%);
    }
  }
  @-webkit-keyframes ticketThumb {
    0% {
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @keyframes ticketThumb {
    0% {
      opacity: 1;
    }
    70% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  @-webkit-keyframes ticketThumbScale {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @keyframes ticketThumbScale {
    0% {
      -webkit-transform: scale(0.5);
              transform: scale(0.5);
    }
    100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
  }
  @-webkit-keyframes watchBtn {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
    }
    80% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
  }
  @keyframes watchBtn {
    0% {
      -webkit-transform: scaleY(0);
              transform: scaleY(0);
    }
    80% {
      -webkit-transform: scaleY(1);
              transform: scaleY(1);
    }
  }
  @-webkit-keyframes watchBtnImg {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
    }
    20% {
      -webkit-transform: scaleX(0.9);
              transform: scaleX(0.9);
    }
    40% {
      -webkit-transform: scaleX(0.2);
              transform: scaleX(0.2);
    }
    60% {
      -webkit-transform: scaleX(1.5);
              transform: scaleX(1.5);
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
    }
  }
  @keyframes watchBtnImg {
    0% {
      -webkit-transform: scaleX(0);
              transform: scaleX(0);
    }
    20% {
      -webkit-transform: scaleX(0.9);
              transform: scaleX(0.9);
    }
    40% {
      -webkit-transform: scaleX(0.2);
              transform: scaleX(0.2);
    }
    60% {
      -webkit-transform: scaleX(1.5);
              transform: scaleX(1.5);
    }
    100% {
      -webkit-transform: scaleX(1);
              transform: scaleX(1);
    }
  }
  @-webkit-keyframes doorLight {
    0% {
      background: #ffec47;
    }
    100% {
      background: #ffa847;
    }
  }
  @keyframes doorLight {
    0% {
      background: #ffec47;
    }
    100% {
      background: #ffa847;
    }
  }
  /* ---------------------------
  magical
  --------------------------- */
  .magical-oadata-totalScores-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .magical-oadata-totalScores-item:not(:last-child) {
    border-bottom: solid 1px #212121;
  }
  .magical-oadata-totalScores-name {
    width: 50%;
  }
  .magical-oadata-totalScores-num {
    width: 50%;
  }
  .magical-oadata-oteageSec-results-name {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: calc(21vw - 20px - 20px);
    overflow: hidden;
    font-size: 0.7rem;
  }
  .magical-oadata-oteageSec-results-ico {
    font-size: 1.3rem;
  }
  .magical-phrase-preScene:not(:last-child) {
    margin-bottom: 1em;
  }
  .magical-phrase-honbanScene:not(:last-child) {
    margin-bottom: 1em;
  }
  /* ---------------------------
  gallery
  --------------------------- */
  .m-gallery-catHead {
    margin-bottom: 30px;
  }
  .m-gallery-catHead-h {
    font-size: 2rem;
  }
  .m-gallery-body {
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .m-gallery-sec {
    margin-bottom: 20px;
  }
  .m-gallery-sec-h {
    font-family: "Oswald", sans-serif;
    border-bottom: 1px solid #074E95;
    padding-bottom: 0.7em;
    margin-bottom: 0.7em;
    font-size: 2.3rem;
    text-align: center;
  }
  .m-gallery-posts-item {
    width: 31%;
    margin-bottom: 4%;
  }
  .m-gallery-posts-item:not(:nth-child(3n)) {
    margin-right: 2.5%;
  }
  .m-gallery-posts-h {
    font-size: 0.85rem;
  }
  .m-gallery-post-h {
    font-size: 1.5rem;
  }
  .m-gallery-post-date {
    font-size: 0.9rem;
  }
  .about-face img {
    max-width: 150px;
  }
}