/*//////////////////////////////////////////////////////////
//  - CSS for INDEX for SP
//////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////
//  - MAIN VISUAL
//////////////////////////////////////////////////////////*/

.mv {
  margin-top: 30px;
  padding: 0 5%;
}

.mv img {
  width: 100%;
  height: 100%;
}

.mainvisual {
}

.mainvisual .mainvisual__listing {
  _zoom: 1;
  overflow: hidden;
}

.mainvisual .mainvisual__item {}

/*//////////////////////////////////////////////////////////
//  - Imformation バナー郡（202406加筆）
//////////////////////////////////////////////////////////*/
#information{
  margin-top: 70px;
  margin-bottom: 70px;
  padding: 0 5%;
}
@media screen and (max-width: 768px){
  #information{
    margin-top: 50px;
  }
}

#information ul{
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(2, 1fr);
}

@media screen and (max-width: 768px){
  #information ul{
    grid-template-columns: repeat(1, 1fr);
    gap: 24px;
  }
}

#information ul li{
  /* width: 470px; */
}

#information ul li a{
  display: block;
  width: 100%;
}

#information ul li a img{
  display: inline-block;
  width: 100%;
  height: auto;
}

#information ul li a span{
  color: #000;
  margin-top: 10px;
  display: block;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.5;
  text-decoration-line: underline;
}

/*//////////////////////////////////////////////////////////
//  - Gallery
//////////////////////////////////////////////////////////*/
#gallery {
  margin-top: 50px;
}

/*//////////////////////////////////////////////////////////
//  - About（202406加筆）
//////////////////////////////////////////////////////////*/
#about .section{
  margin: 80px 0 8px;
}

#about .about__image{
  margin-top: 26px;
}

@media screen and (max-width: 768px){
  #about .about__image{
    margin-top: 22px;
  }
}

#about .about__image img{
  width: 100%;
  height: auto;
}

#about .about__text{
  margin-top: 26px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.8;
}
@media screen and (max-width: 768px){
  #about .about__text{
    margin-top: 10px;
  }
}

#about .about__text strong{
  font-weight: 500;
}

#about .about-list{
  margin-top: 56px;
}
@media screen and (max-width: 768px){
  #about .about-list{
    margin-top: 46px;
  }
}

#about .about-list .about-list__row{
  margin-top: 24px;
  display: flex;
}
@media screen and (max-width: 768px){
  #about .about-list .about-list__row{
    margin-top: 26px;
    display: block;
  }
}

#about .about-list .about-list__title{
  width: 124px;
  flex-shrink: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.8;
}

#about .about-list .about-list__description{
  font-size: 16px;
  font-weight: 300;
}
@media screen and (max-width: 768px){
  #about .about-list .about-list__description{
    margin-top: 4px;
  }
}

#about .about-list .about-list__row li + li{
  margin-top: 3px;
}


/*//////////////////////////////////////////////////////////
//  - NEW ITEMS
//////////////////////////////////////////////////////////*/

.newitem {}

.newitem .newitem__title {}

.newitem .newitem__listing {}

.newitem .newitem__listing .newitem__listing__inner {
  width: 100%;
  margin: 0 0 40px 0;
  _zoom: 1;
  overflow: hidden;
}

.newitem .newitem__listing .newitem__listing__inner .newitem__items {
  margin: 0 -15px 0 0;
}

@media screen and (max-width: 375px) {
  .newitem .newitem__listing .newitem__listing__inner .newitem__items {
    margin: 0;
  }
}

.newitem .newitem__listing .newitem__listing__inner .newitem__items .newitem__item {
  float: left;
  width: calc(50% - 15px);
  margin: 0 15px 15px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 375px) {
  .newitem .newitem__listing .newitem__listing__inner .newitem__items .newitem__item {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
  }
}


.newitem .newitem__listing .newitem__listing__inner .newitem__items .newitem__item .newitem__item__link {
  display: block;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #d1d3da;
  box-sizing: border-box;
  padding: 14px;
}

.newitem .newitem__listing .newitem__listing__inner .newitem__items .newitem__item .newitem__item__link:hover {
  background-color: #ecf0f3;
}

.newitem .newitem__listing .newitem__listing__inner .newitem__items .newitem__item .newitem__item__link .newitem__item__image--wrapper {
  width: 100%;
  height: 100%;
  margin: 0 0 10px 0;
  _zoom: 1;
  overflow: hidden;
}

.newitem .newitem__listing .newitem__listing__inner .newitem__items .newitem__item .newitem__item__link .newitem__item__image--wrapper .newitem__item__image--append {
  width: 100%;
  height: 1px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100% 0 0 0;
  -webkit-transition: -webkit-transform 0.35s linear;
     -moz-transition: -moz-transform 0.35s linear;
          transition: transform 0.35s linear;
}

.newitem .newitem__listing .newitem__listing__inner .newitem__items .newitem__item .newitem__item__link:hover .newitem__item__image--wrapper .newitem__item__image--append {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
          transform: scale(1.2);
}

.newitem .newitem__listing .newitem__listing__inner .newitem__items .newitem__item .newitem__item__link .newitem__item__image--wrapper .newitem__item__image {}

.newitem .newitem__listing .newitem__listing__inner .newitem__items .newitem__item .newitem__item__link .newitem__item__date {
  color: #858991;
  font-size: 12px;
  margin: 0 0 5px 0;
}

.newitem .newitem__listing .newitem__listing__inner .newitem__items .newitem__item .newitem__item__link .newitem__item__description {
  color: #000;
  font-size: 14px;
}

.newitem .newitem__viewmore {
  max-width: 100%;
  margin: 0 auto;
}

.newitem .newitem__viewmore .newitem__viewmore__link {
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: 'Noto Serif JP', 'PT Serif', serif;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.2em;
  line-height: 60px;
  width: 100%;
  height: 60px;
  background-color: #535353;
  margin: 0 auto;
}


/*//////////////////////////////////////////////////////////
//  - ONLINE SHOPPING
//////////////////////////////////////////////////////////*/

.online-shopping {}

.online-shopping .online-shopping__title {
  position: relative;
  top: 15px;
  text-align: center;
  z-index: 1;
}

.online-shopping .online-shopping__title--text {
  color: #fff;
  font-size: 16px;
  font-family: 'Noto Serif JP', 'PT Serif', serif;
  letter-spacing: 0.1em;
  background-color: #586b7a;
  padding: 5px 10px;
}

.online-shopping .online-shopping__listing {
  background-color: #ecf0f3;
  border: 6px solid #d7dde3;
  padding: 35px 25px 25px 25px;
}

.online-shopping .online-shopping__listing .online-shopping__items {}

.online-shopping .online-shopping__listing .online-shopping__items .online-shopping__item {
  margin-bottom: 25px;
}

.online-shopping .online-shopping__listing .online-shopping__items .online-shopping__item:last-child {
  margin-bottom: 0;
}

.online-shopping .online-shopping__listing .online-shopping__items .online-shopping__item .online-shopping__item__link {
  display: block;
}

.online-shopping .online-shopping__listing .online-shopping__items .online-shopping__item .online-shopping__item__link .online-shopping__item__image {
  width: 100%;
}


/*//////////////////////////////////////////////////////////
//  - NEWS & EVENTS
//////////////////////////////////////////////////////////*/

.newsandevents {}

.newsandevents .newsandevents__title {}

.newsandevents .newsandevents__listing {}

.newsandevents .newsandevents__listing .newsandevents__listing__inner {
  width: 100%;
  margin: 0 0 40px 0;
  _zoom: 1;
  overflow: hidden;
}

.newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items {
  margin: 0 -15px 0 0;
}

@media screen and (max-width: 375px) {
  .newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items {
    margin: 0;
  }
}

.newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items .newsandevents__item {
  float: left;
  width: calc(50% - 15px);
  margin: 0 15px 15px 0;
  box-sizing: border-box;
}

@media screen and (max-width: 375px) {
  .newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items .newsandevents__item {
    float: none;
    width: 100%;
    margin: 0 0 15px 0;
  }
}

.newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items .newsandevents__item .newsandevents__item__link {
  display: block;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #d1d3da;
  box-sizing: border-box;
  padding: 14px;
}

.newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items .newsandevents__item .newsandevents__item__link:hover {
  background-color: #ecf0f3;
}

.newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items .newsandevents__item .newsandevents__item__link .newsandevents__item__image--wrapper {
  width: 100%;
  height: 100%;
  margin: 0 0 10px 0;
  _zoom: 1;
  overflow: hidden;
}

.newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items .newsandevents__item .newsandevents__item__link .newsandevents__item__image--wrapper .newsandevents__item__image--append {
  width: 100%;
  height: 1px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 100% 0 0 0;
  -webkit-transition: -webkit-transform 0.35s linear;
     -moz-transition: -moz-transform 0.35s linear;
          transition: transform 0.35s linear;
}

.newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items .newsandevents__item .newsandevents__item__link:hover .newsandevents__item__image--wrapper .newsandevents__item__image--append {
  -webkit-transform: scale(1.2);
     -moz-transform: scale(1.2);
          transform: scale(1.2);
}

.newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items .newsandevents__item .newsandevents__item__link .newsandevents__item__image--wrapper .newsandevents__item__image {}

.newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items .newsandevents__item .newsandevents__item__link .newsandevents__item__date {
  color: #858991;
  font-size: 12px;
  margin: 0 0 5px 0;
}

.newsandevents .newsandevents__listing .newsandevents__listing__inner .newsandevents__items .newsandevents__item .newsandevents__item__link .newsandevents__item__description {
  color: #000;
  font-size: 14px;
}

.newsandevents .newsandevents__viewmore {
  max-width: 100%;
  margin: 0 auto;
}

.newsandevents .newsandevents__viewmore .newsandevents__viewmore__link {
  display: block;
  color: #fff;
  font-size: 16px;
  font-family: 'Noto Serif JP', 'PT Serif', serif;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.2em;
  line-height: 60px;
  width: 100%;
  height: 60px;
  background-color: #535353;
  margin: 0 auto;
}


/*//////////////////////////////////////////////////////////
//  - ACCESS
//////////////////////////////////////////////////////////*/

.access {}

#access .section{
  margin-top: 90px;
}

.access .access__store-name {
  font-weight: 500;
  margin: 0 0 10px;
  letter-spacing: 0.01em;
}

.access .access__store-name .sp-sm {
  font-size: 14px;
}

.access .access__store-address,
.access .access__store-day,
.access .access__store-hours,
.access .access__store-off,
.access .access__store-contact,
.access .access__store-phone,
.access .access__store-access {
  margin: 0 0 5px;
  font-weight: 300;
}

.access .access__map__wrapper {
  position: relative;
  margin: 20px 0 40px 0;
  height: 0;
  padding-top: 75%;
}

.access .access__map__wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.access .access__button {
  max-width: 100%;
  margin: 0 auto;
}

.access .access__button .access__button__link {
  display: block;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.2em;
  line-height: 60px;
  width: 100%;
  height: 60px;
  background-color: #535353;
  margin: 0 auto;
}