@charset "UTF-8";

/*大きな背景画像*/

body{
margin: 0px;
padding: 0px;

}

#home{
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
background-image: url("cainz/photo/top.jpg");
height: 667px;
/*min-height: 100vh;*/
/*min-width: 70vh;*/

width : 375px;
}


body
.home-content{
text-align: center;
}
/*カインズロゴ*/
.page-header{
text-align: center;
padding-top: 5px;
margin-top: 0px;
background-color: #430A0A;

}
/*くらし快適。*/
.page-title{
font-size: 2.5em;
text-align: center;
margin-top: 250px;
margin-left: 15px;
color: #FFFFFF;
}

h2{
font-family: fot-tsukuardgothic-std,sans-serif;
font-weight: 400;
font-size: 2em;
color: #FFFFFF;
}


div.bottom {
text-align: center;
margin-top: 220px;
/*margin-left: 15px;*/
}

/*室内物干しの魅力*/
.blown{
font-family: '02うつくし明朝体';
text-align: center;
margin-top: 10%;
font-size: 3.5em;
letter-spacing: 5px;
color:#430A0A;
}


div h2{
color: #430A0A;
font-size: 0.5em;
text-align: center;
margin-top: 50px;
margin-left: 15px;
font-family: "こころ明朝体";
}


/*ここから商品の魅力について*/

/*全ての写真*/
div.container{
background-image: url("cainz/photo/all_photo.png");
height:2618px;
width: 376px;
margin-top: 60px;

}
/*どんなお部屋にもなじみます*/
p.nazimu{
margin-top: 45px;
margin-right: 20px;
text-align:right;
font-size: 1.6em;
line-height: 1.7;

}
p.texta{
width: 200px;
text-align:left;
margin-top: 200px;
margin-left: 20px;
line-height: 2.2;
}

/*布団も干せちゃう。*/
p.futon{
text-align:left;
margin-top: 40px;
margin-left: 20px;
font-size: 1.6em;
}

p.textb{
text-align:right;
margin-top: 260px;
margin-right: 20px;
line-height: 2.2;
}

/*移動だって楽ちん*/
p.move{
text-align:right;
font-size: 1.6em;
line-height: 1.7;
margin-top: 60px;
margin-right: 20px;

}
p.textc{
width: 200px;
text-align:left;
margin-top: 290px;
margin-left: 20px;
line-height: 2.4;
}

/*収納スペースには困りません*/
p.spece{
ttext-align:left;
margin-top: 70px;
margin-left: 20px;
font-size: 1.6em;
}

p.textd{
text-align:right;
margin-top: 260px;
margin-right: 20px;
line-height: 2.2;
}

/*ここまで商品の魅力について*/


div.blown{
color: #430A0A;
text-align: center;
margin-top: 10%;
font-size: 3em;
}

.container{
display:flex;
flex-direction:column;
margin-bottom: 0px;
}

p {
color: #FFFFFF;
font-family: fot-tsukuardgothic-std,sans-serif;
font-weight: 400px;
font-style: normal;
}

h5{color: #FFFFFF;
}




/*商品を購入するところ*/

.goods{
color:#430A0A;
text-align: center;
font-family:'凸版文久ゴシック デミボールド';
font-size: 1.2em;
margin-top: 40px;
}

.mark{
color:#430A0A;
width: 30px;
margin-left: 110px;
margin-top: 40px;
font-size:1.4em;

}

.money{
text-align: center;
font-size: 2em;
font-family: "ヒラギノ角ゴシック W4";
color:#430A0A;
}

.tax{
color:#430A0A;
text-align: right;
margin-right: 20px;
padding-right: 10px;
margin-top: 57px;
font-size:0.5em;

}
.color{
color:#430A0A;
text-align: center;
font-size:0.9em;
margin-top: -30px;


}

.onedan{
display: flex;
flex-direction: row;
text-align: center;
margin-top: -30px;
}

.buy{
text-align: center;
padding-top: 20px;
margin-bottom: 50px;
}


/*ここまで購入する*/

.girls{
text-align: center;
margin-top: 110px;

}

.we_are{
text-align: center;
padding-bottom: 100px;
margin-top: -100px;
}


footer{
background-color: #430A0A;
padding: 0px;
text-align: center;
}


.icon{
text-align: center;
padding-top: 40px;
letter-spacing: 20px;
}






/*ここからページ変わる、みんなの使い方へ*/


#second{
background-size: contain;
background-position: center top;
background-repeat: no-repeat;
background-image: url("cainz/photo/people_top.jpg");
height: 667px;
width: 375px;
text-align: center;
margin-bottom: 150px;
}

.user{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
height: 600px;
background-size:contain;
margin-top: 70px;
}

.bon{
text-align:center;
font-size: 0.8em;
width: 375px;
margin-top: 430px;



}

.use_girl1{
background-image: url("cainz/photo/use_girla.png");
background-repeat: no-repeat;
width: 358px;
height: 1208px;
margin-top: 150px;
}

p.lettera{
padding-top: 470px;
padding-left: 50px;
padding-bottom: 50px;
text-align: left;
font-size: 0.8em;
color: #DADADA;

}

h5.age1{
text-align: right;
margin-top: -47px;
margin-right: 5px;
font-size: 0.1em;
color: #B2B2B2;
}


.use_girl2{
background-repeat: no-repeat;
background-image: url( "cainz/photo/use_girlb.png");
width: 358px;
height: 1208px;
text-align-last:right;
margin-top: -550px;
margin-left: 17px;
}


p.letterb{
padding-top: 470px;
padding-right: 30px;
text-align: right;
font-size: 0.8em;
color:#DADADA;

}

h5.age2{
font-size: 0.1em;
color:#B2B2B2;
margin-left:5px;
}


.use_girl3{
background-repeat: no-repeat;
background-image: url( "cainz/photo/use_girlc.png");
width: 358px;
height: 1208px;
text-align-last: left;
margin-top: -550px;

}

p.letterc{
padding-top: 470px;
padding-left: 35px;
font-size: 0.8em;
color:#DADADA 

}

h5.age3{
font-size: 0.1em;
text-align: right;
margin-right: 5px;
color:#B2B2B2; 
}



.howto{
color:#5A1C1D; 
text-align: center;
font-size: 1.5em;
font-family: "筑紫A丸ゴシック レギュラー";
margin-top: -550px
}

.phone{
text-align: center;
margin-top: -20px;
}

.share{
text-align: center;
margin-top: 20px;
margin-bottom: 50px;
}

div .icon{
resize: 80%;
}