@charset "utf-8";
/*
body{
	font-size: 15px;
	font-family: Century Gothic, sans-serif;
	color:#464646;
	line-height: 1.5;
}

img {
    vertical-align: middle;
    transition: all 0.3s ease-in-out 0s;
}

table td.center{
	text-align:center;
}
table td.right{
	text-align:right;
}
.small{
	font-size:0.9em;
}
.center{
	text-align:center;
}
a{
    transition: all 0.3s ease-in-out 0s;
}ƒ
a:hover img{
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
*/
.center{
	text-align:center !important;
}
.right{
	text-align:right !important;
}

.flex_box > div {
    width: auto;
}


.skiptranslate + #wrapper #common-header{
	top:40px;
}
.skiptranslate + #wrapper .drawer-hamburger{
	top:40px;
}
.skiptranslate + #wrapper #accordion-resv-wrap{
	top:103px;
}

/*
.global-navi .current_page_item > a,
.global-navi .current-menu-item > a,
.global-navi .current-post-parent > a {
    color: #000 !important;
    background: transparent;
}
*/

.btn > span:hover, .btn a:hover,
.btn input[type="submit"]:hover,
.btn input[type="button"]:hover {
	background: #4297da;
}

#wrapper {
/*     padding-top: 135px; */
	padding-top: 0px;
}

.drawer-overlay {
    z-index: 6 !important;
    background-color: rgba(0,0,0,.5) !important;
}
.drawer-open .drawer-hamburger-icon,
.drawer-open .drawer-hamburger-icon::after,
.drawer-open .drawer-hamburger-icon::before{
	background-color: #FFF;
}

@media only screen and (max-width: 900px) {
	#wrapper {
	    padding-top: 0px;
	}
}

.scroll-header#common-header li a {
	padding: 10px 12px;
}


#common-header.scroll-header .gnav-sub {
	height:0;
	padding: 0;
	overflow:hidden;
}
#common-header.scroll-header #common-header-inner{
	border-top:0;
}


#sec-header-search-box{
	display:none;
}

#page_content {
    padding-left: 0px;
    padding-right: 0px;
}
#page_content p {
/*    padding: 0px;*/
    margin-top: 0px;
    margin-bottom:1.5em;
}

#site-title{
/* 	height:300px; */
	height:340px;
	color:#FFF;
	text-align:center;
	background:url(../../uploads/2018/03/title_bg.jpg) center center no-repeat #333;
	background-size:cover;
	margin-top:1px;
	position: relative;
}
#site-title.title-img::before{
	content:"";
	width:100%;
	height: 100%;
	background-color:rgba(0,0,0,0.5);
	position: absolute;
	top:0;
	left:0;
}
#site-title span{
	left: 50%;
	position: absolute;
	text-align: center;
/* 	top: 50%; */
	top: 65%;
	transform: translate(-50%, -50%);
}
#site-title h1{
	font-size:2.8em;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	margin:0;
}
#site-title h2{
	font-weight: normal;
	margin:0;
}



#main{
    max-width: 1180px;
    margin: 0 auto 80px;
}
.main_flex {
    border-bottom: 0px;
}
#main > .flex_box.main_flex{
	justify-content: space-between;
	flex-direction: row-reverse;
}
#main .left_box,
#main.page_main .left_box{
    width: 240px;
    box-sizing: border-box;
    margin-top: -40px;
}
#main .right_box,
#main.page_main .right_box{
/*     width: 880px; */
	width: calc(100% - 300px);
    border-left: 0px;
    box-sizing: border-box;
}
#main .right_box{
	padding-top: 30px;
}



#sidebar div.widget-container ul.menu {
    background-color: #4297da;
    border-top:4px solid #4297da;
}
#sidebar div.widget-container ul.menu > li:first-child {
    background: #FFF;
}
#sidebar div.widget-container ul.menu > li:first-child a{
	color:#000;
}
#sidebar div.widget-container ul li {
    background-color: #4297da;
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
#sidebar div.widget-container ul li.menu-item-15241 {
    background-color: #404040;
}
#sidebar div.widget-container ul ul li {
    border-bottom: 0px;
}
#sidebar div.widget-container ul ul li:first-child {
	font-size:14px;
    font-weight: normal;
}
#sidebar ul li a{
    color:#FFF;
    padding: 6px 15px;
    transition: all 0.3s ease-in-out 0s;
}
#sidebar ul ul{
	padding-bottom: 10px;
}
#sidebar ul li a:hover,
.current_page_item > a,
.current-menu-item > a,
.current-post-parent > a{
    color:#000 !important;
    background: rgba(255,255,255,0.75);
}
#sidebar ul ul li a{
	font-size:0.95em;
	padding: 3px 15px 3px 1.3em;
}
#sidebar ul ul li a:before {
  content: "\f105";
  font-family: FontAwesome;
  margin-right: 8px;
}
#sidebar ul li.menu-item-10745 > a:after {
  content: "\f023";
  font-family: FontAwesome;
  float:right;
}


#footer-about{
	max-width: 1180px;
	border: 1px solid #4297da;
	padding:15px;
	margin: 0 auto 80px;
	box-sizing:border-box;
}
#footer-about dl{
	align-content:center;
	margin:0;
}
#footer-about dt{
	width: 22%;
	text-align:center;
	box-sizing:border-box;
	padding-right:15px;
}
#footer-about dd{
	width: 78%;
	border-left: 1px solid #4297da;
	padding-left:20px;
	box-sizing:border-box;
}
#footer-about dt img{
	width: 70%;
	margin-top:30px;
}
#footer-about dd p{
	margin-top:0;
	margin-bottom: 1em;
}
#footer-about .address{
	margin-left:1em;
	position:relative;
}
#footer-about .address a.link-more-about{
	font-size:1.2em;
	font-weight:bold;
	color:#4297da;
	position:absolute;
	bottom:20px;
	right:20px;
}
#footer-about .address a.link-more-about:hover{
	color:#404040;
}


footer{
	background: #404040;
	padding: 50px 0 130px;
	color: #FFF;
}
footer a{
	color: #FFF;
}


@media only screen and (max-width: 900px) {
	.home #wrapper {
	    padding-top: 0px;
	}
	.home .gnav-sub {
	    display:none;
	}
	
	#footer-about{
		max-width: 90%;
		margin: 0 auto 80px;
	}
	#footer-about dl{
		display:block;
	}
	#footer-about dt{
		width: auto;
		text-align:center;
		box-sizing:border-box;
		border-bottom: 1px solid #4297da;
		padding:10px 0 25px;
		margin-bottom:15px;
	}
	#footer-about dd{
		width: auto;
		border-left: 0px;
		padding-left:0px;
	}
	#footer-about dt img{
		width: 60%;
		margin-top:0px;
	}
	#footer-about .address{
		margin-left:0em;
		position:relative;
	}
	#footer-about .address a.link-more-about{
		bottom:0px;
		right:0px;
	}
}



.img.left{
	float: left;
	margin-right: 25px;
}


.home-content{
	margin-top: 20px;
	margin-bottom:50px;
	clear:both;
}
.home-content h2{
	font-size:2.2em;
/* 	font-style: italic; */
	font-weight:bold;
}
.home-content h3{
	font-size:1.8em;
	font-weight:bold;
	margin-bottom:5px;
}
.home-content h4{
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:10px;
}
.home-content h2,
.home-content p{
	margin:0 0 15px;
}
.home-content p b{
	font-size:1.15em;
}
#home-area-info dt{
	font-size:1.5em;
	text-align:center;
	font-weight:bold;
	margin-bottom:10px;
}
#home-area-info dd{
	margin:0;
}

#home-area-info dd ul{
/*	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;*/
	overflow:hidden;
}
#home-area-info dd ul li{
	width:291px;
	margin-right:3px;
	margin-bottom:3px;
	float:left;
}
#home-area-info dd ul li:nth-child(3){
	margin-right:0px;
}
#home-area-info dd ul li.top-area-bnr-all{
	width:586px;
	margin-right:0px;
	float:right;
}

#home-thigstodo .flex{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#home-thigstodo .flex > *{
	width:33.1%;
	background-position:center center;
	background-size:cover;
	margin-bottom:3px;
}
#home-thigstodo .flex > * a{
	display:flex;
	align-items: center;
	justify-content: center;
	height:200px;
	font-size:1.6em;
	font-weight:bold;
	color:#FFF;
	text-align:center;
	line-height: 1.2;
	text-shadow:1px 1px 5px rgba(0,0,0,0.5);
	background-color:rgba(0,0,0,0.35);
}
#home-thigstodo .flex > * a:hover{
	text-shadow:0 0 10px rgba(0,0,0,1);
	background-color:rgba(0,0,0,0.5);
}
#home-thigstodo .flex > * a .small{
	font-size:0.7em;
	font-weight:normal;
}

#home-thigstodo .title{
	font-size:1.5em;
	text-align:center;
	margin-bottom:15px;
}

#home-are-info{
	position:relative;
}
#home-are-info > p{
	width:220px;
	position:absolute;
    top: 10%;
    left: 60%;
}

.pickup-content{
	border:1px solid #808080;
	position:relative;
}
.pickup-content h4{
	position:absolute;
	top: -0.6em;
	left: 1em;
	line-height: 1;
	background-color: #fff;
	padding: 0 10px;
}
.pickup-content > .flex{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	padding:25px;
}
.pickup-content > .flex .img{
	width:340px;
}
.pickup-content > .flex .text{
	width:calc(100% - 360px);
}
.pickup-content .btn{
	margin:0;
}
.pickup-content .btn a{
	margin:0;
	margin-left:auto;
}



@media only screen and (max-width: 900px) {
	#home-about .img.left {
    	width: 50%;
    	margin-right: 15px;
	}
	
	#home-area-info dd ul{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	#home-area-info dd ul li{
		width:49.5%;
		margin-right:0px;
		margin-bottom:3px;
		float:none;
	}
	#home-area-info dd ul li.top-area-bnr-all{
		display:none;
		float:none;
	}
	
	#home-are-info,
	#home-are-info > p {
	    position: static;
	}
	#home-are-info .img {
	    margin-bottom:10px;
	}
	#home-are-info > p {
	    width: auto;
	}
	
	.pickup-content {
	    width: 90%;
	    margin: 0 auto 20px;
	}
	.pickup-content h4 {
	    position: static;
	    line-height: 1.3;
	    background-color: transparent;
	    padding: 15px 5% 0;
	}
	.pickup-content > .flex {
	    display: block;
	    padding: 15px;
	}
	.pickup-content > .flex .img,
	.pickup-content > .flex .text {
	    width: auto;
	}
	.pickup-content > .flex .img{
		margin-bottom:10px;
	}
	
	#home-thigstodo .flex > * {
	    width: 49.7%;
	}
	#home-thigstodo .flex > * a {
	    height: 120px;
	    font-size: 1.2em;
	}

	.pickup-content .btn a {
	    margin: 0 auto;
	}

}



.pankuzu {
    padding: 0 0 50px;
}


h2.page-title,
h2.page-top-title,
#wpmem_reg legend{
	border-bottom:1px solid #4297da;
	padding-bottom:5px;
	margin-top: 0;
	margin-bottom:25px;
}
h2.page-top-title{
	text-align: center;
}
#wpmem_reg legend{
	display:block;
	width:100%;
	font-size: 1.3em;
	font-weight: 700;
}
.gallery_single h2.page-title{
	padding-left:130px;
}
.gallery_single .list_all{
	position:relative;
}
.gallery_single .list_all a{
	display:block;
	font-size:0.85em;
	color:#FFF;
	background-color: #404040;
	padding: 8px 10px;
	position:absolute;
	top:-1px;
	left:0;
	transition: all 0.3s ease-in-out 0s;
}
.gallery_single .list_all a:hover{
	background-color: #4297da;
}

.common_content img{
	vertical-align:middle;
}

.mag-t10{
	margin-top:10px !important;
}
.mag-b10{
	margin-bottom:10px !important;
}

#page_content h3 {
/*    background-color: transparent;
    padding: 0px;*/
}

#page_content .flex_box{
	margin-left:0;
}
.flex_box.reverse-cont{
	flex-direction : row-reverse;
}
.flex_box dl{
/*	margin:0;*/
}
.flex_box dt{
/*	font-size:1.1em;*/
	margin-bottom:6px;
}
.flex_box dd{
/*	font-size:0.95em;*/
	margin:0;
}
.col-1{
	margin-bottom: 60px;
}
.col-1 p{
	margin-top: 10px;
}
.col-2 img.bottom-space,
.col-3 img.bottom-space,
.col-5 img.bottom-space{
	margin-bottom: 10px;
}
.col-3 p{
	text-align: center;
}
.col-3 img{
	margin-bottom: 5px;
}
.more-btn{
	position:absolute;
	bottom:0;
    left:0;
    right:0;
    margin:auto;
	width: 180px;
	margin: 0 auto;
	padding: 15px;
	text-align: center;
	color: #4297da;
	border: solid 1px #4297da;
}
.more-btn:hover{
	color: #FFF;
	background-color:#4297da;
}
/*.more-btn{
	width: auto;
	margin: 30px auto 0;
	padding: 15px;
	text-align: center;
	vertical-align: bottom;
	color: #4297da;
	border: solid 1px #4297da;
}*/
p.btn span{
	font-size:0.85em;
	text-align: center;
	border: solid 1px #444;
	padding: 7px 30px;
	transition: all 0.3s ease-in-out 0s;
}
a:hover p.btn span{
	color:#FFF;
	background:#444;
}

a.form-btn{
	width: 240px;
	margin: 0 auto 15px;
	padding: 10px;
	text-align: center;
	color: #FFF;
	background: #595959;
	display: block;
}
a.form-btn:hover{
	background: #4297da;
}
#page_content .operation-flow a.form-btn:hover{
	background: #f24201;
}

div.form-btn{
	height:auto;
	text-align: center;
}
div.form-btn input[type="submit"],
div.form-btn input.wpcf7c-btn-back{
	width:auto;
	height:auto;
	margin: 0 auto 15px;
	padding: 10px 30px;
	text-align: center;
	color: #FFF;
	border:0;
	background: #595959;
	transition: all 0.3s ease-in-out 0s;
}
div.form-btn input[type="submit"]:hover,
div.form-btn input.wpcf7c-btn-back:hover{
	background: #4297da;
}

div.form-btn input.wpcf7c-btn-back{
	margin-right:1em;
}


.flex_box.col-2 > li,
.flex_box.col-2 > div{
	width: 48.5%;
	margin-bottom: 10px;
}
.flex_box.col-2 > div{
	margin-bottom: 60px;
}
.flex_box.col-3 > li,
.flex_box.col-3 > div{
	width: 32.5%;
	margin-bottom: 10px;
}
.area_top.flex_box.col-3 > li{
	position:relative;
	margin-bottom: 55px;
	padding-bottom: 80px;
}
.flex_box.col-3 > div{
	margin-bottom: 30px;
}
.flex_box.col-4 > li,
.flex_box.col-4 > div{
	width: 23.5%;
	margin-bottom: 10px;
}

@media only screen and (max-width: 900px) {
	.flex_box.col-2 > li,
	.flex_box.col-2 > div{
		width: 100%;
	}
	.flex_box.col-3 > li,
	.flex_box.col-3 > div,
	.flex_box.col-4 > li,
	.flex_box.col-4 > div{
		width: 48.5%;
	}
	
}

/*-------------Operation flow-----------------*/
.operation-flow ol{
  counter-reset: number;
  list-style-type: none!important;
  padding: 0;
}

.operation-flow ol li{
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 60px;
  border-bottom: solid 1px #4297da;
  border-right: dotted 5px #404040;
}

.operation-flow ol li:before{
  /* 以下数字をつける */
  position: absolute;
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  display:inline-block;
  background: #4297da;
  color: #FFFFFF;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 24px;
  border-radius: 50%;
  left: 10px;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align:center;
}
.operation-flow li.agent::before {
    background: #f24201;
}


.operation-flow li .flow-name{
    font-size: 24px;
    color:#4297da;
}
.operation-flow li.agent .flow-name{
    color: #f24201;
}
.operation-flow li.agent{
     background: #f2f2f2;
	 border-bottom: solid 1px #f24201;
}

.operation-flow li .flow-contents,
.operation-flow li.agent .flow-contents{
	font-weight: bold;
}

.operation-flow li .flow-details,
.operation-flow li.agent .flow-details{
    font-size: 14px;
	margin-bottom: 15px;
}







@media only screen and (max-width: 900px) {
	.operation-flow li .flow-name {
	    font-size: 16px;
	}
	
	.operation-flow li .flow-contents,
	.operation-flow li.agent .flow-contents{
		font-size: 1.2em;
		margin: 10px 0;
		line-height: 19px;
	}
		
	
	.operation-flow li .flow-details,
	.operation-flow li.agent .flow-details{
	    font-size: 11px;
		line-height: 15px;
	}
		
	.form-btn{
		width: 80%;
	}
	
	.operation-flow .pc-title{
		display: none;
	}

}


@media only screen and (min-width: 901px) {
	.content .operation-flow{
		width: 880px;
		margin:0 auto;
		overflow:hidden;
	}
	.operation-flow .pc-title{
		width: 100%;
		font-size: 24px;
		text-align: center;
	}
	
	.operation-flow .pc-title .pc-agent-left{
		width: 440px;
		float: left;
		color: #f24201;
		border-bottom: solid 1px #f24201 !important;
	}
	.operation-flow .pc-title .pc-agent-right{
		width: 440px;
		float: right;
	    color: #4297da;
		border-bottom: solid 1px #4297da;
	}
	
	.operation-flow ol li{
		width: 443px;
		float: right;
		padding: 20px;
		background: #f2f2f2;
		display: block;
		box-sizing: border-box;
		border-left: dotted 6px #404040;
		border-right: none;
	}
	  
	.operation-flow ol li.agent {
	    width: 443px;
		float: left;
		display: block;
		box-sizing: border-box;
		border-right: dotted 6px #404040;
		border-left: none;
	}
	
	.operation-flow ol li:before{
	  left: -22px;
	  top: 50%;
	  -moz-transform: translateY(-50%);
	  -webkit-transform: translateY(-50%);
	  -o-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  transform: translateY(-50%);
	}
	.operation-flow li.agent::before {
	   left: 100%;
	   margin-left: -18px;
	}
	
	
	.operation-flow li .flow-name,
	.operation-flow li.agent .flow-name {
	    display: none;
	}
	
	.operation-flow li .flow-contents,
	.operation-flow li.agent .flow-contents,
	.operation-flow li .flow-details,
	.operation-flow li.agent .flow-details{
		text-align: center;
	}
}


/*-------------Hotel&Venues-----------------*/
.hotels-top-btn{
	background-position:center center;
	background-size:cover;
}
.hotels-top-btn a{
	display:block;
	height:420px;
	padding:25px;
}
.hotels-top-btn a .inner{
	display:block;
	height:100%;
	color:#FFF;
	background-color:rgba(0,0,0,0.5);
	position:relative;
	transition: all 0.3s ease-in-out 0s;
}
.hotels-top-btn a .inner > div{
	text-align:center;
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.hotels-top-btn a .inner > div h3{
	font-size:2em;
}
.hotels-top-btn a .inner > div .btn span{
	width: auto;
	border:1px solid #fff;
	background-color:transparent;
	padding: 5px 20px;
}

.hotels-top-btn a:hover{
	padding:0px;
}
.hotels-top-btn a:hover .inner{
	background-color:rgba(0,0,0,0.75);
}
.hotels-top-btn a:hover .inner > div .btn span{
	color:#000;
	background-color:#fff;
}




#hv-top-btn ul{
	margin:0;
}
#hv-top-btn li{
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 100% auto;
	margin-bottom:20px;
	transition: all 0.3s ease-in-out 0s;
}
#hv-top-btn li:hover{
	background-size: 105% auto;
}
#hv-top-hotels{
	background-image:url(../../uploads/2018/03/hv_top_btn_hotels.jpg);
}
#hv-top-restaurant{
	background-image:url(../../uploads/2018/03/hv_top_btn_restaurant.jpg);
}
#hv-top-golf{
	background-image:url(../../uploads/2018/03/hv_top_btn_golf.jpg);
}
#hv-top-btn li a{
	display:block;
	color:#FFF;
	text-decoration:none;
	transition: all 0.3s ease-in-out 0s;
}
#hv-top-btn li a > div{
	width:50%;
	text-align:center;
	background:rgba(0,0,0,0.65);
	padding:65px 0;
	transition: all 0.3s ease-in-out 0s;
}
#hv-top-btn li a:hover > div{
	width:40%;
	background:rgba(0,0,0,0.9);
}
#hv-top-btn li a > div h2{
	margin:0 0 0.5em;
}
#hv-top-btn li a > div p{
	margin:0;
}

#hv-top-btn p.btn span{
	border: solid 1px rgba(255,255,255,0.75);
}
#hv-top-btn a:hover p.btn span{
	color:#444;
	background:#fff;
}


#page_content.common_content .facilities-list{
	padding:0;
	margin:0;
	display:flex;
	flex-wrap:wrap;
}
#page_content.common_content .facilities-list a {
    text-decoration: none;
}
#page_content.common_content .facilities-list a img{
    width:100%;
}
.facilities-list li{
	width:33.333%;
	padding: 0 1.5% 15px 0;
	box-sizing:border-box;
}
.facilities-list-info{
	color:#FFF;
	background:#464646;
	padding:10px 15px 20px;
	transition: all 0.3s ease-in-out 0s;
}
a:hover .facilities-list-info{
	background:#000;
}
.facilities-list-info h2{
	font-weight:normal;
	line-height: 1.3;
	margin:0 0 5px;
}
.facilities-list-info p{
	font-size: 0.85em;
	padding: 0 !important;
	margin:0 0 25px;
}
.facilities-list-btn{
	text-align:center;
}
.facilities-list-btn span{
	border:1px solid #FFF;
	padding:5px 25px;
}



#page_content .facilities-content h2,
#page_content .facilities-content h3,
#page_content .facilities-content p{
	border-radius: 0px;
	padding:0;
	margin:0 0 10px;
}
#facilities-name{
	font-size:1.8em;
}
#page_content .facilities-content h3{
	font-size:1.5em;
	border-bottom:1px solid #4297da;
	background:transparent;
	padding:0 0 10px;
	margin:90px 0 10px;
}
.facilities-content{
	font-size:0.9em;
}
#page_content #facilities-approximate-price h3 span{
	font-size:0.8em;
	font-weight:normal;
}
#facilities-approximate-price .flex_box{
	border-left:1px solid #b3b3b3;
}
#facilities-approximate-price dl{
	width:25%;
	text-align:center;
	border-right:1px solid #b3b3b3;
	padding:20px 0;
	margin: 0;
	box-sizing:border-box;
}
#facilities-approximate-price .approximate-price-spring dt{
	color:#d46f9b;
}
#facilities-approximate-price .approximate-price-summer dt{
	color:#7cad00;
}
#facilities-approximate-price .approximate-price-fall dt{
	color:#a84a31;
}
#facilities-approximate-price .approximate-price-winter dt{
	color:#319499;
}
#facilities-approximate-price dd{
	font-size:1.4em;
	font-weight:bold;
}
.flex_box .facilities-d-ph,
.hv_eq_layout_yoko.flex_box .eq_info_img{
	width:50%;
}
.flex_box .facilities-d-info,
.hv_eq_layout_yoko.flex_box .eq_info{
	width:47%;
}
.facilities-d-ph img,
.hv_eq_layout_yoko.flex_box .eq_info_img img{
	width:100%;
}
.facilities-content dl.flex_box,
.eq_info dl.flex_box{
	border-bottom:1px solid #b3b3b3;
	justify-content: flex-start;
	padding:15px 0;
	margin:0;
}
.facilities-content .flex_box > dt{
	width:28%;
	font-weight:bold;
}
.facilities-content .flex_box > dd{
	width:72%;
	margin:0;
}

.eq_info .flex_box > dt{
	width:40%;
	font-size: 1em;
	font-weight:normal;
}
.eq_info .flex_box > dd{
	width:60%;
	font-size: 1em;
}

.hv_eq_layout_yoko.flex_box .eq_info_img{
	padding-top:10px;
}
.hv_eq_layout_tate.flex_box .eq_info_img{
	padding-top:10px;
}
#page_content .eq_info_img ul{
	margin:0;
	justify-content: space-between;
}
.hv_eq_layout_yoko.flex_box .eq_info_img li{
	width:49%;
	padding-bottom:8px;
}
.hv_eq_layout_yoko.flex_box .eq_info_img li:first-child{
	width:100%;
}
.hv_eq_layout_tate.flex_box .eq_info_img li:first-child,
.hv_eq_layout_tate.flex_box .eq_info_img li:nth-child(2){
	width:49.5%;
}
.hv_eq_layout_tate.flex_box .eq_info_img li{
	width:32.5%;
	padding-bottom:25px;
}
#page_content .eq_info_img p{
	margin:0;
}

.hv_eq_layout_tate.flex_box .eq_info{
	width:100%;
	padding-bottom: 10px;
}

.facilities-content{
	padding:0px 0;
}
.facilities-content.facilities-eq{
	padding-bottom: 15px;
}
#facilities-access .facilities-content{
	padding:15px 0;
}

.mapp-layout {
    margin: 0px;
    box-sizing: border-box;
}





@media only screen and (max-width: 900px) {
	#page_content.common_content .facilities-list {
	    flex-wrap: wrap;
	    justify-content: space-between;
	}
	#hv-top-btn li,
	#hv-top-btn li:hover{
		background-size: cover;
	}
	#hv-top-btn li .btn > span{
		width:80%;
	}
	#hv-top-btn li a > div {
	    padding: 25px 0;
	}
	
	.facilities-list li {
	    width: 49%;
	    padding: 0 0 15px 0;
	}
	.facilities-list-info h2 {
		font-size:16px !important;
		line-height: 1.3;
	}
	.facilities-list-info p {
		font-size:12px !important;
	}
	
	#facilities-profile{
		display:block;
	}
	.flex_box .facilities-d-ph, .hv_eq_layout_yoko.flex_box .eq_info_img,
	.flex_box .facilities-d-info, .hv_eq_layout_yoko.flex_box .eq_info,
	.hv_eq_layout_yoko.flex_box .eq_info{
	    width: 100%;
	}
	
	.hotels-top-btn a {
	    height: 320px;
	}
	
	.facilities-list-btn span {
	    font-size: 0.8em;
	}
	
}






/*-------------Sample Itineraries-----------------*/
#page_content ul.si-list{
	margin:0;
}
#page_content ul.si-list.flex{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.si-list li{
	width:100%;
	margin-bottom:45px;
}
.si-list li.size-big{
	display: block !important;
	width:48%;
	margin-bottom: 60px;
}
#page_content .si-list li{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	text-decoration:none;
}
.si-list .si-list-ph{
	width:25%;
}
.si-list .si-list-info{
	width:73%;
}

.si-list .size-big .si-list-ph,
.si-list .size-big .si-list-info{
	width:100%;
}
.si-list .size-big .si-list-ph{
	margin-bottom: 15px;
}


#page_content .si-list .si-list-info h2,
#page_content .si-list .si-list-info p{
	margin:0;
}
#page_content .si-list .si-list-info h2{
	border-bottom:1px solid #4297da;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.si-list .si-list-info .si-duration{
	font-size:0.9em;
	font-weight:bold;
}
.si-list .si-list-info h2,
.si-list .si-list-info .si-list-comment{
	color:#404040;
}

.si-list .si-list-info .btn{
	text-align:right;
}
.btn-blue.btn a{
	display: inline-block;
	width: auto;
	background-color: #4297da;
	padding: 6px 25px;
	margin: 5px 0 0 10px;
}
.btn-blue.btn a.pdf-icon::before{
    content: "";
    display: inline-block;
    width: 15px;
    height: 18px;
    background-image: url('images/icon_pdf.png');
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right:5px;
}



#si-profile{
	margin-bottom:30px;
}
#si-profile > div{
	width:50%;
	line-height:1.2;
}
#si-profile .si-d-ph img{
	width:100%;
}
#si-profile .si-d-info{
	background:#ebebeb;
	padding:10px 20px;
	box-sizing:border-box;
	position:relative;
}
#si-profile .si-d-info > div{
	position:absolute;
	top: 50%;
	transform: translateY(-50%);
}
#si-profile .si-d-info h2{
	color:#4297da;
	margin:0 0 10px;
}
#si-profile .si-d-info dl{
	margin:0 0 8px;
}

.si-pdf-download{
	margin:30px 0 40px;
}
.si-pdf-download.btn a{
	font-size:1.2em;
}

.si-duration.flex_box{
	justify-content: flex-start;
}
.si-duration.flex_box dt,
.si-duration.flex_box dd{
	font-size:1.05em;
	padding:5px 10px;
	margin:0;
}
.si-duration2.flex_box dt,
.si-duration2.flex_box dd{
	font-size:0.9em;
}
.si-duration.flex_box dt{
	color:#FFF;
	background:#4297da;
}
.si-duration2.flex_box dt{
	background:#606060;
}
.si-duration.flex_box dd{
	background:#fff;
}
#si-main-comment{
	margin-bottom:50px;
}
#si-summary{
	border:1px solid #bfbfbf;
	border-left:4px solid #4297da;
	padding:15px 20px;
	margin-bottom:80px;
}
#si-summary h3,
#si-summary p,
#si-summary table{
	margin:0;
}
#si-summary h3{
	margin-bottom:10px;
}
#si-summary .si-duration{
	font-weight:bold;
	color:#4297da;
	margin-bottom:10px;
}
#si-summary .si-duration,
#si-summary table{
	margin-left:1em;
}
#si-summary table,
#si-summary th,
#si-summary td{
	font-size:0.95em;
	line-height:1.2;
	border:0;
	background:transparent;
	padding:0;
	vertical-align:top;
}
#si-summary thead th{
	color:#808080;
	font-weight:normal;
	text-align:left;
}
#si-summary td{
	padding-top:13px;
}
#si-summary .si-summary-day{
	width:90px;
	font-weight:bold;
	color:#4297da;
}
#si-summary .si-summary-place{
	width:300px;
}
#page_content .si-detail{
	margin-bottom:50px;
}
#page_content .si-detail .si-detail-info-title{
	font-size:1.3em;
	background:#f2f2f2;
	border-left:4px solid #4297da;
	border-radius:0;
	padding:10px 20px;
	margin:0 0 25px;
}
.flex_box .si_info_img{
	width:50%;
}
.flex_box .si_detail_comment{
	width:45%;
}
.flex_box .si_info_img li{
	width:49.5%;
	margin-bottom:5px;
}
.flex_box .si_info_img li:first-child{
	width:100%;
}
.si-detail-day-info{
	margin-bottom:25px;
}
.si_meal_wrap.flex_box{
	justify-content:space-between;
	border: 1px solid #bfbfbf;
	padding: 25px 35px 0;
	margin-bottom: 25px;
}
.si_meal_wrap.flex_box li{
	width:30%;
	margin-top: 0px;
	margin-bottom:25px;
}
.si_meal_wrap.flex_box li.empty_box{
	margin-bottom:0;
}
#page_content .si_meal_wrap.flex_box p{
	margin:0;
}

.si-detail-accommodation-wrap .flex_box{
	flex-wrap:nowrap;
	justify-content: flex-start;
}
.si-detail-accommodation-wrap h4{
	margin:0 0 10px;
}
.si_detail_accommodation-img{
	width: 250px;
	margin-right: 35px;
}
.si_detail_accommodation-info dl{
	margin:0;
}
.si_detail_accommodation-info dt{
	font-weight:bold;
}
.si_detail_accommodation-info dd{
	font-size: 0.85em;
}
.si_meal_wrap dt{
	font-size:0.95em;
	color: #4297da;
}
.si-meal-img{
	margin-bottom:5px;
}
.si-meal-title{
	font-size: 1.1em;
}

#si-movie{
	margin-bottom:30px;
}
#si-movie iframe{
	width:100%;
	height: 495px;
	margin-bottom:25px;
}




@media only screen and (max-width: 900px) {
	#page_content .si-list li {
	    line-height: 1.4;
	}
	.si-list li.size-big {
	    width: 100%;
	    margin-bottom: 30px;
	}
	.si-list .si-list-ph {
	    width: 40%;
	}
	.si-list .si-list-info {
	    width: 55%;
	}
	.si-list .si-list-info .si-duration {
	    font-size: 0.85em;
	    font-weight: normal;
	}
	.si-list .si-list-info h2 {
	    font-size: 15px !important;
	}
	.si-list .size-big .si-list-info h2 {
	    font-size: 18px !important;
	}
	
	#si-profile > div {
	    width: 100%;
	}
	#si-profile .si-d-info {
	    padding: 15px 20px 20px;
	}
	#si-profile .si-d-info > div {
	    position: static;
	    transform: translateY(0%);
	}
	#si-profile .si-d-info h2 {
	    font-size: 1.5em;
	}
	#si-summary .si-duration, #si-summary table {
	    margin-left: 0;
	}
	#si-summary thead {
	    display:none;
	}
	#si-summary td {
	    display:block;
		width:auto;
		padding-top: 7px;
	}
	#si-summary .si-summary-place {
		width:auto;
		font-weight:bold;
	}
	#si-summary .si-summary-place,
	#si-summary .si-summary-highlights{
		padding-left:1em;
	}
	.si_info_img,
	.si_detail_comment{
	    width: 100%;
	}
	.si_detail_accommodation-img {
	    margin-right: 15px;
	}
	.flex_box .si_detail_accommodation-info dl{
		margin:0;
	}
}




/*-------------Activities-----------------*/
#activity-recommended{
	margin-bottom:50px;
}
#activity-recommended.flex,
#activity-recommended .activity-item.flex{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
#activity-recommended .activity-item.flex{
	align-items: flex-start;
}
#activity-recommended .activity-item{
	width:48.5%;
	margin-bottom:25px;
}
#activity-recommended .activity-item .image{
	background-position:center center;
	background-size:cover;
}
#activity-recommended .activity-item.size-l{
	background-color:#EDF2F7;
	margin-bottom: 45px;
}
#activity-recommended .activity-item.size-l .image{
	width:100%;
	height:240px;
}
#activity-recommended .activity-item.flex .image{
	width:35%;
	height: 120px;
}
#activity-recommended .activity-item .image a{
	display: block;
	width: 100%;
	height: 100%;
}
#activity-recommended .activity-item.size-l .activity-item-text{
	padding: 20px 25px;
}
#activity-recommended .activity-item.flex .activity-item-text{
	width:65%;
	padding: 0px 0px 0px 20px;
}
#activity-recommended .activity-item h2{
	margin-bottom:10px;
}
#activity-recommended .activity-item.flex h2{
	font-size:1.2em;
	margin-bottom:5px;
}
#activity-recommended .activity-item.size-l p{
	margin-bottom: 0.5em;
}
#activity-recommended .activity-item.flex p{
	line-height: 1.4;
	margin-bottom: 0;
}
#activity-recommended .activity-item.size-l .btn{
	text-align:center;
}
#activity-recommended .activity-item.flex .btn{
	width: 100%;
	text-align:right;
}
#activity-recommended .activity-item .btn a{
	display: inline-block;
	width: auto;
	background-color:#4297da;
	padding: 7px 30px;
	margin: 15px auto 0;
}


table.activity-list-table th,
table.activity-list-table td{
	padding: 8px;
	font-size: 0.85em;
}
table.activity-list-table th{
	color:#FFF;
	background:#4297da;
}
table.activity-list-table th.activity-file-th{
	width:40px;
	font-size:1.1em;
	text-align:center;
}
table.activity-list-table td b{
	color:#4297da;
}

table.activity-list-table td.activity-file-td{
	text-align:center;
}
table.activity-list-table td.activity-file-td a[href $='.pdf']::before,
table.activity-list-table td.activity-file-td a[href $='.xlsx']::before,
table.activity-list-table td.activity-file-td a[href $='.xls']::before,
table.activity-list-table td.activity-file-td a[href $='.docx']::before,
table.activity-list-table td.activity-file-td a[href $='.doc']::before{
	content:"";
	display: inline-block;
	width: 22px;
	height: 27px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
}
table.activity-list-table td.activity-file-td a[href $='.pdf']::before{
	background-image: url('images/icon_pdf.png');
}
table.activity-list-table td.activity-file-td a[href $='.xlsx']::before,
table.activity-list-table td.activity-file-td a[href $='.xls']::before{
	background-image: url('images/icon_wlsx.png');
}
table.activity-list-table td.activity-file-td a[href $='.docx']::before,
table.activity-list-table td.activity-file-td a[href $='.doc']::before{
	background-image: url('images/icon_docx.png');
}



/*-------------Privacy Policy etc-----------------*/
.terms dl{
	margin:0px;
	margin-bottom:40px;
}
.terms dt{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:10px;
}
.terms dd{
	padding:0 0 0 20px;
	margin:0px;
}

.terms ul,
.terms ol{
	margin:0.5em 0 0.5em 1.5em;
}
.terms ul li,
.terms ol li{
	margin-bottom:2em;
}
.terms ul ul li,
.terms ul ol li,
.terms ol ol li{
	margin-bottom:0.2em;
}
.terms ol li{
	font-weight:bold;
}
.terms ol ol li{
	font-weight:normal;
}





/*-------------Archive-----------------*/
.archive-list{
	border-top:1px solid #bfbfbf;
}
.archive-list li{
	border-bottom:1px solid #bfbfbf;
	padding:30px 0;
}
.archive-list li.flex_box{
	flex-wrap:wrap;
	align-items: center;
	justify-content: space-between;
}
.archive-list li.flex_box .img{
	width:150px;
}
.archive-list li.flex_box .text{
	width:calc(100% - 175px);
}
.archive-list li h2{
/*
	border-bottom:1px solid #4297da;
	padding-bottom:10px;
*/
	margin: 0 0 7px;
}
.archive-list li h2 a{
	color: #4297da;
}
.archive-list li span{
	color: #bfbfbf;
	font-size: 0.9em;
}


.single-content > .title{
	border-bottom: 1px solid #bfbfbf;
	padding-bottom:10px;
	margin-bottom:15px;
}
.single-content > .title h2{
	color: #4297da;
}


.post-navigation{
	margin-top:60px;
}
.post-navigation .screen-reader-text{
	display:none;
}
.post-navigation .nav-links{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.post-navigation .nav-links > *{
	width:46%;
}
.post-navigation .nav-links a{
	display:block;
	color: #4297da;
	position:relative;
}
.post-navigation .nav-previous a{
	padding-left:25px;
}
.post-navigation .nav-next a{
	text-align:right;
	padding-right:25px;
}
.post-navigation .nav-previous a::before{
	content: "\f104";
    font-family: FontAwesome;
    margin-right: 8px;
	position:absolute;
	top:7%;
	left:0;
}
.post-navigation .nav-next a::after{
	content: "\f105";
    font-family: FontAwesome;
    margin-left: 8px;
	position:absolute;
	top:7%;
	right:0;
}


.nav-below{
	width:300px;
	margin:0 auto;
}
.nav-below .nav-next{
	float:right;
}



/*-------------About Us-----------------*/
#about-details{
	width: 838px;
	margin: 0 auto 50px;
}
#about-details dl dt{
	margin: 0;
    padding: 20px 0;
    width: 160px;
    float: left;
    clear: both;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px #808080 solid;
}
#about-details dl dd{
    padding: 20px 0;
    margin-left: 160px;
	font-size: 14px;
    border-bottom: 1px #808080 solid;
}


#about-message{
/*	width: 880px;*/
	display:flex;
	margin-bottom: 90px;
	overflow: auto;
}
#about-message > div{
	width:50%;
	padding: 50px 0;
}
.about-message-left{
	background: #4297da;
	color: #FFF;
}
.about-message-right{
	background: #b6d1e6;
}

.about-message-left dl,
.about-message-right dl{
	width: 80%;
	margin: 0 auto;
	font-size: 1.1em;
	text-align: center;
	letter-spacing: 1px;
}
#about-message > div dt{
	margin: 0 0 20px;
	padding: 0 0 10px;
	font-size: 1.4em;
	border-bottom: 1px #FFF solid;
}
#about-message > div dd{
	line-height:1.8;
}
	

#about-team{
	margin: 0 auto 90px;
}
#about-team img.bottom-space{
	margin-bottom: 20px;
}


#about-partners{
	margin: 0 auto 90px;
}
.about-partners-flex01,
.about-partners-flex02,
.about-partners-flex03,
.about-partners-flex04{
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.about-partners-flex01 img,
.about-partners-flex02 img{
	width: 192px;
}
.about-partners-flex01,
.about-partners-flex02,
.about-partners-flex03{
	margin-bottom: 30px;
}
.about-partners-flex03 img,
.about-partners-flex04 img{
	/*width: 70%;*/
	width: 192px;
}
.about-partners-flex03{
	padding-right: 220px;
}
.about-partners-logo{
	margin: 0 14px;
	text-align: center;
}

@media only screen and (max-width: 900px) {
	#about-details{
		width: 100%;
	}
	#about-details dl dt{
		padding: 10px 0;
		width: 100%;
	    float: none;
	    clear: both;
		border-bottom: none;
	}
	#about-details dl dd{
		padding: 10px 0;
	    margin-left: 0;
		border-bottom: 1px #808080 solid;
	}
	
	
	#about-message{
		display:block;
	}
	#about-message > div{
		width: 100%;
		padding: 15px 0;
		line-height:1.5;
	}
	.about-message-left dl,
	.about-message-right dl{
		padding: 20px 0;
	}
	.about-message-left dl dt{
		margin: 0 0 10px;
		padding: 0 0 10px;
		font-size: 24px;
	}
	.about-message-right dl dt{
		margin: 0 0 10px;
		padding: 0 0 10px;
		font-size: 24px;
	}
	
	
	#about-team{
		width: 100%;
	}
	#about-team img.bottom-space{
		margin-bottom: 10px;
	}
	
	
	#about-partners{
		width: 100%;
	}
	.about-partners-flex03 .about-partners-logo img,
	.about-partners-flex04 .about-partners-logo img{
		text-align: center;
		margin: 0 auto;
		display: block;
	}
	.about-partners-flex03{
		padding-right: 95px;
	}

}



/*-------------Why Toyooka-----------------*/
#area-content{
	max-width:880px;
	margin:0 auto;
}

.area-main-img{
	margin: 0 auto;
	padding: 0;
	display: block;
}

.area-info-tit{
	margin-bottom:50px;
}
.area-info-tit h2{
	font-size:2.2em;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin:0 0 20px;
}
.area-info-tit p{

}

.area-info-sub{
/*	margin-bottom:50px;*/
}
.area-info-sub h3{
	font-size:2em;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin-bottom:20px;
}
.area-info-sub .flex_box h3 {
    margin-bottom: 10px;
    margin-top: 50px;
}
.area-info-sub p.lead-center{
	text-align:center;
	margin-bottom:20px;
}

.photo-in-message{
	margin-bottom:60px;
}
.photo-in-message > div{
	position:relative;
}
.photo-in-message > p{
	margin-top:5px !important;
}
.photo-in-message .photo-message{
	width:525px;
	background:#000;
	color:#FFF;
	padding:15px 25px;
	
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.photo-in-message .photo-message dl{
	margin:0;
	letter-spacing:1px;
}
.photo-in-message .photo-message dd{
	font-size:0.85em;
	text-align:right;
}

#kinosaki-sotoyu{
	margin-bottom:80px;
}
.area-content-tit-wrap{
	position:relative;
	margin-bottom: 15px;
}
.area-content-tit{
	color:#FFF;
	line-height:1.3;
	letter-spacing:2px;
	text-shadow:0 0 4px rgba(0,0,0,0.75);
	position:absolute;
	bottom:30px;
	left:40px;
}
.area-content-tit h3,
.area-content-tit p{
	margin:0 !important;
	padding:0;
}
.area-content-tit h3{
	font-size:1.8em;
	font-weight:bold;
}
.area-content-tit p{
	font-size:0.85em;
}
#kinosaki-sotoyu .flex_box{
	padding:0;
	margin:0;
}
#kinosaki-sotoyu .flex_box li{
	text-align:center;
}

#area-kinosaki-yukata{
	margin:5px 0 50px;
	position:relative;
}
#area-kinosaki-yukata-floatingimg{
	position:absolute;
	top:-30px;
	right:0;
}
#area-kinosaki-yukata dl{
	width:335px;
	position:absolute;
	top:20px;
	left:278px;
	margin: 0;
}






/*-------------Form-----------------*/
.form-wrap dl{
	display:flex;
	flex-wrap:wrap;
	
	border-bottom: 1px solid #bfbfbf;
	padding: 25px 0;
	margin: 0;
}
.form-wrap dt{
	width:25%;
}
.form-wrap dd{
	width:75%;
	margin:0;
}

.contact-form-content dl{
	margin-bottom:1em;
}

#page_content label {
	display: initial;
}

#page_content input[type="text"],
#page_content input[type="password"],
#page_content input[type="email"],
#page_content input[type="url"],
#page_content input[type="number"],
#page_content input[type="date"],
#page_content textarea{
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: rgb(43, 43, 43);
	padding: 8px 10px 8px;
	background: none repeat scroll 0% 0% #fff;
}

#page_content input,
#page_content button,
#page_content select,
#page_content textarea {
	-moz-box-sizing: border-box;
	font-size: 100%;
/*	margin: 0px;*/
	max-width: 100%;
	vertical-align: baseline;
}

#page_content input:focus,
#page_content textarea:focus {
	border: 1px solid rgba(0, 0, 0, 0.3);
	outline: 0px none;
}
#page_content textarea {
	width:100%;
}
#page_content select {
/*	width:100%;*/
	padding: 8px 10px 7px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 2px;
	color: rgb(43, 43, 43);
	margin: 5px 0;
}

.mwform-checkbox-field-text{
	margin-left:5px;
}

.form-required{
	color:#cc0000;
}

h3.form-block-tit{
	font-size:1.3em;
	margin:3em 0 1em;
	text-align:center;
}
h3.form-block-tit span{
	color:#FFF;
	background-color: #4297da;
	padding:3px 13px;
}
.btn-wrap{
	text-align:center;
	padding:30px 0;
}


.mw_wp_form_preview form dl{
	margin-bottom:2em;
}
.mw_wp_form_preview form dd{
	font-weight:bold;
}
.mw_wp_form_preview .read_btn,
.wpcf7c-btn-confirm{
	display:flex;
	justify-content: space-between;
}
.mw_wp_form_preview .read_btn input{
	width:48%;
}








#wpmem_reg input[type="submit"],
#wpmem_login input[type="submit"],
#wpmem_login .div_text,
#wpmem_reg .button_div,
#wpmem_login .button_div,
#wpmem_login .link-text{
    width:auto;
}
#wpmem_login {
    width:300px;
    margin: 50px auto 0;
}
fieldset{
	border:0px;
/*	position:relative;
	padding-bottom:40px;*/
}
#wpmem_login legend{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}
#wpmem_login .div_text{
	margin-bottom:5px;
}
#wpmem_login input[type="text"],
#wpmem_login input[type="password"]{
	width:100%;
	font-size:1.2em;
}
#wpmem_login .button_div{
	text-align:right;
/*	position:absolute;
	bottom:0;
	right:0;*/
}
#wpmem_login .button_div label{
	font-size:0.85em;
}
#wpmem_login .button_div input[type="submit"]{
	font-size:1em;
}

fieldset .div_text,
fieldset .div_textarea{
	margin-bottom:10px;
}
fieldset .button_div{
	text-align:right;
}
fieldset .div_text input{
	width:100%;
}
.req{
	color:#ba2636;
}



.result-count{
	display:none;
	
	font-size:0.8em;
	font-weight:normal;
}
#gallery-fixed-menu{
	width:100%;
	color:#FFF;
	text-align:center;
	background:rgba(0,0,0,0.85);
	padding:10px 5%;
	position:fixed;
	left:0;
	bottom:0;
	z-index:10;
	box-sizing:border-box;
}
#gallery-fixed-menu > div{
	display:inline-block;
}
#gallery-fixed-menu .read_btn{
	margin-right: 1em;
}
.pic_li .info_box .btn_down {
    font-size: 1.8em;
}
.pic_li .info_box .btn_down .fa{
    color: #FFF !important;
}
.pic_li .imgs input[type="checkbox"] + label::before {
    line-height: 1;
}


.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.nav .page_view a.next,
.nav .page_view a.prev {
    width:120px;
    border: 1px solid #E6E6E6;
}
.wp-pagenavi a:hover,
.nav .page_view a.page-numbers:hover {
	color:#FFF;
	background-color: #00B1EE;
}



#contactus-content h2,
#contactus-content h3{
/*	font-weight:normal;*/
	border-bottom:1px solid #4297da;
	padding-bottom:5px;
	margin-bottom:15px;
}
.flex_box .contact-form-content{
	width:55%;
}
.flex_box .contact-links{
	width:38%;
}
.contact-links ul{
	margin-bottom:15px;
}
.contact-links ul li{
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:15px;
}



.ownerinfo-title{
	font-family:serif;
	text-align:center;
	margin-bottom: 80px;
}
.ownerinfo-title h2{
	font-size: 2.2em;
	margin: 0 0 5px;
}
.ownerinfo-title p{
	font-size:1.15em;
	
}

.ownerinfo-content{
	margin-bottom: 65px;
}
.ownerinfo-content h3{
	font-size:1.5em;
	color:#4297da;
	text-align:center;
	font-family:serif;
	border-radius:0 !important;
	border-top: 1px solid #4297da;
	border-bottom: 1px solid #4297da;
	padding: 8px 0 !important;
	margin-bottom: 25px;
}
.ownerinfo-content li{
	margin-bottom: 15px;
}
.ownerinfo-content li li{
	margin-bottom: 0px;
}
.ownerinfo-content dt{
	font-weight:bold;
	margin-bottom: 0px;
}

.contact-form{
/*	text-align:center;*/
}
.contact-form h4{
	font-size: 1.2em;
}
.contact-form p{
	font-size: 0.9em;
}

#ownerinfo-merit ol,
#ownerinfo-merit li{
	padding:0;
	margin:0;
	list-style:none;
}
#ownerinfo-merit ol{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
#ownerinfo-merit li{
	width:28%;
	margin-bottom:25px;
}
#ownerinfo-merit dl{
	background:url(images/ownerinfo_img01.png) center top no-repeat;
}
#ownerinfo-merit dt{
	font-size:1.4em;
	font-family:serif;
	text-align:center;
	line-height:1.6;
	padding-top:30px;
	padding-bottom:5px;
	margin-bottom:10px;
	position:relative;
}
#ownerinfo-merit dt::after{
	content: "";
	width:80px;
	border-top:3px solid #4297da;
	position:absolute;
	bottom:0px;
	left:50%;
	margin-left:-40px;
}
#ownerinfo-merit dt span{
	font-size:0.6em;
	color:#4297da;
	font-weight:normal;
}
#ownerinfo-merit dd{
	font-size:0.9em;
}

.contact-form table{
	margin:0 auto 20px;
}

#ownerinfo-conditions ol{
/*	font-size: 0.9em;*/
	font-weight: bold;
}
#ownerinfo-conditions ol dd{
	font-weight: normal;
}
#ownerinfo-content ol{
	margin-left: 1.5em;
}


#mw_wp_form_mw-wp-form-15296 h4{
	font-size:1.5em;
	font-family:serif;
	color:#FFF;
	text-align:center;
	background:#4297da;
	padding:10px;
	margin: 0 0 20px;
}

.terms-content h3 {
    font-size: 1.2em;
    font-weight: 600;
    margin:1.2em 0 5px;
}


.local-distances-table table{
	margin:0;
}


#sales-tools-list{
	padding: 0 3% 0 0;
}
#sales-tools-list .flex{
	display:flex;
	flex-wrap:wrap;
/* 	align-items: stretch; */
	align-items: center;
}
#sales-tools-list .sales-tools-item{
	border:1px solid #808080;
	margin-bottom:30px;
}
#sales-tools-list a.sales-tools-item:hover{
	color:#4297da;
}
#sales-tools-list .sales-tools-item .sales-tools-item-thum{
	width:20%;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
	min-height:160px;
	position:relative;
}
#sales-tools-list a.sales-tools-item[href $='.pdf'] .sales-tools-item-thum::before,
#sales-tools-list a.sales-tools-item[href $='.xlsx'] .sales-tools-item-thum::before,
#sales-tools-list a.sales-tools-item[href $='.xls'] .sales-tools-item-thum::before,
#sales-tools-list a.sales-tools-item[href $='.docx'] .sales-tools-item-thum::before,
#sales-tools-list a.sales-tools-item[href $='.doc'] .sales-tools-item-thum::before{
	content:"";
	display: inline-block;
	width: 26px;
	height: 32px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: middle;
	position:absolute;
	top:5px;
	left:5px;
}
#sales-tools-list a.sales-tools-item[href $='.pdf'] .sales-tools-item-thum.no-image::before,
#sales-tools-list a.sales-tools-item[href $='.xlsx'] .sales-tools-item-thum.no-image::before,
#sales-tools-list a.sales-tools-item[href $='.xls'] .sales-tools-item-thum.no-image::before,
#sales-tools-list a.sales-tools-item[href $='.docx'] .sales-tools-item-thum.no-image::before,
#sales-tools-list a.sales-tools-item[href $='.doc'] .sales-tools-item-thum.no-image::before{
	width: 44px;
	height: 54px;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}
#sales-tools-list a.sales-tools-item[href $='.pdf'] .sales-tools-item-thum::before{
	background-image: url('images/icon_pdf.png');
}
#sales-tools-list a.sales-tools-item[href $='.xlsx'] .sales-tools-item-thum::before,
#sales-tools-list a.sales-tools-item[href $='.xls'] .sales-tools-item-thum::before{
	background-image: url('images/icon_wlsx.png');
}
#sales-tools-list a.sales-tools-item[href $='.docx'] .sales-tools-item-thum::before,
#sales-tools-list a.sales-tools-item[href $='.doc'] .sales-tools-item-thum::before{
	background-image: url('images/icon_docx.png');
}
#sales-tools-list .sales-tools-item .sales-tools-item-thum.no-image{
	background-color:#f2f2f2;
	transition: all 0.3s ease-in-out 0s;
}
#sales-tools-list a.sales-tools-item:hover .sales-tools-item-thum.no-image{
	background-color:#4297da;
}
#sales-tools-list .sales-tools-item .sales-tools-item-info{
	width:65%;
	padding: 15px 0px 15px 35px;
}
#sales-tools-list .sales-tools-item.no-download .sales-tools-item-info{
	width:80%;
	padding: 15px 35px;
}
#sales-tools-list .sales-tools-item .sales-tools-item-info h2{
	margin-bottom:5px;
}
#sales-tools-list .sales-tools-item .sales-tools-item-info p{
	font-size:0.9em;
	margin-bottom:0px;
}
#sales-tools-list .sales-tools-item .sales-tools-item-download{
	width:15%;
	text-align:center;
	position:relative;
}
#sales-tools-list .sales-tools-item .sales-tools-item-download{
	display:block;
	height:100%;
}
#sales-tools-list .sales-tools-item .sales-tools-item-download span{
	width:100%;
	font-size:0.8em;
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
#sales-tools-list .sales-tools-item .sales-tools-item-download span .fa{
	font-size:3em;
}


#about-guide-title{
	color:#FFF;
	background-position:center center;
	background-size:cover;
	margin-bottom:55px;
}
#about-guide-title .inner{
	min-height:430px;
	background-color:rgba(0,0,0,0.5);
	padding:55px 65px;
}
#about-guide-title .inner .title-wrap{
	width:100%;
	max-width:420px;
}
#about-guide-title .inner .title-wrap h2{
	font-size:2.5em;
	line-height:1.2;
	margin-bottom: 15px;
}
#about-guide-title .inner .title-wrap h2::after{
	content:"";
	width:100px;
	border-bottom:3px solid #FFF;
	display:block;
	margin-top: 15px;
}

#about-guide-spec dl{
	display:flex;
	flex-wrap:wrap;
	font-size:1.1em;
	margin-bottom:40px;
}
#about-guide-spec dt{
	width:38%;
	font-size:1.2em;
	font-weight:bold;
	text-align:right;
	padding:5px 25px 5px 0;
}
#about-guide-spec dd{
	width:62%;
	text-align:left;
	border-left:1px solid #BFBFBF;
	padding:5px 0px 5px 25px;
	margin:0;
}

#local-guide-activity{
	margin-top: 80px;
}
#local-guide-activity h2.page-title{
	text-align:center;
}

#local-guide-activity #activity-recommended .activity-item.flex {
    width: 100%;
}
#local-guide-activity #activity-recommended .activity-item.flex .image {
    width: 240px;
    height: 160px;
}
#local-guide-activity #activity-recommended .activity-item.flex .activity-item-text {
    width: calc(100% - 240px);
}




@media only screen and (min-width: 1850px) {
	#main{
	    max-width: 95%;
	}
	#main .right_box,
	#main.page_main .right_box {
	    width: 1480px;
	}
	.facilities-list li {
	    width: 20%;
	}
	#single_content .imgs {
		display:flex;
	    width: auto;
	}
	#single_content .imgs .info_box {
		display:block;
	    width: auto;
	    margin-left: 2%;
	}
	#single_content .imgs .info_box .col-sm-6 {
	    width: auto;
	    margin-bottom: 20px;
	}
	
}
@media only screen and (min-width: 901px) {
	.sp-content{
		display:none;
	}
}
@media only screen and (max-width: 900px) {
	.pc-content{
		display:none;
	}

	#global-navi,
	.left_box {
		display: none; }
	.right_box {
		display: block; }
	#main .right_box, #main.page_main .right_box {
	    width: 100%;
	}
	#main .right_box,
	#main.page_main .right_box {
	    position:relative;
	    padding-bottom: 50px;
	}
	#main .right_box .pankuzu,
	#main.page_main .right_box .pankuzu {
		padding: 0 3%;
	    position:absolute;
	    left:0;
	    bottom:0;
	}

	#sp-drawer-nav{
		position:relative;
		z-index:10;
	}
	#sp-drawer-nav .drawer-menu li a {
	    display: block;
	    line-height: 1.5;
	    padding: 10px 20px;
	}
	#sp-drawer-nav .drawer-menu > li > a {
	    font-weight:600;
	}
	#sp-drawer-nav .drawer-menu .sub-menu a {
	    display: block;
	    line-height: 1.5;
	    padding: 5px 20px 5px 35px;
	}

	.scroll-header .drawer-hamburger {
	    padding-top: 10px;
	}


	#site-title {
	    height: 180px;
	}
	#site-title span {
	    width: 100%;
	    top: 65%;
	}
	#site-title h1 {
	    font-size: 1.6em;
	}
	.home-content {
	    padding: 0 5%;
	}
	.home-content h2 {
	    font-size: 1.6em;
	}

	#sidebar ul li {
	    background-color: transparent !important;
	}
	#sidebar ul li li{
		border-bottom:0px;
	}

	.page_main {
	    padding-top: 0px !important;
	}
	#page_content {
		padding: 0 3%;
	}
	.table-wrapper{
		width: 100%;
/*	    padding-left:2%;
	    padding-right:2%;*/
		padding-bottom:1em;
		margin-bottom:1em;
	    box-sizing:border-box;
	    
		overflow-y: hidden;
		overflow-x: auto;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		-webkit-overflow-scrolling: touch;
		
		/*background: linear-gradient(to left, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) 0 0/20px 100%, linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;*/
		background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.2)) right/20px 100%;
		background-repeat: no-repeat;
		background-attachment: scroll;
		border-right: 1px solid #CCC;
	}



	.flex_box dl {
	    margin-top: 8px;
	}
	.flex_box dt {
	    font-size: 0.9em;
	}
	.photo-in-message .photo-message dd {
	    font-size: 0.75em;
	}
	.area-content-tit {
	    color: #000;
	    text-shadow: 0 0 4px rgba(0,0,0,0);
		letter-spacing:0px;
	    position: static;
	    margin-bottom:10px;
	}
	.area-content-tit h3 {
	    text-align: center;
	    margin-bottom: 10px !important;
	}
	.photo-in-message .photo-message {
	    width: auto;
	    position: static;
	    transform: translate(0%, 0%);
	    padding: 10px 15px;
	}
	#area-kinosaki-yukata-floatingimg {
	    top: 210px;
	    right: 0;
	    width: 33%;
	}
	#area-kinosaki-yukata dl {
	    width: 68%;
	    position: static;
	    margin-top: 8px;
	}
	
	#ownerinfo-content #ownerinfo-merit ol{
		margin-left: 0;
	}
	#ownerinfo-merit li {
	    width: 45%;
	}
	
	.operation-flow ol li {
	    border-right: 0px;
	}
	
	#single_content .pic_ex {
	    width: 100%;
	}
	
	.usepolicy {
	    padding: 25px 5% 0;
	}
	
	
	#gallery-fixed-menu {
	    padding: 2px 2px 5px;
	}
	#gallery-fixed-menu .read_btn {
	    margin-right: 0em;
	    margin-bottom: 5px;
	    display:flex;
	    flex-wrap:wrap;
	}
	#gallery-fixed-menu .read_btn > a{
	    display:block;
	    width:55%;
	}
	#gallery-fixed-menu .read_btn #select_img_menu{
	    display:block;
	    width:45%;
	}
	#gallery-fixed-menu .read_btn > a,
	#gallery-fixed-menu .read_btn #select_img_menu a{
	    display:block;
	    font-size:0.9em;
	    padding:10px 0;
	    border:0px;
	    border-radius:0;
	    margin-bottom:0px;
	}
	#gallery-fixed-menu .read_btn #select_img_menu{
		padding-left:2px;
	}
	#gallery-fixed-menu .read_btn span a{
	    width:100%;
	}
	#gallery-fixed-menu .all_btn {
	    font-size:0.9em;
	}
	
	.nav .page_view span,
	.nav .page_view a.page-numbers {
	    width: 34px;
	    height: 34px;
	    font-size: 16px;
	    line-height: 30px;
	}
	.nav .page_view a.next,
	.nav .page_view a.prev {
	    width: 90% !important;
	    margin: 15px auto;
		display: block;
	}
	
	#activity-recommended .activity-item {
	    width: auto;
	}
	#activity-recommended .activity-item.flex .image,
	#local-guide-activity #activity-recommended .activity-item.flex .image {
	    width: 100%;
	    height: 120px;
	    margin-bottom: 10px;
	}
	#activity-recommended .activity-item.flex .activity-item-text,
	#local-guide-activity #activity-recommended .activity-item.flex .activity-item-text {
	    width: 100%;
	    padding: 0px 0px 0px 0px;
	
	}
	
	
	#about-guide-title {
	    margin: 0 -3% 30px;
	}
	#about-guide-title .inner {
		min-height: auto;
	    padding: 25px 30px;
	}
	#about-guide-title .inner .title-wrap h2 {
	    font-size: 1.8em;
	}
	#about-guide-spec{
		padding:0 10px;
	}
	#about-guide-spec dl {
	    margin-bottom: 30px;
	}
	#about-guide-spec dt {
	    width: 100%;
	    text-align:left;
	    padding: 0px 0px;
	    border-bottom: 1px solid #BFBFBF;
	    padding-bottom: 10px;
	    margin-bottom: 10px;
	}
	#about-guide-spec dd {
	    width: 100%;
	    border:0px;
	    padding: 0px 0px ;
	}
	
	
	#sales-tools-list{
		padding: 0 3%;
	}
	#sales-tools-list .flex {
	    display: block;
	}
	#sales-tools-list .sales-tools-item .sales-tools-item-thum {
	    width: 100%;
	}
	#sales-tools-list .sales-tools-item .sales-tools-item-info,
	#sales-tools-list .sales-tools-item.no-download .sales-tools-item-info {
	    width: 100%;
	    padding: 15px 25px;
	}
	#sales-tools-list .sales-tools-item .sales-tools-item-download {
	    width: 100%;
	    position: static;
	    padding-bottom: 20px;
	}
	#sales-tools-list .sales-tools-item .sales-tools-item-download span {
	    width: 100%;
	    position: static;
	}
	#sales-tools-list .sales-tools-item .sales-tools-item-download span br {
	    display:none;
	}
	
	
}



.signup #page_content .content > p{
    font-size:1.2em;
    font-weight:bold;
    color: #258dc8;
}
.mypage #page_content .content li a::before,
.signup #page_content .content li a::before{
    content: "\f105";
    font-family: FontAwesome;
    margin-right: 8px;
}
.mypage #page_content .content li a:hover,
.signup #page_content .content li a:hover{
    color: #258dc8;
    font-weight:bold;
}
.mypage .div_text .noinput{
	font-weight:bold;
}



/*  Search & Filter (ショーン 2021/03/24)
----------------------------------------------- */
.no-content-title {
    margin-bottom: 1em;
    font-size: 16px;
    font-weight: lighter;
}

.filter-cont {
    padding-left: 20px;
    padding-right: 20px;
}

/* ===== Desktop Filter ====== */
.filter-tit {
    margin-top: 20px;
    font-size: 28px;
}

.filter-tit br {
    display: none;
}

.filter-tit:after {
    margin-left: auto;
}

@media (min-width: 900px) {
    .filter-tit {
        margin-top: 30px;
        margin-bottom: 20px;
        font-size: 25px;
    }
    
    .filter-tit br {
        display: block;
    }
    
    .filter-tit--big {
        font-size: 32px;
    }
}


/* ===== Mobile Title ====== */
/* Interactivity / Mobile */
.filter-sptit {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.8em 2em 0.8em 1em;
    font-weight: 800;
    background: #595959;
    color: #FFF;
    cursor: pointer;
}

.filter-sptit i {
    position: absolute;
    display: block;
    right: 1em;
    transition: transform 180ms ease;
}

.searchandfilter > ul {
    max-height: 0;
    transition: max-height 800ms ease;
    overflow: hidden;
}

.js-opened + .searchandfilter > ul{
    max-height: 600px;
}

.filter-sptit.js-opened i {
    transform: rotate(180deg);
}

.filter-sptit + .searchandfilter {
    max-height: 600px;
}

@media (min-width: 900px) {
    .filter-sptit {
        display: none;
    }

    .searchandfilter > ul {
        max-height: none;
    }
}


/* ===== Filter Box ====== */
/* Category */
.searchandfilter {
    font-weight: 500;
}

.searchandfilter > ul > li { 
    padding: 0;
    border: 1px solid #4297da;
}

.searchandfilter > ul > li > h4 {
    padding: 0.6rem 1rem 0.8rem;
    line-height: 1;
    text-align: center;
    color: #fff;
    background: #4297da;
}

.searchandfilter > ul > li > ul {
    padding: 0.4rem 0;
}

/* Item */
.searchandfilter .sf-level-0 { /* li */
    padding: 0.3em 1em;
    font-size: 13px;
    letter-spacing: 0;
}

.searchandfilter .sf-level-0 input,
.searchandfilter .sf-level-0 label {
    cursor: pointer;
}

.searchandfilter .sf-level-0 input + label:after {
    margin-left: 0.6em;
    font-size: 0.9em;
    opacity: 0.7;
}

.searchandfilter .sf-level-0 input[value="kinosaki"] + label:after { content: 'Hot Spring Town'; }
.searchandfilter .sf-level-0 input[value="izushi"] + label:after { content: 'Castle Town'; }
.searchandfilter .sf-level-0 input[value="toyooka"] + label:after { content: 'Nightlife & Shopping'; }
.searchandfilter .sf-level-0 input[value="takeno"] + label:after { content: 'Beach & Seaside Town'; }
.searchandfilter .sf-level-0 input[value="kannabe"] + label:after { content: 'Kannabe & Ski Resorts'; }
.searchandfilter .sf-level-0 input[value="tanto"] + label:after { content: 'Farming Village'; }

@media (min-width: 600px) {
    .searchandfilter > ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .searchandfilter > ul > li {
        width: calc(50% - 0.5rem);
    }

    .searchandfilter > ul > li:nth-child(even) {
        margin-left: 1rem;
    }

    .searchandfilter > ul > li {
        margin-top: 1rem;
    }
}

@media (min-width: 1100px) {
    .searchandfilter > ul > li { 
        padding: 0;
    }

    .searchandfilter > ul > li {
        width: calc(25% - 0.75rem);
        border-color: #4297da;
    }
    
    .searchandfilter > ul > li[data-sf-field-name="_sft_gallery_categry"] {
        width: calc(40% - 1.5rem);
    }

    .searchandfilter > ul > li:not(:first-child) {
        margin-left: 1rem;
    }

    .searchandfilter > ul > li > h4 {
        background: #4297da;
    }

    .searchandfilter .sf-level-0 { /* li */
        padding: 0.3em 0;
    }

    .searchandfilter > ul > li > ul {
        padding: 0.6rem 0 1rem 1.2rem;
    }
}
/* ===== Search & Filter End ====== */


/*221122*/
.en_bnr {
    width:100%;
    margin-bottom:50px;
}
.en_bnr a {
    position: relative;
    display: block;
    width: 100%;
}
.en_bnr img {
    position: relative;
    display: block;
    width: 100%;
    z-index: 0;
}
.en_bnr span {
    position: absolute;
    bottom: 13%;
    right: 5%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 210px;
    width: 100%;
    padding: 10px 20px;
    color: #fff;
    font-family: serif;
    font-size: 20px;
    line-height: 1;
    text-align: center;
    background-color: #958833;
    transition: all .3s ease;
}
.en_bnr:hover span {
    background-color: #956D33;
}
@media only screen and (max-width: 600px) {
    .en_bnr span {
        max-width: 150px;
        padding: 7px 10px;
        font-size: 15px;
    }
}
@media only screen and (max-width: 400px) {
    .en_bnr span {
        position: relative;
        bottom: 0;
        right: 0;
        max-width: inherit;
    }
}