@charset "UTF-8";
@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";
}
}
@layer base, components, utilities;
@layer base {
}
@layer components {
.btn_box {
margin-top:calc(var(--blankM) + 2px);
}
@media (max-width:768px)  {
.btn_box {
margin-top:var(--blankM);
}
}
} .brand-detail-header .en img {
height:var(--blankM3);
width:auto;
}
.brand_kv {
margin-bottom:var(--blankM3);
}
.brand_kv figure {
aspect-ratio:54/21;
margin-bottom:0;
overflow: hidden;
}
.brand_kv figure img {
object-fit: cover;
width:100%;
height:100%;
transform:scale(1.05);
opacity:0;
transition:all 1s var(--ease);
}
.loaded .brand_kv figure img {
transform:scale(1.0);
opacity:01;
}
.brand-description h3 {
font:var(--font6b);
margin-bottom:var(--blankS);
}
.brand-description p {
font:var(--font);
line-height:1.75;
font-weight:500;
}
.brand-description p + p {
margin-top:1.2em;
}
#brand_single .cat-list_wrap {
margin-top:var(--blankM);
border-top: 2px solid #BFBFBF;
padding-top:var(--blankL);
gap:var(--blankL) var(--blankL2);
}
.brand-movie_wrap {
margin-top:calc(var(--blankS) + 5px);
}
.brand-movie_wrap > div {
max-width:642px;
margin-left:auto;
margin-right:auto;
}
.brand_tab-menu {
gap: calc(var(--blankM) - 4px);
margin-top:var(--blankM);
margin-bottom:calc(var(--blankXL) - 20px);
}
.brand_tab-button {
display: flex;
position:relative;
cursor: pointer;
transition:opacity .3s var(--easeout);
}
.brand_tab-button:hover {
opacity:0.6;
} 
.brand_tab-button figure {
margin-bottom:0;
overflow: hidden;
aspect-ratio: 335/217;
width:100%;
}
.brand_tab-button figure img {
width:100%;
height:100%;
object-fit: cover;
}
.brand_tab-button .inner {
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.brand_tab-button .inner:before {
content:"";
width:100%;
height:100%;
opacity:0.15;
position:absolute;
left:0;
top:0;
background: linear-gradient(rgba(51, 42, 40, 0) 0%, rgba(51, 42, 40, 0.64) 0%, #332a28 100%);
}
.brand_tab-button .inner * {
position:relative;
}
.brand_tab-button .inner h5 * {
display: block;
text-align: center;
}
.brand_tab-button .inner h5 .en{
font:var(--hfont9);
}
.brand_tab-button .inner h5 .ja {
font:var(--font5);
}
.brand_tab-button .inner .box_arw {
position:absolute;
right:16px;
bottom:16px;
width:30px;
height:30px;
border-color: white;
justify-content: center;
}
.brand_tab-button .box_arw .arw {
background-color: transparent;
filter: invert();
transition: .3s var(--easeout);
transform: translateX(0) rotate(0deg);
}
.brand_tab-button.active .box_arw .arw ,.brand_tab-button:hover .box_arw .arw {
transition: .3s var(--easeout);
transform: translateX(0) rotate(90deg);
}
.brand_tab-button {
color: #fff;
}
.brand_tab-content {
display: none;
opacity:0;
transition: .5s .5s var(--easeout);
margin-bottom:var(--blank_M3);
}
.brand_tab-content.active {
display: block;
transition: .5s .5s var(--easeout);
opacity:1;
}
.brand_tab-content h3 {
font:var(--hfont6);
display: flex;
gap:var(--blankXS);
align-items: center;
margin-bottom:var(--blankL2);
}
.brand_tab-content .content * > h3:first-child {
margin-top:var(--blankXL);
}
.brand_tab-content h3 .ja {
font:var(--font2);
}
.brand_tab-content .mainimg_box figure {
aspect-ratio: 108/36;
overflow: hidden;
}
.brand_tab-content .mainimg_box figure img{
width:100%;
height:100%;
object-fit: cover;
object-position: center;
}
.brand_tab-content h4 {
margin-top:var(--blankM2);
margin-bottom:var(--blankXS);
}
.brand_tab-content h5 {
font:var(--font2b);
margin-top:var(--blankM2);
margin-bottom:var(--blankXXS);
display: flex;
align-items: center;
letter-spacing: 0.05em;
}
.brand_tab-content h5:before {
content:"●";
font-size:0.5em;
vertical-align: middle;
} 
.brand_tab-content p {
font:var(--font2);
line-height:1.9 ;
}
.brand_tab-content .content p + p, .brand_tab-content .content p + table{
margin-top:1.5em;
}
.brand_tab-content table td {
font:var(--font2);
line-height:1.9 ;
}
.brand_tab-content table tr > td:first-child, .brand_tab-content table.table1 tr > td:nth-of-type(2) {
white-space: nowrap;
padding-right:8px;
}
.brand_tab-content table.table1 tr > td:last-child {
white-space:wrap;
}
.brand_tab-content table + p {
margin-top:1em;
} .about_cor01 {
flex-flow: wrap;
justify-content: space-between;
align-items: flex-end;
}
.about_cor01 .txt_box:not(.txt_box_full) {
order:1;
width:min(63.14%,682px);
}
.about_cor01 .img_box {
width:min(30%,315px);
order:2
}
.about_cor01 .txt_box.txt_box_full{
width:100%;
order:3;
}
.brand_tab-content .mainimg_box2 {
margin-top:var(--blankM2);
}
.about_cor02 .history_list{
display: flex;
flex-direction: column;
gap:var(--blankM2);
}
.about_cor02 .history_list li {
display: flex;
gap:var(--blankM3);
align-items: center;
}
.about_cor02 .history_list li figure {
width:335px;
margin-bottom:0;
flex-shrink: 0;
}
.about_cor02 .history_list li p {
flex:1;
}
.about_cor02 .history_list .child_list {
padding-left:calc(var(--blankXL) - 10px);
}
.about_cor02 .history_list .child_list li {
position:relative;
}
.about_cor02 .history_list .child_list li:before {
content:"";
width:19px;
height:19px;
border-radius: 50%;
background-color: black;
position:absolute;
left:-54px;
} 
.about_cor02 h3 + .history_list:first-of-type {
position:relative;
}
.about_cor02 h3 + .history_list:first-of-type > li:after {
content:"";
width:3px;
height:100%;
background-color: black;
position:absolute;
left:74px;
top:0;
z-index: -1;
}
.img_list_wrap {
margin-top:var(--blankM2);
}
.img_list_wrap dt {
padding-bottom:var(--blankXS);
}
.img_list_wrap dd {
font:var(--font);
line-height: 23px;
}
.heart-of-core01 .flex, .heart-of-core02 .flex, .heart-of-core03 .flex,.core-leather01 .flex,.core-leather02 .flex,.core-leather03 .flex ,.core-leather04 .flex{
align-items: flex-start;
gap:var(--blankS);
}
.heart-of-core01 .flex .img_box, .heart-of-core02 .flex .img_box, .heart-of-core03 .flex .img_box  {
margin-top:var(--blankM2);
width:min(42.2222%,456px);
flex-shrink: 0;
}
.heart-of-core01 .flex .txt_box, .heart-of-core02 .flex .txt_box, .heart-of-core03 .flex .txt_box,.core-leather01 .flex .txt_box{
flex:1;
}
.core-leather01 .flex .img_box, .core-leather02 .flex .img_box, .core-leather03 .flex .img_box, .core-leather04 .flex .img_box{
width:min(42.2222%,456px);
flex-shrink: 0;
}
.core-leather04 .flex .txt_box {
overflow: hidden;
}
.core-leather04 .flex .txt_box p.tar {
font:var(--font);
line-height: 2.5;
text-align: left;
float: right;
}
.about_thonet01 .flex {
align-items: flex-start;
gap:var(--blankM);
}
.about_thonet01 .flex .img_box  {
width:min(42.6%,460px);
flex-shrink: 0;
}
@media (min-width:1441px)  {
.about_thonet01 .flex .img_box  {
width:20%;
}
}
@media (min-width:1701px)  {
.about_thonet01 .flex .img_box  {
width:16%;
}
}
.about_thonet01 .flex .txt_box{
flex:1;
}
.bentwood01 {
margin-top:1.5em;
overflow: hidden;
}
.bentwood01 .flex {
justify-content: space-between;
}
.bentwood01 .img_box {
width:min(32.87%,355px);
flex-shrink: 0;
padding-left:var(--blankM);
}
.bentwood01 .txt_box {
width:auto;
flex:1;
}
@media (max-width:1440px)  {
.bentwood01 p.last-child {
clear:both;
}
}
.bentwood01  + figure:last-child {
clear:both;
width:min(67.3%,727px);
margin-left:auto;
margin-right:auto;
margin-top:var(--blankM2);
}
.cantilever01 .flex {
justify-content: space-between;
gap:var(--blankM);
}
.cantilever01 .flex .img_box {
width:min(34.9%,377px);
flex-shrink: 0;
}
.cantilever01 .flex .txt_box {
width:auto;
flex:1;
}
.cantilever01 > figure {
margin-top:var(--blankM2);
margin-bottom:0;
}
.cantilever01 > figure + p{
margin-top:var(--blankM2);
}
.cantilever01 .grid {
margin-top:var(--blankM2);
}
.mainimg_box2 .grid .info {
font:var(--font2);
margin-top:10px;
line-height: 1.75;
}
.mainimg_box2 .grid .info strong {
font:var(--font2b);
}
.mainimg_box2 .grid .info a {
text-decoration: underline;
}
@media (min-width:1441px)  {
.about_cor01 {
gap:80px;
}
.about_cor01 .txt_box:not(.txt_box_full) {
width:auto;
flex: 1;
}
.about_cor01 .img_box {
flex-shrink: 0;
}
}
@media (max-width:768px)  {
.txt_box figure {
margin-bottom:0;
}
.brand_kv {
margin-inline: calc(50% - 50cqi);
margin-bottom: var(--blankM2);
}
.brand_kv figure {
aspect-ratio: 375 / 534;
}
.brand_kv figure img {
object-position: -30px 0;
}
.brand-detail-header .en img {
height: var(--blankS);
width: auto;
}
.brand-description h3 {
font: var(--font6b);
margin-bottom: var(--blankS);
line-height: 1.85;
}
.brand-description p {
line-height: 2;
letter-spacing: 0.04em;
}
#brand_single .cat-list_wrap {
margin-top: calc(var(--blankL) - 10px);
padding-top: var(--blankM);
gap: var(--blankM3);
}
.brand_tab-menu.grid.col3x {
grid-template-columns: repeat(1, 1fr);
gap:15px;
margin-bottom: var(--blankM);
}
.brand_tab-button figure {
aspect-ratio: 322 / 90;
}
.brand_tab-button .box_arw .arw {
transition: .3s var(--easeout);
transform: translateX(0) rotate(90deg);
}
.brand_tab-content .mainimg_box figure {
aspect-ratio: 322 / 182;
}
.brand_tab-content h3 .ja {
font: var(--font);
}
.brand_tab-content h4 {
margin-top: var(--blankM3);
font:var(--font);
font-weight:600;
line-height: 1.75; 
border-bottom:1px solid #5a5a5a;
}
article:not(.post-slug-thonet) .brand_tab-content > .content > .mainimg_box:first-child + h4 {
font:var(--font2b);
line-height: 1.75; 
}
.about_cor01 {
flex-flow:column;
justify-content: flex-start;
align-items: flex-start;
margin-top:var(--blankS);
}
.about_cor01 .img_box {
order:1;
}
.about_cor01 .txt_box:not(.txt_box_full) {
order:2;
}
.about_cor01 .txt_box.txt_box_full{
order:3;
}
.about_cor01 .img_box,.about_cor01 .txt_box {
width:100% !important;
}
.brand_tab-content h5 {
margin-top: var(--blankM3);
}
.about_cor01 + .mainimg_box2 {
margin-inline: calc(50% - 50cqi);
}
.mainimg_box2 figure{
aspect-ratio: 375/386;
}
.mainimg_box2 figure.mainimg2 {
aspect-ratio:322/182;
}
.mainimg_box2 figure img {
width:100%;
height:100%;
object-fit: cover;
object-position: left;
}
.brand_tab-content .content * > h3:first-child {
margin-top: calc(var(--blankL) - 10px);
}
.about_cor02 .history_list {
gap:10px;
}
.about_cor02 .history_list li {
flex-direction: column;
gap: var(--blankS);
align-items: center;
position:relative;
}
.about_cor02 .history_list li p {
padding-bottom:5px;
}
.about_cor02 h3 + .history_list:first-of-type > li:after,.about_cor02 .history_list li:after { content:"";
width:1px;
height:36px;
background-color: black;
position:relative;
left:auto;
top:auto;
}
.about_cor02 .history_list li:before,.about_cor02 .history_list .child_list li:before {
content:"";
width:10px;
height:10px;
border-radius: 50%;
background-color: black;
position:absolute;
bottom:0;
left:calc(50% - 5px);
right:calc(50% - 5px);
}
.about_cor02 h3 + .history_list:last-of-type > li:after, .about_cor02 h3 + .history_list:last-of-type > li:before{
display: none;
}
.about_cor02 .history_list .child_list {
padding-left: 0;
}
.about_cor02 > .history_list > li figure{
width:auto;
margin-inline: calc(50% - 50cqi);
}
.heart-of-core01 .txt_box p + figure, .heart-of-core02 .txt_box p + figure, .heart-of-core03 .txt_box figure,
.about_thonet01 .txt_box figure,.about_thonet02 .txt_box figure,.about_thonet01 .txt_box figure + p,.about_thonet02 .txt_box figure + p{
margin-top:var(--blankM3);
}
.brand_tab-content .heart-of-core02 .mainimg_box2 {
margin-top: calc(var(--blankL) - 10px);
}
.heart-of-core03 > .mainimg_box2:first-child {
margin-top:var(--blankL);
}
.brand_tab-content h3 {
font:  normal normal normal 25px/35px "Real Head Pro Medium";
margin-bottom: var(--blankS);
flex-wrap: wrap;
}
.brand_tab-content p {
font: var(--font);
line-height:23px;
letter-spacing: 0.05em;
}
.img_list_box {
display: flex;
gap:var(--blankS);
}
.img_list_box dt {
width:min(46%, 147px);
flex-shrink: 0;
}
.img_list_box dd {
flex:1;
letter-spacing: 0.05em;
}
.core-leather01 > figure:first-child, .core-leather02 > figure:first-child, .core-leather03 > figure:first-child, .core-leather04 > figure:first-child
{
margin-top:calc(var(--blankL) - 10px);
}
.core-leather04 .flex .txt_box p.tar {
float:none;
line-height: 2;
}
.bentwood01 .txt_box, .bentwood01 p + figure:last-child, .cantilever01 .flex .txt_box, .cantilever01 p + figure:last-child{
width:100%;
}
.bentwood01 .flex + p , .cantilever01 .flex + p, .cantilever01 .flex .txt_box figure{
margin-top:var(--blankM3);
}
.cantilever01 {
margin-bottom:var(--blankM3);
}
.mainimg_box2 .grid .info {
font: var(--font);
line-height: 1.53;
margin-top:var(--blankS);
}
.mainimg_box2 .grid .info strong {
font: var(--fontb);
line-height: 1.53;
display: block;
margin-top: 10px;
}
} .bland-list_wrap {
gap:var(--blankM2);
}
.bland-list_box {
display: flex;
flex-direction: column;
height:100%;
}
.bland-list_box figure {
width:100%;
height:auto;
aspect-ratio:515/263;
flex-shrink: 0;
margin-bottom:0;
}
.bland-list_box figure img {
width:100%;
height:100%;
object-fit: cover;
object-position: center;
}
.bland-list_box h3 {
margin-top:calc(var(--blankXS) + 5px);
flex-shrink: 0;
}
.bland-list_box h3 i img{
width: auto;
height:20px;
}
.bland-list_box.interluebke h3 i img{
width: auto;
height:24px;
}
.bland-list_box .description {
margin-top:calc(var(--blankXS) + 5px);
padding-bottom:var(--blankXS);
border-bottom:1px solid black;
flex:1;
}
.bland-list_box .description p {
font:var(--font4);
line-height: 1.9;
font-weight:500;
letter-spacing: 0.025em;
}
.bland-list_box .link_more {
margin-top:calc(var(--blankXS) + 5px);
justify-content: flex-end;
gap:10px;
flex-shrink: 0;
}
.bland-list_box .link_more span.i_arw {
width:24px;
height:24px;
}
.bland-list_box .link_more span:not(.i_arw) {
font: var(--hfont8);
letter-spacing: 1.6px;
}
@media (max-width:768px)  {
.bland-list_wrap {
grid-template-columns: repeat(1, 1fr);
gap: calc(var(--blankL) - 10px);
}
.bland-list_box .description {
margin-top:calc(var(--blankXS) + 2px);
padding-bottom:calc(var(--blankM3) - 5px);
}
.bland-list_box .link_more {
margin-top:var(--blankM3);
}
.bland-list_box .link_more span:not(.i_arw) {
font: var(--hfont5);
font-weight:600;
letter-spacing: 1.6px;
}
.bland-list_box .link_more span.i_arw {
width: 33px;
height: 33px;
}
} #top_product {
background:url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/top_product_bn.jpg) no-repeat;
background-size: cover;
padding:calc(var(--blankM) - 4px) 0 calc(var(--blankL) + 2px);
}
#top_product h2 {
margin-bottom:calc(var(--blankM) - 2px);
}
#top_product .flex {
justify-content: space-between;
}
#top_product .top-product_list {
padding-left:min(13.542vw,104px);
gap:min(13.542vw,104px);
}
#top_product .top-product_list ul {
display: flex;
flex-direction: column;
gap:calc(var(--blankS) + 5px);
}
#top_product .top-product_list ul li {
font:var(--hfont4);
letter-spacing: 0.1em;
}
#top_product .top-product_list ul li a {
padding-bottom:8px;
}
#top_product .top-product_list ul li.newitem a {
border-bottom:1.5px solid white;
}
.btn_product {
display: flex;
align-items: center;
}
.btn_product .circle{
display: block;
width:min(23.438vw,180px);
height:auto;
aspect-ratio: 1/1;
border-radius: 50%;
border:1px solid white;
order:2;
}
.btn_product .arw {
order:1;
display: flex;
align-items: center;
transform: translateX(42px);
transition:transform .3s var(--easeout);
}
.btn_product .arw:before {
content:"All Item";
font:var(--hfont4b);
margin-right:var(--blankXXS);
white-space: nowrap;
letter-spacing: 1px;
}
.btn_product:hover .arw {
transform: translateX(84px);
}
@media (max-width:1024px)  {
.btn_product .circle {
width: min(23.438vw, 100px);
}
}
@media (max-width:768px)  {
#top_product {
background:url(//flacedesign.com/flace/wp-content/themes/flace2025/assets/img/top_product_bn_sp.jpg) no-repeat;
background-size: cover;
padding:calc(var(--blankM) + 6px) 0 var(--blankL2);
}
#top_product .container > .flex {
flex-direction: column;
align-items: center;
justify-content: flex-start;
gap:var(--blankM);
}
#top_product .top-product_list {
width:100%;
padding-left:0;
justify-content: center;
gap:var(--outergap);
}
#top_product .top-product_list ul li {
font: var(--hfont4b);
}
} .top_project-slider {
overflow: visible;
}
.top_project-slider .swiper-wrapper {
align-items: flex-end;
}
.top_project-slider .swiper-slide {
opacity:0.2;
transform: scale(0.55);
transform-origin: bottom;
transition:all .3s var(--easeout);
}
.top_project-slider .swiper-slide-active, .top_project-slider .swiper-slide-next{
opacity:1;
transform:scale(1);
}
.top_project-slider .swiper-slide-prev{
transform-origin: right bottom;
}
.top_project-slider .swiper-slide-next + .swiper-slide{
transform-origin: left bottom;
}
.top_project-slider .swiper-slide figure {
width:100%;
height:auto;
aspect-ratio:3/2;
background-color: var(--lightgray4);
margin-bottom:0;
overflow: hidden;
}
.top_project-slider .swiper-slide figure img {
width:100%;
height:100%;
object-fit: cover;
transform:scale(1);
transition:transform .3s var(--easeout);
}
.top_project-slider .swiper-slide:hover figure img {
transform:scale(1.075);
} 
.top_project-slider .swiper-pagination {
width:100%;
display: flex;
justify-content: center;
margin-top:calc(var(--blankL2) + 3px);
margin-bottom:-10px;
gap:5px;
position:relative
}
.top_project-slider .swiper-pagination .swiper-pagination-bullet {
background-color: var(--lightgray);
background-color: transparent;
opacity:1;
width:92px;
height:25px;
border-radius:0;
display: flex;
align-items: center;
}
.top_project-slider .swiper-pagination .swiper-pagination-bullet:after {
content:"";
width:100%;
height:5px;
background-color: var(--lightgray);
place-content: center;
}
.top_project-slider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
background-color: black;
}
@media (max-width:768px)  {
.top_project-slider .swiper-slide figure {
width:100%;
height:auto;
aspect-ratio:322/297;
}
.top_project-slider {
width:79.2%;
}
.top_project-slider .swiper-slide,.top_project-slider .swiper-slide-next {
transform: scale(0.74);
opacity:0.2;
}
.top_project-slider .swiper-slide-active{
opacity: 1;
transform: scale(1);
}
.top_project-slider .swiper-slide-next{
transform-origin: left bottom;
}
} #top_news {
padding-top:0;
margin-bottom:var(--blankXXL)
}
.top-news_wrap {
display: flex;
flex-direction: column;
gap:12px;
}
.top-news_wrap .top-news_list a{
display: flex;
gap:var(--blankXS);
width:100%;
}
.top-news_wrap .top-news_list {
padding-bottom:12px;
border-bottom:1px solid black;
}
.top-news_wrap .top-news_list a figure {
width:min(19.792vw,152px);
height:auto;
aspect-ratio:152/116;
background-color: var(--lightgray4);
}
.top-news_wrap .top-news_list a figure img {
width:100%;
height:100%;
object-fit: cover;
}
.top-news_wrap .top-news_list a dl {
display: flex;
flex:1;
flex-direction: column;
justify-content: flex-start;
}
.top-news_wrap .top-news_list a dl dd {
flex:1;
display: flex;
align-items:center ;
color:var(--darkgray3);
}
.top-news_wrap .top-news_list a .box_arw_outer {
flex-shrink: 0;
display: flex;
align-items: center;
}
.top-news_wrap .top-news_list a dl dt *{
font-weight:bold;
}
@media (max-width:768px)  {
.top-news_wrap {
gap:var(--blankM3);
}
.top-news_wrap .top-news_list a figure {
width:min(35.349vw,152px);
height:auto;
aspect-ratio:152/116;
background-color: var(--lightgray4);
}
.top-news_wrap .top-news_list {
padding-bottom:var(--blankM3);
}
.top-news_wrap .top-news_list dt {
flex-flow: wrap;
}
.top-news_wrap .top-news_list a .box_arw_outer {
align-items: flex-end;
}
#top_news {
margin-bottom: var(--blankXXL);
}
}