/* style
================================================== */


ul.endroll-list3{
  font-size:12px;
  color:#808080;
  padding:0;
  margin:0 0 8% 0;
  text-align: right;
}

@media (max-width: 600px) {


  ul.endroll-list3{
    font-size:10px;
    color:#808080;
    padding:8% 8% 5% 0;
    margin:-130px 0 15% 0;
    text-align:right;

  }

}




ul.endroll-list2{
  font-size:12px;
  color:#808080;
  padding:0;
  margin:0 0 8% 0;
  text-align: right;
}

@media (max-width: 600px) {


  ul.endroll-list2{
    font-size:10px;
    color:#808080;
    padding:8% 8% 5% 0;
    margin:0% 0 15% 0;
    text-align:right;

  }

}




ul.endroll-list{
  font-size:12px;
  color:#808080;
  padding:0;
  margin:0 0 8% 0;
  text-align: right;
}

@media (max-width: 600px) {


  ul.endroll-list{
    font-size:10px;
    color:#808080;
    padding:8% 8% 5% 0;
    margin:-70px 0 10% 0;
    text-align:right;

  }

}


.flex_wrapper-box-style01 {
	padding:0;
	margin:5% auto;
	display: flex;  
	flex-wrap: wrap;
	align-items:center;
  text-align: center;
  position: relative;
}

@media (max-width: 600px) {

  .flex_wrapper-box-style01 {
    padding:0;
    margin:0 auto 20% auto;
    display: flex;  
    flex-wrap: wrap;
    align-items:center;
    text-align: center;
    position: relative;
  }

}



.slider-caption{
  position: absolute;
  bottom:15px;
  color:#808080!important;
  font-size:20px!important;
  font-family: "park-lane",serif!important;
  font-style:italic!important;
}

@media (max-width: 600px) {

 
.slider-caption{
  position: absolute;
  bottom:12px;
  color:#808080!important;
  font-size:12px!important;
  font-family: "park-lane",serif!important;
  font-style:italic!important;
}

  
  }



.flex_wrapper-box-style2 {
  width:80%;
	padding:0;
	margin:5% auto;
  text-align: center;
	display: flex;  
	flex-wrap: wrap;
	align-items:center; 
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}


@media (max-width: 600px) {

  .flex_wrapper-box-style2 {
    width:85%;
    padding:0;
    margin:20% auto 15% auto;
    text-align: center;
    display: flex;  
    flex-wrap: wrap;
    align-items:center; 
    -webkit-justify-content: space-between; /* Safari */
    justify-content:         space-between;
  }
  

}




.flex_two-item-style2{
	width:47.5%;
	padding:0px; 
	margin:0 0 5% 0;
}



.flex_wrapper-box-style03 {
  width:auto;
	padding:0;
	margin:0 auto 8% auto;
  text-align: center;
	display: flex;  
	flex-wrap: wrap;
	align-items:center; 
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}

@media (max-width: 600px) {

  
.flex_wrapper-box-style03 {
  width:auto;
	padding:0;
	margin:0 auto 8% auto;
  text-align: center;
	display: flex;  
	flex-wrap: wrap;
	align-items:center; 
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
}

  

}



/* story
================================================== */


.story-contents{
  width:40%;
  height:auto;
  margin:0 auto;
  padding:0;
  text-align: center;
  }
  
  
  @media (max-width: 800px) {
  
    .story-contents{
      width:100%;
      height:auto;
      margin:0 auto;
      padding:0;
      text-align: center;
      }
  
  }


/* movie
================================================== */

.modal{
  display: none;
  height: 100vh;
  position: fixed;
  z-index:9999;
  top: 0;
  left:0;
  width: 100%;
}

.modal2 {
  width:100%;
  height: 100vh;
  height: 100dvh;
  margin:0;
  padding:0;
  overflow: scroll; /* スクロール設定 */
  overscroll-behavior-y: contain;
}

.modal__content2{
  left: 50%;
  padding:0;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
}

.modal-content {
  min-height: 600px;
  padding:20px 0;
  margin:0 auto;
  width:80%;
  text-align:center;
}


.modal__bg{
  background: rgba(255,255,255,1);
  height: 100vh;
  position: absolute;
  top:0;
  left:0;
  width: 100%;
}
.modal__content{
  left: 50%;
  padding:0;
  position: absolute;
  top: 50%;
  transform: translate(-50%,-50%);
  width: 70%;
}

.close-button{
  margin:10px auto 0 auto;
  font-size:11px;
  text-align: center;
}


.container{
  width:100%;
  height:100vh;
  display:flex;
}
.container .target{
  flex:0 1 auto;
  width:75%;
  margin:auto;
}

video {
  width: 100%;
  height: auto;
  margin:0;
}

 #video-long  {
	  width: 100%;
    height: auto;
    margin:0 auto;
  }

.js-modal-open{
  font-size:11px;
}

.salon-images-sp{
  display: none;
}

.salon-images-pc{
  width:85%;
  height:auto;
  margin:0 auto 80px auto;
  display:inherit;
}



@media (max-width: 800px) {


  .salon-images-sp{
    display:inherit;
    width:auto;
    height:auto;
    margin:0 auto 40px auto;
    display:inherit;
  }
  
  .salon-images-pc{
    display: none;
  }
  


  

  .container{
    width:100%;
    height:100vh;
  display:flex;
  }
  .container .target{
    flex:0 1 auto;
    width:80%;
    margin:20% auto 10% auto;
  }

  .modal__content{
    left: 50%;
    padding:0;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
  }

  .modal-content {
    min-height: 600px;
    padding:0px 0 60px 0;
    margin:0 auto;
    width:auto;
    text-align:center;
  }

  

  video {
	  width: 85%;
    height: auto;
    margin:0 0 0 16.5%;
  }

  #video-long  {
	  width: 100%;
    height: auto;
    margin:0 auto;
  }
  
  .js-modal-open{
    padding:0 0 0 15%;
    font-size:11px;
  }

}