@charset "UTF-8";
/* CSS Document */
.pc-only{
	display: none;
}
.lovers-all-wrapper {
  position: relative;
}
.lovers-wrapper {
  max-width: 335px;
  width: 100%;
  margin: 60px auto;
}
.lovers-ashirai01, .lovers-ashirai02, .lovers-ashirai03, .lovers-ashirai04 {
  width: 60%;
  position: absolute;
}
.lovers-ashirai01 {
  top: 200px;
  left: 0;
}
.lovers-ashirai02 {
  top: 250px;
  left: 0;
}
.lovers-ashirai03, .lovers-ashirai04 {
  transform: rotateY(180deg);
  right: 0;
}
.lovers-ashirai03 {
  top: 3000px;
  right: 0;
}
.lovers-ashirai04 {
  top: 3100px;
  right: 0;
}
#lovers-title-curve {
  font-size: 1.6rem;
  color: #333;
  margin-bottom: 20px;
}
.lovers-wrapper h1 {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 60px;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 4px;
}
.lovers-logo-title {
  position: relative;
}
.lovers-logo-title h2 {
  margin-bottom: 60px;
  position: relative;
  z-index: 100;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 4px
}
.lovers-logo {
  width: 100%;
  position: absolute;
  left: 0;
  top: -42px;
}
.lovers-exp {
  font-size: 1.6rem;
  z-index: 100;
  position: relative;
}
.lovers-detail-item {
  width: 335px;
  height: 180px;
  background-color: #f6efee;
  border-radius: 10px;
  margin: 30px auto;
  position: relative;
}
.expand-box{
	  width: 335px;
  height: 230px;
}
.lovers-detail-item a {
  text-decoration: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.lovers-detail-item__content-wrapper {
  padding: 18px;
}
.lovers-detail-item__content-flex {
  display: flex;
  justify-content: start;
  margin-bottom: 8px;
}
.lovers-detail-item__content__left img {
  width: 130px;
  height: 130px;
  object-fit: cover;
  border-radius: 500px;
}
.yuri{
	object-position: top;
}
.rina{
	object-position: 90% 50%;
}
.yayoi{
	object-position: 30% 20%;
}
.risa{
	object-position: 20% 40%;
}
.miho{
	object-position: 10% 0%;
}
.lovers-detail-item__content__right {
  padding-left: 13px;
  padding-top: 20px;
  text-align: left;
}
.lovers-detail-item__content__right h5 {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.7rem
}
.lovers-account {
  font-size: 1.2rem;
}
.lovers-click {
  position: absolute;
  right: 20px;
  bottom: 10px;
}
.lovers-detail-item__content__bottom p {
  text-align: left;
}
.instagram-wrapper {
  max-width: 335px;
  width: 100%;
  margin: 60px auto;
z-index: 100;
	position: relative;
}
.instagram-wrapper h2 {
  margin-bottom: 60px;
  font-family: 'Noto Serif JP', serif;
  letter-spacing: 4px
}
.instagram-exp {
  margin-bottom: 60px;
}
.instagram-pic-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.instagram-pic-item {
  margin: 1px 1px;
}
.instagram-pic-item img {
  width: 160px;
  height: 160px;
  object-fit: cover;
}
.instagram-more {
  width: 335px;
  height: 60px;
  border: solid 1px #333;
  margin: 30px auto 60px auto;
}
.instagram-more a {
  display: block;
  text-decoration: none;
  color: #333;
  line-height: 60px;
}
@media(min-width:1160px) {
	.pc-only{
		display: block;
	}
  .lovers-wrapper {
    max-width: 1140px;
  }
  .lovers-ashirai01, .lovers-ashirai02, .lovers-ashirai03, .lovers-ashirai04 {
    width: 350px;
    position: absolute;
  }
  .lovers-ashirai01 {
    top: 200px;
    left: 0;
  }
  .lovers-ashirai02 {
    top: 250px;
    left: 0;
  }
  .lovers-ashirai03 {
    top: 3000px;
    right: 0;
  }
  .lovers-ashirai04 {
    top: 3100px;
    right: 0;
  }
  .lovers-logo-title {
    position: relative;
  }
  .lovers-logo {
    width: 400px;
    position: absolute;
    left: 30%;
    top: -50px;
  }
  .lovers-detail-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
  }
  .lovers-detail-item {
    width: 450px;
    height: 180px;
  }

  .instagram-wrapper {
    max-width: 1140px;
  }

  .instagram-pic-wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  .instagram-pic-item {
    margin: 1px 1px;
  }
  .instagram-pic-item img {
    width: 300px;
    height: 300px;
  }
.instagram-more {
  width: 600px;
}
}