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

*{
margin:0;
padding:0;
line-height: 0;
}

a{
    text-decoration: none;
    color: #2d2d2d;
}

.itemcont a:hover{
    color:#b2a065;
}



body{
    font-size: 14px;
    font-family: 'Noto Serif JP', serif;
    min-width: 980px;
}

img{
    width: 100%;
    
}

p{
    line-height: 170%;
}

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

.title{
    position: absolute;
    top: 40%;
    left: 15%;
           font-family: 'Cormorant Infant', serif;
    font-size:3.1em;
    letter-spacing: 1.5px;
    font-weight: 300;
}

.title p{
    line-height: 110%;
}





.sentence{
    text-align: center;
    padding: 6rem 0;
}

.sentence p{
    line-height: 200%;
    color: #2d2d2d;
    font-size: 1em;
   font-weight: 100;
}


.itemcont{
    display: flex;
    font-family: 'Cormorant Infant', serif;
    font-weight: 500;
     max-width: 1100px;
}

.itemcont p{
    line-height: 190%;
    font-size: 0.9em;
}

.buy {
    font-family: 'Cormorant Infant', serif;
 font-style: italic;
 font-weight: 400;
color: #b2a065;
}

.item-pu-title{
    font-size: 1.0em;
    color: #b2a065;
    line-height: 160%;
    padding-top: 0.5em;
    font-weight: 500;
}
.fromleft{
    font-size: 0.8em;
    color: #2d2d2d;
    line-height: 120%;
}




.btn{
    text-align: center;
    width: 80%;
    margin: 0 auto;
    font-size: 0.9em;
    color: #000;
    padding: 9rem 0 7rem 0;
}

.btn div{
    color: #000;
font-family: 'Cormorant Infant', serif;
 font-weight: 300;
    font: bold;
    letter-spacing: 1px;
    font-size: 1.6em;
    width: 300px;
    background-color: #fff;
    margin:2.5rem auto 0 auto;
    padding: 0.6rem 1.5rem;
       -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
    border: 1px solid #000;
}

.btn a {
    color: #000;
    }

.btn div:hover {
    background-color :#B0B0B0;
    border: 1px solid #fff;
    color: #fff;
    }

.btn a:hover {
    color: #000;
    }

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

.icon img{
    width: 50px;
    padding:0 1rem;
}


.footer{
	position: absolute;
	bottom: 5px;
	text-align: center;
	width: 100%; 
}

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

@media screen and (max-width: 1100px) {
/* タブレット用レイアウト 600px以下の範囲に収めるデザインはこの中に記述 */
    .main {
    position: relative;
  height: 100vh; /* 全画面表示 */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url( "/user_data/packages/default/client/lp/2022/summer/img/pc/main2.jpg");
 min-height: 600px;
}

.title{

left: 5%;
    font-size: 2.2em;
    letter-spacing: 1.5px;
    font-weight: 300;
}
    
}


@media screen and (min-width:1500px) {
    /*　画面サイズが1500pxからはここを読み込む　*/
    body{
    font-size: 16px;
    font-family: 'Noto Serif JP', serif;
}
    
    .itemcont{
    display: flex;
    font-family: 'Cormorant Infant', serif;
    font-weight: 500;
     max-width: 1200px;
}

    
    p{
        line-height: 200%;
    }
    

}