<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/***************************************************************
File name  　　　　 : 　　　common.css
Description 　　　　:　　　 共通スタイル定義
Date       　　　　 :      2021/08
**************************************************************/
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&amp;display=swap");
/*mixin*/
/*-------------------------------------------------------------
reset
-------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  /*vertical-align:top;*/
  background: transparent; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  /*vertical-align:top;*/ }

html {
  scroll-behavior: smooth; }

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  margin: 0;
  padding: 0;
  line-height: 1.6;
  -webkit-text-size-adjust: 100%; }

section {
  position: relative; }

h1, h2, h3, h4, h5, h6, address, .note, #menuWrap &gt; ul &gt; li &gt; a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  letter-spacing: 0.05em;
  font-family: 'Noto Serif JP', serif; }

table, th, td {
  margin: 0;
  padding: 0;
  line-height: 1.6; }

table {
  border-collapse: separate;
  border-spacing: 0; }

th {
  text-align: left;
  font-weight: normal; }

img {
  vertical-align: top;
  border: 0; }

ul, ol, li, dl, dt, dd {
  margin: 0;
  padding: 0;
  list-style-type: none;
  line-height: 1.6; }

p {
  margin: 0;
  padding: 0;
  line-height: 1.5; }

input, select, textarea {
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: middle; }

input[type="text"], input[type="submit"], textarea {
  -webkit-appearance: none; }

/*-------------------------------------------------------------
common
-------------------------------------------------------------*/
section {
  min-width: 1080px; }

body {
  font-family: YakuHanJP,a-otf-gothic-bbb-pr6n,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  color: #231815;
  font-size: 16px;
  line-height: 2.0;
  min-width: 1140px;
  -webkit-text-size-adjust: none; }

a {
  color: #231815;
  text-decoration: none; }

a:hover {
  opacity: 0.8;
  transition: opacity 0.3s; }

div {
  line-height: 1.6; }

p {
  line-height: 2.0; }

.wrap {
  width: 1080px;
  margin: 0 auto;
  position: relative; }

h2 {
  text-align: center;
  font-size: 28px;
  line-height: 1.6;
  letter-spacing: 0.15rem; }

h3 {
  color: #451f3d;
  text-align: center;
  font-size: 18px;
  line-height: 1.6;
  width: 240px;
  line-height: 2;
  margin: 0 auto; }
  h3 span {
    font-size: 32px;
    display: block;
    border-bottom: solid 1px #555;
    border-bottom-color: #451f3d;
    line-height: 2; }

header {
  width: 100%;
  height: 0px;
  position: relative;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: #fff;
  display: flex;
  justify-content: flex-end; }

/*202206-A-05_20220824_ADD-[S]*/
.btnEc {
  width: 776px;
  margin: 0 auto; }
  .btnEc a {
    display: block; }
    .btnEc a img {
      width: 100%;
      height: auto; }

/*202206-A-05_20220824_ADD-[E]*/
/*=============================
.btn-trigger
=============================*/
.btn-trigger {
  position: relative;
  width: 60px;
  height: 60px;
  cursor: pointer;
  background-color: #2b252a; }
  .btn-trigger span {
    position: absolute;
    left: 17px;
    width: 26px;
    height: 2px;
    background-color: #fff; }
    .btn-trigger span:nth-of-type(1) {
      top: 21px; }
    .btn-trigger span:nth-of-type(2) {
      top: 28px; }
    .btn-trigger span:nth-of-type(3) {
      top: 35px; }

.btn-trigger, .btn-trigger span {
  display: inline-block;
  transition: all .5s;
  box-sizing: border-box; }

#menuBtn.active span:nth-of-type(1) {
  -webkit-transform: translateY(7px) rotate(-45deg);
  transform: translateY(7px) rotate(-45deg); }

#menuBtn.active span:nth-of-type(2) {
  opacity: 0; }

#menuBtn.active span:nth-of-type(3) {
  -webkit-transform: translateY(-7px) rotate(45deg);
  transform: translateY(-7px) rotate(45deg); }

#menuWrap {
  position: fixed;
  right: 0;
  width: 490px;
  height: 100%;
  background-color: #2b252a;
  padding: 100px 0 100px;
  z-index: 100;
  overflow-y: auto;
  transition: all 0.3s 0s ease;
  opacity: 0;
  visibility: hidden;
  box-sizing: border-box;
  padding: 80px 0 30px;
  /*202206-A-05_20220824_ADD-[S]*/
  /*202206-A-05_20220824_ADD-[E]*/ }
  #menuWrap ul {
    width: 75%;
    margin: 0 auto; }
    #menuWrap ul:first-of-type li {
      border-bottom: solid 1px #555155;
      width: 100%; }
      #menuWrap ul:first-of-type li a {
        color: #fff;
        text-align: center;
        font-size: 18px;
        line-height: 1.6;
        width: 100%;
        display: block;
        padding: 20px 0; }
    #menuWrap ul:last-of-type {
      display: flex;
      flex-direction: column;
      margin-top: 50px; }
      #menuWrap ul:last-of-type li {
        /*202206-A-05_20220824_ADD-[S]*/
        /*202206-A-05_20220824_ADD-[E]*/ }
        #menuWrap ul:last-of-type li:first-of-type a {
          height: 60px; }
        #menuWrap ul:last-of-type li:nth-of-type(2) a {
          height: 60px; }
        #menuWrap ul:last-of-type li:last-of-type a {
          height: 70px; }
        #menuWrap ul:last-of-type li a {
          background-color: #fff;
          border-radius: 50px;
          display: table;
          width: 370px;
          margin-bottom: 20px;
          /*202206-A-05_20220824_ADD-[S]*/
          /*202206-A-05_20220824_ADD-[E]*/ }
          #menuWrap ul:last-of-type li a p {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-family: 'Noto Serif JP', serif;
            position: relative; }
          #menuWrap ul:last-of-type li a .ec {
            font-size: 18px;
            left: 20px; }
            #menuWrap ul:last-of-type li a .ec:before {
              content: "";
              background: url("../img/ico/cart.svg") no-repeat;
              background-size: contain;
              width: 30px;
              height: 30px;
              position: absolute;
              top: 16px;
              left: 38px; }
          #menuWrap ul:last-of-type li a .mail {
            font-size: 18px;
            left: 20px; }
            #menuWrap ul:last-of-type li a .mail:before {
              content: "";
              background: url("../img/ico/mail.svg") no-repeat;
              background-size: contain;
              width: 30px;
              height: 30px;
              position: absolute;
              top: 16px;
              left: 38px; }
          #menuWrap ul:last-of-type li a div {
            display: table;
            margin: 0 auto;
            position: relative; }
            #menuWrap ul:last-of-type li a div:before {
              content: "";
              background: url("../img/ico/tel.svg") no-repeat;
              background-size: contain;
              width: 30px;
              height: 30px;
              position: absolute;
              top: 16px;
              left: -16px; }
          #menuWrap ul:last-of-type li a .tel {
            display: table-cell;
            font-size: 24px;
            line-height: 44px;
            text-align: left;
            left: 20px; }
          #menuWrap ul:last-of-type li a span {
            display: block;
            font-family: "游ゴシック体", YuGothic;
            text-align: left;
            font-size: 16px;
            color: #484848;
            line-height: 15px; }
  #menuWrap .fb {
    width: 48px;
    margin: 30px auto 0; }
    #menuWrap .fb a {
      display: block; }
      #menuWrap .fb a img {
        width: 100%;
        height: auto; }

.menuActive {
  opacity: 1 !important;
  transition: all 0.5s 0s ease !important;
  visibility: visible !important; }

#mv {
  margin-top: 0px;
  position: relative;
  width: 100%;
  height: calc(100vh - 0px);
  background: url("../img/mv/photo_mv1.jpg") no-repeat top center;
  background-size: cover;
  min-height: 600px;
  max-height: 1100px; }

.mvLine {
  border-width: 2px;
  border-color: #fff;
  border-style: solid;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
  position: relative;
  top: 30px;
  left: 30px;
  z-index: 10;
  opacity: 0.7; }

.mvCover {
  content: '';
  background-color: rgba(32, 24, 30, 0.9);
  background-size: cover;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 490px;
  overflow-x: hidden; }
  .mvCover h1 img {
    position: absolute;
    left: 60px;
    top: 90px; }
  .mvCover #bacchus {
    object-fit: cover;
    position: absolute;
    left: 60px;
    bottom: 0;
    height: 82%;
    width: auto; }
  .mvCover #logo {
    position: absolute;
    left: 60px;
    bottom: 65px; }

/*202206-A-05_20220824_ADD-[S]*/
#bnr {
  padding: 60px 0;
  background: url(../img/common/bg_pattern3.jpg) repeat; }

/*202206-A-05_20220824_ADD-[E]*/
#news {
  display: flex;
  /*202206-A-05_20220824_CHG-[S]*/
  /*    div{
  		&amp;:first-child{
  			display: flex;
  			align-items: center;
  			justify-content: center;
  			position: relative;
  			width: 400px;
  			height: auto;
  			min-height: 150px;
  			background: url("../img/common/bg_pattern1.jpg") repeat;
  			padding: 80px 0 0 0;
  			img{
  				margin-left: 24px;
  				margin-bottom: 10px;
  			}
  		}
  		&amp;:last-child{
  			display: flex;
  			width: calc(100% - 400px);
  			padding: 60px 70px 65px 50px;
  		}
  		span{
  			font-family: "Arial";
  			font-size: 17px;
  			color: #8c8c8c;
  			margin-left: 50px;
  			margin-top: 3px;
  		}
  		dl{
  			margin-left: 50px;
  		}
  		dt{
  			font-size: 20px;
  			font-weight: bold;
  			color: #451f3d;
  		}
  		dd{
  			margin-top: 15px;
  			margin-right: 30px;
  			word-break: break-all;
  		}
  	}*/
  /*202206-A-05_20220824_CHG-[E]*/ }
  #news h2 {
    color: #fff;
    position: relative; }
    #news h2:before {
      content: "";
      background: url("../img/news/img_grape.png") no-repeat;
      width: 70px;
      height: 76px;
      position: absolute;
      top: -84px;
      left: 36px; }
  #news .ttl {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 400px;
    height: auto;
    min-height: 150px;
    background: url("../img/common/bg_pattern1.jpg") repeat;
    padding: 80px 0 0 0; }
    #news .ttl img {
      margin-left: 24px;
      margin-bottom: 10px; }
  #news .conte {
    width: calc(100% - 400px);
    padding: 60px 70px 35px 50px;
    box-sizing: border-box; }
    #news .conte &gt; div {
      display: flex;
      margin-bottom: 30px; }
      #news .conte &gt; div span {
        min-width: 100px;
        font-family: "Arial";
        font-size: 17px;
        color: #8c8c8c;
        margin-left: 50px;
        margin-top: 3px; }
      #news .conte &gt; div dl {
        margin-left: 50px; }
      #news .conte &gt; div dt {
        font-size: 20px;
        font-weight: bold;
        color: #451f3d; }
      #news .conte &gt; div dd {
        margin-top: 15px;
        margin-right: 30px;
        word-break: break-all; }
        #news .conte &gt; div dd p {
          font-size: 18px;
          font-weight: bold;
          color: #451f3d; }
        #news .conte &gt; div dd a {
          color: #451f3d;
          text-decoration: underline; }

#particular {
  background: url("../img/common/bg_pattern2.jpg") repeat;
  padding-top: 130px;
  position: relative; }
  #particular:before {
    content: "";
    background: url("../img/particular/img_glass.png") no-repeat;
    width: 119px;
    height: 184px;
    position: absolute;
    top: 390px;
    left: 30px; }
  #particular:after {
    content: "";
    background: url("../img/particular/img_wineOpener.png") no-repeat;
    width: 173px;
    height: 317px;
    position: absolute;
    right: 0;
    top: -70px; }
  #particular h2 {
    color: #fff;
    position: relative; }
    #particular h2:after {
      content: "";
      background: url("../img/particular/img_barrel1.png") no-repeat;
      width: 204px;
      height: 149px;
      position: absolute;
      top: 90px;
      left: calc(50% - 110px); }
  #particular img {
    display: block;
    margin: 0 auto;
    margin-top: 50px; }
  #particular .read {
    display: block;
    margin: 0 auto;
    text-align: center;
    width: 860px;
    color: #fff;
    margin-top: 255px; }
  #particular ul {
    display: flex;
    text-align: left;
    margin-top: 20px;
    position: relative;
    bottom: -90px; }
    #particular ul li:first-child {
      content: "";
      background: url("../img/particular/photo_particular.jpg") no-repeat;
      background-size: cover;
      width: 40%;
      height: 450px;
      left: 0; }
    #particular ul li:last-child {
      color: #fff;
      width: 560px;
      margin-top: 80px;
      margin-left: 90px; }

#recommend {
  padding: 350px 0 100px; }
  #recommend:after {
    content: "";
    background: url("../img/particular/img_barrel2.png") no-repeat;
    width: 297px;
    height: 247px;
    position: absolute;
    right: 0;
    top: -90px; }
  #recommend h2 {
    color: #451f3d;
    position: relative; }
    #recommend h2:before {
      content: "";
      background: url("../img/recommend/img_grape1.png") no-repeat;
      width: 251px;
      height: 102px;
      position: absolute;
      top: -110px;
      left: calc(50% - 117px); }
  #recommend p:first-of-type {
    text-align: center;
    margin: 50px 0 0; }
  #recommend ul {
    display: flex; }
    #recommend ul li p {
      text-align: left; }
  #recommend .slick-initialized {
    margin: 0 25px; }
  #recommend .original {
    margin-top: 150px;
    margin-bottom: 360px;
    padding-top: 150px;
    background: url("../img/common/bg_pattern3.jpg") repeat; }
    #recommend .original .headOriginal {
      position: relative; }
      #recommend .original .headOriginal:first-child:after {
        content: "";
        background: url("../img/recommend/img_grape2.png") no-repeat;
        width: 250px;
        height: 251px;
        position: absolute;
        top: 110px;
        left: 380px; }
      #recommend .original .headOriginal img {
        position: relative;
        top: -250px;
        margin-left: 100px;
        margin-bottom: -190px; }
      #recommend .original .headOriginal p {
        margin: 55px 0 0;
        text-align: left; }
      #recommend .original .headOriginal ul {
        display: flex; }
        #recommend .original .headOriginal ul li:first-child {
          content: "";
          width: 55%;
          min-width: 710px;
          height: 420px; }
        #recommend .original .headOriginal ul li:last-child {
          width: 340px;
          margin-top: 30px; }
        #recommend .original .headOriginal ul li P {
          text-align: left; }
  #recommend .heading {
    display: flex; }
    #recommend .heading li:first-child {
      content: "";
      width: 55%;
      min-width: 710px;
      height: 420px; }
    #recommend .heading li:last-child {
      width: 340px;
      margin-top: 30px; }
    #recommend .heading li P {
      text-align: left; }
  #recommend #slider1, #recommend #slider2, #recommend #slider3, #recommend #slider4, #recommend #slider5 {
    width: 1080px;
    margin: 0 auto; }
    #recommend #slider1 li, #recommend #slider2 li, #recommend #slider3 li, #recommend #slider4 li, #recommend #slider5 li {
      margin: 0 10px; }
      #recommend #slider1 li img, #recommend #slider2 li img, #recommend #slider3 li img, #recommend #slider4 li img, #recommend #slider5 li img {
        width: 100%;
        height: auto; }
    #recommend #slider1 span, #recommend #slider2 span, #recommend #slider3 span, #recommend #slider4 span, #recommend #slider5 span {
      display: block;
      text-align: center;
      margin-top: 20px;
      width: calc(100% - 20px);
      height: 50px; }
    #recommend #slider1 .slide-arrow, #recommend #slider2 .slide-arrow, #recommend #slider3 .slide-arrow, #recommend #slider4 .slide-arrow, #recommend #slider5 .slide-arrow {
      bottom: 0;
      margin: auto;
      position: absolute;
      top: 0; }
    #recommend #slider1 .prev-arrow, #recommend #slider2 .prev-arrow, #recommend #slider3 .prev-arrow, #recommend #slider4 .prev-arrow, #recommend #slider5 .prev-arrow {
      left: -25px;
      top: -150px;
      z-index: 10; }
      #recommend #slider1 .prev-arrow:hover, #recommend #slider2 .prev-arrow:hover, #recommend #slider3 .prev-arrow:hover, #recommend #slider4 .prev-arrow:hover, #recommend #slider5 .prev-arrow:hover {
        opacity: 0.9;
        cursor: pointer;
        cursor: hand; }
    #recommend #slider1 .next-arrow, #recommend #slider2 .next-arrow, #recommend #slider3 .next-arrow, #recommend #slider4 .next-arrow, #recommend #slider5 .next-arrow {
      right: -25px;
      top: -150px;
      z-index: 10; }
      #recommend #slider1 .next-arrow:hover, #recommend #slider2 .next-arrow:hover, #recommend #slider3 .next-arrow:hover, #recommend #slider4 .next-arrow:hover, #recommend #slider5 .next-arrow:hover {
        opacity: 0.9;
        cursor: pointer;
        cursor: hand; }
  #recommend #slider1 {
    position: relative;
    top: 210px;
    margin-top: -190px; }
    #recommend #slider1 .prev-arrow {
      top: -50px; }
    #recommend #slider1 .next-arrow {
      top: -50px; }
  #recommend #slider2 {
    margin-top: 110px; }
    #recommend #slider2 .prev-arrow {
      top: -50px; }
    #recommend #slider2 .next-arrow {
      top: -50px; }
  #recommend #slider3 {
    margin-top: 190px; }
    #recommend #slider3 .prev-arrow {
      top: -50px; }
    #recommend #slider3 .next-arrow {
      top: -50px; }
  #recommend #slider4 {
    margin-top: 110px; }
    #recommend #slider4 .prev-arrow {
      top: -50px; }
    #recommend #slider4 .next-arrow {
      top: -50px; }
  #recommend #slider5 {
    margin-top: 170px; }
    #recommend #slider5 .prev-arrow {
      top: -50px; }
    #recommend #slider5 .next-arrow {
      top: -50px; }
  #recommend .rouge {
    display: flex;
    flex-direction: column;
    position: relative; }
    #recommend .rouge .heading li:first-child {
      background: url("../img/recommend/photo_red.jpg") no-repeat;
      background-size: cover; }
    #recommend .rouge .heading li:last-child {
      margin-left: 100px;
      margin-top: 35px; }
  #recommend .blanc {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 290px;
    margin-bottom: 290px; }
    #recommend .blanc:before {
      content: "";
      background: url("../img/recommend/barrel1.png") no-repeat;
      width: 161px;
      height: 271px;
      position: absolute;
      left: 0;
      top: -210px; }
    #recommend .blanc:after {
      content: "";
      background: url("../img/common/bg_pattern4.jpg") repeat;
      width: 80%;
      height: calc(100% + 260px);
      position: absolute;
      top: -140px;
      z-index: -1; }
    #recommend .blanc ul {
      position: relative; }
      #recommend .blanc ul li:first-child {
        background: url("../img/recommend/photo_white.jpg") no-repeat;
        background-size: cover;
        position: absolute;
        right: 0; }
      #recommend .blanc ul li:last-child {
        margin-right: 0;
        margin-left: calc(50% - 540px);
        margin-top: 65px; }
  #recommend .sparkling {
    display: flex;
    flex-direction: column;
    position: relative; }
    #recommend .sparkling:before {
      content: "";
      background: url("../img/recommend/glass.png") no-repeat;
      width: 93px;
      height: 203px;
      position: absolute;
      right: 70px;
      top: -160px; }
    #recommend .sparkling ul li:first-child {
      background: url("../img/recommend/photo_sparkling.jpg") no-repeat;
      background-size: cover; }
    #recommend .sparkling ul li:last-child {
      margin-left: 100px;
      margin-top: 0px; }
  #recommend .gift {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-top: 290px;
    margin-bottom: 190px; }
    #recommend .gift:before {
      content: "";
      background: url("../img/recommend/grape3.png") no-repeat;
      width: 177px;
      height: 303px;
      position: absolute;
      left: 0;
      top: -220px; }
    #recommend .gift:after {
      content: "";
      background: url("../img/common/bg_pattern4.jpg") repeat;
      width: 80%;
      height: calc(100% + 250px);
      position: absolute;
      top: -140px;
      z-index: -1; }
    #recommend .gift ul {
      position: relative; }
      #recommend .gift ul li:first-child {
        background: url("../img/recommend/photo_gift.jpg") no-repeat;
        background-size: cover;
        position: absolute;
        right: 0; }
      #recommend .gift ul li:last-child {
        margin-right: 0;
        margin-left: calc(50% - 540px);
        margin-top: 55px; }
    #recommend .gift .line {
      padding-bottom: 80px;
      border-bottom: 1px solid;
      border-color: #c6bac1; }
    #recommend .gift .note {
      width: 860px;
      margin: 0 auto;
      position: relative;
      line-height: 1.6; }
      #recommend .gift .note p {
        text-align: left;
        font-size: 22px;
        color: #451f3d;
        width: 64%;
        line-height: 1.6;
        margin-top: 80px; }
        #recommend .gift .note p:after {
          content: "";
          background: url("../img/recommend/gift.png") no-repeat;
          width: 255px;
          height: 78px;
          position: absolute;
          right: 0;
          top: 85px; }

#cellar {
  background: url("../img/common/bg_pattern2.jpg") repeat;
  margin-bottom: 350px; }
  #cellar:before {
    content: "";
    background: url("../img/cellar/grape3.png") no-repeat;
    width: 365px;
    height: 192px;
    position: absolute;
    bottom: -194px;
    left: 0;
    z-index: 2; }
  #cellar:after {
    content: "";
    background: url("../img/cellar/glass.png") no-repeat;
    width: 101px;
    height: 170px;
    position: absolute;
    bottom: -177px;
    left: calc(100% - 101px - 56px);
    z-index: 2; }
  #cellar .cellarTitle {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    content: "";
    background: url("../img/cellar/photo_cellar1.jpg") no-repeat;
    background-size: cover;
    z-index: 1;
    width: 100%;
    height: 370px; }
    #cellar .cellarTitle:before {
      content: "";
      background: url("../img/cellar/grape2.png") no-repeat;
      width: 289px;
      height: 123px;
      position: absolute;
      top: 581px;
      right: 0; }
    #cellar .cellarTitle h2 {
      position: relative; }
      #cellar .cellarTitle h2:after {
        content: "";
        background: url("../img/cellar/grape1.png") no-repeat;
        width: 141px;
        height: 153px;
        position: absolute;
        top: 137px;
        left: calc(50% - 60px); }
  #cellar p {
    padding: 155px 0 0px;
    color: #fff;
    text-align: center; }
  #cellar ul {
    display: flex;
    justify-content: space-between;
    position: relative;
    bottom: -140px;
    margin-top: -40px; }
    #cellar ul li:last-child {
      display: flex;
      justify-content: space-between;
      flex-direction: column; }

#access {
  margin-bottom: 120px; }
  #access ul {
    display: flex;
    text-align: left;
    margin: 0 0 70px;
    position: relative; }
    #access ul li:first-child {
      display: flex;
      flex-direction: column;
      text-align: center;
      width: 380px;
      margin-right: 70px; }
      #access ul li:first-child h2 {
        color: #451f3d;
        margin: 180px 0 70px;
        position: relative; }
        #access ul li:first-child h2:before {
          content: "";
          background: url("../img/access/img_grape.png") no-repeat;
          width: 70px;
          height: 76px;
          position: absolute;
          top: -85px;
          left: calc(50% - 24px); }
    #access ul li:last-child {
      width: calc(100% - 450px); }
  #access .gallery {
    display: flex;
    justify-content: space-between;
    margin-bottom: 110px; }
  #access iframe {
    height: 429px;
    width: 100%; }

#story {
  margin: 0 auto;
  position: relative;
  margin-bottom: 180px;
  /*202206-A-05_20220824_ADD-[S]*/
  /*202206-A-05_20220824_ADD-[E]*/ }
  #story h2 {
    color: #451f3d;
    margin-bottom: 200px;
    position: relative; }
    #story h2:after {
      content: "";
      background: url("../img/story/face.png") no-repeat;
      width: 111px;
      height: 112px;
      position: absolute;
      top: 90px;
      left: calc(50% - 54px); }
  #story p {
    text-align: center;
    margin-bottom: 70px; }
  #story ul {
    width: 860px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap; }
    #story ul li {
      margin-top: 27px;
      margin-left: 25px; }
      #story ul li:nth-child(-n+3) {
        margin-top: 0; }
      #story ul li:nth-child(3n+1) {
        margin-left: 0; }
  #story .link {
    font-size: 18px;
    text-align: center;
    color: #451f3d;
    text-decoration: underline;
    margin: 80px auto 0; }

#contact {
  background: url("../img/common/bg_pattern3.jpg") repeat;
  padding: 70px 0 90px;
  color: #451f3d; }
  #contact div {
    width: 860px;
    margin: 0 auto;
    position: relative; }
  #contact ul {
    display: flex;
    justify-content: space-between;
    margin-top: 50px; }
    #contact ul li a {
      background-color: #fff;
      border-radius: 50px;
      display: table;
      width: 420px;
      height: 80px; }
      #contact ul li a p {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        font-family: 'Noto Serif JP', serif;
        position: relative; }
      #contact ul li a .mail {
        font-size: 22px;
        padding-left: 35px; }
        #contact ul li a .mail:before {
          content: "";
          background: url("../img/ico/mail.svg") no-repeat;
          width: 38px;
          height: 38px;
          position: absolute;
          top: 22px;
          left: 54px; }
      #contact ul li a .tel {
        font-size: 30px;
        padding-left: 20px;
        line-height: 32px;
        position: relative;
        top: 2px; }
        #contact ul li a .tel:before {
          content: "";
          background: url("../img/ico/tel.svg") no-repeat;
          width: 38px;
          height: 38px;
          position: absolute;
          top: 7px;
          left: 77px; }
      #contact ul li a span {
        display: block;
        font-family: "游ゴシック体", YuGothic;
        text-align: center;
        font-size: 16px;
        color: #484848;
        position: relative;
        left: -15px; }

/*202206-A-05_20220824_CHG-[S]*/
/*footer{
	min-width: 1080px;
	background-color: #451f3d;
	color: #fff;
	text-align: center;
	font-size: 15px;
	padding: 5px 0;
}*/
footer {
  background-color: #451f3d;
  color: #fff;
  padding: 20px 0; }
  footer .wrap {
    max-width: 1080px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto; }
    footer .wrap p {
      font-size: 15px;
      line-height: 1.4;
      text-align: left; }
    footer .wrap .fb {
      width: 35px; }
      footer .wrap .fb a {
        display: block; }
        footer .wrap .fb a img {
          width: 100%;
          height: auto; }

/*202206-A-05_20220824_CHG-[E]*/
@media screen and (max-width: 480px) {
  section {
    min-width: 100%; }

  body {
    font-family: YakuHanJP,a-otf-gothic-bbb-pr6n,"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    color: #231815;
    font-size: 16px;
    line-height: 2.0;
    min-width: 100%;
    -webkit-text-size-adjust: none; }

  a {
    color: #231815;
    text-decoration: none; }

  a:hover {
    opacity: 0.8; }

  div {
    line-height: 1.6; }

  p {
    line-height: 2.0; }

  .wrap {
    width: 90%;
    margin: 0 auto;
    position: relative; }

  h2 {
    text-align: center;
    font-size: 22px;
    line-height: 1.6;
    letter-spacing: 0.15rem; }

  h3 {
    color: #451f3d;
    text-align: center;
    font-size: 18px;
    line-height: 1.6;
    width: 240px;
    line-height: 2;
    margin: 0 auto; }
    h3 span {
      font-size: 28px;
      line-height: 2; }

  header {
    width: 100%;
    height: 0px;
    position: relative;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    background: #fff;
    display: flex;
    justify-content: flex-end; }

  html.is-fixed, html.is-fixed body {
    height: 100%;
    overflow: hidden; }

  .is-fixed {
    overflow: hidden; }

  /*202206-A-05_20220824_ADD-[S]*/
  .btnEc {
    width: 90%; }

  /*202206-A-05_20220824_ADD-[E]*/
  /*=============================
  .btn-trigger
  =============================*/
  .btn-trigger {
    position: relative;
    width: 60px;
    height: 60px;
    cursor: pointer;
    background-color: #2b252a; }
    .btn-trigger span {
      position: absolute;
      left: 17px;
      width: 26px;
      height: 2px;
      background-color: #fff; }
      .btn-trigger span:nth-of-type(1) {
        top: 21px; }
      .btn-trigger span:nth-of-type(2) {
        top: 28px; }
      .btn-trigger span:nth-of-type(3) {
        top: 35px; }

  .btn-trigger, .btn-trigger span {
    display: inline-block;
    transition: all .5s;
    box-sizing: border-box; }

  #menuBtn.active span:nth-of-type(1) {
    -webkit-transform: translateY(7px) rotate(-45deg);
    transform: translateY(7px) rotate(-45deg); }

  #menuBtn.active span:nth-of-type(2) {
    opacity: 0; }

  #menuBtn.active span:nth-of-type(3) {
    -webkit-transform: translateY(-7px) rotate(45deg);
    transform: translateY(-7px) rotate(45deg); }

  /*202206-A-05_20220824_CHG-[S]*/
  /*	#menuWrap{
  		position: fixed;
  		right: -490px;
  		width: 100%;
  		height: 100%;
  		background-color: #2b252a;
  		padding: 70px 0 0;
  		z-index: 100;
  		overflow-y: scroll;
  		ul{
  			width: 75%;
  			margin: 0 auto;
  			&amp;:first-of-type{
  				li{
  					border-bottom: solid 1px #555155;
  					width: 100%;
  					a{
  						color: #fff;
  						text-align: center;
  						font-size: 18px;
  						line-height: 1.6;
  						width: 100%;
  						display: block;
  						padding: 20px 0;
  					}
  				}
  			}
  			&amp;:last-of-type{
  				display: flex;
  				flex-direction: column;
  				margin-top: 50px;
  				width: 90%;
  				margin-bottom: 100px;
  				li{
  					&amp;:first-of-type{
  						a{
  							height: 60px;
  						}
  					}
  					&amp;:last-of-type{
  						a{
  							height: 70px;
  						}
  					}
  					a{
  						background-color: #fff;
  						border-radius: 50px;
  						display: table;
  						width: 100%;
  						margin-bottom: 20px;
  
  						p{
  							display: table-cell;
  							vertical-align: middle;
  							text-align: center;
  							font-family: 'Noto Serif JP', serif;
  							position: relative;
  						}
  						.mail{
  							font-size: 18px;
  							left: 0;
  							&amp;:before{
  								content: "";
  								background: url("../img/ico/mail.svg") no-repeat;
  								background-size: contain;
  								width: 30px;
  								height: 30px;
  								position: absolute;
  								top: 16px;
  								left: 30px;
  							}
  						}
  						div{
  							display: table;
  							margin: 0 auto;
  							position: relative;
  							&amp;:before{
  								content: "";
  								background: url("../img/ico/tel.svg") no-repeat;
  								background-size: contain;
  								width: 30px;
  								height: 30px;
  								position: absolute;
  								top: 16px;
  								left: -26px;
  							}
  						}
  						.tel{
  							display: table-cell;
  							font-size: 24px;
  							line-height: 44px;
  							text-align: left;
  							left: 7px;
  						}
  						span{
  							display: block;
  							font-family: "游ゴシック体", YuGothic;
  							text-align: left;
  							font-size: 16px;
  							color: #484848;
  							line-height: 15px;
  						}
  					}
  				}
  			}
  		}
  	}*/
  #menuWrap {
    right: -490px;
    width: 100%;
    padding: 50px 0 100px;
    z-index: 100;
    overflow-y: scroll; }
    #menuWrap ul:first-of-type li a {
      font-size: 16px;
      padding: 18px 0; }
    #menuWrap ul:last-of-type {
      width: 90%; }
      #menuWrap ul:last-of-type li a {
        width: 100%; }
        #menuWrap ul:last-of-type li a .ec:before {
          left: 10px; }
        #menuWrap ul:last-of-type li a .mail:before {
          left: 10px; }
        #menuWrap ul:last-of-type li a div:before {
          left: -26px; }

  /*202206-A-05_20220824_CHG-[E]*/
  .menuActive {
    right: 0px !important; }

  #mv {
    margin-top: 0px;
    position: relative;
    width: 100%;
    height: calc(100vh - 0px);
    background: url("../img/mv/photo_mv1.jpg") no-repeat top center;
    background-size: cover;
    min-height: 600px; }

  .mvLine {
    border-width: 2px;
    border-color: #fff;
    border-style: solid;
    width: calc(100% - 30px);
    height: calc(100% - 30px);
    position: relative;
    top: 15px;
    left: 15px;
    z-index: 10;
    opacity: 0.7; }

  .mvCover {
    content: '';
    background-color: rgba(32, 24, 30, 0.9);
    background-size: cover;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
    overflow: hidden; }
    .mvCover h1 img {
      position: absolute;
      left: 30px;
      top: 40px;
      width: 70%;
      height: auto; }
    .mvCover #bacchus {
      object-fit: cover;
      position: absolute;
      left: auto;
      right: -80px;
      bottom: -50px;
      height: 120%;
      width: auto; }
    .mvCover #logo {
      position: absolute;
      left: 30px;
      bottom: 20px;
      width: 40%;
      height: auto; }

  /*202206-A-05_20220824_ADD-[S]*/
  #bnr {
    padding: 30px 0; }

  /*202206-A-05_20220824_ADD-[E*/
  #news {
    display: flex;
    flex-direction: column;
    /*202206-A-05_20220824_CHG-[S]*/
        /*div{
			&amp;:first-child{
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				position: relative;
				width: 100%;
				height: auto;
				min-height: auto;
				background: url("../img/common/bg_pattern1.jpg") repeat;
				padding: 38px 0 38px 0;
				img{
					margin-left: 24px;
					margin-bottom: 10px;
				}
			}
			&amp;:last-child{
				display: flex;
				flex-direction: column;
				height: 100%;
				padding: 45px 0px 60px 0px;
				width: 90%;
				margin: 0 auto;
			}
			span{
				font-family: "Arial";
				font-size: 17px;
				color: #8c8c8c;
				margin-left: 0;
				margin-top: 0;
			}
			dl{
				margin-left: 0;
			}
			dt{
				margin-top: 20px;
				font-size: 20px;
				font-weight: bold;
				color: #451f3d;
			}
			dd{
				margin-top: 20px;
				margin-right: 0px;
				word-break: break-all;
			}
		}
    }*/
    /*202206-A-05_20220824_CHG-[E]*/ }
    #news h2:before {
      width: 70px;
      height: 76px;
      top: -20px;
      left: 22px;
      opacity: 0.2; }
    #news .ttl {
      width: 100%;
      flex-direction: column;
      height: auto;
      min-height: auto;
      padding: 45px 0px 60px; }
    #news .conte {
      width: 100%;
      padding: 30px 20px 50px; }
      #news .conte &gt; div {
        flex-direction: column;
        margin-bottom: 30px; }
        #news .conte &gt; div span {
          margin-left: 0; }
        #news .conte &gt; div dl {
          margin-left: 0; }
        #news .conte &gt; div dd {
          margin-right: 0; }

  #particular {
    background: url("../img/common/bg_pattern2.jpg") repeat;
    padding-top: 65px;
    padding-bottom: 60px;
    position: relative; }
    #particular:before {
      content: "";
      background: url("../img/particular/img_glass.png") no-repeat;
      width: 99px;
      height: 152px;
      position: absolute;
      top: 580px;
      left: -20px; }
    #particular:after {
      content: "";
      background: url("../img/particular/img_wineOpener.png") no-repeat;
      background-size: cover;
      width: 87px;
      height: 158px;
      position: absolute;
      right: 0;
      top: -104px; }
    #particular h2 {
      color: #fff;
      position: relative; }
      #particular h2:after {
        content: "";
        background: url("../img/particular/img_barrel1.png") no-repeat;
        background-size: cover;
        width: 118px;
        height: 87px;
        position: absolute;
        top: 60px;
        left: calc(50% - 65px); }
    #particular img {
      display: block;
      margin: 0 auto;
      margin-top: 50px; }
    #particular .read {
      display: block;
      margin: 0 auto;
      text-align: left;
      width: 90%;
      color: #fff;
      margin-top: 138px; }
    #particular ul {
      display: flex;
      flex-direction: column;
      text-align: left;
      margin-top: 50px;
      position: relative;
      bottom: 0;
      align-items: center;
      justify-content: center; }
      #particular ul li:first-child {
        content: "";
        background: url("../img/particular/photo_particular.jpg") no-repeat;
        background-size: cover;
        width: 90%;
        height: 250px;
        left: 0; }
      #particular ul li:last-child {
        color: #fff;
        width: 90%;
        margin-top: 50px;
        margin-left: 0; }

  #recommend {
    padding: 180px 0 0;
    /*202206-A-05_20220824_ADD-[S]*/
    /*202206-A-05_20220824_ADD-[E]*/ }
    #recommend:after {
      content: "";
      background: url("../img/particular/img_barrel2.png") no-repeat;
      background-size: cover;
      width: 162px;
      height: 136px;
      position: absolute;
      right: 0;
      top: -80px; }
    #recommend h2 {
      color: #451f3d;
      position: relative; }
      #recommend h2:before {
        content: "";
        background: url("../img/recommend/img_grape1.png") no-repeat;
        background-size: cover;
        width: 216px;
        height: 86px;
        position: absolute;
        top: -100px;
        left: calc(50% - 100px); }
    #recommend p:first-of-type {
      text-align: left;
      margin: 30px auto 0;
      width: 90%; }
    #recommend ul {
      display: flex;
      flex-direction: column-reverse; }
      #recommend ul li p {
        text-align: left; }
    #recommend .slick-initialized {
      margin: 0 25px; }
    #recommend .original {
      position: relative;
      margin-top: 90px;
      margin-bottom: 200px;
      padding-top: 150px;
      background: url("../img/common/bg_pattern3.jpg") repeat; }
      #recommend .original p {
        width: 100%; }
      #recommend .original .headOriginal {
        position: relative;
        margin-bottom: -165px; }
        #recommend .original .headOriginal:first-child:after {
          content: "";
          background: url("../img/recommend/img_grape2.png") no-repeat;
          background-size: cover;
          width: 166px;
          height: 166px;
          position: absolute;
          top: 100px;
          left: 170px; }
        #recommend .original .headOriginal li {
          text-align: center; }
        #recommend .original .headOriginal img {
          position: relative;
          top: -200px;
          margin-left: auto;
          margin-bottom: -166px;
          widows: 163px;
          height: 270px; }
        #recommend .original .headOriginal p {
          margin: 25px 0 55px;
          text-align: left; }
        #recommend .original .headOriginal ul {
          display: flex; }
          #recommend .original .headOriginal ul li:first-child {
            content: "";
            width: 100%;
            height: 270px; }
          #recommend .original .headOriginal ul li:last-child {
            width: 100%;
            margin-top: 30px;
            height: auto; }
          #recommend .original .headOriginal ul li P {
            text-align: left; }
    #recommend .heading {
      display: flex; }
      #recommend .heading li:first-child {
        content: "";
        width: 100%;
        min-width: auto;
        height: 270px; }
      #recommend .heading li:last-child {
        width: 100%;
        margin-top: 30px;
        height: 100%; }
      #recommend .heading li P {
        text-align: left;
        margin: 25px auto 45px; }
    #recommend #slider1, #recommend #slider2, #recommend #slider3, #recommend #slider4, #recommend #slider5 {
      width: 100%;
      margin: 0 auto; }
      #recommend #slider1 span, #recommend #slider2 span, #recommend #slider3 span, #recommend #slider4 span, #recommend #slider5 span {
        display: block;
        text-align: center;
        margin-top: 20px;
        width: calc(100% - 0px);
        height: 50px; }
      #recommend #slider1 .slide-arrow, #recommend #slider2 .slide-arrow, #recommend #slider3 .slide-arrow, #recommend #slider4 .slide-arrow, #recommend #slider5 .slide-arrow {
        width: 32px; }
      #recommend #slider1 .prev-arrow, #recommend #slider2 .prev-arrow, #recommend #slider3 .prev-arrow, #recommend #slider4 .prev-arrow, #recommend #slider5 .prev-arrow {
        left: -17px; }
      #recommend #slider1 .next-arrow, #recommend #slider2 .next-arrow, #recommend #slider3 .next-arrow, #recommend #slider4 .next-arrow, #recommend #slider5 .next-arrow {
        right: -17px; }
      #recommend #slider1 li, #recommend #slider2 li, #recommend #slider3 li, #recommend #slider4 li, #recommend #slider5 li {
        margin: 0; }
      #recommend #slider1 .slick-list, #recommend #slider2 .slick-list, #recommend #slider3 .slick-list, #recommend #slider4 .slick-list, #recommend #slider5 .slick-list {
        padding: 0 !important; }
    #recommend #slider1 {
      position: relative;
      top: 150px;
      margin-top: 0px;
      padding: 0; }
    #recommend #slider1 .prev-arrow, #recommend #slider1 .next-arrow, #recommend #slider2 .prev-arrow, #recommend #slider2 .next-arrow, #recommend #slider3 .prev-arrow, #recommend #slider3 .next-arrow, #recommend #slider4 .prev-arrow, #recommend #slider4 .next-arrow, #recommend #slider5 .prev-arrow, #recommend #slider5 .next-arrow {
      top: -63px; }
    #recommend .rouge .heading {
      flex-direction: column; }
      #recommend .rouge .heading li:first-child {
        background: url("../img/recommend/photo_red.jpg") no-repeat;
        background-size: cover; }
      #recommend .rouge .heading li:last-child {
        margin-left: 0px;
        margin-top: 20px; }
    #recommend .blanc {
      position: relative;
      margin-top: 45px;
      margin-bottom: 45px; }
      #recommend .blanc:before {
        background-size: cover;
        width: calc(161px * 0.6);
        height: calc(271px * 0.6);
        position: absolute;
        left: 0;
        top: -105px;
        z-index: 1; }
      #recommend .blanc:after {
        width: 100%;
        height: calc(100% - 130px);
        top: 0; }
      #recommend .blanc ul {
        position: relative;
        flex-direction: column; }
        #recommend .blanc ul li:first-child {
          background: url("../img/recommend/photo_white.jpg") no-repeat;
          background-size: cover;
          position: relative;
          right: 0; }
        #recommend .blanc ul li:last-child {
          margin-right: 0;
          margin-left: 0;
          margin-top: 20px; }
    #recommend .sparkling {
      position: relative; }
      #recommend .sparkling:before {
        content: "";
        background: url("../img/recommend/glass.png") no-repeat;
        width: calc(93px * 0.7);
        height: calc(203px * 0.7);
        position: absolute;
        right: 5px;
        top: -130px;
        z-index: -1;
        background-size: cover; }
      #recommend .sparkling ul {
        flex-direction: column; }
        #recommend .sparkling ul li:first-child {
          background: url("../img/recommend/photo_sparkling.jpg") no-repeat;
          background-size: cover; }
        #recommend .sparkling ul li:last-child {
          margin-left: 0;
          margin-top: 20px; }
    #recommend .gift {
      position: relative;
      margin-top: 45px;
      margin-bottom: 0; }
      #recommend .gift:before {
        background-size: cover;
        width: calc(177px * 0.6);
        height: calc(303px * 0.6);
        left: 0;
        top: -170px; }
      #recommend .gift:after {
        width: 100%;
        height: 100%;
        top: 0; }
      #recommend .gift ul {
        position: relative;
        flex-direction: column; }
        #recommend .gift ul li:first-child {
          background: url("../img/recommend/photo_gift.jpg") no-repeat;
          background-size: cover;
          position: relative;
          right: 0; }
        #recommend .gift ul li:last-child {
          margin-right: 0;
          margin-left: 0;
          margin-top: 20px; }
      #recommend .gift .line {
        padding-bottom: 25px; }
      #recommend .gift .note {
        width: 100%;
        margin: 0 auto;
        position: relative; }
        #recommend .gift .note p {
          text-align: left;
          font-size: 17px;
          color: #451f3d;
          width: 90%;
          margin-top: 30px;
          margin-bottom: 150px; }
          #recommend .gift .note p:after {
            width: 215px;
            height: 67px;
            right: 30px;
            top: 132px;
            background-size: cover; }
    #recommend .btnEc {
      margin: 50px auto; }

  #cellar {
    background: url("../img/common/bg_pattern2.jpg") repeat;
    margin-bottom: 180px; }
    #cellar:before {
      content: "";
      background: url("../img/cellar/grape3.png") no-repeat;
      background-size: cover;
      width: calc(365px * 0.8);
      height: calc(192px * 0.8);
      position: absolute;
      bottom: -174px;
      left: -78px;
      z-index: 2; }
    #cellar:after {
      content: "";
      background: url("../img/cellar/glass.png") no-repeat;
      background-size: cover;
      width: calc(101px * 0.8);
      height: calc(170px * 0.8);
      position: absolute;
      bottom: -217px;
      left: calc(100% - 100px);
      z-index: 2; }
    #cellar .cellarTitle {
      height: 150px; }
      #cellar .cellarTitle:before {
        content: "";
        background: url("../img/cellar/grape2.png") no-repeat;
        background-size: cover;
        width: calc(289px * 0.8);
        height: calc(123px * 0.8);
        position: absolute;
        top: 500px;
        right: 0; }
      #cellar .cellarTitle h2 {
        position: relative; }
        #cellar .cellarTitle h2:after {
          background-size: cover;
          width: calc(141px * 0.6);
          height: calc(153px * 0.6);
          position: absolute;
          top: 55px;
          left: calc(50% - 32px); }
    #cellar p {
      padding: 80px 0 0px;
      color: #fff;
      text-align: left; }
    #cellar ul {
      display: flex;
      justify-content: space-between;
      position: relative;
      bottom: -70px;
      flex-direction: column;
      margin-bottom: 30px; }
      #cellar ul li:last-child {
        display: flex;
        justify-content: space-between;
        flex-direction: column; }
      #cellar ul li img {
        width: 100%;
        height: auto;
        margin-bottom: 20px; }

  #access {
    margin-bottom: 45px; }
    #access ul {
      display: flex;
      flex-direction: column;
      text-align: left;
      margin: 0 0 0;
      position: relative; }
      #access ul li:first-child {
        display: flex;
        flex-direction: column;
        text-align: left;
        width: 100%;
        margin-bottom: 45px;
        margin-right: 0; }
        #access ul li:first-child h2 {
          color: #451f3d;
          margin: 100px 0 20px;
          position: relative; }
          #access ul li:first-child h2:before {
            content: "";
            background: url("../img/access/img_grape.png") no-repeat;
            width: 70px;
            height: 76px;
            position: absolute;
            top: -85px;
            left: calc(50% - 24px); }
      #access ul li:last-child {
        width: 100%; }
    #access img {
      width: 100%;
      height: auto;
      margin-bottom: 20px; }
    #access .gallery {
      display: flex;
      justify-content: space-between;
      flex-direction: column;
      margin-bottom: 25px; }
    #access iframe {
      height: 400px;
      width: 100%; }

  #story {
    margin: 0 auto;
    position: relative;
    margin-bottom: 70px;
    /*202206-A-05_20220824_ADD-[S]*/
    /*202206-A-05_20220824_ADD-[E]*/ }
    #story h2 {
      color: #451f3d;
      margin-bottom: 160px;
      position: relative; }
      #story h2:after {
        content: "";
        background: url("../img/story/face.png") no-repeat;
        width: 111px;
        height: 112px;
        position: absolute;
        top: 60px;
        left: calc(50% - 54px); }
    #story p {
      width: 90%;
      margin: 0 auto;
      margin-bottom: 20px;
      text-align: left; }
    #story ul {
      width: 90%;
      margin: 0 auto;
      display: flex;
      flex-wrap: wrap; }
      #story ul li {
        margin-top: 15px;
        margin-left: 4%;
        width: 48%; }
        #story ul li:nth-child(-n+3) {
          margin-top: 15px; }
        #story ul li:nth-child(3n+1) {
          margin-left: 4%; }
        #story ul li:nth-child(-n+2) {
          margin-top: 0; }
        #story ul li:nth-child(odd) {
          margin-left: 0; }
        #story ul li img {
          width: 100%;
          height: auto; }
    #story .link {
      margin-top: 40px; }

  #contact {
    background: url("../img/common/bg_pattern3.jpg") repeat;
    padding: 50px 0 50px;
    color: #451f3d; }
    #contact div {
      width: 90%;
      margin: 0 auto;
      position: relative; }
    #contact ul {
      display: flex;
      justify-content: flex-start;
      margin-top: 50px;
      flex-direction: column; }
      #contact ul li {
        margin-bottom: 20px; }
        #contact ul li a {
          background-color: #fff;
          border-radius: 50px;
          display: table;
          width: 100%;
          height: 80px; }
          #contact ul li a p {
            display: table-cell;
            vertical-align: middle;
            text-align: center;
            font-family: 'Noto Serif JP', serif;
            position: relative; }
          #contact ul li a .mail {
            font-size: 20px;
            padding-left: 20px; }
            #contact ul li a .mail:before {
              content: "";
              background: url("../img/ico/mail.svg") no-repeat;
              width: 38px;
              height: 38px;
              position: absolute;
              top: 22px;
              left: 27px; }
          #contact ul li a .tel {
            font-size: 26px;
            padding-left: 20px;
            line-height: 32px;
            position: relative;
            top: 2px; }
            #contact ul li a .tel:before {
              content: "";
              background: url("../img/ico/tel.svg") no-repeat;
              width: 38px;
              height: 38px;
              position: absolute;
              top: 7px;
              left: 52px; }
          #contact ul li a span {
            display: block;
            font-family: "游ゴシック体", YuGothic;
            text-align: center;
            font-size: 16px;
            color: #484848;
            position: relative;
            left: -15px; }

  /*202206-A-05_20220824_DEL-[S]*/
  /*footer{
  	min-width: 100%;
  	background-color: #451f3d;
  	color: #fff;
  	text-align: center;
  	font-size: 15px;
  	padding: 5px 0;
  }*/
  /*202206-A-05_20220824_DEL-[E]*/ }
</pre></body></html>