@charset "UTF-8";
/* FACILITY
------------------------------*/
.facility .facilityWrap > .inner > h1 {
  margin: 0 10px 20px;
  font-size: 128.6%;
  font-weight: normal; }
.facility .facilityWrap > .inner > section > div h1 {
  margin-bottom: 35px;
  text-align: center;
  font-size: 185.8%; }
.facility .facilityWrap > .inner > section:last-child {
  margin-bottom: 0; }
.facility .facilityWrap > .inner > section .moreBtn {
  clear: both; }
  .facility .facilityWrap > .inner > section .moreBtn a {
    display: block;
    padding: 13px 10px;
    text-align: center;
    color: #000;
    font-size: 114.3%;
    font-weight: bold;
    text-decoration: none;
    background: #fff; }
.facility .facilityWrap > .inner > section .accordion {
  margin-bottom: 10px;
  border-color: #000;
  border-width: 1px 0;
  border-style: solid; }
  .facility .facilityWrap > .inner > section .accordion .titleWrap {
    position: relative;
    padding: 10px 15px;
    font-size: 114.3%;
    background-image: url(../../img/ico_plus.png), url(../../img/bg_dot.png);
    background-repeat: no-repeat, repeat;
    background-position: 96% center, center;
    background-size: 24.5px, 16px;
    cursor: pointer; }
    .facility .facilityWrap > .inner > section .accordion .titleWrap.active {
      background-image: url(../../img/ico_minus.png), url(../../img/bg_dot.png); }
    .facility .facilityWrap > .inner > section .accordion .titleWrap:after {
      position: absolute;
      left: 15px;
      right: 15px;
      bottom: -0px;
      display: block;
      width: auto;
      height: 1px;
      background: #333;
      content: ''; }
    .facility .facilityWrap > .inner > section .accordion .titleWrap h1.title {
      text-align: center;
      padding: 0 40px;
      font-size: 16px; }
  .facility .facilityWrap > .inner > section .accordion .main {
    display: none;
    padding: 15px; }
    .facility .facilityWrap > .inner > section .accordion .main div:last-child {
      margin-bottom: 0; }
.facility .facilityWrap > .inner > section #facilityInfo .main {
  padding-bottom: 33px; }

/* --- MT入力エリア --- */
section .main.inputArea a {
	color: #000;
	text-decoration: underline;
}
section .main.inputArea > p {
	line-height: 1.4;
	margin: 0 0 15px;
}
section .main.inputArea .lead {}
	section .main .lead p {
		line-height: 1.4;
		margin: 0 0 15px;
	}
section .main.inputArea h3 {
	background: #d7d7d7;
	padding: 7px 15px;
	margin: 0 0 15px;
}
section .main.inputArea .float .image {
	text-align: center;
	margin: 0 0 15px;
}
section .main.inputArea .float dl {
	line-height: 1.4;
	margin: 0 0 15px;
}
	section .main.inputArea dl dt {
		font-size: 107.2%;
		font-weight: bold;
		margin: 0 0 5px;
	}
		section .main.inputArea dl dt span {
			display: block;
			font-size: 12px;
		}
section .main.inputArea table {
	width: 100%;
	margin: 0 0 15px;
}
	section .main.inputArea table th,
	section .main.inputArea table td {
		border-bottom: 1px solid #d7d7d7;
		vertical-align: top;
		line-height: 1.4;
		padding: 5px;
	}
section .main.inputArea div.att {
	font-size: 92.9%;
	line-height: 1.5;
	margin: 0 0 15px;
}
	section .main.inputArea div.att ul {}
		section .main.inputArea div.att ul li {
			font-size: 11px;
		}
		section .main.inputArea div.att ul li:last-child {
			margin: 0;
		}
section .main.inputArea .link {
	margin: 0 0 15px;
}
	section .main.inputArea .link span {
		display: block;
	}
	section .main.inputArea .link a {
		display: block;
		text-decoration: underline;
	}

.facility .facilityWrap > .inner > section #theaterInfo .main {
  padding-bottom: 35px; }
  .facility .facilityWrap > .inner > section #theaterInfo .main .floorMap {
    margin-bottom: 20px; }
    .facility .facilityWrap > .inner > section #theaterInfo .main .floorMap > div {
      margin-bottom: 10px; }
      .facility .facilityWrap > .inner > section #theaterInfo .main .floorMap > div:last-child {
        margin-bottom: 0; }
      .facility .facilityWrap > .inner > section #theaterInfo .main .floorMap > div .image {
        text-align: center; }
  .facility .facilityWrap > .inner > section #theaterInfo .main table {
    width: 100%; }
    .facility .facilityWrap > .inner > section #theaterInfo .main table a {
      color: #000; }
    .facility .facilityWrap > .inner > section #theaterInfo .main table thead tr th, .facility .facilityWrap > .inner > section #theaterInfo .main table tbody {
      border-top: 5px solid #fff;
      border-bottom: 5px solid #fff; }      
    .facility .facilityWrap > .inner > section #theaterInfo .main table thead tr th, .facility .facilityWrap > .inner > section #theaterInfo .main table tfoot tr th {
      padding: 4px 7px;
      font-size: 78.6%;
      color: #fff;
      line-height: 1.3;
      background: #535353; }
      .facility .facilityWrap > .inner > section #theaterInfo .main table thead tr th.capacity, .facility .facilityWrap > .inner > section #theaterInfo .main table tfoot tr th.capacity {
        width: 75px;
        padding: 4px 0; }
    .facility .facilityWrap > .inner > section #theaterInfo .main table thead tr th.capacity {
      font-size: 9px; }
    .facility .facilityWrap > .inner > section #theaterInfo .main table tfoot tr th {
      padding-top: 7px;
      padding-bottom: 7px; }
    .facility .facilityWrap > .inner > section #theaterInfo .main table tbody tr th, .facility .facilityWrap > .inner > section #theaterInfo .main table tbody tr td {
      padding: 10px;
      font-size: 78.6%; }
      .facility .facilityWrap > .inner > section #theaterInfo .main table tbody tr th a, .facility .facilityWrap > .inner > section #theaterInfo .main table tbody tr td a {
        text-decoration: underline; }
    .facility .facilityWrap > .inner > section #theaterInfo .main table tbody tr:last-child tr th, .facility .facilityWrap > .inner > section #theaterInfo .main table tbody tr:last-child tr td {
      border: none; }
.facility .facilityWrap > .inner > section #priceInfo .main {
  padding-bottom: 35px; }
    .facility .facilityWrap > .inner > section #priceInfo .main .box h3 {
      margin-top: 30px;
      margin-bottom: 5px;
      padding: 6px 10px;
      background: #d7d7d7;
      font-size: 85.8%; }
    .facility .facilityWrap > .inner > section #priceInfo .main .box h3:first-child {
      margin-top: 0; }
    .facility .facilityWrap > .inner > section #priceInfo .main .box table {
      width: 100%; }
      .facility .facilityWrap > .inner > section #priceInfo .main .box table a {
        color: #000; }
      .facility .facilityWrap > .inner > section #priceInfo .main .box table tbody tr th, .facility .facilityWrap > .inner > section #priceInfo .main .box table tbody tr td {
        vertical-align: top;
        padding: 5px 0;
        line-height: 1.4; }
      .facility .facilityWrap > .inner > section #priceInfo .main .box table tbody tr td {
        font-size: 92.9%; }
        .facility .facilityWrap > .inner > section #priceInfo .main .box table tbody tr td .att {
          font-size: 11px;
          line-height: 1.45; }
      .facility .facilityWrap > .inner > section #priceInfo .main .box table tbody tr td.price {
        padding: 5px 0 5px 10px;
        width: 70px;
        font-size: 14px;
        font-weight: bold; }
        .facility .facilityWrap > .inner > section #priceInfo .main .box table tbody tr td.price span {
          font-size: 12px; }
    .facility .facilityWrap > .inner > section #priceInfo .main .box div.att {
      padding: 13px 0 0;
      font-size: 92.9%;
      line-height: 1.5; }
      .facility .facilityWrap > .inner > section #priceInfo .main .box div.att p {
        margin-bottom: 1.5em; }
        .facility .facilityWrap > .inner > section #priceInfo .main .box div.att p span {
          font-size: 11px; }
        .facility .facilityWrap > .inner > section #priceInfo .main .box div.att p:last-child {
          margin: 0; }
    .facility .facilityWrap > .inner > section #priceInfo .main .box .image {
      margin-top: 25px;
      text-align: center; }
    .facility .facilityWrap > .inner > section #priceInfo .main .box table.line3 tbody tr td.label {
      width: 50px; }
    .facility .facilityWrap > .inner > section #priceInfo .main .box table.line3 tbody tr td dl {
      font-size: 12px; }
      .facility .facilityWrap > .inner > section #priceInfo .main .box table.line3 tbody tr td dl dd a {
        margin-top: 4px;
        display: inline-block;
        font-size: 13px;
        text-decoration: underline; }
.facility .facilityWrap > .inner > section #shopInfo .main {
  padding-top: 18px; }
  .facility .facilityWrap > .inner > section #shopInfo .main .box {
    margin-bottom: 15px; }
    .facility .facilityWrap > .inner > section #shopInfo .main .box:last-child {
      margin-bottom: 0; }
    .facility .facilityWrap > .inner > section #shopInfo .main .box h3 {
      margin-bottom: 10px;
      padding: 7px 15px;
      background: #d7d7d7; }
      .facility .facilityWrap > .inner > section #shopInfo .main .box p.image {
        position: relative;
	overflow: hidden;
	height: 150px;
        text-align: center;}
        .facility .facilityWrap > .inner > section #shopInfo .main .box p.image .topZoom {
          position: absolute;
          bottom: 0;
          left: 4px; }
    .facility .facilityWrap > .inner > section #shopInfo .main .box .btn {
      margin: 10px; }
      .facility .facilityWrap > .inner > section #shopInfo .main .box .btn a {
        display: block;
        padding: 12px;
        text-align: center;
        font-size: 92.9%;
        font-weight: bold;
        border: #000 1px solid;
        border-radius: 2.5px; }
  .facility .facilityWrap > .inner > section #shopInfo .main .panelWrap .slick-dots {
    padding-top: 10px;
    text-align: center; }
    .facility .facilityWrap > .inner > section #shopInfo .main .panelWrap .slick-dots li {
	display: inline-block;
	margin: 0 5px; }
    .facility .facilityWrap > .inner > section #shopInfo .main .panelWrap .slick-dots li button {
	display: block;
	width: 9px;
	height: 9px;
	background: #b1aeae;
	border: none;
	text-indent: -9999px;
	padding: 0;
	outline: none;
	cursor: pointer; }
      .facility .facilityWrap > .inner > section #shopInfo .main .panelWrap .slick-dots li.slick-active button {
        background: #373737; }
.facility .facilityWrap > .inner > section .freeBlock .main {
  padding-bottom: 35px; }
    .facility .facilityWrap > .inner > section .freeBlock .main .box h3 {
      margin-top: 30px;
      margin-bottom: 5px;
      padding: 6px 10px;
      background: #d7d7d7;
      font-size: 85.8%; }
    .facility .facilityWrap > .inner > section .freeBlock .main .box h3:first-child {
      margin-top: 0; }
    .facility .facilityWrap > .inner > section .freeBlock .main .box p {
      margin-top: 15px; }
    .facility .facilityWrap > .inner > section .freeBlock .main .box table {
      margin: 15px 0;
      width: 100%; }
      .facility .facilityWrap > .inner > section .freeBlock .main .box table a {
        color: #000; }
      .facility .facilityWrap > .inner > section .freeBlock .main .box table tr th,
      .facility .facilityWrap > .inner > section .freeBlock .main .box table tr td {
        border-bottom: 1px solid #d7d7d7;
        vertical-align: top;
        padding: 5px;
        line-height: 1.4; }
    .facility .facilityWrap > .inner > section .freeBlock .main .box div.att {
      padding: 13px 0 0;
      font-size: 92.9%;
      line-height: 1.5; }
      .facility .facilityWrap > .inner > section .freeBlock .main .box div.att ul {
        margin-bottom: 1.5em; }
        .facility .facilityWrap > .inner > section .freeBlock .main .box div.att ul li {
          font-size: 11px; }
        .facility .facilityWrap > .inner > section .freeBlock .main .box div.att ul li:last-child {
          margin: 0; }
    .facility .facilityWrap > .inner > section .freeBlock .main .box .float {
      margin-top: 25px; }
    .facility .facilityWrap > .inner > section .freeBlock .main .box .image {
      text-align: center; }
    .facility .facilityWrap > .inner > section .freeBlock .main .box dl {
      margin-top: 25px; }
	.facility .facilityWrap > .inner > section .freeBlock .main .box dl dt {
	  margin-top: 15px; }
	.facility .facilityWrap > .inner > section .freeBlock .main .box dl dd {
	  margin-top: 0; }
    .facility .facilityWrap > .inner > section .freeBlock .main .box .link {
      margin-top: 25px; }
	.facility .facilityWrap > .inner > section .freeBlock .main .box .link span {
	  display: block; }
	.facility .facilityWrap > .inner > section .freeBlock .main .box .link a {
	  text-decoration: underline;
	  display: block; }
	  

/* 施設画像モーダル
------------------------------*/
/*
#facilityInfoModal {
  .wrap {
    display: none;
    width: 760px;
		height: 80vh;
    //height: 372px;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
    padding: 0;
    margin: auto;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 300;
		.jspContainer {
			> .jspPane {
				position: absolute;
			}
			.jspVerticalBar {
				position: absolute;
				top: 0;
				right: 0;
				width: 8px;
				height: 100%;
			}
		}
		.jspHorizontalBar {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 8px;
		}
		.jspTrack {
			background: #fff;
			position: relative;
		}
		.jspDrag {
			background: #ccc;
			border: 1px solid #fff;
			position: relative;
			top: 0;
			left: 0;
			cursor: pointer;
		}
		.jspHorizontalBar {
			.jspTrack, .jspDrag {
				float: left;
				height: 100%;
			}
		}
    .scrollInner {
			overflow: auto;
      //display: table;
      //width: 100%;
			height: calc(80vh - 55px);
			.inner {
				box-sizing: border-box;
				min-height: calc(80vh - 55px);
				position: relative;
				padding: 34px 29px 90px;
			}
      #imgDisp {
				display: block;
				margin-bottom: 33px;
        //display: table-cell;
        //height: 372px;
        vertical-align: middle;
        cursor: pointer;
        img {
          //max-height: 372px;
        }
      }
    }
		h1 {
			height: 43px;
			background: #373737;
			color: #fff;
			font-size: 143%;
			text-align: center;
			padding: 12px 0 0;
			position: relative;
			.modalClose {
				color: #fff;
				cursor: pointer;
				position: absolute;
				top: 10px;
				right: 20px;
			}
		}
		.labelArea {
			position: relative;
			width: 340px;
			padding: 8px 50px;
			margin: 0 auto 32px;
			h2 {
				@include font-size(16);
			}
			span {
				position: absolute;
				top: 50%;
				display: block;
				width: 39px;
				height: 39px;
				margin-top: -19px;
				border-radius: 5px;
				cursor: pointer;
				background-color: rgba(0,0,0,.85);
				background-repeat: no-repeat;
				background-size: 12px 18px;
				&.prev {
					left: 0;
					background-position: 12px center;
					background-image: url(../../img/facility/ico_prev@2x.png);
				}
				&.next {
					right: 0;
					background-position: 15px center;
					background-image: url(../../img/facility/ico_next@2x.png);
				}
				&.nothing {
					background-color: rgba(102,102,102,.85);
					cursor: default;
				}
			}
		}
		#infoDisp {
			width: 370px;
			margin: auto;
			text-align: left;
			letter-spacing: -.4em;
			dt {
				display: inline-block;
				width: 160px;
				padding-right: 10px;
				letter-spacing: normal;
			}
			dd {
				display: inline-block;
				width: 200px;
				letter-spacing: normal;
				font-weight: bold;
			}
		}
    p.modalClose {
      display: block;
      width: 40%;
      background: #fff;
      border: 1px solid #000;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 5px;
      color: #000;
      font-size: 129%;
      font-weight: bold;
      text-align: center;
      padding: 5px 0;
      margin: 0 auto;
      cursor: pointer;
			position: absolute;
			right: 0;
			left: 0;
			bottom: 20px;
    }
  }
  #overlay {
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 299;
  }
}
*/
/* モーダル
------------------------------*/
.modal {
  display: none;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: scroll;
  margin: 0 auto;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100; }
  .modal .modalHeader {
    min-height: 46px;
    background: #373737;
    padding: 0 30px;
    position: relative; }
    .modal .modalHeader .text {
      text-align: center;
      color: #fff;
      font-size: 107.2%;
      padding: 10px 0 0; }
    .modal .modalHeader .modalClose {
      color: #fff;
      font-size: 129%;
      cursor: pointer;
      position: absolute;
      top: 6px;
      right: 10px; }
  .modal > .inner {
    text-align: center;
    padding-bottom: 87px;
  }
  .modal .inner .image {
    padding: 0;
  }
  .modal .inner .labelArea {
    text-align: center;
    padding: 15px;
    position: relative; }
    .modal .inner .labelArea h2 {
      font-size: 100%; }
    .modal .inner .labelArea .prev,
    .modal .inner .labelArea .next {
    	position: absolute;
	top: 50%;
	display: block;
	width: 39px;
	height: 39px;
	margin-top: -19px;
	border-radius: 5px;
	cursor: pointer;
	background-color: rgba(0,0,0,.85);
	background-repeat: no-repeat;
	background-size: 12px 18px;
    }
    .modal .inner .labelArea .prev {
    	left: 10px;
	background-position: 12px center;
	background-image: url(../../img/facility/ico_prev@2x.png);
	background-size: 12px 13px;
    }
    .modal .inner .labelArea .next {
    	right: 10px;
	background-position: 15px center;
	background-image: url(../../img/facility/ico_next@2x.png);
	background-size: 12px 13px;
    }
    .modal .inner .labelArea .nothing {
    	display: none;
    	background-color: rgba(102,102,102,.85);
	cursor: default;
    }
  .modal .inner #infoDisp {
    padding-bottom: 15px;
    margin: auto 25px;
    text-align: left;
    letter-spacing: -.4em; }
    .modal .inner #infoDisp dt {
      display: inline-block;
      width: 105px;
      padding-right: 10px;
      vertical-align: top;
      letter-spacing: normal;
      font-size: 92.9%; }
    .modal .inner #infoDisp dd {
      display: inline-block;
      vertical-align: top;
      width: calc(100% - 115px);
      letter-spacing: normal;
      font-weight: bold; }