@charset "utf-8";
/* CSS Document */
/* ===================================================== */
/* ノイ用リセット */
/* ===================================================== */
#smtFooter {
	clear: both;
	padding-top: 15px;
}
a:hover img{
	opacity:1;
}
ul ,ol{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
dl{
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#global_footer p.tel01{
	margin: 0;
}
#global_footer p.note01, #global_footer p.button01{
	margin-bottom: 0;
}
#global_footer .global_dl_call01 ul li{
	margin: 0;
}
/* ===================================================== */
/* page-top setting
/* ===================================================== */
#page-top {
	width:80px;
	height:80px;
	display:none;
	position:fixed;
	right: 2%;
	bottom: 2%;
}
#page-top p {
	margin:0;
	padding:0;
	text-align:center;
	background: #c01920;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#page-top p:hover {
	background: #ff353d;
}
#move-page-top {
	color:#fff;
	line-height: 1.2;
	padding: 20px 0;
	text-decoration:none;
	display:block;
	cursor:pointer;
}
/* ===================================================== */
/* setting
/* ===================================================== */
/* テキスト */
.red {
	color: #C00;
}
.bold {
	font-weight: bold;
}
/* sns */
#sns {
	float: right;
	clear: both;
	margin: 0 -5% 0 0;
}
#sns li {
	float: left;
	margin-left: 5px;
}
#sns .line {
	width: 20px;
	height: 20px;
}
#sns .hatebu img {
	width: 20px !important;
	height: 20px;
}

/* ==================================================== */
/* コンテンツ
/* ==================================================== */
#yukai #yukaiHeadArea {
	width:100%;
	/*max-width:1260px;*/
	height:100%;
	background:url(img/tti_bg.jpg) no-repeat center 50%;
	background-size: cover;
	margin:0 auto;
	padding:0 0 1% 0;
	z-index: -999;
}
#yukai #pankuzu {
	padding: 0.5%;
	color: #FFF;
}
#yukai #pankuzu a {
	color: #FFF;
}
#yukai #pankuzu a:hover {
	color: #999;
}
#yukai #pankuzu p {
	max-width: 1090px;
	margin: 0 auto;
}
#yukai #yukaiHead {
	max-width: 1000px;
	margin: 0 auto 10px;
	padding:0;
	overflow: hidden;
}
#yukai #yukaiHead img {
	width: 100%;
}
#yukai #yukaiHead h1 {
	clear:both;
	width:100%;
	text-align:center;
	/*padding: 3% 0;*/
}
#yukai #yukaiHead h1 img{
	max-width: 550px;
	width:80%;
	height:auto;
	margin:0 auto;
}

#yukai #yukai-gNav {
	clear: both;
	overflow: hidden;
	border-bottom: 1px solid #FFF;
	background:url(img/contents_bg.jpg) repeat 0 0;
}
#yukai #yukai-gNav ul {
	max-width: 1260px;
	margin: 0 auto;
	text-align: center;
  display:flex;
  flex-wrap:wrap;
}
#yukai #yukai-gNav ul li {
	display: inline-block;
	width: 33.3%;
	padding: 1% 0 1% 0;
 }
#yukai #yukai-gNav ul li a {
	display: block;
	padding:2%;
	font-size: 1.8em;
	font-weight: bold;
	text-decoration: none;
	color: #111;
	text-shadow: white 1px 1px 0px, white -1px 1px 0px,
             		white 1px -1px 0px, white -1px -1px 0px;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#yukai #yukai-gNav ul li a:hover {
	background-color: rgba(0,0,0,0.15);
	box-shadow:  -1px -1px 1px #000, 1px 1px 1px #fff;
}

#yukai .greet{
	clear:both;
	background: #FFF;
	max-width: 1260px;
	width:98%;
	margin: 0 auto;
	padding:30px 20px;
	font-size: 1.2em;
	line-height:160%;
	overflow:auto;
}
#yukai .greet .greet_box{
	width:100%;
	margin-bottom: 2%;
	padding: 25px;
}
#yukai .greet .greet_title{
	color:#c01920;
	text-align:center;
	padding-bottom:10px;
	font-size: 2em;
	font-weight:bold;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
#yukai .greet .greet_box01{
	background:url(img/type01_bg.jpg) repeat 0 0;
}
#yukai .greet .greet_box02{
	background:url(img/type02_bg.jpg) repeat 0 0;
}
#yukai .greet .greet_box .greet_box_Inner{
	background: #FFF;
	padding: 2%;
}
#yukai .greet .greet_box01 .greet_box_Inner{
	background:url(img/greet01_bg.jpg) no-repeat center top;
	background-size: cover;
}
#yukai .greet .greet_box02 .greet_box_Inner{
	background:url(img/greet02_bg.jpg) no-repeat center 50%;
	background-size: cover;
}
#yukai .greet .greet_box .greetboxInner_ttl{
	display: inline-block;
	margin: 0;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: -0.1em;
	text-shadow: white 2px 2px 0px, white -2px 2px 0px,
             		white 2px -2px 0px, white -2px -2px 0px;
}
#yukai .greet .greet_box01 .greetboxInner_ttl{
	color: #c01920;
}
#yukai .greet .greet_box02 .greetboxInner_ttl{
	color: #7d702a;
}
#yukai #yukaiInner .greet p {
	padding-bottom:5px;
}
#yukai .greet .cation {
	font-size: 0.8em;
	margin: 0;
	display: inline-block;
}
#greet_list li{
	list-style:none;
	width: 19%;
	margin-left: 1%;
	float: left;
}
#greet_list li dl dt{
	text-align: center;
}
#greet_list li dl dt img{
	width: 85%;
	border-radius: 300px;
}
#greet_list li:nth-child(1) dl dt img{
	border: 7px solid #d37a49;
}
#greet_list li:nth-child(2) dl dt img{
	border: 7px solid #6e7a6c;
}
#greet_list li:nth-child(3) dl dt img{
	border: 7px solid #c86469;
}
#greet_list li:nth-child(4) dl dt img{
	border: 7px solid #63789a;
}
#greet_list li:nth-child(5) dl dt img{
	border: 7px solid #95639a;
}
#greet_list li dl dd{
	font-size: 0.8em;
	line-height: 1.4;
}
#greet_list li dl dd h4{
	text-align: center;
	margin: 0.8em 0 0.3em 0;
	font-size: 1.4em;
	font-weight: bold;
}
#greet_list li:nth-child(1) dl dd h4{
	color:#d37a49;
}
#greet_list li:nth-child(2) dl dd h4{
	color:#6e7a6c;
}
#greet_list li:nth-child(3) dl dd h4{
	color:#c86469;
}
#greet_list li:nth-child(4) dl dd h4{
	color:#63789a;
}
#greet_list li:nth-child(5) dl dd h4{
	color:#95639a;
}

#yukai .greet .greet_h3 {
	font-size: 1.2em;
	border-bottom: 1px solid #111;
	margin: 1em 0.5em 0 0.5em;
}
#yukai .greet .greet_kani {
	font-weight: bold;
	color: #c01920;
}
#yukai .greet .greet_kani img{
	max-width: 60px;
	padding:0 10px;
}
#yukai .greet .special_type {
	width: 100%;
	margin-top: 0.5em;
}
#yukai .greet .special_type li a {
	width: 49%;
	margin-right: 1%;
	float: left;
	background: #fff;
	border: 1px solid #ccc;
	padding: 1.5%;
	text-decoration: none;
}
#yukai .greet .special_type li a:hover {
	background: #eee;
}
#yukai .greet .special_type li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#yukai .greet .special_type li dl dt{
	width: 35%;
	margin-right: 2%;
}
#yukai .greet .special_type li dl dd{
	width: 63%;
	font-size: 0.8em;
	color: #111;
	line-height: 1.4;
}
#yukai .greet .special_type li dl dd .special_red{
		font-size: 1.1em;
		color: #c01920;
}
#yukai .greet .special_type li dl dd h4{
	margin: 0.1em 0 0.5em 0;
	font-size: 1.4em;
}

#yukai .greet .kani_type li dl dd h4{
	font-weight: bold;
	color: #c01920;
}

#yukai .greet .special_type li dl dt, #yukai .greet .special_type li dl dd{
	float: left;
}
#yukai .greet table{
	margin: 0.5em ;
	font-size: 0.9em;
}
#yukai .greet table th{
	text-align: center;
	min-width: 180px;
	/*padding:1%;
	background-color: #f99f9b;*/
}
#yukai .greet .kaiseki_list{
	margin-bottom:0.5em 0 1em 0;
}
#yukai .greet .kaiseki_list li{
	width: 32.3%;
	margin-right:1%;
	float: left;
	text-decoration: none;
}
#yukai .greet .kaiseki_list li a:hover{
	text-decoration: none;
}
#yukai .greet .kaiseki_list li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
#yukai .greet .kaiseki_list li dl{
	position: relative;
	padding: 0;
}
#yukai .greet .kaiseki_list li dl dd{
     position: absolute;
     bottom: 0;
		 width: 100%;
		 text-align: center;
		 padding: 2%;
		 color: #fff;
		 font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		 font-weight: bold;
		 font-size: 1.2em;
}
#yukai .greet .kaiseki_list li dl dd span{
		 font-size: 0.8em;
}
#yukai .greet .kaiseki_list li:nth-child(1) dl dd{
	background-color: rgba(85,80,7,0.5);
}
#yukai .greet .kaiseki_list li:nth-child(2) dl dd{
	background-color: rgba(74,5,24,0.5);
}
#yukai .greet .kaiseki_list li:nth-child(3) dl dd{
	background-color: rgba(35,50,65,0.5);
}

#yukai .greet .map{
	position: relative;
	padding: 0;
}
#yukai .greet .map img{
	width: 100%;
}
#yukai .greet .map .greetboxInner_ttl{
    position: absolute;
		top:20%;
		left:15%;
		margin: 0;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		font-size: 2em;
		font-weight: bold;
		letter-spacing: 0;
		text-shadow: white 2px 2px 0px, white -2px 2px 0px,
	             		white 2px -2px 0px, white -2px -2px 0px;
}
	#yukai .greet .map a{
		text-decoration: none;
}
	#yukai .greet .map dl{
	  position: absolute;
		width: 130px;
		height: 130px;
		border-radius: 200px;
		color: #fff;
		font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		text-align: center;
		box-shadow: 0px 5px 5px rgba(0,0,0,0.3);
}
	#yukai .greet .map dl dt{
	margin-top: 35%;
	font-weight: bold;
	font-size:1.2em;
}
	#yukai .greet .map dl dd{
	font-size:0.9em;
}
	#yukai .greet .map a dl.map_area01{
		background-color: #95639a;
		top:33%;
		right:42%;
}
	#yukai .greet .map a:hover dl.map_area01{
		background-color: #b27dba;
}
#yukai .greet .map a dl.map_area02{
		background-color: #c86469;
		bottom:12%;
		right:37%;
}
	#yukai .greet .map a:hover dl.map_area02{
		background-color: #e87e88;
}
	#yukai .greet .map a dl.map_area03{
		background-color: #63789a;
		top:45%;
		left:34%;
}
	#yukai .greet .map a:hover dl.map_area03{
		background-color: #859fc6;
}
	#yukai .greet .map a dl.map_area04{
		background-color: #6e7a6c;
		top:48%;
		left:20%;
}
	#yukai .greet .map a:hover dl.map_area04{
		background-color: #939e90;
}
	#yukai .greet .map a dl.map_area05{
		background-color: #d37a49;
		bottom:10%;
		left:8%;
}
	#yukai .greet .map a dl.map_area05 dt{
		margin-top: 26% !important;
}
	#yukai .greet .map a:hover dl.map_area05{
		background-color: #ef9a6f;
}


#yukai #yukaiInner {
	background:url(img/contents_bg.jpg);
	padding-top: 15px;
}
#yukai #yukaiInner #contentsWrap {
	max-width: 1090px;
	width: 96%;
	margin: 0 auto;
}
#yukai #yukaiInner h2 {
	margin: 0;
	font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size: 2em;
	font-weight: bold;
	text-shadow: white 2px 2px 0px, white -2px 2px 0px,
             		white 2px -2px 0px, white -2px -2px 0px;
}
#yukai #yukaiInner h2 img{
	width: 3%;
	height: auto;
	margin: 0　0 0.5em 0;
}
#yukai #yukaiInner .contents {
	background: #FFF;
	margin: 10px 0 5px;
	overflow: hidden;
	margin-bottom: 40px;
	clear:both;
	padding:2%;
}

#yukai ul.kani_btn {
	padding: 10px 0;
	overflow: hidden;
}
#yukai ul.kani_btn li {
	width: 49%;
	float: left;
}
#yukai ul.kani_btn li:first-child {
	margin-right: 2%;
}
#yukai ul.kani_btn li a{
	display: block;
	text-align: center;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
	color: #FFF;
	text-shadow: #333 1px 1px 10px, #333 -1px 1px 10px,
							#333 1px -1px 10px, #333 -1px -1px 10px;
	border: #444 1px solid;
	border-radius: 10px;
}
#yukai ul.kani_btn li a .mask{
padding: 20px 0;
border-radius: 10px;
}
#yukai ul.kani_btn li a:hover .mask{
  height: 100%;
  background: rgba(255,255,255,0.3);
}
#yukai ul.kani_btn li.viking a{
	background: url(img/bg_kani01.jpg) no-repeat top 40% left 0;
}
#yukai ul.kani_btn li.whole a{
	background: url(img/bg_kani02.jpg) no-repeat top 40% right 0;
}


/* ▼container ///////////////////////*/
.city-contents {
  position: relative;
  /*地域名長い時の高さ調整*/
  /*エリア内のおすすめツアー*/
}
.city-contents > .m_area-title {
  position: relative;
  background-size: 100% 100%;
  padding: 1em;
  /*地域名長い時の高さ調整*/
}
.city-contents .m_area-title .title-heading {
  font-family: Garamond, "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	  font-size: 1.5em;
	  letter-spacing: 0.1em;
		background-color: #eee;
		padding: 0.1em;
		margin:0.2em;
}
.city-contents > .m_area-title .lineheight-small {
  line-height: 0.97em;
}
.city-contents > .m_area-title > .summary {
  position: absolute;
  width: 96%;
  padding: 0 0.5em 0.5em;
  color: #fff;
  text-shadow: 2px 2px 10px black, -2px -2px 10px black;
  z-index: 10;
  bottom: 0;
  font-weight: normal;
  font-size: 1.1em;
}
.city-contents .longTitle > .summary {
  right: 4em;
}
.city-contents .pickupTour {
  margin: 1em 8em 2em 3em;
}
.city-contents .pickupTour .m_area-title {
  width: 86%;
  margin: 0 auto 1em;
}
.city-contents .pickupTour .m_area-title .doubleLine {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}
.city-contents .pickupTour .m_area-title .doubleLine:before, .city-contents .pickupTour .m_area-title .doubleLine:after {
  content: '';
  flex-grow: 1;
  height: 1px;
  background: #000;
  min-width: 20px;
  display: inline-block;
  vertical-align: middle;
}
.city-contents .pickupTour .m_area-title .doubleLine:before {
  margin-right: 20px;
}
.city-contents .pickupTour .m_area-title .doubleLine:after {
  margin-left: 20px;
}
.city-contents .pickupTour > ul {
  width: 86%;
  margin: 0 auto 1em;
}
.city-contents .pickupTour > ul li figure {
  display: table;
}
.city-contents .pickupTour > ul li figure img, .city-contents .pickupTour > ul li figure .captionBox {
  display: table-cell;
}
.city-contents .pickupTour > ul li figure img {
  height: auto;
}
.city-contents .pickupTour > ul li figure .captionBox {
  vertical-align: top;
  padding-left: 1em;
}
.city-contents .pickupTour > ul li figure .captionBox > ul li {
  width: 32%;
  display: inline-block;
}
.city-contents .pickupTour > ul li figure .captionBox figcaption {
  font-weight: bold;
}
.city-contents .pickupTour > ul li figure .captionBox .hotel-Btn {
  margin-top: 0.5em;
  text-align: right;
}
.city-contents .pickupTour > ul li figure .captionBox .hotel-Btn a:hover, .city-contents .pickupTour > ul li figure .captionBox .hotel-Btn a:visited {
  color: #fff;
}
.city-contents .body-hotel {
  width: 100%;
}
.city-contents .body-hotel > .m_area-title {
  font-size: 1.2em;
  /*border-bottom: #666666 2px solid;*/
  padding-bottom: 0.1em;
  margin-bottom: 0.75em;
}
.city-contents .body-hotel > .uk-subnav {
  margin-bottom: 1em;
}
.city-contents .body-hotel .hotel-list {
	padding: 0;
  margin: 0.5em 0;
}
.city-contents .body-hotel .hotel-list .hotel-detail {
  padding: 0.5em;
}
.city-contents .body-hotel .hotel-list .hotel-detail h6 {
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,Verdana,sans-serif;
  font-size: 1.15em;
  font-weight: bold;
	margin:0 0.3em 0 0;
	display: inline-block;
}
.city-contents .body-hotel .hotel-list .hotel-detail h6 .ruby {
  font-weight: normal;
  font-size: 0.5em;
  padding: 0 0.5em;
  vertical-align: top;
}
.city-contents .body-hotel .hotel-list .hotel-detail  .hotel_info{
  font-size: 0.85em;
	margin: 0.1em 0;
	display: inline-block;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description {
  display: table;
  width: 100%;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image {
  display: table-cell;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image .box-hotel {
  font-size: 0.5em;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image .box-hotel > li {
  position: relative;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image .box-hotel > li > p {
  position: absolute;
  bottom: 0;
  padding: 0.25em;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  color: #fff;
	margin: 0;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image > .switchHotelImage {
  display: table;
  width: 100%;
  margin-top: 0.1em;
	padding: 0;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image > .switchHotelImage > li {
  display: table-cell;
  width: 40%;
  padding: 0.25em;
  border: 1px white solid;
  text-align: center;
  background-color: #d6cdbf;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image > .switchHotelImage > li > a {
  width: 100%;
  font-size: 0.75em;
  border-radius: 0;
  text-decoration: none;
  display: block;
  color: #666;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image > .switchHotelImage .uk-active {
  position: relative;
  background: #c7af87;
  color: #fff;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image > .switchHotelImage .uk-active:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(199, 175, 135, 0);
  border-bottom-color: #c7af87;
  border-width: 0.5em;
  margin-left: -0.5em;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image > .switchHotelImage .uk-active > a {
  color: #fff;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description {
  display: table-cell;
  width: 60%;
  vertical-align: top;
  padding-left: 0.5em;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr th, .city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr td {
  font-size: 0.85em;
  border: white 1px solid;
  padding: 0.25em 0.5em;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr th {
  background: #f5f0e7;
  width: 25%;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr th > span {
  font-size: 0.8em;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr td {
  border-top: #f5f0e7 1px solid;
  border-bottom: #f5f0e7 1px solid;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr td > span {
  font-size: 0.8em;
  display: inline-block;
  background-color: #c7af87;
  padding: 0 0.25em;
  margin: 0 0.25em;
  color: #fff;
  border-radius: 5px;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr td > span.hotel_type01 {
  font-size: 1em;
  display: inline-block;
  background-color: #d76f6b;
  padding: 0 0.5em;
  color: #fff;
  border-radius: 20px;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr td > span.hotel_type02 {
  font-size: 1em;
  display: inline-block;
  background-color: #ae9956;
  padding: 0 0.5em;
  color: #fff;
  border-radius: 20px;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr td > span.hotel_type03 {
  font-size: 1em;
  display: inline-block;
  background-color: #f3659a;
  padding: 0 0.5em;
  color: #fff;
  border-radius: 20px;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr td .txtSmall {
  font-size: 0.8em;
  padding: 0 0.25em;
  background-color: #fff;
  color: #000;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr .td-first-child {
  border-top: none;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-caption tr .td-last-child {
  border-bottom: none;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn {
  margin: 0.5em 0;
  text-align: center;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn a {
  color: #fff;
  width: 96%;
}
.city-contents .hokuriku .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn a {
		background: #95639a;
}
.city-contents .hokuriku .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn a:hover {
		background: #b27dba;
}
.city-contents .toukai .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn a {
		background: #c86469;
}
.city-contents .toukai .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn a:hover {
		background: #e87e88;
}
.city-contents .kinki .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn a {
		background: #63789a;
}
.city-contents .kinki .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn a:hover {
		background: #859fc6;
}
.city-contents .chugoku .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn a {
		background: #6e7a6c;
}
.city-contents .chugoku .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn a:hover {
		background: #939e90;
}
.city-contents .shikokukyushu .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn a {
		background: #d37a49;
}
.city-contents .shikokukyushu .hotel-list .hotel-detail .hotel-description > .block-description .hotel-Btn a:hover {
		background: #ef9a6f;
}
.city-contents .body-hotel .hotel-warrap .m_area-title {
  margin: 0.5em 0 0;
  background-color: #f1f1f1;
  padding: 0.25em 0.5em;
}
.city-contents .body-hotel .hotel-warrap .hotel-list {
  margin: 0;
}
.city-contents .sideLine {
  position: absolute;
  background: url(../../common/image/bg_sideline.png) repeat top center;
  width: 4em;
  height: 101%;
  display: block;
  top: 0;
  left: 1em;
}
.notice{
	text-align:right;
	}
/* ==================================================== */
/* ntiバナー
/* ==================================================== */
#pageFooter {
	clear: both;
	*zoom: 1;
	margin: 1.5em 0 3em;
	background-color: #FFF;
}
#pageFooter img {
	width: 100%;
}
#pageFooter:after {
	display: block;
	height: 0;
	visibility: hidden;
	content: "";
	clear: both;
}
#pageFooter .inner {
	max-width: 1090px;
	margin: 0 auto;
	padding-top: 20px;
}
#pageFooter #relationLink .ttl_area {
	border-bottom: dotted 1px #000;
	margin-bottom: 20px;
	display: table;
	width: 100%;
}
#pageFooter #relationLink .ttl_area h3,
#pageFooter #relationLink .ttl_area p {
	display: table-cell;
	width: 50%;
	color: #222;
}
#pageFooter #relationLink .ttl_area h3 {
	font-weight: bold;
	font-size: 1.5em;
}
#pageFooter #relationLink .ttl_area p {
	text-align: right;
}
#pageFooter #relationLink ul {
	margin-left: 0.3%;
}
#pageFooter #relationLink ul li {
	display: inline-block;
	width: 24.5%;
	padding: 0.3% 0.3% 0.3%;
}
#pageFooter #relationLink ul li a:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
/* ==================================================== */
/* Media Queries
/* ==================================================== */
/* 背景調節 */

@media screen and (max-width: 1024px) {
	#yukai .greet .map dl{
		width: 120px;
		height: 120px;
}
#yukai #yukai-gNav ul li a {
	border-right: 1px solid #666;
}
#yukai #yukai-gNav ul li:last-child a {
	border-right: none;
}
@media screen and (max-width: 800px) {
	#yukai #yukaiHeadArea {
	padding:0;
}
#yukai #yukaiHead {
	margin: 0 auto 0;
}
#yukai #yukaiHead img {
	width: 100%;
}
#yukai #yukaiHead h1 {
	clear:both;
	width:100%;
	text-align:center;
	margin: 0;
};
}
#yukai #yukaiHead h1 img{
	width:70%;
}
#sns {
	margin: 0 ;
}
#yukai #yukai-gNav ul li a {
 font-size: 1.6em;
}
#yukai .greet{
	width:96%;
	padding:30px 0;
	line-height: 1.4;
}
#yukai .greet .greet_box .greetboxInner_ttl{
	display: block;
	margin-bottom: 1%;
}
#yukai .greet .map dl{
	width: 90px;
	height: 90px;
}
	#yukai .greet .map dl dt{
	font-size:0.9em;
	line-height: 1.2;
}
	#yukai .greet .map dl dd{
	font-size:0.7em;
}
#yukai #yukaiInner .greet p .none {
	display: none;
}
#yukai #yukaiInner .contents dl dt ul li .arrow {
	max-width:55px;
	min-height:25px;
}
#yukai #yukaiInner .contents dl dd p{
	line-height:160%;
}
#greet_list li{
	width: 32.3%;
	margin-left: 1%;
}
#yukai .greet .special_type li dl dt{
	width: 25%;
}
#yukai .greet .special_type li dl dd{
	width: 73%;
}
#yukai .greet .kaiseki_list li dl dd{
		 font-size: 1em;
}
#yukai .greet .special_type li a {
	width: 100%;
	margin-bottom: 1%;
}
#yukai #yukaiInner h2 img{
	width: 4%;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image {
  display: block;
	margin-bottom: 2%;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description .hotel-image .box-hotel > li img {
	width: 100%;
}
.city-contents .body-hotel .hotel-list .hotel-detail .hotel-description > .block-description {
  display: block;
  width: 100%;
	padding-left: 0;
}
/* ==================================================== */
/* ntiバナー
/* ==================================================== */
#pageFooter{
	width:96%;
	margin:auto;
	}
#pageFooter #relationLink .ttl_area h3,
#pageFooter #relationLink .ttl_area p {
	display: block;
	width: 100%;
}
#pageFooter #relationLink .ttl_area p {
	text-align: left;
	font-size: 0.8em;
}
#pageFooter #relationLink ul {
	margin-left: 0.3%;
}
#pageFooter #relationLink ul li {
	width: 49%;
	padding: 0 0.3% 3%;
}
}

@media screen and (max-width: 670px) {
	li.last{
		margin-bottom: 0;
	}
	p {
    display: block;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}
/*------------------------------------------*/
#header{
	overflow: hidden;
}
#yukai #yukaiHeadArea {
	background-position: center 50%;
	/*background: none;*/
}
#yukai #pankuzu {
	width: 100%;
	overflow: hidden;
}
#yukai #yukaiHead h1 img{
	width:75%;
	margin:0 auto;
}
#yukai #yukaiHead #sns {
	margin-right: 0px;
	width:100%;
}


#yukai #yukai-gNav{
	border-bottom: none;
}
#yukai #yukai-gNav ul li {
	display: inline;
	float: left;
	border-bottom: solid 1px #FFF;
	border-right: solid 1px #FFF;
	width: 50%;
	padding: 0;
}
#yukai #yukai-gNav ul li a {
	font-size: 1.2em;
	padding: 7px 0;
	border-right: none;
}
#yukai #yukai-gNav ul li a:hover {
	background-color: rgba(0,0,0,0.15);
	box-shadow:  none;
}
#yukai #yukai-gNav ul li .nav_category {
	color: #000;
	background-color: #ddd;
	border: none;
	padding: 5px 0;
	margin: 0;
	border-radius: 0;
	font-size: 1em;
	display: block;
}

#yukai #yukaiInner h2 img{
	width: 8%;
}*/
#yukai .greet{
	padding: 15px 0;
}
#yukai .greet .greet_title{
	font-size: 1.6em;
	margin-bottom: 0;
}
#yukai .greet .greet_box .greet_box_Inner{
	font-size:0.9em;
}
#yukai .greet .greet_h3{
	margin-top: 0.5em;
}
#yukai .greet .greet_kani {
	font-size: 1em;
}
#yukai .greet .greet_box .greetboxInner_ttl{
	font-size:1.6em;
}
#yukai .greet .greet_box{
	width:100%;
	margin-bottom: 2%;
	padding: 15px;
}
#yukai .greet .special_type li a{
	margin-bottom: 2%;
	border-radius: 5px;
}
/*#yukai .greet .special_type li dl dt, #yukai .greet .special_type li dl dd{
	float: none;
}*/
#yukai .greet .special_type li dl dt{
	width: 38%;
	padding: 1%;
	text-align: center;
}
#yukai .greet .special_type li dl dt img{
	/*width: 60%;*/
	border-radius: 5px;
	margin-top: 1.2em;
}
#yukai .greet .special_type li dl dd{
	width: 60%;
	padding: 0 1%;
}
#yukai .greet .special_type li dl dd h4{
	margin: 0.1em 0 0.1em 0;
}
#yukai .greet .kani_type li dl dd h4{
	font-size: 1.2em;
}
#yukai .greet table th{
	min-width: 80px;
}
#yukai .greet table th{
	border-right: 1px #333 dotted;
	border-bottom: 1px #333 dotted;
		padding: 1%;
}
#yukai .greet table td{
	padding: 1%;
	border-bottom: 1px #333 dotted;
}
#yukai .greet table tr:last-child th, #yukai .greet table tr:last-child td{
	border-bottom: 0px #333 dotted !important;
}
#yukai .greet .kaiseki_list li{
	width: 100%;
	margin:0 0 2% 0;
	float: none;
}
#greet_list{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}
#greet_list li{
	width: 49%;
	margin:0 0 2% 1%;
}
#greet_list li dl dd h4{
	margin-bottom: 0;
}
#greet_list li:nth-child(1) dl dt img{
	border: 5px solid #d37a49;
}
#greet_list li:nth-child(2) dl dt img{
	border: 5px solid #6e7a6c;
}
#greet_list li:nth-child(3) dl dt img{
	border: 5px solid #c86469;
}
#greet_list li:nth-child(4) dl dt img{
	border: 5px solid #63789a;
}
#greet_list li:nth-child(5) dl dt img{
	border: 5px solid #95639a;
}
#yukai #yukaiInner h2 {
	width: 96%;
	margin: auto;
	font-size: 1.6em;
	}
#yukai .greet .map img{
	padding: 4% 0 2% 0;
}
#yukai .greet .map .greetboxInner_ttl{
	position: absolute;
	top:15%;
	left:5%;
	font-size: 1.6em;
	}
#yukai .greet .map dl{
		width: 45px;
		height: 45px;
}
#yukai .greet .map dl dt{
font-size:0.9em;
}
#yukai .greet .map dl dt span{
	display: none;
}
#yukai .greet .map dl dd{
	display: none;
}
#yukai .greet .map a dl.map_area05 dt{
	margin-top: 15% !important;
}
#yukai #yukaiInner .contents {
	margin:2% auto 5% auto;
	padding:0px;
	width:95%;
}
#yukai #yukaiInner h2 img{
	width: 8%;
}
#yukai ul.kani_btn li a{
	font-size: 0.9em;
}
#yukai ul.kani_btn li.viking a{
	background-size: cover;
}
#yukai ul.kani_btn li.whole a{;
	background-size: cover;
}
.city-contents .body-hotel > .m_area-title{
		margin:1% 1% 0 1%;
}
.city-contents .m_area-title .title-heading {
	  font-size: 1.3em;
		margin-bottom: 0;
}
#yukai #yukaiInner .contents dl {
	margin: 0 0 5% 0;
	padding:4% 3% 0 3%;
	width: 100%;
	float: none;
	background: #FFF;
}
#yukai #yukaiInner .contents dl dt{
	width: 100%;
	height:auto;
}
#yukai #yukaiInner .contents dl dt ul li{
	width:50%;
}
#yukai #yukaiInner .contents dl dt ul li img{
	width:100%;
}
#yukai #yukaiInner .contents dl dt ul li .arrow {
	max-width:40px;
	min-height:10px;
}
#yukai #yukaiInner .left_txt .absolute {
    right: 2%;
    bottom: 2%;
}
#yukai #yukaiInner .right_txt .absolute {
    left: 2%;
    bottom: 2%;
}
#yukai #yukaiInner .contents dl dt ul a{
	font-size:0.9em;
}
#yukai #yukaiInner .contents dl dt ul li img:first-child{
	padding-right:3%;
}
#yukai #yukaiInner .contents dl dd {
	padding-top:4%;
	width:100%;
}
#yukai #yukaiInner .contents dl dd h3{
	padding:0 10px;
}
#yukai #yukaiInner .contents dl dd h3 .lang_jp{
	font-size:1.6em;
}
#yukai #yukaiInner .contents dl dd h3 .lang_en{
	font-size:1.3em;
}
#yukai #yukaiInner .left_txt dl dt {
	float: none;
}
#yukai #yukaiInner .left_txt dl dd {
	float:none;
}
#yukai #yukaiInner .right_txt dl dt {
	float:none;
}
#yukai #yukaiInner .right_txt dl dd {
	float:none;
}
#yukai #yukaiInner .contents dl dd .btn_yukai{
	margin-top:2%;
}
#yukai #yukaiInner .contents dl .traffic{
font-size: 1.2em;
padding-left: 2.3em;
}
#yukai #yukaiInner .contents dl .btnbox_jal .traffic, #yukai #yukaiInner .contents dl .btnbox_jr .traffic {
	background-size: 10%;
}
#yukai #yukaiInner .contents dl .btnbox_w50{
width:100%;
float: none;
overflow: hidden;
margin-bottom: 1%;
padding-top: 1%;
}
#yukai #yukaiInner .contents dl .btnbox_w50:nth-child(odd){
width:100%;
margin-right: 0;
}
#yukai #yukaiInner .contents dl .btn_yukai02 li a{
	width:49%;
	margin:1% 1% 0 0;
	font-size:0.9em;
	}
#yukai #yukaiInner .contents dl .btnbox_w50 .btn_yukai02 li a{
	width:49%;
	margin:1% 0 0 0;
	}
#yukai #yukaiInner .contents dl .btnbox_w50 .btn_yukai02 li:nth-child(odd) a{
	width:49%;
	margin:1% 1% 0 0;
	}
#yukai #yukaiInner .contents dl .btn_yukai02 li:nth-child(even) a{
	width:50%;
	margin:1% 0% 0 0;
	}
}