@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
.buono-body{
font-family: 'Sawarabi Gothic', sans-serif;
}
.buono-catch{
letter-spacing: .24em;
line-height: 2.7;
font-size:1.8rem;
font-weight: 300;
text-align:center;
}
.buono-sub{
letter-spacing: .24em;
font-size:2.5rem;
font-weight: 300;
color:#ffa5ce;
text-align:center;
}
.story-item-sub{
text-align:center;
}
.story-item-sub p{
letter-spacing: .24em;
font-size:2.5rem;
font-weight: 300;
background: #ffcbe3;
color: #fff;
display: inline-block;
padding: 0 30px;
border-radius:30px;
}
.story-item .block-products{
margin:auto;
}
.sp-br{
display:none;
}
.img-parent{
position:relative;
}
.img-bg-01{
background:linear-gradient(100deg,#ffcbe3, #ffcbe340);
width:47%;
height:100%;
position:absolute;
top: -10%;
left: 31%;
z-index: 0;
}
.img-bg-02{
background: linear-gradient(70deg,#ffcbe3, #ffcbe340);
width: 48%;
height: 104%;
position: absolute;
top: -2%;
left: 26%;
z-index: 0;
}
.img-bg-03{
background: linear-gradient(230deg,#ffcbe3, #ffcbe340);
width: 46%;
height: 90%;
position: absolute;
top: -8%;
left: 23%;
z-index: 0;
}
.buono-profile{
border: solid 1px #ffcbe3;
width:880px;
margin:0 auto;
}
@media (max-width: 768px){
.buono-body{
overflow: hidden;
}
.buono-catch{
line-height: 2.5;
font-size:2.3rem;
}
.buono-sub,
.story-item-sub{
font-size:3rem;
}
.story-item-sub p{
padding: 5px 30px;
}
.sp-br{
display: inline-block;
}
.pc-br{
display:none;
}
.img-bg-01{
width:88%;
left:15%;
}
.img-bg-02{
width:94%;
left:3%;
}
.img-bg-03{
width:88%;
height:82%;
left:0%;
}
.buono-profile{
width:auto;
margin:0 20px;
}
}
まるでフルーツのようにみずみずしく。
色とりどりに輝く「iOのある日々」の物語。
思わず笑みがこぼれる
Buono!(おいしい!)な毎日をつくります。
キレイをあとおしするピンク。
自分を信じる力をあなたに。
〜PINKのストーリー〜