/* ------------------------------------------------------------------
- 共通
------------------------------------------------------------------ */
:root {
  --primaryColor: #DFB2A8;
  --accentColor: #C06651;
  --secondaryFont: "Zen Kaku Gothic New", sans-serif;
}

/* ------------------------------------------------------------------
- Layout
------------------------------------------------------------------ */
body {
  width: 100%;
  font-family: "Zen Old Mincho", serif;
  font-weight: 400;
  line-height: 2.3666;
  color: #000000;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
}
/* @media screen and (min-width: 981px) {
  body{
    min-width:960px;
  }
}
@media screen and (max-width: 980px) {
  body{
    min-width:320px;
  }
} */
#l-contents__wrapper{
  position: relative;
}
.l-header {
  width: 100%;
  top: 0;
  right: 0;
  z-index: 888;
}
.l-footer{
  width: 100%;
  bottom: 0;
  right: 0;
}

svg {
  overflow: visible;
}

/* ------------------------------------------------------------------
- Common
------------------------------------------------------------------ */
.c-nav__link {
    position: relative;
    display: inline-block;
    line-height: 0;
}
.c-nav__link.-inn {
  width: 1.2416471449487554vw;
}

.c-nav__link.-food {
  width: 1.171303074670571vw;
}

.c-nav__link.-life {
  width: 1.13698243045388vw;
}

.c-nav__link.-qanda {
  width: 1.0519106881405564vw;
}
.c-nav__link::after {
  visibility: hidden;
  position: absolute;
  content: '';
  right: -5px;
  width: 1px;
  height: 100%;
  background-color: #fff;
}
.c-ctaBtn {
  display: flex;
  justify-content: center;
  width: 30px;
  height: 82px;
  align-items: center;
  writing-mode: vertical-rl;
  font-size: 16px;
  letter-spacing: -0, 02;
  border-radius: 2px;
    background-color: #fff;
  border: 1px solid #505050;
}

/* .c-ctaBtn.-access {
  background-color: #fff;
  border: 1px solid #505050;
} */

.c-ctaBtn.-booking{
  background-color: #000;
  color: #fff;
}



@media screen and (min-width: 961px) {
  .c-nav__link:hover svg{
    filter: invert(100%) sepia(1%) saturate(0%) hue-rotate(267deg) brightness(111%) contrast(100%);
  }
  .c-nav__link:hover:after {
    visibility: visible;
  }
  .c-ctaBtn:hover {
    background-color: var(--accentColor);
    border: none;
    color: #fff;
    transition: all 0.3s;
  }
  
  .c-ctaBtn.-booking:hover {
    background-color: var(--accentColor);
    transition: all 0.3s;
  }
}
@media screen and (max-width: 960px) {
   .c-nav__link::after{
    display: none;
   }
   .c-nav__link.-inn{
    width: 16.9609px;
   }
   .c-nav__link.-food{
    width: 15.8096px;
   }
   .c-nav__link.-life{
    width: 15.251px;
   }
   .c-nav__link.-qanda{
    width: 14.3691px;
   }
}


p.c-nomal__text{
  font-size: 1.125rem;
}

p.medium{
  font-size: 0.9375rem;
  font-weight: 500;
}

p.small{
  font-family: var(--secondaryFont);
  font-size:1rem;
}

p.small.-medium{
  font-family: var(--secondaryFont);
  font-size:0.8125rem;
  font-weight: 500;
}

p.small.-light{
  font-family: var(--secondaryFont);
  font-size:0.8125rem;
  font-weight: lighter;
}

span.c-qanda__small-text{
  font-family: var(--secondaryFont);
  font-size:0.8125rem;
  font-weight: lighter;
}

.c-access__small-text{
  font-family: var(--secondaryFont);
  font-size:0.8125rem;
  font-weight: lighter;
}

dt{
  font-weight: normal;
}

th{
  font-weight: normal;
}


/* 改行 */

br.sp{
  display: none;
}

br.pc{
  display: block;
}

/* ------------------------------------------------------------------
- Utility
------------------------------------------------------------------ */

.u-visuallyHidden {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}

/* ------------------------------------------------------------------
- Project
------------------------------------------------------------------ */
/* - loading
  ------------------------------------------------------------------ */
  .l-loading__wrapper {
    width: 100vw;
    height: 100vh;
    background-color: #fff;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    opacity: 1;
    transition: opacity 0.5s ease-out;
  }
  
  .l-loading__wrapper.fade-out {
    opacity: 0; /* フェードアウト時に透明になる */
    transition: opacity 0.5s ease-out;
  }
  
  .remove-scrolling {
    height: 100%; 
    overflow: hidden; 
  }

  .l-loading__wrapper img{
    width: 100%;
    max-width: 230px;
    margin-right: 5px;
  }

/* - header
  ------------------------------------------------------------------ */
.p-header {
  position: fixed;
  width: 100%;
  height: 100svh;
  right: 0;
  display: flex;
  flex-direction: column;
  padding: 47px 14px 35px 0px;
  transition: all 0.2s 0s ease;
}
.p-header__wrapper{
  position: relative;
}
.p-header__inner {
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1.063rem, -0.119rem + 1.38vw, 1.594rem);
  flex: 1;
}

.p-globalNav {
  display: flex;
  flex-direction: row-reverse;
  align-items: flex-start;
  gap: clamp(1.688rem, -0.19rem + 2.2vw, 2.531rem);
}

.p-header__logoLink {
  display: block;
}

.p-header__logo.-hero {
  display: inline-block;
  width: clamp(5.696rem, -0.611rem + 7.39vw, 8.531rem);
  margin-right:10px;
}

.p-header__logo.-content {
  display: none;
}

.p-globalNav__item {
  position: relative;
  min-width: 14px;
  line-height: 0;
}

.p-globalNav__link.-inn {
  width: 1.2416471449487554vw;
}

.p-globalNav__link.-food {
  width: 1.171303074670571vw;
}

.p-globalNav__link.-life {
  width: 1.13698243045388vw;
}

.p-globalNav__link.-qanda {
  width: 1.0519106881405564vw;
}

.p-headerBtn__item img {
  width: 20px;
}

.menu_white svg{
  filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(157deg) brightness(108%) contrast(101%)
}
/* .p-header.hidden{
  visibility: hidden;
  right: -100%;
} */

/*-------header下---------*/

.p-header__btn {
  /* position: absolute; */
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
  /* right: 30px;
  bottom: 35px; */
  margin-top: auto;
  width: 60px;
  margin-left: auto;
  flex-shrink: 0;
}

.p-headerBtn__list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.p-headerCta__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.p-globalBtn__link.-access{
  margin-bottom: 8px;
}
.p-globalBtn__link.-contact{
  margin-bottom: 13px;
  height: 106px;
}

.p-globalBtn__sns {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
}

.p-globalBtn__sns.-insta {
  width: 20px;
  vertical-align: bottom;
  filter: invert(100%) sepia(0%) saturate(7490%) hue-rotate(344deg) brightness(98%) contrast(102%);
  margin-bottom: 13px;
}
.p-globalBtn__sns.-line {
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  background: url(../img/icon_line.svg) no-repeat left top / cover content-box;
}
.p-hamburger{
  display: none;
}
.p-hamburger__ctaList {
  display: none;
}
.p-hamburger__sns{
  display: none
}
.p-hamburger__ctaList{
  display: none
}

/*-------FV下までスクロール後---------*/
/*-------header上---------*/
.p-header.is-scroll {
  align-items: center;
  width: 100%;
  max-width: 90px;
  height: 100svh;
  padding: 25px 14px 35px;
  background-color: #fff;
}
/* .p-header.is-scroll.visible{
  transition: all 0.5s 0s ease;
  opacity: 1;
} */
.p-header.hidden{
  visibility: hidden;
  transition: all 0.5s 0s ease;
  opacity: 0;
}

.p-header.is-scroll .p-header__inner {
  flex-direction: column;
  align-items: center;
  gap: clamp(0.625rem, -0.579rem + 2.51vw, 1.563rem);
}

.p-header.is-scroll .p-header__logo.-hero {
  display: none;
}

.p-header.is-scroll .p-header__logo.-content {
  display: inline-block;
  width: clamp(2.5rem, 0.654rem + 3.85vw, 3.938rem);
  margin-left: 3px;
}

.p-header.is-scroll .p-header__nav {
  margin-block: auto;
}

.p-header.is-scroll .p-globalNav {
  flex-direction: column;
  align-items: flex-start;
  gap: clamp(0.625rem, -0.338rem + 2.01vw, 1.375rem);
}

.p-header.is-scroll .p-globalNav__item {
  min-width: 10px;
}

.p-header.is-scroll .p-globalNav__link svg,
.p-header.is-scroll .menu_white svg {
  filter: invert(87%) sepia(0%) saturate(1%) hue-rotate(71deg) brightness(93%) contrast(96%);
}

.p-header.is-scroll .menu_white .p-globalNav__link::after {
  background-color: #231815;
}

.p-header.is-scroll .p-globalNav__link.is-active::after {
  visibility: visible;
  position: absolute;
  content: '';
  right: -5px;
  width: 1px;
  height: 100%;
  background-color: #231815;
}

.p-header.is-scroll .p-globalNav__link.-inn {
  width: clamp(0.625rem, 0.464rem + 0.33vw, 0.75rem);
}

.p-header.is-scroll .p-globalNav__link.-food {
  width: clamp(0.563rem, 0.362rem + 0.42vw, 0.719rem);
}

.p-header.is-scroll .p-globalNav__link.-life {
  width: clamp(0.563rem, 0.402rem + 0.33vw, 0.688rem);
}

.p-header.is-scroll .p-globalNav__link.-qanda {
  width: clamp(0.563rem, 0.442rem + 0.25vw, 0.656rem);
}

/*-------header下---------*/

.p-header.is-scroll .p-header__btn {
  margin-right: 0;
}

/* .p-globalBtn__link{
  font-size: clamp(0.75rem, 0.429rem + 0.5vw, 1rem);
  width: clamp(1.5rem, 1.018rem + 1vw, 1.875rem);
  height: clamp(3.875rem, 2.27rem + 3.34vw, 5.125rem);
}*/
.p-globalBtn__sns.-insta.is-scroll {
  filter: invert(87%) sepia(0%) saturate(1%) hue-rotate(71deg) brightness(93%) contrast(96%);
}
.p-globalBtn__sns.-line.is-scroll{
  background-image: url(../img/icon_lineGray.svg);
}

/*-------ホバーアクション---------*/
@media screen and (min-width: 961px) {
.menu_white .p-globalNav__link:hover:after {
  background-color: #000;
}
.menu_white .p-globalNav__link:hover svg{
  filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(178deg) brightness(96%) contrast(104%);
}
.p-globalBtn__sns img:hover {
  filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(178deg) brightness(96%) contrast(104%);
}
.p-header.is-scroll .p-globalNav__link svg:hover,
.p-header.is-scroll .p-globalNav__link.is-active svg {
  filter: invert(9%) sepia(12%) saturate(1384%) hue-rotate(326deg) brightness(98%) contrast(96%);
}
.p-globalBtn__sns.p-globalBtn__sns.-insta:hover, .p-header.is-scroll .p-globalBtn__sns.p-globalBtn__sns.-insta:hover {
  filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(178deg) brightness(96%) contrast(104%);;
}
.p-globalBtn__sns.-line:hover, .p-header.is-scroll .p-globalBtn__sns.-line:hover{
  background-image: url(../img/icon_lineBlack.svg);
}
.p-header.is-hidden{
  display: none;
}
}
/*-------FVロゴ携帯---------*/
@media screen and (max-width: 960px){
  .p-header__logo.-hero {
    width: 18.71794871794872vw;
  }
}
/*-------FVロゴ縦短いPC---------*/
@media screen and (max-height: 705px){
  .p-header__logo.-hero {
    width: clamp(5.696rem, -0.611rem + 7.39vw, 8.531rem);
  }
}
/*-------ハンバーガー---------*/
@media screen and (max-width: 960px),screen and (max-height: 740px){
  .p-header {
    padding: 18px 14px 0 18px;

  }
  @keyframes fadeOutNav {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

  .p-header__inner {
    justify-content: space-between;
  }

  .p-hamburger {
    position: relative;
    display: block;
    width: 40px;
    height: 30px;
    z-index: 9999;
  }

  .p-hamburger__line.-before,
  .p-hamburger__line.-after {
    position: absolute;
    inset: 0;
    background-color: #231815;
    transition: 0.3s;
  }

  .p-hamburger__line.-before {
    top: 0;
    left: 0;
    width: 40px;
    height: 2px;
  }

  .p-hamburger__line.-after {
    top: 10px;
    left: 0;
    width: 30px;
    height: 1px;
  }

  .menu_white .p-hamburger__line.-before,
  .menu_white .p-hamburger__line.-after {
    background-color: #fff;
  }
  

  .is-active .p-hamburger {
    height: 35px;
  }

  .is-active .p-hamburger__line.-before,
  .is-active .p-hamburger__line.-after {
    top: 18px;
    width: 35px;
    background-color: #231815;
  }

  .is-active .p-hamburger__line.-before {
    transform: rotate(45deg);
  }

  .is-active .p-hamburger__line.-after {
    transform: rotate(-45deg);
  }

  /*-------ハンバーガー中身---------*/
  .p-header__nav {
    display: none;
  }

  .is-active .p-header__nav {
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    transition: 0.3s;
    z-index: 999;
  }
  .is-active .p-hamburger__inner {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    top: 50%;
    left: 50%; 
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    gap: 48px;
  }

  .is-active .p-globalNav, .is-active .p-header.is-scroll .p-globalNav {
    display: flex;
    flex-direction: row-reverse;
    gap: 34px;
  }

  .is-active .menu_white svg,.is-active .p-header.is-scroll .p-globalNav__link svg,.is-active .p-header.is-scroll .p-header.is-scroll .menu_white svg{
    filter: invert(3%) sepia(7%) saturate(276%) hue-rotate(316deg) brightness(90%) contrast(83%);
  }

  .p-globalNav__link::after {
   display: none;
  }
  .p-globalNav__link::after:hover {
    display: none;
   }
 .is-active .p-header.is-scroll .p-globalNav__link{
    width: 19px;
   }
   .is-active .p-header .p-globalNav__link.-inn {
    width:20.5px;
  }
  
   .is-active .p-header .p-globalNav__link.-food {
    width: 19px;
  }
  
   .is-active .p-header .p-globalNav__link.-life {
    width:18.5px;
  }
  
   .is-active .p-header .p-globalNav__link.-qanda {
    width: 17.5px;
  }  
   .is-active .p-hamburger__ctaList {
    display: flex;
    gap: 17px;
  }
  .is-active .p-globalBtn__link,.is-active .p-header.is-scroll .p-globalBtn__link{
    writing-mode: vertical-rl;
    font-size: 22px;
    width: 47px;
    height: 150px;
    max-height: 12.813rem;
    border-radius: 3px;
    
  }
  .is-active .p-hamburger__sns{
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 43px;
  }
  .is-active .p-hamburger__sns::before{
    position: absolute;
    content: '';
    top: 0;
    height: 1px;
    width: 69.23076923076923vw;
    left: calc(50% - 34.6153846154vw);
    background-color: #000000;
  }
  .is-active .p-hamburger__sns img{
    margin-top: 40px;
    width: 43px;
  }

  /*-------SPの時header下---------*/

  .p-header__btn {
    position: absolute;
    top: 49px;
    left: 0;
    right: auto;
    bottom: auto;
    gap: 8px;
  }
  .p-globalBtn__link.-access{
    margin-bottom: 0;
  }
  .p-globalBtn__link.-contact{
    margin-bottom: 0;
  }
  .p-globalBtn__sns.-line {
    background-image: url(../img/icon_lineGray.svg);
  }
  .p-globalBtn__sns.-insta{
    filter: invert(89%) sepia(2%) saturate(5%) hue-rotate(355deg) brightness(91%) contrast(89%);
    margin-bottom: 0;
  }
  .p-header__btn.menu_white .p-globalBtn__sns.-insta{
    filter: invert(100%) sepia(0%) saturate(7490%) hue-rotate(344deg) brightness(98%) contrast(102%);
  }
  .p-header__btn.menu_white .p-globalBtn__sns.-line{
    background-image: url(../img/icon_line.svg);
  }

  /*-------FV下までスクロール後---------*/
  /*-------ハンバーガー---------*/
  .p-header.is-scroll {
    flex-direction: row;
    justify-content: space-between;
    max-width: 100%;
    height: 50px;
    padding: 18px 12px 10.5px 18px; 
    background-color: #fff;
    animation: fadeInNav 0.7s cubic-bezier(0.33, 1, 0.68, 1) forwards;
  }
  @keyframes fadeInNav {
    0% {
      opacity: 0;
    }
  
    100% {
      opacity: 1;
    }
  }
  .p-header.is-scroll .p-header__logo.-content {
    display: none;
  }

  .p-header.is-scroll .p-header__inner {
    flex-direction: row;
    align-items: flex-start;
    gap: 0;
  }
  .p-header.is-scroll  .p-hamburger{
    margin-top: 5.5px;
  }

  /*-------SPの時header下---------*/

  .p-header.is-scroll .p-header__btn {
    flex-direction: row;
    justify-content: end;
    bottom: auto;
    top: 50%;
    right:12px;
    left: auto;
    transform: translateY(-50%);
  }
  .p-header.is-scroll .p-headerBtn__list {
    flex-direction: row;
  }
  .p-header.is-scroll .p-headerCta__list {
    flex-direction: row;
  }

  .p-header.is-scroll .p-globalBtn__sns {
    display: none;
  }

  .p-header.is-scroll .p-globalBtn__link {
    width: 85px;
    height: 27px;
    writing-mode: horizontal-tb;
    font-size: 13px;
    padding-bottom: 1px;
    flex-shrink: 0;
  }

  .p-header.is-scroll .p-hamburger__line.-before,
  .p-header.is-scroll .p-hamburger__line.-after {
    background-color: #231815;
  }
}

/* - hero
  ------------------------------------------------------------------ */
.p-heroSlick__list li img {
  width: 100vw;
  height: 100svh;
  object-fit: cover;
}

.p-heroSlick__dots {
  margin-top: -40px;
  padding: 0;
  text-align: center;
}

.p-heroSlick__dots li {
  display: inline-block;
  margin: 0 5px;
}

.p-heroSlick__dots button {
  position: absolute;
  color: transparent;
  width: 6px;
  height: 6px;
  display: block;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  border: none;
}

.p-heroSlick__dots .slick-active button {
  background: #fff;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}







/* ------------------------------------------------------------------
スクロールロゴ（原田）
------------------------------------------------------------------ */


.c-scloll__gif{
  margin-top: 102px;
  display: block;
  margin: 0 auto;
  width: 9.52vw;
  max-width: 70px;
}



/* ------------------------------------------------------------------
- スマホ追従（原田）
------------------------------------------------------------------ */

h2.c-sp__title{
  display: none;
}


/* ------------------------------------------------------------------
- Project（原田）
------------------------------------------------------------------ */

.p-vertical{
  writing-mode: vertical-rl;
}

.p-introduction{
  width: 100%;
  height: 8.21%;
  position: relative;
  padding-block: 9.43396226415% 42.45%;
  margin-inline: auto;
}



.p-copy{
display: flex;
justify-content: center;
margin-top: 6%;
}

.copy__text{
  white-space: nowrap;
}

.p-copy p{
  writing-mode: vertical-rl;
  font-size: 1.125rem;;
  line-height: 2.611;
}

/* ランダム写真その１ */

@media screen and (min-width: 768px) {
  .p-introduction{
    width: 100%;
    height: 8.21%;
    position: relative;
    padding-block: 9.43396226415% 42.45%;
    margin-inline: auto;
  }

  .p-randomimg__wrap .intro01{
    width: 17.5vw;
    position: absolute;
    top: 19.161206409%;
    right: 10.6149341142%;
  }
  
  .p-randomimg__wrap .intro02{
    width: 26.35vw;
    position: absolute;
    bottom: 13.55%;
    left: 5.85651537335%;
  }
  
  .p-randomimg__wrap .intro03{
    width: 15.23vw;
    position: absolute;
    bottom: 7.17%;
    right: 18.5944363104%;
  }
  
  .p-randomimg__wrap .intro04{
    width: 20.28vw;
    position: absolute;
    bottom: 0;
    left: 14.8609077599%;
  }
  
}

.p-concept{
  width: 100%;
  height: 9.74%;
  padding-block: 9.38% 0;
}

.p-concept img{
  width: 49.05vw;
  display: block;
  margin-inline: auto;
}

.p-concept__text{
  margin-top: 6.52vw;
  display: flex;
  justify-content: center;
}

.-concept{
  font-size: 1.125rem;
  line-height: 2.611;
  letter-spacing: 0.05em;
  font-weight: 500;
}

/* ランダム写真その２ */

@media screen and (min-width: 768px) {
  .p-img__wrap01{
    width: 100%;
    height: 9.51%;
    padding-block: 6.51% 82.9%;
    position: relative;
    margin-inline: auto;
  }

  .p-randomimg__wrap02{

  }
  
  .p-randomimg__wrap02 .intro06{
    width: 23.79vw;
    position: absolute;
    top: -2.2%;
    right: 12.88%;

  }
  
  .p-randomimg__wrap02 .intro07{
    width: 18.74vw;
    position: absolute;
    top: 16.45%;
    left: 14.79%;
  }
  
  .p-randomimg__wrap02 .intro08{
    width: 20.28vw;
    position: absolute;
    top: 48.7%;
    right: 7.32%;
  }
  
  .p-randomimg__wrap02 .intro09{
    width: 34.41vw;
    position: absolute;
    top: 59.53%;
    left: 24.67%;
    z-index: 2;
  }

  .p-randomimg__wrap02 .intro10{
    width: 25.99vw;
    position: absolute;
    bottom: 3%;
    left: 10.03%;
  }
  
}

/* とりやの由来 */

.p-yurai{
  width: 100%;
  height: 7.54%;
  padding-block: 27.21% 52.67%;
  position: relative;
}

.p-yurai__img{
  width: 23.43vw;
  position: absolute;
  top: 0;
  right: 18.3%;
}


.p-yurai__text{
  display: flex;
  justify-content: center;
  align-items: end;
}

.-yurai{
  color: var(--accentColor);
  font-size: 1.125rem;;
  padding-right: 3.95%;
  font-weight: bold;
  white-space: nowrap;
}

.p-yurai .p-view{
  position: absolute;
  top: 62.42%;
}


/* ランダム写真その3 */

@media screen and (min-width: 768px) {
  .p-img__wrap02{
    width: 100%;
    height: 10.08%;
    position: relative;
    padding-block: 0 78.26%;
  }
  
  .p-randomimg__wrap03 .inn1{
    position: absolute;
    width: 30.16vw;
    top: 2.06%;
    right: 8.86%;
  }
  .p-randomimg__wrap03 .inn2{
    position: absolute;
    width: 20.28vw;
    top: 10.99%;
    left: 10.32%;
  }
  .p-randomimg__wrap03 .inn3{
    position: absolute;
    width: 25.99vw;
    top: 43.28%;
    left: 15.3%;
  }
  .p-randomimg__wrap03 .inn4{
    position: absolute;
    width: 15.15vw;
    top: 58.59%;
    right: 17.06%;
  }
  .p-randomimg__wrap03 .inn5{
    position: absolute;
    width: 20.28vw;
    top: 82.63%;
    right: 27.23%;
  }
}

/* 一日一組の宿　詳細 */
.p-inn_one-sp{
  display: none;
}

.p-inn_one{
  display: flex;
  padding-block: 5.82%;
  margin-left: calc(204vw / 13.66);
}

.p-inn__wrap{
  padding-top: 5.24%;
}

h2.inn__title{
  width: 2.93%;
  margin-right: calc(81vw / 13.66);

}


.inn__img{
  width: 52.71vw;
}

.p-inn_text{
  margin-top: 8.67%;
  padding-left: 3.66%;
}


/* 間取り */

.p-floor__img{
  display: block;
  width: 77.16vw;
  margin: 0 auto;
  padding-block: 0 18.31%;
}

/* スライダー */

.slick-wrap{
  padding: 0 16.98%;
  position: relative;
}
#slick01 img{
  width: 100%;
  height: 43.19vw;
  object-fit: contain;
}
.slick-counter {
  position: absolute;
  bottom: -2.0625rem;
  right: 0;
  color: var(--accentColor);
  font-size: 0.9375rem;
  line-height: 1;
}
.slick-textList{
  position: relative;
  width: 100%;
}
.slick-textItem{
  position: absolute;
  transform: translateX(50%);
  right: 50%;
  opacity: 0;
  text-align: center;
  color: var(--accentColor);
  padding-top: 1.125rem;
  font-size: 0.9375rem;
  line-height: 1;
  transition: all .3s ease;
}
.slick-textBox.js-slickText-1 .slick-textList .slick-textItem.-text01{
  opacity: 1;
}
.slick-textBox.js-slickText-2 .slick-textList .slick-textItem.-text02{
  opacity: 1;
}
.slick-textBox.js-slickText-3 .slick-textList .slick-textItem.-text03{
  opacity: 1;
}
.slick-textBox.js-slickText-4 .slick-textList .slick-textItem.-text04{
  opacity: 1;
}
.slick-textBox.js-slickText-5 .slick-textList .slick-textItem.-text05{
  opacity: 1;
}
.slick-textBox.js-slickText-6 .slick-textList .slick-textItem.-text06{
  opacity: 1;
}
.slick-textBox.js-slickText-7 .slick-textList .slick-textItem.-text07{
  opacity: 1;
}
.slick-textBox.js-slickText-8 .slick-textList .slick-textItem.-text08{
  opacity: 1;
}
.slick-textBox.js-slickText-9 .slick-textList .slick-textItem.-text09{
  opacity: 1;
}
.slick-textBox.js-slickText-10 .slick-textList .slick-textItem.-text10{
  opacity: 1;
}
.arrows {
  width: 65.89%;
  margin: 0 auto;
  height: 23px;
  position: absolute;
  bottom: 0;
}

.arrows .slick-prev{
  left: -9.52%;
}
.arrows .slick-next {
  right: -9.52%;
}
.slick-prev:before,.slick-next:before {
  content: "";
  background: no-repeat center center / cover content-box;
  width: 54px;
  height: 23px;
  position: absolute;
}
.slick-prev:before {
  background-image: url(../img/arrows_left.svg);
  left: 0;
  }
.slick-next:before {
background-image: url(../img/arrows_right.svg);
right: 0;
}


/* 設備・アメニティ */

.p-equipment{
  height: 7.62%;
  display: flex;
  gap: calc(70vw / 13.66);
  flex-wrap: wrap;
  padding-block: 17.38% 16.86%;
  margin-left: calc(187vw / 13.66);
}

.c-equipment__card{
  width: calc((438vw / 13.66));
  display: flex;
}

.-equipment{
  font-size: 1.875rem;
  color: var(--accentColor);
}

.c-equipment__item{
  width: 28.77vw;
}

.c-equipment__item img{
  margin-bottom: calc(23vw / 13.66);
}

.c-equipment__item p.small.-medium{
  line-height: 1.635;
}

/* 施設の詳細 */

.p-inn__detail{
  width: 100%;
  height: 5.21%;
}

.detail__item.-overview{
  display: flex;
  gap: 50px;
}

.detail_text-box{
  display: flex;
  flex-direction: column;
}
/* .detail_text-box p{
  line-height: 1.5;
} */

.c-detail__wrap {
  display: flex;
  flex-wrap: wrap;
  padding: 0 17.06%;
}

.c-detail__wrap:not(:last-child)::after {
  content: "";
  display: block;
  flex-basis: 100%; 
  height: 1px; 
  background-color: #B5B5B6; 
  margin-top: calc(27vw / 13.66);
}

.c-detail__wrap:not(:first-of-type) {
  margin-top:calc(29vw / 13.66);
}

dt.detail_title{
  width: 100%;
  max-width: 90px;
  color: var(--accentColor);
  margin-right: 3.81%;
  line-height: 2;
}

span.dot{
  display: none;
}

dd.detail_item{
  max-width: 80%;
}

dd.detail_item.-right:not(:last-child){
  margin-right: 3.81%;
}

.p-price__text{
  margin-bottom: 20px;
}

table.c-price {
  table-layout: fixed;
  width: 100%; 
}

.c-price.-top_ma{
  margin-top: calc(17vw / 13.66);
}

table.c-price:last-of-type{
  margin-top: 2.67%;
}

.c-price th:first-child,
.c-price td:first-child {
  width: 30%;
  white-space: normal;
}

.c-price .p-day th:first-child,
.c-price .p-day td:first-child{
  width: 50%;
}

table.c-price th, 
table.c-price td {
  border: #B5B5B6 solid 1px;
  padding: 20px 10px;
  text-align: center;
  vertical-align: middle;
  line-height: 1.2em;
}

table.c-price th {
  background-color: var(--primaryColor);
  font-size: 0.8125rem;
  border-right: 1px solid white; 
  line-height: 1.5;
}

table.c-price .p-gray__bg{
  background-color: #dbdbdb;
}

table.c-price th.th_ir{
  padding: 10px 10px;
}

table.c-price th:last-child {
  border-right: #B5B5B6 solid 1px; 
}

span.c-price__text-small{
  font-size:0.8125rem;
}

table.c-price td p{
  display: inline-block;
}



dl.c-detail__wrap p.small.-light{
  line-height: 1.75;
  margin-top: 20px;
}

p.small.-light.-right{
  text-align: right;
  margin-left: auto;
  margin-top: initial !important;
}

/* SP料金表非表示 */
table.c-price__sp{
  display: none;
}

/* とりやのご飯 */
.p-food__wrap{
  width: 100%;
  padding-block: 18.65% 9.74%;
}

/* ランダム写真その４*/
@media screen and (min-width: 768px) {
  .p-img__wrap03{
    width: 100%;
    height: 10.8%;
    position: relative;
    padding-block: 85% 0;
  }
  
  .p-randomimg__wrap04 .food1{
    position: absolute;
    width: 30.97vw;
    top: 3.53%;
    right: 11.57%;
  }
  .p-randomimg__wrap04 .food2{
    position: absolute;
    width: 18.3vw;
    top: 18.36%;
    left: 17.28%;
  }
  .p-randomimg__wrap04 .food3{
    position: absolute;
    width: 20.28vw;
    top: 45.1%;
    right: 29.65%;
  }
  .p-randomimg__wrap04 .food4{
    position: absolute;
    width: 30.97vw;
    top: 60.11%;
    right: 5.86%;
  }
  .p-randomimg__wrap04 .food5{
    position: absolute;
    width: 34.41vw;
    left: 9.37%;
    bottom: 0;
  }


}

@media screen and (max-width: 767px){
  .p-price__text{
  margin-bottom: 0;
}

}
/* とりやのご飯 詳細 */

.p-food__detail-sp{
  display: none;
}

.p-food__detail{
  height: 11.45%;
  padding-block: 11.59% 0;
  display: flex;
  margin-left: calc(204vw / 13.66);
}

h2.food_title{
  width: 2.93%;
  margin-right: calc(83vw / 13.66);
}

.p-food{
  padding-top: 4.09%;
}

.p-food_img{
  width: 52.71vw;
}

.p-food_text{
  margin-top: 9.08%;
  padding-left: 3.66%;
}

/* 夕ご飯 */
.p-dinner{
  display: flex;
  height: 6.53%;
  padding-block: 12.59% 0;
  margin-left: calc(288vw / 13.66);
}

.c-subtitle_img{
  width: 3.07vw;
  margin-right: calc(41vw / 13.66);
}

.food_item{
  padding-top: 2.32%;
}

.c-food__img{
  width: 49.05vw;
  display: flex;
  flex-wrap: wrap;
  row-gap: 20px;
}

.c-food__text{
  text-align: center;
  margin-top: 5.79%;
}

.c-food__text p.medium{
  line-height: 2.7;
}

/* 朝ごはん */
.p-morning{
  display: flex;
  margin-left: calc(288vw / 13.66);
  padding-block: 12.59% 9%;
}

.p-explanation{
display: block;
margin-left:calc(372vw / 13.66);
max-width: 48.83%;

}

.p-explanation p.medium{
  line-height: 1.75;
}

.p-explanation p.medium.-explanation__kids{
  border: #000 solid 1px;
  padding-left: 0.438em;
  line-height: 1.5;
  display: inline-block;
}

.p-explanation p.medium.-explanation__text{
  margin-top: 5%;
}

.p-cook__profile{
  display: block;
  margin-top: 5.14%;
  margin-left:calc(372vw / 13.66);
  width:calc(670vw / 13.66);
  padding: 3%;
  background-color: var(--primaryColor);
}

h4.p-cook__name{
  font-family: var(--secondaryFont);
  font-weight: bold ;
}

.p-cook__profile p.small{
  line-height: 1.97;
}


/* ランダム写真その5 */
@media screen and (min-width: 768px) {
  .p-img__wrap04{
    width: 100%;
    height: 9.87%;
    position: relative;
    padding-block: 0 72%;
  }
  
  .p-randomimg__wrap05 .life1{
    position: absolute;
    width: 14.64vw;
    top: 1.92%;
    left: 20.57%;
  }
  .p-randomimg__wrap05 .life2{
    position: absolute;
    width: 13.18vw;
    top: 15.14%;
    right: 10.32%;
    z-index: 99;
  }
  .p-randomimg__wrap05 .life3{
    position: absolute;
    width: 34.41vw;
    top: 33.37%;
    right: 12.15%;
  }
  .p-randomimg__wrap05 .life4{
    position: absolute;
    width: 25.99vw;
    top: 57.46%;
    left: 10.32%;
  }
  .p-randomimg__wrap05 .life5{
    position: absolute;
    width: 20.28vw;
    top: 80.81%;
    left: 23.5%;
  }
}

/* とりやの暮らし　詳細 */
.p-life_wrap{
  height: 8.19%;
  padding-block: 11.82% 4.45%;
  display: flex;
  margin-left: calc(204vw / 13.66);
}

h2.life_title{
  width: 2.93vw;
  margin-right: calc(114vw / 13.66);
}

.life_instagram{
  color: var(--accentColor);

  margin-left: calc(357vw / 13.66);
  padding-block: 0 6.57%;
  display: inline-block;
}


.p-life__img{
  width: 65.89vw;
  display: block;
  margin: 0 auto;
}

.life_instagram a{
  display: flex;
  vertical-align: baseline;
  text-align: center;
  align-items: baseline;
  border-bottom: 1px solid var(--accentColor);
  line-height: 1em;
}

.insta-icon_mini{
  display: flex;
  text-align: center;
  width: 11px;
  height: 11px;
  align-items: center;
  position: relative;
}

.life_instagram a:hover{
  opacity: 0.8;
}

.icon_color{
  width: 11px;
  filter: invert(43%) sepia(85%) saturate(351%) hue-rotate(325deg) brightness(91%) contrast(87%);
}

/* Q&A */

.p-qanda{
  width: 100%;
  height: 20.2%;
  padding-block: 8.59% 5.31%;
  position: relative;
}

/* .p-qanda::after{
  content: "";
  position: absolute;
  display: block;
  width: 65.89%;
  border: solid 1px #B5B5B6;
  margin-left: 50%;
  transform: translateX(-50%);
  bottom: 0;
} */

.p-qanda__title{
  color: var(--accentColor);
  font-size: 1.875rem;
  line-height: 1;
  letter-spacing: 0.25em;
}


.p-qanda__item-wrap{
  display: flex;
  gap: 6.73%;
  margin-top: 4.64%;
  margin-left: calc(234vw / 13.66);

}

.p-qanda_text{
  margin-right: 16.54%;
}

.c-qanda__item{
  margin-bottom: 2.99%;
}

.c-qanda__item-q{
  display: flex;
}

.c-qanda__item-a{
  display: flex;
  padding-right: 10%;
}

dt.c-qanda__questiom,dt.c-qanda__answer{
  color: var(--accentColor);
}

dt.c-qanda__questiom::after,dt.c-qanda__answer::after{
  content: "：";
}

dt.c-qanda__questiom,dt.c-qanda__answer,dd.c-qanda__questiom-text,dd.c-qanda__answer-text{
  line-height: 1.857;
}


/* アクセス */

.p-access{
  height: 4.61%;
  padding-block: 7.8% 9.84%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-left: calc(234vw / 13.66);
  position: relative;
  column-gap: 43px;
}

.p-access__wrap{
  display: flex;
  flex-direction: column;
}

p.p-access__title{
  color: var(--accentColor);
  margin-right: 5.27%;
  font-size: 1.875rem;
  /* font-size: 1.25rem; */
  font-weight: 500;
  line-height: 1;
}

.p-map{
  /* position: absolute; */
  width: 27.75vw;
  /* top: 0; */
  /* left: 43.27%; */
}

.p-access__text p{
  line-height: 1.857;

}

.p-access__text p.address{
  /* margin-top: 2.45%; */
  margin-top: 3.35%;
}

.p-access__text a{
  border-bottom: 1px solid var(--accentColor);
  color: var(--accentColor);
}

.p-access__text a:hover{
  opacity: 0.8;
}

.c-access__transportation{
  /* margin-top: 3.4%; */
  margin-top: 6.81%;
}

.c-access__transportation.-car{
  margin-top: 7.37%;
}

p.vehicle{
  border: solid 1px #000000;
  padding: 2%;
  display: inline-block;
  padding: 0 0.438em;
  line-height: 1.5;
}






/* ------------------------------------------------------------------
スマホ（原田）
------------------------------------------------------------------ */
@media screen and (max-width: 767px) {
  /* スマホフォントサイズ */
  p.c-nomal__text{
    font-size: 0.875rem;
  }
  
  p.medium{
    font-size:0.875rem;
    line-height: 2.071;
  }
  
  p.small{
    font-size:0.8125rem;
  }

  
  p.small.-light{
    font-size: 0.75rem;
  }


  p.p-vertical{
    writing-mode: horizontal-tb;
  }

  /* スマホスクロールgif */

  .c-scloll__gif{
    width: 12.31vw;

  }

  .c-scloll__gif.-topgif{
    margin: 0 auto 10%;
  }

  /* スマホ改行 */
  br.sp{
    display: block;
  }

  br.pc{
    display: none;
  }


  /* スマホ非表示 */
  .-sp{
    display: none;
  }

/* イントロ */

  .p-introduction{
    padding-block: 125px;
  }

  .p-copy p{
    font-size: 3.73vw;
  }

  /* ランダム写真その1 */

  .p-randomimg__wrap{
    width: 100%;
    margin-top: calc(77vw / 3.9);
    display: flex;
    flex-direction: column;
    align-items: center;
  }


  .p-randomimg__wrap .intro01{
    width: 49.49vw;
    position: relative;
    margin-left: auto;
    right: calc(50vw / 3.9);
  }
  
  .p-randomimg__wrap .intro02{
    width: 60.51vw;
    position: relative;
    top: calc(37vw / 3.9);
    margin-right: auto;
  }
  
  .p-randomimg__wrap .intro03{
    width: 34.87vw;
    position: relative;
    top: calc(64vw / 3.9);
    margin-left: auto;

  }
  
  .p-randomimg__wrap .intro04{
    width: 46.41vw;
    position: relative;
    top: calc(15vw / 3.9);
    margin-right: auto;
    left: calc(100vw / 3.9);
  }

  .p-concept img{
    width: 100vw;
  }
  .-concept{
    padding: 5%;
    font-size: 3.73vw;
  }

  /* ランダム写真その2 */
  .p-randomimg__wrap02{
    width: 100%;
    margin-top: calc(57vw / 3.9);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-block: 0 24.5%;
  }

  .p-randomimg__wrap02 .intro06{
    width: 53.33vw;
    position: relative;
    margin-left: auto;
    right: calc(31vw / 3.9);
  }
  
  .p-randomimg__wrap02 .intro07{
    width: 31.79vw;
    position: relative;
    top: calc(-80vw / 3.9);
    margin-right: auto;
  }
  
  .p-randomimg__wrap02 .intro08{
    width: 45.38vw;
    position: relative;
    top: calc(350vw / 3.9);
    margin-right: auto;
    left: calc(57vw / 3.9);
  }
  
  .p-randomimg__wrap02 .intro09{
    width: 76.92vw;
    position: relative;
    top: calc(-120vw / 3.9);
    margin-right: auto;
    left: calc(24vw / 3.9);
  }

  .p-randomimg__wrap02 .intro10{
    width: 46.41vw;
    position: relative;
    top: calc(-135vw / 3.9);
    margin-left: auto;
    right: calc(25vw / 3.9);
  }


  /* とりやの由来 */

  .p-yurai{
    width: 100%;
    height: 5.86%;
    padding-block: 43.99% 30.09%;
  }

  .p-yurai__img{
    width: 58.72vw;
    right: 15.9%;
  }
  .p-yurai__text{
    padding: 3% 0;
    width: calc(100% - 15.64%);
    margin: 0 auto;
  }

  .p-yurai__text{
    display: block;
  }


  .p-yurai .p-view{
    top: 80%;
  }


  /* スマホ追従 */

  .p-inn h2.c-sp__title{
    display: block;
    writing-mode: vertical-lr;
    position: sticky;
    top: 50%; 
    right: 0; 
    transform: translateY(-50%);
    z-index: 10;
    font-size: 3.2vw;
    left: 91vw;
  }
  h2.c-sp__title::after {
    content: ''; 
    display: block;
    position: absolute;
    top: 0;
    right: 0; 
    width: 1px; 
    height: 100%; 
    background-color: #000;
  }

  /* 一日一組の宿 */

  .p-inn{
    height: 9.78%;
    padding-block: 25% 10.19%;
  }

  /* ランダム写真その3 */

  .p-randomimg__wrap03{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  
  .p-randomimg__wrap03 .inn1{
    position: relative;
    width: 67.44vw;
    margin-left: auto;
  }
  .p-randomimg__wrap03 .inn2{
    position: relative;
    width: 45.38vw;
    top: calc(242vw / 3.9);
    margin-right: auto;
  }
  .p-randomimg__wrap03 .inn3{
    position: relative;
    width: 58.21vw;
    top: calc(-24vw / 3.9);
    margin-right: auto;
    left: calc(49vw / 3.9);
  }
  .p-randomimg__wrap03 .inn4{
    position: relative;
    width: 33.85vw;
    top: calc(20vw / 3.9);
    margin-left: auto;
    z-index: 2;
  }
  .p-randomimg__wrap03 .inn5{
    position: relative;
    width: 45.38vw;
    margin-left: auto;
    right: calc(89vw / 3.9);
    top: calc(10vw / 3.9);
  }

  /* 一日一組の宿 詳細*/

  .p-inn_one{
    display: none;
  }

  .p-inn_one-sp{
    display: block;
    margin-top: 11.24%;
  }


  .inn__img{
    display: block;
    margin: 0 auto;
    width: 100vw;
  }

  h2.inn__title{
    width: 42.05vw;
    margin-bottom: 5.39%;
  }

  .p-inn__wrap{
    padding:  5.24% 8.72% 0;
  }


  /* 間取り */
  .p-floor__img{
    margin-top: 9%;
    width: 100%;
    height: 78.91vw;
  }

  /* スライダー */
  .slick-wrap{
    padding: 0;
  }
  #slick01 img{
    height: 65.71vw;
  }
  .slick-textItem{
    width: 40%;
    left: 50%;
    transform: translateX(-50%);
    text-align: left;
    font-size: 0.875rem;
    padding-top: 1.25rem;
  }
  .slick-counter{
    width: 40%;
    left: 50%;
    transform: translateX(-50%);
    text-align: end;
    font-size: 0.625rem;
  }
  .arrows{
    height: 14px;
    bottom: -10.5%;
    left: 50%;
    transform: translateX(-50%);
    width: 79.49%;
  }
  .slick-arrow{
    width: 27px;
    height: 14px;
  }
  .slick-prev:before,.slick-next:before {
    width: 27px;
    height: 14px;
  }
  .arrows .slick-prev{
    left: 0;
  }
  .arrows .slick-next {
    right: 0;
  }


  /* 設備・アメニティ */
  .p-equipment{
    display: block;
    padding: 0 15.13% 0 7.44%;
    margin: 0 auto;
  }

  .c-equipment__card{
    width: 100%;
    justify-content: center;
    margin-top: 24.62%;
  }

  .p-vertical.-equipment{
  font-size: 1.125rem;
    margin-right: 2.82vw;
  }
  
  .c-equipment__item{
    width: 69.23vw;
  }

  /* 施設概要 */
  .p-inn__detail{
    height: 10.61%;
    padding: 0 7.44%;
    padding-block: 9.66%;
  }

  .p-inn__detail{
    width: 100%;
    height: 5.21%;
  }

  dt.detail_title{
    max-width: 100%;
  }

  span.dot{
    display: inline-block;
  }

  .c-detail__wrap:not(:last-child)::after{
    margin-top: calc(16.67vw / 3.9);
  }

  .c-detail__wrap:not(:first-of-type){
    margin-top: calc(16.67vw / 3.9);
  }
  
  .detail__item.-overview{
    display: flex;
    gap: 0;
    flex-direction: column;
    font-size: 0.75rem;
  }

  .detail_text-box{
    display: flex;
    flex-direction: row;
    gap: 15px;
  }

  .detail_text-box.-column{
    flex-direction:column;
    gap: 0;
  }

  .c-detail__wrap{
    display: block;
    padding: 0;
  }

  .detail_item {
    font-size: 0.75rem;
  }

  .detail_text-box p{
    font-size: 0.875rem;
    /* line-height: 2.231; */
  }

  /* SP料金表 */

  table.c-price{
    display: none;
  }

  p.small.-light.-right{
    margin-right: 10%;
    font-size: 0.5625rem;
    margin-top: -5%;
    margin-bottom:3%;
  }

table.c-price__sp {
  display: table;
  max-width: 80%;
  width: 100%;
  font-size: 0.875rem;
  margin: 3% auto 2%;
  transform: none; 
  table-layout: fixed;
}
table.c-price__sp.-second__table {
  margin-top: 35px;
}


  dd.detail_item{
    max-width: 100%;
    font-size: 0.875rem;
  }

  .c-price__sp td, .c-price__sp th {
    white-space: nowrap; 
    text-align: center;
    width: 100%;
  }

  .c-price__sp th{
    border: solid 1px #B5B5B6;
    background-color: var(--primaryColor);
  }

  .c-price__sp .p-gray__bg{
  background-color: #dbdbdb;
  }

  .c-price__sp td{
    border: solid 1px #B5B5B6;
    padding: 4% 5%;
    min-width: 35vw;
    vertical-align: middle;
    line-height: 1;
  }

  /* td.td_right > span{
    width: 100%;
    display: flex;
    justify-content: center;
  }

  td.td_right > span > span{
    width: 60px;
    display: flex;
    justify-content: flex-end;
  } */

  .c-price__sp td.td_price > span{
    display: flex;
    justify-content: flex-start;
    width: 90%;
    margin-inline: auto;
  }

  .c-price__sp td.td_price .c-price__text-small + span{
    display: inline-block;
    margin-left: auto;
  }

  table.c-price__sp td.td_ir{
    padding: 2%;
  }


  /* とりやのご飯 */
  .p-food__wrap{
    padding-block: 0;
  }

  /* スマホ追従 */
  .p-food__wrap h2.c-sp__title{
    display: block;
    writing-mode: vertical-lr;
    position: sticky;
    top: 50%; 
    right: 0; 
    transform: translateY(-50%); 
    z-index: 10;
    font-size: 3.2vw;
    left: 91vw;
  }


  /* ランダム写真その4 */

  .p-img__wrap03{
    padding-block: 0 18.25%;
  }
  .p-randomimg__wrap04{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .p-randomimg__wrap04 .food1{
    position: relative;
    width: 62.31vw;
    margin-left: auto;
    right: calc(43vw / 3.9);
  }

  .p-randomimg__wrap04 .food2{
    position: relative;
    width: 41.03vw;
    top: calc(55vw / 3.9);
    margin-right: auto;
  }

  .p-randomimg__wrap04 .food3{
    position: relative;
    width: 45.38vw;
    top: calc(25vw / 3.9);
    margin-left: auto;
    right: calc(85vw / 3.9);;
  }

  .p-randomimg__wrap04 .food4{
    position: relative;
    width: 69.23vw;
    top: calc(51vw / 3.9);
    margin-left: auto;
  }



  /* とりやのご飯 スマホ*/
  .p-food__detail{
    display: none;
  }

  .p-food__detail-sp{
    display: block;
    width: 100%;
    height: 10.74%;
    padding-block: 5.14% 0;
    left: 100vw;
}

.p-food_img{
  width: 100vw;
  margin-left: auto;
}

.p-food{
  margin-top: 4.89%;
  padding: 0  15.13%  0 5.48%;

}

h2.food_title{
  width: 48.46vw;
  margin-left: 3.5%;
}

/* 夕ごはん */

.p-dinner{
  display: block;
  padding-block: 14.49% 0;
  margin:  0 auto;
}

.c-subtitle_img{
  width: 61.54vw;
  margin-left: 7.18%;
}


.c-food__img{
  width: 84.62vw;
  margin: 0 auto;
  row-gap: 5px;
}

.c-food__text{
  text-align: left;
  width: calc(100% - 15.38%);
  margin: 5.79% auto 0;
}

.c-food__text p.medium{
  line-height: 1.857;
}


.p-dinner  p.small.-light{
  font-size: 0.75rem;
}

/* 朝ごはん */
.p-morning{
  display: block;
  margin:  0 auto;
  padding-block: 9%;
}


.p-explanation{
  padding: 0 7.69%;
  max-width: 100%;
  margin-left: 0;
}

.p-cook__profile{
  width: 84.1vw;
  margin: 5.14% auto;
  padding: 1% 3% 3%;
}

.p-cook__profile p.small{
  line-height: 1.7;
}

.p-morning p.small.-light{
  font-size: 0.75rem;
  line-height: 1.75;
}

.p-explanation p.medium{
  line-height: 1.857;
}

.p-cook__profile{
  border: solid 1px var(--primaryColor);
  background-color: #ffffff;
}


/* とりやの暮らし */
.p-life{
  width: 100%;
  height: 10.98%;
  padding-block: 6.01% 0;
}

  /* スマホ追従 */
  .p-life h2.c-sp__title{
    display: block;
    writing-mode: vertical-lr;
    position: sticky;
    top: 50%; 
    right: 0; 
    transform: translateY(-50%); 
    z-index: 10;
    font-size: 3.2vw;
    left: 91vw;
  }


/* ランダム写真その5 */

.p-img__wrap04{
  margin-top: -10%;
}

.p-randomimg__wrap05{
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.p-randomimg__wrap05 .life1{
  position: relative;
  width: 40.51vw;
  margin-right: auto;
  left: calc(30vw / 3.9);
}

.p-randomimg__wrap05 .life2{
  position: relative;
  width: 36.67vw;
  top: calc(-47vw / 3.9);
  margin-left: auto;
  z-index: 2;
}

.p-randomimg__wrap05 .life3{
  position: relative;
  width: 68.72vw;
  top: calc(-57vw / 3.9);
  margin-left: auto;
  right: calc(27vw / 3.9);
}

.p-randomimg__wrap05 .life4{
  position: relative;
  width: 72.05vw;
  top: calc(-12vw / 3.9);
  margin-right: auto;

}

.p-randomimg__wrap05 .life5{
  position: relative;
  width: 56.15vw;
  top: calc(-27vw / 3.9);
  margin-left: auto;
  right: calc(27vw / 3.9);
}


/* とりやの暮らし　詳細 */
.p-life_wrap{
  display: block;
  margin: 0 8.46%;
}

h2.life_title{
  width: 45.64vw;
  margin: -10% 0 10%;
}


.life_instagram{
  margin-left: 8.46%;
  font-size: 0.75rem;
}


p.sns_text{
  font-size: 0.75rem;
}

.p-life__img{
  width: 100vw;
}

/* Q&A */


  /* スマホ追従 */
  .p-qanda h2.c-sp__title{
    display: block;
    writing-mode: vertical-lr;
    position: sticky;
    top: 50%; 
    right: 0; 
    transform: translateY(-50%); 
    z-index: 10;
    font-size: 3.2vw;
    left: 91vw;
    text-orientation: upright;
  }

/* .p-qanda::after{
  width: 83.85%;
} */

.p-qanda__item-wrap{
  flex-direction: column;
  margin: 5.94% auto;
}

.p-qanda__title{
  text-align: center;
  font-size: 1.25rem;
  margin-bottom: 5%;
}

.c-qanda__item{
  /* margin-bottom: 3.5%; */
  margin-bottom: 5.25%;
}

.p-qanda_text{
  margin: 0 6.15% 0 7.69%;
  font-size:0.875rem;
  /* line-height: 2.071; */
}

.c-qanda__item-a{
  padding-right: 0;
}

dd.c-qanda__answer-text span.c-qanda__small-text{
  /* font-size:0.875rem;
  line-height: 2.071; */
  font-size: 0.75rem;
  line-height: 1.75;
  display: block;
}

/* アクセス */
.p-access{
  display: flex;
  flex-direction: column-reverse;
  /* margin-left: 0; */
  padding-block: 5.8% 20.8%;
  margin: 0 auto;
}

.p-access p.p-access__title{
  /* text-align: center; */
  font-size: 1.3125rem;
  margin-bottom: 5%;
  order: 1;
  /* width: calc(100% - 7.95%); */
  margin: -5% 6.15% 0 7.69%;
}

p.vehicle{
  padding: 0 0.357em;
}

.p-access__text{
display: flex;
justify-content: center;
font-size: 0.875rem;
order: 2;
flex-direction: column;
/* width: calc(100% - 7.95%); */
margin: 0 6.15% 0 7.69%;
}

.c-access__transportation{
  margin-top: 3.45%;
}

.p-map{
  position: relative;
  width: 100vw;
  /* top: calc(25vw / 3.9); */
  left: 0;
  order: 0;
}

span.c-access__small-text{
  font-size: 0.6875rem;
}



}


/* タブレット */

@media (min-width: 768px) and (max-width: 900px) {

  /* ランダム写真その1 */
  .p-randomimg__wrap .intro02{
    bottom: 10.55%;
  }

  /* ランダム写真その2 */
  .p-randomimg__wrap02 .intro10{
    bottom: 5%;
  }


  /* 一日一組の宿 */
  .p-inn__detail{
    font-size: 0.75rem;
  }

  .detail__item.-overview{
    gap: 20px;

  }

  dt.detail_title{
    max-width: 100%;
    display: flex;
  }

  dd.detail_item{
    max-width: 100%;
  }

  br.pc.-tablet{
    display: none;
  }

  span.dot{
    display: block;
  }


  table.c-price th, table.c-price td{
    font-size: 0.7rem;
  }

  span.c-price__text-small{
    font-size: 0.5125rem;
  }

  /* 夕ご飯 */

  .p-dinner{
    padding-block: 10.27% 0;
  }

  /* 朝ごはん */  
  .p-morning{
    padding-block: 10.67% 9%;
  }

  /* とりやの暮らし */
  .p-life_wrap{
    margin-left: 6.5%;
  }

  .life_instagram{
    margin-left: 19%;
  }



  /* Q&A */
  .p-qanda__item-wrap{
    margin-left: 8.06%;
  }

  /* アクセス */
  .p-access{
    padding-block: 7.8% 20.8%;
    margin-left: 8.06%;
  }

  .p-map{
    top: 20%;
    left: 60%;
    width: 34vw;
  }
}


/* - footer
  ------------------------------------------------------------------ */
  .p-footer{
    text-align: center;
    padding-bottom: 95px;
  }
  .p-footer__container{
  position: relative;
  background-color: var(--primaryColor);
  padding: 9.52% 21.23% 1.31% 17.2%;
  text-align: center;
}
.p-footer__inner{
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 5.49vw;
}
.p-footer__logo{
width: clamp(13.327rem, -1.449rem + 17.31vw, 19.969rem);
margin-top: clamp(0.534rem, 0.469rem + 0.08vw, 0.563rem);
margin-left: auto;
}
.p-footer__textGroup{
  display: flex;
  flex-direction: column;
  align-items: flex-start;                                                                    
  gap: 8.2vw;
}
.p-footer__menu{
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1.587rem, -0.178rem + 2.07vw, 2.381rem);
}
.p-footerNav__list{
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1.688rem, -0.19rem + 2.2vw, 2.531rem);
}
.p-footer__btn{
  display: flex;
  flex-direction: row-reverse;
  gap: clamp(1.25rem, -0.14rem + 1.63vw, 1.875rem); 
}
.p-footerSns__contact{
  display: flex;
  flex-direction: column;
  gap: clamp(0.688rem, -0.077rem + 0.9vw, 1.031rem);
}
.p-footerContact__title{
  width: 100px;
  vertical-align:bottom;
}
.p-footerContact__title img{
  display: block;
}
.p-footerContact__inner{
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: clamp(0.469rem, -0.053rem + 0.61vw, 0.703rem);
}

.p-footerContact__inner.-column{
  flex-direction: column;
}

.p-footerSns__link {
  display: flex;
  align-items: center;
}
.p-footerSns__link::before{
  content: "";
  width: 20px;
  height: 20px;
  background:no-repeat center center / contain content-box;
  margin-right: 10px;
}
.p-footerSns__link.-insta{
  padding-bottom: 22px;
}
.p-footerSns__link img{
  width: auto;
  height: 15px;
}

.p-footerSns__link.-tell img{
  width: clamp(5.5rem, 4.863rem + 2.72vw, 7.313rem);
}

.p-footerSns__link.-insta::before{
  background-image: url(../img/icon_insta.svg);
}
.p-footerSns__link.-mail::before{
  background-image: url(../img/icon_mail.svg);
  width: 18px;
  height: 13px;
}
.p-footerSns__link.-mail::after{
  content: "";
  display: inline-block;
  width: 0.5px;
  background-color: #000000;
  transform: rotate(45deg);
  margin-left: 6px;
}
.p-footerSns__link.-line::before{
  background-image: url(../img/icon_linePink.svg);
}
.p-footerSns__link.-tell::before{
  background-image: url(../img/icon_tell.svg);
}



.p-footer__attentionText{
  line-height: 1.556;
  margin-top: 7px;
  font-weight: bold;
  text-align: left;
}



.p-footer__text, .p-footer__sponsorship{
  width: 100%;
  max-width: 569px;
  margin: 0 auto;
  font-size: 0.8125rem;
  word-break: keep-all;
  overflow-wrap: break-word;
}
.p-footer__text{
  padding-top: 48px;
  line-height: 1.7853;
}
.p-footer__sponsorship{
  padding-top: 25px;
  line-height: 1.67;
}
.p-footer__pc{
  display: inline-block;
}
.p-footer__sp{
  display: none;
}
.p-footer__copy{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 4.03%;
  width: 100%;
  height: 80%;
  line-height: 1;
}
.p-footer__top{
  position: absolute;
  bottom: 1.29vw;
  right: 34px;
}
.p-footer__top a img{
  width: 20px;
  height: 50px;
}
.js-btnTop{
  display: none;
}
/*-------ホバーアクション---------*/
@media screen and (min-width: 961px) {
.p-footerSns__link:hover{
  filter: invert(100%) sepia(1%) saturate(0%) hue-rotate(267deg) brightness(111%) contrast(100%);
  }
  .p-footer__btn .c-ctaBtn:hover{
    color: var(--primaryColor);
  }
}
/*-------フッターSP---------*/
@media screen and (max-width: 960px) {
  .p-footer{
    padding-bottom: 36px;
  }
  .p-footer__container{
    padding: 72px 50px 10px 54px;
  }
  .p-footer__inner {
    flex-direction: column-reverse;
    align-items: center;
    padding-bottom: 60px;
  }
  .p-footer__logo {
    width: 160px;
   margin: 72px 12px 0 0;
  }
  .p-footer__textGroup{
    gap: 76px;
    align-items: center;
  }
  .p-footer__menu{
    gap: 24px;
  }
  .p-footerNav__list{
    gap: 24px;
  }
  .p-footerNav__item{
    line-height: 0;
  }
  .p-footer__btn{
    gap: 22px;
  }
  .p-footer__btn .c-ctaBtn{
    font-size: 18px;
    width: 37px;
    height: 95px;
  }
  .p-footerSns__contact{
    gap: 11px;
  }
  .p-footerContact__title{
    width: 82px;
  }
  .p-footerContact__inner{
    flex-direction: column;
    gap: 11px;
  }
  .p-footer__sns{
    margin-right: 24px;
  }
  .p-footerSns__link.-insta{
    padding-bottom: 36px;
}
.p-footerSns__link img{
  width: auto;
  height: 12px;
}
  .p-footerSns__link::before{
    width: 16px;
    height: 16px;
    margin-right: 8px;
  }
  .p-footerSns__link.-mail::before{
    width: 15px;
    height: 11px;
  }
  .p-footerSns__link.-mail::after{
    display: none;
  }

  .p-footer__copy{
    margin-right: 7px;
    margin-left: 0;
  }
  .p-footer__text, .p-footer__sponsorship{
    max-width: 358px;
    font-size: 0.75rem;
  }
  .p-footer__text{
    padding-top: 42px;
  }
  .p-footer__sponsorship{
    padding-top: 23px;
  }
  .p-footer__pc{
    display: none;
  }
  .p-footer__sp{
    display: inline-block;
  }
  .p-footer__top{
    top: auto;
    right: 24px;
    bottom: 18px;
    width: 20px;
    height: auto;
  }

  .p-footer__attentionText{
    margin-left: 24px;
    font-size: 0.75rem;
  }

}
/* - Topに戻るボタン
  ------------------------------------------------------------------ */

@media screen and (max-width: 767px) {
  .js-btnTop{
    z-index: 100;
    right: 10px;
    bottom: 10px;
    cursor: pointer;
    transition: opacity .3s;
    opacity: 0;
    display: block;
  }
}




/* ------------------------------------------------------------------
間取りの拡大・縮小
------------------------------------------------------------------ */

@media screen and (max-width: 767px) {

  .p-floor__img {
      width: calc(100% - 17.44%);
      /* height: calc(333vw/3.9); */
      height: 100%;
      overflow: hidden;
      margin-inline: auto;
      margin-bottom: calc(48vw/3.9);
      padding-bottom: 0;
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  #myCanvas {
    background: #fffeee;
    padding: 2vw 0;
    touch-action: none; /* タッチイベントを無効化 */
  }
    
}

/* ------------------------------------------------------------------
宿泊予約ボタン 20260130追加
------------------------------------------------------------------ */

.p-float__button {
    width: clamp(94px, 10vw, 105px);
    height: clamp(94px, 10vw, 105px);
    position: fixed;
    bottom: 20px;
    right: 85px;
    z-index: 900;
    transition: all 0.2s 0s ease;
}
.p-float__button a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.p-float__button img{
  position: absolute;
}

.p-float__button img:last-of-type {
  opacity: 0;
  transition: opacity .1s;
}


.is-fadeout {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1024px){
  .p-float__button img:hover{
    opacity: 1;
  }
}


@media screen and (max-width: 960px) {
  .p-float__button {
    right: 15px;
  }
}