@charset "UTF-8";
/* //////////////////////////////////////////////////

　トップページ

////////////////////////////////////////////////// */
/* common
-------------------------------------------------- */
.ttl01 {
  margin-bottom: 0.8em; }

.btn.style {
  padding: 20px;
  font-size: 1.2em; }

.buttons li + li {
  margin-top: 30px; }

/* ///////// RESPONSIVE ///////// */
@media screen and (max-width: 980px) {
  .btn.style {
    padding: 20px; }

  .buttons li + li {
    margin-top: 20px; } }
/* first_view
-------------------------------------------------- */
.first_view {
  display: flex;
  flex-direction: column;
  height: 100vh; }
  @media screen and (max-width: 1100px) {
    .first_view {
      height: calc(100vh - 60px); } }
  @media screen and (max-width: 768px) {
    .first_view {
      height: calc(100vh - 45px); } }

/* mainimg
-------------------------------------------------- */
#home-mainimg {
  position: relative;
  height: 100%;
  min-height: 70%;
  display: flex;
  align-items: center; }
  #home-mainimg .slick {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto; }
    #home-mainimg .slick .slick-list, #home-mainimg .slick .slick-track, #home-mainimg .slick .lick-slide {
      height: 100%; }
    #home-mainimg .slick .slick-slide {
      background-position: center;
      background-size: cover; }
    #home-mainimg .slick .slick-dots {
      bottom: 0px; }
  #home-mainimg .content {
    position: relative;
    z-index: 2;
    width: 340px;
    margin: 0 3% 0 auto; }
    #home-mainimg .content .btn {
      margin-top: 40px; }
  @media screen and (max-width: 1100px) {
    #home-mainimg .content {
      width: 300px; } }
  @media screen and (max-width: 768px) {
    #home-mainimg .content {
      width: 45%; }
      #home-mainimg .content .btn {
        margin-top: 30px; } }

/* BANNER
-------------------------------------------------- */
#home-banner {
  background: #6ddabe;
  padding: 20px 10px;
  text-align: center; }
  #home-banner .slick-slide img {
    width: 100%; }
  @media screen and (max-width: 768px) {
    #home-banner {
      padding: 10px; } }

/* イベント情報 ＆ お知らせ
-------------------------------------------------- */
#home-event .buttons,
#home-news .buttons {
  margin-top: 90px; }
  #home-event .buttons li,
  #home-news .buttons li {
    width: calc(33% - 10px);
    margin: 0 5px; }
    #home-event .buttons li figure img,
    #home-news .buttons li figure img {
      height: auto; }
  @media screen and (max-width: 768px) {
    #home-event .buttons,
    #home-news .buttons {
      margin-top: 60px; }
      #home-event .buttons li,
      #home-news .buttons li {
        display: block;
        width: 400px;
        max-width: 100%;
        margin: 10px auto; } }

#home-news h2 {
  margin-bottom: 0.2em; }

/* お店を探す
-------------------------------------------------- */
#home-shop section {
  margin-top: 40px; }
  #home-shop section + section {
    margin-top: 60px; }
  #home-shop section .shops {
    justify-content: flex-start; }
#home-shop h3.niigata {
  background-image: url("/img/home/bg_ttl_niigata.png"); }
#home-shop h3.tokyo {
  background-image: url("/img/home/bg_ttl_tokyo.png"); }
@media screen and (max-width: 768px) {
  #home-shop section {
    margin-top: 30px; }
    #home-shop section + section {
      margin-top: 40px; } }

/* 伝統と風土に育まれ新たな酒文化を醸す
-------------------------------------------------- */
.bg-image section {
  position: relative;
  padding: 60px 30px 0;
  outline: 2px solid #fff;
  outline-offset: -20px;
  background-repeat: no-repeat;
  background-position: center bottom;
  background-color: #bbede0;
  background-size: 100%;
  height: 600px;
  text-align: center; }
  .bg-image section h2 {
    background: url("/img/home/line_ttl.png") no-repeat center bottom;
    padding: 15px 0;
    font-size: 1.8em;
    line-height: 1.2;
    letter-spacing: 0.15em; }
  .bg-image section .buttons {
    position: absolute;
    bottom: 120px;
    left: 30px;
    right: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 160px; }
    .bg-image section .buttons .btn {
      max-width: 430px; }
  @media screen and (max-width: 980px) {
    .bg-image section {
      padding: 40px 30px 60px; }
      .bg-image section .buttons {
        bottom: 100px;
        height: 140px; } }
  @media screen and (max-width: 768px) {
    .bg-image section .buttons {
      position: static;
      display: block;
      height: inherit;
      margin-top: 70px; } }

#home-mind h2 {
  margin-bottom: 0.4em;
  background-position: center;
  line-height: 2; }
#home-mind .buttons {
  justify-content: flex-end; }
@media screen and (max-width: 980px) {
  #home-mind {
    height: 700px; } }
@media screen and (max-width: 768px) {
  #home-mind {
    height: inherit; } }

#home-item h2,
#home-sato h2 {
  margin-bottom: 0.4em;
  background-size: 90% 1px; }
@media screen and (max-width: 768px) {
  #home-item,
  #home-sato {
    height: inherit; } }

@media screen and (max-width: 768px) {
  #home-sato .buttons {
    margin-top: 140px; } }

#home-mind {
  background-image: url("/img/home/bg_sec04.jpg"); }

#home-item {
  background-image: url("/img/home/bg_sec05.jpg"); }

#home-sato {
  background-image: url("/img/home/bg_sec06.jpg"); }

/* お知らせ
-------------------------------------------------- */
.info-group {
  background: url("/img/home/bg_info.jpg");
  background-size: cover; }
  @media screen and (max-width: 980px) {
    .info-group .__col6 {
      width: 100%; }
      .info-group .__col6 + .__col6 {
        margin-top: 40px; } }

#home-info, #home-fb {
  padding-top: 5px; }
  #home-info h2, #home-fb h2 {
    margin-bottom: 0.8em; }

#home-info ul {
  border-top: 1px solid #95dacd; }
  #home-info ul li {
    padding: 15px 10px 20px;
    border-bottom: 1px solid #95dacd; }
    #home-info ul li span {
      line-height: 1.4; }
    #home-info ul li .title {
      display: block;
      font-size: 1.22em; }
    #home-info ul li .btn {
      position: absolute;
      top: 0px;
      right: 40px;
      width: 230px;
      padding: 15px;
      font-size: 1.2em; }
@media screen and (max-width: 980px) {
  #home-info ul li {
    padding: 10px 0px 15px; }
    #home-info ul li .btn {
      right: 20px;
      width: 200px; } }

/* お問い合わせ
-------------------------------------------------- */
#home-contact {
  background: #bbede0;
  padding: 60px 0; }
  #home-contact h2 {
    margin-bottom: 0.8em;
    font-size: 2.2em;
    letter-spacing: 0.1em; }
  #home-contact .note {
    display: inline-block;
    margin: 0.7em 0 2em;
    padding: 5px 10px;
    background: #fff;
    color: #df0048;
    line-height: 1.6; }
  #home-contact .tel img {
    margin-bottom: 8px; }
  @media screen and (max-width: 768px) {
    #home-contact {
      padding: 40px 0; }
      #home-contact ._item + ._item {
        margin-top: 30px; } }