@charset "UTF-8";
/* CSS Document */

.products{ display: grid; grid-template-columns: repeat(3,1fr); gap: 0 2.0em;}
.products article{ margin: 1.5rem 0 0 0; padding: 0; background: #fff;}
.products figure{ display: block; margin: 0; padding: 100% 0 0 0; background: no-repeat center center / cover;}
.products h3{ margin: 1.0rem 1.0rem 0 1.0rem; color: #006837; font-size: 108%; font-weight: bold;}
.products .excerpt{ margin: 1.0rem 1.0rem 0 1.0rem; padding: 0 0 1.0rem 0; font-size: 86%; line-height: 1.5; min-height: 7.5em; border-bottom: solid 1px #006837;}
.products .name{ margin: 1.0rem 1.0rem 0 1.0rem; padding: 0; font-size: 86%; line-height: 1.5; min-height: 3.0rem;}
.products nav{ display: block; margin: 0 1.0rem 1.0rem 1.0rem; text-align: right; font-size: 86%; color: #006837; letter-spacing: 0;}

@media screen and ( max-width: 480px ) {
  .products{ display: grid; grid-template-columns: 1fr; gap: 0 2.0em;}
  .products article a{ display: grid; grid-template-columns: 150px auto; gap: 0 1.0rem;}
  .products figure{ height: 150px;}
  .products h3{ align-content: center;}
  .products .excerpt{ min-height: 0; grid-column: auto / span 2; margin-bottom: 0.5rem;}
  .products .name{ min-height: 0; margin: 0 1.0rem 0 1.0rem; grid-column: auto / span 2;}
  .products .name br{ display: none;}
  .products nav{ grid-column: auto / span 2;}
}

.product figure{ display: block; padding: 56.25% 0 0 0; background: #e5e5e5 no-repeat center center / contain;}
.product h3{ color: #006837; font-size: 116%; font-weight: bold;}
.product .body{ line-height: 1.5;}
.product .spec{ display: grid; grid-template-columns: minmax(100px, min-content) 1fr; gap: 0.5em 0;}
.product .spec dt,
.product .spec dd{ margin: 0; padding: 0;}
.product .spec dt:after{ content: '：';}
.product .spec dd a{ color: #0082FF; text-decoration: underline;}
.product .spec .shops *{ margin-top: 0;}
.product .member{ margin: 1.0rem 0 0 0; padding: 1.0rem 0 0 0; color: #006837; border-top: solid 1px #000;}
.product .member a{ margin-left: 1.0em;}


.widget_recent{}
.widget_recent ul li a{ display: flex; margin: 0; padding: 0.7em 0; gap: 0 1.0em; align-items: center; line-height: 1.5;}
.widget_recent ul li a *{ margin-top: 0;}
.widget_recent ul li a figure{ display: block; margin: 0; padding: 0; width: 80px; height: 80px; background: #e5e5e5 no-repeat center center / contain;}
.widget_recent ul li a .title{ font-weight: bold;}
.widget_recent ul li a .name{ font-size: 77%;}