@charset "utf-8";

#main-content {
  opacity: 1;
  transition-delay: 0.2s;
  transition-duration: 0.3s;
  transition-property: opacity;
  transition-timing-function: linear;
}
#main-content.loading {
  opacity: 0;
  transition-delay: 0s;
  transition-duration: 0s;
}
.container{
    padding: inherit;
}
@media (min-width: 1200px){
    .header-banner > .container,nav > .container{
        padding-left: 85px;
        padding-right: 85px;
    }
}
@media screen and (max-width: 1400px){
    .header-banner > .container,nav > .container{
        padding-left: 10px;
        padding-right: 10px;
    }
}

#main-content{
    margin: 0 auto;
    max-width: 1640px;
    padding: 0 calc(20px* var(--rto_pg_wdt)) calc(75px* var(--rto_pg_wdt));
}


#head-content{
    width: 100%;
    margin-bottom: calc(50px* var(--rto_pg_wdt));
}
#head-content h1{
  margin: 0;
}
.display-flex-pc {
    display: flex;
    justify-content: center;
    align-items: center;
}
.colehaan-image{
    width: 100%;
    margin-bottom: 0;
}
.colehaan-image img{
    width: 100%;
}
.colehaan-text{
    max-width: 930px;
    width: 100%;
    margin: 0 4%;
    padding: 4% 0;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}
.colehaan-text h1{
    font-family: Libre Bodoni;
    font-size: calc(32px + 48 * (100vw - 375px)/1195);
    text-align: center;
    margin-bottom: 4%;
}
.colehaan-text p{
    font-size: calc(14px + 14 * (100vw - 375px)/1195);
    text-align: center;
    font-weight: 500;
    font-family: "Noto Sans JP";
}
.link_area{
    padding: calc(70px* var(--rto_pg_wdt)) 0 calc(100px* var(--rto_pg_wdt));
}
.link_area p{
    font-size: calc(20px* var(--rto_pg_wdt));
    font-weight: 500;
    text-align: center;
    color: #000;
}
.link_btn a{
    display: block;
    color: #fff;
    font-size: 12px;
    background: #000;
    text-align: center;
    width: 350px;
    padding: 8px 0;
    margin: 0 auto;
}
.pc-only {
    display: block !important;
}

.sp-only {
    display: none !important;
}
@media screen and (max-width: 767px) {
    .pc-only {
        display: none !important;
    }
    .sp-only {
        display: block !important;
    }
    .display-flex-pc{
        display: block;
    }
    #main-content{
      padding: 0 0 calc(75px* var(--rto_pg_wdt));
    }
    #head-content{
        padding: 0;
        margin-bottom: calc(50px* var(--rto_pg_wdt));
    }
    .colehaan-image{
        max-width: 100%;
    }
    .colehaan-text{
        max-width: 100%;
        margin: 40px auto;
        padding: 50px 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }
    .colehaan-text p{
        font-size: 14px;
    }
    .link_area{
        padding: 0 0 calc(20px* var(--rto_pg_wdt));
    }
    .link_area p{
        font-size: calc(16px* var(--rto_pg_wdt));
        margin-top: calc(30px* var(--rto_pg_wdt));
    }
    .link_area p + p{
      margin-top: calc(10px* var(--rto_pg_wdt));
  }
}
@media screen and (min-width: 1571px) {
    .colehaan-text h1{
        font-size: 80px;
    }
    .colehaan-text p{
        font-size: 28px;
    }
    [class^="section-ptn"] .heading-h2{
        font-size: 64px;
    }
}
/* コンテンツ部分
---------------------------- */

#main-content a{
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s;
}
#main-content a:hover{opacity: 0.7;}


[class^="section-ptn"]{
    background-color: #ffffff;
    margin: 0 auto calc(315px* var(--rto_pg_wdt));
    position: relative;
}
[class^="section-ptn"] .heading-h2{
    font-size: calc(64px* var(--rto_pg_wdt));
    font-family: Libre Bodoni;
    position: absolute;
    left: calc(50px* var(--rto_pg_wdt));
    top: calc(-18px* var(--rto_pg_wdt));
    margin-bottom: 0;
}
.section-ptn01 .inner{
    background: #F6F2EE;
    height: calc(715px* var(--rto_pg_wdt));
}
[class^="section-ptn"] .inner .column2{
    display: flex;
    margin: 0 0 0 auto;
}

[class^="section-ptn"] .inner .column2 .slider_img{
  width: calc(545px* var(--rto_pg_wdt));
    margin-top: calc(-60px* var(--rto_pg_wdt));
    margin-right: 2.184%;
    visibility: hidden;
	transition: 1s;
    transform: translateY(30px);
    opacity : 0;
}
.section-ptn02 .inner .column2 .slider_img{
    width: calc(545px* var(--rto_pg_wdt));
    margin-top: calc(-60px* var(--rto_pg_wdt));
    margin-left: 2.184%;
    margin-right: 0;
    visibility: hidden;
	transition: 1s;
    transform: translateY(30px);
    opacity : 0;
}
[class^="section-ptn"] .inner .column2 .slider_img.active{
	visibility: visible;
    transform: translateY(0);
    opacity: 1;
}
[class^="section-ptn"] .inner .column2 .txt{
    width: 65.598%;
    padding: 0 calc(50px* var(--rto_pg_wdt));
}
[class^="section-ptn"] .inner .column2 .txt p{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: calc(19px* var(--rto_pg_wdt));
    line-height: 1.6;
    font-weight: 500;
    height: calc(450px* var(--rto_pg_wdt));
    margin-bottom: 0;
    color: #000;
}
[class^="section-ptn"] .inner .column2 .txt p.font-s{
    font-size: calc(14px* var(--rto_pg_wdt));
    line-height: 1.4;
}
.product{
    display: flex;
    justify-content: center;
    margin: 0 -10px;
}
.product_item{
    padding: 0 10px;
}
.product_item-img{
    width: calc(280px* var(--rto_pg_wdt));;
    margin: 0 auto;
}
.product_item-ttl{
    font-size: calc(15px* var(--rto_pg_wdt));
    font-weight: 500;
    background: #fff;
    max-width: 323px;
    margin: 0;
    padding-top: calc(5px* var(--rto_pg_wdt));
}
.product_item-ttl span{
    font-family: Work Sans;
}
.product_item-price{
    font-size: calc(12px* var(--rto_pg_wdt));
    font-weight: 600;
    background: #fff;
    max-width: 323px;
    margin: 0;
}
.product_item-price span{
    font-size: 180%;
    font-family: Work Sans;
}



[class^="section-ptn"].section-ptn02 .heading-h2{
    left: auto;
    right: calc(50px* var(--rto_pg_wdt));
    
}
[class^="section-ptn"].section-ptn02 .heading-h2{
  background: #fff;
  padding: 0 10px;
}
.section-ptn02 .inner{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: calc(715px* var(--rto_pg_wdt));
}
.section-bnr{
    padding: 0 0 calc(72px* var(--rto_pg_wdt));
}

.section-bnr a img{
  width: 100%;
}


@media screen and (max-width: 767px) {
    .section-ptn01{
        padding: 0;
        margin: 0 0 calc(160px* var(--rto_pg_wdt));
    }
    [class^="section-ptn"] .heading-h2{
        font-size: 32px;
        position: absolute;
        right: 15px;
        top: -15px;
        left: calc(30px* var(--rto_pg_wdt));;
    }
    .section-ptn01 .inner{
        margin-bottom: 0;
        height: auto;
    }
    [class^="section-ptn"] .inner .column2{
        flex-direction: column;
        flex-direction: column-reverse;
        padding: calc( 50px* var(--rto_pg_wdt)) calc(15px* var(--rto_pg_wdt)) 0;
        gap: calc(15px* var(--rto_pg_wdt));
    }
    .section-ptn02 .inner .column2{
      flex-direction: column;
    }
    [class^="section-ptn"] .inner .column2 .image{
        width: 100%;
        margin: 0 auto;
    }
    [class^="section-ptn"] .inner .column2 .slider_img{
        width: 100%;
        margin-top: calc(-15px* var(--rto_pg_wdt));
        margin-left: 0;
    }
    [class^="section-ptn"] .inner .column2 .image img{
        width: 100%;
    }
    [class^="section-ptn"] .inner .column2 .txt{
        width: 100%;
        padding: 0 0 calc(20px* var(--rto_pg_wdt)) 0;
    }
    [class^="section-ptn"] .inner .column2 .txt p{
        font-size: calc(14px* var(--rto_pg_wdt));
        height: auto;
        margin: calc(10px* var(--rto_pg_wdt)) 0 calc(30px* var(--rto_pg_wdt));
    }
    [class^="section-ptn"] .inner .column2 .txt p.font-s {
        line-height: 1.8;
    }
    
    [class^="section-ptn"] .product {
      flex-wrap: wrap;
      justify-content: flex-start;
      margin: 0 calc(-11px* var(--rto_pg_wdt));
    }
    [class^="section-ptn"] .product > *:only-child {
      margin: auto;
    }
    .section-ptn01 .product{
      margin: 0 calc(-11px* var(--rto_pg_wdt)) -115px;
    }
    .product_item {
        flex-basis: 50%;
        padding: 0 calc(10px* var(--rto_pg_wdt));
    }
    .product_item a{
      display: block;
  }
    .product_item:nth-child(n+3) {
      margin-top: calc(15px* var(--rto_pg_wdt));
    }
    .product_item-img{
      width: calc(171px* var(--rto_pg_wdt));
    }
    .product_item-ttl,.product_item-price,.product_item-price span{
        font-size: 10px;
    }
    .section-ptn02{
        margin: 0 0 calc(70px* var(--rto_pg_wdt));
        padding: 0;
    }
    [class^="section-ptn"].section-ptn02 .heading-h2{
        right: 15px;
        margin: 0;
        padding: 0 15px;
        width: fit-content;
    }
    .section-ptn02 .inner{
        height: auto;
        border-bottom: none;
    }
    .section-bnr{
        padding: 0 calc(16px* var(--rto_pg_wdt)) calc(40px* var(--rto_pg_wdt));
    }

}


@media screen and (min-width: 768px) and (max-width: 1300px) {
[class^="section-ptn"]{
        margin: 0 auto 30%;
}

}


.slick-dots {
    position: absolute;
    text-align: center;
    white-space: nowrap;
    z-index: 1;
    font-size: 0;
  }
  .slick-dots li {
    display: inline-block;
    overflow: hidden;
  }
  .slick-dots li + li {
    margin-left: calc(5px * var(--rto_pg_wdt));
  }
  .slick-dots li button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: calc(16px * var(--rto_pg_wdt));
    padding: 0;
    position: relative;
    width: calc(16px * var(--rto_pg_wdt));
  }
  .slick-dots li button:before {
    background-color: #ccc;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    height: calc(6px * var(--rto_pg_wdt));
    left: 50%;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: calc(6px * var(--rto_pg_wdt));
  }
  .slick-dots li:hover button:before,
  .slick-dots li.slick-active button:before {
    background-color: #fff;
  }
  
  .slick-arrow {
    font-size: 0;
    background-color: transparent;
    border: none;
    cursor: pointer;
    height: calc(45px * var(--rto_pg_wdt));
    opacity: 1;
    padding: 0;
    position: absolute;
    transition: opacity 0.3s;
    width: calc(45px * var(--rto_pg_wdt));
    z-index: 2;
  }
  .slick-arrow:before {
    border-color: #fff;
    border-style: solid;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    display: block;
    height: calc(12px * var(--rto_pg_wdt));
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%) rotate(45deg);
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
    width: calc(12px * var(--rto_pg_wdt));
  }
  
  @media (min-width: 768px) {
    .slick-arrow:hover {
      filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
      opacity: 0.6;
    }
  }
  
  .slick-prev:before {
    border-width: 0 0 calc(2px * var(--rto_pg_wdt)) calc(2px * var(--rto_pg_wdt));
    margin-left: calc(2px * var(--rto_pg_wdt));
  }
  
  .slick-next:before {
    border-width: calc(2px * var(--rto_pg_wdt)) calc(2px * var(--rto_pg_wdt)) 0 0;
    margin-left: calc(-2px * var(--rto_pg_wdt));
  }
  
  .base_slider.wht .slick-arrow:before {
    border-color: #fff;
  }
  .slider_img figure {
    margin-bottom: 0;
    position: relative;
  }
  .slider_img figure figcaption{
    font-size: calc(12px* var(--rto_pg_wdt));
    line-height: 1.1;
    font-weight: 200;
    color: #fff;
    position: absolute;
    right: 12px;
    bottom: 10px;

  }
  .slider_img figure figcaption.fc-l{
    right: auto;
    left: 12px;

  }
  .slider_img figure figcaption.blk{
    color: #000;
  }
.slider_img .slick-dots {
    bottom: 0;
    left: 50%;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  @media (min-width: 768px) {
    .slider_img .slick-dots {
      padding:  0 calc(50px * var(--rto_pg_wdt));
      margin-bottom: calc(5px * var(--rto_pg_wdt));
    }
  }
  @media (max-width: 767px) {
    .slider_img figure figcaption{
      font-size: calc(10px* var(--rto_pg_wdt));
  
    }
    .slider_img .slick-dots {
      padding: calc(5px * var(--rto_pg_wdt)) calc(4px * var(--rto_pg_wdt));
      margin-bottom: 0;
    }
  }
  .slider_img .slick-dots li button:before {
    background-color: #aaa;
  }
  .slider_img .slick-dots li:hover button:before,
  .slider_img .slick-dots li.slick-active button:before {
    background-color: #fff;
  }
  .slider_img .slick-arrow {
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  @media (min-width: 768px) {
    .slider_img .slick-arrow {
      height: calc(40px * var(--rto_pg_wdt));
      width: calc(40px * var(--rto_pg_wdt));
    }
  }
  @media (min-width: 768px) {
    .slider_img .slick-arrow:before {
      height: calc(16px * var(--rto_pg_wdt));
      width: calc(16px * var(--rto_pg_wdt));
    }
  }
  .slider_img .slick-prev {
    left: 0;
  }
  .slider_img .slick-next {
    right: 0;
  }

  @media (min-width: 768px) {
    .area_carousel_item {
      padding: calc(20px * var(--rto_pg_wdt)) 0;
    }
  }
  @media (max-width: 767px) {
    .area_carousel_item {
      padding: calc(20px * var(--rto_pg_wdt)) calc(16px * var(--rto_pg_wdt));
    }
  }
  .area_carousel_item .inr_area {
    overflow: hidden;
  }
  .area_carousel_item .title_carousel_item {
    letter-spacing: 0.025em;
    line-height: 1.0;
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 700;
    margin-bottom: 0;
  }
  @media (min-width: 768px) {
    .area_carousel_item .title_carousel_item {
      font-size: calc(15px * var(--rto_pg_wdt));
      padding: calc(25px * var(--rto_pg_wdt)) 0;
    }
  }
  @media (max-width: 767px) {
    .area_carousel_item .title_carousel_item {
      font-size: calc(13px * var(--rto_pg_wdt));
      padding: calc(15px * var(--rto_pg_wdt)) 0;
    }
  }
  @media (min-width: 768px) {
    .area_carousel_item .base_slider {
      margin-right: calc(-9px * var(--rto_pg_wdt));
    }
  }
  @media (max-width: 767px) {
    .area_carousel_item .base_slider {
      margin-right: calc(-8px * var(--rto_pg_wdt));
    }
  }
  @media (min-width: 768px) {
    .area_carousel_item .box_item_all {
      margin-right: calc(9px * var(--rto_pg_wdt));
    }
  }

  @media (min-width: 768px) {
    .area_carousel_item .box_item_all .inr_box {
      width: calc(300px * var(--rto_pg_wdt));
    }
  }
  @media (max-width: 767px) {
    .area_carousel_item .box_item_all .inr_box {
      width: calc(175px * var(--rto_pg_wdt));
    }
  }
  .area_carousel_item .box_item_all a {
    display: block;
    position: relative;
  }
  .area_carousel_item .box_item_all .box_name,
  .area_carousel_item .box_item_all .box_price,
  .area_carousel_item .box_item_all .box_link,
  .area_carousel_item .box_item_all .box_tag {
    font-weight: 500;
    line-height: 1.6;
    font-size: calc(14px * var(--rto_pg_wdt));
  }
  .area_carousel_item .box_item_all .box_name .s1,
  .area_carousel_item .box_item_all .box_price .s1,
  .area_carousel_item .box_item_all .box_link .s1,
  .area_carousel_item .box_item_all .box_tag .s1 {
    font-size: calc(12px * var(--rto_pg_wdt));
    vertical-align: bottom;
  }
  .area_carousel_item .box_item_all .box_name {
    padding-top: calc(20px * var(--rto_pg_wdt));
  }
  .area_carousel_item .box_item_all .box_price,
  .area_carousel_item .box_item_all .box_link {
    padding-top: calc(10px * var(--rto_pg_wdt));
  }
  .area_carousel_item .slick-arrow:before{
    border-color: #000;
}
  
  @media (min-width: 768px) {
    .area_carousel_item .slick-arrow {
      top: calc(-55px * var(--rto_pg_wdt));
    }
  }
  @media (max-width: 767px) {
    .area_carousel_item .slick-arrow {
      top: calc(-45px * var(--rto_pg_wdt));
    }
    
  }
  @media (min-width: 768px) {
    .area_carousel_item .slick-prev {
      right: calc((45px + 9px) * var(--rto_pg_wdt));
    }
  }
  @media (max-width: 767px) {
    .area_carousel_item .slick-prev {
      right: calc((45px + 8px) * var(--rto_pg_wdt));
    }
  }
  @media (min-width: 768px) {
    .area_carousel_item .slick-next {
      right: calc(9px * var(--rto_pg_wdt));
    }
  }
  @media (max-width: 767px) {
    .area_carousel_item .slick-next {
      right: calc(8px * var(--rto_pg_wdt));
    }
  }


/*20250226add*/
.link_area .base_btn{
  display: flex;
  justify-content: center;
}
.link_area .btn_1 {
    background: #000;
    color: #fff;
    box-sizing: border-box;
    border-radius: 9999px;
    display: inline-block;
    font-size: calc(12px* var(--rto_pg_wdt));
    font-weight: bold;
    line-height: 1.2;
    padding: calc(10px* var(--rto_pg_wdt)) calc(25px* var(--rto_pg_wdt));
    text-align: center;
    user-select: none;
    white-space: nowrap;
    margin: calc(20px* var(--rto_pg_wdt) ) 0 0;
}
.section-bnr figure{
  background: #F6F2EE;
  position: relative;
}
.section-bnr figure img{
  margin: 0 auto;
  display: block;
  width: calc(550px* var(--rto_pg_wdt));;
}
.section-bnr figcaption{
  font-size: calc(12px* var(--rto_pg_wdt));
  line-height: 1.1;
  font-weight: 200;
  color: #000;
  position: absolute;
  right: 12px;
  bottom: 10px;
}
@media (max-width: 767px) {
  .section-bnr figcaption{
    font-size: calc(10px* var(--rto_pg_wdt));
    right: 5px;
    bottom: 5px;
  }
}