@charset "UTF-8";
/* ************************************************ */
/*                       共通                       */
/* ************************************************ */
header, footer, nav, section, article, main, aside, hgroup {
  display: block; }

html {
  font-size: 10px; }

body {
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
  font-size: 1.5rem; }

#main {
  background-color: #2b883a; }

#wrapper img,
#wrapper input {
  margin: 0;
  max-width: 100%;
  vertical-align: top; }

.hover:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  /* ie lt 8 */
  -ms-filter: "alpha(opacity=80)";
  /* ie 8 */
  -moz-opacity: 0.8;
  /* FF lt 1.5, Netscape */
  -khtml-opacity: 0.8;
  /* Safari 1.x */
  zoom: 1;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease; }

.pc {
  display: block; }

.sp {
  display: none; }

@media (max-width: 768px) {
  .pc {
    display: none; }

  .sp {
    display: block; } }
/* ************************************************ */
/*                  header/footer非表示             */
/* ************************************************ */
body {
  border-top: 0; }

#bodyWrapper {
  display: none; }

#footerWrapper {
  display: none; }

/* ************************************************ */
/*                       コンテンツ                     */
/* ************************************************ */
/*
	#wrapper
==================== */
#wrapper {
  margin: 0 auto 0;
  max-width: 1120px;
  text-align: left; }
  #wrapper #inner {
    background: #120b09 url(../img/bg_main_inner.jpg) center top no-repeat;
    background-size: 100%; }
    #wrapper #inner #layout {
      margin: 0 auto 0%;
      max-width: 87.14286%;
      padding-bottom: 8.125%; }
      #wrapper #inner #layout #mv {
        margin-bottom: 3.89344%; }
        #wrapper #inner #layout #mv .desc {
          margin-bottom: 2.66393%; }
      #wrapper #inner #layout .point {
        margin-bottom: 1.43443%; }
      #wrapper #inner #layout .gift {
        margin-bottom: 8.40164%; }
      #wrapper #inner #layout .movie {
        margin: 0% 0.30738% 6.55738% 0.30738%;
        padding: 6.65984% 0;
        display: flex;
        justify-content: space-between;
        background: url(../img/bg_movie.png) center top no-repeat;
        background-size: 100%; }
        #wrapper #inner #layout .movie h2 {
          margin-left: 5.7732%;
          width: 41.23711%; }
        #wrapper #inner #layout .movie .pic {
          margin-right: 4.3299%;
          width: 42.26804%; }
          #wrapper #inner #layout .movie .pic video {
            width: 100%;
            height: auto;
            background-color: #000;
          }
      #wrapper #inner #layout .cv {
        margin: 0 auto 6.33929%;
        max-width: 76.42857%; }
        @media (max-width: 768px) {
          #wrapper #inner #layout .cv {
            max-width: none; } }
      #wrapper #inner #layout .detail {
        margin-bottom: 5.32787%; }
        #wrapper #inner #layout .detail dl {
          margin-bottom: 2.57732%;
          padding: 0.30738%;
          display: flex;
          align-items: flex-start; }
          #wrapper #inner #layout .detail dl:last-child {
            margin-bottom: 0; }
          #wrapper #inner #layout .detail dl dt {
            margin-right: 4.94845%;
            padding: 0.3em;
            width: 21.64948%;
            color: #001131;
            background-color: #fafafa;
            font-weight: bold;
            font-size: 2rem;
            text-align: center; }
          #wrapper #inner #layout .detail dl dd {
            padding-top: 0.3em;
            width: 73.40206%;
            color: #fff;
            font-weight: bold;
            font-size: 2rem; }
            #wrapper #inner #layout .detail dl dd a {
              color: #fff;
              text-decoration: underline; }
              #wrapper #inner #layout .detail dl dd a:hover {
                text-decoration: none; }
            #wrapper #inner #layout .detail dl dd .tel {
              color: #fff;
              pointer-events: none;
              text-decoration: none; }
        @media (max-width: 768px) {
          #wrapper #inner #layout .detail {
            margin-bottom: 7.17213%; }
            #wrapper #inner #layout .detail dl {
              margin-bottom: 5.15464%;
              padding: 0.30738%;
              display: block; }
              #wrapper #inner #layout .detail dl:last-child {
                margin-bottom: 0; }
              #wrapper #inner #layout .detail dl dt {
                margin: 0 auto 1em;
                padding: 0.3em 1em;
                width: 51.54639%;
                font-size: 1.6rem; }
              #wrapper #inner #layout .detail dl dd {
                padding-top: 0;
                width: auto;
                font-size: 1.6rem;
                text-align: center; }
                #wrapper #inner #layout .detail dl dd .tel {
                  pointer-events: auto;
                  text-decoration: underline; } }
      #wrapper #inner #layout .purchase h2 {
        margin-bottom: 1em;
        color: #fff;
        font-weight: bold;
        font-size: 2.4rem;
        text-align: center; }
      #wrapper #inner #layout .purchase ul {
        zoom: 1; }
        #wrapper #inner #layout .purchase ul:after {
          display: block;
          clear: both;
          height: 0;
          visibility: hidden;
          content: " "; }
        #wrapper #inner #layout .purchase ul li {
          max-width: 49.59016%; }
          #wrapper #inner #layout .purchase ul li:nth-child(2n) {
            float: left; }
          #wrapper #inner #layout .purchase ul li:nth-child(2n-1) {
            float: right; }
          #wrapper #inner #layout .purchase ul li:first-child {
            margin: 0 auto 1.53689%;
            float: none; }
          #wrapper #inner #layout .purchase ul li:nth-child(2), #wrapper #inner #layout .purchase ul li:nth-child(3) {
            margin-bottom: 1.53689%; }
      @media (max-width: 768px) {
        #wrapper #inner #layout .purchase h2 {
          font-size: 2rem; }
        #wrapper #inner #layout .purchase ul {
          text-align: center; }
          #wrapper #inner #layout .purchase ul li {
            margin: 0 auto 1em;
            max-width: none; }
            #wrapper #inner #layout .purchase ul li:nth-child(2n) {
              float: none; }
            #wrapper #inner #layout .purchase ul li:nth-child(2n-1) {
              margin-bottom: 0;
              float: none; }
            #wrapper #inner #layout .purchase ul li:first-child {
              margin: 0 auto 1em; }
            #wrapper #inner #layout .purchase ul li:nth-child(2), #wrapper #inner #layout .purchase ul li:nth-child(3) {
              margin-bottom: 1em; } }