@charset "utf-8";
/* CSS Document */

table.new-area-table {width:100%;}
table.new-area-table thead th {text-align:center;background:#083ab3;font-size:16px;padding:10px;color:#fff}

table.new-area-table tbody tr:nth-child(odd) {background-color: #ffffff;}
table.new-area-table tbody tr:nth-child(even) {background-color: #f2f2f2;}

table.new-area-table tbody  {border-bottom:10px solid #d1ddfc}
table.new-area-table tbody:last-child {border-bottom:15px solid #083ab3}

table.new-area-table td {padding:10px;vertical-align: top;font-weight: 100;font-size:16px;border:1px solid #ddd;}

table.new-area-table td.new-area-img {width:20%;}
table.new-area-table td.new-area-info {width:25%;}
table.new-area-table td.new-area-sp {width:15%;}
table.new-area-table td.new-area-center {width:15%;text-align:center;}
table.new-area-table td.new-area-res {width:25%;}

.new-area-image img {width:100%;margin:5px 0}
.new-area-link {text-align:center;}
.new-area-link a {color:#874df2;}

.new-area-type {float:left;margin:0 2px 10px;}
.new-area-memo {font-size:14px;border:1px solid #bbb;padding:5px 10px;border-radius:10px;}
.new-area-red {font-weight:bold;color:#ff0000;}
.new-area-spsp {color:#a90920;font-size: 14px;}
.new-area-spsp:before{content:'\f058';font-family: 'Font Awesome 5 Free'; font-weight: 900;margin-right:5px;}
.new-area-room {font-size:14px}
.new-area-number {font-size:18px;font-weight:bold;padding:0 2px;}
.new-area-cancel {font-size:14px}
.new-area-cancel a {color:#64a1f3}

.new-area-en {text-align:right;font-size:18px;font-weight:bold;}
.new-area-fee {font-size:26px;font-weight:bold;}
.new-area-btn {color: #fff; background-color: #eb6100;text-align: center;padding: 10px;margin: 5px 5px 0;border-radius:10px;}
.new-area-btn:hover,a.new-area-btn:hover {color: #fff; background: #f56500;}

.gallery img {width: 100%;}
.gallery-img {margin: auto;max-width: 600px;}
.gallery-list {padding: 0; list-style: none;display: flex; justify-content: center;}
.js-image {cursor: pointer;border: none;background: none;transition: .4s;}
.js-image img {object-fit:cover;width:140px;height:100px}
.js-image:hover{ opacity: 0.4;}
.pop-title {margin:30px 0 10px;color:#083ab3;font-size:18px;font-weight:bold}
dl.pop-dl {margin:30px 0 20px;; display: flex; flex-wrap: wrap; width: 100%;}
dl.pop-dl dt {line-height:28px}
dl.pop-dl dd {font-weight:100;padding-left:10px;line-height:28px}

@media screen and (min-width: 750px) {
	.page-details .popupBlock {height:auto;}
	.page-details .popupBlock.open {width: 60%;left: 20%;top:30px;padding-bottom: 50px;}
	.page-details .popupBlock.open .close {right:20px;}
	.page-details .popupBlock .popupBlockContBox {width:auto;height: auto;}
	.page-details .popupBlock .main {width:auto;height: 600px;padding:50px;}
}

@media screen and (max-width: 749px) {
	table.new-area-table td {border:none;padding:5px 10px;}
	table.new-area-table tr {border:1px solid #ddd;}
	table.new-area-table th,table.new-area-table td {display:block;width:100% !important}
	table.new-area-table thead th {padding:5px;font-size:14px;}
	table.new-area-table td.new-area-img {width:100%;text-align:center;}
	table.new-area-table td.new-area-sp {clear:both;}
	.new-area-en {text-align:center}
	.new-area-btn {margin-bottom:20px;}
	.new-area-img {width:100%}
	.page-details .popupBlock.open .close {top:37px;}
	.gallery-list-item {width:calc(100% / 4)}
	.js-image img {width:100%;height:60px}
	dl.pop-dl dd {padding-left:5px;line-height:18px}
}