@charset 'UTF-8';

/*==================
180228追加　PC/SP出し分け
==================*/

.PC-Separate {
	display: none !important
}
.SP-Separate {
	display: block!important
}

/*-- /180228追加　PC/SP出し分け --*/

/*==================
20180508追加　PC/SP出し分け
==================*/

.PC-Table-Separate {
	display: none !important
}
.SP-Table-Separate {
	display: table !important
}

/*-- /20180508追加　PC/SP出し分け --*/

.menu-open {
  position: relative;
  overflow: hidden;
}

.menu-open body {
  overflow: hidden;
}

a {
  color: #666;
}

a:link,
a:visited {
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: underline;
}

#page {
  font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.5;
  /*position: relative;*/
	position: static; /*20180228 Responsive*/
  z-index: 100;
  overflow: hidden;
  width: 100%;
  /*padding: 56px 0 0;*/
   /*padding: 61px 0 0;　20180501 Responsive*/
	padding: 62px 0 0;/*20190611*/
  -webkit-transition: left .25s ease-out;
  transition: left .25s ease-out;
    background-color: #fff;
}

#page.pan{
	padding: 46px 0 0;
}

.menu {
  position: fixed;
  z-index: 102;
  /*top: 0;*/
	top: -3px; /*20180820 */
  right: 0;
  transition: -webkit-transform .25s ease-out;
  -webkit-transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out;
}

.menu .btn-menu {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 52px;
  height: 57px;
  padding: 20px 16px;
  text-align: center;
  text-decoration: none;
}

.menu .btn-menu .menu-line {
  display: block;
  width: 20px;
  height: 3px;
  margin: 3px 0;
  border-radius: 1px;
  background-color: #333;
}

.menu .btn-menu .menu-line.menu-line-top {
  margin-top: 0;
  transition: -webkit-transform .25s ease-out, background-color .25s ease-out;
  -webkit-transition: background-color .25s ease-out, -webkit-transform .25s ease-out;
  transition: background-color .25s ease-out, -webkit-transform .25s ease-out;
  transition: transform .25s ease-out, background-color .25s ease-out;
  transition: transform .25s ease-out, background-color .25s ease-out, -webkit-transform .25s ease-out;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.menu .btn-menu .menu-line.menu-line-middle {
  -webkit-transition: opacity .25s ease-out, background-color .25s ease-out;
  transition: opacity .25s ease-out, background-color .25s ease-out;
  opacity: 1;
}

.menu .btn-menu .menu-line.menu-line-bottom {
  margin-bottom: 0;
  transition: -webkit-transform .25s ease-out, background-color .25s ease-out;
  -webkit-transition: background-color .25s ease-out, -webkit-transform .25s ease-out;
  transition: background-color .25s ease-out, -webkit-transform .25s ease-out;
  transition: transform .25s ease-out, background-color .25s ease-out;
  transition: transform .25s ease-out, background-color .25s ease-out, -webkit-transform .25s ease-out;
  -webkit-transform: rotate(0);
  transform: rotate(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
}

.menu.is-open {
  -webkit-transform: translate(-180px, 0);
  transform: translate(-180px, 0);
}

.menu.is-open .btn-menu {
  background-color: #909090;
}

.menu.is-open .btn-menu .menu-line.menu-line-top {
  -webkit-transform: rotate(45deg) translate(0, -3px) scaleX(1.15);
  transform: rotate(45deg) translate(0, -3px) scaleX(1.15);
  background-color: #fff;/*20180228 Responsive*/
}

.menu.is-open .btn-menu .menu-line.menu-line-middle {
  opacity: 0;
}

.menu.is-open .btn-menu .menu-line.menu-line-bottom {
  -webkit-transform: rotate(-45deg) translate(0, 3px) scaleX(1.15);
  transform: rotate(-45deg) translate(0, 3px) scaleX(1.15);
  background-color: #fff;
}

.menu-drawer-block {
  position: absolute;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translate(-180px, 0);
  transform: translate(-180px, 0);
  background-color: rgba(255, 255, 255, 0);
}

#website-header {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  transition: -webkit-transform .25s ease-out;
  -webkit-transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  border-bottom: 1px solid #e5e5e5;
  background-color: #fff;
}

.drawn #website-header {
  -webkit-transform: translate(-180px, 0);
  transform: translate(-180px, 0);
}

#website-header .website-header-inner {
  position: relative;
  padding: 0 15px;
	width: 100%; /*20180228 Responsive*/
	margin: 0; /*20180228 Responsive*/
	border-bottom: none; /*20180228 Responsive*/
	box-sizing: border-box; /*20180228 Responsive*/
}

#website-header .logo {
  padding: 20px 0;
}

#website-header .logo-hotel {
  padding: 16px 0;
}


#website-header .logo a span, #website-header .logo-hotel a span {
	display: block;
	margin: 5px 0 0 0;
}

#website-header .hotel-name {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0 0 10px;
  text-align: center;
  color: #333;
}

#website-header .reservation-dial {
  /*font-size: 10px;
  font-size: 1rem;*/
	font-size: 13px;
  font-size: 1.3rem;/*20181114*/
  padding: 7px 15px;
  color: #444;
  background-color: #e5e5e5;
}

#website-header .search-plans {
	position: absolute;
	/*top: 13px;*/
	top: 10px; /* 20180820 */
	right: 56px;
}

#website-header .search-plans .btn {
  /*font-size: 10px;*/
	font-size: 13px;/*20181114*/
	width: inherit;/*20180720 Responsive*/
}

#page #global-sp {
  position: fixed;
  z-index: 105;
  top: 0;
  right: 0;
  width: 180px;
  height: 100%;
  transition: -webkit-transform .25s ease-out;
  -webkit-transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out;
  -webkit-transform: translate(100%, 0);
  transform: translate(100%, 0);
  background-color: #909090;
    font-family: initial;/* 20180501 */
    line-height: normal;/* 20180501 */
}

#page #global-sp.is-open {
  -webkit-transform: translate(0%, 0);
  transform: translate(0%, 0);
}

#page #global-sp .nav-global-inner {
  position: absolute;
  right: 0;
  left: 0;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 20px 8px 0 15px;
  background-color: #909090;
  -webkit-overflow-scrolling: touch;
}

#page #global-sp .membership-links {
  display: none;
}

#page #global-sp .link-group {
  margin: 0 0 24px;
}

#page #global-sp .link-group dl dt {
  /*font-size: 12px;*/
	font-size: 13px; /*20181114*/
  font-weight: bold;
  margin: 0 0 12px;
  color: #fff;
}

#page #global-sp .link-group dl dt a {
  color: #fff;
}

#page #global-sp .link-group dl dd ul li {
  /*font-size: 11px;*/
	font-size: 13px;/*20181114*/
  margin: 0 0 6px;
}

#page #global-sp .link-group dl dd ul li a {
  color: #e0e0e0;
}

#page #global-sp .link-group-02 {
  margin: 0 0 15px;
}

#page #global-sp .link-group-02 ul li {
  /*font-size: 11px;
  font-size: 12px;*/
  font-size: 13px; /*20181114*/
  font-weight: bold;
  margin: 0 0 6px;
  color: #fff;
}

#page #global-sp .link-group-02 ul li a {
  color: #fff;
}

#global-sp .link-home {
  margin: 0 -8px 15px -20px;
}

#page #global-sp .link-home a {
  font-size: 13px;
  font-weight: bold;
  display: block;
  padding: 12px 8px 10px 15px;
  color: #fff;
  background-color: #737373;
}

#page #global-sp.is-membership-active .public-links {
  display: none;
}

#page #global-sp.is-membership-active .membership-links {
  display: block;
}

#content {
  transition: -webkit-transform .25s ease-out;
  -webkit-transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.drawn #content {
  -webkit-transform: translate(-180px, 0);
  transform: translate(-180px, 0);
}

#content .language-select {
  position: relative;
  /*padding: 10px 15px;*/
	padding: 20px 15px 10px; /* 20190411 */
}

#content .language-select.is-open > span {
  border: 1px solid #666;
  background-color: #fff;
}

#content .language-select.is-open .language-select-inner {
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: auto;
  opacity: 1;
}

#content .language-select > span {
  /*font-size: 10px;
  font-size: 1rem;*/
	font-size: 13px;
  font-size: 1.3rem;/*20181114*/
  font-weight: bold;
  display: block;
  padding: 5px 0;
  cursor: pointer;
  text-align: center;
  letter-spacing: .05em;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  background-color: #f5f5f5;
}

#content .language-select > span:before {
  display: inline-block;
  width: 7px;
  height: 5px;
  margin: -3px 5px -1px 0;
  content: '';
  vertical-align: middle;
}

.dpr1 #content .language-select > span:before {
  background-image: url('/img/sp/sprites/1x-sbe498cd554.png');
  background-position: 0 -16px;
}

.dpr2 #content .language-select > span:before {
  background-image: url('/img/sp/sprites/2x-s53e0d773de.png');
  background-position: 0 -16px;
  background-size: 55px;
}

#content .language-select > span:after {
  display: inline-block;
  width: 7px;
  margin: 0 0 0 5px;
  content: '';
}

#content .language-select .language-select-inner {
  position: absolute;
  z-index: 9;
  top: 52px;
  right: 0;
  left: 0;
  visibility: hidden;
  width: 109px;
  margin: auto;
  padding: 12px 0;
  transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out, visibility .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
  transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
  transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out;
  transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  pointer-events: none;
  opacity: 0;
  border: 1px solid #333;
  border-radius: 3px;
  background-color: #fff;
}

#content .language-select .language-select-inner:before {
  position: absolute;
  top: -11px;
  right: 0;
  left: 0;
  display: inline-block;
  width: 18px;
  height: 13px;
  margin: auto;
  content: '';
}

.dpr1 #content .language-select .language-select-inner:before {
  background-image: url('/img/sp/sprites/1x-sbe498cd554.png');
  background-position: -12px -49px;
}

.dpr2 #content .language-select .language-select-inner:before {
  background-image: url('/common/img/sprites/1x-sbe498cd554.png');
  background-position: -12px -48.5px;
  background-size: 55px;
}

#content .language-select .language-select-inner ul li {
  margin: 10px 0 0;
  text-align: center;
}

#content .language-select .language-select-inner ul li:first-child {
  margin: 0;
}

/*===============================
	20181015　ホテルラフォーレ修善寺言語力変えボタン追加
======================================*/

#language-outside .language-select {
  position: relative;
  padding: 10px 15px;
}

#language-outside .language-select.is-open > span {
  border: 1px solid #666;
  background-color: #fff;
}

#language-outside .language-select.is-open .language-select-inner {
  visibility: visible;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  pointer-events: auto;
  opacity: 1;
}

#language-outside .language-select > span {
 /* font-size: 10px;
  font-size: 1rem;*/
	 font-size: 13px;
  font-size: 1.3rem;/*20181114*/
  font-weight: bold;
  display: block;
  padding: 5px 0;
  cursor: pointer;
  text-align: center;
  letter-spacing: .05em;
  border: 1px solid #f5f5f5;
  border-radius: 3px;
  background-color: #f5f5f5;
}

#language-outside .language-select > span:before {
  display: inline-block;
  width: 7px;
  height: 5px;
  margin: -3px 5px -1px 0;
  content: '';
  vertical-align: middle;
}

.dpr1 #language-outside .language-select > span:before {
  background-image: url('/img/sp/sprites/1x-sbe498cd554.png');
  background-position: 0 -16px;
}

.dpr2 #language-outside .language-select > span:before {
  background-image: url('/img/sp/sprites/2x-s53e0d773de.png');
  background-position: 0 -16px;
  background-size: 55px;
}

#language-outside .language-select > span:after {
  display: inline-block;
  width: 7px;
  margin: 0 0 0 5px;
  content: '';
}

#language-outside .language-select .language-select-inner {
  position: absolute;
  z-index: 9;
  top: 52px;
  right: 0;
  left: 0;
  visibility: hidden;
  width: 142px;
  margin: auto;
  padding: 12px 0;
  transition: opacity .25s ease-in-out, -webkit-transform .25s ease-in-out, visibility .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
  transition: opacity .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
  transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out;
  transition: opacity .25s ease-in-out, transform .25s ease-in-out, visibility .25s ease-in-out, -webkit-transform .25s ease-in-out;
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  pointer-events: none;
  opacity: 0;
  border: 1px solid #333;
  border-radius: 3px;
  background-color: #fff;
}

#language-outside .language-select .language-select-inner:before {
  position: absolute;
  top: -11px;
  right: 0;
  left: 0;
  display: inline-block;
  width: 18px;
  height: 13px;
  margin: auto;
  content: '';
}

#language-outside .language-select .language-select-inner dl {
	margin: 0 0 10px 0;
}

#language-outside .language-select .language-select-inner dt {
	font-weight: bold;
	margin: 0 0 10px 0;
	text-align: center;
	/*font-size: 12px;*/
	font-size: 13px; /*20181114*/
}

.dpr1 #language-outside .language-select .language-select-inner:before {
/*  background-image: url('/img/sp/sprites/1x-sbe498cd554.png');
  background-position: -12px -49px;*/
	    background-image: url(../img/sp/sprites/1x-sbe498cd554.png);
    background-position: -12px -48.5px;
    background-size: 55px;
}

.dpr2 #language-outside .language-select .language-select-inner:before {
  background-image: url('/common/img/sprites/1x-sbe498cd554.png');
  background-position: -12px -48.5px;
  background-size: 55px;
}

#language-outside .language-select .language-select-inner ul li {
  margin: 10px 0 0;
  text-align: center;
}

#language-outside .language-select .language-select-inner ul li:first-child {
  margin: 0;
}


/*===============================
	/20181015　ホテルラフォーレ修善寺言語力変えボタン追加
======================================*/

#content .membership {
  display: none;
  padding: 12px 15px 15px;
}

#content .membership a {
  text-decoration: none;
}

#content .membership .link-membership {
  /*font-size: 12px;*/
	font-size: 13px; /*20181114*/
  margin: 0 0 5px;
}

#content .membership .link-membership a {
  color: #444;
}

#content .membership .link-membership a:before {
  position: relative;
  top: -.2em;
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: 0 7px 0 0;
  content: '';
  vertical-align: middle;
}

.dpr1 #content .membership .link-membership a:before {
  background-image: url('../img/sprites/1x-sbe498cd554.png');
  background-position: -10px 0;
}

.dpr2 #content .membership .link-membership a:before {
  background-image: url('../img/sprites/2x-s53e0d773de.png');
  background-position: -10px 0;
  background-size: 55px;
}

#content .membership .link-if-not {
  /*font-size: 10px;*/
	font-size: 13px;/*20181114*/
  margin: 0;
  padding: 0 0 0 22px;
}

#content .membership .link-if-not a {
  padding: 0 0 3px;
  color: #777;
  border-bottom: 1px dotted #666;
}

#content .language-select + .membership {
  padding-top: 0;
}

/*#content .topic-path {
  padding: 9px 15px;
  background-color: #f5f5f5;
}*/

#content .topic-path { /* 20190411 */
	display: none;
}

#content .topic-path ol {
  font-size: 0;
}

#content .topic-path ol li {
  /*font-size: 10px;*/
	font-size: 13px;/*20181114*/
  display: inline-block;
  margin: 0 4px 0 0;
}

#content .topic-path ol li:before {
  margin: 0 5px 0 0;
  content: '>';
}

#content .topic-path ol li:first-child:before {
  display: none;
}

#content .mv {
  margin: 0 -15px 35px;
}

#content .mv img {
  width: 100%;
  height: auto;
}

#content #main {
  padding: 0 15px;
}

#website-footer {
  transition: -webkit-transform .25s ease-out;
  -webkit-transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out, -webkit-transform .25s ease-out;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
    
    /*--20180501--*/
    font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
  line-height: 1.5;
  /*position: relative;*/
	position: static; /*20180228 Responsive*/
  z-index: 100;
  overflow: hidden;
  width: 100%;
  padding: 56px 0 0;
  -webkit-transition: left .25s ease-out;
  transition: left .25s ease-out;
  color: #666;
  background-color: #fff;
    /*--/20180501--*/
}




#website-footer.hotel-website-footer {
  padding-top: 30px;
  border-top: 1px solid #e0e0e0;
}

#website-footer.hotel-website-footer .footer-view-mode .btn {
  width: 160px;
}

#website-footer.golf-website-footer {
  padding-top: 30px;
  border-top: 1px solid #e0e0e0;
}

#website-footer.golf-website-footer .footer-view-mode .btn {
  width: 160px;
}

 /*.contact-form-link部分 .hotel-contactの削除*/
#website-footer.golf-website-footer .hotel-info .contact-form-link {
  clear: none;
  overflow: hidden;
  padding: 17px 0 0;
}

.drawn #website-footer {
  -webkit-transform: translate(-180px, 0);
  transform: translate(-180px, 0);
}

#website-footer .website-footer-inner {
  padding: 0 0 22px;
	position: inherit;/*20180228 Responsive*/
	width: 100%;/*20180228 Responsive*/
	box-sizing: border-box;/*20180228 Responsive*/
	margin: 0;/*20180228 Responsive*/
}

#website-footer .website-footer-btm {
  padding: 20px 0 0;
  border-top: 1px solid #e0e0e0;
}

#website-footer .page-top {
  text-align: center;
}

#website-footer .page-top a {
  /*font-size: 12px;*/
	font-size: 13px;/*20181114*/
  font-weight: bold;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #333;
}

#website-footer .page-top a:before {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin: -10px 13px -6px 0;
  content: '';
  vertical-align: middle;
}

.dpr1 #website-footer .page-top a:before {
  background-image: url('../img/sprites/1x-sbe498cd554.png');
  background-position: -19px -65px;
}

.dpr2 #website-footer .page-top a:before {
  background-image: url('../img/sprites/2x-s53e0d773de.png');
  background-position: -19px -64.5px;
  background-size: 55px;
}

#website-footer .search-plans {
  margin: 0 0 20px;
  text-align: center;
}

#website-footer .search-plans > .btn {
  width: 210px;
  padding: 10px;
}

#website-footer .group-site-link {
  margin: 0 0 20px;
  text-align: center;
}

#website-footer .hotel-info {
  margin: 32px 0 20px;
  padding: 23px 16px 0;
  border-top: 1px solid #e0e0e0;
}

#website-footer .hotel-info .hotel-location {
  font-style: normal;
  /*width: 220px;*//*20180618 Responsive*/
  min-height: 40px;
  margin: 0 auto 10px;
  padding: 0 70px 0 0;
  background: url('../img/sp/logo_footer.png') 100% 5px no-repeat;
  background-size: 50px auto;
}

#website-footer .hotel-info .hotel-location dt {
  /*font-size: 12px;
  font-size: 1.2rem;*/
	font-size: 13px;
  font-size: 1.3rem; /*20181114*/
  font-weight: bold;
  margin: 0 0 8px;
  line-height: 1;
}

#website-footer .hotel-info .hotel-contact {
  width: 290px;
  margin: 0 auto 10px;
  *zoom: 1;
}

#website-footer .hotel-info .hotel-contact:after {
  display: block;
  clear: both;
  content: '';
}

#website-footer .hotel-info .hotel-contact .reservation-dial {
  float: left;
  width: 50%;
  margin: 0 0 13px;
}
/*20180228 Responsive*/
/*20190401 受付時間追加の調整*/
/*#website-footer .hotel-info .hotel-contact .reservation-dial dt {
	margin: 0 0 5px 0;
	line-height: 1;
}*/

#website-footer .hotel-info .hotel-contact .main-phone-number {
  float: right;
  width: 50%;
  margin: 0 0 13px;
}
/*20180228 Responsive*/
#website-footer .hotel-info .hotel-contact .main-phone-number dt {
	margin: 0 0 5px 0;
	line-height: 1;
}

#website-footer .hotel-info .hotel-contact dl dd {
  font-size: 18px;
  font-size: 1.8rem;
}

 /*.contact-form-link部分 .hotel-contactの削除*/
#website-footer .hotel-info .contact-form-link {
  clear: both;
	margin: 0 0 5px 0;/*20180228 Responsive*/
}

#website-footer .hotel-info .contact-form-link {
  text-align: center;
}

 /*修善寺約款20190716*/
#website-footer .hotel-info .term {
  clear: both;
  margin: 0 0 5px 0;/*20180228 Responsive*/
  text-align: center;
}
#website-footer .hotel-info .term:before{
font-weight: bold;
margin: 0 5px 0 -1em;
content: '>';
}
#website-footer .hotel-info .term :hover {
  text-decoration: none;
}
#website-footer .hotel-info .term span {
    font-weight: bold;
    padding: 0 0 3px;
    border-bottom: 1px dotted #333;
}
 /*修善寺約款20190716ここまで*/

/*アプリ導線20190725*/
#website-footer .app {
float: none;
margin: 0 23% 1.5rem;
font-size: 1.2rem;
font-weight: bold;
border: 1px solid;
border-radius: 3px;
background: #fff;
padding: 4px 1rem;
display: inline-block;
}
#website-footer .app, #website-footer .app a{
color: #666 !important;
}
#website-footer .app span {
margin-left: 1rem;
}

/*アプリ導線20190725ここまで*/


#website-footer .hotel-social-links {
  margin: 0 0 22px;
  text-align: center;
}

#website-footer .hotel-social-links ul {
  display: inline-block;
  *zoom: 1;
}

#website-footer .hotel-social-links ul:after {
  display: block;
  clear: both;
  content: '';
}

#website-footer .hotel-social-links li {
  display: inline-block;
  margin: 0 6px;
  vertical-align: middle;
}

#website-footer .footer-hotelsAndResorts-link {
  margin: 30px 0 0;
  padding: 27px 15px 12px;
  border-top: 1px solid #e5e5e5;
  /*border-bottom: 1px solid #e5e5e5;20190611*/
}

#website-footer .footer-hotelsAndResorts-link dl {
  text-align: center;
}

#website-footer .footer-hotelsAndResorts-link dl dt {
 /* font-size: 11px;*/
	 font-size: 13px;/*20181114*/
  font-weight: bold;
  margin: 0 0 20px;
  color: #333;
}

#website-footer .footer-hotelsAndResorts-link dl dd {
 /* font-size: 10px;*/
	 font-size: 13px;/*20181114*/
}

#website-footer .footer-hotelsAndResorts-link dl dd ul {
  font-size: 0;
}

#website-footer .footer-hotelsAndResorts-link dl dd ul li {
  /*font-size: 10px;*/
	font-size: 13px;/*20181114*/
  line-height: 1.1;
  display: inline-block;
  margin: 0 10px 12px 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #666;
}

#website-footer .footer-hotelsAndResorts-link dl dd ul li a {
  text-decoration: none;
  color: #666;
}

#website-footer .footer-hotelsAndResorts-link dl dd ul li:last-child {
  border-right: none;
}

#website-footer .footer-banners {
  margin: 0 0 30px;
  padding: 30px 15px;
  border-bottom: 1px solid #e5e5e5;
}

/*#website-footer .footer-banners ul li {
  margin: 20px 0 0;
  text-align: center;
}

#website-footer .footer-banners ul li:first-child {
  margin-top: 0;
}*/

/*------------------------------
     20190425 Responsive
--------------------------------*/
.footer-banners ul {
    width: 100%;
    padding: 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
	
	.footer-banners ul li {
		/*position: relative;*/
    /*width: 100%;*/
		width: 14%;
		/*width: 15%;*/
		height: auto;
    margin: 0 0 0 3%;
    background: #909090;
    border-radius: 3px;
    font-size: 0;
}

.footer-banners ul li:first-child {
	margin: 0;
}
	
	/*.footer-banners ul li:before {
		content: "";
		display: block;
		padding-top: 100%;
	}*/
	
	.footer-banners ul li a {
		/*position: absolute;
		top: 0;
		left: 0;*/
    transition: opacity .25s ease-in-out;
    opacity: 1;
    display: block;
    width: 100%;
		height: 100%;
    padding: 2px;
    box-sizing: border-box;
		text-align: center;
	}

/*.footer-banners ul li:nth-of-type(1) a {
	padding: 4px 0;
}*/
	
	.footer-banners ul li:nth-of-type(3) a,
	.footer-banners ul li:nth-of-type(4) a,
	.footer-banners ul li:nth-of-type(5) a {
		display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
	}
	
	.footer-banners ul li a img {
		display: block;
		width: 100%;
		margin: 0 auto;
	}
	
	.footer-banners ul li span {
		display: none;
	}
	
	.footer-banners ul li em {
		display: block;
		font-style: normal;
		margin: 2% 0 0;
		color: #FFF;
	}

.footer-banners ul li:nth-of-type(3) img {
	width: 70%;
}

.footer-banners ul li:nth-of-type(4) img {
	width: 70%;
}

.footer-banners ul li:nth-of-type(5) img {
	width: 70%;
}
	
	/*.footer-banners ul li:nth-of-type(1) img {
		width: 40%;
	}
	
	.footer-banners ul li:nth-of-type(1) em {
		font-size: 2.5vw;
		line-height: 1.2;
	}
	
	.footer-banners ul li:nth-of-type(2) em {
		font-size: 3vw;
	}*/
	
	.footer-banners ul:after {
		display: none;
}
	

/*#website-footer .footer-banners ul {
    width: 100%;
    display: flex;
    justify-content: center;
}

#website-footer .footer-banners li {
    width: calc(100% / 5);
    margin: 0 6px;
}

#website-footer .footer-banners li img {
    width: 75%;
}*/

/* /20180720 Responsive */

#website-footer .footer-view-mode {
  margin: 0 0 30px;
  text-align: center;
}

#website-footer .footer-view-mode .btn {
  width: 270px;
}

.footer-logo {
	margin: 0 0 10px 0;
	text-align:center;
}

.footer-logo img {
	width:40%;
}


#website-footer .footer-links {
  margin: 0 0 30px;
  padding: 18px 15px 8px;
  border-bottom: 1px solid #e0e0e0;
}

#website-footer .footer-links ul {
  font-size: 0;
  text-align: center;
}

#website-footer .footer-links ul li {
  /*font-size: 10px;*/
	font-size: 13px;/*20181114*/
  font-weight: bold;
  display: inline-block;
  margin: 0 13px 10px 0;
}

#website-footer .footer-links ul li a {
  text-decoration: none;
  color: #666;
}

#website-footer .copyright {
  padding: 0 15px;
  text-align: center;
}

.mod-search-panel {
  z-index: 99;
  display: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 95%;
  margin: 5px 0;
  padding: 15px 10px;
  border: 1px solid #333;
  border-radius: 4px;
  background: #fff;
}

.mod-search-panel .close {
  position: absolute;
  top: 15px;
  right: 15px;
}

.mod-search-panel .tabs.rsv-form-tabs {
  margin-bottom: 15px;
}

.mod-search-panel #tab-content-search-form-member,
.mod-search-panel #tab-content-search-form-public {
  width: 100%;
}

.mod-search-panel #calid,
.mod-search-panel #calid2 {
  position: absolute;
}

.mod-search-panel #calid_screen,
.mod-search-panel #calid2_screen {
  position: relative;
  overflow: hidden;
  padding: 5px;
  border-right: 3px solid rgba(0, 0, 0, .1);
  border-bottom: 3px solid rgba(0, 0, 0, .1);
  border-radius: 3px;
  background-color: #fff;
}

.mod-search-panel #calid_screen table,
.mod-search-panel #calid2_screen table {
  border: none !important;
}

.mod-search-panel #calid_screen table td,
.mod-search-panel #calid2_screen table td {
  padding: 6px 4px !important;
  border: none !important;
}

.mod-search-panel .search-panel-header {
  margin: 0 0 10px;
  text-align: center;
}

.mod-search-panel .search-panel-header .search-panel-heading {
  font-size: 13px;
}

.mod-search-panel .search-form {
  /*font-size: 12px;*/
	font-size: 13px;/*20181114*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  margin: 5px 0 0;
  padding: 10px;
  border-radius: 3px;
  background-color: #f5f5f5;
  *zoom: 1;
}

.mod-search-panel .search-form:after {
  display: block;
  clear: both;
  content: '';
}

.mod-search-panel .search-form:last-child {
  margin-top: 0;
}

.mod-search-panel .search-form .search-form-header {
  margin: 0 0 5px;
  text-align: center;
}

.mod-search-panel .search-form .search-form-header .search-form-heading {
  /*font-size: 12px;*/
	font-size: 13px;/*20181114*/
}

.mod-search-panel .reservation-links {
  /*font-size: 12px;
  font-size: 1.2rem;*/
	font-size: 13px;
  font-size: 1.3rem;/*20181114*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 0 5px;
  padding: 10px;
  border-radius: 4px;
  background-color: #f5f5f5;
  *zoom: 1;
}

.mod-search-panel .reservation-links:after {
  display: block;
  clear: both;
  content: '';
}

/*------------------------------
     20180413 Responsive
--------------------------------*/
.mod-search-panel .reservation-links ul li {
    float: none;
    margin: 10px 0 0;
}

/*---------20180413------------*/

/*.mod-search-panel .reservation-links ul li {
  margin: 10px 0 0;
}*/

.mod-search-panel .reservation-links ul li:first-child {
  margin: 0;
}

.mod-search-panel .reservation-links .btn {
 /* font-size: 12px;
  font-size: 1.2rem;*/
	 font-size: 13px;
  font-size: 1.3rem;/*20181114*/
  font-weight: bold;
  line-height: inherit;
  display: inline-block;
  width: 100%;
  padding: 12px 0;
  -webkit-transition: opacity .25s ease-in-out;
  transition: opacity .25s ease-in-out;
  text-align: center;
  text-decoration: none;
  letter-spacing: 1px;
  opacity: 1;
  color: #fff;
  border: none;
  border-radius: 4px;
  background-color: #333;
}

.mod-search-panel .search-form-items {
  /*font-size: 12px;
  font-size: 1.2rem;*/
	font-size: 13px;
  font-size: 1.3rem;/*20181114*/
  margin: 0 0 17px;
  table-layout: fixed;
}

.mod-search-panel .search-form-items th {
  /*font-size: 11px;*/
	font-size: 13px;/*20181114*/
  font-weight: bold;
  width: 88px;
  padding: 5px 0 12px;
  text-align: left;
  vertical-align: top;
}

.mod-search-panel .search-form-items td {
  padding: 0 0 12px;
  text-align: left;
  vertical-align: middle;
}

.mod-search-panel .search-form-items input[type='text'] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 82px;
  height: 28px;
  margin: 0 7px 0 0;
  padding: 0 10px;
  border: none;
  border-radius: 4px;
  background-color: #fff;
}

.mod-search-panel .search-form-items input[type='text']:focus {
  outline: none;
  background-color: #d7d7d7;
}

.mod-search-panel .search-form-items input[type='text'][name='cmbARRY'],
.mod-search-panel .search-form-items input[type='text'][name='cmbARRY2'] {
  width: 68px;
  margin: 0 7px 12px 0;
}

.mod-search-panel .search-form-items input[type='text'][name='cmbARRM'],
.mod-search-panel .search-form-items input[type='text'][name='cmbARRM2'] {
  width: 51px;
  margin: 0 7px 8px 0;
}

.mod-search-panel .search-form-items input[type='text'][name='cmbARRD'],
.mod-search-panel .search-form-items input[type='text'][name='cmbARRD2'] {
  width: 51px;
  margin: 0 7px 8px 17px;
}

.mod-search-panel .search-form-items #dk_container_cmbhcod1,
.mod-search-panel .search-form-items #dk_container_cmbhcod2 {
  display: inline-block !important;
  width: 157px;
}

.mod-search-panel .search-form-items #dk_container_hidSELECTHAKSU,
.mod-search-panel .search-form-items #dk_container_hidSELECTHAKSU2 {
  display: inline-block !important;
  width: 68px;
}

.mod-search-panel .search-form-items #dk_container_cmbADULT,
.mod-search-panel .search-form-items #dk_container_cmbADULT2 {
  display: inline-block !important;
  width: 68px;
}

.mod-search-panel .submit {
  text-align: center;
}

.mod-search-panel .submit .button {
  width: 200px;
  margin: 0 0 15px;
}

.mod-search-panel .detail-membership {
 /* font-size: 11px;*/
	 font-size: 13px;/*20181114*/
  margin: 0 0 15px;
}

.mod-search-panel .search-room-available {
  margin: 10px 0 0;
  padding: 17px 0;
  text-align: center;
  border-top: 1px solid #d7d7d7;
}

.mod-search-panel .search-room-available .btn {
  width: 200px;
}

.mod-search-panel .cancel-links {
  font-size: 0;
  padding: 10px 0 0;
  text-align: left;
  border-top: 1px solid #d7d7d7;
}

.mod-search-panel .cancel-links li {
  /*font-size: 10px;*/
	font-size: 13px;/*20181114*/
  font-weight: bold;
  margin: 5px 0 0;
}

.mod-search-panel .cancel-links li:first-child {
  margin: 0;
}

.mod-search-panel .cancel-links li:before {
  font-weight: bold;
  margin: 0 4px 0 0;
  content: '>';
}

.mod-search-panel .cancel-links li a {
  display: inline-block;
  text-decoration: none;
  color: #333;
  border-bottom: 1px dotted #333;
}
.ph_red {
	color:#930;
	font-weight: bold;}

 /*20180228 Responsive*/
#content .content-1-column {
    /* width: 980px; */
    width: 100%;
    max-width: 980px;
    margin: 25px auto 0;
    padding: 0;
    box-sizing: border-box;
}
	
	
/*==================
20170829追加_bnr一覧自動送り
==================*/
.thumb_wrap {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.thumb_wrap:after {
  display: block;
  clear: both;
  content: '';
}

.thumb_wrap .child {
    width: 45%;
    margin: 0 0 20px 0;
    /*float: left;*//*20180720 Responsive*/
   /* display: inline;*/    /*for ie*//*20180720 Responsive*/
    /*font-size: 12px;*/
	font-size: 13px; /*20181114*/
}

.tab-btn ul li {
    font-size: 1.4rem;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #f9f4f4;
    padding: 3px 15px;
    text-align: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin: 0;
    box-sizing: border-box;
    width: 50%;
}

.thumb_wrap .child2 {
    width: 100%;
    margin: 0 0 40px 0;
    /*float: left;*//*20180720 Responsive*/
   /* display: inline;*/    /*for ie*//*20180720 Responsive*/
    /*font-size: 12px;*/
	font-size: 13px; /*20181114*/
}
.tab-btn ul li {
    font-size: 1.4rem;
    vertical-align: top;
    display: inline-block;
    cursor: pointer;
    transition: all 0.2s ease;
    background: #f9f4f4;
    padding: 10px;
    text-align: center;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    margin: 0;
    box-sizing: border-box;
    /*width: 50%;*/
}


.thumb_wrap .child:nth-child(3n-1){/*20180720 Responsive*/
    /* margin: 0 80px; */
    margin: 0;
}
.thumb_wrap .child2:nth-child(3n-1){
margin: 0 0 40px 0;
}

.thumb_wrap .child:nth-child(even){
	margin-left: 10%;
}
.thumb_wrap .child2:nth-child(even){
	margin-left: 0;
}

.thumb_wrap .child .photo img,.thumb_wrap .child2 .photo img {
    margin-bottom: 10px;
	border-radius: 3px;
	width: 100%;
	height: auto;

}
.thumb_wrap .child .title {
	color: #333;
	font-size: 1.3rem;
	font-weight: bold;
	margin: 5px 0 10px;
}
/*=======================
add 20180119 header/footer
=========================*/
.fz14{
font-size: 14px;}

#website-header .reserveBtn02{
	position: absolute; /*20180228 Responsive*/
top: 10px;
right: 5px;
}
#website-header .logo02 {
   /* padding: 15px 0;*/
   /* padding: 15px 0 10px 0;*/
	 padding: 20px 0; /*20181109*/
}

#website-header p.logo02 {
	 padding: 20px 0 8px; /*20190703*/
}

#website-header .logo02V {
    padding: 15px 0 10px;
}

.menu .btn-menu .menu-lineW{
background: #fff;
}

#website-header .headerV{
background: #a77d4b;
}
#website-header .headerV a{
color: #fff;
}

.pageAdjust #page{
  padding-top: 61px;
}

.listtop #page{
   /*20190301 padding: 47px 0 0;*/
   padding: 60px 0 0;
}

#website-footer .hotel-info .hotel-location02{
background: none;
padding: 0 0 0 0;
text-align: center;
	/*20180228 Responsive*/
	font-style: normal;
	margin: 0 auto 10px;
	line-height: 1.7;
}
.mb30{
margin-bottom: 30px !important;
}
.mb60{
margin-bottom: 60px !important;
}

.margin-adj {
	margin: 0 0 2.28% 0;
}

/*==================
20181109 benefit TOP
==================*/

.bana-area {
	text-align: center;
    margin: 0 0 40px 0;
}

.bana-area img {
	width: 100%;
	height: auto;
}

/*==================
20190701 Responsive
==================*/
ol li{
list-style-type: decimal;
margin-left: 1.5em;}


@media screen and (min-width:500px){
/*.pageAdjust #page{
  padding-top: 75px;
}*/
}/*min-width:500px*/

@media screen and (max-width:400px){
/*.pageAdjust #page{
  padding-top: 65px;
}
*/
}/*max-width:400px*/

@media screen and (max-width:350px){
/*.pageAdjust #page{
  padding-top: 60px;
}*/
}/*max-width:350px*/