@charset "UTF-8";
/*
==================================================
BASE
==================================================
*/
body {
	background:#fff;
}

a {
  color: #333333;
}

/*
==================================================
HEADER
==================================================
*/
header{
  width: 100%;
  height: 290px;
  background-image: url(../images/english/kv.png);
  background-position: center bottom;
  background-repeat: no-repeat;
	box-sizing:border-box;
	margin-bottom:40px;
}

header h1{
}


@media only screen and (max-width: 768px) {
  header{
    margin-top: 0;
    background-size:100% auto;
	  background-image: url(../images/english/kv.png);
	  height: 60px;
		margin-bottom:20px;
 }
  header h1{
    height: 115px;
    font-size: 38px;
    padding: 31px;
  }
}

.spmode-only{
  display: none;
}

/*
==================================================
HEADER スライド
==================================================
*/
.foreign_slide{
  margin-top: 150px;
  width: 100%;
  position: relative;
  margin-bottom: 70px;
}
.foreign_slide .owl-carousel{
  max-width: 2500px;
  width: 100%;
  margin: 0 auto;
}
.foreign_slide .owl-carousel .slideBox {
  position: relative;
}
.foreign_slide .owl-carousel .slideBox a:hover {
  opacity: 1;
}
.foreign_slide .owl-carousel .slideBox .copyArea{
  position: absolute;
  top: 49%;
  left: 0;
  width: 100%;
  margin-top: -70px;
  text-align: center;
}
.foreign_slide .owl-carousel .slideBox .copyArea.firstCopy{
  margin-top: -25px;
}
.foreign_slide .owl-carousel .slideBox .copyArea.first_second{
  margin-top: -25px;
}
.foreign_slide .owl-carousel .slideBox .copyArea h1,
.foreign_slide .owl-carousel .slideBox .copyArea p{
  position: relative;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  color: #fff;
  font-weight: bold;
  font-size: 58px;
  line-height: 1.2;
  text-shadow: 1px 3px 10px rgba(0,0,0,0.8);
}
.foreign_slide .owl-carousel .slideBox .copyArea p .spShow{
	display: none;
}
.foreign_slide .owl-theme .owl-controls {
    margin-top: 0;
}
.foreign_slide .owl-theme .owl-pagination {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translate(-50%,0);
}
.foreign_slide div.owl-pagination div.owl-page span{
  background-color: #385DCD !important;
  border: 1px solid #fff;
  opacity: 0.999 !important;
}
.foreign_slide div.owl-pagination div.owl-page.active span{
  background-color: #fff !important;
  border: 1px solid #385DCD;
  opacity: 0.999;
}

.foreign_slide div.owl-pagination div.owl-page:hover span{
  background-color: #fff!important;
  border: 1px solid #385DCD;
  opacity: 0.999 !important;
}
.foreign_slide .owl-theme .owl-controls {
  margin-top: 0 !important;
  text-align: center;
}
.foreign_slide .owl-theme .owl-controls .owl-buttons div {
  color: #FFF;
  font-weight: bold;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 0;
  padding: 0 !important;
  font-size: 70px !important;
  background: none !important;
  filter: Alpha(Opacity=100) !important;
  /*IE7 fix*/
  opacity: 1 !important;
  text-shadow: 1px 2px 8px rgba(0,0,0,0.8);
}
.foreign_slide .owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}
.foreign_slide .owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}
.foreign_slide .owl-theme .owl-controls .owl-page span {
  display: block;
  width: 16px !important;
  height: 16px !important;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
}
.foreign_slide .owl-theme .owl-controls .owl-page.active span,
.foreign_slide .owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
}
.foreign_slide .owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.foreign_slide .owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center
}
.foreign_slide #owl-demo .owl-item > div img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 4px;
}
.foreign_slide #owl-demo .owl-item > div {
  background: #42bdc2;
  text-align: center;
  padding: 50px 0px;
  margin: 3px;
  color: white;
  font-size: 32px;
  border: 1px white;
}
.foreign_slide .wrapper-with-margin {
  margin: 0px 50px;
}
.foreign_slide .owl-theme .owl-controls .owl-buttons div {
  position: absolute;
}
.foreign_slide .owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 10px;
  top: 49%;
  margin-top: -50px;
}
.foreign_slide .owl-theme .owl-controls .owl-buttons .owl-prev i{
  font-style: normal;
  transform: scale( 0.5 , 1 );
  display: block;
}
.foreign_slide .owl-theme .owl-controls .owl-buttons .owl-next {
  right: 10px;
  top: 49%;
  margin-top: -50px;
}
.foreign_slide .owl-theme .owl-controls .owl-buttons .owl-next i{
  font-style: normal;
  transform: scale( 0.5 , 1 );
  display: block;
}
.foreign_slide .bestrate{
  position: absolute;
  right: 30px;
  bottom: 30px;
  max-width: 675px;
  width: 33%;
}
.foreign_slide .bestrate .pcShow{
  display: block;
}
.foreign_slide .bestrate .spShow{
  display: none;
}
@media only screen and (max-width: 1000px) {
  .foreign_slide .owl-carousel .slideBox .copyArea{
    margin-top: -48px;
  }
  .foreign_slide .owl-carousel .slideBox .copyArea.first_second{
    margin-top: -48px;
  }
  .foreign_slide .owl-carousel .slideBox .copyArea h1,
  .foreign_slide .owl-carousel .slideBox .copyArea p{
    font-size: 40px;
    text-shadow: 1px 3px 8px #000;
    line-height: 1.4;
  }
  .foreign_slide.english_slide .owl-carousel .slideBox .copyArea h1,
  .foreign_slide.english_slide .owl-carousel .slideBox .copyArea p{
    font-size: 35px;
    text-shadow: 1px 3px 8px #000;
    line-height: 1.4;
  }
  .foreign_slide .bestrate{
    position: inherit;
    right: 0;
    bottom: 0;
    max-width: 1000px;
    width: 100%;
  }
  .foreign_slide .bestrate{
    position: inherit;
    right: 0;
    bottom: 0;
    max-width: 1000px;
    width: 100%;
  }
  .foreign_slide .bestrate img{
    width: 100%;
  }
  .foreign_slide .bestrate .pcShow{
    display: none;
  }
  .foreign_slide .bestrate .spShow{
    display: block;
  }
}
@media only screen and (max-width: 768px) {
  .foreign_slide{
    margin-top: 0;
  }
  .foreign_slide .bestrate{
    position: inherit;
    right: 0;
    bottom: 0;
    max-width: 1000px;
    width: 100%;
  }
  .foreign_slide .owl-theme .owl-controls .owl-buttons div {
    font-weight: normal;
  }
  .foreign_slide .owl-carousel .slideBox .copyArea p .spShow{
	display: inherit;
  }
}


/*
==================================================
GUEST ROOM
==================================================
*/
main {
	max-width:1800px;
}

div.inner {
	max-width:1000px;
	margin:0 auto;
	}

section.english-sec {
	margin-bottom:40px;
}
section.english-sec p {
	font-size:15px;
}
section.english-sec h2 {
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	line-height:120%;
	margin-bottom:30px;
	}
section.english-sec h3 {
	font-size:25px;
	text-align:center;
	font-family:"Times New Roman", Times, serif;
	border-bottom:2px solid #13646b;
	display:inline-block;
	padding-bottom:5px;
	margin:0 auto;
	margin-bottom:30px;
}
section.english-sec h4 {
    font-size: 25px;
    color: #599297;
    font-weight: bold;
}
section#tourist-list h4 {
	background:url(../images/english/icon_tourist.png) left center no-repeat;
	padding-left:30px;
}
section#room1 div.box-left,
section#room1 div.box-right,
section#room2 div.box-left,
section#room2 div.box-right {
	position:relative;
}

section#room1 h6,
section#room2 h6 {
	position:absolute;
	top:0;
	left:0;
	padding:5px 15px;
	color:#fff;
	width:100% !important;
	text-align:left;
	font-weight:bold;
	background: rgba(19,100,107,0.8);
}

section#map {
	text-align:center;
	position: relative;
}
section#map p{
	display:block;
	max-width:620px;
	margin:0 auto;
	margin-bottom:20px;
}

section#map p.image{
	width: 100%;
	max-width: 100%;
}
section#map p.image span.largement{
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
}


section#room1,
section#room2,
section#breakfast,
section#tourist,
section#access {
	text-align:center;
}
section#breakfast {
}
hr {
		background:url(../images/english/bg_hr.png) repeat-x center bottom;
		height:5px;
		border:none;
		margin:60px 0;
		}

section#room1 img,
section#room2 img {
	margin-bottom:13px;
}

div.box-left {
	float:left;
	text-align: left;
	width: -webkit-calc(50% - 15px);
	width: calc(50% - 15px);
}
div.box-right {
	float:right;
	width: -webkit-calc(50% - 15px);
	width: calc(50% - 15px);
}
section#breakfast div.box-right,
section#access div.box-right {
	text-align:left;
}

section#breakfast div.box-left{
	width: -webkit-calc(46% - 15px);
	 width: calc(46% - 15px);
 }
section#breakfast div.box-right {
	width: -webkit-calc(54% - 15px);
	width: calc(54% - 15px);
}

section#tourist iframe{
	width: 100%;
}

section#tourist-list div.box-left 	{ width:100%;}
section#tourist-list div.image-many{
	width: -webkit-calc(73% - 15px);
	width: calc(73% - 15px);
}
section#tourist-list div.box-right{
	width: -webkit-calc(27% - 15px);
	width: calc(27% - 15px);
}
section#tourist-list div.box-right img	{ margin-bottom:1px; }

section#tourist-list div.box-left img	{
	float: right;
	margin-left: 30px;
	margin-top: -43px;
}

section#walk div.box-left{
	width: -webkit-calc(60.75% - 13px);
	width: calc(60.75% - 13px);
}
section#walk div.box-right{
	width: -webkit-calc(39.25% - 13px);
	width: calc(39.25% - 13px);
}
section#walk div.box-right iframe{
	width: 100%;
}


section#access a {
	color:#3b74aa;
	}

div.room-more {
	margin-top:40px;
	text-align:left;
}
div.sub-text {
	margin-top:40px;
}

/* owl */
#owl-gallery {
}
#owl-gallery .item{
  margin: 3px 7px;
}
#owl-gallery .item img{
  display: block;
  width: 100%;
  height: auto;
}


ul.list-navi {
	text-align:center;
	padding:0;
	margin:0;

}
ul.list-navi li{
	width:236px;
	line-height:60px;
	margin:10px 5px;
	display:inline-block;
	*display: inline;
	*z-index:1;
	background:url(../images/common/bg_line.png) no-repeat bottom center;
	font-size:12px;
	font-weight:bold;
}

ul.list-navi li a {
	display:block;
	height:60px;
	color:inherit;
}

table.tbl-room th{
	background:#f3f7f7;
	border:1px solid #d9dfdf;
	text-align:left;
	width:22%;
	white-space:nowrap;
}
div.room-more table.tbl-room th {
	width:15%;
	}

table.tbl-room td{
	background:#fff;
	border:1px solid #d9dfdf;
	text-align:left;
}

div.tourist-data {
	border-top:2px solid #d7e1e2;
	clear:both;
	padding:60px 0;
	}

ul.list {
	margin:0;
	margin-bottom:30px;
	margin-top:0px;
}
ul.list li {
	font-size:15px;
	list-style:none outside;
	padding-left:15px;
	display:inline-block;
	*display: inline;
	*z-index:1;
	margin-right:15px;
	background:url(../images/common/icon_dot.png) no-repeat 0 7px;
	background-size: 9px;
}
.mb-60 {
	margin-bottom:60px;
}

span.fontCgreen {
	color:#89a8ac;
	font-weight: bold;
}

a.link_under{
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
	main {
		padding:0;
	}
	div.box-left,
	div.box-right {
		float:none;
		width:100%;
	}
	section#tourist-list div.image-many{
		width: 100%;
	}

	section.english-sec p {
		/*font-size:30px;*/
		background-image: url(../images/common/pix.gif);
	}

	section.english-sec h2,
	section.english-sec h3 {
		background-image: url(../images/common/pix.gif);
	}
	section.english-sec h3,
	section.english-sec h4 {
		font-size:40px;
	}
	section#tourist-list h4 {
		background:url(../images/english/icon_s_tourist.png) left center no-repeat;
		padding-left:30px;
		font-size: 34px;
	}
	section#room1 h6,
	section#room2 h6 {
		font-size:30px;
	}
	section#map{
		text-align:left;
	}
	section#map h2 {
		text-align:left;
	}
	section#map p{
		max-width:inherit;
	}
	section#map p.image span.largement{
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
	}
	section#map img,
	section#room1 img,
	section#room2 img {
		width:100%;
	}

	div.room-data {
		width:100%;
		float:auto;
		margin-right:0;
		margin-bottom:60px;
	}
	div.room-data img,
	section#access img{
		width:100%;
		}
	div.room-data p {
		height:3.5em;
		padding-top:10px;
		font-size:30px;
		background-image: url(../images/common/pix.gif);
	}
	div.room2 div.room-data p {
		height:auto;
	}
	ul.list-navi {
		text-align:left;
		/*padding-left:20px;*/
    padding-top: 20px;
	}
	ul.list-navi li{
		width:353px;
		box-sizing:border-box;
		margin:0px 0px 10px 0px;
		background:url(../images/qa/bg_spline.png) no-repeat bottom center;
		background-size:100% 100%;
		font-size:22px;
		text-align:center;
	}
  ul.list-navi li:nth-child(odd){
    margin-right: 10px;
  }
	ul.list-navi li a{
    height: 90px;
    line-height: 26px;
    padding-top: 32px;
	}
  ul.list-navi li:nth-child(3) a{
    padding-top: 6px;
	}

  ul.list-zh-tw li:nth-child(3) a {
    padding-top: 32px;
  }

	main {
		padding:0;
	}

	ul.list li {
		font-size:30px;
		background:url(../images/common/icon_dot.png) no-repeat 0 16px;
		background-size: 11px;
	}

	section#tourist-list div.box-right ,
	section#walk div.box-right {
		text-align:center !important;
		width:100%;
		background-image: url(../images/common/pix.gif);
	}
	section#tourist-list div.box-right img {
		width:255px;
		height:182px;
		margin:6px 6px;
		}

	table.tbl-room  {
		margin-bottom:50px;
	}

	table.tbl-room th{
		font-size:30px;
		padding:20px;
		text-align:left;
	}
	table.tbl-room td{
		font-size:30px;
		padding:20px;
	}

	section.english-sec iframe {
		width:100%;
		height: 460px;
	}

	section#breakfast div.box-right { width:100%; }
	section#breakfast div. { width:100%; }
	section#breakfast div.box-left img { width:100%; }

	section#tourist-list div.box-left img {
		margin-top: 0;
	}

	section#breakfast div.box-left {
		width: 100%;
	}

	span.bk{
		color: #000;
	}

	body{
		font-size: 12px;
	}
	section.english-sec p{
		font-size: 28px;
	}
  section#walk div.box-left {
    width: 100%;
  }
  .spmode-only{
    display: block;
  }
  section.language > div ul.language li a{
    color: #fff;
  }
}