@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : restaurant.css
 author     : Ability Consultant
 style info : 基本・共通設定
=================================================================== */
@font-face {
  font-family: "itc-new-baskerville";
  src: url("../fonts/itc-new-baskerville.otf") format("otf"), url("../fonts/itc-new-baskerville-black.otf") format("otf"), url("../fonts/OpenSans-Regular-webfont.otf") format("otf"), url("../fonts/itc-new-baskerville-black-italic.otf") format("otf"), url("../fonts/itc-new-baskerville-bold.otf") format("otf");
}
@font-face {
  font-family: "ionicons";
  src: url("../fonts/ionicons.eot") format("eot"), url("../fonts/ionicons.svg") format("svg"), url("../fonts/ionicons.ttf") format("ttf"), url("../fonts/ionicons.woff") format("woff"), url("../fonts/ionicons.woff2") format("woff2");
}
.over {
  -webkit-transition: .3s;
  transition: .3s;
}
.over:hover {
  opacity: .8;
  -webkit-transition: .3s;
  transition: .3s;
}

#contents {
  margin-bottom: 100px;
}

#abi_page .sld_basic .slick-arrow {
  bottom: 1.6em;
}
#abi_page .sld_basic .slick-arrow.next_arrow {
  right: 1.3em;
}
#abi_page .sld_basic .slick-arrow.prev_arrow {
  right: 6.9em;
}
#abi_page .sld_basic .slick-dots {
  bottom: 1.6em;
  right: 13em;
}

.box_intro {
  margin-bottom: 120px;
  max-width: 1280px;
  margin-inline: auto;
  margin-bottom: 120px;
}

/* -----------------------------------------------------------
	ページ内リンク
----------------------------------------------------------- */
.box_nav_page {
  max-width: 1280px;
  margin-inline: auto;
  margin-bottom: 120px;
  margin-bottom: 61px;
}
.box_nav_page ul li {
  width: calc(100% / 4);
  margin-bottom: 1em;
}
.box_nav_page ul li a::after {
  right: 0.5em;
}
.box_nav_page ul li a.left {
  border-left: 1px solid #d8bdb4;
}
.box_nav_page ul li a .txt_jp span {
  font-size: 0.8em;
}
.box_nav_page ul li a .txt_jp.beache {
  letter-spacing: -.5px;
}

.con_notice {
  max-width: 1280px;
  margin-inline: auto;
  margin-bottom: 120px;
  margin-bottom: 100px;
  text-align: center;
}

.range {
  max-width: 1280px;
  margin-inline: auto;
  margin-bottom: 120px;
  margin-bottom: 154px;
  text-align: center;
}
