@charset "UTF-8";
/* CSS Document */
#ho2021 {
  background-color: #000;
  /* リード */
  /* ブランド共通 */
  /* animation*/ }
  #ho2021 h2,
  #ho2021 h3,
  #ho2021 div,
  #ho2021 p,
  #ho2021 li {
    color: #fff;
    text-align: left; }
  #ho2021 a {
    display: inline-block; }
  #ho2021 img {
    max-width: 100%; }
  #ho2021 .forsp {
    display: none; }
  #ho2021 h1 {
    width: 100%;
    height: 0;
    padding-top: 53.472%;
    background: url("ho2021__pv-pc.jpg") no-repeat center center/cover;
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
    transition: opacity 1s cubic-bezier(0.215, 0.61, 0.355, 1);
    opacity: 0; }
    #ho2021 h1.started {
      opacity: 1; }
  #ho2021 .box_flex {
    display: flex;
    justify-content: space-between; }
    #ho2021 .box_flex figure {
      flex-shrink: 0; }
  #ho2021 .box_lead {
    max-width: calc(840px + 6.9444%);
    margin: 110px auto 120px;
    padding: 0 3.4722%; }
    #ho2021 .box_lead .box_text {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 47.619%;
      background: url("2021_winter_ttl_portlait.png") no-repeat left top/3% auto; }
      #ho2021 .box_lead .box_text h2 {
        position: relative;
        margin: 0 0 25px 10%;
        padding-bottom: 25px;
        font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
        font-size: 34px;
        font-weight: 700;
        letter-spacing: 0.0741em;
        line-height: 1; }
        #ho2021 .box_lead .box_text h2 span {
          font-size: 14px;
          font-weight: 400;
          letter-spacing: 0.1em; }
        #ho2021 .box_lead .box_text h2::after {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          bottom: 0;
          width: 50px;
          height: 1px;
          background-color: #fff; }
      #ho2021 .box_lead .box_text p {
        margin: 0 0 0 10%;
        letter-spacing: 0.0714em;
        line-height: 2; }
        #ho2021 .box_lead .box_text p + p {
          margin-top: 1em; }
      #ho2021 .box_lead .box_text_figure {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: auto; }
        #ho2021 .box_lead .box_text_figure figure {
          flex-shrink: 0; }
          #ho2021 .box_lead .box_text_figure figure:first-child {
            width: 80%;
            margin-left: auto; }
          #ho2021 .box_lead .box_text_figure figure:nth-child(2) {
            width: 50%;
            margin-top: 20px; }
          #ho2021 .box_lead .box_text_figure figure:nth-child(3) {
            width: 44.5%;
            margin-top: 20px; }
          #ho2021 .box_lead .box_text_figure figure a {
            display: block; }
    #ho2021 .box_lead .box_figure {
      width: 47.619%;
      margin-top: auto; }
      #ho2021 .box_lead .box_figure .box_figure_wrap {
        position: relative;
        width: 100%;
        padding-top: 177.777%;
        overflow: hidden; }
        #ho2021 .box_lead .box_figure .box_figure_wrap iframe {
          position: absolute;
          left: -2px;
          top: -2px;
          width: calc(100% + 4px);
          height: calc(100% + 4px); }
  #ho2021 .box_content {
    position: relative;
    max-width: calc(840px + 6.9444%);
    margin: 0 auto;
    padding: 0 3.4722% 100px; }
    #ho2021 .box_content h2 {
      margin-bottom: 7.1428%; }
    #ho2021 .box_content h3 {
      font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
      font-size: 16px;
      font-weight: 700; }
    #ho2021 .box_content p {
      margin-bottom: 35px;
      letter-spacing: 0.0714em;
      line-height: 1.5;
      text-align: justify; }
    #ho2021 .box_content .box_flex {
      position: relative;
      flex-direction: row-reverse; }
      #ho2021 .box_content .box_flex .box_outline {
        display: flex;
        flex-direction: column;
        width: 39.0476%; }
        #ho2021 .box_content .box_flex .box_outline h3 {
          display: flex;
          align-items: center;
          width: 100%;
          padding: 10px 0;
          border-top: 1px solid #fff;
          border-bottom: 1px solid #fff; }
          #ho2021 .box_content .box_flex .box_outline h3 span {
            font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
            font-size: 20px;
            font-weight: bold; }
            #ho2021 .box_content .box_flex .box_outline h3 span:first-child {
              width: 78px;
              margin-right: 20px;
              padding: 10px;
              border-right: 1px solid #fff;
              font-size: 38px;
              line-height: 1;
              text-align: center; }
        #ho2021 .box_content .box_flex .box_outline p {
          padding: 10px 0;
          border-bottom: 1px solid #fff; }
        #ho2021 .box_content .box_flex .box_outline .box_outline_figure {
          display: flex;
          flex-wrap: wrap;
          justify-content: space-between;
          margin-top: auto; }
          #ho2021 .box_content .box_flex .box_outline .box_outline_figure figure {
            width: 100%;
            margin-top: 20px; }
            #ho2021 .box_content .box_flex .box_outline .box_outline_figure figure a {
              display: block;
              /*pointer-events: none;*/ }
          #ho2021 .box_content .box_flex .box_outline .box_outline_figure.multi figure:not(:last-child) {
            width: 46.9512%; }
      #ho2021 .box_content .box_flex .box_promotion {
        width: 57.1428%;
        text-align: right; }
        #ho2021 .box_content .box_flex .box_promotion figure a {
          display: block;
          /*pointer-events: none;*/ }
    #ho2021 .box_content .list_related_items {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 4.6964% 0 7.1428%; }
      #ho2021 .box_content .list_related_items:last-child {
        margin-bottom: 0; }
      #ho2021 .box_content .list_related_items li {
        width: 47.619%;
        margin-bottom: 20px; }
        #ho2021 .box_content .list_related_items li a,
        #ho2021 .box_content .list_related_items li .nolink {
          display: flex;
          align-items: center;
          width: 100%; }
          #ho2021 .box_content .list_related_items li a figure,
          #ho2021 .box_content .list_related_items li .nolink figure {
            width: 17.2413%;
            flex-shrink: 0;
            margin-right: 10px;
            text-align: center; }
          #ho2021 .box_content .list_related_items li a span,
          #ho2021 .box_content .list_related_items li .nolink span {
            display: block;
            color: #666;
            font-size: 12px;
            line-height: 18px; }
            #ho2021 .box_content .list_related_items li a span.txt_brand, #ho2021 .box_content .list_related_items li a span.txt_price,
            #ho2021 .box_content .list_related_items li .nolink span.txt_brand,
            #ho2021 .box_content .list_related_items li .nolink span.txt_price {
              color: #fff;
              font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
              font-size: 11px;
              font-weight: 700; }
  #ho2021 .box_flex .box_figure_wrap {
    opacity: 0;
    transform: translatey(30px);
    transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
    #ho2021 .box_flex .box_figure_wrap.started {
      opacity: 1;
      transform: translatey(0); }
  #ho2021 .box_content .box_flex figure img {
    opacity: 0;
    transform: translatey(30px);
    transition: opacity 0.8s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
    #ho2021 .box_content .box_flex figure img.started {
      opacity: 1;
      transform: translatey(0); }
  @media screen and (max-width: 768px) {
    #ho2021 {
      /* ブランド */
      /* individual */ }
      #ho2021 h1 {
        padding-top: 156.2666vw;
        background: url("ho2021__pv-sp.jpg") no-repeat center center/cover; }
      #ho2021 br.forsp {
        display: inline; }
      #ho2021 .box_lead {
        flex-direction: column;
        margin: 17.3913vw auto 0;
        padding: 0 4.8309vw; }
        #ho2021 .box_lead .box_text {
          width: 100%; }
          #ho2021 .box_lead .box_text h2 {
            position: relative;
            margin-bottom: 8.4541vw;
            padding-bottom: 4.8309vw;
            font-size: 8vw;
            font-weight: 500; }
            #ho2021 .box_lead .box_text h2 span {
              font-size: 14px;
              font-weight: 400;
              letter-spacing: 0.1428em; }
            #ho2021 .box_lead .box_text h2::after {
              width: 6.5217vw;
              height: 1px; }
          #ho2021 .box_lead .box_text_figure {
            margin: 13.3333vw -4.8309vw 0; }
            #ho2021 .box_lead .box_text_figure figure:first-child {
              width: 82.1333%;
              margin-left: auto; }
            #ho2021 .box_lead .box_text_figure figure:nth-child(2) {
              width: 50.6666%;
              margin-top: 15px; }
            #ho2021 .box_lead .box_text_figure figure:nth-child(3) {
              width: 45.3333%;
              margin-top: 15px; }
        #ho2021 .box_lead .box_figure {
          width: 100%;
          margin: 17.3913vw auto 0; }
      #ho2021 .box_content {
        margin: 24.1545vw auto 0;
        padding: 0 4.8309vw; }
        #ho2021 .box_content h2 {
          margin-bottom: 6.6666vw; }
        #ho2021 .box_content h3 {
          margin-bottom: 0; }
        #ho2021 .box_content p {
          margin-bottom: calc(6vw - 15px); }
        #ho2021 .box_content .list_related_items,
        #ho2021 .box_content .box_flex {
          width: 100%; }
        #ho2021 .box_content .box_flex {
          flex-direction: column; }
          #ho2021 .box_content .box_flex .box_outline {
            width: 100%; }
            #ho2021 .box_content .box_flex .box_outline h3 span {
              font-size: 22px; }
              #ho2021 .box_content .box_flex .box_outline h3 span:first-child {
                width: 70px;
                margin-right: 15px;
                padding: 10px;
                font-size: 34px;
                line-height: 1;
                text-align: center; }
            #ho2021 .box_content .box_flex .box_outline .box_outline_figure {
              display: flex;
              flex-wrap: wrap;
              justify-content: space-between;
              margin-top: auto; }
              #ho2021 .box_content .box_flex .box_outline .box_outline_figure figure {
                width: 100%;
                margin-top: 15px; }
                #ho2021 .box_content .box_flex .box_outline .box_outline_figure figure a {
                  display: block;
                  /*pointer-events: none;*/ }
              #ho2021 .box_content .box_flex .box_outline .box_outline_figure.multi figure:not(:last-child) {
                width: calc( calc(100% - 15px)  / 2 ); }
          #ho2021 .box_content .box_flex .box_promotion {
            width: auto;
            margin: 0 -4.8309vw 6vw;
            text-align: center; }
            #ho2021 .box_content .box_flex .box_promotion figure a {
              /*pointer-events: none;*/ }
        #ho2021 .box_content .list_related_items {
          flex-direction: column;
          margin: 10vw 0 calc(14.666vw - 20px); }
          #ho2021 .box_content .list_related_items li {
            width: 100%; }
            #ho2021 .box_content .list_related_items li figure {
              width: 18.991%; }
      #ho2021 #vansContent {
        padding-bottom: 13.333vw; } }

/* globalの打ち消し */
.contentBody {
  padding-top: 50px; }

@media screen and (max-width: 768px) {
  .contentBody {
    padding-top: 12.08vw; } }
/* modaal css 調整 */
.modaal-close:after,
.modaal-close:before {
  width: 2px; }

@media only screen and (max-width: 768px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 0;
    padding-right: 0; } }
footer {
  margin-top: 0 !important; }