@charset "UTF-8";
/* CSS Document */


/*======================================================
	Reset CSS
=======================================================*/
body {
    line-height:1;
    margin:0;
	font-family: YuGothic, '游ゴシック', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	padding: 0;
}

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

hr {
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

ul, ol {
	list-style:none;
	padding:0;
	margin:0;
}

li {
	padding:0;
	margin:0;
}

input, select {
    vertical-align:middle;
}

input, select:focus {
	outline:none;
}

a {
    display: block;
	text-decoration:none;
}

a {
    -webkit-tap-highlight-color:transparent;
}

a img {
	border:none;
}


/*======================================================

	micro clearfix

=======================================================*/

.cf:before, .cf:after {
    content:"";
    display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */


/*======================================================
	/*  共通CSS
=======================================================*/

a:hover img,
.btn:hover,
.header h1:hover,
#page-top a:hover {
	opacity:0.75;
 	transition: all 0.2s ease;
}

.text-hide {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.text-bold {
	font-weight:bold;
}

/*  カスタムスクロールバー
--------------------------------------------- */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 100%;
	background: red;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
	background: red;
}

.jspCap
{
	display: none;
}

.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: #f3f1f0;
	position: relative;
}

.jspDrag
{
	background: #c2b9b6;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}

/*  Lightbox CSS
--------------------------------------------- */
/* Preload images */
body:after {
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/common/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
  margin:0 0 0 -60px;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/common/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
  margin:0 -60px 0 0;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
  opacity:0;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/common/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/*  パンくず
--------------------------------------------- */

.breadcrumbs li {
	position:relative;
	float:left;
	margin:0 20px 0 0;
	padding:0 20px 0 0;
}

.breadcrumbs li::after {
	position:absolute;
	content:"\003e";
	right:0;
	top:0;
}

.breadcrumbs li:last-child {
	margin:0;
	padding:0;
}

.breadcrumbs li:last-child::after {
	content:"";
}

.breadcrumbs li a {
	color:#231815;
	text-decoration:underline;
}

.breadcrumbs li a:hover {
	text-decoration:none;
}

/*======================================================
	Base Layout
=======================================================*/

/*  Header
--------------------------------------------- */
.header .box-header-lang {
	background:#344B67;
	height:30px;
}

.header .box-header-lang .inner {
	width:980px;
	margin:0 auto;
}

.header .box-header-lang ul {
	width:250px;
	margin:0 0 0 auto;
	padding:8px 0 0 0;
}

.header .box-header-lang ul li {
	float:left;
	background:url(../img/common/icon-lang.png) no-repeat;
	padding:0 0 0 20px;
	margin:0 0 0 20px;
	box-sizing:border-box;

}

.header .box-header-lang ul li a {
	color:#fff;
}

.header .box-header-lang ul li a:hover {
	text-decoration:underline;
}

.header h1 {
	width:167px;
	height:98px;
	background:url(../img/common/logo.png) no-repeat;
	margin:15px auto;
}

.header h1 a {
	width:100%;
	height:100%;
}

.header h1 span {
	display:none;
}

.header .goto {
	margin: -120px auto 8px;
	width: 250px;
	padding: 0 0 0 700px;
}


/* navi */
.gNav {
	background:#5D7695;
	border-bottom:5px solid #fff;
	height:65px;
	box-sizing:border-box;

}

.gNav ul {
	width:980px;
	height:100%;
	margin:0 auto;
}

.gNav ul li {
	float:left;
	position: relative;
	display: inline-block;
	height:100%;
	box-sizing:border-box;
	border-bottom:5px solid #a79d9a;
}

.gNav ul li:last-child {
	border-bottom:5px solid #F5EA3E;
}

.gNav ul li a {
	display:block;
	width:100%;
	height:100%;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


.gNav ul li::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 5px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #4d9f57;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.gNav ul li:hover::after {
  -webkit-transform: scaleX(1);
  -ms-transform: scaleX(1);
  transform: scaleX(1);
}


.gNav ul li.curt a {
	border-bottom:5px solid #4d9f57;
}


.gNav li.gusetNav {
	background:url(../img/common/menu-guest-room.png) no-repeat;
	width:164px;
	height:60px;
/*	margin:0 40px 0 0;*/
}

.gNav li.planNav {
	background:url(../img/common/menu-plan.png) no-repeat;
	width:102px;
	height:60px;
	margin:0 60px 0 0;
}

.gNav li.newsNav {
	background:url(../img/common/menu-news.png) no-repeat;
	width:96px;
	height:60px;
	margin:0 40px 0 0;
}

.gNav li.serviceNav {
	background:url(../img/common/menu-service.png) no-repeat;
	width:115px;
	height:60px;
	margin:0 50px 0 0;
}

.gNav li.accessNav {
	background:url(../img/common/menu-access.png) no-repeat;
	width:110px;
	height:60px;
	margin:0 46px 0 0;
}

.gNav li.pointNav {
	background:url(../img/common/menu-point.png) no-repeat;
	width:155px;
	height:60px;
	margin:0;
}

.gNav li.gusetNav,
.gNav li.breakfastNav,
.gNav li.commitmentNav,
.gNav li.facilitiesNav,
.gNav li.jrinngroupNav,
.gNav li.reserveNav {height:65px;margin:0;
}

.gNav li.breakfastNav {
	background:url(../img/common/menu-break-fast.png) no-repeat;
	width:163px;
}
.gNav li.commitmentNav {
	background:url(../img/common/menu-commitment.png) no-repeat;
	width:163px;
}
.gNav li.facilitiesNav {
	background:url(../img/common/menu-facilities.png) no-repeat;
	width:163px;
}
.gNav li.jrinngroupNav {
	background:url(../img/common/menu-jrinn-group.png) no-repeat;
	width:163px;
}
.gNav li.reserveNav {
	background:url(../img/common/menu-reserve.png) no-repeat;
	width:164px;
}

/*  footer
--------------------------------------------- */

.fooetr {
	color:#fff;
}

.fooetr a {
	color:#fff;
}

.fooetr .ftArea01 {
	background:#5D7695;
}

.fooetr .ftArea01 .inner {
	width:980px;
	margin:0 auto;
	padding:35px 0;
}

.fooetr .ftArea01 a {
	width:100%;
	height:100%;
	text-decoration:underline;
}

.fooetr .ftArea01 .boxFtnav01,
.fooetr .ftArea01 .boxFtnav02,
.fooetr .ftArea01 .boxFtnav03 {
	float:left;
	width:300px;
}

.fooetr .ftArea01 .boxFtnav02,
.fooetr .ftArea01 .boxFtnav03 {
	margin-left:40px;
}


.fooetr .ftArea01 .boxFtnav01 ul,
.fooetr .ftArea01 .boxFtnav02 ul,
.fooetr .ftArea01 .boxFtnav03 ul {
	margin:0 0 20px 0;
}

.fooetr .ftArea01 .boxFtnav01 li,
.fooetr .ftArea01 .boxFtnav02 li,
.fooetr .ftArea01 .boxFtnav03 li {
	position:relative;
	box-sizing:border-box;
	width:275px;
	line-height:180%;
	list-style-type: disc;
	margin: 0 0 0 25px;
}

.fooetr .ftArea01 .boxFtnav01 li a:hover,
.fooetr .ftArea01 .boxFtnav02 li a:hover,
.fooetr .ftArea01 .boxFtnav03 li a:hover {
	text-decoration:none;
}

.fooetr .ftArea01 .boxFtnav01 li:first-child,
.fooetr .ftArea01 .boxFtnav02 li:first-child,
.fooetr .ftArea01 .boxFtnav03 li:first-child {
	width:300px;
	background:#344B67;
	height:35px;
	list-style-type:none;
	font-size:16px;
	margin:0 0 10px 0;
	padding:3px 0 0 20px;
}

.fooetr .ftArea01 .boxFtnav01 li:first-child::after,
.fooetr .ftArea01 .boxFtnav02 li:first-child::after,
.fooetr .ftArea01 .boxFtnav03 li:first-child::after {
	position:absolute;
	content:url(../img/common/icon-footer-nav.png);
	right:10px;
	top:5px;
}

.fooetr .ftArea01 .boxFtnav01 li:first-child a,
.fooetr .ftArea01 .boxFtnav02 li:first-child a,
.fooetr .ftArea01 .boxFtnav03 li:first-child a {
	text-decoration:none;
}


.fooetr .ftArea02 {
	background:#344B67;
}

.fooetr .ftArea02 .inner {
	width:980px;
	margin:0 auto;
	padding:10px 0;
}

.fooetr .ftArea02 .ftMenu {
	float:left;
	width:50%;
}

.fooetr .ftArea02 .ftMenu ul li {
	float:left;
	margin:0 20px 0 0;
	padding:10px 0 5px 0;
}


.fooetr .ftArea02 .box-footer-lang {
	float:right;
	width:auto;
}

.fooetr .ftArea02 .box-footer-lang ul li {
	float:left;
	background:url(../img/common/icon-lang.png) no-repeat;
	background-position:0 10px;
	padding:10px 0 5px 20px;
	margin:0 0 0 20px;
}

.fooetr .ftArea02 .box-footer-lang ul li:first-child {
	background:none;
	padding:0;
}

.fooetr .ftArea02 .ftMenu ul li a:hover,
.fooetr .ftArea02 .box-footer-lang ul li a:hover {
	text-decoration:underline;
}

.fooetr .ftArea02 .copyright {
	font-size:12px;
	text-align:center;
	padding:10px 0 30px 0;
}

/* Page Top */
#page-top {
	position: fixed;
	bottom: 120px;
	right: 20px;
	z-index:99;
}

#page-top a {
	display: block;
	background:url(../img/common/icon-pagetop.png) no-repeat;
	width:70px;
	height:80px;
}

#page-top a:hover {
	opacity:0.8;
}

#page-top a span {
	display:none;
}


/*======================================================
	TOPページ
=======================================================*/

/*  Main Visual
--------------------------------------------- */

.mainVisual {
	margin:0;
	padding:0;
	width:100%;
	position: relative;
}

.mainVisual ul {
	margin:0px;
	padding:0px;
}

.mainVisual .bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border:none;
    left: 0px;
    background-color:transparent;
}

.mainVisual .bx-wrapper {
	position: relative;
	margin:0 auto 0 auto;
	padding:0;
	*zoom: 1;
	width:100%;
	height:auto;
}

.mainVisual .bx-wrapper .slide01 {
	background:url(../img/top/mv-slide-01.jpg) center top no-repeat;
}

.mainVisual .bx-wrapper .slide02 {
	background:url(../img/top/mv-slide-02.jpg) center top no-repeat;
}

.mainVisual .bx-wrapper .slide03 {
	background:url(../img/top/mv-slide-03.jpg) center top no-repeat;
}

.mainVisual .bx-wrapper .slide04 {
	background:url(../img/top/mv-slide-04.jpg) center top no-repeat;
}

.mainVisual .bx-wrapper .slide05 {
	background:url(../img/top/mv-slide-05.jpg) center top no-repeat;
}

.mainVisual .bx-wrapper .slide01,
.mainVisual .bx-wrapper .slide02,
.mainVisual .bx-wrapper .slide03,
.mainVisual .bx-wrapper .slide04,
.mainVisual .bx-wrapper .slide05 {
	display: block;
	width: 980px;
	height: 760px;
	margin: 0 auto;
	outline: none;
	text-decoration: none;
}

.mainVisual .bx-wrapper .bx-prev,
.mainVisual .bx-wrapper .bx-next {
	display:none;
}
.kiha{
	margin: -680px 0 314px 0;
	text-align: center;
	padding: 0 0 0 55%;
	z-index: 100;
	position: relative;
}
.kiha a{
	display: inline;
}
.kiha a:hover, .kiha a:hover img{
	opacity:0.95;
}
.kiha img{
	vertical-align: bottom;
}

.kiha_v2 {
	position: absolute;
	top: 30px;
	right: 30px;
	z-index: 101;
	opacity: 1;
	transition-duration: 0.35s;
}

a:hover .kiha_v2 {
	opacity: 0.9;
	transition-duration: 0.35s;
}

/*  Topコンテンツ
--------------------------------------------- */

.wrapTop {
	width:980px;
	margin:0 auto 0;
	padding:0 0 60px 0;
}

/* 空室検索 */
.wrapTop .boxTop01 .reserve-form {
	float:left;
	width:260px;
	height:425px;
	background:url(../img/top/bg-reserve-form.jpg) repeat-y;
	color:#fff;
	padding:15px 0 0 0;
}

.wrapTop .boxTop01 .reserve-form h2,
.wrapTop .boxTop01 .reserve-form p {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.wrapTop .boxTop01 .reserve-form h2 {
	text-align:center;
	font-size:16px;
	font-weight:normal;
	margin:0 auto 5px auto;
}

.wrapTop .boxTop01 .reserve-form h2 span {
	display:block;
	margin:5px 0 0 0;
}

.wrapTop .boxTop01 .reserve-form .box01,
.wrapTop .boxTop01 .reserve-form .box02,
.wrapTop .boxTop01 .reserve-form .box03 {
	margin:0 0 5px 12px;
	line-height:150%;
}

.wrapTop .boxTop01 .reserve-form .box03 {
	margin:0 0 0 12px;
}

.wrapTop .boxTop01 .reserve-form .box03 .people {
	float:left;
}

.wrapTop .boxTop01 .reserve-form .box03 .room {
	float:left;
	margin:0 0 0 25px;
}

.wrapTop .boxTop01 .reserve-form .btn {
	margin:0 0 0 13px;
}

.wrapTop .boxTop01 .reserve-form select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    text-indent: .01px; /*Firefox用*/
    text-overflow: ""; /*Firefox用*/
}

.wrapTop .boxTop01 .reserve-form select::-ms-expand {
	display: none;
}

.wrapTop .boxTop01 .reserve-form select {
    color: #333;
    height: 30px;
    font-size: 15px;
    padding: 2px 30px 5px 5px;
    border:none;
    border-radius: 0px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
    background: #FFF url(../img/top/bg-selectbox.jpg) no-repeat right;
}

/*Firefox用*/
.wrapTop .boxTop01 .reserve-form select, x:-moz-any-link { padding: 2px 25px 5px 2px;}


.wrapTop .boxTop01 .reserve-form .box03 .people select,
.wrapTop .boxTop01 .reserve-form .box03 .room select {
	width:105px;
}

.wrapTop .boxTop01 .reserve-form .btn {
	padding:10px 0 0 0;
}

.wrapTop .boxTop01 .top-topics {
	float:right;
	width:680px;
}

.wrapTop .boxTop01 .top-topics .inner {
	margin:30px 0 0 0;

}


.wrapTop .boxTop01 .top-topics .top-plan {
	float:left;
	width:160px;
	height:290px;
	background:url(../img/top/bg-plan.jpg) repeat-y;
}

.wrapTop .boxTop01 .top-topics .top-plan h2 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:16px;
	color:#fff;
	font-weight:normal;
	padding:15px 0 0 15px;
}

.wrapTop .boxTop01 .top-topics .top-plan h2 span {
	display:block;
}

.wrapTop .boxTop01 .top-topics .top-plan a.btn {
	display:block;
	background:url(../img/top/btn-plan.png) no-repeat;
	width:115px;
	height:35px;
	color:#fff;
	font-size:14px;
	padding:10px 0 0 45px;
	margin:170px 0 0 15px;
}

.wrapTop .boxTop01 .top-topics .topics-list {
	float:right;
	width:515px;
	height:290px;
	line-height:150%;
}

.wrapTop .boxTop01 .top-topics .topics-list dd p {
	margin-bottom:1.5em
}

.wrapTop .boxTop01 .top-topics .topics-list ul li {
	margin:20px;
}

.wrapTop .boxTop01 .top-topics .topics-list dl dt {
	margin:0;
	padding:0;
}

.wrapTop .boxTop01 .top-topics .topics-list dl dt p.title {
	font-size:16px;
}

.wrapTop .boxTop01 .top-topics .topics-list dl dt p.title a {
	color:#333;
}

.wrapTop .boxTop01 .top-topics .topics-list dl dt p.date {
	display:block;
	font-size:14px;
	color:#a79d9a !important;
}

.wrapTop .boxTop01 .top-topics .topics-list dl dd {
	color:#231815;
	margin:10px 0 0 0;
}

.wrapTop .boxTop01 .top-topics .topics-bnr {
	margin:20px 0 0 0;
}

.wrapTop .boxTop01 .top-topics .topics-bnr li {
	float:left;
	width:330px;
	height:100px;
	box-sizing:border-box;
}

.wrapTop .boxTop01 .top-topics .topics-bnr li:first-child {
	background:url(../img/top/bg-tel.jpg) no-repeat;
	margin:0 20px 0 0;
}

.wrapTop .boxTop01 .top-topics .topics-bnr li a.btn {
	color:#fff;
	background:url(../img/top/btn-mail.jpg) no-repeat;
	width:300px;
	height:35px;
	padding:10px 0 0 20px;
	margin:52px 0 0 15px;
}


/* コンテンツホバー */
.wrapTop .boxTop02 {
	width:980px;
	overflow:hidden;
}

.wrapTop .boxTop02 ul {
	zoom: 1;
	width:1035px;
	margin:40px 0 0 0;
}

.wrapTop .boxTop02 ul:after {
	content:".";
	display: block;
	height:0px;
	clear:both;
	line-height:0;
	visibility:hidden;
}

.wrapTop .boxTop02 ul li {
	float:left;
	width:290px;
	height:290px;
	margin:0 55px 40px 0;
}

.wrapTop .boxTop02 li img {
	display:block;
	width:290px;
	height:290px;
}

.wrapTop .boxTop02 li a {
	display:block;
	width:100%;
	height:100%;
	color:#fff;
}

.wrapTop .boxTop02 .box01 {
	background:url(../img/top/img-our-special-point-hover.jpg) no-repeat;
}


.wrapTop .boxTop02 .box02 {
	background:url(../img/top/img-guest-room-hover.jpg) no-repeat;
}


.wrapTop .boxTop02 .box03 {
	background:url(../img/top/img-break-fast-hover.jpg) no-repeat;
}


.wrapTop .boxTop02 .box04 {
	background:url(../img/top/img-facilities-hover.jpg) no-repeat;
}

.wrapTop .boxTop02 .box05 {
	background:url(../img/top/img-access-hover.jpg) no-repeat;
}

.wrapTop .boxTop02 .box06 {
	background:url(../img/top/img-information-hover.jpg) no-repeat;
}


.wrapTop .boxTop02 .contenthover {
	width:290px;
	height:290px;
}

.wrapTop .boxTop02 .contenthover p.text {
	padding:160px 20px 0;
	line-height:150%;
	text-align:center;
}


.wrapTop .boxTop03 .bnrList01 {
	margin:40px 0 0 0;
	border-bottom:1px dotted #ccc;
}

.wrapTop .boxTop03 .bnrList01 li {
	float:left;
	width:33.3%;
	height:138px;
	box-sizing:border-box;
	border-right:1px dotted #ccc;
	padding:20px 0 0 0;
}

.wrapTop .boxTop03 .bnrList01 li:last-child {
	border:none;
}

.wrapTop .boxTop03 .bnrList01 li img {
	display:block;
	margin:0 auto;
}

.wrapTop .boxTop03 .bnrList02 {
	width: 151px;
	margin: 30px 0 0 auto;
}

.wrapTop .boxTop03 .bnrList02 li {
	width: 151px;
	margin: 0 0 5px;
}

.wrapTop .boxTop03 .bnrList02 li:last-child {
	margin: 0;
}

.wrapTop .boxTop03 .bnr-book {
	width:151px;
	margin:30px 0 0 auto;
}

/*======================================================
	Rooms　客室
=======================================================*/
.wrapRooms {
	width:980px;
	margin:20px auto 0;
	padding:0 0 60px 0;
}

.wrapRooms h2 {
	background:url(../img/rooms/ttl-h2.png) no-repeat;
	width:383px;
	height:90px;
	margin:60px auto 40px;
}

.wrapRooms h3 {
	position: relative;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size: 28px;
	color:#64a96b;
	font-weight: normal;
}

.wrapRooms h3:before {
	position: absolute;
}

.wrapRooms h3.icon-01 {
	padding:0 0 0 30px;
}

.wrapRooms h3.icon-02 {
	padding:0 0 0 50px;
}

.wrapRooms h3.icon-03 {
	padding:0 0 0 50px;
}

.wrapRooms h3.icon-04 {
	padding:5px 0 0 40px;
}

.wrapRooms h3.icon-01:before {
	content:url(../img/rooms/icon-h3-01.png);
	left:0;
}

.wrapRooms h3.icon-02:before {
	content:url(../img/rooms/icon-h3-03.png);
	left:0;
	top:0px;
}

.wrapRooms h3.icon-03:before {
	content:url(../img/rooms/icon-h3-03.png);
	left:0;
	top:0;
}

.wrapRooms h3.icon-04:before {
	content:url(../img/rooms/icon-h3-04.png);
	left:0;
	top:0;
}

.wrapRooms .mainVisual {
	margin:0 0 20px 0;
}

.wrapRooms .wrapRooms-wrap {
	margin:60px 0 0 0;
}

.wrapRooms .wrapRooms-wrap .content-left {
	float: left;
	width: 465px;
}

.wrapRooms .wrapRooms-wrap .content-right {
	float: right;
	width: 465px;
}

.wrapRooms .wrapRooms-wrap .content-right img.bnr01 {
	display: block;
	margin:50px 0 0 0;
}

.wrapRooms .wrapRooms-wrap p.text {
	font-size: 16px;
	line-height: 150%;
	margin:10px 0 0 0;

}

.wrapRooms .wrapRooms-wrap dt {
	float: left;
	clear: both;
	background: #f3f1f0;
	width: 120px;
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	margin:0 0 5px 0;
	padding:7px 0;
}

.wrapRooms .wrapRooms-wrap dd {
	float: left;
	width: 330px;
	margin:0 0 5px 0;
	padding:7px 0 0 10px;
}

.wrapRooms .wrapRooms-wrap dd span {
	display: block;
	font-size: 12px;
	margin:5px 0 0 0;
}

.wrapRooms p.text {
	font-size: 19px;
	margin: 40px 0;
}

.wrapRooms .bnrArea {
	background: url(../img/rooms/bg-bnr-area.png) no-repeat;
	width: 100%;
	height: 433px;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	padding: 80px 40px 0;
}

.wrapRooms .bnrArea h3 {
	font-size: 32px;
	font-weight: normal;
	color: #231815;
	line-height: 180%;
}

.wrapRooms .bnrArea p {
	font-size: 20px;
	margin: 20px 0 0;
}

.wrapRooms .bnrArea ul {
	margin: 40px 0 0;
}

.wrapRooms .bnrArea li {
	float: left;
	margin: 0 10px 0 0;
}



/* ギャラリー */
.wrapRooms .wrapRooms-wrap .bxslider {
	margin:20px 0 0 0;
	padding: 0;
}

.wrapRooms .wrapRooms-wrap .bxslider li {
	margin: 0;
	padding: 0;
	height: 318px;
}

.wrapRooms .wrapRooms-wrap .bx-wrapper {
	margin:0 ;
	padding: 0;

}

.wrapRooms .wrapRooms-wrap .bx-wrapper img {
	display: block;
	width: 465px;
	height: 300px;
	padding: 0;
}


.wrapRooms .wrapRooms-wrap .bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  background: none;
}

.wrapRooms .wrapRooms-wrap .bx-wrapper .bx-pager,
.wrapRooms .wrapRooms-wrap .bx-wrapper .bx-prev,
.wrapRooms .wrapRooms-wrap .bx-wrapper .bx-next {
	display:none;
}

.wrapRooms .wrapRooms-wrap .slider-tmb01,
.wrapRooms .wrapRooms-wrap .slider-tmb02,
.wrapRooms .wrapRooms-wrap .slider-tmb03,
.wrapRooms .wrapRooms-wrap .slider-tmb04,
.wrapRooms .wrapRooms-wrap .slider-tmb05 {
	margin:10px 0 0 0;
}

.wrapRooms .wrapRooms-wrap .slider-tmb01 a,
.wrapRooms .wrapRooms-wrap .slider-tmb02 a,
.wrapRooms .wrapRooms-wrap .slider-tmb03 a,
.wrapRooms .wrapRooms-wrap .slider-tmb04 a,
.wrapRooms .wrapRooms-wrap .slider-tmb05 a {
	display:inline;
}

/*======================================================
	Break fast　朝食
=======================================================*/
.wrapBreakfast {
/*	width:980px;*/
	margin:20px auto 0;
/*	padding:0 0 60px 0;*/
}
.breakfastcenter{
	margin:20px auto 0;
	width:980px;
}
.wrapBreakfast h2 {
	background:url(../img/breakfast/ttl-h2.png) no-repeat;
	width:325px;
	height:89px;
	margin:60px auto 40px;
}



.wrapBreakfast #main{
	min-width:980px;
	position:relative;
	width:100%;
	z-index:1;
}
.wrapBreakfast #main img{
	height:auto;
	width:100%;
}
.wrapBreakfast .cont1{
	margin: auto;
	position: relative;
	height:1320px;
	padding: 67px 0 0;
	width:980px;
	z-index: 2;
}
.wrapBreakfast .cont1 .hokkaido{
	top:-70px;
	right:-200px;
	position:absolute;
	z-index:2
}
.wrapBreakfast .cont1 .txt{
	padding:0 0 30px;
	position: relative;
	z-index:3
}
.wrapBreakfast .cont1 .txt2{
	 font-size:20px;
	 line-height:32px;
	 margin:0 0 70px;
	 position: relative;
	 z-index:2
 }
 .wrapBreakfast .cont1 .photo1,
 .wrapBreakfast .cont1 .photo2,
 .wrapBreakfast .cont1 .photo3{
 	 position:absolute;
 	 z-index:3
 }
 .wrapBreakfast .cont1 .photo1{left:-54px;top:455px;}
 .wrapBreakfast .cont1 .photo2{left:398px;top:530px;}
 .wrapBreakfast .cont1 .photo3{
 	left:-32px;top:976px;
 	height:315px;
 }
 .wrapBreakfast .cont1 .photo3 div{display:inline-block; }

 .wrapBreakfast .cont1 .photo3 div:first-child{	margin:0 33px 0 0; }

 .wrapBreakfast .cont1 .photo3 div img{	vertical-align: middle; }

.wrapBreakfast .cont2{background:#fcf7f1}

.wrapBreakfast .cont2 .inner{
	margin:0 auto;
	padding:96px 0 0;
	text-align:center;
	width:980px;
}
.wrapBreakfast .cont2 .inner h3{margin:0 0 60px;}

.wrapBreakfast .cont2 .inner .txt3{margin:0 0 60px;}

.wrapBreakfast .cont2 .inner ul li{
	display:inline-block;
	text-align:left;
	vertical-align: top;
}
.wrapBreakfast .cont2 .inner ul li dt{margin:0 0 15px;}

.wrapBreakfast .cont2 .inner ul li dd{
	margin:0 0 20px;
	font-size:16px;
	line-height:26px;
}
.wrapBreakfast .cont2 .inner ul li.photo1{
	margin:0 30px 10px 0;
	width:475px;
}
.wrapBreakfast .cont2 .inner ul li.photo1.last{margin:0 0 10px 0;}

.wrapBreakfast .cont2 .inner ul li.photo2{
	margin:0 30px 88px 0;
	width:306px;
}
.wrapBreakfast .cont2 .inner ul li.photo2.last{
	margin:0 0 10px 0;
	width:306px;
}
.wrapBreakfast .cont3{
	background:url(../img/breakfast/bg_cont3.png) no-repeat left top;
	background-size:cover ;
}
.wrapBreakfast .cont3 .inner{
	background:url(../img/breakfast/bg_cont3_inner.png) no-repeat center top;
	margin:0 auto;
	padding:88px 0 87px;
	width:980px;
}
.wrapBreakfast .images,.wrapBreakfast .data{
	display:table-cell;
	vertical-align: middle;
}
.wrapBreakfast .images{
	padding:0 56px 0 0;;
}
.wrapBreakfast .data p{
	margin:0 0 30px;
}
.wrapBreakfast .data dl{
	border-bottom:1px solid #fff;
	padding:0 0 17px;
}
.wrapBreakfast .data dl:last-child{
	border-bottom:none;
	paddin:0;
}


.wrapBreakfast .data dt{width:80px;}
.wrapBreakfast .data dt,.data dd{
	color:#fff;
	display:inline-block;
	font-size:16px;
	line-height:24px;
	vertical-align: top;
}
.wrapBreakfast .data dt,.data dd span{
	font-size:12px;
}



/*======================================================
	Plan　宿泊プラン
=======================================================*/
.wrapPlan {
	width:980px;
	margin:20px auto 0;
	padding:0 0 60px 0;
}

.wrapPlan h2 {
	background:url(../img/plan/ttl-h2.png) no-repeat;
	width:154px;
	height:100px;
	margin:60px auto 40px;
}

.wrapPlan h3 {
	background:#f3f1f0;
	font-size:18px;
	line-height:150%;
	color:#4f9e57;
	padding:20px 12px;
}

.wrapPlan p.text {
	font-size:16px;
	text-align:center;
	border-top:1px dotted #c3bfbf;
	padding:40px 0 0 0;
}

.wrapPlan .wrapPlan-inner {
	margin:40px 0 0 0;
}

.wrapPlan .wrapPlan-inner .contentArea {
	float:left;
	width:690px;
}

.wrapPlan .wrapPlan-inner .sideArea {
	float:right;
	width:240px;
}
.wrapPlan .side-list-box {
	box-sizing:border-box;
	border:1px solid #4f9e57;
	margin:20px 0 0 0;
	padding:20px 5px;
}

.wrapPlan .side-list-box .title {
	font-size:16px;
	color:#4f9e57;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #e4e1e0;
	padding:0 0 10px 0;
}

.wrapPlan .side-list-box ul {
	width:205px;
	margin:20px auto 0;
}

.wrapPlan .side-list-box ul li {
	font-size:16px;
	margin:0 0 20px 0;
}

.wrapPlan .side-list-box ul li:last-child {
	margin:0;
}

.wrapPlan .side-list-box ul li a {
	color:#231815;
	text-decoration:underline;
}

.wrapPlan .side-list-box ul li a:hover {
	text-decoration:none;
}

.wrapPlan .boxPlan .date {
	margin:30px 0 0 0;
	color:#231815;
	text-decoration:underline;
}

.wrapPlan .boxPlan .article {
	margin:20px 0 0 0;
}

.wrapPlan .boxPlan .article img {
	display:block;
	margin:0 0 20px 0;
}

.wrapPlan .boxPlan .article p {
	font-size:16px;
	line-height:150%;
	margin:20px 0;
}

/*======================================================
	News　お知らせ
=======================================================*/
.wrapNews {
	width:980px;
	margin:20px auto 0;
	padding:0 0 60px 0;
}

.wrapNews h2 {
	background:url(../img/news/ttl-h2.png) no-repeat;
	width:163px;
	height:90px;
	margin:60px auto 50px;
}

.wrapNews h3 {
	background:#f3f1f0;
	font-size:18px;
	line-height:150%;
	color:#4f9e57;
	padding:20px 12px;
}

.wrapNews p.text {
	font-size:16px;
	text-align:center;
	border-top:1px dotted #c3bfbf;
	padding:40px 0 0 0;
}

.wrapNews .wrapNews-inner {
	margin:40px 0 0 0;
}

.wrapNews .wrapNews-inner .contentArea {
	float:left;
	width:690px;
}

.wrapNews .wrapNews-inner .sideArea {
	float:right;
	width:240px;
}
.wrapNews .side-list-box {
	box-sizing:border-box;
	border:1px solid #4f9e57;
	margin:20px 0 0 0;
	padding:20px 5px;
}

.wrapNews .side-list-box .title {
	font-size:16px;
	color:#4f9e57;
	font-weight:bold;
	text-align:center;
	border-bottom:1px solid #e4e1e0;
	padding:0 0 10px 0;
}

.wrapNews .side-list-box ul {
	width:205px;
	margin:20px auto 0;
}

.wrapNews .side-list-box ul li {
	font-size:16px;
	margin:0 0 20px 0;
}

.wrapNews .side-list-box ul li:last-child {
	margin:0;
}

.wrapNews .side-list-box ul li a {
	color:#231815;
	text-decoration:underline;
}

.wrapNews .side-list-box ul li a:hover {
	text-decoration:none;
}

.wrapNews .boxNews .date {
	margin:30px 0 0 0;
	color:#231815;
	text-decoration:underline;
}

.wrapNews .boxNews .article {
	margin:20px 0 0 0;
}

.wrapNews .boxNews .article img {
	display:block;
	margin:0 0 20px 0;
}

.wrapNews .boxNews .article p {
	font-size:16px;
	line-height:150%;
	margin:20px 0;
}

/*======================================================
	Facilitys　館内案内
=======================================================*/
.wrapFacilitys {
	width:980px;
	color:#4c4948;
	margin:20px auto 0;
	padding:0 0 60px 0;
}

.wrapFacilitys h2 {
	background:url(../img/facilitys/ttl-h2.png) no-repeat;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	width:560px;
	height:90px;
	margin:60px auto 10px;
}

.wrapFacilitys .wrapFacilitys-inner {
	width:900px;
	margin:0 auto;
}

.wrapFacilitys .box02,
.wrapFacilitys .box03,
.wrapFacilitys .box05,
.wrapFacilitys .box06 {
	border-bottom:1px dashed #d0cbc9;
	padding:60px 0 80px 0;
}

.wrapFacilitys .box02 .content-left,
.wrapFacilitys .box03 .content-left,
.wrapFacilitys .box05 .content-left,
.wrapFacilitys .box06 .content-left {
	float:left;
	width:430px
}

.wrapFacilitys .box02 .content-left p,
.wrapFacilitys .box03 .content-left p,
.wrapFacilitys .box05 .content-left p,
.wrapFacilitys .box06 .content-left p {
	font-size:20px;
	line-height:150%;
	margin:20px 0 0 70px;
}

.wrapFacilitys .box02 .content-left p.time,
.wrapFacilitys .box03 .content-left p.time {
	font-size:28px;
}

.wrapFacilitys .box02 .content-left p.time span,
.wrapFacilitys .box03 .content-left p.time span {
	margin:0 0 0 125px;
}

.wrapFacilitys .box02 .content-right,
.wrapFacilitys .box03 .content-right,
.wrapFacilitys .box05 .content-right,
.wrapFacilitys .box06 .content-right {
	float:right;
	width:437px;
}

.wrapFacilitys .wrapFacilitys-inner h3 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:28px;
	color:#4c4948;
	font-weight:normal;
	margin:20px 0;
}

.wrapFacilitys .wrapFacilitys-inner .contentArea {
	float: left;
	font-size:16px;
	width: 900px;
	padding-top:20px;
}

.wrapFacilitys .wrapFacilitys-inner .sideArea {
	float:right;
	width:290px;
}

.wrapFacilitys .contentArea .box01a,
.wrapFacilitys .contentArea .box02a,
.wrapFacilitys .contentArea .box03a,
.wrapFacilitys .contentArea .box04a {
	margin:0 0 60px 0;
}

.wrapFacilitys .contentArea .box01a img,
.wrapFacilitys .contentArea .box04a img,
.wrapFacilitys .contentArea .box05a img {
	float:right;
	display:block;
}

.wrapFacilitys .contentArea .box01a .content-left {
	float:left;
	width:600px;
}

.wrapFacilitys .contentArea .box01a .content-left dt {
	width:100px;
	background:#473e3a;
	font-size:14px;
	color:#fff;
	text-align:center;
	padding:7px 0;
	float:left;
	clear:both;
}

.wrapFacilitys .contentArea .box01a .content-left dd {
	font-size:16px;
	line-height:150%;
	margin:0 0 0 110px;
}

.wrapFacilitys .contentArea .box01a .content-left dd span {
	font-size:14px;
}

.wrapFacilitys .contentArea .box02a p {
	font-size:16px;
	line-height:150%;
}

.wrapFacilitys .contentArea .box02a a {
	color:#4f9e57;
	text-decoration:underline;
}

.wrapFacilitys .contentArea .box02a a:hover {
	text-decoration:none;
}

.wrapFacilitys .contentArea .box03a ul {
	margin:30px 0 0 0;
}

.wrapFacilitys .contentArea .box03a li {
	float:left;
	margin:0 20px 0 0;
	font-size:16px;
}

.wrapFacilitys .contentArea .box03a li span {
	background:#473e3a;
	color:#fff;
	padding:8px 10px;
	margin:0 20px 0 0;
}

.wrapFacilitys .contentArea .box04a .content-left ,
.wrapFacilitys .contentArea .box05a .content-left{
	float:left;
	width:600px;
	font-size:16px;
	line-height:150%;
}

.wrapFacilitys .contentArea .box05a .bnr-jrinn {
	margin: 120px 0 0;
}

.wrapFacilitys .contentArea .box05a .bnr-jrinn li {
	float: left;
	margin: 0 20px 0 0;
}


.wrapFacilitys .contentArea .box06a p {
	font-size:16px;
	line-height:150%;
}

.wrapFacilitys .sideArea .side-box {
	width:290px;
	height:470px;
	background:url(../img/summary/bg-side.jpg) no-repeat;
	color:#fff;
	margin:0 0 20px 0;
	padding:25px 15px 0 15px;
}

.wrapFacilitys .sideArea .side-box h3 {
	width:230px;
	height:50px;
	margin:0 0 10px 0;
}


/*======================================================
	Specialpoint　サービス紹介
=======================================================*/
.wrapSpecialpoint {
	width:980px;
	color:#4c4948;
	margin:20px auto 0;
	padding:0 0 60px 0;
}

.wrapSpecialpoint h2 {
	background:url(../img/specialpoint/ttl-h2.png) no-repeat;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	width:550px;
	height:90px;
	margin:60px auto 10px;
}

.wrapSpecialpoint .wrapSpecialpoint-inner {
	width:900px;
	margin:0 auto;
}

.wrapSpecialpoint .box01 {
	padding:60px 0 80px 0;
}

.wrapSpecialpoint .box01 .content-left {
	float:left;
	width:500px
}

.wrapSpecialpoint .box01 .content-left dl {
	line-height:200%;
	margin:20px 0 0 70px;
}

.wrapSpecialpoint .box01 .content-left dl dt {
	font-size:25px;
	color:#509e56;
}

.wrapSpecialpoint .box01 .content-left dl dd {
	font-size:20px;
	margin:10px 0 20px 0;
}

.wrapSpecialpoint .box01 .content-right {
	float:right;
	width:370px;
	margin-top:65px;
}

.wrapSpecialpoint .box02 {
	padding:60px 0 80px 0;
}

.wrapSpecialpoint .box02 .content-left {
	float:left;
	width:500px
}

.wrapSpecialpoint .box02 .content-left dl {
	line-height:200%;
	margin:20px 0 0 70px;
}

.wrapSpecialpoint .box02 .content-left dl dt {
	font-size:25px;
	color:#509e56;
}

.wrapSpecialpoint .box02 .content-left dl dd {
	font-size:20px;
	margin:10px 0 20px 0;
}

.wrapSpecialpoint .box02 .content-right {
	float:right;
	width:370px;
	margin-top:65px;
}

.wrapSpecialpoint .box02 .divide01 {
	margin-bottom:110px !important;
}

.wrapSpecialpoint .box02 .divide02 {
	margin-bottom:145px !important;
}

/*======================================================
	Access　アクセス
=======================================================*/
.wrapAccess {
	width:980px;
	margin:20px auto 0;
	padding:0 0 100px 0;
}

.wrapAccess h2 {
	background:url(../img/access/ttl-h2.png) no-repeat;
	width:208px;
	height:89px;
	margin:60px auto 20px;
}

.wrapAccess h3 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:28px;
	color:#4f9e57;
	font-weight:normal;
	margin:20px 0;
}

.wrapAccess p.text {
	font-size:16px;
	line-height: 150%;
	text-align:center;
	border-top:1px dotted #c3bfbf;
	padding:40px 0 0 0;
}

.wrapAccess .box01,
.wrapAccess .box02,
.wrapAccess .box03 {
	margin:60px 0 0 0;
}

.wrapAccess .box02 p,
.wrapAccess .box03 p {
	font-size: 16px;
	line-height: 150%;
}

.wrapAccess .box01 .content-left {
	float: left;
	width: 525px;
}

.wrapAccess .box01 .content-right {
	float: right;
	width: 410px;
}

.wrapAccess .box01 .content-right dl {
	margin: 0 0 40px;
}

.wrapAccess .box01 .content-right dt {
	width: 145px;
	background: #473e3a;
	color: #fff;
	font-weight: normal;
	text-align: center;
	padding:5px 0;
}

.wrapAccess .box01 .content-right dd {
	font-size: 16px;
	line-height: 180%;
	margin:10px 0 0;
}

.wrapAccess .box02 ul {
	margin:20px 0 0 0;
}

.wrapAccess .box02 li {
	display:inline-block;
	margin:0 10px 0 0;
}

.wrapAccess .box03 .gmaps {
	margin:20px 0 0 0;
}

/*======================================================
	About　ホテル概要
=======================================================*/
.wrapAbout {
	width:980px;
	margin:20px auto 0;
	padding:0 0 60px 0;
}

.wrapAbout h2 {
	background:url(../img/summary/ttl-h2.png) no-repeat;
	width:535px;
	height:88px;
	margin:60px auto 40px;
}

.wrapAbout .contentArea h3 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:28px;
	color:#4f9e57;
	font-weight:normal;
	margin:20px 0;
}

.wrapAbout .wrapAbout-inner .contentArea {
	float: left;
	font-size:16px;
	width: 960px;
}

.wrapAbout .wrapAbout-inner .sideArea {
	float:right;
	width:290px;
}

.wrapAbout .contentArea .box01,
.wrapAbout .contentArea .box02,
.wrapAbout .contentArea .box03,
.wrapAbout .contentArea .box04 {
	margin:0 0 60px 0;
}

.wrapAbout .contentArea .box01 img,
.wrapAbout .contentArea .box04 img,
.wrapAbout .contentArea .box05 img {
	float:right;
	display:block;
}

.wrapAbout .contentArea .box01 .content-left {
	float:left;
	width:600px;
}

.wrapAbout .contentArea .box01 .content-left dt {
	width:100px;
	background:#473e3a;
	font-size:14px;
	color:#fff;
	text-align:center;
	padding:7px 0;
	float:left;
	clear:both;
}

.wrapAbout .contentArea .box01 .content-left dd {
	font-size:16px;
	line-height:150%;
	margin:0 0 0 110px;
}

.wrapAbout .contentArea .box01 .content-left dd span {
	font-size:14px;
}

.wrapAbout .contentArea .box02 p {
	font-size:16px;
	line-height:150%;
}

.wrapAbout .contentArea .box02 a {
	color:#4f9e57;
	text-decoration:underline;
}

.wrapAbout .contentArea .box02 a:hover {
	text-decoration:none;
}

.wrapAbout .contentArea .box03 ul {
	margin:30px 0 0 0;
}

.wrapAbout .contentArea .box03 li {
	float:left;
	margin:0 20px 0 0;
	font-size:16px;
}

.wrapAbout .contentArea .box03 li span {
	background:#473e3a;
	color:#fff;
	padding:8px 10px;
	margin:0 20px 0 0;
}

.wrapAbout .contentArea .box04 .content-left ,
.wrapAbout .contentArea .box05 .content-left{
	float:left;
	width:600px;
	font-size:16px;
	line-height:150%;
}

.wrapAbout .contentArea .box05 .bnr-jrinn {
	margin: 120px 0 0;
}

.wrapAbout .contentArea .box05 .bnr-jrinn li {
	float: left;
	margin: 0 20px 0 0;
}

.wrapAbout .contentArea .box06 p {
	font-size:16px;
	line-height:150%;
}

.wrapAbout .sideArea .side-box {
	width:290px;
	height:470px;
	background:url(../img/summary/bg-side.jpg) no-repeat;
	color:#fff;
	margin:0 0 20px 0;
	padding:25px 15px 0 15px;
}

.wrapAbout .sideArea .side-box h3 {
	width:230px;
	height:50px;
	margin:0 0 10px 0;
}

.wrapAbout .sideArea .side-box.sapporo h3 {
	background:url(../img/summary/ttl-h3-side01.png) no-repeat;
}

.wrapAbout .sideArea .side-box.obihiro h3 {
	background:url(../img/summary/ttl-h3-side02.png) no-repeat;
}

.wrapAbout .sideArea .side-box.sapporo dl {
	margin:0 0 10px 0;
}

.wrapAbout .sideArea .side-box.obihiro dl {
	margin:0 0 20px 0;
}

.wrapAbout .sideArea .side-box dl dt {
	width:85px;
	background:#2e5231;
	font-size:14px;
	text-align:center;
	padding:10px 0;
}

.wrapAbout .sideArea .side-box dl:last-child dt {
	width:216px;
}

.wrapAbout .sideArea .side-box dl dd {
	font-size:16px;
	line-height:150%;
	margin:10px 0 0 0;
}

/*======================================================
	Language　多言語
=======================================================*/
.wrapLanguage {
	width:980px;
	margin:20px auto 0;
	padding:0 0 60px 0;
}

.wrapLanguage h2 {
	background:url(../img/language/ttl-h2.png) no-repeat;
	width:411px;
	height:43px;
	margin:60px auto 40px;
}

.wrapLanguage h3 {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:24px;
	color:#4f9e57;
	font-weight:normal;
	border-bottom:1px solid #4f9e57;
	margin:20px 0;
	padding:0 0 5px 0;
}

.wrapLanguage h4 {
	font-size:16px;
	color:#4f9e57;
	font-weight:normal;
	background:#f3f1f0;
	margin:0 0 20px 0;
	padding:10px 0 10px 10px;
}

.wrapLanguage h5 {
	font-size:28px;
	font-weight:normal;
	margin:0 0 10px 0;
}

.wrapLanguage h5.en {
	font-style:italic;
}

.wrapLanguage .mainVisual {
	margin:0 0 20px 0;
}

.wrapLanguage .hotel-overview {
	margin:40px 0 0 0;
}
.wrapLanguage .building-overview {
	margin:40px 0 0 0;
}

.wrapLanguage .guest-rooms .inner {
	margin:20px 0 40px 0;
}

.wrapLanguage .col02-left {
	float:left;
	width:480px;
}

.wrapLanguage .col02-right {
	float:right;
	width:480px;
}

.wrapLanguage table {
	width:100%;
	border-collapse:collapse;
	font-size:14px;
}

.wrapLanguage th {
	background:#f3f1f0;
	text-align:left;
	border:1px solid #999999;
	padding:20px;
	line-height:150%;
}

.wrapLanguage td {
	border:1px solid #999999;
	padding:20px;
	line-height:150%;
}

.wrapLanguage .hotel-overview th,
.wrapLanguage .guest-rooms th {
	width:30%;
}

.wrapLanguage .hotel-overview td,
.wrapLanguage .guest-rooms td {
	width:70%;
}

.wrapLanguage .guest-rooms th,
.wrapLanguage .guest-rooms td {
	height:88px;
}

.wrapLanguage .btn {
	width:240px;
	margin:20px 0 20px auto;
}
.wrapLanguage .btn2 {
	width:454px;
	margin:20px 0 20px auto;
}

.wrapLanguage .btn a {
	display:inline;
}

.wrapLanguage .btn2 a {
	display:inline-block;
	margin:0 10px 0 0;
}

.wrapLanguage .btn2 a.m0 {
	display:inline-block;
	margin:0;
}

.wrapLanguage .building-overview p {
	line-height:180%;
	padding:0 10px;
	margin:0 0 30px 0;
}

.wrapLanguage .guest-rooms p {
	line-height:180%;
}

.wrapLanguage .guest-rooms p.text-green {
	font-size:16px;
	color:#4f9e57;
}

.wrapLanguage .guest-rooms p.text-detail {
	line-height:200%;
	padding:0 10px;
	margin:0 0 30px 0;
}

.wrapLanguage .others ul li {
	line-height:200%;
	padding:0 10px;
}

/*======================================================
	Q&A　よくあるご質問
=======================================================*/
.wrapQa {
	width:980px;
	margin:20px auto 0;
	padding:0 0 60px 0;
}

.wrapQa h2 {
	background:url(../img/qa/ttl-h2.png) no-repeat;
	width:204px;
	height:94px;
	margin:60px auto 40px;
}

.wrapQa h3 {
	background:url(../img/qa/icon-h3.png) left no-repeat;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:28px;
	font-weight:normal;
	color:#4f9e57;
	height:35px;
	line-height:35px;
	padding:0 0 0 45px;
}

.wrapQa h4 {
	position:relative;
	background:#f3f1f0;
	font-size:16px;
	color:#4f9e57;
	height:60px;
	line-height:60px;
	padding:0 0 0 40px;
}

.wrapQa h4:before {
	position:absolute;
	content:"Q.";
	left:10px;
	top:0;
}

.wrapQa .sub-navi {
	margin:20px 0 20px;
}

.wrapQa .sub-navi li {
	float:left;
	margin:0 25px 20px 0;
}

.wrapQa .sub-navi li:nth-child(3),
.wrapQa .sub-navi li:last-child {
	margin:0 0 20px 0;
}

.wrapQa p.text {
	font-size:16px;
	padding:10px 0 5px;
	line-height:180%;
}

.wrapQa p.text a {
	display:inline !important;
	color:#4f9e57;
	text-decoration:underline;
}

.wrapQa p.text a:hover {
	text-decoration:none;
}

.boxQa {
	padding:20px 0 0 0;
}

.boxQa dl {
	margin:40px 0 0 0;
}

.boxQa dl dd {
	position:relative;
	font-size:16px;
	line-height:150%;
	margin:20px 10px 40px 10px;
	padding:0 0 0 30px;
}

.boxQa dl dd:before {
	position:absolute;
	content:"A.";
	left:0;
	top:0;
}

.boxQa dl dd a {
	display:inline !important;
	color:#4f9e57;
	text-decoration:underline;
}

.boxQa dl dd a:hover {
	text-decoration:none;
}

.boxQa dl dd p.text {
	margin:0 0 20px 0;
	padding:0;
	line-height:150%;
}

/*======================================================
	お問い合わせ
=======================================================*/

.wrapContact {
	width:980px;
	margin:20px auto 0;
	padding:0 0 60px 0;
}

.wrapContact h2 {
	background:url(../img/contact/ttl-h2.png) no-repeat;
	width:300px;
	height:100px;
	margin:60px auto;
}


.wrapContact .contact-navi {
	margin:40px 0;
}

.wrapContact .contact-navi li {
	float:left;
	margin:0 25px 0 0;
}

.wrapContact .contact-navi li:last-child {
	margin:0;
}

.wrapContact p.text {
	font-size:16px;
	line-height:180%;
}

.wrapContact .link-privacy {
	color:#4f9e57;
	text-decoration:underline;
	margin:20px 0 0 0;
}

.wrapContact .link-privacy:hover {
	text-decoration:none;
}

.wrapContact .text-red {
	color:#e80b01;
	margin:20px 0 0 0;
}

/* お問い合わせテーブル */
.formTable,
.confirmTable {
	width:980px;
	margin:40px auto;
	border-collapse:collapse;
	text-align:left;
}

/* お問い合わせフォーム */
.formTable th {
	width:209px;
	background:#f3f1f0;
	font-weight:normal;
	padding:0 15px;
	vertical-align:middle;
	box-sizing:border-box;
	border:1px solid #dbdbdb;
	z-index:2;
}


.formTable th div {
	position:relative;
}

.formTable th.h01 {
	height:64px;
}

.formTable th.h02 {
	height:235px;
}

.formTable th span {
	position:absolute;
	background:#e80b01;
	color:#fff;
	font-size:12px;
	padding:5px;
}

.formTable th.h01 span {
	right:-10px;
	top:-20px;
}

.formTable th.h02 span {
	right:-10px;
	top:-105px;
}


.formTable td {
	box-sizing:border-box;
	padding:0 20px;
	border:1px solid #dbdbdb;
}

.formTable input {
	border:1px solid #dbdbdb;
	height:39px;
	font-size:14px;
	box-sizing:border-box;
	padding:0 10px;
}

.formTable input:focus {
	border:1px solid #473e3a;
}

.formTable td.name01 input {
	width:170px;
	margin:0 20px 0 15px;
}

.formTable td.name02 input {
	width:170px;
	margin:0 18px 0 2px;
}

.formTable td.tel input,
.formTable td.email input {
	width:465px;
}

.formTable td.detail textarea {
	height:200px;
	width:465px;
	font-size:14px;
	border:1px solid #dbdbdb;
	box-sizing:border-box;
	padding:10px;
}

.formTable td.detail textarea:focus {
	outline:1px solid #473e3a;
}

.formTable td.radio-btn label {
	margin:0 20px 0 0;
	padding:0 0 0 5px;
}

.formTable td.smry select {
	background:#fff;
	border:1px solid #dbdbdb;
	height:40px;
	font-size:14px;
}

/* 確認画面 */

.confirmTable th {
	width:209px;
	background:#f3f1f0;
	font-weight:normal;
	padding:15px;
	box-sizing:border-box;
	border:1px solid #dbdbdb;
}

.confirmTable td {
	box-sizing:border-box;
	padding:15px;
	border:1px solid #dbdbdb;
	line-height:180%;
}

.boxConfirm {
	width:800px;
	margin:40px auto;
}

.boxConfirm li {
	float:left;
	margin:0 40px 0 0;
}

.boxConfirm li:last-child {
	margin:0;
}

/* 完了画面 */
.wrapContact .link-back {
	font-size:16px;
	color:#4f9e57;
	text-decoration:underline;
	margin:20px 0 0 0;
}

.wrapContact .link-back:hover {
	text-decoration:none;
}


/* ボタン */
.btnConfirm,
.btnBack,
.btnSubmit {
	display:block;
	width:380px;
	height:70px;
	text-indent:-9999px;
	overflow:hidden;
	border:none;
	cursor:pointer;
}

.btnConfirm {
	background:url(../img/contact/btn-confirm.png) no-repeat;
	margin:40px auto;
}


.btnBack {
	background:url(../img/contact/btn-back.png) no-repeat;
}


.btnSubmit {
	background:url(../img/contact/btn-submit.png) no-repeat;
}

/*======================================================
	プライバシーポリシー
=======================================================*/

.wrapPrivacy {
	width:980px;
	margin:20px auto 0;
	padding:0 0 60px 0;
	font-size:16px;
}

.boxPrivacy01 {
	padding:20px 0 0 0;
}

.wrapPrivacy h2.ttl01 {
	background:url(../img/privacy/ttl-h2-01.png) no-repeat;
	width:450px;
	height:90px;
	margin:60px auto;
}

.wrapPrivacy h2.ttl02 {
	background:url(../img/privacy/ttl-h2-02.png) no-repeat;
	width:620px;
	height:100px;
	margin:60px auto;
}


.wrapPrivacy h2.ttl03 {
	background:url(../img/privacy/ttl-h2-03.png) no-repeat;
	width:410px;
	height:95px;
	margin:60px auto;
}

.wrapPrivacy h3 {
	background:#f3f1f0;
	font-size:16px;
	color:#4f9e57;
	height:60px;
	line-height:60px;
	margin:0 0 30px 0;
	padding:0 0 0 20px;
}

.wrapPrivacy .sub-navi {
	margin:40px 0 20px;
}

.wrapPrivacy .sub-navi li {
	float:left;
	margin:0 25px 0 0;
}

.wrapPrivacy .sub-navi li:last-child {
	margin:0;
}

.wrapPrivacy p.text {
	padding:20px 0;
}

.wrapPrivacy .box-inner {
	margin:0 0 40px 0;
}

.wrapPrivacy .box-inner dl {
	line-height:150%;
	padding:0 20px
}

.wrapPrivacy .box-inner p.text-bold {
	font-weight:bold;
	margin:0 0 0 20px;
}

.wrapPrivacy .box-inner p.box-text01 {
	margin:10px 0 10px 20px;
	line-height:180%;
}

.wrapPrivacy .box-inner p.box-text02 {
	margin:10px 0 10px 0;
	line-height:180%;
}

.wrapPrivacy .box-inner p.box-text03 {
	margin:10px 0 30px 20px;
	line-height:180%;
}


.wrapPrivacy .box-inner dt {
	float:left;
	clear:both;
	width:3%;
	margin:0 0 10px 0;
}

.wrapPrivacy .box-inner dd {
	float:left;
	margin:0 0 10px 20px;
	width:94%;
}

.wrapPrivacy .box-inner dd li {
	line-height:200%;
}

.wrapPrivacy .box-inner img.logo {
	display:block;
	float:left;
}

.wrapPrivacy .box-inner div.address {
	float:left;
	margin:0 0 0 20px;
	line-height:180%;
}

.wrapPrivacy .box-inner table {
	width:100%;
	padding:0 20px;
	margin:0 0 20px 0;
	border-collapse:collapse;
}

.wrapPrivacy .box-inner th {
	font-weight:normal;
	background:#f3f1f0;
	box-sizing:border-box;
	border:1px solid #999999;
	padding:24px 20px 24px;
}

.wrapPrivacy .box-inner td {
	border:1px solid #999999;
	padding:24px 10px 24px;
}

.wrapPrivacy .box-inner p.table-text {
	margin:10px 0 30px 0;
	line-height:180%;
}

.wrapPrivacy .box-inner .w01 {
	width:468px;
	text-align:left;
}

.wrapPrivacy .box-inner .w02 {
	width:210px;
	text-align:left;
}

.wrapPrivacy .box-inner .w03 {
	width:298px;
	text-align:left;
}

.wrapPrivacy .box-inner .text-left {
	text-align:left;
}

.wrapPrivacy .box-inner .list-inner {
	margin:0 50px 0 20px;
}

.wrapPrivacy .box-inner dl.point dt {
	float:none;
	clear:none;
	width:100%;
	font-weight:bold;
	margin:0 0 10px 0;
}

.wrapPrivacy .box-inner dl.point dd {
	float:none;
	margin:0 0 20px 30px;
	width:100%;
}

.wrapPrivacy .box-inner table.point {
	text-align:center;
}

.wrapPrivacy .box-inner table.point th:nth-child(1),
.wrapPrivacy .box-inner table.point td:nth-child(1) {
	text-align:left;
	padding:0 0 0 20px;
}
.goto {
	display:none !important;
}