@charset "utf-8";
/*---------------------- Contents ------------------------*/
#contents {
padding-top: 0;
}
@media (min-width: 768px) {
#contents .inner {
max-width: 1280px;
}
#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;
}
}
/*---------------------- Describe ------------------------*/
#describe h2{
margin:0 0 2%;
}
#describe p{
margin:0;
}
#describe p.orderBtn{
text-align: center;
margin:0 0 5%;
}
@media (max-width: 1312px) and (min-width: 768px) {
#describe p.profile{
padding:0 16px;
}
}
@media (min-width: 768px) {
#describe .itemList{
text-align: center;
padding:6% 0 3%;
}
#describe .itemList h3{
margin:0 0 3%;
font-size: 36px;
font-size: 3.6rem;
letter-spacing: 0.1em;
}
#describe .itemList ul{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding:0 7%;
}
#describe .itemList ul li{
margin-right:10%;
width:calc(80% / 3);
}
#describe .itemList ul li:last-child{
margin-right:0;
}
#describe .itemList ul li p.itemName{
margin:15% 0 0;
font-size: 18px;
font-size: 1.8rem;
font-weight:700;
letter-spacing: 0.2em;
}
#describe p.text3, #describe p.text4{
margin:0 0 2%;
}
#describe p.profile{
margin:4% 0 4%;
}
}
@media (max-width: 767px){
#describe .itemList{
text-align: center;
padding:30px 0 0;
}
#describe .itemList h3{
font-size: 18px;
font-size: 1.8rem;
margin:0 0 25px;
}
#describe .itemList ul{
padding:0 20%;
}
#describe .itemList ul li{
margin:0 0 20%;
}
#describe .itemList ul li p.itemName{
font-size: 12px;
font-size: 1.2rem;
margin:15px 0 0;
}
#describe p.text3, #describe p.text4{
margin:0 0 3%;
}
#describe p.profile{
padding:0 20px;
margin:20px 0;
}
#describe p.orderBtn{
margin:30px 40px 40px;
}
}