/*
 Template:     poseidon
 Theme Name:   tabinoyado
 Author: str2000
*/

body{
	background: #fff;
	padding: 0;
	margin: 0;
	font-family: "Noto Sans Japanese";
	overflow-x: hidden!important;
	width: 100%!important;
	position: relative!important;
	

}
html{
	overflow-x: hidden!important;
	width: 100%!important;
	position: relative!important;
	
}
button,
input,
select,
textarea {
	font-family: "Noto Sans Japanese";
}
/*--------------------------------------------------------------
# 4.0 - Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 0.4em 0.8em;
	border: none;
	background: #22aadd;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	font-size: 0.8125rem;
	font-family: "Noto Sans Japanese";
	transition: all 0.2s ease;
}


button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #404040;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	padding: 0.3em 0.6em;
	max-width: 100%;
	border: 1px solid #ccc;
	color: #666;
	font-family: "Noto Sans Japanese";
	border-radius: 2px;
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border: 1px solid #ccc;
	color: #111;
}

textarea {
	width: 100%!important;
}
th,td{
	color: #333;
	border: none;
		border-bottom: solid #ccc 1px;
		text-align: left;
		background: none;
	padding: 30px 0;
	}
	th{
		width: 200px;
		text-align: center;
	}
	td{
		
	}
.sp{
	display: none;
}
.pc{
	display: block;
}
#ofprefecture option{
	display: none;
}
.select-prefecture{
	position: absolute;
	left: 50%;
	top:50px;
	width: 25%;
	background: #fff;
	z-index: 2;
	padding: 19px;
	font-size: 12px;
	text-align: center;
}
article.page{
	width: 100%;
	max-width: 960px;
	background: rgba(255,255,255,0.9);
	margin: auto;
	padding: 50px;
	margin-bottom: 50px;
	
	border-radius:			4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
	-moz-border-radius:	4px;
}
.entry-header {
	text-align: center;
	margin: 30px 0;
}
h1{
	font-family: "Noto Sans Japanese"!important;
	font-size: 28px!important;
}
h1.page-title{
	position: relative;
	text-align: center;
	font-size: 24px;
}
h1.page-title::before{
	position: absolute;
	content:"";
	width: 50px;
	height: 5px;
	background: #333;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translate(-50%, 0%); /* Safari用 */
	transform: translate(-50%, 0%);
}
.search-area-2{
	width: 100%;
	max-width: 960px;
	margin: 120px auto 20px auto;
	display: block;
	
	border: solid 2px #fff;
	border-radius:			4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
	-moz-border-radius:	4px;
}
.search-inner{
	margin: 4px;
	padding: 4px;
	background: rgba(255,255,255,0.9);
	
	border-radius:			4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
	-moz-border-radius:	4px;
	position: relative;
	
}
.search-area-2.search-home{
	margin: 0px auto 0px auto;
	position: absolute;
	width: 100%;
	max-width: 700px;
	z-index: 2;
	top: 25%;
	left: 50%;
	-webkit-transform: translate(-50%, 0%); /* Safari用 */
	transform: translate(-50%, 0%);
}
.search-area-2 form{
	width: 100%;
}
.search-area-2 ul{
	width: 100%;
	margin: 0;
	padding: 0px 0 10px 0;
	
}
.search-area-2 ul li {
	margin: 0;
	padding: 5px 10px;
	
}
.search-area-2 form div>ul>li:nth-child(3) {
	
}
.search-area-2 form div>ul>li:nth-child(-n+4) {
	width: 25%!important;
}
.search-area-2 form div>ul>li:nth-child(-n+4) h4{
	padding-left: 1.4em;
	position: relative;
	color: #444;
}
.search-area-2 form div>ul>li:nth-child(1) h4::before {
	position: absolute;
	bottom: -1px;
	left: 0em;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	font-family: 'Font Awesome 5 Free';
	content: '\f305';
}
.search-area-2 form div>ul>li:nth-child(4) {
 display: inline-block!important;
	
}
.search-area-2 form div>ul>li:nth-child(2) h4::before {
	position: absolute;
	position: absolute;
	bottom: -1px;
	left: 0em;
	padding: 0;
	-webkit-font-smoothing: antialiased;
	font-family: 'Font Awesome 5 Free';
	content: '\f279';
	
	font-weight: lighter!important;
}
.search-area-2 form div>ul>li:nth-child(3) h4::before {
	position: absolute;
	bottom: -1px;
	left: 0em;
	padding: 0;
	
	font-family: 'Font Awesome 5 Free';
	content: '\f0fd';
	
}
.search-area-2 form div>ul>li:nth-child(4) h4::before {
	position: absolute;
	bottom: -1px;
	left: 0em;
	padding: 0;
	font-family: 'Font Awesome 5 Free';
	content: '\f0fd';
}
.search-area-2 ul li:nth-child(n+5) h4{
	padding: 5px 0;
	letter-spacing: 0.1em;
	margin: 10px 0;
	color: #444;
	background: rgba(0,0,0,0.08);
	text-align: center;
	border-radius:			4px;
-webkit-border-radius:	4px;
-o-border-radius:		4px;
-moz-border-radius:	4px;
}
.search-area-2 input[type="submit"] {
	margin: 20px auto 10px auto;
	width: 30%;
	padding: 0.4em 0.8em;
	border: none;
	background: #22aadd;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.1em;
	letter-spacing: 0.5em;
	font-family: "Noto Sans Japanese";
	transition: all 0.2s ease;
	
	border-radius:			20px;
	-webkit-border-radius:	20px;
	-o-border-radius:		20px;
	-moz-border-radius:	20px;
}
.more-search-btn,.more-search-close-btn{
	position: absolute;
	width: 30%;
	padding: 0.4em 0.8em;
	border: none;
	cursor: pointer;
	text-decoration: none;
	text-transform: uppercase;
	
	font-size: 0.9em;
	font-family: "Noto Sans Japanese";
	transition: all 0.2s ease;
	
	border-radius:			20px;
	-webkit-border-radius:	20px;
	-o-border-radius:		20px;
	-moz-border-radius:	20px;
	bottom:20px;
	right: 20px;
	text-align: right;
	font-weight: bold;
}
.sp-search-btn{
	display: none;
}
.more-search-close-btn{
display: none;
}
.more-search-btn i,.more-search-close-btn i{
		padding-left: 5px;
}
.searchandfilter{
	width: 90%;
	margin: auto;
}
.searchandfilter p
{
	margin-top: 1em;
	display:inline-block;
}
.searchandfilter ul
{
	display:inline-block;
}
.searchandfilter li
{
	list-style: none;
	display:inline-block;
	padding-right:10px;
}

/* If in a widget area make a single column by adding display block  */
.widget-area .searchandfilter li, .widget-area .searchandfilter p
{
	display:block;
}
.searchandfilter label
{
	display:block;
}
.searchandfilter h4
{
	margin-bottom: 10px;
	font-size:16px;
	font-family: "Noto Sans Japanese";
	color: #666;
}
.search-area-2 > ul > li > input[type=text]{
	width:100%
}

.searchandfilter ul > li > ul:not(.children){
	margin-left:0;
}
.postform {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.search-area-2 > ul > li:nth-of-type(n+5){
	display: none;
}
.search-area-2 > ul > li:last-child{
	display: block;
	text-align: center;
}
.search-area-2 > ul > li:nth-child(5) li:nth-of-type(n+3){
	color: #FFB800;
}
.postform {
	position: relative;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #ffffff;
}
.search-area-2 > ul > li{
	position: relative;
}

.search-area-2 > ul > li:nth-child(3)::before,.search-area-2 > ul > li:nth-child(4)::before{
	position: absolute;
	bottom: 0.7em;
	right: 1.2em;
	padding: 0;

	font-family: 'FontAwesome';
	content: '\f078';
	z-index: 2;
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	pointer-events: none;
}
.search-area-2 > ul > li:last-child{
	position: relative;
}
.search-area-2 > ul > li:last-child::before{
	position: absolute;
	top: 56%;
	left: 60%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	color: #fff;

	font-family: "Font Awesome 5 Free";
	content: '\f002';
	font-weight: 600;
	z-index: 2;
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	pointer-events: none;
}
@-moz-document url-prefix() {
	.search-area-2 > ul > li:nth-child(3)::before,.search-area-2 > ul > li:nth-child(4)::before{
		
		content: '';
		
	}
}
.postform{
padding: 5px 38px 6px 8px;
color: #666666;
}
.sort{
	margin: auto;
	margin-top: 20px;
	max-width: 960px;
	text-align: center;
}
/*  */
.home-top{
	position: relative;
	width: 100%;
	height: 400px;
	overflow: hidden;
}
.site{
	overflow-x: hidden!important;
	width: 100%!important;
}
.container {
	margin: 0 auto;
	padding: 0 0em;
	max-width: 100%;
	width: 100%;
}
.site-header{
	height: 0px;
	/*height: 100px;*/ /* if have a ad-banner*/
	width: 100%;
	z-index: 3;
	position: relative;
}
.home-header{
	position: absolute;
	z-index: 3;
	left: 0;
	top:0;
	border: none;
	background: none;
}
.site-title{
	padding: 0;
	margin: 0;
	white-space: nowrap;
}
.site-header h1{
	margin: 0;
	padding: 15px 0 0 0;
	
}
.site-header h1 a{
	font-family: vdl-megamaru, sans-serif;
	color: #4290b8!important;
	font-size: 1.3em;
	font-weight: 400;
}
.home-header h1 a{
	font-family: vdl-megamaru, sans-serif;
	color: #fff!important;
	font-size: 2em;
	font-weight: 400!important;
	text-shadow:5px 5px 5px rgba(0,0,0,0.2);
}
.site-branding{
	position: absolute;
	top: 110px; /* if have a ad-banner*/
	
	top: 10px;
	left: 50%;
	
	-webkit-transform: translate(-50%, 0%); /* Safari用 */
	transform: translate(-50%, 0%);
}
.home-header .site-branding{
	position: absolute;
	top: 150px;  /* if have a ad-banner*/
	top: 150px;
	left: 50%;
	-webkit-transform: translate(-50%, 0%); /* Safari用 */
	transform: translate(-50%, 0%);
}
.site-branding .custom-logo {
	margin: 0.3em 0em 0 0;
	padding: 0;
	max-width: auto;
	height: auto;
	border: none;
	vertical-align: top;
}
.home-header .site-branding img{
	height: 100px!important;
	
}
.site-branding img{
	height: 60px!important;
	width: auto;
	
}
.site-branding:hover img{
	animation: hurueru .6s  infinite;
}
@keyframes hurueru {
    0% {transform: translate(0px, 0px) rotateZ(0deg)}
    25% {transform: translate(0px, 0px) rotateZ(15deg)}
    50% {transform: translate(0px, 0px) rotateZ(0deg)}
    75% {transform: translate(0px, 0px) rotateZ(-15deg)}
    100% {transform: translate(0px, 0px) rotateZ(0deg)}
}
.header-main{
	max-width: 1280px;
	margin: auto;
	position: relative;
}
.site-content {
	background: #efece2;
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.elementor{

}

/* Fullwidth Template */
.site-content .fullwidth-content-area {
	
	width: 100%;
	margin: auto;
}
/* result */
.hotel-list{
	margin: 20px auto;
	border: solid 1px #efefef;
	padding: 3px;
	max-width: 960px;
	
	width: 100%;
	border-radius:			4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
	-moz-border-radius:	4px;
	background: #fff;
	
}
.hotel-list a{
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
.hotel-list .photo{
	width: 300px;
	height: 200px;
	position: relative;
	float: left;
}
.hotel-list .hotel-main h1{
	font-size: 1.2em;
	text-align: left;
	
}
.hotel-list .hotel-main .entry-header{
		margin-bottom: 10px;
	}
.hotel-list .star{
	color: #FFB800;
}
.hotel-list .star-area{
	text-shadow:0px 0px 2px rgba(0,0,0,0.4),0px 0px 4px rgba(0,0,0,0.4),0px 0px 6px rgba(0,0,0,0.4);
		width: 100%;
		height: 25px;
		font-size: 0.9em;
		position: absolute;
		bottom:0px;
		left: 0px;
		padding: 0 10px;
		color: #fff;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}
.hotel-category{
	position: absolute;
	left: 5px;
	top:3px;
}

.hotel-list .hotel-category .category{
	font-family: "Noto Sans Japanese";
	background: #22aadd;
	color: #fff;
	padding: 1px 5px;
	font-weight: bold;
	line-height: 1.7;
	border-radius:			2px;
	-webkit-border-radius:	2px;
	-o-border-radius:		2px;
	-moz-border-radius:	2px;
	font-size: 0.75em;
	border: solid 1px #fff;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}

.hotel-list .hotel-category a:hover .category{
	background: #38bef1!important;
}
.hotel-list .hotel-main{
	width: 380px;
	height: 200px;
	float: left;
	padding: 0 20px 0 30px;
	border-right:dotted 1px #ccc;
	overflow: hidden;
}

.hotel-list .hotel-price{
	width: 270px;
	height: 200px;
	float: right;
	position: relative;
}
.hotel-list .hotel-price em{
	font-family: "Noto Sans Japanese";
	background: #DC0003;
	display: block;
	width: 50px;
	
	color: #fff;
	font-weight: bold;
	position: absolute;
	right: -10px;
	top:-20%;
	text-align: center;
	font-style: normal;
}
.hotel-list .hotel-price em::after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 7px transparent;
    border-left: solid 7px #910103;/*折り返し部分*/
}
.hotel-list .price{
	
	text-align: center;
	position: absolute;
	width: 100%;
	top: 40%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.hotel-list .price>span{
	display: block;
	text-decoration: line-through;
	font-size: 1.3em;
	color: #707070;
	font-family: "Noto Sans Japanese";
}
.hotel-list .price strong{
	font-size: 2.2em;
	color: #DC0003;
	font-family: "Noto Sans Japanese";
	display: none;/*190304料金非表示*/
}
.hotel-list .price strong span{
	font-size: 0.8em;
	color: #DC0003;
	font-family: "Noto Sans Japanese";
}
.hotel-list .price .price-info{
	font-size: 0.8em;
}
.hotel-list .hotel-price nav a{
	position: absolute;
	width: 100%;
	font-weight: bold;
	height: 40px;
	bottom:0;
	left: 0;
	background: #6acddf;
	line-height: 2.5;
	border-radius:			0 0 4px 0;
	-webkit-border-radius:	0 0 4px 0;
	-o-border-radius:		0 0 4px 0;
	-moz-border-radius:	0 0 4px 0;
	color: #fff;
	text-align: center;
	
	text-shadow:0px 0px 3px #40b7cd;
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c80004+50,c80004+50,000065+50,000065+50 */
	background: #22aadd; /* Old browsers */
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
}
.hotel-list .hotel-price nav a:hover{
	background: #38bef1;
}
.hotel-list .address{
	margin-top: 5px;
	font-size: 1em;
	
}
.hotel-list .info{
	font-size: 0.9em;
	color: #666;
}

/*hotel-details*/
.hotel-details{
	max-width: 960px;
	padding: 10px 30px  30px  30px;
	background: #fff;
	margin: 20px auto 20px auto;
	border-radius:			4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
	-moz-border-radius:	4px;
}
.hotel-details header{
	float: left;
	display: inline-block;
	font-size: 0.8em;
	width: 660px;
	
}
.hotel-details .hotel-price{
	width: 240px;
	height: 140px;
	float: right;
	position: relative;
	
}
.hotel-details .hotel-price em{
	font-family: "Noto Sans Japanese";
	background: #DC0003;
	display: block;
	width: 60px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	right: -38px;
	top:0%;
	text-align: center;
	font-style: normal;
}
.hotel-details .hotel-price em::after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 7px transparent;
    border-left: solid 7px #910103;/*折り返し部分*/
}
.hotel-info{
	font-size: 0.8em;
}
.hotel-details .price{
	text-align: center;
	position: absolute;
	width: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.hotel-details .price>span{
	display: block;
	text-decoration: line-through;
	font-size: 1.5em;
	line-height: 1;
	color: #707070;
	font-family: "Noto Sans Japanese";
}
.hotel-details .price strong{
	line-height: 1.5;
	font-size: 2.5em;
	color: #DC0003;
	font-family: "Noto Sans Japanese";
	display:none;/* 190304料金非表示 */
}
.hotel-details .price strong span{
	font-size: 0.8em;
	color: #DC0003;
	font-family: "Noto Sans Japanese";
}
.hotel-details .price .price-info{
	font-size: 0.8em;
}

.hotel-details .star{
color: #FFB800;
}
.hotel-details .category,.hotel-details .star,.hotel-details .address{
	font-size: 1.4em;
}
.hotel-details .address{
	border-top:solid 1px #efefef;
	padding: 20px 0;
	margin-top: 10px;
}
.address-inner{
	padding-bottom: 10px;
}
.website{
	padding-left: 20px;
}
.website a , .phone-number a{
	
}
.hotel-contact{
	margin-top: 10px;
}
.phone-number{
	font-size: 1.1em;
	padding-left: 0px;
	display: inline-block;
}
.phone-number i{
	
	font-size: 1em;
	padding-right: 3px;
  -webkit-transform: rotate(-25deg) translate(0%, -3px);
  -ms-transform: rotate(-25deg) translate(0%, -3px);
  transform: rotate(-25deg) translate(0%, -3px);
}
.feature{
	list-style: none;
	padding: 10px 0;
	margin: 0;
}
.feature li{
	border-radius:			15px;
	-webkit-border-radius:	15px;
	-o-border-radius:		15px;
	-moz-border-radius:	15px;
	background: #ed4377;
	display: inline-block;
	margin-right: 5px;
	color: #fff;
	font-weight: bold;
	padding: 3px 8px;
	font-size: 0.8em;
}
/*news*/
.hentry{
	max-width: 960px;
	padding: 10px 30px  30px  30px;
	background: #fff;
	margin: 20px auto 20px auto;
	border-radius:			4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
	-moz-border-radius:	4px;
}

.slider{
	margin: auto;
	width: 100%;
	list-style: none;
}
.slider li{
	width: 100%;
	height: 500px;
	list-style: none;
}
.slider li img{
	width: 100%;
}
.acf-map {
	width: 100%;
	height: 500px;
	margin: 20px 0;
}
/*
.equipment ul{
	padding: 0!important;
	margin: 0!important;
}
.equipment ul li{
	list-style-position: inside;
	float: left;
	margin: 0 10px;
	padding: 0!important;
}
*/
.equipment h2{
	background: #efefef;
	text-align: center;
	font-size: 0.95em;
	padding: 5px 0;
	border-radius:			4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
	-moz-border-radius:	4px;
	letter-spacing:0.1em;
}
.equipment1{
	width: 25%;
	float: left;
	padding: 0 10px;
	
}
.equipment2{
	width: 25%;
	float: left;
	padding: 0 10px;
}
.equipment3{
	width: 25%;
	float: left;
	padding: 0 10px;
}
.equipment4{
	width: 25%;
	float: left;
	padding: 0 10px;
}
/* fixes potential theme css conflict */
.acf-map img {
   max-width: inherit !important;
}

.footer-wrap{
	position: relative;
	z-index: 3;
	
}
.site-info{
	color: #767676;
}
.footer-navi{
	padding:30px 0 0 0;
}
.footer-navi ul{
	margin: auto;
	text-align: center;
}
.footer-navi ul li{
	padding: 0 10px;
	margin: 0 10px 0 0px;
	display: inline-block;
	position: relative;
}

.footer-navi ul li::before{
	position: absolute;
	right: 0;
	top:0px;
	content:"｜";
	width:1px;
	height: 10px;
}
.footer-navi ul li:last-child::before{
	content:"";
}
.sns{
	max-width: 930px;
	margin: auto;
	position: relative;
}
.sns a{
	font-size: 1.6em;
	position: absolute;
	width: 40px;
	height: 40px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	border-radius:			4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
	-moz-border-radius:	4px;
	
	background: #22aadd;
}
.sns a:hover{
	background: #38bef1;
}
.sns a.tw{
	right: 0;
	top:-30px;
}
.sns a i{
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
.footer-wrap footer{
	padding: 30px;
	text-align: center;
}


/* Theme Pagination */
.pagination {
	width: 100%;
	margin: 0 auto 3em auto;
	text-align: center;
	border-top: none;
}

.pagination a,
.pagination .current {
	display: inline-block;
	margin: 0;
	padding: 0.5em 0.9em;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 16px;
	font-size: 1em;
	font-family: "Noto Sans Japanese";
	background: #fff;
	
	border-radius:			4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
	-moz-border-radius:	4px;
}

.pagination a:link,
.pagination a:visited {
	transition: all 0.2s ease;
}

.ad-banner{
	height: auto;
	width: 100%;
	position: absolute;
	top:20px;
	left: 20px;
	z-index: 5;
	text-align: center;
	margin: auto;
	padding-right: 20px;
	
}
.ad-banner > div{
	display: inline-block;
	padding-right: 20px;
	width: auto;
}
.ad-banner:before,
.ad-banner:after{
	display: table;
	content: "";
}

.ad-banner:after {
	clear: both;
}
.top-banner{
	position: absolute;
	bottom:500px;
	height: 0;
}
.top-banner img{
	height: 140px;
	width: 700px;
	margin-bottom: 20px;
}
/*top-news*/
.news-content{
	max-width: 700px!important;
	padding: 30px 0;
	font-size: 1.4em;
	margin: auto;
}
.news-content ul{
	margin: 0;
	padding: 0;
}
.news-content li {
	max-width: 700px!important;
	list-style: none;
	padding: 10px 0 10px 0;	
	border-bottom: dotted 1px #ccc;
}
.news-content li:last-child{
	border-bottom: none;
}
.news-content li a{
	display: block;
}
.news-content li .topics-date{
	font-size: 0.7em;
	color: #9D9D9D;
}
.reservation-site-link{
	list-style: none;
	padding-top: 20px
}
.reservation-site-link li:first-child a{
	border-top:solid #e6e6e6 1px;
}
.reservation-site-link a{
	display: block;
	width: 100%;
	padding: 20px 0;
	border-bottom:solid #e6e6e6 1px;
	position: relative;
}
.reservation-site-link a:hover{
	background: #e4f6ff;
}
.reservation-site-link .img{
	width: 250px;
	text-align: center;
}
.reservation-site-link img{
	width: 200px;
}
.reservation-site-link .txt{
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
	position: absolute;
}
@media only screen and (max-width: 1280px) {
	
	.search-area-2{
		
		width: 960px;
	}
	
	.header-main{
		max-width: 95%;
	}
	.search-area-2{
		max-width: 100%;
	}
	.site-footer{
		margin: auto;
		max-width: 95%;
	}
	.home-header .site-branding img{
		height: 90px!important;

	}
	.home-header .site-branding .site-title a span{
		font-size: 56px!important;
	}
}
@media only screen and (max-width: 960px){
	.hotel-list .photo{
		width: 30%;
	}
	.hotel-list .hotel-main{
		width: 50%;
	}

	.hotel-list .hotel-price{
		width: 20%;
	}
	.home-header .site-branding img{
		height: 80px!important;

	}
	.home-header .site-branding .site-title a span{
		font-size: 46px!important;
	}
}
@media only screen and (max-width:760px) {
	.sp{
		display: block;
	}
	.pc{
		display: none;
	}
	body{
		background:  #efece2;
	}
	article.page{
		width: 100%;
		max-width: 100%!important;
		background: #fff;
		margin: auto;
		padding: 20px;
		margin: 0px 0;

		border-radius:			0px;
		-webkit-border-radius:	0px;
		-o-border-radius:		0px;
		-moz-border-radius:	0px;
	}
	.entry-header {
		text-align: center;
		margin: 15px 0;
	}
	th,td{
		display: block;
		width: 100%;
		border: none;
		text-align: left;
		background: none;
	}
	th{
		border-bottom: solid #ccc 1px;
	}
	td{
		margin-bottom: 20px;
	}
h1{
	font-size: 20px!important;
}
h1.page-title{
	position: relative;
	text-align: center;
	font-size: 20px;
	
}
h1.page-title::before{
	position: absolute;
	content:"";
	width: 50px;
	height: 5px;
	background: #333;
	bottom: -20px;
	left: 50%;
	-webkit-transform: translate(-50%, 0%); /* Safari用 */
	transform: translate(-50%, 0%);
}
	.site-header{
		height: 70px;
	}
	.header-main{
		max-width: 100%;
		width: 100%;
		margin: auto;
		position: relative;
		margin-bottom: 0px;
	}
	
	.site-branding .custom-logo {
		margin: 0.4em 0em 0 0;
	}
	.site-header h1{
		padding-top:0px;
		margin-top: -5px;
	}
	.home-header.site-header h1{
		padding-top:0px;
	}
	.home-header .site-branding{
		margin-top: 0px;
	}
	.home-header .site-branding .custom-logo {
		margin: 0.6em 0em 0 0;
	}
	.site-branding .site-title a span{
		font-size: 28px!important;
	}
	.home-header .site-branding .site-title a span{
		font-size: 36px!important;
	}
	
	.home-header .site-branding{
		position: absolute;
		top: 10px;
		left: 50%;
		-webkit-transform: translate(-50%, 0%); /* Safari用 */
		transform: translate(-50%, 0%);
	}
	
	.site-branding{
		width: 90%;
		position: absolute;
		top: 8px;
		left: 50%;
		-webkit-transform: translate(-50%, 0%); /* Safari用 */
		transform: translate(-50%, 0%);
	}
	
	.site-branding img{
		height: 45px!important;
	}
	
	.home-header .site-branding img{
		height: 50px!important;
		width: auto;
	}
	.ad-banner{
		position:static;
		top: none;
		left: none;
		width: 100%;
		height: auto;
		background: #efefef;
		display: block;
		margin: auto;
		text-align: center;
		padding: 0;
	}
	.ad-banner > div{
		text-align: center;
		width: 100%;
		display: block;
		margin: auto;
		padding: 0;
	}
	.top-banner{
		position:absolute;
		height: 100px;
		bottom:27px;
	}
	.top-banner img{
		height: auto;
		width: 100%;
		margin-bottom: 0;
	}
	/*top-news*/
.news-content{
	max-width: 100%!important;
	padding: 10px 10px;
	font-size: 1em;
	margin: auto;
}
.news-content ul{
	margin: 0;
	padding: 0;
}
.news-content li {
	max-width: 100%!important;
	list-style: none;
	padding: 10px 0;
	border-bottom: dotted 1px #ccc;
}
.news-content li:last-child{
	border-bottom: none;
}
.news-content li a{
	display: block;
}
.news-content li .topics-date{
	font-size: 0.8em;
	color: #9D9D9D;
}
	.elementor{
		/*
		background:  #efece2;
		*/
	}
	
	.search-area-2{
		display: none;
		background: none;
		border:none;
		padding: 0!important;
		margin: 0!important;
	}
	.search-area-2.active{
		display: block;
		background: #fff;
		top:70px;
		
	}
	.search-area-2.search-home{
		top: 80px;
		position: absolute;
		left: 50%;
		-webkit-transform: translate(-50%, 0%); /* Safari用 */
		transform: translate(-50%, 0%);
		width: 95%;
		display: block;
	}
	
	.home .elementor{
		
		background:  #efece2;

	}
	.search-area-2 input[type="text"]{
		width: 60%;
		-webkit-appearance : none;
		
	}
	.search-area-2 input[type="submit"] {
		margin: 10px auto 10px auto;
		width: 50%;
		padding: 0.4em 0.8em;
	}
	.search-inner{
		background: #fff;	
	}
	.search-home .search-inner{
		background: none;
	}
	.search-area-2 form div>ul>li:nth-child(-n+5) {
		width: 100%;

	}
	.search-area-2 form div>ul>li:nth-child(1) h4::before {
		bottom: 5px;
	}
	.search-area-2 form div>ul>li:nth-child(2) h4::before {
		bottom: 5px;
	}
	.search-area-2 form div>ul>li:nth-child(3) h4::before {
		bottom: 5px;
	}
	.search-area-2 ul li h4{
		color: #333;
		padding: 0px 0 5px 0;
		margin: 0;
		font-size: 0.9em;
		text-shadow:0px 0px 1px #fff,0px 0px 2px #fff,0px 0px 3px #fff,0px 0px 4px #fff;
	}
	.search-area-2 ul li:nth-child(n + 5) h4{
		border-bottom:1px solid #ccc;
		margin-bottom: 10px;
	}
	.search-area-2 ul li ul li{
		display: block;
	}
	.home-header .sp-search-btn{
		display: none;
	}
	.sp-search-btn{
		border-left:solid 1px #dfdfdf;
		font-size:20px;
		height: 70px;
		width: 56px;
		color: #333;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		
	}
	.sp-search-btn i{
		position: absolute;
		top: 50%;
		right: 18px;
		-webkit-transform: translate(0%, -50%); /* Safari用 */
		transform: translate(0%, -50%);
	}
	.more-search-btn,.more-search-close-btn{
	position: relative;
	width: 100%;
	
	padding: 0.4em 0.8em;
	border: none;
	height: 30px;
	bottom:10px;
	right: inherit;
	
	text-align: center;
		
		left: 50%;
		-webkit-transform: translate(-50%, 0%); /* Safari用 */
		transform: translate(-50%, 0%);
	}

	.more-search-btn{
		display: block;
	}
	.search-area-2 > ul > li:last-child::before{
	
	top: 50%;
	left: 65%;

	}
	.home-top{
		height: 600px;
		background:  #efece2;
	}
	.footer-navi{
		padding: 0px;
	}
	.footer-navi ul{
		margin: auto;
		text-align: center;
	}
	.footer-navi ul li{
		width: 100%;
		display: block;
		padding: 0;
		margin: 0;
		position: relative;
		border-bottom:solid 1px #efece2;
	}
	.footer-navi ul li a{
		width: 100%;
		margin: 0 0px 0 0px;
		display: block;
		padding: 20px 0px;
		background: #22aadd;
		color: #fff;
	}
	.footer-navi ul li a::before 
	{
	  position: absolute;
		top:50%;
	  right: 20px;
		-webkit-transform: translate(0%, -50%); /* Safari用 */
		transform: translate(0%, -50%);
	  content: '\f105';
	  color: #71c9f8;
	  font-size: 30px;
	 font-family: 'FontAwesome';
	}
	.footer-navi ul li::before{
		position: absolute;
		right: 0;
		top:0px;
		content:"";
		width:1px;
		height: 10px;
	}
	.footer-navi ul li:last-child::before{
		content:"";
	}
	footer{
		font-size: 0.8em;
	}
.sns{
	max-width: 90%;
	margin: auto;
	position: relative;
		height: 50px;
	text-align: center;
}
.sns a{
	font-size: 1.6em;
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	border-radius:			4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
	-moz-border-radius:	4px;
	
	background: #22aadd;
}
.sns a:hover{
	background: #38bef1;
}
.sns a.tw{
	right: 0;
	top:10px;
}
.sns a i{
	color: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%); /* Safari用 */
	transform: translate(-50%, -50%);
}
/* result */
.hotel-list{
	margin: 20px auto;
	border: solid 1px #efefef;
	padding: 3px;
	max-width: 92%;
	width: 96%;
	border-radius:			4px;
	-webkit-border-radius:	4px;
	-o-border-radius:		4px;
	-moz-border-radius:	4px;
	background: #fff;
}
.hotel-list .photo{
	width: 100%;
	height: 150px;
	float: none;
}
.hotel-list .hotel-main h1{
	font-size: 1em;
}
.hotel-list .hotel-main .star{
	color: #FFB800;
}
.hotel-list .category{
	font-size: 0.7em;
}
.hotel-list .hotel-main{
	width: 100%;
	height: auto;
	float: none;
	padding: 0 10px 0 10px;
	border-right:none;
	overflow: hidden;
}
	
.hotel-list .hotel-price{
	width: 100%;
	height: auto;
	float: none;
	position: relative;
}
.hotel-list .hotel-price em{
	width: 50px;
	right: -4%;
	top:0%;
}
.hotel-list .hotel-price em::after {
    position: absolute;
    content: '';
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 7px transparent;
    border-left: solid 7px #910103;/*折り返し部分*/
}
.hotel-list .price{
	text-align: center;
	position: relative;
	width: 100%;
	top: auto;
	left: auto;
	-webkit-transform:none;
	transform: none;
	padding-bottom: 10px;
}
.hotel-list .price>span{
	display: block;
	text-decoration: line-through;
	font-size: 1.3em;
	color: #707070;
	font-family: "Noto Sans Japanese";
	line-height: 1.2;
}
.hotel-list .price strong{
	font-size: 2.2em;
	color: #DC0003;
	font-family: "Noto Sans Japanese";
	line-height: 1.5;
}
.hotel-list .price strong span{
	font-size: 0.8em;
	color: #DC0003;
	font-family: "Noto Sans Japanese";
	line-height: 1.2;
}
.hotel-list .price .price-info{
	font-size: 0.8em;
}
.hotel-list .hotel-price nav a{
	position: relative;
	display: block;
	width: 100%;
	font-weight: bold;
	height: 40px;
	bottom:0;
	left: 0;
	background: #6acddf;
	line-height: 2.5;
	border-radius:			0 0 4px 0;
	-webkit-border-radius:	0 0 4px 0;
	-o-border-radius:		0 0 4px 0;
	-moz-border-radius:	0 0 4px 0;
	color: #fff;
	text-align: center;
	
	text-shadow:0px 0px 3px #40b7cd;
	background: #22aadd;
	
	}
	.hotel-list .address{
		margin-top: 5px;
		font-size: 0.9em;

	}
	.hotel-list .info{
		font-size: 0.9em;
		padding: 0;
		margin: 0;
	}	
	/*hotel-details*/
	.hotel-details{
		width: 100%;
		max-width: 100%;
		padding: 10px 0px  0px  0px;
		background: #fff;
		margin: 0px auto 0px auto;
		border-radius:			0px;
		-webkit-border-radius:	0px;
		-o-border-radius:		0px;
		-moz-border-radius:	0px;
	}
	.hotel-details header{
		float: none;
		display: inline-block;
		padding: 12px 20px 12px 20px;
		width: 100%;
		font-size: 0.6em;
		background: #efefef;
		margin-top: -10px;
	}
	.hotel-details .photo{
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
		position: relative;
	}
	.hotel-details .photo img{
		width: 100%;
		height: auto;
	}
	.hotel-details .star-area{
		width: 100%;
		height: 30px;
		font-size: 0.8em;
		position: absolute;
		bottom:5px;
		left: 0px;
		padding: 0 10px;
		color: #fff;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.65+100 */
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	}
	.hotel-details .hotel-info{
		padding: 0 20px;
		font-size: 0.8em;
		
	}
	.hotel-details .map-link{
		padding-bottom: 10px;
		text-align: center;
	}
	.hotel-details .info{
		padding: 0 20px;
	}
	.hotel-details .hotel-price{
		width: 100%;
		height: auto;
		float: right;
		position: relative;
		margin-bottom: 20px;
		margin-top: -5px;
	}
	.hotel-details .price{
		background: #efefef;
		text-align: center;
		position: relative;
		width: 100%;
		top: auto;
		left: auto;
		-webkit-transform: none; /* Safari用 */
		transform: none;
		margin-top: 0px;
		padding-top: 15px;
		padding-bottom: 20px;
		border-radius:			0px;
		-webkit-border-radius:	0px;
		-o-border-radius:		0px;
		-moz-border-radius:	0px;
		
		text-shadow: 1px 1px 0 #fff,
             -1px 1px 0 #fff,
             1px -1px 0 #fff,
             -1px -1px 0 #fff;
		
		text-shadow: 1px 1px 1px #fff,
					 -1px 1px 1px #fff,
					 1px -1px 1px #fff,
					 -1px -1px 1px #fff;

	}
	.hotel-details .hotel-price em{
		font-family: "Noto Sans Japanese";
		background: #DC0003;
		display: block;
		width: 60px;
		color: #fff;
		font-weight: bold;
		position: absolute;
		right: -38px;
		top:0%;
		text-align: center;
		font-style: normal;
		display: none;
	}
	.hotel-details .hotel-price em::after {
		position: absolute;
		content: '';
		top: 100%;
		right: 0;
		border: none;
		border-bottom: solid 7px transparent;
		border-left: solid 7px #910103;/*折り返し部分*/
	}
	
	.hotel-details .price>span{
		display: block;
		text-decoration: line-through;
		font-size: 1.5em;
		line-height: 1;
		color: #707070;
		font-family: "Noto Sans Japanese";

		display: none;
	}
	.hotel-details .price strong{
		line-height: 1.5;
		font-size: 2.5em;
		color: #DC0003;
		font-family: "Noto Sans Japanese";
	}
	.hotel-details .price strong span{
		font-size: 0.8em;
		color: #DC0003;
		font-family: "Noto Sans Japanese";
	}
	.hotel-details .price .price-info{
		font-size: 0.8em;
	}
	.hotel-details .star{
	color: #FFB800;
	}
	.hotel-details .category,.hotel-details .star,.hotel-details .address{
		font-size: 1.3em;
	}
	.hotel-details .address{
		
		padding: 10px 0 0 0;
		margin-top: 0px;
	}
	.address-inner{
		padding-bottom: 0px;
	}
	
	
	.hotel-contact{
		
	}
	.phone-number{
		font-size: 1.2em;
		padding-left: 0px;
		margin-top: 10px;
		padding: 10px 0 5px 0;
		font-weight: normal;
		display: block;
		border-top: solid #efefef 1px;
	}
	.website{
		display: block;
		padding: 0;
		margin-top: 10px;
		padding: 10px 0 5px 0;
		border-top: solid #efefef 1px;
	}
	.phone-number i{
		padding-right: 5px;
	   -webkit-transform: rotate(-25deg) translate(0%, -2px);
  -ms-transform: rotate(-25deg) translate(0%, -2px);
  transform: rotate(-25deg) translate(0%, -2px);
	}
	.feature{
		list-style: none;
		padding: 10px 0;
		margin: 0;
	}
	.feature li{
		border-radius:			15px;
		-webkit-border-radius:	15px;
		-o-border-radius:		15px;
		-moz-border-radius:	15px;
		background: #ed4377;
		display: inline-block;
		margin-right: 5px;
		margin-bottom: 5px;
		color: #fff;
		font-weight: bold;
		padding: 3px 8px;
		font-size: 0.8em;
	}
	.slider{
		margin: auto;
		width: 100%;
		height: 200px;
		list-style: none;
	}
	.slider li{
		width: 100%;
		height: 200px;
		list-style: none;
	}
	.slider li img{
		width: 100%;
	}
	.acf-map {
		width: 100%;
		height: 300px;
		margin: 10px 0 10px 0;
	}
	.equipment h2{
		font-size: 1em;
		border-bottom: 1px solid #ccc;
		paddin-bottom: 5px;
	}
	.equipment{
		
	}
	.equipment > div{
		padding: 0 20px;
	}
	.equipment-inner{
		width: 100%;
		float: none;
		font-size: 0.8em!important;
	}
	.equipment-inner li{
		width: 48%;
		float: left;
		margin:0!important;
		padding: 0 20px 0 0!important;
	}

	.reservation-site-link{
		margin: 0;
		list-style: none;
		padding-top: 20px
	}
	.reservation-site-link li:first-child a{
		border-top:solid #e6e6e6 1px;
	}
	.reservation-site-link a{
		display: block;
		width: 100%;
		padding: 10px 0;
		border-bottom:solid #e6e6e6 1px;
		position: relative;
		text-align: center;
	}
	.reservation-site-link a:hover{
		background: #e4f6ff;
	}
	.reservation-site-link .img{
		width: 100%;
		text-align: center;
	}
	.reservation-site-link img{
		width: 200px;
	}
	.reservation-site-link .txt{
		top: none;
		left: none;
		-webkit-transform:none;
		transform: none;
		position: static!important;
	}
	.entry-footer{
		padding: 0 10px;
	}
	.sort{
		font-size:0.8em;
		margin: 10px auto 0 auto;
		width: 90%;
		text-align: left;
	}
}
/*
header,.search-area-2{
	display: none;
}
*/