@charset "UTF-8";
/* サイト固有のコンポーネント
////////////////////////////////////////////////////////////////////////////////////////////////// */
:root {
  --bg--nature_01:
      url(/img/common/bg_img__nature_01.png)center bottom / 100% no-repeat,
      var(--col--base-03);
  --bg--nature_02:
      url(/img/common/bg_deco__nature_01_01.png)right top no-repeat,
      url(/img/common/bg_deco__nature_01_02.png)left bottom no-repeat,
      url(/img/common/bg_deco__nature_01_03.png)center bottom / 100% no-repeat,
      url(/img/common/bg_deco__nature_01_03.png)center top / 100% no-repeat,
      var(--col--base-03);
  --bg--nature_03: url(/img/common/bg_img__nature_06.png)center top / 100% no-repeat,
  var(--col--base-03);
}
@media screen and (max-width: 767px) {
  :root {
    --bg--nature_02:
        url(/img/common/bg_deco__nature_01_01.png)right top / 70vw no-repeat,
        url(/img/common/bg_deco__nature_01_02.png)left bottom / 70vw no-repeat,
        url(/img/common/bg_deco__nature_01_03.png)center bottom / 100% no-repeat,
        url(/img/common/bg_deco__nature_01_03.png)center top / 100% no-repeat,
        var(--col--base-03);
  }
}

/* layout レイアウト
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* title タイトル
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.com__ttl03_01 {
  width: fit-content;
  margin-bottom: var(--margin-60);
}
.com__ttl03_01 .ja {
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: var(--fot--Zen-Maru-Goth);
  font-size: var(--font-size-46);
  text-shadow: rgb(253, 255, 243) 4px 0px 0px, rgb(253, 255, 243) 3.87565px 0.989616px 0px, rgb(253, 255, 243) 3.51033px 1.9177px 0px, rgb(253, 255, 243) 2.92676px 2.72656px 0px, rgb(253, 255, 243) 2.16121px 3.36588px 0px, rgb(253, 255, 243) 1.26129px 3.79594px 0px, rgb(253, 255, 243) 0.282949px 3.98998px 0px, rgb(253, 255, 243) -0.712984px 3.93594px 0px, rgb(253, 255, 243) -1.66459px 3.63719px 0px, rgb(253, 255, 243) -2.51269px 3.11229px 0px, rgb(253, 255, 243) -3.20457px 2.39389px 0px, rgb(253, 255, 243) -3.69721px 1.52664px 0px, rgb(253, 255, 243) -3.95997px 0.56448px 0px, rgb(253, 255, 243) -3.97652px -0.432781px 0px, rgb(253, 255, 243) -3.74583px -1.40313px 0px, rgb(253, 255, 243) -3.28224px -2.28625px 0px, rgb(253, 255, 243) -2.61457px -3.02721px 0px, rgb(253, 255, 243) -1.78435px -3.57996px 0px, rgb(253, 255, 243) -0.843183px -3.91012px 0px, rgb(253, 255, 243) 0.150409px -3.99717px 0px, rgb(253, 255, 243) 1.13465px -3.8357px 0px, rgb(253, 255, 243) 2.04834px -3.43574px 0px, rgb(253, 255, 243) 2.83468px -2.82216px 0px, rgb(253, 255, 243) 3.44477px -2.03312px 0px, rgb(253, 255, 243) 3.84068px -1.11766px 0px, rgb(253, 255, 243) 3.9978px -0.132717px 0px;
}

.com__ttl03_02 {
  position: relative;
  z-index: 0;
  width: fit-content;
}
.com__ttl03_02 .ja {
  width: fit-content;
  display: block;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: var(--fot--Zen-Maru-Goth);
  font-size: var(--font-size-40);
  text-shadow: rgb(253, 255, 243) 4px 0px 0px, rgb(253, 255, 243) 3.87565px 0.989616px 0px, rgb(253, 255, 243) 3.51033px 1.9177px 0px, rgb(253, 255, 243) 2.92676px 2.72656px 0px, rgb(253, 255, 243) 2.16121px 3.36588px 0px, rgb(253, 255, 243) 1.26129px 3.79594px 0px, rgb(253, 255, 243) 0.282949px 3.98998px 0px, rgb(253, 255, 243) -0.712984px 3.93594px 0px, rgb(253, 255, 243) -1.66459px 3.63719px 0px, rgb(253, 255, 243) -2.51269px 3.11229px 0px, rgb(253, 255, 243) -3.20457px 2.39389px 0px, rgb(253, 255, 243) -3.69721px 1.52664px 0px, rgb(253, 255, 243) -3.95997px 0.56448px 0px, rgb(253, 255, 243) -3.97652px -0.432781px 0px, rgb(253, 255, 243) -3.74583px -1.40313px 0px, rgb(253, 255, 243) -3.28224px -2.28625px 0px, rgb(253, 255, 243) -2.61457px -3.02721px 0px, rgb(253, 255, 243) -1.78435px -3.57996px 0px, rgb(253, 255, 243) -0.843183px -3.91012px 0px, rgb(253, 255, 243) 0.150409px -3.99717px 0px, rgb(253, 255, 243) 1.13465px -3.8357px 0px, rgb(253, 255, 243) 2.04834px -3.43574px 0px, rgb(253, 255, 243) 2.83468px -2.82216px 0px, rgb(253, 255, 243) 3.44477px -2.03312px 0px, rgb(253, 255, 243) 3.84068px -1.11766px 0px, rgb(253, 255, 243) 3.9978px -0.132717px 0px;
}
@media screen and (max-width: 767px) {
  .com__ttl03_02 .ja {
    font-size: 5.5vw;
  }
}
.com__ttl03_02.ttl_deco_c_01 {
  margin: 0 auto;
}
.com__ttl03_02.ttl_deco_c_01 .ja {
  text-align: center;
  position: relative;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  .com__ttl03_02.ttl_deco_c_01 .ja {
    line-height: 1.7;
  }
}
.com__ttl03_02.ttl_deco_c_01 .ja::before {
  z-index: -1;
  content: "";
  position: absolute;
  background: url(/img/common/deco_ttl__nature_02_01.png) center center/contain no-repeat;
  width: 137px;
  height: 73px;
  left: -55px;
  bottom: -30px;
}
.com__ttl03_02.ttl_deco_c_01 .ja::after {
  z-index: -1;
  content: "";
  position: absolute;
  background: url(/img/common/deco_ttl__nature_02_02.png) center center/contain no-repeat;
  width: 137px;
  height: 73px;
  right: -55px;
  bottom: -30px;
}
@media screen and (max-width: 767px) {
  .com__ttl03_02.ttl_deco_c_01 .ja::before {
    content: "";
    position: absolute;
    width: 19vw;
    height: 11vw;
    left: -11vw;
    bottom: -3vw;
  }
  .com__ttl03_02.ttl_deco_c_01 .ja::after {
    content: "";
    position: absolute;
    width: 19vw;
    height: 11vw;
    right: -11vw;
    bottom: -3vw;
  }
}
.com__ttl03_02.ttl_deco_c_02 .ja {
  position: relative;
}
.com__ttl03_02.ttl_deco_c_02 .ja::before {
  z-index: -1;
  content: "";
  position: absolute;
  background: url(/img/common/deco_ttl__nature_03_01.png) center center/contain no-repeat;
  width: 459px;
  height: 118px;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
}
@media screen and (max-width: 767px) {
  .com__ttl03_02.ttl_deco_c_02 .ja {
    font-size: 5.5vw;
  }
  .com__ttl03_02.ttl_deco_c_02 .ja::before {
    content: "";
    position: absolute;
    width: 459px;
    height: 118px;
  }
}
.com__ttl03_02.ttl_deco_l_01 .ja::before {
  z-index: -1;
  content: "";
  position: absolute;
  background: url(/img/common/deco_ttl__nature_01_01.png) center center/contain no-repeat;
  width: 137px;
  height: 73px;
  right: -55px;
  bottom: -30px;
}
@media screen and (max-width: 767px) {
  .com__ttl03_02.ttl_deco_l_01 .ja::before {
    width: 16vw;
    height: 11vw;
    right: -8vw;
    bottom: -5vw;
  }
}

/* 共通タイトル */
#contents-u,
#contact {
  background: var(--col--base-03);
}
#contents-u .ttl01,
#contact .ttl01 {
  z-index: 0;
  position: relative;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: var(--margin-70);
}
#contents-u .ttl01 .ja,
#contact .ttl01 .ja {
  width: fit-content;
  display: block;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: var(--fot--Zen-Maru-Goth);
  font-size: var(--font-size-40);
  text-shadow: rgb(253, 255, 243) 4px 0px 0px, rgb(253, 255, 243) 3.87565px 0.989616px 0px, rgb(253, 255, 243) 3.51033px 1.9177px 0px, rgb(253, 255, 243) 2.92676px 2.72656px 0px, rgb(253, 255, 243) 2.16121px 3.36588px 0px, rgb(253, 255, 243) 1.26129px 3.79594px 0px, rgb(253, 255, 243) 0.282949px 3.98998px 0px, rgb(253, 255, 243) -0.712984px 3.93594px 0px, rgb(253, 255, 243) -1.66459px 3.63719px 0px, rgb(253, 255, 243) -2.51269px 3.11229px 0px, rgb(253, 255, 243) -3.20457px 2.39389px 0px, rgb(253, 255, 243) -3.69721px 1.52664px 0px, rgb(253, 255, 243) -3.95997px 0.56448px 0px, rgb(253, 255, 243) -3.97652px -0.432781px 0px, rgb(253, 255, 243) -3.74583px -1.40313px 0px, rgb(253, 255, 243) -3.28224px -2.28625px 0px, rgb(253, 255, 243) -2.61457px -3.02721px 0px, rgb(253, 255, 243) -1.78435px -3.57996px 0px, rgb(253, 255, 243) -0.843183px -3.91012px 0px, rgb(253, 255, 243) 0.150409px -3.99717px 0px, rgb(253, 255, 243) 1.13465px -3.8357px 0px, rgb(253, 255, 243) 2.04834px -3.43574px 0px, rgb(253, 255, 243) 2.83468px -2.82216px 0px, rgb(253, 255, 243) 3.44477px -2.03312px 0px, rgb(253, 255, 243) 3.84068px -1.11766px 0px, rgb(253, 255, 243) 3.9978px -0.132717px 0px;
}
@media screen and (max-width: 767px) {
  #contents-u .ttl01 .ja,
  #contact .ttl01 .ja {
    font-size: 5.5vw;
  }
}
#contents-u .ttl01 .ja,
#contact .ttl01 .ja {
  text-align: center;
  position: relative;
  line-height: 1.4;
}
@media screen and (max-width: 767px) {
  #contents-u .ttl01 .ja,
  #contact .ttl01 .ja {
    line-height: 1.7;
  }
}
#contents-u .ttl01 .ja::before,
#contact .ttl01 .ja::before {
  z-index: -1;
  content: "";
  position: absolute;
  background: url(/img/common/deco_ttl__nature_02_01.png) center center/contain no-repeat;
  width: 137px;
  height: 73px;
  left: -70px;
  bottom: -20px;
}
#contents-u .ttl01 .ja::after,
#contact .ttl01 .ja::after {
  z-index: -1;
  content: "";
  position: absolute;
  background: url(/img/common/deco_ttl__nature_02_02.png) center center/contain no-repeat;
  width: 137px;
  height: 73px;
  right: -70px;
  bottom: -20px;
}
@media screen and (max-width: 767px) {
  #contents-u .ttl01 .ja::before,
  #contact .ttl01 .ja::before {
    content: "";
    position: absolute;
    width: 19vw;
    height: 11vw;
    left: -11vw;
    bottom: -3vw;
  }
  #contents-u .ttl01 .ja::after,
  #contact .ttl01 .ja::after {
    content: "";
    position: absolute;
    width: 19vw;
    height: 11vw;
    right: -11vw;
    bottom: -3vw;
  }
}
#contents-u .ttl01 .en,
#contact .ttl01 .en {
  margin: 0 auto;
  display: none;
}

/* text テキスト
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* list リスト
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* table テーブル
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.com__table_01 {
  width: 100%;
}
.com__table_01 tr {
  width: 100%;
}
.com__table_01 tr th,
.com__table_01 tr td {
  font-size: var(--font-size-16);
  padding: 20px 30px;
  border-bottom: 1px solid var(--col--base-02);
}
.com__table_01 tr th {
  text-align: center;
  vertical-align: middle;
  width: 250px;
  background: var(--col--main-01);
  color: #fff;
}
.com__table_01 tr td {
  background: #fff;
}
.com__table_01 tr td .tel-attention {
  display: block;
  padding-block: 10px;
}
.com__table_01 tr:first-child th {
  border-radius: 20px 0 0 0;
}
.com__table_01 tr:first-child td {
  border-radius: 0 20px 0 0;
}
.com__table_01 tr:last-child th {
  border-radius: 0 0 0 20px;
}
.com__table_01 tr:last-child td {
  border-radius: 0 0 20px 0;
}
@media screen and (max-width: 767px) {
  .com__table_01 tr {
    width: 100%;
  }
  .com__table_01 tr th,
  .com__table_01 tr td {
    font-size: var(--font-size-16);
    padding: 6vw 3vw;
    border-bottom: 1px solid var(--col--base-02);
    font-size: 3.6vw;
  }
  .com__table_01 tr th {
    text-align: center;
    vertical-align: middle;
    width: 25vw;
    background: var(--col--main-01);
    color: #fff;
  }
  .com__table_01 tr td {
    background: #fff;
  }
  .com__table_01 tr td .tel-attention {
    display: block;
    padding-block: 2vw;
  }
  .com__table_01 tr:first-child th {
    border-radius: 3vw 0 0 0;
  }
  .com__table_01 tr:first-child td {
    border-radius: 0 3vw 0 0;
  }
  .com__table_01 tr:last-child th {
    border-radius: 0 0 0 3vw;
  }
  .com__table_01 tr:last-child td {
    border-radius: 0 0 3vw 0;
  }
}

/* tel 電話番号
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.com__tel {
  position: relative;
  width: fit-content;
}
.com__tel .tel-num {
  position: relative;
  width: fit-content;
  font-family: var(--fot--Zen-Maru-Goth);
  letter-spacing: 0.05em;
  font-weight: 500;
  color: var(--col--main-01);
  padding-left: 35px;
}
.com__tel .tel-num::before {
  content: "";
  position: absolute;
  background: url(/img/common/icon__tel__01_01.png) center center/contain no-repeat;
  width: 18px;
  height: 30px;
  top: 55%;
  left: 0;
  translate: 0 -50%;
}
.com__tel .tel-attention {
  display: block;
  position: relative;
  width: fit-content;
  height: var(--font-size-14);
}
.com__tel.col__r .tel-num {
  color: #fff;
}
.com__tel.col__r .tel-num::before {
  filter: var(--col--fil-white);
}
.com__tel.col__r .tel-attention {
  filter: var(--col--fil-white);
}
@media screen and (max-width: 767px) {
  .com__tel {
    --font-size: 7vw;
  }
  .com__tel .tel-num {
    padding-left: 7.2vw;
  }
  .com__tel .tel-num::before {
    width: 6vw;
    height: 6vw;
  }
  .com__tel .tel-attention {
    height: 3vw;
  }
}

/* times 営業時間・定休日
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.com__times-item {
  position: relative;
  width: fit-content;
}
.com__times dt {
  position: relative;
  width: fit-content;
}
.com__times dd {
  position: relative;
  width: fit-content;
}
.com__times.col__r dt,
.com__times.col__r dd {
  color: #fff;
}
@media screen and (max-width: 767px) {
  .com__times {
    --font-size: 3.6vw;
    --font-size-dt: 3.6vw;
    --color-dt: 3.6vw;
    --gap: 3vw;
    --gap-item: 2vw;
  }
}

/* btn ボタンの設計 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.com__btn_01 {
  --color: var(--col--txt-01);
  --background: var(--col--main-01);
  --width: 200px;
  --height: 60px;
  z-index: 0;
  position: relative;
  width: var(--width);
  height: var(--height);
  color: var(--color);
  background: var(--background);
  border: 1px solid var(--background);
  transition: ease 0.2s;
  font-family: var(--fot--Zen-Maru-Goth);
  font-size: var(--font-size-16);
  font-weight: 500;
  border-radius: 30px;
}
.com__btn_01 span {
  width: fit-content;
  transition: ease 0.2s;
}
@media screen and (max-width: 767px) {
  .com__btn_01 {
    width: 95%;
    height: 12vw;
    font-size: 3.9vw;
    margin: 0 auto;
    border-radius: 10vw;
  }
}
.com__btn_01.com__btn_blue {
  --color: #fff;
  --background: var(--col--main-01);
}
.com__btn_01.com__btn_blue:hover {
  background: var(--color);
  color: var(--background);
}
.com__btn_01.com__btn_blue.com__btn_arrow::before {
  content: "";
  position: absolute;
  transition: ease 0.2s;
  background: url(/img/common/icon__arrow__01_01.png) center center/contain no-repeat;
  width: 24px;
  height: 24px;
  left: 20px;
  top: 50%;
  translate: 0 -50%;
  filter: var(--col--fil-white);
}
@media screen and (max-width: 767px) {
  .com__btn_01.com__btn_blue.com__btn_arrow::before {
    width: 5vw;
    height: 5vw;
  }
}
.com__btn_01.com__btn_blue.com__btn_arrow:hover::before {
  filter: var(--col--main-01-f);
}
.com__btn_01.com__btn_white {
  --color: var(--col--main-01);
  --background: #fff;
  border: 1px solid #fff;
}
.com__btn_01.com__btn_white:hover {
  border: 1px solid var(--col--main-01);
  opacity: 0.8;
}
.com__btn_01.com__btn_white.com__btn_arrow::before {
  content: "";
  position: absolute;
  transition: ease 0.2s;
  background: url(/img/common/icon__arrow__01_01.png) center center/contain no-repeat;
  width: 24px;
  height: 24px;
  left: 20px;
  top: 50%;
  translate: 0 -50%;
  filter: var(--col--fil-white);
}
.com__btn_01.com__btn_white.com__btn_arrow:hover::before {
  filter: var(--col--main-01-f);
}

/* layout 共通レイアウト
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.lay__txt_img {
  --column-gap: 0px;
  --row-gap: 0px;
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
  display: grid;
  grid-template: "text img" auto/1fr max-content;
}
.lay__txt_img > .item-text {
  grid-area: text;
}
.lay__txt_img > .item-img {
  grid-area: img;
}
.lay__txt_img.lay__r {
  grid-template: "img text" auto/max-content 1fr;
}
.lay__txt_img.lay__t {
  align-items: start;
}
.lay__txt_img.lay__c {
  align-items: center;
}
.lay__txt_img.lay__b {
  align-items: end;
}
.lay__txt_img.lay__rp:nth-of-type(even) {
  grid-template: "img text" auto/max-content 1fr;
}
.lay__txt_img.lay__r.lay__rp:nth-of-type(even) {
  grid-template: "text img" auto/1fr max-content;
}
@media screen and (max-width: 767px) {
  .lay__txt_img {
    grid-template: "img" auto "text" auto/1fr;
  }
  .lay__txt_img:is(.lay__r, .lay__rp) {
    grid-template: "img" auto "text" auto/1fr;
  }
  .lay__txt_img > .item-text {
    grid-area: text;
  }
  .lay__txt_img > .item-img {
    grid-area: img;
    width: 100%;
  }
}

.lay__ttl_img_txt {
  --column-gap: 0px;
  --row-gap: 0px;
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
  display: grid;
  grid-template: "img ttl" min-content "img text" auto/max-content 1fr;
  align-items: end;
}
.lay__ttl_img_txt > .item-ttl {
  grid-area: ttl;
}
.lay__ttl_img_txt > .item-img {
  grid-area: img;
}
.lay__ttl_img_txt > .item-text {
  grid-area: text;
}
.lay__ttl_img_txt.lay__t {
  grid-template: "img ttl" min-content "img text" 1fr/max-content 1fr;
}
.lay__ttl_img_txt.lay__t > .item-text {
  align-self: start;
}
.lay__ttl_img_txt.lay__t.lay__r, .lay__ttl_img_txt.lay__t.lay__rp:nth-of-type(even) {
  grid-template: "ttl img" min-content "text img" 1fr/1fr max-content;
}
.lay__ttl_img_txt.lay__c {
  align-items: center;
  grid-template: "img ttl" auto "img text" auto/max-content 1fr;
}
.lay__ttl_img_txt.lay__c > .item-ttl {
  align-self: end;
}
.lay__ttl_img_txt.lay__c > .item-text {
  align-self: start;
}
.lay__ttl_img_txt.lay__c.lay__r, .lay__ttl_img_txt.lay__c.lay__rp:nth-of-type(even) {
  grid-template: "ttl img" auto "text img" auto/1fr max-content;
}
.lay__ttl_img_txt.lay__b {
  grid-template: "img ttl" 1fr "img text" min-content/max-content 1fr;
}
.lay__ttl_img_txt.lay__b > .item-ttl {
  align-self: end;
}
.lay__ttl_img_txt.lay__b.lay__r, .lay__ttl_img_txt.lay__b.lay__rp:nth-of-type(even) {
  grid-template: "ttl img" 1fr "text img" min-content/1fr max-content;
}
.lay__ttl_img_txt.lay__rp:nth-of-type(even) {
  grid-template: "ttl img" auto "text img" auto/1fr max-content;
}
.lay__ttl_img_txt.lay__r.lay__rp:nth-of-type(even) {
  grid-template: "img ttl" "img text"/max-content 1fr;
}
@media screen and (max-width: 767px) {
  .lay__ttl_img_txt {
    grid-template: "ttl" auto "img" auto "text" auto/1fr;
  }
  .lay__ttl_img_txt:is(.lay__r, .lay__rp, .lay__t, .lay__c, .lay__b, .lay__r.lay__t, .lay__r.lay__c, .lay__r.lay__b) {
    grid-template: "ttl" auto "img" auto "text" auto/1fr;
  }
}

.lay__list {
  --column-gap: 10px;
  --row-gap: 10px;
  --num: 2;
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--column-gap);
  row-gap: var(--row-gap);
  display: flex;
  flex-wrap: wrap;
}
.lay__list > * {
  width: calc((100% - (var(--num) - 1) * var(--column-gap)) / var(--num));
}
.lay__list.lay__t {
  justify-content: start;
}
.lay__list.lay__c {
  justify-content: center;
}
.lay__list.lay__b {
  justify-content: end;
}

/* SNSアイコン制御
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.com__instagram {
  --size: 29px;
  display: block;
  width: fit-content;
  height: fit-content;
  transition: ease 0.25s;
}
.com__instagram img {
  width: var(--size);
  height: var(--size);
  min-width: 29px;
  min-height: 29px;
  max-width: 60px;
  max-height: 60px;
  aspect-ratio: 1;
}
.com__instagram:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .com__instagram {
    min-width: 8vw;
    min-height: 8vw;
  }
}

.com__line {
  --size: 29px;
  display: block;
  width: fit-content;
  height: fit-content;
  transition: ease 0.25s;
}
.com__line img {
  width: var(--size);
  height: var(--size);
  min-width: 29px;
  min-height: 29px;
  max-width: 60px;
  max-height: 60px;
  aspect-ratio: 1;
}
.com__line:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .com__line {
    min-width: 8vw;
    min-height: 8vw;
  }
}

.com__facebook {
  --size: 29px;
  display: block;
  width: fit-content;
  height: fit-content;
  transition: ease 0.25s;
}
.com__facebook img {
  width: var(--size);
  height: var(--size);
  min-width: 29px;
  min-height: 29px;
  max-width: 60px;
  max-height: 60px;
  aspect-ratio: 1;
}
.com__facebook:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .com__facebook {
    min-width: 8vw;
    min-height: 8vw;
  }
}

.com__x {
  --size: 29px;
  display: block;
  width: fit-content;
  height: fit-content;
  transition: ease 0.25s;
}
.com__x img {
  width: var(--size);
  height: var(--size);
  min-width: 29px;
  min-height: 29px;
  max-width: 60px;
  max-height: 60px;
  aspect-ratio: 1;
}
.com__x:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .com__x {
    min-width: 8vw;
    min-height: 8vw;
  }
}

/*　パンくずの構成 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#bread-clumb {
  z-index: 3;
  width: 100%;
  position: absolute;
  min-width: 1280px;
  margin: 0 auto;
  padding: 20px 0 20px;
}
#bread-clumb .inner {
  padding: 0;
}
#bread-clumb li {
  position: relative;
  color: var(--col--txt-01);
  font-size: 14px;
  float: left;
  font-weight: 400;
  margin-right: 30px;
}
#bread-clumb li:after {
  content: ">";
  position: absolute;
  display: block;
  right: -20px;
  top: 0;
}
#bread-clumb li:last-child {
  margin-right: 0;
}
#bread-clumb li:last-child:after {
  display: none;
}
#bread-clumb li a {
  color: var(--col--main-01);
}
@media screen and (max-width: 767px) {
  #bread-clumb {
    display: none;
  }
}

/* スワイプ用メッセージ swipe scroll
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.swipe_mess {
  position: relative;
  font-size: 3.8vw;
  width: fit-content;
  margin: 0 auto;
  padding-left: 6vw;
}
.swipe_mess::before {
  content: "";
  position: absolute;
  background: url(../img/common/swipe_note.png) center center/contain no-repeat;
  width: 4vw;
  height: 4vw;
  left: 0vw;
  top: 0vw;
}

/*ページネーション
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
ul.pagenation,
ul.pagenation li,
ul.pagenation li a {
  line-height: 1;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -ms-flexbox;
  -js-display: flex;
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}

ul.pagenation {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 30px;
}
ul.pagenation li a {
  width: 45px;
  height: 45px;
  font-size: 17px;
}
ul.pagenation li.current {
  width: 45px;
  height: 45px;
  font-size: 20px;
  line-height: 1;
  box-sizing: border-box;
}

ul.pagenation li a {
  color: #38322d;
}
ul.pagenation li.current {
  color: #fff;
  background: var(--col--main-01);
}

@media screen and (max-width: 767px) {
  ul.pagenation,
  ul.pagenation li,
  ul.pagenation li a {
    line-height: 1;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: -ms-flexbox;
    -js-display: flex;
    -webkit-align-items: center;
    align-items: center;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
  }
  ul.pagenation {
    margin: 10% 0;
    text-align: center;
  }
  ul.pagenation li a {
    width: 10vw;
    height: 10vw;
    font-size: 4.5vw;
  }
  ul.pagenation li.current {
    width: 10vw;
    height: 10vw;
    font-size: 5vw;
    line-height: 1;
    box-sizing: border-box;
  }
}
/*ページボタン
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
.page-btn .left a:before {
  border-right: solid var(--col--main-01) 5px;
}
.page-btn .right a:before {
  border-left: solid var(--col--main-01) 5px;
}

.page-btn {
  position: relative;
  margin-top: 30px;
}
.page-btn a {
  position: relative;
  font-weight: bold;
  font-size: var(--font-size-13);
}
.page-btn .text-c {
  text-align: center;
}
.page-btn .right,
.page-btn .left {
  position: absolute;
}
.page-btn .right a:before,
.page-btn .left a:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  width: 5px;
  height: 5px;
  margin-top: -5px;
  box-sizing: border-box;
}
.page-btn .left {
  left: 0;
}
.page-btn .left a {
  position: relative;
  padding-left: 20px;
}
.page-btn .left a:before {
  left: 0;
  border: solid 5px transparent;
}
.page-btn .right {
  right: 0;
}
.page-btn .right a {
  position: relative;
  padding-right: 20px;
}
.page-btn .right a:before {
  right: 0;
  border: solid 5px transparent;
}

@media screen and (max-width: 767px) {
  .page-btn {
    position: relative;
    margin-top: 10%;
  }
  .page-btn a {
    font-size: 3vw;
    position: relative;
    font-weight: bold;
  }
  .page-btn .right,
  .page-btn .left {
    position: absolute;
  }
  .page-btn .right a:before,
  .page-btn .left a:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    width: 5px;
    height: 5px;
    margin-top: -5px;
    box-sizing: border-box;
  }
  .page-btn .left {
    left: 0;
  }
  .page-btn .left a {
    position: relative;
    padding-left: 5vw;
  }
  .page-btn .left a:before {
    left: 0;
    border: solid 2vw transparent;
  }
  .page-btn .right {
    right: 0;
  }
  .page-btn .right a {
    position: relative;
    padding-right: 5vw;
  }
  .page-btn .right a:before {
    right: 0;
    border: solid 2vw transparent;
  }
}/*# sourceMappingURL=component.css.map */