@charset "utf-8";

#pageTtl {
	background: url(../../img/neighborhood/pic_main.jpg) no-repeat 50% 0;
	background-size: cover;
}

/* ssWrap
----------------------------------------------------------- */

.leadWrap h3 {
	margin-bottom: 20px;
}

/* bestBox
------------------------ */

.bestBox {
	padding-bottom: 60px;
}

.bestBox ul {
	padding-top: 40px;
	margin-bottom: 30px;
}

.bestBox ul li {
	width: 300px;
	float: left;
	margin-right: 50px;
	position: relative;
}

.bestBox ul li:last-child {
	margin-right: 0;
}

.bestBox ul li .dtlPos {
	position: relative;
}

.bestBox ul li p.bar01 {
	width: 250px;
	font-weight: bold;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: #00abc0;
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -125px;
}

.bestBox ul li p.bar01 a {
	padding-right: 25px;
	width: 250px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	background: url(../../img/common/ico_blank_white.png) no-repeat 100% 50%;
	-webkit-background-size: 14px auto;
	background-size: 14px auto;
}

.bestBox ul li p.bar02 {
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	height: 40px;
	line-height: 40px;
	color: #00abc0;
	padding-top: 10px;
	margin-bottom: 10px;
}

.bestBox ul li p.bar02:before {
	content: url(../../img/neighborhood/ico_flower_L.png);
    position: relative;
    top: 10px;
    left: -9px;
}

.bestBox ul li p.bar02:after {
	content: url(../../img/neighborhood/ico_flower_R.png);
    position: relative;
    top: 10px;
    right: -9px;
}

.bestBox ul li .imgPos {
	position: absolute;
	top: -40px;
	left: 0;
}

.btnbanner{
text-align:center;
}
.btnbanner a img{
border:1px solid #7d7d7d;
}
.btnbanner .blankicon{
width:13px;
margin-left:5px;
}


/* spotWrap
----------------------------------------------------------- */

#spotWrap {
	padding: 60px 0;
	background: #f5f5f5;
}

#spotWrap .txt01 {
	margin-bottom: 60px;
}

#ssTab.tab.col3 li {
    width: 25%;
}

/* spotBox
------------------------ */

.tabCon .spotBox li {
	width: 310px;
	float: left;
	margin: 0 35px 40px 0;
}

.tabCon .spotBox li:nth-child(3n) {
	margin-right: 0;
}

.tabCon .spotBox li img {
	margin-bottom: 20px;
}

.tabCon .spotBox li h4 {
	font-size: 180%;
	padding-left: 30px;
	margin-bottom: 10px;
}

.tabCon .spotBox li h4.exStl {
	line-height: 1.4;
}

.tabCon .spotBox li h4 a {
	padding-right: 30px;
	color: #7e7e7e;
}

.tabCon .spotBox li .timeBar {
	width: 100%;
	height: 34px;
	line-height: 34px;
	color: #fff;
	font-weigth: bold;
	font-size: 120%;
	text-align: center;
	margin-bottom: 15px;
	background: #00abc0;
}

.tabCon .map {
	width: 1000px;
	height: 500px;
	margin-bottom: 50px;
}

.tabCon .spotBox li.spot01 h4 {
	background: url(../../img/neighborhood/ico_no01.png) no-repeat 0 50%;
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}

.tabCon .spotBox li.spot02 h4  {
	background: url(../../img/neighborhood/ico_no02.png) no-repeat 0 50%;
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}

.tabCon .spotBox li.spot03 h4  {
	background: url(../../img/neighborhood/ico_no03.png) no-repeat 0 50%;
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}

.tabCon .spotBox li.spot04 h4  {
	background: url(../../img/neighborhood/ico_no04.png) no-repeat 0 50%;
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}

.tabCon .spotBox li.spot05 h4  {
	background: url(../../img/neighborhood/ico_no05.png) no-repeat 0 50%;
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}

.tabCon .spotBox li.spot06 h4  {
	background: url(../../img/neighborhood/ico_no06.png) no-repeat 0 50%;
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}

.tabCon .spotBox li.spot07 h4  {
	background: url(../../img/neighborhood/ico_no07.png) no-repeat 0 50%;
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}

.tabCon .spotBox li.spot08 h4  {
	background: url(../../img/neighborhood/ico_no08.png) no-repeat 0 50%;
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}

.tabCon .spotBox li.spot09 h4  {
	background: url(../../img/neighborhood/ico_no09.png) no-repeat 0 50%;
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}

.tabCon .spotBox li.spot10 h4  {
	background: url(../../img/neighborhood/ico_no10.png) no-repeat 0 50%;
	-webkit-background-size: 23px auto;
	background-size: 23px auto;
}
/* -----------------------------------------------------------
	con_course
----------------------------------------------------------- */
.con_course {
	max-width: 2000px;
	margin: auto;
}
#lnk_box01,#lnk_box02 {
	margin-top: 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 60px;
}
#lnk_box02 {
	flex-flow: row-reverse;
}
@media only screen and (max-width: 767px) {
  .con_course li.box_course {
		margin-top: 10%;
  }
}
.con_course li.box_course:first-child {
	margin-top: 0;
}
.con_course li.box_course .photo {
	width: 51.15%;
}
.con_course li.box_course .box_txt {
	width: 47%;
}
.con_course li.box_course .box_txt div {
	max-width: 545px;
	display: block;
}
.con_course li.box_course .box_txt div h4, .con_course li.box_course .box_txt div h5 {
	font-weight: 100;
	font-size: 231%;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", "Times New Roman", serif;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_course li.box_course .box_txt div h4, .con_course li.box_course .box_txt div h5 {
		font-size: 216%;
  }
}
@media only screen and (max-width: 767px) {
  .con_course li.box_course .box_txt div h4, .con_course li.box_course .box_txt div h5 {
		font-size: 154%;
  }
}
.con_course li.box_course .box_txt div h4 {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.con_course li.box_course .box_txt div h4:before {
	content: '';
	position: absolute;
	bottom: 0;
	width: 90px;
	height: 3px;
	background: #cca973;
}
.con_course li.box_course .box_txt div em {
	color: #000;
	font-size: 139%;
	position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_course li.box_course .box_txt div em {
		font-size: 124%;
  }
}
@media only screen and (max-width: 767px) {
  .con_course li.box_course .box_txt div em {
		font-size: 140%;
  }
}
.con_course li.box_course .box_txt div .txt {
	margin-top: 25px;
	font-size: 140%;
	line-height: 1.85;
}
@media only screen and (max-width: 767px) {
  .con_course li.box_course .box_txt div .txt {
		margin-top: 3%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_course li.box_course .box_txt div .txt {
		font-size: 116%;
  }
}
@media only screen and (max-width: 767px) {
  .con_course li.box_course .box_txt div .txt {
		font-size: 107%;
  }
}
.con_course li.box_course .box_txt div table {
	margin: 20px auto 0;
	width: 100%;
	font-size: 140%;
}
@media only screen and (max-width: 767px) {
  .con_course li.box_course .box_txt div table {
		margin-top: 5%;
  }
}
.con_course li.box_course .box_txt div table th {
	width: 20%;
    background: #F4E8C1;
    padding: 10px;
}
.con_course li.box_course .box_txt div table tr {
	border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
}
.con_course li.box_course .box_txt div table td {
	padding: 10px;
	vertical-align: middle;
}
.con_course li.box_course .box_txt div .memo {
	margin-top: 10px;
	font-size: 116%;
}
@media only screen and (max-width: 767px) {
  .con_course li.box_course .box_txt div .memo {
		margin-top: 2%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_course li.box_course .box_txt div .memo {
		font-size: 116%;
  }
}
@media only screen and (max-width: 767px) {
  .con_course li.box_course .box_txt div .memo {
		font-size: 100%;
  }
}
.con_course li.box_course .box_txt div .btn_lnk {
	margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_course li.box_course .box_txt div .btn_lnk {
		margin-top: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_course li.box_course .box_txt div .btn_lnk {
		margin-top: 20px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_course li.box_course .box_l {
		/* float: left; */
  }
  .con_course li.box_course .box_l div {
  }
  .con_course li.box_course .box_r {
		/* float: right; */
  }
  .con_course li.box_course .box_r div {
		margin-right: auto;
		margin-left: 3.5824%;
  }
}
@media print {
  .con_course li.box_course .box_l {
		float: left;
  }
  .con_course li.box_course .box_l div {
		margin-left: auto;
		margin-right: 3.5824%;
  }
  .con_course li.box_course .box_r {
		float: right;
  }
  .con_course li.box_course .box_r div {
		margin-right: auto;
		margin-left: 3.5824%;
  }
}
.ie8 .con_course li.box_course .box_l {
	float: left;
}
.ie8 .con_course li.box_course .box_l div {
	margin-left: auto;
	margin-right: 3.5824%;
}
.ie8 .con_course li.box_course .box_r {
	float: right;
}
.ie8 .con_course li.box_course .box_r div {
	margin-right: auto;
	margin-left: 3.5824%;
}
@media only screen and (max-width: 1024px) {
  .con_course li.box_course .photo {
		width: 100%;
		text-align: center;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .con_course li.box_course .photo {
		overflow: hidden;
  }
  .con_course li.box_course .photo img {
		position: relative;
		width: 100%;
		max-width: none;
  }
}
@media only screen and (max-width: 1024px) {
  .con_course li.box_course .box_txt {
		width: 95%;
		margin: auto;
  }
  .con_course li.box_course .box_txt div {
		max-width: 100%;
		margin-top: 3%;
  }
}
@media only screen and (max-width: 1024px) and (max-width: 767px) {
  .con_course li.box_course .box_txt div .txt {
		line-height: 1.5;
  }
  .con_course li.box_course .box_txt div table {
		font-size: 105%;
  }
}
img {
	max-width: 100%;
	height: auto;
}
#spBtnMenu img {
	height: 35px;
}
.spot_btn {
	color: #7E7E7E;
    background-color: #fff;
    border: 1px solid #7E7E7E;
    border-radius: 3px;
    font-size: 14px;
    margin: 0 auto 3px;
    display: block;
    width: 80%;
    text-align: center;
    padding: 6px;
		box-shadow: 3px 3px #7e7e7e;
		position: relative;
		box-sizing: border-box;
		margin-top: 20px;
}
.spot_btn::after {
    content: url(/img/common/ico_blank.png);
    position: absolute;
    right: 10px;
}
.spot_btn:hover {
	text-decoration: none;
}
.tab_box .btn_area {
	display: -webkit-box;
    display: flex;
    font-size: 13px;
    width: 100%;
}

.tab_box .tab_btn {
    padding: 8px 0;
    color: #333;
    background: #f5f7f8;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease 0s;
    width: 25%;
    text-align: center;
    font-size: 120%;
    box-sizing: border-box;
    border-top: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
    border-left: 1px solid #bebebe;
    background: #fff;
}

.tab_box .tab_btn:hover {
	background-color: #dce1e4;
}

.tab_box .tab_btn.active {
	background: #f5f5f5;
	border-bottom: 2px solid #f5f5f5;
}

.tab_box .panel_area {
	width: 100%;
	margin: 50px auto;
}

.tab_box .tab_panel {
    display:none;
}

.tab_box .tab_panel.active {
    display:block;
}
#tripla_area {
	position: relative;
    min-width: 1000px;
    width: 1000px;
		margin: 0 auto 45px;
}


}
#booking {
	margin: 30px auto 0;
}
#tripla_area .confirm_link {
	right: 40px;
    bottom: 52%;
    font-weight: bold;
    font-size: 16px;
    position: absolute;
    display: block;
}
#booking .search-widget-search-container-bf1818 {
	background: #e6f6f8;
}