@charset "UTF-8";

.has-sidenav .outer {
    display: flex;
    gap:60px;
}

.has-sidenav .outer aside {
    width:200px;
}

.has-sidenav .outer article{
    width: calc(100% - 260px);
}

@media (max-width:1024px){
.has-sidenav .outer article{
    width: 100%;
}
}
.side_nav dl dt, .side_nav dl dt, .side_nav dl li {
    border-top:1px solid #bfbfbf;
}

.side_nav dl dt a, .side_nav dl dt span{
    display: flex;
    padding-inline:var(--blankXS);
    height:var(--blankM2);
    justify-content: flex-start;
    align-items: center;
    transition:all .3s var(--easeout);
    font:var(--hfont2);
    width:100%;
    position:relative;
}
.side_nav dl dt a:before,.side_nav dl dt span:before {
    content:"";
    width:7px;
    height:7px;
    background: url(../img/next.svg) no-repeat;
    background-size: contain;
    position:absolute;
    left:0;
    top:calc(50% - 3.5px);
}
.side_nav dl dt a:hover,.side_nav dl dt .active, .side_nav .menu_group:hover dt a, 
.project .side_nav dl.menu-project dt a, .catalog .side_nav dl.menu-catalog dt a,
#project_single .side_nav dl.menu-project dt a{
    background-color: #f4f4f4;
}

.side_nav dl dd {
  display: none;
  transition: all 0.3s var(--ease);
}
.side_nav dl dd.open {
  display: block;
}
.category .side_nav dl dd.dd_category, #product_single .side_nav dl dd.dd_category{
  display: block !important;
}
.post-type-archive-brand .side_nav dl dd.dd_brand, .single-brand .side_nav dl dd.dd_brand{
  display: block !important;
}
.catalog .side_nav dl dd.dd_catalog {
  display: block !important;
}
.side_nav {
   border-bottom:1px solid #bfbfbf; 
}
.side_nav dl dd li {
    list-style-type: none;
}
.side_nav dl dd li a {
    display: flex;
    padding-left:var(--blankS);
    height:var(--blankM2);
    justify-content: flex-start;
    align-items: center;
    transition:all .3s var(--easeout);
    font:var(--hfont5);
    width:100%;
    position:relative;
    white-space: nowrap;
}
.side_nav dl dd li a span {
    font:var(--font5);
    margin-left:10px;
    letter-spacing: 0.05;
}
.side_nav dl dd li a:before {
    content:"";
    width:7px;
    height:7px;
    background: url(../img/next.svg) no-repeat;
    background-size: contain;
    position:absolute;
    left:calc(var(--blankXXS)*1.5);
    top:calc(50% - 3.5px);
} 
.side_nav .menu_group:hover dd {
  display: block;
}
.side_nav dl dd ol.child li {
  border-top:none;
}
.side_nav dl dd ol.child li a {
  height:var(--blankS);
}
.side_nav dl dd ul li.has-child {
  padding-bottom:var(--blankXXS);
}
.side_nav dl dd ol.child {
  padding-left:1em;
}
@media (max-width:1279px){
.side_nav dl dt a, .side_nav dl dt span{
    padding-inline:var(--blankS);
}
}
/*********
  製品一覧
  ************/

  .product-list_box figure {
    width:100%;
    height:auto;
    aspect-ratio:312/225;
    overflow: hidden;
  }
  .product-list_box figure img {
    width:100%;
    height:100%;
    object-fit: contain;
    object-position: center;
    transform: scale(1.0);
    transition:transform .3s var(--ease);
  }
  .product-list_box:hover figure img {
    transform: scale(1.1);
  }

  .product-list_box .brand_label {
        background-color: #EFEFEF;
        text-align: center;
        font:var(--hfont7);
        width:calc(var(--blankL) + 5px);
        display:flex;
        justify-content: center;
        align-items: center;
        letter-spacing: 0.05em;
        line-height:1;
        height:18px;
  }
  .win .product-list_box .brand_label  {
        padding-top:2px;
  }
  .product-list_box .description {
    display: flex;
    gap:15px;
    align-items:flex-start;
  }
  .product-list_box .description dt {
    padding-top:2px;
  }
  .product-list_box .description dd {
    font:var(--hfont2);
  }
  .product-list_box .description dd .ja {
    font:var(--font3);
    display: block;
    color:#a3a3a3;
  }
 
  @media (max-width:768px){
    .cat-list_wrap{
        grid-template-columns: repeat(2, 1fr);
    }
  .product-list_box .description {
        flex-direction: column;
        gap: 10px;
    }
    .product-list_box .description dt {
        width:100%;
    }
    .product-list_box .brand_label {
         width:100%;
    }
    .product-list_box .description dd {
    font-size: 16px;
}
    .product-list_box .description dd .ja {
    font: var(--font);
    }
}
  /** ------------------
  product single 
  ---------------------**/

  /** swiper **/

  /* .notop #product_single.section * + h3.h3_01 {
    margin-top: var(--blankM3);
  } */

  .l-inner {
    position: relative;
    box-sizing: content-box;
    margin: 0 auto;
    width:100%;
  }
  .l-section .l-inner {
    padding-bottom: var(--blankM3);
    width:100%;
  }

  [class*=swiper]:focus {
    outline: none;
  }

  .slide-media,
  .thumb-media {
    position: relative;
    overflow: hidden;
  }
  .slide-media img,
  .thumb-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }


  .swiper-button-prev, .swiper-button-next {
    display: grid;
    place-content: center;
    width: 13px;
    height: 13px;
    cursor: pointer;
    transition: var(--transition);
  }
   .swiper-button-prev {
    background: url(../img/prev.svg) left center no-repeat;
    background-size: 13px auto;
   }
   .swiper-button-next {
    background: url(../img/next.svg) right center no-repeat;
    background-size: 13px auto;
   }
  .swiper-button-disabled {
    pointer-events: none;
    opacity: 0.3;
  }

  .gallery01 {
    overflow: hidden;
  }
  .gallery01 .swiper {
    width:100%;
    margin: auto;
  }
  .gallery01 .swiper-main {
    overflow: visible;
  }
  .gallery01 .swiper-thumb {
    padding-top: 25px;
    padding-inline:var(--blankM2);
    width:fit-content;
    max-width:100%;
  }

  .gallery01 .swiper-thumb .swiper-wrapper .swiper-slide, .gallery01 .thumb-media {
    width:95px !important;
    height:92px !important;
   }
  .gallery01 .swiper-thumb .swiper-wrapper > .swiper-slide:last-child {
    margin-right:0 !important;
  }
  .gallery01 .swiper-fade .swiper-slide {
    transition-property: opacity, -webkit-transform !important;
    transition-property: opacity, transform !important;
    transition-property: opacity, transform, -webkit-transform !important;
    pointer-events: none;
  }
  .gallery01 .swiper-slide:not(.swiper-slide-visible) {
    opacity:0.3;
  }
  .gallery01 .swiper-fade .swiper-slide-active {
    pointer-events: auto;
  }
  .gallery01 .swiper-controller {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 62.5%;
  }
  .gallery01 .swiper-button-prev, .gallery01 .swiper-button-next {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    margin: auto;
    width:var(--blankM2);
    height:100%;
  }
  .gallery01 .swiper-button-prev {
    left:0;
    background-color: white;
  }
  .gallery01 .swiper-button-next {
    right:0;
    background-color: white;
  }
  .gallery01 .swiper-scrollbar {
    position: relative;
    margin-top: 1.6rem;
    width:100%;
    display: block !important;
  }

  .gallery01 .swiper-scrollbar::after {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    margin: auto;
    content: "";
    background-color: #EAEAEA;
  }
  .gallery01 .swiper-scrollbar-drag {
    height: 20px;
    padding: 8px 0;
    cursor: pointer;
    background-color: #323232;
    background-clip: content-box;
  }
  .gallery01 .swiper-scrollbar-drag:active {
    opacity:0.8;
  }
  .gallery01 .swiper-pagination {
    position: relative;
    margin-top: 25px;
    width:100%;
    display: flex;
    gap:8px;
  }
  .gallery01 .swiper-pagination .swiper-pagination-bullet {
      background-color: #EDEDED;
      height:3px;
      display: block;
      flex:1
    }
  .gallery01 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #323232;
  }
  .gallery01 .slide {
    display: block;
    overflow: hidden;
    margin-bottom:0;
  }
  .gallery01 .swiper-main .slide-media {
    aspect-ratio:48/21;
  }
  .gallery01 .swiper-main .slide-media img {
    width:100%;
    height:100%;
    object-fit: contain;
  }
  .gallery01 .thumb-media {
    transition: var(--transition);
    background-color: #EFEFEF;
  }
  .gallery01 .thumb-media img {
    transition: all .3s var(--ease);
    object-fit: cover;
  }
  .gallery01 .swiper-thumbs .swiper-slide {
    opacity:0.3;
    transition: all .3s var(--ease);
  }
  .gallery01 .swiper-thumbs .swiper-slide-thumb-active {
    transition: all .3s var(--ease);
    opacity:1;
  }

  .notop .product-detail_header {
    margin-bottom:var(--blankM2);
  }
  .notop .product-detail_header h2{
        gap:var(--blankXS);
        margin-bottom:0;
        align-items: center;
    }
  .notop .product-detail_header h2 .ja {
            font:var(--font4);
        }
  .notop .product-detail_header h2 .catlist:before {
    display: inline-block;
    content:"/ ";
    margin-right:var(--blankXXS);
  }
  .notop .product-detail_header .design-tag {
     border-top: 2px solid #bfbfbf;
     border-bottom: 2px solid #bfbfbf;
     margin-top:5px;
     font:var(--hfont3);
     line-height:var(--blankM2);
     opacity:0;
     transform:translateY(8px);
     transition:all .5s .3s var(--easeout);
  }
  .notop.loaded .product-detail_header .design-tag {
    opacity:1;
    transform:translateY(0px);
  }
  .notop .product-detail_contents {
    padding-inline:var(--blankM);
  }
  .product-detail_contents .product-description {
    font:var(--font);
    line-height: 1.75;
  }
  .download-box_wrap ul{
    display: flex;
    gap: var(--blankXXS) var(--blankS);
    flex-flow: wrap;
  }
  .download-box_wrap {
    margin-top:var(--blankM3);
  }
  .download-box_wrap ul li {
    padding-left:var(--blankS);
    background-position: left center;
    font:var(--hfont2) ;
        line-height: 28px;
        white-space: nowrap;
  }
  @media (max-width:1279px){
  .download-box_wrap ul li {
    padding-left:var(--blankM3);
  }
}
  .download-box_wrap ul li.plul_drawing {
   background: url(../img/dlicn_draw.png) left center no-repeat;
   background-size: 26px auto;
  }

  .download-box_wrap ul li.plul_3d,.download-box_wrap ul li.plul_3da {
    background: url(../img/dlicn_3d.png) left center no-repeat;
    background-size: 28px auto;
  }
  .download-box_wrap ul li.plul_image {
    background: url(../img/dlicn_img.png) left center no-repeat;
    background-size: 28px auto;
  }
  .download-box_wrap ul li.catalog_link {
    background: url(../img/dlicn_catalog.png) left center no-repeat;
    background-size: 28px auto;
  }
  .download-box_wrap ul li.material_link {
    background: url(../img/dlicn_material.png) left center no-repeat;
    background-size: 28px auto;
    font:var(--hfont2) !important;
  }
  .download-box_wrap ul li.material_link a {
    font:var(--hfont2) !important;
    line-height: 28px !important;
  }
  .download-box_wrap ul li.plice_link {
    background: url(../img/dlicn_price.png) left center no-repeat;
    background-size: 28px auto;
  }

  .download-box_wrap + .cap {
    margin-top:var(--blankXS);
  }
  .product-movie_wrap {
    margin-top:var(--blankL);
  }
  .movie-box {
    max-width:712px;
    margin-left:auto;
    margin-right:auto;
    height:auto;
    aspect-ratio:16/9;
  }
  .movie-box iframe {
    width:100%;
    height:100%;
    object-fit: cover;
  }
  .twul1 {
    display: flex;
    flex-direction: column;
    gap:var(--blankXXS);
  }
  .twul1 li {
    display: grid;
    grid-template-columns:20% auto;
    gap:var(--blankM2);
  }
  .twul1 li .l {
    font:var(--font2b);
        line-height: 2;
        white-space: nowrap;
  }
  .twul1 li .r {
    font:var(--font2);
        line-height: 1.75;

  }
 .twul1 li .r.relation_items_r > a:not(:last-child):after{
  content:", ";
 }
  .download-box_wrap li img, .download-box_wrap li p, .twul1 li .r img ,.twul1 li .r p {
    display: none;
  }
  .notop .section .product-detail_contents h3.h3_01 {
    margin-bottom:var(--blankXS);
    padding-bottom:var(--blankXXS);
  }
  .twul_relation li h5 {
    text-align: center;
    font-weight:500;
  }

@media (max-width:768px){
  .notop .product-detail_header h2{
        gap:var(--blankS);
        margin-bottom:0;
        flex-wrap: wrap;
    }
.notop .product-detail_header h2 .catlist {
    width:100%;
    gap:10px;
    color:#838383;
    display: flex;
    flex-wrap: wrap;
}
.notop .product-detail_header h2 .catlist.ja {
   font:var(--hfont3);
   letter-spacing: 0.05em;
}
.notop .product-detail_header h2 .catlist a {
    color:#838383;
}
.notop .product-detail_header h2 .catlist:before {
    content:none;
  }
 .notop .product-detail_header .design-tag {
     border-top: 1px solid black;
     border-bottom: 1px solid black;
     margin-top:var(--blankS);
     font:var(--hfont3l);
     letter-spacing: 0.05em;
     line-height:45px;
     font-weight:600;
  }
.notop .product-detail_header {
    margin-bottom: var(--blankM3);
}
.gallery01 {
    overflow: visible;
  }
.gallery01 .swiper-thumb .swiper-wrapper {
    justify-content: flex-start;
    gap: 20px;
}
.gallery01 .swiper-thumb {
  margin-inline: calc(50% - 50cqi);
  padding-inline: calc(50cqi - 50%) 0;
  padding-top:20px;
  width:auto;
  max-width:none;
}
.gallery01 .swiper-pagination{
  margin-top:20px;
}
.gallery01 .swiper-thumb .swiper-wrapper .swiper-slide, .gallery01 .thumb-media {
    width: 112px !important;
    height: 112px !important;
}
.gallery01 .swiper-main .slide-media {
    aspect-ratio: 3 / 2;
}
 /* .gallery01 .swiper-main .slide-media img {
    object-fit: cover;
  }  */

#project_img.l-section .l-inner {
  padding-bottom:0;
}
.notop .product-detail_contents{
    padding-inline:0;
}
.download-box_wrap ul {
    flex-direction: column;
    gap: var(--blankXS);
}
.download-box_wrap ul li {
    position:relative;
}

 .download-box_wrap ul li.plul_3d,.download-box_wrap ul li.plul_3da {
    background: url(../img/dlicn_3d_sp.png) left center no-repeat;
    background-size: 28px auto;
  }
  .download-box_wrap ul li.plul_image {
    background: url(../img/dlicn_img_sp.png) left center no-repeat;
    background-size: 28px auto;
  }
  .download-box_wrap ul li.catalog_link {
    background: url(../img/dlicn_catalog_sp.png) left center no-repeat;
    background-size: 28px auto;
  }
  .download-box_wrap ul li.material_link {
    background: url(../img/dlicn_material_sp.png) left center no-repeat;
    background-size: 28px auto;
  }
  .download-box_wrap ul li.plice_link {
    background: url(../img/dlicn_price_sp.png) left center no-repeat;
    background-size: 28px auto;
  }
  .download-box_wrap ul li {
    padding-left: var(--blankM2);
  }
   .download-box_wrap + .cap {
    margin-top:var(--blankM3);
    font-size:11.5px;
    line-height: 21px;
  }
  .product-movie_wrap {
    margin-top:var(--blankM3);
  }
  .twul1 {
    gap:var(--blankM3)
  }
  .twul1 li{
        grid-template-columns: repeat(1, 1fr);
        gap:var(--blankXS);
  }
  .twul1.relations_list li {
    grid-template-columns: 5em auto;
  }
  .twul1 li .l {
    font: var(--fontb);
    line-height: 2;
    }
    .twul1 li .r {
      font-size:14px;
    }
 .notop section .twul1 + h3.h3_01 {
    margin-top:calc(var(--blankL) - 10px)
 }

}

.notop .section.product-search_wrap h2{
  margin-bottom:var(--blankM3);
}
.search-box-set_wrap {
  display: grid;
  width:min(100%,950px);
  grid-template-columns: repeat(2, 1fr);
  gap:var(--blankXS) var(--blankM) ;
}
.search-box-set_wrap dl {
  display: flex;
  align-items: center;
  gap:var(--blankXXS)
}
.search-box-set_wrap dl dt {
  width:6em;
  text-align: right;
  font:var(--font2);
  letter-spacing: 0.05em;
}
.search-box-set_wrap dl dt:after {
  content:" : ";
} 
.search-box-set_wrap dl dd {
  flex:1;
}
.search-box-set_wrap dl dd input, .search-box-set_wrap dl dd select {
  width:min(100%,350px);
  height:42px;
  font:var(--font2);
  line-height: 40px;
  border:1px solid #707070;
  padding-inline:var(--blankXS);
}
.p-filter_wrap {
    padding-bottom:calc(var(--blankS) + 7px);
  border-bottom:2px solid #bfbfbf;
  margin-bottom:var(--blankXS);
}
.search-box-set_wrap dl.search-category dd select{
  font:normal normal normal 14px/20px "Real Head Pro Semilight";
  letter-spacing: 0.05em;
}
.notop .section.product-search_wrap .cat-list_wrap {
  margin-top:var(--blankM3);
}

.pagination .p-custom-pagenation {
  margin-top:calc(var(--blankXL2) + 10px);
}
.p-custom-pagenation ul{
  display: flex;
  justify-content: center;
  gap:12px;
}

.p-custom-pagenation ul li .page-numbers {
  display:flex;
  border:1px solid black;
  /* color:white; */
  justify-content: center;
  align-items: center;
  width:25px;
  height:25px;
  font:var(--hfont5);
}
.p-custom-pagenation ul li .page-numbers.current {
  background-color: black;
  color:white;
}
.p-custom-pagenation ul li .prev {
  display: inline-block;
  padding-right:12px;
  border:none;
  background-color: transparent;
  width:auto;
}
.p-custom-pagenation ul li .next {
  display: inline-block;
  padding-left:12px;
  border:none;
  background-color: transparent;
  width:auto;
}
#underconstruction {
  margin-bottom:72px;
  font:normal normal bold 21px/28px "Lato", "Noto Sans JP";
}

@media (max-width:768px){
.search-box-set_wrap {
  grid-template-columns: repeat(1, 1fr);
  gap:15px ;
}
.search-box-set_wrap dl {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}
.search-box-set_wrap dl dd  {
  width:100%;
}
.search-box-set_wrap dl dt {
  text-align: left;
}
.search-box-set_wrap dl dt:after {
  content:none;
} 
.search-box-set_wrap dl.search-sort dd select {
  width:min(100%,200px);
}
}

/*--------
  project
  ---------*/

.project-list_box figure {
  width:100%;
  height:auto;
  aspect-ratio:353/188;
  overflow: hidden;
}
.project-list_box figure img {
  width:100%;
  height:100%;
  object-fit: cover;
}
.project-list_box .description dd {
  font:var(--font);
  font-weight:500;
  font-size:1.125em;
  line-height: 21px;
  letter-spacing: 0.05em;
}

.project-detail_header h2 {
  font:var(--font6b);
  font-size:1.75em;
  line-height: 1.35;
}
.notop .product-detail_header.project-detail_header {
  margin-bottom:var(--blankL2);
}
.project-description {
  margin-top:var(--blankM3);
}
.project-description table {
  width:100%;

}
.project-description table tr > td:first-child {
  font:var(--font2b);
  font-family:"Noto Sans JP", sans-serif;
  white-space: nowrap;
  padding-right:25px;
  padding-bottom:var(--blankM3);
  line-height: 1.6;
}
.project-description table td {
  font:var(--font2);
  font-family:"Noto Sans JP", sans-serif;
  font-weight:500;
  padding-bottom:var(--blankM3);
  line-height: 1.6;
}
.project-description table tbody > tr:last-child * {
  padding-bottom:0;
}
br.single {
  display: none;
}
@media (min-width:1025px){
  .project-detail_header h2 br.pc {
    display: none;
  }
  br.single {
  display: none;
}
}
@media (max-width:768px){
  .project-detail_header h2 {
      font:normal normal bold 25px/36px "Noto Sans JP";
  }
  .notop .product-detail_header.project-detail_header {
      margin-bottom: var(--blankM3);
  }
  #project_img.gallery01 .swiper-fade.swiper-main {
    margin-inline: calc(50% - 50cqi);
    width:auto;
  }
  #project_img.gallery01 .swiper-fade.swiper-main .swiper-slide {
    width:100% !important;
  }
  #project_img.gallery01 .swiper-fade .swiper-slide .slide-media  {
    width:100%;
    height:auto;
    aspect-ratio:375/534
  }
  #project_img.gallery01 .swiper-fade .swiper-slide .slide-media img {
    width:100%;
    height:100%;
    object-fit: cover;
  }
  .project-description table{
    display: block;
  }
  .project-description table tbody {
    display:flex;
    flex-direction: column;
    gap:var(--blankM);
  }
 
  .project-description table tr,.project-description table td {
    display: block;
    font:normal normal normal 13px/24px "Lato", "Noto Sans JP";
    font-family:"Noto Sans JP", sans-serif;
    font-weight:500;
    width:100%;
    line-height: 1.9;
    letter-spacing: 0.05em;
  }
  .project-description table tr > td {
    padding-bottom:0;
  }
  .project-description table tr > td:first-child {
    padding-bottom:10px;
    font:var(--fontb);
    font-family:"Noto Sans JP", sans-serif;
    padding-right:0;
    width:100%;
  }
   .project-description table tr,.project-description table tbody > tr:first-child > td:last-child {
    font:normal normal normal 14px/24px "Lato", "Noto Sans JP";
  }
  .project-list_box figure {
    aspect-ratio: 146 / 182;
    margin-bottom:8px;
}
   .project .cat-list_wrap.grid {
        gap: var(--blankM3) ;
    }
   .project-list_box .description dd{
      font-size:1em;
    }
  

}

/**** 
  カタログ
  ***********/
.catalog.notop .section h2 .en {
  display: block;
}
.catalog.notop .section h2 .en.flace {
  width:160px;
  height:31px;
  background: url(../img/site_logo_g.svg) no-repeat;
  background-size: auto 100%;
}
.catalog.notop .section h2 .en.cor {
  width:81px;
  height:31px;
  background: url(../img/logo_cor.svg) no-repeat;
  background-size: auto 100%;
  filter: invert();
}
.catalog.notop .section h2 .en.thonet {
  width:126px;
  height:31px;
  background: url(../img/logo_tonet.svg) no-repeat;
  background-size: auto 100%;
      filter: invert();
}
.catalog.notop .section h2 .en.interluebke {
  width:121px;
  height:31px;
  background: url(../img/logo_interlubke.svg) no-repeat;
  background-size: auto 100%;
   filter: invert();
}
.catalog.notop .section h2 .en.leolux{
  width:123px;
  height:31px;
  background: url(../img/logo_leolux.png) no-repeat;
  background-size: auto 100%;
}
.catalog.notop .section h2 .en.threeform{
  aspect-ratio: 109/28;
  width:auto;
  height:31px;
  background: url(../img/logo_3form.svg) no-repeat;
  background-size: auto 100%;
}
.catalog-list_wrap {
  gap:var(--blankL) 56px;
}
.catalog-list_wrap .catalog-list_box figure {
  background-color: #F5F5F5;
  display: flex;
  justify-content: center;
  align-items: center;
  height:300px;
  position:relative;
}
.catalog-list_wrap .catalog-list_box figure img {
  width:185px;
  height: 100%;
  object-fit: contain;
}
.catalog-list_wrap .catalog-list_box dl dd {
  background: url(../img/icn_dl.svg) right center no-repeat;
  background-size: 13px auto;
  font:var(--font);
  font-weight:500;
  letter-spacing: 0.05em;
}
.catalog-list_wrap + h2 {
  margin-top:var(--blankL)
}
@media (max-width:768px){
.catalog-list_wrap {
  gap:var(--blankM3);
}
.catalog-list_wrap .catalog-list_box figure {
  height:auto;
  padding:20px
}
.catalog-list_wrap .catalog-list_box figure img {
  width:auto;
  height:141px
}
.catalog-list_wrap .catalog-list_box figure:after {
  content:"";
  width:10px;
  height:12px;
  background: url(../img/icn_dl.svg) right center no-repeat;
  background-size: 10px auto;
  position:absolute;
  right:5px;
  bottom:5px;
}
.catalog-list_wrap .catalog-list_box dl dd {
  background-image:none;
}
.catalog-list_wrap + h2 {
    margin-top: var(--blankM);
    margin-bottom:var(--blankM3)
}
.catalog.notop .section h2 .en.flace {
  width:102px;
  height:20px;
}
.catalog.notop .section h2 .en.cor {
  width:51px;
  height:20px;
}
.catalog.notop .section h2 .en.thonet {
  width:80px;
  height:20px;
}
.catalog.notop .section h2 .en.interluebke {
  width:95px;
  height:24px;
}
.catalog.notop .section h2 .en.leolux{
  width:95px;
  height:24px;
}
.catalog.notop .section h2 .en.threeform{
  width:84px;
  height:21px;
}
#project_single br.single {
  display:block;
}
}

/*******
info 
*********/

.information_wrap-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom:var(--blankM);
}
.information_wrap-header h2 {
  margin-bottom:0;
}
.information_wrap-header .tab-menu {
  display: flex;
  justify-content: flex-end;
  gap:var(--blankM3);
}
.information_wrap-header .tab-menu li:after {
  content:"｜";
  margin-left:var(--blankS);
}
.information_wrap-header .tab-menu > li:last-of-type:after {
  display: none;
}
.information_wrap-header .tab-menu li a{
  font:var(--hfont2);
  font-size:1.125em;
  color:#838383;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.information_wrap-header + p {
  font:normal normal normal 16px/23px "Real Head Pro Medium", "Noto Sans JP";
  margin-bottom:var(--blankS);
}
.info-list_box figure {
  background-color: #F5F5F5;
  width:100%;
  height:auto;
  aspect-ratio: 329/216;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.info-list_box figure img {
  width:100%;
  height:100%;
  object-fit: contain;
  object-position: center;
}

@media (min-width:1441px){
.info-list_box figure img.noimg {
  width:330px;
  height:auto;
}
}
.info-list_box .info_text dt {
  display: flex;
  gap:10px;
}
.info-list_box .info_text dt .time {
  font:var(--font2);
  letter-spacing: 0.05em;
}
.info-list_box .info_text dt .cat {
  background-color: #ededed;
  font:var(--font3);
  padding-inline:4px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.info-list_box .info_text dd {
  font:var(--fontb);
  letter-spacing: 0.05em;
  font-weight:600;
  padding-top:8px;
  line-height: 1.5em;
}

.information_wrap-content .post-content .table1 tr,.information_wrap-content .post-content .table1 tr td{
  display: block;
}

@media (max-width:768px){
#information_wrap .outer .inner{
  padding-inline:0;
}
.information_wrap-header {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap:var(--blankM3);
  margin-bottom:var(--blankM3);
}
.information_wrap-header .tab-menu {
  justify-content: flex-start;
  gap:var(--blankXS);
}
.information_wrap-header .tab-menu li:after {
  margin-left:var(--blankXS);
}
.information_wrap-header .tab-menu li a {
    font: var(--hfont8);
    font-size: 1em;
}
.information_wrap-header + p {
  font:normal normal normal 13px/23px "Real Head Pro Medium", "Noto Sans JP";
  margin-bottom:var(--blankM3);
}
.col3x.cat-list_wrap.info-list_wrap {
          grid-template-columns: repeat(1, 1fr);
          gap:30px;
    }
.col3x.cat-list_wrap.info-list_wrap .info-list_box {
  display: flex;
  gap:15px;
  align-items: flex-start;
}
.col3x.cat-list_wrap.info-list_wrap .col {
  padding-bottom:30px;
  border-bottom:#E3E3E3 1px solid;
}
.col3x.cat-list_wrap.info-list_wrap > .col:last-child {
  padding-bottom:0;
  border-bottom:none;
}
.info-list_box figure {
    width: min(50.3%,162px);
    height: auto;
    aspect-ratio: 162 / 116;
    flex-shrink: 0;
    margin-bottom:0;
}
.info-list_box .info_text {
  flex:1;
}
.info-list_box .info_text dt {
   flex-direction: column;
   align-items: flex-start;
   gap: 5px;
}
.info-list_box .info_text dt .time {
    font:normal normal normal 14px/17px "Lato";
    font-weight:700;
}
.info-list_box .info_text dt .cat {
    font:normal normal normal 12px/15px "Lato", "Noto Sans JP";
}
.info-list_box .info_text dd {
  letter-spacing: 0;
}
.pagination .p-custom-pagenation {
    margin-top: 30px;
}

}

/*******
info single
*********/

.single-info .information_wrap-header {
  display: flex;
  justify-content: center;
  margin-bottom:var(--blankXL2);
}

.single-info .information_wrap-header h2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.single-info .information_wrap-header h2 .en {
        font:var(--hfont6);
        border-bottom:2px solid black;
    }
.single-info .information_wrap-header h2 .ja {
        font:var(--font2);
    }
.information_wrap-content .content-header {
  display: flex;
  flex-direction: column;
  gap:15px;
  margin-bottom:35px;
}
.content-header h3 {
  font:normal normal 600 26px/32px "Lato", "Noto Sans JP";
}
.content-header .info_text dt{
  display: flex;
  gap:10px;
}
.content-header .info_text dt .time {
   font:var(--font2);
  letter-spacing: 0.05em;
}
.content-header .info_text dt .cat {
  background-color: #ededed;
  font:var(--font3);
  padding-inline:4px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.content-kv {
  margin-bottom:30px;
}
.content-kv figure {
  margin-bottom:0;
  aspect-ratio:1080/618;
  background-color: #F5F5F5;
}
.information_wrap-content .content-kv figure img {
  height:100%;
  object-fit: contain;
  object-position: center;
}
.information_wrap-content .post-content p {
  font:var(--font);
  line-height: 1.91;
  letter-spacing: 0.05em;
  font-feature-settings: "palt";
}
.information_wrap-content .post-content * + p {
  margin-top:1em;
}
.information_wrap-content .post-content .grid + p,.information_wrap-content .post-content figure + p  {
  margin-top:35px;
}
.information_wrap-content .post-content p + div {
  margin-top:35px;
}
.information_wrap-content .post-content img {
  width:auto;
  margin-left:auto;
  margin-right:auto;
}
.information_wrap-content .post-content p + figure, .information_wrap-content .post-content table + figure  {
  margin-top:35px;
}
.information_wrap-content .post-content figure {
  width:100%;
  height:auto;
  background-color: #f5f5f5;
}
.information_wrap-content .post-content figure img {
  width:100%;
  height:auto;
}
.information_wrap-content .post-content .grid .col figure {
  margin-bottom:0;
  width:100%;
  height:100%;
  overflow: hidden;
}
.information_wrap-content .post-content .grid .col figure img {
  width:100%;
  height:100%;
  object-fit: cover;
}
.information_wrap-content .post-content figure + .grid, .information_wrap-content .post-content div + .grid,.information_wrap-content .post-content div + .flex  {
  margin-top:30px;
}
.information_wrap-content .post-content figure figcaption {
  padding-top: 1em;
  padding-left: 0;
  padding-bottom: 1em;
  font: var(--font2);
  background-color: white;
  line-height: 1.5;
}
.information_wrap-content .post-content * + p:has(strong) {
  margin-top:30px;
}
.information_wrap-content .post-content p strong {
  font-weight:bold;
}
.information_wrap-content .post-content h4 {
  font-size:1.375em;
  line-height: 1.375;
}
.information_wrap-content .post-content h4 small {
  font-size:0.8em;
}
.information_wrap-content .post-content * + h4 {
  margin-top:30px;
} 
.information_wrap-content .post-content h4 + div,.information_wrap-content .post-content * + .table2 {
  margin-top:20px;
}
.information_wrap-content .post-content figure > br {
  display: none;
}
.information_wrap-content .post-content div + figure {
  margin-top:1em;
}
.information_wrap-content .post-content .table2 td {
    font:var(--font2);
    line-height:1.75 ;
}
.information_wrap-content .post-content .table2 tr > td:first-child {
    white-space: nowrap;
    padding-right:8px;
}
.information_wrap-content .post-content hr {
  width:100%;
  border:none;
  height:2px;
  background-color: #BFBFBF;
  margin:var(--blankM2) auto;
}
.information_wrap-content .pager {
  display: flex;
  justify-content: center;
  margin-top:var(--blankM);
  clear:both;
}
.link-back {
  font:var(--hfont2);
  font-size:1.125em;
  letter-spacing: 0.05em;
}
.second-page_main.single-info {
  padding-bottom:120px;
}
.information_wrap-content .post-content .link_blue {
  text-decoration: underline;
  background: url(../img/next.svg) left center no-repeat;
  background-size: 8px auto;
  padding-left: 12px;
}
.information_wrap-content .post-content dl {
  display: flex;
  font:var(--font2);
  gap:1em;
  line-height: 1.75em;
}
.information_wrap-content .post-content table {
  font:normal normal 400 16px/22px "Noto Sans JP";
  line-height: 1.91;
}
.information_wrap-content .post-content strong {
  font-weight:700;
}
.information_wrap-content .post-content * + table, .information_wrap-content .post-content * + ul {
  margin-top:1em;
}
.information_wrap-content .post-content dl dt {
  font-weight:700;
  width:fit-content;
  min-width:4em;
}
.information_wrap-content .post-content dl dd {
  flex:1;
}
.information_wrap-content .post-content dl + dl {
  margin-top:30px;
}
.information_wrap-content .post-content ul.disc {
  margin-left:1em;
}
.information_wrap-content .post-content ul.disc li {
  list-style-type: disc;
  font:normal normal 400 16px/22px "Noto Sans JP";
  line-height: 1.75;
}
.twul1 li .hfont2 {
  font:var(--hfont3);
}

@media (max-width:768px){
.single-info .information_wrap-header {
  justify-content: flex-start;
  margin-bottom:20px;
}

.single-info .information_wrap-header h2 {
  flex-direction: row;
  align-items: flex-end;
  gap:10px;
  width:100%;
  border-bottom:1px solid black;
  padding-bottom:30px;
}

.single-info .information_wrap-header h2 .en {
        font:normal normal normal 25px/25px "Real Head Pro Medium";
        border-bottom:none;
    }
.single-info .information_wrap-header h2 .ja {
        font:var(--font);
    }
.content-header h3 {
  font:normal normal 600 16px/22px "Lato", "Noto Sans JP";
}
.content-header .info_text dt .time {
  font:normal normal 700 13px/16px "Lato", "Noto Sans JP";
}
.content-header .info_text dt .cat {
  background-color: #ededed;
  font:normal normal 500 12px/16px "Lato", "Noto Sans JP";
}

.information_wrap-content .content-header {
  padding-bottom:20px;
  border-bottom:1px solid black;
  margin-bottom:30px;
}
.content-kv {
    margin-bottom: 20px;
}
.single-magazine .content-kv figure{
    aspect-ratio:322/182;
}
.single-magazine .content-kv figure img {
  height:100%;
  object-fit: contain;
}

.information_wrap-content .post-content p {
  font:normal normal normal 13px/23px "Real Head Pro Medium", "Noto Sans JP";
  line-height: 1.75;
}
.information_wrap-content .post-content figure figcaption {
  font:normal normal 500 11px/15px "Lato", "Noto Sans JP";
}
.information_wrap-content .post-content figure figcaption .text-link {
  text-underline-offset: 3px;
}
.information_wrap-content .post-content hr {
  margin:var(--blankM3) auto;
}
.information_wrap-content .post-content dl {
  flex-direction: column;
  font:var(--font);
  gap:0;
}
.information_wrap-content .post-content table td {
  font: normal normal normal 13px / 23px "Noto Sans JP";
        line-height: 1.75;
}
.information_wrap-content .post-content table:not(.table1) tr > td:first-child{
  white-space: nowrap;
} 
.information_wrap-content .post-content .table1,.information_wrap-content .post-content .table1 tbody,.information_wrap-content .post-content .table1 tr,.information_wrap-content .post-content .table1 td {
  display: block;
}
.information_wrap-content .post-content dl dt {
  width:100%;
}
.information_wrap-content .post-content dl dd {
  width:100%;
  padding-top:10px;
}
.information_wrap-content .post-content ul.disc li {
  list-style-type: disc;
  font:normal normal 400 13px/18px "Noto Sans JP";
  line-height: 1.75;
}
.information_wrap-content .post-content img.f_right {
  padding-left:0;
  padding-bottom:30px;
  float: none;
}
.link-back {
    font:normal normal normal 16px/25px "Real Head Pro Medium";
    letter-spacing: 0.05em;
}
.second-page_main.single-info {
    padding-bottom: 83px;
}
.information_wrap-content .post-content .table2 td {
    font:normal normal normal 12px/15px "Lato", "Noto Sans JP";
}

}