@charset "utf-8";
/* CSS Document */
/*---------------------- Contents ------------------------*/
#contents {
padding-top: 0;
background-color: #000000;
}
@media (min-width: 768px) {
#contents .container-fluid{
padding:0;
}
#contents .container-fluid.inner{
max-width: 100%;
min-width: 100%;
width:100%;
}
}
@media (max-width: 767px){
#contents .container-fluid,#contents .container-fluid.inner{
padding:0;
}
}
/*---------------------- PR Main ------------------------*/
#main_inner{
text-align: center;
}
#main_inner img{
max-width:100%;
}
#main_inner .sec04{
background-color: #FFFFFF;
max-width: 1280px;
margin:0 auto 50px;
}
#main_inner .sec04 ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#main_inner .sec04.holder ul{
padding:0 10px;
}
#main_inner .sec04.armring ul{
padding:0 15px;
}
@media (min-width: 768px) {
#main_inner p.sec{
margin:0 0 50px;
}
#main_inner .sec04 ul li{
width:calc(100% / 3);
margin:0 0 10%;
}
#main_inner .sec04.holder ul li{
padding:0 3%
}
#main_inner .sec04.armring ul li{
padding:0 3%
}
}
@media (max-width: 767px){
#main_inner p.sec{
margin:0 0 20px;
}
#main_inner .sec04{
margin:0 auto 20px;
}
#main_inner .sec04 p{
margin:0;
}
#main_inner .sec04 ul{
padding:0 20px;
}
#main_inner .sec04 ul li{
width:calc(100% / 2);
margin:0 0 10%;
}
#main_inner .sec04.holder ul li img{
width:70%;
}
#main_inner .sec04.armring ul li img{
width:80%;
}
}