@charset "utf-8";
/* CSS Document */
@import url(reset.css);

body {background: url("../img/bg.gif");
}

* {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","din-condensed-variable", sans-serif;
  font-weight: 400;
  font-style: normal;
font-variation-settings: "wght" 400;
	
}
.wrapper{width: 950px; height: auto; margin: 0 auto; background: url("../img/bg.gif");
color: #433d3c;
font-size: 16px;
	line-height: 1.5;}
h3, h4, h5, h6 {
  font-weight: normal;
  color: #241a08;
  text-align: left;
}
.ttl_wrap h2 {
	padding: 0 1rem 0.5rem 2rem;
    margin-bottom: 0.2rem;
    background-image:
        linear-gradient(#bb5520 60%, #241a08 40%);
    background-repeat: no-repeat;
    background-size: 0.2rem 100%;
	font-size: 2rem;
	}
#greeting h2{background: none; padding-left: 0; font-size: 1.8rem;}
  
h3 {
  font-size: 1.8rem;
  line-height: 1.2;
}


h2 .sttl,h3 .sttl{
	font-family: "din-condensed-variable", sans-serif;
font-variation-settings: "wght" 400;
  font-size: 2rem;
  color: #bb5520;
  display: block;
  padding-bottom: 10px;
}

h3 span {
  display: block;
  line-height: 1.5;
}
.clear{
  clear:both;
  }

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

.txt-red01 {color:#CC0000}
.txt_pink{color: #ec6d71;}
.under{ background: linear-gradient(transparent 70%, #ffadad 70%);
  font-weight: bold;
border-radius: 4px;}
/* header
------------------------------------------------------------------- */

#header {
	width: 950px;
	height:130px;
    margin: 0 auto;
	padding: 0 ;
}


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

#logo a{
	width:260px;
	height: 90px;
	display: block;
	background: url(../img/logo_header.gif) no-repeat;
	margin:20px 450px 0 20px;
}

#mainvisual {
	width:950px;
	height:auto;
	margin: 0 auto;
	clear:both;
	}


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

#gnav-section {
width: 950px;
margin: 0 auto;
text-align:center;

	
	
}

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


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

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

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

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

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

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

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

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

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

}


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


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

  }

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

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

	}

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

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

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

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

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

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

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

}
#gnav li#gnav07-on{
  width: 120px;
  background: url(../img/gnav07_over.gif) no-repeat;
}
#gnav li#gnav08 a:hover{
  width: 120px;
  background: url(../img/gnav08_over.gif) no-repeat;
}
#gnav li#gnav08-on{
  width: 120px;
  background: url(../img/gnav08_over.gif) no-repeat;
}
/* crumbs-link
------------------------------------------------------------------- */
#pan {
	width:950px;
	font-size: 13px;
	height:auto;
	margin:0px auto;
	text-align:left;
	background-color: #EAE5E3;
	padding:8px 0;
}
#pan span{padding:0 0.5rem;}
#pan a:link {font-weight:normal; color: #554738; text-decoration: none;}
#pan a:visited {font-weight:normal; color: #856859; opacity: 0.7; text-decoration: none;}
#pan a:hover {font-weight:normal; color: #6f514c; opacity: 0.7; text-decoration: none;}
/* text-color
------------------------------------------------------------------- */
.txt_red01 {color: #CC0000;}
.txt_pnk02 { color:#F36; font-weight: bold; }
.more_plan {
  width: 100%;
  margin: 10px auto 0 auto;
  text-align: center;
}
.more_wrap1 {
  width: 100%;
  display: block;
  margin: 10px 0;
  text-align: left;
	
}
.more_wrap2 {
position: relative;
  width: 100%;
  display: block;
  margin: 10px 0;
  text-align: left;
	
}
.more_btn1 {
	position: relative;
  width: 250px;
  display: block;
  padding: .8em;
  border: 1px solid #3B1D12;
  margin: 10px auto;
  text-align: center;
}
.more_btn2 {
	position: relative;
  width: 300px;
  display: block;
  padding: .8em;
  border: 1px solid #3B1D12;
  margin: 10px auto;
  text-align: center;
}
.more_btn3 {
	position: relative;
  width: 300px;
  display: block;
  padding: .8em;
  border: 1px solid #3B1D12;
  margin: 10px 0;
  text-align: center;
  
}
.more, .more1, .more2 {
  font-size: 1rem;
	
	
}
.more img {
  width: 70px;
  height: 7px;
  padding-bottom: 10px;
  margin-left: 10px;
}
.more1 img {
position: absolute;
	top:50%;
	bottom: 50%;
	right: -30px;
  width: 70px;
  height: 7px;
  padding-bottom: 2px;
  margin-left: 10px;
}
.more2 img {
position: absolute;
	top:40%;
	bottom: 60%;
	left: 50px;
  width: 70px;
  height: 7px;
  padding-bottom: 2px;
  margin-left: 10px;
}
.more p:hover img, .more1 p:hover img, .more2 p:hover img {
  transform: translateX(7px);
  transition: all 0.1s;
}
.more p img:hover, .more1 p img:hover, .more2 p img:hover {
  transform: none;
}
.more a,.more1 a,.more2 a {
  color: #3B1D12;
  text-decoration: none;
	
}
.more a:visited,.more1 a:visited,.more2 a:visited {
  color: #935656;
  opacity: 0.7;
  text-decoration: none;
}
.more a:hover,.more1 a:hover,.more2 a:hover {
  color: #832C38;
  opacity: 0.7;
  text-decoration: none;
}
.more a:active,.more1 a:active,.more2 a:active  {
  color: #710F3D;
  text-decoration: none;
}

#contents_nav {
	margin: 10px 0;
  text-align: left;
  height: auto;
}

.btn1 {
  
  max-width: 200px;
  height: auto;
  display: block;
  padding: .3em 0;
  text-align: left;
  text-decoration: none;
  transition: all .3s;
  font-size: 0.9rem;
  color: #554738;
	
}
.btn1_on {
  transform: translateX(20px);
  max-width: 200px;
  height: auto;
  display: block;
  padding: .3em 0;
 text-align: left;
  text-decoration: none;
  transition: all .3s;
  font-size: 0.9rem;
  color: #583822;
}

.btn1:hover, .btn1_on:hover {
  transform: translateX(20px);
  color: #bb5520;
  text-decoration: none;
}
/* contents
------------------------------------------------------------------- */
.heading-section h3 {
	font-size: 30px;
	font-weight: 300;
	margin-bottom: 20px;
	text-align: center;
	
}
#info-section {text-align: left;}
#info-section .ttl{ font-weight: 900; margin-bottom: 20px;}
#info-section .heading-section {
	margin-bottom: 2em;
}
#info-section h3 {
	border-bottom : double 3px #887f7a;
	padding-bottom: 0.5em;
}
#info-section dl {
	width: 100%;
	height: auto;
	border-bottom: 1px dotted #333;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}
#info-section dl:last-child {
	width: 100%;
	height: auto;
	padding-bottom: 2em;
	margin-bottom: 3em;
}
#info-section dt {
	width: 25%;
	float: left;
	height: auto;
	font-weight: bold;
}
#info-section dd {
	width: 75%;
	height: auto;
	margin-left: 25%
}

#contents {
	width: 100%;
	margin:0 auto;
	 display:inline-block;
	}
#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{color: #554738; text-decoration: none;}
#contents a:visited{color: #856859; opacity: 0.7; text-decoration: none;}
#contents a:hover{color: #6f514c; opacity: 0.7; text-decoration: none;}
#contents a:active{color: #583822; text-decoration: none;}



/* main
------------------------------------------------------------------- */

#contents .content_ttl {
	
	text-align: center;
	padding-top: 82px;
}
#contents .content_ttl2 {
	background: url(../img/mark.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 82px;
	margin-bottom: 50px;
}
#contents .wel{padding-bottom: 50px;}
#contents h4{ font-size: 24px; line-height: 1em; font-weight: 300; margin-bottom: 10px;}
#contents h4 span{font-size: 16px;}

#nav {width: 100%; margin: 0 auto; text-align: center;}
#nav ul{display: inline-block;}
#nav li{float: left; padding-right: 5px; color: #AB6953; }
#nav li:last-child{padding-right: 0px;}
#nav li a:link {
	color: #AB6953;
	text-decoration: none;
}
#nav li a:visited {
	color: #AB6953;
	text-decoration: none;
	
}
#nav li a:hover {
	color: #AB6953;
	text-decoration: none;
	
}

.nav_arrow,.nav_arrow_on {
  display: flex;
	align-items: center;
  /*font-weight: 600;*/
  line-height: 1.5;
	margin-left: 2rem;
}

.nav_arrow::before,.nav_arrow_on::before { 
  content: "";
border-top: 1.5px solid #3B1D12;
  width: 5px;
	margin-right: 10px;
	transition: all 0.5s;
  transform: scale(1,1);
  transform-origin: left;
	
}
.nav_arrow:hover::before { 
  transform: scale(5,1);
	
}
.nav_arrow_on::before { 
  transform: scale(5,1);
	
}
#top_room,#top_spa{border-top:solid #887f7a 1px;}
.warp_line{border: 1px solid #B59A4D;}
.inner_line{padding: 10px;}
/*--------------------
intro-section
--------------------*/
#intro-section {
margin: 50px auto;
	text-align: left;
}


#intro-section .lead {
  font-size: 1.5rem;
  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 .ttl_wrap{width: 300px; height: auto; float: left; margin-right: 30px;}
#intro-section .lead_wrap{width: 620px; height: auto; float: left;}
.section-title h3 {
  padding:20px 0px;
}
.section-title2 h3 {
/*font-family: "din-condensed-variable", sans-serif;
font-variation-settings: "wght" 400;
  color:#9E8B8C;*/
  margin-bottom: 20px;
}
.section-title2 h3 span.sttlj {
	font-size: 1rem;
	color: #241a08;
}

.section-title h3 span.sttl, .section-title2 h3 span.sttlj{
  display: block;
  padding-top: 10px;
}
.section-title h3 span, .section-title2 h3 span {
  display: inline-block;
}
.section-title .lead,.section-title2 .lead {
  font-size: 1.2rem;
  margin-bottom: 10px;
}
.section-title .text,.section-title2 .text {
  margin-bottom: 30px;
}



#info-section .heading-section {
  margin-bottom: 1em;
  margin-top: 50px;
}
#info-section h3 {
  border-bottom: double 3px #887f7a;
  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;
}
#info-section dl:last-child {
  width: 100%;
  height: auto;
  /*border-bottom: double 3px #887f7a;*/
  padding-bottom: 2em;
  margin: 0 auto;
}
#info-section table {
  border-collapse: collapse;
  width: 100%;
  border: solid 1px #887f7a;
  margin-bottom: 10px;
}
#info-section th {
  padding: 10px;
  text-align: center;
  background-color: #d3cbc6;
  min-height: 40px;
  border: solid 1px #887f7a;
  line-height: 30px;
  white-space: nowrap;
}
#info-section th.ttl {
  width: 30%;
}
#info-section td {
  padding: 10px;
  border: solid 1px #887f7a;
  text-align: left;
  min-height: 40px;
}
#info-section td span {
  display: inline-block;
}

.slider{ width:800px; 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%
}
#greeting,#points,#top_room,#top_spa{margin-bottom: 100px;}
#greeting h2{background: none; padding-left: 0;}
#greeting .pht{width: 300px; height: auto; float: left;}
#greeting .txt_box{width: 630px; height: auto; float: left; margin-right: 20px; text-align: left;}
#greeting .lead_en {
    font-size: 1.5rem;
    margin-bottom: 30px;
    color: #856859;
}
#recommend{ width: 950px; height: auto; margin:0 auto;}
#recommend h3{text-align: center;}
#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:50px;
margin:60px auto 0 auto;
font-size: 0.8rem;}
.more_list a{color: #583822; text-decoration: none;}
.more_list a:visited{color: #856859; opacity: 0.7; text-decoration: none;}
.more_list a:hover{color: #6f514c; opacity: 0.7; text-decoration: none;}
.more_list a:active{color: #583822; 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;}
#points .txt_box,#top_room .txt_box,#top_spa .txt_box{width: 300px; height: auto; float: left; margin-right: 20px; text-align: left;}
#points .pht_box,#top_spa .pht_box{width: 630px; height: auto; float: left;}
#top_room .pht_box{width: 200px; height: auto; float: left; margin-right: 15px;}
#top_room .pht_box:last-child {margin-right: 0;}
/*IE7、IE8対策*/
#top_room .pht_box + .pht_box + .pht_box {
  margin-right: 0;
}
#top_room .lead,#top_spa .lead{ text-align: left;}
#top_room .txt{margin-top: 5px; text-align: left;}
#top_spa .lead2{ text-align: left; font-size: 1.2rem; margin-top: 10px;}
#slider_bg{ padding: 0 0 100px 0; z-index: 100; }

/*--------------------
slick_slider full-screen
--------------------*/

.sliderArea {
	position: relative;
  max-width: 100%;
  margin: 50px auto 0 auto;
  padding: 20px;
}

.sliderArea .slick-slide {
  
  position: relative;
	margin-right: 1vw!important;
    margin-left: 1vw!important;
}
.sliderArea .slick-slide img {
  width: 100%;
  height: auto;
}

.sliderArea .slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
.sliderArea .slick-active {
  opacity: 1;
}
.sliderArea .slick-current {
  opacity: 1;
}
.sliderArea .thumb {
  margin: 20px 0 0;
}
.sliderArea .thumb .slick-slide {
  cursor: pointer;
}
.sliderArea .thumb .slick-slide:hover {
  opacity: .7;
  
}
.sliderArea .slick-next::after,
.sliderArea .slick-prev::after {
  width: 26px;
  height: 26px;
  border-top: 2px solid #203744;
  border-right: 2px solid #203744;
}

/*ドットの間隔を調整*/
.slick-dots li{
	width:15px!important;
}

/*ドットのサイズを変更*/
.slick-dots li button:before{
	font-size:15px!important;
	
}
/*ドットボタンの位置を調整*/
.slick-dots{
  bottom: initial!important;
  margin-top:50px!important;
	margin-right: auto;
	margin-left: auto;
}
.textphoto{width: 100%;
  font-size: 1.3rem;
  text-align: center;
  top: 100%;
  margin: 0;
  padding: 10px 0;
  color: #241a08;
  
  position: absolute;
}
.textphoto span{
  display: inline-block;
}

/*====================================================================
.full-screen
====================================================================*/
.full-screen .slick-list {
    overflow: visible;
}
.full-screen.slider_full {
    max-width: 950px;
    margin: 0 auto;
}
/*--------------------
slick_slider
--------------------*/

#yumeguri .sliderArea2 {
  width: 100%;
  margin: 30px auto 0 auto;
  position: relative;
}
#yumeguri .slick-slide {
  height: auto;
  overflow: hidden;
}
#yumeguri .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#yumeguri .sliderArea2 .slick-slide {
  transition: all ease-in-out .3s;
  opacity: .2;
}
#yumeguri .sliderArea2 .slick-active {
  opacity: 1;
}
#yumeguri .sliderArea2 .slick-current {
  opacity: 1;
}
#yumeguri .sliderArea2 .thumb-item {
  margin: 20px 0 0;
}
#yumeguri .sliderArea2 .thumb-item .slick-slide{
  cursor: pointer;
}
#yumeguri .sliderArea2 .thumb-item .slick-slide:hover{
  opacity: .7;
  
}
/*ドットの間隔を調整*/
#yumeguri .slick-dots li,#pick_up .slick-dots li{
	width:10px!important;
}

/*ドットのサイズを変更*/
#yumeguri .slick-dots li button:before,#pick_up .slick-dots li button:before{
	font-size:15px!important;
	
}
/*ドットボタンの位置を調整*/
#yumeguri .slick-dots,#pick_up .slick-dots{
  bottom: initial!important;
  margin-top:0px!important;
	margin-right: auto;
	margin-left: auto;
}

#yumeguri .textphoto2,.slider7-wrap .textphoto2 {
    width: 100%;
  font-size: 1.3rem;
  text-align: center;
 top:100%;
  margin: 0;
  padding: 10px 0;
  color: #241a08;

}


/*--------------------
slick_slider count
--------------------*/
.slider7-wrap {
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.slider-7 .slick-slide {
  height: auto;
  overflow: hidden;
}
.slider-7 .slick-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slick-arrow {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  width: 20px;
  height: 38px;
  color: transparent;
  z-index: 1;
  transition: opacity 0.5s;
}
.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: 2px solid #fff;
  border-right: 2px solid #fff;
}

/* next */

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

/* prev */

.slick-prev {
  left: 10px;
}
.slick-prev::after {
  left: 6px;
  transform: rotate(-135deg);
}

.slick_count1,.slick_count2,.slick_count3,.slick_count4,.slick_count5,.slick_count6,.slick_count8{
  padding-right: 10px;
}
.slick_count1 .num,.slick_count2 .num ,.slick_count3 .num ,.slick_count4 .num ,.slick_count5 .num ,.slick_count6 .num ,.slick_count8 .num  {
  font-size: 2rem;
  text-align: right;
	font-family: din-condensed-variable, sans-serif;
font-variation-settings: "wght" 400;
}
.slick_count1 .num .nowcnt,
.slick_count1 .num .allcnt,
.slick_count2 .num .nowcnt,
.slick_count2 .num .allcnt,
.slick_count3 .num .nowcnt,
.slick_count3 .num .allcnt,
.slick_count4 .num .nowcnt,
.slick_count4 .num .allcnt,
.slick_count5 .num .nowcnt,
.slick_count5 .num .allcnt,
.slick_count6 .num .nowcnt,
.slick_count6 .num .allcnt,
.slick_count8 .num .nowcnt,
.slick_count8 .num .allcnt{
  font-size: 2rem;
	font-family: "din-condensed-variable", sans-serif;
font-variation-settings: "wght" 400;
}

.top-slick {
    width: 100%;
    margin: 0 auto;
    @include breakpoint(620px) {margin: 0 auto;}
}

.top-slick .txt{margin-top: 5px;}
.top-slick__item1 {
    margin-right: 5px;
    margin-left: 5px;
    
}

.top-slick__item1 .img img {
    height: auto;
    width: 100%;
}

.slick-track {
  display: flex;
}
.slick-slide {
  height: auto !important;
}
#footer{width: 950px;
	height:auto;
    margin: 0 auto;}
/* rest
------------------------------------------------------------------- */
#rest,#dinner,#breakfast{margin-bottom: 80px;}
#rest .price{font-size: 2rem;}
#rest #dinner,#rest #breakfast{text-align: left;}
#rest #dinner .txt_box,#rest #breakfast .txt_box{width: 300px; height: auto; float: left; margin-right: 30px;}
#rest #dinner .pht_box,#rest #dinner .pht_box{width: 620px; height: auto; float: left;}

#rest dl.info{
	width: 100%;
	height: auto;
	text-align: left;
	margin-top: 10px;
}
#rest .info dt{
	width: 120px;
	height: auto;
	float: left;
	clear: both;
	text-align: center;
	padding: 2px;
	border: 1px solid #241a08;
	margin-bottom: 5px;
}

#rest .info dd{
	width: auto;
	height: auto;
	margin:0 0 4px 130px;
	overflow: hidden;
	padding: 2px;
}
#rest #allergy h3{text-align: center;}
#rest #allergy .txt{text-align: center; margin:20px 0 10px 0;}
#rest #allergy_inner{padding: 0 30px;}
#rest #allergy_inner .img{width: 500px; height: auto; float: left; margin-right: 20px;}
#rest #allergy_inner .allergy_info{width: 370px; height: auto; float: left;}
#rest #allergy ol {
	counter-reset: li;
	margin: 0;
	padding: 0;
}

#rest #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; /* アイコンと文章の間のスペース */
}

#rest #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,#spa #public_bath,#spa #yume{margin-bottom: 80px;}
#spa .lead{text-align: left;}
#spa #public_bath dl {
    display: table;
    width: 100%;
	text-align: left;
	margin-bottom: 5px;
}
#spa #public_bath dl dt {
    width: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    border: 1px solid #241a08;
	padding: 2px;
	font-weight: bold;
}
#spa #public_bath dl dd {
    width:auto;
    display: table-cell;
    vertical-align: middle;
	padding: 2px;
	text-align: left;
  padding-left: 1em;
}
#spa #public_bath .pht{width: 620px; height: auto; float: left;}
#spa #public_bath .txt_box{width: 300px; height: auto; float: left; margin-right: 30px;}

#spa #yume {border: 1px dotted #333; padding: 24px; margin-top: 50px; text-align: left;}
#spa #yume h4{font-size: 16px; margin-top: 10px;}
#spa #yume #movie{margin: 10px 75px 0 75px;}

/* room
------------------------------------------------------------------- */
#room,#room #single,#room #double,#room #twin,#room #air{margin-bottom: 80px;}
#room #single .txt_box,#room #double .txt_box{width: 470px; height: auto; float: left; margin-right: 20px; text-align: left;}
#room #single .pht,#room #double .pht{width: 460px; height: auto; float: left;}
#room #twin .txt_box{width: 630px; height: auto; float: left; margin-right: 20px; text-align: left;}
#room #twin .pht{width: 300px; height: auto; float: left;}
#room .info{margin-top: 10px;}
#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: 40%;
	float: left;
	height: auto;
}
#room .info dd {
	width: 60%;
	height: auto;
	margin-left: 40%
}
.room_reserved{position: relative; background: #004d25; padding: 5px; max-width: 180px; color: #fff; text-align: center; line-height: 33px; margin: 10px 0; font-size: 0.9rem;}

#room .room_reserved a {
  color: #FFF;
}
#room .room_reserved a:hover, #room .room_reserved a:focus{
  text-decoration: none;
  color: rgba(204, 204, 204, 1);
}
#room #air .txt_box{width: 450px; height: auto; float: left; text-align: left;}
#room #air .pht{width: 470px; height: auto; float: left; margin-right: 30px;}
/* faci
------------------------------------------------------------------- */
#faci,#faci #entrance,#faci #shop,#faci #service{margin-bottom: 80px;}

#faci #entrance p{text-align: left;}
#faci #entrance .pht{width: 465px; height: auto; float: left; margin-right: 20px;}
#faci #entrance .txt_box{width: 465px; height: auto; float: left; text-align: left;}
#faci #entrance .txt_box dl{margin-top: 5px;}
#faci #entrance .txt_box dt{font-weight: bold;}
#faci #shop .pht{width: 300px; height: auto; float: left; margin-right: 20px; margin-top: 30px;}
#faci #shop .txt_box{width: 630px; height: auto; float: left; text-align: left; margin-top: 30px;}
#faci dl.info{
	width: 100%;
	height: auto;
	text-align: left;
}
#faci .info dt{
	width: 100px;
	height: auto;
	float: left;
	clear: both;
	text-align: center;
	padding: 2px;
	border: 1px solid #241a08;
	margin-bottom: 5px;
}

#faci .info dd{
	width: auto;
	height: auto;
	margin:0 0 4px 110px;
	overflow: hidden;
	padding: 2px;
}
#faci h5{font-size: 1.2rem;}
#faci #service img{margin-bottom: 5px;}
#faci #service #sec1{margin-bottom: 30px;}
#faci #service #sec1 .box,#faci #service #sec2 .box{width: 300px; height: auto; float: left; margin-right: 25px; text-align: left;}
#faci #service #sec1 .box:last-child,#faci #service #sec2 .box:last-child{margin-right: 0;}
/*IE7、IE8対策*/
#faci #service #sec1 .box + .box + .box,#faci #service #sec2 .box + .box + .box{
  margin-right: 0;
}


/* acc
------------------------------------------------------------------- */
#acc #bus{margin-bottom: 80px;}
#acc #map{margin: 50px 0;}

#acc #car{width: 882px; height: auto; margin: 0 auto 100px auto;}
#acc #train{width: 882px; height: auto; margin: 0 auto 100px auto;}
#acc #pht_box1,#acc #pht_box2{overflow: hidden; margin-bottom: 50px; margin: 0 auto;}
#acc #pht_box1 p,#acc #pht_box2 p{ margin-bottom: 10px;}

#acc #pht_box1 .pht1{width: 150px; height: auto; float: left; margin-right: 54px; text-align: center;}
#acc #pht_box1 .pht2{width: 230px; height: auto; float: left; margin-right: 54px; text-align: center;}
#acc #pht_box1 .pht3{width: 150px; height: auto; float: left; text-align: center;}
#acc #pht_box1 .pht4{width: 150px; height: auto; float: left; text-align: center; margin-right: 94px;}
#acc #pht_box2 .pht{width: 150px; height: auto; float: left; margin-right: 94px; text-align: center;}


#acc #pht_box2 .pht:last-child{margin-right: 0;}
/*IE7、IE8対策*/
#acc #pht_box2 .pht + .pht + .pht + .pht {
  margin-right: 0;
}

#acc #bus .noriai{width: 100%; height: auto; border: dotted 5px #d6c6af; text-align: left; margin-bottom: 50px; line-height: 1.8;}
#acc #bus .noriai_inner{padding: 20px;}
#acc #bus .ttl_noriai{margin-bottom: 20px;}
#acc #bus .root{margin-top: 30px;}
#acc #bus table{border-collapse:collapse; width:100%; border: solid 1px #a58f86; margin-bottom: 10px;}
#acc #bus th{
	padding:5px;
	/*background-color:#EEEAD1;*/
	background-color: #d3cbc6;
	height: auto;
	border: solid 1px #a58f86;
	line-height: 30px;
	text-align: center;
	font-weight: normal;
}

#acc #bus td{
	padding:5px;
	border: dotted 1px #a58f86;
	text-align:center;
	height: auto;
}

#acc #bus .txt_box{width: 530px; height: auto; float: left; margin-right: 20px;}
#acc #bus .time{width: 350px; height: auto; float: left;}
#bus_warp h4,#bus_warp {text-align: left;}


/* sight
------------------------------------------------------------------- */
#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 #554738 dashed; padding-bottom: 5px; text-align: left;}
.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 #C9A696;
	text-align:center;
}

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