@charset "UTF-8";
/* CSS Document */
/* CSS Document */
@import url("//fonts.googleapis.com/css?family=M+PLUS+1p:400,800&display=swap&subset=japanese");
@import url("//fonts.googleapis.com/css?family=Sawarabi+Mincho&display=swap&subset=japanese");
* {
  box-sizing: border-box; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  display: inline-table;
  min-height: 1%;
  overflow: hidden; }

/* IE8ハック */
html > body .clearfix {
  display: block\9; }

/* Hides from IE-mac \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* End hide from IE-mac */
a {
  color: #C00;
  text-decoration: none; }
  a:active, a:hover {
    outline: 0;
    color: #F90; }

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

@-webkit-viewport {
  width: device-width; }
@-moz-viewport {
  width: device-width; }
@-ms-viewport {
  width: device-width; }
@-o-viewport {
  width: device-width; }
@viewport {
  width: device-width; }
/* CSS Document */
footer {
  margin-top: 0em; }
  footer nav {
    box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px -1px 3px rgba(0, 0, 0, 0.5);
    background-color: #111;
    color: #fff;
    text-align: left;
    font-size: 0.75em;
    border-top: 1px solid #333; }
    footer nav ul li {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #111), color-stop(0, #222));
      background: -webkit-linear-gradient(top, #222 0%, #111 100%);
      background: -moz-linear-gradient(top, #222 0%, #111 100%);
      background: -o-linear-gradient(top, #222 0%, #111 100%);
      background: -ms-linear-gradient(top, #222 0%, #111 100%);
      background: linear-gradient(top, #222 0%, #111 100%);
      background-color: #111; }
      footer nav ul li:nth-of-type(1) a:before {
        content: "\f157"; }
      footer nav ul li:nth-of-type(2) a:before {
        content: "\f0cb"; }
      footer nav ul li:nth-of-type(3) a:before {
        content: "\f0e3"; }
      footer nav ul li:nth-of-type(4) a:before {
        content: "\f0f6"; }
      footer nav ul li:nth-of-type(5) a:before {
        content: "\f0f7"; }
      footer nav ul li:nth-of-type(6) a:before {
        content: "\f015"; }
      footer nav ul li a {
        box-sizing: border-box;
        border-bottom: 1px solid #333;
        padding: 1em 8% 1em 5%;
        display: block;
        color: #FFF; }
        footer nav ul li a:before {
          font-family: FontAwesome;
          margin-right: 5px;
          color: #C00;
          display: inline-block;
          width: 1.5em;
          text-align: center; }
      footer nav ul li a:hover {
        background-color: #333;
        color: #FFF; }
  footer p#copy {
    background-color: #000;
    padding: 0.25em 0; }
    footer p#copy small {
      font-size: 0.5em;
      color: #ccc; }

@media screen and (min-width: 640px) {
  footer nav {
    color: #fff;
    text-align: left;
    font-size: 0.75em;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #111), color-stop(0, #222));
    background: -webkit-linear-gradient(top, #222 0%, #111 100%);
    background: -moz-linear-gradient(top, #222 0%, #111 100%);
    background: -o-linear-gradient(top, #222 0%, #111 100%);
    background: -ms-linear-gradient(top, #222 0%, #111 100%);
    background: linear-gradient(top, #222 0%, #111 100%);
    background-color: #111;
    padding: 1em 0; }
    footer nav ul {
      text-align: center; }
      footer nav ul li {
        display: inline;
        margin: 0 0.5em; }
        footer nav ul li a {
          border-bottom: none;
          padding: 0;
          background: none;
          display: inline;
          color: #fff; }
        footer nav ul li a:hover {
          background-color: transparent;
          text-decoration: underline; } }
/* CSS Document */
.tokuten, .henkin {
  max-width: 640px;
  margin: 20px auto;
  box-sizing: border-box; }

.henkin {
  color: #663300;
  border: #663300 4px solid;
  padding: 4%;
  background: url("/hall_common/inc/images/henkin_line.png") repeat;
  background-color: #f4e5c5; }
  .henkin .henkinInner {
    background-color: #fff;
    width: 100%;
    padding: 1.5em;
    box-sizing: border-box; }
    .henkin .henkinInner p {
      text-align: left !important;
      line-height: 1.5;
      font-size: 1em; }
    .henkin .henkinInner .henkin_seal {
      display: block;
      max-width: 104px;
      width: 24%;
      float: right;
      margin: 0 0 1em 1em;
      transform: rotate(5deg); }
    .henkin .henkinInner .henkinTitle {
      font-size: 1.75em;
      margin: 0;
      padding-bottom: 0 !important; }
    .henkin .henkinInner .henkinSub {
      font-size: 1.25em;
      margin: 0;
      padding: 0;
      background: none;
      text-decoration: none; }
      .henkin .henkinInner .henkinSub:nth-of-type(2) {
        padding-top: 0; }
    .henkin .henkinInner .henkinTitle, .henkin .henkinInner .henkinSub {
      font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
      color: #663300;
      padding-top: 0; }
  .henkin li {
    font-size: 0.75em;
    text-align: left; }
    .henkin li:before {
      content: "※"; }
  .henkin .henkinInnerText p, .henkin ul {
    margin-top: 1em !important;
    padding-bottom: 0 !important; }

.tokuten p {
  margin: 0;
  text-align: left !important; }
.tokuten ul {
  width: 100%;
  border: #cc0000 2px solid;
  background-color: #000; }
  .tokuten ul li {
    color: #fff;
    border-bottom: #cc0000 1px solid;
    padding: 1em;
    text-indent: 0;
    margin-left: 0; }
    .tokuten ul li:before {
      content: "";
      margin: 0; }
    .tokuten ul li p, .tokuten ul li ul {
      font-size: 1em;
      text-align: left;
      line-height: 1.5; }
    .tokuten ul li p {
      padding: 1em 0 0; }
      .tokuten ul li p.saving {
        background-color: #cc0000;
        padding: 0 1em 1em 1em;
        color: #fff;
        margin-top: 1em;
        font-weight: bold; }
    .tokuten ul li .tokutenTitle {
      font-size: 1.25em;
      color: #fff;
      font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
      border-bottom: #900 1px solid;
      line-height: 1.25;
      text-align: left;
      padding: 0 0 .5em; }
      .tokuten ul li .tokutenTitle .gold {
        font-size: 1.25em;
        display: block;
        color: #DA8E00;
        background: -webkit-linear-gradient(#F7DE05, #DA8E00, #EDAC06, #F7DE05, #ECB802, #DAAF08, #B67B03, #DA8E00, #EDAC06, #F7DE05, #ECB802, #EDAC06);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; }
      .tokuten ul li .tokutenTitle .tokutenCatch {
        font-size: 0.75em; }
.tokuten .tokutenChara {
  border: none;
  display: flex;
  flex-wrap: wrap;
  margin-top: 1em; }
  .tokuten .tokutenChara li {
    display: inline-block;
    border: none;
    padding: 0;
    margin-right: 1em;
    font-weight: bold; }
    .tokuten .tokutenChara li:before {
      color: #cc0000;
      font-family: FontAwesome;
      content: "\f111" !important;
      font-weight: 400;
      margin-right: 0.25em; }

.order {
  text-align: left; }
  .order h2 {
    color: #F60;
    border-bottom: 1px solid #F60;
    margin-bottom: 1em; }
  .order h3 {
    color: #096; }
  .order h2,
  .order h3 {
    font-size: 1.75em; }
  .order h4 {
    color: #F90;
    font-size: 1.25em; }
  .order h2, .order h3, .order h4 {
    padding: 1em 0 0.25em 0; }
  .order .boxInner .guest {
    display: block;
    margin-bottom: 0.5em;
    color: #39C; }
  .order .boxInner .staff {
    display: block;
    margin-bottom: 0.5em;
    color: #396; }
  .order ol {
    list-style: decimal inside; }
  .order li dl {
    margin-left: 2em; }
  .order strong {
    color: #F90; }

.media {
  padding-bottom: 3em !important; }

html, body {
  background-color: #000000; }

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  font-size: 1em;
  text-align: center;
  color: #FFF;
  background: url(../images/bg02.png) repeat-x top;
  padding-top: 65px; }

hgroup h1 {
  width: 90%; }
hgroup h2 {
  padding: 1em 0; }
hgroup p {
  text-align: left;
  font-size: 1.25em;
  text-align: center; }
  hgroup p img {
    margin: 1em auto; }
hgroup h1, hgroup p, hgroup h2 {
  width: 90%;
  margin: 0 auto; }
hgroup .hidden {
  display: none; }

#container p img.caution1 {
  margin-top: 1em; }
#container p img.caution2 {
  margin-top: 0em; }

div#wrap section {
  width: 90%;
  margin: 0 auto;
  margin: 0 auto; }
  div#wrap section.machine {
    margin-top: 2em; }
    div#wrap section.machine ul {
      padding: 3em 0;
      display: flex;
      flex-wrap: wrap; }
      div#wrap section.machine ul li {
        width: 32%;
        margin-right: 1.33%;
        margin-bottom: 1.33%; }
        div#wrap section.machine ul li:nth-of-type(3n) {
          margin-right: 0; }
        @media screen and (min-width: 960px) {
          div#wrap section.machine ul li {
            width: 24%;
            margin-right: 1.25%;
            margin-bottom: 1.25%; }
            div#wrap section.machine ul li:nth-of-type(3n) {
              margin-right: 1.25%; }
            div#wrap section.machine ul li:nth-of-type(4n) {
              margin-right: 0; }
            div#wrap section.machine ul li:last-of-type {
              display: none; } }
  div#wrap section#txt_big h1 {
    font-size: 3em; }
    div#wrap section#txt_big h1 span {
      color: #C00; }
  div#wrap section#txt_big p {
    font-size: 1.25em;
    text-align: center; }
  div#wrap section p {
    text-align: left;
    padding-bottom: 1em;
    line-height: 1.5em; }
    div#wrap section p.img, div#wrap section p#price, div#wrap section p#btn, div#wrap section p#flow_check {
      text-align: center; }
    div#wrap section p#flow_check {
      padding-bottom: 1em;
      font-size: 0.75em; }
    div#wrap section p#btn {
      padding: 0;
      line-height: 1em; }
      div#wrap section p#btn a#reg {
        text-align: center;
        width: 12em;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #CAA200), color-stop(0, #fc0));
        background: -webkit-linear-gradient(top, #fc0 0%, #CAA200 100%);
        background: -moz-linear-gradient(top, #fc0 0%, #CAA200 100%);
        background: -o-linear-gradient(top, #fc0 0%, #CAA200 100%);
        background: -ms-linear-gradient(top, #fc0 0%, #CAA200 100%);
        background: linear-gradient(top, #fc0 0%, #CAA200 100%);
        background-color: #FC0;
        border: 2px solid #7D6400;
        padding: 1em 0;
        display: block;
        margin: 0 auto;
        color: #403300;
        font-weight: bold;
        font-size: 1.25em; }
        div#wrap section p#btn a#reg i {
          margin-right: 0.25em; }
        div#wrap section p#btn a#reg:hover {
          background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #fcd432), color-stop(0, #fffe32));
          background: -webkit-linear-gradient(top, #fffe32 0%, #fcd432 100%);
          background: -moz-linear-gradient(top, #fffe32 0%, #fcd432 100%);
          background: -o-linear-gradient(top, #fffe32 0%, #fcd432 100%);
          background: -ms-linear-gradient(top, #fffe32 0%, #fcd432 100%);
          background: linear-gradient(top, #fffe32 0%, #fcd432 100%);
          background-color: #FF0; }
    div#wrap section p#price img {
      margin-top: 1em; }
    div#wrap section p#btn img {
      margin-bottom: 1em;
      max-width: 50%; }
  div#wrap section h1 {
    margin: 1.5em 0 .5em;
    font-weight: bold;
    line-height: 1; }
    div#wrap section h1 br {
      display: none; }
      @media screen and (min-width: 960px) {
        div#wrap section h1 br {
          display: inherit; } }
  div#wrap section div#story {
    margin-top: 1em;
    margin-bottom: 1.5em;
    text-align: left; }
    div#wrap section div#story h2 {
      padding-right: 1em; }
      div#wrap section div#story h2 img {
        max-width: 50%;
        margin-bottom: 1em; }
    div#wrap section div#story h3 {
      padding-bottom: 1em; }
    div#wrap section div#story h2, div#wrap section div#story h3 {
      text-align: center; }
  div#wrap section div#tit_btm h1 {
    text-align: left; }
  div#wrap section div#detail {
    margin: 2em auto 0;
    background-color: #1A1A1A;
    color: #CCC;
    padding: 1em;
    font-size: 0.75em;
    text-align: left; }
    div#wrap section div#detail .cap_detail {
      padding-left: 1em; }
      div#wrap section div#detail .cap_detail dt {
        float: left;
        clear: both;
        text-indent: -1em; }
        div#wrap section div#detail .cap_detail dt:before {
          font-family: FontAwesome;
          content: "\f0c8";
          margin-right: 2px; }
        div#wrap section div#detail .cap_detail dt:after {
          content: "："; }
        div#wrap section div#detail .cap_detail dt:last-of-type {
          float: none !important; }
      div#wrap section div#detail .cap_detail dd li:before {
        font-family: FontAwesome;
        content: "\f10c" !important;
        margin-right: 2px; }
    div#wrap section div#detail p {
      text-align: left;
      width: 100%; }
  div#wrap section div#table {
    padding-bottom: 2em; }
    div#wrap section div#table .privacy,
    div#wrap section div#table .page_law,
    div#wrap section div#table .flow {
      text-align: left; }
      div#wrap section div#table .privacy p.caption,
      div#wrap section div#table .page_law p.caption,
      div#wrap section div#table .flow p.caption {
        font-weight: bold; }
    div#wrap section div#table .flow h2 {
      color: #F60;
      border-bottom: 1px solid #F60;
      margin-bottom: 1em; }
    div#wrap section div#table .flow h3 {
      color: #096;
      border-bottom: 1px dotted #096; }
    div#wrap section div#table .flow h2,
    div#wrap section div#table .flow h3 {
      font-size: 1.75em; }
    div#wrap section div#table .flow h4 {
      color: #F90;
      font-size: 1.25em; }
    div#wrap section div#table .flow h2,
    div#wrap section div#table .flow h3,
    div#wrap section div#table .flow h4 {
      padding: 1em 0 0.25em 0; }
    div#wrap section div#table .page_law dt {
      font-weight: bold;
      padding-bottom: 0.25em; }
    div#wrap section div#table .page_law dd {
      margin-bottom: 2em;
      border-bottom: 1px dotted #999;
      padding-bottom: 0.5em;
      padding-left: 1em; }
    div#wrap section div#table .privacy section {
      width: 100%;
      margin: 0;
      padding: 0;
      text-align: left;
      color: #FFF; }
      div#wrap section div#table .privacy section h1 {
        font-weight: bold;
        padding-bottom: 0.25em;
        font-size: 1.25em;
        border-bottom: 1px solid #C00;
        margin-bottom: 0.5em;
        background: none; }
  div#wrap section#form {
    background-color: #FFF;
    margin-top: 1em;
    width: 100% !important; }
  div#wrap section#form h1 {
    padding-top: 0.5em; }
  div#wrap section#form h1, div#wrap section#other h1 {
    color: #C00;
    border-bottom: 1px solid #C00;
    font-size: 1.75em;
    font-weight: bold;
    padding-bottom: 0.25em;
    margin-bottom: 0.5em;
    padding-top: 1em; }
  div#wrap section#form iframe, div#wrap section#form h1 {
    width: 90%;
    margin: 0 auto; }

#container p#page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 0.75em;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  line-height: 1em; }
  #container p#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    padding: 1em;
    text-align: center;
    display: block;
    border: 2px solid #FFF;
    border-radius: 10em; }
  #container p#page-top a:hover {
    text-decoration: none;
    background: #999; }

.price_area {
  padding: 2em 0;
  background: url("../images/price_bg.png") no-repeat top center;
  background-size: 100%; }
  .price_area p {
    max-width: 640px;
    width: 100%;
    margin: 0 auto; }
    .price_area p img {
      display: block;
      margin: 0 auto; }

@media screen and (min-width: 960px) {
  #container {
    width: 100%;
    margin: 0 auto;
    /*footer{
    	nav,
    	p#copy{
    		@include pc_block;
    	}
    }*/ }
    #container hgroup h1 {
      margin-bottom: 1em; }
    #container hgroup p {
      text-align: left; }
      #container hgroup p br {
        display: none; }
      #container hgroup p img {
        float: left;
        margin: 0 1em 0.5em 0; }
    #container hgroup h1, #container hgroup p, #container hgroup h2 {
      width: 100%; }
    #container p img.caution2 {
      margin-top: 1em; }
    #container hgroup,
    #container div#wrap {
      width: 960px;
      margin: 0 auto; }
    #container div#wrap h2 {
      font-size: 1.25em; }
    #container div#wrap section {
      width: 100%; }
      #container div#wrap section p#btn a {
        font-size: 1.75em;
        padding: 0.75em; }
      #container div#wrap section div#story h2 {
        float: left; }
        #container div#wrap section div#story h2 img {
          max-width: 100%;
          margin: 0; }
      #container div#wrap section div#story h3 {
        text-align: left; }
      #container div#wrap section div#tit_btm h1 img {
        float: left; }
      #container div#wrap section div#tit_btm h1 br {
        display: none; } }