/*
Theme Name:鉄板焼き 鹿鳴(ろくめい)
Theme URI:
Author: takami
Author URI: https://yoshida-designbu.com
License: takami
*/

/*--------------
KV
--------------*/
.KV{
  height: 100svh;
  min-height: 440px;
  position: relative;
  z-index: 1;
  color: var(--color-white);
}
.KV::before{
  position: absolute;
  content: "";
  background: rgba(0,0,0,0.3);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}

.KV-logo{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  opacity: 0;
  transition: var(--transition);
  animation: KV-fadeIn 2s ease normal forwards;
  animation-delay: 1s;
}

.KV-logo svg.logo-symbol{
  max-width: 20rem;
  width: 30vw;
}

@keyframes KV-fadeIn {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.KV-swiper picture{
  display: block;
  height: 100svh;
}

.KV-swiper picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.KV-news_list li>a{
  display: flex;
  align-items: center;
  gap: min(1.4rem, 3vw);
  transition: opacity 1s,filter 2s;
}

/*--- KV-news ---*/
.KV-news{
  position: absolute;
  bottom: 3%;
  left: 4%;
  z-index: 2;
  width: 92%;
  opacity: 0;
  animation: news-fadeIn 1s ease normal forwards;
  animation-delay: 1.5s;
}

@keyframes news-fadeIn {
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.KV-news a{
  color: var(--color-white);
  word-wrap: break-word;
}

.KV-news,.KV-news_textArea{
  display: flex;
  align-items: center;
}

p.KV-news_title{
  font-family: var(--font-crimson);
  font-size: min(1.83rem,5vw);
  font-style: italic;
  text-shadow: var(--color-black) 1px 0 10px;
  padding: 0 2rem;
}

.KV-news_textArea>.date{
  padding: 0 min(2rem,3vw);
  border-left: solid 1px var(--color-white);
  border-right: solid 1px var(--color-white);
  text-shadow: var(--color-black) 1px 0 10px;
}
.KV-news_textArea>.news-title{
  padding: 0 min(2rem,3vw);
  text-shadow: var(--color-black) 1px 0 10px;
  word-wrap: break-word;
}

@media screen and (min-width:768px) {
  .KV-news a:hover{
    opacity: .6;
  }
}

@media screen and (max-width:768px) {
  .KV-news{
    gap: min(2vw,3rem);
  }

  .KV-news, .KV-news_textArea{
    flex-wrap: wrap;
  }

  p.KV-news_title{
    padding: 0 0 min(2rem,0vw) 0;
  }

  .KV-news_textArea>.news-title{
    padding: 0;
  }

  .KV-news_textArea>.date{
    padding: 0 0 min(2rem,.6vw) 0;
    border: none;
  }

  .KV-news_textArea{
    gap: min(0vw, 1rem);
  }
}

/*--------------
top pickUp
--------------*/

/*----- pickUp slide -----*/
.swiper-controller{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  gap: 3rem;
}

.swiper-controller .swiper-button-prev,
.swiper-controller .swiper-button-next {
  position: relative;
  left: initial;
  right: initial;
  top: initial;
  width: min(6rem, 10vw);
  height: min(6rem, 10vw);
  background: var(--opacity-white);
  border: solid 1px var(--color-black);
  border-radius: 50%;
  box-shadow: var(--box-shadow-black);
  transition: var(--transition);
}

.swiper-controller .swiper-button-prev::after,
.swiper-controller .swiper-button-next::after {
  content: "";
  border-top: var(--color-black) solid 1px;
  border-left: var(--color-black) solid 1px;
  width: min(1rem, 4vw);
  height: min(1rem, 4vw);
}

.swiper-button-next::after {
  margin-right: 0.4rem;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.swiper-button-prev::after {
  margin-left: 0.4rem;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.purchase .swiper-pagination{
  position: relative;
  font-family: var(--font-crimson);
  font-style: italic;
}

/*--------------
post
--------------*/
/*----- common -----*/
.new-text{
  font-family: var(--font-crimson);
  font-style: italic;
  color: var(--color-navy);
}

.cate-name{
  background: var(--color-white);
  color: var(--kaisei-green);
  padding: min(2px, .8vw) min(10px, 2vw);
  border-radius: 4px;
  line-height: 1.5;
}

ul.newsList li.newsList-item a{
  padding: 2rem;
  display: block;
}

/*----- index news -----*/
.news{
  margin:0 0 var(--section-margin);
}

.news .newsList{
  display: flex;
  flex-wrap: wrap;
  gap: 0 4rem;
}

.news ul.newsList li.newsList-item a{
  padding: min(2rem, 5vw) 0;
}

.news p.news-title{
  font-size: 1.6rem;
}

.newsList-dateArea{
  font-size: min(1.24rem,2.8vw);
  padding-bottom: min(.8rem, 1.4vw);
}

@media screen and (min-width:768px) {
}

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


/*--------------
opening / concept
--------------*/
.opening{
  margin: min(22rem, 28vw) 0;
}

.opening-wrapper{
  max-width: 1152px;
  margin: 0 auto;
}

.opening p{
  writing-mode: tb;
  font-size: min(2.83rem, 5vw);
  line-height: 2.5;
  letter-spacing: .2em;
  font-weight: 500;
  margin: 0 auto;
}

.opening p span:nth-of-type(2){
  margin-top: min(2rem, 4vw);
}
.opening p span:nth-of-type(3){
  margin-top: min(4rem, 6vw);
}
.opening p span:nth-of-type(4){
  margin-top: min(6rem, 8vw);
}

.concept{
  margin-bottom: min(42rem, 42vw);
}

.concept-contents{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: min(6rem, 4vw);
  padding-bottom: min(8.6rem, 12vw);
}
.concept-contents:last-of-type{
  padding-bottom: 0;
}

.concept-contents_imageArea,
.concept-contents_textArea{
  width: 100%;
}

.concept-contents_imageArea{
  display: flex;
  flex-direction: column;
  gap: .5rem;
}

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

.concept-mainTitle h2{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: min(1rem, 1vw);
  letter-spacing: .3em;
  font-size: min(3.83rem, 5.83vw);
  font-weight: 600;
  line-height: 1.4;
  padding: min(3rem, 10vw) 0 min(3rem, 10vw);
  flex-wrap: wrap;
}

.concept-mainTitle h2 span{
  display: block;
  width: 100%;
}

.concept-contents_textArea p{
  line-height: 2.6;
  letter-spacing: 0;
}

.contents.concept-cont1{
  margin:0 auto min(240px,30vw);
}

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

/*---- concept 2 ----*/
.concept-cont2{
  position: relative;
}

.concept-cont2_wrapper{
  text-align: center;
  width: 90%;
  margin: min(64vw) auto min(74vw);
}

.concept-cont2 h2{
  font-size: min(2.4rem, 5.4vw);
  padding-bottom: min(3rem, 6vw);
}

.concept-cont2 p{
  padding-bottom: min(2rem, 4vw);
  line-height: 2.6;
  mix-blend-mode: soft-light;
  letter-spacing: .04em;
}

.concept-cont2 p span{
  display: block;
}

.concept-cont2_image{
  position: absolute;
  z-index: -1;
  overflow: hidden;
}

.concept-cont2_image._image1{
  top: -57vw;
  right: 10vw;
  width: min(24vw);
}

.concept-cont2_image._image2{
  top: -43vw;
  left: 0;
  width: min(47vw);
}

.concept-cont2_image._image3{
  bottom: -38vw;
  right: 0vw;
  width: min(50vw);
}

.concept-cont2_image._image4{
  bottom: -50vw;
  left: min(8vw);
  width: min(23vw);
}

@media screen and (min-width:768px) {
  .opening p{
    line-height: 2.2;
  }

  .imageArea-image{
    width: 88%;
    margin: 0 auto;
  }

  .concept-contents_textArea p{
    width: 88%;
    margin: 0 auto;
  }

  .concept-mainTitle h2{
    font-size: min(3.83rem, 4.24vw);
  }

  /*---- concept 2 ----*/
  .concept-cont2_wrapper{
    margin: 0 auto;
  }

  .concept-cont2 h2{
    font-size: min(3.24rem, 2.8vw);
    padding-bottom: min(4rem, 4vw);
  }

  .concept-cont2_image._image1{
    top: -14%;
    right: min(11vw, 12%);
    width: min(14vw, 22rem);
  }

  .concept-cont2_image._image2{
    top: 14%;
    width: min(23vw, 38rem);
  }

  .concept-cont2_image._image3{
    top: 63%;
    width: min(23vw, 36rem);
  }

  .concept-cont2_image._image4{
    left: min(12vw, 12%);
    top: 80%;
    width: min(14vw, 22rem);
  }

  .concept-cont2 p{
    line-height: 2.8;
  }

  .concept-cont2 p span{
    display: inline-block;
  }
}

@media screen and (min-width:1024px) {
  .opening{
    margin: min(24rem, 18vw) 0;
  }
  .concept-contents{
    gap: min(10rem, 3vw);
    padding-bottom: min(.6rem, 12vw);
  }

  .concept-mainTitle h2{
    font-size: min(3.4rem, 2.6vw);
    padding: 0 0 min(4rem, 2vw) 0;
    flex-wrap: nowrap;
  }

  .concept-mainTitle h2 span{
    display: inline-block;
    width: auto;
  }

  .concept-contents_imageArea{
    width: min(38rem, 33vw);
  }

  .concept-contents_textArea{
    width: min(50rem, 42vw);
  }

  .concept-contents_textArea p,.imageArea-image{
    width: 100%;
  }
}

@media screen and (max-width:1024px) {
  .concept .contents{
    display: flex;
    flex-direction: column;
  }

  .imageArea-image.-image2{
    order: 3;
    padding: min(12rem, 12vw) 0 min(4rem, 6vw);
  }

  .concept-contents_textArea p:nth-of-type(2){
    order: 4;
  }

  .concept-contents,
  .concept-contents_imageArea,
  .concept-contents_textArea{
    display: contents;
  }

  .concept-mainTitle h2{
    padding: min(5rem, 8vw) 0 min(4rem, 6vw);
  }
}


/*--------------
owner
--------------*/
.owner{
  margin-top: min(22rem,30vw);
}

.owner .contents{
  max-width:860px;
}

.owner-image{
  margin-bottom: min(4rem, 8vw);
}

.owner-profile{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: min(3rem,5vw);
}

.owner-profile_item{
  width: 100%;
}

.owner-profile_item h3{
  font-size: min(1.83rem, 3.83vw);
  display: flex;
  gap: min(8rem, 2vw);
  padding-bottom:min(2rem,2vw);
}

.owner-profile_item h3 span{
  font-family: var(--font-crimson);
  font-style: italic;
  font-weight: 400;
}

.owner-profile_item p a{
  font-weight: 500;
}

/*--------------
Instagram
--------------*/
.instagram{
  margin-top: min(22rem,30vw);
}

.instagram .linkBtn{
  margin: 0 auto;
}

.instagram-wrapper{
  margin-bottom: min(3rem, 5vw);
}

@media screen and (min-width:768px) {
  .owner .contents{
    width: 74%;
  }

  .owner-profile_item{
    width: 46%;
  }
}

/*--------------
foods
--------------*/
.foods{
  margin-top: min(22rem,30vw);
}

p.foods-mainImage{
  text-align: center;
  font-size: var(--font-text3);
  line-height: 2.4;
  margin: min(10rem, 15vw) auto;
}

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

.foods-menu.contents{
  width: 100%;
}

.foods-menu_items{
  width:90%;
  display: block;
  position: relative;
  color: var(--color-white);
  z-index: 1;
  overflow: hidden;
  height: min(26rem,38svh);
}

.foods-menu_items picture{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  aspect-ratio: 1 / 1;
}
.foods-menu_items picture::before{
  position: absolute;
  content: "";
  background: rgba(0,0,0,.4);
  width: 100%;
  height: 100%;
  z-index: 1;
}
.foods-menu_items picture::after{
  position: absolute;
  content: "";
  border: solid 1px var(--color-white);
  z-index: 1;
  width: 94%;
  height:94%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.foods-menu_items picture img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: var(--transition);
  position: absolute;
  top: 0;
  left: 0;
}

.foods-menu_items .linkBtn{
  position: absolute;
  right: min(3rem, 6vw);
  bottom: min(3rem, 6vw);
  z-index: 2;
  width: min(11rem, 23vw);
  border-radius: 9999px;
  font-weight: 500;
  padding: min(.5rem, 0.6vw) 1.4rem;
  transition: var(--transition);
}

.foods-menu_textArea{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  z-index: 2;
  width: 83%;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.foods-menu_textArea h3{
  font-size: min(3rem, 6vw);
  font-weight: 400;
  letter-spacing: 0.06em;
  line-height: 1.2;
  padding-bottom: min(3rem, 5vw);
}

.foods-menu_textArea h3 span{
  display: block;
  font-size: min(1.3rem, 3vw);
  padding-top: 1rem;
}

.foods-menu_price{
  display: flex;
  justify-content: center;
  align-items: end;
  gap: min(1.2rem, 1.2vw);
}

.foods-menu_price>p._price__number{
  font-size: min(3.6rem, 8.4vw);
  font-style: italic;
  line-height: 1.2;
}
.foods-menu_price>p._price__text{
  display: flex;
  flex-direction: column;
  line-height: 1.2;
  font-size: min(1.3rem, 3vw);
}

.foods-menu_price>p._price__text .yen{
  font-style: italic;
  font-family: var(--font-crimson);
  font-size: min(1.83rem, 4vw);
}

.foods-menu_price>p._price__text span{
  display: block;
}

.foods-menu_details h3{
  padding-bottom: min(3.24rem, 5vw);
  font-size: min(2.83rem, 5.24vw);
  line-height: 1.5;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: min(1.4rem, 3.4vw);
}

.foods-menu_details h3 span{
  font-style: italic;
  font-family: var(--font-crimson);
  font-weight: 400;
  font-size: min(2rem, 4vw);
}

ul.foods-menuList{
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: min(2rem, 4vw);
  text-align: center;
}

ul.foods-menuList li{
  line-height: 1.6;
}

ul.foods-menuList li span{
  font-size: min(1.34rem, 2.83vw);
}

.modalWindow>.foods-menu_details .modalWindow-supplement{
  width: min(66rem, 100%);
  margin: min(5rem, 5vw) auto 0;
}

@media screen and (min-width:521px) {
  .foods-menu_items picture{
    aspect-ratio: 4 / 4.4;
  }

  .foods-menu_textArea{
    height: 48%;
  }

  .foods-menu_textArea h3{
    padding-bottom: 0;
  }
}

@media screen and (min-width:768px) {
  .foods-menu_items{
    height: min(40rem);
    width: calc(100% / 2);
  }

  .foods-menu_items:hover picture img{
    transform: scale(1.06);
  }
}

@media screen and (min-width:1024px) {
  .foods-menu_items{
    height: min(36rem);
    width: calc(100% / 3);
  }
}


/*--------------
purchase
--------------*/
.purchase{
  margin-top: min(22rem,30vw);
}

.purchase-main_list{
  display: flex;
  flex-wrap: wrap;
  gap: min(12rem, 8vw);
}

.purchase-main_list>li.purchase-item{
  width: 100%;
  display: flex;
  justify-content: flex-start;
  gap: min(2rem,4vw);
}

.purchase-main_list>li.purchase-item picture{
  width: 44%;
}

.purchase-main_list>li.purchase-item .purchase-name{
  width: 56%;
}

.purchase-name p{
  letter-spacing: 0;
}

.purchase-name_name{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: min(1.4rem, 2vw);
}

.purchase-name_name>p{
  font-size: min(2rem, 4vw);
  font-weight: 500;
  line-height: 1.6;
}

.purchase-name_name>p span{
  font-size: min(1.6rem, 3.83vw);
  display: block;
}

.purchase-sns{
  display: flex;
  align-items: center;
  width: min(6rem,14vw);
  justify-content: end;
  gap: 8px;
}
.purchase-sns li{
  width:min(6vw, 3rem);
}

.purchase-main{
  margin-bottom: min(8rem,6vw);
}

.purchase-sub,
.purchase-st{
  border-top: solid 1px #e5e5e5;
  padding: min(6rem, 12vw) 0;
}

ul.purchase-nameList,
ul.purchase-nameList2{
  display: flex;
  flex-wrap: wrap;
  gap: min(3rem, 5vw) min(6rem, 3vw);
}

ul.purchase-nameList>li{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  z-index: 1;
  width: 74%;
  margin: 0 auto;
  letter-spacing: 0;
}

li.purchase-nameList_item:has(.-nameList_item__sns)::before{
  content: "";
  position: absolute;
  background: url(img/dotted.png) repeat center;
  background-size: 3%;
  width: 100%;
  height: min(4px, 1.4vw);
  left: 0;
  top: min(5vw, 26%);
  z-index: -1;
}

ul.purchase-nameList li.purchase-nameList_item:has(.-nameList_item__sns) p{
  width: min(17rem);
  line-height: 1.5;
}

ul.purchase-nameList p span{
  background: var(--color-white);
  padding-right: 8px;
}

ul.purchase-nameList2>li{
  width: 74%;
  margin: 0 auto;
}

ul.purchase-nameList2>li>.-nameList2_item__inner{
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0;
  align-items: center;
  justify-content: space-between;
  gap: min(1rem, 2vw);
}

.-nameList2_item__inner p{
  width: 100%;
}

.-nameList2_item__inner p:last-of-type{
  font-size: min(1.5rem, 3.4vw);
}

.-nameList2_item__inner p.genre{
  width: 8rem;
  font-size: min(1.6rem, 5vw);
}

.genre{
  font-family: var(--font-crimson);
  font-style: italic;
}

.-nameList_item__sns{
  display: flex;
  align-items: center;
  width: min(7.4rem, 17vw);
  justify-content: flex-end;
}
.-nameList_item__sns svg{
  display: block;
}

ul.purchase-nameList .-nameList_item__sns li{
  width: 45%;
  z-index: 1;
  background: #fefefe;
  padding-left: min(6px);
}

ul.purchase-nameList .-nameList_item__sns li a{
  z-index: 1;
  position: relative;
}

.purchase-st{
  border-bottom: solid 1px #e5e5e5;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: min(6rem, 6vw);
}

.purchase-st_textArea>h3{
  text-align: center;
  font-style: italic;
  font-family: var(--font-crimson);
  font-size: min(2.83rem, 7vw);
  font-weight: 400;
  padding-bottom: min(2rem, 2vw);
}

span.line-bubble{
  position: relative;
  padding: 0 min(32px, 6vw);
}

span.line-bubble::before,
span.line-bubble::after{
  position: absolute;
  content: "";
  background: var(--color-black);
  width: 1px;
  height: min(4rem, 8vw);
  bottom: 0;
}
span.line-bubble::before{
  transform:rotate(-32deg);
  left: 0;
}
span.line-bubble::after{
  transform:rotate(32deg);
  right: 0;
}

.purchase-st_name{
  text-align: center;
  padding-bottom: min(2rem, 2vw);
}

.company span{
  position: relative;
  background: var(--color-white);
  z-index: 1;
  padding: 0 min(12px, 2vw);
}
.company span::before{
  position: absolute;
  content: "";
  background: var(--color-black);
  width: 150%;
  height: 1px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

p.-st_name__name span{
  font-size: min(2.83rem, 7vw);
  font-weight: 500;
  padding: 0 min(1.4vw, 1rem) 0 min(3vw, 1.24rem);
}

@media screen and (min-width:521px) {
  ul.purchase-nameList li{
    width: calc((100% - min(6rem, 3vw)) / 2);
    margin: 0%;
  }
}

@media screen and (min-width:768px) {
  .purchase-main_list{
    gap: min(5rem, 3vw) min(12rem, 3vw);
  }

  .purchase-main_list>li.purchase-item{
    width: calc((100% - min(12rem, 3vw)) / 2);
  }

  .purchase a:hover{
    opacity: .6;
  }

  ul.purchase-nameList li{
    width: calc((100% - calc(min(6rem, 3vw) * 2)) / 3);
  }

  ul.purchase-nameList2>li{
    width: calc((100% - calc(min(6rem, 3vw)* 1)) / 2);
  }

  ul.purchase-nameList2>li>.-nameList2_item__inner{
    justify-content: flex-start;
  }

  .purchase-st_image,
  .purchase-st_textArea{
    width: calc((100% - min(6rem, 6vw)) / 2);
  }
}

@media screen and (min-width:1024px) {
  ul.purchase-nameList li{
    width: calc((100% - calc(min(6rem, 3vw) * 3)) / 4);
  }

  ul.purchase-nameList2>li{
    width: calc((100% - calc(min(6rem, 3vw) * 3)) / 4);
  }
}


/*--------------
access
--------------*/
.access{
  margin-top: min(22rem,30vw);
}

.access-intro{
  display: flex;
  flex-wrap: wrap;
  gap: min(6rem, 12vw);
  margin-bottom: min(12rem, 20vw);
  align-items: center;
}

.access-intro_textArea{
  width: 100%;
  display: flex;
  justify-content: center;
  gap: min(2rem, 4vw);
  flex-direction: row-reverse;
}

.access-intro_textArea p{
  font-size: min(2.83rem, 5.24vw);
  font-weight: 500;
  padding-bottom: min(1rem, 2vw);
  writing-mode: tb;
  display: inline-block;
}
.access-intro_textArea p span{
  display: block;
}

.access-intro_textArea p:nth-of-type(1){
  line-height: min(8rem, 18vw);
}

.shopInfo{
  margin: 0 auto min(8rem, 12vw);
  width: 100%;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  display: flex;
  gap: min(2rem, 8vw);
}

.shopInfo-item{
  width: 100%;
}

.shopInfo-item_contents{
  padding: min(1.4rem, 4vw) 0;
  border-bottom: solid 1px #e5e5e5;
}

.line-title{
  text-align: center;
  position: relative;
}
.line-title::before {
  position: absolute;
  content: "";
  background: var(--color-dGray);
  width: 100%;
  height: 1px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.line-title span{
  position: relative;
  background: var(--color-white);
  z-index: 1;
  font-size: min(1.6rem, 4.6vw);
  padding: 0 min(12px, 2vw);
}

.shopInfo-item_contents>.shopInfo-hour{
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  display: flex;
  gap: min(2rem, 2vw);
  margin-bottom: min(1.4rem, 2vw);
}

.shopInfo-item_contents p.wanted-text{
  font-size:min(1.5rem,3.4vw);
  letter-spacing: 0;
  line-height: 1.5;
}

.shopInfo-hour_lunch,.shopInfo-hour_dinner{
  width: 48%;
}

.shopInfo-hour_lunch>h4,
.shopInfo-hour_dinner>h4{
  text-align: center;
  position: relative;
  font-family: var(--font-crimson);
  font-style: italic;
  font-weight: 400;
  padding-bottom: min(2rem,4vw);
  font-size: min(2.4rem, 6vw);
  line-height: 1.4;
}

.shopInfo-hour_lunch>h4::before,
.shopInfo-hour_dinner>h4::before{
  content: "";
  background: url(img/line-arrow.svg) no-repeat center;
  background-size: 100%;
  position: absolute;
  bottom: 16%;
  left: 50%;
  transform: translateX(-50%);
  width: min(1rem, 2vw);
  height: min(1rem, 2vw);
}

ul.shopInfo-hour_details li{
  letter-spacing: 0;
  line-height: 1.5;
  text-align: center;
  display: flex;
  align-items: center;
}

ul.shopInfo-hour_details li:nth-of-type(1) span{
  font-size: min(1.3rem,3.24vw);
}

ul.shopInfo-hour_details li:nth-of-type(1) span.hour-lo{
  color: var(--color-white);
  background: var(--color-dGray);
  padding: 0 5px;
  margin-left: 5px;
  font-size: min(1.3rem, 2.83vw);
}

ul.shopInfo-hour_details li:nth-of-type(2){
  border-top: solid 1px #e5e5e5;
  border-bottom: solid 1px #e5e5e5;
  margin-top: 1.4rem;
  padding: .8rem 0;
  font-size: min(1.45rem, 2.8vw);
}

ul.shopInfo-hour_details li span.hour{
  font-size: min(2.24rem, 4.83vw);
}

.access-maps{
  margin-bottom: min(12rem, 22vw);
  position: relative;
}

.access-maps .access-maps_image{
  margin-bottom: min(8vw, 10rem);
}

.access-maps_flow{
  display: flex;
  justify-content: center;
  gap: min(2rem,2vw);
  text-align: center;
  margin: 0 auto min(12rem,22vw);
  flex-wrap: wrap;
}

.access-maps_flow .linkBtn{
  padding: 1rem;
  font-style: normal;
  width: 100%;
  transition: var(--transition);
}

.access-maps_flow .linkBtn{
  width: 73%;
}

.shopInfo-list li span{
  display: block;
  font-size: min(1.4rem,3vw);
}

.modalWindow-information h3{
  padding-bottom: min(3.24rem, 5vw);
  font-size: min(2.83rem,5.24vw);
}

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

.information-content_list{
  display: flex;
  flex-direction: column;
  gap: .8rem;
}

.information-content_list li{
  padding-left: min(1.4rem, 3vw);
  position: relative;
}
.information-content_list li::before{
  position: absolute;
  content: "";
  background: var(--color-navy);
  width: min(.6rem, 1.4vw);
  height: min(.6rem, 1.4vw);
  border-radius: 50%;
  top: min(1.2rem, 2vw);
  left: 0;
}

.information-contents_item{
  margin-bottom: min(2rem, 4vw);
}
.information-contents_item:last-of-type{
  margin-bottom: 0;
}

.information-contents_item h4{
  font-size: min(2.4rem, 4vw);
  padding-bottom: min(.8rem, 1.4vw);
}

@media screen and (min-width:768px) {
  .access-intro_textArea{
    flex-direction: column;
    gap: 0;
    text-align: center;
  }

  .access-intro_textArea p{
    writing-mode: inherit;
  }

  .access-intro_textArea p span{
    display: inline-block;
  }

  .access-intro_textArea p:nth-of-type(1){
    line-height: 1.5;
  }

  .access-intro_textArea p:nth-of-type(2){
    margin-left: min(9rem, 7vw);
  }

  .access-maps_flow{
    width: min(100rem, 100%);
  }

  .access-maps_flow .linkBtn{
    width: calc((100% - calc(min(2rem,2vw) * 2)) / 3);
  }

  .access-maps .access-maps_flow{
    position: absolute;
    margin-bottom: 0;
    top: 12%;
    right: 0;
    width: min(27rem, 37vw);
  }

  .access-maps .access-maps_flow .linkBtn{
    width: 100%;
  }

  .shopInfo-item{
    width: calc((100% - min(6rem, 3vw)) / 2);
  }

  ul.shopInfo-hour_details li{
    text-align: left;
  }

  ul.shopInfo-hour_details li span.hour {
    font-size: min(2.24rem, 2vw);
  }

  ul.shopInfo-hour_details li:nth-of-type(1) span.hour-lo{
    font-size: min(1.3rem, 1.4vw);
  }

  .shopInfo-hour_lunch,.shopInfo-hour_dinner{
    width: calc((100% - min(2rem, 2vw)) / 2);
  }
}

@media screen and (min-width:1024px) {
  .shopInfo{
    width: min(95rem, 100%);
    gap: min(6rem, 4vw);
  }

  .shopInfo-item{
    width: calc((100% - min(6rem, 4vw)) / 2);
  }

  .access-intro{
    margin: 0 auto min(12rem,14vw);
  }

  .access-intro_image{
    width: 50%;
  }
  .access-intro_textArea{
    width: 41%;
  }

  .access-maps{
    width: min(70rem, 90%);
    margin: 0 auto min(12rem, 14vw);
  }
}