@charset "UTF-8";
/*
Theme Name: グランドエル・サン
Theme URI:
Author: moja
Author URI:
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: CAFE EAST
*/
/* CSS Document */
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,600&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP&subset=japanese");
/*******全てに適用される項目**************************************************/
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary, sup,
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video {
  vertical-align: baseline;
  white-space: normal;
  text-align: left;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
}

li {
  list-style: none;
}

input, button, textarea, select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
}

strong {
  font-weight: normal;
}

html {
  font-size: 62.5%;
  /* 10px */
  line-height: 1.6rem;
  /* 16px */
  height: 100%;
}

body {
  background: #fff;
  width: 100%;
  color: #333;
  font-family: 'Noto Serif JP', sans-serif;
  letter-spacing: 1.6px;
  line-height: 1.8;
  font-size: 14px;
  font-size: 1.4rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

img {
  max-width: 100%;
  height: auto;
}

img[src$=".svg"] {
  width: 100%;
  height: auto;
}

a, a:hover {
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

a {
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
  color: #444444;
  border: none;
  margin: 0px;
  padding: 0px;
  display: inline;
}

a:link {
  color: #333;
  text-decoration: none;
}

a:visited {
  color: #333;
  text-decoration: none;
}

a:active {
  color: #888;
  text-decoration: none;
}

a:hover {
  color: #888;
  text-decoration: none;
}

a:hover {
  opacity: .5;
  -webkit-transition: opacity .2s ease;
  transition: opacity .2s ease;
}

a img:hover {
  opacity: .7;
  -webkit-transition: opacity .9s ease;
  transition: opacity .9s ease;
}

/* フロート解除-----------------------------*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*/
  /*/
    height: auto;
    overflow: hidden;
    /**/
}

.cb {
  clear: both;
}

/********** 共通スタイル***************************/
/* 下マージン（10px/20px/30px/40px/50px） */
.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.grow1 {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grow10 {
  -webkit-box-flex: 10;
      -ms-flex-positive: 10;
          flex-grow: 10;
}

.grow20 {
  -webkit-box-flex: 20;
      -ms-flex-positive: 20;
          flex-grow: 20;
}

.grow30 {
  -webkit-box-flex: 30;
      -ms-flex-positive: 30;
          flex-grow: 30;
}

.grow40 {
  -webkit-box-flex: 40;
      -ms-flex-positive: 40;
          flex-grow: 40;
}

.grow50 {
  -webkit-box-flex: 50;
      -ms-flex-positive: 50;
          flex-grow: 50;
}

.grow60 {
  -webkit-box-flex: 60;
      -ms-flex-positive: 60;
          flex-grow: 60;
}

.grow70 {
  -webkit-box-flex: 70;
      -ms-flex-positive: 70;
          flex-grow: 70;
}

.grow80 {
  -webkit-box-flex: 80;
      -ms-flex-positive: 80;
          flex-grow: 80;
}

.grow90 {
  -webkit-box-flex: 90;
      -ms-flex-positive: 90;
          flex-grow: 90;
}

.grow100 {
  -webkit-box-flex: 100;
      -ms-flex-positive: 100;
          flex-grow: 100;
}

@media screen and (min-width: 545px) and (max-width: 1199px) {
  html, html * {
    font-size: 14px;
  }
}

@media screen and (min-width: 1200px) {
  html, html * {
    font-size: 14px;
  }
}

/*
 *　見出し（h1〜h6）のデフォルトフォントサイズ設定
 */
h1 {
  font-size: 2rem;
}

h2 {
  font-size: 1.8rem;
}

h3 {
  font-size: 1.6rem;
}

h4 {
  font-size: 1.4rem;
}

h5 {
  font-size: 1.2rem;
}

h6 {
  font-size: 1rem;
}

/*===ボタン用共通=======================*/
.post_button {
  display: block;
  max-width: 230px;
  width: 100%;
  height: auto;
  background-color: #c79f62;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  display: block;
  height: auto;
  padding: 15px 15px;
  border-radius: 2px;
}

.post_button_summerin {
  display: block;
  max-width: 280px;
  width: 100%;
  height: auto;
  background-color: #fff;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  display: block;
  height: auto;
  padding: 15px 15px;
  border-radius: 2px;
  border: solid 1px #2ea7e0;
}

.post_button_we2020 {
  display: block;
  max-width: 300px;
  width: 100%;
  height: auto;
  background-color: #CD645A;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  display: block;
  height: auto;
  padding: 15px 15px;
  border-radius: 2px;
  margin-bottom: 20px;
  border: solid 1px #CD645A;
}

.post_button_blue {
  display: block;
  width: 100%;
  height: auto;
  background-color: #7ecef4;
  padding: 25px 20px;
  text-decoration: none;
}

.post_button_purple {
  display: block;
  width: 100%;
  height: auto;
  background-color: #aa94b6;
  padding: 25px 20px;
  text-decoration: none;
}

.post_button_green {
  display: block;
  width: 100%;
  height: auto;
  background-color: #6FB92C;
  padding: 25px 20px;
  text-decoration: none;
}

.post_button_green02 {
  display: block;
  width: 50%;
  margin: 0 auto 20px;
  text-align: center;
  height: auto;
  background-color: #6FB92C;
  padding: 25px 20px;
  text-decoration: none;
}

.post_button_bgwedding {
  display: block;
  width: 100%;
  height: auto;
  background-color: #717071;
  padding: 25px 20px;
  text-decoration: none;
}

.post_button_white {
  display: block;
  width: 100%;
  height: auto;
  background-color: #fff;
  padding: 25px 20px;
  text-decoration: none;
  border: solid 2px #826843;
}

.post_button_blue_s {
  display: block;
  width: 100%;
  height: auto;
  background-color: #7ecef4;
  padding: 25px 20px;
  text-decoration: none;
}

.post_button_gold_s {
  display: block;
  width: 100%;
  height: auto;
  background-color: #cca57e;
  padding: 25px 20px;
  text-decoration: none;
}

.post_button_gold_middle {
  display: block;
  width: 100%;
  height: auto;
  background-color: #c79f62;
  padding: 18px 15px;
  text-decoration: none;
}

.post_button_brown {
  display: block;
  max-width: 180px;
  width: 100%;
  height: auto;
  background-color: #40210f;
  padding: 13px 15px;
  text-decoration: none;
}

.post_button_gold_ss {
  display: block;
  width: 80%;
  height: auto;
  background-color: #c79f62;
  padding: 15px 15px;
  text-decoration: none;
}

.post_button_wed {
  display: block;
  width: 80%;
  height: auto;
  background-color: #c79f62;
  padding: 15px 15px;
  text-decoration: none;
}

.post_button_gray {
  display: block;
  width: 100%;
  height: auto;
  background-color: #bcb0b0;
  padding: 25px 20px;
  text-decoration: none;
}

.post_button_rest {
  display: block;
  width: 100%;
  height: auto;
  background-color: #c69c56;
  padding: 25px 20px;
  text-decoration: none;
}

.post_button_border {
  max-width: 260px;
  width: 100%;
  display: block;
}

.post_button_border_large {
  max-width: 340px;
  width: 100%;
  display: block;
}

.post_button_border, .post_button_border_large {
  position: relative;
  display: block;
  height: auto;
  border: 1px solid #333;
  padding: 20px 15px;
  border-radius: 2px;
  font-weight: bold;
}

.wh_button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.wh_button a {
  display: block;
  max-width: 300px;
  width: 100%;
  height: auto;
  background-color: #c79f62;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  display: block;
  height: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 12px 15px;
  border-radius: 2px;
  color: #fff;
  text-align: center;
}

.post_button p, .post_button_border p, .post_button_border_large p, .post_button_summerin p, .wh_button p {
  line-height: 120%;
  text-align: center;
  font-size: 15px;
}

.post_button_blue p, .post_button_gray p {
  line-height: 120%;
  text-align: center;
  font-size: 21px;
}

.post_button_gray p, .post_button_purple p, .post_button_green p, .post_button_bgwedding p, .post_button_rest p, .post_button_we2020 p {
  line-height: 120%;
  text-align: center;
  font-size: 21px;
  color: #fff;
}

.post_button_white p {
  line-height: 120%;
  text-align: center;
  font-size: 21px;
}

.post_button_blue_s p, .post_button_gold_s p, .post_button_green02 p, .post_button_gold_middle p, .post_button_brown p, .post_button_bgwedding p {
  line-height: 120%;
  text-align: center;
  font-size: 17px;
  color: #fff;
}

.post_button_bgwedding p {
  line-height: 120%;
  text-align: center;
  font-size: 17px;
  color: #fff;
  font-family: 'Noto Serif JP', sans-serif;
}

.post_button_gold_ss p {
  line-height: 120%;
  text-align: center;
  font-size: 14px;
  color: #fff;
}

.post_button_wed p {
  line-height: 120%;
  text-align: center;
  font-size: 16px;
  color: #fff;
}

.post_button p, .post_button_blue p, .post_button_gold_s p {
  color: #fff;
}

.post_button, .post_button_blue, .post_button_blue_s, .post_button_gold_s, .post_button_gold_ss, .post_button_purple, .post_button_white, .post_button_green, .post_button_bgwedding, .post_button_summerin, .post_button_we2020, .post_button_wed {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.post_button_gold_middle {
  text-align: center;
  width: 40%;
  margin: 0 auto;
}

.post_button_brown {
  float: right;
  margin-top: 10px;
}

footer .post_button_border {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
}

footer .post_button_border_large {
  text-align: center;
  width: 100%;
  margin: 0 auto;
  font-size: 18px;
}

@media (min-width: 769px) {
  .post_button, .post_button_border_large {
    overflow: hidden;
  }
  .post_button::before {
    background: #a07d50;
  }
  .post_button_border_large::before {
    background: #333;
  }
  .post_button::before, .post_button_border_large::before {
    position: absolute;
    top: 0;
    left: -5%;
    z-index: -1;
    content: '';
    width: 110%;
    height: 210%;
    background: #333;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: skewY(-10deg) scale(1, 0);
            transform: skewY(-10deg) scale(1, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
  }
  .post_button:hover, .post_button_border_large:hover {
    opacity: 1.0;
  }
  .post_button_blue:hover, .post_button_blue_s:hover {
    opacity: 1.0;
    background: #6fc1e2;
  }
  .post_button_purple:hover {
    opacity: 1.0;
    background: #8b7699;
  }
  .post_button_gold_s:hover, .post_button_gray:hover {
    opacity: 1.0;
    background: #b59271;
  }
  .post_button_rest:hover {
    opacity: 1.0;
    background: #b58b4e;
  }
  .post_button:hover::before, .post_button_border_large:hover::before {
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: skewY(-10deg) scale(1, 1);
            transform: skewY(-10deg) scale(1, 1);
    opacity: 1.0;
  }
}

@media (max-width: 768px) {
  .wh_button a {
    display: block;
    max-width: 100%;
    width: 100%;
  }
  .post_button_bgwedding p {
    font-size: 15px;
  }
  .post_button {
    padding: 10px 15px;
  }
  .recruit_bt_box .post_button_blue_s, .recruit_bt_box .post_button_gold_s, .wh_button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .recruit_bt_box a.post_button_blue_s, .recruit_bt_box a.post_button_gold_s {
    padding: 15px 15px;
    text-align: center;
    width: 80%;
    display: block;
  }
  .plan_bt_box .post_button_purple, .post_button_white, .post_button_green, .post_button_bgwedding {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .plan_bt_box a.post_button_purple, .plan_bt_box a.post_button_white, .bw_bt_box a.post_button_green, .post_button_bgwedding, .post_button_green02 {
    padding: 15px 15px;
    text-align: center;
    width: 80%;
    display: block;
  }
  .post_button_bgwedding {
    padding: 15px 15px;
    text-align: center;
    width: 90%;
    display: block;
  }
  .post_button_blue_s p, .post_button_gold_s p, .post_button_purple p, .post_button_white p, .post_button_green p, .post_button_green02 p {
    font-size: 12px;
  }
  footer a.post_button_border {
    padding: 10px 15px;
    text-align: center;
    width: 70%;
    display: block;
  }
  footer a.post_button_border_large {
    padding: 15px 15px;
    text-align: center;
    width: 70%;
    display: block;
  }
  .post_button p, .post_button_border_large p, .wh_button a {
    font-size: 12px;
  }
  .post_button_brown {
    float: none;
    margin-bottom: 10px;
  }
  .post_button_gold_ss p, .post_button_wed p {
    font-size: 12px;
  }
  .post_button_gold_ss, .post_button_wed {
    display: block;
    width: 94%;
    height: auto;
    background-color: #c79f62;
    padding: 10px 10px;
    text-decoration: none;
  }
}

/* パンくずリスト
--------------------------------------------------*/
div.breadcrumbs span {
  padding: 10px 0 10px 0;
  font-size: 8px;
  color: #111;
}

div.breadcrumbs span a {
  font-size: 8px;
  color: #999;
}

@media screen and (max-width: 768px) {
  div.breadcrumbs {
    padding-left: 10px;
    font-size: 8px;
    color: #111;
  }
  div.breadcrumbs span {
    padding: 0 2px 5px 2px;
    font-size: 8px;
    color: #111;
  }
}

/* =============共通タイトル============== */
.under_title {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 5px;
  font-size: 26px;
}

.under_title_e {
  text-align: center;
  font-size: 1.5rem;
  color: #826843;
  margin-bottom: 40px;
}

@media (max-width: 768px) {
  /* ==================共通タイトル======================================= */
  .under_title {
    text-align: center;
    line-height: 1.5;
    margin-bottom: 5px;
    font-size: 18px;
  }
  .under_title_e {
    text-align: center;
    font-size: 1.5rem;
    color: #826843;
    margin-bottom: 25px;
  }
}

/*===PCの下層ページのwrapper=======================*/
.page_wrapper {
  padding-top: 4%;
  padding-bottom: 3%;
}

@media (max-width: 768px) {
  .page_wrapper {
    padding: 10px 5%;
    margin-bottom: 20px;
  }
}

.single_post_area {
  text-align: left;
  margin: 0 0 65px;
}

@media (max-width: 768px) {
  .single_post_wrapper {
    padding-bottom: 40px;
    padding-right: 15px;
    padding-left: 15px;
  }
  .single_post_area {
    text-align: left;
    margin: 0 0 30px;
    width: 70%;
  }
  .archive_fair_wrapper {
    width: 100%;
    padding: 20px 15px;
  }
  .archive_fair_area {
    width: 100%;
    margin: 0 0 20px;
    text-align: left;
  }
}

/* 下層ページ　メインタイトル--------------------------------------------------*/
@media screen and (min-width: 0px) and (max-device-width: 320px) {
  .title {
    font-size: 18px;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.3em;
    margin-right: auto;
    margin-left: auto;
    font-weight: normal;
    margin-bottom: 2%;
  }
  .bg_special, .bg_news, .bg_contact, .bg_about, .bg_menu, .bg_pati, .bg_fair, .bg_report {
    margin-top: 10px;
    height: 100px;
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 321px) and (max-device-width: 768px) {
  .title {
    font-size: 22px;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.3em;
    margin-right: auto;
    margin-left: auto;
    font-weight: normal;
    margin-bottom: 2%;
  }
  .bg_special, .bg_news, .bg_contact, .bg_about, .bg_menu, .bg_pati, .bg_fair, .bg_report {
    margin-top: 10px;
  }
}

@media screen and (min-width: 769px) {
  .title {
    font-size: 24px;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.2em;
    margin-right: auto;
    margin-left: auto;
    font-weight: bold;
    font-weight: normal;
    margin-top: 2%;
    margin-bottom: 2%;
  }
  .bg_special, .bg_news, .bg_contact, .bg_about, .bg_menu, .bg_pati, .bg_fair, .bg_report {
    margin-top: 160px;
  }
  .bg_special img, .bg_news img, .bg_contact img, .bg_about img, .bg_menu img, .bg_pati img, .bg_fair img, .bg_report img {
    width: 1160px;
    display: block;
    margin: 0 auto;
  }
}

@media (min-width: 768px) {
  /*-----	PC用サイド部分----------------------------------------------------*/
  #sidebar {
    margin-bottom: 20px;
  }
  .side_menu {
    margin-bottom: 30px;
  }
  .side_post_title {
    font-weight: normal;
    margin-bottom: 0.3rem;
    padding-left: 5px;
    letter-spacing: 0.2em;
    font-size: 18px;
    border-bottom: solid 1px #ccc;
  }
  .side_menu li, .side_menu .dots_menu li {
    padding: 0 0 8px 10px;
    margin-bottom: 8px;
    display: block;
    border-bottom: dotted 1px #ccc;
  }
  .side_menu li a, .side_menu .dots_menu li a {
    text-decoration: none;
    font-size: 14px;
  }
  .side_menu .dots_menu li a:visited {
    color: #202747;
  }
  .side_menu .dots_menu li a:active {
    color: #202747;
    text-decoration: underline;
  }
  .side_menu .dots_menu li a:hover {
    color: #202747;
    text-decoration: underline;
  }
}

@media (max-width: 768px) {
  /*-----	スマホ用サイド部分----------------------------------------------------*/
  #sidebar {
    border: 1px solid #ddd;
    padding: 15px;
    width: 96%;
    margin-right: 2%;
    margin-bottom: 15px;
    margin-left: 2%;
    background: #fff;
  }
  .side_menu {
    margin-bottom: 10px;
  }
  .side_post_title {
    font-weight: normal;
    margin-bottom: 1.5rem;
    padding: 0.6rem 0;
    position: relative;
    padding-left: 5px;
    letter-spacing: 0.1em;
  }
  .side_menu li, .side_menu .dots_menu li {
    padding: 5px;
    border-bottom: 1px solid #ddd;
    display: block;
  }
  .side_menu li a, .side_menu .dots_menu li a {
    text-decoration: none;
  }
  .side_menu ul li:last-child {
    border: none;
    margin-bottom: 10px;
  }
}

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 40px 0;
  position: relative;
  font-size: 13px;
}

.pagination span, .pagination a {
  display: block;
  width: auto;
  margin: 4px;
  padding: 8px;
  border: 1px solid #000;
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  line-height: 16px;
}

/* ページ番号 */
.pagination .pager {
  width: 32px;
}

/* ホバー時 & 現在のページ */
.pagination a:hover,
.pagination .current {
  color: #fff;
  border-color: #000;
  background-color: #000;
}

/* 前へ */
.pagination a.before {
  margin-right: 16px;
}

/* 次へ */
.pagination a.next {
  margin-left: 16px;
}

/* 最初へ */
/* 最後へ */
/* Page x / y */
.pagination span.page_num {
  display: none;
}

.font_gothic {
  font-family: 'Noto Sans JP', sans-serif;
}

.font_mincho {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

a.link_yes {
  text-decoration: underline;
}

.line {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FCFBC5));
  background: linear-gradient(transparent 60%, #FCFBC5 60%);
}

.bg_gray {
  background-color: #dcdddd;
}

.bg_right_gray {
  background-color: #fafafa;
}

.bg_cream {
  background-color: #fffcf6;
}

.bg_blue {
  background-color: #7ecef4;
}

.bg_purple {
  background-color: #e4c9e0;
}

.bg_pink {
  background-color: #efaeb6;
}

.bg_gold {
  background-color: #cca57e;
}

.bg_gold753 {
  background-color: #d2b875;
}

.bg_pink_753 {
  background: #ea6184;
}

.bg_purple_753 {
  background: #b486ba;
}

.bg_blue_753 {
  background: #5ca4db;
}

.bg_black {
  background-color: #111;
}

.bg_white {
  background-color: #fff;
}

.bg_red {
  background-color: #e60012;
}

.bg_brown {
  background-color: #40210f;
}

.gray {
  color: #666;
}

.gold {
  color: #b28146;
}

.black {
  color: #050505;
}

.red {
  color: #d50000;
}

.pink {
  color: #eb636c;
}

.brown {
  color: #40210f;
}

.red_753 {
  color: #e60012;
}

.green {
  color: #6FB92C;
}

.white {
  color: #fff;
}

.img_center {
  text-align: center;
  margin: 0 auto;
  display: block;
}

.italic {
  font-style: italic;
}

.border_box {
  border: solid 1px #eee;
  border-radius: 1px;
}

.border_box_black {
  border: solid 1px #aaa;
  border-radius: 1px;
}

.border_box_white {
  border: solid 1px #fff;
  padding: 2% 5%;
}

.gray_box {
  padding: 30px 30px;
  border-radius: 8px;
  background: #fafafa;
}

.deep_gray_box {
  padding: 40px 30px;
  border-radius: 2px;
  background: #eee;
}

.pink_box {
  padding: 40px 30px;
  border-radius: 2px;
  background: #FADEEB;
}

.oiwai_p_box {
  padding: 25px 30px;
  border-radius: 2px;
  background: #f2f2f2;
}

.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left !important;
}

.ls {
  letter-spacing: 0.1em;
}

.ls_3 {
  letter-spacing: 0.3em;
}

.lh {
  line-height: 2.5;
}

.lh2 {
  line-height: 2.3;
}

.lh_ {
  line-height: 1.3;
}

.small_2 {
  font-size: 0.9rem;
}

.small {
  font-size: 1.0rem;
}

.small_big {
  font-size: 1.2rem;
}

.middle {
  font-size: 1.3rem;
  font-weight: normal;
}

.middle_1 {
  font-size: 1.3rem;
}

.middle_15 {
  font-size: 1.5rem;
}

.middle_2 {
  font-size: 1.7rem;
  font-weight: normal;
}

.middle_3 {
  font-size: 2.0rem;
  font-weight: normal;
}

.large {
  font-size: 3.0rem;
  font-weight: normal;
}

.large_2 {
  font-size: 4.0rem;
  font-weight: normal;
}

.large_3 {
  font-size: 4.8rem;
  font-weight: normal;
}

.large_4 {
  font-size: 6.0rem;
  font-weight: normal;
}

.bold {
  font-weight: 600;
}

@media (max-width: 768px) {
  .lh {
    line-height: 1.2;
  }
  .lh2 {
    line-height: 1.8;
  }
  .ls_3 {
    letter-spacing: 0.1em;
  }
  .small_big {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .middle {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .middle_2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .middle_3 {
    font: size 18px;
    font-size: 1.8rem;
  }
  .large {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .large_2 {
    font-size: 22px;
    font-size: 2.2rem;
  }
  .large_3 {
    font: size 24px;
    font-size: 2.4rem;
  }
}

.img_radius {
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
}

.f_left {
  float: left;
  display: block;
}

.f_right {
  float: right;
  display: block;
}

.w_5 {
  width: 5%;
}

.w_7 {
  width: 7%;
}

.w_10 {
  width: 10%;
}

.w_15 {
  width: 15%;
}

.w_20 {
  width: 20%;
}

.w_25 {
  width: 25%;
}

.w_30 {
  width: 30%;
}

.w_35 {
  width: 35%;
}

.w_40 {
  width: 40%;
}

.w_45 {
  width: 45%;
}

.w_50 {
  width: 50%;
}

.w_55 {
  width: 55%;
}

.w_57 {
  width: 57%;
}

.w_60 {
  width: 60%;
}

.w_65 {
  width: 65%;
}

.w_70 {
  width: 70%;
}

.w_75 {
  width: 75%;
}

.w_80 {
  width: 80%;
}

.w_85 {
  width: 85%;
}

.w_5, .w_7, .w_10, .w_15, .w_20, .w_25, .w_30, .w_35, .w_40, .w_45, .w_50, .w_57, .w_55, .w_60, .w_65, .w_70, .w_75, .w_80, .w_85 {
  display: block;
}

@media (max-width: 768px) {
  .f_left, .f_right {
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
  .s_left {
    text-align: left;
  }
  .sp_f_left {
    float: left;
    padding-bottom: 20px;
  }
  .sp_f_right {
    float: right;
  }
  .w_5, .w_7, .w_10, .w_15, .w_20, .w_25, .w_30, .w_35, .w_40, .w_45, .w_50, .w_57, .w_55, .w_60, .w_65, .w_70, .w_75, .w_80, .w_85 {
    width: 100%;
  }
  .sp_w_5 {
    width: 5% !important;
  }
  .sp_w_20 {
    width: 20% !important;
  }
  .sp_w_30 {
    width: 30% !important;
  }
  .sp_w_35 {
    width: 35% !important;
  }
  .sp_w_40 {
    width: 40% !important;
  }
  .sp_w_45 {
    width: 45% !important;
  }
  .sp_w_60 {
    width: 60% !important;
  }
  .sp_w_65 {
    width: 65%;
  }
  .sp_w_70 {
    width: 70%;
  }
  .sp_w_75 {
    width: 75%;
  }
  .sp_w_80 {
    width: 80%;
  }
  .sp_w_85 {
    width: 85% !important;
  }
  .sp_w_95 {
    width: 95% !important;
  }
}

.mt_-1 {
  margin-top: -13px !important;
}

.mt_2 {
  margin-top: 2.0rem;
}

.mt_4 {
  margin-top: 4.0rem;
}

.mt_5 {
  margin-top: 5.0rem;
}

.mt_6 {
  margin-top: 6.0rem;
}

.mt_7 {
  margin-top: 7.0rem;
}

.mb_05 {
  margin-bottom: 0.50rem;
}

.mb_075 {
  margin-bottom: 0.75rem;
}

.mb_1 {
  margin-bottom: 1.0rem;
}

.mb_15 {
  margin-bottom: 1.5rem;
}

.mb_2 {
  margin-bottom: 2.0rem;
}

.mb_3 {
  margin-bottom: 3.0rem;
}

.mb_4 {
  margin-bottom: 4.0rem;
}

.mb_5 {
  margin-bottom: 5.0rem;
}

.mb_6 {
  margin-bottom: 6.0rem;
}

.mb_8 {
  margin-bottom: 8.0rem;
}

.ml_1 {
  margin-left: 1rem;
}

.ml_2 {
  margin-left: 2rem;
}

.ml_3 {
  margin-left: 3rem;
}

.ml_35 {
  margin-left: 3.5rem;
}

.ml_7 {
  margin-left: 7rem;
}

.ml_30 {
  margin-left: 30%;
}

.pt_05 {
  padding-top: 0.50rem;
}

.pt_075 {
  padding-top: 0.75rem;
}

.pt_1 {
  padding-top: 1.0rem;
}

.pt_15 {
  padding-top: 1.5rem;
}

.pt_2 {
  padding-top: 2.0rem;
}

.pt_3 {
  padding-top: 3.0rem;
}

.pt_4 {
  padding-top: 4.0rem;
}

.pt_5 {
  padding-top: 5.0rem;
}

.pt_6 {
  padding-top: 6.0rem;
}

.pt_7 {
  padding-top: 7.0rem;
}

.pt_8 {
  padding-top: 8.0rem;
}

.pt_12 {
  padding-top: 12.0rem;
}

.pt_14 {
  padding-top: 14.0rem;
}

.pt_16 {
  padding-top: 16.0rem;
}

.pt_20 {
  padding-top: 20.0rem;
}

.pb_05 {
  padding-bottom: 0.50rem;
}

.pb_075 {
  padding-bottom: 0.75rem;
}

.pb_1 {
  padding-bottom: 1.0rem;
}

.pb_15 {
  padding-bottom: 1.5rem;
}

.pb_2 {
  padding-bottom: 2.0rem;
}

.pb_3 {
  padding-bottom: 3.0rem;
}

.pb_4 {
  padding-bottom: 4.0rem;
}

.pb_5 {
  padding-bottom: 5.0rem;
}

.pb_6 {
  padding-bottom: 6.0rem;
}

.pb_7 {
  padding-bottom: 7.0rem;
}

.pb_8 {
  padding-bottom: 8.0rem;
}

.pb_9 {
  padding-bottom: 9.0rem;
}

.pb_10 {
  padding-bottom: 10.0rem;
}

.pb_11 {
  padding-bottom: 11.0rem;
}

.pb_12 {
  padding-bottom: 12.0rem;
}

.pl_05 {
  padding-left: 0.50rem;
}

.pl_075 {
  padding-left: 0.75rem;
}

.pl_1 {
  padding-left: 1.0rem;
}

.pl_15 {
  padding-left: 1.5rem;
}

.pl_2 {
  padding-left: 2.0rem;
}

.pl_3 {
  padding-left: 3.0rem;
}

.pl_4 {
  padding-left: 4.0rem;
}

.pl_5 {
  padding-left: 5.0rem;
}

.pl_6 {
  padding-left: 6.0rem;
}

.pl_7 {
  padding-left: 7.0rem;
}

.pl_8 {
  padding-left: 8.0rem;
}

.pl_10 {
  padding-left: 10.0rem;
}

.pr_05 {
  padding-right: 0.50rem;
}

.pr_075 {
  padding-right: 0.75rem;
}

.pr_1 {
  padding-right: 1.0rem;
}

.pr_15 {
  padding-right: 1.5rem;
}

.pr_2 {
  padding-right: 2.0rem;
}

.pr_3 {
  padding-right: 3.0rem;
}

.pr_4 {
  padding-right: 4.0rem;
}

.pr_5 {
  padding-right: 5.0rem;
}

.pr_10 {
  padding-right: 10.0rem;
}

@media (max-width: 768px) {
  .sp_w_90 {
    max-width: 84%;
    margin: 0 8% 2% 8%;
  }
  .sp_ml_2 {
    margin-left: 2rem;
  }
  .sp_mr_2 {
    margin-right: 2rem;
  }
  .sp_ml_3 {
    margin-left: 3rem;
  }
  .sp_mr_3 {
    margin-right: 3rem;
  }
  .sp_mb_05 {
    margin-bottom: 0.50rem;
  }
  .sp_mb_075 {
    margin-bottom: 0.75rem;
  }
  .sp_mb_1 {
    margin-bottom: 1.0rem;
  }
  .sp_mb_15 {
    margin-bottom: 1.5rem;
  }
  .sp_mb_2 {
    margin-bottom: 2.0rem;
  }
  .sp_mb_3 {
    margin-bottom: 3.0rem;
  }
  .sp_mb_4 {
    margin-bottom: 4.0rem;
  }
  .sp_mb_5 {
    margin-bottom: 5.0rem;
  }
  .sp_mb_6 {
    margin-bottom: 6.0rem;
  }
  .sp_pt_0 {
    padding-top: 0;
  }
  .sp_pt_05 {
    padding-top: 0.50rem;
  }
  .sp_pt_075 {
    padding-top: 0.75rem;
  }
  .sp_pt_1 {
    padding-top: 1.0rem;
  }
  .sp_pt_15 {
    padding-top: 1.5rem;
  }
  .sp_pt_2 {
    padding-top: 2.0rem;
  }
  .sp_pt_3 {
    padding-top: 3.0rem;
  }
  .sp_pt_4 {
    padding-top: 4.0rem;
  }
  .sp_pt_5 {
    padding-top: 5.0rem;
  }
  .sp_pt_6 {
    padding-top: 6.0rem;
  }
  .sp_pt_7 {
    padding-top: 7.0rem;
  }
  .sp_pt_8 {
    padding-top: 8.0rem;
  }
  .sp_pb_0 {
    padding-bottom: 0;
  }
  .sp_pb_05 {
    padding-bottom: 0.50rem;
  }
  .sp_pb_075 {
    padding-bottom: 0.75rem;
  }
  .sp_pb_1 {
    padding-bottom: 1.0rem;
  }
  .sp_pb_15 {
    padding-bottom: 1.5rem;
  }
  .sp_pb_2 {
    padding-bottom: 2.0rem;
  }
  .sp_pb_3 {
    padding-bottom: 3.0rem;
  }
  .sp_pb_4 {
    padding-bottom: 4.0rem;
  }
  .sp_pb_5 {
    padding-bottom: 5.0rem;
  }
  .sp_pb_6 {
    padding-bottom: 6.0rem;
  }
  .sp_pb_7 {
    padding-bottom: 7.0rem;
  }
  .sp_pb_8 {
    padding-bottom: 8.0rem;
  }
  .sp_pb_9 {
    padding-bottom: 9.0rem;
  }
  .sp_pb_10 {
    padding-bottom: 10.0rem;
  }
  .sp_pb_11 {
    padding-bottom: 11.0rem;
  }
  .sp_pb_12 {
    padding-bottom: 12.0rem;
  }
  .sp_pl_0 {
    padding-left: 0;
  }
  .sp_pl_05 {
    padding-left: 0.50rem;
  }
  .sp_pl_075 {
    padding-left: 0.75rem;
  }
  .sp_pl_1 {
    padding-left: 1.0rem;
  }
  .sp_pl_15 {
    padding-left: 1.5rem;
  }
  .sp_pl_2 {
    padding-left: 2.0rem;
  }
  .sp_pl_3 {
    padding-left: 3.0rem;
  }
  .sp_pl_4 {
    padding-left: 4.0rem;
  }
  .sp_pr_0 {
    padding-right: 0;
  }
  .sp_pr_05 {
    padding-right: 0.50rem;
  }
  .sp_pr_075 {
    padding-right: 0.75rem;
  }
  .sp_pr_1 {
    padding-right: 1.0rem;
  }
  .sp_pr_15 {
    padding-right: 1.5rem;
  }
  .sp_pr_2 {
    padding-right: 2.0rem;
  }
  .sp_pr_3 {
    padding-right: 3.0rem;
  }
  .sp_pr_4 {
    padding-right: 4.0rem;
  }
  .sp_img_center {
    text-align: center;
    margin: 0 auto;
  }
}

.flex_area_4, .flex_area_5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex_box_4 {
  width: 25%;
  margin: 0 0 3% 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .flex_box_4 {
    width: 48%;
    margin: 0 1% 3% 1%;
    font-size: 12px;
  }
}

.flex_box_5 {
  width: 20%;
  margin: 0 0 3% 0;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .flex_box_5 {
    width: 31%;
    margin: 0 1% 3% 1%;
    font-size: 12px;
  }
}

@media all and (min-width: 500px) {
  .top_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
}

.top_wrapper {
  position: relative;
}

.top_column {
  height: 100vh;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.top_wedding {
  background: url(images/top001-02.jpg) no-repeat top center;
  background-size: cover;
}

.top_enkai {
  background: url(images/top/top-banquet04.jpg) no-repeat center center;
  background-size: cover;
  color: rgba(0, 0, 0, 0.7);
}

.top_entry_banner {
  position: absolute;
  left: 1%;
  bottom: 14.5%;
  z-index: 20000 !important;
  border: solid 5px #fff;
}

.top_enkai_banner {
  position: absolute;
  right: 1%;
  bottom: 14.5%;
  z-index: 20000 !important;
  border: solid 5px #fff;
}

.top_entry_banner, .top_enkai_banner a:hover {
  opacity: 0.9 !important;
}

._u-justify {
  height: 100%;
  position: relative;
}

._u-full {
  max-width: 100% !important;
  padding: 0 !important;
  height: 100vh;
}

@media only screen and (max-width: 40em) {
  ._u-full-sm-1-2 {
    max-width: 100% !important;
    padding: 0 !important;
    height: 50vh;
  }
  .top_column {
    max-width: 100% !important;
    padding: 0 !important;
    height: 50vh;
  }
  .top_entry_banner {
    position: absolute;
    left: 1%;
    bottom: 15%;
    width: 30%;
  }
  .top_enkai_banner {
    position: absolute;
    right: 1%;
    bottom: 15%;
    width: 30%;
  }
}

._u-justify-center01 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  /* Safari用 */
  transform: translate(-50%, -50%);
}

._u-justify-center02 {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  /* Safari用 */
  transform: translate(-50%, -50%);
}

.box {
  margin: 30px;
  text-align: center;
}

.box h2 {
  text-align: center;
  color: #84783d;
  padding-bottom: 5px;
  font-size: 1.8em;
}

a.more {
  display: block;
  width: 160px;
  height: 34px;
  line-height: 34px;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #fff;
  color: #fff;
  background: none;
  text-decoration: none;
  text-align: center;
  background: rgba(255, 255, 255, 0.3);
}

a.more:hover {
  background: #f3f8f8;
}

.t2_bottom01 {
  background: rgba(132, 120, 61, 0.8);
  padding: 0.8% 0.5%;
  position: absolute;
  bottom: 59px;
  text-align: center;
  left: 0;
  width: 50% !important;
}

.t2_bottom02 {
  background: rgba(132, 120, 61, 0.8);
  padding: 0.8% 0.5%;
  position: absolute;
  bottom: 59px;
  text-align: center;
  right: 0;
  width: 50% !important;
}

.t2_bottom01 p, .t2_bottom02 p {
  margin: 0 auto;
  text-align: center;
  font-size: 15px !important;
  color: #fff;
}

@media all and (min-width: 768px) {
  .top_footer_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}

._u-fixid-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}

._l-footer {
  background-color: #333;
  color: #fff;
  padding: 1.0rem 0;
}

@media (max-width: 767px) {
  ._u-justify-center02 {
    position: absolute;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%, -60%);
    /* Safari用 */
    transform: translate(-50%, -60%);
  }
  a.more {
    display: block;
    width: 160px;
    height: 34px;
    line-height: 34px;
    margin-left: auto;
    margin-right: auto;
    border: none;
    color: #fff;
    text-align: center;
    background: rgba(199, 159, 98, 0.8);
  }
  .t2_bottom01 {
    background: none;
    padding: 0.8% 0.5%;
    position: absolute;
    top: 0;
    height: 20%;
    width: 100% !important;
  }
  .t2_bottom02 {
    background: none;
    padding: 0.8% 0.5%;
    position: absolute;
    bottom: 0;
    height: 13%;
    width: 100% !important;
  }
  .t2_bottom01 p, .t2_bottom02 p {
    font-size: 10px !important;
    color: #fff !important;
  }
  ._l-footer {
    font-size: 10px;
    padding: 0.5rem 15px;
  }
  ._l-footer img {
    width: 45%;
  }
}

/*********************************************************************
* ローディング
**********************************************************************/
.loader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  z-index: 40000;
  will-change: animation, position;
  -webkit-animation: byeShutter 2.6s forwards 0s;
  animation: byeShutter 2.6s forwards 0s;
}

.loader::before, .loader::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  margin: auto;
}

.loader::before {
  background-color: #d8ae7c;
  width: 0;
  height: 0;
  will-change: animation, position;
  -webkit-animation: shutterOpen1 2.6s forwards 0s;
  animation: shutterOpen1 2.6s forwards 0s;
}

.loader::after {
  width: 0;
  height: 200%;
  margin-top: -10%;
  background-color: #c79d62;
  will-change: animation, position;
  -webkit-animation: shutterOpen2 2.6s forwards 0s;
  animation: shutterOpen2 2.6s forwards 0s;
}

.loader img {
  width: 120px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  will-change: animation, position;
  -webkit-animation: byeShutter1 2.6s forwards 0s;
  animation: byeShutter1 2.6s forwards 0s;
}

.loader #container {
  width: 100%;
  height: 1px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media (min-width: 480px) {
  .loader img {
    width: 170px;
  }
}

@media (min-width: 960px) {
  .loader img {
    width: 170px;
  }
}

@-webkit-keyframes byeShutter {
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}

@keyframes byeShutter {
  70% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}

@-webkit-keyframes byeShutter1 {
  60% {
    opacity: 1;
  }
  75% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}

@keyframes byeShutter1 {
  60% {
    opacity: 1;
  }
  75% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
  100% {
    opacity: 0;
    display: none;
    z-index: -1;
  }
}

@-webkit-keyframes shutterOpen1 {
  0% {
    width: 0;
    height: 0;
    left: 0;
  }
  50% {
    width: 0;
    height: 200%;
    left: 0;
  }
  90% {
    width: 100%;
    height: 200%;
    left: 120%;
  }
  100% {
    width: 100%;
    height: 200%;
    left: 120%;
  }
}

@keyframes shutterOpen1 {
  0% {
    width: 0;
    height: 0;
    left: 0;
  }
  50% {
    width: 0;
    height: 200%;
    left: 0;
  }
  90% {
    width: 100%;
    height: 200%;
    left: 120%;
  }
  100% {
    width: 100%;
    height: 200%;
    left: 120%;
  }
}

@-webkit-keyframes shutterOpen2 {
  55% {
    width: 0;
    height: 200%;
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
    left: 0;
  }
  90% {
    width: 100%;
    height: 200%;
    left: 150%;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    width: 100%;
    height: 200%;
    left: 150%;
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}

@keyframes shutterOpen2 {
  55% {
    width: 0;
    height: 200%;
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
    left: 0;
  }
  90% {
    width: 100%;
    height: 200%;
    left: 150%;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  100% {
    width: 100%;
    height: 200%;
    left: 150%;
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
}

.top-photo {
  position: relative;
  height: 0;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  padding-top: 50%;
  background: url(images/top/top-summer-main.jpg) 0 0 no-repeat;
  background-size: contain;
}

.top-photo-txt {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 9%;
  width: 100%;
  z-index: 1000;
  top: 60%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .top-photo-txt {
    width: 50%;
    height: 50%;
    bottom: 5%;
    top: 50%;
  }
}

@media (min-width: 769px) {
  header {
    position: relative;
    width: 100%;
  }
  .fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  }
  .header_box {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: #fff;
    height: 155px;
    /* 高さ */
  }
  .fixed .header_box {
    height: 95px;
    /* 高さ */
  }
  .header_top {
    position: absolute;
    left: 15px;
    top: 0;
    width: 200px;
  }
  .header_logo {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    margin: 0 auto;
    width: 180px;
  }
  .fixed .header_logo {
    width: 130px;
  }
  .header_bt_box {
    right: 10px;
    top: 0;
    width: 520px;
    position: absolute;
  }
  .header_bt_box_banquet {
    right: 10px;
    top: 0;
    width: 350px;
    position: absolute;
  }
  .bt_box, .bt_box_banquet {
    margin-right: 8px;
  }
  .bt_box li a, .bt_box_banquet li a {
    display: block;
    float: left;
    margin-left: 8px;
    background: #111;
    color: #fff;
    padding: 2px 12px;
    border-radius: 2px;
  }
  .bt_box .gold_bt a, .bt_box_banquet .gold_bt a {
    background: #C2A15E;
  }
  .bt_box li a:hover, .bt_box_banquet li a:hover {
    background-color: #c79f62;
    color: #111;
  }
  .social-icon li a {
    display: block;
    float: left;
    margin-left: 8px;
    width: 6%;
  }
  .social-icon_banquet li a {
    display: block;
    float: left;
    margin-left: 8px;
    width: 8%;
  }
  /*   global nav  */
  #global-nav {
    padding: 80px 0 5px 0;
    *zoom: 1;
    list-style-type: none;
    margin: 0px auto;
  }
  .fixed #global-nav {
    padding: 40px 0 5px 0;
    *zoom: 1;
    list-style-type: none;
    margin: 0px auto;
  }
  #global-nav02 {
    padding: 10px 0 10px 0;
    *zoom: 1;
    list-style-type: none;
    margin: 95px auto 0;
  }
  .fixed #global-nav02 {
    padding: 10px 0 10px 0;
    *zoom: 1;
    list-style-type: none;
    margin: 50px auto 0;
  }
  #global-nav:before, #global-nav:after, #global-nav02:before, #global-nav02:after {
    content: "";
    display: table;
  }
  #global-nav:after, #global-nav02:after {
    clear: both;
  }
  #global-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  #global-nav ul li {
    position: relative;
    float: left;
    margin: 0 auto;
    text-align: center;
  }
  #global-nav02 ul li {
    position: relative;
    width: 16.666%;
    float: left;
    margin: 0 auto;
    text-align: center;
  }
  .header_bauquet_wrapper {
    background: #423031;
  }
  #global-nav ul li a {
    display: block;
    margin: 0;
    text-decoration: none;
    text-align: center;
    padding: 5px 5px;
    font-size: 14px;
    font-weight: bold;
  }
  #global-nav02 ul li a {
    display: block;
    margin: 0;
    text-decoration: none;
    text-align: center;
    padding: 5px 5px;
    font-size: 14px;
    font-weight: bold;
  }
}

@media (min-width: 769px) and (max-width: 1400px) {
  #global-nav02 ul li a {
    font-size: 13px;
  }
}

@media (min-width: 769px) {
  #global-nav02 ul li a {
    color: #fff;
  }
  #global-nav ul li a:hover {
    opacity: 1;
    background: #c79f62;
    color: #fff;
    -webkit-transition: 0.7s;
    transition: 0.7s;
  }
}

.nav_small a {
  font-size: 13px !important;
  padding: 5px 2px;
}

@media (max-width: 1260px) {
  .header_bt_box, .header_bt_box_banquet {
    right: 10px;
    top: 0;
    width: 280px;
    position: absolute;
  }
  .bt_box li a {
    float: left;
    width: 90px;
    margin-bottom: 8px;
    font-size: 11px;
  }
  .bt_box_banquet li a {
    float: left;
    width: 120px;
    margin-bottom: 8px;
    font-size: 11px;
  }
}

/* ****スマホ用メニュー************************************************ */
@media screen and (max-width: 768px) {
  /* nav-toggle */
  #nav-toggle {
    display: none;
    position: fixed;
    top: 15px;
    right: 15px;
    height: 32px;
  }
  #nav-toggle > div {
    position: relative;
    width: 32px;
  }
  #nav-toggle span {
    width: 100%;
    height: 2px;
    left: 0;
    display: block;
    background: #111;
    position: absolute;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }
  #nav-toggle span:nth-child(1) {
    top: 0;
  }
  #nav-toggle span:nth-child(2) {
    top: 11px;
  }
  #nav-toggle span:nth-child(3) {
    top: 22px;
  }
  #global-nav a, #global-nav02 a {
    color: #111;
    text-decoration: none;
    display: block;
    padding: 10px 0;
    -webkit-transition: background-color .3s linear;
    transition: background-color .3s linear;
    letter-spacing: 0.1em;
    text-align: center;
    border-bottom: solid 2px #111;
  }
  #global-nav li:first-child, #global-nav02 li:first-child {
    border-bottom: none;
  }
  .global-head {
    width: 100%;
    padding: 5px;
    background: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    background: #111;
  }
  .global_box {
    /*display: none;*/
    position: fixed;
    right: -380px;
    top: 0;
    height: 100%;
    width: 380px;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    overflow-y: auto;
  }
  #global-nav {
    padding: 35px;
    width: 100%;
  }
  .bt_box, .bt_box_banquet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-bottom: 20px;
  }
  .bt_box li {
    width: 29%;
  }
  .bt_box_banquet {
    margin-top: 10px;
  }
  .bt_box li a, .bt_box_banquet li a {
    display: block;
    background: #111;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    text-align: center;
    font-size: 11px;
  }
  .bt_box li:nth-child(even), .bt_box_banquet li:nth-child(even) {
    margin: 0 1%;
  }
  .social-icon, .social-icon_banquet {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 10px;
    padding-bottom: 20px;
  }
  .social-icon li, .social-icon_banquet li {
    margin-left: 15px;
    width: 15%;
  }
  #nav-toggle {
    display: block;
  }
  .global_area {
    overflow: scroll;
  }
  /* nav open */
  .open {
    overflow: hidden;
  }
  .open .global_box {
    -webkit-transform: translate3d(-380px, 0, 0);
    transform: translate3d(-380px, 0, 0);
    width: 100%;
  }
  /* #nav-toggle close */
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #111;
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
    background: #111;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    background: #111;
  }
  .global_box {
    z-index: 10000;
  }
  #nav-toggle {
    z-index: 10100;
  }
}

@media (max-width: 769px) {
  .pc_only {
    display: none;
  }
  .header {
    position: relative;
    min-height: 60px;
  }
  .header_logo {
    padding-top: 10px;
    text-align: center;
    margin: 0 auto;
  }
  .header_logo img {
    width: 40%;
  }
}

/*   top slider */
.main_copy {
  position: absolute;
  right: 6%;
  bottom: 15%;
  width: 21.5%;
  z-index: 1000;
}

@media screen and (max-width: 768px) {
  .main_copy {
    width: 45%;
    right: 5%;
    bottom: 7%;
  }
}

@media (min-width: 768px) {
  /*===PCのフッター==========================*/
  .top_insta_area ul li {
    display: inline;
    padding-right: 20px;
  }
  .top_insta_area ul li a, .top_fb_area ul li a {
    color: #c79f62;
  }
  .flex_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .footer_guide_wrapper ul li a, .footer_bottom_wrapper a {
    font-size: 13px;
  }
  .footer_guide_wrapper, .footer_bottom_wrapper {
    border-top: solid 1px  #444;
  }
}

.top_insta_area {
  padding-left: 50px;
  line-height: 40px;
  background: url(images/insta.svg) no-repeat;
  background-position: left bottom;
}

@media screen and (max-width: 768px) {
  .top_insta_area {
    margin: 0 4% 5%;
    padding-left: 50px;
    line-height: 20px;
  }
}

.top_fb_area {
  padding-left: 50px;
  line-height: 40px;
  background: url(images/fb.svg) no-repeat;
  background-position: left bottom;
}

@media screen and (max-width: 768px) {
  .top_fb_area {
    margin: 0 4%;
    padding-left: 50px;
    line-height: 40px;
  }
}

@media screen and (max-width: 768px) {
  .footer_txt_link {
    padding-bottom: 0 !important;
  }
}

@media screen and (max-width: 768px) {
  .footer_txt_link h3 {
    border-top: solid 1px #ddd;
    background: #f5f5f5;
    padding: 2% 3%;
  }
}

@media screen and (max-width: 768px) {
  .footer_txt_link ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    border-top: solid 1px #ddd;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

@media screen and (max-width: 768px) {
  .footer_txt_link li {
    text-align: left;
    border-bottom: solid 1px #ddd;
    font-size: 11px;
    width: 50%;
  }
}

@media screen and (max-width: 768px) {
  .footer_txt_link li:nth-child(even) {
    border-left: solid 1px #ddd;
  }
}

@media screen and (max-width: 768px) {
  .footer_txt_link li a {
    padding: 4% 5%;
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .footer_txt_link a:hover {
    background: #444;
  }
}

.footer_txt_link_bottom li {
  display: inline;
  padding-right: 15px;
}

@media screen and (max-width: 768px) {
  .footer_txt_link_bottom li {
    padding: 2% 1.5%;
    display: block;
    border-bottom: solid 1px  #ddd;
    text-align: center;
    font-size: 11px;
  }
}

@media screen and (max-width: 768px) {
  .footer_bottom_wrapper {
    border-top: solid 1px  #ddd;
    padding-bottom: 10px;
  }
}

small {
  display: block;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  small {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 9px;
    line-height: 1.4em;
  }
}

@media screen and (max-width: 960px) {
  .gmap_area {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 20px;
    height: 0;
    overflow: hidden;
    margin: 0 auto 30px auto;
    text-align: center;
  }
}

.gmap_area iframe, .gmap_area object, .gmap_area embed {
  width: 100%;
}

@media screen and (max-width: 960px) {
  .gmap_area iframe, .gmap_area object, .gmap_area embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.gmap_area iframe {
  filter: grayscale(30%);
  -webkit-filter: grayscale(30%);
}

/*===トップへ戻る=======================*/
#page-top {
  position: fixed;
  bottom: 10px;
  right: 0px;
  z-index: 1000;
}

@media screen and (max-width: 768px) {
  #page-top {
    position: static;
    border-top: solid 1px #666;
    text-align: center;
    background: #222222;
  }
}

#page-top a {
  text-decoration: none;
  width: 100px;
  padding: 25px 0;
  text-align: center;
  display: block;
}

@media screen and (max-width: 768px) {
  #page-top a {
    width: 100%;
    position: none;
    padding: 10px 10px;
    color: #fff;
  }
}

#page-top a:hover {
  text-decoration: none;
}

/*===footerIE11バグ用=======================*/
@media all and (-ms-high-contrast: none) {
  .footer_logo {
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (max-width: 768px) {
  /* ****スマホ用フッター************************************************ */
  .title_center {
    font-size: 22px;
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.2em;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
  }
  /* ****スマホ用googlemap********************************* */
  .footer_gmap_area {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 20px;
  }
  .footer_gmap_area iframe, .footer_gmap_area object, .footer_gmap_area embed, .footer_gmap_area iframe, .footer_gmap_area object, .footer_gmap_area embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/*===top news=======================*/
.top_post_box {
  padding: 5px 0;
}

@media screen and (min-width: 769px) {
  .top_post_box {
    padding: 10px 0;
    border-bottom: solid 1px #666;
  }
}

@media screen and (max-width: 768px) {
  /*===top news=======================*/
  .top_news_area {
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .top_news_area dl {
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/* topflexbox--------------------------------------------------*/
.top_plan_flex_wrap, .top_fair_flex_wrap, .top_point_flex_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .top_point_flex_wrap {
    display: block;
  }
}

/* top　plan--------------------------------------------------*/
@media screen and (min-width: 769px) {
  .top_plan_area {
    border-left: solid 1px #666;
    padding-left: 3.5%;
  }
}

.top_plan_flex_box {
  width: 48.0%;
  margin: 0 0 1.5% 0;
  display: block;
}

.top_plan_flex_box:nth-child(2n) {
  margin: 0 0 0 2.0%;
}

@media screen and (max-width: 768px) {
  .top_plan_flex_box:nth-child(2n) {
    margin: 0 0 0 3.5%;
  }
}

/* top　fair area--------------------------------------------------*/
.top_fair_flex_box {
  width: 22.9%;
  margin: 0 1.0% 3% 1.0%;
  text-align: center;
  border: solid 1px #ddd;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 10px 10px;
}

@media screen and (max-width: 768px) {
  .top_fair_flex_box {
    width: 43.5%;
    margin-bottom: 3%;
    margin-left: 4.5%;
  }
}

.top_fair_flex_box a img {
  width: 100%;
  display: block;
  margin-bottom: 1em;
}

.top_fair_flex_box a .top_flex_txt_area {
  min-height: 150px;
}

@media screen and (max-width: 768px) {
  .top_fair_flex_box a .top_flex_txt_area {
    min-height: auto;
  }
}

.top_fair_flex_box a .top_flex_txt_area h3,
.top_fair_flex_box a .top_flex_txt_area h4 {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .top_fair_flex_box a .top_flex_txt_area h3,
  .top_fair_flex_box a .top_flex_txt_area h4 {
    font-size: 12px;
  }
}

.top_fair_flex_box a .top_flex_txt_area h4 {
  margin-bottom: 1em;
}

@media screen and (max-width: 768px) {
  .top_fair_flex_box a .top_flex_txt_area h4 {
    margin-bottom: 0.5em;
  }
}

@media screen and (max-width: 768px) {
  .top_fair_flex_box:nth-child(even) {
    margin-left: 2.5%;
  }
}

.top_message_wrapper {
  width: 100%;
  padding: 12% 0 5% 0;
  min-height: 850px;
  background: url(images/top/top_message_bg.jpg) top center/cover no-repeat;
  background-size: 100% auto;
  /*この場合は高さが自動設定*/
}

@media screen and (max-width: 768px) {
  .top_message_wrapper {
    background: url(images/top/top_message_bg-sp.jpg) top center/contain no-repeat;
    min-height: auto;
    background-size: 100% auto;
    /*この場合は高さが自動設定*/
    padding: 5% 5%;
  }
}

@media screen and (max-width: 768px) {
  .top_message_wrapper .top_message_area {
    padding: 5% 1%;
  }
}

.top_message_wrapper .top_message_area p {
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.5);
}

.top_fair_calendar {
  width: 100%;
  height: 1000px;
  display: block;
}

@media screen and (min-width: 768px) {
  .top_fair_calendar {
    height: 530px;
  }
}

/* top　point area--------------------------------------------------*/
.top_point_flex_box {
  width: 30.5%;
  margin: 0 1.4% 3% 1.4%;
  text-align: center;
  border: solid 1px #ccc;
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  position: relative;
}

@media screen and (max-width: 768px) {
  .top_point_flex_box {
    width: 74%;
    margin: 0 auto 6% auto;
  }
}

.top_point_txt_area {
  background: #f29f8b;
  padding: 15px 10px;
}

.top_point_icon {
  position: absolute;
  top: -20px;
  left: -10px;
  width: 25%;
}

/* 下層ページヘッダー--------------------------------------------------*/
.under_header {
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  left: 0;
  right: 0;
  z-index: 9999;
}

.nav_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.nav_flex li a {
  padding: 12px 0;
  display: block;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .nav_flex li a {
    padding: 5px 0;
    font-size: 13px;
  }
}

.nav_flex li a:hover {
  opacity: 1;
  background: #c79f62;
  color: #fff;
  -webkit-transition: 0.7s;
  transition: 0.7s;
}

.nav_flex > * {
  min-width: 30%;
  text-align: center;
}

.under_header_report {
  width: 100%;
  min-height: 500px;
  background: url(images/report/report_top02.jpg) top center/cover no-repeat;
  background-size: 100% auto;
  /*この場合は高さが自動設定*/
  position: relative;
}

@media screen and (max-width: 768px) {
  .under_header_report {
    background: url(images/report/report_top02.jpg) top center/contain no-repeat;
    min-height: auto;
    background-size: 100% auto;
    /*この場合は高さが自動設定*/
    padding: 15% 0 15% 0;
  }
}

.under_header_fair {
  width: 100%;
  min-height: 500px;
  background: url(images/fair/fair_top.jpg) top center/cover no-repeat;
  background-size: 100% auto;
  /*この場合は高さが自動設定*/
  position: relative;
}

@media screen and (max-width: 768px) {
  .under_header_fair {
    background: url(images/fair/fair_top.jpg) top center/contain no-repeat;
    min-height: auto;
    background-size: 100% auto;
    /*この場合は高さが自動設定*/
    padding: 15% 0 15% 0;
  }
}

.under_header_plan {
  width: 100%;
  min-height: 500px;
  background: url(images/plan/plan_top.jpg) top center/cover no-repeat;
  background-size: 100% auto;
  /*この場合は高さが自動設定*/
  position: relative;
}

@media screen and (max-width: 768px) {
  .under_header_plan {
    background: url(images/plan/plan_top.jpg) top center/contain no-repeat;
    min-height: auto;
    background-size: 100% auto;
    /*この場合は高さが自動設定*/
    padding: 15% 0 15% 0;
  }
}

.under_header_stage {
  width: 100%;
  min-height: 500px;
  background: url(images/stage/stage_top.jpg) top center/cover no-repeat;
  background-size: 100% auto;
  /*この場合は高さが自動設定*/
  position: relative;
}

@media screen and (max-width: 768px) {
  .under_header_stage {
    background: url(images/stage/stage_top.jpg) top center/contain no-repeat;
    min-height: auto;
    background-size: 100% auto;
    /*この場合は高さが自動設定*/
    padding: 15% 0 15% 0;
  }
}

.under_header_cuisine {
  width: 100%;
  min-height: 500px;
  background: url(images/cuisine/cuisine_top.jpg) top center/cover no-repeat;
  background-size: 100% auto;
  /*この場合は高さが自動設定*/
  position: relative;
}

@media screen and (max-width: 768px) {
  .under_header_cuisine {
    background: url(images/cuisine/cuisine_top.jpg) top center/contain no-repeat;
    min-height: auto;
    background-size: 100% auto;
    /*この場合は高さが自動設定*/
    padding: 15% 0 15% 0;
  }
}

.under_header_cake {
  width: 100%;
  min-height: 500px;
  background: url(images/cake/cake_top.jpg) top center/cover no-repeat;
  background-size: 100% auto;
  /*この場合は高さが自動設定*/
  position: relative;
}

@media screen and (max-width: 768px) {
  .under_header_cake {
    background: url(images/cake/cake_top.jpg) top center/contain no-repeat;
    min-height: auto;
    background-size: 100% auto;
    /*この場合は高さが自動設定*/
    padding: 15% 0 15% 0;
  }
}

.under_header_outline {
  width: 100%;
  min-height: 500px;
  background: url(images/outline/outline_top.jpg) top center/cover no-repeat;
  background-size: 100% auto;
  /*この場合は高さが自動設定*/
  position: relative;
}

@media screen and (max-width: 768px) {
  .under_header_outline {
    background: url(images/outline/outline_top.jpg) top center/contain no-repeat;
    min-height: auto;
    background-size: 100% auto;
    /*この場合は高さが自動設定*/
    padding: 15% 0 15% 0;
  }
}

.under_header_recruit {
  width: 100%;
  min-height: 500px;
  background: url(images/recruit/recruit_top.jpg) top center/cover no-repeat;
  background-size: 100% auto;
  /*この場合は高さが自動設定*/
  position: relative;
}

@media screen and (max-width: 768px) {
  .under_header_recruit {
    background: url(images/recruit/recruit_top.jpg) top center/contain no-repeat;
    min-height: auto;
    background-size: 100% auto;
    /*この場合は高さが自動設定*/
    padding: 15% 0 15% 0;
  }
}

.under_header_title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  z-index: 110;
  width: 50%;
}

.under_header_title02 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  z-index: 110;
  width: 25%;
}

@media (min-width: 768px) {
  div[id^="jump"] {
    padding-top: 160px;
    margin-top: -160px;
  }
  .archive_fair_wrapper .archive_fair_area {
    width: 100%;
  }
  .archive_fair_wrapper .archive_fair_area img {
    width: 100%;
    display: block;
  }
  .archive_fair_wrapper .archive_fair_area .span_4 {
    padding: 20px 0;
  }
  .archive_fair_wrapper .archive_fair_area .span_8 {
    padding: 20px;
  }
  .archive_fair_wrapper .fair_icon_wrapper {
    margin-top: 1rem;
  }
  .archive_fair_wrapper .fair_icon_wrapper span {
    display: inline-block;
    padding: 1px 1em;
    margin: 0 0.5rem 10px 0;
    font-weight: bold;
    color: #e56867;
    background: #fff;
    border: 2px solid #e56867;
  }
  .archive_fair_wrapper .fair_icon_wrapper .selected {
    color: #fff;
    border: 2px solid #e56867;
    background: #e56867;
  }
  .archive_fair_wrapper .fair_reserve {
    width: 100%;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    background: #aa94b6;
    margin-bottom: 60px;
  }
  .archive_report_wrapper .archive_report_area .report_col {
    position: relative;
    background: #c49d57;
    padding: 20px;
  }
  .archive_report_wrapper .archive_report_area .report_col img.wp-post-image {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
  .archive_report_wrapper .archive_report_area .report_col h3, .archive_report_wrapper .archive_report_area .report_col p {
    color: #fff;
  }
  .archive_report_wrapper .archive_report_area .report_col .ribbon {
    width: 50px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 8px;
    margin: 0;
    padding: 10px 0 10px;
    z-index: 2;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 13px;
    background: #da4745;
    border-radius: 2px 0 0 0;
  }
  .archive_report_wrapper .archive_report_area .report_col .ribbon::after {
    content: '';
    width: 0;
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 10px solid #da4745;
  }
  .archive_report_wrapper .archive_report_area .report_col:nth-child(4n+1) {
    margin-left: 0;
  }
  .single_report_wrapper .single_report_area img.wp-post-image {
    width: 100%;
    max-width: none;
    display: block;
  }
  .single_report_wrapper .single_report_area .span_4 img {
    width: 100%;
    display: block;
  }
  .single_report_wrapper .single_report_area .span_4:nth-child(3n+1) {
    margin-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .archive_fair_area {
    width: 74%;
    margin: 0 auto;
    text-align: center;
  }
  .fair_icon_wrapper {
    margin-top: 1rem;
  }
  .fair_icon_wrapper span {
    display: inline-block;
    padding: 1px 1em;
    margin: 0 0.5rem 10px 0;
    font-weight: bold;
    color: #e56867;
    background: #fff;
    border: 2px solid #e56867;
  }
  .fair_icon_wrapper .selected {
    color: #fff;
    border: 2px solid #e56867;
    background: #e56867;
  }
  .fair_reserve {
    width: 100%;
    display: inline-block;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    background: #aa94b6;
    margin-bottom: 55px;
  }
  .archive_report_wrapper .archive_report_area {
    margin: 0 7%;
  }
  .archive_report_wrapper .archive_report_area .report_col {
    position: relative;
    background: #c49d57;
    padding: 20px;
  }
  .archive_report_wrapper .archive_report_area .report_col img.wp-post-image {
    width: 100%;
    display: block;
    margin-bottom: 5px;
  }
  .archive_report_wrapper .archive_report_area .report_col h3, .archive_report_wrapper .archive_report_area .report_col p {
    color: #fff;
  }
  .archive_report_wrapper .archive_report_area .report_col .ribbon {
    width: 50px;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 8px;
    margin: 0;
    padding: 10px 0 10px;
    z-index: 2;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 13px;
    background: #da4745;
    border-radius: 2px 0 0 0;
  }
  .archive_report_wrapper .archive_report_area .report_col .ribbon::after {
    content: '';
    width: 0;
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 10px solid #da4745;
  }
  .archive_report_wrapper .archive_report_area .report_col:nth-child(4n+1) {
    margin-left: 0;
  }
}

.top_n_flex_wrapper {
  background: #f9f9f9;
  margin-bottom: 3.5%;
}

.top_n_flex {
  padding-top: 3.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .top_n_flex {
    display: block;
  }
}

.top_n_flex div:nth-of-type(1) {
  width: 55%;
  padding: 0 2.5% 4.5% 0;
}

@media screen and (max-width: 768px) {
  .top_n_flex div:nth-of-type(1) {
    width: 100%;
    padding: 0 4.5% 5.5%;
  }
}

.top_n_flex div:nth-of-type(2) {
  width: 45%;
  padding: 0 2.5% 4.5%;
}

@media screen and (max-width: 768px) {
  .top_n_flex div:nth-of-type(2) {
    width: 100%;
    padding: 0 4.5% 5.5%;
  }
}

.top_wrap {
  position: relative;
  width: 100%;
  height: auto;
}

.top_bbr {
  position: absolute;
  right: -15px;
  bottom: 25px;
  z-index: 1;
}

@media screen and (max-width: 991px) {
  .top_bbr {
    width: 32%;
    right: 10px;
    bottom: 25px;
  }
}

@media screen and (max-width: 768px) {
  .top_bbr {
    width: 32%;
    right: 10px;
    bottom: 20px;
  }
}

.top_bbr a {
  display: block;
}

.top_bnr_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .top_bnr_flex {
    display: block;
  }
}

.top_bnr_flex_box {
  width: 48%;
}

@media screen and (max-width: 768px) {
  .top_bnr_flex_box {
    width: 100%;
  }
}

/* 採用情報*/
.recruit_txt_box {
  float: left;
  width: 48%;
  margin: 0 0 4% 0;
  border: solid 1px #c9a063;
}

.recruit_txt_box:nth-child(even) {
  margin-left: 4%;
}

.recruit_txt_box h3 {
  padding: 3% 8%;
  border-bottom: solid 2px #c9a063;
}

.recruit_txt_box p {
  padding: 6% 8%;
}

@media screen and (max-width: 768px) {
  .recruit_txt_box p {
    font-size: 13px;
  }
}

/*recruit tab*/
.border_top_blue {
  border-top: solid 10px #7ecef4;
}

.border_top_gold {
  border-top: solid 10px #cca57e;
}

/*採用情報タブのスタイル*/
.recruit_tab_item {
  width: calc(100%/2);
  padding: 20px 10px;
  font-size: 22px;
  letter-spacing: 0.1;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@media screen and (max-width: 768px) {
  .recruit_tab_item {
    padding: 10px 10px;
    font-size: 15px;
  }
}

.recruit_tab_item:hover {
  opacity: 0.9;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.recruit_tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.recruit_tabs input:checked + .recruit_tab_item {
  color: #fff;
}

/*resruittable*/
.recruit_table {
  width: 80%;
  margin: 30px auto 60px;
  border-collapse: collapse;
  border-spacing: 0;
}

.recruit_table th, .recruit_table td {
  padding: 15px 30px;
}

.recruit_table th {
  width: 28%;
  border-right: 2px solid #ddd;
  text-align: justify;
  text-justify: inter-ideograph;
}

@media (max-width: 768px) {
  /* スマホ用採用ページ------------------------------------------------*/
  .recruit_table {
    width: 90%;
    margin: 30px auto 40px;
  }
  .recruit_table th, .recruit_table td {
    padding: 5px 5px;
  }
  .recruit_table th {
    vertical-align: middle;
    text-align: left;
    width: 23%;
    overflow: visible;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .recruit_table td {
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
  }
}

/*レストランウェディングタブのスタイル*/
.rest_point_area {
  margin-bottom: 6%;
}

.rest_point_area li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  margin-bottom: 3%;
}

@media screen and (max-width: 768px) {
  .rest_point_area li {
    display: block;
  }
}

.rest_point_area li:nth-child(odd) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.rest_point_area li .rest_point_area_img01 {
  margin: 0 4% 2% 0;
  position: relative;
}

@media screen and (max-width: 768px) {
  .rest_point_area li .rest_point_area_img01 {
    margin: 0 0 2% 0;
  }
}

.rest_point_area_img01:after {
  background-color: #f7d3d1;
  position: absolute;
  top: 30px;
  left: 30px;
  content: "";
  height: 100%;
  width: 100%;
  z-index: -999;
}

.rest_point_area li .rest_point_area_img02 {
  margin: 0 0 2% 4%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .rest_point_area li .rest_point_area_img02 {
    margin: 0 0 2% 0;
  }
}

.rest_point_area_img02:after {
  background-color: #ede2d1;
  position: absolute;
  top: 30px;
  right: 30px;
  content: "";
  height: 100%;
  width: 100%;
  z-index: -999;
}

.rest_point_area li h3 {
  background: url(images/restaurant/rest-point.png) left top no-repeat;
  padding: 20px 0 20px 75px;
  font-size: 1.3rem;
  font-weight: normal;
  font-weight: bold;
  min-height: 80px;
  border-bottom: solid 2px #050505;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .rest_point_area li h3 {
    font-size: 15px;
  }
}

.rest_point_area li p {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .rest_point_area li p {
    font-size: 14px;
    padding-bottom: 10px;
  }
}

.restaurant_tab_item {
  width: 21%;
  display: block;
  float: left;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 0 0.2% 4% 0;
}

@media screen and (max-width: 768px) {
  .restaurant_tab_item {
    width: 30%;
  }
}

.tabsss .restaurant_tab_item:first-of-type {
  margin-left: 29%;
}

@media screen and (max-width: 768px) {
  .tabsss .restaurant_tab_item:first-of-type {
    margin-left: 5.0%;
  }
}

.restaurant_tab_item:hover {
  opacity: 0.9;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.restaurant_tab_content {
  visibility: hidden;
  height: 0;
  /*
		display: none;
		*/
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#east:checked ~ #east_content,
#hyakuhori:checked ~ #hyakuhori_content,
#luna:checked ~ #luna_content {
  visibility: visible;
  height: auto;
  display: block;
}

.rest_title_wrapper {
  border-top: solid 1px #c39b62;
  margin-top: -12px;
  padding-top: 80px;
}

/*ステージタブのスタイル*/
.stage_tab_item {
  width: 8%;
  display: block;
  float: left;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 0 0.2% 4% 0;
}

@media screen and (max-width: 768px) {
  .stage_tab_item {
    width: 11.5%;
  }
}

.tabsss .stage_tab_item:first-of-type {
  margin-left: 19%;
}

@media screen and (max-width: 768px) {
  .tabsss .stage_tab_item:first-of-type {
    margin-left: 4.0%;
  }
}

.stage_tab_item:hover {
  opacity: 0.9;
}

/*選択されているタブのコンテンツのみを表示*/
#stage01:checked ~ #stage01_content,
#stage02:checked ~ #stage02_content,
#stage03:checked ~ #stage03_content,
#stage04:checked ~ #stage04_content,
#stage05:checked ~ #stage05_content,
#stage06:checked ~ #stage06_content,
#stage07:checked ~ #stage07_content,
#stage08:checked ~ #stage08_content {
  visibility: visible;
  height: auto;
  display: block;
}

.rest_title_wrapper {
  border-top: solid 1px #c39b62;
  margin-top: -12px;
  padding-top: 80px;
}

.rest_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.rest_box {
  background: #e8e4e1;
}

@media screen and (max-width: 768px) {
  .rest_box {
    padding: 3% 5%;
  }
}

/* プランページ--------------------------------------------------*/
.plan_return_bt {
  position: relative;
  line-height: 1.0em;
  padding-left: 20px;
  padding-bottom: 2%;
}

@media screen and (max-width: 768px) {
  .plan_return_bt {
    padding-bottom: 1%;
    font-size: 12px;
  }
}

.plan_return_bt:before {
  position: absolute;
  left: 0;
  content: "";
  display: inline-block;
  width: 14px;
  height: 16px;
  background: url(images/plan/return_bt.png) center center no-repeat;
  background-size: contain;
}

@media screen and (max-width: 768px) {
  .plan_return_bt:before {
    width: 11px;
    height: 13px;
  }
}

.plan_blue {
  background: #d5dfec;
}

.plan_pink {
  background: #e4d3db;
}

.plan_yellow {
  background: #f1f0e1;
}

.plan_green {
  background: #d7e6d8;
}

.plan_green02 {
  background: #bfdabe;
}

.flex_plan {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex_plan a {
  width: 33.3%;
}

@media screen and (max-width: 768px) {
  .flex_plan a {
    width: 48%;
    margin: 0 1% 2% 1%;
  }
}

.plan_box {
  padding: 35px 50px;
  display: block;
  position: relative;
}

@media screen and (max-width: 768px) {
  .plan_box {
    padding: 15px 15px;
  }
}

@media screen and (max-width: 768px) {
  .plan_area_s {
    padding: 0 7%;
  }
}

@media screen and (max-width: 768px) {
  .plan_area_s h3 {
    border-bottom: solid 1px #222;
    padding-bottom: 2px;
    margin-bottom: 12px;
    font-size: 22px;
  }
}

.plan_box h4 {
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .plan_box h4 {
    font-size: 13px;
  }
}

@media screen and (max-width: 768px) {
  .plan_box p {
    font-size: 12px;
    text-align: left;
  }
}

.plan_bt {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .plan_bt {
    width: 15%;
  }
}

.plan_table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto 60px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .plan_table {
    margin: 0 auto 30px;
  }
}

.plan_table02 {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto 60px;
  border-top: 1px solid #ddd;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .plan_table02 {
    margin: 0 auto 30px;
  }
}

.plan_table th, .plan_table td, .plan_table02 th, .plan_table02 td {
  padding: 15px 30px;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .plan_table th, .plan_table td, .plan_table02 th, .plan_table02 td {
    padding: 10px 10px;
    font-size: 12px;
  }
}

.plan_table th {
  vertical-align: middle;
  text-align: left;
  width: 25%;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #c9caca;
  font-weight: normal;
}

.plan_table02 th {
  vertical-align: middle;
  text-align: left;
  width: 25%;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  font-weight: normal;
}

.plan_table td, .plan_table02 td {
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}

.plan_table_box {
  border-bottom: solid 1px #ddd;
  padding: 15px 10px;
}

.plan_table_box_no_border {
  padding: 15px 10px;
}

/* 料理ページ--------------------------------------------------*/
.cuisine_wrappper {
  width: 100%;
  padding: 5% 0 5% 0;
  min-height: 760px;
  background: url(images/cuisine/cuisine_bg.jpg) top center/cover no-repeat;
  background-size: 100% 100%;
  /*この場合は高さが自動設定*/
}

@media screen and (max-width: 768px) {
  .cuisine_wrappper {
    min-height: auto;
    background-size: auto;
    /*この場合は高さが自動設定*/
    padding: 5% 0 20% 0;
  }
}

@media (max-width: 768px) {
  /* ========	SPトップのメインコンテンツ=================== */
  .movie {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
  }
  .movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    margin-bottom: 20px;
  }
}

/* サンクラブページ--------------------------------------------------*/
.sunclub_area {
  border-bottom: 1px solid #ccc;
  padding: 3% 0 3% 0;
}

@media screen and (max-width: 768px) {
  .sunclub_area {
    margin: 0 4%;
  }
}

@media screen and (max-width: 768px) {
  .sunclub_area .f_right {
    margin: 0 10%;
  }
}

.sunclub_area_no_border {
  padding: 3% 0 3% 0;
}

@media screen and (max-width: 768px) {
  .sunclub_area_no_border {
    margin: 0 4%;
  }
}

.sunclub_area ul li {
  padding-bottom: 10px;
  list-style: disc outside;
}

.flex_sunclub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex_sunclub p {
  padding: 0 1%;
}

/* sitemap ----------------------------------------------------------*/
.sitemap_area {
  border: solid 1px #eee;
  background: #fdfdfd;
  border-radius: 4px;
  padding: 25px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .sitemap_area {
    margin-left: 4%;
    margin-right: 4%;
  }
}

.sitemap_area h3 a, .sitemap_area h4 a, .sitemap_area h5 a {
  display: block;
}

.sitemap_area h4 a {
  font-size: 17px;
}

@media screen and (max-width: 768px) {
  .sitemap_area h4 a {
    font-size: 14px;
  }
}

.sitemap_area h5 a {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .sitemap_area h5 a {
    font-size: 13px;
  }
}

.sitemap_area h3 {
  border-bottom: solid 1px #ddd;
  padding: 0 0 5px 7px;
  margin-bottom: 15px;
}

.sitemap_area h4 {
  border: solid 1px #eee;
  background: #fff;
  border-radius: 2px;
  padding: 10px 15px;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .sitemap_area h4 {
    padding: 7px 15px;
  }
}

.sitemap_area h5 {
  border-bottom: solid 1px #eee;
  padding: 0 0 7px 25px;
  margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
  .sitemap_area h5 {
    padding: 0 0 7px 20px;
  }
}

.sitemap_area ul {
  padding: 0 0 20px 0;
}

.sitemap_area ul li {
  padding: 0 0 5px 30px;
}

@media screen and (max-width: 768px) {
  .sitemap_area ul li {
    padding: 0 0 5px 25px;
    font-size: 13px;
  }
}

/* PC用会社概要ページ--------------------------------------------------*/
.outline_rinen_wrappper {
  width: 100%;
  padding: 5% 0 5% 0;
  min-height: 830px;
  background: url(images/outline/outline_bg.jpg) top center/cover no-repeat;
  background-size: 100% 100%;
  /*この場合は高さが自動設定*/
}

@media screen and (max-width: 768px) {
  .outline_rinen_wrappper {
    min-height: auto;
    background-size: auto;
    /*この場合は高さが自動設定*/
    padding: 5% 0 30% 0;
  }
}

.outline_rinen_area {
  background: rgba(255, 255, 255, 0.9);
  border: solid 1px #b28146;
  outline: solid 1px #fff;
  padding: 10px;
}

@media screen and (max-width: 768px) {
  .sp_outline_rinen_area {
    margin: 0 5%;
  }
}

@media screen and (max-width: 768px) {
  .outline_dl {
    text-align: left !important;
  }
}

@media screen and (max-width: 768px) {
  .outline_dl dt {
    border-bottom: solid 1px #ddd;
    padding-bottom: 2px;
    margin-bottom: 2px;
  }
}

.outline_dl dd {
  padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .outline_dl dd {
    padding-bottom: 15px;
  }
}

@media screen and (max-width: 768px) {
  .outline_dl p {
    padding-bottom: 10px;
    font-size: 12px;
  }
}

.outline_rinen_box {
  padding: 4% 4%;
}

.company_table {
  width: 97%;
  margin: 30px auto 80px;
}

.company_table th, .company_table td {
  padding: 15px;
}

.company_table th {
  vertical-align: middle;
  text-align: left;
  width: 30%;
  overflow: visible;
  position: relative;
  border-bottom: 1px solid #ddd;
}

.company_table td {
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
}

@media (max-width: 768px) {
  /* スマホ用会社概要ページ------------------------------------------------*/
  .company_table {
    width: 90%;
    margin: 30px auto 40px;
  }
  .company_table th, .company_table td {
    padding: 5px 5px;
  }
  .company_table th {
    vertical-align: middle;
    text-align: left;
    width: 23%;
    overflow: visible;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .company_table td {
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
  }
}

/* *******パソコン用お問い合わせ ******************* */
select {
  -moz-appearance: menulist;
  -webkit-appearance: menulist;
}

select::-ms-expand {
  display: block;
}

.policy_area {
  margin-top: 20px;
  padding: 20px 30px;
  margin-bottom: 10px;
  background: #f5f5f5;
  border-radius: 6px;
}

.policy_title {
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 20px;
  letter-spacing: 0.2em;
  font-size: 16px;
  border-bottom: solid 1px #ccc;
  padding-right: 20px;
  padding-left: 20px;
}

.soushinblock {
  text-align: center;
  padding: 40px 0px 20px;
  margin-bottom: 25px;
}

.soushinblock input[type="submit"], .soushinblock input[type="button"] {
  padding: 10px 80px;
  margin: 0px auto;
  background: #7B673F;
  text-align: center;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 15px 80px;
  text-decoration: none;
  border: 1px solid #fff;
  cursor: pointer;
  font-weight: bold;
}

.soushinblock input[type="submit"]:hover, .soushinblock input[type="button"]:hover {
  background: #564527;
  text-decoration: none;
}

.cllblock.img_center {
  width: 50%;
}

.soushinblock.img_center {
  width: 240px;
}

.soushinblock #confirmation {
  padding: 10px 80px;
  margin: 0px auto;
  background: #041B44;
  border-radius: 3px;
  font-family: Arial;
  color: #ffffff;
  font-size: 14px;
  padding: 15px 80px;
  text-decoration: none;
  border: 1px solid #fff;
  cursor: pointer;
  font-weight: bold;
}

.soushinblock #confirmation:hover {
  background: #9DD1CF;
  text-decoration: none;
}

span.required {
  font-size: 13px;
  font-weight: normal;
  color: #d40000;
}

.contact_block_right input[type="tel"], .contact_block_right input[type="email"], .contact_block_right input[type="text"], .contact_block_right textarea {
  padding: 6px;
  border: 1px solid #cccccc;
  margin-bottom: 3px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  line-height: 26px;
}

.contact_block_right input[type="tel"], .contact_block_right input[type="email"], .contact_block_right input[type="text"] {
  width: 65%;
}

.age input[type="text"] {
  width: 5% !important;
  margin-right: 8px;
}

.txt_small {
  width: 14% !important;
  margin-right: 8px;
}

.contact_block_right input[type="text"] {
  width: 65%;
}

#zip2 {
  width: 20%;
}

.contact_block_right textarea {
  background: #FFF;
  width: 90%;
}

dl#contact_block {
  border-bottom: 1px solid #dcdcdc;
  padding: 0px 0px 0px 0px;
}

dl#contact_block:last-child {
  border: none;
}

.page_contactform {
  padding: 5px;
  width: 90%;
  margin: 0 auto;
}

dl#contact_block .contact_block_right {
  width: 73%;
  float: right;
  padding: 15px 10px 10px 10px;
  line-height: 110%;
}

dl#contact_block .contact_block_left {
  padding: 15px 10px 10px 30px;
  vertical-align: top;
  text-align: left;
  width: 22%;
  float: left;
}

/* チェックボックス */
.wpcf7-list-item {
  display: block;
  text-align: left;
  margin-bottom: 10px;
}

.checkbox_box {
  background: #fff;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 8px 0px;
  margin: 10px 0px;
}

input[type="radio"], input[type="checkbox"] {
  border: 1px solid #e2e2e2;
  vertical-align: -8px;
  -webkit-appearance: none;
  position: relative;
  margin-right: 5px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  width: 26px;
  height: 26px;
  background: #e2e2e2;
  margin-bottom: 5px !important;
}

input[type="radio"]:checked, input[type="checkbox"]:checked {
  /*Other Browser*/
  background: #d60000;
  border: 1px solid #e2e2e2;
}

input[type="radio"]:checked:before, input[type="checkbox"]:checked:before {
  position: absolute;
  left: 1px;
  top: 16px;
  display: block;
  content: "";
  width: 10px;
  height: 4px;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  -webkit-transform-origin: right center;
}

input[type="radio"]:checked:after, input[type="checkbox"]:checked:after {
  display: block;
  position: absolute;
  left: 9px;
  top: 16px;
  content: "";
  width: 16px;
  height: 4px;
  background: #ffffff;
  -webkit-transform: rotate(-53deg);
  -webkit-transform-origin: left center;
}

select {
  background: #fff;
  border: 1px solid #cccccc;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: left;
  text-indent: 5px;
  vertical-align: middle;
  margin: 0px 8px;
  padding: 0 15px;
}

.wpcf7c-elm-step2 {
  text-align: center;
  color: #C40000;
  padding-bottom: 50px;
}

@media (max-width: 768px) {
  /* ***スマホ用お問い合わせ *	*********************************************** */
  .under_area {
    padding-left: 5%;
    padding-right: 5%;
  }
  .contact_txt_area p {
    font-size: 14px;
    letter-spacing: 0.1em;
  }
  .policy_area {
    border: solid 1px #ddd;
    padding: 20px;
    background: #fff;
    border-radius: 3px;
    font-size: 12px;
    line-height: 1.4em;
  }
  .policy_title {
    text-align: center;
    border-bottom: solid 1px #ddd;
    padding-bottom: 5px;
    margin-bottom: 10px;
    font-size: 14px;
  }
  .soushinblock {
    text-align: center;
    padding: 40px 15px 20px;
  }
  .wpcf7c-elm-step2 {
    padding: 20px 15px;
  }
  .soushinblock input[type="submit"] {
    padding: 10px 80px;
    margin: 0px auto;
    background: #7B673F;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#7B673F), to(#7B673F));
    background-image: linear-gradient(to bottom, #7B673F, #7B673F);
    border-radius: 3px;
    color: #ffffff;
    font-size: 14px;
    padding: 15px 80px;
    text-decoration: none;
    cursor: pointer;
    font-weight: bold;
  }
  .soushinblock input[type="submit"]:hover {
    background: #51432B;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#51432B), to(#51432B));
    background-image: linear-gradient(to bottom, #51432B, #51432B);
    text-decoration: none;
  }
  span.required {
    font-size: 10px;
    font-weight: normal;
    color: #D40000;
  }
  .contact_block_right input[type="tel"], .contact_block_right input[type="email"], .contact_block_right input[type="text"],
  .contact_block_right textarea {
    padding: 6px;
    border: 1px solid #cccccc;
    margin-bottom: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
  }
  .contact_block_right input[type="tel"], .contact_block_right input[type="email"], .contact_block_right input[type="text"] {
    width: 98%;
  }
  .age input[type="text"] {
    width: 5% !important;
    margin-right: 8px;
  }
  .contact_block_right input[type="text"] {
    width: 98%;
  }
  .contact_block_right textarea {
    width: 98%;
    background: #FFF;
  }
  dl#contact_block {
    border-bottom: 1px dotted #aaa;
    padding: 0px 0px 0px 0px;
  }
  dl#contact_block:last-child {
    border: none;
  }
  .page_contactform {
    padding: 5px;
    width: 96%;
    margin: 0 auto;
  }
  dl#contact_block .contact_block_right {
    padding: 5px 7px 5px 10px;
    line-height: 110%;
    width: 67%;
  }
  dl#contact_block .contact_block_left {
    padding: 5px 7px 2px;
    vertical-align: top;
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    width: 32%;
  }
  /* チェックボックス */
  .wpcf7-list-item {
    display: block;
    text-align: left;
    margin-bottom: 10px;
  }
  .checkbox_box {
    background: #fff;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 8px 0px;
    margin: 10px 0px;
  }
  input[type="radio"], input[type="checkbox"] {
    border: 1px solid #e2e2e2;
    vertical-align: -8px;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    width: 26px;
    height: 26px;
    background: #e2e2e2;
  }
  input[type="radio"]:checked, input[type="checkbox"]:checked {
    /*Other Browser*/
    background: #FF8000;
    border: 1px solid #e2e2e2;
  }
  input[type="radio"]:checked:before, input[type="checkbox"]:checked:before {
    position: absolute;
    left: 1px;
    top: 16px;
    display: block;
    content: "";
    width: 10px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
  }
  input[type="radio"]:checked:after, input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 9px;
    top: 16px;
    content: "";
    width: 16px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
  }
  .wpcf7-select {
    height: 27px;
  }
  select {
    background: #fff;
    border: 1px solid #cccccc;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-size: 14px;
    height: 15px;
    line-height: 30px;
    text-align: left;
    text-indent: 5px;
    vertical-align: middle;
    margin: 0px 0px;
  }
}

/*　ここから753*/
/* topflexbox--------------------------------------------------*/
.flex_753_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: stretch;
      -ms-flex-pack: stretch;
          justify-content: stretch;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* top　fair area--------------------------------------------------*/
.flex_753_box {
  width: 30.9%;
  margin: 0 1.0% 2.5% 1.0%;
  text-align: center;
  padding: 20px 35px;
}

@media screen and (max-width: 768px) {
  .flex_753_box {
    width: 43.5%;
    margin-bottom: 3%;
    margin-left: 4.5%;
    padding: 20px 20px;
  }
}

.flex_753_box a h3 {
  min-height: 85px;
  line-height: 1.4;
}

@media screen and (max-width: 768px) {
  .flex_753_box a h3 {
    min-height: auto;
    line-height: 1.6;
  }
}

.flex_753_box a img {
  width: 80%;
  display: block;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .flex_753_box a img {
    width: 90%;
  }
}

.title_753 {
  background: url(images/753/title_bg01.jpg) left center no-repeat, url(images/753/title_bg02.jpg) right center no-repeat;
}

@media screen and (max-width: 768px) {
  .title_753 {
    background: none,none;
  }
}

.bg_753_01 {
  background: url(images/753/bg_01.jpg) top left repeat;
}

.bg_753_01 h1 img {
  vertical-align: top;
}

.bg_753_02 {
  background: url(images/753/bg_02.jpg) top left repeat;
}

.bg_753_03 {
  background: url(images/753/bg_03.jpg) top left repeat;
}

.table_753 {
  width: 100%;
  margin: 0 auto;
  border-top: 1px solid #595757;
  border-right: 1px solid #595757;
  border-left: 1px solid #595757;
  background: #fff;
  border-collapse: collapse;
  border-spacing: 0;
}

@media screen and (max-width: 768px) {
  .table_753 {
    width: 94%;
    margin: 0 3%;
  }
}

.table_w_18 {
  width: 18%;
}

.table_753 th, .table_753 td {
  padding: 10px 15px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .table_753 th, .table_753 td {
    font-size: 10px;
    padding: 7px 3px;
  }
}

.table_753 th {
  vertical-align: middle;
  border-bottom: 1px solid #595757;
  border-right: 1px solid #595757;
}

.table_753 td {
  vertical-align: middle;
  border-bottom: 1px solid #595757;
  border-right: 1px solid #595757;
}

.price_753 {
  border-bottom: dotted 1px #111;
  padding-bottom: 5px;
  margin-bottom: 7px;
}

.price_753 dt {
  float: left;
  width: 30%;
}

@media screen and (max-width: 768px) {
  .price_753 dt {
    float: none;
    width: 100%;
  }
}

.price_753 dd {
  float: none;
  width: 100%;
  text-align: left;
}

.area_753_border {
  background: #fff;
  padding: 3% 5%;
  border: solid 3px #b28146;
}

@media screen and (max-width: 768px) {
  .sp_ml {
    margin-left: 5%;
    margin-right: 5%;
  }
}

/*　ここから宴会追加*/
.enkai_btn_wrap02 {
  margin: 0 auto 3%;
}

.enkai02_bt01 img {
  float: left;
  width: 44%;
  margin-left: 4.5%;
  margin-right: 0.5%;
}

.enkai02_bt02 img {
  float: right;
  width: 44%;
  margin-left: 0.5%;
  margin-right: 4.5%;
}

@media (max-width: 768px) {
  .enkai02_bt01 img {
    float: none;
    width: 92%;
    margin-top: -3%;
    margin-left: 4%;
    margin-right: 4%;
    margin-bottom: 6%;
  }
  .enkai02_bt02 img {
    float: none;
    width: 92%;
    margin-left: 4%;
    margin-right: 4%;
    margin-bottom: 6%;
  }
}

/*    おせち    */
.osechi_left {
  float: left;
  padding-bottom: 20px;
}

.osechi_right {
  float: right;
}

.w_34 {
  width: 34%;
}

.w_49 {
  width: 49%;
}

.w_64 {
  width: 64%;
}

.osechi01 {
  float: right;
  width: 56.5%;
}

.osechi02 {
  float: right;
  width: 18%;
}

.osechi03 {
  float: right;
  width: 25.5%;
}

.osechi04 {
  float: right;
  width: 56.5%;
}

.osechi05 {
  float: right;
  width: 20%;
}

.osechi06 {
  float: right;
  width: 23.5%;
}

.osechi_box {
  padding-bottom: 3.5%;
}

.osechi_box h3 {
  padding-bottom: 3%;
}

.osechi_box .summer_txt_box {
  float: right;
  width: 44%;
  padding-top: 0;
}

.osechi_box .summer_img {
  float: left;
  width: 54%;
  display: block;
}

.lh {
  line-height: 1.8;
}

@media (max-width: 768px) {
  .w_30, .w_50, .w_55, .w_49, .w_45, .w_34, .w_64, .w_70, .w_90 {
    width: 96%;
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  .w_34 {
    width: 80%;
    text-align: center;
    margin: 0 auto;
  }
  .f_left {
    float: none;
    padding-bottom: 20px;
  }
  .f_right {
    float: none;
  }
  .sp_small {
    font-size: 12px;
    text-align: left !important;
  }
  .w_49, .w_34, .w_64 {
    width: 96%;
    text-align: center;
    margin: 0 auto;
    display: block;
  }
  .w_34 {
    width: 80%;
    text-align: center;
    margin: 0 auto;
  }
  .w_55 {
    width: 80%;
    text-align: center;
    margin: 0 auto;
  }
  .osechi01 {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .osechi02 {
    float: left;
    width: 40%;
  }
  .osechi03 {
    float: right;
    width: 56%;
  }
  .osechi04 {
    float: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .osechi05 {
    float: left;
    width: 45%;
  }
  .osechi06 {
    float: right;
    width: 52%;
  }
  .osechi_box {
    padding-bottom: 2.5%;
  }
  .osechi_box h3 {
    padding-bottom: 2%;
  }
  .osechi_box .summer_txt_box {
    float: none;
    width: 85%;
    text-align: center;
    margin: 0 auto;
  }
  .osechi_box .summer_img {
    float: none;
    width: 85%;
    text-align: center;
    margin: 0 auto;
  }
}

/*===2018サマープラン=======================*/
.summer_area, .gothic_area {
  font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',
 "segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  letter-spacing: 0.05em;
  line-height: 1.4em;
  color: #000;
  font-size: 15px;
}

.summer_area h2 {
  text-align: center;
  background: #000;
  padding: 10px 0;
  margin-bottom: 55px;
  font-weight: bold;
  font-size: 32px;
  color: #fff;
}

.summer_left, .summer_right, .summer_free, .summer_option {
  padding-bottom: 3.5%;
}

.summer_left h3, .summer_right h3 {
  padding-bottom: 3%;
}

.summer_left .summer_txt_box, .autumn_txt_box {
  float: left;
  width: 43%;
  padding-left: 7%;
}

.summer_left .summer_img {
  float: right;
  width: 48%;
  display: block;
}

.pt_20 {
  padding-top: 20px;
}

.summer_right .summer_txt_box {
  float: right;
  width: 45%;
  padding-top: 0;
}

.summer_txt_box ul li {
  margin-left: 2%;
  list-style-type: disc !important;
}

.summer_right .summer_txt_box ul li {
  padding-bottom: 1.5%;
}

.summer_right .summer_img {
  float: left;
  width: 48%;
  display: block;
}

.summer_left .summer_txt_box dl dt {
  float: left;
  width: 25%;
  padding-top: 1%;
  text-align: justify;
  text-justify: inter-ideograph;
}

.summer_left .summer_txt_box dl dd {
  margin-left: 26.5%;
}

.summer_right .summer_txt_box dl dt {
  float: left;
  width: 22%;
  padding-top: 1%;
  text-align: justify;
  text-justify: inter-ideograph;
}

.summer_left .autumn_txt_box dl dt {
  float: left;
  width: 32%;
  padding-top: 1%;
  text-align: justify;
  text-justify: inter-ideograph;
}

.summer_left .autumn_txt_box dl dd {
  margin-left: 32.5%;
}

.summer_right .summer_txt_box dl dd {
  margin-left: 22.5%;
}

.summer_free_txt_box {
  float: right;
  width: 52%;
}

.summer_free img {
  display: block;
}

.summer_free_txt_box dl dt {
  padding-bottom: 1.5%;
  display: block;
  padding-left: 15%;
}

.summer_free_txt_box dl {
  padding-bottom: 5%;
}

.summer_option_box {
  text-align: center;
}

.summer_option_box dl {
  padding-top: 3%;
}

.summer_option_box dt {
  font-weight: bold;
  font-size: 32px;
  text-align: center;
}

.summer_option_box dd {
  text-align: center;
}

.summer_big {
  font-weight: bold;
  font-size: 32px;
}

.op_left {
  float: left;
  width: 50%;
  margin: 0 0;
}

.op_right {
  float: right;
  width: 50%;
  margin: 0 0;
}

.summer_chisan_area {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  text-align: center;
}

.summer_chisan_area h4 {
  font-size: 44px !important;
  padding-bottom: 0%;
  color: #006C3D;
  font-weight: bold;
}

.summer_chisan_area div {
  font-size: 16px;
  padding-bottom: 1.5%;
}

.border_none {
  border-right: none !important;
}

.autumn_table {
  width: 100%;
  margin: 0px auto 20px;
  border: 1px solid #333;
  font-size: 15px;
}

.autumn_table th, .autumn_table td {
  padding: 5px 10px;
}

.autumn_table th {
  vertical-align: middle;
  text-align: center;
  width: 12%;
  overflow: visible;
  position: relative;
  border-right: 1px solid #333;
}

.autumn_table td {
  width: 20%;
  vertical-align: middle;
  border-right: 1px solid #333;
  padding: 5px 10px;
}

/*===2018冬プラン=======================*/
.winter_wrapper01, .winter_wrapper02 {
  padding: 40px 0;
  color: #fff;
  font-family: '-apple-system', 'BlinkMacSystemFont','Hiragino Sans','Hiragino Kaku Gothic ProN',
 "segoe ui",'游ゴシック  Medium','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
}

.winter_txt_center {
  text-align: center !important;
  padding-bottom: 30px;
  margin: 0 auto 20px;
}

.winter_wrapper01 {
  background: #A48B78;
}

.winter_wrapper02 {
  background: #888C7B;
}

.fl_left3 {
  float: left;
  width: 33.0%;
  padding: 0 1%;
}

.winter_title {
  color: #000;
  font-weight: bold;
  font-size: 42px;
}

.winter_title_s {
  color: #000;
  font-weight: bold;
  font-size: 25px;
  line-height: 1.6em;
}

.ab_plan_drink {
  border: solid 1px #fff;
  padding: 0 0 0 0;
}

.ab_plan_drink dl {
  float: left;
  width: 82%;
  padding: 10px 0 0 5%;
}

.ab_plan_drink dt {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 33px;
  font-weight: bold;
}

.aplan {
  margin-left: 82%;
  background: #fff;
  text-align: center;
  padding: 15px 0;
  font-size: 17px;
  font-weight: bold;
  color: #7f002b;
}

.bplan {
  margin-left: 82%;
  background: #fff;
  text-align: center;
  padding: 15px 0;
  font-size: 17px;
  font-weight: bold;
  color: #14175e;
}

.white {
  color: #fff;
}

.title_pl {
  padding-left: 30px;
}

.winter_option {
  background: #171c61;
  padding: 15px 0;
  color: #fff;
  margin-bottom: 40px;
}

.winter_li01 {
  float: left;
  width: 33%;
  padding: 0 0 0 2.0%;
}

.winter_li02 {
  float: left;
  width: 33%;
  padding: 0 1.0%;
}

.winter_li03 {
  float: left;
  width: 33%;
  padding: 0 2.0% 0 0;
}

.winter_li ul li {
  list-style: none;
}

.winter_li_title {
  padding: 10px 0;
  text-align: center;
  font-size: 30px;
  font-weight: bold;
}

.winter_undou {
  background: #fbd59e;
  padding: 30px 80px;
}

.winter_undou_title {
  font-weight: bold;
  line-height: 2.3em;
  text-align: center;
  padding-bottom: 10px;
  font-size: 16px;
}

.big {
  font-size: 38px;
}

.winter_undou_txt {
  text-align: center;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 15px;
}

@media (max-width: 768px) {
  /*===2018サマープランスマホ====================*/
  .winter_undou_txt {
    text-align: left;
    font-size: 13px;
  }
  .big {
    font-size: 20px;
  }
  .autumn_table {
    width: 100%;
    margin: 0px auto 20px;
    border: 1px solid #333;
    font-size: 13px;
  }
  .autumn_table th, .autumn_table td {
    padding: 5px 5px;
    border-collapse: collapse;
  }
  .autumn_table th {
    vertical-align: middle;
    text-align: center;
    width: 14%;
    overflow: visible;
    position: relative;
    border-right: 1px solid #333;
  }
  .autumn_table td {
    width: 32%;
    vertical-align: middle;
    border-right: 1px solid #333;
  }
  .border_none {
    border-bottom: none !important;
  }
  .autumn_table_sp {
    width: 100%;
    margin: 0px auto 20px;
    border: 1px solid #333;
    font-size: 13px;
  }
  .autumn_table_sp th, .autumn_table_sp td {
    padding: 5px 5px;
    border-collapse: collapse;
  }
  .autumn_table_sp th {
    vertical-align: middle;
    text-align: center;
    border-bottom: 1px solid #333;
  }
  .autumn_table_sp td {
    vertical-align: middle;
    border-bottom: 1px solid #333;
  }
  .summer_area {
    font-size: 13px;
    padding: 0 4%;
  }
  .summer_area h2 {
    padding: 5px 0;
    margin-bottom: 20px;
    font-size: 18px;
  }
  .summer_left, .summer_right, .summer_free, .summer_option {
    padding-bottom: 6.5%;
  }
  .summer_left h3, .summer_right h3 {
    padding-bottom: 3%;
  }
  .summer_left .summer_txt_box, .autumn_txt_box {
    float: none;
    width: 100%;
  }
  .summer_left .summer_img {
    float: none;
    width: 100%;
    display: block;
  }
  .pt_20 {
    padding-top: 20px;
  }
  .summer_txt_box ul li {
    margin-left: 2%;
    list-style-type: disc !important;
  }
  .summer_right .summer_txt_box ul li {
    padding-bottom: 1.5%;
    list-style-type: disc !important;
  }
  .summer_right .summer_txt_box {
    float: none;
    width: 100%;
    padding-top: 2%;
    padding-bottom: 2%;
  }
  .summer_right .summer_img {
    float: none;
    width: 100%;
    display: block;
  }
  .summer_left .summer_txt_box dl dt {
    float: none;
    width: 100%;
    padding-top: 0%;
  }
  .summer_left .summer_txt_box dl dd {
    margin-left: 0%;
    padding-bottom: 2%;
    padding-top: -2%;
  }
  .summer_left .autumn_txt_box dl dt {
    float: none;
    width: 100%;
    padding-top: 0%;
  }
  .summer_left .autumn_txt_box dl dd {
    margin-left: 0%;
    padding-bottom: 2%;
    padding-top: -2%;
  }
  .summer_right .summer_txt_box dl dt {
    float: none;
    width: 100%;
    padding-top: 1%;
    text-align: justify;
    text-justify: inter-ideograph;
  }
  .summer_right .summer_txt_box dl dd {
    margin-left: 0%;
    padding-bottom: 2%;
    padding-top: -2%;
  }
  .summer_free_txt_box {
    float: right;
    width: 100%;
    padding-top: 5%;
  }
  .summer_free img {
    display: block;
  }
  .summer_free_txt_box dl dt {
    padding-bottom: 1.5%;
    display: block;
  }
  .summer_free_txt_box dl {
    padding-bottom: 7%;
  }
  .summer_option_box {
    text-align: center;
    margin: 0 auto;
  }
  .summer_option_box dl {
    padding-top: 3%;
  }
  .summer_option_box dt {
    font-size: 18px;
    padding-bottom: 0.5%;
  }
  .summer_big {
    font-size: 18px;
  }
  .op_left {
    float: none;
    width: 100%;
    margin: 0;
    padding-bottom: 3%;
  }
  .op_right {
    float: none;
    width: 100%;
    margin: 0;
    padding-bottom: 3%;
  }
  .summer_chisan_area h4 {
    font-size: 22px !important;
    padding-bottom: 0%;
  }
  .summer_chisan_area div {
    font-size: 12px;
    padding-bottom: 1.5%;
  }
  /*===2018冬プランスマホ====================*/
  .winter_wrapper01, .winter_wrapper02 {
    padding: 30px 0;
  }
  .winter_txt_center {
    padding: 0 10px 15px;
    margin: 0 auto 20px;
  }
  .fl_left3 {
    float: none;
    width: 80%;
    padding: 0 1%;
    margin: 0 auto;
    text-align: center;
  }
  .winter_title {
    font-size: 20px;
  }
  .winter_title_s {
    font-size: 17px;
    line-height: 1.4em;
  }
  .ab_plan_drink dl {
    float: none;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    padding: 10px 0 0 5%;
  }
  .ab_plan_drink dt {
    font-size: 17px;
  }
  .bplan {
    padding: 10px 10px;
    margin-left: 0;
    font-size: 14px;
  }
  .bplan {
    padding: 10px 10px;
    margin-left: 0;
    font-size: 14px;
  }
  .title_pl {
    padding-left: 15px;
  }
  .winter_option {
    padding: 15px 15px;
    color: #fff;
    margin-bottom: 20px;
  }
  .winter_li01 {
    float: none;
    width: 74%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }
  .winter_li02 {
    float: none;
    width: 74%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }
  .winter_li03 {
    float: none;
    width: 74%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
  }
  .winter_li_title {
    padding: 10px 0;
    font-size: 16px;
  }
  .winter_undou {
    float: none;
    width: 100%;
    background: #fbd59e;
    padding: 8px 15px;
  }
  .winter_undou_title {
    line-height: 2.3em;
    border-bottom: solid 1px #333;
    padding-bottom: 1%;
    margin-bottom: 1%;
  }
  .big {
    font-size: 20px;
  }
  .img_80 {
    width: 70%;
    margin: 0 auto;
    text-align: center;
  }
}

/*    ビッグウェディング2019
.bigwedding2019_wrapper {
    background: #C69576;
    padding: 2% 0;
    margin: 2% 0;
}
.bigwedding2019_wrapper h2 {
    line-height: 1.4;
    font-size:36px;
    padding: 2% 0;
    letter-spacing: 0.1em;
}
.bigwedding2019_wrapper p {
    padding-bottom: 1.0%;
}
.padding30 {
    padding:0 50px 10px;
}
.bold {
    font-weight: bold;
}
@media ( max-width : 768px ){
    .bigwedding2019_wrapper {
        background: #C69576;
        padding: 4% 0;
        margin: 2% 0;
    }
    .bigwedding2019_wrapper h2 {
        line-height: 1.4;
        font-size:24px;
        padding: 2% 0;
        letter-spacing: 0.1em;
    }
    .padding30 {
        padding:0 40px 10px;
    }
    .sp_w70 {
        width:70%;
    }
    .sp_w25 {
        width:28%;
    }
}


/*    6.8挙式     */
.mogi_wrapper_big {
  background: #F7C8C5;
}

.mogi_wrapper01 {
  background: url(images/6_8/6_8_bg.png) left center repeat-x;
}

.mogi_wrapper02 {
  background: #F3B2C7;
}

.fair_reserve_other {
  width: 100%;
  display: inline-block;
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  background: #aa94b6;
  margin-bottom: 60px;
}

@media (max-width: 768px) {
  .fair_reserve_other {
    width: 90%;
    display: inline-block;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    background: #aa94b6;
    margin: 0 4% 40px 4%;
  }
}

/*   BIGWeddingFear     */
.bgwedding_main {
  position: relative;
  /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
  height: 0;
  background: url(images/bigwedding/main2021.jpg) center center/contain no-repeat;
  padding-top: 35.310%;
  background-size: 100% 100%;
  /*この場合は高さが自動設定*/
}

@media screen and (max-width: 768px) {
  .bgwedding_main {
    background: url(images/bigwedding/main2021-sp.jpg) top center/cover no-repeat;
    background-size: 100% 100%;
    /*この場合は高さが自動設定*/
    height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 80.299%;
  }
}

.bgwedding_main h1, .bgwedding_main div a {
  display: block;
  position: absolute;
  width: 28%;
  top: 26%;
  right: 0;
  left: 0;
  bottom: 0;
  text-align: center;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  .bgwedding_main h1, .bgwedding_main div a {
    width: 50%;
  }
}

.bgwedding_main p {
  position: absolute;
  width: 6%;
  right: 3%;
  top: 5%;
}

@media screen and (max-width: 768px) {
  .bgwedding_main p {
    width: 17%;
  }
}

.bgwedding_wrapper {
  background: #E8D7D3;
  padding: 2% 0;
}

@media screen and (max-width: 768px) {
  .bgwedding_wrapper {
    padding: 2% 5%;
  }
}

.bw_box02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .bw_box02 {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .bw_box02 div {
    width: 100%;
    margin: 0 auto;
    display: block;
    text-align: center;
  }
}

.bw_box02 div:nth-child(2) {
  margin: 0 1%;
}

@media screen and (max-width: 768px) {
  .bw_box02 div:nth-child(2) {
    margin: 0;
  }
}

.bw_box {
  padding-bottom: 70px;
}

@media screen and (max-width: 768px) {
  .bw_box {
    padding-bottom: 30px;
  }
}

.bw_box div {
  float: left;
  width: 328px;
}

@media screen and (max-width: 768px) {
  .bw_box div {
    float: none;
    width: 94%;
    margin: 0 3%;
  }
}

.bw_box div:first-child {
  margin-left: 1.5%;
}

@media screen and (max-width: 768px) {
  .bw_box div:first-child {
    margin: 0 3%;
  }
}

.bw_box div:nth-child(2) {
  margin: 0 40px;
  width: 328px;
}

@media screen and (max-width: 768px) {
  .bw_box div:nth-child(2) {
    width: 94%;
    margin: 0 3%;
  }
}

.puchi_area {
  /*
	background: #fff;
	padding: 4% 8%;
	*/
  margin-top: 2%;
  margin-bottom: 6%;
}

.puchi_main {
  font-weight: bold;
  text-align: center;
  font-size: 38px;
}

@media screen and (max-width: 768px) {
  .puchi_main {
    font-size: 16px;
  }
}

.puchi_osusume {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .puchi_osusume {
    font-size: 16px;
  }
}

.puchi_sub {
  text-align: center;
  font-size: 18px;
  margin-bottom: 3%;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .puchi_sub {
    font-size: 13px;
  }
}

.puchi_area ul li {
  list-style-type: disc;
  list-style-position: inside;
  font-size: 18px;
  padding-left: 1%;
  padding-bottom: 1%;
  border-bottom: dotted 1px #333;
  margin-bottom: 1%;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
  .puchi_area ul li {
    font-size: 13px;
  }
}

.bw_guide_box {
  background-color: #fffabc;
  padding: 20px 40px;
  margin-bottom: 35px;
}

@media screen and (max-width: 768px) {
  .bw_guide_box {
    padding: 20px 20px;
  }
}

.bw_guide_box h3 {
  text-align: center;
  font-weight: bold;
  font-size: 30px;
  margin-bottom: 10px;
  color: #799acf;
}

@media screen and (max-width: 768px) {
  .bw_guide_box h3 {
    font-size: 20px;
  }
}

.bw_guide_ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .bw_guide_ico {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

@media screen and (max-width: 768px) {
  .bw_guide_ico li {
    width: 31%;
  }
}

.bw_guide_caution {
  max-width: 400px;
  margin: 0 auto;
  position: relative;
}

/* 採用情報and ウェディングスタイルページ*/
.chart_wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

@media screen and (max-width: 768px) {
  .chart_wrapper {
    display: block;
  }
}

.chart_area, .chart_area02 {
  width: 100%;
  background: #fff;
  border-left: solid 1px #ccc;
  border-right: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
  padding: 2.5% 4% 3%;
  margin-bottom: 20px;
  /*
	align-self: flex-start;
	*/
}

@media screen and (max-width: 768px) {
  .chart_area, .chart_area02 {
    padding: 2.5% 2.5% 3%;
  }
}

.chart_area ul, .chart_area02 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.chart_area li {
  width: 30%;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  margin: 0 1.5% 4%;
}

.chart_area02 li {
  width: 47%;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  margin: 0 1.5% 4%;
}

.chart_area li p, .chart_area02 li p {
  text-align: center;
  padding: 15px;
  margin-top: -10px;
  background: #fff;
}

.chart_area li a, .chart_area02 li a {
  display: block;
  font-size: 14px;
}

.chart_area h3, .chart_area02 h3 {
  text-align: center;
  font-weight: bold;
  padding-bottom: 0;
  position: relative;
  margin-bottom: 2em;
  text-align: center;
}

.chart_area h3:before, .chart_area02 h3:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 50px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #c79f62;
  border-radius: 2px;
}

.chart_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

@media screen and (max-width: 768px) {
  .chart_box {
    display: block;
  }
}

.chart_box h4 {
  text-align: center;
  font-weight: bold;
  padding-bottom: 15px;
  font-size: 15px;
}

.chart_box_s {
  background: #f9f9f9;
  border: solid 1px #eee;
  padding: 4% 3%;
  width: 47%;
  margin: 0 1.5% 20px;
}

@media screen and (max-width: 768px) {
  .chart_box_s {
    width: 100%;
  }
}

.recruit_txt_box {
  float: left;
  width: 48%;
  margin: 0 0 4% 0;
  border: solid 1px #c9a063;
}

.recruit_txt_box:nth-child(even) {
  margin-left: 4%;
}

.recruit_txt_box h3 {
  padding: 3% 8%;
  border-bottom: solid 2px #c9a063;
}

.recruit_txt_box p {
  padding: 6% 8%;
}

@media screen and (max-width: 768px) {
  .recruit_txt_box p {
    font-size: 13px;
  }
}

/*recruit tab*/
.border_top_blue {
  border-top: solid 10px #7ecef4;
}

.border_top_gold {
  border-top: solid 10px #cca57e;
}

.border_top_pink {
  border-top: solid 10px #efaeb6;
}

/*採用情報タブのスタイル*/
.recruit_tab_item {
  width: calc(100%/2);
  padding: 20px 10px;
  font-size: 22px;
  letter-spacing: 0.1;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

@media screen and (max-width: 768px) {
  .recruit_tab_item {
    padding: 30px 5px;
    font-size: 11px;
    line-height: 1.2em;
    letter-spacing: 0;
  }
}

@media screen and (max-width: 768px) {
  .recruit_tab_item:nth-of-type(1) {
    width: 50% !important;
  }
}

@media screen and (max-width: 768px) {
  .recruit_tab_item:nth-of-type(2) {
    width: 50% !important;
  }
}

@media screen and (max-width: 768px) {
  .recruit_tab_item:nth-of-type(3) {
    width: 48% !important;
  }
}

.recruit_tab_item:hover {
  opacity: 0.9;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.recruit_tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#part:checked ~ #part_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.recruit_tabs input:checked + .recruit_tab_item {
  color: #fff;
}

/*resruittable*/
.recruit_table {
  width: 80%;
  margin: 30px auto 60px;
  border-collapse: collapse;
  border-spacing: 0;
}

.recruit_table th, .recruit_table td {
  padding: 15px 30px;
}

.recruit_table th {
  width: 28%;
  border-right: 2px solid #ddd;
  text-align: justify;
  text-justify: inter-ideograph;
}

@media (max-width: 768px) {
  /* スマホ用採用ページ------------------------------------------------*/
  .recruit_txt_box {
    float: none;
    width: 100%;
    margin: 0 0 20px;
    border: solid 1px #c9a063;
  }
  .recruit_txt_box:nth-child(even) {
    margin-left: 0;
  }
  .recruit_table {
    width: 90%;
    margin: 30px auto 40px;
  }
  .recruit_table th, .recruit_table td {
    padding: 5px 5px;
  }
  .recruit_table th {
    vertical-align: middle;
    text-align: left;
    width: 23%;
    overflow: visible;
    position: relative;
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
  }
  .recruit_table td {
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
  }
}

/*サマーウェディング特集*/
.summerin_area {
  position: relative;
  height: 470px;
}

@media screen and (max-width: 768px) {
  .summerin_area {
    height: 200px;
  }
}

.summerin_area h3 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.summerin_area .img_center {
  position: absolute;
  top: 80px;
  left: 0;
  z-index: 1;
}

@media screen and (max-width: 768px) {
  .summerin_area .img_center {
    top: 45px;
  }
}

.summer_click {
  position: absolute;
  top: -30px;
  right: 0;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .summer_click {
    width: 25%;
    top: 13%;
  }
}

.summerinbox01, .summerinbox02, .summerinbox03, .summerinbox04, .summerinbox05, .summerinbox06 {
  position: relative;
  height: 557px;
}

@media screen and (max-width: 768px) {
  .summerinbox01, .summerinbox02, .summerinbox03, .summerinbox04, .summerinbox05, .summerinbox06 {
    height: 175px;
  }
}

.summer_img01, .summer_img02, .summer_img03, .summer_img04, .summer_img05, .summer_img06 {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.summer_img01 {
  margin-top: -18px !important;
}

.summerin_txt_box05 {
  position: absolute;
  top: 6%;
  right: 0;
  z-index: 2;
  width: 40%;
}

@media screen and (max-width: 768px) {
  .summerin_txt_box05 {
    width: 90%;
  }
}

.summerin_txt_box06 {
  position: absolute;
  bottom: 10%;
  left: 0;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .summerin_txt_box06 {
    width: 90%;
  }
}

.summerin_txt_box07 {
  position: absolute;
  top: 12%;
  right: 0;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .summerin_txt_box07 {
    width: 90%;
  }
}

.summerin_txt_box08 {
  position: absolute;
  bottom: 12%;
  left: 0;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .summerin_txt_box08 {
    width: 90%;
  }
}

.summerin_txt_box09 {
  position: absolute;
  bottom: 12%;
  right: 0;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .summerin_txt_box09 {
    width: 90%;
  }
}

.summerin_txt_box010 {
  position: absolute;
  bottom: 12%;
  left: 0;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .summerin_txt_box010 {
    width: 90%;
  }
}

/*
.summerin_txt05_01,.summerin_txt05_02 {
	font-size:1.3rem;
	font-weight: bold;
	text-align: right;
}
.summerin_txt05_01 {
	padding-top: 5%;
	padding-right: 5%;
}
.summerin_txt05_02 {
	padding-top: 10px;
	padding-right: 5%;
}
*/
.summerin_txt06_01 span, .summerin_txt06_02 span, .summerin_txt08_01 span, .summerin_txt08_02 span, .summerin_txt010_01 span, .summerin_txt010_02 span {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: left;
  background: #fff;
  padding: 10px 15px;
}

@media screen and (max-width: 768px) {
  .summerin_txt06_01 span, .summerin_txt06_02 span, .summerin_txt08_01 span, .summerin_txt08_02 span, .summerin_txt010_01 span, .summerin_txt010_02 span {
    padding: 8px 10px;
    font-size: 1.1rem;
  }
}

.summerin_txt05_01 span, .summerin_txt05_02 span, .summerin_txt07_01 span, .summerin_txt07_02 span, .summerin_txt09_01 span, .summerin_txt09_02 span {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: right !important;
  background: #fff;
  padding: 10px 15px;
}

@media screen and (max-width: 768px) {
  .summerin_txt05_01 span, .summerin_txt05_02 span, .summerin_txt07_01 span, .summerin_txt07_02 span, .summerin_txt09_01 span, .summerin_txt09_02 span {
    padding: 8px 10px;
    font-size: 1.1rem;
  }
}

.summerin_txt05_01, .summerin_txt05_02, .summerin_txt07_01, .summerin_txt07_02, .summerin_txt09_01, .summerin_txt09_02 {
  text-align: right !important;
}

.summerin_txt05_01, .summerin_txt06_01, .summerin_txt07_01, .summerin_txt08_01, .summerin_txt09_01, .summerin_txt010_01 {
  padding-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .summerin_txt05_01, .summerin_txt06_01, .summerin_txt07_01, .summerin_txt08_01, .summerin_txt09_01, .summerin_txt010_01 {
    padding-bottom: 15px;
  }
}

/*コロナ対策オンライン関連*/
.hall-news_top {
  background-color: #fff;
  padding: 25px 35px;
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .hall-news_top {
    margin-bottom: 30px;
  }
}

.hall-news_top div {
  border-bottom: solid 1px #ddd;
  padding-bottom: 10px;
  margin: 0 10% 20px 10%;
}

@media screen and (max-width: 768px) {
  .hall-news_top div {
    margin: 0 5% 20px 5%;
  }
}

.hall-news_title {
  font-weight: bold;
  font-size: 28px;
  padding: 0 15px 30px 15px;
}

@media screen and (max-width: 768px) {
  .hall-news_title {
    font-size: 20px;
  }
}

.hall-news_box {
  background-color: #fcf9f0;
  padding: 25px 35px;
  margin-bottom: 30px;
  border: solid 1px #eee;
}

@media screen and (max-width: 768px) {
  .hall-news_box {
    margin: 0 15px 20px;
  }
}

.hall-news_box h3 {
  font-weight: bold;
  font-size: 22px;
  border-bottom: solid 1px #e6e6e6;
  padding-bottom: 10px;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .hall-news_box h3 {
    font-size: 18px;
  }
}

.hall-news_box .hall-news_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .hall-news_box .hall-news_flex {
    display: block;
  }
}

.hall-news_box .hall-news_flex .hall-news_img {
  margin-bottom: 10px;
}

.hall-news_box .hall-news_flex .hall-news_txt {
  width: 68%;
  padding-left: 10%;
  padding-bottom: 15px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .hall-news_box .hall-news_flex .hall-news_txt {
    width: 100%;
    padding: 0 10px 20px;
  }
}

.hall-news_box .hall-news_flex .hall-news_txt p {
  padding-bottom: 10px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .hall-news_box .hall-news_flex .hall-news_txt p {
    font-size: 14px;
  }
}

.hall-news_box .f_end {
  text-align: right;
}

.hall-news_plan {
  background-color: #FFF;
  margin-bottom: 30px;
  font-size: 16px;
}

.hall-news_n_flex {
  padding-top: 3.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

@media screen and (max-width: 768px) {
  .hall-news_n_flex {
    display: block;
  }
}

.hall-news_n_flex div:nth-of-type(1) {
  width: 55%;
  padding: 0 2.5% 4.5% 0;
}

@media screen and (max-width: 768px) {
  .hall-news_n_flex div:nth-of-type(1) {
    width: 100%;
    padding: 0 4.5% 5.5%;
  }
}

.hall-news_n_flex div:nth-of-type(2) {
  width: 45%;
  padding: 0 2.5% 4.5%;
}

@media screen and (max-width: 768px) {
  .hall-news_n_flex div:nth-of-type(2) {
    width: 100%;
    padding: 0 4.5% 5.5%;
  }
}

.hall-news_item ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  margin: 0 2% 4%;
}

.hall-news_item li {
  width: 29.5%;
  -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
          box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
  margin: 0 1.5% 4%;
}

@media screen and (max-width: 768px) {
  .hall-news_item li {
    width: 46%;
  }
}

.hall-news_item li p {
  text-align: center;
  padding: 15px;
  margin-top: -10px;
  background: #fff;
}

@media screen and (max-width: 768px) {
  .hall-news_item li p {
    text-align: left;
  }
}

.hall-news_item li a {
  display: block;
  font-size: 14px;
}

@media screen and (max-width: 768px) {
  .hall-news_item li a {
    font-size: 12px;
  }
}

.hall-news_item h3 {
  text-align: center;
  font-weight: bold;
  padding-bottom: 0;
  position: relative;
  margin-bottom: 2em;
  text-align: center;
}

.hall-news_item h3:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 50px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #c79f62;
  border-radius: 2px;
}

/*ガイドライン*/
.guideline_number {
  padding-bottom: 40px;
}

.guideline_number li {
  list-style-type: decimal;
  list-style-position: inside;
  padding-bottom: 10px;
  font-size: 16px;
  padding-left: 20px;
}

.guidelines_box {
  background-color: #fafafa;
  padding: 30px 35px;
  margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
  .guidelines_box {
    padding: 20px 20px;
  }
}

.guidelines_box h4 {
  border-bottom: solid 1px #222;
  padding-bottom: 5px;
  padding-left: 5px;
  margin-bottom: 15px;
  font-size: 19px !important;
}

.guidelines_box dl {
  padding-bottom: 25px;
}

.guidelines_box dl dt {
  font-size: 17px;
  font-weight: bold;
}

.guidelines_box dl dt dd {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .guidelines_box dl dt dd {
    font-size: 15px;
  }
}

.guidelines_box ul {
  padding-bottom: 20px;
}

.guidelines_box ul li {
  list-style-type: disc;
  list-style-position: inside;
  padding-bottom: 10px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .guidelines_box ul li {
    font-size: 15px;
  }
}

.title_border {
  padding: 0 0 0.3em;
  margin-bottom: 0.8em;
  position: relative;
}

.title_border::before {
  content: '';
  background-color: #222;
  width: 2em;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.flex_area_2 {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .flex_area_2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 768px) {
  .flex_box_2 {
    width: 50%;
    margin: 0 0 3% 0;
  }
}

@media screen and (max-width: 768px) {
  .flex_area_2 figure {
    margin: 0 auto;
    text-align: center;
  }
}

.flex_areastaff {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex_box_staff {
  width: 22%;
  margin: 0 1.5% 3% 1.5%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .flex_box_staff {
    width: 48%;
    margin: 0 1% 3% 1%;
    font-size: 12px;
  }
}

.flex_store_area01, .flex_store_area02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex_store_area03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex_store_box01, .flex_store_box02, .flex_store_box03, .flex_store_box {
  margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
  .flex_store_box01, .flex_store_box02, .flex_store_box03, .flex_store_box {
    font-size: 12px;
    margin-bottom: 20px;
  }
}

.flex_store_box01, .flex_store_box03 {
  width: 31.0%;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .flex_store_box01, .flex_store_box03 {
    width: 48%;
    margin: 0 1% 3% 1%;
  }
}

.flex_store_box02 {
  width: 31.5%;
}

@media screen and (max-width: 768px) {
  .flex_store_box02 {
    width: 48%;
  }
}

.flex_store_box02 {
  width: 31%;
  text-align: center;
  margin-right: 5%;
}

@media screen and (max-width: 768px) {
  .flex_store_box02 {
    width: 48%;
    margin: 0 1% 3% 1%;
  }
}

.flex_store_area02 .flex_store_box {
  width: 31%;
  text-align: center;
  margin-right: 5%;
}

@media screen and (max-width: 768px) {
  .flex_store_area02 .flex_store_box {
    width: 48%;
    margin: 0 1% 3% 1%;
  }
}

.flex_store_area03 .flex_store_box {
  width: 15.5%;
  text-align: center;
  margin-right: 1%;
}

@media screen and (max-width: 768px) {
  .flex_store_area03 .flex_store_box {
    width: 48%;
    margin: 0 1% 3% 1%;
  }
}

.flex_areastaff02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.flex_box_staff02 {
  width: 60.0%;
}

@media screen and (max-width: 768px) {
  .flex_box_staff02 {
    width: auto;
    margin: 0 1% 3% 1%;
  }
}

.flex_areastaff02_img {
  width: 30.0%;
}

@media screen and (max-width: 768px) {
  .flex_areastaff02_img {
    width: auto;
  }
}

.recruit_float_box {
  margin-bottom: 20px;
  border-bottom: solid 1px #000;
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .recruit_float_box {
    margin-bottom: 40px;
    padding-bottom: 40px;
  }
}

.float_img {
  margin-bottom: 10px;
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 768px) {
  .float_img {
    float: left;
    width: 35%;
    margin-right: 35px;
  }
}

.post_button_enkai_area {
  display: block;
  max-width: 310px;
  width: 100%;
  height: auto;
  background-image: -webkit-gradient(linear, left top, right top, from(#C9A063), to(#A46A18));
  background-image: linear-gradient(90deg, #C9A063, #A46A18);
  padding: 5px 5px;
  float: left;
  width: 31%;
  margin: 0 3%;
}

@media screen and (max-width: 768px) {
  .post_button_enkai_area {
    float: none;
    width: 100%;
    margin-bottom: 8px;
  }
}

.post_button_enkai_bt {
  display: block;
  border: solid 1px #fff;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  display: block;
  height: auto;
  padding: 12px 12px;
}

.post_button_enkai_bt p {
  line-height: 120%;
  text-align: center;
  font-size: 18px;
  color: #fff;
}

/*
.banquet_top_box {
			display: block;
			float: left;
			width:23.0%;
			margin: 0 1.0% 20px 1.0%;
			@include max-screen($tablet-max) {
				width:48.0%;
				}
}
*/
.banquet_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.banquet_top_box {
  display: block;
  margin: 0 2% 1.0%;
}

@media screen and (max-width: 768px) {
  .banquet_top_box {
    margin: 0 1% 1.0%;
  }
}

.post_button, .post_button_blue, .post_button_blue_s, .post_button_gold_s, .post_button_gold_ss, .post_button_purple, .post_button_white {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

/*===top news=======================*/
.top_post_box_area {
  border-top: solid 2px #40220f;
}

.top_post_box_banquet {
  padding: 5px 0;
}

@media screen and (min-width: 769px) {
  .top_post_box_banquet {
    padding: 10px 20px;
    border-bottom: dotted 1px #40220f;
  }
}

.top_post_box_banquet div {
  float: left;
  width: 100px;
  font-size: 15px !important;
}

.top_post_box_banquet p {
  margin-left: 120px;
  width: 800px;
  font-size: 15px !important;
}

@media screen and (max-width: 768px) {
  /*===top news=======================*/
  .top_news_area {
    padding-top: 10%;
    padding-bottom: 10%;
  }
  .top_news_area dl {
    padding-bottom: 8px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .top_ne_time {
    width: 100%;
    font-size: 9px !important;
    float: none;
  }
  .top_post_box_banquet div {
    width: auto;
    font-size: 14px !important;
    float: none;
  }
  .top_post_box_banquet p {
    margin-left: 0;
    font-size: 14px !important;
    width: auto;
  }
}

/* 宴会一覧タイトル*/
.title_enkai {
  padding: 0.07em 0.5em 0.1em 0.5em;
  /*上下 左右の余白*/
  color: #40220f;
  /*文字色*/
  border-left: solid 10px #c9a063;
  /*左線*/
  font-size: 28px;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .title_enkai {
    font-size: 19px;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
  }
}

.title_oiwai {
  padding: 0.07em 0.5em 0.1em 0.5em;
  /*上下 左右の余白*/
  color: #40220f;
  /*文字色*/
  border-left: solid 10px #E60012;
  /*左線*/
  font-size: 28px;
  letter-spacing: 0.2em;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .title_oiwai {
    font-size: 19px;
    letter-spacing: 0.1em;
    margin-bottom: 15px;
  }
}

.banquet_list_col {
  border: solid 1px #aaa;
  padding: 20px;
  display: block;
  float: left;
  width: 30.0%;
  margin: 0 1.5% 30px;
}

@media screen and (max-width: 768px) {
  .banquet_list_col {
    width: 47.5%;
    padding: 10px;
    margin: 0 1.0% 20px 1.0%;
  }
}

.banquet_list_col:nth-child(1), .banquet_list_col:nth-child(4), .banquet_list_col:nth-child(7) {
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .banquet_list_col:nth-child(1), .banquet_list_col:nth-child(4), .banquet_list_col:nth-child(7) {
    margin-left: 1.0%;
  }
}

.banquet_stage_kaku_area h4 {
  border-bottom: solid 1px #333;
  padding-left: 10px;
  padding-bottom: 5px;
  margin-bottom: 15px;
}

.banquet_stage_kaku_box {
  float: left;
  width: 31%;
  margin: 0 1%;
}

@media screen and (max-width: 544px) {
  .banquet_stage_kaku_box {
    float: none;
    width: 90%;
    padding-bottom: 3%;
  }
}

@media screen and (max-width: 544px) {
  .banquet_stage_kaku_box img {
    margin: 0 auto;
    text-align: center;
    width: 90%;
    display: block;
  }
}

.banquet_stage_table {
  width: 100%;
  margin: 30px auto 60px;
  border-collapse: collapse;
  border-spacing: 0;
}

.banquet_stage_table th, .banquet_stage_table td {
  padding: 15px 30px;
  border-bottom: solid 1px #ccc;
}

.table_border_top {
  border-top: 2px solid #888;
}

.banquet_stage_table th {
  background: #dbdcdc;
  text-align: center;
}

.banquet_stage_table td {
  text-align: center;
  border-right: solid 1px #ccc;
}

@media (max-width: 768px) {
  /* スマホ用ページ------------------------------------------------*/
  .banquet_stage_table {
    width: 98%;
    margin: 30px auto 20px;
  }
  .banquet_stage_table th, .banquet_stage_table td {
    padding: 5px 5px;
    font-size: 11px;
  }
  .banquet_stage_table th {
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
  }
  .banquet_stage_table td {
    vertical-align: middle;
    border-bottom: 1px solid #ccc;
  }
}

.banquet_dl dt {
  float: left;
  width: 22%;
  padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .banquet_dl dt {
    float: none;
    width: 100%;
    font-weight: bold;
    padding-bottom: 1px;
  }
}

.banquet_dl dd {
  margin-left: 23%;
  padding-bottom: 5px;
}

@media screen and (max-width: 768px) {
  .banquet_dl dd {
    margin-left: 0;
    padding-bottom: 5px;
    border-bottom: solid 1px #ddd;
    margin-bottom: 5px;
  }
}

.spring_new_border_box {
  border: solid 2px #aeb65f;
  padding: 2% 3% 1.5% 3%;
  margin-bottom: 3%;
}

@media screen and (max-width: 768px) {
  .spring_new_border_box {
    padding: 2% 1.5% 1.5% 1.5%;
    margin: 0 3% 3% 3%;
  }
}

.spring_new_border_box02 {
  float: left;
  width: 48%;
  border: solid 2px #db97c0;
  padding: 2% 2% 1.5% 2%;
  margin-bottom: 3%;
}

@media screen and (max-width: 768px) {
  .spring_new_border_box02 {
    width: 98%;
  }
}

.banquet_spring_option_box {
  float: left;
  padding: 0 1% 3% 1%;
  width: 24.5%;
}

@media screen and (max-width: 768px) {
  .banquet_spring_option_box {
    width: 48%;
    padding: 0 2% 3% 2%;
  }
}

/*    ページ追加のcss       */
.ex_gold {
  color: #6A3906;
}

.banq_3restu {
  float: left;
  width: 31%;
  margin: 0 1%;
}

@media screen and (max-width: 768px) {
  .banq_3restu {
    float: none;
    width: 100%;
    margin: 0 1%;
  }
}

.banq_menu {
  padding-left: 20px;
  padding-right: 20px;
}

.banq_menu dl dt {
  float: left;
  width: 140px;
}

@media screen and (max-width: 768px) {
  .banq_menu dl dt {
    float: none;
    width: 100%;
  }
}

.banq_menu dl dd {
  margin-left: 150px;
  padding-bottom: 12px;
}

@media screen and (max-width: 768px) {
  .banq_menu dl dd {
    margin-left: 0;
  }
}

.bank_nomihoudai_box {
  border: solid 4px #AEB65F;
  padding: 4%;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .bank_nomihoudai_box {
    padding: 3%;
    margin: 0 4% 3%;
  }
}

.oiwai_table {
  border-collapse: collapse;
  width: 100%;
  margin: 0 auto 20px;
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .oiwai_table {
    margin: 0 auto 30px;
  }
}

.oiwai_table th, .oiwai_table td {
  padding: 14px 20px;
  font-size: 13px;
}

@media screen and (max-width: 768px) {
  .oiwai_table th, .oiwai_table td {
    padding: 10px 10px;
    font-size: 12px;
  }
}

.oiwai_table th {
  vertical-align: middle;
  text-align: left;
  width: 25%;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  background: #eee;
  font-weight: normal;
}

.oiwai_table td {
  vertical-align: middle;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.oiwai_p_box h4 {
  text-align: center;
  background: #fafafa;
  border-radius: 4px;
  padding: 6px 8px;
  margin-bottom: 14px;
}

.title_osechi {
  background: #C30D23;
  padding: 10px 15px 10px 15px;
  margin-bottom: 15px;
  margin-right: 15px;
  font-weight: bold;
  font-size: 22px;
  letter-spacing: 0.1em;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .title_osechi {
    padding: 8px 12px 8px 12px;
    margin-bottom: 15px;
    margin-right: 0;
    font-size: 18px;
  }
}

/**春プラン2020*/
.spring_2020_border_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .spring_2020_border_area {
    display: block;
  }
}

.spring_2020_border_box {
  border: solid 2px #8fc31f;
  padding: 2% 2% 1.5% 2%;
  position: relative;
  margin-bottom: 3%;
}

@media screen and (max-width: 768px) {
  .spring_2020_border_box {
    width: 98%;
  }
}

.banquet_spring_option_box2020 {
  float: left;
  padding: 0 1% 3% 1%;
  width: 20%;
}

@media screen and (max-width: 768px) {
  .banquet_spring_option_box2020 {
    width: 48%;
    padding: 0 2% 3% 2%;
  }
}

.spring_2020_border_box_pos {
  display: block;
  position: absolute;
  left: -10px;
  top: -10px;
}

/**ビアホール2020*/
.beer2020_main {
  background: url(images/beer2020/beer2021_main.png) left top no-repeat;
  background-size: cover;
  padding: 40px 0 30px;
  margin-bottom: 30px;
}

.beer2020_colona {
  background-color: #00b4d8;
  padding: 10px 15px;
  margin-bottom: 25px;
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  color: #fff;
}

.mizuiro {
  color: #008dd7;
}

.beer2020_week {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .beer2020_week {
    display: block;
  }
}

.beer2020_ico {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .beer2020_ico {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .beer2020_ico li {
    width: 32%;
    padding: 1%;
  }
}

.beer2020_sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  margin-bottom: 40px;
}

.beer_small {
  font-size: 12px;
}

.beer2020_guideline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
}

@media screen and (max-width: 768px) {
  .beer2020_guideline {
    display: block;
  }
}

.beer2020_guideline ul {
  width: 48%;
  list-style-type: disc;
}

@media screen and (max-width: 768px) {
  .beer2020_guideline ul {
    width: 100%;
    margin-left: 2%;
  }
}

.beer2020_guideline ul li {
  color: #008dd7;
  list-style-type: disc;
}

.beer2020_guideline ul li span {
  color: #222;
  font-size: 12px;
}

/*ビアガーデンコロナガイド*/
.beer_colona_guide_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 5% 0;
}

@media screen and (max-width: 768px) {
  .beer_colona_guide_area {
    display: block;
    margin: 2.5% 4%;
  }
}

.beer_colona_guide_area .beer_colona_guide_nox {
  width: 49%;
  margin-bottom: 3%;
  padding: 25px;
  background: #fff;
  border: solid 1px #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .beer_colona_guide_area .beer_colona_guide_nox {
    display: block;
    width: 100%;
  }
}

.beer_colona_guide_area .beer_colona_guide_nox p {
  font-weight: bold;
  padding-bottom: 15px;
  font-size: 16px;
  width: 63%;
}

@media screen and (max-width: 768px) {
  .beer_colona_guide_area .beer_colona_guide_nox p {
    font-size: 14px;
    width: 100%;
  }
}

.beer_colona_guide_area .beer_colona_guide_nox .beer_colona_guide_img {
  width: 35%;
}

@media screen and (max-width: 768px) {
  .beer_colona_guide_area .beer_colona_guide_nox .beer_colona_guide_img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }
}

.beer_colona_guide_area .beer_colona_guide_nox02 {
  width: 49%;
  margin-bottom: 3%;
  padding: 25px;
  background: #fff;
  border: solid 1px #eee;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
  .beer_colona_guide_area .beer_colona_guide_nox02 {
    display: block;
    width: 100%;
  }
}

.beer_colona_guide_area .beer_colona_guide_nox02 p {
  font-weight: bold;
  padding-bottom: 15px;
  font-size: 16px;
  width: 50%;
}

@media screen and (max-width: 768px) {
  .beer_colona_guide_area .beer_colona_guide_nox02 p {
    font-size: 14px;
    width: 100%;
  }
}

.beer_colona_guide_area .beer_colona_guide_nox02 .beer_colona_guide_img {
  width: 48%;
}

@media screen and (max-width: 768px) {
  .beer_colona_guide_area .beer_colona_guide_nox02 .beer_colona_guide_img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
  }
}

.beer_colona_guide_area .beer_colona_guide_nox03 {
  width: 49%;
  margin-bottom: 3%;
  padding: 25px;
  background: #fff;
  border: solid 1px #eee;
}

@media screen and (max-width: 768px) {
  .beer_colona_guide_area .beer_colona_guide_nox03 {
    display: block;
    width: 100%;
  }
}

.beer_colona_guide_area .beer_colona_guide_nox03 p {
  font-weight: bold;
  padding-bottom: 15px;
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .beer_colona_guide_area .beer_colona_guide_nox03 p {
    font-size: 14px;
    width: 100%;
  }
}

.beer_colona_guide_area .beer_colona_guide_nox03 .beer_colona_guide_img {
  text-align: center;
  margin: 0 auto;
}

.beer_colona_guide_area .beer_colona_guide_nox03 .beer_colona_guide_img02 {
  text-align: center;
  margin: 0 auto;
  width: 55%;
}

@media screen and (max-width: 768px) {
  .beer_colona_guide_area .beer_colona_guide_nox03 .beer_colona_guide_img02 {
    width: 100%;
  }
}

/*******忘新年会2020*************/
.boushin_btn {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .boushin_btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 70px;
    margin-top: 40px;
  }
}

.boushin_btn div {
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .boushin_btn div {
    width: 23%;
    margin-bottom: 0;
  }
}

.boushin_btn div a {
  display: block;
  padding: 10px 15px;
  font-weight: bold;
  font-size: 19px;
  text-align: center;
  color: #fff;
}

.boushin_btn .boushin_btn01 a {
  background-color: #1D2087;
}

.boushin_btn .boushin_btn02 a {
  background-color: #960000;
}

.boushin_btn .boushin_btn03 a {
  background-color: #6A3906;
}

.boushin_btn .boushin_btn04 a {
  background-color: #EFA23C;
}

.boushin_menu {
  padding-left: 20px;
  padding-right: 20px;
}

.boushin_menu dl {
  padding-bottom: 5px;
}

@media screen and (min-width: 768px) {
  .boushin_menu dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.boushin_menu dl dt {
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .boushin_menu dl dt {
    padding-right: 20px;
    width: 120px;
  }
}

@media screen and (min-width: 768px) {
  .boushin_menu dl dd {
    width: 400px;
  }
}

.bounen_wayou_wrapper {
  background-color: #A38A77;
  padding: 60px 0 20px;
}

.boushin_koshitsu_wrapper {
  background-color: #0D045F;
  padding: 40px 0 20px;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .boushin_koshitsu_wrapper .boushin_koshitsu_box01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 5px;
  }
}

.boushin_koshitsu_wrapper .boushin_koshitsu_box01 div:first-of-type {
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .boushin_koshitsu_wrapper .boushin_koshitsu_box01 div:first-of-type {
    width: 73%;
  }
}

.boushin_koshitsu_wrapper .boushin_koshitsu_box01 div:last-of-type {
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .boushin_koshitsu_wrapper .boushin_koshitsu_box01 div:last-of-type {
    width: 25%;
  }
}

@media screen and (min-width: 768px) {
  .boushin_koshitsu_wrapper .boushin_koshitsu_box02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 5px;
  }
}

.boushin_koshitsu_wrapper .boushin_koshitsu_box02 div {
  padding-bottom: 20px;
  margin: 0 auto;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .boushin_koshitsu_wrapper .boushin_koshitsu_box02 div {
    width: 48.5%;
  }
}

@media screen and (min-width: 768px) {
  .boushin_dlink_wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 5px;
  }
}

.boushin_dlink_wrapper div {
  padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .boushin_dlink_wrapper div {
    width: 32.5%;
  }
}

.boushin_op_wrapper {
  background-color: #D45253;
  padding: 40px 0 20px;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .boushin_op_wrapper .boushin_op {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 5px;
  }
}

.boushin_op_wrapper .boushin_op div {
  padding-bottom: 20px;
  margin: 0 auto;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .boushin_op_wrapper .boushin_op div {
    width: 19.5%;
  }
}

@media screen and (min-width: 768px) {
  .boushin_tokuten {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-bottom: 5px;
  }
}

.boushin_tokuten div {
  border: solid 1px #D55253;
  padding: 5px 10px;
  text-align: center;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .boushin_tokuten div {
    width: 210px;
    font-size: 18px;
  }
}

.boushin_tokuten p {
  padding-left: 20px;
}

@media screen and (min-width: 768px) {
  .boushin_tokuten p {
    width: 700px;
  }
}

.shidashi_bg {
  background-color: #004BA0;
  padding: 40px 0 20px;
  margin-bottom: 30px;
}

.gensen_wrapper {
  background-color: #750000;
  padding: 3% 0 0 0;
}

.gensen_wrapper h3 {
  color: #750000;
  background-color: #fff;
  padding: 6px 12px;
  font-weight: bold;
}

/*  こどものマルシェ　　*/
.marche_wrapper {
  color: #182987;
}

.marche_area {
  border-bottom: dotted 2px #182987;
  padding-bottom: 20px;
  margin: 0 10px 20px;
}

@media screen and (min-width: 768px) {
  .marche_area {
    margin: 0 0 25px;
  }
}

.marche_title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .marche_title {
    font-size: 40px;
  }
}

.marche_title span {
  border: solid 3px #182987;
  padding: 2px 10px;
  border-radius: 6px;
  font-size: 16px;
  margin-left: 5px;
  vertical-align: middle !important;
}

@media screen and (min-width: 768px) {
  .marche_title span {
    font-size: 18px;
  }
}

.marche_title02 {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .marche_title02 {
    font-size: 40px;
  }
}

.marche_title02:before {
  position: relative;
  top: 10px;
  margin: 0 10px 0 0;
  content: url(https://www.el-sun.com/wp-content/uploads/2021/04/ana.png);
}

.marche_txt {
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  font-size: 14px;
}

@media screen and (min-width: 768px) {
  .marche_txt {
    font-size: 16px;
  }
}

.marche_txt_b {
  font-weight: bold;
  text-align: center;
  margin-bottom: 10px;
  font-size: 16px;
}

@media screen and (min-width: 768px) {
  .marche_txt_b {
    font-size: 20px;
  }
}

.marche_txt_center {
  margin-bottom: 20px;
  text-align: center;
}

.marche_txt_center span {
  border: solid 3px #182987;
  padding: 5px 12px;
  border-radius: 10px;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (min-width: 768px) {
  .marche_txt_center span {
    font-size: 20px;
  }
}

.marche_flex {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .marche_flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.marche_flex p {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .marche_flex p {
    font-size: 18px;
  }
}

.marche_flex p:nth-of-type(2) {
  border: solid 3px #182987;
  padding: 5px 12px;
  border-radius: 10px;
}

@media screen and (min-width: 768px) {
  .marche_flex p:nth-of-type(2) {
    margin-left: 10px;
  }
}

.marche_flex02 {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .marche_flex02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.marche_flex02 p {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .marche_flex02 p {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .marche_flex02 p:nth-of-type(2) {
    margin-left: 10px;
  }
}

.marche_flex03 {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .marche_flex03 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.marche_flex03 p {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .marche_flex03 p {
    font-size: 18px;
  }
}

@media screen and (min-width: 768px) {
  .marche_flex03 p:nth-of-type(2) {
    margin-left: 25px;
  }
}

.marche_area_box {
  border: solid 3px #182987;
  padding: 20px 20px 10px;
  border-radius: 15px;
  margin-top: 30px;
}

@media screen and (min-width: 768px) {
  .marche_area_box {
    border: solid 8px #182987;
    padding: 20px 40px 10px;
    border-radius: 30px;
  }
}

.marche_area_box .marche_flex04 {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .marche_area_box .marche_flex04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.marche_area_box .marche_flex04 .marche_flex04_txt {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 20px;
}

@media screen and (min-width: 768px) {
  .marche_area_box .marche_flex04 .marche_flex04_txt {
    font-size: 18px;
    width: 75%;
    line-height: 2.4em;
    margin-top: 20px;
  }
}

.marche_area_box .marche_flex04 div p {
  text-align: center;
  margin: 0 auto;
}

/* CSS Document */
@media (min-width: 768px) {
  /* ***********	PC投稿用基本CSS ********************** */
  span.post_days {
    font-size: 10px !important;
  }
  .alignleft,
  img.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-top: 4px;
  }
  .alignright,
  img.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-top: 4px;
  }
  .aligncenter,
  img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  img.alignleft,
  img.alignright,
  img.aligncenter {
    margin-bottom: 12px;
  }
  .alignnone {
    float: none;
  }
  .size-full {
    max-width: 840px;
    text-align: center;
    margin: 0 auto;
  }
  .post p {
    line-height: 2;
    padding-bottom: 15px;
    text-align: left;
  }
  .post p.postmeta {
    margin-bottom: 10px;
  }
  .wp-caption-text {
    margin: 5px 0 0;
  }
  .wp-caption {
    border: solid 1px #cccccc;
    background-color: #f1f1f1;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 25px;
  }
  #page_navigation {
    margin: 0px 30px;
    height: 30px;
    position: relative;
  }
  .nav_previous,
  .nav_next {
    width: 150px;
    height: 30px;
  }
  .nav_previous a,
  .nav_next a {
    width: 150px;
    height: 30px;
    display: block;
    text-indent: -9999px;
    white-space: nowrap;
    overflow: hidden;
  }
  .nav_previous {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  .nav_next {
    position: absolute;
    top: 0px;
    right: 0px;
  }
  .nav_previous a {
    background: url(images/nav_previous.png);
  }
  .nav_next a {
    background: url(images/nav_next.png);
  }
  /* ********	PC用アーカイブ用********************** */
  .archive_post {
    border-bottom: 2px dotted #111;
    padding-bottom: 30px;
    margin-bottom: 40px;
  }
  .post_title {
    font-weight: bold;
    margin-bottom: 25px;
    padding: 0 15px 10px 15px;
    letter-spacing: 0.2em;
    font-size: 22px;
    border-bottom: solid 1px #aaa;
  }
  .archive_post h2 a {
    text-decoration: none;
  }
  .archive_post p.thumb {
    float: left;
    margin: 15px 25px 0 0;
    padding-left: 10px;
    padding-bottom: 20px;
  }
  .archive_txt p {
    padding: 15px 20px 0 30px;
    margin-bottom: 30px;
    text-align: left;
    line-height: 2;
    letter-spacing: 0.1em;
  }
  .gutters .staff_blog_col {
    width: 100%;
    display: block;
  }
  .gutters .staff_blog_col img {
    width: 100%;
    display: block;
    margin-bottom: 10px;
  }
  .gutters .staff_blog_col:nth-of-type(4n+1) {
    margin-left: 0;
  }
  /* PC用シングルページ------------------------------------------*/
  #under_twocolumn_area {
    margin-bottom: 50px;
  }
  .eyecatch {
    text-align: center;
    width: 840px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .eyecatch img {
    width: 100%;
    display: block;
  }
  .single_kiji p {
    padding-right: 10px;
    padding-left: 10px;
  }
  .post p.postdate {
    text-align: left;
    font-size: 12px;
    margin: 0;
    padding-left: 15px;
  }
  /*===シングル用ページャー=====*/
  .navigation {
    text-align: center;
    padding: 1em 0;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .navitop {
    float: left;
    width: 12%;
    text-align: center;
  }
  .navileft {
    float: left;
    width: 44%;
    text-align: left;
    word-break: break-all;
    line-height: 1.5em;
    font-size: 12px;
  }
  .naviright {
    float: right;
    width: 44%;
    text-align: right;
    word-break: break-all;
    line-height: 1.5em;
    font-size: 12px;
  }
}

@media screen and (max-width: 768px) {
  /* ************	スマホ投稿用基本CSS ********************** */
  .alignleft,
  img.alignleft {
    display: inline;
    float: left;
    margin-right: 20px;
    margin-top: 4px;
  }
  .alignright,
  img.alignright {
    display: inline;
    float: right;
    margin-left: 20px;
    margin-top: 4px;
  }
  .aligncenter,
  img.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  img.alignleft,
  img.alignright,
  img.aligncenter {
    margin-bottom: 12px;
  }
  .alignnone {
    float: none;
  }
  .size-full {
    width: 80% !important;
    height: auto;
    text-align: center;
    margin: 0 auto;
  }
  .post p {
    line-height: 2;
    padding-bottom: 15px;
    text-align: left;
  }
  .post p.postmeta {
    margin-bottom: 10px;
  }
  .wp-caption-text {
    margin: 5px 0 0;
  }
  .wp-caption {
    border: solid 1px #cccccc;
    background-color: #f1f1f1;
    text-align: center;
    padding: 5px 0;
    margin-bottom: 25px;
  }
  /* ********	 *	タグ基本CSS*********************** */
  #content sup {
    font-size: 10px;
  }
  p {
    display: block;
  }
  #content table th span.require {
    color: red;
    font-size: 10px;
    font-weight: normal;
  }
  div#contents_block {
    margin: 0px 10px 20px 10px;
  }
  input[type="email"],
  input[type="text"],
  textarea {
    padding: 5px 8px;
    margin: 0px auto;
    border: 1px solid #aaa;
  }
  input[type="submit"] {
    padding: 8px 30px;
    margin: 0px auto;
  }
  .contents_block {
    margin: 0px 10px 40px 10px;
  }
  .contents_block p {
    margin: 0px 0px 10px 0px;
  }
  /* 前後のページへのリンク */
  #pagenation {
    font-size: 12px;
    overflow: hidden;
  }
  #pagenation a:hover {
    color: #ff8800;
  }
  .oldpage {
    margin: 0;
    float: left;
  }
  .newpage {
    margin: 0;
    float: right;
  }
  /* **********	スマホアーカイブ用 **************** */
  .archive_blog_box {
    float: left;
    width: 48%;
    margin-bottom: 20px;
    margin-left: 1%;
    margin-right: 1%;
  }
  .archive_blog_txt {
    padding: 10px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee;
    text-align: center;
  }
  .archive_blog_txt_postdate {
    color: #aaa;
    font-size: 12px;
  }
  .archive_blog_title {
    font-size: 16px;
  }
  .archive_post {
    border-bottom: 2px dotted #111;
    padding-bottom: 15px;
    margin-bottom: 25px;
    padding-top: 10px;
  }
  .archive_post h2 a {
    text-decoration: none;
  }
  .archive_post .thumb {
    text-align: center;
    margin-bottom: 10px;
  }
  .archive_post .thumb img {
    width: 85%;
    height: auto;
  }
  .archive_txt p {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    margin-bottom: 20px;
    text-align: left;
  }
  .post_single_title,
  .post_title {
    font-weight: bold;
    margin-bottom: 20px;
    padding: 0 15px 20px 15px;
    letter-spacing: 0.1em;
    font-size: 15px;
    border-bottom: solid 1px #aaa;
  }
  /* スマホシングルページ---------------------------------------------*/
  #under_twocolumn_area {
    padding: 20px 0;
    margin: 0 0 10px;
  }
  .eyecatch {
    text-align: center;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
  }
  .single_kiji p {
    padding-right: 15px;
    padding-left: 15px;
  }
  .post p.postdate {
    text-align: left;
    font-size: 12px;
    margin: 0;
    padding-left: 10px;
  }
  /*===スマホアーカイブページボタン装飾=====*/
  .archive_txt {
    padding-bottom: 20px;
  }
  /*===スマホシングル用ページャー=====*/
  .navigation {
    text-align: center;
    padding: 1em 0;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
  }
  .navitop {
    float: left;
    width: 12%;
    text-align: center;
  }
  .navileft {
    float: left;
    width: 44%;
    text-align: left;
    word-break: break-all;
    line-height: 1.5em;
    padding-left: 1%;
    font-size: 12px;
  }
  .naviright {
    float: right;
    width: 44%;
    text-align: right;
    word-break: break-all;
    line-height: 1.5em;
    padding-right: 1%;
    font-size: 12px;
  }
  /* ****PC用前後のページへのリンク******************************* */
  #pagenation {
    font-size: 13px;
    background: #f5f5f5;
    text-align: center;
    margin-top: 25px;
    padding: 15px 10px;
  }
  .wp-pagenavi {
    margin-top: 40px;
    margin-bottom: 55px;
    text-align: center;
  }
}

.border_none {
  text-decoration: none !important;
}
/*# sourceMappingURL=style.css.map */