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

 file name  : dining.css
 author     : Ability Consultant
 style info : ダイニング一覧
=================================================================== */
@font-face {
  font-family: YuGothicM;
  src: local("Yu Gothic Medium");
}
.con_dining, .con_bar, .con_other, .con_srv, .con_chef .box_chef {
  max-width: 1280px;
  margin: auto;
  width: 95%;
}

.box_bnr {
  max-width: 1900px;
  margin: auto;
  width: 95%;
}

/*Animate */
.tit {
  font-weight: normal;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 188%;
  line-height: 1.4em;
  letter-spacing: 0.1em;
  color: #000;
}

.con_pgtitle .tl_id {
  text-transform: none !important;
}

@media only screen and (min-width: 1025px) {
  .con_intro .box_info .space01 {
    padding-left: 4em;
  }
  .con_intro .box_info .space02 {
    padding-left: 8em;
  }
  .con_intro .box_info .space03 {
    padding-left: 8.3em;
  }
}
@media print {
  .con_intro .box_info .space01 {
    padding-left: 4em;
  }
  .con_intro .box_info .space02 {
    padding-left: 8em;
  }
  .con_intro .box_info .space03 {
    padding-left: 8.3em;
  }
}
.ie8 .con_intro .box_info .space01 {
  padding-left: 4em;
}
.ie8 .con_intro .box_info .space02 {
  padding-left: 8em;
}
.ie8 .con_intro .box_info .space03 {
  padding-left: 8.3em;
}

.con_dining .box_dining {
  display: flex;
  flex-wrap: wrap;
}
.con_dining .box_dining > div {
  margin-top: 64px;
  width: 48%;
}
@media only screen and (max-width: 767px) {
  .con_dining .box_dining > div {
    margin-top: 8%;
  }
}
.con_dining .box_dining > div .tit {
  font-size: 28px;
  line-height: 1.4em;
  letter-spacing: 0;
  margin-top: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_dining .box_dining > div .tit {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .con_dining .box_dining > div .tit {
    font-size: 1.5em;
  }
}
.con_dining .box_dining > div:nth-of-type(2n) {
  margin-left: 4%;
}

.con_bar {
  margin-top: 120px;
  padding: 64px 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
  .con_bar {
    margin-top: 12%;
  }
}
@media only screen and (max-width: 767px) {
  .con_bar {
    padding: 5% 0;
  }
}
.con_bar .layout_primary_2c {
  margin: 0 auto;
}
.con_bar .layout_primary_2c .tit {
  font-size: 28px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_bar .layout_primary_2c .tit {
    font-size: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .con_bar .layout_primary_2c .tit {
    font-size: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_bar .layout_primary_2c {
    padding: 0;
  }
  .con_bar .layout_primary_2c .txt br {
    display: none;
  }
}
.con_bar .box_other {
  margin-top: 64px;
  padding-top: 64px;
  border-top: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
  .con_bar .box_other {
    margin-top: 5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_bar .box_other {
    padding-top: 5%;
  }
}

.con_other {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .con_other {
    margin-top: 10%;
  }
}
.con_other > ul {
  display: flex;
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .con_other > ul {
    margin-top: 1em;
  }
}
.con_other > ul li {
  width: 32%;
}
.con_other > ul li .i {
  text-align: center;
}
.con_other > ul li .t {
  font-size: 22px;
  line-height: 1.4em;
  margin-top: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_other > ul li .t {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .con_other > ul li .t {
    font-size: 1.1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_other > ul li .t br {
    display: none;
  }
}
.con_other > ul li:nth-child(3n+2) {
  margin: 0 2%;
}

.con_srv {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .con_srv {
    margin-top: 10%;
  }
}
.con_srv .layout_primary_2c {
  width: auto;
  margin: 40px auto 0;
}
@media only screen and (max-width: 767px) {
  .con_srv .layout_primary_2c {
    margin: 5% auto 0;
  }
}
.con_srv .layout_primary_2c .txt {
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .con_srv .layout_primary_2c {
    padding: 0;
  }
}

.con_intro .i {
  text-align: center;
}
.con_intro .tit {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .con_intro .tit {
    margin-top: 1em;
  }
}
.con_intro .box_info {
  display: flex;
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info {
    margin-top: 8%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info {
    display: block;
  }
}
.con_intro .box_info .wrp_log .l {
  display: block;
  width: 300px;
  height: 300px;
  border: 1px solid #ccc;
  padding-bottom: 1px;
  position: relative;
}
.con_intro .box_info .wrp_log .l img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  max-width: 240px;
  transform: translate(-50%, -50%);
}
.con_intro .box_info .wrp_log.aomi .l {
  width: 240px;
  height: 240px;
}
.con_intro .box_info .wrp_log.aomi .l img {
  max-width: 200px;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .wrp_log .l {
    width: 150px;
    height: 150px;
    margin: 1em auto;
  }
  .con_intro .box_info .wrp_log.aomi .l {
    width: 140px;
    height: 140px;
    margin: 1em auto;
  }
}
.con_intro .box_info .wrp_info {
  margin-left: 40px;
  width: 95%;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .wrp_info {
    margin-left: 3%;
  }
}
.con_intro .box_info .wrp_info .c_att_txt > a {
  color: red;
  text-decoration: underline;
}
.con_intro .box_info .wrp_info .c_att_txt > a:hover {
  text-decoration: none;
}
.con_intro .box_info .wrp_info .tbl_basic {
  display: inline-block;
}
.con_intro .box_info .wrp_info .tbl_basic th {
  padding: 0.5em 1em;
  width: 22%;
}
@media only screen and (min-width: 1025px) {
  .con_intro .box_info .wrp_info .tbl_basic th {
    padding: 0.5em 0.5em;
  }
}
@media print {
  .con_intro .box_info .wrp_info .tbl_basic th {
    padding: 0.5em 0.5em;
  }
}
.ie8 .con_intro .box_info .wrp_info .tbl_basic th {
  padding: 0.5em 0.5em;
}
.con_intro .box_info .wrp_info .tbl_basic td {
  text-align: left;
  padding: 0.5em 1em;
}
.con_intro .box_info .wrp_info .tbl_basic td ul li {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.con_intro .box_info .wrp_info .tbl_basic td ul li .detail {
  min-width: 14em;
  margin-right: 1em;
}
.con_intro .box_info .wrp_info .tbl_basic td .bold {
  font-weight: bold;
}
.con_intro .box_info .wrp_info .tbl_basic td .red {
  color: #ff0000;
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl tr {
  border: none;
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th {
  display: flex;
  padding-left: 0;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th {
    flex-direction: column;
  }
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .ttl {
  width: 4em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .ttl {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .ttl {
    width: 50%;
  }
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt tr {
  border: none;
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt th {
  padding: 0;
  width: 4em;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt th {
    width: 4em;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt th {
    width: 4em;
  }
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt th .tb_txt {
  position: absolute;
  top: 0;
}
.con_intro .box_info .wrp_info .tbl_basic td .tbl_day_ttl .ttl_th .tbl_day_txt td {
  padding: 0;
  padding-left: 0.25em;
}
.con_intro .box_info .wrp_info .inn_info {
  margin-top: 1em;
}
.con_intro .box_info .wrp_info .inn_info .txt {
  margin-top: 0;
  font-size: 90%;
  color: #5ea4bf;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.con_intro .box_info .wrp_info .inn_info .btn_style_line {
  margin-top: .5em;
}
.con_intro .box_info .wrp_info .inn_info .btn_style_line a {
  margin-left: 0;
  font-size: 85%;
}
.con_intro .box_info .wrp_info .atn {
  margin-top: 1em;
  text-indent: -1em;
  padding-left: 1em;
}
.con_intro .box_info .box_note {
  margin: 3em auto 0;
  font-size: 85%;
  color: #999;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .box_note {
    margin-top: 2em;
  }
}
.con_intro .box_info .box_note span {
  display: block;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.con_intro .box_info .box_note span.tl {
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: .5em;
  font-size: 100%;
}
.con_intro .box_info .box_note span.tl.first {
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_info .btn_style_line a {
    margin-bottom: .5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_info .btn_style_line a {
    margin-bottom: .5em;
  }
}
.con_intro .box_live {
  width: 90%;
  margin: auto;
  border: 1px solid #BEA67C;
  text-align: center;
  padding: 2em 0;
  margin-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_live {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_live {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_live {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_live {
    margin-top: 60px;
  }
}
.con_intro .box_live .txt {
  margin: 0em 1em 1em;
}
.con_intro .box_live .txt span {
  font-size: 80%;
}
.con_intro .box_live .btn_basic {
  margin: 0 1em;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_live .btn_basic {
    margin: 0 1em 1em;
  }
}
.con_intro .box_live .btn_basic a span {
  z-index: 1;
}

.con_chef {
  margin-top: 64px;
  padding-top: 64px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .con_chef {
    margin-top: 8%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef {
    padding-top: 5%;
  }
}
.con_chef:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  background-color: #EFF6F8;
  width: 40%;
  height: calc(100% + 64px);
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef:before {
    height: calc(100% + 40px);
  }
}
@media only screen and (max-width: 767px) {
  .con_chef:before {
    height: 115%;
  }
}
.con_chef .box_chef {
  background-color: #fff;
  display: flex;
  position: relative;
  z-index: 1;
}
.con_chef .box_chef .wrp_text .name {
  font-weight: normal;
}
.con_chef .box_chef .wrp_text .name span {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  letter-spacing: 0.1em;
  color: #000;
  display: block;
}
.con_chef .box_chef .wrp_text .name .s {
  font-size: 88%;
}
.con_chef .box_chef .wrp_text .name .b {
  font-size: 188%;
}
.con_chef .box_chef .wrp_text .t {
  margin-top: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef .box_chef .wrp_text .t {
    margin-top: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef .wrp_text .t {
    margin-top: 0.5em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_chef .box_chef .wrp_text {
    width: 40%;
    padding: 64px 5% 0;
  }
  .con_chef .box_chef .wrp_img {
    width: 56%;
    text-align: right;
  }
}
@media print {
  .con_chef .box_chef .wrp_text {
    width: 40%;
    padding: 64px 5% 0;
  }
  .con_chef .box_chef .wrp_img {
    width: 56%;
    text-align: right;
  }
}
.ie8 .con_chef .box_chef .wrp_text {
  width: 40%;
  padding: 64px 5% 0;
}
.ie8 .con_chef .box_chef .wrp_img {
  width: 56%;
  text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef .box_chef .wrp_text {
    width: 34%;
    padding: 0 2%;
    align-self: center;
  }
  .con_chef .box_chef .wrp_img {
    width: 62%;
    text-align: right;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef .box_chef .wrp_text {
    width: 39%;
    padding: 5% 2%;
    align-self: center;
  }
  .con_chef .box_chef .wrp_text .name .s {
    font-size: 0.7em;
  }
  .con_chef .box_chef .wrp_text .name .b {
    font-size: 1.6em;
  }
  .con_chef .box_chef .wrp_img {
    width: 57%;
    text-align: right;
    overflow: hidden;
    position: relative;
  }
  .con_chef .box_chef .wrp_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    height: 100%;
    width: auto;
    transform: translate(-50%, -50%);
  }
}

.con_room_type {
  margin-top: 120px;
}
@media only screen and (max-width: 767px) {
  .con_room_type {
    margin-top: 12%;
  }
}

.box_menu {
  margin-top: 3em;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_menu {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 767px) {
  .box_menu {
    margin-top: 2em;
    display: block;
  }
}
.box_menu .btn_basic {
  margin: 0 2em;
}
.box_menu .btn_basic a {
  max-width: 400px;
  width: 300px;
}
@media only screen and (max-width: 767px) {
  .box_menu .btn_basic {
    margin: 2em;
  }
}
.box_menu .btn_basic .m2 {
  width: auto;
}

.con_rev_inq {
  background: #eff6f8;
  margin: 4em auto 0;
  width: 75%;
  text-align: center;
  padding: 2em !important;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rev_inq {
    width: 95%;
    margin: 3em auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_rev_inq {
    width: 95%;
    margin: 3em auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_rev_inq {
    padding: 1em 0 !important;
  }
}
.con_rev_inq .tl_basic_center {
  font-size: 188%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rev_inq .tl_basic_center {
    font-size: 175%;
  }
}
@media only screen and (max-width: 767px) {
  .con_rev_inq .tl_basic_center {
    font-size: 138%;
  }
}
.con_rev_inq .box_rev {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .con_rev_inq .box_rev {
    display: block;
  }
}
.con_rev_inq .box_rev .box_tel {
  margin: 1em;
}
.con_rev_inq .box_rev .box_tel .tel {
  font-size: 157%;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_rev_inq .box_rev .box_tel .tel {
    font-size: 138%;
  }
}
@media only screen and (max-width: 767px) {
  .con_rev_inq .box_rev .box_tel .tel {
    font-size: 125%;
  }
}
.con_rev_inq .box_rev .box_inq {
  margin: 1em;
}
.con_rev_inq .box_rev .box_inq .btn_basic {
  margin-top: 0.5em;
}
.con_rev_inq .box_rev .box_inq .btn_basic a {
  width: 300px;
}
@media only screen and (max-width: 767px) {
  .con_rev_inq .box_rev .box_inq .btn_basic a {
    width: auto;
  }
}
.con_rev_inq .box_note {
  font-size: 85%;
  margin: 1em auto 0;
  padding-left: 1em;
  text-indent: -1em;
  max-width: calc(635px - 1em);
  width: 90%;
}

.con_cake .box_cake {
  width: 75%;
  margin: 4em auto 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: flex-start;
  border: 2px solid #5ea4bf;
  padding: 3em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cake .box_cake {
    width: 95%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cake .box_cake {
    width: 95%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cake .box_cake {
    margin: 3em auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_cake .box_cake {
    margin: 3em auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cake .box_cake {
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_cake .box_cake {
    align-items: baseline;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cake .box_cake {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .con_cake .box_cake {
    justify-content: space-between;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1440px) {
  .con_cake .box_cake {
    justify-content: flex-start;
    align-items: center;
  }
}
@media print {
  .con_cake .box_cake {
    justify-content: flex-start;
    align-items: center;
  }
}
.ie8 .con_cake .box_cake {
  justify-content: flex-start;
  align-items: center;
}
.con_cake .box_cake .tl_basic_center {
  font-size: 188%;
  margin: 0 auto 0.5em;
  color: #5ea4bf;
  text-align: left;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cake .box_cake .tl_basic_center {
    font-size: 150%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cake .box_cake .tl_basic_center {
    font-size: 138%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cake .box_cake .tl_basic_center {
    margin: 0.5em auto;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1440px) {
  .con_cake .box_cake .tl_basic_center {
    font-size: 150%;
  }
}
@media print {
  .con_cake .box_cake .tl_basic_center {
    font-size: 150%;
  }
}
.ie8 .con_cake .box_cake .tl_basic_center {
  font-size: 150%;
}
.con_cake .box_cake .box_img {
  width: 28.16901%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cake .box_cake .box_img {
    width: 47.5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cake .box_cake .box_img {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .con_cake .box_cake .box_img {
    width: 40%;
  }
}
@media print {
  .con_cake .box_cake .box_img {
    width: 40%;
  }
}
.ie8 .con_cake .box_cake .box_img {
  width: 40%;
}
.con_cake .box_cake .box_txt {
  margin-left: 3em;
  width: 61.26761%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cake .box_cake .box_txt {
    margin-left: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_cake .box_cake .box_txt {
    margin-left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cake .box_cake .box_txt {
    width: 47.5%;
  }
}
@media only screen and (max-width: 767px) {
  .con_cake .box_cake .box_txt {
    width: 100%;
  }
}
@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .con_cake .box_cake .box_txt {
    margin-left: 5%;
    width: 55%;
  }
}
@media print {
  .con_cake .box_cake .box_txt {
    margin-left: 5%;
    width: 55%;
  }
}
.ie8 .con_cake .box_cake .box_txt {
  margin-left: 5%;
  width: 55%;
}
.con_cake .box_cake .box_txt .tl_basic_center {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_cake .box_cake .box_txt .tl_basic_center {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .con_cake .box_cake .box_txt .tl_basic_center {
    display: block;
  }
}
@media only screen and (min-width: 1801px) {
  .con_cake .box_cake .box_txt .tl_basic_center br {
    display: none;
  }
}
@media print {
  .con_cake .box_cake .box_txt .tl_basic_center br {
    display: none;
  }
}
.ie8 .con_cake .box_cake .box_txt .tl_basic_center br {
  display: none;
}
@media only screen and (min-width: 1025px) and (max-width: 1800px) {
  .con_cake .box_cake .box_txt .tl_basic_center br {
    display: block;
  }
}
@media print {
  .con_cake .box_cake .box_txt .tl_basic_center br {
    display: block;
  }
}
.ie8 .con_cake .box_cake .box_txt .tl_basic_center br {
  display: block;
}
.con_cake .box_cake .box_txt .txt {
  margin-bottom: 1em;
}
.con_cake .box_cake .box_txt .txt:last-child {
  margin-bottom: 0;
}
.con_cake .box_cake .box_note_option {
  margin: 2em auto 0;
  font-size: 85%;
  color: #999;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .con_cake .box_cake .box_note_option {
    margin-top: 2em;
  }
}
.con_cake .box_cake .box_note_option span {
  display: block;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.con_cake .box_cake .box_note_option span.tl {
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: .5em;
  font-size: 100%;
}
.con_cake .box_cake .box_note_option span.tl.first {
  margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_cake .box_cake .box_note_option {
    display: none;
  }
}
.con_cake .box_cake .box_note_option.tab_output {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .con_cake .box_cake .box_note_option.tab_output {
    display: block;
  }
}

.box_slide .slick-slide {
  outline: none;
}
.box_slide .slick-slide img {
  margin: 0 auto;
}
.box_slide .slider {
  position: relative;
}
.box_slide .slick-arrow {
  position: absolute;
  display: inline-block;
  z-index: 10;
  top: 50%;
}
@media only screen and (max-width: 767px) {
  .box_slide .slick-arrow {
    top: 45%;
  }
}
.box_slide .slick-arrow:after {
  content: '';
  width: 15px;
  height: 15px;
  border: 0px;
  border-top: solid 3px #000;
  border-right: solid 3px #000;
  position: absolute;
  top: 0;
}
.box_slide .slick-arrow.slick-prev {
  left: -1.5%;
}
@media only screen and (max-width: 1024px) {
  .box_slide .slick-arrow.slick-prev {
    left: 0;
  }
}
.box_slide .slick-arrow.slick-prev:after {
  -ms-transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  left: 0;
}
.box_slide .slick-arrow.slick-next {
  right: -1.5%;
}
@media only screen and (max-width: 1024px) {
  .box_slide .slick-arrow.slick-next {
    right: 0;
  }
}
.box_slide .slick-arrow.slick-next:after {
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 0;
}

/* -----------------------------------------------------------
	.con_chef_kawate
----------------------------------------------------------- */
.con_chef_kawate {
  background: #eff6f8;
  display: block;
  margin: 5em auto;
  padding: 0.5em 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef_kawate {
    margin: 4em auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate {
    margin: 2em auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef_kawate {
    padding: 1em 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate {
    padding: 0.5em 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_chef_kawate .con_michelin {
    width: 80%;
    margin: 0 auto 4em auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
  .con_chef_kawate .con_michelin {
    margin: 0 auto 2em auto;
  }
}
@media only screen and (min-width: 768px) and (max-width: 767px) {
  .con_chef_kawate .con_michelin {
    margin: 0 auto 1em;
  }
}

@media print {
  .con_chef_kawate .con_michelin {
    width: 80%;
    margin: 0 auto 4em auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
.ie8 .con_chef_kawate .con_michelin {
  width: 80%;
  margin: 0 auto 4em auto;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ie8 .con_chef_kawate .con_michelin {
    margin: 0 auto 2em auto;
  }
}
@media only screen and (max-width: 767px) {
  .ie8 .con_chef_kawate .con_michelin {
    margin: 0 auto 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .con_michelin {
    width: 80%;
    margin: 0 auto 3em;
  }
}
.con_chef_kawate .con_michelin .img {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .con_chef_kawate .con_michelin .img {
    text-align: right;
    width: 47%;
  }
}
@media print {
  .con_chef_kawate .con_michelin .img {
    text-align: right;
    width: 47%;
  }
}
.ie8 .con_chef_kawate .con_michelin .img {
  text-align: right;
  width: 47%;
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .con_michelin .img {
    width: 100%;
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .con_chef_kawate .con_michelin .box_txt {
    width: 53%;
    padding-left: 3%;
  }
}
@media print {
  .con_chef_kawate .con_michelin .box_txt {
    width: 53%;
    padding-left: 3%;
  }
}
.ie8 .con_chef_kawate .con_michelin .box_txt {
  width: 53%;
  padding-left: 3%;
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .con_michelin .box_txt {
    padding-top: 5%;
  }
}
.con_chef_kawate .con_michelin .box_txt h3 {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 150%;
  font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef_kawate .con_michelin .box_txt h3 {
    font-size: 138%;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .con_michelin .box_txt h3 {
    font-size: 125%;
  }
}
.con_chef_kawate .box_movie {
  width: 80%;
  max-width: 960px;
  margin: 3em auto 6em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_chef_kawate .box_movie {
    margin: 1em auto 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .box_movie {
    margin: 2em auto 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .box_movie {
    width: 95%;
  }
}
.con_chef_kawate .box_movie video {
  width: 100%;
  height: auto;
  -webkit-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 60px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  .con_chef_kawate .box_movie video {
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
  }
}

/* -----------------------------------------------------------
	.box_bnr
----------------------------------------------------------- */
.box_bnr {
  text-align: center;
}
.box_bnr a {
  display: inline-block;
  position: relative;
}
.box_bnr a::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_bnr a::before {
    width: 95%;
    height: 82%;
    border: 1px solid #fff;
  }
}
@media only screen and (max-width: 767px) {
  .box_bnr a::before {
    width: 96%;
    height: 84%;
    border: 1px solid #fff;
  }
}
@media only screen and (min-width: 1025px) {
  .box_bnr a::before {
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    transition: ease .5s;
  }
  .box_bnr a:hover::before {
    width: 96%;
    height: 80%;
    border: 1px solid #fff;
    transition: ease .5s;
  }
}
@media print {
  .box_bnr a::before {
    width: 100%;
    height: 100%;
    border: 1px solid transparent;
    transition: ease .5s;
  }
  .box_bnr a:hover::before {
    width: 96%;
    height: 80%;
    border: 1px solid #fff;
    transition: ease .5s;
  }
}
.ie8 .box_bnr a::before {
  width: 100%;
  height: 100%;
  border: 1px solid transparent;
  transition: ease .5s;
}
.ie8 .box_bnr a:hover::before {
  width: 96%;
  height: 80%;
  border: 1px solid #fff;
  transition: ease .5s;
}
.box_bnr a img {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .btn_style_line .m_tb {
    margin: 20px 0 !important;
  }
}
@media print {
  .btn_style_line .m_tb {
    margin: 20px 0 !important;
  }
}
.ie8 .btn_style_line .m_tb {
  margin: 20px 0 !important;
}

.whitearea {
  height: 78px;
}
@media only screen and (max-width: 767px) {
  .whitearea {
    height: 58px;
  }
}