@charset "UTF-8";

/*============================
	header
============================*/
/* .header .header__logo {
  top: 0;
  left: 0;
} */

@media (min-width: 768px) {
  /* .header__contents {
    top: 5rem;
    right: 9rem;
  } */
}

/*============================
	hero
============================*/
.hero {
  background: url("../img/mv_1.jpg") no-repeat center / cover;
  width: 100%;
  height: 40rem;
  display: grid;
  place-content: center;
  position: relative;
}

.hero::before {
  content: "";
  background-color: var(--black);
  opacity: 0.6;
  position: absolute;
  inset: 0;
}

@media (max-width: 767px) {
  .hero {
    height: max(300px, 44rem);
  }
}

.hero__ttl {
  font-family: var(--font-en);
  font-family: "Bodoni Moda", serif;
  font-size: max(28px, 4.4rem);
  font-weight: 700;
  letter-spacing: 0.2em;
  padding-top: 4rem;
}

/*-------------------------
  lower_sec
---------------------------*/
.lower_sec {
  padding: 12rem 0 15rem;
}

.lower_sec-inner {
  width: 80%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .lower_sec-inner {
    width: 90%;
  }
}

/*-------------------------
  policy
---------------------------*/
.policy__contents:not(:last-of-type) {
  margin-bottom: 8rem;
}

.policy__ttl {
  border-bottom: solid 1px rgba(255, 255, 255, 0.4);
  font-size: max(14px, 2.2rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1rem 0 1.5rem 0;
  margin-bottom: 3rem;
  position: relative;
}

.policy__ttl::before {
  content: "";
  width: 20%;
  border-bottom: solid 3px var(--pink);
  position: absolute;
  bottom: -3px;
}

.policy__wrapper {
  display: flex;
  gap: 2rem 5%;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .policy__wrapper {
    flex-direction: column;
  }
}

.policy__img {
  width: 35%;
}

.policy__txt {
  width: 60%;
  letter-spacing: 0.1em;
  line-height: 2;
}

@media (max-width: 767px) {
  .policy__img,
  .policy__txt {
    width: 100%;
  }
}

/*-------------------------
  menu
---------------------------*/
.menu__btn-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 2rem;
  margin-bottom: 4rem;
}

.menu__btn {
  width: 100%;
  height: max(50px, 7rem);
  border: solid 1px var(--pink);
  font-size: max(12px, 2rem);
  letter-spacing: 0.3em;
  display: grid;
  place-content: center;
}

@media (max-width: 767px) {
  .menu__btn {
    height: max(40px, 7rem);
  }
}

.current .menu__btn {
  background-color: var(--pink);
  color: var(--white);
}

/*-------------------------
  gallery
---------------------------*/
.gallery__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0 auto;
}

.gallery__list li {
  margin: 0 1rem 2rem;
}

.gallery__list a {
  display: block;
  width: 14vw;
  height: 14vw;
  border-radius: 50%;
  overflow: hidden;
}

@media (max-width: 767px) {
  .gallery__list a {
    width: 19vw;
    height: 19vw;
  }
}

#swipebox-close {
  right: auto;
  left: 0;
}

@media (min-width: 800px) {
  #swipebox-close {
    right: auto;
    left: 10px;
  }
}

/*-------------------------
  shop
---------------------------*/
.map {
  margin: 0 auto 4rem;
}

.shop__list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.shop__list dt,
.shop__list dd {
  border-bottom: solid 1px var(--white);
  letter-spacing: 0.08em;
  line-height: 2;
  padding: 2rem;
}

.shop__list dt {
  width: 30%;
  font-weight: 700;
  white-space: nowrap;
}

.shop__list dd {
  width: 70%;
}

@media (max-width: 767px) {
  .shop__list dt,
  .shop__list dd {
    width: 100%;
  }

  .shop__list dt {
    border-bottom: none;
    padding: 2rem 2rem 0;
  }

  .shop__list dd {
    padding: 0 2rem 2rem;
  }
}

.shop__underline {
  text-decoration: underline;
}





/*  ----------------------------------------------------------

news

----------------------------------------------------------  */
.top-news {
  background: url(../img/back-news.jpg) no-repeat center top / cover;
  color: #fff;
  padding: 16.3rem 0 15.3rem;
}
.top-news .CMS-NEWS-INDEX {
    padding-bottom: 3rem;
    margin: 0 auto;
    margin-top: 5.5rem;
    margin-bottom: 3rem;
    /* padding: 0 5.5%; */
    width: 110rem;
}
.CMS-NEWS-INDEX {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 8rem;
    position: relative;
    /* margin-bottom: 8rem; */
    position: relative;
}
.top-news .CMS-NEWS-INDEX::after {
    content: "";
    width: 31.5%;
    margin-bottom: 1rem;
}
.CMS-NEWS-INDEX::after {
    content: "";
    width: 31.5%;
    margin-bottom: 4rem;
}


.CMS-NEWS-INDEX > * {
    width: 31.5%;
    margin-bottom: 5rem;
}
.top-news .CMS-NEWS-INDEX > * {
    margin-bottom: 0;
}
.CMS-NEWS-INDEX > *:nth-of-type(3n) {
    margin-right: 0;    
}
.CMS-NEWS-ITEM a {
    transition: all .3s;
    display: block;
}
.CMS-NEWS-ITEM a:hover {
    opacity: 0.6;
}
.CMS-NEWS-TIME {
    font-size: max(12px, 1.25rem);
    margin: 3rem 0 max(8px, 0.6rem) 0;
    line-height: 1;
	color: #fff;
    border-bottom: 0.05rem solid #fff;
    padding-bottom: max(12px, 1rem);
}
.CMS-NEWS-LINK {
    font-size: max(14px, 1.6rem);
    line-height: 1.6;
	color: #fff;
}
.CMS-NEWS-INDEX > * img {
    height: 24rem;
    width: 100%;
    object-fit: cover;  
}

/* read more */
.CMS-NEWS-MORE-READ {
    background: #9b0028;
    border:none;
    border-radius: 0.2rem;
    text-align: center;
    padding: max(14px, 1.8rem) 0;
    font-size: max(14px, 1.6rem); 
    font-weight: bold;
	/* font-weight: bold; */
    color: #fff;
    text-align: center;
    /* margin: 4rem auto 0 auto; */
    width: max(180px, 22rem);
    display: block;
    transition: all .3s;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
}
.CMS-NEWS-MORE-READ:hover {
    cursor: pointer;
    opacity: 0.6;
}
.top-news .CMS-NEWS-MORE-READ {
    display: none;
}

/* detail */
.CMS-NEWS-TITLE {
    border-bottom: solid 1px rgba(0,0,0,0.2);
    font-size: 2.4rem;
    line-height: 1.6;
    margin-bottom: 3rem;
    padding: 1rem 0 1.5rem 0;
    position: relative;
    font-weight: bold;
}
.CMS-NEWS-TITLE:after {
    border-bottom: solid 3px var(--red);
    bottom: -3px;
    content: " ";
    display: block;
    position: absolute;
    width: 25%;
}
.CMS-NEWS-CONTENT img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto 2rem auto;
}

@media screen and (max-width: 767px) {
  .top-news {
    padding: 13rem 0;
  }
    .top-news .CMS-NEWS-INDEX {
        margin-top: 8.5rem;
        margin-bottom: 5rem;
        width: 90%;
    }    
    .CMS-NEWS-INDEX {
        display: block;
        margin-bottom: -4rem;
        padding-bottom: 12rem;
    }
    .CMS-NEWS-INDEX > * {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4rem;        
    }
    .top-news .CMS-NEWS-INDEX > * {
        margin-bottom: 4rem;
    }    
    .CMS-NEWS-CONTENT img {
        width: 100%;
    }
    .CMS-NEWS-INDEX > * img {
      height: max(190px, 37rem);
    }
  .CMS-NEWS-MORE-READ {
      bottom: -5rem;
  }
}



.common__btn {
  width: max(160px, 25rem);
  margin: 7rem auto 0;
}
@media (max-width: 767px) {
.common__btn {
    width: max(190px, 23rem);
  }
}