@charset "UTF-8";
.ttl {
 background-image: url("../img/spot/ttl-bg.png");
}
.form-keyword {
 border: 1px solid #ddd;
 margin-top: 15px;
 padding-left: 1em;
 padding-right: 1em;
 height: 40px;
 width: 100%;
}
@media screen and (max-width:767px) {}
.basic-info-list, .barrier-free-list {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 border: 1px dotted #ccc;
 padding: 2%;
}
.basic-info-list li, .barrier-free-list li {
 display: flex;
 align-items: center;
 height: 30px;
 padding-left: 35px;
 color: #ddd;
 font-size: 1.3rem;
}
.basic-info-list li:nth-child(n+2) {
 margin-left: 4%;
}
.barrier-free-list li {
 width: 25%;
}
.barrier-free-list li:nth-child(n+5) {
 margin-top: 2%;
}
.basic-info-list li.use, .barrier-free-list li.use {
 color: #111;
}
.basic-info-list li:nth-child(1) {
 background: url(../img/spot/icon-wc-no.gif) no-repeat 0 0;
}
.basic-info-list li:nth-child(2) {
 background: url(../img/spot/icon-restaurant-no.gif) no-repeat 0 0;
}
.basic-info-list li:nth-child(3) {
 background: url(../img/spot/icon-parking-no.gif) no-repeat 0 0;
}
.basic-info-list li:nth-child(4) {
 background: url(../img/spot/icon-shop-no.gif) no-repeat 0 0;
}
.basic-info-list li:nth-child(5) {
 background: url(../img/spot/icon-locker-no.gif) no-repeat 0 0;
}
.basic-info-list li.use:nth-child(1) {
 background: url(../img/spot/icon-wc.gif) no-repeat 0 0;
}
.basic-info-list li.use:nth-child(2) {
 background: url(../img/spot/icon-restaurant.gif) no-repeat 0 0;
}
.basic-info-list li.use:nth-child(3) {
 background: url(../img/spot/icon-parking.gif) no-repeat 0 0;
}
.basic-info-list li.use:nth-child(4) {
 background: url(../img/spot/icon-shop.gif) no-repeat 0 0;
}
.basic-info-list li.use:nth-child(5) {
 background: url(../img/spot/icon-locker.gif) no-repeat 0 0;
}
.barrier-free-list li:nth-child(1) {
 background: url(../img/spot/icon-bf1-no.gif) no-repeat 0 0;
}
.barrier-free-list li:nth-child(2) {
 background: url(../img/spot/icon-bf2-no.gif) no-repeat 0 0;
}
.barrier-free-list li:nth-child(3) {
 background: url(../img/spot/icon-bf3-no.gif) no-repeat 0 0;
}
.barrier-free-list li:nth-child(4) {
 background: url(../img/spot/icon-bf4-no.gif) no-repeat 0 0;
}
.barrier-free-list li:nth-child(5) {
 background: url(../img/spot/icon-bf5-no.gif) no-repeat 0 0;
}
.barrier-free-list li:nth-child(6) {
 background: url(../img/spot/icon-bf6-no.gif) no-repeat 0 0;
}
.barrier-free-list li:nth-child(7) {
 background: url(../img/spot/icon-bf7-no.gif) no-repeat 0 0;
}
.barrier-free-list li:nth-child(8) {
 background: url(../img/spot/icon-bf8-no.gif) no-repeat 0 0;
}
.barrier-free-list li:nth-child(9) {
 background: url(../img/spot/icon-bf9-no.gif) no-repeat 0 0;
}
.barrier-free-list li:nth-child(10) {
 background: url(../img/spot/icon-bf10-no.gif) no-repeat 0 0;
}
.barrier-free-list li.use:nth-child(1) {
 background: url(../img/spot/icon-bf1.gif) no-repeat 0 0;
}
.barrier-free-list li.use:nth-child(2) {
 background: url(../img/spot/icon-bf2.gif) no-repeat 0 0;
}
.barrier-free-list li.use:nth-child(3) {
 background: url(../img/spot/icon-bf3.gif) no-repeat 0 0;
}
.barrier-free-list li.use:nth-child(4) {
 background: url(../img/spot/icon-bf4.gif) no-repeat 0 0;
}
.barrier-free-list li.use:nth-child(5) {
 background: url(../img/spot/icon-bf5.gif) no-repeat 0 0;
}
.barrier-free-list li.use:nth-child(6) {
 background: url(../img/spot/icon-bf6.gif) no-repeat 0 0;
}
.barrier-free-list li.use:nth-child(7) {
 background: url(../img/spot/icon-bf7.gif) no-repeat 0 0;
}
.barrier-free-list li.use:nth-child(8) {
 background: url(../img/spot/icon-bf8.gif) no-repeat 0 0;
}
.barrier-free-list li.use:nth-child(9) {
 background: url(../img/spot/icon-bf9.gif) no-repeat 0 0;
}
.barrier-free-list li.use:nth-child(10) {
 background: url(../img/spot/icon-bf10.gif) no-repeat 0 0;
}
@media screen and (max-width: 1200px) {
 .basic-info-list li {
  margin-right: 10px;
  padding-left: 35px;
 }
}
@media screen and (max-width: 1024px) {
 .barrier-free-list li {
  width: 32%;
  line-height: 2.5em;
 }
 .barrier-free-list li:nth-child(n+4) {
  margin-top: 2%;
 }
 .barrier-free-list li br {
  display: none;
 }
}
@media screen and (max-width: 767px) {
 .basic-info-list, .barrier-free-list {
  padding: 15px;
 }
 .basic-info-list li, .barrier-free-list li {
  height: 20px;
  margin-right: 10px;
  padding-left: 25px;
 }
 .basic-info-list li:nth-child(1), .basic-info-list li:nth-child(2), .basic-info-list li:nth-child(3), .basic-info-list li:nth-child(4), .basic-info-list li:nth-child(5), .basic-info-list li.use:nth-child(1), .basic-info-list li.use:nth-child(2), .basic-info-list li.use:nth-child(3), .basic-info-list li.use:nth-child(4), .basic-info-list li.use:nth-child(5), .barrier-free-list li:nth-child(1), .barrier-free-list li:nth-child(2), .barrier-free-list li:nth-child(3), .barrier-free-list li:nth-child(4), .barrier-free-list li:nth-child(5), .barrier-free-list li:nth-child(6), .barrier-free-list li:nth-child(7), .barrier-free-list li:nth-child(8), .barrier-free-list li:nth-child(9), .barrier-free-list li:nth-child(10), .barrier-free-list li.use:nth-child(1), .barrier-free-list li.use:nth-child(2), .barrier-free-list li.use:nth-child(3), .barrier-free-list li.use:nth-child(4), .barrier-free-list li.use:nth-child(5), .barrier-free-list li.use:nth-child(6), .barrier-free-list li.use:nth-child(7), .barrier-free-list li.use:nth-child(8), .barrier-free-list li.use:nth-child(9), .barrier-free-list li.use:nth-child(10) {
  background-size: 20px;
  line-height: 1.5em;
 }
 .basic-info-list li, .barrier-free-list li {
  width: 100%;
  margin-right: 0;
  font-weight: normal;
 }
 .basic-info-list li:nth-child(n+2), .barrier-free-list li:nth-child(n+2) {
  margin-top: 10px;
 }
 .basic-info-list li:nth-child(n+2) {
  margin-left: 0;
 }
}
table.spot-detail-table {
 border-collapse: collapse;
 width: 100%;
 margin-top: 30px;
}
@media screen and (max-width: 767px) {
 .spot-convention-table-box table th, .spot-convention-table-box table td {
  padding: 5px;
 }
}
table.spot-detail-table th, table.spot-detail-table td {
 padding: 20px;
 border: solid 1px #e5e5e5;
}
table.spot-detail-table td a {
 color: #8F6D48;
 text-decoration: underline;
}
table.spot-detail-table td a:hover {
 text-decoration: none;
}
table.spot-detail-table th {
 width: 18%;
 background-color: #F9F8F6;
 text-align: center;
 vertical-align: middle;
}
table.spot-detail-table ul.by-bus, table.spot-detail-table ul.by-train, table.spot-detail-table ul.by-car {
 display: flex;
}
table.spot-detail-table ul.by-bus li:first-child, table.spot-detail-table ul.by-train li:first-child, table.spot-detail-table ul.by-car li:first-child {
 display: flex;
 align-items: center;
 justify-content: center;
 width: 14%;
 margin-right: 2%;
 background-color: #eee;
 text-align: center;
}
table.spot-detail-table ul.by-bus li:last-child, table.spot-detail-table ul.by-train li:last-child, table.spot-detail-table ul.by-car li:last-child {
 width: 84%;
}
table.spot-detail-table ul:nth-child(n+2) {
 margin-top: 10px;
 padding-top: 10px;
 border-top: 1px dotted #ccc;
}
@media screen and (max-width: 767px) {
 table.spot-detail-table {
  border-top: 1px solid #ddd;
 }
 table.spot-detail-table td, table.spot-detail-table th {
  padding: 8px;
 }
 table.spot-detail-table td {
  display: block;
 }
 table.spot-detail-table th {
  display: block;
  border-top: none;
  border-bottom: none;
  width: 100%;
  text-align: left;
 }
}
.page-spot .spot-tab {
 width: 98%;
 margin-right: auto;
 margin-left: auto;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
}
.page-spot .spot-tab li {
 width: 49%;
}
.page-spot .spot-tab li a {
 position: relative;
 display: block;
 width: 100%;
 padding: 15px;
 background: #f3f3f3;
 border-top: 1px solid #dadada;
 border-right: 1px solid #dadada;
 border-left: 1px solid #dadada;
 -webkit-border-radius: 5px 5px 0 0;
 -moz-border-radius: 5px 5px 0 0;
 border-radius: 5px 5px 0 0;
 color: #666;
 line-height: 1.5;
 text-align: center;
}
.page-spot .spot-tab li.active a {
 background: #111;
 border-top: 1px solid #111;
 border-right: 1px solid #111;
 border-left: 1px solid #111;
 color: #fff;
 font-weight: 700;
}
.page-spot .spot-tab-box-inner {
 display: none;
 border-top: 1px solid #dadada;
 padding-top: 30px;
}
.page-spot .l-spot li a p {
 padding-top: 10px;
 font-family: source-han-serif-japanese, serif;
 font-weight: 400;
 text-align: center;
}
.yt-movie  {
width: 100%;
aspect-ratio: 16 / 9;
}
.yt-movie iframe {
width: 100%;
height: 100%;
}

@media screen and (max-width: 767px) {
.page-spot .spot-tab li a {
 padding: 5px;
	font-size: 1.1rem;
	letter-spacing: 0;
}
.page-spot .spot-tab-box-inner {
 padding-top: 20px;
}
	.page-spot .l-spot li a p {
 padding-top: 5px;
 text-align: left;
}
}