@import url('https://fonts.googleapis.com/css2?family=Sawarabi+Gothic&display=swap');
.buono-body{
font-family: 'Sawarabi Gothic', sans-serif;
overflow: hidden;
}
.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:#c7a3f3;
text-align:center;
}
.story-item-sub{
text-align:center;
}
.story-item-sub p{
letter-spacing: .24em;
font-size:2.5rem;
font-weight: 300;
background: #E3CCFF;
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,#e5dfec, #e5dfec40);
width:1000px;
height:740px;
position:absolute;
top: -40px;
left: 450px;
z-index: 0;
}
.img-bg-02{
background: linear-gradient(70deg,#e5dfec, #e5dfec40);
width: 880px;
height: 660px;
position: absolute;
top: -60px;
left: 450px;
z-index: 0;
}
.img-bg-03{
background: linear-gradient(230deg,#e5dfec, #e5dfec40);
width: 1080px;
height: 780px;
position: absolute;
top: -65px;
left: 450px;
z-index: 0;
}
.buono-profile{
border: solid 1px #e5dfec;
width:880px;
margin:0 auto;
}
@media (max-width: 768px){
.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:91%;
height:102%;
top: -29px;
left: -5px;
}
.img-bg-02{
width: 85%;
height: 90%;
top: 60px;
left: 64px;
}
.img-bg-03{
width: 100%;
height:46%;
top: -12px;
left: 0px;
}
.buono-profile{
width:auto;
margin:0 20px;
}
}
まるでフルーツのようにみずみずしく。
色とりどりに輝く「iOのある日々」の物語。
思わず笑みがこぼれる
Buono!(おいしい!)な毎日をつくります。
手をつなぎたくなるパープル。
ふたりの距離はもっと近くなる。
〜PURPLEのストーリー〜