#main .list div:after {
content: "";
clear: both;
display: block
}
#pankuzu {
margin: 5px auto 10px 0;
font-size: .9em
}
#main sup {
line-height: 0
}
.not-found {
width: 700px;
margin: 30px auto;
text-align: left
}
.not-found h3 {
font-size: 1.2em;
margin: 0 auto 30px
}
.not-found .text {
margin: 10px auto 20px
}
.not-found .link {
text-align: right
}
.not-found a {
color: #666
}
#main .attention {
font-size: 10px;
margin-top: 30px
}
#main .price-banner {
display: flex;
justify-content: space-between
}
#main .price-banner img {
margin: 15px auto;
width: 100%
}
#main .lineup {
width: 100%;
padding: 10px;
background: #ECF1FF;
margin-top: 15px
}
#main .gallery .lineup h3, #main .lineup h3 {
text-align: center;
font-size: 1.3em;
margin: 0 auto 20px
}
#main .lineup ul {
display: flex;
flex-wrap: wrap;
justify-content: space-around
}
#main .lineup li {
padding: 0 5px 20px;
max-width: 240px
}
#main .lineup li img {
width: 100%
}
.banners {
width: 100%;
margin: 30px 0;
text-align: center
}
.banners:after {
content: "";
clear: both;
display: block
}
#sns {
margin: 0 auto 50px
}
#sns h3 {
margin-bottom: 30px
}
#sns ul {
text-align: center;
width: 100%
}
#sns ul li {
display: inline-block;
width: 30%
}
#sns ul li a {
width: 100%;
padding: 10px 0;
display: block
}
#sns ul li .facebook {
background: #3F61A6
}
#sns ul li .twitter {
background: #238ACC
}
#sns ul li .line {
background: #2BAB38
}
#main {
padding-bottom: 700px
}
footer {
background: #FFF
}
footer .middle {
background: #F0EDDC;
padding: 30px
}
.menu-black {
width: 100%;
margin-bottom: 30px
}
.menu-black ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.menu-black ul li {
width: 25%
}
.menu-black ul li a {
width: calc(100% - 20px);
color: #FFF;
background: rgba(0, 0, 0, .8);
padding: 30px 10px;
display: block;
border-bottom: 1px solid #DDD;
border-right: 1px solid #DDD;
text-align: left;
font-size: .9em
}
.menu-black ul li a span {
display: block;
font-size: 1.5em
}
@media screen and (max-width:960px) {
#main .not-found {
width: 70%
}
.menu-black ul li a {
width: 100%
}
#main {
padding-bottom: 0
}
}
@media screen and (max-width:768px) {
#main .not-found {
width: 90%
}
#main .lineup li {
width: 30%
}
.menu-black ul li {
width: 50%
}
}
@media screen and (max-width:600px) {
header {
padding-top: 0
}
#main .price-banner {
display: block;
text-align: center
}
}
@media screen and (max-width:480px) {
#main #pankuzu {
display: none
}
#main .lineup li {
width: 48%
}
}