@charset "UTF-8";
/**
 * mixin
 */
/**
 * variables
 */
/*$font-awesome: "Font Awesome 5 Free";*/
/**
 * init
 */
* {
  box-sizing: border-box; }

h1, h2, h3, h4, h5, h6,
ul, ol, dl, dt, dd,
p {
  margin: 0;
  padding: 0;
  list-style-type: none; }

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

a {
  text-decoration: none;
  color: inherit; }

img {
  max-width: 100%;
  vertical-align: top; }

@media screen and (min-width: 300px) {
  img.lg {
    display: none !important; }

  img.sm {
    display: inline !important; }

  br.sm {
    display: inline !important; } }
@media screen and (min-width: 760px) {
  img.sm {
    display: none !important; }

  img.lg {
    display: inline !important; }

  br.sm {
    display: none !important; } }
/**
 * blocks
 */
html {
  font-size: 9px; }
  @media screen and (min-width: 760px) {
    html {
      font-size: 10px; } }

body {
  margin: 0;
  padding: 0;
  color: #4b4b4b;
  font-family: source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", '小塚ゴシック Pro','Kozuka Gothic Pro', "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.8;
  font-size: 1.4rem;
  position: relative;
  width: 100%;
  overflow-x: hidden;
  background: #16151a url(../img/bg-content.png) center top repeat-y; }
  @media screen and (min-width: 760px) {
    body {
      line-height: 1.8;
      font-size: 1.6rem;
      background-position: center top 800px; } }

header {
  background: #000; }
  header > div {
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    padding-bottom: 100%; }
    @media screen and (min-width: 760px) {
      header > div {
        padding-bottom: 0; } }
    header > div > h1 {
      text-align: center; }
    header > div > ul {
      position: absolute;
      width: 70%;
      top: calc((100% * 0.52));
      left: 0;
      right: 0;
      margin: 0 auto; }
      @media screen and (min-width: 760px) {
        header > div > ul {
          left: auto;
          right: calc(100% * 0.017);
          top: calc((100% * 0.7925));
          width: calc(100% / 2.4); } }
      header > div > ul > li {
        position: relative;
        width: 100%;
        height: 0;
        padding-bottom: 68.9%;
        margin-bottom: 60px; }
        @media screen and (min-width: 760px) {
          header > div > ul > li {
            position: absolute;
            width: 48%;
            padding-bottom: 28.4%;
            margin-bottom: 0; } }
        @media screen and (min-width: 760px) {
          header > div > ul > li:first-child {
            top: 52px;
            left: 0; } }
        @media screen and (min-width: 760px) {
          header > div > ul > li:last-child {
            right: 0; } }
        header > div > ul > li:last-child > span {
          right: -6.2rem; }
          @media screen and (min-width: 760px) {
            header > div > ul > li:last-child > span {
              right: 0; } }
        header > div > ul > li > span {
          position: absolute;
          font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          font-weight: 400;
          font-style: normal;
          color: #fff;
          font-size: 1.4rem;
          transform: rotate(90deg) translateX(-25%);
          top: 50%;
          right: -5.6rem; }
          @media screen and (min-width: 760px) {
            header > div > ul > li > span {
              top: -2.6rem;
              right: 0;
              transform: none; } }
        header > div > ul > li > iframe {
          position: absolute;
          top: 0;
          /*left: -1.3rem;*/
          width: 100%;
          height: 100%;
          border: none;
          background: #000000;
          box-shadow: 0 0 20px 20px rgba(255, 255, 255, 0.48); }
          @media screen and (min-width: 760px) {
            header > div > ul > li > iframe {
              left: 0; } }

div#content {
  max-width: 1400px;
  margin: 0 auto;
  color: #fefefe; }
  div#content > .inner {
    padding: 0 16px;
    margin: 0 auto;
    font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-weight: 400;
    font-style: normal; }
    @media screen and (min-width: 760px) {
      div#content > .inner {
        max-width: 1056px; } }
    div#content > .inner > h2 {
      font-size: 3.2rem;
      color: #dda04a;
      margin-bottom: 36px;
      text-shadow: 0 0  12px #ff0;
      text-align: center; }
    div#content > .inner > p {
      font-size: 1.8rem;
      margin-bottom: 42px; }
      @media screen and (min-width: 760px) {
        div#content > .inner > p {
          text-align: center; } }
      div#content > .inner > p br {
        display: none; }
        @media screen and (min-width: 760px) {
          div#content > .inner > p br {
            display: inline; } }
  div#content #concept {
    background: url(../img/concept-bg-sm.png) top center no-repeat;
    /*background-size: auto 100%;*/
    background-size: 100% auto;
    /*padding: 160px 0 calc(120px - 3.0rem);*/
    padding-top: calc(100vw * 1.872 / 2 - 50%);
    height: calc(100vw * 1.872); }
    @media screen and (min-width: 760px) {
      div#content #concept {
        background-image: url(../img/concept-bg.jpg);
        background-size: auto;
        padding: 110px 0 90px;
        letter-spacing: 0.3rem;
        height: auto; } }
    div#content #concept p {
      text-align: center;
      font-size: 2.0rem;
      font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: 600;
      font-style: normal;
      margin-bottom: 3.0rem;
      text-shadow: black 1px 1px 16px, black -1px 1px 16px, black 1px -1px 16px, black -1px -1px 16px; }
      @media screen and (min-width: 500px) and (max-width: 759px) {
        div#content #concept p {
          font-size: 3.0rem; } }
  div#content #lineup h2 {
    display: none; }
  div#content #lineup > div {
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none; }
    div#content #lineup > div::-webkit-scrollbar {
      display: none; }
    div#content #lineup > div ul {
      display: flex;
      padding: 80px 0 120px;
      width: calc(100% * 3); }
      @media screen and (min-width: 760px) {
        div#content #lineup > div ul {
          width: calc(436px * 3); } }
      div#content #lineup > div ul li {
        padding: 0 30px;
        text-align: center;
        flex-basis: calc(100% / 3.8); }
        @media screen and (min-width: 760px) {
          div#content #lineup > div ul li {
            flex-basis: calc(436px + 60px); } }
        div#content #lineup > div ul li > a strong {
          display: block;
          min-height: 64px;
          margin-bottom: 20px; }
        div#content #lineup > div ul li > a img.thumb {
          box-shadow: 0 0 32px rgba(255, 255, 255, 0.8); }
  div#content #gravestones {
    background: url(../img/gravestones-bg.png) top center no-repeat;
    text-align: center;
    padding: 110px 0 0;
    color: #000; }
    div#content #gravestones h2 {
      margin-bottom: 48px; }
    div#content #gravestones > p {
      font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-weight: 600;
      font-style: normal;
      font-size: 1.8rem;
      line-height: 2;
      margin-bottom: 1.8rem;
      text-shadow: white 1px 1px 12px, #ceedff -1px 1px 12px, #ceedff 1px -1px 12px, #ceedff -1px -1px 12px;
      padding: 0 16px;
      letter-spacing: 0.2rem; }
    div#content #gravestones article.fullmoon {
      background: rgba(255, 255, 255, 0.9);
      margin: 92px auto 0;
      box-shadow: 0 0 20px #999999;
      padding: 60px 16px 60px 16px; }
      @media screen and (min-width: 760px) {
        div#content #gravestones article.fullmoon {
          /*width: $width-inner;*/
          width: 1156px;
          padding: 68px 156px 72px 156px;
          text-align: left; } }
      div#content #gravestones article.fullmoon > h3 {
        margin-bottom: 40px; }
        @media screen and (min-width: 760px) {
          div#content #gravestones article.fullmoon > h3 {
            float: left;
            margin-bottom: 0; } }
      div#content #gravestones article.fullmoon > p {
        font-size: 1.5rem;
        font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: 600;
        font-style: normal;
        letter-spacing: normal; }
        @media screen and (min-width: 500px) {
          div#content #gravestones article.fullmoon > p {
            font-size: 1.9rem; } }
        @media screen and (min-width: 760px) {
          div#content #gravestones article.fullmoon > p {
            margin-left: calc(48%); } }
      div#content #gravestones article.fullmoon > .images {
        margin-top: 60px;
        margin-bottom: 12px;
        text-align: center; }
        @media screen and (min-width: 760px) {
          div#content #gravestones article.fullmoon > .images {
            display: flex;
            flex-wrap: nowrap; } }
        @media screen and (min-width: 760px) {
          div#content #gravestones article.fullmoon > .images figure {
            flex-basis: 50%; } }
      div#content #gravestones article.fullmoon > section.detail {
        margin-top: 80px; }
        @media screen and (min-width: 760px) {
          div#content #gravestones article.fullmoon > section.detail {
            text-align: left; }
            div#content #gravestones article.fullmoon > section.detail:after {
              display: block;
              clear: both;
              content: ""; } }
        div#content #gravestones article.fullmoon > section.detail > img {
          margin-bottom: 32px; }
          @media screen and (min-width: 760px) {
            div#content #gravestones article.fullmoon > section.detail > img {
              margin-bottom: 0; } }
        div#content #gravestones article.fullmoon > section.detail > h4, div#content #gravestones article.fullmoon > section.detail > p {
          text-align: left; }
          @media screen and (min-width: 760px) {
            div#content #gravestones article.fullmoon > section.detail > h4, div#content #gravestones article.fullmoon > section.detail > p {
              padding: 0 16px; } }
        div#content #gravestones article.fullmoon > section.detail > h4 {
          margin-bottom: 32px; }
          @media screen and (min-width: 760px) {
            div#content #gravestones article.fullmoon > section.detail > h4 {
              padding-top: 60px; } }
        div#content #gravestones article.fullmoon > section.detail > p {
          font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
          font-weight: 600;
          font-style: normal;
          letter-spacing: 0; }
        @media screen and (min-width: 760px) {
          div#content #gravestones article.fullmoon > section.detail:nth-of-type(odd) > img {
            float: left; }
          div#content #gravestones article.fullmoon > section.detail:nth-of-type(odd) > h4, div#content #gravestones article.fullmoon > section.detail:nth-of-type(odd) > p {
            margin-left: 50%; }
          div#content #gravestones article.fullmoon > section.detail:nth-of-type(even) > img {
            float: right; }
          div#content #gravestones article.fullmoon > section.detail:nth-of-type(even) > h4, div#content #gravestones article.fullmoon > section.detail:nth-of-type(even) > p {
            margin-right: 50%; } }
      div#content #gravestones article.fullmoon > section.fund {
        margin-top: 80px;
        padding: 24px 16px;
        border: 3px solid #fff;
        font-family: 'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-weight: 600;
        font-style: normal; }
        @media screen and (min-width: 760px) {
          div#content #gravestones article.fullmoon > section.fund {
            padding: 24px 48px; } }
        @media screen and (min-width: 760px) {
          div#content #gravestones article.fullmoon > section.fund > img {
            float: left; } }
        div#content #gravestones article.fullmoon > section.fund h4 {
          font-size: 1.6rem;
          font-weight: 600;
          margin-top: 1.5rem;
          margin-bottom: 1.5rem; }
          @media screen and (min-width: 760px) {
            div#content #gravestones article.fullmoon > section.fund h4 {
              margin-left: 152px;
              margin-top: 0;
              margin-bottom: 0; } }
        div#content #gravestones article.fullmoon > section.fund p {
          font-size: 1.4rem;
          text-align: left; }
          @media screen and (min-width: 760px) {
            div#content #gravestones article.fullmoon > section.fund p {
              margin-left: 152px; } }
  div#content #shop {
    padding: 0 16px;
    margin-top: 120px;
    margin-bottom: 200px; }
    div#content #shop > article {
      margin-bottom: 32px; }
      div#content #shop > article h3 {
        background: #b7b7b7;
        color: #0c0c0c;
        font-weight: 1000;
        font-size: 1.9rem;
        padding: 4px 24px; }
      div#content #shop > article > ul {
        display: flex;
        flex-wrap: wrap;
        padding: 24px 0 0; }
        div#content #shop > article > ul > li {
          flex-basis: calc(100%);
          padding: 0 24px;
          margin-bottom: 36px; }
          @media screen and (min-width: 760px) {
            div#content #shop > article > ul > li {
              flex-basis: calc(100% / 3);
              margin-bottom: 24px; } }
          div#content #shop > article > ul > li strong {
            display: block;
            font-size: 1.9rem;
            position: relative; }
            div#content #shop > article > ul > li strong:before {
              content: "◉";
              position: absolute;
              left: -2.4rem; }
          div#content #shop > article > ul > li > a:hover {
            color: #dda04a;
            text-shadow: 0 0  8px #ff0; }
          div#content #shop > article > ul > li > div {
            display: flex;
            margin-top: 16px; }
            div#content #shop > article > ul > li > div a {
              flex-basis: calc(100% / 2);
              border-right: 2px solid #fefefe;
              border-bottom: 2px solid #fefefe;
              padding-left: 12px;
              margin-right: 12px;
              position: relative; }
              div#content #shop > article > ul > li > div a:after {
                content: "⇀";
                position: absolute;
                right: 8px;
                font-size: 2.8rem;
                line-height: 100%; }
              div#content #shop > article > ul > li > div a:hover {
                color: #dda04a;
                text-shadow: 0 0  8px #ff0;
                border-right: 2px solid #dda04a;
                border-bottom: 2px solid #dda04a; }
  div#content #contact form {
    margin-bottom: 60px;
    padding-top: 80px;
    font-family: source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", '小塚ゴシック Pro','Kozuka Gothic Pro', "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    font-weight: 400;
    font-style: normal; }
    @media screen and (min-width: 760px) {
      div#content #contact form {
        padding-top: 40px; } }
    div#content #contact form p.input {
      margin-bottom: 16px; }
      div#content #contact form p.input.radio > label {
        display: block; }
    div#content #contact form span.red {
      color: orange; }
    div#content #contact form div.text-center {
      text-align: center;
      padding-top: 64px; }
      div#content #contact form div.text-center button[type=submit] {
        background: #dddddd;
        padding: 10px 20px;
        border: none;
        font-family: source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", '小塚ゴシック Pro','Kozuka Gothic Pro', "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
        font-weight: 400;
        font-style: normal;
        font-weight: 700;
        cursor: pointer; }
        @media screen and (min-width: 760px) {
          div#content #contact form div.text-center button[type=submit] {
            line-height: 80px;
            padding: 0 140px; } }
    div#content #contact form input,
    div#content #contact form textarea {
      background: transparent;
      border: 1px solid #fff;
      line-height: 1.6rem;
      color: #fff;
      padding: 0.5rem; }
    div#content #contact form input[type=text],
    div#content #contact form input[type=tel],
    div#content #contact form input[type=email] {
      width: 100%; }
      @media screen and (min-width: 760px) {
        div#content #contact form input[type=text],
        div#content #contact form input[type=tel],
        div#content #contact form input[type=email] {
          width: 60%; } }
    div#content #contact form textarea {
      width: 100%; }
  div#content #contact div.thanks {
    color: #fff;
    padding: 50px 0; }
    div#content #contact div.thanks p {
      margin-bottom: 30px; }
      div#content #contact div.thanks p a {
        display: block;
        text-align: center; }
  div#content #privacy {
    text-align: left;
    padding: 0 16px;
    margin: 0 auto 150px; }
    @media screen and (min-width: 760px) {
      div#content #privacy {
        max-width: 1056px; } }

footer {
  background: #11284b;
  text-align: center;
  padding: 60px 0 48px;
  color: #fff;
  font-size: 1.2rem; }
  footer a {
    display: block;
    margin-bottom: 24px; }
    footer a img {
      margin-bottom: 1rem; }

/*
 * mfp
 */
.mfp_err {
  color: red; }

/*# sourceMappingURL=style.css.map */