@charset "utf-8";
body {
  font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.clearfix:before, .clearfix:after {
  content: "";
  display: block;
  overflow: hidden;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
#breadcrumb {
  padding: 5px 0 10px;
}
.breadcrumb__inner {
  overflow-y: hidden;
}
#container {
  color: #444444;
  font-size: 120%;
  line-height: 1.4;
}
#container a:link {
  color: #444444;
  text-decoration: none;
}
#container a:visited {
  color: #444444;
  text-decoration: none;
}
#container a:hover {
  color: #444444;
  text-decoration: none;
}
#container div::after {
  content: "";
  display: block;
  clear: both;
}
/* -------------------------------

index 下層共通

 ------------------------------ */
#titleArea {
  background: url(/tyo/special/resort/common/images/bg_sky_01.gif) repeat;
}
#titleArea .inner {
  background: url(/tyo/special/resort/common/images/bg_sky_02.png) center top repeat-x;
}
#titleArea .navList {
  width: 992px;
  margin: 0 auto;
  padding: 15px 0;
}
#titleArea .navList li {
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  zoom: 1;
}
#titleArea .navList li a {
  display: block;
  height: 41px;
}
#titleArea .navList li.navEur a {
  width: 125px;
  background: url(/tyo/special/resort/common/images/nav_eur_off.png) no-repeat 0 0;
}
#titleArea .navList li.navAfr a {
  width: 167px;
  background: url(/tyo/special/resort/common/images/nav_afr_off.png) no-repeat 0 0;
}
#titleArea .navList li.navAsi a {
  width: 93px;
  background: url(/tyo/special/resort/common/images/nav_asi_off.png) no-repeat 0 0;
}
#titleArea .navList li.navHgs a {
  width: 194px;
  background: url(/tyo/special/resort/common/images/nav_hgs_off.png) no-repeat 0 0;
}
#titleArea .navList li.navOce a {
  width: 202px;
  background: url(/tyo/special/resort/common/images/nav_oce_off.png) no-repeat 0 0;
}
#titleArea .navList li.navUsa a {
  width: 78px;
  background: url(/tyo/special/resort/common/images/nav_usa_off.png) no-repeat 0 0;
}
#titleArea .navList li.navIsl a {
  width: 108px;
  background: url(/tyo/special/resort/common/images/nav_isl_off.png) no-repeat 0 0;
}
/*「中南米」パターン ナビ増えたら復活？*/
/*#titleArea .navList li.navSam a {width:101px; background:url(/tyo/special/resort/common/images/nav_sam_off.png) no-repeat 0 0; }*/
/*「中南米・カリブ海」パターン*/
#titleArea .navList li.navSam a {
  width: 160px;
  background: url(/tyo/special/resort/common/images/nav_sam02_off.png) no-repeat 0 0;
}
#titleArea .navList li.navEur a:hover, #titleArea .navList li.navEur.active a {
  background: url(/tyo/special/resort/common/images/nav_eur_on.png) no-repeat 0 0;
}
#titleArea .navList li.navAfr a:hover, #titleArea .navList li.navAfr.active a {
  background: url(/tyo/special/resort/common/images/nav_afr_on.png) no-repeat 0 0;
}
#titleArea .navList li.navAsi a:hover, #titleArea .navList li.navAsi.active a {
  background: url(/tyo/special/resort/common/images/nav_asi_on.png) no-repeat 0 0;
}
#titleArea .navList li.navHgs a:hover, #titleArea .navList li.navHgs.active a {
  background: url(/tyo/special/resort/common/images/nav_hgs_on.png) no-repeat 0 0;
}
#titleArea .navList li.navOce a:hover, #titleArea .navList li.navOce.active a {
  background: url(/tyo/special/resort/common/images/nav_oce_on.png) no-repeat 0 0;
}
#titleArea .navList li.navUsa a:hover, #titleArea .navList li.navUsa.active a {
  background: url(/tyo/special/resort/common/images/nav_usa_on.png) no-repeat 0 0;
}
#titleArea .navList li.navIsl a:hover, #titleArea .navList li.navIsl.active a {
  background: url(/tyo/special/resort/common/images/nav_isl_on.png) no-repeat 0 0;
}
/*「中南米」パターン ナビ増えたら復活？*/
/*#titleArea .navList li.navSam a:hover,#titleArea .navList li.navSam.active a {background:url(/tyo/special/resort/common/images/nav_sam_on.png) no-repeat 0 0; }*/
/*「中南米・カリブ海」パターン*/
#titleArea .navList li.navSam a:hover, #titleArea .navList li.navSam.active a {
  background: url(/tyo/special/resort/common/images/nav_sam02_on.png) no-repeat 0 0;
}
#titleArea .navList li.navLogo a {
  width: 494px;
  margin-right: 10px;
  background: url(/tyo/special/resort/common/images/btmnav_ttl_world.png) no-repeat left center;
}
#bottomNav {
  background: url(/tyo/special/resort/common/images/bg_sky_01.gif) repeat;
}
#bottomNav .inner {
  background: url(/tyo/special/resort/common/images/bg_sky_02.png) center 80px repeat-x;
  padding-bottom: 20px;
}
#bottomNav .areaNav {
  width: 960px;
  margin: 0 auto;
  padding-top: 40px;
}
#bottomNav .areaNav .navTtl {
  text-align: center;
  margin-bottom: 40px;
}
#bottomNav .areaNav .navList {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
#bottomNav .areaNav .navList li {
  width: 225px;
  color: #333333;
  font-size: 90%;
  line-height: 1.6;
  margin: 0 20px 20px 0;
  position: relative;
}
#bottomNav .areaNav .navList li a {
  display: block;
}
#bottomNav .areaNav .navList li a:hover, #bottomNav .areaNav .navList li.active a {
  background: #ffffff;
}
#bottomNav .areaNav .navList li:nth-child(4n) {
  margin-right: 0;
}
#bottomNav .areaNav .navList li span {
  display: block;
  position: absolute;
  top: 20%;
  left: 80px;
}
#bottomNav .areaNav .navList li span em {
  color: #666666;
  font-size: 90%;
}
#bottomNav .worldNav {
  width: 960px;
  margin: 0 auto;
  padding: 40px 0 20px;
}
#bottomNav .worldNav .navTtl {
  text-align: center;
  margin-bottom: 40px;
}
#bottomNav .worldNav .navList li {
  width: 136px;
  float: left;
  margin-right: 1px;
  text-align: center;
}
/*▼ナビが少ないのでセンター寄せにしています。増えたら削除してください。*/
#bottomNav .worldNav .navList {
  margin: 0 auto;
  /*width: 273px;*/
  display: flex;
  justify-content: center;
}
/*▲ここまで*/
#bottomNav .worldNav .navList li:last-child {
  margin-right: 0;
}
#bottomNav .worldNav .navList li span {
  display: block;
  margin-top: 10px;
}
#bottomNav .worldNav .navList li a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#bottomNav #socialArea {
  width: 960px;
  margin: 25px auto 0;
  position: relative;
  padding: 10px 0;
}
#bottomNav #socialArea #socialBox {
  position: absolute;
  top: 0;
  right: 0;
}
/* -------------------------------

index

 ------------------------------ */
/* -------------------------------

エリアトップ

 ------------------------------ */
.areaTop #titleArea .inner {
  background: url(/tyo/special/resort/common/images/bg_sky_02.png) center 265px repeat-x;
}
#titleArea .wideslider {
  width: 100%;
  height: 510px;
  text-align: left;
  position: relative;
  overflow: hidden;
}
#titleArea .wideslider img {
  display: none;
  width: 100%;
  height: 510px !important;
}
#titleArea .wideslider a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#titleArea .wideslider ul, #titleArea .wideslider ul li {
  float: left;
  display: inline;
  overflow: hidden;
  /*min-width:960px;*/
}
/*wideslider img*/
#titleArea .wideslider ul li {
  background: no-repeat center center;
}
#eur #titleArea .wideslider ul li.mv01 {
  background-image: url(/tyo/special/resort/eur/images/mv_01.jpg);
}
#eur #titleArea .wideslider ul li.mv02 {
  background-image: url(/tyo/special/resort/eur/images/mv_02.jpg);
}
#eur #titleArea .wideslider ul li.mv03 {
  background-image: url(/tyo/special/resort/eur/images/mv_03.jpg);
}
#eur #titleArea .wideslider ul li.mv04 {
  background-image: url(/tyo/special/resort/eur/images/mv_04.jpg);
}
#eur #titleArea .wideslider ul li.mv05 {
  background-image: url(/tyo/special/resort/eur/images/mv_05.jpg);
}
#eur #titleArea .wideslider ul li.mv06 {
  background-image: url(/tyo/special/resort/eur/images/mv_06.jpg);
}
#eur #titleArea .wideslider ul li.mv07 {
  background-image: url(/tyo/special/resort/eur/images/mv_07.jpg);
}
#eur #titleArea .wideslider ul li.mv08 {
  background-image: url(/tyo/special/resort/eur/images/mv_08.jpg);
}
#eur #titleArea .wideslider ul li.mv09 {
  background-image: url(/tyo/special/resort/eur/images/mv_09.jpg);
}
#eur #titleArea .wideslider ul li.mv10 {
  background-image: url(/tyo/special/resort/eur/images/mv_10.jpg);
}
#eur #titleArea .wideslider ul li.mv11 {
  background-image: url(/tyo/special/resort/eur/images/mv_11.jpg);
}
#eur #titleArea .wideslider ul li.mv12 {
  background-image: url(/tyo/special/resort/eur/images/mv_12.jpg);
}
#eur #titleArea .wideslider ul li.mv13 {
  background-image: url(/tyo/special/resort/eur/images/mv_13.jpg);
}
#eur #titleArea .wideslider ul li.mv14 {
  background-image: url(/tyo/special/resort/eur/images/mv_14.jpg);
}
#eur #titleArea .wideslider ul li.mv15 {
  background-image: url(/tyo/special/resort/eur/images/mv_15.jpg);
}
#sam #titleArea .wideslider ul li.mv01 {
  background-image: url(/tyo/special/resort/sam/images/mv_01.jpg);
}
#sam #titleArea .wideslider ul li.mv02 {
  background-image: url(/tyo/special/resort/sam/images/mv_02.jpg);
}
#sam #titleArea .wideslider ul li.mv03 {
  background-image: url(/tyo/special/resort/sam/images/mv_03.jpg);
}
#sam #titleArea .wideslider ul li.mv04 {
  background-image: url(/tyo/special/resort/sam/images/mv_04.jpg);
}
#sam #titleArea .wideslider ul li.mv05 {
  background-image: url(/tyo/special/resort/sam/images/mv_05.jpg);
}
#sam #titleArea .wideslider ul li.mv06 {
  background-image: url(/tyo/special/resort/sam/images/mv_06.jpg);
}
#sam #titleArea .wideslider ul li.mv07 {
  background-image: url(/tyo/special/resort/sam/images/mv_07.jpg);
}
#sam #titleArea .wideslider ul li.mv08 {
  background-image: url(/tyo/special/resort/sam/images/mv_08.jpg);
}
#isl #titleArea .wideslider ul li.mv01 {
  background-image: url(/tyo/special/resort/isl/images/mv_01.jpg);
}
#isl #titleArea .wideslider ul li.mv02 {
  background-image: url(/tyo/special/resort/isl/images/mv_02.jpg);
}
#isl #titleArea .wideslider ul li.mv03 {
  background-image: url(/tyo/special/resort/isl/images/mv_03.jpg);
}
#asi #titleArea .wideslider ul li.mv01 {
  background-image: url(/tyo/special/resort/asi/images/mv_01.jpg);
}
#asi #titleArea .wideslider ul li.mv02 {
  background-image: url(/tyo/special/resort/asi/images/mv_02.jpg);
}
#asi #titleArea .wideslider ul li.mv03 {
  background-image: url(/tyo/special/resort/asi/images/mv_03.jpg);
}
#asi #titleArea .wideslider ul li.mv04 {
  background-image: url(/tyo/special/resort/asi/images/mv_04.jpg);
}
#asi #titleArea .wideslider ul li.mv05 {
  background-image: url(/tyo/special/resort/asi/images/mv_05.jpg);
}
/* end wideslider img*/
#titleArea .wideslider_base {
  top: 0;
  position: absolute;
}
#titleArea .wideslider_wrap {
  top: 0;
  position: absolute;
  overflow: hidden;
}
#titleArea .mv {
  overflow: hidden;
}
#titleArea .sliderTop { /**/
  position: relative;
}
#titleArea .mv.sliderTop {
  height: 510px;
}
#titleArea .sliderTop .textConts { /**/
  width: 960px;
  margin: 0 auto;
  position: relative;
}
#titleArea .sliderTop h2 { /**/
  position: absolute;
  top: -480px;
  left: 0;
  padding-top: 0 !important;
}
#titleArea .sliderTop p { /**/
  color: #ffffff;
  width: 337px;
  background: rgba(0, 34, 72, 0.7);
  position: absolute;
  top: -180px;
  right: -35px;
  padding: 15px;
}
@media screen and (max-width: 1059px) {
  #titleArea .sliderTop p {
    right: 0;
  }
}
@media screen and (-webkit-min-device-pixel-ratio:2) {
  #titleArea .sliderTop p {
    right: 0;
  }
}
#titleArea #mapArea {
  overflow: hidden;
}
#titleArea #mapArea .wrapper {
  width: 960px;
  margin: 0 auto;
  padding-top: 30px;
  position: relative;
}
#titleArea #mapArea .wrapper .stamp {
  position: absolute;
  top: 135px;
  left: -50px;
}
#titleArea #mapArea h3 {
  text-align: center;
  padding-bottom: 30px;
}
#titleArea #mapArea .btn {
  width: 61px;
  height: 41px;
  cursor: pointer;
  background: url(/tyo/special/resort/common/images/btn_open.png) no-repeat top left;
  position: absolute;
  top: 40px;
  right: 15px;
}
#titleArea #mapArea .btn.active {
  background: url(/tyo/special/resort/common/images/btn_close.png) no-repeat top left;
}
#titleArea #mapArea .btn a {
  display: none;
}
#titleArea #mapArea .acdn-content {
  /*display:none;*/
  width: 960px;
  background: url(/tyo/special/resort/common/images/bg_shadow_01.png) bottom left no-repeat;
  padding-bottom: 50px;
  margin: 0 auto;
}
#titleArea #mapArea .acdn-content .inner {
  height: 450px;
  background: #ffffff;
  position: relative;
  box-shadow: 0px 0px 6px 3px rgba(167, 167, 167, 0.11);
  -moz-box-shadow: 0px 0px 6px 3px rgba(167, 167, 167, 0.11);
  -webkit-box-shadow: 0px 0px 6px 3px rgba(167, 167, 167, 0.11);
}
#titleArea #mapArea .acdn-content .inner #map_canvas {
  height: 450px;
}
#titleArea #mapArea .acdn-content .inner #map_canvas .gm-style-iw {
  text-align: center;
  padding-bottom: 5px;
}
#titleArea #mapArea .acdn-content .inner #map_canvas .popBox .title {
  font-weight: bold;
  padding: 0 0 5px;
}
#contentsListArea {}
#selectNav:after {
  content: "";
  display: block;
  width: 61px;
  height: 24px;
  background: url(/tyo/special/resort/common/images/bg_triangle.png) center top no-repeat;
  margin: 0 auto;
}
#selectNav .inner {
  background: url(/tyo/special/resort/common/images/bg_wall_01.gif) repeat;
}
#selectNav .selectList {
  width: 960px;
  margin: 0 auto;
  padding: 30px 0 10px;
}
#selectNav .selectList li {
  width: 215px;
  position: relative;
  display: inline-block;
  margin: 0 20px 20px 0;
  padding: 0;
}
#selectNav .selectList input {
  position: absolute;
  top: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
#selectNav .selectList input[type="checkbox"] + label {
  display: block;
  background: url(/tyo/special/resort/common/images/ico_nocheck.gif) no-repeat left center;
  padding: 7px 0 0 36px;
}
#selectNav .selectList input[type="checkbox"]:checked + label {
  background: url(/tyo/special/resort/common/images/ico_check.gif) no-repeat left center;
}
#resultArea {
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}
#resultArea .resultList {
  width: 990px;
  min-height: 390px;
  margin-top: -5px;
  margin-left: -30px;
  display: flex;
  flex-wrap: wrap;
}
/*#eur #resultArea .resultList {
	background:url(/tyo/special/resort/common/images/bg_resultlist.png) bottom right no-repeat;
}*/
#resultArea .resultList div {
  width: 330px;
  background: url(/tyo/special/resort/common/images/line_02.png) repeat-x top left;
  font-size: 85%;
  line-height: 1.6;
  padding: 40px 0 30px 30px;
}
#resultArea .resultList div a {
  display: block;
  background: #ffffff;
}
#resultArea .resultList div a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#resultArea [class*="hidden-"] {
  display: none;
}
#resultArea .resultList span {
  display: block;
}
#resultArea .resultList .destination {
  width: 300px;
  margin-top: 20px;
}
#resultArea .resultList .country {
  width: 245px;
  color: #777777;
  margin: -5px 0 0 55px
}
#resultArea .resultList .outline {
  width: 300px;
  margin-top: 10px;
}
#specialTopicArea {
  width: 960px;
  margin: 0 auto 50px;
  background: url(/tyo/special/resort/common/images/bg_ranking.gif) repeat;
  padding: 15px;
}
#specialTopicArea .inner {
  border: 5px solid #ffffff;
  text-align: center;
  padding: 30px 0;
}
#specialTopicArea h3:before {
  content: url(/tyo/special/resort/common/images/ico_crown_01.png);
  padding-right: 20px;
  margin-left: -45px;
}
#specialTopicArea h3 img {
  height: 79px;
  background: url(/tyo/special/resort/common/images/line_01.png) left bottom repeat-x;
  padding-bottom: 20px;
}
#specialTopicArea p {
  font-size: 115%;
  line-height: 1.6;
  margin: 30px 0;
}
#specialTopicArea .btn {
  display: inline-block;
  background: #ffffff;
}
#specialTopicArea .btn:after {
  content: url(/tyo/special/resort/common/images/ico_crown_02.png) !important;
  width: 47px;
  height: 44px;
  position: absolute;
  top: 6px;
  right: 25px;
}
#specialTopicArea a {
  display: block;
  color: #333333;
  position: relative;
  top: 50%;
  text-align: center;
  padding: 15px 90px 15px 50px;
  position: relative;
  font-size: 120%;
}
#specialTopicArea a:before {
  content: url(/tyo/special/resort/common/images/ico_btn_arrow_02.png);
  padding-right: 20px;
}
#specialTopicArea a:link, #specialTopicArea a:visited {
  border: 1px solid #ffffff;
  color: #333333;
  text-decoration: none;
}
#specialTopicArea a:hover {
  border: 1px solid #333333;
  color: #333333;
  background: #efe9d1;
  text-decoration: none;
}
#otherPageArea {
  background: url(/tyo/special/resort/common/images/bg_wall_01.gif) repeat;
}
#otherPageArea .inner {
  width: 960px;
  margin: 0 auto;
  padding: 20px 0 40px;
}
#otherPageArea h3 {
  text-align: center;
  margin-bottom: 30px;
}
#otherPageArea .pageList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#otherPageArea .pageList li {
  background: #ffffff;
  border: 1px solid #545454;
  margin: 0 25px 25px 0;
}
#otherPageArea .pageList li:last-child {
  margin-right: 0;
}
#otherPageArea .pageList li a {
  display: block;
  background: url(/tyo/special/resort/common/images/ico_btn_arrow_02.png) 20px 50% no-repeat;
  color: #333333;
  text-align: center;
  padding: 10px 20px 10px 40px;
}
#otherPageArea .pageList li:hover {
  background: #efe9d1;
}
/* -------------------------------

各都市ページ

 ------------------------------ */
#titleArea .mv {
  height: 470px;
  position: relative;
}
#titleArea .mv h2 {
  width: 960px;
  margin: 0 auto;
  padding-top: 330px;
}
#localInfoArea {
  width: 960px;
  margin: 20px auto 0;
}
#localInfoArea h3 {
  display: inline-block;
  background: url(/tyo/special/resort/common/images/bg_h3_localinfo.png) right top no-repeat;
  padding-top: 55px;
  margin-bottom: 35px;
}
#localInfoArea h3 img {
  background: url(/tyo/special/resort/common/images/line_01.png) left bottom repeat-x;
  padding-bottom: 20px;
}
#localInfoArea p {
  line-height: 1.8;
}
#localInfoArea .subText {
  color: #999999;
  font-size: 85%;
  line-height: 1.4;
  margin-top: 10px;
}
#localInfoArea .infoBox {
  background: url(/tyo/special/resort/common/images/bg_sky_01.gif) repeat;
  position: relative;
  margin-top: 20px;
}
#localInfoArea .imgMain:before {
  position: absolute;
  bottom: 0;
  left: 446px;
  line-height: 0;
}
#localInfoArea .imgMain:before {
  content: url(/tyo/special/resort/common/images/ico_num_01.png);
}
#localInfoArea .infoBox dl {
  width: 450px;
  font-size: 90%;
  line-height: 1.8;
  position: absolute;
  top: 30px;
  left: 510px;
}
#localInfoArea .infoBox dl dt {
  float: left;
}
#localInfoArea .infoBox .point {
  position: absolute;
  bottom: 0;
  right: 0;
}
#localInfoArea .imgList li {
  float: left;
  position: relative;
}
#localInfoArea .imgList li:before {
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 0;
}
#localInfoArea .imgList li:nth-child(1):before {
  content: url(/tyo/special/resort/common/images/ico_num_02.png);
}
#localInfoArea .imgList li:nth-child(2):before {
  content: url(/tyo/special/resort/common/images/ico_num_03.png);
}
#localInfoArea .imgList li:nth-child(3):before {
  content: url(/tyo/special/resort/common/images/ico_num_04.png);
}
#localInfoArea .imgList li:nth-child(4):before {
  content: url(/tyo/special/resort/common/images/ico_num_05.png);
}
#localInfoArea .caption {
  margin-top: 20px;
  font-size: 90%;
  line-height: 1.5;
}
#recommendInfoArea {
  width: 960px;
  margin: 105px auto 0;
}
#recommendInfoArea.gourmet h3, #recommendInfoArea.sightseeing h3, #recommendInfoArea.experience h3 {
  text-align: center;
  margin-bottom: 35px;
  padding-top: 36px;
}
#recommendInfoArea.gourmet h3 {
  background: url(/tyo/special/resort/common/images/tx_reccomendinfo_gourmet.gif) no-repeat center top;
}
#recommendInfoArea.sightseeing h3 {
  background: url(/tyo/special/resort/common/images/tx_reccomendinfo_spot.gif) no-repeat center top;
}
#recommendInfoArea.experience h3 {
  background: url(/tyo/special/resort/common/images/tx_reccomendinfo_experience.gif) no-repeat center top;
}
/*
#recommendInfoArea.gourmet h3:before {
	display: block;
	content:url(/tyo/special/resort/common/images/tx_reccomendinfo_gourmet.gif);
	margin-bottom: 15px;
}
*/
#recommendInfoArea.gourmet h3 span, #recommendInfoArea.sightseeing h3 span {
  display: inline-block;
  position: relative;
}
#recommendInfoArea.gourmet h3 span:after {
  content: url(/tyo/special/resort/common/images/bg_h3_recommendinfo_gourmet.png);
  position: absolute;
  bottom: -10px;
  right: -128px;
  width: 88px;
  height: 134px;
}
/*
#recommendInfoArea.sightseeing h3:before {
	display: block;
	content:url(/tyo/special/resort/common/images/tx_reccomendinfo_spot.gif);
	margin-bottom: 15px;
}
*/
#recommendInfoArea.sightseeing h3 span:after {
  content: url(/tyo/special/resort/common/images/bg_h3_recommendinfo_spot.png);
  position: absolute;
  bottom: 0;
  right: -148px;
  width: 133px;
  height: 109px;
}
#recommendInfoArea h3 img {
  background: url(/tyo/special/resort/common/images/line_01.png) left bottom repeat-x;
  padding-bottom: 20px;
}
#recommendInfoArea .leftBox {
  width: 465px;
  float: left;
  margin-right: 30px;
}
#recommendInfoArea .rightBox {
  width: 465px;
  float: left;
}
#recommendInfoArea .centerBox {
  /*width:465px;*/
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
#recommendInfoArea .centerBox img + img {
  margin-left: 30px;
}
#recommendInfoArea p {
  padding-top: 20px;
  clear: both;
}
#recommendInfoArea #moreEnjoyArea {
  background: url(/tyo/special/resort/common/images/bg_shadow_01.png) bottom left no-repeat;
  padding-bottom: 50px;
}
#recommendInfoArea #moreEnjoyArea .inner01 {
  background: url(/tyo/special/resort/common/images/bg_paper_01.gif) repeat;
  margin-top: 50px;
  padding: 15px 0;
}
#recommendInfoArea #moreEnjoyArea .inner01:before, #recommendInfoArea #moreEnjoyArea .inner01:after {
  content: '';
  background: url(/tyo/special/resort/common/images/line_02.png) repeat-x;
  width: 100%;
  height: 4px;
  display: block;
}
#recommendInfoArea #moreEnjoyArea .inner02 {
  background: url(/tyo/special/resort/common/images/bg_stamp_01.png) left top no-repeat;
  margin: 20px;
}
#recommendInfoArea #moreEnjoyArea h3 {
  margin-bottom: 15px;
  text-align: center;
  background: none;
  padding: 0;
}
#recommendInfoArea #moreEnjoyArea h3:before, #recommendInfoArea #moreEnjoyArea h3:after {
  content: "";
  position: inherit;
  top: 0;
  left: 0;
}
#recommendInfoArea #moreEnjoyArea h3 img {
  background: none;
  padding: 0;
  margin: 0;
}
#recommendInfoArea #moreEnjoyArea .textBox {
  width: 520px;
  float: left;
  margin: 50px 20px 0 0;
}
#recommendInfoArea #moreEnjoyArea h4 {
  font-size: 120%;
  font-weight: bold;
}
#recommendInfoArea #moreEnjoyArea p {
  line-height: 1.8;
}
#hotelInfoArea {
  background: url(/tyo/special/resort/common/images/bg_wall_01.gif) repeat;
  margin-top: 20px;
}
#hotelInfoArea .inner {
  width: 960px;
  margin: 0 auto;
  padding: 45px 0;
}
#hotelInfoArea h3 {
  text-align: center;
}
#hotelInfoArea h3 span {
  display: inline-block;
  position: relative;
}
#hotelInfoArea h3 span:before {
  content: url(/tyo/special/resort/common/images/bg_h3_hotel.png);
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 72px;
  height: 70px;
  margin: auto;
}
#hotelInfoArea h3 img {
  height: 52px;
  background: url(/tyo/special/resort/common/images/line_01.png) left bottom repeat-x;
  padding-bottom: 20px;
  margin-left: 105px;
}
#hotelInfoArea h4 {
  text-align: center;
  background: rgba(204, 191, 144, 0.4);
  margin-top: 35px;
  padding: 15px 0;
}
#hotelInfoArea .infoText {
  margin-top: 20px;
  line-height: 1.8;
}
#hotelInfoArea .infoText span {
  display: block;
  font-size: 110%;
  font-weight: bold;
  padding-bottom: 10px;
}
#hotelInfoArea .infoText .note {
  color: #999999;
  font-weight: normal;
  font-size: 85%;
  line-height: 1.4;
}
#hotelInfoArea .htlLink {
  background: #ffffff;
  border: 1px solid #545454;
  float: left;
  margin-top: 15px;
}
#hotelInfoArea .htlLink a {
  display: block;
  background: url(/tyo/special/resort/common/images/ico_btn_arrow_02.png) 92% 45% no-repeat;
  color: #333333;
  position: relative;
  top: 50%;
  text-align: center;
  padding: 10px 35px 10px 20px;
}
#hotelInfoArea .htlLink a.newWindow {
  background: url(/cmn/icon/icon_blank.svg) 96% 50% no-repeat;
  background-size: 35px 35px;
  padding: 13px 40px 10px 20px;
}
#hotelInfoArea .htlLink:hover {
  background: #efe9d1;
}
#hotelInfoArea .htlImg {
  padding-top: 30px;
  clear: both;
}
#hotelInfoArea .itemBox {
  background: url(/tyo/special/resort/common/images/line_03.png) repeat-y;
  position: relative;
  margin-top: 50px;
}
#hotelInfoArea .itemBox {
  display: none;
}
#hotelInfoArea .itemBox:has(:is(.product__list--item, li:not([class]))) {
  display: block;
}
#hotelInfoArea .itemBox:before {
  content: "";
  display: block;
  height: 1px;
  background: url(/tyo/special/resort/common/images/line_01.png) repeat-x;
}
#hotelInfoArea .itemBox:after {
  content: "";
  display: block;
  height: 1px;
  background: url(/tyo/special/resort/common/images/line_01.png) repeat-x;
}
#hotelInfoArea .itemBox h5 {
  position: absolute;
  top: -30px;
  left: 170px;
}
#hotelInfoArea .itemBox .itemList {
  padding: 0 0 25px 35px;
  margin-top: 40px;
}
#hotelInfoArea .itemBox .itemList li {
  width: 430px;
  margin: 30px 30px 0 0;
  line-height: 1.7;
}
#hotelInfoArea .itemBox .itemList.col1 li {
  float: none;
  margin: 0 auto;
  padding-top: 30px;
}
#hotelInfoArea .itemBox .itemList li a:hover > span.btn {
  background: #efe9d1;
}
#hotelInfoArea .itemBox .itemList li span {
  display: block;
}
#hotelInfoArea .itemBox .itemList li span.tourTtl {
  font-size: 120%;
  font-weight: bold;
}
#hotelInfoArea .itemBox .itemList li span.hotel em {
  display: block;
  color: #999999;
  font-size: 85%;
  line-height: 1.4;
  margin-top: 5px;
}
#hotelInfoArea .itemBox .itemList li span.price {
  font-size: 130%;
  font-weight: bold;
  color: #9a3030;
  padding-top: 5px;
}
#hotelInfoArea .itemBox .itemList li span.price span {
  display: inline;
}
#hotelInfoArea .itemBox .itemList li span.fuel {
  display: inline;
  font-size: 60%;
  font-weight: normal;
  color: #444444;
}
#hotelInfoArea .itemBox .itemList li span.btn {
  width: 429px;
  height: 44px;
  background: #ffffff;
  border: 1px solid #545454;
}
#hotelInfoArea .itemBox .itemList li span.btn em {
  display: block;
  background: url(/tyo/special/resort/common/images/ico_btn_arrow_02.png) 20px 50% no-repeat;
  color: #333333;
  text-align: center;
  padding: 10px 20px 10px 40px;
}
#hotelInfoArea .otherItemLink {
  margin: 50px auto 0;
  text-align: center;
}
#hotelInfoArea .otherItemLink .tourLink {
  display: inline-block;
  height: 77px;
  background: url(/tyo/special/resort/common/images/bg_btn_blue_01.png) repeat;
}
#hotelInfoArea .otherItemLink .tourLink a {
  display: block;
  color: #ffffff;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  padding: 23px 30px;
}
#hotelInfoArea .otherItemLink .tourLink:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#hotelInfoArea .otherItemLink .tourLink a em {
  display: block;
  background: url(/tyo/special/resort/common/images/ico_btn_arrow_01.png) right 50% no-repeat;
  font-size: 150%;
  font-weight: bold;
  padding-right: 30px;
}
#hotelInfoArea .otherItemLink .tourLink a.newWindow em {
  background: url(/cmn/icon/icon_blank_white.svg) right 50% no-repeat;
  background-size: 45px 45px;
  padding-right: 50px;
}
#hotelInfoArea .otherItemLink .otherLink {
  text-align;
  center;
}
#hotelInfoArea .otherItemLink .linkList {
  margin-top: 30px;
  display: inline-block;
}
#hotelInfoArea .otherItemLink .linkList li {
  background: #ffffff;
  border: 1px solid #545454;
  float: left;
  margin-right: 20px;
}
#hotelInfoArea .otherItemLink .linkList li:last-child {
  margin-right: 0;
}
#hotelInfoArea .otherItemLink .linkList li a {
  display: block;
  background: url(/tyo/special/resort/common/images/ico_btn_arrow_02.png) 92% 45% no-repeat;
  color: #333333;
  position: relative;
  top: 50%;
  text-align: center;
  padding: 10px 35px 10px 20px;
}
#hotelInfoArea .otherItemLink .linkList li a.newWindow {
  background: url(/cmn/icon/icon_blank.svg) 95% 50% no-repeat;
  background-size: 35px 35px;
  padding: 13px 40px 10px 20px;
}
#hotelInfoArea .otherItemLink .linkList li:hover {
  background: #efe9d1;
}
/* -------------------------------

180531 SSSプロモーションエリア 追加

 ------------------------------ */
#promotionArea {
  background: #e2efff;
  width: 960px;
  margin: 30px auto 80px;
  overflow: hidden;
}
#promotionArea.itemBox {
  position: relative;
}
#promotionArea.itemBox h5 {
  font-size: 142%;
  font-weight: bold;
  text-align: center;
  margin: 30px 0 0;
}
#promotionArea.itemBox h5:before {
  content: "＼";
  display: inline-block;
  margin-right: 10px;
}
#promotionArea.itemBox h5:after {
  content: "／";
  display: inline-block;
  margin-left: 10px;
}
#promotionArea.itemBox .itemList {
  padding: 0 0 25px 35px;
}
#promotionArea.itemBox .itemList li {
  width: 430px;
  float: left;
  margin: 30px 30px 0 0;
  line-height: 1.7;
}
#promotionArea.itemBox .itemList.col1 li {
  float: none;
  margin: 0 auto;
  padding-top: 30px;
}
#promotionArea.itemBox .itemList li a:hover > span.btn {
  background: #efe9d1;
}
#promotionArea.itemBox .itemList li span {
  display: block;
}
#promotionArea.itemBox .itemList li span.tourTtl {
  font-size: 120%;
  font-weight: bold;
}
#promotionArea.itemBox .itemList li span.hotel em {
  display: block;
  color: #999999;
  font-size: 85%;
  line-height: 1.4;
  margin-top: 5px;
}
#promotionArea.itemBox .itemList li span.price {
  font-size: 130%;
  font-weight: bold;
  color: #9a3030;
  padding-top: 5px;
}
#promotionArea.itemBox .itemList li span.price span {
  display: inline;
}
#promotionArea.itemBox .itemList li span.fuel {
  display: inline;
  font-size: 60%;
  font-weight: normal;
  color: #444444;
}
#promotionArea.itemBox .itemList li span.btn {
  width: 429px;
  height: 44px;
  background: #ffffff;
  border: 1px solid #545454;
}
#promotionArea.itemBox .itemList li span.btn em {
  display: block;
  background: url(/tyo/special/resort/common/images/ico_btn_arrow_02.png) 20px 50% no-repeat;
  color: #333333;
  text-align: center;
  padding: 10px 20px 10px 40px;
}
#promotionArea.otherItemLink {
  margin: 50px auto 0;
  text-align: center;
}
/* -------------------------------

220927 商品枠CTCMS化

 ------------------------------ */
#hotelInfoArea .itemBox .itemList {
  display: flex;
  flex-wrap: wrap;
}
#hotelInfoArea .itemBox .itemList:has(> :nth-child(1):last-child) {
  justify-content: center;
}
#hotelInfoArea .product__list--data {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#hotelInfoArea .product__list--inner {
  height: 100%;
  display: flex;
  flex-direction: column;
}
#hotelInfoArea .product__list--image-wrapper {
  display: none;
}
#hotelInfoArea .product__list--text-wrapper {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
#hotelInfoArea .product__list--text-wrapper::after {
  content: 'ツアー詳細を見る';
  border: 1px solid #545454;
  background: url(/cmn/icon/icon_blank.svg) #ffffff 95% 50% no-repeat;
  background-size: 35px 35px;
  padding: 10px 40px 10px 20px;
  text-align: center;
}
#hotelInfoArea .product__list--item a:hover > .product__list--text-wrapper::after {
  background-color: #efe9d1;
}
#hotelInfoArea .product__list--title {
  font-size: 120%;
  font-weight: bold;
  text-align: left;
  background: none;
  margin: 0;
  padding: 0;
}
#hotelInfoArea .product__list--price {
  margin-top: auto;
}
#hotelInfoArea .product__list--minmax {
  font-size: 130%;
  font-weight: bold;
  color: #9a3030;
  padding-top: 5px;
}
#hotelInfoArea .product__list--dep, #hotelInfoArea .product__list--notes {
  display: inline;
  font-size: 80%;
  font-weight: normal;
  color: #444444;
}