@charset "UTF-8";
/* CSS Document */

.wrapper__content__store {
  padding-top: 188px ;
  padding-inline: 4%;
  margin-bottom: 120px;
  background-image: url(../images/store_info/ill_mountain.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top 95px left 0;
}
.title__content__store {
  margin-bottom: 64px;
}

.container__grid__store {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  gap: 64px 56px;
  margin-bottom: 40px;
}

.box1__grid__columm1 {
  grid-row: 1 / 3;
}

.box1__grid__columm1 img {
  height: 100%;
  object-fit: cover;
}
.box2__grid__column2 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
}

.dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  grid-auto-rows: max-content;
  gap: 16px 40px;
  background-image: url(../images/store_info/line_dot2.svg),
    url(../images/store_info/line_dot2.svg);
  background-size: 10%;
  background-repeat: repeat-x;
  background-position: top left, bottom left;
  padding: 50px 0;
}
.dt,
.dd {
  font-size: 2rem;
  display: flex;
  justify-content: left;
  align-items: center;
}
.dd{
  text-align: left;
}
.dt {
  display: block;
  text-align-last: justify;
}
.dt span {
  font-size: 2rem;
}

/* 地図 */
.map {
  position: relative;
  padding-bottom: 50%;
  height: 0;
  overflow: hidden;
  margin-bottom: 180px;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}

/* ==観梅会== */
.wrapper__event__info {
  margin-bottom: 160px;
}
.title__content__event {
  max-width: 387px;
  margin: auto;
  padding-bottom: 64px;
}
.description__event__summary {
  max-width: 760px;
  margin: auto;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.8;
  text-align: left;
  padding-bottom: 64px;
}
.container__event__detail {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 64px;
}

.block__caption__event-photo {
  width: 322px;
  flex-direction: column;
  text-align: left;
  line-height: 1.8;
}

.caption1__event-photo {
  padding-top: 70%;
  padding-bottom: 80%;
}

.block__event-photo img {
  width: 544px;
}


/* ==========
    @media
=============*/
/* 768 */
@media (max-width: 768px){
.container__grid__store {
grid-template-columns:repeat(1, 1fr);
grid-template-rows: repeat(1, 1fr);
gap: 64px 56px;
margin-bottom: 80px;
}
.box2__grid__column2{
  grid-template-columns: repeat(2, 1fr);
  wrapper__event__info {
  padding: 5%;
  }}

.wrapper__content__store{
padding: none;
}

.container__event__detail{
flex-direction: column-reverse;
align-items: center;
}
.caption1__event-photo {
padding-top: 0%;
padding-bottom: 20%;}

.block__caption__event-photo {
  width: 70%;
}
}

@media (max-width: 560px) {
.map{
  padding-bottom: 100vw;
}
}