@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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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);
}
}   .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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/prev.svg) left center no-repeat;
background-size: 13px auto;
}
.swiper-button-next {
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/dlicn_3d.png) left center no-repeat;
background-size: 28px auto;
}
.download-box_wrap ul li.plul_image {
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/dlicn_img.png) left center no-repeat;
background-size: 28px auto;
}
.download-box_wrap ul li.catalog_link {
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/dlicn_catalog.png) left center no-repeat;
background-size: 28px auto;
}
.download-box_wrap ul li.material_link {
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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 .pm {
font:var(--font2);
line-height: 1.75;
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/dlicn_price.png) left center no-repeat;
background-size: 28px auto;
}
.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;
} #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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/dlicn_3d_sp.png) left center no-repeat;
background-size: 28px auto;
}
.download-box_wrap ul li.plul_image {
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/dlicn_img_sp.png) left center no-repeat;
background-size: 28px auto;
}
.download-box_wrap ul li.catalog_link {
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/dlicn_catalog_sp.png) left center no-repeat;
background-size: 28px auto;
}
.download-box_wrap ul li.material_link {
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/dlicn_material_sp.png) left center no-repeat;
background-size: 28px auto;
}
.download-box_wrap ul li.plice_link {
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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; 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-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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/site_logo_g.svg) no-repeat;
background-size: auto 100%;
}
.catalog.notop .section h2 .en.cor {
width:81px;
height:31px;
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/logo_cor.svg) no-repeat;
background-size: auto 100%;
filter: invert();
}
.catalog.notop .section h2 .en.thonet {
width:126px;
height:31px;
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/logo_tonet.svg) no-repeat;
background-size: auto 100%;
filter: invert();
}
.catalog.notop .section h2 .en.interluebke {
width:121px;
height:31px;
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/logo_interlubke.svg) no-repeat;
background-size: auto 100%;
filter: invert();
}
.catalog.notop .section h2 .en.leolux{
width:123px;
height:31px;
background: url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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;
}
} .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;
}
} .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(//flacedesign.com/flace/wp-content/themes/flace2025/assets/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";
}
}