#goods #card{display: flex; flex-flow: row wrap; margin:5% auto;}
#goods .l-card,#goods .card2{background-color:rgba(255,255,255,0.7); box-shadow:8px 10px 18px rgba(9,2,4,0.1); letter-spacing:.03em; margin:0 8% 5% 0; width:45%; padding:2%;}
#goods .l-card:nth-child(even){margin:0 0 5% 0;}
.l-thumbnail {
  position: relative;
  overflow: hidden;
}
.thumbnail-wrapper {width:380px; height:380px; display: block; margin:0 auto; padding:0; background-size:cover;}
#goods #card h3,#goods .card2 h3{font-size:120%; padding:0 0 .3em; margin:1em 0 .5em; border-bottom:1px solid rgba(17,17,17,0.2);}
#goods #card p,#goods .card2 p{font-size:100%;}
#goods .card2.k-g1{margin:5% auto; width:672px;}
#goods .card2.k-g1 .thumbnail-wrapper{width:672px; height:450px;}
#goods .card2.o-g1{margin:5% 0; width:98%;}
#goods .card2.o-g1 .thumbnail-wrapper{width:800px; height:500px;}
#goods .card2.o-g15{margin:5% 0; width:98%; box-shadow:none;}
#goods .card2.o-g15 .thumbnail-wrapper{width:800px; height:500px;}
#goods .card2.o-g15 p{font-size:110%; padding:2% 0; text-align:center;}

.o-g1 .thumbnail-wrapper{background-image: url(../img/goods/original/g1.png);}
.o-g2 .thumbnail-wrapper{background-image: url(../img/goods/original/g2.jpg);}
.o-g3 .thumbnail-wrapper{background-image: url(../img/goods/original/g3.jpg);}
.o-g4 .thumbnail-wrapper{background-image: url(../img/goods/original/g4.jpg);}
.o-g5 .thumbnail-wrapper{background-image: url(../img/goods/original/g5.jpg);}
.o-g6 .thumbnail-wrapper{background-image: url(../img/goods/original/g6.jpg);}
.o-g7 .thumbnail-wrapper{background-image: url(../img/goods/original/g7.jpg);}
.o-g8 .thumbnail-wrapper{background-image: url(../img/goods/original/g8.jpg);}
.o-g9 .thumbnail-wrapper{background-image: url(../img/goods/original/g9.jpg);}
.o-g10 .thumbnail-wrapper{background-image: url(../img/goods/original/g10.jpg);}
.o-g11 .thumbnail-wrapper{background-image: url(../img/goods/original/g11.jpg);}
.o-g12 .thumbnail-wrapper{background-image: url(../img/goods/original/g12.jpg);}
.o-g13 .thumbnail-wrapper{background-image: url(../img/goods/original/g13.jpg);}
.o-g14 .thumbnail-wrapper{background-image: url(../img/goods/original/g14.jpg?1);}
.o-g15 .thumbnail-wrapper{background-image: url(../img/goods/original/g15.jpg);}
.o-g7 .thumbnail-wrapper{background-image: url(../img/goods/original/g7.jpg);}
.p-g1 .thumbnail-wrapper{background-image: url(../img/goods/parco/g1.jpg?1);}
.p-g2 .thumbnail-wrapper{background-image: url(../img/goods/parco/g2.jpg?1);}
.p-g3 .thumbnail-wrapper{background-image: url(../img/goods/parco/g3.jpg?1);}
.p-g4 .thumbnail-wrapper{background-image: url(../img/goods/parco/g4.jpg?1);}
.p-g5 .thumbnail-wrapper{background-image: url(../img/goods/parco/g5.jpg?1);}
.p-g6 .thumbnail-wrapper{background-image: url(../img/goods/parco/g6.jpg?1);}
.p-g7 .thumbnail-wrapper{background-image: url(../img/goods/parco/g7.jpg?1);}
.p-g8 .thumbnail-wrapper{background-image: url(../img/goods/parco/g8.jpg?1); transition: 0.5s;}
.p-g8 .thumbnail-wrapper:hover{background-image: url(../img/goods/parco/g8_2.jpg?1);}
.m-g1 .thumbnail-wrapper{background-image: url(../img/goods/minion/g1.jpg?1);}
.m-g2 .thumbnail-wrapper{background-image: url(../img/goods/minion/g2.jpg?1);}
.k-g1 .thumbnail-wrapper{background-image: url(../img/goods/kaiyodo/ph.jpg);}

@media all and (min-width: 768px) {
#goods #card p span.f90,#goods .card2 p span.f90{line-height:160% !important; display:inline-block; padding:.5em 0 0;}
}

@media all and (max-width: 767px) {
#goods .l-card,#goods .card2{margin:0 3% 5% 0; width:48.5%; padding:3% 0;}
#goods .l-card:nth-child(even){margin:0 0 5% 0;}

#goods .l-card.m-g1,#goods .l-card.m-g2{width:86%; margin:0 auto 5%;}

.thumbnail-wrapper{width:90%; height:auto; padding:90% 0 0; position:relative;}
.thumbnail-wrapper img{position:absolute; top: 0; left:0; width:100%; height:100%;}
#goods #card h3,#goods .card2 h3{padding:0 0 1.5%; margin:4% 4% 4%; font-size:120%; line-height:135%;}
#goods #card p,#goods .card2 p{font-size:120%; margin:0 4%; line-height:140%;}
#goods #card p span.f90,#goods .card2 p span.f90{font-size:85% !important; line-height:140% !important; display:inline-block; padding:.5em 0 0;}

#goods .card2.k-g1,#goods .card2.o-g1,#goods .card2.o-g15{width:100%;}
#goods .card2.k-g1{margin:5% auto 10%;}
#goods .card2.k-g1 .thumbnail-wrapper{width:90%; height:auto; padding:60.2678571429% 0 0;}
#goods .card2.o-g1 .thumbnail-wrapper{width:90%; height:auto; padding:56.25% 0 0;}
#goods .card2.o-g15 .thumbnail-wrapper{width:100%; height:auto; padding:62.5% 0 0;}
#goods .card2.o-g15 p{margin:0;}
}