@charset "UTF-8";
*,
*::before,
*::after {
  box-sizing: border-box;
}

ul,
ol {
  padding: 0;
}

body,
h1,
h2,
h3,
h4,
h5,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
  margin: 0;
}

html {
  min-width: 100%;
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
}

h4,
h5 {
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

img {
  max-width: 100%;
  vertical-align: middle;
}

input,
button,
textarea,
select {
  font: inherit;
}

button {
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}

button:focus {
  outline: none;
}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}

/******************************
  common
******************************/
html {
  font-size: 62.5%
}

body {
  line-height: calc(2.8 / 1.6);
  background-color: #FFF;
  color: #000;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.6em;
  font-weight: 400;
}

@media screen and (max-width: 769px) {
  .wrap {
    width: 100vw;
    overflow-x: hidden;
  }

  .container {
    margin: 125px 30px;
  }

  .pc-only {
    display: none !important;
  }
}

@media screen and (min-width: 770px) {
  .wrap {
    min-width: 1040px;
    max-width: 100%;
    overflow-x: hidden;
  }

  .container {
    width: 1040px;
    padding: 0 20px;
    margin: 160px auto 0;
  }

  .sp-only {
    display: none !important;
  }
}

/* text */
h1,
h2 {
  font-weight: 400;
}

h3 {
  font-weight: 700;
}

em {
  font-style: normal;
}

.font-small {
  line-height: calc(2.0 / 1.4);
  font-size: 1.4rem;
}

.font-large {
  line-height: calc(3.2 / 1.8);
  font-size: 1.8rem;
}

.font-note {
  color: #666;
  line-height: calc(2.0 / 1.4);
  font-size: 1.4rem;
}

.font-note.font-small {
  line-height: calc(1.8 / 1.2);
  font-size: 1.2rem;
}

.font-strong {
  font-style: normal;
  font-weight: 700;
}

.font-caution {
  color: #E21F2D;
}

.font-super {
  vertical-align: super;
  font-size: 1.0rem;
}

.par-hanging {
  padding-left: 1em;
  text-indent: -1em;
}

.align-left {
  text-align: left;
}

.align-right {
  text-align: right;
}

.align-center {
  text-align: center;
}

@media screen and (max-width: 769px) {
  h1 {
    margin-bottom: 30px;
    line-height: calc(4.2 / 2.8);
    font-size: 2.8rem;
  }

  *+h1 {
    margin-top: 30px;
  }

  h2 {
    margin-bottom: 30px;
    line-height: calc(3.6 / 2.4);
    font-size: 2.4rem;
  }

  *+h2 {
    margin-top: 60px;
  }

  h3 {
    margin-bottom: 20px;
    line-height: calc(3.0 / 2.0);
    font-size: 2.0rem;
  }

  *+h3 {
    margin-top: 40px;
  }
}

@media screen and (min-width: 770px) {
  h1 {
    margin-bottom: 40px;
    line-height: calc(5.4 / 3.6);
    font-size: 3.6rem;
  }

  *+h1 {
    margin-top: 35px;
  }

  h2 {
    margin-bottom: 40px;
    line-height: calc(4.8 / 3.2);
    font-size: 3.2rem;
  }

  *+h2 {
    margin-top: 80px;
  }

  h3 {
    margin-bottom: 30px;
    line-height: calc(3.6 / 2.4);
    font-size: 2.4rem;
  }

  *+h3 {
    margin-top: 60px;
  }
}

/* link */
a {
  color: #2794E2;
  text-decoration: none;
  opacity: 1;
  transition: opacity .2s ease-out;
}

a:not(.btn-disable):not(.no-hover):hover {
  opacity: .6;
}

a:not(.has-img)[target="_blank"]::after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_target_blank.svg")
    top 0.1rem center/16px no-repeat;
}

.block-link a {
  display: inline-block;
  padding-left: 13px;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
    left top 0.7rem/8px no-repeat;
}

.block-link.back a {
  background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link_back.svg")
}

.block-link.anchor a {
  padding-left: 20px;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link_down.svg")
    left top 1.2rem/14px no-repeat;
}

.font-small.block-link a {
  background-position: left top 0.3rem;
}

.font-large.block-link a {
  background-position: left top 1.0rem;
}

.font-small.block-link.anchor a {
  background-position: left top 0.7rem;
}

.font-large.block-link.anchor a {
  background-position: left top 1.4rem;
}

.pdf-link a {
  position: relative;
  display: block;
  min-height: 40px;
  padding-left: 40px;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_pdf.svg")
    top 5px left no-repeat;
  font-weight: 700;
}

.pdf-link a::before {
  content: "（PDFファイル："attr(data-size)"）";
  position: absolute;
  top: 2.0rem;
  color: #666;
  font-size: 1.2rem;
  font-weight: 400;
}

/* paragraph */
*+p {
  margin-top: 20px;
}

*+p.font-small {
  margin-top: 15px;
}

/* list */
.general-list {
  padding-left: 30px;
}

*+.general-list {
  margin-top: 20px
}

ul.general-list {
  list-style-type: disc;
}

ol.general-list {
  list-style-type: decimal;
}

.general-list li+li {
  margin-top: 20px;
}

dl.general-dfn-list div,
div.general-dfn-list dl {
  display: flex;
}

.general-dfn-list dt {
  word-break: keep-all;
}

.general-dfn-list dt::after {
  content: "：";
}

@media screen and (max-width: 769px) {
  *+.general-dfn-list {
    margin-top: 26px;
  }
}

@media screen and (min-width: 770px) {
  *+.general-dfn-list {
    margin-top: 21px;
  }
}

/* button */
button {
  opacity: 1;
  transition: opacity .2s ease-out;
}

button:not(.btn-disable):hover {
  opacity: .6;
}

.btn-add-cart,
.btn-cv {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  padding: 18px 30px;
  border-radius: 28px;
  background: #F0A225;
  color: #FFF;
  line-height: 1;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
}

.btn-add-cart::before {
  content: "";
  display: block;
  width: 21px;
  height: 21px;
  margin-right: 10px;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_add_cart.svg")
    center/contain no-repeat;
}

.btn-cv img {
  margin-left: 5px;
}

.btn-add-favorite {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  border: 1px solid #000;
  border-radius: 20px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_fav.svg")
    center top 60%/20px no-repeat;
}

.btn-generally {
  display: block;
  height: 56px;
  padding: 18px 30px;
  border: 1px solid #333;
  border-radius: 28px;
  color: #000;
  line-height: 1;
  text-align: center;
  font-size: 1.6rem;
}

.btn-small {
  height: 40px;
  padding: 12px;
  font-size: 1.2rem;
}

.btn-small.btn-add-cart::before {
  width: 16px;
  height: 16px;
}

.btn-disable {
  background: #AAA;
  color: #DDD;
  cursor: auto;
}

@media screen and (max-width: 769px) {
  .btn-add-cart,
  .btn-cv,
  .btn-generally {
    width: 100%;
  }

  .btn-small-sp {
    height: 40px;
    padding: 12px;
    font-size: 1.2rem;
  }

  .btn-small-sp.btn-add-cart::before {
    width: 16px;
    height: 16px;
  }

  .btn-wrap>[class^="btn-"]+[class^="btn-"] {
    margin-top: 15px;
  }
}

@media screen and (min-width: 770px) {
  .btn-add-cart,
  .btn-cv {
    width: 360px;
    max-width: 100%;
    margin: auto;
  }

  .btn-generally {
    width: 360px;
    max-width: 100%;
    margin: auto;
  }

  .btn-small {
    width: 235px;
  }

  .btn-small-pc {
    width: 235px;
    height: 40px;
    padding: 12px;
    font-size: 1.2rem;
  }

  .btn-small-pc.btn-add-cart::before {
    width: 16px;
    height: 16px;
  }

  .btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .btn-wrap>[class^="btn-"] {
    margin: 0;
  }

  .btn-wrap>[class^="btn-"]+[class^="btn-"] {
    margin-left: 20px;
  }
}

/* form */
.kagodake-ms {
  display: contents;
}

.kagodake-ms .btn-add-cart {
  opacity: 1;
  transition: opacity .2s ease-out;
}

.kagodake-ms .btn-add-cart:hover {
  opacity: .6;
}

input[type="checkbox"] {
  display: none;
}

input[type="checkbox"]+span {
  position: relative;
  display: inline-flex;
  width: 100%;
  cursor: pointer;
}

input[type="checkbox"]+span::before {
  content: "";
  display: block;
  flex: 0 0 22px;
  height: 22px;
  margin-top: 0.4rem;
  margin-right: 10px;
  border: 1px solid #CCC;
  border-radius: 4px;
  background: #FFF;
}

input[type="checkbox"]:checked+span::before {
  background: #F0A225;
}

input[type="checkbox"]:checked+span::after {
  content: "";
  order: -1;
  z-index: +1;
  display: block;
  flex: 0 0 22px;
  height: 22px;
  padding: 0 3px;
  margin-top: 0.4rem;
  margin-right: -22px;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_check.svg")
    center no-repeat;
}

select {
  appearance: none;
  -webkit-appearance: none;
  height: 50px;
  padding: 12px 40px 14px 15px;
  border: 1px solid #CCC;
  border-radius: 8px;
  background: #FFF
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_select_arrow.svg")
    right 14px center no-repeat;
  line-height: 1;
  font-size: 1.6rem;
  cursor: pointer;
}

.flex_box {
  display: flex;
}
.flex_center {
  justify-content: center;
  align-items: center;
}

@media screen and (min-width: 770px) {
  .pc_flex_gap50 {
    gap: 50px;
  }
}
@media screen and (max-width: 769px) {
  .sp_flex_column {
    flex-direction: column;
  }
  .sp_flex_gap20 {
    gap: 20px;
  }
}

/******************************
  header external
******************************/
.site-hd {
  width: 100%;
}

.site-hd.hide{
  animation: hide-anime .5s ease-out forwards;
}

@keyframes hide-anime{
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-200px);
  }
}

.site-hd.show{
  animation: show-anime .5s ease-out forwards;
}

@keyframes show-anime{
  from {
    opacity: 0;
    transform: translateY(-200px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

h1.site-name {
  margin-bottom: 0;
}

.site-name a:hover {
  opacity: 1 !important;
}

.cart-menu a,
.g-nav a {
  color: #000;
}

@media screen and (max-width: 769px) {
  .hd-logo {
    display: grid;
    place-content: center;
    height: 42px;
    border-bottom: 1px solid #DDD;
  }

  .hd-logo img {
    height: 23px;
  }

  .site-hd {
    position: sticky;
    z-index: 200;
    top: 0;
    height: 125px;
    margin-bottom: -125px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/bg_header_sp.svg")
      top center repeat-x;
  }

  .site-hd__inner {
    display: grid;
    grid-template-columns: minmax(87px, 1fr) minmax(100px, 150px) minmax(87px, 1fr);
    column-gap: 26px;
    align-items: start;
  }

  .sp-menu-sw {
    order: 1;
    position: relative;
    z-index: 220;
    width: 70px;
    height: 70px;
    padding: 28px 33px 27px 15px;
  }

  .sp-menu-sw>* {
    position: absolute;
    display: block;
  }

  .sp-menu-sw:focus {
    outline: none;
  }

  .sp-menu-sw__top,
  .sp-menu-sw__middle,
  .sp-menu-sw__bottom {
    width: 22px;
    height: 2px;
    border-radius: 4px;
    background: #000;
    transition: all .3s ease-out;
  }

  .sp-menu-sw__top {
    top: 29px;
  }

  .sp-menu-sw__bottom {
    bottom: 27px;
  }

  .sp-menu-sw__middle {
    top: 35px;
    margin: auto;
    opacity: 1;
  }

  .sp-menu-sw.open .sp-menu-sw__top,
  .sp-menu-sw.open .sp-menu-sw__middle,
  .sp-menu-sw.open .sp-menu-sw__bottom {
    background: #FFF;
  }

  .sp-menu-sw.open .sp-menu-sw__top {
    top: 34px;
    transform: rotate(45deg);
  }

  .sp-menu-sw.open .sp-menu-sw__bottom {
    bottom: 34px;
    transform: rotate(-45deg);
  }

  .sp-menu-sw.open .sp-menu-sw__middle {
    opacity: 0;
  }

  .sp-menu-sw__text {
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    pointer-events: none;
  }

  .site-name {
    order: 2;
    margin-top: 12px;
  }

  .site-name a {
    display: grid;
    grid-template-rows: repeat(2, min-content);
    row-gap: 10px;
  }

  .site-name img {
    margin: auto;
  }

  .cart-menu {
    order: 3;
    margin-top: 11px;
    margin-right: 7px;
    margin-left: -10px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .cart-menu>div>a,
  .cart-menu>div>span {
    display: block;
    padding: 10px 8px 10px 7px;
  }

  .cart-menu img {
    width: 28px;
  }

  .g-nav.open {
    opacity: 1;
    pointer-events: auto;
  }

  .g-nav {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s ease-out;
  }
}

@media screen and (min-width: 770px) {
  .site-hd {
    position: fixed;
    z-index: 200;
    height: 160px;
    padding: 20px 20px 0;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/bg_header_pc.svg")
      top center repeat-x;
  }

  .site-hd__inner {
    width: 1000px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(2, 350px);
    grid-template-rows: 60px min-content;
    column-gap: 300px;
  }

  .site-name {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
  }

  .site-name a {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .cart-menu {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
  }

  .cart-menu,
  .cart-menu__mypage,
  .cart-menu__cart {
    display: flex;
    align-items: center;
  }

  .cart-menu {
    justify-content: flex-end;
  }

  .cart-menu__mypage,
  .cart-menu__cart {
    justify-content: space-between;
  }

  .cart-menu__mypage {
    position: relative;
  }

  .cart-menu__mypage img {
    margin-right: 6px;
  }

  .cart-menu__cart {
    margin-left: 20px;
  }

  .cart-menu__cart img {
    margin-right: 8px;
  }

  .cart-menu__nh-logo {
    margin-left: 27px;
  }

  .cart-menu__nh-logo img {
    width: 128px;
    height: auto;
  }

  .g-nav {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    margin-top: 20px;
  }

  .g-nav .layer-1 {
    position: relative;
    display: flex;
    justify-content: space-between;
  }

  .g-nav .layer-1>li {
    font-weight: 500;
  }

  .g-nav .layer-1__switch {
    cursor: pointer;
  }

  .g-nav .layer-1>li>a,
  .g-nav .layer-1__switch {
    position: relative;
    display: block;
  }

  .g-nav .layer-1>li>a::after,
  .g-nav .layer-1__switch::after {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 3px;
    background: #F0A225;
    border-radius: 3px;
    opacity: 0;
    transition: opacity .2s ease-out;
  }

  .g-nav .layer-1>li>a:hover::after,
  .g-nav .layer-1>li.current>a::after,
  .g-nav .layer-1>li:hover>.layer-1__switch::after,
  .g-nav .current>.layer-1__switch::after {
    opacity: 1;
  }
}

/******************************
  header internal
******************************/
/* g-nav layer 2 */
@media screen and (max-width: 769px) {
  .g-nav {
    position: fixed;
    z-index: 210;
    width: 100%;
    padding: 60px 30px 100px;
    height: calc(var(--vh, 1vh) * 100);
    background: #F6BD63;
    overscroll-behavior: contain;
    overflow-y: scroll;
  }

  .g-nav li {
    background: #FFF;
  }

  .layer-1 {
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 2px 2px 0 rgb(0, 0, 0, 15%);
  }

  .layer-1>li>a,
  .layer-1__switch {
    display: block;
    padding: 17px 36px 17px 20px;
    line-height: calc(2.4 / 1.6);
    font-size: 1.6rem;
  }

  .layer-1>li>a {
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
      center right 20px no-repeat;
  }

  .layer-1__switch:not(.open) {
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_plus.svg")
      center right 20px no-repeat;
  }

  .layer-1__switch.open {
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_minus.svg")
      center right 20px no-repeat;
  }

  .layer-1>li+li>a,
  .layer-1__switch {
    border-top: 1px solid #DDD;
  }

  .layer-2 {
    display: none;
    padding-bottom: 12px;
    border-top: 1px solid #DDD;
  }

  .layer-2__block+.layer-2__block {
    margin-top: 15px;
  }

  .layer-2__block span {
    display: block;
    padding: 10px 30px 13px;
    background: #F7F7F7;
    line-height: calc(1.6 / 1.4);
    font-size: 1.6rem;
    font-weight: 700;
  }

  .layer-2__block ul {
    margin-top: 15px;
  }

  .layer-2__block a {
    display: block;
    padding: 11px 20px 12px 30px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
      center right 20px no-repeat;
    line-height: calc(2.0 / 1.4);
    font-size: 1.4rem;
  }

  .g-nav__contact {
    margin-top: 20px;
    background: #FDF5DB;
    border-radius: 16px;
  }

  .g-nav__contact a {
    display: block;
    padding: 15px 20px 15px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
      center right 20px no-repeat;
    line-height: calc(2.4 / 1.6);
    font-size: 1.6rem;
  }
  .g-nav__contact a:first-child {
border-bottom: 1px solid #ddd;
  }

  .g-nav .tft a:after {
    display: none;
  }
  .layer-1>li.tft>a {
    background: url(https://gigaplus.makeshop.jp/Tableforall/images/icon_blank_2.png) center right 18px no-repeat;
    background-size: 24px;
  }

}

@media screen and (min-width: 770px) {
  .layer-1>li:hover .layer-2 {
    opacity: 1;
    pointer-events: auto;
  }

  .layer-2 {
    opacity: 0;
    pointer-events: none;
    display: grid !important;
    position: absolute;
    left: 0;
    top: 48px;
    grid-template-columns: repeat(3, 280px);
    column-gap: 30px;
    width: 100%;
    padding: 40px 50px 60px;
    background: #FFF;
    border-radius: 24px;
    filter: drop-shadow(4px 2px 0 rgb(0, 0, 0, 15%));
    transition: all .3s ease-out;
  }

  .layer-2::before {
    content: "";
    position: absolute;
    top: -18px;
    left: 117px;
    display: block;
    width: 41px;
    height: 18px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/balloon_edge_w.svg")
      center/contain no-repeat;
  }

  .layer-2::after {
    content: "";
    position: absolute;
    top: -20px;
    left: 0;
    width: 100%;
    height: 20px;
    background: transparent;
  }

  .layer-2__block span {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: calc(2.9 / 2.0);
    font-size: 2.0rem;
    font-weight: 700;
  }

  .layer-2__block span::before {
    content: "";
    display: block;
    width: 31px;
    height: 28px;
    margin-right: 10px;
    background: transparent center/contain no-repeat;
  }

  .layer-2__block:nth-of-type(1) span {
    color: #EA928E;
  }

  .layer-2__block:nth-of-type(1) span::before {
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/icon_circle_red.svg");
  }

  .layer-2__block:nth-of-type(2) span {
    color: #5C7AA8;
  }

  .layer-2__block:nth-of-type(2) span::before {
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/icon_circle_blue.svg");
  }

  .layer-2__block:nth-of-type(3) span {
    color: #98B76E;
  }

  .layer-2__block:nth-of-type(3) span::before {
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/icon_circle_green.svg");
  }

  .layer-2__block ul {
    margin-top: 15px;
  }

  .layer-2__block li {
    border-bottom: 1px solid;
  }

  .layer-2__block:nth-of-type(1) li {
    border-bottom-color: #EA928E;
  }

  .layer-2__block:nth-of-type(2) li {
    border-bottom-color: #5C7AA8;
  }

  .layer-2__block:nth-of-type(3) li {
    border-bottom-color: #98B76E;
  }

  .layer-2__block a {
    display: block;
    padding: 15px 8px 15px 0;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
      center right no-repeat;
  }
}

/* mypage menu */
.mypage-menu__inner {
  opacity: 0;
  pointer-events: none;
  position: absolute;
  z-index: +1;
  background: #FFF;
  border-radius: 16px;
  filter: drop-shadow(4px 2px 0 rgb(0, 0, 0, 15%));
  transition: all .3s ease-out;
}

.mypage-menu__inner::before {
  content: "";
  position: absolute;
  top: -10px;
  display: block;
  width: 24px;
  height: 10px;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/balloon_edge_y.svg")
    center/contain no-repeat;
}

.mypage-menu__name {
  padding: 30px 20px 23px;
  background: #FFFBEF;
  border-radius: 16px 16px 0 0;
  line-height: calc(2.4 / 1.6);
  font-size: 1.6rem;
  font-weight: 700;
}

.mypage-menu__nav {
  padding: 30px 20px 26px;
  display: grid;
  grid-template-rows: repeat(2, min-content);
  justify-content: space-between;
  row-gap: 26px;
}

.mypage-menu__nav a,
.mypage-menu__nav img,
.mypage-menu__nav span {
  display: block;
}

.mypage-menu__nav img {
  margin: auto;
  width: 64px;
}

.mypage-menu__nav span {
  margin-top: 8px;
  text-align: center;
  line-height: calc(2.4 / 1.6);
  font-size: 1.6rem;
}

.mypage-menu__logout {
  margin: 0 20px;
  padding: 14px;
  border-top: 1px solid #CCC;
  text-align: center;
}

.mypage-menu__logout a {
  color: #2794E2;
}

@media screen and (max-width: 769px) {
  .mypage-menu.open+.mypage-menu__inner {
    opacity: 1;
    pointer-events: auto;
  }

  .mypage-menu__inner {
    top: 58px;
    right: 30px;
    width: calc(100vw - 60px);
  }

  .mypage-menu__inner::before {
    right: 32px;
  }

  .mypage-menu__nav {
    grid-template-columns: repeat(2, calc((100vw - 115px) / 2));
  }
}

@media screen and (min-width: 770px) {
  .mypage-menu {
    cursor: pointer;
  }

  .cart-menu {
    font-size: 1.4rem;
  }

  .cart-menu__mypage:hover .mypage-menu__inner {
    opacity: 1;
    pointer-events: auto;
  }

  .mypage-menu__inner {
    top: 33px;
    left: -210px;
    width: 315px;
  }

  .mypage-menu__inner::before {
    left: 260px;
  }

  .mypage-menu__inner::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 0;
    width: 100%;
    height: 10px;
    background: transparent;
  }

  .mypage-menu__nav {
    grid-template-columns: repeat(2, 130px);
  }
}

/******************************
  breadcrumb list
******************************/
.breadcrumb {
  padding-left: 21px;
  line-height: calc(2.0 / 1.4);
  font-size: 1.4rem;
}

.breadcrumb li {
  display: inline;
}

.breadcrumb li:not(.top)::before {
  content: ">";
  margin: 0 6px;
}

.breadcrumb li a {
  position: relative;
}

.breadcrumb li.top a::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: -21px;
  display: block;
  width: 16px;
  height: 16px;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_home.svg")
    center/contain no-repeat;
}

@media screen and (max-width: 769px) {
  .breadcrumb {
    margin: 0 30px 17px;
  }
}

@media screen and (min-width: 770px) {
  .breadcrumb {
    margin-top: 160px;
  }
}

/******************************
  important news
******************************/
.important-news {
  position: relative;
  background: #FFFBEF;
}

.important-news__link {
  display: block;
  border: 2px solid #E21F2D;
}

.important-news h2 {
  color: #E21F2D;
  font-size: 1.8rem;
  font-weight: 700;
}

.important-news dt {
  color: #666;
}

.important-news dd {
  color: #000;
}

@media screen and (max-width: 769px) {
  .important-news {
    margin-top: -10px;
    margin-bottom: 10px;
    padding: 30px 0 20px;
  }

  .important-news::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1000px;
    bottom: -10px;
    height: 10px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_important_news_sp.svg")
      center/100% no-repeat;
  }

  .important-news__link {
    padding: 15px 20px;
    border-radius: 16px;
  }

  .important-news h2 {
    margin-bottom: 9px;
  }

  .important-news dd {
    margin-top: 5px;
  }
}

@media screen and (min-width: 770px) {
  .important-news {
    margin-top: -10px;
    margin-bottom: 16px;
    padding: 32px 0 31px;
  }

  .important-news::after {
    content: "";
    position: absolute;
    bottom: -16px;
    display: block;
    width: 2000px;
    height: 16px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_important_news_pc.png")
      center/100% no-repeat;
  }

  .important-news__link {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    padding: 30px 57px 30px 40px;
    border-radius: 24px;
  }

  .important-news h2 {
    margin-bottom: 14px;
  }

  .important-news div {
    display: flex;
  }

  .important-news dd {
    margin-left: 20px;
  }
}

/******************************
  search by category list
******************************/
.search-by-category li a {
  background: #FFF;
  border-radius: 16px;
  box-shadow: 2px 2px 0 rgb(0 0 0 / 16%);
  color: #000;
  font-size: 1.4rem;
}

.search-by-category li.active a {
  box-shadow: none;
  background: #EAE3CF;
}

@media screen and (max-width: 769px) {
  .search-by-category {
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 15px));
    justify-content: space-between;
    row-gap: 10px;
  }

  .search-by-category li a {
    display: flex;
    align-items: center;
    height: 64px;
    padding: 16px 5px 16px 15px;
    line-height: calc(1.75 / 1.4);
  }

  .search-by-category li img {
    width: 8.5vw;
    max-width: 32px;
    margin-right: 6px;
  }
  .cate-category.selected .btn-cv {
    min-width: 220px;
    margin-left: auto;
  }
  .searchrepeat_btn{
    width: 100%;
    max-width: 100%;
    margin:20px auto 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    padding: 18px 30px;
    border-radius: 28px;
    border:2px solid #F0A225;
    line-height: 1;
    text-align: center;
    font-size: 1.6rem;
    color: #000;
    background:#FFFBEF !important;
   }
    .searchrepeat_btn img{
    margin-right: 10px;
    }
}

@media screen and (min-width: 770px) {
  .search-by-category {
    display: grid;
    grid-auto-flow: column;
    justify-content: space-between;
    align-items: stretch;
  }

  .search-by-category li {
    width: 125px;
  }

  .search-by-category li a {
    display: block;
    height: 100%;
    padding: 20px 10px 14px;
  }

  .search-by-category li img {
    display: block;
    width: 48px;
    margin: auto;
  }

  .search-by-category li span {
    display: block;
    margin-top: 5px;
    text-align: center;
    line-height: calc(1.8 / 1.4);
  }
    .searchrepeat_btn{
    width: 390px;
    max-width: 100%;
    margin:20px auto 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 56px;
    padding: 18px 30px;
    border-radius: 28px;
    border:2px solid #F0A225;
    line-height: 1;
    text-align: center;
    font-size: 1.6rem;
    color: #000;
    background:#FFFBEF !important;
   }
    .searchrepeat_btn img{
    margin-right: 10px;
    }
}

/******************************
  item list
******************************/
/* common */
.item-list__link {
  display: block;
}

.item-list__img img {
  width: 100%;
}

.item-list__name {
  color :#000;
}

.item-list__icon-wrap {
  color: #FFF;
  line-height: 1;
}

.item-list__icon {
  border-radius: 3px;
}

.item-list__icon+.item-list__icon {
  margin-left: 5px;
}

.item-list__icon.icon-normal {
  background: #AF6631;
}

.item-list__icon.icon-chilled {
  background: #6DA752;
}

.item-list__icon.icon-freezing {
  background: #5F5CA5;
}

.item-list__content,
.item-list__price,
.item-list__original-price {
  color: #666;
}

.item-list__discount {
  color: #E21F2D;
}

.item-list__icon-wrap+.item-list__content {
  margin-left: 8px;
}

@media screen and (max-width: 769px) {
  .item-list__icon {
    padding: 0 6px 1px;
  }
}

@media screen and (min-width: 770px) {
  .item-list__icon {
    padding: 0 8px 1px;
  }
}

/* sp scroll */
@media screen and (max-width: 769px) {
  .sp-scroll.item-list {
    overflow-x: scroll;
    display: grid;
    align-items: stretch;
    grid-auto-flow: column;
    column-gap: 15px;
    margin-right: -30px;
    margin-left: -30px;
    padding-left: 30px;
    padding-bottom: 16px;
  }

  .sp-scroll.item-list .item-list__block {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc((100vw - 75px) / 2);
  }

  .sp-scroll.item-list .item-list__block:last-of-type::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 30px;
    height: 1px;
  }

  .sp-scroll.item-list .item-list__link {
    margin-bottom: 14px;
  }

  .sp-scroll.item-list .item-list__img img {
    border-radius: 16px;
  }

  .sp-scroll.item-list .item-list__name {
    margin-top: 11px;
    line-height: calc(2.0 / 1.4);
    font-size: 1.4rem;
  }

  .sp-scroll.item-list .item-list__info {
    margin-top: 7px;
    line-height: calc(1.8 / 1.2);
    font-size: 1.2rem;
  }

  .sp-scroll.item-list .item-list__price {
    margin-top: 9px;
    line-height: calc(2.0 / 1.4);
    font-size: 1.4rem;
  }

  .sp-scroll.item-list .item-list__tax,
  .sp-scroll.item-list .item-list__discount,
  .sp-scroll.item-list .item-list__original-price {
    line-height: calc(1.5 / 1.0);
    font-size: 1.0rem;
  }

  .sp-scroll.item-list .btn-add-cart,
  .sp-scroll.item-list .kagodake-ms {
    margin-top: auto;
  }
}

/* sp col1 */
@media screen and (max-width: 769px) {
  .sp-col1.item-list .item-list__block+.item-list__block {
    margin-top: 39px;
  }

  .sp-col1.item-list .item-list__link {
    margin-bottom: 18px;
  }

  .sp-col1.item-list .item-list__img img {
    border-radius: 16px;
  }

  .sp-col1.item-list .item-list__name {
    margin-top: 14px;
    line-height: calc(2.4 / 1.6);
    font-size: 1.6rem;
  }

  .sp-col1.item-list .item-list__info {
    margin-top: 4px;
    line-height: calc(1.8 / 1.2);
    font-size: 1.2rem;
  }

  .sp-col1.item-list .item-list__price {
    margin-top: 7px;
    line-height: calc(2.4 / 1.8);
    font-size: 1.8rem;
  }

  .sp-col1.item-list .item-list__tax,
  .sp-col1.item-list .item-list__discount {
    line-height: calc(1.8 / 1.2);
    font-size: 1.2rem;
  }

  .sp-col1.item-list .item-list__original-price {
    line-height: calc(1.5 / 1.0);
    font-size: 1.0rem;
  }
}

/* sp horizontal */
@media screen and (max-width: 769px) {
  .sp-hor.item-list .item-list__block {
    display: grid;
    align-items: start;
    grid-template-columns: 120px auto;
    grid-template-rows: repeat(6, min-content);
    column-gap: 15px;
    padding-bottom: 25px;
    border-bottom: 1px solid #CCC;
  }

  .sp-hor.item-list .item-list__block+.item-list__block {
    padding-top: 25px;
  }

  .sp-hor.item-list .item-list__link {
    display: contents;
  }

  .sp-hor.item-list .item-list__img {
    grid-column: 1 / 2;
    grid-row: 1 / 6;
  }

  .sp-hor.item-list .item-list__img img {
    border-radius: 16px;
  }

  .sp-hor.item-list .item-list__name {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    line-height: calc(2.4 / 1.6);
    font-size: 1.6rem;
  }

  .sp-hor.item-list .item-list__info {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin-top: 6px;
    line-height: calc(1.8 / 1.2);
    font-size: 1.2rem;
  }

  .sp-hor.item-list .item-list__price {
    grid-column: 2 / 3;
    grid-row : 3 / 4;
    margin-top: 7px;
    line-height: calc(2.4 / 1.8);
    font-size: 1.8rem;
  }

  .pc-hor.item-list .item-list__original-price {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
  }

  .sp-hor.item-list .item-list__tax,
  .sp-hor.item-list .item-list__discount,
  .sp-hor.item-list .item-list__original-price {
    line-height: calc(1.8 / 1.2);
    font-size: 1.2rem;
  }

  .sp-hor.item-list .btn-add-cart {
    grid-column: 2 / 3;
    grid-row: 5 / 6;
    margin-top: 12px;
  }
}

/* pc horizontal */
@media screen and (min-width: 770px) {
  .pc-hor.item-list {
    display: grid;
    grid-template-columns: repeat(2, 475px);
    row-gap: 50px;
    justify-content: space-between;
  }

  .pc-hor.item-list .item-list__block {
    display: grid;
    align-items: start;
    grid-template-columns: 200px auto;
    grid-template-rows: repeat(6, min-content);
    column-gap: 20px;
  }

  .pc-hor.item-list .item-list__link {
    display: contents;
  }

  .pc-hor.item-list .item-list__img {
    grid-column: 1 / 2;
    grid-row: 1 / 6;
  }

  .pc-hor.item-list .item-list__img img {
    border-radius: 16px;
  }

  .pc-hor.item-list .item-list__name {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    line-height: calc(2.8 / 1.8);
    font-size: 1.8rem;
  }

  .pc-hor.item-list .item-list__info {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    margin-top: 10px;
    line-height: calc(2.0 / 1.4);
    font-size: 1.4rem;
  }

  .pc-hor.item-list .item-list__price {
    grid-column: 2 / 3;
    grid-row : 3 / 4;
    margin-top: 12px;
    line-height: calc(2.7 / 1.8);
    font-size: 1.8rem;
  }

  .pc-hor.item-list .item-list__original-price {
    grid-column: 2 / 3;
    grid-row: 4 / 5;
    line-height: calc(2.1 / 1.4);
  }

  .pc-hor.item-list .item-list__tax,
  .pc-hor.item-list .item-list__discount,
  .pc-hor.item-list .item-list__original-price {
    font-size: 1.4rem;
  }

  .pc-hor.item-list .item-list__tax,
  .pc-hor.item-list .item-list__discount {
    line-height: calc(2.0 / 1.4);
  }

  .pc-hor.item-list .btn-add-cart {
    grid-column: 2 / 3;
    grid-row: 5 / 6;
    margin-top: 16px;
    width: 100%;
  }
}

/* pc col3 */
@media screen and (min-width: 770px) {
  .pc-col3.item-list {
    display: grid;
    grid-template-columns: repeat(3, 300px);
    grid-gap: 60px 50px;
  }

  .pc-col3.item-list .item-list__block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .pc-col3.item-list .item-list__link {
    margin-bottom: 29px;
  }

  .pc-col3.item-list .item-list__img img {
    border-radius: 24px;
  }

  .pc-col3.item-list .item-list__name {
    margin-top: 14px;
    line-height: calc(2.8 / 1.8);
    font-size: 1.8rem;
  }

  .pc-col3.item-list .item-list__name,
  .pc-col3.item-list .item-list__price {
    font-size: 1.8rem;
  }

  .pc-col3.item-list .item-list__info {
    margin-top: 8px;
    line-height: calc(2.0 / 1.4);
    font-size: 1.4rem;
  }

  .pc-col3.item-list .item-list__price {
    margin-top: 12px;
    line-height: calc(2.7 / 1.8);
  }

  .pc-col3.item-list .item-list__tax,
  .pc-col3.item-list .item-list__discount {
    line-height: calc(2.0 / 1.4);
    font-size: 1.4rem;
  }

  .pc-col3.item-list .item-list__original-price {
    line-height: calc(1.8 / 1.2);
    font-size: 1.2rem;
  }

  .pc-col3.item-list .btn-add-cart {
    width: 100%;
    margin-bottom: 0;
  }
}

/* pc col4 */
@media screen and (min-width: 770px) {
  .pc-col4.item-list {
    display: grid;
    grid-template-columns: repeat(4, 235px);
    justify-content: space-between;
  }

  .pc-col4.item-list .item-list__block {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }

  .pc-col4.item-list .item-list__link {
    margin-bottom: 17px;
  }

  .pc-col4.item-list .item-list__img img {
    border-radius: 24px;
  }

  .pc-col4.item-list .item-list__name {
    margin-top: 14px;
    line-height: calc(2.4 / 1.6);
  }

  .pc-col4.item-list .item-list__name,
  .pc-col4.item-list .item-list__price {
    font-size: 1.6rem;
  }

  .pc-col4.item-list .item-list__info {
    margin-top: 8px;
    line-height: calc(2.0 / 1.4);
    font-size: 1.4rem;
  }

  .pc-col4.item-list .item-list__price {
    margin-top: 12px;
    line-height: calc(1.8 / 1.6);
  }

  .pc-col4.item-list .item-list__tax,
  .pc-col4.item-list .item-list__discount,
  .pc-col4.item-list .item-list__original-price {
    line-height: calc(1.8 / 1.2);
    font-size: 1.2rem;
  }

  .pc-col4.item-list .btn-add-cart {
    width: 100%;
    margin-bottom: 0;
  }
}

/******************************
  post list
******************************/
/* common */
.post-list__link {
  display: block;
}

.post-list__img img {
  width: 100%;
}

.post-list__title {
  color: #000;
}

.post-list__category {
  display: flex;
  align-items: center;
}

.post-list__category,
.post-list__date {
  color: #666;
}

.post-list__summary {
  color: #707070;
}

/* sp scroll */
@media screen and (max-width: 769px) {
  .sp-scroll.post-list {
    overflow-x: scroll;
    display: grid;
    grid-auto-flow: column;
    column-gap: 15px;
    margin-right: -30px;
    margin-left: -30px;
    padding-left: 30px;
    padding-bottom: 16px;
  }

  .sp-scroll.post-list::-webkit-scrollbar {
    display: none;
  }

  .sp-scroll.post-list .post-list__link {
    position: relative;
    width: calc((100vw - 75px) / 2);
  }

  .sp-scroll.post-list .post-list__link:last-of-type::after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    display: block;
    width: 30px;
    height: 1px;
  }

  .sp-scroll.post-list .post-list__img img {
    border-radius: 16px;
  }

  .sp-scroll.post-list .post-list__title {
    margin-top: 8px;
    line-height: calc(2.4 / 1.6);
    font-size: 1.6rem;
  }

  .sp-scroll.post-list .post-list__date {
    margin-top: 2px;
    line-height: calc(2.0 / 1.4);
    font-size: 1.4rem;
  }

  .sp-scroll.post-list .post-list__category {
    margin-top: 9px;
    line-height: calc(2.4/ 1.4);
    font-size: 1.4rem;
  }

  .sp-scroll.post-list .post-list__category img {
    margin-right: 0.5rem;
    height: 1.6rem;
  }
}

/* sp col1 */
@media screen and (max-width: 769px) {
  .sp-col1.post-list .post-list__link+.post-list__link {
    margin-top: 40px;
  }

  .sp-col1.post-list .post-list__img img {
    border-radius: 16px;
  }

  .sp-col1.post-list .post-list__title {
    margin-top: 14px;
    line-height: calc(2.4 / 1.6);
    font-size: 1.6rem;
  }

  .sp-col1.post-list .post-list__date {
    margin-top: 2px;
    line-height: calc(2.0 / 1.4);
    font-size: 1.4rem;
  }

  .sp-col1.post-list .post-list__category {
    margin-top: 9px;
    line-height: calc(2.4/ 1.4);
    font-size: 1.4rem;
  }

  .sp-col1.post-list .post-list__category img {
    margin-right: 0.5rem;
    height: 1.6rem;
  }
  .top-service-box + .top-service-box {
    margin-top: 62px;
    padding-top: 50px;
    position: relative;
    padding-bottom: 40px;
  }
  .top-service-box + .top-service-box::before {
    content: "";
    width: 100vw;
    height: 1px;
    background: #ddd;
    position: absolute;
    top: 0;
    left: -30px;
  }
}

/* sp horizontal */
@media screen and (max-width: 769px) {
  .sp-hor.post-list .post-list__link {
    display: grid;
    align-items: start;
    grid-template-columns: 120px auto;
    grid-template-rows: auto;
    column-gap: 15px;
  }

  .sp-hor.post-list .post-list__link+.post-list__link {
    padding-top: 20px;
  }

  .sp-hor.post-list .post-list__img {
    grid-column: 1 / 2;
    grid-row: 1 / 10;
  }

  .sp-hor.post-list .post-list__img img {
    border-radius: 16px;
  }

  .sp-hor.post-list .post-list__name {
    line-height: calc(2.4 / 1.6);
    font-size: 1.6rem;
  }

  .sp-hor.post-list .post-list__category {
    margin-top: 8px;
    line-height: calc(2.4 / 1.4);
    font-size: 1.4rem;
  }

  .sp-hor.post-list .post-list__category img {
    margin-right: 3px;
    width: 16px;
  }
}

/* pc horizontal */
@media screen and (min-width: 770px) {
  .pc-hor.post-list {
    display: grid;
    grid-template-columns: repeat(2, 475px);
    row-gap: 50px;
    justify-content: space-between;
  }

  .pc-hor.post-list .post-list__link {
    display: grid;
    align-items: start;
    grid-template-columns: 200px auto;
    grid-template-rows: auto;
    column-gap: 20px;
  }

  .pc-hor.post-list .post-list__img {
    grid-column: 1 / 2;
    grid-row: 1 / 5;
  }

  .pc-hor.post-list .post-list__img img {
    border-radius: 24px;
  }

  .pc-hor.post-list .post-list__name {
    line-height: calc(2.8 / 1.8);
    font-size: 1.8rem;
  }

  .pc-hor.post-list .post-list__category {
    margin-top: 8px;
    line-height: calc(2.4 / 1.4);
    font-size: 1.4rem;
  }

  .pc-hor.post-list .post-list__category img {
    margin-right: 4px;
    width: 16px;
  }
}

/* pc col2 */
@media screen and (min-width: 770px) {
  .pc-col2.post-list {
    display: grid;
    grid-template-columns: repeat(2, 475px);
    justify-content: space-between;
  }

  .pc-col2.post-list .post-list__img img {
    border-radius: 24px;
  }

  .pc-col2.post-list .post-list__title {
    margin-top: 14px;
    line-height: calc(2.4 / 1.6);
    font-size: 1.6rem;
  }

  .pc-col2.post-list .post-list__date {
    margin-top: 4px;
    line-height: calc(2.0 / 1.4);
    font-size: 1.4rem;
  }

  .pc-col2.post-list .post-list__category {
    margin-top: 8px;
    line-height: calc(2.4 / 1.4);
    font-size: 1.4rem;
  }

  .pc-col2.post-list .post-list__category img {
    margin-right: 0.5rem;
    height: 1.6rem;
  }
}

/* pc col4 */
@media screen and (min-width: 770px) {
  .pc-col4.post-list {
    display: grid;
    grid-template-columns: repeat(4, 235px);
    row-gap: 20px;
    justify-content: space-between;
  }

  .pc-col4.post-list .post-list__img img {
    border-radius: 24px;
  }

  .pc-col4.post-list .post-list__title {
    margin-top: 14px;
    line-height: calc(2.4 / 1.6);
    font-size: 1.6rem;
  }

  .pc-col4.post-list .post-list__category {
    margin-top: 8px;
    line-height: calc(2.4 / 1.4);
    font-size: 1.4rem;
  }

  .pc-col4.post-list .post-list__category img {
    margin-right: 0.5rem;
    height: 1.6rem;
  }
}

/******************************
  recent item list
******************************/
.recent-item {
  position: relative;
}

.recent-item::after {
  content: "";
  position: absolute;
  display: block;
  height: 0px;
  border-bottom: 1px solid #CCC;
}

.recent-item h2 {
  font-weight: 700;
}

@media screen and (max-width: 769px) {
  .recent-item {
    margin-top: 55px;
    padding-bottom: 45px;
  }

  .recent-item::after {
    width: 100vw;
    bottom: 0;
    left: -30px;
  }

  .recent-item h2 {
    margin-bottom: 15px;
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 770px) {
  .recent-item {
    margin-top: 74px;
    padding-bottom: 80px;
  }

  .recent-item::after {
    width: 200vw;
    bottom: 0;
    transform: translateX(-50vw);
  }

  .recent-item h2 {
    margin-bottom: 25px;
    font-size: 2.4rem;
  }
}

/******************************
  pager
******************************/
.pager ul {
  display: flex;
  justify-content: center;
  align-items: center;
}

.pager li.active,
.pager li:not(.prev):not(.next) a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin: 0 5px;
  border-radius: 16px;
  font-size: 1.6rem;
}

.pager li.active {
  background: #F7F7F7;
  color: #CCC;
}

.pager li:not(.prev):not(.next) a {
  display: flex;
  background: #FFF;
  border: 1px solid #DDD;
}

.pager .prev,
.pager .next {
  width: 50px;
}

.pager .prev a,
.pager .next a {
  position: relative;
  display: inline-flex;
  align-items: flex-start;
}

.pager .prev a::before,
.pager .next a::after {
  content: "";
  display: block;
  width: 8px;
  height: 14px;
  margin-top: 0.8rem;
}

.pager .prev a::before {
  margin-right: 8px;
  background: transparent
    url(https://gigaplus.makeshop.jp/Tableforall/images/icon_link_back.svg)
    center/contain no-repeat;
}

.pager .next a::after {
  margin-left: 8px;
  background: transparent
    url(https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg)
    center/contain no-repeat;
}

@media screen and (max-width: 769px) {
  .pager {
    margin-top: 60px;
  }

  .pager li:not([class]) {
    display: none;
  }

  .pager .prev {
    margin-right: auto;
  }

  .pager .next {
    margin-left: auto;
  }
}

@media screen and (min-width: 770px) {
  .pager {
    margin-top: 80px;
  }

  .pager .prev {
    margin-right: 34px;
  }

  .pager .next {
    margin-left: 34px;
  }
}

/******************************
  footer
******************************/
.ft-sns h2 {
  text-align: center;
  font-weight: 700;
}

.ft-sns__inner {
  background: #FFFBEF;
}
.ft-sns__inner + .ft-sns__inner {
  margin-top: 20px;
}

.ft-sns__text {
  font-size: 1.6rem;
  font-weight: 700;
}

.ft-sns__avatar a {
  display: block;
  font-size: 1.2rem;
}

.ft-sns__avatar img {
  display: block;
  margin: auto;
}

.ft-sns__avatar a::after {
  display: none;
}

.ft-sns__follow a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 56px;
  color: #FFF;
  
  border-radius: 32px;
  text-align: left;
  font-weight: 700;
}
.ft-sns-twitter {
  background: #2095E0;
  gap: 16px;
}
.ft-sns-tft {
  background: #F0A225;
  gap: 14px;
}
.ft-sns-instgrm {
  background: url(https://gigaplus.makeshop.jp/Tableforall/images/bg_instgrm.png)no-repeat;
  gap: 12px;
}
.ft-sns__follow a + a {
  margin-top: 12px;
}
.ft-sns__follow a::after {
  display: none;
}

.ft-share ul {
  display: grid;
  column-gap: 15px;
}

.ft-share li {
  height: 20px;
}

.ft-share .facebook {
  padding-top: 1px;
}

.ft-share .facebook .fb_iframe_widget,
.ft-share .facebook .fb_iframe_widget span {
  display: block;
}

.ft-menu a {
  color: #000;
}

.ft-nav ul {
  display: flex;
}

.ft-nav a {
  color: #666;
  font-size: 1.4rem;
}

.ft-nav img {
  display: block;
  width: 151px;
}

.ft-copyright {
  background: #F6BD63;
  color: #FFF;
  font-size: 1.2rem;
}

@media screen and (max-width: 769px) {
  .site-ft {
    margin: 54px 0 0;
  }

  .ft-sns {
    margin: 0 30px;
  }

  .ft-sns h2 {
    margin-bottom: 24px;
    font-size: 2.0rem;
  }

  .ft-sns__inner {
    padding: 30px 20px;
    border-radius: 16px;
    text-align: center;
  }

  .ft-sns__avatar img {
    width: 88px;
  }

  .ft-sns__text {
    margin-top: 11px;
    margin-bottom: 16px;
    padding-bottom: 18px;
    /* border-bottom: 1px solid #EFE1B8; */
  }

  .ft-sns__follow a {
    margin-top: 14px;
    line-height: 1.75;
    font-size: 1.6rem;
  }

  .ft-sns__follow a img {
    width:28px;
  }
  .ft-sns-instgrm {
    background: url(https://gigaplus.makeshop.jp/Tableforall/images/bg_instgrm_sp.png)no-repeat;
    background-size: 100% calc((100vw - 100px) * 0.2);
  }

  .ft-share {
    margin: 60px 30px;
  }

  .ft-share ul {
    grid-template-columns: repeat(3, min-content);
    justify-content: center;
  }

  .ft-menu {
    padding: 38px 30px 40px;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
  }

  .ft-menu>ul>li+li {
    border-top: 1px solid #DDD;
  }

  .ft-menu span,
  .ft-menu a {
    display: block;
    padding: 16px 16px 16px 0;
  }

  .ft-menu li li span {
    margin-bottom: 10px;
    padding-left: 16px;
    background: #F7F7F7;
    font-size: 1.4rem;
    font-weight: 700;
  }

  .ft-menu li li a {
    padding-left: 32px;
    font-size: 1.4rem;
  }

  .ft-menu a {
    position: relative;
  }

  .ft-menu ul ul+ul {
    margin-top: 10px;
  }

  .ft-menu ul ul:last-of-type {
    margin-bottom: 12px;
  }

  .ft-menu a::after {
    content: "";
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    display: block;
    width: 8px;
    height: 14px;
    margin: auto;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
      center/contain no-repeat;
  }

  .ft-menu .heading {
    position: relative;
  }

  .ft-menu .heading::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 16px;
    height: 16px;
    margin: auto;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_plus.svg")
      center/contain no-repeat;
  }

  .ft-menu .heading.open::after {
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/icon_minus.svg");
  }

  .ft-menu .children {
    display: none;
  }

  .ft-nav {
    margin: 22px 15px 0 20px;
  }

  .ft-nav ul {
    flex-wrap: wrap;
  }

  .ft-nav li {
    margin: 5px 10px;
  }

  .ft-nav img {
    margin: 11px auto 0;
  }

  .ft-copyright {
    margin-top: 14px;
    padding: 9px 0 13px;
    text-align: center;
  }
}

@media screen and (min-width: 770px) {
  .site-ft {
    margin: 72px auto 0;
    width: 1040px;
    padding: 0 20px;
  }

  .ft-sns {
    position: relative;
  }

  .ft-sns h2 {
    margin-bottom: 34px;
    font-size: 2.4rem;
  }

  .ft-sns__inner {
    padding: 20px 60px;
    display: flex;
    align-items: stretch;
    border-radius: 24px;
  }

  .ft-sns__inner>* {
    display: grid;
    align-content: center;
  }

  .ft-sns__avatar a {
    text-align: center;
    min-width: 108px;
  }

  .ft-sns__text {
    margin-left: 21px;
  }

  .ft-sns__follow {
    margin-left: auto;
    padding-left: 40px;
    width: 400px;
    border-left: 1px solid #EFE1B8;
    text-align: center;
  }

  .ft-share {
    position: relative;
    margin-top: 81px;
    padding-bottom: 19px;
  }

  .ft-share::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(-50vw);
    display: block;
    width: 200vw;
    height: 0;
    border-top: 1px solid #DDD;
  }

  .ft-share ul {
    grid-template-columns: repeat(2, min-content);
    justify-content: end;
  }

  .ft-share .line {
    position: absolute;
    pointer-events: none;
    opacity: 0;
  }

  .ft-menu {
    position: relative;
    margin-top: 55px;
    padding-bottom: 57px;
  }

  .ft-menu::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(-50vw);
    display: block;
    width: 200vw;
    height: 0;
    border-top: 1px solid #DDD;
  }

  .ft-menu>ul>li+li {
    margin-top: 20px;
  }

  .ft-menu a {
    display: inline-flex;
    align-items: center;
  }

  .ft-menu a::before {
    content: "";
    display: block;
    width: 8px;
    height: 14px;
    margin-top: 0.3rem;
    margin-right: 5px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
      center/contain no-repeat;
  }

  .ft-menu>ul>li>a,
  .ft-menu>ul>li>span {
    font-weight: 500;
  }

  .ft-menu .children {
    display: grid !important;
    grid-template-columns: 220px 220px 480px;
    justify-content: space-between;
    align-items: start;
    margin-top: 11px;
    margin-bottom: -13px;
    line-height: 1.4285714;
    font-size: 1.4rem;
  }

  .ft-menu .children ul:nth-of-type(3) {
    display: grid;
    grid-template-rows: repeat(4, auto);
    grid-template-columns: repeat(2, 50%);
    grid-auto-flow: column;
  }

  .ft-menu .children ul:nth-of-type(3) li:first-of-type {
    grid-column: 1/3;
  }

  .ft-menu .children li {
    margin-bottom: 13px;
  }

  .ft-menu .children li:first-of-type {
    margin-bottom: 15px;
    padding-bottom: 7px;
    border-bottom: 1px solid #DDD;
  }

  .ft-menu .sub-heading {
    color: #666;
    font-weight: 700;
  }

  .ft-nav {
    display: flex;
    align-items: center;
    margin-top: 7px;
  }

  .ft-nav li+li {
    margin-left: 5px;
  }

  .ft-nav img {
    margin-left: auto;
  }

  .ft-copyright {
    margin: 9px -200% 0;
    padding: 9px 200% 13px;
  }
}

/******************************
  contact
******************************/
/* Q&A */
.page-contact .qa-nav {
  display: grid;
  gap: 1px;
  border-radius: 8px;
  overflow: hidden;
}

.page-contact .qa-nav a {
  display: block;
  background: #F7F7F7;
  color: #000;
  text-align: center;
}

.page-contact .qa-nav a:hover {
  background: #F0A225;
  color: #FFF;
}

.page-contact .qa-body {
  margin-top: 40px;
}

.page-contact .qa-body__block {
  background: #FFF;
  border: 1px solid #CCC;
}

.page-contact .qa-body__block>div,
.page-contact .qa-body__block>h3 {
  position: relative;
}

.page-contact .qa-body__block>h3 {
  margin-bottom: 0;
  cursor: pointer;
  transition: all 0s ease-out .2s;
  background: transparent

    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_plus.svg")
    no-repeat;
}

.page-contact .qa-body__block>h3.open {
  transition: all 0s ease-out 0s;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_minus.svg")
    no-repeat;
}

.page-contact .qa-body__block>div {
  display: none;
}

.page-contact .qa-body__block>div span,
.page-contact .qa-body__block>h3 span {
  position: absolute;
  left: 0;
  top: 0;
  display: inline-grid;
  place-content: center;
  font-weight: 700;
}

.page-contact .qa-body__block>h3.open {
  border-bottom: 1px dotted #CCC;
}

.page-contact .qa-body__block>h3 span {
  background: #F0A225;
  color: #FFF;
}

.page-contact .qa-body__block>div span {
  border: 1px solid #F0A225;
  background: #FFF;
  color: #F0A225;
}

@media screen and (max-width: 769px) {
  .page-contact .container h1 {
    margin: 21px 0 19px;
  }

  .page-contact .qa h2 {
    margin-bottom: 24px;
  }

  .page-contact .qa-nav {
    grid-template-columns: repeat(2, 1fr);
  }

  .page-contact .qa-nav a {
    display: grid;
    place-content: center;
        height: 100%;
    padding: 15px 10px 17px;
  }

  .page-contact .qa-body__block {
    padding: 22px 20px;
    border-radius: 16px;
  }

  .page-contact .qa-body__block+.qa-body__block {
    margin-top: 15px;
  }

  .page-contact .qa-body__block>h3,
  .page-contact .qa-body__block>div {
    padding-left: 35px;
  }

  .page-contact .qa-body__block>h3 {
    padding-right: 21px;
    font-size: 1.6rem;
    background-position: right top 50%;
  }

  .page-contact .qa-body__block>h3.open {
    margin-bottom: 16px;
    padding-bottom: 16px;
    background-position: right top calc((100% - 16px) / 2);
  }

  .page-contact .qa-body__block>h3,
  .page-contact .qa-body__block>h3.open {
    background-size: 16px;
  }

  .page-contact .qa-body__block>h3 span,
  .page-contact .qa-body__block>div span {
    width: 24px;
    height: 24px;
    border-radius: 10px;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 770px) {
  .page-contact .container h1 {
    margin: 19px 0 24px;
  }

  .page-contact .qa h2 {
    margin-bottom: 34px;
  }

  .page-contact .qa-nav {
    grid-template-columns: repeat(4, 1fr);
  }

  .page-contact .qa-nav a {
    padding: 15px 10px 17px;
  }

  .page-contact .qa-body__block {
    padding: 25px 30px;
    border-radius: 24px;
  }

  .page-contact .qa-body__block+.qa-body__block {
    margin-top: 20px;
  }

  .page-contact .qa-body__block>h3,
  .page-contact .qa-body__block>div {
    padding-left: 50px;
  }

  .page-contact .qa-body__block>h3 {
    padding-right: 42px;
    background-position: right top 50%;
  }

  .page-contact .qa-body__block>h3.open {
    margin-bottom: 26px;
    padding-bottom: 32px;
    background-position: right top calc((100% - 32px) / 2);
  }

  .page-contact .qa-body__block>h3,
  .page-contact .qa-body__block>h3.open {
    background-size: 32px;
  }

  .page-contact .qa-body__block>h3 span,
  .page-contact .qa-body__block>div span {
    width: 40px;
    height: 40px;
    border-radius: 16px;
    font-size: 2.0rem;
  }
}

/* contact */
.page-contact .contact {
  background: #F7F7F7;
}

.page-contact .contact h2 {
  text-align: center;
  font-weight: 700;
}

.page-contact .contact>h3 {
  margin: 20px 0 9px;
  line-height: calc(2.8 / 1.4);
  font-size: 1.4rem;
}

.page-contact .contact>h3+p {
  margin-top: 9px;
}

.page-contact .contact-info__block {
  background: #FFF;
}

.page-contact .contact-info__block h3 {
  text-align: center;
}

.page-contact .contact-info__block h3 img {
  margin-right: 9px;
}

.page-contact .contact-info__block h4 {
  margin-bottom: 0;
  color: #D69733;
  line-height: calc(2.4 / 1.6);
  font-size: 1.6rem;
  font-weight: 700;
}

.page-contact .contact-info__block h4+p {
  margin-top: 0;
}

.page-contact .contact-info__block div+div {
  margin-top: 18px;
  padding-top: 15px;
  border-top: 1px dotted #CCC;
}

.page-contact .contact-info__block .tel {
  line-height: calc(4.6 / 3.2);
  font-size: 3.2rem;
  font-weight: 700;
}

.page-contact .contact-info__block p+p {
  margin-top: 8px;
}

.page-contact .contact-info__block .btn-cv {
  margin-top: 26px;
}

@media screen and (max-width: 769px) {
  .page-contact .contact {
    margin: 60px -30px 0;
    padding: 25px 30px 30px;
  }

  .page-contact .contact>h2 {
    margin-bottom: 20px;
    line-height: calc(2.8 / 2.0);
    font-size: 2.0rem;
  }

  .page-contact .contact-info__block {
    margin-top: 25px;
    padding: 18px 15px 25px;
    border-radius: 16px;
  }

  .page-contact .contact-info__block+.contact-info__block {
    margin-top: 20px;
  }

  .page-contact .contact-info__block h3 {
    margin-bottom: 18px;
    line-height: calc(4.6 / 1.8);
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 770px) {
  .page-contact .contact {
    margin-top: 80px;
    padding: 30px 30px 35px;
    border-radius: 24px;
  }

  .page-contact .contact>h2 {
    margin-bottom: 18px;
    line-height: calc(2.8 / 2.4);
    font-size: 2.4rem;
  }

  .page-contact .contact-info {
    /* 4月用
    display: grid;
    grid-template-columns: repeat(2, 455px);
    justify-content: space-between;
    */
    align-items: stretch;
    margin-top: 29px;
  }

  .page-contact .contact-info__block {
    padding: 20px 30px 33px;
    border-radius: 24px;
    display: grid;
    align-content: center;
    /* 2月用 */
    width: 455px;
    margin: auto;
  }

  .page-contact .contact-info__block h3 {
    margin-bottom: 15px;
    line-height: calc(4.6 / 2.0);
    font-size: 2.0rem;
  }
}

/******************************
  sitemap
******************************/
.page-sitemap .sitemap a {
  color: #000;
}

@media screen and (max-width: 769px) {
  .page-sitemap .container h1 {
    margin: 22px 0 18px;
  }

  .page-sitemap .sitemap>ul>li+li,
  .page-sitemap .children {
    border-top: 1px solid #DDD;
  }

  .page-sitemap .sitemap .heading,
  .page-sitemap .sitemap>ul>li>a {
    display: block;
    padding: 16px 16px 16px 0;
  }

  .page-sitemap .sitemap a {
    position: relative;
  }

  .page-sitemap .sitemap a::after {
    content: "";
    position: absolute;
    right: 2px;
    top: 0;
    bottom: 0;
    display: block;
    width: 8px;
    height: 14px;
    margin: auto;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
      center/contain no-repeat;
  }

  .page-sitemap .sitemap .heading {
    position: relative;
  }

  .page-sitemap .sitemap .heading::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    display: block;
    width: 16px;
    height: 16px;
    margin: auto;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_plus.svg")
      center/contain no-repeat;
  }

  .page-sitemap .sitemap .heading.open::after {
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/icon_minus.svg");
  }

  .page-sitemap .sitemap .children {
    display: none;
  }

  .page-sitemap .sitemap .children .sub-heading {
    display: block;
    margin-bottom: 14px;
    padding: 10px 15px 13px;
    background: #F7F7F7;
    font-size: 1.4rem;
    font-weight: 700;
  }

  .page-sitemap .sitemap .children ul {
    margin-bottom: 13px;
  }

  .page-sitemap .sitemap .children a {
    display: block;
    padding: 12px 15px;
    font-size: 1.4rem;
  }
}

@media screen and (min-width: 770px) {
  .page-sitemap .container h1 {
    margin: 19px 0 27px;
  }

  .page-sitemap .sitemap {
    position: relative;
    margin-top: 55px;
    padding-bottom: 57px;
  }

  .page-sitemap .sitemap::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: calc(-50vw);
    display: block;
    width: 200vw;
    height: 0;
    border-top: 1px solid #DDD;
  }

  .page-sitemap .sitemap>ul>li+li {
    margin-top: 20px;
  }

  .page-sitemap .sitemap a {
    display: inline-flex;
    align-items: center;
  }

  .page-sitemap .sitemap a::before {
    content: "";
    display: block;
    width: 8px;
    height: 14px;
    margin-top: 0.3rem;
    margin-right: 5px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
      center/contain no-repeat;
  }

  .page-sitemap .sitemap .children {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 40px;
    justify-content: space-between;
    align-items: start;
    margin-top: 11px;
    margin-bottom: -13px;
    line-height: 1.4285714;
    font-size: 1.4rem;
  }

  .page-sitemap .sitemap .children li {
    margin-bottom: 13px;
  }

  .page-sitemap .sitemap .children li:first-of-type {
    margin-bottom: 15px;
    padding-bottom: 7px;
    border-bottom: 1px solid #DDD;
  }

  .page-sitemap .sitemap .sub-heading {
    color: #666;
    font-weight: 700;
  }
}
.item-stock{
    margin-top: 5px;
    margin-left: 103px;
    border: 2px solid #e07e57;
    width: 90px;
    font-size: 12px;
    padding: 0px;
    text-align: center;
    color: #e07e57;
    border-radius: 8px;
}
/******************************
  common & exception
******************************/
@media screen and (max-width: 769px) {
  .container {
    margin: 0;
  }

  .page-top .important-news__link {
    margin: 0 30px;
  }

  .common-heading {
    margin-bottom: 28px;
  }

  .common-heading h2 {
    margin-bottom: 3px;
  }
}

@media screen and (min-width: 770px) {
  .container {
    margin-top: 0;
  }

  .common-heading {
    margin-bottom: 30px;
  }

  .common-heading h2 {
    margin-bottom: 0;
  }
}

/******************************
  main visual
******************************/
.top-mv,
.top-mv__block {
  position: relative;
}

.top-mv {
  margin-bottom: 0 !important;
}

.top-mv__block > a {
  display: block;
  height: 100%;
  color: #000;
}

.top-mv__text {
  position: absolute;
    z-index: 101;
  background: #FFF;
}

.top-mv__text h2 {
  position: relative;
  display: inline-block;
  padding-bottom: 5px;
  color: #F0A225;
  font-weight: 700;
}

.top-mv__text h2::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  height: 2px;
  background: #F0A225;
  border-radius: 6px;
}

.top-mv__new {
  position: absolute;
  display: grid;
  place-content: center;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_bubble_red.svg")
    center/contain no-repeat;
  color: #FFF;
  font-weight: 700;
}

.top-mv__img,
.top-mv__img img {
  height: 100%;
}

.top-mv__img img {
  width: 100%;
  object-fit: cover;
}

.top-mv__arrow {
  position: absolute;
  z-index: 111;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

.top-mv__dots {
  position: absolute;
  z-index: 110;
  display: flex;
}

.top-mv__dots li {
  height: min-content;
  /* overflow: hidden; */
}

.top-mv__dots li+li {
  margin-left: 10px;
}

.top-mv__dots button {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: #CCC;
}

.top-mv__dots .slick-active button {
  background: #F0A225;
}

@media screen and (max-width: 769px) {
  .top-mv__block {
    box-sizing: content-box;
    height: calc(100vh - 49px);
    padding-bottom: 49px;
    overflow-x: hidden;
  }

  .top-mv__block::after {
    content: "";
    z-index: 100;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1000px;
    bottom: 0;
    height: 59px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_mv_sp.svg")
      center/100% no-repeat;
  }

  .top-mv__text {
    bottom: 42px;
    right: 0;
    width: calc(100vw - 60px);
    height: 130px;
    padding: 12px 30px 12px 20px;
    border-radius: 16px 0 0 16px;
    box-shadow: 4px 4px rgb(0, 0, 0, 16%);
  }

  .top-mv__text h2 {
    margin-bottom: 10px;
    line-height: calc(2.4 / 1.2);
    font-size: 1.2rem;
  }

  .top-mv__content {
    margin-top: 0;
    line-height: calc(3.0 / 1.8);
    font-size: 1.8rem;
  }

  .top-mv__link span {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
      top 72px right 20px/8px no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
  }

  .top-mv__new {
    top: -20px;
    right: 15px;
    width: 60px;
    height: 60px;
    font-size: 1.6rem;
  }

  .top-mv__arrow {
    bottom: 14px;
    width: 20px;
    height: 20px;
  }

  .top-mv__arrow.prev {
    left: 30px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/top/icon_mv_prev_sp.svg")
      center/8px no-repeat;
  }

  .top-mv__arrow.next {
    right: 30px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/top/icon_mv_next_sp.svg")
      center/8px no-repeat;
  }

  .top-mv__dots {
    bottom: 22px;
    width: 100%;
    justify-content: center;
  }

  .top-mv__dots li,
  .top-mv__dots button {
    height: 6px;
  }

  .top-mv__dots button {
    width: 20px;
    border-radius: 3px;
  }
}

@media screen and (min-width: 770px) {
  .top-mv {
    min-width: 1040px;
  }

  .top-mv .slick-list {
    overflow: visible;
  }

  .top-mv__block,
  .top-mv__img {
/*    height: 700px;*/
  }

  .top-mv__block {
    box-sizing: content-box;
    padding-bottom: 47px;
    overflow: hidden;
  }

  .top-mv__block::after {
    content: "";
    position: absolute;
    z-index: 100;
    bottom: 0;
    right: 0;
    left: 0;
    display: block;
    width: 2000px;
    height: 63px;
    margin: auto;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_mv_pc.png")
      center no-repeat;
  }

  .top-mv__text {
    bottom: 47px;
    right: 60px;
    width: 420px;
    height: 200px;
    padding: 20px 30px 27px;
    border-radius: 24px;
    box-shadow: 5px 5px 0 rgb(0, 0, 0, 20%);
  }

  .top-mv__text h2 {
    margin-bottom: 11px;
    line-height: calc(2.4 / 1.6);
    font-size: 1.6rem;
  }

  .top-mv__content {
    margin-top: 0;
    line-height: calc(4.2 / 2.4);
    font-size: 2.4rem;
  }

  .top-mv__link {
    margin-top: 0;
    text-align: right;
  }

  .top-mv__link span {
    display: inline-block;
    padding-left: 18px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
      top 0.8rem left/0.7rem no-repeat;
  }

  .top-mv__new {
    top: -23px;
    right: 30px;
    width: 80px;
    height: 80px;
    font-size: 2.2rem;
  }

  .top-mv__arrow {
    top: 338px;
    width: 56px;
    height: 80px;
  }

  .top-mv__arrow.prev {
    left: 0;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/top/icon_mv_prev_pc.svg")
      center/contain no-repeat;
  }

  .top-mv__arrow.next {
    right: 0;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/top/icon_mv_next_pc.svg")
      center/contain no-repeat;
  }

  .top-mv__dots {
    bottom: 26px;
    left: 0;
    right: 0;
    width: 1040px;
    padding: 0 20px;
    margin: auto;
  }

  .top-mv__dots li,
  .top-mv__dots button {
    height: 6px;
  }

  .top-mv__dots button {
    width: 40px;
    border-radius: 3px;
  }
}

/******************************
  top menu
******************************/
.top-menu__block {
  position: relative;
}

.top-menu__heading {
  position: absolute;
  z-index: +1;
  display: flex;
  flex-flow: column nowrap;
  place-content: center;
  background-color: transparent;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
  color: #FFF;
}

.top-menu__heading::after {
  content: "";
  position: absolute;
  display: block;
  background-color: transparent;
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}

.top-menu__block:nth-of-type(1) .top-menu__heading {
  --aspect-ratio_1-1: 1200 / 1018;
  background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_bubble_red.png");
}

.top-menu__block:nth-of-type(2) .top-menu__heading {
  --aspect-ratio_2-1: 1200 / 1029;
  background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_bubble_blue.png");
}

.top-menu__block:nth-of-type(3) .top-menu__heading {
  --aspect-ratio_3-1: 1200 / 1089;
  background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_bubble_green.png");
}

.top-menu__block:nth-of-type(1) .top-menu__heading::after {
  --aspect-ratio_1-2: 420 / 420;
  background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/ph_bubble_1.png");
}

.top-menu__block:nth-of-type(2) .top-menu__heading::after {
  --aspect-ratio_2-2: 420 / 420;
  background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/ph_bubble_2.png");
}

.top-menu__block:nth-of-type(3) .top-menu__heading::after {
  --aspect-ratio_3-2: 420 / 420;
  background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/ph_bubble_3.png");
}

.top-menu__list li {
  border-bottom-width: 1px;
  border-bottom-style: solid;
}

.top-menu__block:nth-of-type(1) .top-menu__list li {
  border-bottom-color: #F2D4D1;
}

.top-menu__block:nth-of-type(2) .top-menu__list li {
  border-bottom-color: #CDDBEF;
}

.top-menu__block:nth-of-type(3) .top-menu__list li {
  border-bottom-color: #CDDDB8;
}

.top-menu__list a {
  position: relative;
  display: block;
  padding: 16px 20px 16px 0;
  color: #000;
}

.top-menu__list a::after {
  content: "";
  position: absolute;
  right: 2px;
  top: 0;
  bottom: 0;
  display: block;
  width: 8px;
  height: 14px;
  margin: auto;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
    center/contain no-repeat;
}

@media screen and (max-width: 769px) {
  .top-menu {
    margin-top: 22px;
    overflow-x: hidden;
  }

  .top-menu__heading {
    top: 0;
    width: 300px;
    padding: 0 40px;
  }

  .top-menu__block:nth-of-type(1) .top-menu__heading {
    height: calc(300px / (var(--aspect-ratio_1-1)));
  }

  .top-menu__block:nth-of-type(2) .top-menu__heading {
      height: calc(300px / (var(--aspect-ratio_2-1)));
  }

  .top-menu__block:nth-of-type(3) .top-menu__heading {
      height: calc(300px / (var(--aspect-ratio_3-1)));
  }

  .top-menu__heading h2 {
    margin-bottom: 10px;
  }

  .top-menu__heading p {
    font-size: 1.4rem;
  }

  .top-menu__heading::after {
    width: 142px;
    max-width: 150px;
  }

  .top-menu__block:nth-of-type(1) .top-menu__heading::after {
    height: calc(142px / (var(--aspect-ratio_1-2)));
  }

  .top-menu__block:nth-of-type(2) .top-menu__heading::after {
    height: calc(142px / (var(--aspect-ratio_2-2)));
  }

  .top-menu__block:nth-of-type(3) .top-menu__heading::after {
    height: calc(142px / (var(--aspect-ratio_3-2)));
  }

  .top-menu__block:nth-of-type(1) {
    padding-top: 200px;
  }

  .top-menu__block:nth-of-type(1) .top-menu__heading {
    left: -10px;
  }

  .top-menu__block:nth-of-type(1) .top-menu__heading::after {
    bottom: -6px ;
    right: -90px;
  }

  .top-menu__list {
    position: relative;
  }

  .top-menu__list::before,
  .top-menu__list::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    width: 1000px;
    background-color: transparent;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .top-menu__block:nth-of-type(1) .top-menu__list {
    background-color: #FFF1F0;
  }

  .top-menu__block:nth-of-type(2) .top-menu__list {
    background-color: #F0F6FD;
  }

  .top-menu__block:nth-of-type(3) .top-menu__list {
    background-color: #ECF5DF;
  }

  .top-menu__block:nth-of-type(1) .top-menu__list {
    margin-top: 84px;
    margin-bottom: 84px;
  }

  .top-menu__block:nth-of-type(1) .top-menu__list::before {
    top: -84px;
    height: 84px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_pink_top_sp.svg");
  }

  .top-menu__block:nth-of-type(1) .top-menu__list::after {
    bottom: -84px;
    height: 84px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_pink_bottom_sp.svg");
  }

  .top-menu__block:nth-of-type(2) {
    margin-top: -60px;
    padding-top: 220px;
  }

  .top-menu__block:nth-of-type(2) .top-menu__heading {
    right: -10px;
  }

  .top-menu__block:nth-of-type(2) .top-menu__heading::after {
    bottom: -22px;
    left: -105px;
  }

  .top-menu__block:nth-of-type(2) .top-menu__list {
    margin-top: 84px;
    margin-bottom: 77px;
  }

  .top-menu__block:nth-of-type(2) .top-menu__list::before {
    top: -84px;
    height: 84px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_blue_top_sp.svg");
  }

  .top-menu__block:nth-of-type(2) .top-menu__list::after {
    bottom: -77px;
    height: 77px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_blue_bottom_sp.svg");
  }

  .top-menu__block:nth-of-type(3) {
    margin-top: -30px;
    padding-top: 230px;
  }

  .top-menu__block:nth-of-type(3) .top-menu__heading {
    left: -10px;
  }

  .top-menu__block:nth-of-type(3) .top-menu__heading::after {
    bottom: -18px ;
    right: -80px ;
  }

  .top-menu__block:nth-of-type(3) .top-menu__list {
    margin-top: 84px;
    margin-bottom: 77px;
  }

  .top-menu__block:nth-of-type(3) .top-menu__list::before {
    top: -84px;
    height: 84px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_green_top_sp.svg");
  }

  .top-menu__block:nth-of-type(3) .top-menu__list::after {
    bottom: -77px;
    height: 77px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_green_bottom_sp.svg");
  }

  .top-menu__list li {
    margin: 0 50px;
  }

  .top-menu__list li:last-of-type {
    border-bottom: none;
  }
}

@media screen and (min-width: 770px) {
  .top-menu {
    padding-top: 80px;
    margin: auto;
  }

  .top-menu__block {
    box-sizing: content-box;
    margin: 0 -200%;
    padding: 0 200%;
  }

  .top-menu__block::before,
  .top-menu__block::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    width: 2000px;
    margin: auto;
    background-color: transparent;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .top-menu__block:nth-of-type(1) {
    margin-top: 40px;
    margin-bottom: 40px;
    background-color: #FFF1F0;
  }

  .top-menu__block:nth-of-type(1)::before {
    height: 40px;
    top: -40px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_pink_top_pc.png")
  }

  .top-menu__block:nth-of-type(1)::after {
    height: 40px;
    bottom: -40px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_pink_bottom_pc.png")
  }

  .top-menu__block:nth-of-type(2) {
    margin-top: 36px;
    margin-bottom: 35px;
    background-color: #E7EEF8;
  }

  .top-menu__block:nth-of-type(2)::before {
    height: 36px;
    top: -36px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_blue_top_pc.png")
  }

  .top-menu__block:nth-of-type(2)::after {
    height: 35px;
    bottom: -35px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_blue_bottom_pc.png")
  }

  .top-menu__block:nth-of-type(3) {
    margin-top: 40px;
    margin-bottom: 33px;
    background-color: #ECF5DF;
  }

  .top-menu__block:nth-of-type(3)::before {
    height: 40px;
    top: -40px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_green_top_pc.png")
  }

  .top-menu__block:nth-of-type(3)::after {
    height: 33px;
    bottom: -33px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_green_bottom_pc.png")
  }

  .top-menu__heading {
    width: 382px;
    padding: 0 20px;
  }

  .top-menu__block:nth-of-type(1) .top-menu__heading {
    height: calc(382px / (var(--aspect-ratio_1-1)));
  }

  .top-menu__block:nth-of-type(2) .top-menu__heading {
      height: calc(382px / (var(--aspect-ratio_2-1)));
  }

  .top-menu__block:nth-of-type(3) .top-menu__heading {
      height: calc(382px / (var(--aspect-ratio_3-1)));
  }

  .top-menu__heading h2 {
    margin-bottom: 21px;
  }

  .top-menu__block:nth-of-type(1) .top-menu__heading {
    padding-left: 50px;
    top: -80px;
    left: 50%;
    transform: translateX(-500px);
  }

  .top-menu__block:nth-of-type(2) .top-menu__heading {
    padding-left: 80px;
    top: -130px;
    left: 50%;
    transform: translateX(calc(500px - 100%));
  }

  .top-menu__block:nth-of-type(3) .top-menu__heading {
    padding-left: 50px;
    top: -130px;
    left: 50%;
    transform: translateX(-500px);
  }

  .top-menu__block .top-menu__heading::after {
    width: 145px;
  }

  .top-menu__block:nth-of-type(1) .top-menu__heading::after {
    height: calc(145px / (var(--aspect-ratio_1-2)));
  }

  .top-menu__block:nth-of-type(2) .top-menu__heading::after {
    height: calc(145px / (var(--aspect-ratio_2-2)));
  }

  .top-menu__block:nth-of-type(3) .top-menu__heading::after {
    height: calc(145px / (var(--aspect-ratio_3-2)));
  }

  .top-menu__block:nth-of-type(1) .top-menu__heading::after {
    bottom: -32px;
    right: -13px;
  }

  .top-menu__block:nth-of-type(2) .top-menu__heading::after {
    bottom: -44px;
    left: -19px;
  }

  .top-menu__block:nth-of-type(3) .top-menu__heading::after {
    bottom: -41px;
    right: -36px;
  }

  .top-menu__block .top-menu__list {
    width: 530px;
    display: grid;
    grid-template-columns: repeat(2, calc(50% - 25px));
    justify-content: space-between;
  }

  .top-menu__block:nth-of-type(odd) .top-menu__list {
    margin-left: auto;
  }

  .top-menu__block:nth-of-type(even) .top-menu__list {
    margin-right: auto;
  }

  .top-menu__block:nth-of-type(1) .top-menu__list {
    padding: 50px 0;
  }

  .top-menu__block:nth-of-type(2) .top-menu__list {
    margin-top: 160px;
    padding: 56px 0;
  }

  .top-menu__block:nth-of-type(3) .top-menu__list {
    margin-top: 180px;
    padding: 60px 0;
  }
}

/******************************
  top item list
******************************/
@media screen and (max-width: 769px) {
  .top-items {
    margin: 0 30px 80px;
    padding-top: 36px;
  }

  .top-items .item-list {
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 770px) {
  .top-items {
    margin: 0 auto 87px;
    padding-top: 88px;
  }

  .top-items .item-list {
    margin-bottom: 39px;
  }
}

/******************************
  top category
******************************/

.top-category h2 {
  position: relative;
  padding-left: 16px;
  font-weight: 700;
}

.top-category h2::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 6px;
  height: 100%;
  background: #F6BD63;
  border-radius: 3px;
}
.top-category ul{
margin-bottom:40px;
}
.top-category li {
  border-bottom: 1px solid #CCC;
}

.top-category a {
  position: relative;
  display: block;
  padding: 15px 8px 15px 0;
  background: transparent
    url("https://gigaplus.makeshop.jp/Tableforall/images/icon_link.svg")
    center right no-repeat;
  color: #000;
}

.top-category img {
  margin-right: 15px;
}

@media screen and (max-width: 769px) {
  .top-category {
    padding: 0 30px 60px;
    border-bottom: 1px solid #DDD;
  }

  .top-category h2 {
    margin-bottom: 5px;
    line-height: calc(3.0 / 2.0);
    font-size: 2.0rem;
  }
}

@media screen and (min-width: 770px) {
  .top-category h2 {
    line-height: calc(3.6 / 2.4);
    font-size: 2.4rem;
  }

  .top-category ul {
    display: grid;
    grid-template-columns: repeat(3, 300px);
    grid-template-rows: repeat(3, min-content);
    gap: 15px 50px;
  }
}

/******************************
  other sections & common style
******************************/
@media screen and (max-width: 769px) {
  .top-reading,
  .top-recipe,
  .top-service,
  .top-event {
    padding: 52px 30px 0;
  }

  .top-reading,
  .top-recipe {
    padding-bottom: 60px;
    border-bottom: 1px solid #DDD;
  }

  .top-event {
    padding-bottom: 50px;
  }

  .page-top .post-list {
    margin-bottom: 40px;
  }

  .page-top .post-list.sp-scroll {
    margin-bottom: 24px;
  }
}

@media screen and (min-width: 770px) {
  .top-reading,
  .top-recipe,
  .top-event,
  .top-service {
    margin: 69px auto 0;
  }

  .top-category,
  .top-reading,
  .top-recipe,
  .top-event,
  .top-service {
    position: relative;
    padding-bottom: 82px;
  }

  .top-category::after,
  .top-reading::after,
  .top-recipe::after {
    content: "";
    position: absolute;
    bottom: 0;
    display: block;
    width: 200vw;
    height: 0;
    border-bottom: 1px solid #DDD;
    transform: translateX(-50vw);
  }

  .top-event {
    padding-bottom: 74px;
  }

  .page-top .post-list {
    margin-bottom: 37px;
  }
}

/******************************
  news list
******************************/
.top-news__list {
  margin-bottom: 40px;
}

.top-news__list div {
  background: #FFF;
  border-radius: 16px;
}

.top-news__list div+div {
  margin-top: 5px;
}

.top-news__list dt {
  color: #666;
}

@media screen and (max-width: 769px) {
  .top-news {
    position: relative;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 35px 0 40px;
    background-color: #F7F7F7;
  }

  .top-news+* {
    margin-top: -20px;
  }

  .top-news::before,
  .top-news::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: +1;
    display: block;
    width: 1000px;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .top-news::before {
    top: -20px;
    height: 20px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_gray_top_sp.svg");
  }

  .top-news::after {
    bottom: -20px;
    height: 20px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_gray_bottom_sp.svg");
  }

  .top-news__inner {
    margin: 0 30px -20px;
  }

  .top-news__list div {
    padding: 15px 20px 19px;
  }

  .top-news__list dt {
    font-size: 1.4rem;
  }

  .top-news__list dd {
    margin-top: 4px;
  }
}

@media screen and (min-width: 770px) {
  .top-news {
    margin: 0 auto -40px;
  }

  .top-news__inner {
    position: relative;
    box-sizing: content-box;
    margin: 40px -200%;
    padding: 32px 200% 40px;
    background: #F7F7F7;
  }

  .top-news__inner::before,
  .top-news__inner::after {
    content: "";
    position: absolute;
    z-index: +1;
    right: 0;
    left: 0;
    display: block;
    width: 2000px;
    height: 40px;
    margin: auto;
    background-color: transparent;
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
  }

  .top-news__inner::before {
    top: -40px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_gray_top_pc.png");
  }

  .top-news__inner::after {
    bottom: -40px;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_gray_bottom_pc.png");
  }

  .top-news__list div {
    display: flex;
    padding: 20px 30px 22px;
  }

  .top-news__list dd {
    margin-left: 19px;
  }
}

/******************************
  our mind
******************************/
.top-mind {
  background: #D7BF99;
  text-align: center;
}

.top-mind__logo {
  display: block;
}

.top-mind__copy {
  font-weight: 500;
}

@media screen and (max-width: 769px) {
  .top-mind {
    padding: 91px 30px calc(100vw * (567 / 1000) + 20px);
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_omoi_sp.jpg");
    background-position: bottom center;
    background-size: cover;
    background-repeat: no-repeat;
  }

  .top-mind__copy {
    font-size: 2.2rem;
  }

  .top-mind__logo {
    width: 155px;
    margin: 34px auto 31px;
  }
}

@media screen and (min-width: 770px) {
  .top-mind {
    position: relative;
    margin: 0 -200%;
    background-image: url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_omoi_pc.jpg");
    background-position: bottom center;
    background-repeat: no-repeat;
  }

  .top-mind::after {
    content: "";
    position: absolute;
    z-index: +1;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    display: block;
    width: 2000px;
    height: 40px;
    background: transparent
      url("https://gigaplus.makeshop.jp/Tableforall/images/top/bg_wave_white_bottom_pc.png")
      center no-repeat;
  }

  .top-mind__inner {
    padding: 173px 0 463px;
    margin: auto;
  }

  .top-mind__copy {
    margin: 0;
    text-align: center;
    font-size: 3.6rem;
  }

  .top-mind__logo {
    width: 210px;
    margin: 51px auto 58px;
  }
}

/******************************
    フッター
******************************/
/* レイアウト */
.site-ft {
    border-block-start: 1px solid var(--color-border-2);
}

.ft-main,
.ft-sub,
.ft-copyright {
    padding-inline: var(--page-padding);
}

.ft-copyright .__text {
    display: block;
}

@media screen and (min-width:769px) {
    .site-ft {
        min-inline-size: var(--page-width);
    }

    .ft-main,
    .ft-sub {
        inline-size: var(--page-width);
        margin-inline: auto;
    }

    .ft-copyright .__text {
        inline-size: var(--page-inner-width);
        margin-inline: auto;
    }
}

/* メイン */
.ft-banners .__list {
    display: flex;
    flex-direction: column;
}

.ft-banners .__img {
    box-shadow: 0 0 6px rgb(51 51 51 / 20%);
}

.ft-info .__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: min(20px, 5.3334vmin);
    background: var(--color-bg);
    box-shadow: 0 0 6px rgb(51 51 51 / 20%);
}

.ft-info .__title {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    font-weight: 700;
}

.ft-info .__title::before {
    content: "";
    flex: 0 0 auto;
    block-size: min(50px, 13.3334vmin);
    inline-size: min(50px, 13.3334vmin);
    background: center / contain no-repeat;
}

.ft-info .__tel .__title::before {
    background-image: url(https://gigaplus.makeshop.jp/Tableforall/2025renewal/common/icon_tel.svg);
}

.ft-info .__mail .__title::before {
    background-image: url(https://gigaplus.makeshop.jp/Tableforall/2025renewal/common/icon_mail.svg);
}

.ft-info .__tel .__dest {
    color: #D50032;
    text-align: center;
    line-height: 1;
    font-size: 0.875rem;
    font-weight: 700;
}

.ft-info .__tel .__number {
    margin-block-start: min(20px, 5.3334vmin);
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 1;
    font-weight: 700;
}

.ft-info .__tel .__num {
    font-family: "Roboto", sans-serif;
}

.ft-info .__tel .__text {
    font-size: 0.75rem;
}

.ft-info .__hours {
    font-size: 0.75rem;
}

.ft-info .__tel .__hours {
    margin-block-start: min(8px, 2.1334vmin);
}

.ft-info .__mail .__desc {
    display: flex;
    flex-direction: column;
    row-gap: min(12px, 3.2vmin);
}

.ft-info .__mail .__note {
    line-height: 1.2857;
    font-size: 0.875rem;
}

.ft-info .__mail .__btn {
    display: block;
    border-radius: 100vmax;
    background: var(--color-accent-common);
    color: var(--color-text-invert);
    text-align: center;
    line-height: 1;
    text-decoration: none;
    font-weight: 700;
}

@media screen and (max-width:768px) {
    .ft-main,
    .ft-info .__list {
        display: flex;
        flex-direction: column;
        row-gap: min(20px, 5.3334vmin);
    }

    .ft-main {
        padding-block-start: min(60px, 16vmin);
    }

    .ft-banners .__list {
        row-gap: min(20px, 5.3334vmin);
        max-inline-size: min(100%, 400px);
        margin-inline: auto;
    }

    .ft-banners .__img {
        border-radius: min(10px, 2.6667vmin);
    }

    .ft-info .__item {
        row-gap: min(15px, 4vmin);
        inline-size: 100%;
        max-inline-size: 400px;
        margin-inline: auto;
        padding: min(30px, 8vmin) min(22px, 5.8667vmin);
    }

    .ft-info .__title {
        column-gap: min(6px, 1.6vmin);
        font-size: 1rem;
    }

    .ft-info .__tel .__number {
        column-gap: min(4px, 1.0667vmin);
    }

    .ft-info .__tel .__num {
        font-size: 1.25rem;
    }

    .ft-info .__mail .__btn {
        padding: min(16px, 4.2667vmin);
        font-size: 1rem;
    }
}

@media screen and (min-width:769px) {
    .ft-main {
        display: grid;
        grid-template-columns: auto 1fr;
        column-gap: 40px;
        padding-block: 60px 40px;
    }

    .ft-banners .__list {
        row-gap: 22px;
    }

    .ft-banners .__img {
        border-radius: 8px;
    }

    .ft-info .__list {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 20px;
    }

    .ft-info .__item {
        row-gap: 30px;
        padding: 30px 60px;
    }

    .ft-info .__title {
        flex-direction: column;
        row-gap: 12px;
        font-size: 1.125rem;
    }

    .ft-info .__tel .__number {
        column-gap: 8px;
    }

    .ft-info .__tel .__num {
        font-size: 1.5rem;
    }

    .ft-info .__mail .__btn {
        padding: 12px;
        font-size: 0.75rem;
    }
}

/* サブ */
.ft-nav .__link {
    line-height: 1;
    font-size: 1.3rem;
}

@media screen and (max-width:768px) {
    .ft-sub {
        display: flex;
        flex-direction: column;
        row-gap: min(30px, 8vmin);
        padding-block: min(30px, 8vmin) min(20px, 5.3334vmin);
    }

    .ft-nav .__list {
        display: flex;
        flex-direction: column;
        row-gap: min(30px, 8vmin);
        text-align: center;
    }

    .ft-nh-logo {
        padding-block: min(20px, 5.3334vmin);
    }

    .ft-nh-logo .__img {
        margin-inline: auto;
    }
}

@media screen and (min-width:769px) {
    .ft-sub {
        display: flex;
        justify-content: space-between;
        align-items: center;
        column-gap: 40px;
    }

    .ft-sub {
        padding-block-end: 20px;
    }

    .ft-nav .__list {
        display: flex;
        align-items: center;
        column-gap: 24px;
    }
}

/* その他 */
.ft-copyright {
    background: var(--color-accent-common);
    color: var(--color-text-invert);
}

.ft-copyright .__text {
    text-align: center;
    font-size: 0.75rem;
    font-weight: 700;
}

.back-to-top {
    position: fixed;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: var(--transition-basic);
    transition-property: opacity, visibility;
}

.back-to-top.--show {
    opacity: 1;
    visibility: visible;
}

.back-to-top .__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--color-accent-common);
    color: var(--color-text-invert);
    box-shadow: 0 0 6px rgb(56 56 56 / 20%);
    font-family: "Roboto", sans-serif;
    font-size: 1rem;
    font-weight: 700;
}

.back-to-top .__link::before {
    content: "";
    flex: 0 0 auto;
    background: #FFF;
    --mask: center / contain no-repeat var(--icon-arrow);
    mask: var(--mask);
    -webkit-mask: var(--mask);
    opacity: 0.7;
    rotate: -90deg;
}

@media screen and (max-width:768px) {
    .ft-copyright {
        padding-block: min(20px, 5.3334vmin);
    }

    .back-to-top {
        inset-block-end: var(--page-padding);
        inset-inline-end: var(--page-padding);
    }

    .back-to-top .__link {
        block-size: min(60px, 16vmin);
        inline-size: min(60px, 16vmin);
    }

    .back-to-top .__link::before {
        block-size: min(16px, 4.2667vmin);
        inline-size: min(9px, 2.4vmin);
    }
}

@media screen and (min-width:769px) {
    .ft-copyright {
        padding-block: 20px;
    }

    .back-to-top {
        inset-block-end: 16px;
        inset-inline-end: 16px;
    }

    .back-to-top .__link {
        block-size: 60px;
        inline-size: 60px;
    }

    .back-to-top .__link::before {
        block-size: 16px;
        inline-size: 9px;
    }
}
.site-ft .ft-main{display: none;}