@charset "UTF-8"

;html{
    scroll-behavior: smooth;
}


body{
    color: #92967e;
    font-family: "M PLUS Rounded 1c";   
}

#mainContent  {
    background-color:#e0c9bf;
    background-image: url("image/background.png");
    width: 100%;
    z-index: 0;
}

.wf-roundedmplus1c {
    font-family: "M PLUS Rounded 1c";
}


/*--オープニングアニメーション--*/
.loading{
    background-color: #92967e;
    width: 100vw;
    height: 500vh;
}

.Loading{
    color: white;
    font-size: 14pt;
    margin-top: 370px;
    margin-left: 145px;
}

.spinner img{
    width: 120px;
    margin-top: 230px;
    margin-left: 125px;
}


/*--ヒーロー画面--*/
.main-hero-rogo img{
    width: 174px;
    margin-top: 15px;
    margin-left: 103px;
}

.main-hero-gif img{
    width: 100%;
    margin-top: -50px;
    position: relative;
}

.main-hero-copy img{
    width: 150px;
    margin-top: -400px;
    margin-left: 160px;
    position: absolute;
}

.main-hero-h0img img{
    width: 282px;
    margin-top: -100px;
    margin-left: 45px;
    position: absolute;
}


/*--コンセプト説明--*/
.main-explanation-h1img img{
    margin-top: 100px;
    margin-left: 47px;
    width: 279.2084px;
}

.main-explanation{
    background-image: url(image/商品写真.gif);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: 70px 510px;
}

.main-explanation-text{
    margin-top: 10px;
    margin-left: 47px;
    font-size: 10pt;
    font-weight: bold;
    line-height: 43pt;
}


/*--他商品紹介--*/
.main-friends-h2img img{
    width: 230px;
    margin-top: 80px;
    margin-left: 72px;
    
}

.main-friends-sikakuinanikasann img{
    width: 184.5041px;
    margin-top: 30px;
    margin-left: 92px;
}

.main-friends-h3img img{
    width: 184.5041px;
    margin-top: 10px;
    margin-left: 92px;
}

.main-friends-sinnpaikunn img{
    width: 227.5738px;
    margin-top: 80px;
    margin-left: 72px;
}

.main-friends-h4img img{
    width: 118.3467px;
    margin-top: 10px;
    margin-left: 130px;
}

.main-friends-sikakuidarekasann img{
    width: 230px;
    margin-top: 80px;
    margin-left: 80px;
}

.main-friends-h5img img{
    width: 178.4102px;
    margin-top: 10px;
    margin-left: 100px;
}


/*--購入関連--*/
.main-buy-h6img img{
    width: 245px;
    margin-top: 100px;
    margin-left: 68px;
}

.main-buy-h7img img{
    width: 180px;
    margin-top: 20px;
    margin-left: 101px;
}

.main-buy-minnne img{
    width: 270px;
    margin-top: 10px;
    margin-left: 55px;
}

.main-buy-h8img img{
    width: 207px;
    margin-top: 40px;
    margin-left: 78px;
}

.main-buy-pininstore img{
    position: relative;
    width: 290px;
    margin-top: 10px;
    margin-left: 45px;
}

.main-buy-pininstore .fa-instagram{
    position: absolute; 
    margin-top: 302px;
    margin-left: -232px;
}

.main-buy-pininstore .fa-x-twitter{
    position: absolute; 
    margin-top: 302px;
    margin-left: -160px;
}

.main-buy-pininstore .fa-tiktok{
    position: absolute; 
    margin-top: 302px;
    margin-left: -81px;
}

.main-buy-gif img{
    width: 375px;
    margin-top: -9px;
}


/*--作者プロフィール--*/
.main-profile-h9img img{
    width: 191px;
    margin-top: -9px;
    margin-left: 92px;
}

.main-profile img{
    width: 170px;
    margin-top: 30px;
    margin-left: 96px;
}

.main-profile p{
    margin-top: 35px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    line-height: 20pt;
    color: white;
}

.main-profile-icon .fa-instagram{
    position: relative;
    margin-top: 23px;
    margin-left: 133px;
}


.main-profile-icon .fa-x-twitter{
    position: absolute;
    margin-top: 24px;
    margin-left: 45px;
}


/*--フッター--*/
.footer-gif img{
    margin-top: -9px;
    width: 375px;
}

.footer-img img{
    width: 375px;
    position: relative;
    margin-bottom: -7px;
}

.footer-pagetop img{
    width: 85px;
    position: absolute;
    margin-top: -50px;
    margin-left: 142px;
}

.copy{
    font-size: 8px;
    color: white;
    margin-left: 125px;
    margin-top: -80px;
    position: absolute;
}