/* リセット */
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

ul {
	list-style: none;
}

button, input, select, textarea {
	margin: 0;
}

html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

img, embed, iframe, object, audio, video {
	height: auto;
	max-width: 100%;
}

iframe {
	border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td, th {
	padding: 0;
	text-align: left;
}

html {
	height: 100%;
	overflow-y: hidden;
}

body{
	margin:0;
}
.cursor-hide {
    cursor: url("./img/none.cur"), auto;
}

img{
	width:100%;
	max-width:100%;
	height:auto;
	vertical-align:middle;
	border:0;
}

.frame_1 {
	display: flex;
	flex-wrap:wrap;
	width: 100%;
	height: 100vh
}

.frame_2 {
	width: 50%;
	height: 100vh;
}

.contents1 {
	width: 100%;
	height: 50vh;
}

.contents2 {
	width: 100%;
	height: 50vh;
	background-color: #FFF;
	position: relative;
}

.contents3 {
	width: 50%;
	height: 100vh;
}

iframe{
	width:100%;
	height:100%;
	border:0;
	margin:0;
	padding:0;
/* 	overflow-y: hidden; */
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
}
.slick-dots {
    bottom: 10px;
}


/*　外湯状況　*/
#content,
#content-inner {
/*	height:100vh;*/
}

#content {
	position:relative;
}

#btn-go-back {
	position:absolute;
	top:0;
	right:0px;
}

#btn-go-back a {
	display:block;
	background:#444;
	color:#FFF;
	padding:10px 15px;
	text-decoration:none;
}

#btn-go-back a:hover {
	background:#000;
}

#btn-go-old {
	position:absolute;
	top:0;
	left:0px;
}
#btn-go-old a {
	display:block;
	background:#444;
	color:#FFF;
	padding:10px 15px;
	text-decoration:none;
}
#btn-go-old a:hover {
	background:#000;
}

.title {
	line-height:1.4;
	text-align:center;
	padding-top:40px;
	margin-bottom: 30px;
	position:relative;
}

.title h1 {
	font-size:2.8em;
	font-family:serif;
	font-weight:bold;
}

.title span {
	font-size:1.3em;
	font-family:sans-serif;
	font-weight:normal;
	position:absolute;
	top:60px;
	right:3%;
}

.flex_box {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
/*	align-items: center;*/
}

#content-inner > .flex_box {
	padding:0 2%;
}

.facility {
	width:32.333%;
	min-height: 38vh;
	text-align:center;
	box-sizing:border-box;
	border:1px solid #f2f2f2;
/* 	padding: 20px 1%; */
	padding: 12px 1%;
	margin:0 0.5% 10px;
	border-radius:10px;
}

.gender .facility {
	width:49%;
	padding: 20px 1%;
	margin:0 0.5% 10px;
}

.facility.closing {
	position:relative;
}

.facility-name {
	font-size:2em;
	font-family:serif;
	font-weight:bold;
	margin: 0 -50px 5px;
}

.closing-mark {
	position: absolute;
	left: 50%;
	top: 60%;
	transform: translate(-50%, -50%);
}

.closing-mark img {
	max-width:250px;
}

.gender .closing-mark {
	top: 55%;
}

.facility .flex_box > div {
	width:50%;
}

.sex-type span {
/*	color:#FFF;
	background:#808080;
	padding:4px 10px;
	border-radius:3px;*/
}

.sex-type-male span {
	color:#0e78c4;
}

.sex-type-female span {
	color:#e63c7a;
}

.chart {
	padding:0 20%;
	position: relative;
}
.chart .count {
	position: absolute;
	left: 50%;
/* 	top: 61.5%; */
	top: 55.5%;
	transform: translate(-50%, -50%);
/*	width: 152px;
	height: 152px;
	text-align: center;
	border-radius: 50%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -78px;
	margin-top: -55px;*/
}
.chart em,
.chart span {
	font-family: Arial;
	font-weight: bold;
}
.chart .caption {
	position: absolute;
	bottom: 2px;
	right: -15px;
}
.chart em {
	display: block;
	font-size: 50px;
	font-style: normal;
	line-height: 1;
}


.bg-img {
	height:100vh;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.facility {
/* 	width:24%; */
	width:32%;
	padding: 20px 3%;
}

.gender .facility {
	width:32.333%;
}

.slick-slide img {
	/*height: 100vh;*/
	width: 100vw;
}



.relative{
	height:100vh;
	position:relative;
}
.jikai-message{
	width:80%;
	font-size:60px;
	text-align: center;
	line-height: 1;
	position: absolute;
	left: 50%;
	top: 48%;
	transform: translate(-50%, -50%);
}
.jikai-message dt{
	display:flex;
	align-items: center;
	justify-content: center;
	margin-bottom:65px;
}
.jikai-message dt::before,
.jikai-message dt::after{
	content:"";
	width:100px;
	height:2px;
	background:rgba(0,0,0,0.85);
}
.jikai-message dt::before{
	margin-right:25px;
}
.jikai-message dt::after{
	margin-left:25px;
}

.jikai-message dd{
}
.jikai-message .jikai-message-y{
	font-size:1.5em;
	margin-bottom:15px;
}
.jikai-message .jikai-message-md{
	font-size:2.6em;
}
.sotoyu-name{
	width:100%;
	font-size:80px;
	text-align:center;
	position: absolute;
	left: 0;
	bottom: 30px;
}




hr {
	border: 0;
    border-top: 1px solid #bfbfbf;
    padding: 0;
    margin: 1rem 0;
}



/*　城崎MAP　*/
#content-map {
    height:100%;
}

#gmap-wrap {
/* 	display:none; */
	width:100%;
	height:65vh;
	overflow:hidden;
/* 	float:left; */
}

#kinosakimap{
	width: 100% !important;
	height:70vh !important;
}



#gmap-sub {
	width:100%;
 	height:35vh;
/* 	height:77.3vh; */
/* 	float:right; */
}
#gmap-sub.flex {
	display:flex;
	flex-wrap:wrap;
}

#gmap-sub * {
	box-sizing: border-box;
}



.text-en{
	font-size:0.85em;
}


.tab-group{
	width:10%;
	margin:0;
	padding:0;
	list-style:none;
}
.tab{
    display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
    height:45%;
    text-align:center;
    background:#f2f2f2;
}
.tab > *{
    width:100%;
	font-size:1.3em;
}
.tab.is-active{
	font-weight:bold;
	background:#e6bc8c;
    transition: all 0.2s ease-out;
}

.page-refresh{
    display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
    height:10%;
    text-align:center;
    background:#444;
}
.page-refresh > *{
    width:100%;
	font-size:1em;
}
.page-refresh a{
    color:#FFF;
}
.panel-group{
	width:90%;
}
.panel{
    display:none;
    height: 100%;
}
.panel.is-show{
    display:block;
}


.panel,
#gmap-facility-list,
#gmap-facility-list ul,
#gmap-facility-list ul li > div{
    height: 100%;
}



.gm-style-iw dl {
	padding:15px;
}
.gm-style-iw dt {
	font-size:1.5em;
	text-align:center;
}
.gm-style-iw dd {
	font-size:2em;
	font-weight:bold;
	text-align:center;
}


#gmap-facility-list {
/*
	border-top:1px solid #80786f;
	border-bottom:1px solid #FFF;
*/
	overflow:auto;
}
#gmap-facility-list ul {
	display:flex;
	flex-wrap:wrap;
	padding:0;
	margin:0;
	list-style:none;
}
#gmap-facility-list ul li {
/* 	width:11.11111%; */	/*9列*/
/* 	width:12.5%; */	/*8列*/
	width:16.66666%;	/*6列*/
	font-size: 1.2em;
	border-bottom:1px solid #808080;
}

#gmap-facility-list ul li > div{
	display:block;
}
#gmap-facility-list ul li > div * {
	line-height:1;
}
#gmap-facility-list ul li > div > * {
	display:block;
}

#gmap-facility-list ul#facility-list-yado li > div {
	display:flex;
	flex-wrap:wrap;
	color:#000;
}
#gmap-facility-list ul#facility-list-yado li > div > span {
	display: flex;
	align-items: center;
	justify-content: center;
	width:17%;
	font-family:"impact";
	text-align:center;
	background:#e6bc8c;
}
#gmap-facility-list ul li > div > div {
	width:83%;
	background:#f2f2f2;
/* 	padding: 12px 10px 3px 15px; */
	padding: 7px 10px 2px 12px;
}
#gmap-facility-list ul li > div > div > span {
	display:block;
}

#gmap-facility-list #facility-list-other ul li > div {
	color: #000;
	padding:35px;
}

#gmap-facility-list ul li > div span.yado-name-jp,
#gmap-facility-list ul li > div span.yado-name-en {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	padding-bottom: 4px;
}
#gmap-facility-list ul li > div span.yado-name-jp{
	font-weight:bold;
}
#gmap-facility-list ul li > div span.yado-name-en{
	font-size:0.8em;
}

#facility-list-other ul li{
	border-bottom:0;
}

#gmap-sub h2 {
	font-size: 1.5em;
	line-height: 1;
	background: #e6bc8c;
	font-weight: bold;
	padding: 25px;
}





#gmap-facility-list ul.facility-list-sotoyu li {
	width:11.11111%;	/*9列*/
	width:12.5%;	/*8列*/
	width:14.2857%;	/*7列*/
	width:16.66666%;	/*6列*/
	width:20%;	/*5列*/
	width:25%;	/*4列*/
}
#gmap-facility-list ul.facility-list-ashiyu li {
/* 	width:11.11111%; */	/*9列*/
/* 	width:12.5%; */	/*8列*/
/* 	width:14.2857%; */	/*7列*/
/* 	width:16.66666%; */	/*6列*/
	width:20%;	/*5列*/
/* 	width:25%; */	/*4列*/
}
#gmap-facility-list ul.facility-list-sightseeing li {
/* 	width:11.11111%; */	/*9列*/
/* 	width:12.5%; */	/*8列*/
/* 	width:14.2857%; */	/*7列*/
/* 	width:16.66666%; */	/*6列*/
/* 	width:20%; */	/*5列*/
/* 	width:25%; */	/*4列*/
	width:auto;
}

#close-btn{
	height :20px;
	font-size: 8px;
	position: fixed;
	bottom: 0;
	z-index: 11;
	cursor:pointer;
	background-color: #000;
	color: #fff;
}
.cursor-hide #close-btn{
	display:none;
}




/*　20200213 Update　*/
#update .contents1 {
    height: 79vh;
}
#update .contents2 {
    height: 21vh;
}

#update #content-inner > .flex_box {
    padding: 0 1%;
}
#update .facility {
    width: 13.2%;
    padding: 20px 1%;
}
#update .facility-name {
    font-size: 1.3em;
    font-family: serif;
    font-weight: bold;
    margin: 0 -50px 0px;
}