@charset "UTF-8";
body {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    color: #222;
    letter-spacing: 0.05em;
    -webkit-font-smoothing: antialiased
}

a {
  color: #222;
  text-decoration: none
}

a:hover {
  text-decoration: none
}

.color-red {
  color: #e20000
}

.font-normal {
  font-weight: normal
}

.font-bold {
  font-weight: bold
}

.font-mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif
}

/*.font-meiryo {
    font-family: Meiryo,"メイリオ","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",sans-serif;
}*/

#modal-overlay {
  z-index: 9998!important;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8)
}

.modal-content {
  position: fixed;
  display: none;
  z-index: 9999;
  background-color: white;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.cmn-seat {
  display: inline-block
}

.cmn-seat__color--1 {
  background-image: linear-gradient(45deg, #99843f 10%, #d3c393 50%, #97833e 90%)
}

.cmn-seat__color--2 {
  background-image: linear-gradient(45deg, #aca058 10%, #e2e4b1 50%, #aea058 90%)
}

.cmn-seat__color--3 {
  background-image: linear-gradient(45deg, #a2a3a8 10%, #d3d4d5 50%, #9a9ca0 90%)
}

.cmn-seat__color--4 {
  background-image: linear-gradient(45deg, #bd804b 9%, #d7b08e 50%, #bd7e45 90%)
}

.cmn-seat__color--5 {
  background-image: linear-gradient(45deg, #1b6498 10%, #69add3 50%, #1a6195 90%)
}

.cmn-seat__color--6 {
  background-color: #756fb3
}

.cmn-seat__color--7 {
  background-color: #fdca07
}

.cmn-seat__color--8 {
  background-color: #f68221
}

.cmn-seat__color--9 {
  background-color: #5fc2a4
}

.cmn-seat__color--10 {
  background-color: #f171ab
}

.cmn-seat__color--11 {
  background-color: #04abe6
}

.cmn-seat__color--12 {
  background-color: #22b24a
}

.cmn-seat__color--13 {
  background-color: #f37064
}

.cmn-seat__color--14 {
  background-color: #feca07
}

.cmn-seat__color--15 {
  background-color: #6498d0
}

.cmn-seat__color--16 {
  background-color: #83c1ea
}

.cmn-seat__color--17 {
  background-color: #95cb65
}

.cmn-seat__color--18 {
  background-color: #61be86
}

.cmn-seat__color--19 {
  background-color: #b492b8
}

.cmn-seat__color--20 {
  background-color: #f5a6c9
}

.cmn-seat__color--21 {
  background-color: #f17091
}

.cmn-seat__color--22 {
  background-color: #d0844a
}

.cmn-seat__color--23 {
  background-color: #cb582c
}

.cmn-seat__color--24 {
  background-color: #924b93
}

.cmn-seat__color--25 {
  background-color: #d9cba2
}

.cmn-seat__color--26 {
  background-color: #80cb9c
}

.cmn-seat__color--27 {
  background-color: #ef3b6b
}

.cmn-seat__color--28 {
  background-color: #8e9acd
}

.cmn-seat__color--29 {
  background-color: #ee1c23
}

.cmn-seat__color--30 {
  background-color: #fcb814
}

.cmn-seat__color--31 {
  background-color: #231f20
}

.cmn-seat__color--32 {
  background-color: #66a8da
}

.cmn-seat__color--33 {
  background-color: #bfd5ae
}

.cmn-seat__color--34 {
  background-color: #656766;
}

.cmn-seat__color--35 {
  background-color: #eb6da5;
}

.cmn-seat__color--36 {
  background-color: #06348b;
}

.cmn-seat__color--37 {
  background-color: #9c8579;
}

.cmn-seat__color--38 {
  background-color: #247c4b;
}

.cmn-seat__color--39 {
  background-color: #aae1fa;
}

.cmn-seat__color--40 {
  background-color: #81ca9d;
}

.cmn-seat__color--41 {
  background-color: #b27ab5;
}

.cmn-seat__color--42 {
  background-color: #f172ab;
}

.cmn-seat__color--43 {
  background-color: #ffd75c;
}

.cmn-seat__color--44 {
  background-color: #68aadc;
}

.cmn-seat__color--45 {
  background-color: #63c7c7;
}

.cmn-seat__color--46 {
  background-color: #8d9ace;
}

.cmn-seat__color--47 {
  background-color: #739573;
}

.cmn-seat__color--48 {
    background-color: #fbdac8;
}

.ac_icon, .ac_icon span {
  display: inline-block;
  box-sizing: border-box;
  transition: transform 0.4s
}

.ac_icon {
  position: absolute
}

.ac_icon span {
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  left: 50%;
  top: 50%
}

.ac_icon span:first-of-type {
  transform: translateX(-50%) rotate(0deg)
}

.ac_icon span:nth-of-type(2) {
  transform: translateX(-50%) rotate(90deg)
}

.ac_icon.active span:first-of-type {
  display: none
}

.ac_icon.active span:nth-of-type(2) {
  transform: translateX(-50%) rotate(180deg)
}

.slick-dotted.slick-slider {
  margin-bottom: 0
}

.slick-dots {
  bottom: initial
}

.slick-prev {
  left: 0
}

.slick-next {
  right: 0
}

.slick-next, .slick-prev {
  z-index: 9997
}

.slick-next:before, .slick-prev:before {
  font-family: FontAwesome;
  color: #000
}

.slick-prev:before {
  content: ""
}

.slick-next:before {
  content: ""
}

.slick-dots li.slick-active button:before {
  opacity: 1;
  color: #fff
}

.slick-dots li button:before {
  opacity: 1;
  color: #c1c1c1
}

@keyframes reflect {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0
  }
  80% {
    transform: scale(0) rotate(45deg);
    opacity: 0.5
  }
  81% {
    transform: scale(4) rotate(45deg);
    opacity: 1
  }
  to {
    transform: scale(50) rotate(45deg);
    opacity: 0
  }
}

@keyframes fade-in {
  0% {
    visibility: hidden;
    opacity: 0
  }
  50% {
    visibility: visible;
    opacity: 0.5
  }
  to {
    visibility: visible;
    opacity: 1
  }
}

.popupBlock_bg {
    background: rgba(0, 0, 0, 0.5);
    overflow: hidden;
}
.popupBlock {
    max-width: 940px;
    background: #fff;
    margin: 10px auto;
    padding: 10px;
    border-radius: 5px;
}


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