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

a {
  color: #333333;
}

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

header h1{
  width: 100%;
  height: 128px;
  background-image: url(../images/common/bg_title.png);
  font-size: 32px;
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  padding: 42px;
}


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

/*
==================================================
TOURIST INFORMATION
==================================================
*/
main {
	overflow: hidden;
	max-width:1800px;
}

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

ul.breadcrumbs {
	max-width:1000px;
	margin:0 auto;
	margin-top:12px;
}
ul.breadcrumbs li{
	font-size: 12px;
}
ul.breadcrumbs li a{
	font-size: 12px;
}
ul.breadcrumbs li a:hover{
	opacity: 0.8;
}
.breadcrumbs li:not(:last-child)::after{
	top: 0;
}

section.tourist {
	margin-bottom:40px;
	}
section.tourist h2{
  font-size: 32px;
  font-weight: bold;
	text-align:center;
	margin-bottom:30px;
	background:url(../images/common/bg_hline.gif)  repeat-x center center;
}
section.tourist h2 span {
	background:#fff;
	padding:0 30px;
}
section.tourist h4{
  font-size: 20px;
  font-weight: bold;
	margin-bottom:10px;
	color:#385DCD;
	vertical-align:middle;
}
section.tourist h4 span {
	color:#fff;
	background:#d94467;
	padding:4px 15px;
	border-radius:3px;
	margin-right:10px;
	font-size:16px;
	vertical-align:middle;
}
section.tourist h4 strong {
	vertical-align:middle;
}
section.tourist p {
	font-size:17px;
}
section.tourist div.center {
	text-align:center;
	margin-bottom:20px;
}

div.box-left {
	float:left;
	}

div.box-right {
	float:right;
}

ul.list-point {
	padding:0;
	margin:0;
}
ul.list-point li {
	padding:0;
	margin:0;
	/*float:left;
	width:482px;*/
	list-style:none;
	width: -webkit-calc( 49% - 15px );
	width: calc( 49% - 15px );
	vertical-align: top;
	display: inline-block;
}
ul.list-point li:nth-child(odd) {
	margin-right: 15px;
}
ul.list-point li:nth-child(even) {
	margin-left: 15px;
}

ul.list-point li p {
	/*
	min-height:8em;
	*/
	font-size:15px;
	margin-bottom:3em;
}
ul.list-point li img {
	margin-bottom:10px;
}
.fontCgreen {
	color:#385DCD;
	font-weight:bold;
}

section.tourist div.box-left {
	width:315px;
}
section.tourist div.box-right {
	width:650px;
}

ul.breadcrumbs li.current a {
	color:inherit;
	}
.breadcrumbs li:not(:last-child)::after {
	color:inherit;
}

div.link-category {
	text-align:center;
	width:230px;
	margin:0 auto;
}
div.link-category a{
	display:block;
	height:45px;
	line-height:45px;
	width:230px;
	color:inherit;
	background:url(../images/guest_room/bg_line.png) no-repeat bottom center;
}
div.link-category a span {
	background:url(../images/guest_room/bg_barr.png) no-repeat left center;
	padding-left:17px;
	}

div.menu-category {
	/*width:230px;
	float:left;
	margin-right:25px;*/
	box-sizing:border-box;
	margin-bottom:60px;
}

div.category-title {
	border-top:2px solid #385DCD;
	text-align:center;
	color:inherit;
	color:#333;
	margin-bottom:10px;
}
div.category-title h4 {
	padding:15px 0;
	border-bottom:1px solid #e2e2e2;
	color:#333;
}

section.tourist div.menu-category:last-child {
	margin-right:0;
	float:right;
}

ul.list-category {
	padding:0;
	margin:0;
	/*
	min-height:18em;
	*/
	margin-bottom:40px;
}
ul.list-category li{
	padding:0;
	margin:0;
	list-style-type:none;
	background:url(../images/common/img_list_arrow_01.png) no-repeat left 7px;
	background-size:5px auto;
	padding-left:10px;
	font-size:14px;
	margin-bottom:2px;
	}
ul.list-category li a:hover{
	color:inherit;
	opacity:0.5;
	}

#gallery {
	background:#f7f7f7;
	padding:30px 0;
	text-align:center;
	margin-bottom:60px;
}

#gallery .fl-photo-caption{
	font-size: 1.375em;
}

#gallery h3 {
	color:#385DCD;
	font-weight:bold;
}

ul.list-gallery {
	padding:0;
	margin:0;
	padding-top:5px;
}
ul.list-gallery li{
	padding:0;
	margin:0;
	list-style-type:none;
	font-size:15px;
	/*width:188px;*/
	width: -webkit-calc( 20% - 16px);
	width: calc( 20% - 16px);
	display:inline-block;
	*display: inline;
	*z-index:1;
	/*margin-right:10px;*/
	text-align:left;
	vertical-align: top;
	margin-left: 8px;
	margin-right: 8px;
}
ul.list-gallery li:nth-child(5n+1) {
	margin-left: 0;
}
ul.list-gallery li:nth-child(5n) {
	margin-right:0;
}

@media only screen and (max-width: 768px) {
	section.tourist p {
		font-size:22px;
		background-image: url(../images/common/pix.gif);
	}
	main {
		padding:0;
	}
	div.menu-category {
		width:100%;
		float:none;
		margin-right:0;
		box-sizing:border-box;
		margin-bottom:60px;
	}
	ul.list-point li {
		float:none;
		width:100%;
	}
	ul.list-point li:nth-child(odd) {
		margin-right: 0;
	}
	ul.list-point li:nth-child(even) {
		margin-left: 0;
	}

	ul.list-point li p{
		font-size:28px !important;
		min-height:inherit;
		margin-bottom:30px;
	}
	ul.list-point li img{
		width:100%;
	}
	section#restaurant div.box-left img,
	section#restaurant div.box-right img {
		width:100%;
	}
	section.tourist h2 {
		font-size:32px;
		text-align:center;
	}
	section.tourist h2 span {
		background:#fff;
		display:inline-block;
		}
	section.tourist h3 {
		font-size:32px !important;
		background-image: url(../images/common/pix.gif);
	}
	section.tourist h4 {
		font-size:30px !important;
		background-image: url(../images/common/pix.gif);
	}
	section.tourist h4 span{
		font-size:26px !important;
	}
	section.tourist h5 {
		font-size:30px;
	}
	section.tourist h6 {
		font-size:30px
	}
	div.box-left,
	div.box-right {
		width:100% !important;
		float:none !important;
		margin-bottom:30px;
	}

	section.tourist div.box-left img,
	section.tourist div.box-right img {
		width:100% !important;
	}

	div.center img {
		width:100%;
	}
	div.link-category {
		text-align:center;
		width:600px;
		margin:0 auto;
	}
	div.link-category a{
		display:block;
		height:auto;
		line-height:inherit;
		width:600px;
		color:inherit;
		font-size:30px;
		padding:20px;
		background:url(../images/guest_room/bg_sline.png) no-repeat bottom center;
	}
	div.link-category a span {
		background:url(../images/guest_room/bg_sbarr.png) no-repeat left 15px;
		padding-left:27px;
	}

	ul.list-category {
		margin-bottom:60px;
	}

	ul.list-category li{
		background-size:auto auto;
		padding-left:20px;
		font-size:28px;
		float:left;
		width:49%;
		background:url(../images/common/img_list_arrow_01.png) no-repeat left 15px;
	}
	ul.list-gallery {
		text-align:center;
		margin: 0 20px;
	}

	ul.list-gallery li{
		font-size:22px;
		/*width:225px;*/
		/*margin:0 0px !important;*/
		width: -webkit-calc( 33% - 18px );
		width: calc( 33% - 18px );
		margin: 0;
		}
		ul.list-gallery li:nth-child(3n+1){
			margin-right: 9px;
		}
		ul.list-gallery li:nth-child(3n+2){
			margin-right: 9px;
			margin-left: 9px;
		}
		ul.list-gallery li:nth-child(3n){
			margin-left: 9px;
		}

	ul.list-gallery li img{
		width: 100%;
	}


	main ul.breadcrumbs li a {
			font-size:26px;
	}

	.sp-only {
		display:block !important;
	}

}