/* ==========================================================================
   Layout - Header
   ========================================================================== */
/* brewery-local-nav
   ========================================================================== */
.brewery-local-nav {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #e4e5ec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 0;
  padding-bottom: 41px;
  max-width: 1200px;
}
.brewery-local-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.brewery-local-nav ul li:not(:last-child) {
  margin-right: 50px;
}
.brewery-local-nav ul li a {
  color: #333;
  display: inline-block;
  font-weight: bold;
  padding: 10px 0;
  position: relative;
}
.brewery-local-nav ul li a:before {
  background-color: #f3be00;
  content: '';
  height: 3px;
  width: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-transition: .3s ease;
  transition: .3s ease;
}
@media (min-width: 769px) {
  .brewery-local-nav ul li a.is-current,
  .brewery-local-nav ul li a:hover {
    text-decoration: none;
  }
  .brewery-local-nav ul li a.is-current:before,
  .brewery-local-nav ul li a:hover:before {
    width: 100%;
  }
}
.brewery-local-nav .brewery-local-nav_other {
  border-left: 1px solid #e4e5ec;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  padding: 15px 0 15px 40px;
}
.brewery-local-nav .brewery-local-nav_other > p {
  display: inline-block;
  margin-top: 0;
  vertical-align: top;
}
.brewery-local-nav .brewery-local-nav_other > p:not(:last-child) {
  margin-right: 26px;
}
.brewery-local-nav .brewery-local-nav_other > .m-link {
  margin-top: 5px;
}
/* brewery-detail
   ========================================================================== */
@media (min-width: 769px) {
  .brewery-detail .m-dl > dl > dt {
    width: 15%;
  }
  .brewery-detail .m-dl > dl > dd {
    width: 85%;
  }
}
/* iframe
   ========================================================================== */
.iframe iframe {
  height: 290px;
  width: 100%;
}
/* application
   ========================================================================== */
.application {
  text-align: center;
}
.application .m-button {
  margin: auto;
}
@media (max-width: 768px) {
  .application .m-button {
    margin-top: 20px;
  }
}
.application .m-button > a {
  background-color: #16181a;
  color: #fff;
  font-size: 1.13em;
  padding: 20px 0;
}
@media (max-width: 768px) {
  .application .m-button > a {
    font-size: 1em;
  }
}
.application .m-button > a:before {
  background: #fff;
}
.application .m-button > a:after {
  content: none;
}
@media (min-width: 769px) {
  .application .m-button > a:hover {
    color: #222;
  }
}
.application .m-btn-list {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .application_address {
    text-align: left;
  }
}
.application .application_box {
  border-top: 1px solid #d8caaf;
  margin-top: 60px;
  padding-top: 30px;
  text-align: left;
}
@media (max-width: 768px) {
  .application .application_box {
    margin-top: 50px;
  }
}
/* brewery-top_main
   ========================================================================== */
.brewery-top_main_data {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 50px;
}
.brewery-top_main_data_title {
  font-size: 4em;
  font-weight: bold;
  line-height: 1.3;
}
@media (min-width: 769px) {
  .brewery-top_main_data_title {
    width: 60%;
  }
}
.brewery-top_main_data_text {
  margin-left: auto;
}
@media (min-width: 769px) {
  .brewery-top_main_data_text {
    width: 35%;
  }
}
.brewery-top_main_data_area {
  color: #777;
  font-size: 1.2em;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .brewery-top_main_data {
    display: block;
    margin-top: 20px;
  }
  .brewery-top_main_data_title {
    font-size: 2.6em;
  }
  .brewery-top_main_data_text {
    margin-top: 20px;
  }
  .brewery-top_main_data_area {
    margin-top: 15px;
  }
}
/* brewery-top_main
   ========================================================================== */
.brewery-top .m-information {
  margin-top: 60px;
}
@media (max-width: 768px) {
  .brewery-top .m-information {
    margin-top: 30px;
  }
}
/* ==========================================================================
   Shisetsu
   ========================================================================== */
/* img
   ========================================================================== */
.shisetsu .img {
  margin-top: 50px;
}
@media (max-width: 768px) {
  .shisetsu .img {
    margin-top: 40px;
  }
}
.shisetsu .m-media .m-media_box > figure {
  max-width: 500px;
}
/* link-list
   ========================================================================== */
.shisetsu .link-list {
  margin-top: 30px;
}
@media (max-width: 768px) {
  .shisetsu .link-list {
    margin-top: 20px;
  }
}
.shisetsu .link-list .m-link:not(:first-child) {
  margin-top: 10px;
}
/* ==========================================================================
   Kengaku
   ========================================================================== */
/* course-list
   ========================================================================== */
.course-list li {
  counter-increment: list;
}
.course-list li figure figcaption {
  margin-top: 15px;
  padding-left: 43px;
  text-indent: -43px;
}
.course-list li figure figcaption:before {
  background: #16181a;
  color: #fff;
  content: counter(list);
  display: inline-block;
  line-height: 28px;
  margin-right: 15px;
  text-align: center;
  padding-left: 0;
  text-indent: 0;
  width: 28px;
}
@media (max-width: 768px) {
  .course-list.m-media.theme-column.opt-4column > ul {
    display: block;
    margin-right: 0;
  }
  .course-list.m-media.theme-column.opt-4column > ul li {
    padding-right: 0;
    width: auto;
  }
  .course-list.m-media.theme-column.opt-4column > ul li:nth-child(2) {
    margin-top: 40px;
  }
}
/* tasting
   ========================================================================== */
.tasting {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .tasting {
    display: block;
  }
}
.tasting li {
  margin-right: 25px;
}
@media (max-width: 768px) {
  .tasting li {
    margin-right: 0;
  }
  .tasting li:not(:first-child) {
    margin-top: 10px;
  }
}
.tasting li a {
  color: #333;
  text-decoration: none;
}
.tasting li a figure {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.tasting li a figure figcaption {
  margin-left: 20px;
}
/* tour-time
   ========================================================================== */
.tour-time {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}
@media (max-width: 768px) {
  .tour-time {
    display: block;
  }
}
@media (min-width: 769px) {
  .tour-time .m-table {
    margin-top: 0;
    width: 48.6%;
  }
}
.tour-time .m-table:nth-child(2n) {
  margin-left: auto;
}
/* m-media
   ========================================================================== */
.kengaku .m-media_img {
  max-width: 500px;
}
/* ==========================================================================
   Information
   ========================================================================== */
/* information_date
   ========================================================================== */
.information_date {
  color: #777;
  line-height: 1;
}
.information_date span {
  border-left: 1px solid #777;
  display: inline-block;
  margin-left: 20px;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .information_date span {
    border-left: 0;
    display: block;
    margin: 10px 0 0;
    padding-left: 0;
  }
}