@charset "utf-8";
/* CSS Document */
@import url(reset.css);
body { background: url("../img/bg.gif");
	
	
}
body.bg_none{background: url("../img/bg2.png");}
body.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
}
br,p,span,ul{margin: 0; padding: 0;}

.wrapper{overflow-x: hidden; width: 950px; height: auto; margin: 0 auto; background: url("../img/bg.gif");
font-family: "Playfair Display", Arial, serif;
	color: #433d3c;
	/*overflow-x: hidden;*/
	box-sizing : border-box;
font-size: 16px;}

h2, h3, h4, h5, h6 {
	font-weight: 300;
	/*letter-spacing: .2rem;*/
	font-family:"Gentium Basic","Raleway","Playfair Display", Arial, serif;
	/*font-family: "Raleway", Sans-serif;*/
	/*font-family: "Playfair Display", Arial, serif;*/
	color: #468384;
	text-align: center;
}
h2{font-size: 2rem;}
#mainvisual h2{font-size: 2rem; position: absolute; top:210px; left:0; right:0; background: url(../img/ttl_icon.png)no-repeat; color: #FFF; background-position: center top; padding-top: 37px;}
h2 .sttl,h3 .sttl{font-size: 1rem; font-family: "Gentium Basic","Raleway","Playfair Display", Arial, serif; letter-spacing: .2rem; line-height: 1.2;}
#mainvisual h2 span.sttl br{
  line-height: initial;
}

.clear{
  clear:both;
  }

iframe {
	border: 0px;
   margin: 0px;
   overflow: hidden;
	
}

.txt-red01 {color:#CC0000}
.txt_pink{color: #ec6d71;}
.txt_pink01{color: #e9546b; font-weight: bold;}
.txt_pink2 {
	color: #F36;
	font-weight: bold;
}
.under{ background: linear-gradient(transparent 70%, #ffadad 70%);
  font-weight: bold;
border-radius: 4px;}
/* header
------------------------------------------------------------------- */
#header-container{ position: relative; width: 950px; margin:0 auto; padding: 0; background-position: 0% 50%; background-size: cover; height: auto;  }
#header-container:before{ background-image: linear-gradient(0deg, transparent 0 60%, #000 100%);
position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';
height: 350px;
}


#logo{
	text-indent: -9999px;
	
}

#logo a{
	width:180px;
	height: 95px;
	display: block;
	background: url(../img/logo_header.png) no-repeat;
	margin:10px 450px 0 20px;
	position: absolute;
	z-index: 100;
}

#mainvisual {
	width:950px;
	height:350px;
	margin: 0 auto;
	position: relative;
	top:0;
	
	}
#mainvisual:before{background-color: rgba(0, 0, 0, 0.3);
position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	content: ' ';}

/* gnav
------------------------------------------------------------------- */

#gnav-section {
width: 950px;
margin: 0 auto;
text-align:center;
	position: absolute;
	z-index: 50;
		
}

#gnav li { 
float: left;
text-indent: -9999px;
	list-style: none;
	margin-top: 125px;
	
}


#gnav li a{
	height: 55px;
	display: block;
	overflow:hidden;
	
}
/* overflow:hiddenを書くことによりFirefoxでクリックしたときに横に長くリンクの点線が出るのを防ぎます。
------------------------------------------------------------------- */

#gnav li#gnav01 a {
	width: 115px;
	background:url(../img/gnav01.png) no-repeat;

	
}
#gnav li#gnav02 a {
width: 130px;
background: url(../img/gnav02.png) no-repeat;

	
}
#gnav li#gnav03 a {
width: 115px;
background: url(../img/gnav03.png) no-repeat;

	
}
#gnav li#gnav04 a {
width: 115px;
background: url(../img/gnav04.png) no-repeat;

	
}
#gnav li#gnav05 a {
width: 115px;
background: url(../img/gnav05.png) no-repeat;

	
}
#gnav li#gnav06 a {
width: 120px;
background: url(../img/gnav06.png) no-repeat;

	
}
#gnav li#gnav07 a {
width: 120px;
background: url(../img/gnav07.png) no-repeat;

	
}
#gnav li#gnav08 a {
width: 120px;
background: url(../img/gnav08.png) no-repeat;

}


#gnav li#gnav01 a:hover{
width: 115px;
background: url(../img/gnav01_over.png) no-repeat;


}
#gnav li#gnav01-on{
  width: 115px;
  background: url(../img/gnav01_over.png) no-repeat;

  }

#gnav li#gnav02 a:hover{
  width: 130px;
  background: url(../img/gnav02_over.png) no-repeat;

	}
#gnav li#gnav02-on{
  width: 130px;
  background: url(../img/gnav02_over.png) no-repeat;

	}

#gnav li#gnav03 a:hover{
  width: 115px;
  background: url(../img/gnav03_over.png) no-repeat;
 
}
#gnav li#gnav03-on{
  width: 115px;
  background: url(../img/gnav03_over.png) no-repeat;
  
}
#gnav li#gnav04 a:hover{
  width: 115px;
  background: url(../img/gnav04_over.png) no-repeat;

}
#gnav li#gnav04-on{
  width:115px;
  background: url(../img/gnav04_over.png) no-repeat;

  }
#gnav li#gnav05 a:hover{
  width: 115px;
  background: url(../img/gnav05_over.png) no-repeat;

}
#gnav li#gnav05-on{
  width: 115px;
  background: url(../img/gnav05_over.png) no-repeat;

}
#gnav li#gnav06 a:hover{
  width: 120px;
  background: url(../img/gnav06_over.png) no-repeat;

}
#gnav li#gnav06-on{
  width: 120px;
  background: url(../img/gnav06_over.png) no-repeat;

}
#gnav li#gnav07 a:hover{
  width: 120px;
  background: url(../img/gnav07_over.png) no-repeat;

}
#gnav li#gnav07-on{
  width: 120px;
  background: url(../img/gnav07_over.png) no-repeat;
}
#gnav li#gnav08 a:hover{
  width: 120px;
  background: url(../img/gnav08_over.png) no-repeat;
}
#gnav li#gnav08-on{
  width: 120px;
  background: url(../img/gnav08_over.png) no-repeat;
}
/* crumbs-link
------------------------------------------------------------------- */
#pan {
	width:950px;
	font-size: 13px;
	height:auto;
	margin:0px auto;
	text-align:left;
	background-color: #EAE5E3;
	padding:8px 0;
	z-index: 150;
}
#pan span{padding:0 0.5rem;}
#pan a:link {font-weight:normal; color: #771144; text-decoration: none;}
#pan a:visited {font-weight:normal; color: #A2525A; opacity: 0.7; text-decoration: none;}
#pan a:hover {font-weight:normal; color: #BB5555; opacity: 0.7; text-decoration: none;}
/* text-color
------------------------------------------------------------------- */
.txt_red01 {color: #CC0000;}
.txt_pnk02 { color:#F36; font-weight: bold; }
/* contents
------------------------------------------------------------------- */

#info-section .heading-section {
	margin-bottom: 1em;
	margin-top: 50px;
	
}
#info-section h3 {
	font-size: 1.8rem;
	border-bottom : double 3px #AFC9CA;
	padding-bottom: 0.5em;
	text-align: center;
}

#info-section dl {
	width: 100%;
	height: auto;
	border-bottom: 1px dotted #333;
margin:0 auto 0.5em auto;
	text-align: left;
}
#info-section dl:last-child {
	width: 100%;
	height: auto;
	/*border-bottom: double 3px #AFC9CA;*/
	padding-bottom: 2em;
	margin:0 auto;
}

#info-section dt {
	width: 25%;
	float: left;
	height: auto;
	font-weight: bold;
}
#info-section dd {
	width: 75%;
	height: auto;
	margin-left: 25%
}
.title{border: 1px solid #AFC9CA; padding: 20px; z-index: 50; }

.title h3,.title2 h3 {
	font-size: 1.8rem;
	/*color: #432F2F;
	font-weight: 900;
	letter-spacing: 1px;*/
	position: relative;
	padding-bottom: 10px;
	/*margin-top: 0.5rem;*/
	line-height: 1.2;
	/*font-family: "Playfair Display", Adobe Garamond Pro, serif;*/
	ruby-align:center;
}
.title h3 span,.title2 h3 span{display: inline-block;}

.title h3 .sub_ttl,.title2 h3 .sub_ttl{font-size: 1.2rem; font-family: "Gentium Basic","Raleway","Playfair Display", Arial, serif; letter-spacing: .2rem; }
.title2 .sttl{line-height: 3;}
.title .lead,.title2 .lead{ font-size: 1rem; text-align: left;}
.title .txt_box{max-width: 300px; margin: 0px auto 0 auto; text-align: left; }
#contents {
	width: 100%;
	margin:0 auto;
	 display:inline-block;
	font-size: 16px;
	line-height: 1.5;
	font-family: "Playfair Display", Arial, serif;
	color: #433d3c;
	}
#contents-inner {
	width: 950px;
	margin:0 auto;
    padding:30px 0px;
	clear:both;
	text-align: center;
}
#contents a:hover img{
-ms-filter: "alpha( opacity=85 )"; /* IE8 */
filter: alpha( opacity=85 ); /* IE6とIE7 */
opacity:0.85; /* IE以外 */
}
.btn a:hover img{
-ms-filter: "alpha( opacity=85 )"; /* IE8 */
filter: alpha( opacity=85 ); /* IE6とIE7 */
opacity:0.85; /* IE以外 */
}
#contents a:link,#sticky a:link{color: #3A546B; text-decoration: none;}
#contents a:visited,#sticky a:visited{color: #787CAC; opacity: 0.7; text-decoration: none;}
#contents a:hover,#sticky a:hover{color: #527798; opacity: 0.7; text-decoration: none;}
#contents a:active,#sticky a:active{color: #527798; text-decoration: none;}



/* main
------------------------------------------------------------------- */
.ttl_warp1,.ttl_warp2{width: 300px; height: auto; float: left;}
.pht_warp1,.pht_warp2{width: 620px; height: auto; float: left; }
.ttl_warp1,.pht_warp2{margin-right: 30px;}
#outline {text-align: center; padding-bottom: 130px;}
#outline .pht{width: 360px; float: left; margin-right: 50px;}
#outline .txt_warp{width: 540px; float: left; position: relative;}
#outline .txt_box{-ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
text-align: left;
	line-height: 3;
	align-items: center;
	white-space: nowrap;
}

#outline .txt_box h4{color:#545D63; text-align: left; padding-right: 20px; font-size: 1.2rem;}
#outline .eg{ color:#545D63; font-family:"Gentium Basic","Raleway","Playfair Display", Arial, serif; text-align: center; position: absolute; top: 380px;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%); }
#selling_warp{margin-bottom: 80px;}
#selling_warp p{margin-top: 10px; text-align: left;}
#selling1,#selling2,#selling3{width: 300px; height: auto; float: left;}
#selling1,#selling2{margin-right: 25px;}
#selling1 h4{margin-bottom: 10px; text-align: left; font-size: 1.3rem; line-height: 1.3;} 
#selling2 h4,#selling3 h4{margin-bottom: 10px; text-align: left; font-size: 1.3rem; line-height: 1.3; }
#selling1 h4,#selling2 h4,#selling3 h4{position:relative; padding-left: 51px;} 

#selling1 h4:before {
	width: 41px;
  height: 45px;
   content: url("../img/point1.gif") ;
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    transform: translateY(-50%);
	
}
#selling2 h4:before {
	width: 41px;
  height: 45px;
   content: url("../img/point2.gif"); 
    position:absolute;
    top:50%;
   
    -webkit-transform:translateY(-50%);
    transform: translateY(-50%);
	margin-left: -51px;
}
#selling3 h4:before {
	width: 41px;
  height: 45px;
   content: url("../img/point3.gif"); 
    position:absolute;
    top:50%;
   
    -webkit-transform:translateY(-50%);
    transform: translateY(-50%);
	margin-left: -51px;
	
}
#selling2 .txt,#selling3 .txt{margin-top: 10px;}
#point .point_pht1{text-align: left;}
#point .point_pht2{text-align: right;}
#point .lead{text-align: center;
	font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
font-size: 1.5rem;
margin-bottom: 20px;}
#top_cuis,#top_spa,#top_room{margin-bottom: 100px; width: 950px; height: auto; position: relative;}
#top_spa .txt_warp{width: 380px; background: url("../img/bg.gif"); z-index: 200; position: absolute; left:0; top:30px; padding: 30px; }
#top_cuis .txt_warp,#top_room .txt_warp{width: 380px; background: url("../img/bg.gif"); z-index: 200; position: absolute; left:570px; top:30px; padding: 30px;}
#top_spa .txt_box2,#top_cuis .txt_box2,#top_room .txt_box2{ margin: 30px auto 0 auto; text-align: center;}
#top_cuis h2,#top_spa h2,#top_room h2{width: 60%; margin: 0 auto 20px auto;}
#top_cuis .ttl,#top_spa .ttl,#top_room .ttl {
	border-bottom: dotted 1px #3A546B;
	position: relative;
	padding-bottom: 5px;
 }
  
#top_cuis .ttl:after,#top_spa .ttl:after,#top_room .ttl:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 1px #3A546B;
	padding-bottom: 5px;
	width: 30%;
  }
#nav {width: 950px; margin: 20px auto; text-align: center;}
#nav .nav_box{display: inline-block;}
#nav li{float: left; padding-right: 5px; color: #3A546B; }
#nav li:last-child{padding-right: 0px;}
#nav li a:link {
	color: #3A546B;
	text-decoration: none;
}
/*#nav li a:visited {
	color: #AB6953;
	text-decoration: none;
	
}
#nav li a:hover {
	color: #AB6953;
	text-decoration: none;
	
}*/
.more_plan{position: relative; width: 220px; margin: 10px auto 0 auto; text-align: center;}
.more_warp1{position: relative; width: 140px; display: block; padding: .8em .2em 0 0; margin: 10px 0; text-align: left;}
.more_warp2{position: relative; width: 150px; display: block; padding: 0 .2em 0 0; margin: 10px 0; text-align: left;}
.more_warp3{position: relative; width: 190px; display: block; padding: 0 .2em 0 0; margin: 10px 0; text-align: left;}
.more_warp4{position: relative; width: 330px; display: block; padding: .8em .2em 0 0; margin: 10px 0; text-align: left;}
.more_warp5{position: relative; width: 140px; display: block; padding: .8em .2em 0 0; margin: 10px auto; text-align: left;}
.more_warp6{position: relative; width: 220px; display: block; padding: .8em .2em 0 0; margin: 10px auto; text-align: left;}
.more_warp7{position: relative; width: 240px; display: block; padding: .8em .2em 0 0; margin: 10px auto; text-align: left;}

.more_warp10{position: relative; width: 270px; display: block; padding: .8em; border: 1px solid #3A546B; margin: 10px auto; text-align: center;}

.more_warp20{position: relative; width: 300px; display: block; padding: .8em; border: 1px solid #3A546B; margin: 10px auto; text-align: center; background-color:#3A546B ;}
.more_warp21{position: relative; width: 300px; display: block; padding: .8em; border: 1px solid #3A546B; margin: 10px 0; text-align: center; background-color:#3A546B ;}


.more_btn,.more1,.more2,.more3,.more4{font-size: 1rem;}
.more1 img{
    position: absolute;
    top: 5px;
    right: 13px;
}
.more2 img{
    position: absolute;
    top: 10px;
    right: 13px;
}
.more3 img{
    position: absolute;
    top: 20px;
    right: 13px;
}
.more4 img{
    position: absolute;
    top: 7px;
    right: 13px;
}
.more5 img{
    position: absolute;
    top: 18px;
    right: 20px;
}
.more_btn img{
    position: absolute;
    top: 20px;
    right: 20px;
}

.more_btn p:hover img,.more1 p:hover img,.more2 p:hover img,.more3 p:hover img,.more4 p:hover img,.more5 p:hover img {
	
    transform: translateX(7px);
    transition: all 0.1s;
}

.more_btn p img:hover,.more1 p img:hover,.more2 p img:hover,.more3 p img:hover,.more4 p img:hover,.more5 p img:hover {
    transform: none;
}
.more1 a{color: #3A546B; text-decoration: none;}
.more1 a:visited{color: #787CAC; opacity: 0.7; text-decoration: none;}
.more1 a:hover{color: #527798; opacity: 0.7; text-decoration: none;}
.more1 a:active{color: #2C4B79; text-decoration: none;}
.more_btn a p,.more4 a p,.more5 a p{color: #3A546B; text-decoration: none;}
.more_btn a:visited p,.more4 a:visited p,.more5 a:visited p{color: #787CAC; opacity: 0.7; text-decoration: none;}
.more_btn a:hover p,.more4 a:hover p,.more5 a:hover p{color: #527798; opacity: 0.7; text-decoration: none;}
.more_btn a:active p,.more4 a:active p,.more5 a:active p{color: #2C4B79; text-decoration: none;}
.more2 a p,.more3 a p{color: #FFF; text-decoration: none;}
.more2 a:visited p,.more3 a:visited p{color: #eee; opacity: 0.7; text-decoration: none;}
.more2 a:hover p,.more3 a:hover p{color: #EEE; opacity: 0.7; text-decoration: none;}
.more2 a:active p,.more3 a:active p{color: #fff; text-decoration: none;}
.btn1 {
  position: relative;
width: 180px;
	height: auto;
  display: block;
  padding: .9em 1em;
  margin: 5px auto 0 auto;
  border: 1px solid rgba(171,105,83,0.3);
  text-align: center;
  text-decoration: none;
  transition: all .3s;
	font-size: 0.9rem;
	color: #AB6953;
}
.btn1_on {
  position: relative;
width: 180px;
	height: auto;
  display: block;
  padding: .9em 1em;
  margin: 5px auto 0 auto;
	border_bottom: 1px solid rgba(58,84,107,1);
  text-align: center;
  text-decoration: none;
  transition: all .3s;
	font-size: 0.9rem;
	color: #AB6953;
}
.btn2 {
  position: relative;
width: auto;
	height: auto;
  display: block;
  padding: .9em 1em;
  margin: 5px auto 0 auto;
  border-bottom: 1px solid rgba(204,204,204,1);
  text-align: center;
  text-decoration: none;
  transition: all .3s;
	font-size: 0.9rem;
	color: #3A546B;
}
.btn2_on {
  position: relative;
width: auto;
	height: auto;
  display: block;
  padding: .9em 1em;
  margin: 5px auto 0 auto;
	border-bottom: 1px solid rgba(58,84,107,1);
  text-align: center;
  text-decoration: none;
  transition: all .3s;
	font-size: 0.9rem;
	color: #3A546B;
}
.btn1:hover,.btn1_on:hover,.btn2:hover,.btn2_on:hover {
	
  border-bottom: 1px solid rgba(58,84,107,1);
  color: #3A546B;
	text-decoration: none;
}
.button {
    text-indent: -1em;
    margin-left: 1em;
}
.button:before {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-right: 5px;
    margin-left: 5px;
    border: transparent solid 6px;
    border-left-color: #3A546B;

}
.warp_line{border: 1px solid #B59A4D;}
.inner_line{padding: 10px;}
/*--------------------
intro-section
--------------------*/
#intro-section{margin: 0px auto;}
#intro-section2{padding: 50px 0 0 0;}
#intro-section h2,#intro-section2 h2{
	font-size: 3rem;
	margin-bottom: 50px;
	/*font-family: "Playfair Display", Adobe Garamond Pro, serif;*/
}
#intro-section #contents_nav {margin: 50px auto 100px auto;}
#intro-section #contents_nav a{color: #3A546B;}
#intro-section .lead{font-size: 1.5rem; /*font-family: "Playfair Display", Adobe Garamond Pro,serif;*/  margin-bottom: 20px;}
#intro-section .lead p{font-size: 1.2rem; margin: 10px auto 20px auto;}
#intro-section .lead span{display: inline-block;}
#intro-section .and{font-size:2rem}
.section-title h3 {
	font-size: 1.8rem;
	/*color: #432F2F;
	font-weight: 900;
	letter-spacing: 1px;*/
	position: relative;
	padding-bottom: 30px;
	/*margin-top: 0.5rem;*/
	line-height: 1.2;
	/*font-family: "Playfair Display", Adobe Garamond Pro, serif;*/
}
.section-title h3 .sttl{line-height: 3;}
.section-title h3 span{display: inline-block;}
.section-title .sub_ttl{font-size: 1.2rem; /*font-family: "Playfair Display", Adobe Garamond Pro, serif;*/}
.section-title .lead{font-size: 1.2rem; /*font-family: "Playfair Display", Adobe Garamond Pro, serif;*/ margin-bottom: 30px;}
.section-title .lead2{font-size: 1.2rem; /*font-family: "Playfair Display", Adobe Garamond Pro, serif;*/ margin-bottom: 10px;}
.section-title .text {text-align: left;}
.section-title2 h3 {
	font-size: 1.5rem;
	/*color: #432F2F;
	font-weight: 900;
	letter-spacing: 1px;*/
	position: relative;
	padding-bottom: 10px;
	/*margin-top: 0.5rem;*/
	line-height: 1.2;
	/*font-family: "Playfair Display", Adobe Garamond Pro, serif;*/
}
.section-title2 h3 span{display: inline-block;}
.section-title2 .sub_ttl{font-size: 1.2rem; /*font-family: "Playfair Display", Adobe Garamond Pro, serif;*/}
#sec_plan{margin: 30px 10px;}
#sec_plan .plan{width: 300px;
height: auto; float: left; margin-right: 15px;}
#sec_plan .plan_end{width: 300px;
height: auto; float: left;}
#sec_plan .plan p, .plan_end p{margin-top: 5px; text-align: left;}
.slider{ width:100%; margin: 0 auto;}
.slider_txt{text-align: left;}
.info{margin-top: 10px;}
.info p{margin-bottom: 20px;}
.info dl {
	width: 100%;
	height: auto;
	border-bottom: 1px dotted #333;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	text-align: left;
}

.info dt {
	width: 20%;
	float: left;
	height: auto;
	font-weight: bold;
}
.info dd {
	width: 80%;
	height: auto;
	margin-left: 20%
}


#recommend{ width: 950px; height: auto; margin: 80px auto 0 auto; font-family: "Playfair Display", Arial, serif;
	color: #433d3c;}

#recommend .ttl{ width: 950px; position: relative; }
#recommend .more_list{width: 220px;/*-- ボタンの横幅（任意の値） --*/
  height: 20px;/*-- ボタンの縦幅（任意の値） --*/
  text-align: center;/*-- テキストの中央配置（左寄せでもいい） --*/
  line-height: 20px;/*-- サイズをheightに合わせる --*/
  position: absolute;
	right: 0;
	top:80px;
margin:60px auto 0 auto;
font-size: 0.8rem;}
/*.more_list a{color: #650E39; text-decoration: none;}
.more_list a:visited{color: #A2525A; opacity: 0.7; text-decoration: none;}
.more_list a:hover{color: #BB5555; opacity: 0.7; text-decoration: none;}
.more_list a:active{color: #650E39; text-decoration: none;}*/
#recommend #plan_box .plan{width: 300px; height: auto; float: left; margin-right: 25px; text-align: center;}
#recommend #plan_box .plan img{margin-bottom: 5px;}
#recommend #plan_box .plan:last-child {margin-right: 0;}
/*IE7、IE8対策*/
#recommend #plan_box .plan + .plan + .plan {
  margin-right: 0;
}
#recommend #plan_box .plan .txt{margin-top: 5px; text-align: left;}


#slider_bg{ padding: 0 0 100px 0; z-index: 100; }

/*--------------------
slick_slider
--------------------*/
* {
  box-sizing: border-box;
}
.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 24px;
}
/*.sliderArea.w900 {
  max-width: 900px;
}*/
.slick-slide {
  margin: 0 0px;
	position: relative;
}
.slick-slide img {
  width: 100%;
  height: auto;
}
/*.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}*/
.slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}
.thumb .slick-slide:hover {
  opacity: .7;
}
/*.full-screen .slick-slide:not(.slick-center) {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
transition: 0.2s linear;
}
*/
.slick-arrow {
  display: block;
  position: absolute;
  top: 50%;
  /*bottom: 0;*/
  margin: auto;
  padding: 0;
  width: 20px;
  height: 38px;
  color: transparent;
  z-index: 1;
  transition: opacity 0.5s;
  z-index: 1;
}
.slick-arrow:hover {
  opacity: 0.7;
}

/* 共通設定 */

.slick-next::before,
.slick-next::after,
.slick-prev::before,
.slick-prev::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.slick-next::after,
.slick-prev::after {
  width: 26px;
  height: 26px;
  border-top: 1px solid #3A546B;
  border-right: 1px solid #3A546B;
}

/* next */

.slick-next {
  right: 26px;
}
.slick-next::after {
  right: -50px;
  transform: rotate(45deg);
}

/* prev */

.slick-prev {
  left: 26px;
}
.slick-prev::after {
  left: -50px;
  transform: rotate(-135deg);
}
.textphoto { 
    width:    100%;
    font-size:100%;
    text-align:left;
    bottom:    10px;
    margin:    0;
    padding:8px 0;
    color:    #FFF;
    background:rgba(0,0,0,0.4); 
    position:absolute;
    padding-left:1rem;
	
}
.textphoto span{font-size: 0.8em;}
/*====================================================================
.full-screen
====================================================================*/

.full-screen .slick-list {
  overflow: visible;
}
.full-screen.slider {
  max-width: 500px;
  margin: 0 auto;
}
#footer{width: 950px;
	height:auto;
    margin: 0 auto;}
/* cuis
------------------------------------------------------------------- */
#cuis{
  background: url(../img/header_cuis.jpg) top center no-repeat;
	margin-bottom: 80px;
}
#cuis h4{font-size: 1.2rem; text-align: left; line-height: 1.5;}
#food .slider{width: 800px;}
#cuis #sec1,#sec2,#cuis #chef,#cuis #sec3,#cuis #sec4,#sec5{margin-bottom: 80px;}
#cuis #chef1{width: 600px; min-height: 400px; float: left; margin-right: 20px;}
#cuis #chef2{width: 330px; height: auto; float: left;}
#cuis #chef .chef_lead{text-align: left; margin-top: 10px; font-size: 1.2rem;}
#cuis #chef .chef_name{text-align: right;}
#cuis #chef .slider_fade {
    position: relative;
	min-height: 400px;
}

#cuis #chef .slider_fade > li {
    position: absolute;
    list-style: none;
    visibility: hidden;
    animation: anime_slider_fade 20s 0s infinite;
}
#cuis #chef .slider_fade > li:nth-of-type(2) {
    animation-delay: 4s;
}
#cuis #chef .slider_fade > li:nth-of-type(3) {
    animation-delay: 8s;
}
#cuis #chef .slider_fade > li:nth-of-type(4) {
    animation-delay: 12s;
}
#cuis #chef .slider_fade > li:nth-of-type(5) {
    animation-delay: 16s;
}
@keyframes anime_slider_fade {
    0% {
        visibility: visible;
        opacity: 0;
    }
    5% {
        opacity: 1;
    }
   20% {
        opacity: 1;
    }
    25% {
        opacity: 0;
    }
    26% {
        opacity: 0;
    }
	100% {
        opacity: 0;
    }
}

#cuis #sec3 .txt{width: 380px; height: auto; float: left; margin-right: 20px; text-align: left; line-height: 1.8;}
#cuis #sec3 .kaiseki_main{width: 550px; height: auto; float: left;}
#cuis #sec3 #kaiseki .pht{width: 300px; height: auto; float: left; margin-right: 25px; margin-top: 20px;}
#cuis #sec3 #kaiseki .pht:last-child {margin-right: 0;}
/*IE7、IE8対策*/
#cuis #sec3 #kaiseki .pht + .pht + .pht {
  margin-right: 0;
}

#cuis #sec4 .bf_pht1,#cuis #sec5 .child_pht1{width: 550px; height: auto; float: left;}
#cuis #sec4 .bf_txt,#cuis #sec5 .child_pht1{margin-right: 20px;}
#cuis #sec4 .bf_txt,#cuis #sec5 .child_txt{width: 380px; height: auto; float: left;}
#cuis #sec4 .bf_txt .box,#cuis #sec5 .child_txt .box{min-height: 120px; text-align: left; line-height: 1.8;}
#cuis #sec4 .bf_pht2,#cuis #sec5 .child_pht2{width: 185px; height: auto; float: left; margin-right: 10px;}
#cuis #sec4 .bf_pht3,#cuis #sec5 .child_pht3{width: 185px; height: auto; float: left;}
#cuis .cap{margin-top: 10px; text-align: left;}


#cuis #sec3 #bf .pht + .pht + .pht + .pht  {
  margin-right: 0;
}
#cuis #sec3 .pht1{width: 430px; float: left; margin:30px 10px 0 0;}
#cuis #sec3 .pht2{width: 510px; float: left; text-align: left; margin-top: 30px;}
#cuis #sec3 .pht2a{width: 250px; float: left; margin:10px 10px 10px 0;}
#cuis #sec3 .pht2b{width: 250px; float: left; margin-top: 10px;}
#cuis #sec4 .child_pht1{width: 465px; height: auto; float: left; margin-right: 20px;}
#cuis #sec4 .child_pht2{width: 465px; height: auto; float: left;}
#cuis #allergy h3{text-align: center;}
#cuis #allergy .txt{text-align: center; margin:20px 0 10px 0;}
#cuis #allergy_inner{padding: 0 30px;}
#cuis #allergy_inner .img{width: 500px; height: auto; float: left; margin-right: 20px;}
#cuis #allergy_inner .allergy_info{width: 370px; height: auto; float: left;}
#cuis #allergy ol {
	counter-reset: li;
	margin: 0;
	padding: 0;
}

#cuis #allergy ol > li {
	min-height: 55px;
	text-align: left;
	list-style: none;
	position: relative; /*リストの項目の位置を基準に*/
	/*padding-left: 2.5em;*//*li:before分左に余白を。調整可*/
	margin-bottom: 20px;/*リストの数字がくっついてしまう場合*/
	padding-left: 55px; /* アイコンと文章の間のスペース */
}

#cuis #allergy ol > li:before {
	counter-increment: li;
	content: counter(li);
    background:  url("../img/no_i.png") no-repeat;
	color: #ffffff; /*白*/
	font-family: "ten-mincho", serif;
	font-size: 2rem;
	text-align: center; /*端に寄ってる数字を真ん中に*/
	width: 40px; /*幅を決めるheightと同じ数値に*/
	height: 55px; /*高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を*/
	position: absolute; /*リストの基準から移動させる*/
	left: 0em; /*項目の基準、左にあわせる*/
	top: 2px; /*基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を*/
	line-height: 50px;/*数字の位置あわせで数値を指定*/
}
/* spa
------------------------------------------------------------------- */
#spa{
  background: url(../img/header_spa.jpg) top center no-repeat;
	margin-bottom: 80px;
}
#spa #wl_bath,#spa #pht_ame{margin-bottom: 80px;}


#spa #wl_bath #pht_ame_w .box{width: 300px; height: auto; float: left; margin-right: 25px; text-align: left;}
#spa #pht_ame .box{width: 300px; height: auto; float: left; margin-right: 25px; text-align: center;}
#spa #pht_ame .stop{text-align: left; font-size: 0.9rem;}
#spa #wl_bath #pht_ame_w .box img,#spa #pht_ame .box img{margin-bottom: 5px;}
#spa #wl_bath #pht_ame_w .box:last-child,#spa #pht_ame .box:last-child{margin-right: 0;}
/*IE7、IE8対策*/
#spa #wl_bath #pht_ame_w .box + .box + .box,#spa #pht_ame .box + .box + .box {
  margin-right: 0;
}
#spa #oneday_bg{width: 950px; height: auto; background: url("../img/bg_oneday.jpg") no-repeat; margin-bottom: 100px; padding-top: 150px;}
#spa #oneday{ width: 650px; height: auto; background: url("../../common/img/bg.gif"); margin: 0 auto 0 auto; padding: 50px;}
#spa #oneday .txt_warp{max-width: 620px; margin: 0 auto; text-align: left;}
#spa #oneday .ttl {font-size: 1.8rem; max-width: 200px;
	border-bottom: dotted 1px #3A546B;
	position: relative;
	margin:0 auto 20px auto;
	padding-bottom: 5px;
 }
  
#spa #oneday .ttl:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 1px #3A546B;
	padding-bottom: 5px;
	width: 30%;
  }

#spa #oneday .pht_day{width: 390px; margin: 0 auto;}
#spa #oneday .pht_day img{margin-top: 10px;}
#ch_bath_bg{background-color: #EAE5E3; margin:50px auto 100px auto; padding:20px;}
#ch_bath{max-width: 950px; text-align: center; margin: 0 auto;}
#ch_bath .ch_ttl{width: 300px; height: auto; float: left; margin-right: 20px;}
#ch_bath .pht1{width: 250px; height: auto; float: left; margin:250px 20px 0 0;}
#ch_bath .pht2{width: 320px; height: auto; float: left;}
#ch_bath .info dl {
	width: 100%;
	height: auto;
	border-bottom: 1px dotted #333;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

#ch_bath .info dt {
	width: 30%;
	float: left;
	height: auto;
}
#ch_bath .info dd {
	width: 70%;
	height: auto;
	margin-left: 30%
}
#ch_bath .info p{text-align: left;}

/* room
------------------------------------------------------------------- */
#room{
  background: url(../img/header_room.jpg) top center no-repeat;
	margin-bottom: 80px;
}
#room #con,#room #eco,#room #sin{margin-bottom: 80px;}
#room .eco_ttl,#room .sin_ttl{width: 335px; height: auto; float: left;}
#room .eco_pht,#room .sin_pht{width: 585px; height: auto; float: left;}
#room .eco_ttl,#room .sin_pht{margin-right: 30px;}
/*#room .info{margin-top: 10px; width: 600px; height: auto; margin-right: 50px; float: left;}*/
#room .info p{margin-bottom: 20px;}
#room .info dl {
	width: 100%;
	height: auto;
	border-bottom: 1px dotted #333;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

#room .info dt {
	width: 20%;
	float: left;
	height: auto;
}
#room .info dd {
	width: 80%;
	height: auto;
	margin-left: 20%
}
#room #amenity .icon_new{font-size: 0.7rem; color: #F00; font-family: "Gentium Basic","Raleway","Playfair Display", Arial, serif;}
#room #ame_bg{width: 950px; height: auto; background: url("../img/bg_ame.jpg") no-repeat; margin-bottom: 100px; padding-top: 150px;}
#room #amenity{ width: 650px; height: auto; background: url("../../common/img/bg.gif"); margin: 0 auto 0 auto; padding: 50px;}
#room #amenity .txt_warp{max-width: 620px; margin: 0 auto; text-align: left;}
#room #amenity .ttl {font-size: 1.8rem; max-width: 200px;
	border-bottom: dotted 1px #3A546B;
	position: relative;
	margin:0 auto 20px auto;
	padding-bottom: 5px;
 }
  
#room #amenity .ttl:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 1px #3A546B;
	padding-bottom: 5px;
	width: 30%;
  }
#room #amenity .goods{margin: 20px auto;}
#room #amenity .pht_ame{width: 390px; margin: 0 auto;}
#room #amenity .pht_ame1{width: 270px; margin: 0 10px 0 0; float: left;}
#room #amenity .pht_ame2{width: 270px; float: left;}
/* faci
------------------------------------------------------------------- */
#faci{
  background: url(../img/header_faci.jpg) top center no-repeat;
	margin-bottom: 80px;
}
#faci .txt_box{text-align: left;}
#faci #lobby,#faci #rest,#faci #hougetsu,#faci #subaru,#faci #lounge,#faci #shop,#faci #karaoke,#faci #salon,#faci #wifi{margin-bottom: 80px;}
#faci #lobby{margin-top: 50px;}
#faci #lobby .txt{text-align: left;}
#faci #lobby .pht1{width: 465px; height: auto; float: left; margin:10px 20px 0 0;}
#faci #lobby .pht2{width: 465px; height: auto; float: left; margin-top: 10px;}
#faci .faci_ttl1,#faci .faci_ttl2{width: 335px; height: auto; float: left;}
#faci .faci_pht1,#faci .faci_pht2{width: 585px; height: auto; float: left;}
#faci .faci_ttl1,#faci .faci_pht2{margin-right: 30px;}
/*#room .info{margin-top: 10px; width: 600px; height: auto; margin-right: 50px; float: left;}*/
#faci .info p{margin-bottom: 20px;}
#faci .info dl {
	width: 100%;
	height: auto;
	border-bottom: 1px dotted #333;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

#faci .info dt {
	width: 30%;
	float: left;
	height: auto;
}
#faci .info dd {
	width: 70%;
	height: auto;
	margin-left: 30%
}
#faci h4{text-align: left; font-size: 1.5rem;}
#faci h4::before {content: url(../img/i_wifi.gif); padding-right: 10px; display: inline-block; /* インライン要素にして横並びを実現 */
  vertical-align: middle;}
#faci #wifi{ text-align: left;}
#faci #wifi .wifi_txt{width: 570px; height: auto; float: left; margin-right: 20px;}
#faci #wifi .wifi_pht{width: 360px; height: auto; float: left;}

/* acc
------------------------------------------------------------------- */
#acc{
  background: url(../img/header_acc.jpg) top center no-repeat;
	margin-bottom: 80px;
}
#acc #train,#acc #car{margin-bottom: 80px;}
#acc #car{width: 950px; height: auto;}
#acc #train{width: 680px; height: auto; float: left; margin-right: 70px;}
#acc #train .box1{width: 440px; height: auto; float: left; margin-right: 40px;}
#acc #train .box2{width: 200px; height: auto; float: left;}
#acc #airplane {width: 200px; height: auto; float: left;}
#acc #car .box1{width: 200px; height: auto; float: left; margin-right: 50px;}
#acc #car .box2{width: 450px; height: auto; float: left; margin-right: 50px;}
#acc #car .box3{width: 200px; height: auto; float: left;}



#acc #map{margin:10px 0 50px 0; text-align: left;}
#acc .bus_txt{width: 570px; height: auto; float: left; margin-right: 20px; text-align: left;}

#acc .bus_pht{width: 360px; height: auto; float: left;}
#acc .info dl {
	width: 100%;
	height: auto;
	border-bottom: 1px dotted #333;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

#acc .info dt {
	width: 20%;
	float: left;
	height: auto;
}
#acc .info dd {
	width: 80%;
	height: auto;
	margin-left: 20%
}

/* sight
------------------------------------------------------------------- */
#sight{
  background: url(../img/header_sight.jpg) top center no-repeat;
	margin-bottom: 80px;
}
#sight #sec1{margin: 50px 0;}
#sight #sec1 .cap{margin-top: 5px; text-align: right; font-size: 0.7rem;}
.sight_box{border-bottom: 1px #333 dotted; padding-bottom: 30px; margin-bottom: 30px;}
.sight_box_end{ padding-bottom: 30px; margin-bottom: 30px;}
.sight_box h4,.sight_box_end h4{border-bottom: 1px #3A546B dashed; padding-bottom: 5px; text-align: left; margin-bottom: 5px; font-size: 1.3rem;}
.sight-l{
	width:630px;
	height:auto;
	float:left;
	margin-right:20px;
	text-align: left;
}
.sight-r{
	width:300px;
	height:auto;
	float:left;	
}
.sight_acc table{border-collapse:collapse; margin-top:10px; width:300px; }
.sight_acc td,.spa_acc td,.spa_acc2 td{
	padding:5px;
	border: 1px solid #AFC9CA;
	text-align:center;
}

.acc_info1{
	width:50%;
}
.acc_info2{
	width:15%;
}
.acc_info3{
	width:15%;
}
.acc_info4{
	width:20%;
}