#areaguide .Container {
  padding: 50px 0 0;}
#areaguide img {
  vertical-align: bottom; }
#areaguide .bold {
  font-weight: 500; }
#areaguide .areaguide_map {
  font-size: 15px;
  font-weight: 300; }
#areaguide .area_top .TitleArea .TitleImg {
  display: none; }
#areaguide .area_top .TitleArea .TitleImg.show {
  display: block; }
.area_bn .Container {
  position: relative;
}
.area_bn .Container a::before {
    content: "";
    position: absolute;
    bottom: 41px;
    right: 90px;
    border: 5px solid transparent;
    border-left: 6px solid #000;
    z-index: 1;
}
.area_bn .Container a::after {
  content:"Read";
  display: inline-block;
    position: absolute;
    bottom: 30px;
    right: 28px;
    background: #fff;
    font-size: 18px;
    border: 1px solid #000;
    padding: 4px 78px;
    box-shadow: 3px 5px 0px #000;
    font-family: "Roboto", system-ui;
}
.NewArrivalBlock .PopularArea {
  display: none;
}
#areaguide .slick-dots {
  display: none;
  left: auto!important;
}
.slick-next {
    display: block;
    left: calc(50% + 96.7px);
}
.slick-prev {
    display: block;
    left: calc(50% - 96.7px);
}
.search_tokusyu {
    display: flex;
    max-width: 1200px;
    margin: 0 auto;
    padding-top: 10px;
    align-items: center;
    width: 100%;
}
.search_tokusyu .search_tokusyu_img {
  display: inline-block;
  width: 128px;
  margin-right: 20px;
}
.search_tokusyu .search_tokusyu_img img {
  width: 128px;
}
.search_tokusyu ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.search_tokusyu ul li {
    margin-right: 20px;
}
.search_tokusyu ul li a {
  font-size: 15px;
  font-weight: 500;
  text-decoration: underline!important;
}

#areaguide .areaguide_map .ContentsArea .Item .DetailArea figure {
  width: 160px;
  height: 160px;
}

#areaguide .area_top .ContentsArea .area_travel h2 .Title {
  height: 22px;
    }
.area_block.area_travel > p {
    margin-top: 5px;
    font-size: 13px;
    margin-bottom: 20px;
}
.recommend_list {
  display: flex;
  margin-top: 10px;
  flex-wrap: wrap;
}
.recommend_list li {
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
}
.recommend_list li:nth-child(2n) {
  margin-right: 0;
}


  #areaguide .areaguide_map .TitleArea h2 {
    text-align: center; }
    #areaguide .areaguide_map .TitleArea h2 img {
      width: 615px; }
  #areaguide .areaguide_map .bg {
    width: 1200px;
    display: block;
    margin: -7% auto 0;
    position: relative;
    z-index: -1; }
  #areaguide .areaguide_map .ContentsArea {
    position: relative; }
    #areaguide .areaguide_map .ContentsArea .Item {
      position: absolute;
      max-width: 500px; }
      #areaguide .areaguide_map .ContentsArea .Item .Arealabel {
        font-size: 18px;
        font-weight: 500;
        padding-left: 3px; }
      #areaguide .areaguide_map .ContentsArea .Item .DetailArea {
        position: relative;
        z-index: 9;
        display: inline-flex;
        overflow: hidden;
        border-radius: 12px;
        border: 1px solid #000;
        box-sizing: border-box;
        cursor: pointer;
        margin: 5px 3.5px; }
        #areaguide .areaguide_map .ContentsArea .Item .DetailArea figure {
          position: relative; }
          #areaguide .areaguide_map .ContentsArea .Item .DetailArea figure figcaption {
            font-weight: 300;
            width: 100%;
            box-sizing: border-box;
            position: absolute;
            bottom: 0;
            padding: 10px 15px;
            color: #fff;
            font-size: 13px;
            background: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
            background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
            background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, transparent 100%);
            background: -o-linear-gradient(90deg, rgba(0, 0, 0, 0.6) 0%, transparent 100%); }
            #areaguide .areaguide_map .ContentsArea .Item .DetailArea figure figcaption:after {
              content: '';
              width: 6px;
              height: 6px;
              border: 0px;
              border-top: solid 1px #fff;
              border-right: solid 1px #fff;
              -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
              position: absolute;
              bottom: 15px;
              right: 10px; }
        #areaguide .areaguide_map .ContentsArea .Item .DetailArea .areaguide_text {
          opacity: 0;
          background: rgba(0, 0, 0, 0.2);
          position: absolute;
          z-index: 2;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          transition: all ease-in-out 0.2s;
          padding: 20px 0;
          box-sizing: content-box; }
          #areaguide .areaguide_map .ContentsArea .Item .DetailArea .areaguide_text p {
            font-size: 12px;
            margin-bottom: 5px; }
            #areaguide .areaguide_map .ContentsArea .Item .DetailArea .areaguide_text p span {
              display: inline-block;
              padding: 0 8px 0 5px;
              background: #fff; }
        #areaguide .areaguide_map .ContentsArea .Item .DetailArea:hover .areaguide_text {
          opacity: 0; }
      #areaguide .areaguide_map .ContentsArea .Item:before {
        content: '';
        background: #E8A2A2;
        width: 15px;
        height: 15px;
        border-radius: 50%;
        position: absolute; }
      #areaguide .areaguide_map .ContentsArea .Item:after {
        content: '';
        background: #E8A2A2;
        z-index: 1;
        height: 1px;
        position: absolute; }
      #areaguide .areaguide_map .ContentsArea .Item .areaguide_link {
        margin: 5px 0 0 5px;
        padding: 0;
        display: flex;
        flex-wrap: wrap;
        width: 250px; }
        #areaguide .areaguide_map .ContentsArea .Item .areaguide_link li {
          margin-right: 28px;
          padding-right: 10px;
          position: relative;
          margin-bottom: 5px;
          min-width: 45px; }
          #areaguide .areaguide_map .ContentsArea .Item .areaguide_link li:before {
            content: '';
            width: 6px;
            height: 6px;
            border: 0px;
            border-top: solid 1px #4c4c4c;
            border-right: solid 1px #4c4c4c;
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 7px;
            right: 0; }
      #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup {
        left: 0;
        top: 28px; }
        #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup .Arealabel {
          font-size: 24px;
          width: 100px;
          margin-bottom: 9px;
          text-align: center;
          background: #000;
          color: #fff; }
        #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup .DetailArea {
          width: 280px;
          margin: 0; }
        #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup:before, #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup:after {
          display: none; }
        #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup .areaguide_link li {
          font-size: 18px;
          padding-right: 2px; }
          #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup .areaguide_link li:before {
            width: 8px;
            height: 8px;
            top: 10px; }
#areaguide .areaguide_books {
  font-size: 15px;
  font-weight: 300;
  background: #F6F5F0;
  border-top: 2px solid #D1C9AE; }
  #areaguide .areaguide_books .TitleArea {
    margin-bottom: 40px; }
    #areaguide .areaguide_books .TitleArea h2 {
      text-align: center;
      margin-bottom: 40px; }
    #areaguide .areaguide_books .TitleArea > ul {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      width: 80%;
      margin: 0 auto 60px; }
      #areaguide .areaguide_books .TitleArea > ul > li {
        width: 135px;
        padding: 10px 0;
        text-align: center;
        font-size: 13px; }
        #areaguide .areaguide_books .TitleArea > ul > li a {
          position: relative; }
          #areaguide .areaguide_books .TitleArea > ul > li a:before, #areaguide .areaguide_books .TitleArea > ul > li a:after {
            content: '';
            width: 3px;
            height: 3px;
            border: 0px;
            border-bottom: solid 1px #4c4c4c;
            border-left: solid 1px #4c4c4c;
            position: absolute;
            right: -1em; }
          #areaguide .areaguide_books .TitleArea > ul > li a:before {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 6px; }
          #areaguide .areaguide_books .TitleArea > ul > li a:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 9px; }
  #areaguide .areaguide_books .ContentsArea article {
    clear: both;
    margin-bottom: 80px; }
    #areaguide .areaguide_books .ContentsArea article h3 {
      display: inline-block;
      margin-bottom: 20px; }
    #areaguide .areaguide_books .ContentsArea article ul {
      display: flex;
      flex-wrap: wrap; }
      #areaguide .areaguide_books .ContentsArea article ul li {
        display: block;
        margin: 0 1.66% 1.66% 0;
        position: relative;
        width: 15%;
        overflow: hidden; }
        #areaguide .areaguide_books .ContentsArea article ul li .Item {
          display: block;
          transition: all ease-in-out 0.2s;
          position: relative; }
          #areaguide .areaguide_books .ContentsArea article ul li .Item:after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: #fff;
            z-index: -1; }
          #areaguide .areaguide_books .ContentsArea article ul li .Item .caption {
            transition: all ease-in-out 0.2s;
            color: #fff;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            opacity: 0;
            z-index: 3;
            text-align: center;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center; }
            #areaguide .areaguide_books .ContentsArea article ul li .Item .caption .areaguide_btn {
              border: 1px solid #fff; }
            #areaguide .areaguide_books .ContentsArea article ul li .Item .caption h5 {
              font-weight: 300;
              padding-bottom: 2px;
              position: relative; }
              #areaguide .areaguide_books .ContentsArea article ul li .Item .caption h5:before {
                content: '';
                position: absolute;
                width: 20px;
                height: 2px;
                background: #b4b4b4;
                top: 100%;
                left: 50%;
                transform: translateX(-50%); }
            #areaguide .areaguide_books .ContentsArea article ul li .Item .caption h4 {
              font-size: 18px;
              font-weight: 400;
              margin: 10px 0;
              padding: 0 10px; }
            #areaguide .areaguide_books .ContentsArea article ul li .Item .caption span {
              font-size: 14px;
              padding: 6px 10px;
              border-radius: 5px; }
          #areaguide .areaguide_books .ContentsArea article ul li .Item:hover {
            opacity: 1; }
            #areaguide .areaguide_books .ContentsArea article ul li .Item:hover img {
              -webkit-filter: blur(1px);
              filter: blur(1px); }
            #areaguide .areaguide_books .ContentsArea article ul li .Item:hover .caption {
              opacity: 1; }
#areaguide .area_top {
  font-size: 15px;
  font-weight: 300; }
  #areaguide .area_top > .Container:first-child {
    padding: 0 0 40px; }
  #areaguide .area_top > .Container:last-child {
    padding: 0; }
  #areaguide .area_top .TitleArea {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .area_top h1 {
    font-size: 42px;
    color: #000;
    font-weight: 500;
    margin-top: 20px; }
  .area_top .AreaEng {
    font-size: 13px;
    color: #333;
    font-weight: 500;
    margin-top: 10px;
    display: flex;
    align-items: center; }
  .area_top .AreaEng:before {
    border-top: 2px solid #000;
    content: "";
    width: 20px;
    margin-right: 10px;
    margin-top: 2px; }
    #areaguide .area_top .TitleArea .TitleText {
      width: 420px; }
      #areaguide .area_top .TitleArea .TitleText h2 {
        font-size: 42px;
        margin-bottom: 20px;}
      #areaguide .area_top .TitleArea .TitleText h2 span {
        display: block;
        position: relative;
        font-size: 13px;
        margin-top: 10px;
        padding-left: 30px;}
      #areaguide .area_top .TitleArea .TitleText h2 span:before {
        content: "";
        position: absolute;
        border-top: 2px solid #000;
        width: 20px;
        left: 0;
        top: 8.5px;}
      #areaguide .area_top .TitleArea .TitleText p {
        margin-bottom: 40px; }
    #areaguide .area_top .TitleArea .TitleButton {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 10px; }
      #areaguide .area_top .TitleArea .TitleButton li {
        font-size: 14px;
        width: calc(50% - 5px);
        line-height: 2;
        text-align: center; }
        #areaguide .area_top .TitleArea .TitleButton li a {
          border: 1px solid #000;
          border-radius: 10px;
          display: block;
          line-height: 1.5;
          min-height: 45px;
          display: flex;
          align-items: center;
          justify-content: center;
          padding: 0 15px 0 10px;
          position: relative; }
          #areaguide .area_top .TitleArea .TitleButton li a:before, #areaguide .area_top .TitleArea .TitleButton li a:after {
            content: '';
            width: 3px;
            height: 3px;
            border: 0px;
            border-bottom: solid 1px #4c4c4c;
            border-left: solid 1px #4c4c4c;
            position: absolute;
            right: 10px; }
          #areaguide .area_top .TitleArea .TitleButton li a:before {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 42%; }
          #areaguide .area_top .TitleArea .TitleButton li a:after {
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 48%; }
          #areaguide .area_top .TitleArea .TitleButton li a:hover {
            opacity: 1;
            border-color: #E8A2A2;
            color: #E8A2A2; }
            #areaguide .area_top .TitleArea .TitleButton li a:hover:before, #areaguide .area_top .TitleArea .TitleButton li a:hover:after {
              border-color: #E8A2A2; }
        #areaguide .area_top .TitleArea .TitleButton li.two_line {
          line-height: 1; }
    #areaguide .area_top .TitleArea .TitleImg {
      width: calc( 95% - 420px );
      border: 1px solid #000;
      padding: 10px;
      box-sizing: border-box;
      box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
      position: relative; }
      #areaguide .area_top .TitleArea .TitleImg .fo-cal-link {
        position: absolute;
        right: -83px;
        bottom: -15px;
        background: rgba(0, 0, 0, 0.7); }
        #areaguide .area_top .TitleArea .TitleImg .fo-cal-link a {
          padding: 15px 83px 15px 15px;
          display: flex;
          align-items: center;
          gap: 15px; }
          #areaguide .area_top .TitleArea .TitleImg .fo-cal-link a p {
            padding-right: 40px;
            color: #fff;
            position: relative;
            line-height: 2; }
          #areaguide .area_top .TitleArea .TitleImg .fo-cal-link a .Arrows {
            display: block;
            position: absolute;
            right: 6px;
            bottom: 0px;
            font-size: 12px;
            font-weight: 600;
            width: 100%;
            height: 12px;
            border-bottom: 2px solid #fff;
            border-right: 2px solid #fff;
            transform: skew(45deg); }
        #areaguide .area_top .TitleArea .TitleImg .fo-cal-link img {
          width: 64px; }
    #areaguide .area_top .TitleArea .fullWidth_bn {
      position: relative;}
      #areaguide .area_top .TitleArea .fullWidth_bn .area_title_bg {
        object-fit: cover;
        max-height: 450px;
        width: 100vw; }
      #areaguide .area_top .TitleArea .fullWidth_bn .TitleText {
        position: absolute;
        background: rgba(255, 255, 255, 0.95);
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        padding: 45px 40px;
        z-index: 6;
        border-radius: 12px;
        min-width: 710px;
        box-sizing: border-box; }
        #areaguide .area_top .TitleArea .fullWidth_bn .TitleText h1 {
          text-align: center;
          font-size: 42px;
          font-weight: 500 !important;
          font-family: "Roboto", system-ui;
          line-height: 1;
          margin-top: 0;
          margin-bottom: 20px; }
        #areaguide .area_top .TitleArea .fullWidth_bn .TitleText p {
          margin-bottom: 20px; }
        #areaguide .area_top .TitleArea .fullWidth_bn .TitleText .TitleButton {
          justify-content: flex-start; }
          #areaguide .area_top .TitleArea .fullWidth_bn .TitleText .TitleButton li {
            width: calc(33% - 5px); }
  #areaguide .area_top .ContentsArea .Title {
    height: 31px;
    width: auto;
    margin-bottom: 10px; }
  #areaguide .area_top .ContentsArea .area_block {
    padding: 40px 0; }
  #areaguide .area_top .ContentsArea .two_column .area_ItemList {
    display: flex;
    flex-flow: wrap row; }
    #areaguide .area_top .ContentsArea .two_column .area_ItemList li {
      width: 50%;
      box-sizing: border-box;
      position: relative; }
  #areaguide .area_top .ContentsArea .Button {
    display: block;
    width: 100%;
    text-align: center; }
    #areaguide .area_top .ContentsArea .Button .Text {
      font-size: 18px;
      font-weight: 500;
      display: block;
      text-align: center;
      padding: 7px 0;
      background: #fff;
      box-shadow: 5px 7px 0 #000;
      border: 1px solid #000; }
  #areaguide .area_top .ContentsArea .area_book {
    display: flex; }
    #areaguide .area_top .ContentsArea .area_book h2 {
      margin-bottom: 10px; }
    #areaguide .area_top .ContentsArea .area_book .area_bookCover {
      background: #E6EFF4;
      border-radius: 12px;
      padding: 40px; }
      #areaguide .area_top .ContentsArea .area_book .area_bookCover .Image {
        width: 210px; }
      #areaguide .area_top .ContentsArea .area_book .area_bookCover .Button {
        margin-top: 20px; }
    #areaguide .area_top .ContentsArea .area_book .area_bookContent {
      margin-left: 40px;
      padding-top: 20px; }
      #areaguide .area_top .ContentsArea .area_book .area_bookContent .area_ItemList {
        margin-top: 30px;
        display: flex;
        flex-wrap: wrap;
        gap: 10px; }
        #areaguide .area_top .ContentsArea .area_book .area_bookContent .area_ItemList li {
          width: calc(20% - 10px); }
          #areaguide .area_top .ContentsArea .area_book .area_bookContent .area_ItemList li a:hover {
            opacity: 1; }
          #areaguide .area_top .ContentsArea .area_book .area_bookContent .area_ItemList li figure {
            border: 1px solid #000;
            position: relative; }
            #areaguide .area_top .ContentsArea .area_book .area_bookContent .area_ItemList li figure figcaption {
              transition: all ease-in-out 0.2s;
              opacity: 0;
              position: absolute;
              width: 100%;
              height: 100%;
              background: rgba(0, 0, 0, 0.5);
              color: #fff;
              display: flex;
              align-items: flex-end;
              padding: 10px;
              top: 0;
              left: 0;
              box-sizing: border-box; }
            #areaguide .area_top .ContentsArea .area_book .area_bookContent .area_ItemList li figure:hover figcaption {
              opacity: 1; }
    #areaguide .area_top .ContentsArea .area_book.two_column {
      display: block; }
      #areaguide .area_top .ContentsArea .area_book.two_column .area_ItemList {
        gap: 40px; }
        #areaguide .area_top .ContentsArea .area_book.two_column .area_ItemList li {
          width: calc(50% - 20px);
          padding: 0;
          box-sizing: border-box;
          position: relative;
          display: flex;
          column-gap: 20px; }
          #areaguide .area_top .ContentsArea .area_book.two_column .area_ItemList li .area_bookCover {
            padding: 30px; }
            #areaguide .area_top .ContentsArea .area_book.two_column .area_ItemList li .area_bookCover img {
              width: 180px; }
          #areaguide .area_top .ContentsArea .area_book.two_column .area_ItemList li .area_bookText {
            position: relative;
            padding-top: 20px;
            padding-bottom: 80px; }
            #areaguide .area_top .ContentsArea .area_book.two_column .area_ItemList li .area_bookText .Button {
              position: absolute;
              left: 50%;
              transform: translateX(-50%);
              bottom: 10px;
              width: 197px; }
              #areaguide .area_top .ContentsArea .area_book.two_column .area_ItemList li .area_bookText .Button .Text {
                width: 194px; }
  #areaguide .area_top .ContentsArea .area_travel .area_ItemList {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
     }
    #areaguide .area_top .ContentsArea .area_travel .area_ItemList li {
      border: 1px solid #000;
      box-sizing: border-box;
      margin-bottom: 20px;
      text-align: center;
      width: 23.5%;
      margin-right: 2%; }
      #areaguide .area_top .ContentsArea .area_travel .area_ItemList li:hover {
        border-color: #E8A2A2;
        cursor: pointer; }
      #areaguide .area_top .ContentsArea .area_travel .area_ItemList li:nth-child(4n) {
        margin-right: 0 }
      #areaguide .area_top .ContentsArea .area_travel .area_ItemList li a {
        display: block;
        padding: 15px; }
        #areaguide .area_top .ContentsArea .area_travel .area_ItemList li a figure {
          overflow: hidden;
          width: 100%;
          height: auto;
          margin-bottom: 15px; }
          #areaguide .area_top .ContentsArea .area_travel .area_ItemList li a figure img {
            object-fit: cover;
            transition: all ease-in-out 0.2s; }
        #areaguide .area_top .ContentsArea .area_travel .area_ItemList li a h4 {
          font-size: 18px; }
        #areaguide .area_top .ContentsArea .area_travel .area_ItemList li:hover a {
          color: #E8A2A2;
          opacity: 0.7; }
          #areaguide .area_top .ContentsArea .area_travel .area_ItemList li:hover a img {
            transform: scale(1.1); }
        #areaguide .area_top .ContentsArea .area_travel .area_ItemList li a:hover {
          opacity: 0.7; }
  #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li {
    padding: 40px;
    box-sizing: border-box;
    position: relative; }
    #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li .area_foCalImg {
      border: 1px solid #000;
      padding: 5px; }
    #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li .area_foCalText {
      position: relative; }
      #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li .area_foCalText .Description {
        padding: 10px 0; }
      #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li .area_foCalText .MainTitle {
        font-weight: 500;
        font-size: 23px; }
        #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li .area_foCalText .MainTitle span {
          font-size: 18px; }
      #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li .area_foCalText .Button {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 50%;
        max-width: 197px }
        #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li .area_foCalText .Button .Text {
          padding: 4px 0; }
    #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li:nth-child(odd):before {
      content: '';
      position: absolute;
      border-right: 1px solid #F6F5F0;
      width: 1px;
      height: auto;
      right: 0;
      top: 40px;
      bottom: 40px; }
    #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li:after {
      content: '';
      position: absolute;
      border-bottom: 1px solid #F6F5F0;
      width: auto;
      height: 1px;
      right: 40px;
      left: 40px;
      bottom: 0; }
    #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li.last-child {
      padding-bottom: 0; }
      #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li.last-child:after {
        display: none; }
      #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li.last-child:nth-child(odd):before {
        bottom: 0px; }
  #areaguide .area_top .ContentsArea .area_access h2 {
    margin-bottom: 15px; }
#areaguide .area_bn {
  margin: 0 !important;
  padding: 20px 0 70px; }
#areaguide .area_recommend {
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 300; }
  #areaguide .area_recommend .Button {
    display: block;
    width: 100%;
    text-align: center; }
    #areaguide .area_recommend .Button .Text {
      display: inline-block;
      padding: 6px 0px;
      color: #fff;
      font-size: inherit;
      background-color: inherit;
      width: 160px;
      border-radius: 25px;
      font-weight: 500; }
  #areaguide .area_recommend article {
    padding-bottom: 60px; }

    /* 施設が3個以下の場合 */
    #areaguide .area_recommend article .areaRecommend-slick.fixed .slick-list {
      width: 92%;
      max-width: 1200px;
      margin: 0 auto;
      padding: unset !important;
    }
    #areaguide .area_recommend article .areaRecommend-slick.fixed .slick-track {
      display: flex;
      gap: 10px 20px;
      width: 100% !important;
      transform: unset !important;
    }
    #areaguide .area_recommend article .ContentsArea .areaRecommend-slick.fixed .Item {
      width: calc((100% - 40px)/3);
      margin: unset;
    }
    #areaguide .area_recommend article .ContentsArea .areaRecommend-slick.fixed .slick-track:before,
    #areaguide .area_recommend article .ContentsArea .areaRecommend-slick.fixed .slick-track:after {
      display: none;
    }


    #areaguide .area_recommend article.areaRecommend-spots {
      background: #F7F1EC;
      border-top: 1px solid #D1C9AE; }
      #areaguide .area_recommend article.areaRecommend-spots .Button .Text {
        background-color: #E2D2C5; }
    #areaguide .area_recommend article.areaRecommend-hotel {
      background: #E6EFF4;
      border-top: 1px solid #C2D4DE; }
      #areaguide .area_recommend article.areaRecommend-hotel .Button .Text {
        background-color: #C2D4DE; }
    #areaguide .area_recommend article.areaRecommend-gourmet {
      background: #F7F4EA;
      border-top: 1px solid #EADDB4;
      border-bottom: 1px solid #EADDB4; }
      #areaguide .area_recommend article.areaRecommend-gourmet .Button .Text {
        background-color: #EADDB4; }
    #areaguide .area_recommend article.areaRecommend-leisure {
      background: #EEF4ED;
      border-top: 1px solid #CEDECC; }
      #areaguide .area_recommend article.areaRecommend-leisure .Button .Text {
        background-color: #CEDECC; }
    #areaguide .area_recommend article.areaRecommend-shopping {
      background: #F5EFF8;
      border-top: 1px solid #DACFE0; }
      #areaguide .area_recommend article.areaRecommend-shopping .Button .Text {
        background-color: #DACFE0; }
    #areaguide .area_recommend article .TitleArea {
      position: relative;
      margin-bottom: 20px; }
      #areaguide .area_recommend article .TitleArea .articleTitle {
        display: flex;
        align-items: center;
        gap: 15px; }
        #areaguide .area_recommend article .TitleArea .articleTitle img {
          width: 50px;
          height: 50px; }
        #areaguide .area_recommend article .TitleArea .articleTitle .articleTitle_text {
          margin: unset;
          font-size: 23px;
          font-weight: 500 !important;
          font-family: "Roboto", system-ui; }
          #areaguide .area_recommend article .TitleArea .articleTitle .articleTitle_text span {
            display: block;
            font-size: 18px;
            font-weight: 400;
            line-height: 1.2;
          }
      #areaguide .area_recommend article .TitleArea .Description {
        margin: 10px 0;
        font-size: 13px; }
      #areaguide .area_recommend article .TitleArea .Details {
        position: absolute;
        right: 0;
        top: 28px;
        font-size: 13px;
        font-weight: 300;
        text-decoration: underline !important; }
      #areaguide .area_recommend article .Container > a {
      display: block;
      margin-bottom: 50px;}
      #areaguide .area_recommend article .Container > a:hover {
      opacity: 0.8;}
    #areaguide .area_recommend article .TopicItem {
      display: flex;
      align-items: center;
      background: #fff;
      border: 1px solid #000; }
      #areaguide .area_recommend article .TopicItem .TextBlock {
        padding: 0 60px 0 40px;
        box-sizing: border-box;
        font-size: 15px; }
        #areaguide .area_recommend article .TopicItem .TextBlock .MainTitle {
          font-size: 23px;
          font-weight: 500;
          padding: 12px 0 5px;
          line-height: 1.3; }
        #areaguide .area_recommend article .TopicItem .TextBlock .Description {
          padding-top: 7px;
          margin-bottom: 15px;
          font-size: 18px;
          line-height: 1.6;
          overflow: hidden;
          white-space: nowrap;
          text-overflow: ellipsis;
          display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;
          white-space: normal; }
        #areaguide .area_recommend article .TopicItem .TextBlock dl {
          font-size: 13px;
          font-weight: 300;
          line-height: 2;
          display: flex;
          flex-wrap: wrap;
          margin-bottom: 20px; }
          #areaguide .area_recommend article .TopicItem .TextBlock dl dt {
            width: 15%; }
          #areaguide .area_recommend article .TopicItem .TextBlock dl dd {
            width: 85%; }
      #areaguide .area_recommend article .TopicItem .ImgBlock img {
        width: 540px; }
    #areaguide .area_recommend article .ContentsArea .Item {
      width: 380px;
      background: #fff;
      border: 1px solid #000;
      margin: 10px;
      display: inline-block; }
      #areaguide .area_recommend article .ContentsArea .Item a {
        display: block; }
        #areaguide .area_recommend article .ContentsArea .Item a .ImgBlock {
          width: 100%;
          overflow: hidden; }
          #areaguide .area_recommend article .ContentsArea .Item a .ImgBlock img {
            transition: all ease-in-out 0.2s; }
        #areaguide .area_recommend article .ContentsArea .Item a .TextBlock {
          padding: 20px 30px;
          font-size: 13px; }
          #areaguide .area_recommend article .ContentsArea .Item a .TextBlock .MainTitle {
            font-size: 18px;
            font-weight: 500;
            margin: 0;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 2;
            overflow: hidden;
            min-height: 54px;}
          #areaguide .area_recommend article .ContentsArea .Item a .TextBlock .Description {
            margin-top: 10px;
            margin-bottom: 10px;
            min-height: 38px;
            display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden; }
        #areaguide .area_recommend article .ContentsArea .Item a:hover img {
          transform: scale(1.1); }
    #areaguide .area_recommend article .ContentsArea .slick-dots {
      left: auto !important;
      bottom: -21px; }
    #areaguide .area_recommend article .ContentsArea .slick-prev, #areaguide .area_recommend article .ContentsArea .slick-next {
      bottom:-30px;
      top: unset;
      display: none; }
      #areaguide .area_recommend article .ContentsArea .slick-prev:before, #areaguide .area_recommend article .ContentsArea .slick-next:before {
        border: none;
        transform: none;
        width: auto;
        height: auto; }
    #areaguide .area_recommend article .ContentsArea .slick-prev {
      left: calc( 50% - 96.67px ); }
    #areaguide .area_recommend article .ContentsArea .slick-next {
      left: calc( 50% + 96.67px ); }

#areaguide #RankingBlock {
    margin-bottom: 0;
}
#areaguide #RankingBlock .MainTitle {
  font-family: "Roboto", system-ui;
  font-size: 25px;
  font-weight: 500;
  color: #333;
  position: relative;
}
#areaguide #RankingBlock .MainTitle::before {
  content: '';
  display: inline-block;
  width: 25px;
  height: 20px;
  background-image: url(/images/_top/ranking_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  margin-right: 10px;
}
.area_banner {
  padding: 30px 0 10px;
  background: #F6F5F0;
}
.area_banner ul {
  max-width: 1000px;
  margin: 0 auto 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.area_banner ul li {
  width: 28%;
  margin:0 8% 30px 0;
}
.area_banner ul li:nth-child(3n),.area_banner ul li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1240px) {
.search_tokusyu {
  width: calc( 100% - 40px );
}
}

@media screen and (max-width: 1200px) {
#areaguide .area_top .TitleArea .fullWidth_bn .TitleText {
    padding: 0 4vw 2vw;
}
#areaguide .area_top .TitleArea .fullWidth_bn .TitleText p {
  font-size: 1.2vw;
}
#areaguide .area_top .TitleArea .fullWidth_bn .TitleText h1 {
    font-size: 3.5vw;
}



}
@media screen and (max-width: 1050px) {
#areaguide .area_top .TitleArea .fullWidth_bn .TitleText p {
  font-size: 13px;
}
#areaguide .area_top .TitleArea .fullWidth_bn .TitleText {
  min-width: 640px;
}
#areaguide .area_top .TitleArea .TitleButton li a {
}
#areaguide .area_top .TitleArea .TitleButton li a:before {
}
#areaguide .area_top .TitleArea .TitleButton li a:after {
}


}


@media screen and (max-width: 900px) {

#areaguide .area_top .TitleArea {
  display: block;
}
#areaguide .area_top .TitleArea .TitleText {
    margin: 0 auto;
    width: 50%;
    min-width: 430px;
}
#areaguide .area_top .TitleArea .TitleImg {
    width: 50%;
    min-width: 430px;
    margin: 40px auto 0;
}
#areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li .area_foCalText .MainTitle {
    font-size: 20px;
}
#areaguide .area_top .ContentsArea .Button .Text {
    font-size: 15px;
}
#areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li .area_foCalText .Button {
    width: 25%;
}



}




@media screen and (max-width: 600px) {
  #areaguide .areaguide_map {
    padding-bottom: 8%; }
    #areaguide .areaguide_map .TitleArea h2 img {
      width: 138%;
      margin: 0 -19%; }
    #areaguide .areaguide_map .bg {
      width: 100%;
      position: absolute;
      top: 0; }
    #areaguide .areaguide_map .ContentsArea .Item {
      position: unset;
      padding-top: 40px; }
      #areaguide .areaguide_map .ContentsArea .Item .Arealabel {
        font-size: 18px;
        font-weight: 500; }
      #areaguide .areaguide_map .ContentsArea .Item:before, #areaguide .areaguide_map .ContentsArea .Item:after {
        display: none; }
      #areaguide .areaguide_map .ContentsArea .Item .areaguide_img {
        display: flex;
        flex-wrap: wrap;
      }
      #areaguide .areaguide_map .ContentsArea .Item .areaguide_img li {
        width: 48.5%;
        margin-right: 3%;
      }
      #areaguide .areaguide_map .ContentsArea .Item .areaguide_img li:nth-child(2n) {
        margin-right: 0;
      }
      #areaguide .areaguide_map .ContentsArea .Item .DetailArea figure {
          width: 100%;
          height: 100%;
      }
      #areaguide .areaguide_map .ContentsArea .Item .DetailArea {
        width: 100%;
        margin: 10px 0 0 0; }
      #areaguide .areaguide_map .ContentsArea .Item .areaguide_link {
        margin: 20px 0 0 0;
        width: 100%; }
        #areaguide .areaguide_map .ContentsArea .Item .areaguide_link li {
          font-size: 15px;
          margin-right: 3%;
          padding-right: 0;
          margin-bottom: 10px;
          width: 48.5%;
          text-align: center;
          line-height: 1; }
        #areaguide .areaguide_map .ContentsArea .Item .areaguide_link li:nth-child(2n) {
          margin-right: 0; }
          #areaguide .areaguide_map .ContentsArea .Item .areaguide_link li:before {
            width: 0;
            height: 0;
            -webkit-transform: none;
            transform: none;
            top: 14px;
            right: 20px;
            border-style: solid;
            border-width: 3px 0 3px 6px;
            border-color: transparent transparent transparent #000000; }
          #areaguide .areaguide_map .ContentsArea .Item .areaguide_link li a {
            width: 100%;
            display: block;
            border: 1px solid #000;
            border-radius: 20px;
            text-align: center;
            padding: 10px;
            box-sizing: border-box; }
      #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup .DetailArea {
        width: 280px;
        margin: 0; }
      #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup:before, #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup:after {
        display: none; }
      #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup .areaguide_link li {
        font-size: 15px;
        padding-right: 0; }
        #areaguide .areaguide_map .ContentsArea .Item.areaguide_pickup .areaguide_link li:before {
          width: 0;
          height: 0;
          top: 14px; }
  #areaguide .area_top .Container {
    padding-bottom: 0; }
    #areaguide .area_top > .Container:first-child {
    padding-bottom: 0; }
  #areaguide .area_top .TitleArea {
    display: block;
    padding-bottom: 30px; }
    #areaguide .area_top .TitleArea .TitleText {
      width: 100%;
      min-width: unset; }
      #areaguide .area_top .TitleArea .TitleText p {
        margin-bottom: 20px; }
    #areaguide .area_top .TitleArea .TitleImg {
      width: 100%;
      margin-bottom: 50px;
      padding: 5px;
      min-width: unset; }
      #areaguide .area_top .TitleArea .TitleImg .fo-cal-link {
        right: -16px;
        bottom: -34px; }
        #areaguide .area_top .TitleArea .TitleImg .fo-cal-link a {
          padding: 13px 34px; }
          #areaguide .area_top .TitleArea .TitleImg .fo-cal-link a img {
            display: none; }
          #areaguide .area_top .TitleArea .TitleImg .fo-cal-link a p {
            font-size: 13px;
            padding-right: 20px; }
    #areaguide .area_top .TitleArea .fullWidth_bn {
      position: relative;
      margin-bottom: 30px; }
    #areaguide .area_top .TitleArea .fullWidth_bn + .Container {
      padding-top: 0 }
      #areaguide .area_top .TitleArea .fullWidth_bn .TitleText {
        padding: 35px 30px;
        width: 86%;
        min-width: unset; }
        #areaguide .area_top .TitleArea .fullWidth_bn .TitleText h1 {
          margin-top: 0;
          font-size: 35px; }
          #areaguide .area_top .TitleArea .fullWidth_bn .TitleText p {
            margin-bottom: 0;
          }
          #areaguide .area_top .TitleArea .fullWidth_bn .TitleText .TitleButton li {
            width: calc(50% - 5px); }

          #areaguide .area_top .TitleArea .TitleButton li {
            width: 100%;
            font-size: 16px;
          }
  #areaguide .area_top .ContentsArea .Title {
    height: 20px;
    max-width: 92% }
  #areaguide .area_top .ContentsArea .area_block {
    padding: 30px 0; }
  #areaguide .area_top .ContentsArea .two_column .area_ItemList {
    display: block; }
    #areaguide .area_top .ContentsArea .two_column .area_ItemList li {
      width: 100%; }
  #areaguide .area_top .ContentsArea .area_book {
    display: block; }
    #areaguide .area_top .ContentsArea .area_book.two_column .area_ItemList li {
      display: block;
      width: 100%; }
  #areaguide .area_top .ContentsArea .area_travel p {
    font-size: 13px; }
  #areaguide .area_top .ContentsArea .area_travel .area_ItemList li {
    width: 100%;
    margin-right: 0; }
    #areaguide .area_top .ContentsArea .area_travel .area_ItemList li a {
      display: flex;
      align-items: center;
      gap: 15px; }
      #areaguide .area_top .ContentsArea .area_travel .area_ItemList li a figure {
        width: 150px;
        height: auto;
        margin-bottom: 0; }
      #areaguide .area_top .ContentsArea .area_travel .area_ItemList li a h4 {
        width: 50%; }
    #areaguide .area_top .ContentsArea .area_travel .area_ItemList li:last-child {
      margin-bottom: 0; }
      #areaguide .area_top .ContentsArea .area_travel .area_ItemList li:nth-child(4n) {
        margin-right: 0 }
  #areaguide .area_top .ContentsArea .area_foCal {
    padding-bottom: 10px; }
    #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li {
      padding: 20px 0; }
      #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li:before {
        display: none; }
      #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li:after {
        left: 0;
        right: 0; }
      #areaguide .area_top .ContentsArea .area_foCal .area_foCalContent .area_ItemList li .area_foCalText .Button {
        position: unset;
        margin: 20px auto 7px; }
  #areaguide .area_recommend .Button .Text {
    padding: 6px 0px;
    width: 100%; }
  #areaguide .area_recommend .Button.Details .Text {
    padding: 9px 0px 5px;
    min-height: 40px;
    box-sizing: border-box;
  }
  #areaguide .area_recommend article {
    padding: 25px 0; }
    #areaguide .area_recommend article .TitleArea .articleTitle {
      align-items: unset;
    }
    #areaguide .area_recommend article .TitleArea .articleTitle img {
      position: absolute;
      top: 0;
      left: 0;  
    }
    #areaguide .area_recommend article .TitleArea .articleTitle .articleTitle_text {
      font-size: 22px;
      line-height: 1.3; }
    #areaguide .area_recommend article .TitleArea .articleTitle .articleTitle_text span {
      font-size: 16px;
      padding-top: 17px;
      padding-bottom: 13px;
      padding-left: 65px;
      margin-bottom: 10px;
    }
    #areaguide .area_recommend article .TitleArea .Description {
      font-size: 14px;
    }
    #areaguide .area_recommend article .TitleArea .articleTitle h2.articleTitle_text {
      margin: unset!important; }
    #areaguide .area_recommend article .TopicItem {
      flex-direction: column-reverse; }
      #areaguide .area_recommend article .TopicItem .ImgBlock img {
        width: 100%; }
      #areaguide .area_recommend article .TopicItem .TextBlock {
        padding: 30px 20px; }
        #areaguide .area_recommend article .TopicItem .TextBlock .MainTitle {
          padding-top: 0; }
        #areaguide .area_recommend article .TopicItem .TextBlock .Description {
          -webkit-line-clamp: 3; }
        #areaguide .area_recommend article .TopicItem .TextBlock dl dt {
          width: 21%; }
        #areaguide .area_recommend article .TopicItem .TextBlock dl dd {
          width: 79%; }
    #areaguide .area_recommend article .ContentsArea {
      overflow-y: auto; }
    #areaguide .area_recommend article .ContentsArea .Item {
      width: 285px;
      height: unset; }
      #areaguide .area_recommend article .ContentsArea .Item a .ImgBlock {
        width: 100%;
      }
      #areaguide .area_recommend article .ContentsArea .Item a .TextBlock {
        padding: 20px;
      }
      #areaguide .area_recommend article .ContentsArea .Item a .TextBlock .MainTitle {
          font-size: 20px;
          line-height: 1.3;
          margin: 0;
          display: -webkit-box;
          -webkit-box-orient: vertical;
          -webkit-line-clamp: 2;
          overflow: hidden;
          min-height: 54px;}
        #areaguide .area_recommend article .ContentsArea ul {
/*          width: 3120px;*/
          margin-left: 2%;
          margin-bottom: 10px; }
        #areaguide .area_recommend article .ContentsArea .Item a:hover img {
          transform: scale(1.0); }
      #areaguide .area_recommend article .ContentsArea .Item a .TextBlock .Description {
        font-size: 14px;
        margin-top: 10px; }
      #areaguide .area_recommend article .ContentsArea .Item a .TextBlock .Button .Text {
        padding: 6px 0px;
        width: 200px; 
        font-size: 16px;
      }
    #areaguide .area_recommend article .ContentsArea .Button.Details {
      margin-top: 15px; }
      #areaguide .area_recommend article .ContentsArea .Button.Details .Text {
        background: #E8A2A2;
        padding: 16px 0px;
        width: 90%;
        font-size: 15px; }

  #areaguide .area_top .ContentsArea .area_travel .area_ItemList {
    margin-top: 20px;
     }

#areaguide .area_top {
  margin-bottom: 0!important; }

#areaguide #area_plan .Container,#areaguide .area_bn .Container,#areaguide .area_recommend .Container,#areaguide #RankingBlock .Container,#areaguide .RecommendArticleBlock .Container,#areaguide .QuestionBlock .Container {
    padding: 0;
}

#areaguide .NewArrivalBlock {
    padding: 25px 0;
}
#areaguide .area_bn {
    padding: 25px 0;
}
#areaguide .area_recommend .Button {
    width: 92%;
    margin: 0 auto;
}
.QuestionBlock .ContentsArea .QuestionLogo img {
    vertical-align: unset!important;
}
.QuestionBlock .ContentsArea .Question .icon {
    display: inline-block!important;
}
.area_banner {
  padding: 30px 0 1px;
}
.area_banner ul {
  max-width: 92%;
  margin: 0 auto;
  display: block;
  flex-wrap: unset;
  align-items: unset;
  justify-content: unset;
}
.area_banner ul li {
  width: 80%;
  margin:0 auto 30px;
}
.area_banner ul li:nth-child(3n),.area_banner ul li:last-child {
  margin-right: auto;
}
.area_bn .Container a::before {
    bottom: 36px;
    right: 87px;
}
.area_bn .Container a::after {
    bottom: 24px;
    right: 24px;
}
.TripTypeBlock {
    padding: 0 0 0;
}
#areaguide .TripTypeBlock .Container {
    padding: 10px 0;
}
.QuestionBlock {
    padding-bottom: 40px;
}
.search_tokusyu {
    padding-top: 30px;
    padding-bottom: 10px;
    display: block;
}
.search_tokusyu .search_tokusyu_link {
  overflow-y: scroll;
  margin-top: 15px;
}
.search_tokusyu ul {
    display: block;
    width: max-content;
}
.search_tokusyu ul li {
  display: inline-block;
}

#areaguide .area_top .ContentsArea .area_travel h2 .Title {
  height: 19px;
    }
.area_block.area_travel > p {
    margin-bottom: 10px;
}
.recommend_list {
  display: block;
}
.recommend_list li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
}

}