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

common

=================================================================== */
@media screen and (max-width: 768px) {
  p,
span,
a {
    font-size: 1.4rem;
  }
}

:root {
  --scroll-bar-width: 17px;
}

.content {
  width: 1160px;
  max-width: 90%;
  padding-top: 100px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .content {
    padding-top: 60px;
  }
}

/* タイトルまわり */
.conTtl01 {
  line-height: 1;
}
.conTtl01 span {
  font-size: 4.8rem;
  font-family: "Zen Old Mincho", serif;
}
@media screen and (max-width: 768px) {
  .conTtl01 span {
    font-size: 3.4rem;
  }
}

.conTtl02 {
  display: flex;
  flex-direction: column;
  line-height: 1;
}
.conTtl02 .en {
  color: #dfdee3;
  font-size: 7.6rem;
  font-family: "Zen Old Mincho", serif;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .conTtl02 .en {
    font-size: 4.5rem;
  }
}
.conTtl02 .ja {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .conTtl02 .ja {
    font-size: 1.4rem;
    padding-top: 24px;
  }
}

.conTtl03 {
  line-height: 1;
}
.conTtl03 .en {
  color: #dfdee3;
  font-size: 7.6rem;
  font-family: "Zen Old Mincho", serif;
  letter-spacing: 0;
}
@media screen and (max-width: 768px) {
  .conTtl03 .en {
    display: block;
    font-size: 4.5rem;
  }
}
.conTtl03 .ja {
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .conTtl03 .ja {
    display: block;
    font-size: 1.4rem;
    padding-left: 0;
  }
}

.conTtl04 {
  text-align: center;
}
.conTtl04 .en {
  display: block;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .conTtl04 .en {
    font-size: 2.3rem;
    line-height: 1.5;
  }
}
.conTtl04 .ja {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  padding-top: 14px;
}
@media screen and (max-width: 768px) {
  .conTtl04 .ja {
    font-size: 1.4rem;
  }
}

/* ボタンまわり */
.btn01 {
  width: 420px;
  height: 75px;
  border: 1px solid;
}
@media screen and (max-width: 768px) {
  .btn01 {
    width: 260px;
    height: 50px;
  }
}
.btn01 a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 75px;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .btn01 a {
    height: 50px;
  }
}
.btn01 a span {
  font-size: 2rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .btn01 a span {
    font-size: 1.6rem;
  }
}
.btn01 a:hover {
  background: #222;
}
.btn01 a:hover span {
  color: #fff;
}

/* ページ */
.bread {
  background: #e5e5e5;
}
.bread .inner {
  display: flex;
  width: 1160px;
  max-width: 90%;
  padding: 6px 0 6px 64px;
  margin: 0 auto 0;
}
@media screen and (max-width: 768px) {
  .bread .inner {
    width: auto;
    padding: 0px 0 3px 32px;
  }
}
.bread .inner .breadcrumb-area {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .bread .inner .breadcrumb-area {
    flex-wrap: wrap;
    align-items: baseline;
  }
}
.bread .inner .breadcrumb-area a.home span {
  position: relative;
}
.bread .inner .breadcrumb-area a.home span::before {
  content: "";
  width: 16px;
  height: 13px;
  position: absolute;
  top: -1px;
  bottom: 0;
  left: -34px;
  margin: auto;
  background: url(../img/common/ico_bread_home.png) no-repeat 100%/contain;
}
@media screen and (max-width: 768px) {
  .bread .inner .breadcrumb-area a.home span::before {
    width: 12px;
    height: 10px;
    left: -22px;
  }
}
.bread .inner .breadcrumb-area span {
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  .bread .inner .breadcrumb-area span {
    font-size: 1rem;
  }
}

.contents {
  width: 1160px;
  max-width: 90%;
  margin: 0 auto;
}
.contents.mini {
  width: 800px;
  max-width: 90%;
  margin: 0 auto;
}
.contents.per100 {
  width: 100%;
  margin: 0 auto;
}

.lowTtlWrap {
  padding: 109px 0;
}
@media screen and (max-width: 768px) {
  .lowTtlWrap {
    padding: 50px 0;
  }
}

/* ===================================================================

header

=================================================================== */
@media screen and (max-width: 768px) {
  header {
    height: 64px;
  }
}
header .headerInner {
  display: flex;
  justify-content: space-between;
  height: 100px;
  background: #f4f4f4;
  align-items: center;
  padding: 0 48px;
}
header .headerInner .headerLogo img {
  width: 82px;
  height: 36px;
}
header .menuList {
  display: flex;
}
header .menuList__item {
  padding: 0 27px;
}
header .menuList__item a {
  text-decoration: none;
  color: #222;
  background-image: linear-gradient(90deg, #222, #222);
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 0 1px;
  transition: background-size 0.5s;
}
header .menuList__item a:hover {
  background-size: 100% 1px;
}
header .menuList__item a span {
  display: inline-block;
}
header .btnList {
  display: flex;
}
header .btnList__item a {
  display: flex;
  flex-direction: column;
  align-items: center;
}
header .btnList__item a img {
  display: block;
}
header .btnList__item a img.login {
  width: 24px;
  height: 31px;
}
header .btnList__item a img.cart {
  width: 56px;
  height: 35px;
}
header .btnList__item a .underTxt {
  display: block;
  font-size: 1rem;
  line-height: 1.3;
  text-align: center;
}
header .btnList__item a .underTxt.login {
  padding-top: 3px;
}
header .btnList__item.cart {
  padding-left: 30px;
}
@media screen and (max-width: 768px) {
  header {
    /*ハンバーガーがクリックされたら*/
    /*ハンバーガーがクリックされたら右からスライド*/
    /*ハンバーガーメニューが開いたら表示*/
  }
  header .headerLogoWrap {
    height: 64px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  header .headerLogoWrap .headerLogo img {
    width: 60px;
    height: 26px;
    padding-top: 5px;
  }
  header .menuListSp {
    padding: calc(60px + 10vw) 28px 50px;
  }
  header .menuListSp__item a span {
    font-size: 2.1rem;
  }
  header .menuListSp__item:not(:first-of-type) {
    padding-top: 20px;
  }
  header .underListSp {
    position: absolute;
    bottom: 10vw;
    width: 100%;
  }
  header .underListSp__item {
    width: calc(100% - 56px);
    height: 50px;
    border: 1px solid #222;
    margin: 0 28px 0;
  }
  header .underListSp__item:not(:first-of-type) {
    margin-top: 20px;
  }
  header .underListSp__item a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 50px;
  }
  header .underListSp__item a span {
    font-size: 1.6rem;
  }
  header .btnListSp {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 10px;
  }
  header .btnListSp__item {
    padding: 16px 0 0;
  }
  header .btnListSp__item a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  header .btnListSp__item a img {
    display: block;
  }
  header .btnListSp__item a img.login {
    width: 21px;
    height: 27px;
  }
  header .btnListSp__item a img.cart {
    width: 50px;
    height: 29px;
  }
  header .btnListSp__item.cart {
    padding-left: 10px;
  }
  header .hamburger {
    position: absolute;
    left: 28px;
    top: 20px;
    width: 20px;
    height: 28px;
    cursor: pointer;
    z-index: 300;
  }
  header .hamburger__line {
    position: absolute;
    width: 20px;
    height: 3px;
    right: 0;
    background-color: #000;
    transition: all 0.5s;
  }
  header .hamburger__line--1 {
    top: 1px;
  }
  header .hamburger__line--2 {
    top: 12px;
  }
  header .hamburger__line--3 {
    top: 23px;
  }
  header .open .hamburger__line--1 {
    transform: rotate(-45deg);
    top: 11px;
  }
  header .open .hamburger__line--2 {
    opacity: 0;
  }
  header .open .hamburger__line--3 {
    transform: rotate(45deg);
    top: 11px;
  }
  header .sp-nav {
    position: fixed;
    left: -100%;
    /*ハンバーガーがクリックされる前はWindow右側に隠す*/
    top: 0;
    width: 70%;
    /* 出てくるスライドメニューの幅 */
    height: 100vh;
    background-color: #fff;
    transition: all 0.5s;
    z-index: 200;
    overflow-y: auto;
    /* メニューが多くなったらスクロールできるように */
  }
  header .open .sp-nav {
    left: 0;
  }
  header .black-bg {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    z-index: 5;
    background-color: #000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
    cursor: pointer;
    z-index: 100;
  }
  header .open .black-bg {
    opacity: 0.3;
    visibility: visible;
  }
}

/* ===================================================================

TOP

=================================================================== */
.pageWrapTop {
  background: #f4f4f4;
}
.pageWrapTop .topMv {
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0.3;
}
@-webkit-keyframes fadeInAnime {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInAnime {
  from {
    opacity: 0.3;
  }
  to {
    opacity: 1;
  }
}
.pageWrapTop .topMv .topMvInner {
  position: relative;
  width: 100%;
  height: calc(100vh - 100px);
  background: url(../img/top/mv_01.jpg) no-repeat border-box center top/cover;
}
.pageWrapTop .topMv .topMvInner::after {
  content: "";
  width: 280px;
  height: 124px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  background: url(../img/top/logo_02.png) no-repeat 100%/contain;
}
.pageWrapTop .content.news {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.news {
    padding-top: 50px;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.news {
    padding-top: 40px;
  }
}
.pageWrapTop .content.news .conTtl01 {
  text-align: center;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.news .conTtl01 {
    padding-bottom: 16px;
  }
}
.pageWrapTop .content.news .newsList__item {
  border-bottom: 1px solid #d3d3d3;
}
.pageWrapTop .content.news .newsList__item a {
  padding: 32px 123px;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.news .newsList__item a {
    padding: 0;
  }
}
.pageWrapTop .content.news .newsList__item a:hover {
  padding: 32px 113px 32px 133px;
}
.pageWrapTop .content.news .newsList__item:first-of-type {
  border-top: 1px solid #d3d3d3;
}
.pageWrapTop .content.news .newsList__item .detail {
  display: flex;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.news .newsList__item .detail {
    padding: 16px 20px;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.news .newsList__item .detail {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.news .newsList__item .detail__date .day {
    font-size: 1.2rem;
  }
}
.pageWrapTop .content.news .newsList__item .txt {
  padding-left: 95px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.news .newsList__item .txt {
    padding-left: 0;
  }
}
.pageWrapTop .content.category {
  padding-top: 100px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.category {
    padding-top: 40px;
  }
}
.pageWrapTop .content.category .conTtl01 {
  text-align: center;
  padding-bottom: 16px;
}
.pageWrapTop .content.category .categoryList {
  display: flex;
  justify-content: space-between;
}
.pageWrapTop .content.category .categoryList__item {
  width: 33.3%;
}
.pageWrapTop .content.category .categoryList__item a {
  padding: 0 30px 30px;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.category .categoryList__item a {
    padding: 0 2%;
  }
}
.pageWrapTop .content.category .categoryList__item a:hover {
  opacity: 0.6;
}
.pageWrapTop .content.category .categoryList__item.bd {
  position: relative;
}
.pageWrapTop .content.category .categoryList__item.bd::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  background: #d3d3d3;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.category .categoryList__item.bd::before {
    display: none;
  }
}
.pageWrapTop .content.category .categoryList__item figure {
  width: 100%;
  height: 242px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.category .categoryList__item figure {
    width: 100%;
    height: auto;
    aspect-ratio: 10/10;
  }
}
.pageWrapTop .content.category .categoryList__item figure.wine {
  background: url(../img/top/pic_cate_01.jpg) no-repeat border-box center/cover;
}
.pageWrapTop .content.category .categoryList__item figure.food {
  background: url(../img/top/pic_cate_02.jpg) no-repeat border-box center/cover;
}
.pageWrapTop .content.category .categoryList__item figure.goods {
  background: url(../img/top/pic_cate_03.jpg) no-repeat border-box center/cover;
}
.pageWrapTop .content.category .categoryList__item span {
  display: block;
  font-weight: 500;
  text-align: center;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.category .categoryList__item span {
    padding-top: 10px;
  }
}
.pageWrapTop .content.special {
  display: flex;
  justify-content: space-between;
  padding-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.special {
    display: block;
    padding-top: 40px;
    padding-bottom: 60px;
  }
}
.pageWrapTop .content.special .conTtl02 {
  min-width: 300px;
  width: 29%;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.special .conTtl02 {
    min-width: auto;
    width: auto;
    padding-bottom: 20px;
  }
}
.pageWrapTop .content.special .specialList {
  width: 66%;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.special .specialList {
    width: 100%;
  }
}
.pageWrapTop .content.special .specialList__item:not(:first-of-type) {
  padding-top: 50px;
}
.pageWrapTop .content.special .specialList__item .imageArea {
  aspect-ratio: 153/80;
  background-size: 100%;
}
.pageWrapTop .content.special .specialList__item .specialTtl {
  position: relative;
  font-size: 2.4rem;
  padding-top: 16px;
  line-height: 1.5;
  margin-left: 24px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.special .specialList__item .specialTtl {
    font-size: 1.6rem;
    padding-top: 8px;
  }
}
.pageWrapTop .content.special .specialList__item .specialTtl::before {
  content: "";
  width: 8px;
  height: 12px;
  position: absolute;
  top: 21px;
  bottom: 0;
  left: -23px;
  margin: auto;
  background: url(../img/common/ico_arr_01.png) no-repeat 100%/contain;
}
.pageWrapTop .content.special .specialList__item a {
  transition: 0.5s;
}
.pageWrapTop .content.special .specialList__item a:hover {
  opacity: 0.6;
}
.pageWrapTop .content.product {
  position: relative;
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.product {
    padding-bottom: 60px;
  }
}
.pageWrapTop .content.product::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  margin-right: calc(50% - 50vw + var(--scroll-bar-width) / 2);
  margin-left: calc(50% - 50vw + var(--scroll-bar-width) / 2);
  width: calc(100vw - var(--scroll-bar-width));
  height: 1px;
  background: #d3d3d3;
}
.pageWrapTop .content.product .allProducts {
  padding-top: 80px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.product .allProducts {
    padding-top: 36px;
  }
}
.pageWrapTop .content.product .wineFood {
  padding-top: 80px;
}
.pageWrapTop .content.product .goods {
  padding-top: 80px;
}
.pageWrapTop .content.product .btn01 {
  margin: 100px auto 0;
}
.pageWrapTop .content.subscription {
  margin-right: calc(50% - 50vw + var(--scroll-bar-width) / 2);
  margin-left: calc(50% - 50vw + var(--scroll-bar-width) / 2);
  width: calc(100vw - var(--scroll-bar-width));
  max-width: 101%;
  background: #222222;
  padding-bottom: 20px;
  margin-top: 120px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.subscription {
    width: 100%;
    margin: 0;
  }
}
.pageWrapTop .content.subscription .inner {
  display: flex;
  justify-content: space-between;
  width: 1160px;
  max-width: 90%;
  padding-top: 0;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .pageWrapTop .content.subscription .inner {
    display: block;
  }
}
.pageWrapTop .content.subscription .ttlArea {
  min-width: 300px;
  width: 29%;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.subscription .ttlArea {
    width: auto;
    padding: 0 10px;
  }
}
@media screen and (max-width: 1200px) {
  .pageWrapTop .content.subscription .ttlArea {
    min-width: auto;
    width: auto;
  }
}
@media screen and (max-width: 1200px) {
  .pageWrapTop .content.subscription .ttlArea .conTtl02 .carving {
    display: none;
  }
}
.pageWrapTop .content.subscription .ttlArea .conTtl02 .ja {
  color: #fff;
}
.pageWrapTop .content.subscription .ttlArea .underTxt {
  color: #fff;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.subscription .ttlArea .underTxt {
    padding: 46px 0 0 0;
  }
}
.pageWrapTop .content.subscription .subscriptionList {
  width: 66%;
}
@media screen and (max-width: 1200px) {
  .pageWrapTop .content.subscription .subscriptionList {
    width: auto;
    margin-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.subscription .subscriptionList {
    margin-top: 40px;
  }
}
.pageWrapTop .content.subscription .subscriptionList__item {
  aspect-ratio: 465/223;
  background-size: 100%;
}
.pageWrapTop .content.subscription .subscriptionList__item.no01 {
  background: url(../img/top/pic_subscription_01.jpg) no-repeat border-box center top/cover;
}
.pageWrapTop .content.subscription .subscriptionList__item.no02 {
  background: url(../img/top/pic_subscription_02.jpg) no-repeat border-box center top/cover;
}
.pageWrapTop .content.subscription .subscriptionList__item:not(:first-of-type) {
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.subscription .subscriptionList__item:not(:first-of-type) {
    margin-top: 14px;
  }
}
.pageWrapTop .content.subscription .subscriptionList__item a {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  aspect-ratio: 465/223;
}
.pageWrapTop .content.subscription .subscriptionList__item a:hover .btnX {
  background: rgba(255, 255, 255, 0.2901960784);
}
.pageWrapTop .content.subscription .subscriptionList__item a .btnX {
  display: flex;
  width: 420px;
  height: 75px;
  border: 1px solid #fff;
  justify-content: center;
  align-items: center;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.subscription .subscriptionList__item a .btnX {
    width: 80%;
    height: 55px;
  }
}
.pageWrapTop .content.subscription .subscriptionList__item a .btnX span {
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.subscription .subscriptionList__item a .btnX span {
    font-size: 1.4rem;
  }
}
.pageWrapTop .content.subscription .subscriptionList__item a .underTtl {
  width: 420px;
  font-family: "Zen Old Mincho", serif;
  color: #fff;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .pageWrapTop .content.subscription .subscriptionList__item a .underTtl {
    width: 80%;
    font-size: 1.1rem;
  }
}

/* ===================================================================

Restaurants

=================================================================== */
.pageWrapRestaurants {
  padding-bottom: 163px;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .pageWrapRestaurants {
    padding-bottom: 50px;
  }
}
.pageWrapRestaurants .restaurantsList__item {
  display: flex;
  padding: 64px 0;
  border-bottom: 1px solid #d3d3d3;
}
@media screen and (max-width: 768px) {
  .pageWrapRestaurants .restaurantsList__item {
    padding: 30px 0;
  }
}
@media screen and (max-width: 900px) {
  .pageWrapRestaurants .restaurantsList__item {
    display: block;
  }
}
.pageWrapRestaurants .restaurantsList__item:first-of-type {
  border-top: 1px solid #d3d3d3;
}
.pageWrapRestaurants .restaurantsList__item .imgArea {
  width: 480px;
  height: 320px;
}
@media screen and (max-width: 900px) {
  .pageWrapRestaurants .restaurantsList__item .imgArea {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapRestaurants .restaurantsList__item .imgArea {
    width: 90%;
    height: auto;
    aspect-ratio: 63/42;
  }
}
.pageWrapRestaurants .restaurantsList__item .imgArea img {
  width: 100%;
}
.pageWrapRestaurants .restaurantsList__item .txtArea {
  padding-left: 64px;
}
@media screen and (max-width: 900px) {
  .pageWrapRestaurants .restaurantsList__item .txtArea {
    padding-left: 0;
    padding-top: 40px;
    width: 480px;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapRestaurants .restaurantsList__item .txtArea {
    width: 90%;
    padding-top: 6px;
  }
}
.pageWrapRestaurants .restaurantsList__item .txtArea .shopName {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .pageWrapRestaurants .restaurantsList__item .txtArea .shopName {
    font-size: 2.1rem;
  }
}
.pageWrapRestaurants .restaurantsList__item .txtArea .address {
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .pageWrapRestaurants .restaurantsList__item .txtArea .address {
    padding-top: 16px;
    padding-top: 4px;
  }
}
.pageWrapRestaurants .restaurantsList__item .txtArea .tel {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .pageWrapRestaurants .restaurantsList__item .txtArea .tel {
    padding-top: 10px;
    font-size: 1.9rem;
  }
}
.pageWrapRestaurants .restaurantsList__item .txtArea .btn01 {
  margin-top: 34px;
}
@media screen and (max-width: 900px) {
  .pageWrapRestaurants .restaurantsList__item .txtArea .btn01 {
    margin: 34px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapRestaurants .restaurantsList__item .txtArea .btn01 {
    margin-top: 20px;
  }
}

/* ===================================================================

よくあるご質問

=================================================================== */
.pageWrapFaq {
  padding-bottom: 163px;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .pageWrapFaq {
    padding-bottom: 80px;
  }
}
.pageWrapFaq .faqList__item:not(:first-of-type) {
  padding-top: 70px;
}
@media screen and (max-width: 768px) {
  .pageWrapFaq .faqList__item:not(:first-of-type) {
    padding-top: 50px;
  }
}
.pageWrapFaq .faqList__item .ttl {
  font-size: 2.4rem;
  text-align: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .pageWrapFaq .faqList__item .ttl {
    font-size: 2.1rem;
    padding-bottom: 14px;
  }
}
.pageWrapFaq .faqList__item .accordion__item {
  border-bottom: 1px solid #d3d3d3;
  padding: 4px 0;
  cursor: pointer;
}
.pageWrapFaq .faqList__item .accordion__item:first-of-type {
  border-top: 1px solid #d3d3d3;
}
.pageWrapFaq .faqList__item .accordion__item.is-active .accordion__title::before {
  transform: rotate(180deg);
}
.pageWrapFaq .faqList__item .accordion__item.is-active .accordion__title::after {
  transform: rotate(180deg);
  opacity: 0;
}
.pageWrapFaq .faqList__item .accordion__title {
  position: relative;
  padding: 15px 60px 15px 45px;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .pageWrapFaq .faqList__item .accordion__title {
    padding: 6px 60px 6px 58px;
  }
}
.pageWrapFaq .faqList__item .accordion__title span {
  position: relative;
  display: block;
  font-size: 1.8rem;
  padding-left: 42px;
}
@media screen and (max-width: 768px) {
  .pageWrapFaq .faqList__item .accordion__title span {
    font-size: 1.6rem;
    padding-left: 0px;
  }
}
.pageWrapFaq .faqList__item .accordion__title span::before {
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  top: -4px;
  left: -23px;
  background: url(../img/low/ico_q_01.png) no-repeat 100%/contain;
}
@media screen and (max-width: 768px) {
  .pageWrapFaq .faqList__item .accordion__title span::before {
    width: 36px;
    height: 36px;
    top: 0;
    bottom: 0;
    left: -50px;
    margin: auto;
  }
}
.pageWrapFaq .faqList__item .accordion__title::after {
  content: "";
  position: absolute;
  right: 24px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #222;
  width: 16px;
  height: 1px;
  transition: all 0.3s;
  transform: rotate(90deg);
}
.pageWrapFaq .faqList__item .accordion__title::before {
  content: "";
  position: absolute;
  right: 24px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-color: #222;
  width: 16px;
  height: 1px;
  transition: all 0.3s;
}
.pageWrapFaq .faqList__item .accordion__content {
  padding: 9px 20px 15px 45px;
  display: none;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .pageWrapFaq .faqList__item .accordion__content {
    padding: 6px 0 6px 58px;
  }
}
.pageWrapFaq .faqList__item .accordion__content span {
  position: relative;
  display: block;
  padding-left: 42px;
}
@media screen and (max-width: 768px) {
  .pageWrapFaq .faqList__item .accordion__content span {
    padding-left: 0;
  }
}
.pageWrapFaq .faqList__item .accordion__content span::before {
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  top: -1px;
  left: -23px;
  background: url(../img/low/ico_a_01.png) no-repeat 100%/contain;
}
@media screen and (max-width: 768px) {
  .pageWrapFaq .faqList__item .accordion__content span::before {
    width: 36px;
    height: 36px;
    top: 0;
    left: -50px;
  }
}
.pageWrapFaq .faqList__item .accordion__content.is-open {
  display: block;
}

/* ===================================================================

お知らせ詳細

=================================================================== */
.pageWrapSingle {
  padding-bottom: 163px;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .pageWrapSingle {
    padding-bottom: 80px;
  }
}
.pageWrapSingle .contents {
  padding-top: 124px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingle .contents {
    padding-top: 50px;
  }
}
.pageWrapSingle .singleDay {
  display: inline-block;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  background: #222;
  padding: 5px 22px 7px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingle .singleDay {
    font-size: 1rem;
    padding: 2px 10px 3px;
  }
}
.pageWrapSingle .singleTtl {
  font-size: 3rem;
  line-height: 1.6;
  padding-top: 68px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingle .singleTtl {
    font-size: 2.3rem;
    padding-top: 20px;
  }
}
.pageWrapSingle .singleDetail {
  padding-top: 40px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingle .singleDetail {
    padding-top: 0;
  }
}
.pageWrapSingle .singleDetail p {
  padding-top: 26px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingle .singleDetail p {
    padding-top: 24px;
  }
}
.pageWrapSingle .singleDetail h3.wp-block-heading {
  font-size: 2.4rem;
  font-weight: 400;
  border-bottom: 1px solid #d3d3d3;
  padding: 74px 0 24px 0;
}
@media screen and (max-width: 768px) {
  .pageWrapSingle .singleDetail h3.wp-block-heading {
    font-size: 2.1rem;
    padding: 40px 0 16px 0;
  }
}

/* ===================================================================

プライバシーポリシー

=================================================================== */
.pageWrapPrivacypolicy {
  padding-bottom: 163px;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .pageWrapPrivacypolicy {
    padding-bottom: 80px;
  }
}
.pageWrapPrivacypolicy .ppList {
  padding-top: 64px;
}
@media screen and (max-width: 768px) {
  .pageWrapPrivacypolicy .ppList {
    padding-top: 20px;
  }
}
.pageWrapPrivacypolicy .ppList__item:not(:first-of-type) {
  padding-top: 54px;
}
@media screen and (max-width: 768px) {
  .pageWrapPrivacypolicy .ppList__item:not(:first-of-type) {
    padding-top: 24px;
  }
}
.pageWrapPrivacypolicy .ppList__item .ttl {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .pageWrapPrivacypolicy .ppList__item .ttl {
    font-size: 2.1rem;
  }
}
.pageWrapPrivacypolicy .ppList__item .txt p {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .pageWrapPrivacypolicy .ppList__item .txt p {
    padding-top: 10px;
  }
}
.pageWrapPrivacypolicy .ppList__item .txt__inner p {
  padding-top: 0px;
  text-indent: -3em;
  padding-left: 3em;
}
.pageWrapPrivacypolicy .ppDay {
  text-align: right;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .pageWrapPrivacypolicy .ppDay {
    padding-top: 20px;
  }
}

/* ===================================================================

特定商取引法

=================================================================== */
.pageWrapCommerce {
  padding-bottom: 163px;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .pageWrapCommerce {
    padding-bottom: 80px;
  }
}
.pageWrapCommerce .table {
  width: 100%;
}
.pageWrapCommerce .table th {
  width: 20%;
  font-weight: 500;
  border: 1px solid #ccc;
  padding: 20px;
  background: #e7e7e7;
}
@media screen and (max-width: 768px) {
  .pageWrapCommerce .table th {
    width: 30%;
    padding: 8px;
  }
}
.pageWrapCommerce .table td {
  width: 80%;
  border: 1px solid #ccc;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .pageWrapCommerce .table td {
    width: 70%;
    padding: 8px;
  }
}
.pageWrapCommerce .table td .tdBlock:not(:first-of-type) {
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .pageWrapCommerce .table td .tdBlock:not(:first-of-type) {
    padding-top: 10px;
  }
}
.pageWrapCommerce .table td .tdTtl {
  font-size: 1.8rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pageWrapCommerce .table td .tdTtl {
    font-size: 1.4rem;
  }
}

/* ===================================================================

利用規約

=================================================================== */
.pageWrapTerms {
  padding-bottom: 163px;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .pageWrapTerms {
    padding-bottom: 80px;
  }
}
.pageWrapTerms .termsList {
  padding-top: 64px;
}
@media screen and (max-width: 768px) {
  .pageWrapTerms .termsList {
    padding-top: 20px;
  }
}
.pageWrapTerms .termsList__item:not(:first-of-type) {
  padding-top: 54px;
}
@media screen and (max-width: 768px) {
  .pageWrapTerms .termsList__item:not(:first-of-type) {
    padding-top: 20px;
  }
}
.pageWrapTerms .termsList__item .ttl {
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .pageWrapTerms .termsList__item .ttl {
    font-size: 2.1rem;
  }
}
.pageWrapTerms .termsList__item .txt p {
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .pageWrapTerms .termsList__item .txt p {
    padding-top: 10px;
  }
}
.pageWrapTerms .termsList__item .txt__inner p {
  padding-top: 0px;
  text-indent: -3em;
  padding-left: 3em;
}
.pageWrapTerms .termDay {
  text-align: right;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .pageWrapTerms .termDay {
    padding-top: 20px;
  }
}

/* ===================================================================

お問い合わせ

=================================================================== */
.pageWrapContact {
  padding-bottom: 163px;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .pageWrapContact {
    padding-bottom: 80px;
  }
}
.pageWrapContact .firstTxt {
  padding-bottom: 53px;
}
@media screen and (max-width: 768px) {
  .pageWrapContact .firstTxt {
    padding-bottom: 30px;
  }
}
.pageWrapContact .firstTxt a {
  display: inline;
  font-weight: 500;
  text-decoration: underline;
}
.pageWrapContact .contactList__item {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  border-top: 1px solid #d3d3d3;
}
@media screen and (max-width: 900px) {
  .pageWrapContact .contactList__item {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapContact .contactList__item {
    padding: 16px 0;
  }
}
.pageWrapContact .contactList__item.agree {
  justify-content: center;
  padding-top: 50px;
}
@media screen and (max-width: 900px) {
  .pageWrapContact .contactList__item.agree {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapContact .contactList__item.agree {
    padding-top: 30px;
  }
}
.pageWrapContact .contactList__item.agree .error {
  display: flex;
  font-size: 1.4rem;
  padding-left: 13px;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .pageWrapContact .contactList__item.agree .error {
    font-size: 1.2rem;
  }
}
.pageWrapContact .contactList__item .formTtl {
  display: flex;
  justify-content: space-between;
  width: 232px;
  padding-top: 9px;
}
@media screen and (max-width: 900px) {
  .pageWrapContact .contactList__item .formTtl {
    width: 100%;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapContact .contactList__item .formTtl {
    padding-top: 0;
  }
}
.pageWrapContact .contactList__item .formTtl span {
  height: 23px;
  color: #fff;
  font-size: 1.2rem;
  background: #222;
  padding: 1px 9px 2px;
}
.pageWrapContact .contactList__item input[type=checkbox] {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  padding-left: 30px;
  vertical-align: middle;
  position: relative;
}
.pageWrapContact .contactList__item input[type=checkbox]::before,
.pageWrapContact .contactList__item input[type=checkbox]::after {
  content: "";
  display: block;
  position: absolute;
}
.pageWrapContact .contactList__item input[type=checkbox]::before {
  background-color: #fff;
  border-radius: 0%;
  border: 1px solid #666464;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  top: 50%;
  left: 5px;
  margin-top: -2px;
}
.pageWrapContact .contactList__item input[type=checkbox]::after {
  border-bottom: 3px solid #666464;
  border-left: 3px solid #666464;
  opacity: 0;
  height: 6px;
  width: 11px;
  transform: rotate(-45deg);
  top: -9px;
  left: 8px;
}
.pageWrapContact .contactList__item input[type=checkbox]:checked::after {
  opacity: 1;
}
.pageWrapContact .contactList__item .box {
  width: 530px;
}
@media screen and (max-width: 900px) {
  .pageWrapContact .contactList__item .box {
    width: 100%;
  }
}
.pageWrapContact .contactList__item .box input {
  width: 490px;
  height: 10px;
  font-family: "Zen Kaku Gothic New", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  color: #222;
  border: none;
  padding: 20px 20px;
}
@media screen and (max-width: 900px) {
  .pageWrapContact .contactList__item .box input {
    width: 100%;
    width: calc(100% - 40px);
  }
}
.pageWrapContact .contactList__item .box textarea {
  width: 490px;
  height: 220px;
  font-family: "Zen Kaku Gothic New", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.6rem;
  border: none;
  padding: 20px 20px;
}
@media screen and (max-width: 900px) {
  .pageWrapContact .contactList__item .box textarea {
    width: 100%;
    width: calc(100% - 40px);
  }
}
.pageWrapContact .contactList__item .box ::-moz-placeholder {
  color: #8b8b8b;
}
.pageWrapContact .contactList__item .box ::placeholder {
  color: #8b8b8b;
}
.pageWrapContact .btnContact {
  margin-top: 16px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pageWrapContact .btnContact {
    margin-top: 10px;
  }
}
.pageWrapContact .btnContact input {
  font-family: "Zen Kaku Gothic New", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  width: 420px;
  height: 75px;
  border: 1px solid #222;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
  background: #222;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .pageWrapContact .btnContact input {
    width: 260px;
    height: 50px;
    font-size: 1.4rem;
  }
}
.pageWrapContact .btnContact input:hover {
  background: #5f5f5f;
  border: 1px solid #5f5f5f;
  color: #fff;
}

.pageWrapContact.confirmation .agree {
  display: none;
}
.pageWrapContact.confirmation .btn01 {
  margin: 20px auto 0;
}
.pageWrapContact.confirmation .btn01 a:hover {
  background: #5f5f5f;
}
.pageWrapContact.confirmation .btn01 a:hover span {
  color: #fff;
}

.pageWrapContact.thanks .firstTxt {
  padding-bottom: 100px;
}
@media screen and (max-width: 768px) {
  .pageWrapContact.thanks .firstTxt {
    padding-bottom: 60px;
  }
}
.pageWrapContact.thanks .firstTxt p:not(:first-of-type) {
  padding-top: 20px;
}
.pageWrapContact.thanks .btn01 {
  margin: 0 auto;
}

/* ===================================================================

ご利用ガイド

=================================================================== */
.pageWrapGuide {
  padding-bottom: 163px;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .pageWrapGuide {
    padding-bottom: 80px;
  }
}
.pageWrapGuide .guideList__item:not(:first-of-type) {
  padding-top: 96px;
}
@media screen and (max-width: 768px) {
  .pageWrapGuide .guideList__item:not(:first-of-type) {
    padding-top: 60px;
  }
}
.pageWrapGuide .guideList__item .ttl {
  font-size: 2.4rem;
  text-align: center;
  border-bottom: 1px solid #d3d3d3;
  padding-bottom: 19px;
  margin-bottom: 29px;
}
@media screen and (max-width: 768px) {
  .pageWrapGuide .guideList__item .ttl {
    font-size: 2.1rem;
    padding-bottom: 12px;
    margin-bottom: 20px;
  }
}
.pageWrapGuide .guideList__item .inList__item:not(:first-of-type) {
  padding-top: 34px;
}
@media screen and (max-width: 768px) {
  .pageWrapGuide .guideList__item .inList__item:not(:first-of-type) {
    padding-top: 24px;
  }
}
.pageWrapGuide .guideList__item .inList__item .inTtl {
  font-size: 1.8rem;
  font-weight: 500;
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .pageWrapGuide .guideList__item .inList__item .inTtl {
    padding-bottom: 8px;
    font-size: 1.6rem;
  }
}
.pageWrapGuide .guideList__item .inList__item .inTxt a {
  display: inline;
  font-weight: 500;
  text-decoration: underline;
}

/* ===================================================================

About

=================================================================== */
.pageWrapAbout {
  background: #f4f4f4;
}
.pageWrapAbout .aboutVisual {
  width: 100%;
  height: 520px;
  background: url(../img/low/pic_bout_01.jpg) no-repeat 100%/cover;
  background-position: center center;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .aboutVisual {
    height: auto;
    aspect-ratio: 69/49;
  }
}
.pageWrapAbout .txtImage {
  width: 446px;
  height: 141px;
  margin: -111px 0 0 16%;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .txtImage {
    width: 80%;
    height: auto;
    margin: -20% 0 0 0;
  }
}
.pageWrapAbout .txtArea {
  max-width: 780px;
  padding-top: 80px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .txtArea {
    width: 92%;
    max-width: auto;
    padding-top: 30px;
  }
}
.pageWrapAbout .txtArea .ttl {
  font-size: 1.8rem;
  font-weight: 500;
  padding-bottom: 14px;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .txtArea .ttl {
    font-size: 1.6rem;
  }
}
.pageWrapAbout .btnArea {
  display: flex;
  justify-content: center;
  padding-top: 100px;
}
@media screen and (max-width: 900px) {
  .pageWrapAbout .btnArea {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .btnArea {
    padding-top: 50px;
  }
}
@media screen and (max-width: 900px) {
  .pageWrapAbout .btnArea .btn01 {
    margin: 0 auto;
  }
}
.pageWrapAbout .btnArea .btn01:not(:first-of-type) {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .btnArea .btn01:not(:first-of-type) {
    margin-left: 0;
  }
}
@media screen and (max-width: 900px) {
  .pageWrapAbout .btnArea .btn01:not(:first-of-type) {
    margin: 30px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .btnArea .btn01:not(:first-of-type) {
    margin: 16px auto 0;
  }
}
.pageWrapAbout .content.category {
  max-width: 100%;
  margin-right: calc(50% - 50vw + var(--scroll-bar-width) / 2);
  margin-left: calc(50% - 50vw + var(--scroll-bar-width) / 2);
  width: calc(100vw - var(--scroll-bar-width));
  padding: 90px 0 163px;
  margin-top: 100px;
  background: #fff;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .content.category {
    width: 100%;
    max-width: 100%;
    padding: 40px 0 80px;
    margin: 50px 0 0;
  }
}
.pageWrapAbout .content.category .inner {
  width: 1160px;
  max-width: 90%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .content.category .inner {
    width: auto;
  }
}
.pageWrapAbout .content.category .conTtl01 {
  text-align: center;
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .content.category .conTtl01 {
    padding-bottom: 16px;
  }
}
.pageWrapAbout .content.category .categoryList {
  display: flex;
  justify-content: space-between;
}
.pageWrapAbout .content.category .categoryList__item {
  width: 33.3%;
}
.pageWrapAbout .content.category .categoryList__item a {
  padding: 0 30px 30px;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .content.category .categoryList__item a {
    padding: 0 2%;
  }
}
.pageWrapAbout .content.category .categoryList__item a:hover {
  opacity: 0.6;
}
.pageWrapAbout .content.category .categoryList__item.bd {
  position: relative;
}
.pageWrapAbout .content.category .categoryList__item.bd::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  background: #d3d3d3;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .content.category .categoryList__item.bd::before {
    display: none;
  }
}
.pageWrapAbout .content.category .categoryList__item figure {
  width: 100%;
  height: 242px;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .content.category .categoryList__item figure {
    width: 100%;
    height: auto;
    aspect-ratio: 10/10;
  }
}
.pageWrapAbout .content.category .categoryList__item figure.wine {
  background: url(../img/top/pic_cate_01.jpg) no-repeat border-box center/cover;
}
.pageWrapAbout .content.category .categoryList__item figure.food {
  background: url(../img/top/pic_cate_02.jpg) no-repeat border-box center/cover;
}
.pageWrapAbout .content.category .categoryList__item figure.goods {
  background: url(../img/top/pic_cate_03.jpg) no-repeat border-box center/cover;
}
.pageWrapAbout .content.category .categoryList__item span {
  display: block;
  font-weight: 500;
  text-align: center;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .pageWrapAbout .content.category .categoryList__item span {
    padding-top: 10px;
  }
}

/* ===================================================================

Item

=================================================================== */
.pageWrapItem {
  padding-bottom: 163px;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .pageWrapItem {
    padding-bottom: 80px;
  }
}
.pageWrapItem .contents {
  padding-top: 120px;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .contents {
    padding-top: 50px;
  }
}
.pageWrapItem .btn01 {
  margin: 0 auto 58px;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .btn01 {
    margin: 0 auto 30px;
  }
}
.pageWrapItem .category .conTtl01 {
  text-align: center;
  padding-bottom: 24px;
}
.pageWrapItem .category .categoryList {
  display: flex;
  justify-content: space-between;
}
.pageWrapItem .category .categoryList__item {
  width: 33.3%;
}
.pageWrapItem .category .categoryList__item a {
  padding: 0 30px 30px;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .category .categoryList__item a {
    padding: 0 2%;
  }
}
.pageWrapItem .category .categoryList__item a:hover {
  opacity: 0.6;
}
.pageWrapItem .category .categoryList__item.bd {
  position: relative;
}
.pageWrapItem .category .categoryList__item.bd::before {
  content: "";
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0px;
  background: #d3d3d3;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .category .categoryList__item.bd::before {
    display: none;
  }
}
.pageWrapItem .category .categoryList__item figure {
  width: 100%;
  height: 242px;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .category .categoryList__item figure {
    width: 100%;
    height: auto;
    aspect-ratio: 10/10;
  }
}
.pageWrapItem .category .categoryList__item figure.wine {
  background: url(../img/top/pic_cate_01.jpg) no-repeat border-box center/cover;
}
.pageWrapItem .category .categoryList__item figure.food {
  background: url(../img/top/pic_cate_02.jpg) no-repeat border-box center/cover;
}
.pageWrapItem .category .categoryList__item figure.goods {
  background: url(../img/top/pic_cate_03.jpg) no-repeat border-box center/cover;
}
.pageWrapItem .category .categoryList__item span {
  position: relative;
  display: block;
  font-weight: 500;
  text-align: center;
  padding-top: 24px;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .category .categoryList__item span {
    padding-top: 10px;
  }
}
.pageWrapItem .category .categoryList__item span::after {
  content: "";
  width: 16px;
  height: 9px;
  position: absolute;
  bottom: -30px;
  left: 0px;
  right: 0;
  margin: auto;
  background: url(../img/common/ico_arr_02.png) no-repeat 100%/contain;
}
.pageWrapItem .keyword {
  padding: 60px 0;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .keyword {
    padding: 24px 0;
  }
}
.pageWrapItem .itemList__item {
  display: flex;
  justify-content: space-between;
  padding: 80px 0;
  border-bottom: 1px solid #d3d3d3;
}
@media screen and (max-width: 1300px) {
  .pageWrapItem .itemList__item {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item {
    padding: 40px 0 20px;
    border-bottom: none;
  }
}
.pageWrapItem .itemList__item:first-of-type {
  border-top: 1px solid #d3d3d3;
}
.pageWrapItem .itemList__item .ttlArea {
  width: 330px;
}
@media screen and (max-width: 1300px) {
  .pageWrapItem .itemList__item .ttlArea {
    width: 100%;
    padding-bottom: 50px;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .ttlArea {
    padding-bottom: 20px;
  }
}
.pageWrapItem .itemList__item .ttlArea .en {
  display: inline-block;
  color: #dfdee3;
  font-size: 7.6rem;
  font-family: "Zen Old Mincho", serif;
  letter-spacing: 0;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .ttlArea .en {
    font-size: 4.5rem;
  }
}
.pageWrapItem .itemList__item .ttlArea .ja {
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 500;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .ttlArea .ja {
    font-size: 1.4rem;
  }
}
.pageWrapItem .itemList__item .menuArea {
  width: 824px;
}
@media screen and (max-width: 1300px) {
  .pageWrapItem .itemList__item .menuArea {
    width: auto;
  }
}
.pageWrapItem .itemList__item .menuArea .inList__item:not(:first-of-type) {
  padding-top: 44px;
}
.pageWrapItem .itemList__item .menuArea .inList__item .ttl {
  font-weight: 500;
  border-left: 1px solid #222;
  padding-left: 1em;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .menuArea .inList__item .ttl {
    font-size: 1.6rem;
  }
}
.pageWrapItem .itemList__item .menuArea .inList__item.tag {
  display: flex;
  justify-content: space-between;
  padding-top: 74px;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .menuArea .inList__item.tag {
    display: block;
    padding-top: 30px;
  }
}
.pageWrapItem .itemList__item .menuArea .inList__item.tag .icon {
  width: 69px;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .menuArea .inList__item.tag .icon {
    padding-bottom: 10px;
  }
}
.pageWrapItem .itemList__item .menuArea .inList__item.tag .icon img {
  width: 100%;
  padding-top: 16px;
}
.pageWrapItem .itemList__item .menuArea .inList__item.tag .tagList {
  display: flex;
  flex-wrap: wrap;
  width: 741px;
}
@media screen and (max-width: 1300px) {
  .pageWrapItem .itemList__item .menuArea .inList__item.tag .tagList {
    width: 100%;
  }
}
.pageWrapItem .itemList__item .menuArea .inList__item.tag .tagList__item {
  padding-left: 40px;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .menuArea .inList__item.tag .tagList__item {
    padding: 0 0 6px 30px;
  }
}
.pageWrapItem .itemList__item .menuArea .inList__item.tag .tagList__item a {
  transition: 0.5s;
}
.pageWrapItem .itemList__item .menuArea .inList__item.tag .tagList__item a span {
  position: relative;
}
.pageWrapItem .itemList__item .menuArea .inList__item.tag .tagList__item a span::before {
  content: "＃";
  position: absolute;
  top: -4px;
  bottom: 0;
  left: -20px;
  right: 0;
  margin: auto;
  font-size: 1.6rem;
  line-height: 2;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .menuArea .inList__item.tag .tagList__item a span::before {
    font-size: 1.4rem;
    line-height: 1;
    top: 4px;
    left: -17px;
  }
}
.pageWrapItem .itemList__item .menuArea .inList__item.tag .tagList__item a:hover {
  opacity: 0.6;
}
.pageWrapItem .itemList__item .menuArea .detailList {
  display: flex;
  flex-wrap: wrap;
  margin: 14px 0 0 28px;
  max-width: 700px;
}
@media screen and (max-width: 1300px) {
  .pageWrapItem .itemList__item .menuArea .detailList {
    max-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .menuArea .detailList {
    justify-content: space-between;
    margin: 4px 0 0 0;
  }
}
.pageWrapItem .itemList__item .menuArea .detailList__item {
  width: 200px;
  margin: 6px 30px 0 0;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .menuArea .detailList__item {
    width: 48%;
    border-bottom: 1px solid #d3d3d3;
    margin: 0;
    padding: 14px 0 14px 0;
  }
}
.pageWrapItem .itemList__item .menuArea .detailList__item a {
  transition: 0.5s;
}
.pageWrapItem .itemList__item .menuArea .detailList__item a:hover {
  opacity: 0.6;
}
.pageWrapItem .itemList__item .menuArea .detailList__item a span {
  position: relative;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .menuArea .detailList__item a span {
    padding: 0 10px;
  }
}
.pageWrapItem .itemList__item .menuArea .detailList__item a span::before {
  content: "";
  width: 8px;
  height: 12px;
  position: absolute;
  top: 2px;
  bottom: 0;
  left: -23px;
  margin: auto;
  background: url(../img/common/ico_arr_01.png) no-repeat 100%/contain;
}
@media screen and (max-width: 768px) {
  .pageWrapItem .itemList__item .menuArea .detailList__item a span::before {
    display: none;
  }
}

/* ===================================================================

商品詳細

=================================================================== */
.pageWrapSingleItem {
  padding-bottom: 0;
  background: #f4f4f4;
}
.pageWrapSingleItem .contents {
  padding-top: 109px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .contents {
    padding-top: 50px;
  }
}
.pageWrapSingleItem .contents .inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding-bottom: 163px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .contents .inner {
    display: block;
    padding-bottom: 80px;
  }
}
.pageWrapSingleItem .pinArea {
  width: 47%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .pinArea {
    width: 100%;
  }
}
.pageWrapSingleItem .pinArea .mainPic {
  width: 100%;
  height: auto;
  aspect-ratio: 52/65;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  position: -webkit-sticky;
  position: sticky;
  top: 60px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .pinArea .mainPic {
    position: static;
  }
}
.pageWrapSingleItem .infoArea {
  width: 47%;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea {
    width: 100%;
    padding: 30px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .name__up {
    padding-bottom: 10px;
  }
}
.pageWrapSingleItem .infoArea .name__up .en {
  position: relative;
  font-size: 1.8rem;
  font-family: "Zen Old Mincho", serif;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .name__up .en {
    display: block;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.5;
  }
}
.pageWrapSingleItem .infoArea .name__up .year {
  font-size: 1.8rem;
  font-family: "Zen Old Mincho", serif;
  padding-left: 20px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .name__up .year {
    display: block;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.5;
  }
}
.pageWrapSingleItem .infoArea .name__mainTtl {
  font-size: 3.6rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .name__mainTtl {
    font-size: 2.3rem;
    text-align: center;
  }
}
.pageWrapSingleItem .infoArea .price {
  padding-top: 33px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .price {
    padding-top: 20px;
  }
}
.pageWrapSingleItem .infoArea .price__main {
  margin-left: -6px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .price__main {
    margin-left: -2px;
  }
}
.pageWrapSingleItem .infoArea .price__main .mark {
  font-size: 3.6rem;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .price__main .mark {
    font-size: 2.3rem;
  }
}
.pageWrapSingleItem .infoArea .price__main .num {
  font-size: 4.2rem;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .price__main .num {
    font-size: 2.7rem;
  }
}
.pageWrapSingleItem .infoArea .price__main .tax {
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .price__main .tax {
    font-size: 1.6rem;
  }
}
.pageWrapSingleItem .infoArea .cart {
  width: 100%;
  height: 60px;
  background: #222;
  margin-top: 36px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .cart {
    height: 50px;
    margin-top: 16px;
  }
}
.pageWrapSingleItem .infoArea .cart a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 60px;
  color: #fff;
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .cart a {
    height: 50px;
  }
}
.pageWrapSingleItem .infoArea .cart a span {
  position: relative;
  font-size: 2rem;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .cart a span {
    font-size: 1.6rem;
  }
}
.pageWrapSingleItem .infoArea .cart a span::before {
  content: "";
  width: 23px;
  height: 19px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -42px;
  margin: auto;
  background: url(../img/low/ico_cart_02.png) no-repeat 100%/contain;
}
.pageWrapSingleItem .infoArea .cart a:hover {
  background: #222;
}
.pageWrapSingleItem .infoArea .cart a:hover span {
  color: #fff;
}
.pageWrapSingleItem .infoArea .detailList__item {
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .detailList__item {
    padding-top: 30px;
  }
}
.pageWrapSingleItem .infoArea .detailList__item .ttl {
  font-size: 2.4rem;
  border-left: 5px solid #222;
  padding-left: 22px;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .detailList__item .ttl {
    font-size: 1.6rem;
    padding-left: 16px;
  }
}
.pageWrapSingleItem .infoArea .detailList__item .txt {
  padding-top: 16px;
}
.pageWrapSingleItem .infoArea .subImgBlock {
  width: 90%;
  margin: 0 auto;
  padding-top: 30px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .subImgBlock {
    padding-top: 15px;
  }
}
.pageWrapSingleItem .infoArea .subImgBlock img {
  display: block;
  width: 100%;
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .subImgBlock img {
    margin-top: 15px;
  }
}
.pageWrapSingleItem .infoArea .linkList {
  border-top: 1px solid #d3d3d3;
  padding: 30px 0 0 30px;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .linkList {
    margin-top: 30px;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .linkList__item:not(:first-of-type) {
    padding-top: 10px;
  }
}
.pageWrapSingleItem .infoArea .linkList__item span {
  position: relative;
  font-weight: 500;
  padding-left: 35px;
  text-decoration: underline;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .linkList__item span {
    padding-left: 10px;
  }
}
.pageWrapSingleItem .infoArea .linkList__item span::before {
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(../img/low/ico_question_01.png) no-repeat 100%/contain;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItem .infoArea .linkList__item span::before {
    left: -23px;
  }
}

/* ===================================================================

商品一覧

=================================================================== */
.pageWrapSingleItemAll {
  padding-bottom: 163px;
  background: #f4f4f4;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll {
    padding-bottom: 80px;
  }
}
.pageWrapSingleItemAll .contents {
  display: flex;
  justify-content: space-between;
  padding-top: 109px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .contents {
    display: block;
    padding-top: 50px;
  }
}
.pageWrapSingleItemAll .sideBar {
  width: 240px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar {
    width: auto;
  }
}
.pageWrapSingleItemAll .sideBar__category .ttl {
  font-family: "Zen Old Mincho", serif;
  font-size: 2.4rem;
  text-align: center;
  padding-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar__category .ttl {
    font-size: 1.6rem;
  }
}
.pageWrapSingleItemAll .sideBar__category .cateList {
  border-top: 1px solid #d3d3d3;
  border-bottom: 1px solid #d3d3d3;
  padding: 20px 0 80px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar__category .cateList {
    padding: 10px 0 40px;
    border-top: none;
    border-bottom: none;
  }
}
.pageWrapSingleItemAll .sideBar__category .cateList__item:not(:first-of-type) {
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar__category .cateList__item:not(:first-of-type) {
    margin-top: 30px;
  }
}
.pageWrapSingleItemAll .sideBar__category .cateList__item .cateTtl {
  padding-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar__category .cateList__item .cateTtl {
    padding-bottom: 8px;
  }
}
.pageWrapSingleItemAll .sideBar__category .cateList__item .cateTtl .en {
  font-family: "Zen Old Mincho", serif;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar__category .cateList__item .cateTtl .en {
    font-size: 2.1rem;
  }
}
.pageWrapSingleItemAll .sideBar__category .cateList__item .cateTtl .ja {
  font-size: 1.4rem;
  font-weight: 500;
}
.pageWrapSingleItemAll .sideBar__category .accordion_container {
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar__category .accordion_container {
    max-width: auto;
  }
}
.pageWrapSingleItemAll .sideBar__category .accordion_container:not(:first-of-type) {
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar__category .accordion_container:not(:first-of-type) {
    margin-top: 20px;
  }
}
.pageWrapSingleItemAll .sideBar__category .accordion_title {
  font-size: 1.4rem;
  font-weight: 500;
  text-align: left;
  position: relative;
  z-index: 1;
  cursor: pointer;
  transition-duration: 0.2s;
  border-left: 2px solid #222;
  padding: 6px 0 6px 16px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar__category .accordion_title.onlySpStyle {
    border-left: none;
    font-size: 1.7rem;
    text-align: center;
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    padding: 10px 0;
  }
}
.pageWrapSingleItemAll .sideBar__category .accordion_title:hover {
  opacity: 0.8;
}
.pageWrapSingleItemAll .sideBar__category .icon_wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 20%;
  right: 5%;
  width: 0;
  height: 0;
  box-sizing: border-box;
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.2s;
}
.pageWrapSingleItemAll .sideBar__category .icon {
  display: block;
  width: 18px;
  height: 18px;
  transform: rotate(45deg);
  transform-origin: center center;
  transition-duration: 0.5s;
  position: relative;
}
.pageWrapSingleItemAll .sideBar__category .accordion_title.open .icon_wrap {
  transform: rotate(0deg);
}
.pageWrapSingleItemAll .sideBar__category .icon:before,
.pageWrapSingleItemAll .sideBar__category .icon:after {
  display: flex;
  content: "";
  background-color: #222;
  border-radius: 10px;
  width: 18px;
  height: 1px;
  position: absolute;
  top: 8px;
  left: -1px;
  transform: rotate(0deg);
  transform-origin: center center;
}
.pageWrapSingleItemAll .sideBar__category .icon:before {
  width: 1px;
  height: 18px;
  top: -1px;
  left: 8px;
}
.pageWrapSingleItemAll .sideBar__category .accordion_title.open .icon_wrap .icon:before {
  content: none;
}
.pageWrapSingleItemAll .sideBar__category .accordion_title.open .icon_wrap .icon:after {
  transform: rotate(-45deg);
}
.pageWrapSingleItemAll .sideBar__category .accordion_inner {
  display: none;
  box-sizing: border-box;
  padding: 10px 20px 0px 38px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar__category .accordion_inner {
    padding: 10px 10px 0px 10px;
  }
}
.pageWrapSingleItemAll .sideBar__category a.txt_a_ac {
  margin: 0;
  transition: 0.5s;
}
.pageWrapSingleItemAll .sideBar__category a.txt_a_ac:hover {
  opacity: 0.6;
}
.pageWrapSingleItemAll .sideBar__category a.txt_a_ac span {
  position: relative;
  font-size: 1.4rem;
}
.pageWrapSingleItemAll .sideBar__category a.txt_a_ac span::before {
  content: "";
  width: 8px;
  height: 12px;
  position: absolute;
  top: 2px;
  bottom: 0;
  left: -23px;
  margin: auto;
  background: url(../img/common/ico_arr_01.png) no-repeat 100%/contain;
}
.pageWrapSingleItemAll .sideBar .note {
  padding: 50px 0;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar .note {
    padding: 30px 0;
  }
}
.pageWrapSingleItemAll .sideBar .note__ttl {
  position: relative;
  font-size: 1.4rem;
  font-weight: 500;
  padding-left: 10px;
  margin-left: 23px;
}
.pageWrapSingleItemAll .sideBar .note__ttl::before {
  content: "";
  width: 23px;
  height: 23px;
  position: absolute;
  top: 2px;
  bottom: 0;
  left: -23px;
  margin: auto;
  background: url(../img/low/ico_exclamation_01.png) no-repeat 100%/contain;
}
.pageWrapSingleItemAll .sideBar .note__txt {
  font-size: 1.4rem;
  padding-top: 10px;
}
.pageWrapSingleItemAll .sideBar .tagList {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #d3d3d3;
  padding-top: 50px;
}
@media screen and (max-width: 1300px) {
  .pageWrapSingleItemAll .sideBar .tagList {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .sideBar .tagList {
    padding-top: 30px;
  }
}
.pageWrapSingleItemAll .sideBar .tagList__item {
  padding-left: 23px;
}
.pageWrapSingleItemAll .sideBar .tagList__item a {
  transition: 0.5s;
}
.pageWrapSingleItemAll .sideBar .tagList__item a span {
  position: relative;
  font-size: 1.2rem;
  line-height: 2;
  font-weight: 500;
  display: block;
}
.pageWrapSingleItemAll .sideBar .tagList__item a span::before {
  content: "＃";
  position: absolute;
  top: 0px;
  bottom: 0;
  left: -14px;
  right: 0;
  margin: auto;
  font-size: 1.2rem;
  line-height: 2;
}
.pageWrapSingleItemAll .sideBar .tagList__item a:hover {
  opacity: 0.6;
}
.pageWrapSingleItemAll .mainArea {
  width: 71%;
  max-width: 840px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .mainArea {
    width: 100%;
    max-width: auto;
    padding-top: 30px;
  }
}
.pageWrapSingleItemAll .mainArea__ttl {
  font-size: 3rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .mainArea__ttl {
    font-size: 2.1rem;
  }
}
.pageWrapSingleItemAll .mainArea .itemList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-top: 30px;
}
@media screen and (max-width: 1100px) {
  .pageWrapSingleItemAll .mainArea .itemList {
    justify-content: center;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .mainArea .itemList {
    justify-content: space-between;
  }
}
.pageWrapSingleItemAll .mainArea .itemList__item {
  width: 31%;
  margin-bottom: 60px;
}
@media screen and (max-width: 1100px) {
  .pageWrapSingleItemAll .mainArea .itemList__item {
    width: 71%;
    max-width: 400px;
  }
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .mainArea .itemList__item {
    width: 48%;
    max-width: auto;
    margin-bottom: 20px;
  }
}
.pageWrapSingleItemAll .mainArea .itemList__item a {
  position: relative;
  transition: 0.5s;
}
.pageWrapSingleItemAll .mainArea .itemList__item a:hover {
  opacity: 0.5;
}
.pageWrapSingleItemAll .mainArea .itemList__item a .imageArea {
  aspect-ratio: 253/317;
  background-repeat: no-repeat;
  background-size: cover;
}
.pageWrapSingleItemAll .mainArea .itemList__item a .newIcon::before {
  content: "NEW";
  width: 72px;
  height: 26px;
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  background: #222;
  color: #fff;
  line-height: 1;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
  font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .mainArea .itemList__item a .newIcon::before {
    width: 51px;
    height: 17px;
  }
}
.pageWrapSingleItemAll .mainArea .itemList__item a .name {
  font-size: 1.8rem;
  line-height: 1.5;
  padding-top: 20px;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .mainArea .itemList__item a .name {
    font-size: 1.5rem;
    padding-top: 10px;
  }
}
.pageWrapSingleItemAll .mainArea .itemList__item a .price {
  font-size: 2.4rem;
  line-height: 1.5;
  padding-top: 14px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .mainArea .itemList__item a .price {
    font-size: 2rem;
    padding-top: 6px;
  }
}
.pageWrapSingleItemAll .mainArea .itemList__item a .price span {
  font-size: 2.4rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  .pageWrapSingleItemAll .mainArea .itemList__item a .price span {
    font-size: 1.8rem;
  }
}

/* ===================================================================

footer

=================================================================== */
footer {
  background: #b1b1b1;
}
footer .footerInner {
  display: flex;
  width: 1160px;
  max-width: 90%;
  padding: 60px 0 0;
  margin: 0 auto;
}
@media screen and (max-width: 900px) {
  footer .footerInner {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  footer .footerInner {
    width: auto;
    padding: 40px 0 0;
  }
}
footer .footerInner .txtArea .footerLogo {
  display: inline-block;
}
footer .footerInner .txtArea .footerLogo img {
  width: 82px;
  height: 36px;
}
footer .footerInner .txtArea .menuList {
  display: flex;
  flex-wrap: wrap;
  margin: 24px 0 0 28px;
  max-width: 700px;
}
@media screen and (max-width: 768px) {
  footer .footerInner .txtArea .menuList {
    margin: 10px 0 0 28px;
  }
}
footer .footerInner .txtArea .menuList__item {
  width: 170px;
  margin: 16px 50px 0 0;
}
@media screen and (max-width: 768px) {
  footer .footerInner .txtArea .menuList__item {
    width: 50%;
    margin: 16px 0 0 0;
  }
}
footer .footerInner .txtArea .menuList__item.long {
  width: 200px;
}
footer .footerInner .txtArea .menuList__item a {
  transition: 0.5s;
}
footer .footerInner .txtArea .menuList__item a:hover {
  opacity: 0.6;
}
footer .footerInner .txtArea .menuList__item a span {
  display: block;
  position: relative;
}
@media screen and (max-width: 768px) {
  footer .footerInner .txtArea .menuList__item a span {
    font-size: 1.2rem;
  }
}
footer .footerInner .txtArea .menuList__item a span::before {
  content: "";
  width: 8px;
  height: 12px;
  position: absolute;
  top: 2px;
  bottom: 0;
  left: -23px;
  margin: auto;
  background: url(../img/common/ico_arr_01.png) no-repeat 100%/contain;
}
@media screen and (max-width: 768px) {
  footer .footerInner .txtArea .menuList__item a span::before {
    left: -20px;
  }
}
footer .footerInner .txtArea .officialList {
  display: flex;
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  footer .footerInner .txtArea .officialList {
    padding-top: 50px;
  }
}
footer .footerInner .txtArea .officialList__item a {
  transition: 0.5s;
}
footer .footerInner .txtArea .officialList__item a:hover {
  opacity: 0.7;
}
footer .footerInner .txtArea .officialList__item:first-of-type {
  margin-right: 12px;
}
footer .footerInner .txtArea .officialList__item.site {
  margin-left: 34px;
}
@media screen and (max-width: 768px) {
  footer .footerInner .txtArea .officialList__item.site {
    margin-left: 26px;
  }
}
footer .footerInner .txtArea .officialList__item.site a {
  position: relative;
}
footer .footerInner .txtArea .officialList__item.site a span::after {
  content: "";
  width: 17px;
  height: 16px;
  position: absolute;
  top: 2px;
  bottom: 0;
  right: -24px;
  margin: auto;
  background: url(../img/common/ico_window_01.png) no-repeat 100%/contain;
}
footer .footerInner .restaurantArea {
  padding-top: 60px;
}
@media screen and (max-width: 768px) {
  footer .footerInner .restaurantArea {
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
footer .footerInner .restaurantArea .imageArea {
  width: 488px;
  height: 249px;
  background-size: cover;
  background-image: url(../img/common/pic_restaurants_01.jpg);
  background-repeat: no-repeat;
}
@media screen and (max-width: 900px) {
  footer .footerInner .restaurantArea .imageArea {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  footer .footerInner .restaurantArea .imageArea {
    height: 46vw;
  }
}
footer .footerInner .restaurantArea .imageArea a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
footer .footerInner .restaurantArea .imageArea a:hover span {
  color: #ffffff;
}
footer .footerInner .restaurantArea .imageArea a span {
  font-family: "Zen Old Mincho", serif;
  font-size: 4.8rem;
  color: rgba(255, 255, 255, 0.2352941176);
  transition: 0.5s;
}
@media screen and (max-width: 768px) {
  footer .footerInner .restaurantArea .imageArea a span {
    font-size: 3.4rem;
  }
}
footer .footerInner .restaurantArea__link {
  margin: 12px 0 0 23px;
}
footer .footerInner .restaurantArea__link a {
  position: relative;
  transition: 0.5s;
}
footer .footerInner .restaurantArea__link a:hover {
  opacity: 0.7;
}
footer .footerInner .restaurantArea__link a::before {
  content: "";
  width: 8px;
  height: 12px;
  position: absolute;
  top: 2px;
  bottom: 0;
  left: -23px;
  margin: auto;
  background: url(../img/common/ico_arr_01.png) no-repeat 100%/contain;
}
footer .copy {
  width: 1160px;
  max-width: 90%;
  font-size: 1.2rem;
  margin: 0 auto;
  padding-bottom: 60px;
}
@media screen and (max-width: 900px) {
  footer .copy {
    padding-top: 60px;
  }
}
@media screen and (max-width: 768px) {
  footer .copy {
    width: auto;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #8b8b8b;
  }
}
/*# sourceMappingURL=style.css.map */