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

*{
    margin: 0;
    padding: 0;
}

body {
    font-size: 17px !important;
    color: #000 !important;
    -webkit-overflow-scrolling: touch;
    position: relative;
    font-family: 'Noto Serif JP', serif;
    line-height: 0;
    min-width: 1000px;
    background-color: rgba(174,158,136,1.00);
}

img{
    width:  100%;
}

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


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

.itemtext01 a :hover{
    color: rgba(255,255,255,0.78);
    transition: 0.5s ;
}

.itemtext02 a :hover, .itemtext03 a :hover, .itemtext04 a :hover{
    color: rgba(135,149,152,1.00);
    transition: 0.5s ;
}


body img{
    width: 100%;
}

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

.back{
      background-image: url( "/user_data/packages/default/client/lp/2023/summer/img/pc/back01.jpg");
      background-position:top center;
 background-size:cover;
}

.back2{
      background-image: url( "/user_data/packages/default/client/lp/2023/summer/img/pc/back02.jpg");
      background-position:top center;
    background-size:cover;
}


.main {
  position: relative;
    display: flex;
  height: 100vh; /* 全画面表示 */
  background-repeat: no-repeat;
  background-size:cover;
  background-position:top center;
  width: 100%;
    overflow-x: hidden;
   justify-content: center;
    align-items: center;
}


.wrap{
     max-width: 1000px;
    margin: 0 auto;
    width: 90%;
    min-width: 900px;
}

.wrap2{
     max-width: 1150px;
    margin: 0 auto;
    width: 95%;
}

.title {
    position: relative;
    width: 100%;
    text-align: center;
    mix-blend-mode: overlay;
    z-index: 5;
     padding:0 0 0 3em;
}


.title img{
    width: 80%;
}

.titletext{
    margin-top: 3em;
}


.mainimg{
width: 100%;
}

.mainimg img{
width: 100%;
}

.pierce2{
    padding: 5em 0 10em 0;
    display: flex;
    justify-content: center;
    width: 93%;
    margin:0 auto;
    margin-left: -3%;
}

.setup{
    position: relative;
  height: 100vh; /* 全画面表示 */
  background-repeat: no-repeat;
  background-size:cover;
  background-position:top center;
  width: 100%;
      background-image: url( "/user_data/packages/default/client/lp/2023/summer/img/pc/02.jpg");
        min-width: 800px;
}


.sub{
    position: relative;
    background-image: url( "/user_data/packages/default/client/lp/2023/summer/img/pc/back03.jpg");
    background-size: cover;
    background-position: center center;
    padding: 7em 0;
    overflow-y: hidden;
}

.sub1{
    width: 100%;
    display: flex;
    overflow-x: hidden;
    overflow-y: hidden;
}

.sub2{
    width: 100%;
    display: flex;
     overflow-x: hidden;
     overflow-y: hidden;
}

.sv{
  position: relative;
  height: 100vh; /* 全画面表示 */
  background-repeat: no-repeat;
  background-size:cover;
  background-position:top center;
  width: 100%;
      background-image: url( "/user_data/packages/default/client/lp/2023/summer/img/pc/05.jpg");
     min-width: 800px;
}

.gf{
  position: relative;
    display: flex;
    padding: 10% 0 0 0;
    overflow-x: hidden; 
    overflow-y: hidden;
    width: 93%;
    margin: 0 auto;
    justify-content: center;
}


.item01{
    width: 110%;
}

.item02{
position: relative;
    z-index: 2;
}


.item03{
    position: relative;
    width: 100%;
}

.item04{
    position: relative;
    width: 100%;
}

.titletext{
    font-family: 'Noto Serif JP', serif;
    font-size: 0.8em;
    line-height: 200%;
    font-weight: 500;
    text-align: center;
    letter-spacing: 0.1em;
}


.itemtext01{
    position: absolute;
    margin: 20% 10% 0 10%;
    width: 80%;
    background-color: rgba(204,182,188,0.50);
    border-radius: 0 10% 0% 10%;
    color: #7f603c;
    align-items: center;
    padding: 6em 0em;
}


.itemtext05{
    position: absolute;
    margin: 20% 10% 0 10%;
    width: 80%;
    background-color: rgba(226,177,167,0.80);
    border-radius: 0 10% 0% 10%;
    color: #000;
    align-items: center;
    padding: 6em 0em;
}


.wrap3{
    display: flex;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    height: 100vh;
    position: relative;
    max-width: 1000px;
}

.flextext{
    position: relative;
    width: 100%;
}

.itemtext02{
    position: absolute;
    display: block;
    bottom: 7%;
    right: 2%;
    margin: 0 0 0 auto;
    z-index: 5;    
    color: rgba(128,101,62,0.90);
    vertical-align: text-bottom;
}


.itemtext03{
     position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    padding: 5%;
    color: rgba(109,92,59,0.80);
    color: rgba(128,101,62,0.90);
}

.itemtext03b{
     position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    padding: 5%;
    color: rgba(109,92,59,0.80);
    color: rgba(128,101,62,0.90);
}



.itemtext04{
     position: absolute;
    display: block;
    bottom: 5em;
    right: 2%;
    margin: 0 0 0 auto;
    z-index: 5;    
    color: rgba(128,101,62,0.90);
    vertical-align: text-bottom;
}

.itemtext{
     line-height: 180%;
    letter-spacing: 0.03em;
    font-size: 0.75em;
    font-weight: 600;
    font-family: 'Cormorant Infant', serif;
    text-align: center;  
}

.itemtext p{
    display: inline;
}


.itemtitle{
    font-size: 1.5em;
    line-height: 200%;
    font-weight: 400;
}

.itemprice{
    font-size: 1.2em;
    line-height: 150%;
}





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

.btn p{
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Cormorant Infant', serif;
    font-size: 1em;
    margin: 1.5em auto;
    border: 1px solid rgba(0,0,0,0.7);
    width: 20em;
    height: 2em;
    padding: 0.5em 0.2em;
    line-height: 200%;
    color: rgba(0,0,0,0.8);
}

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

.btn :hover{
    text-decoration: none;
    color:#fff;
    background-color: rgba(255,255,255,0.10);
    border: 1px solid rgba(255,255,255,0.7);
    transition: 0.5s ;
}



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

.icon img{
    width: 60px;
    padding:0 0.7rem;
    mix-blend-mode: soft-light;
}


.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: rgba(0,0,0,0.7);
    font-size: 0.5em
}

@media screen and (max-width: 1070px) {
.back{
      background-image: url( "/user_data/packages/default/client/lp/2023/summer/img/sp/back01.jpg");
      background-position:top center;
 background-size:cover;
}

.back2{
      background-image: url( "/user_data/packages/default/client/lp/2023/summer/img/sp/back02.jpg");
      background-position:top center;
    background-size:cover;
}
    
    .setup{
        position: relative;
        background-size:  cover;
        height: 700px;
}
    
    .itemtext02{
    position: absolute;
    display: block;
    top: 400px;
    right: 2%;
    margin: 0 0 0 auto;
    z-index: 5;    
    color: rgba(128,101,62,0.90);
    vertical-align: text-bottom;
}
    
    .sv{
    position: relative;
        background-size:  cover;
        height: 700px;
}
    
      .itemtext04{
    top: 400px;
}
    
}

@media screen and (min-width: 1500px) {
   body {
    font-size: 19px !important;
}
    
    .wrap{
     max-width: 1170px;
}

.wrap2{
     max-width: 1350px;

}
    
    .wrap3{
    max-width: 1200px;
}
}