@charset "UTF-8";
/* cf */
/*--sitenamedesignCSS -- 2016,09,02 Rel-ish yu-ki--*/
/* H1 */
.c_form h1, .c_shopMap h1, .c_time h1, .c_about h1, .c_menu h1, .c_halloween h1 {
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
}
.c_form h1:after, .c_shopMap h1:after, .c_time h1:after, .c_about h1:after, .c_menu h1:after, .c_halloween h1:after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #1D2087;
}

/* form */
.c_form {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 3%;
}
.c_form form {
  margin: 15px 0;
}
.c_form form div.contact_wrap {
  padding: 5px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.2);
}
.c_form form div.contact_wrap > div {
  display: table;
  border-collapse: collapse;
  margin: 10px 0 0;
}
.c_form form dt {
  width: auto;
  margin: 0;
  padding: 10px 0 0 15px;
  vertical-align: top;
}
.c_form form dt.required:before {
  display: inline-block;
  content: "必須";
  margin: 0 5px 0 0;
  padding: 1px 3px;
  background: #ea5514;
  color: #fff;
  font-size: 62.5%;
  border-radius: 3px;
}
.c_form form dd {
  width: auto;
  margin: 0;
  padding: 10px 0 10px 15px;
  vertical-align: top;
}
.c_form form input, .c_form form button, .c_form form select {
  font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', メイリオ, Meiryo, sans-serif;
}
.c_form form textarea {
  min-height: 5em;
  resize: vertical;
}
.c_form form input[type="text"], .c_form form input[type="tel"], .c_form form input[type="mail"], .c_form form input[type="number"], .c_form form textarea {
  outline: none;
  width: 90%;
  padding: 5px;
  background: linear-gradient(to bottom, #eee 0%, #fff 100%);
  border: 1px solid #999;
  border-radius: 5px;
  box-shadow: inset 1px 1px 1px 1px #eee;
}
.c_form form input[type="text"]:focus, .c_form form input[type="tel"]:focus, .c_form form input[type="mail"]:focus, .c_form form input[type="number"]:focus, .c_form form textarea:focus {
  border: 1px solid #0090d5;
  box-shadow: 1px 1px 1px 1px #0090d5;
}
.c_form form input[type="number"]#i_ticket {
  width: 3em;
}
.c_form form select option:nth-child(even) {
  background-color: #F0F0F6;
}
.c_form form button {
  display: block;
  width: 100%;
  margin: 10px auto 0;
  outline: none;
  border: 1px solid #1d2087;
  background-image: linear-gradient(to bottom, #334199, #1d2087);
  border-radius: 4px;
  font-size: 112.5%;
  color: #fff;
  line-height: 50px;
  transition: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}
.c_form form button:hover {
  border: 1px solid #1d2087;
  background-image: linear-gradient(to bottom, #1d2087, #334199);
}
.c_form form button:active {
  background: #1d2087;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.2);
  color: #1d2087;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
}

/* shop_map */
.c_shopMap {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 3%;
}
.c_shopMap #gmap {
  width: 90vw;
  height: 75vw;
  border: solid 1px #fff;
  color: #333;
}
.c_shopMap #mapList {
  padding: 8px;
  border: solid 1px #fff;
}
.c_shopMap #mapList dt {
  margin: 0;
  padding: 10px 0 5px;
  cursor: pointer;
  counter-increment: shopno;
}
.c_shopMap #mapList dt:before {
  content: "" counter(shopno) ".";
}
.c_shopMap #mapList dd {
  margin: 0 0 20px;
}
.c_shopMap #mapList dd a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 0 0 .5em;
  font-size: 15px;
  line-height: 2em;
  text-align: center;
  border-radius: 50%;
  background: #1D2087;
  color: #fff;
}
.c_shopMap #mapList dd a:hover {
  background: #1d4a87;
}

/* shop_time */
.c_time {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 3%;
}
.c_time ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}
.c_time li {
  border: solid 1px #fff;
  flex-basis: 90px;
}
.c_time li a {
  display: block;
  padding: 8px;
  color: #fff;
  text-decoration: none;
}
.c_time li a:hover {
  background: #1D2087;
}
.c_time .barTime {
  margin: 20px 0 40px;
}
.c_time .barTime h2 {
  position: relative;
  padding: 1em 0;
}
.c_time .barTime h2:before {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
  border-top: 2px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.c_time .barTime h2:after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 6px;
  box-sizing: border-box;
  border-top: 1px solid #ccc;
  border-bottom: 2px solid #ccc;
}
.c_time .barTime table {
  width: 100%;
  margin: 10px 0;
  border: solid 1px #fff;
}
.c_time .barTime th {
  width: 60%;
  padding: 8px;
  text-align: left;
  border-right: dotted 1px #fff;
  border-bottom: dotted 1px #fff;
  font-weight: normal;
  background: #1D2087;
}
.c_time .barTime td {
  padding: 8px;
  border-bottom: dotted 1px #fff;
}

/* shop_menu */
.c_menu {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 3%;
}
.c_menu .shopDate {
  position: relative;
  margin: 0 0 20px;
  padding: 8px;
  border-radius: 8px;
  border: solid 1px #fff;
  counter-increment: shopno;
}
.c_menu .shopDate:before {
  position: absolute;
  top: -10px;
  left: -10px;
  padding: 15px;
  border-radius: 3px;
  background: #1d2087;
  content: counter(shopno);
  font-size: 20px;
  font-family: 'Bungee Inline', cursive;
}
.c_menu .shopDate h2 {
  margin: 0 0 0 40px;
}
.c_menu .shopDate h2 span {
  display: block;
  margin-bottom: .2em;
  color: #aaa;
  font-size: 12px;
}
.c_menu .shopDate p {
  margin: 1em 0 0 20px;
}
.c_menu .shopDate p:nth-of-type(2):before {
  padding: 0 5px 0 0;
  font-family: 'FontAwesome';
  content: '\f073';
}
.c_menu .shopDate p:nth-of-type(2) {
  margin: .5em 0 0 20px;
}
.c_menu .shopDate p a {
  color: #fff;
}
.c_menu .shopDate dl {
  margin: 0 20px 0 20px;
  padding: 1em 8px 8px;
  background-color: rgba(255, 255, 255, 0.3);
}
.c_menu .shopDate dt {
  border-bottom: dotted 1px #fff;
}
.c_menu .shopDate dd {
  margin: 0 0 1em 1em;
}
.c_menu .shopDate ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  list-style: none;
}
.c_menu .shopDate li {
  padding: 3px 0;
  border: solid 1px #fff;
  flex-basis: 50px;
  text-align: center;
  background: #1D2087;
}
.c_menu .shopDate li.nbarClose {
  background: #444;
}
.c_menu .shopDate li span {
  display: block;
}

/* c_about */
.c_about {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 3%;
}
.c_about a {
  color: #fff;
}
.c_about h2 {
  counter-increment: flowno;
  font-size: 18px;
}
.c_about h2:before {
  content: counter(flowno) ".";
  font-size: 20px;
  font-family: 'Bungee Inline', cursive;
}
.c_about div {
  margin: 10px 20px;
  padding: 8px;
  border: dotted 1px #fff;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.1);
}
.c_about div:nth-of-type(3) {
  margin: 20px auto;
  padding: 20px 13px;
  background: #1D2087;
  border: none;
}
.c_about h3 {
  margin: 0;
  font-size: 18px;
}
.c_about ol {
  margin: 0;
}
.c_about li {
  padding: 5px 0;
}

/* c_halloween */
.c_halloween {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 3%;
}
.c_halloween h2 {
  margin: 0;
  font-size: 18px;
}
.c_halloween ul {
  margin: 0 0 1em;
  padding: 0;
  list-style: none;
}
.c_halloween li {
  margin: 0 0 0 20px;
}
.c_halloween li:before {
  padding: 0 5px 0 0;
  font-family: 'FontAwesome';
  content: '\f05a';
}

@media print, screen and (min-width: 769px) {
  .c_form {
    padding: 0;
  }
  .c_form form dl {
    display: table-row;
  }
  .c_form form dt {
    display: table-cell;
    width: 10em;
  }
  .c_form form dd {
    display: table-cell;
    width: 50em;
  }
  .c_form form button {
    width: 500px;
  }

  /* shop_map */
  .c_shopMap #gmap {
    height: 500px;
  }
  .c_shopMap #mapList {
    width: 89vw;
    padding: 8px;
    border: solid 1px #fff;
  }
  .c_shopMap #mapList dt {
    float: left;
    width: 20em;
    clear: left;
  }
  .c_shopMap #mapList dd {
    margin: 0 0 0 20em;
    padding: 10px 0 5px;
  }

  /* c_halloween */
  .c_halloween img {
    width: 30vw;
  }
}
