@charset "UTF-8";
/* --------------
 reset
-------------- */
input,
select,
textarea {
  max-width: 100% !important;
}

h1,
h2,
h3,
h4 {
  font-size: 100%;
}

body * {
  box-sizing: border-box;
}

/* --------------
 base
-------------- */
html {
  -webkit-text-size-adjust: none;
}

.ifpc {
  display: none !important;
}

@media screen and (max-width: 320px) {
  /*以下の時*/
}
@media screen and (min-width: 321px) {
  /*以上の時*/
}
/* --------------
 modules css
-------------- */
/* ----- base width */
#siteHeader,
#container,
#siteFooter {
  width: 100%;
}

.in {
  max-width: 100%;
}

@media only screen and (orientation: landscape) {
  /*横向きの際に適用*/
}
@media screen and (min-width: 501px) {
  /*以上の時*/
}
@media only screen and (orientation: landscape) {
  /*横向きの際に適用*/
}
/* ---------- font size */
.spfs08 {
  font-size: 0.8em;
}

.spfs09 {
  font-size: 0.9em;
}

.spfs10 {
  font-size: 1em;
}

.spfs11 {
  font-size: 1.1em;
}

.spfs12 {
  font-size: 1.2em;
}

.spfs13 {
  font-size: 1.3em;
}

.spfs14 {
  font-size: 1.4em;
}

.spfs15 {
  font-size: 1.5em;
}

/* ---------- width */
.spwd80 {
  width: 80%;
}

.spwd90 {
  width: 90%;
}

/* ---------- order */
.order-box {
  display: -ms-flex;
  display: flex;
  flex-flow: column;
}

.order1 {
  order: 1;
}

.order2 {
  order: 2;
}

.order3 {
  order: 3;
}

.order4 {
  order: 4;
}

.order5 {
  order: 5;
}

.order6 {
  order: 6;
}

.order7 {
  order: 7;
}

.order8 {
  order: 8;
}

.order9 {
  order: 9;
}

.order10 {
  order: 10;
}

/* --------------
common
-------------- */
/* =header
-------------------------------------------------------------- **/
#header {
  position: relative;
  z-index: 99;
  text-align: center;
  margin: 0 auto;
}

.headTggleTtl {
  pointer-events: all;
  padding: 20px 0;
}

.headTggle {
  display: none;
}

#siteHeader {
  position: relative;
}
#siteHeader .logo {
  max-width: 420px;
}

#header aside {
  height: 45px;
  padding: 5px;
  padding-right: 50px;
}
#header .logo {
  padding: 10px;
  width: 60%;
}

.nav-item .dropdown-item a {
  background: #f9f9f9;
}

.nav-list {
  background: rgba(238, 238, 238, 0.9607843137);
  margin: 0 auto;
  width: 100%;
  text-align: center;
  position: fixed;
  padding: 1em;
  height: 100vh;
  top: 92px;
}
.nav-list li {
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 500;
  line-height: 1;
  border-top: 1px solid #fff;
}
.nav-list li:last-child {
  border-bottom: 1px solid #fff;
}
.nav-list li a {
  display: block;
  padding: 20px 0;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight: 500;
  line-height: 1;
}

.btn-burger {
  position: fixed;
}

.newLine {
  display: block;
}

/* =siteHeader
---------------------------------------------------- */
/* =globalNav
---------------------------------------------------- */
#globalNav #nav-open {
  position: fixed;
  top: 0;
  right: 0;
  background: #fe8d00;
  color: #fff;
  font-size: 2rem;
  padding: 5px 10px;
  text-align: center;
  line-height: 1;
}
#globalNav #nav-close {
  display: none;
  /*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;
  /*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: 0.3s ease-in-out;
}

#slideMenu {
  position: fixed;
  top: 0;
  right: 0;
  width: 250px;
  background: #fff;
  height: 100%;
  /*	overflow-y: auto;
  overflow-x: visible;*/
  z-index: 9999;
  transition: 0.3s ease-in-out;
  transform: translateX(105%);
}

#nav-input:checked ~ #nav-close {
  display: block;
  /*カバーを表示*/
  opacity: 0.5;
}
#nav-input:checked ~ #slideMenu {
  transform: translateX(0%);
  /*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0, 0, 0, 0.15);
}

#mainNav {
  width: 100%;
}
#mainNav li {
  border-bottom: #aaa solid 1px;
}
#mainNav li a {
  display: block;
  padding: 1em;
  color: #111;
  font-weight: bold;
}

#nav-input:checked ~ #slideMenu #closeBtn {
  position: absolute;
  top: 0;
  right: 250px;
  background: #222;
  color: #fff;
  font-size: 1.5rem;
  padding: 5px 10px;
  text-align: center;
  line-height: 1;
  border-left: #fff solid 1px;
  border-bottom: #fff solid 1px;
}

#globalNav li.menu-home *[data-fa-i2svg] {
  color: #888;
}
#globalNav li.menu-anime *[data-fa-i2svg] {
  color: #ff5b5b;
}
#globalNav li.menu-prod *[data-fa-i2svg] {
  color: #25adf9;
}
#globalNav li.menu-pickup *[data-fa-i2svg] {
  color: #23bfa2;
}
#globalNav li.menu-groupbuying *[data-fa-i2svg] {
  color: #f37413;
}
#globalNav li.menu-help *[data-fa-i2svg] {
  color: #a95fa9;
}
#globalNav li.menu-faq *[data-fa-i2svg] {
  color: #888;
}
#globalNav li.menu-post *[data-fa-i2svg] {
  color: #51b120;
}

/* =breadcrumb
---------------------------------------------------- */
#breadcrumb ul {
  /*	white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;*/
}
#breadcrumb ul li {
  /*	float: none;
  display: inline-block;
  vertical-align: middle;*/
}

/* =container
-------------------------------------------------------------- **/
.contents {
  padding: 1rem 20px;
}

.spclm2,
.spclm3,
.spclm4,
.spclm5,
.spclm6 {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  margin-left: -10px;
}

.spclm2 > * {
  width: calc(50% - 10px);
}

.spclm3 > * {
  width: calc(33.3333333333% - 10px);
}

.spclm4 > * {
  width: calc(25% - 10px);
}

.spclm5 > * {
  width: calc(20% - 10px);
}

.spclm6 > * {
  width: calc(16.6666666667% - 10px);
}

*::-ms-backdrop,
.spclm2 > * {
  width: calc(50% - 10px);
  /* IE11 */
}

*::-ms-backdrop,
.spclm3 > * {
  width: calc(33.33% - 10px);
  /* IE11 */
}

*::-ms-backdrop,
.spclm4 > * {
  width: calc(25% - 10px);
  /* IE11 */
}

*::-ms-backdrop,
.spclm5 > * {
  width: calc(20% - 10px);
  /* IE11 */
}

*::-ms-backdrop,
.spclm6 > * {
  width: calc(16.66% - 10px);
  /* IE11 */
}

.spclm2 > *,
.spclm3 > *,
.spclm4 > *,
.spclm5 > *,
.spclm6 > * {
  margin-left: 10px;
}

.spclm2 > * > a,
.spclm3 > * > a,
.spclm4 > * > a,
.spclm5 > * > a,
.spclm6 > * > a {
  position: relative;
  display: block;
  height: 100%;
}

.contents table.tbl-spclm th,
.contents table.tbl-spclm td {
  display: block;
  width: 100%;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.contents table.tbl-spclm tr:first-child > *:first-child {
  border-top: 0;
}

/* =siteFooter
---------------------------------------------------- */
#foot #officeAddress {
  grid-row: 3/4;
  border-right: none;
  padding-right: 0;
  padding: 10px 0;
}
#foot #fotNavi,
#foot #bnrLink {
  padding: 10px 0;
}
#foot #fotNavi {
  grid-row: 1/2;
  grid-column: 1/3;
  display: block;
  margin-bottom: 0 !important;
}

#homePage h3 {
  text-align: left;
  font-size: 120%;
}

#foot #fotNavi > ul {
  -moz-column-count: auto;
       column-count: auto;
}
#foot #bnrLink {
  grid-row: 2/3;
  grid-column: 1/3;
}
#foot #bnrLink > ul li {
  display: inline-block;
  margin: 0;
}
#foot #bnrLink > ul li:nth-child(odd) {
  padding-right: 5px;
}
#foot #officeAddress,
#foot #fotNavi,
#foot #bnrLink {
  padding: 10px 0;
}

.footTggleTtl {
  pointer-events: all;
}

.footTggle {
  display: none;
}

.footmenu-wrap {
  -moz-columns: 2;
       columns: 2;
  -moz-column-gap: 1em;
       column-gap: 1em;
  padding: 0 10px;
}

.footmenu {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
}

/* =copyright
---------------------------------------------------- */
#iSns {
  margin: 8px 0;
}

.logo_sns__wp {
  background-color: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.1);
}

/* =pageTop
-------------------------------------------------------------- **/
#pageTop a {
  width: 40px;
  height: 110px;
}

/* --------------
page contents
-------------- */
/* =home
------------------------------- */
.page-top .title h2 {
  font-size: 1.8rem;
}

.mvTxtImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 60vw;
}

.mvRelease {
  background-color: rgba(20, 20, 20, 0.7294117647);
  margin: 1em;
}

.right-content {
  margin: 12em auto 3em;
  max-width: 340px !important;
}

#supported-works .flex-article {
  flex-wrap: wrap;
}
#supported-works .flex-article .article {
  width: 45%;
  margin: 0 auto;
}

/* ------------------------------- */
/* =lower
------------------------------- */
.contents h2 {
  font-size: 1.2em;
}

.lower-contents-header h2:before {
  left: -23%;
}
.lower-contents-header h2:after {
  right: -23%;
}

.contents.lower-contents .lower-contents-header {
  margin: 40px -20px 0;
  /* margin-bottom: 1.5rem; */
}

.regist-item input[type=search], .regist-item input[type=text], .regist-item input[type=email], .regist-item input[type=password], .regist-item input[type=number], .regist-item input[type=tel] {
  width: 90%;
}
.regist-item textarea,
.regist-item select {
  width: 90%;
}

/*---letter---*/
.br-sp {
  display: block;
}

#letter-top.contents h2 {
  font-size: 1.2em;
}

#letter-latest .latest-container {
  display: block;
}

.latest-container .magazine-box {
  margin: 0 auto 50px;
}

.backnumber-container {
  grid-template-columns: 1fr 1fr;
}

#letter-top .lower-contents-header h2:before {
  left: -73%;
}
#letter-top .lower-contents-header h2:after {
  right: -10%;
}

/*------------*/
/*----library----*/
#library-movie.contents h2 {
  font-size: 1.2em;
}

.movie-container {
  grid-template-columns: 1fr 1fr;
  gap: 30px;
}

.lead-text {
  display: block;
}
.lead-text p:nth-of-type(2) {
  margin-top: 10px;
}

/*---------------*/
/*-------map--------*/
#map-top.contents h2 {
  font-size: 1.2em;
}
#map-top .lower-contents-header h2:before {
  left: -40%;
}

/*------------------*/
/*------protection------*/
#protection-top.contents h2,
#policy-top.contents h2 {
  font-size: 1.2em;
}

/*----------------------*/
/*------policy-------*/
/*-------------------*/
/*----agree----*/
#agree.contents h2 {
  font-size: 1.2em;
}
#agree table:nth-of-type(1) tr:nth-of-type(2),
#agree tbody,
#agree table:nth-of-type(3) tr:nth-child(n+2) {
  font-size: 0.9rem;
}

/*-------------*/
/*----news----*/
.news-header h2 {
  font-size: 1.2em;
}

.news-container {
  display: block;
}

.news-date {
  margin-bottom: 5px;
}

.news-items {
  margin-left: 0;
}

/* social */
#social {
  display: flex;
  justify-content: space-between;
  width: 90%;
  margin: 30px auto;
}
#social > p {
  margin: 0 0.2em;
  text-align: center;
  /* width: 15%; */
  margin-bottom: 1em;
}

#movieConts .contents .detailBox .remarks_box .flexBox .remarks_txt,
#movieConts .contents .detailBox .remarks_box .flexBox .remarks_img figcaption {
  margin-bottom: 1em;
}

/*-------------*/
@media screen and (max-width: 500px) {
  #letter-top.contents h2 {
    font-size: 0.8em;
  }
  #library-movie h2:before {
    left: -15%;
  }
  #library-movie h2:after {
    right: -15%;
  }
  #library-movie.contents h2 {
    font-size: 1em;
  }
  #map-top.contents h2,
  #protection-top.contents h2,
  #policy-top.contents h2 {
    font-size: 1em;
  }
  #agree.contents h2 {
    font-size: 1em;
  }
  #agree table:nth-of-type(1) tr:nth-of-type(2),
  #agree tbody,
  #agree table:nth-of-type(3) tr:nth-child(n+2) {
    font-size: 0.8rem;
  }
}
@media screen and (max-width: 480px) {
  .backnumber-container {
    grid-template-columns: 1fr;
  }
  .movie-title {
    font-size: 1em;
  }
  .movie-container {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 410px) {
  .latest-container .magazine-box p:nth-of-type(1) {
    font-size: 1.2em;
  }
}
.member__main {
  margin: 7em auto 4em !important;
}

.member__document {
  margin-top: 3em;
}/*# sourceMappingURL=sp.css.map */