@charset 'utf-8';

/*↓reset↓*/
.about, .about *,
.product, .product * {
text-shadow:0 1px 1px rgb(0,0,0,75%);
}
/*↑reset↑*/

/*↓EMRについて↓*/
.about { text-align:center; padding:32px;}
.about img { display:inline-block; width:256px;}
.about p {
font-size:20px; line-height:1.5;
margin-top:16px;
}
@media screen and ( max-width:768px ){
.about img { width:192px;}
.about { padding:16px;}
.about p { font-size:16px;}
}
@media screen and ( max-width:480px ){
.about img { width:128px;}
.about p { font-size:12px;}
}
/*↑EMRについて↑*/
/*↓商品↓*/
.product {
display:flex; flex-wrap:wrap; justify-content:center;
text-align:center;
padding:24px;
opacity:0;
transform:translateY(16px);
animation:product 1s 1s forwards;
}
@keyframes product { to { opacity:1; transform:translateY(0);}}
.product　a { display:inline-block;}
.product .item { padding:8px;}
.product .item > :nth-child(n+2) { margin-top:8px;}
.product.onsl .item { width:272px;}
.product.sout .item { width:208px;}

.product .item figure {
position:relative;
display:flex; justify-content:center; align-items:center;
}
.product.onsl .item figure { width:256px; height:256px;}
.product.sout .item figure { width:192px; height:192px;}

.product img { display:block; max-width:100%; width:auto; max-height:100%; height:auto;}

.product figcaption {
position:absolute; left:-4px; top:-4px;
background:rgba(0,0,0,0.8);
border:solid 1px #FFF;
box-shadow:0 1px 2px #000;
color:#FFF;
padding:6px;
}
.product.onsl figcaption { font-size:14px;}
.product.sout figcaption { font-size:12px;}

.product h3 { margin-top:16px;}
.product.onsl h3 { font-size:20px;}
.product.sout h3 { font-size:16px;}

.product h4 { color:#FFF;}
.product h4:empty { display:none;}/* 値が無い場合は表示しない */
.product.onsl h4 { font-size:24px;}
.product.sout h4 { font-size:20px;}
.product h4:before  { content:'\ffe5';}/* ￥ */

.product p { color:#CDD; line-height:1.25;}
.product.onsl p { font-size:14px;}
.product.sout p { font-size:12px;}

.product ul { list-style-type:none;}
.product li  { color:#9AA; line-height:1.25;}
.product.onsl li { font-size:12px;}
.product.sout li { font-size:10px;}

@media screen and ( max-width:768px ){
.product { padding:0;}
.product.onsl h3 { font-size:18px;}
.product.sout h3 { font-size:14px;}
.product.onsl h4 { font-size:20px;}
.product.sout h4 { font-size:16px;}
}
/*↑商品↑*/