.choco{
background: 
url("../img/back_top26.svg") no-repeat top,
url("../img/back_bottom26.svg") no-repeat bottom,
url("../img/back_left26.svg") repeat-y left fixed,
url("../img/back_right26.svg") repeat-y right fixed;
background-color: #260a08;
}
.choco h1{margin:100px auto 0 auto;width:100%;text-align:center;}
.choco h1 img{max-width:1000px;}
.choco div{margin:0 auto;width:100%;text-align:center;}
.choco_tea,.choco_sub li,.brownie,.nuit{padding-bottom:40px;}
.choco_tea img,.brownie img,.nuit img{max-width:800px;}
@media (min-width: 767px){
.choco_tea ul{
margin:0 auto;
display: grid; 
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
max-width:800px;
background-color: #fff;
}
.nuit ul{
margin:0 auto;
display: grid; 
grid-template-columns: 1fr 1fr 1fr 1fr;
max-width:800px;
background-color: #fff;
}
}
@media (max-width: 768px){
.choco_tea ul,.nuit ul{
margin:0 auto;
display: grid; 
grid-template-columns: 1fr 1fr 1fr;
background-color: #fff;
}
}
.choco_tea ul li,.nuit ul li,.choco_sub li{list-style:none;}
.choco_sub ul{
display:flex;
flex-wrap: wrap;
justify-content: center;
}
.choco_sub ul li{
max-width:400px;}
.choco_sub img{
max-width:400px;
}
.choco_tea h2,.choco_sub h2,.brownie h2,.nuit h2{padding-top:16px;color:#fff;font-size:1.2rem;}
.choco_tea p,.choco_sub p,.brownie p,.nuit p{color:#fff;font-size:1rem;font-weight:700;}
.service_shop{padding-bottom:160px;}
.service_shop,.service_shop h6{color:#fff;}
.service_shop h3{margin:16px 0;padding:4px;background-color:#c7161e;color:#fff;font-size:1rem}