@charset "utf-8";


/* main ------------- */
.main { position: relative; }
.main_img { width: 65%; margin-top: 0; margin-left: auto; margin-bottom: 0; }
.main_img img { display: block; width: 100%;  margin: 0 0 0 auto; }
/*.main::before { content: ""; position: absolute; top: 0; left: 0; width: calc(100% - 70%); height: 100%; background: #f4f1f0; }*/

/* SCROLL */
.arrowWrap { position: absolute;
    left: 0;
    bottom: 0;
    height: auto;
    z-index: 999; }
.arrowInner p { text-align: center;
    font-size: 16px;
    line-height: 2;
    transform: rotate(90deg); }
.arrow { width: 1px;
    
    margin: 30px auto 0;
    background-color: #2a2c2c;
    position: relative;
    overflow: hidden; }
.arrow::before { content: '';
    width: 1px;
    height: 100px;
    margin: 50px auto 0;
    background-color: #8a93a7;
    position: absolute;
    top: -150px;
    left: 0;
    -webkit-animation: arrow 2.5s ease 0s infinite normal;
    animation: arrow 2.5s ease 0s infinite normal; }

@keyframes arrow {
  0% {
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }

  60% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }

  100% {
    -webkit-transform: translate3d(-50%, 100px, 0);
    transform: translate3d(-50%, 100px, 0);
  }
}

/*bnr_newyear----------*/
.bnr_newyear { margin-top: 2em; margin-bottom: -1em;}

/* news ------------- */
.news { margin-top: 50px; }
.news01 .news-line-sub-container h2 {
  width: 60%;
  margin: 0 auto;
}
.banner {
  margin-top: 50px;
}
.banner .sp {
  display: none;
}
.news01 > .inner {
  background: #fff;
}
.news > .inner { padding: .8em 2.5em; border: 1px solid #8a93a7; background: #fff;}
@media screen and (max-width: 768px){
  .news > .inner {
    padding: .8em 1.5em;
  }
  .news01 .news-line-sub-container h2 {
    width: 100%;
    margin: 0 auto;
  }
  .banner .pc {
    display: none;
  }
  .banner .sp {
    display: block;
  }
}

/* bnr_lacecoco ------------- */
.bnr_lacecoco a{ padding: 0; background: none; }

/* insta ------------- */

/* attenLink ------------- */
.attenLink { max-width: 730px; margin: calc(2.5rem + ((1vw - 3.2px) * 5.4688)) auto; padding: 0 15px; }
.attenLink em { font-size: 1.4em; /*margin-right: .5em;*/ }
.attenLink .moving { font-size: 2rem; }

/* reason ------------- */
.reason { margin-top: 50px; }
.reason .sec_ttl .copy { font-size: calc(1.8rem + ((1vw - 3.2px) * 3.7209)); }
.reason .sec_ttl .copy em { font-size: calc(3rem + ((1vw - 3.2px) * 3.7209)); }
.reason .head_txt { margin-top: 20px; }

.reasonList { margin-top: 30px; }
.reasonList > li + li { margin-top: 40px; }

.reasonList > li .ttl { color: #fe759f; font-weight: 900;}

.reasonList .ttl { font-size: calc(1.6rem + ((1vw - 3.2px) * 3.7209)); line-height: 1.4; }

.reasonList .img_box { position: relative; }
.reasonList .img_box::before { content: ""; position: absolute; top: 0; left: -5%; bottom: 0; margin: auto; width: 44%;
background: no-repeat center / contain; z-index: 1; }
.reasonList > li:nth-child(1) .img_box::before { background-image: url("../img/top/txt_reason01.png?20200826"); }
.reasonList > li:nth-child(2) .img_box::before { background-image: url("../img/top/txt_reason02.png?20200826"); }
.reasonList > li:nth-child(3) .img_box::before { background-image: url("../img/top/txt_reason03.png?20200826"); }

.reasonList > li:nth-child(even) .img_box::before { right: 0; left: auto; }
.reasonList .img_box > ul { width: calc(100% - 27%); margin-left: auto; }
.reasonList .img_box > ul > li { position: relative; height: 100%; }
.reasonList .img_box > ul > li p { position: absolute; bottom: 10px; right: 10px; margin: 0; padding: 0 .5em; background: #fff; font-size: .8em; color:#5b5b5b; }

.reasonList h4 {
  color: #fe759f;
  padding-top: 30px;
  font-weight: 900;
}
@media screen and (max-width: 768px){
  .reasonList .img_box > ul {
    width: 100%;
    
}
  
}

/*
.reasonList .img_box > ul > li:nth-child(1) { width: 34%; }
.reasonList .img_box > ul > li:nth-child(2) { width: 62%; margin-left: 4%; }
*/
.reasonList .img_box > ul > li:nth-child(1) { width: 48%; }
.reasonList .img_box > ul > li:nth-child(2) { width: 48%; margin-left: 4%; }


.reasonList > li:nth-child(even) .img_box > ul { margin-right: auto; margin-left: 0; }
.reasonList > li:nth-child(even) .img_box > ul > li:nth-child(1) { order: 1; }
.reasonList > li:nth-child(even) .img_box > ul > li:nth-child(2) { margin-left: 0; margin-right: 4%; }
.reasonList .img_box > ul > li img { width: 100%; }

.reasonList .lead_box { background: #ebdfe0; padding: 16% 0 10%; margin-top: -45px; }
.reasonList > li:nth-child(2) .lead_box { background: #e2d7de; }
.reasonList > li:nth-child(3) .lead_box { background: #d7dae4; }
.reasonList .lead_box .num { margin-top: 0; color: #fff; font-weight: 900;}
.reasonList .lead_box .num {
  margin-top: 0;
  color: #fff;
  background: #bc9393;
  display: inline-block;
  padding: 0 1em;
}

/* plan */
.rental_plan { margin-top: 3.7em; }
.planList { margin-top: 1.875em; }
.planList li { width: 48%; margin-bottom: 1.25em; }
.planList li:not(:nth-child(2n)) { margin-right: 4%; }
.planList li .name { margin-top: .5em; margin-bottom: 0; font-size: 1.3em; }
.planList li .price { margin: 0; }
.planList .btn { max-width:100%; }

/* gallery */
#gallery { margin-top:4em; }
.galleryList { margin:2em 0 1.5em; }
.galleryList li { width:240px; }
.galleryList figure { padding-top:100%; position:relative; }

/* shop */
.shop { margin-top: 3.7em; position: relative; }
.shop .lead_box { width: 80%; margin-top: 2em; }
.shop .lead_box::before { content: "";
    position: absolute;
    top: 70px;
    left: 0;
    background: #f4f1f0;
    width: calc(100% - 20%);
    height: 260px;
    z-index: -2; }
.shop .lead_box .ttl { font-size: 1.8rem; margin-top: 20px;}
.shop .map { width: 77%; margin-top: 20px; margin-left: auto; }
.shop .map iframe { width: 100%; height: 200px; }

/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {

	.attenLink em { font-size: 3rem; }

}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {

	.reasonList .ttl { font-size: 2.8rem; }
	.reason .sec_ttl .copy { display: inline-block; margin-top: 10px; font-size: 3rem; line-height: 1.2;  }
	.reason .sec_ttl .copy em { font-size: 5rem; }

	.shop .lead_box::before { height: 330px; }
	.shop .map { margin-top: 0; }
	.shop .map iframe { height: 500px; }

	.reasonList { margin-top: 60px; }
	.reasonList .lead_box { padding: 8% 0 5%; }

	.planList li { width: 22%; }
	.planList li:not(:nth-child(4n)) { margin-right: 4%; }


}

/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {


}

/* 959以下 (タブレット以下) */
@media screen and (max-width: 959px) {

	#main_container { /*height: 100vh;*/ padding-bottom: 0; }

}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){
  .shop .lead_box {
    width: 95%;
    margin: 0;
  }
  /*bnr_newyear----------*/
  .bnr_newyear { margin-top: 2em; margin-bottom: -2em;}

	.main_img { width: 89%; margin-top:-100px;}
	.arrowWrap { display: none; }

	.attenLink .moving { font-size: 1.5rem; }

  /* gallery */
  .galleryList > li { width:170px; }

	.reasonList .img_box > ul > li p { right: 5px; bottom: 5px; font-size: .6em; }
}






/* ================================================================
  リニューアル
=================================================================== */
.unti {
	color: #F94;
}