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

.lnav{ margin-top: 2.0em;}
.lnav *{ margin-top: 0;}
.lnav ul{ display: grid; gap: 2px 2%; grid-template-columns: repeat(4, 1fr); }
.lnav ul li{ flex: 1;}
.lnav a{ display: block; background: #ae9466; color: #fff; text-decoration: none; padding: 0.7em 1.0em; line-height: 1.5; font-size: 86%; opacity: 0.5;}
.lnav a.active{ opacity: 1;}
.lnav a span{ display: block; font-size: 140%;}
@media screen and ( max-width: 480px ) {
  .lnav ul{ grid-template-columns: repeat(2, 1fr);}
}

.fig_addnote{ position: relative;}
.fig_addnote img{ display: block;}
.fig_addnote figcaption{ display: block; margin: 0; padding: 0.7em; position: absolute; right: 0; bottom: 0; font-size: 77%; color: #fff;}

.items{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 0 2.0em;}
.items .colspan02{ grid-column: span 2; }
.items figure{ display: block;}
.items figure img{ display: block;}
.items h3{ text-align: center; font-size: 116%; line-height: 1.5;}
.items .btitle{ text-align: left; border-bottom: solid 1px #666;}
.items p{ margin: 1.0em 0 0 0; font-size: 93%; line-height: 1.5;}
.items .caption{ font-size: 86%;}
@media screen and ( max-width: 480px ) {
  .items{ grid-template-columns: repeat(2, 1fr); gap: 0 1.0em;}
}

.section_main .logo_maker img{ height: 4.0em;}
.kitchen .section_main .gooddesign{ display: flex; gap: 0 2.0em; align-items: center;}
.kitchen .section_main .logo_gd{ width: 280px;}
@media screen and ( max-width: 480px ) {
  .kitchen .section_main .logo_lixil{ width: 40%;}
  .kitchen .section_main .gooddesign{ display: block;}
}

.functions{ background: #dff1f8; padding: 1.0em; display: grid; grid-template-columns: auto 1fr; gap: 2px 1.0em; line-height: 1.5;}
.functions dt{ margin: 0; text-align: center; background: #65a3b5; color: #FFF; padding: 0 0.5em;}
.functions dd{ margin: 0; font-size: 93%;}