@charset "UTF-8";
/* CSS Document */
@media (max-width: 767px) {
  .tourismList.inner {
    padding-right: 3.5vw;
    padding-left: 3.5vw;
  }
}

#maintitle {
  background: url(../img/main_bk.jpg) no-repeat center 0;
}
#maintitle .en,
#maintitle .ja {
  text-shadow: 0px 0px 25px rgba(0, 67, 90, .6),
    0px -0px 25px rgba(0, 67, 90, .6),
    -0px 0px 25px rgba(0, 67, 90, .6),
    -0px -0px 25px rgba(0, 67, 90, .6);
}
@media (max-width: 767px) {
  #maintitle {
    background: url(../img/main_bk_sp.jpg) no-repeat center 0;
    background-size: 100%;
  }
}

.tourismmap {
  background: #f1f1f1;
}
@media (max-width: 767px) {
  .tourismmap .inner {
    padding-right: 3.5vw;
    padding-left: 3.5vw;
  }
  .tourismmap .inner img {
    width: 100%;
  }
}

.blockSelect {
  text-align: center;
}
.blockSelect img {
  padding: 0 10px;
}
.blockSelect .blockLink {
  display: block;
}

a.moreLink {
  width: 280px;
  height: 36px;
}
@media (max-width: 767px) {
  a.moreLink {
    width: 100%;
    height: auto;
  }
}

h3.icon {
  position: relative;
  text-align: center;
  padding-bottom: 30px;
}
@media (max-width: 767px) {
  h3.icon {
    padding-bottom: 1em;
  }
}
h3.icon div {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: white;
  text-align: left;
  transform: skewX(30deg);
}
h3.icon .listTitle {
  display: inline-block;
  transform: skewX(-30deg);
  line-height: 29px;
  padding-bottom: 0;
  padding-left: 1.8em;
}
.enpo h3.icon div,
.enpo h3.icon .listTitle {
  transform: none;
}
h3.icon:before {
  position: absolute;
  display: block;
  content: "";
  background: rgba(0, 67, 90, .5);
  width: 100%;
  height: 10px;
  margin-top: 10px;
}

p.sec2 {
  text-align: center;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media (max-width: 767px) {
  p.sec2 {
    padding-top: 0;
    padding-bottom: 1em;
  }
}

@media (max-width: 767px) {
  .blockIntro p.sec {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.shosaiImage .inner1040 {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-justify-content: flex-end;
  -webkit-align-items: center;
  /* no prefix */
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.shosaiImage .contBox {
  width: 570px;
  padding: 40px;
}
@media (max-width: 767px) {
  .shosaiImage .contBox {
    padding: 3.5vw;
    margin: 3.5vw;
    margin-top: 35vw;
  }
}
.shosaiImage .linkWrapLeft {
  padding-top: 40px;
}
@media (max-width: 767px) {
  .shosaiImage .linkWrapLeft {
    padding-top: 1rem;
  }
}

.linkWrapLeft {
  margin-top: 0.5em;
}
.linkWrapLeft .map {
  background-color: #598594;
  margin-top: 0.5em;
}

.shuhenkanko .moreLink {
  margin-right: 3.5vw;
  margin-left: 3.5vw;
}
.shuhenkanko .titleEn {
  color: rgba(166, 166, 166, .5);
}

.hachiyu .listTitle {
  background: url(../img/icon_spa.png) no-repeat left center;
}
@media (max-width: 767px) {
  .hachiyu .listTitle {
    background-size: 1.3em;
  }
}
.hachiyu .shosaiImage {
  margin-top: 20px;
  background: url(../img/hachiyu_bk.jpg) no-repeat center 0;
  background-color: #f1f1f1;
}
@media (max-width: 767px) {
  .hachiyu .shosaiImage {
    background: url(../img/hachiyu_bk_sp.jpg) no-repeat center 0;
    background-size: 100%;
  }
}
.hachiyu .contBox {
  background: url(../img/icon_spa_l.png) no-repeat right 1.5em top 1.5em;
}
@media (max-width: 767px) {
  .hachiyu .contBox {
    background-size: 7em;
    background-color: #f1f1f1;
  }
}

.meguri .listTitle {
  background: url(../img/icon_spa.png) no-repeat left center;
}
@media (max-width: 767px) {
  .meguri .listTitle {
    background-size: 1.3em;
  }
}
.meguri .shosaiImage {
  margin-top: 20px;
  background: url(../img/meguri_bk.jpg) no-repeat center 0;
  background-color: #f1f1f1;
}
@media (max-width: 767px) {
  .meguri .shosaiImage {
    background: url(../img/meguri_bk_sp.jpg) no-repeat center 0;
    background-size: 100%;
  }
}
.meguri .contBox {
  background: url(../img/icon_spa_l.png) no-repeat right 1.5em top 1.5em;
}
@media (max-width: 767px) {
  .meguri .contBox {
    background-size: 7em;
    background-color: #f1f1f1;
  }
}

.spot .listTitle {
  background: url(../img/icon_camera.png) no-repeat left center;
}
@media (max-width: 767px) {
  .spot .listTitle {
    background-size: 1.3em;
  }
}

.enpo .listTitle {
  background: url(../img/icon_car.png) no-repeat left center;
}
@media (max-width: 767px) {
  .enpo .listTitle {
    background-size: 1.3em;
  }
}
.enpo h3.icon {
  padding-top: 1rem;
}
.enpo h3.icon:before {
  background: none;
}

.gurume .listTitle {
  background-image: url(../img/icon_eat.png);
  background-repeat: no-repeat;
  background-position: left center;
  background-size: auto 100%;
}
@media (max-width: 767px) {
  .gurume .listTitle {
    background-size: 1.3em;
  }
}
.gurume .shosaiImage {
  background: url(../img/gurume_bk.jpg) no-repeat center 0;
  background-color: #f1f1f1;
}
@media (max-width: 767px) {
  .gurume .shosaiImage {
    background: url(../img/gurume_bk_sp.jpg) no-repeat center 0;
    background-size: 100%;
  }
}
.gurume .contBox {
  background: url(../img/icon_eat_l.png) no-repeat right 1.5em top 1.5em;
  width: 500px;
}
.gurume .contBox img {
  padding-top: 70px;
}
.gurume .contBox span {
  color: #659d30;
}
@media (max-width: 767px) {
  .gurume .contBox {
    width: 100%;
    background-size: 7em;
    background-color: #f1f1f1;
  }
  .gurume .contBox img {
    width: 100%;
    padding-top: 1rem;
  }
}

.tourismList ul {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  margin-left: -15px;
}
@media (max-width: 767px) {
  .tourismList ul {
    margin-left: -0.5em;
  }
}
.tourismList ul li {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-direction: column;
  -webkit-justify-content: space-between;
  /* no prefix */
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: #f1f1f1;
  box-sizing: border-box;
  width: calc(33.333% - 15px);
  margin-bottom: 30px;
  margin-left: 15px;
  padding: 15px;
}
@media (max-width: 767px) {
  .tourismList ul li {
    width: 100%;
    margin-bottom: 1em;
    margin-left: 0.5em;
    padding: 1em;
  }
}
.tourismList ul .bottom {
  margin-top: auto;
}
.tourismList ul .liTitle {
  padding-left: 30px;
  padding-right: 30px;
  font-family: Georgia, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  color: #00435A;
  font-size: 1.375rem;
  font-weight: 500;
  text-align: center;
}
.tourismList ul .time {
  text-align: center;
  padding-top: 1em;
  padding-bottom: 1em;
}
.tourismList ul img {
  width: 100%;
}
.tourismList ul p {
  line-height: 1.6;
  padding-top: 1em;
}
.tourismList ul dl {
  display: -ms-flexbox;
  /* prefix -> -webkit- */
  display: -webkit-flex;
  -webkit-flex-wrap: wrap;
  /* no prefix */
  display: flex;
  flex-wrap: wrap;
  line-height: 1.6;
  padding-top: 1em;
  width: 100%;
}
.tourismList ul dl dt {
  width: 20%;
}
.tourismList ul dl dt:after {
  content: "/";
}
.tourismList ul dl dd {
  width: 80%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 767px) {
  .tourismList ul dl dt {
    width: 20%;
  }
  .tourismList ul dl dd {
    width: 80%;
  }
}
.tourismList ul .linkWrapLeft {
  width: 100%;
}
.tourismList ul .linkWrapLeft a.moreLink {
  width: 100%;
}
.tourismList .iconSpa li {
  background-image: url(../img/icon_spa.png);
  background-repeat: no-repeat;
  background-position: right 1em top 1em;
  background-size: 28px;
}
@media (max-width: 767px) {
  .tourismList .iconSpa li {
    background-size: 2rem;
  }
}
.tourismList .iconCamera li {
  background-image: url(../img/icon_camera.png);
  background-repeat: no-repeat;
  background-position: right 1em top 1em;
  background-size: 20px;
}
@media (max-width: 767px) {
  .tourismList .iconCamera li {
    background-size: 2rem;
  }
}
.tourismList .iconCar li {
  background-image: url(../img/icon_car.png);
  background-repeat: no-repeat;
  background-position: right 1em top 1em;
  background-size: 18px;
}
@media (max-width: 767px) {
  .tourismList .iconCar li {
    background-size: 2rem;
  }
}
.tourismList .iconEat li {
  background-image: url(../img/icon_eat.png);
  background-repeat: no-repeat;
  background-position: right 1em top 1em;
  background-size: 20px;
}
@media (max-width: 767px) {
  .tourismList .iconEat li {
    background-size: 2rem;
  }
}
.tourismList .iconEat .time {
  border-bottom: #659d30 1px solid;
}
.tourismList .iconEat .liTitle {
  font-size: 1.1rem;
}





/* gourmet
---------------------------------------------------------------------------*/
.bg-gourmet-glay {
  padding: 63px 0;
  background-color: #F2F2F2;
}
.bg-gourmet-white {
  padding: 63px 0;
}
.secmar {
  margin-top: 30px;
}
.lst-gourmetmap {
  margin-top: 50px;
}
.lst-gourmetmap > li {
  position: relative;
  padding: 15px;
  width: 222px;
  background-color: #FFFFFF;
}
.lst-gourmetmap .catch {
  position: absolute;
  top: -16px;
  width: calc(100% - 40px);
  padding: 5px 2px;
  font-size: 23px;
  line-height: 120%;
  color: #FFFFFF;
  text-align: center;
  left: 20px;
}
.lst-gourmetmap .catch .mini {
  font-size: 17px;
  line-height: 120%;
}
.lst-gourmetmap .catch > div {
  position: relative;
}
.lst-gourmetmap .catch > div::before {
  content: "";
  position: absolute;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent; 
  left: calc(50% - 10px);
  bottom: -15px;
}
.lst-gourmetmap .hdl {
  margin-bottom: 10px;
  padding-top: 65px;
  font-size: 21px;
  line-height: 145%;
  text-align: center;
}
.lead {
  font-size: 16px;
}
.lst-gourmetmap > li:nth-of-type(1) .catch,
.area.tsurumi,
.lst-anchors > li:nth-of-type(1) a,
.bg-tsurumi {
  background-color: #2A5AA3;
}
.lst-gourmetmap > li:nth-of-type(1) .catch > div::before,
.lst-anchors > li:nth-of-type(1) a::before {
  border-top: 15px solid #2A5AA3;
}
.lst-gourmetmap > li:nth-of-type(1) .hdl,
.txt-tsurumi {
  color: #2A5AA3;
}
.lst-gourmetmap > li:nth-of-type(2) .catch,
.area.kannawa,
.lst-anchors > li:nth-of-type(2) a,
.bg-kannawa {
  background-color: #DC6C1C;
}
.lst-gourmetmap > li:nth-of-type(2) .catch > div::before,
.lst-anchors > li:nth-of-type(2) a::before {
  border-top: 15px solid #DC6C1C;
}
.lst-gourmetmap > li:nth-of-type(2) .hdl,
.txt-kannawa {
  color: #DC6C1C;
}
.lst-gourmetmap > li:nth-of-type(3) .catch,
.area.ishigaki,
.lst-anchors > li:nth-of-type(3) a,
.bg-ishigaki {
  background-color: #D74248;
}
.lst-gourmetmap > li:nth-of-type(3) .catch > div::before,
.lst-anchors > li:nth-of-type(3) a::before {
  border-top: 15px solid #D74248;
}
.lst-gourmetmap > li:nth-of-type(3) .hdl,
.txt-ishigaki {
  color: #D74248;
}
.lst-gourmetmap > li:nth-of-type(4) .catch,
.area.kitahama,
.lst-anchors > li:nth-of-type(4) a,
.bg-kitahama {
  background-color: #659E33;
}
.lst-gourmetmap > li:nth-of-type(4) .catch > div::before,
.lst-anchors > li:nth-of-type(4) a::before {
  border-top: 15px solid #659E33;
}
.lst-gourmetmap > li:nth-of-type(4) .hdl,
.txt-kitahama {
  color: #659E33;
}

.gourmets .txt {
  width: 312px;
  margin: 0 auto 0 45px;
}
.gourmets .txt .hd {
  margin-bottom: 10px;
}
.gourmets .f-reverse .txt {
  margin: 0 45px 0 auto;
}
.bg-gourmet-glay .txt {
  background-image: url(../img/bg-gourmet-w.png);
  background-repeat: no-repeat;
  background-position: right top;
}
.bg-gourmet-white .txt {
  background-image: url(../img/bg-gourmet-g.png);
  background-repeat: no-repeat;
  background-position: right top;
}

.gourmets .hdl {
  margin-bottom: 20px;
  color: #00435A;
  font-size: 22px;
  line-height: 150%;
}
.gourmets .osu {
  padding: 15px;
  border: 1px solid #B2C6CD;
}
.gourmets .osu .catch {
  position: relative;
  margin-bottom: 5px;
  padding-left: 20px;
  padding-right: 20px;
  color: #5F0F00;
  font-weight: 700;
}
.gourmets .osu .catch::before {
  position: absolute;
  content: "";
  width: 13px;
  height: 20px;
  left: 0px;
  background-image: url(../img/fig-osu-lft.png);
}
.gourmets .osu .catch::after {
  position: absolute;
  content: "";
  width: 13px;
  height: 20px;
  padding-left: 5px;
  background-image: url(../img/fig-osu-rit.png);
  background-position: right top;
  background-repeat: no-repeat;
}
.gourmets .osu .data {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #7FA1AC;
}
.gourmets .osu .name {
  font-size: 22px;
  color: #00435A;
  line-height: 150%;
}
.gourmets .osu .area {
  width: 140px;
  height: 61px;
  border-radius: 100%;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
}

.lst-anchors {
  margin-top: 30px;
  margin-bottom: 60px;
}
.lst-anchors > li {
  width: 222px;
}
.lst-anchors > li a {
  position: relative;
  width: 222px;
  padding: 20px;
  color: #FFFFFF;
  font-size: 21px;
  font-weight: 700;
}
.lst-anchors > li a::before {
  content: "";
  position: absolute;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent; 
  left: calc(50% - 10px);
  bottom: -15px;
}

.areashop .hdl {
  margin-bottom: 25px;
  padding: 10px;
  font-size: 21px;
  color: #FFFFFF;
}

.lst-shops {
  margin-bottom: 45px;
}
.lst-shops > li {
  width: 310px;
  margin-right: 15px;
  margin-bottom: 17px;
  background-color: #F2F2F2;
}
.lst-shops > li:nth-of-type(3n) {
  margin-right: 0;
}
.lst-shops .genre {
  padding: 8px 14px;
  background-image: url(../img/bg-slash.png);
  background-repeat: no-repeat;
  background-position: right top;
  color: #FFFFFF;
  font-size: 16px;
  line-height: 130%;
}
.lst-shops .data {
  padding: 20px 10px 15px;
}
.lst-shops .ft {
  padding: 15px;
}
.lst-shops .shopname {
  margin-bottom: 10px;
  font-size: 24px;
  line-height: 140%;
}
.lst-shops .hd .lead.bdr {
  margin-top: 10px;
  padding: 10px 5px 0 5px;
  border-top: 1px solid #7FA1AC;
}


@media screen and (max-width: 768px){
  .bg-gourmet-glay,
  .bg-gourmet-white {
    padding-top: 8vw;
    padding-bottom: 8vw;
  }
  .gourmets .hd .lead {
    margin-bottom: 3.5vw;
  }
  .gourmets .txt,
  .gourmets .f-reverse .txt {
    margin-left: 0;
    margin-right: 0;
  }
  .lst-anchors > li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 30px;
  }
  .lst-anchors > li:nth-of-type(2n) {
    margin-right: 0;
  }
  .lst-anchors > li a {
    width: 100%;
  }
  .anchors .inner,
  .areashop .inner {
    padding-left: 3.5vw;
    padding-right: 3.5vw;
  }
  .lst-shops > li {
    width: 100%;
    margin-right: 0;
  }
  .gourmets .osu {
    margin-top: 3.5vw;
  }
  .gourmets .fig {
    margin-bottom: 3.5vw;
  }
  .lst-gourmetmap > li {
    margin-bottom: 8vw;
  }
}