@charset "UTF-8";
@import url(category.css);
@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);
        }
    }
}

/*------------------
  #single_kv
-------------------*/

.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 cor**/
.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 {
    /* display: none; */
    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;
}


}


/*------------------
  #arcguve_brand
-------------------*/
.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
-------------------*/

#top_product {
    background:url(../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(../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
-------------------*/
.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
-------------------*/
#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);
    }
}