@charset "UTF-8";
/*
	株式会社WEBY
	Copyright (C) WEBY Inc. All Rights Reserved

*/

/*------------------------------------------------------------------------------
1-GLOBAL
2-HEADER
3-FOOTER
4-CONTENTS
5-UNDER PAGES
6-JAVASCRIPT
7-HI-SPEC-COADING【編集可】
8-RESET【編集不可】
 -------------------------------------------------------------------------------*/

/* //////////////////////////////////////////////////
[1 GLOBAL]
////////////////////////////////////////////////// */
.cf:before,
.cf:after {
	display: table;
	content: "";
}
.cf:after {clear: both;}
html{
	height:100%;
}

body  {
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	background-attachment: scroll;
	font-size:14px;
	background-color:#fff;
    -webkit-text-size-adjust: none;
    -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 480px){
	html,body {
		margin: 0;
		padding: 0;
	}
}

#wrapper{
	margin:0px auto;
	padding:0;
}

.w960{
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.w540{
	width: 540px;
	margin: 0 auto;
	overflow: hidden;
}
.w345{
	width: 345px;
	margin: 0 auto;
	overflow: hidden;
}
a{
	text-decoration: none;
}

h2,h3,h4{
	line-height: 1.4em;
}
ul,ol{
	list-style: none;
}
.negOne{
	margin-top: -22px;
}
.bb2{
	border-bottom:1px solid #bababa;
}
.logoInner{
	position: relative;
	z-index: 999;
	width: 960px;
	margin: 0 auto;
}
@media screen and (max-width: 480px){
	.w960,
	.w540,
	.w345 {
		width: 100%;
	}
	.sp-vis {
		overflow: visible;
	}

	.pc {
		display: none;
}
.sp {
		display: block;
}
}

/*- 文字デザイン*/
.cap1{
	color:#3e3e3e;
	font-size: 20px;
}
.cap1 span{
    font-size: 12px;
    display: block;
    padding-bottom: 2px;
    font-weight: normal;
}
.ryumin{
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}
.layout1 p{
    font-size: 12px;
	color:#3e3e3e;
	line-height: 1.8em;
}
.layout2 p{
    font-size: 12px;
	color:#3e3e3e;
	line-height: 1.8em;
}
.aside h4{
	font-size: 24px;
	color: #544b3c;
	padding-top: 20px;
	padding-bottom: 20px;
}
.aside p{
	font-size: 12px;
	color:#3e3e3e;
	line-height: 1.8em;
	padding-right: 10px;
}
.featureEven h3{
	font-size: 24px;
	color: #544b3c;
}
.featureEven p{
	font-size: 12px;
	line-height: 1.8em;
	color:#3e3e3e;
}
.featureOdd h3{
	font-size: 24px;
	color: #544b3c;
}
.featureOdd p{
	font-size: 12px;
	line-height: 1.8em;
	color:#3e3e3e;
}

.cFacility_list h3{
	font-size: 24px;
	color: #544b3c;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 20px;
}
.cFacility_list p{
	font-size: 12px;
	line-height: 1.8em;
	color:#3e3e3e;
	padding-right: 30px;
}
.cSurround_list h3{
	font-size: 24px;
	color: #544b3c;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 20px;
}
.cSurround_list p{
	font-size: 12px;
	line-height: 1.8em;
	color:#3e3e3e;
	padding-right: 30px;
}
.cAccess_list h3{
	font-size: 24px;
	color: #544b3c;
	padding-top: 40px;
	padding-right: 30px;
	padding-bottom: 20px;
}
.cAccess_list p{
	font-size: 12px;
	line-height: 1.8em;
	color:#3e3e3e;
	padding-right: 30px;
}
@media screen and (max-width: 480px){
	.cAccess_list p {
		padding: 0 10px 10px;
	}
}

/*-----------------------------------------------------------------------  global*/


/* //////////////////////////////////////////////////
[2 HEADER]
////////////////////////////////////////////////// */
.logo {
	position: absolute;
	top: 0;
	left: -3px;
	z-index: 1001;
}
.logo a {
	display: block;
	width: 106px;
	height: 113px;
	text-indent: -9999px;
	background: url(../images/global/logo.png) no-repeat 0 0;
		background-repeat: no-repeat;
		background-size:94px 102px;
		-moz-background-size:94px 102px;
		-ms-background-size:94px 102px;
		-o-background-size:94px 102px;
		-webkit-background-size:94px 102px;
}

.h_head{
	font-size: 12px !important;
	font-weight: normal !important;
	padding: 3px 0 2px 100px;
	float: left;
	color: #3e3e3e;
}
.seoTxt{
	background-color: #f8f7f2;
	border-bottom: 2px solid #e8e5d9;
}

.seoTxt p{
	color: #3e3e3e;
	float: left;
	font-size: 12px;
	padding: 3px 0 2px 100px;
}
.seoTxt a{
	color: #4f2d15;
}

.seoTxt a:hover{
	border-bottom: 1px solid #4f2d15;
}

.subnavCont{
	float: right;
	padding: 0px 120px 0px 0;
}

.subNav{
	overflow: hidden;
	font-size: 10px;
	padding-top: 1px;
	padding: 3px 5px 2px 0;
	float: left;
}
.subNav li{
	float: left;
	border-left:1px solid #CCC;
	padding-left:6px;
	margin-left:6px;
}
.subNav li:first-child {
	border-left:none;
}

.changeLang{
	overflow: hidden;
	float: left;
}
.select-box01 select{
	width: 100%;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border:none;
	padding: 1px 6px 3px 2px;
	background-color: #e8e5d9;
	vertical-align: top;
	box-sizing:border-box;
	border-radius:0px;
	text-indent: 4px;
	font-size: 12px;
}
.resBtn{
	float: right;
	height: 38px;
}
.fasBtn{
	float: right;
	margin: 26px 5px 0 0;
}

.lng-select {
	display: block;
padding: 0 10px 10px;
float: right;
font-size: 10px;
margin: 0 50px 0 0;
position: relative;
z-index: 9999;
}

.lng-select > span {
display: block;
margin: 6px 0 0 10px;
}

.globalNav{
	padding-left: 170px;
	margin-top: 10px;
    width: 100%;
    overflow: hidden;
}
.globalNav ul{
    display: table;
    table-layout: fixed;
    width: 790px;

}
.globalNav li{
	font-size: 12px;
	text-align: center;
    display: table-cell;
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
	font-weight: bold;
}

.globalNav li span{
	font-size: 10px;
	color: #de1670 !important;
	font-weight: normal !important;
	display:block;
	margin-top:6px;

	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
.globalNav a{
	display: block;
	color: #3e3e3e !important;
	font-weight: bold;
    padding-bottom: 8px;
    padding-top: 6px;
    height: 43px;
	box-sizing: border-box;
}
.globalNav a:hover{
	border-bottom: 2px solid #b5a139;
}

.globalNav li a:hover{
	opacity: 0.6;
}
.mainHead{
	background-color: #fff;
	position: fixed;
	z-index: 9999;
	width: 100%;
	background-color: rgba(255,255,255,0.9);
}

.sp-nav {
	display: none;
}

.lng-select {
	display: none;
}

@media screen and (max-width: 480px){

.h_head{
	display: none;
}
	.logoInner {
		width: 94px;
		margin: 0 0 0 5px;
	}
	.logo a {
		display: block;
		width: 94px;
		height: 102px;
	}
	.seoTxt p {
		float: none;
	}
	.subnavCont{
		float: none;
		display: none;
	}
	.sp-nav {
		position: relative;
		height: 50px;
		display: block;
		padding-top: 5px;
	}
	.sp-nav-btn {
		position: absolute;
		top: 5px;
		right: 5px;
		width: 40px;
		height: 40px;
		font-size: 10px;
		border-radius: 2px;
		border: 1px solid #ddd;
		background: #fff;
		text-align: center;
	}
	.sp-nav-btn i {
		display: block;
		width: 20px;
		height: 14px;
		margin: 5px auto 6px;
		background: url(../images/global/icn_sp_nav_btn.png) 0 0 no-repeat;
		-webkit-background-size: 24px 14px;
		background-size: 24px 14px;
	}
	.sp-nav-body {
		display: none;
		position: absolute;
		top: 55px;
		left: 0;
		width: 100%;
		background: #f8f7f2;
		box-shadow: 0 1px 3px rgba(0,0,0,.2);
	}
	.sp-nav-body ul {
		margin: 0;
		padding: 20px 0 10px;
		list-style: none;
	}
	.sp-nav-body ul li {
		position: relative;
		border-bottom: 1px solid #ccc;
	}
	.sp-nav-body ul li a {
		display: block;
		padding: 10px;
	}
	.sp-nav-body ul li a span {
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -6px;
		font-size: 12px;
		color: #de1670;
	}
	.seoTxt p.tel-reserve {
		padding-right: 5px;
		padding-top: 5px;
	}
	.tel-reserve span {
		display: block;
		padding: 8px 0;
		background: #aa1b1b;
		border-radius: 4px;
		text-align: center;
		color: #fff;
		line-height: 14px;
	}
	.seoTxt a:hover {
		border-bottom: none;
	}
	.negOne {
		margin-top: 0;
	}
	.resBtn {
		float: none;
		width: 120px;
		position: absolute;
		top: 45px;
		left: 100px;
	}
	.fasBtn{
		margin:0;
		float:left;
		position: absolute;
		top: 62px;
		left: 224px;
	}

	.lng-select {
		display: block;
		padding: 0 10px 10px;
		float: right;
		font-size: 10px;
		margin: 0 50px 0 0;
		position: relative;
		z-index: 9999;
		}

		.lng-select > span {
		display: block;
		margin: 6px 0 0 10px;
		}

	.changeLang {
		display: inline-block;
		float: none;
		margin-left: 10px;
	}
	.globalNav {
		display: none;
	}
}





.contBox{
	overflow: hidden;
}
.feature{
	margin-top: 20px;
	overflow: hidden;
}

.feature li{
	width: 300px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
}
.feature li:nth-child(3n){
	margin-right: 0px;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
    top:0px;
    color: #fff !important;
    padding: 10px 0 30px 10px;
    font-size: 14px !important;
    font-weight: bold;
    width: 290px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%) !important; /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ) !important; /* IE6-9 */

}
.feature .featureTxt{
	font-size: 12px;
	color: #3e3e3e;
	background-color: #fff;
	padding: 10px;
	line-height: 1.4em;
	height:7em;
}

@media screen and (max-width: 480px){
	.absolute {
		width: 100%;
		box-sizing: border-box;
		padding: 5px 5px 0 5px;
		font-size: 12px !important;
		font-weight: normal;
		text-shadow: 0 0 3px rgba(0,0,0,.8);
	}
}


.recommend li{
	width: 184px;
	float: left;
	margin-right: 10px;
	margin-bottom: 30px;
}
.recommend li:last-child{
	margin-right: 0px;
}
.recommend .featureTxt{
	font-size: 12px;
	color: #3e3e3e;
	background-color: #fff;
	padding: 10px;
	line-height: 1.4em;
	height:7em;
}
.recommend .linkBox{
	padding: 5px;
	overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 5;
		background:url(../images/global/ribon.png);
		background-color: #fff;
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size:25px 25px;
		-moz-background-size:25px 25px;
		-ms-background-size:25px 25px;
		-o-background-size:25px 25px;
		-webkit-background-size:25px 25px;
		max-height: 180px;
}


.linkBox h3{
	font-size: 14px;
	color: #b5a139;
	padding-bottom: 3px;
}
.linkBox p{
	font-size: 12px;
	color: #3e3e3e;
	line-height: 1.6em;
	height:200px;
}


.btn200{
	width: 100%;
	background-color: #0066cc;
	margin-top:30px;
}

.btn200 a{
	display: block;
	padding:20px 15px;
	color: #fff;
	text-align: center;
}

.pc { display: block !important; }
.sp { display: none !important; }



@media screen and (max-width: 480px){

	.btn200 {
		background-color: transparent;
	}
	.btn200 a {
		margin: 0 10px;
		background-color: #0066cc;
	}
.pc { display: none !important; }
.sp { display: block !important; }


	.recommend,
	.feature {
		margin-top: 0;
		padding: 0 5px 20px;
		display:flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: stretch;
		align-items: stretch;
	}
	.recommend li,
	.feature li {
		width: 48%;
		box-sizing: border-box;
		margin: 0 1% 10px;
		padding: 0;
		flex-grow: 1;
		flex-shrink: 0;
		background: #fff;
		overflow: hidden;
		border-radius: 4px;
		box-shadow: 0 1px 3px rgba(0,0,0,.2);
	}
	.recommend li {
		width: 98%;
	}
	.feature li:nth-child(3n),
	.recommend li:last-child {
		margin-right: 1%;
	}
	.feature li a {
		display: block;
	}
	.feature .featureTxt {
		height: auto;
	}
	.linkBox p{
		height: auto;
		padding-bottom: 10px;
	}
}




.info li.escape{
	width: 372px;
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
	border: 1px solid #b9b9b9;
	box-sizing: border-box;
	background-color: #fff;
}
.info p{
	font-size: 12px;
	color: #3e3e3e;
	line-height: 1.6em;
}
.info li.escape:last-child{
	width: 176px;
	margin-right: 0px;
	border: none;
}

#map_canvas{
	height: 245px;
}

.info li.escape ul{
	padding: 10px;
	overflow: hidden;
	color: #cabd80;
	font-size: 12px;
	letter-spacing: -1px;
}
.info .minLink{
		background-color: #767676;
		width: 154px;
		float: left;
		margin-right: 20px;
		padding-left: 10px;
	padding-bottom: 0px;
}
.info .minLink:last-child{
		margin-right: 0px;
}
.info .minLink span{
		background:url(../images/global/arr_link.png);
		background-repeat: no-repeat;
		background-position: left 40%;
		background-size:5px 8px;
		-moz-background-size:5px 8px;
		-ms-background-size:5px 8px;
		-o-background-size:5px 8px;
		-webkit-background-size:5px 8px;
		padding-left: 10px;
		font-size: 12px;
}
.info .minLink a{
		display: block;
		color: #fff;
		padding: 3px;
}
.info .bigLink{
		background-color: #767676;
		width: 315px;
		padding-left: 10px;
		padding-bottom: 0px;
		margin-left: 10px;
}
.info .bigLink span{
		background:url(../images/global/arr_link.png);
		background-repeat: no-repeat;
		background-position: left 40%;
		background-size:5px 8px;
		-moz-background-size:5px 8px;
		-ms-background-size:5px 8px;
		-o-background-size:5px 8px;
		-webkit-background-size:5px 8px;
		padding-left: 10px;
		font-size: 12px;
}
.info .bigLink a{
		display: block;
		color: #fff;
		padding: 3px;
		text-align: center;
}
.escape .listIcon{
	padding: 20px 20px 1px 20px !important;
}
.escape ul.listIcon {
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
}
.escape ul.listIcon li {
	width: 20%;
	margin-bottom: 14px;
}
/*
.escape ul li{
	float: left;
	margin-right: 42px;
	padding-bottom: 14px;

}
.escape ul li:nth-child(4n){
	margin-right: 0px;
}
.escape ul li:nth-child(n+8) {
	padding-bottom: 0px;
}
*/
.escape ul li figure{
	text-align: center;
}
.escape ul li figcaption{
	color: #cabd80;
	font-size: 10px;
	letter-spacing: -1px;
}
.freeDial{
	overflow: hidden;
	margin-top: 2px;
}
.freeDial p{
	color: #419c15;
	font-size: 12px;
}

@media screen and (max-width: 480px){
	.info li.escape{
		width: 308px;
		float: none;
		margin: 0 auto;
		margin-bottom: 10px;
	}
	.info p{
		font-size: 12px;
		color: #3e3e3e;
		line-height: 1.6em;
	}
	.info li.escape:last-child{
		width: 176px;
		margin-right: 0px;
		border: none;
	}
	.info .minLink {
		width: 122px;
	}
	.info .bigLink {
		width: 100%;
		padding-left: 0;
		margin: 0 auto;
	}
	.info > li:last-child {
		position: relative;
		width: 310px;
		margin: 0 auto;
		padding: 10px 0 0;
	}
	.info > li:last-child figure {
		display: block;
		width: 310px;
		position: static;
		top: 0;
		left: 0;
		margin: 0 auto 10px;
	}
	.info > li:last-child p {
		margin-left: 0;
	}
	.info > li:last-child .freeDial {
		width: 200px;
		margin: 0 auto;
		padding: 10px 0;
		text-align: center;
	}
	.info > li:last-child figure img,
	.info > li:last-child .freeDial span,
	.info > li:last-child .freeDial span img {
		display: block;
		width: 100%;
		height: auto;
	}
}


.news{
	overflow: hidden;
}
.news li{
	border-bottom: 1px solid #eaeaea;
	padding-bottom: 15px;
	overflow: hidden;
	padding-top: 15px;
}
.news figure{
	float: left;
	width: 110px;
	margin-right: 20px;
}
.news p{
	font-size: 14px;
	overflow: hidden;
	line-height: 1.6em;
}
.news h3{
	font-size: 20px;
	color: #b5a139;
	padding-bottom: 10px;

}

@media screen and (max-width: 480px){
	.news li {
		padding-left: 10px;
		padding-right: 10px;
	}
	.news figure {
		width: 55px;
	}
	.news h3 {
		min-height: 55px;
	}
}


.inq100{
	width: 100%;
	background-color: #f64375;
}
.inq100 a{
	display: block;
	padding: 25px;
	color: #fff;
	text-align: center;
}
.inq101{
	width: 100%;
	background-color: #dccc6f;
}
.inq101 a{
	display: block;
	padding: 25px;
	color: #333333;
	text-align: center;
}
@media screen and (max-width: 480px){
	.inq100 {
		background-color: transparent;
	}
	.inq100 a {
		margin: 0 10px;
		background-color: #f64375;
	}
	.inq101 {
		background-color: transparent;
	}
	.inq101 a {
		margin: 0 10px;
		background-color: #dccc6f;
	}
}

.flexBox {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.5em; }
  .flexBox .col {
    width: 25%; }
    .flexBox .col.col3 {
      width: 33.3%; }
    .flexBox .col img {
      width: 100%;
      height: auto; }
  @media (max-width: 480px) {
    .flexBox {
      margin-bottom: 10px; }
      .flexBox .col {
        width: 50%; }
}

/*-----------------------------------------------------------------------  header*/

/* //////////////////////////////////////////////////
[3 FOOTER]
////////////////////////////////////////////////// */

 #footer {
	margin:0;
	background-color:#1c1515;
}

.foot{
	background-color: #44433c;
	overflow: hidden;
}
.foot figure{
	width: 370px;
	float: left;
	/*box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);*/
	margin-left: 5px;
	margin-right: 10px;
}
.foot figure img{
	float: left;
}
.foot p{
	overflow: hidden;
	color: #ededed;
	font-size: 12px;
	line-height: 1.4em;
	padding-right: 20px;
}

.cont{
	width: 100%;
	overflow: hidden;
}
.halfCont{
	width: 50%;
	float: left;
}
.halfCont li{
	padding-bottom: 4px;
}
.halfCont h5{
	color: #ededed;
	font-size: 12px;
	padding-bottom: 10px;
}
.halfCont li a{
	color: #ededed;
	font-size: 12px;
}
.halfCont li a:hover{
	border-bottom: 1px dashed #ededed;
}

.gCopy{
	text-align: center;
	font-size: 10px;
	margin-top: 40px;
	margin-bottom: 20px;
}
.gCopy a{
	color: #fff;
}
@media screen and (max-width: 480px){
	.halfCont {
		width: 100%;
		float: none;
	}

	.foot figure {
		margin-bottom: 10px;
	}
	.foot p {
		padding-right: 10px;
		padding-left: 10px;
	}
	.foot .halfCont h5,
	.foot .halfCont ul li {
		padding-left: 10px;
		padding-right: 10px;
	}
	.foot .halfCont ul {
		padding-bottom: 10px;
	}
	.foot .halfCont div.article {
		padding: 0 10px 10px;
	}
}
.yakkan {
    font-weight: bold;
    padding: 10px 20px 10px 20px;
    border: 1px solid #e5103b;
    border-radius: 5px;
    color: #e5103b;
    margin-top: 10px;
    text-align: center;
}
/*-----------------------------------------------------------------------  footer*/





/*トップ予約フォームcss＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.mainCont{
	overflow: hidden;
}.reserve_box{
	padding: 0px;
	width: 800px;
	margin: 20px auto;
	overflow: hidden;
	background-color: #fff;
    height: 130px;
    border: 1px solid #00335C;
}
.reserve_box_inner{
	overflow: hidden;
	padding-left: 40px;
	padding-top: 20px;
}
.reserve_box_inner2{
	overflow: hidden;
}
.rbox{
	float: left;
	font-size: 14px;
	color:#3c3c3c;
}
.rbox input, select{
	margin-top: 5px;
}
.rbox:nth-child(n+2){
	float: left;
	padding-left:40px;
}
.rbox2{
	float: none;
	display: block;
	font-size: 12px;
	color:#757575;
}
.rbox2 a{
	text-decoration: none;
	color:#3c3c3c;
	margin-left: 20px;
}
.rbox:nth-child(n+2) select{
	width: 60px;
}
.rbox select{
	font-size: 16px;
	padding: 0.5em 1em 0.5em 0.5em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border:1px solid #c3c3c3;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.rbox select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.rbox input {
	padding: 10px;
	border: none;
	font-size: 14px;
	margin-top: 19px;
}
.rbox .boxb{
	border:1px solid #c3c3c3 !important;
	margin-top:5px;
	font-size: 12px;
}

.rbox .rsvbtn {
	background-color: #910f25;
	color: #fff;
}
.rbox2{
	margin-top: 14px;
}
.balloon {
    position: relative;
    display: inline-block;
    background-color: #00335C;
    padding: 16px;
    min-width: 100px;
    max-width: 100%;
    height: 100%;
    text-align: center;
    float: left;
}
.balloon::before {
    content: "";
    position: absolute;
    border: solid 12px transparent;
    border-left: solid 12px #00335C;
    top: 43%;
    left: 100%;
    -webkit-transform: translateX(-0%);
    transform: translateX(-0%);
}
.balloon p {
    margin: 0;
 line-height: 100px;
    padding: 0;
    color: #fff;
}

@media screen and (max-width: 480px){
.reserve_box{
	padding: 0px;
	width: 100%;
	margin: 10px auto;
	height:auto;
}
.reserve_box_inner{
	padding-bottom: 10px;
}
.rbox{
	float: none;
}
.rbox:nth-child(n+2){
	padding-right:20px;
	padding-left:0px;
	margin-top: 10px;
}
.rbox:nth-child(n+2) select{
	width: 60px;
}.balloon {
    position: relative;
    display: inline-block;
    background-color: #00335C;
    padding: 16px;
    width: 100%;
    text-align: center;
    float: none;
    height: auto;
}
.balloon::before {
    content: "";
    position: absolute;
    border: solid 12px transparent;
    border-top: solid 12px #00335C;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.balloon p {
    margin: 0;
 line-height: 1em;
    padding: 0;
    color: #fff;
}
.rbox2 a{
	text-decoration: none;
	color:#3c3c3c;
	margin-left: 20px;
	padding-bottom: 10px;
}
.rbox2{
	line-height: 2em;
}
/* iOSでのデフォルトスタイルをリセット */
.reserve_box input[type="submit"],
.reserve_box input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
    &::-webkit-search-decoration {
      display: none;
    }
    &::focus {
      outline-offset: -2px;
    }
}
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/* //////////////////////////////////////////////////
[4 CONTENTS]
////////////////////////////////////////////////// */
.access_ly {
  overflow: hidden;
  margin: 30px 0 50px;
}

.access_ly .map {
  float: left;
  width: 50%;
  border: 1px solid #b9b9b9;
}

.access_ly .map iframe {
  width: 100%;
  height: 400px;
}

.access_ly dl {
  float: right;
  width: 47%;
}

.access_ly dl dt {
  font-size: 18px;
  font-weight: bold;
  padding: 10px 0 0;
}

.access_ly dl dd {
  line-height: 2em;
  margin: 15px 0 0;
}

@media screen and (max-width: 480px){
  .access_ly {
    padding: 0 10px;
  }
  .access_ly .map {
    float: none;
    width: 100%;
  }
  .access_ly .map iframe {
    height: 60vw;
  }
  .access_ly dl {
    float: none;
    width: 100%;
    margin: 20px 0 0;
  }
}

 #fade-viewer {
	height:400px;
	overflow: hidden;
	position: relative;
}
#fade-viewer img {
	top: 50%;
	left: 0;
	position: absolute;
	transform: translateY(-50%);
	opacity: 0;
}
#fade-viewer img:first-child {
	opacity: 1;
}
 .mv,.mv_under{
	 padding-top: 90px;
 }
 .mv ul{
	 height:400px;
	 overflow: hidden;
 }
  .mv img{
	 float: left;
 }
 .mv_under ul{
	 height:350px;
	 overflow: hidden;
 }

 .mv_under li{
	 width: 220px;
	 margin: 100px auto;
 }
  .mv_inder img{
	 float: left;
 }
@media screen and (max-width: 480px){
 .mv_under li{
	 width: 200px;
	 margin: 40px auto;
 }
	.mv, .mv_under {
		padding-top: 94px;
	}
	#fade-viewer img {
		top: 0;
		transform: translateY(0);
	}
}

.cta {
	padding-bottom: 40px;
}
.mobile-annotation {
	display: none;
	text-align: center;
	font-size: 12px;
}
body.mobile .mobile-annotation {
	display: block;
	padding-bottom: 20px;
}
.cta .ri-wrap {
	display: -webkit-flex;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: stretch;
	align-items: stretch;
}
.cta .ri-wrap .ri-item {
	box-sizing: border-box;
	width: 32%;
	padding: 20px;
	background: #fff;
	border: 1px solid #b9b9b9;
}
.cta .ri-wrap .ri-item:nth-child(3n-1) {
	margin: 0 2%;
}
.cta .ri-wrap .ri-item h3 {
	margin: 0 0 20px;
	padding: 5px 0;
	text-align: center;
	background: #a91a20;
	line-height: 20px;
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}
.cta .ri-wrap .ri-item a {
	display: block;
	text-decoration: none;
	cursor: default;
	color: #333;
}
.cta .ri-wrap .ri-item a span,
.cta .ri-wrap .ri-item a small {
	display: block;
	text-align: center;
}
.cta .ri-wrap .ri-item a span.tel-ttl {
	margin: 0 0 10px;
	font-size: 14px;
	color: #b5a139;
}
.cta .ri-wrap .ri-item a span.tel-number {
	margin: 0 0 10px;
	line-height: 30px;
	font-size: 26px;
	font-family: 'Roboto', sans-serif;
	font-weight: 800;
}
.cta .ri-wrap .ri-item a small {
	line-height: 15px;
	font-size: 12px;
}
i.freedial {
	display: inline-block;
	margin-right: 5px;
	width: 31px;
	height: 20px;
	background: url(../images/global/icn_free_dial.png) 0 0 no-repeat;
	-webkit-background-size: 31px 20px;
	background-size: 31px 20px;
	vertical-align: middle;
}
i.tel {
	display: inline-block;
	margin-right: 5px;
	width: 13px;
	height: 20px;
	background: url(../images/global/icn_tel.png) 0 0 no-repeat;
	-webkit-background-size: 13px 20px;
	background-size: 13px 20px;
	vertical-align: -1px;
}
@media screen and (max-width: 480px){
	.cta .ri-wrap {
		padding: 0 10px;
	}
	.cta .ri-wrap .ri-item {
		width: 100%;
		margin: 0 0 20px;
	}
	.cta .ri-wrap .ri-item:nth-child(3n-1) {
		margin: 0 0 20px;
	}
	.cta .ri-wrap .ri-item:last-child {
		margin-bottom: 0;
	}
	.cta .ri-wrap .ri-item a span.tel-number {
		font-size: 30px;
	}

}
 .restaurant ul{
	background:url(../images/restaurant/mv_bg.jpg);
 	background-repeat: no-repeat;
 	background-position: 50% center;
 	background-size:100% auto;
 }
 .room ul{
	background:url(../images/room/mv_bg.jpg);
 	background-repeat: no-repeat;
 	background-position: 50% center;
 	background-size:100% auto;
 }
 .feature2 ul{
	background:url(../images/feature/mv_bg.jpg);
 	background-repeat: no-repeat;
 	background-position: 50% center;
 	background-size:100% auto;
 }
 .facility ul{
	background:url(../images/facility/mv_bg.jpg);
 	background-repeat: no-repeat;
 	background-position: 50% center;
 	background-size:100% auto;
 }
 .surround ul{
	background:url(../images/surround/mv_bg.jpg);
 	background-repeat: no-repeat;
 	background-position: 50% center;
 	background-size:100% auto;
 }
 .access ul{
	background:url(../images/access/mv_bg.jpg);
 	background-repeat: no-repeat;
 	background-position: 50% center;
 	background-size:100% auto;
 }
 .recommend2 ul{
	background:url(../images/recommend/mv_bg.jpg);
 	background-repeat: no-repeat;
 	background-position: 50% center;
 	background-size:100% auto;
 }
@media screen and (max-width: 480px){
	.recommend2 ul,
	.access ul,
	.surround ul,
	.facility ul,
	.restaurant ul,
	.room ul,
	.feature2 ul {
		height: 200px;
		-webkit-background-size: cover;
		background-size: cover;
	}
}
.bestrate {
	position: absolute;
	top: 380px;
	right: 100px;
	/*z-index:9999;*/
	z-index: 300;
}

.bestrate_big{
     position:absolute;
 	   top: 380px;
     left:55%;
     margin-left:-350px;
 	   z-index:300;
 	   max-width: 600px; /* 最大幅 */
 	   min-width: 240px; /* 最小幅 */
 }
.bestrate_big img {
 	width: 80%;
 	}

.review{
	position: absolute;
	top: 390px;
	right: 100px;
	/*z-index:9999;*/
	z-index:300;
 }
 /*▼ここから編集してます*/
  .mvPrice{
 	/*position: absolute;
 	 z-index:9999;*/
 	top: 120px;
 	right: 50px;
 	z-index:300;
 	 position: fixed;
  }
 @media (max-width:1060px){
 	.mvPrice{
 		right: 5px;
 	}
 }
 /*▲ここまで編集してます*/

.catch{
    position:absolute;
	top: 160px;
    left:50%;
    margin-left:-350px;
	/*z-index:9999;*/
	z-index:300;
	max-width: 800px; /* 最大幅 */
	min-width: 240px; /* 最小幅 */
}
.catch img {
	width: 80%;
	}



@media screen and (max-width: 480px){
	.bestrate {
		position: static;
		top: 0;
		right: 0;
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}

	.bestrate_big{
		position: absolute;
		top: 280px;
		left: 0;
		width: 100%;
		max-width: 470px;
		margin: 0 auto;

	}
	.bestrate_big img {
		width: 100%;		/* 横幅の90% */
	    height: auto ;			/* 縦幅を自動調整 */
	}

	.review{
		position: static;
		right: 0;
		top: 0;
		margin: 0 auto;
		padding: 0 0 10px;
		text-align: center;
	}
	.mv .bestrate img,
	.mv .review img {
		float: none;
		max-width: 100%;
		height: auto;
	}
	.mvPrice{
		position: static;
		top: 0;
		right: 0;
		width: 248px;
		margin: 0 auto;
	}
	.mv .mvPrice img {
		float: none;
	}
	.catch{
		position: absolute;
		top: 160px;
		left: 0;
		width: 100%;
		max-width: 470px;
		margin: 0 auto;

	}
	.catch img {
		width: 100%;		/* 横幅の90% */
	    height: auto ;			/* 縦幅を自動調整 */
	}

	.sub_bnr{
	/*position: absolute;
	top: 295px;
	left: 0;*/
	width: 100%;
	max-width: 800px;
	margin: 0 auto;

  }
  .sub_bnr img {
  	width: 100%;		/* 横幅の90% */
		height: auto ;			/* 縦幅を自動調整 */
}

.sub_bnr2{
	/*position: absolute;
	top: 295px;
	left: 0;*/
	width: 100%;
	max-width: 650px;
	margin: 0 auto;

}
.sub_bnr2 img {
	width: 100%;		/* 横幅の90% */
		height: auto ;			/* 縦幅を自動調整 */
}

}


.bnrArea{
		background:url(../images/global/bnr_bg.png);
		background-repeat: repeat;
		background-size:20px 20px;
		-moz-background-size:20px 20px;
		-ms-background-size:20px 20px;
		-o-background-size:20px 20px;
		-webkit-background-size:20px 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		overflow: hidden;
}

.bnrArea .inner{
		width: 790px;
		margin: 0 auto;
}
@media screen and (max-width: 480px){
	.bnrArea{
		width: 100%;
	}

	.bnrArea .inner{
			width: 100%;
			margin: 0 auto;
	}
}

.footBnr{
		background-color: #d4d1c0;
		padding-top: 20px;
		padding-bottom: 20px;
		overflow: hidden;
}

.footBnr .inner{
		width: 1200px;
		margin: 0 auto;
}
.footBnr li{
		width: 170px;
		float: left;
		margin-right: 26px;
}
.footBnr li img{
		vertical-align: middle;
}
.footBnr li:last-child{
		margin-right: 0px;
}
@media screen and (max-width: 480px){
	.footBnr{
			padding-top: 10px;
			padding-bottom: 10px;
	}
	.footBnr .inner{
			width: 100%;
			margin: 0 auto;
	}
	.footBnr li{
			width: 220px;
			float: none;
			margin: 0 auto 10px;
	}
	.footBnr li img{
			display: block;
	}
	.footBnr li:last-child{
			margin-right: auto;
			margin-bottom: 0;
	}

}

.mainCont{
	background-color: #f8f7f2;
}

.lineHead {
	border-top: 4px double #da7fa8;
	margin:23px 0 0;
	text-align:center;
	padding:0;
}

.lineHead .topCap {
	position: relative;
	top: -26px;
	background:#f8f7f2;
	width: 320px;
	margin: 0 auto;
}

@media screen and (max-width: 480px){
	.lineHead .topCap {
		width: 240px;
	}
}

/*多言語サイト*/
/*PCの場合*/
.pc	{ display:inline!important; }
.mb	{ display:none!important; }
@media screen and (max-width: 768px) {
/*タブレット、スマホの場合*/
.pc	{ display:none!important; }
.mb { display:inline!important; }
}

/*バナー罫囲い*/
div#border img{
     border:solid 2px #da7fa8;
     padding:0px;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}



/*-----------------------------------------------------------------------  contents*/

/* //////////////////////////////////////////////////
[5 UNDER PAGES]
////////////////////////////////////////////////// */
/*-------------------------------------------------------------------------------------------------------------------  パンくず*/
.breadcrumb{
	overflow: hidden;
}
.breadcrumb li{
float: left;
font-size: 12px;
vertical-align: middle;
margin-right: 2px;
}


.breadcrumb li a{
	box-sizing: border-box;
	padding-bottom: 5px;
	height: 16px;
}
.breadcrumb li a:hover{
	border-bottom: 1px dashed #2f2f2f;
}
.arrow{
position: relative;
display: inline-block;
padding: 0 12px 0 0;
color: #000;
text-decoration: none;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 6px;
right: 0;
margin: auto;
content: "";
vertical-align: middle;
}
.sample5-2::before{
right: 3px;
width: 4px;
height: 4px;
border-top: 2px solid #ead460;
border-right: 2px solid #ead460;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
@media screen and (max-width: 480px){
	.breadcrumb {
		margin-top: -10px;
		padding: 0 10px;
	}
}

/*-------------------------------------------------------------------------------------------------------------------  お部屋*/
.cRoom{
	/*		background:url(../images/room/cap_img.jpg);
			background-repeat: no-repeat;
			background-position: right top;
			background-size:415px 220px;
			-moz-background-size:415px 220px;
			-ms-background-size:415px 220px;
			-o-background-size:415px 220px;
			-webkit-background-size:415px 220px;
			min-height: 280px;*/
	}
.cRoom h2{
		font-size: 29px;
		color: #544b3c;
}
.cRoom p{
		font-size: 12px;
		color: #3e3e3e;
		line-height: 1.8em;
}
.cRoom_list{
	overflow: hidden;
}
.cRoom_list li:first-child{
	border: 1px solid #decfa8;
}
.cRoom_list li{
	overflow: hidden;
}
.cRoom_list li{
	border-bottom: 1px solid #decfa8;
	border-left: 1px solid #decfa8;
	border-right: 1px solid #decfa8;
}
.cRoom_list figure{
		padding: 30px;
}
/* 変更箇所(ここから) */
.cRoom_list .gallery-slider {
	padding: 30px;
}
.cRoom_list .gallery-slider img {
	display: block;
	width: 100%;
	height: 399px;
	/* 変更箇所↑heightをautoから399pxに変更 */
}
.cRoom_list ul.slick-dots {
	list-style: none;
	margin: 0;
	padding: 10px 0 0;
	text-align: center;
}
.cRoom_list ul.slick-dots li {
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	border: none;
}
.cRoom_list ul.slick-dots li button {
	-webkit-appearance:none;
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-indent: 100%;
	border: none;
	border-radius: 50%;
	background: #c8c7c3;
	color: #ded4a1;
	text-align: center;
	outline: none;
}
.cRoom_list ul.slick-dots li.slick-active button {
	background-color: #595757;
}
.cRoom_list button.slick-arrow {
	position: absolute;
	top: 50%;
	width: 45px;
	height: 45px;
	background: url('../img/arrow_prev.png') no-repeat 50% 50%;
	z-index: 999;
	text-indent: -9999px;
	border: 0 none;
	cursor: pointer;
}
.cRoom_list button.slick-arrow.slick-prev {
	left: 47px;
	top: 384px;
}
.cRoom_list button.slick-arrow.slick-next {
	left: 95px;
	top: 384px;
	background-image: url('../img/arrow_next.png');
}
/* 変更箇所(ここまで) */
@media screen and (max-width: 480px){
	.cRoom {
		-webkit-background-size: 207px 110px;
		background-size: 207px 110px;
		background-position: center 40px;
	}
	.cRoom.mt30 {
		margin-top: 0;
		padding: 0 5px 10px;
	}
	.cRoom h2 {
		font-size: 20px;
	}
	.cRoom p.pr400 {
		padding-right: 0 !important;
		padding-top: 90px !important;
		padding-bottom: 20px;
	}
	ul.cRoom_list {
		margin: 0 5px;
		overflow: visible;
	}
	ul.cRoom_list li {
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.cRoom_list figure {
		padding: 10px 15px 20px;
	}
	.layout1_right.mr30 {
		margin-right: 0 !important;
		padding-right: 5px;
		padding-left: 5px;
	}
}
/*-------------------------------------------------------------------------------------------------------------------  レストラン*/
.cRestaurant{
		background:url(../images/restaurant/cap_img.png);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size:365px 205px;
		-moz-background-size:365px 205px;
		-ms-background-size:365px 205px;
		-o-background-size:365px 205px;
		-webkit-background-size:365px 205px;
		height:390px;
		overflow: hidden;
}
.cRestaurant figure{
		width: 565px;
		float: left;
		margin-right: 20px;
}
.cRestaurant h2{
		font-size: 29px;
		color: #544b3c;
}
.cRestaurant p{
		font-size: 12px;
		color: #3e3e3e;
		line-height: 1.8em;
}
.cRestaurant_list{
	overflow: hidden;
}
.cRestaurant_list li:first-child{
	border: 1px solid #decfa8;
}
.cRestaurant_list li{
	overflow: hidden;
}
.cRestaurant_list li{
	border-bottom: 1px solid #decfa8;
	border-left: 1px solid #decfa8;
	border-right: 1px solid #decfa8;
}
.cRestaurant_list figure{
		padding: 30px;
}
@media screen and (max-width: 480px){
	.cRestaurant{
		background-image: none;
		height:auto;
		overflow: visible;
	}
	.cRestaurant.mt30 {
		margin-top: 0 !important;
		padding: 10px 5px 20px;
	}
	.cRestaurant figure{
		width: 100%;
		float: none;
		margin-right: 0;
		padding-bottom: 10px;
	}
	.cRestaurant h2{
		padding-bottom: 150px;
		font-size: 20px;
		color: #544b3c;
		background:url(../images/restaurant/cap_img.jpg);
		background-repeat: no-repeat;
		background-position: center 40px;
		background-size:272px 152px;
		-moz-background-size:272px 152px;
		-ms-background-size:272px 152px;
		-o-background-size:272px 152px;
		-webkit-background-size:272px 152px;
	}
	.cRestaurant p.pt30 {
		padding-top: 10px !important;
	}
	.cRestaurant_list{
		margin: 0 5px;
		overflow: visible;
	}
	.cRestaurant_list li{
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.cRestaurant_list figure{
			padding: 10px 15px 20px;
	}
	.cRestaurant_list img {
		width: 100%;
		height: auto;
	}
	.cRoom_list .gallery-slider {
		padding: 0px 10px 10px 10px;
	}
	.cRoom_list .gallery-slider img {
		display: block;
		width: 100%;
		height: 180px;
	}
	.cRoom_list button.slick-arrow.slick-prev {
		left: 10px;
		top: 135px !important;
	}
	.cRoom_list button.slick-arrow.slick-next {
		left: 58px;
		top: 135px !important;
		background-image: url('../img/arrow_next.png');
	}
	.cRoom_list ul.slick-dots li button {
		-webkit-appearance:none;
		display: inline-block;
		width: 5px;
		height: 5px;
		overflow: hidden;
		text-indent: 100%;
		border: none;
		border-radius: 50%;
		background: #c8c7c3;
		color: #ded4a1;
		text-align: center;
		outline: none;
	}
}
/*-------------------------------------------------------------------------------------------------------------------  施設案内*/
.cFacility{
		background:url(../images/facility/cap_img.jpg);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size:365px 205px;
		-moz-background-size:365px 205px;
		-ms-background-size:365px 205px;
		-o-background-size:365px 205px;
		-webkit-background-size:365px 205px;
		height:220px;
		overflow: hidden;
}
.cFacility figure{
		width: 565px;
		float: left;
		margin-right: 20px;
}
.cFacility h2{
		font-size: 29px;
		color: #544b3c;
}
.cFacility p{
		font-size: 12px;
		color: #3e3e3e;
		line-height: 1.8em;
}
.cFacility_list{
	overflow: hidden;
}
.cFacility_list li:first-child{
	border: 1px solid #decfa8;
}
.cFacility_list li{
	overflow: hidden;
}
.cFacility_list li{
	border-bottom: 1px solid #decfa8;
	border-left: 1px solid #decfa8;
	border-right: 1px solid #decfa8;
}
.cFacility_list figure{
		padding: 30px;
		width: 540px;
		float: left;
}
@media screen and (max-width: 480px){
	.cFacility {
		-webkit-background-size: 207px 110px;
		background-size: 207px 110px;
		background-position: center 40px;
	}
	.cFacility.mt30 {
		margin-top: 10px !important;
		padding: 0 5px 10px;
	}
	.cFacility h2 {
		font-size: 20px;
	}
	.cFacility p.pr400 {
		padding-right: 0 !important;
		padding-top: 90px !important;
		padding-bottom: 20px;
	}
	ul.cFacility_list {
		margin: 0 5px;
		overflow: visible;
	}
	ul.cFacility_list li {
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.cFacility_list figure {
		padding: 10px 15px 20px;
		float: none;
		width: auto;
	}
	.cFacility_list figure img {
		width: 100%;
		height: auto;
	}
	ul.cFacility_list h3 {
		padding: 0 10px 10px;
		font-size: 20px;
	}
	ul.cFacility_list p {
		padding: 0 10px;
	}
}
/*-------------------------------------------------------------------------------------------------------------------  周辺案内*/
.cSurround{
		background:url(../images/surround/cap_img.jpg);
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size:365px 205px;
		-moz-background-size:365px 205px;
		-ms-background-size:365px 205px;
		-o-background-size:365px 205px;
		-webkit-background-size:365px 205px;
		height:220px;
		overflow: hidden;
}
.cSurround figure{
		float: left;
		margin-right: 20px;
}
.cSurround h2{
		font-size: 29px;
		color: #544b3c;
}
.cSurround p{
		font-size: 12px;
		color: #3e3e3e;
		line-height: 1.8em;
}
.cSurround_list{
	overflow: hidden;
}
.cSurround_list li:first-child{
	border: 1px solid #decfa8;
}
.cSurround_list li{
	overflow: hidden;
}
.cSurround_list li{
	border-bottom: 1px solid #decfa8;
	border-left: 1px solid #decfa8;
	border-right: 1px solid #decfa8;
}
.cSurround_list figure{
		padding: 30px;
		width: 165px;
		float: left;
}
.cSurround_list a{
		background:url(../images/global/arr_right.png);
		background-repeat: no-repeat;
		background-position: right 10px top 110px;
		background-size:10px 17px;
		-moz-background-size:10px 17px;
		-ms-background-size:10px 17px;
		-o-background-size:10px 17px;
		-webkit-background-size:10px 17px;
		display: block;
		height:226px;
}
.cSurround_list a:hover{
		background-color: #f0eddd;
}
@media screen and (max-width: 480px){
	.cSurround {
		-webkit-background-size: 207px 110px;
		background-size: 207px 110px;
		background-position: center 40px;
		height: auto;
		overflow: visible;
	}
	.cSurround.mt30 {
		margin-top: 10px !important;
		padding: 0 5px 10px;
	}
	.cSurround h2 {
		font-size: 20px;
	}
	.cSurround p.pr400 {
		padding-right: 0 !important;
		padding-top: 140px !important;
		padding-bottom: 20px;
	}
	ul.cSurround_list {
		margin: 0 5px;
		overflow: visible;
	}
	ul.cSurround_list li {
		padding-top: 0;
		padding-bottom: 0;
	}
	.cSurround_list a {
		height: auto;
		position: relative;
		background-position: 98% center;
	}
	.cSurround_list figure {
		margin: 0;
		padding: 0;
		float: none;
		width: 60px;
		position: absolute;
		top: 10px;
		left: 10px;
	}
	.cSurround_list figure img {
		width: 100%;
		height: auto;
	}
	ul.cSurround_list h3 {
		min-height: 60px;
		padding: 10px 10px 0 80px;
		font-size: 20px;
	}
	ul.cSurround_list p {
		padding: 0 20px 10px 10px;
	}
}
/*-------------------------------------------------------------------------------------------------------------------  アクセス*/
.cAccess{

		overflow: hidden;
}
.cAccess figure{
		float: left;
		margin-right: 20px;
}
.cAccess h2{
		font-size: 29px;
		color: #544b3c;
}
.cAccess p{
		font-size: 12px;
		color: #3e3e3e;
		line-height: 1.8em;
}
.cAccess_list{
	overflow: hidden;
}
.cAccess_list li:first-child{
	border: 1px solid #decfa8;
}
.cAccess_list li{
	overflow: hidden;
}
.cAccess_list li{
	border-bottom: 1px solid #decfa8;
	border-left: 1px solid #decfa8;
	border-right: 1px solid #decfa8;
}
.cAccess_list figure{
		padding: 30px;
		float: left;
}
@media screen and (max-width: 480px){
	.cAccess_list figure{
		padding: 10px;
		float: none;
		box-sizing: border-box;
	}
	.cAccess_list figure img {
		width: 100%;
		height: auto;
	}
	.cAccess_list h3 {
		padding: 0 10px 10px;
		font-size: 20px;
	}
	.access-txt {
		width: 100%;
		box-sizing: border-box;
		float: none;
		padding: 10px 10px 0;
	}
	.cAccess_list .ofh {
		padding: 10px;
	}
}
/*-------------------------------------------------------------------------------------------------------------------  ホテルの魅力*/
.featureEven{
	overflow: hidden;
}
.featureEven .inner{
	overflow: hidden;
}
.featureEven figure{
	width: 540px;
	margin-right: 40px;
	float: left;
}
.featureOdd{
	background-color: #efede2;
	overflow: hidden;
}
.featureOdd .inner{
	overflow: hidden;
}
.featureOdd figure{
	width: 540px;
	margin-left: 40px;
	float: right;
}
.point{
		background:url(../images/global/point.png);
		background-repeat: no-repeat;
		background-size:45px 45px;
		-moz-background-size:45px 45px;
		-ms-background-size:45px 45px;
		-o-background-size:45px 45px;
		-webkit-background-size:45px 45px;
		text-align: center;
		font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
		height:45px;
		width: 45px;
		padding-top: 14px;
		color: #fff;
		font-size: 30px;
		margin: 0 auto;
}
@media screen and (max-width: 480px){
	.featureOdd .pt30,
	.featureEven .pt30 {
		padding-top: 0 !important;
	}
	.featureOdd figure,
	.featureEven figure {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
		float: none;
	}
	.featureOdd .inner,
	.featureEven .inner {
		position: relative;
		overflow: visible;
	}
	.featureOdd .inner .point,
	.featureEven .inner .point {
		position: absolute;
		top: -13px;
		left: 5px;
	}
	.featureOdd .inner h3,
	.featureEven .inner h3 {
		padding: 5px 5px 0 55px;
		font-size: 20px;
	}
	.featureOdd .inner p,
	.featureEven .inner p {
		padding-left: 5px;
		padding-right: 5px;
	}
}

/*-------------------------------------------------------------------------------------------------------------------  おすすめプラン*/
div#recommend,#recommend p,#recommend td,#recommend ul,#recommend li,
#recommend dl,#recommend dt,#recommend dd,#recommend table{ margin:0; padding:0; }
#recommend li{ margin:0; list-style:none; }

/* プランの大枠 */
#recommend .PlanView { overflow: hidden;
	padding: 30px;
	border-bottom: 1px solid #decfa8;
}

/* 文章の大枠 */
#recommend .explan {  margin:5px; overflow: hidden;}

/* 画像 */
#recommend .picture { float:left; width:200px; margin-right: 20px;}
#recommend .main_picture { width:200px; border:none; text-align:center; overflow:hidden; }
#recommend .yoyakuban_main_picture_img { width:200px; margin:0px; float:center; }



/* 部屋リスト */
#recommend .explan div.roomlist{ margin:5px 0 0 0px; padding:5px 5px 0 5px; background:#FFF; padding: 10px !important;
border:1px solid #CCC; }
#recommend .explan div.roomlist a{padding: 10px !important;}

/* 「▼このプランに該当するお部屋タイプ」 */
#recommend .explan .roomlist p.room_list_header{ display:none; /* padding-bottom:5px; */ }

#recommend{ width:100%; margin:5px; }

#recommend .PlanView .plan{
	font-size: 16px;
	color: #544b3c;
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
	line-height: 1.8em;
}
#recommend .explan .comment{
	font-size: 12px;
	line-height: 1.8em;
	color:#3e3e3e;
	padding-right: 30px;
	padding-bottom: 20px;
}


.cRecommend_list{
	overflow: hidden;
}
.cRecommend_list li:first-child{
	border: 1px solid #decfa8;
}
.cRecommend_list li{
	overflow: hidden;
}
.cRecommend_list li{
	border-bottom: 1px solid #decfa8;
	border-left: 1px solid #decfa8;
	border-right: 1px solid #decfa8;
}
.cRecommend_list li:last-child{
	border-bottom: none;
}
.cRecommend_list figure{
		padding: 30px;
		width: 165px;
		float: left;
}
.cRecommend_list a{
		background:url(../images/global/arr_right.png);
		background-repeat: no-repeat;
		background-position: right 10px top 18px;
		background-size:10px 17px;
		-moz-background-size:10px 17px;
		-ms-background-size:10px 17px;
		-o-background-size:10px 17px;
		-webkit-background-size:10px 17px;
		display: block;
		color: #3e3e3e;
		font-weight: bold;
		line-height: 1.4em;
		background-color: #f7f6ef;
		font-size: 12px;
}

.cRecommend_list a:hover{
		background-color: #f0eddd;
}
@media screen and (max-width: 480px){
	#recommend .PlanView {
		padding: 10px;
	}
	#recommend .explan {
		margin:5px 0;
	}
	#recommend .picture {
		float:none;
		width:200px;
		margin: 0 auto 10px;
	}
	#recommend .main_picture {
		display: block;
		width:200px;
		margin:0px auto;
		border:none;
		text-align:center;
		overflow:hidden;
	}
	#recommend .yoyakuban_main_picture_img {
		display: block;
		width:200px;
		float:none;
	}
	#recommend .explan .comment {
		padding-right: 0;
		padding-bottom: 10px;
	}
	#recommend .explan div.roomlist {
		margin: 0;
	}
	.cRecommend_list a {
		background-position: right 10px center;
	}
	#recommend .explan div.roomlist a {
		padding-right: 20px !important;
	}
}
/*-------------------------------------------------------------------------------------------------------------------  レイアウト１*/
.layout1{
	padding: 0 30px 30px 30px;
	float: left;
	overflow: hidden;
	width: 545px;
}
.layout1_right{
	overflow: hidden;
}
.layout1 h3{
	font-size: 23px;
	color: #544b3c;
	padding-bottom: 30px;
}
.layout1 table{
	width: 100%;
	margin-top: 30px;
}
.layout1 tr{
}
.layout1 th{
	font-size: 12px;
	color: #3e3e3e;
	background-color: #f8f7f2;
	padding: 10px;
	border: 1px solid #d10202;
}
.layout1 td{
	font-size: 12px;
	color: #3e3e3e;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #d10202;
}
@media screen and (max-width: 480px){
	.layout1{
		padding: 0 15px 15px 15px;
		float: none;
		overflow: visible;
		width: 100%;
		box-sizing: border-box;
	}
	.layout1_right{
		overflow: hidden;
	}
	.layout1 table {
		overflow: visible;
	}
}
/*-------------------------------------------------------------------------------------------------------------------  レイアウト２*/
.layout2{
	padding: 40px 30px 30px 30px;
	float: left;
	overflow: hidden;
	width: 545px;
}
.layout2_right{
	overflow: hidden;
}
.layout2 h3{
	font-size: 23px;
	color: #544b3c;
	padding-bottom: 30px;
}
.layout2 table{
	width: 100%;
	overflow: hidden;
	margin-top: 30px;
}
.layout2 tr{
}
.layout2 th{
	font-size: 12px;
	color: #3e3e3e;
	background-color: #f8f7f2;
	padding: 10px;
	border: 1px solid #d10202;
}
.layout2 td{
	font-size: 12px;
	color: #3e3e3e;
	background-color: #fff;
	padding: 10px;
	border: 1px solid #d10202;
}
@media screen and (max-width: 480px){
	.layout2{
		padding: 20px 15px 15px 15px;
		float: none;
		overflow: visible;
		width: 100%;
		box-sizing: border-box;
	}
	.layout2_right{
		overflow: hidden;
	}
}

.aside{
	background-color: #f1f2e5;
}
.aside .inner{
	border: 1px solid #dcdcdc;
	margin: 5px;
	overflow: hidden;
}
.aside figure{
	padding: 10px;
	float: left;
}
.threeCont{
	  display: table-cell;
	  vertical-align: middle;
}
.threeCont h4{
	  padding: 10px 0 10px 10px;
	  font-size: 20px;
}
.threeCont p{
	  font-size: 12px;
	  line-height: 1.6em;
	  color: #3e3e3e;
	  padding: 0px 20px 10px 10px;
}
@media screen and (max-width: 480px){
	.threeCont {
		display: block;
	}
	.aside figure {
		float: none;
	}
	.aside figure img {
		width: 100%;
		height: auto;
	}
	.aside h4 {
		font-size: 20px;
		padding: 10px 10px 20px;
	}
	.aside p {
		padding: 0 10px 10px;
	}
}

.roundNav{
	overflow: hidden;
	padding-bottom: 20px;
}
.roundNav li{
		overflow: hidden;
		float: left;
		background:url(../images/global/fnav_link.png);
		background-color: #fff;
		background-repeat: no-repeat;
		background-position:  right 5px bottom 5px;
		background-size:5px 5px;
		-moz-background-size:5px 5px;
		-ms-background-size:5px 5px;
		-o-background-size:5px 5px;
		-webkit-background-size:5px 5px;
		width: 310px;
		margin-right: 14px;
		margin-bottom: 14px;
}
.roundNav li:nth-child(3n){
		margin-right: 0px;
}
.roundNav li figure{
	float: left;
	margin-right: 10px;
	padding-bottom: 8px;
}
.roundNav li figure img{
	float: left;
}
.roundNav li h5{
	font-size: 12px;
	padding-top: 6px;
	padding-bottom: 10px;
}
.roundNav li p{
	overflow: hidden;
	font-size: 10px;
	line-height: 1.6em;
}
.roundNav li span{
	color: #dac358;
	font-size: 10px;
	margin-left: 5px;
	font-weight: normal;
}
.roundNav li a{
	color: #3e3e3e;
	display: block;
	padding: 8px;
}
@media screen and (max-width: 480px){
	.roundNav {
		box-sizing: border-box;
		padding: 0 10px;
	}
	.roundNav li{
			float: none;
			width: 100%;
			margin-right: 0;
			margin-bottom: 10px;
	}
	.roundNav li:nth-child(3n){
			margin-right: 0px;
	}
	.roundNav li figure{
		float: left;
		margin-right: 10px;
		padding-bottom: 8px;
	}
	.roundNav li figure img{
		float: left;
	}
	.roundNav li h5{
		font-size: 12px;
		padding-top: 6px;
		padding-bottom: 10px;
	}
	.roundNav li p{
		overflow: hidden;
		font-size: 10px;
		line-height: 1.6em;
	}
	.roundNav li span{
		color: #dac358;
		font-size: 10px;
		margin-left: 5px;
		font-weight: normal;
	}
	.roundNav li a{
		color: #3e3e3e;
		display: block;
		padding: 8px;
	}
}
/*-----------------------------------------------------------------------  UNDER PAGES*/

/* //////////////////////////////////////////////////
[6 JAVASCRIPT]
////////////////////////////////////////////////// */

/* slick photo gallery */

.top-photo-gallery {
	position: relative;
	width: 100%;
}
.gallery-thumbs {
	position: absolute;
	top: 0;
	right: 0;
	width: 350px;
	z-index: 1000;
}
.gallery-thumbs ul {
	margin: 0;
	padding: 0;
	width: 100%;
}
.gallery-thumbs ul li {
	float: left;
	width: 80px;
	margin: 0 10px 10px 0;
	cursor: pointer;
}
.gallery-thumbs ul li:nth-child(4n) {
	margin-right: 0;
}
.gallery-thumbs ul li img {
	display: block;
	width: 100%;
	height: auto;
}
.gallery-body {
	position: relative;
	z-index: 990;
}
.gallery-body .g-item {
	position: relative;
	width: 100%;
}
.gallery-body .ph img {
	display: block;
	width: 588px;
	height: auto;
}
.gallery-body .cap {
	position: absolute;
	left: 610px;
	top: 190px;
}
.gallery-body .cap h3 {
	font-size: 25px;
	color: #3e3e3e;
	font-weight: normal;
	padding-bottom: 20px;
}
.gallery-body .cap p {
	font-size: 14px;
	color: #3e3e3e;
	line-height: 1.6em;
}
@media screen and (max-width: 480px){
	.gallery-thumbs {
		position: static;
		width: 100%;
		z-index: 1000;
	}
	.gallery-thumbs ul {
		box-sizing: border-box;
		margin: 0;
		padding: 0 5px;
	}
	.gallery-thumbs ul li {
		box-sizing: border-box;
		float: left;
		width: 16.66666%;
		margin: 0;
		padding: 0 5px 10px;
	}
	.gallery-thumbs ul li:nth-child(4n) {
		margin-right: 0;
	}
	.gallery-thumbs ul li img {
		display: block;
		width: 100%;
		height: auto;
	}
	.gallery-body {
		position: relative;
		z-index: 990;
	}
	.gallery-body .g-item {
		position: relative;
		width: 100%;
	}
	.gallery-body .ph img {
		display: block;
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}
	.gallery-body .cap {
		position: static;
		left: 0;
		top: 0;
		padding: 0 10px;
	}
	.gallery-body .cap h3 {
		padding-bottom: 10px;
	}
}

#stage {
	position: relative;
	width: 100%;
	margin: 0 auto;
}
/*全サムネイルのコンテナー*/
#thumbs {
	position: absolute;
	top: 0px;
	left: 610px;
	z-index: 999;
}
#thumbs li{
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}
#thumbs li:nth-child(4n){
	margin-right: 0px;
}
#thumbs li:nth-child(n+5){
	margin-bottom: 0px;
}
/*サムネイルのマウスオーバーでポインターを手のひらに*/
#thumbs label img {
	width: 81px;
	cursor: pointer;
}
/*初期画面*/
#screen {
	width: 588px;
	height: 415px;
	background-color: #CCC;
}

/*ラジオボタンを非表示に*/
#r1, #r2, #r3, #r4, #r5, #r6, #r7, #f8 {
	display: none;
}
/*表示写真の初期配置（全部透明に）とtransition設定*/
#photo1, #photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
	width:100%;
}
#photo1 img, #photo2 img, #photo3 img, #photo4 img, #photo5 img, #photo6 img, #photo7 img, #photo8 img {
	width: 588px;
	height: 415px;
}
/*チェックされたサムネイルに相当する写真だけを表示*/
#r1:checked ~ #photo1, #r2:checked ~ #photo2, #r3:checked ~ #photo3, #r4:checked ~ #photo4, #r5:checked ~ #photo5, #r6:checked ~ #photo6, #r7:checked ~ #photo7, #r8:checked ~ #photo8 {
	opacity: 1;
}
/*どれかがチェックされたらスクリーン上の文字を非表示に*/
#r1:checked ~ #screen, #r2:checked ~ #screen, #r3:checked ~ #screen, #r4:checked ~ #screen, #r5:checked ~ #screen, #r6:checked ~ #screen, #r7:checked ~ #screen, #r8:checked ~ #screen {
	opacity: 0;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}

.subacc{
	font-family: 'Pinyon Script', cursive;
	font-size: 150px;
	color: #f0edde;

	position: absolute;
	top: 100px;
	left: 610px;
}
.figExplanation{
	position: absolute;
	top: 160px;
	left: 610px;
	z-index: 999;
}
.figExplanation h3{
	font-size:25px;
	color: #3e3e3e;
	font-weight: normal;
	padding-bottom: 20px;
}
.figExplanation p{
	font-size: 14px;
	color: #3e3e3e;
	line-height: 1.6em;
}

@font-face {
	font-family: 'codropsicons';
	src:url('../images/codropsicons/codropsicons.eot');
	src:url('../images/codropsicons/codropsicons.eot?#iefix') format('embedded-opentype'),
		url('../images/codropsicons/codropsicons.woff') format('woff'),
		url('../images/codropsicons/codropsicons.ttf') format('truetype'),
		url('../images/codropsicons/codropsicons.svg#ecoicon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@media screen and (max-width: 480px){
	.subacc {
		display: none;
	}
	#thumbs {
		position: relative;
		top: 0;
		left: 0;
		margin-left: 2%;
		z-index: 1000;
	}
	#thumbs ul:before,
	#thumbs ul:after {
		content: "";
		display: table;
	}
	#thumbs ul:after {clear: both;}
	#thumbs li {
		width: 15.5%;
		margin-right: 1%;
	}
	#thumbs li:nth-child(4n),
	#thumbs li:nth-child(n+5){
		margin-right: 1%;
	}
	#thumbs label img {
		width: 100%;
		height: auto;
		cursor: pointer;
	}
	#screen {
		width: 100%;
		height: 500px;
		background-color: #CCC;
		position: relative;
		z-index: 999;
	}
	#photo1, #photo2, #photo3, #photo4, #photo5, #photo6, #photo7, #photo8 {
		top: 85px;
		position: absolute;
	}
	#photo1 img, #photo2 img, #photo3 img, #photo4 img, #photo5 img, #photo6 img, #photo7 img, #photo8 img {
		width: 100%;
		height: auto;
	}
	.figExplanation {
		position: static;
		padding: 0 10px;
	}
	.figExplanation h3 {
		padding-bottom: 10px;
	}
}

.hi-icon-wrap {
	position: fixed;
	bottom:40px;
	right:20px;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 10px 20px;
	width: 70px;
	height: 70px;
	padding: 0 2px 2px 0;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
	background-color: #d6c777;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: 'codropsicons';
	speak: none;
	font-size: 36px;
	line-height: 70px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon-ue:before {
	content: "\e000";
	transform: rotate(-90deg);
}

/* Effect 5 */
.hi-icon-effect-5 .hi-icon {
	box-shadow: 0 0 0 4px rgba(255, 255, 255, 1);
	overflow: hidden;
	-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
	transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}

.hi-icon-effect-5 .hi-icon:after {
	display: none;
}

.hi-icon-effect-5 .hi-icon:hover {
	background: rgba(255,255,255,1);
	color: #b1a047;
	box-shadow: 0 0 0 8px rgba(177,160,71,0.3);
}
.hi-icon-effect-5c .hi-icon:hover:before {
	-webkit-animation: toTopFromBottom 0.3s forwards;
	-moz-animation: toTopFromBottom 0.3s forwards;
	animation: toTopFromBottom 0.3s forwards;
}
@media screen and (max-width: 480px){
	.hi-icon-wrap {
		bottom: 0;
		right: 0;
	}
	.hi-icon {
		width: 50px;
		height: 50px;
	}
	.hi-icon:before {
		line-height: 50px;
	}
}

@-webkit-keyframes toTopFromBottom {
	49% {
		-webkit-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-webkit-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@-moz-keyframes toTopFromBottom {
	49% {
		-moz-transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		-moz-transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}
@keyframes toTopFromBottom {
	49% {
		transform: translateY(-100%);
	}
	50% {
		opacity: 0;
		transform: translateY(100%);
	}
	51% {
		opacity: 1;
	}
}


/*SLIDER*/
/* NEW EXPERIMENT */
/* csscience */

#slider input {
	display: none;
}

#slide111,#slide222 {
    display: none;
}


#slide1:checked ~ #slides .inner { margin-left:0; }
#slide2:checked ~ #slides .inner { margin-left:-100%; }
#slide3:checked ~ #slides .inner { margin-left:-200%; }
#slide4:checked ~ #slides .inner { margin-left:-300%; }
#slide5:checked ~ #slides .inner { margin-left:-400%; }
#slide11:checked ~ #slides2 .inner { margin-left:0; }
#slide22:checked ~ #slides2 .inner { margin-left:-100%; }
#slide33:checked ~ #slides2 .inner { margin-left:-200%; }
#slide44:checked ~ #slides2 .inner { margin-left:-300%; }
#slide55:checked ~ #slides2 .inner { margin-left:-400%; }
#slide111:checked ~ #slides .inner { margin-left:0; }
#slide222:checked ~ #slides .inner { margin-left:-100%; height:650px !important; overflow: hidden;}


#overflow {
	width: 100%;
	overflow: hidden;
}

article img {
	width: 100%;
}

#slides .inner {
	width: 500%;
	line-height: 0;
}
#slides2 .inner {
	width: 500%;
	line-height: 0;
}

#slides article {
	width: 20%;
	float: left;
}
#slides2 article {
	width: 20%;
	float: left;
}

/* Slider Styling */

/* Control Setup */




#active {
	margin: 17% 0 10px;
	text-align: center;
}

#active label {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display: inline-block;
	width: 10px;
	height: 10px;
	background: #bbb;
}

#active label:hover {
	background: #ccc;
	border-color: #777 !important;
}


#slide1:checked ~ #active label:nth-child(1),
#slide2:checked ~ #active label:nth-child(2),
#slide3:checked ~ #active label:nth-child(3),
#slide4:checked ~ #active label:nth-child(4),
#slide5:checked ~ #active label:nth-child(5) {
	background: #fff;
	border-color: #fff !important;
}
#slide11:checked ~ #active label:nth-child(1),
#slide22:checked ~ #active label:nth-child(2),
#slide33:checked ~ #active label:nth-child(3),
#slide44:checked ~ #active label:nth-child(4),
#slide55:checked ~ #active label:nth-child(5) {
	background: #fff;
	border-color: #fff !important;
}

/* Slider Styling */

#slides {
	margin: 0 0 0;

}


/* Animation */

#slides .inner {
	-webkit-transform: translateZ(0);
	-webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	-o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

	-webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}
#slides2 .inner {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */

    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
     -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
	transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000); /* easeInOutQuart */
}

#slider {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#slider2 {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#controls label{
    -webkit-transform: translateZ(0);
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}


.info, #controls, #slides, #slides2, #active, #active label, .info h3, .desktop, .tablet, .mobile {
    -webkit-transform: translateZ(0);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
#controls {
	margin: -25% 0 0 0;
	width: 100%;
	height: 50px;
}

#controls label {
	display: none;
	width: 50px;
	height: 50px;
	opacity: 0.5;
}
#controls label:hover {
	opacity: 0.8;
}

#slide1:checked ~ #controls label:nth-child(2),
#slide2:checked ~ #controls label:nth-child(3),
#slide3:checked ~ #controls label:nth-child(4),
#slide4:checked ~ #controls label:nth-child(5),
#slide5:checked ~ #controls label:nth-child(1) {
	background: url('../images/global/next.png') no-repeat;
	float: right;
	margin: 10px -40px 0 0;
	display: block;
}
#slide1:checked ~ #controls label:nth-child(5),
#slide2:checked ~ #controls label:nth-child(1),
#slide3:checked ~ #controls label:nth-child(2),
#slide4:checked ~ #controls label:nth-child(3),
#slide5:checked ~ #controls label:nth-child(4) {
	background: url('../images/global/prev.png') no-repeat;
	float: left;
	margin: 10px 0 0 -43px;
	display: block;
}
#slide11:checked ~ #controls label:nth-child(2),
#slide22:checked ~ #controls label:nth-child(3),
#slide33:checked ~ #controls label:nth-child(4),
#slide44:checked ~ #controls label:nth-child(5),
#slide55:checked ~ #controls label:nth-child(1) {
	background: url('../images/global/next.png') no-repeat;
	float: right;
	margin: 10px -40px 0 0;
	display: block;
}
#slide11:checked ~ #controls label:nth-child(5),
#slide22:checked ~ #controls label:nth-child(1),
#slide33:checked ~ #controls label:nth-child(2),
#slide44:checked ~ #controls label:nth-child(3),
#slide55:checked ~ #controls label:nth-child(4) {
	background: url('../images/global/prev.png') no-repeat;
	float: left;
	margin: 10px 0 0 -43px;
	display: block;
}
@media screen and (max-width:480px) {
	#slide1:checked ~ #controls label:nth-child(2),
	#slide2:checked ~ #controls label:nth-child(3),
	#slide3:checked ~ #controls label:nth-child(4),
	#slide4:checked ~ #controls label:nth-child(5),
	#slide5:checked ~ #controls label:nth-child(1) {
		margin: 10px -20px 0 0;
	}
	#slide1:checked ~ #controls label:nth-child(5),
	#slide2:checked ~ #controls label:nth-child(1),
	#slide3:checked ~ #controls label:nth-child(2),
	#slide4:checked ~ #controls label:nth-child(3),
	#slide5:checked ~ #controls label:nth-child(4) {
		margin: 10px 0 0 -21px;
	}
	#slide11:checked ~ #controls label:nth-child(2),
	#slide22:checked ~ #controls label:nth-child(3),
	#slide33:checked ~ #controls label:nth-child(4),
	#slide44:checked ~ #controls label:nth-child(5),
	#slide55:checked ~ #controls label:nth-child(1) {
		margin: 10px -20px 0 0;
	}
	#slide11:checked ~ #controls label:nth-child(5),
	#slide22:checked ~ #controls label:nth-child(1),
	#slide33:checked ~ #controls label:nth-child(2),
	#slide44:checked ~ #controls label:nth-child(3),
	#slide55:checked ~ #controls label:nth-child(4) {
		margin: 10px 0 0 -21px;
	}
	#controls label {
		width: 25px;
		height: 25px;
		-webkit-background-size: 25px 25px !important;
		background-size: 25px 25px !important;
	}
}

/*------------------------------------------------------------------------------------------------------------------- TAB用*/
#active2 {
    margin: 10px 0 10px;
    text-align: center;
}

#active2 label {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    display: inline-block;
    width: 300px;
    padding: 30px 0 30px 0;
    background: #bbb;
    vertical-align: middle;
    font-size: 24px;
    color: #696255;
}

#active2 label:hover {
    background: #ccc;
    border-color: #777 !important;
}


#slide111:checked ~ #active2 label:nth-child(1),
#slide222:checked ~ #active2 label:nth-child(2){
    background: #fff;
    border-color: #fff !important;
}
@media screen and (max-width: 480px){
	#active2 label {
		width: 48%;
		padding: 15px 0;
		font-size: 14px;
	}
	#slides.access-slide {
		margin: 0 5px;
	}
}
/*----------------------------------------------------------------------- JAVA SCRIPT*/


/*ACCORDION*/

/*TAB*/
/*GO TO PAGETOP*/

.loopslider{
	height:200px;
}.loopslider p{
	font-size: 10px;
	text-align: center;
	line-height: 1.6em;
}.loopslider li{
	border: 1px solid #efefef;
	box-sizing: content-box;
	margin-bottom: 30px;
	height:180px;
	padding: 5px;
	background-color: #fff;
	margin-right: 10px;
	box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -webkit-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
    -moz-box-shadow:0 0 5px #fff, 0 0 5px #ccc, 0 0 1px #aaa;
}.loopslider a{
	color: #595757;
}
/*----------------------------------------------------------------------- JAVA SCRIPT*/

/* //////////////////////////////////////////////////
[7 HI-SPEC-COADING]
////////////////////////////////////////////////// */

/*WIDTH */
.w10{ width:10px; } .w20{ width:20px; } .w30{ width:30px; } .w60{ width:60px; } .w100{ width:100px; } .w200{ width:200px; } .w300{ width:300px; } .w320{ width:320px; }

/*HEIGHT */
.h10{ height:10px; }

/* MARGIN */
.m0a		{  margin:0px auto 0px !important; }
.m10a		{  margin:10px auto 0px !important; }
.m20a		{  margin:20px auto 0px !important; }
.mt3		{ margin-top: 3px !important; }
.mt5		{ margin-top: 5px !important; }
.mt8		{ margin-top: 8px !important; }
.mt10		{ margin-top: 10px !important; }
.mt20		{ margin-top: 20px !important; }
.mt30		{ margin-top: 30px !important; }
.mt40		{ margin-top: 40px !important; }
.mr5		{ margin-right: 5px !important; }
.mr10		{ margin-right: 10px !important; }
.mr15		{ margin-right: 10px !important; }
.mr20		{ margin-right: 20px !important; }
.mr30		{ margin-right: 30px !important; }
.mb5		{ margin-bottom: 5px !important; }
.mb10		{ margin-bottom: 10px !important; }
.mb15		{ margin-bottom: 15px !important; }
.mb20		{ margin-bottom: 20px !important; }
.mb30		{ margin-bottom: 30px !important; }
.ml5		{ margin-left: 5px !important; }
.ml10		{ margin-left: 10px !important; }
.ml15		{ margin-left: 15px !important; }
.ml20		{ margin-left: 20px !important; }
.ml30		{ margin-left: 30px !important; }
.ml40		{ margin-left: 40px !important; }

/* PADDING */
.pt10		{ padding-top: 10px !important; }
.pt20		{ padding-top: 20px !important; }
.pt30		{ padding-top: 30px !important; }
.pt40		{ padding-top: 40px !important; }
.pt50		{ padding-top: 50px !important; }
.pr10		{ padding-right: 10px !important; }
.pr20		{ padding-right: 20px !important; }
.pr30		{ padding-right: 30px !important; }
.pr40		{ padding-right: 40px !important; }
.pr50		{ padding-right: 50px !important; }
.pr400		{ padding-right: 400px !important; }
.pb10		{ padding-bottom: 10px !important; }
.pb20		{ padding-bottom: 20px !important; }
.pb30		{ padding-bottom: 30px !important; }
.pb40		{ padding-bottom: 40px !important; }
.pb50		{ padding-bottom: 50px !important; }
.pl0		{ padding-left: 0px !important; }
.pl5		{ padding-left: 5px !important; }
.pl10		{ padding-left: 10px !important; }
.pl20		{ padding-left: 20px !important; }
.pl30		{ padding-left: 30px !important; }
.pl40		{ padding-left: 40px !important; }
.pl50		{ padding-left: 50px !important; }

/* OVERFLOW */
.ofh{ overflow: hidden !important; } .ofa{ overflow: auto !important; } .ofs{ overflow: scroll !important; } .ofxs{ overflow-x: scroll !important; } .ofys{ overflow-y: scroll !important; }

/* FONT-WEIGHT */
.b{ font-weight: bold !important; } .n{ font-weight: normal !important; }

/* FONT-SIZE */
.fs8		{ font-size: 8px !important; }
.fs9		{ font-size: 9px !important; }
.fs10		{ font-size: 10px !important; }
.fs12		{ font-size: 12px !important; }
.fs14		{ font-size: 14px !important; }
.fs16		{ font-size: 16px !important; }
.fs18		{ font-size: 18px !important; }
.fs20		{ font-size: 20px !important; }
.fs22		{ font-size: 22px !important; }
.fs24		{ font-size: 24px !important; }
.fs25		{ font-size: 25px !important; }
.fs26		{ font-size: 26px !important; }
.fs27		{ font-size: 27px !important; }
.fs28		{ font-size: 28px !important; }
.fs29		{ font-size: 29px !important; }

/* TEXT-ALIGN */
.fac			{text-align: center;}
.far			{text-align: right}
.fal			{text-align: left}

/* FLOAT */
.fl		{  float:left; !important; }
.fr		{  float:right; !important; }

/* DISPLAY */
.dpi{ display:inline;}
.dpb{ display:block;}

/* DECORATION */
.tdn {	text-decoration: none;}

/* COLOR */
.color1{	color:#ab1313;}
.color2{	color:#e6680b;}
.color3{	color:#e64949;}
.color4{	color:#989898;}

/* CLEAR */
.clf{ clear:fixed;}

/*-----------------------------------------------------------------------  Hi Spec Coding*/

/* //////////////////////////////////////////////////
[8 RESET]
////////////////////////////////////////////////// */

* {
	margin: 0;
	padding: 0;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

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

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

.print_next {
page-break-before: always;
}
/*----------------------------------------------------------------------- RESET*/
.article{
	margin-top: 5px;
}
.article a{
	background: #000;
	color: white;
	padding: 5px 10px;
	font-size: .75em;
	display: inline-block;
}
.article a:hover{
	background: #333;
}

/* カテゴリーバナーCSS */
.category_banner{
  display: block;
  max-width: 1000px;
  padding: 0 20px;
  margin: 3% auto;
}
.category_banner strong{
  display: block;
  text-align: center;
  font-family: serif;
  font-size: clamp(15px, 2.5vw, 25px);
  margin-bottom: 3%;
  line-height: 1.6;
}
.category_banner strong br{
  display: none;
}
.category_banner ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.category_banner ul li{
  /*5個以上表示のときは20％で*/
  width: 25%; /* 4個表示のとき25%で */
  font-size: 0;
}
.category_banner ul li img{
  width: 100%;
  height: auto;
}

@media (max-width:480px){
  .category_banner strong br{
    display: block;
  }
  .category_banner ul li{
		width: 50%;/*1列表示の時は100%*/
    /*padding: 0 0px;1列表示の時は0 15px*/
		padding: 0 0 5px 5px;
  }
}
@media (max-width:400px){
  .category_banner strong{
    font-size: clamp(13px, 2.5vw, 25px);
  }
}



/* MV sp版差し替えCSSここから */
section.mv.pc {
    display: block !important;
}

@media screen and (max-width:768px) {
    section.mv.pc {
        display: none !important;
    }
    section.mv.sp .catch {
        margin: auto;
        width: 100%;
        box-sizing: border-box;
        left: 0;
        right: 0;
    }
}

@media screen and (max-width:780px) {
    section.mv.sp .catch {
        font-family: serif;
        color: #ffffff;
        text-align: center;
        font-size: 6vw;
        line-height: 1.2;
        top: 100px !important;
    }

}

/* MV sp版差し替えCSSここまで */


/* スクロールここから */
section.mv {
    position: relative;
}
.scroll_box {
    position: absolute;
    bottom: 0;
    left: 3%;
    z-index: 10;
    overflow: hidden;
    -webkit-animation: fadeIn 2s;
    animation: fadeIn 2s;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
.scroll_box p {
    font-size: 69%;
    letter-spacing: 0.1em;
}
.scroll_box p a {
    display: inline-block;
    color: #fff;
    position: relative;
    padding-bottom: 85px;
}
.scroll_box p a:after {
    content: "";
    background: #fff;
    height: 80px;
    width: 1px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    -webkit-animation: sdb 2s infinite;
    animation: sdb 2s infinite;
    -webkit-animation-delay: 4s;
    animation-delay: 4s;
}
@media only screen and (min-width: 480px) and (max-width: 780px) {
    .scroll_box p a {
        padding-bottom: 2em;
    }
    .scroll_box p a:after {
        height: 1.8em;
        -webkit-animation: sdbSpl 2s infinite;
        animation: sdbSpl 2s infinite;
        -webkit-animation-delay: 4s;
        animation-delay: 4s;
    }
}
@-webkit-keyframes sdb {
    0% {
        opacity: 1;
        height: 80px;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        height: 0px;
    }
}
@keyframes sdb {
    0% {
        opacity: 1;
        height: 80px;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        height: 0px;
    }
}
@-webkit-keyframes sdbSpl {
    0% {
        opacity: 1;
        height: 2em;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        height: 0px;
    }
}
@keyframes sdbSpl {
    0% {
        opacity: 1;
        height: 2em;
    }
    40% {
        opacity: 1;
    }
    80% {
        opacity: 0;
    }
    100% {
        opacity: 0;
        height: 0px;
    }
}

/* スクロールここまで */

/*TOPボタンの位置調整*/
@media screen and (max-width: 480px){
	.hi-icon-wrap {
		bottom: 80px;
		right: -10px;
		z-index: 1;
	}
/*TOPボタン非表示の場合*/
	.hi-icon {
		display: none;
	}
}

#sub-slider .slick-dots {
  text-align: center;
}

#sub-slider .slick-dots li{
  display: inline-block;
  margin: 0 5px;
}

#sub-slider .slick-dots li button {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
  border: 0 none;
  text-indent: -9999px;
  cursor: pointer;
}

#sub-slider .slick-dots li.slick-active button {
  opacity: 1;
  background: #e3d14c;
}

#sub-slider .slick-prev {
  position: absolute;
  left: -40px;
  top: 40%;
  font-size: 20px;
	width: 1em;
	height: 1em;
	border: 0 none;
	border-bottom: 0.1em solid #87827e;
	border-right: 0.1em solid #87827e;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	text-indent: -9999px;
	background: none;
	cursor: pointer;
}

#sub-slider .slick-next {
  position: absolute;
  right: -40px;
  top: 40%;
  font-size: 20px;
	width: 1em;
	height: 1em;
	border: 0 none;
	border-bottom: 0.1em solid #87827e;
	border-right: 0.1em solid #87827e;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	text-indent: -9999px;
	background: none;
	cursor: pointer;
}

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

#top .breadcrumb {
	margin: 10px 0 0;
}

#room1 button.slick-arrow.slick-prev {
	left: 20px;
	top: auto;
	bottom: 0;
}

#room1 button.slick-arrow.slick-next {
	left: 68px;
	top: auto;
	bottom: 0;
}
@media screen and (max-width: 480px) {
	#room1 button.slick-arrow.slick-prev {
		left: 20px;
		top: auto !important;
		bottom: 0;
	}

	#room1 button.slick-arrow.slick-next {
		left: 68px;
		top: auto !important;
		bottom: 0;
	}
}



.facility-slider img {
	display: block;
	width: 100%;
}
.facility-slider ul.slick-dots {
	list-style: none;
	margin: 0;
	padding: 10px 0 0;
	text-align: center;
}
.facility-slider ul.slick-dots li {
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	border: none;
}
.facility-slider ul.slick-dots li button {
	-webkit-appearance:none;
	display: inline-block;
	width: 10px;
	height: 10px;
	overflow: hidden;
	text-indent: 100%;
	border: none;
	border-radius: 50%;
	background: #c8c7c3;
	color: #ded4a1;
	text-align: center;
	outline: none;
}
.facility-slider ul.slick-dots li.slick-active button {
	background-color: #595757;
}
.facility-slider button.slick-arrow {
	position: absolute;
	bottom: 0;
	width: 45px;
	height: 45px;
	background: url('../img/arrow_prev.png') no-repeat 50% 50%;
	z-index: 999;
	text-indent: -9999px;
	border: 0 none;
	cursor: pointer;
}
.facility-slider button.slick-prev {
	left: 7px;
}
.facility-slider button.slick-next {
	left: 55px;
	background: url('../img/arrow_next.png') no-repeat 50% 50%;
}