<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* ===================================================================
 style info : 特設サイト追記部分
 author     : style.css
=================================================================== */
/*----------------------------------------------------
  全体
----------------------------------------------------*/
/*-------共通箇所*/
body {
  background: none; /* 一旦、背景画像を消す。 */
}
body::before {
  background: url("../img/contBg01_sp.png") repeat-y center top;
  -webkit-background-size: 100%;
  -moz-background-size: 100%;
  -o-background-size: 100%;
  background-size: 100%;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
/*body {
	background-image: url("../img/bg_sp.jpg");
    background-position: center top;
    background-repeat: repeat-y;
	background-size: contain;
	background-attachment: scroll;
}*/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/*-------clearfix、マージン関連*/
.clearfix {
  *zoom: 1;
}
.clearfix:after {
  content: ' ';
  display: table;
  clear: both;
}
/*-------img,section等*/
img {
  margin: 0;
  padding: 0;
}
section {
  width: 100%;
  margin: 0;
}
article {
  width: 100%;
  margin: 0;
}
p {
  word-wrap: break-word;
}
/*-------txt*/
.txtGr {
  color: #4ba43e;
}
.txtOr {
  color: #e56b00;
}
.txtBold {
  font-weight: bold;
}
.txt_sm {
  font-size: 88%;
}
.txt_xsm {
  font-size: 60%;
}
.txt_lr {
  font-size: 140%;
}
.txt_l {
  text-align: left;
}
.txt_r {
  text-align: right;
}
.txt_ce {
  text-align: center;
}
/*-------border-radius*/
.border-ra {
  border-radius: 1em;
}
.borderColor-br {
  border: 1.5px solid #612d11;
}
@media screen and (min-width: 1200px) {
  .border-ra {
    border-radius: 1.0em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .border-ra {
    border-radius: 1.0em;
  }
}
/*-------ボーダー装飾*/
.border {
  border: 1px solid #ccc;
}
.border-Br {
  border: 2px solid #c18500;
}
/*-------PCとタブレット・スマホの切り替え*/
.br-sp {
  display: block;
}
.br-pc {
  display: none;
}
.br-tab {
  display: block;
}
@media screen and (min-width: 1200px) {
  .br-sp {
    display: none;
  }
  .br-pc {
    display: block;
  }
  .br-tab {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .br-sp {
    display: none;
  }
  .br-pc {
    display: block;
  }
  .br-tab {
    display: block;
  }
}
@media screen and (min-width: 767px) and (max-width: 1014px) {
  .br-tab {
    display: block;
  }
}
/*----------------------------------------------------
  a
----------------------------------------------------*/
.c-content a {
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  opacity: 1;
  color: #b28146;
  text-decoration: none;
  transition: all 0s;
}
.c-content a:active, .c-content a:hover, .c-content a:focus {
  outline: 0;
  text-decoration: underline;
}
.overwhite {
  background-color: transparent;
  display: block;
  opacity: 1;
}
.overwhite:hover, .overwhite:hover img {
  text-decoration: none;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}
@media screen and (min-width: 1200px) {
  a, .overwhite img {
    transition: all .3s;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  a, .overwhite img {
    transition: all .3s;
  }
}
/*----------------------------------------------------
 footer（マージンを消す）
----------------------------------------------------*/
/* footer style */
#l-footer {
  margin-top: 0;
}
@media screen and (min-width: 1200px) {
  #l-footer {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  #l-footer {
    margin-top: 0;
  }
}
#l-footer .footer-pagetop { /*z-index調整*/
  z-index: 10;
}
/*----------------------------------------------------
　l-content
----------------------------------------------------*/
#l-content {
  max-width: 100%;
  margin: 0;
  /*margin-top: 115px;*/
}
.c-content {
  width: 100%;
}
.l_content_wrap {
  width: 100%;
  padding: 0;
  overflow: hidden;
}
/*----------------------------------------------------
　c-mainImg
----------------------------------------------------*/
#c-mainImg {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}
#c-mainImg .inner {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
#c-mainImg img {
  width: 100%;
  min-width: 100%;
  height: auto;
  margin: 0 auto;
}
/*----------------------------------------------------
　各ブロック
----------------------------------------------------*/
section {
  width: 100%;
}
article {
  text-align: left;
  margin: 0 auto 10% auto;
}
article:last-child {
  margin-bottom: 0;
}
.contentsBox, .contentsBox02 {
  position: relative;
  padding: 0;
}
.contentsBox .inner {
  width: 100%;
  margin: 0 auto;
  padding: 14% 7%;
}
.contentsBox02 .inner {
  width: 100%;
  margin: 0 auto;
  padding: 12% 7%;
}
.contentsBox .inner .inner {
  width: 100%;
  margin: 0 auto;
  padding: 0 6%;
}
/*-------各コンテンツの背景*/
.contBg01 {
  padding: 0;
  border-bottom: 25px solid #4ba43e;
}
.contBg02 {
  padding: 0;
  border-top: 25px solid #e96f65;
  background-color: #f1cfcd;
  background: url("../img/contBg02_sp.png") repeat-y center top;
  background-position: center top;
  background-size: 100%;
}
.conbg_w {
  background: #fff;
}
/*----------------------------------------------------
　各コンテンツ
----------------------------------------------------*/
/*-------共通*/
.listWrap {
  padding: 0;
  position: relative;
}
.listCont {
  width: 100%;
  height: auto;
  margin: 0 auto;
}
.listCont .inner, .listCont02 .inner {
  position: relative;
}
.list {
  width: 100%;
  margin: 0 auto 10% auto;
  padding: 7%;
  position: relative;
  background: #fff;
}
.list:last-child {
  margin-bottom: 0;
}
.photoBox {
  position: relative;
  margin: 0 0 6% 0;
}
.photoBox span {
  position: absolute;
  top: 1em;
  left: 1em;
  width: 16%;
}
.photoBox .txt_r {
  text-align: right;
}
.txtBox01 {
  margin: 0 0 3% 0;
}
.txtBox02 {
  margin: 0;
}
/*-------レイアウト調整*/
/*flexBox*/
.flexBox {
  display: block;
}
.flexBox-Rev {
  display: block;
}
@media screen and (min-width: 1200px) {
  .flexBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
  .flexBox-Rev {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
  .flexBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
  .flexBox-Rev {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
  }
}
/*-------h*/
.c-content h2 {
  width: 100%;
  margin: 0 auto;
  font-size: calc(1.125rem + ((1vw - 3.2px) * 2.2321)); /* 18px @ 320px increasing to 28px @ 768px */
  /* Note: The calc base value (1.125rem) MUST be stated in REM to maintain accessibility */
  /* Where: 2.2321 = 100 * font-size_difference / viewport_width_difference */
  font-weight: bold;
  font-feature-settings: "palt";
}
.c-content h3 {
  margin: 0 auto 3% auto;
  padding: 0;
  font-size: calc(1.3125rem + ((1vw - 3.2px) * 2.2321)); /* 21px @ 320px increasing to 31px @ 768px */
  /* Note: The calc base value (1.3125rem) MUST be stated in REM to maintain accessibility */
  /* Where: 2.2321 = 100 * font-size_difference / viewport_width_difference */
  font-weight: bold;
  font-feature-settings: "palt";
  text-align: center;
  line-height: 1.27;
}
.c-content h4 {
  margin: 0 0 4% 0;
  font-size: calc(0.875rem + ((1vw - 3.2px) * 2.2321)); /* 14px @ 320px increasing to 24px @ 768px */
  /* Note: The calc base value (0.875rem) MUST be stated in REM to maintain accessibility */
  /* Where: 2.2321 = 100 * font-size_difference / viewport_width_difference */
  font-weight: bold;
  font-feature-settings: "palt";
  color: #fff;
  background: #4ba43e;
  border-radius: 0.5em;
}
/*-------ショップボックス*/
/*ショップタイトル*/
.titleBox {
  border-top: 2px solid #7f7f7f;
  border-bottom: 2px solid #7f7f7f;
  padding: 0 0 5% 0;
  margin: 0 0 6% 0;
}
.shopOpen {
  width: 69%;
  margin: 0 auto;
}
.titleBoxinner .shopTitleImg01 {
  width: 59%;
  margin: 3% auto;
}
.titleBoxinner .shopTitleImg02 {
  width: 76%;
  margin: 5% auto;
}
.titleBoxinner .shopTitleImg03 {
  width: 84%;
  margin: 5% auto;
}
.titleBoxinner .shopTitleImg04 {
  width: 45%;
  margin: 5% auto;
}
.titleBoxinner .shopTitleImg05 {
  width: 56%;
  margin: 5% auto;
}
.titleBoxinner .shopTitleImg06 {
  width: 31%;
  margin: 5% auto;
}
h2.shopTitleBase {
  display: grid;
  grid-template-columns: 3.222rem auto;
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 0.6em;
  grid-row-gap: 0px;
  place-content: center;
  justify-content: center;
  align-items: center;
}
h2.shopTitle01, h2.shopTitle02, h2.shopTitle03, h2.shopTitle05 {
  width: 100%;
}
h2.shopTitle04, h2.shopTitle06 {
  width: 100%;
  grid-template-rows: 1fr;
}
.shopTitleBase span.floor {
  margin: 0;
  grid-area: 1 / 1 / 3 / 2;
}
.shopTitleTxt {
  margin: 0;
  grid-area: 1 / 2 / 2 / 3;
}
.shopTitle04 span.floor {
  margin: 0;
  grid-area: 1 / 1 / 2 / 2;
}
.shopTitle04 .shopTitleTxt {
  margin: 0;
  grid-area: 1 / 2 / 2 / 3;
}
.shopInfo_nagoya, .shopInfo_tokai {
  grid-area: 2 / 2 / 3 / 3;
}
.shopInfo_tokai span {
  padding: 0 0.8em;
  border-radius: 0.5em;
  font-size: 82%;
  display: inline-block;
  background: #f5c6cd;
}
.shopInfo_nagoya span {
  padding: 0 0.8em;
  border-radius: 0.5em;
  font-size: 82%;
  display: inline-block;
  background: #ffe900;
}
/*商品画像*/
.shopItem01 {
  width: 100%;
  margin: 4% 0 0 0;
}
.shopItem01 .photoBox {
  width: 85%;
  margin: 0 auto 3% auto;
}
.shopBox05 .shopItem01 .photoBox {
  width: 100%;
}
.itemList01, .itemList02 {
  padding: 0 0 0 1.5em;
  position: relative;
}
.itemList01:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.3em;
  width: 1.2em;
  height: 1.2em;
  background: url("../img/ico_arrow-green.svg") no-repeat top left;
  background-size: 1.2em;
}
.itemList02:before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0.3em;
  width: 1.2em;
  height: 1.2em;
  background: url("../img/ico_arrow-orange.svg") no-repeat top left;
  background-size: 1.2em;
}
/*present*/
.presentBox {
  background: #d8eed4;
  padding: 6%;
  margin: 5% 0 0 0;
}
.presentBox .photoBox {
  width: 64%;
  margin: 0 auto 4% auto;
}
/*-------SNS*/
.snsTitleBox {
  border: 1px solid #cbcbcb;
  padding: 7%;
}
h2.snsTitleBase {
  display: flex;
  align-items: center;
  margin: 0 0 5% 0;
  font-size: calc(1.1875rem + ((1vw - 3.2px) * 2.2321)); /* 19px @ 320px increasing to 29px @ 768px */
  /* Note: The calc base value (1.1875rem) MUST be stated in REM to maintain accessibility */
  /* Where: 2.2321 = 100 * font-size_difference / viewport_width_difference */
  line-height: 1.5;
}
h2.snsTitleBase span {
  width: 5rem;
  max-width: 4.5rem;
  margin: 0 2% 0 0;
}
.sns_instaBox {
  background: #f3e3eb;
  padding: 6%;
  margin: 0 0 7% 0;
}
h3.titleInsta {
  width: 71%;
  margin: 0 auto 3% 0;
  text-align: left;
}
.sns_tiktokBox {
  background: #e9f7f8;
  padding: 6%;
}
h3.titleTiktok {
  width: 44%;
  margin: 0 auto 3% 0;
  text-align: left;
}
/*----------------------------------------------------
　各カテゴリボックス
----------------------------------------------------*/
/*テキストブロックの設定*/
.textBlock {
  font-feature-settings: "palt";
  text-align: justify;
  text-justify: inter-character;
  line-break: strict;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: calc(0.875rem + ((1vw - 3.2px) * 2.2321)); /* 14px @ 320px increasing to 24px @ 768px */
  /* Where: 2.2321 = 100 * font-size_difference / viewport_width_difference */
  line-height: 1.85;
}
.textBlock02 {
  font-feature-settings: "palt";
  text-align: justify;
  text-justify: inter-character;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: calc(0.75rem + ((1vw - 3.2px) * 2.2321)); /* 12px @ 320px increasing to 22px @ 768px */
  /* Where: 2.2321 = 100 * font-size_difference / viewport_width_difference */
}
.textBlock03 {
  font-feature-settings: "palt";
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.55;
  font-size: calc(1.1875rem + ((1vw - 3.2px) * 2.2321)); /* 19px @ 320px increasing to 29px @ 768px */
  /* Note: The calc base value (1.1875rem) MUST be stated in REM to maintain accessibility */
  /* Where: 2.2321 = 100 * font-size_difference / viewport_width_difference */
}
.textBlock04 {
  font-feature-settings: "palt";
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  line-height: 1.55;
  font-size: calc(1rem + ((1vw - 3.2px) * 2.2321)); /* 16px @ 320px increasing to 26px @ 768px */
  /* Note: The calc base value (1rem) MUST be stated in REM to maintain accessibility */
  /* Where: 2.2321 = 100 * font-size_difference / viewport_width_difference */
}
.txt01 {
  margin: 0 0 3% 0;
}
/*webフォントの指定*/
.fontface01 {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
}
/*注釈*/
.note {
  padding: 0;
  margin: 0 0 10% 0;
  font-feature-settings: "palt";
  text-align: justify;
  text-justify: inter-character;
  word-break: break-all;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: calc(0.75rem + ((1vw - 3.2px) * 2.2321)); /* 12px @ 320px increasing to 22px @ 768px */
  /* Where: 2.2321 = 100 * font-size_difference / viewport_width_difference */
}
.note li {
  padding-left: 1em;
  text-indent: -1em;
}
/*-------CSSボタン*/
/*共通*/
.btn {
  width: 100%;
  color: #fff;
  text-decoration: none;
  margin: 2% 0 0 0;
}
.btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0.5em;
  color: #fff;
  text-decoration: none;
  transition: 0.3s;
  border-radius: 0.5em;
  transition: .3s;
}
.btn a:hover {
  color: #fff;
  text-decoration: none;
}
.btn01 a {
  background-color: #d7418b;
  text-decoration: none;
}
.btn02 a {
  background-color: #3ec2cd;
  text-decoration: none;
}
.btn01 span, .btn02 span {
  position: relative;
  padding-right: 1.2rem;
}
.btn01 span:after, .btn02 span:after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  border-style: solid;
  border-width: 7px 0 7px 10px;
  border-color: transparent transparent transparent #ffffff;
  transition: .3s;
}
.btn01 a span:hover::after, .btn02 a span:hover::after {
  right: -0.5rem;
}
/* ====================================================
　以下ブレークポイント設定
==================================================== */
/*----------------------------------------------------ブレークポイント・PCサイズ以上*/
/*----------------------------------------------------
   全体
----------------------------------------------------*/
/*-------共通箇所*/
@media screen and (min-width: 1200px) {
  body::before {
    background: url("../img/contBg01_pc.png") repeat-y center top;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  /*----------------------------------------------------
　l-content
----------------------------------------------------*/
  .l_content_wrap {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /*----------------------------------------------------
   c-mainImg
------------------------------------------------- */
  #c-mainImg {
    margin: 0 0 20px 0;
  }
  #c-mainImg .inner {
    width: 100%;
    max-width: 940px;
    height: auto;
    margin: 0 auto;
  }
  /*----------------------------------------------------
　各ブロック
----------------------------------------------------*/
  section {
    width: 100%;
  }
  article {
    text-align: left;
    margin: 0 auto 10% auto;
  }
  article:last-child {
    margin-bottom: 0;
  }
  .contentsBox, .contentsBox02 {
    position: relative;
    padding: 0;
  }
  .contentsBox .inner, .contentsBox02 .inner {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    padding: 100px 0;
  }
  .contentsBox .inner .inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 6%;
  }
  /*-------各コンテンツの背景*/
  .contBg01 {
    padding: 0;
    border-bottom: 25px solid #4ba43e;
  }
  .contBg02 {
    padding: 0;
    border-top: 25px solid #e96f65;
    background-color: #f1cfcd;
    background: url("../img/contBg02_pc.png") repeat-y center top;
    background-position: center top;
    background-size: 100%;
  }
  /*----------------------------------------------------
　各コンテンツ
----------------------------------------------------*/
  /*-------共通*/
  .listWrap {
    padding: 0;
    position: relative;
  }
  .listCont {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .listCont .inner, .listCont02 .inner {
    position: relative;
  }
  .list {
    width: 100%;
    margin: 0 0 7% 0;
    padding: 3%;
    position: relative;
  }
  .list:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .photoBox {
    margin: 0;
  }
  .photoBox span {
    top: 0.6em;
    left: 0.6em;
    width: 18%;
  }
  .txtBox01 {
    margin: 0;
  }
  .txtBox02 {
    margin: 0;
  }
  /*-------h*/
  .c-content h2, .c-content h3 {
    text-align: justify;
    text-justify: inter-character;
    line-break: strict;
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .c-content h2 {
    width: 100%;
    height: 100%;
    margin: 0 auto 5% auto;
    font-size: 128.5%;
  }
  .c-content h3 {
    margin: 0 auto 2.5% auto;
    padding: 0;
    text-align: left;
    font-size: 149%;
  }
  .c-content h4 {
    font-size: 100%;
    margin: 0 0 2% 0;
  }
  /*-------ショップボックス*/
  .shopBox01 {
    display: grid;
    grid-template-columns: 38% 1fr;
    grid-template-rows: max-content max-content 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
  }
  .shopBox01 .photoBox {
    grid-area: 2 / 1 / 4 / 2;
  }
  .shopBox01 .titleBox {
    grid-area: 1 / 1 / 2 / 3;
  }
  .shopBox01 .txtBox01 {
    grid-area: 2 / 2 / 3 / 3;
  }
  .shopBox01 .txtBox02 {
    grid-area: 3 / 2 / 4 / 3;
  }
  .shopBox02 {
    display: grid;
    grid-template-columns: 38% 1fr;
    grid-template-rows: max-content max-content 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
  }
  .shopBox02 .photoBox {
    grid-area: 2 / 1 / 4 / 2;
  }
  .shopBox02 .titleBox {
    grid-area: 1 / 1 / 2 / 3;
  }
  .shopBox02 .txtBox02 {
    grid-area: 2 / 2 / 3 / 3;
  }
  .shopBox02 .presentBox {
    grid-area: 3 / 2 / 4 / 3;
  }
  .shopBox03 {
    display: grid;
    grid-template-columns: 38% 1fr;
    grid-template-rows: max-content max-content max-content max-content 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 0px;
  }
  .shopBox03 .photoBox {
    grid-area: 2 / 1 / 6 / 2;
  }
  .shopBox03 .titleBox {
    grid-area: 1 / 1 / 2 / 3;
  }
  .shopBox03 .txtBox01 {
    grid-area: 2 / 2 / 3 / 3;
  }
  .shopBox03 .txtBox02 {
    grid-area: 3 / 2 / 4 / 3;
  }
  .shopBox03 .shopItem01 {
    grid-area: 4 / 2 / 5 / 3;
  }
  .shopBox03 .presentBox {
    grid-area: 5 / 2 / 6 / 3;
  }
  .shopBox04 {
    display: grid;
    grid-template-columns: 38% 30px 1fr 20px 26%;
    grid-template-rows: max-content max-content max-content 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .shopBox04 .photoBox {
    grid-area: 2 / 1 / 5 / 2;
  }
  .shopBox04 .titleBox {
    grid-area: 1 / 1 / 2 / 6;
  }
  .shopBox04 .txtBox01 {
    grid-area: 2 / 3 / 3 / 6;
  }
  .shopBox04 .txtBox02 {
    grid-area: 3 / 3 / 4 / 4;
  }
  .shopBox04 .shopItem01 {
    grid-area: 3 / 5 / 5 / 6;
  }
  .shopBox04 .presentBox {
    grid-area: 4 / 3 / 5 / 4;
  }
  .shopBox05 {
    display: grid;
    grid-template-columns: 38% 30px 1fr 20px 26%;
    grid-template-rows: max-content max-content max-content 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .shopBox05 .photoBox {
    grid-area: 2 / 1 / 5 / 2;
  }
  .shopBox05 .titleBox {
    grid-area: 1 / 1 / 2 / 6;
  }
  .shopBox05 .txtBox01 {
    grid-area: 2 / 3 / 3 / 6;
  }
  .shopBox05 .shopItem01 {
    grid-area: 3 / 5 / 5 / 6;
  }
  .shopBox05 .txtBox02 {
    grid-area: 3 / 3 / 4 / 4;
  }
  .shopBox05 .presentBox {
    grid-area: 4 / 3 / 5 / 4;
    margin: 20px 0 30px 0;
  }
  .shopBox06 {
    display: grid;
    grid-template-columns: 38% 30px 1fr 20px 26%;
    grid-template-rows: max-content max-content 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .shopBox06 .photoBox {
    grid-area: 2 / 1 / 5 / 2;
  }
  .shopBox06 .titleBox {
    grid-area: 1 / 1 / 2 / 6;
  }
  .shopBox06 .txtBox01 {
    grid-area: 2 / 3 / 3 / 6;
  }
  .shopBox06 .txtBox02 {
    grid-area: 3 / 3 / 4 / 4;
  }
  .shopBox06 .shopItem01 {
    grid-area: 3 / 5 / 4 / 6;
  }
  /*ショップタイトル*/
  .titleBox {
    padding: 0;
    margin: 0 0 3% 0;
  }
  .shopOpen {
    width: 26%;
    margin: 0 auto;
  }
  .shopBox01 .titleBoxinner, .shopBox02 .titleBoxinner, .shopBox03 .titleBoxinner, .shopBox04 .titleBoxinner, .shopBox05 .titleBoxinner, .shopBox06 .titleBoxinner {
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
  }
  .titleBoxinner .shopTitleImg01 {
    width: 21%;
    margin: 25px 4% 25px 0;
  }
  .titleBoxinner .shopTitleImg02 {
    width: 25%;
    margin: 30px 4% 30px 0;
  }
  .titleBoxinner .shopTitleImg03 {
    width: 30%;
    margin: 40px 4% 40px 0;
  }
  .titleBoxinner .shopTitleImg04 {
    width: 15%;
    margin: 20px 4% 20px 0;
  }
  .titleBoxinner .shopTitleImg05 {
    width: 18%;
    margin: 25px 4% 25px 0;
  }
  .titleBoxinner .shopTitleImg06 {
    width: 10%;
    margin: 20px 4% 20px 0;
  }
  h2.shopTitleBase {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  h2.shopTitle01, h2.shopTitle02, h2.shopTitle03, h2.shopTitle04, h2.shopTitle05, h2.shopTitle06 {
    width: auto;
  }
  .shopTitleBase span.floor {
    width: 50px;
    max-width: 2.8em;
    margin: 0;
  }
  .shopTitleTxt {
    margin: 0;
  }
  .shopTitle04 span.floor {
    margin: 0;
  }
  .shopTitle04 .shopTitleTxt {
    margin: 0;
  }
  .shopInfo_nagoya, .shopInfo_tokai {}
  .shopInfo_tokai span {
    padding: 0 0.8em;
    border-radius: 0.5em;
    font-size: 82%;
    display: inline-block;
    background: #f5c6cd;
  }
  .shopInfo_nagoya span {
    padding: 0 0.8em;
    border-radius: 0.5em;
    font-size: 82%;
    display: inline-block;
    background: #ffe900;
  }
  /*商品画像*/
  .shopItem01 {
    width: 100%;
    margin: 3% 0 0 0;
  }
  .shopBox02 .shopItem01 .photoBox {
    width: 85%;
    margin: 0 auto 3% auto;
  }
  .shopBox03 .shopItem01 .photoBox {
    width: 88.8%;
    margin: 0 auto 2% auto;
  }
  .shopBox04 .shopItem01, .shopBox05 .shopItem01 {
    margin: 0;
  }
  .shopBox06 .shopItem01 {
    margin-bottom: 30px;
  }
  .shopBox04 .shopItem01 .photoBox, .shopBox05 .shopItem01 .photoBox, .shopBox06 .shopItem01 .photoBox {
    width: 100%;
    margin: 0 auto 2% auto;
  }
  /*present*/
  .presentBox {
    background: #d8eed4;
    padding: 20px;
    margin: 20px 0 0 0;
  }
  .presentBox .photoBox {
    width: 41.4%;
    margin: 0 0 0 4%;
  }
  .presentBox .textBlock {
    width: 100%;
  }
  .shopBox02 .presentBox .textBlock {
    width: 54.6%;
  }
  /*-------SNS*/
  .snsTitleBox {
    padding: 2% 3% 3% 3%;
  }
  h2.snsTitleBase {
    width: 100%;
    margin: 0 auto 1.5% auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 185%;
  }
  h2.snsTitleBase span {
    width: 2.5em;
    max-width: 3.5em;
    margin: 0 1% 0 0;
  }
  .sns_instaBox {
    width: 48%;
    padding: 2%;
    margin: 0;
  }
  h3.titleInsta {
    width: 50%;
    margin: 0 auto 3% auto;
    text-align: center;
  }
  .sns_tiktokBox {
    width: 48%;
    padding: 2%;
  }
  h3.titleTiktok {
    width: 31%;
    margin: 0 auto 3% auto;
    text-align: center;
  }
  .sns_instaBox .textBlock, .sns_tiktokBox .textBlock {
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  /*----------------------------------------------------
　各カテゴリボックス
----------------------------------------------------*/
  /*テキストブロックの設定*/
  .textBlock {
    font-size: 100%;
  }
  .textBlock02 {
    font-size: 85.7%;
  }
  .textBlock03 {
    font-size: 142%;
  }
  .textBlock04 {
    font-size: 114%;
  }
  .txt01 {
    margin: 0 0 3% 0;
  }
  /*注釈*/
  .note {
    font-size: 85.7%;
    margin: 0 0 80px 0;
  }
  /*-------CSSボタン*/
  .btn01 span, .btn02 span {
    line-height: 1em;
  }
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ブレークポイント・タブレットサイズ以上PCサイズ以下*/
@media screen and (min-width: 768px) and (max-width: 1199px) {
  body {
    background: none; /* 一旦、背景画像を消す。 */
  }
  body::before {
    background: url("../img/contBg01_pc.png") repeat-y center top;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  /*----------------------------------------------------
　l-content
----------------------------------------------------*/
  .l_content_wrap {
    margin: 0 auto;
    padding: 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  /*----------------------------------------------------
   c-mainImg
------------------------------------------------- */
  #c-mainImg {
    margin: 0 0 2% 0;
  }
  #c-mainImg .inner {
    width: 90%;
    max-width: 940px;
    height: auto;
    margin: 0 auto;
  }
  /*----------------------------------------------------
　各ブロック
----------------------------------------------------*/
  section {
    width: 100%;
  }
  article {
    text-align: left;
    margin: 0 auto 10% auto;
  }
  article:last-child {
    margin-bottom: 0;
  }
  .contentsBox, .contentsBox02 {
    position: relative;
    padding: 0;
  }
  .contentsBox .inner, .contentsBox02 .inner {
    width: 100%;
    margin: 0 auto;
    padding: 10% 5%;
  }
  .contentsBox .inner .inner {
    width: 100%;
    margin: 0 auto;
    padding: 0 6%;
  }
  /*-------各コンテンツの背景*/
  .contBg01 {
    padding: 0;
    border-bottom: 25px solid #4ba43e;
  }
  .contBg02 {
    padding: 0;
    border-top: 25px solid #e96f65;
    background-color: #f1cfcd;
    background: url("../img/contBg02_pc.png") repeat-y center top;
    background-position: center top;
    background-size: 100%;
  }
  /*----------------------------------------------------
　各コンテンツ
----------------------------------------------------*/
  /*-------共通*/
  .listWrap {
    padding: 0;
    position: relative;
  }
  .listCont {
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  .listCont .inner, .listCont02 .inner {
    position: relative;
  }
  .list {
    width: 100%;
    margin: 0 0 7% 0;
    padding: 3%;
    position: relative;
  }
  .list:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
  }
  .photoBox {
    margin: 0;
  }
  .photoBox span {
    top: 0.6em;
    left: 0.6em;
    width: 18%;
  }
  .txtBox01 {
    margin: 0;
  }
  .txtBox02 {
    margin: 0;
  }
  /*-------h*/
  .c-content h2, .c-content h3 {
    text-align: justify;
    text-justify: inter-character;
    line-break: strict;
    word-break: break-all;
    word-wrap: break-word;
    overflow-wrap: break-word;
  }
  .c-content h2 {
    width: 100%;
    height: 100%;
    margin: 0 auto 5% auto;
    font-size: calc(1.125rem + ((1vw - 7.68px) * 2.3202)); /* 18px @ 768px increasing to 28px @ 1199px */
    /* Note: The calc base value (1.125rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.3202 = 100 * font-size_difference / viewport_width_difference */
  }
  .c-content h3 {
    margin: 0 auto 2.5% auto;
    font-size: calc(1.3125rem + ((1vw - 7.68px) * 2.3202)); /* 21px @ 768px increasing to 31px @ 1199px */
    /* Note: The calc base value (1.3125rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.3202 = 100 * font-size_difference / viewport_width_difference */
    /*text-align: left;*/
  }
  .c-content h4 {
    margin: 0 0 2% 0;
    font-size: calc(0.875rem + ((1vw - 7.68px) * 2.3202)); /* 14px @ 768px increasing to 24px @ 1199px */
    /* Note: The calc base value (0.875rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.3202 = 100 * font-size_difference / viewport_width_difference */
  }
  /*-------ショップボックス*/
  .shopBox01 {
    display: grid;
    grid-template-columns: 38% 1fr;
    grid-template-rows: max-content max-content 1fr;
    grid-column-gap: 3%;
    grid-row-gap: 0px;
  }
  .shopBox01 .photoBox {
    grid-area: 2 / 1 / 4 / 2;
  }
  .shopBox01 .titleBox {
    grid-area: 1 / 1 / 2 / 3;
  }
  .shopBox01 .txtBox01 {
    grid-area: 2 / 2 / 3 / 3;
  }
  .shopBox01 .txtBox02 {
    grid-area: 3 / 2 / 4 / 3;
  }
  .shopBox02 {
    display: grid;
    grid-template-columns: 38% 1fr;
    grid-template-rows: max-content max-content 1fr;
    grid-column-gap: 3%;
    grid-row-gap: 0px;
  }
  .shopBox02 .photoBox {
    grid-area: 2 / 1 / 4 / 2;
  }
  .shopBox02 .titleBox {
    grid-area: 1 / 1 / 2 / 3;
  }
  .shopBox02 .txtBox02 {
    grid-area: 2 / 2 / 3 / 3;
  }
  .shopBox02 .presentBox {
    grid-area: 3 / 2 / 4 / 3;
  }
  .shopBox03 {
    display: grid;
    grid-template-columns: 38% 1fr;
    grid-template-rows: max-content max-content max-content max-content 1fr;
    grid-column-gap: 3%;
    grid-row-gap: 0px;
  }
  .shopBox03 .photoBox {
    grid-area: 2 / 1 / 6 / 2;
  }
  .shopBox03 .titleBox {
    grid-area: 1 / 1 / 2 / 3;
  }
  .shopBox03 .txtBox01 {
    grid-area: 2 / 2 / 3 / 3;
  }
  .shopBox03 .txtBox02 {
    grid-area: 3 / 2 / 4 / 3;
  }
  .shopBox03 .shopItem01 {
    grid-area: 4 / 2 / 5 / 3;
  }
  .shopBox03 .presentBox {
    grid-area: 5 / 2 / 6 / 3;
  }
  .shopBox04 {
    display: grid;
    grid-template-columns: 38% 3% 1fr 2% 26%;
    grid-template-rows: max-content max-content max-content 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .shopBox04 .photoBox {
    grid-area: 2 / 1 / 5 / 2;
  }
  .shopBox04 .titleBox {
    grid-area: 1 / 1 / 2 / 6;
  }
  .shopBox04 .txtBox01 {
    grid-area: 2 / 3 / 3 / 6;
  }
  .shopBox04 .txtBox02 {
    grid-area: 3 / 3 / 4 / 4;
  }
  .shopBox04 .shopItem01 {
    grid-area: /*3 / 5 / 5 / 6*/ 3 / 5 / 4 / 6;
  }
  .shopBox04 .presentBox {
    grid-area: /*4 / 3 / 5 / 4*/ 4 / 3 / 5 / 6;
  }
  .shopBox05 {
    display: grid;
    grid-template-columns: 38% 3% 1fr 2% 26%;
    grid-template-rows: max-content max-content max-content 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .shopBox05 .photoBox {
    grid-area: 2 / 1 / 5 / 2;
  }
  .shopBox05 .titleBox {
    grid-area: 1 / 1 / 2 / 6;
  }
  .shopBox05 .txtBox01 {
    grid-area: 2 / 3 / 3 / 6;
  }
  .shopBox05 .shopItem01 {
    grid-area: /*3 / 5 / 5 / 6*/ 3 / 5 / 4 / 6;
  }
  .shopBox05 .txtBox02 {
    grid-area: 3 / 3 / 4 / 4;
  }
  .shopBox05 .presentBox {
    grid-area: /*4 / 3 / 5 / 4*/ 4 / 3 / 5 / 6;
    margin: 4% 0 6% 0;
  }
  .shopBox06 {
    display: grid;
    grid-template-columns: 38% 3% 1fr 2% 26%;
    grid-template-rows: max-content max-content 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }
  .shopBox06 .photoBox {
    grid-area: 2 / 1 / 5 / 2;
  }
  .shopBox06 .titleBox {
    grid-area: 1 / 1 / 2 / 6;
  }
  .shopBox06 .txtBox01 {
    grid-area: 2 / 3 / 3 / 6;
  }
  .shopBox06 .txtBox02 {
    grid-area: 3 / 3 / 4 / 4;
  }
  .shopBox06 .shopItem01 {
    grid-area: 3 / 5 / 4 / 6;
  }
  /*ショップタイトル*/
  .titleBox {
    padding: 0;
    margin: 0 0 3% 0;
  }
  .shopOpen {
    width: 30%;
  }
  .shopBox01 .titleBoxinner, .shopBox02 .titleBoxinner, .shopBox03 .titleBoxinner, .shopBox04 .titleBoxinner, .shopBox05 .titleBoxinner, .shopBox06 .titleBoxinner {
    width: 100%;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
  }
  .titleBoxinner .shopTitleImg01 {
    width: 21%;
    margin: 3% 4% 3% 0;
  }
  .titleBoxinner .shopTitleImg02 {
    width: 25%;
    margin: 4% 4% 4% 0;
  }
  .titleBoxinner .shopTitleImg03 {
    width: 30%;
    margin: 40px 4% 40px 0;
  }
  .titleBoxinner .shopTitleImg04 {
    width: 15%;
    margin: 3% 4% 3% 0;
  }
  .titleBoxinner .shopTitleImg05 {
    width: 18%;
    margin: 25px 4% 25px 0;
  }
  .titleBoxinner .shopTitleImg06 {
    width: 10%;
    margin: 3% 4% 3% 0;
  }
  h2.shopTitleBase {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
  }
  h2.shopTitle01, h2.shopTitle02, h2.shopTitle03, h2.shopTitle04, h2.shopTitle05, h2.shopTitle06 {
    width: auto;
  }
  .shopTitleBase span.floor {
    width: 2.5em;
    max-width: 2.8em;
  }
  .shopTitleTxt {
    margin: 0;
  }
  .shopTitle04 span.floor {
    margin: 0;
  }
  .shopTitle04 .shopTitleTxt {
    margin: 0;
  }
  .shopInfo_nagoya, .shopInfo_tokai {}
  .shopInfo_tokai span {
    padding: 0 0.8em;
    border-radius: 0.5em;
    font-size: 82%;
    display: inline-block;
    background: #f5c6cd;
  }
  .shopInfo_nagoya span {
    padding: 0 0.8em;
    border-radius: 0.5em;
    font-size: 82%;
    display: inline-block;
    background: #ffe900;
  }
  /*商品画像*/
  .shopItem01 {
    width: 100%;
    margin: 3% 0 0 0;
  }
  .shopBox02 .shopItem01 .photoBox {
    width: 85%;
    margin: 0 auto 3% auto;
  }
  .shopBox03 .shopItem01 .photoBox {
    width: 88.8%;
    margin: 0 auto 2% auto;
  }
  .shopBox04 .shopItem01, .shopBox05 .shopItem01 {
    margin: 0;
  }
  .shopBox06 .shopItem01 {
    margin-bottom: 30px;
  }
  .shopBox04 .shopItem01 .photoBox, .shopBox05 .shopItem01 .photoBox, .shopBox06 .shopItem01 .photoBox {
    width: 100%;
    margin: 0 auto 2% auto;
  }
  /*present*/
  .presentBox {
    padding: 4%;
    margin: 4% 0 0 0;
  }
  .presentBox .photoBox {
    width: 41.4%;
    margin: 0 0 0 4%;
  }
  .presentBox .textBlock {
    width: 100%;
  }
  .shopBox02 .presentBox .textBlock {
    width: 54.6%;
  }
  /*-------SNS*/
  .snsTitleBox {
    padding: 2% 3% 3% 3%;
  }
  h2.snsTitleBase {
    width: 100%;
    margin: 0 auto 1.5% auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 185%;
  }
  h2.snsTitleBase span {
    width: 2.5em;
    max-width: 3.5em;
    margin: 0 1% 0 0;
  }
  .sns_instaBox {
    width: 48%;
    padding: 2%;
    margin: 0;
    display: flex; /*子要素に追加*/
    flex-direction: column; /*子要素に追加*/
  }
  h3.titleInsta {
    width: 50%;
    margin: 0 auto 3% auto;
    text-align: center;
  }
  .sns_tiktokBox {
    width: 48%;
    padding: 2%;
    display: flex; /*子要素に追加*/
    flex-direction: column; /*子要素に追加*/
  }
  h3.titleTiktok {
    width: 31%;
    margin: 0 auto 3% auto;
    text-align: center;
  }
  .sns_instaBox .textBlock, .sns_tiktokBox .textBlock {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-grow: 1; /*空きスペースの伸びる倍率を指定*/
  }
  /*----------------------------------------------------
　各カテゴリボックス
----------------------------------------------------*/
  /*テキストブロックの設定*/
  .textBlock {
    font-size: calc(0.875rem + ((1vw - 7.68px) * 2.3202)); /* 14px @ 768px increasing to 24px @ 1199px */
    /* Note: The calc base value (0.875rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.3202 = 100 * font-size_difference / viewport_width_difference */
  }
  .textBlock02 {
    font-size: calc(0.75rem + ((1vw - 7.68px) * 2.3202)); /* 12px @ 768px increasing to 22px @ 1199px */
    /* Note: The calc base value (0.75rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.3202 = 100 * font-size_difference / viewport_width_difference */
  }
  .textBlock03 {
    font-size: calc(1.1875rem + ((1vw - 7.68px) * 2.3202)); /* 19px @ 768px increasing to 29px @ 1199px */
    /* Note: The calc base value (1.1875rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.3202 = 100 * font-size_difference / viewport_width_difference */
  }
  .textBlock04 {
    font-size: calc(1rem + ((1vw - 7.68px) * 2.3202)); /* 16px @ 768px increasing to 26px @ 1199px */
    /* Note: The calc base value (1rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.3202 = 100 * font-size_difference / viewport_width_difference */
  }
  .txt01 {
    margin: 0 0 3% 0;
  }
  /*注釈*/
  .note {
    font-size: calc(0.75rem + ((1vw - 7.68px) * 2.3202)); /* 12px @ 768px increasing to 22px @ 1199px */
    /* Note: The calc base value (0.75rem) MUST be stated in REM to maintain accessibility */
    /* Where: 2.3202 = 100 * font-size_difference / viewport_width_difference */
  }
  /*-------CSSボタン*/
  .btn01 span, .btn02 span {
    line-height: 1em;
  }
}</pre></body></html>