@charset "UTF-8";
/* CSS Document */

*{
    margin: 0;
    padding: 0;
}

body {
    font-size: 16px !important;
      min-height: 100vh;
  min-height: -webkit-fill-available;
  overflow-x: hidden;
    overflow: visible;
    position: relative;
}

img{
    width:  100%;
}

.LC_Page_User #main-content{
 margin-bottom:0;
}

a {
    text-decoration: none;
    color: inherit !important;
}

a :hover{
    color: #fff !important;
    transition: 0.5s ;
    opacity: 1 !important;
}



p{
    line-height: 180%;
    font-family: 'Noto Serif JP', serif;
    color: #887336 !important;
}

body img{
    width: 100%;
}

html {
  height: -webkit-fill-available;
}

.main {
  position: relative;
  height: 100vh; /* 全画面表示 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("../img/main.jpg");
  min-height: 600px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
 width: 100%;
    margin: 0 auto;
}

.pchead{
    width: 10em;
   top: 41%;
  right: 0;
  bottom: 0;
  left: -930px;
  margin: auto;
    z-index: 5;
    position: fixed;
}

.pchead a{
    text-decoration:underline;
    text-decoration-color: rgba(137,115,54,0.30);
}

.pchead p{
     font-family: 'Cormorant Infant', serif;
    text-align: center;
    font-weight: 500 !important;
    font-size: 0.95em;
    width: 100%;
    line-height: 180%;
}

.pcspring{
    padding-bottom: 1em;
    width: 93%;
    margin: 0 auto;
}

.pcspring a{
   text-decoration:underline;
    text-decoration-color: rgba(137,115,54,0.30);
}

.cont{
position: relative;
  top: 0;
    width: 100%;
    overflow-x: hidden;
    line-height: 0;
    border: 0;
        margin: 0 auto;
    text-align: center;
}


.title{
    width: 40%;
    margin: 0 auto;
    padding-bottom: 1.3em;
}

.titletext{
    font-size: 0.82em;
    letter-spacing: 0.03em;
    line-height: 200%;
}


.spring {
position: absolute;
    opacity: 0.75;
    top: 1%;
    width: 63%;
       left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    text-align: center;
    line-height: 80%;
}

.concept{
background-image: url("../img/sky02.jpg");
background-size: cover;
    padding: 5em 0;
          position: -webkit-sticky;
  position: sticky;
    position: relative;
}


.wrap01{
    background-color: #e9d3ca;
}

.mainmodel{
width: 90%;
margin: 0 auto;
    padding: 2.5em 0;
}


.slick01{
    list-style: none;
}

.slick02{
    width: 100%;
    list-style: none;
}

.slick03{
    width: 100%;
  list-style: none;
}

.slide03{
    margin: 0 10px;
}

.slick02 img{
    border-radius:8%;
}

.slick02 li{
    border: 17px solid rgba(255,255,255,0.3);
    border-radius:12%;
}

.slick-dots li {
    border: 0 !important;
    width:30px!important;
}

.slick-dots li button:before{
	font-size:40px !important;
      pointer-events: auto !important;
    border: 0 !important;
    text-decoration: none;
    padding-top: 8px;
}

.price{
    padding-top: 1.5em;
    padding-bottom: 0.5em;
}

.price p{
font-size: 0.9em;
font-family: 'Cormorant Infant', serif;
    letter-spacing: -0.01em;
    font-weight: 500;
}


.mainitem{
    position: relative;
    padding-bottom: 0em;
}


.main02model{
    margin-top: 3em;
    padding-bottom: 3em;
}

.subtit_many{
  position: absolute;
    top: 6%;
    right: 15%;
    width: 47%;
}

.itemimg{
    position: relative;
    padding-bottom: 3em;
}

.subtit_ame{
    position: absolute;
    bottom: 5.3%;
    left: 10%;
    width: 40%      
}

.wrap02{
    background-color: #ded2c6;
}


.subtit_solo{
    position: absolute;
    bottom: 7%;
    left: 7%;
    width: 47%      
}

.blue{
    padding-bottom: 3em;
    padding-top: 2em;
}

.bluemodel{
    position: relative;
    width: 95%;
}

.blueitem01{
    width: 27%;
    position: absolute;
    bottom: -13%;
    right: 15%;
    
}
.blueitem02{
    width: 30%;
    position: absolute;
    bottom: -24%;
    right: -2%;
}

.subtit_blue{
    position: absolute;
    top: -6%;
    right: -3%;
    width: 70%;
}

.sakura{
    padding-bottom: 3em;
    padding-top: 3em;
}

.sakuramodel{
    position: relative;
    width: 95%;
    margin-left: 5%;
}

.sakuraitem01{
    width: 18.5%;
    position: absolute;
    bottom: -33%;
    right: 29%;
    
}
.sakuraitem02{
    width: 21%;
    position: absolute;
    bottom: -31.5%;
    right: 8%;
}

.sakuraitem03{
    width: 23%;
    position: absolute;
    bottom: -9.5%;
    right: 8%;
}

.subtit_sakura{
    position: absolute;
    top: -7%;
    left: -5%;
    width: 53%;
}

.chande{
    padding-bottom: 5.5em;
    padding-top: 1em;
}

.chandemodel{
    position: relative;
    width: 95%;
    margin-left: 5%;
}

.chandeitem01{
    width: 32%;
    position: absolute;
    bottom: -26%;
    right: 4%;
    
}

.subtit_chande{
    position: absolute;
    bottom: -11%;
    left: -5%;
    width: 58%;
}

.price02{
    padding-top: 1em;
}

.price02 p {
font-size: 0.9em;
font-family: 'Cormorant Infant', serif;
    letter-spacing: -0.01em;
    font-weight: 500;
text-align: left;
margin-left: 5%;
    line-height: 120%;
    margin-bottom: 0.8em;
}

.price a:hover {
    color: #fff !important;
    transition: 0.5s ;
    opacity: 1 !important;
}

.price a:hover span{
    color: #fff !important;
    transition: 0.5s ;
    opacity: 1 !important;
}

.price02 a:hover {
    color: #fff !important;
    transition: 0.5s ;
    opacity: 1 !important;
}


.price02 p:hover span{
    color: #fff !important;
    transition: 0.5s ;
    opacity: 1 !important;
}



.wrap03{
    background-color: #e9d3ca;
}

.flower{
    padding-bottom: 3.5em;
}

.flowermodel{
    width: 80%;
    padding: 10% 10% 6% 10%;
}

.subtit_flower{
    width: 45%;
   margin: 0 auto;
}

.floweritem{
    padding-top: 1.6em;
}

.recommend{
    padding-top: 2em;
}

.recommend p{
    font-family: 'Cormorant Infant', serif;
    font-size: 1.4em;
    font-weight: 300;
    color: #fff !important;
    padding-bottom: 0.6em;
}

.botoom{
background-image: url("../img/sky03.jpg"); 
background-color: #f0e5e1;
background-size: cover;
}


.btn{
    padding: 3em 0 7em 0;
    margin: 0em auto;
    text-align: center;
}

.btn p{
    font-family: 'Cormorant Infant', serif;
    font-size: 1em;
    margin: 1.8em auto;
    border: 1px solid rgba(255,255,255,1.0);
    width: 260px;
    height: 30px;
    padding: 0.5em 0.2em;
    line-height: 200%;
    color: #a4924d;
     background-color: rgba(255,255,255,0.30);
}

.btn a{
    text-decoration: none;
    border: 0;
    color: #a4924d;
}



.icon {
   margin: 0 auto;
    text-align: center;
    padding-bottom: 10em;
}

.icon img{
    width: 12%;
    padding:0 0.7rem;
}


.footer{
    font-family: 'Noto Serif JP', serif;
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%; 
    
}

.footer p{
    padding: 0;
    line-height: 180%;
    margin: 0;
    color: #887336;
    font-size: 0.6em
}


@media screen and (min-width:800px) {
    /*　画面サイズが1500pxからはここを読み込む　*/
    body{
    font-size: 18px;        
}
    .contpc{
        background-image: url("../img/back.jpg");
       background-attachment: fixed;
        background-size: cover;
    }
    
    
    .spring{
        display: none !important;
    }
    
    .cont , .main{
       max-width: 550px; 
       box-shadow: 0px 1px 15px rgba(0,0,0,0.2);
    }
    
    .slick-dots li button:before{
	font-size:55px !important;
}
    
}

@media screen and (min-width:1200px){
    /*　画面サイズが1500pxからはここを読み込む　*/
   .pc{
    display: none;
}
    
   #fixed-header{
        display: none !important;
    }
    
    }

@media screen and (min-width:1500px){
    /*　画面サイズが1500pxからはここを読み込む　*/
    body {
    font-size: 20px !important;
}
    
    .pchead{
    width: 10em;
   top: 41%;
  right: 0;
  bottom: 0;
  left: -1030px;
  margin: auto;
    z-index: 5;
    position: fixed;
}
    
    .cont , .main{
       max-width: 570px; 
    }
    
    }


@media screen and (max-width:1200px) {
    /*　画面サイズが1500pxからはここを読み込む　*/
    .pchead{
        display: none;
    }
    
}