/* 2021.03.20 AIRBUGGY COLOURS */

* {margin:0; padding:0;}
main #colours2021ss {width:100%;}

@media screen and (max-width:390px) {
main {width:100vw;}
#colours_ttl {width:100vw;}
#colours_ttl img {width:100vw;}
.container {width:100vw; max-width:390px;}
.container picture {width:100vw;}
.container img {width:100vw;}
}

@media screen and (min-width:391px) {
#colours_ttl {width:100vw;}
#colours_ttl img {width:100vw;}
.container {width:100vw; max-width:1280px; margin:0 auto;}
.container picture { width:100vw; max-width:1280px;}
.container img {width:100vw; max-width:1280px;}	
}



/*  2022/06/20 SUMMER OPTION 2022 GMP */

main {
  padding-bottom:0!important;
}

#ssp22 {
    font-feature-settings: "palt"1;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }
  #ssp22 * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
  }
  #ssp22 img {
    width: 100%
  }
  #ssp22 .-avant {
    font-family: itc-avant-garde-gothic-pro, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: yellow;
  }
  #ssp22 .-margin {
    width:100%;
  }
  #ssp22 .-sp-margin {
    width:90%;
    margin:0 auto;
  }
  #ssp22 video {
    position: fixed;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -1
  }
  #ssp22 .-bottomWhiteMask:after {
    background-color: #f7f4eb
  }
  #ssp22 .ssp__main {
    position: relative;
    color: #fff;
  }
  #ssp22 .ssp__main__box {
    position: relative
  }
  #ssp22 .ssp__season {
    background-color: #37abe8;
    line-height: 4.9;
    text-align: center;
    padding: 10px auto
  }
  #ssp22 .ssp__season span {
    display: inline-block;
    padding-left: 18px;
    margin-left: 3px;
    position: relative
  }
  #ssp22 .ssp__season span:before {
    content: "";
    height: 1px;
    width: 13px;
    position: absolute;
    top: 50%;
    left: 0;
    background-color: yellow;
    margin-top: -1px
  }
  #ssp22 .ssp__season p {
    font-size: 8px;
    color: yellow
  }
  #ssp22 .ssp__intro {
    margin:0 auto
  }
  #ssp22 .ssp__intro__box {
    width: 100%;
    background-color: #0093e3;
    margin: 0 auto;
    height: auto;
    text-align: center
  }
  #ssp22 .ssp__intro__box > H2 {
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    margin: 50px auto 25px;
    display: inline-block;
    color: yellow
  }
  #ssp22 .ssp__intro__box > p {
    display: inline-block;
    width: 90%;
    height: auto;
    margin: 0 auto 50px;
    text-align: left;
    font-size: 1.5rem;
    color: white
  }
  #ssp22 .ssp__products {
    color: #fff;
    text-align: center;
    font-weight: 700
  }
  #ssp22 .ssp__products a {
    color: #fff
  }
  #ssp22 .ssp__product__inner {
    position: relative;
    top: -28px
  }
  #ssp22 .ssp__product {
    padding-bottom: 50px;
    margin-top: 78px
  }
  #ssp22 .ssp__product.-mat {
    background-color: #0093e3
  }
  #ssp22 .ssp__product.-mat .ssp__product__head, #ssp22 .ssp__product.-mat .ssp__product__body > li, #ssp22 .ssp__product.-mat .ssp__product__anhor__bk {
    background-color: #37abe8
  }
  #ssp22 .ssp__product.-mat .ssp__product__anhor {
    background-image: url(/assets/img/summer-sp/pattern1.png)
  }
  #ssp22 .ssp__product.-mat .ssp__product__body {
    display: flex;
    flex-wrap: wrap
  }
  #ssp22 .ssp__product.-mat .ssp__product__body img {
    max-width: 120px
  }
  #ssp22 .ssp__product.-mat .ssp__product__body li {
    width: calc(50% - 2px);
    padding: 15px 0 10px
  }
  #ssp22 .ssp__product.-mat .ssp__product__body li:nth-child(2n-1) {
    margin-right: 2px
  }
  #ssp22 .ssp__product.-mat .ssp__product__body li:nth-child(2n) {
    margin-left: 2px
  }
  #ssp22 .ssp__product.-sun {
    background-color: #37abe8
  }
  #ssp22 .ssp__product.-sun .ssp__product__head, #ssp22 .ssp__product.-sun .ssp__product__body > li, #ssp22 .ssp__product.-sun .ssp__product__anhor__bk {
    background-color: #0093e3
  }
  #ssp22 .ssp__product.-sun .ssp__product__anhor {
    background-image: url(/assets/img/summer-sp/pattern2.png)
  }
  #ssp22 .ssp__product.-sun .ssp__product__body li {
    padding: 20px 0 10px
  }
  #ssp22 .ssp__product.-sun .ssp__product__body img {
    margin: 20px 0
  }
  #ssp22 .ssp__product__head {
    margin: 0 13px;
    padding: 20px 0 22px
  }
  #ssp22 .ssp__product__head .txt2 {
    font-size: 10px;
    margin-bottom: 11px
  }
  #ssp22 .ssp__product__head .txt2 span {
    font-size: 24px
  }
  #ssp22 .ssp__product__head .txt1 img {
    width: 151px
  }
  #ssp22 .ssp__product__head .txt3 {
    font-size: 17px;
    margin-top: 8px
  }
  #ssp22 .ssp__product__body {
    margin: 0 13px
  }
  #ssp22 .ssp__product__body li {
    margin-top: 7px
  }
  #ssp22 .ssp__product__body h4 {
    font-size: 15px;
    line-height: 1.2
  }
  #ssp22 .ssp__product__body h4 sup {
    font-size: 10px;
    vertical-align: super
  }
  #ssp22 .ssp__product__body figcaption {
    font-size: 10px
  }
  #ssp22 .ssp__product__anhor {
    position: relative;
    margin: 7px 13px 0;
    padding: 5px;
    display: block;
    font-size: 14px;
    background: transparent repeat-x center center;
    -webkit-background-size: contain;
    background-size: contain
  }
  #ssp22 .ssp__product__anhor:after {
    content: "";
    display: block;
    background: url(/assets/img/summer-sp/arrow1.png) no-repeat top right;
    background-size: contain;
    position: absolute;
    top: 50%;
    right: 14px;
    width: 6px;
    height: 32px;
    transform: translateY(-50%)
  }
  #ssp22 .ssp__product__anhor__bk {
    display: block;
    padding: 10px 0;
    border: 1px solid #fff
  }
  #ssp22 .ssp__points {
    color: #fff;
    letter-spacing: -.4em;
    margin: 80px 0
  }
  #ssp22 p.txt3 -medium {
    color: white;
  }
  #ssp22 .ssp__points .txt2 {
    font-size: 21px;
    line-height: 1;
    letter-spacing: .05em;
    margin-top: -51px;
    margin-bottom: 18px
  }
  #ssp22 .ssp__points .txt2 span {
    font-size: 42px
  }
  #ssp22 .ssp__points .txt3 {
    color: white;
    font-size: 11px;
    letter-spacing: .03em;
    line-height: 2
  }
  #ssp22 .ssp__points h3 {
    font-size: 25px;
    letter-spacing: .05em;
    margin-bottom: 4px
  }
  #ssp22 .ssp__points > div > div {
    letter-spacing: .05em;
    padding-top: 43px;
    font-size: 0;
    width: calc(100% - 34px)
  }
  #ssp22 .point1 {
    background-color: rgba(55, 171, 232, .85)
  }
  #ssp22 .point1 .ssp__point__txt {
    float: right;
    margin-right: -34px;
    background-color: #0093e3
  }
  #ssp22 .point2 {
    float: right;
    background-color: rgba(0, 147, 227, .85)
  }
  #ssp22 .point2 .ssp__point__txt {
    margin-left: -34px;
    text-align: right;
    background-color: #37abe8
  }
  #ssp22 .ssp__point__txt {
    display: inline-block;
    padding: 23px 20px
  }
  
  
  
  
  
  #ssp22 .ssp__mat__details {
    background-color: #f7f4eb;
    padding-bottom:50px;
    width:100%;
  }
  
  #ssp22 .ssp__mat {
    width:100%;
  }
  
  #ssp22 .ssp__mat__details.-mat .ssp__mat__img img {
    width: 100%;
  }
  #ssp22 .ssp__mat__details.-sun .ssp__mat__img {
    margin-top: 30px;
    margin-bottom: 40px
  }
  #ssp22 .ssp__mat__details.-sun .ssp__mat__img img {
    width: 233px
  }
  
  
  
  
  #ssp22 #mat1, #ssp22 #mat3 {
    display:flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: center;
    text-align:center;
  }
  
  
  
  
  #ssp22 .ssp__mat__head h3 {
    display:inline-block;
    width:auto;
    margin:0 auto;
    color: #4a4a4a;
    font-size: 26px;
    line-height: 1.2;
  }
  
  
  
  #ssp22 .ssp__mat__head h3 sup {
    font-size: 12px
  }
  #ssp22 .ssp__mat__head p {
    font-size: 11px;
    margin: 8px 0 12px
  }
  #ssp22 .ssp__mat__head p sup {
    font-size: 10px
  }
  #ssp22 .ssp__mat__head sup {
    vertical-align: super
  }
  #ssp22 .ssp__mat__img {
    text-align: center;
    width:60%;
    padding:50px 0 0;
  }
  
  
  
  #ssp22 .ssp__mat__txt {
    width:100%;
  }
  
  
  
  #ssp22 .ssp__mat__txt p {
    font-size:calc(100vw/25);
    line-height: 1.75;
    width:100%;
    text-align:justify;
  }
  #ssp22 .ssp__mat__txt ul {
    display:flex;
    flex-flow: row nowrap;
    justify-content: center;
  }
  #ssp22 .ssp__mat__txt ul li {
    width:auto;
    text-align:center;
  }
  #ssp22 .ssp__mat__txt ul li img {
    width:80%;
    object-fit: contain;
  }
  
  #ssp22 .ssp__mat__txt ul li ~ li {
    margin-left: 8px
  }
  #ssp22 .ssp__mat__txt ul li.-mothkeehi {
    vertical-align: bottom;
    margin-left: 12px
  }
  #ssp22 .ssp__mat__txt ul li.-mothkeehi img {
    width: 93px
  }
  #ssp22 .ssp__mat__txt ul img {
    width: 38px
  }
  #ssp22 .ssp__mat__links {
    padding-bottom: 30px;
    margin-top: 25px;
    text-align: center;
    border-bottom: 1px solid #000
  }
  #ssp22 .ssp__mat__btn {
    text-align: center;
    display: inline-block;
    border-radius: 2em;
    border: 4px solid transparent;
    position: relative;
    background-image: repeating-linear-gradient(-45deg, #fff, #fff 2px, #000 2px, #000 3px)
  }
  #ssp22 .ssp__mat__btn:after {
    content: "";
    display: block;
    width: 36px;
    height: 6px;
    background: url(/assets/img/sc/arrow2.png) no-repeat center center;
    -webkit-background-size: contain;
    background-size: contain;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%)
  }
  #ssp22 .ssp__mat__btn a {
    display: inline-block;
    text-align: center;
    background-color: #fff;
    border-radius: 2em;
    border: 1px solid #000;
    font-size: 14px;
    width: 300px;
    padding: 8px 0
  }
  #ssp22 .ssp__mat__btn ~ .ssp__mat__btn {
    margin-top: 18px
  }
  #ssp22 .blog_banner {
    text-align: center;
    margin: 50px auto
  }
  #ssp22 .blog_banner p {
    margin-bottom: 25px
  }
  #ssp22 .blog_banner p a {
    color: blue;
    font-weight: 700;
    text-decoration: underline solid 1px
  }
  #ssp22 .blog_banner img {
    width: 80%;
  }
  #ssp22 .ssp__optionlink {
    text-align: center;
    position: relative;
  }
  #ssp22 .ssp__optionlink:before, #ssp22 .ssp__optionlink:after {
    content: "";
    display: block;
    width: 18px;
    height: 100%;
    background-color: #f7f4eb;
    position: absolute;
    top: 0;
    bottom: 0
  }
  #ssp22 .ssp__optionlink:before {
    left: 0
  }
  #ssp22 .ssp__optionlink:after {
    right: 0
  }
  #ssp22 .ssp__optionlink a {
    display: inline-block;
    width: calc(100vw - 36px);
    position: relative;
    line-height: 1.45;
    padding: 32px 0
  }
  #ssp22 .ssp__optionlink h4 {
    color: #fff;
    text-align: center;
    font-size: 21px;
    letter-spacing: .1em;
    white-space: nowrap;
    text-shadow: 1px 1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, -1px -1px 0 #000
  }
  #ssp22 .ssp__optionlink p {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: #fff;
    font-size: 10px;
    padding: 7px 41px 7px 17px
  }
  #ssp22 .ssp__optionlink p:after {
    content: "";
    display: block;
    width: 26px;
    height: 5px;
    background: url(/assets/img/sc/arrow2.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-80%)
  }
  
  #ssp22 .blank {
    width:100%;
    padding:60px 0;
    margin:0;
    background:#f7f4eb;
  }
  
  
  
  
  @media screen and (min-width:769px) {
  
    #ssp22 .-margin {
      width:100%;
      margin: 0 auto;
      padding-left: 0;
      padding-right: 0
    }
    #ssp22 .-sp-margin {
      padding-left: 0;
      padding-right: 0
    }
    #ssp22 .ssp__main {
      min-width: 1020px
    }
    #ssp22 .ssp__main .txt1 img {
      width: 100%
    }
    #ssp22 .ssp__main .txt2 {
      font-size: 21px;
      letter-spacing: .08em
    }
    #ssp22 .ssp__main .txt2 span {
      padding-top: 30px
    }
    #ssp22 .ssp__main .txt2 span:before {
      width: 2px;
      height: 30px;
      margin-left: -1px
    }
    #ssp22 .ssp__main__box {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex
    }
    #ssp22 .ssp__season {
      line-height: 4;
      letter-spacing: .1em;
      padding-top: 0
    }
    #ssp22 .ssp__season span {
      padding-left: 32px;
      margin-left: 5px
    }
    #ssp22 .ssp__season span:before {
      height: 2px;
      width: 26px;
      margin-top: -2px
    }
    #ssp22 .ssp__season p {
      font-size: 16px
    }
    #ssp22 .ssp__intro {
      width:100%;
      margin:0 auto;
    }
    #ssp22 .ssp__intro__box {
      width:100%;
      background-color: #0093e3;
      margin: 0 auto;
      height: auto;
      text-align: center
    }
    #ssp22 .ssp__intro__box > H2 {
      font-size: 3rem;
      font-weight: 700;
      text-align: center;
      margin: 100px auto 50px;
      display: inline-block;
      width: 100%;
      color: yellow
    }
    #ssp22 .ssp__intro__box > p {
      display: inline-block;
      width:auto;
      margin: 0 auto 100px;
      text-align: left;
      font-size: 2rem;
      color: white
    }
    #ssp22 .ssp__product__inner {
      width: 510px;
      top: -40px
    }
    #ssp22 .ssp__product {
      margin-top: 96px;
      float: left;
      width: 50%
    }
    #ssp22 .ssp__product.-mat .ssp__product__head {
      margin: 0 17px 0 0
    }
    #ssp22 .ssp__product.-mat .ssp__product__inner {
      float: right
    }
    #ssp22 .ssp__product.-mat .ssp__product__body {
      margin: 0 17px 0 0
    }
    #ssp22 .ssp__product.-mat .ssp__product__body img {
      max-width: 172px
    }
    #ssp22 .ssp__product.-mat .ssp__product__body li {
      width: calc(50% - 5px);
      padding: 27px 0 22px
    }
    #ssp22 .ssp__product.-mat .ssp__product__body li:nth-child(2n-1) {
      margin-right: 5px
    }
    #ssp22 .ssp__product.-mat .ssp__product__body li:nth-child(2n) {
      margin-left: 5px
    }
    #ssp22 .ssp__product.-mat .ssp__product__anhor {
      margin: 10px 17px 0 0
    }
    #ssp22 .ssp__product.-sun {
      margin-top: 194px
    }
    #ssp22 .ssp__product.-sun .ssp__product__head {
      margin: 0 0 0 17px
    }
    #ssp22 .ssp__product.-sun .ssp__product__body {
      margin: 0 0 0 17px
    }
    #ssp22 .ssp__product.-sun .ssp__product__body li {
      padding: 35px 0 22px
    }
    #ssp22 .ssp__product.-sun .ssp__product__body img {
      margin: 40px 0
    }
    #ssp22 .ssp__product.-sun .ssp__product__anhor {
      margin: 10px 0 0 17px
    }
    #ssp22 .ssp__product__head {
      padding: 27px 0 36px
    }
    #ssp22 .ssp__product__head .txt2 {
      font-size: 12px;
      margin-bottom: 19px
    }
    #ssp22 .ssp__product__head .txt2 span {
      font-size: 34px
    }
    #ssp22 .ssp__product__head .txt1 img {
      width: 207px
    }
    #ssp22 .ssp__product__head .txt3 {
      font-size: 24px;
      margin-top: 9px
    }
    #ssp22 .ssp__product__body li {
      margin-top: 13px
    }
    #ssp22 .ssp__product__body h4 {
      font-size: 20px;
      letter-spacing: 0;
      white-space: nowrap;
      margin-bottom: -8px
    }
    #ssp22 .ssp__product__body h4 sup {
      font-size: 12px
    }
    #ssp22 .ssp__product__body figcaption {
      font-size: 12px;
      margin-top: -8px
    }
    #ssp22 .ssp__product__anhor {
      font-size: 20px;
      padding: 8px
    }
    #ssp22 .ssp__product__anhor:after {
      right: 22px;
      width: 9px;
      height: 44px
    }
    #ssp22 .ssp__product__anhor__bk {
      padding: 14px 0;
      border: 2px solid #fff
    }
    #ssp22 .ssp__points {
      width: 1020px;
      margin: 78px auto
    }
    #ssp22 .ssp__points .txt1 img {
      width: 100%
    }
    #ssp22 .ssp__points .txt2 {
      font-size: 30px;
      margin-top: -72px;
      margin-bottom: 25px
    }
    #ssp22 .ssp__points .txt2 span {
      font-size: 60px
    }
    #ssp22 .ssp__points .txt3 {
      font-size: 15px
    }
    #ssp22 .ssp__points .txt3 -medium {
      color: white;
    }
    #ssp22 .ssp__points .txt3 a {
      color: yellow;
      text-decoration: underline 1px solid
    }
    #ssp22 .ssp__points h3 {
      font-size: 36px;
      margin-bottom: 10px
    }
    #ssp22 .ssp__points > div > div {
      width: 510px;
      padding-top: 67px
    }
    #ssp22 .point1 .ssp__point__txt {
      -webkit-transform: translateX(calc(100% - 157px));
      -ms-transform: translateX(calc(100% - 157px));
      transform: translateX(calc(100% - 157px));
      margin-right: 0;
      padding: 34px 88px 34px 38px
    }
    #ssp22 .point2 .ssp__point__txt {
      -webkit-transform: translateX(calc(-100% + 171px));
      -ms-transform: translateX(calc(-100% + 171px));
      transform: translateX(calc(-100% + 171px));
      margin-left: 0;
      padding: 34px 38px 34px 88px
    }
  
  
    #ssp22 .container {
      width:100%;
      max-width:1080px;
      margin:0 auto;
      padding-bottom:50px;
      border-bottom: #4a4a4a 1px solid;
    }
  
    #ssp22 #mat1, #ssp22 #mat3 {
      display:flex;
      flex-flow: row nowrap;
      align-items: center;
      justify-content: center;
    }
    
    #ssp22 #mat3 {
      flex-flow: row-reverse nowrap;
    }
  
    #ssp22 #mat3 .ssp__mat__head h3 {
      text-align:right;
    }
    
    #ssp22 #mat3 .ssp__mat__txt p.-meduum {
      text-align:right;
    }
  
  
  
  
    #ssp22 .ssp__mat {
      width:80%;
      padding-top: 55px;
      margin:0 auto;
    }
  
    #ssp22 .ssp__mat:nth-child(6), #ssp22 .-sun .ssp__mat {
      border-bottom:none;
    }
  
    #ssp22 .ssp__mat__details.-mat .ssp__mat__img img {
      width: 100%;
      padding:0;
    }
    #ssp22 .ssp__mat__details.-sun .ssp__mat__img img {
      width: 100%;
    }
    #ssp22 .ssp__mat__details.-sun #sun2 .ssp__mat__img {
      margin-top: 50px;
      margin-bottom: 40px;
      width:30%;
    }
    #ssp22 .ssp__mat__details.-sun #sun2 .ssp__mat__head h3 {
      margin-top: 20px
    }
    #ssp22 .ssp__mat__head {
      width: 70%
    }
  
    #ssp22 #mat1 .ssp__mat__head {
      text-align:left;
      padding-left:5%;
    }
  
    #ssp22 #mat3 .ssp__mat__head {
      text-align:right;
      padding-right:5%;
    }
  
    #ssp22 .ssp__mat__head h3 {
      color: #4a4a4a;
      font-size: 43px;
      line-height: 1.08
    }
  
    #ssp22 #mat1 .ssp__mat__head h3 {
      width:100%;
      text-align:left;
    }
  
    #ssp22 #mat3 .ssp__mat__head h3 {
      width:100%;
      text-align:right;
    }
  
    #ssp22 .ssp__mat__head h3 sup {
      font-size: 24px
    }
    #ssp22 .ssp__mat__head p {
      font-size: 16px;
      margin: 8px 0 9px
    }
  
    #ssp22 #mat3 .ssp__mat__head p.-sp-margin, #ssp22 #mat3 .ssp__mat__head p.-sp-margin {
      text-align:justify!important;
    }
  
    #ssp22 .ssp__mat__img {
      display:inline-block;
      object-fit: contain;
      width:30%;
    }
  
    #ssp22 .cover {
      width:45%;
    } 
  
  
  
  
    #ssp22 .ssp__mat__img {
      display:inline-block;
      object-fit: contain;
      padding:0;
    }
  
    #ssp22 .ssp__mat__txt {
      width: 100%
    }
  
    #ssp22 #mat1 .ssp__mat__txt {
      text-align:left;
    }
  
    #ssp22 #mat3 .ssp__mat__txt {
      text-align:right;
    }
  
    #ssp22 .ssp__mat__txt p.-sp-margin {
      font-size: 15px;
      line-height: 1.9;
      text-align:justify;
    }
  
    #ssp22 #mat3 .ssp__mat__txt p.-medium {
      text-align:right;
    }
  
    #ssp22 .ssp__mat__txt ul {
      margin: 12px 0 31px;
      display:inline-flex;
      flex-flow:row nowrap;
      align-items:center;
      width:auto;
    }
    #ssp22 #mat1 .ssp__mat__txt ul {
      justify-content: flex-start;
    }
    #ssp22 #mat3 .ssp__mat__txt ul {
      justify-content: flex-end;
    }
  
    #ssp22 .ssp__mat__txt ul img {
      width: 80%!important;
      object-fit: contain;
    }
    #ssp22 .ssp__mat__txt ul li ~ li {
      margin-left: 10px
    }
    #ssp22 .ssp__mat__txt ul li.-mothkeehi {
      margin-left: 16px
    }
    #ssp22 .ssp__mat__txt ul li.-mothkeehi img {
      width: 123px
    }
    #ssp22 .ssp__mat__links {
      padding-bottom: 0;
      border-bottom: none;
      margin-top: 39px;
      display: flex;
      justify-content: space-between;
      width:100%;
    }
    #ssp22 .ssp__mat__btn {
      background-image: repeating-linear-gradient(-45deg, #fff, #fff 4px, #000 4px, #000 5px);
      margin:0 5px;
      width: 45%;
    }
    #ssp22 .ssp__mat__btn:after {
      width: 52px;
      height: 10px;
      right: 18px;
      -webkit-transform: translateY(-80%);
      -ms-transform: translateY(-80%);
      transform: translateY(-80%)
    }
    #ssp22 .ssp__mat__btn a {
      border: 2px solid #000;
      font-size: 16px;
      padding: 7px 0;
      text-indent: -40px;
      width:100%;
    }
    #ssp22 .ssp__mat__btn ~ .ssp__mat__btn {
      margin-top: 0
    }
    #ssp22 .blog_banner {
      text-align: center;
      margin: 50px auto
    }
    #ssp22 .blog_banner p {
      margin-bottom: 25px
    }
    #ssp22 .blog_banner p a {
      color: blue;
      font-weight: 700;
      text-decoration: underline solid 1px
    }
    #ssp22 .blog_banner img {
      width: 50%;
    }
    #ssp22 .ssp__optionlink h4 {
      font-size: 40px
    }
    #ssp22 .ssp__optionlink a {
      width: 1020px;
      padding: 29px 0
    }
    #ssp22 .ssp__optionlink:before, #ssp22 .ssp__optionlink:after {
      width: 1020px
    }
    #ssp22 .ssp__optionlink:before {
      margin-left: -1530px;
      left: 50%
    }
    #ssp22 .ssp__optionlink:after {
      margin-right: -1530px;
      right: 50%
    }
    #ssp22 .ssp__optionlink p {
      font-size: 14px;
      padding: 14px 77px 14px 20px
    }
    #ssp22 .ssp__optionlink p:after {
      width: 50px;
      height: 8px;
      right: 15px;
      -webkit-transform: translateY(-90%);
      -ms-transform: translateY(-90%);
      transform: translateY(-90%)
    }
  }


#winter2026, #winter2026 ~ .to-top {
  --bg: #fbf8f4;
  --bg-alt: #f3eee7;
  --ink: #231f1c;
  --ink-soft: #5b5550;
  --line: #e2dbd2;
  --tag: #a9a5b9;
  --tag-dark: #6f6b6a;
  --tag-brown: #8d6d56;
  --new: #c1876a;
  --limited: #457daa;
  --serif: "Marcellus", "Times New Roman", serif;
  --sans: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
#winter2026, #winter2026 * {
  box-sizing: border-box;
  margin: 0;
  padding: 0
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 16px
}
#winter2026 {
  background: var(--bg-alt);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: .04em;
  -webkit-font-smoothing: antialiased
}
#winter2026 img {
  display: block;
  width: 100%;
  height: auto
}
#winter2026 a {
  color: inherit;
  text-decoration: none
}
/* ---------- nav ---------- */
#winter2026 .nav {
  position: sticky;
  top: 0;
  z-index: 10;
  background: rgba(251, 248, 244, .92);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--line)
}
#winter2026 .nav__inner {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  align-items: center;
  gap: 24px;
  height: 56px
}
#winter2026 .nav__logo {
  font-family: var(--serif);
  font-size: 20px;
  letter-spacing: .02em;
  flex-shrink: 0
}
#winter2026 .nav__links {
  display: flex;
  gap: 22px;
  overflow-x: auto;
  scrollbar-width: none;
  font-family: var(--serif);
  font-size: 13px;
  letter-spacing: .06em;
  white-space: nowrap;
  margin-left: auto
}
#winter2026 .nav__links::-webkit-scrollbar {
  display: none
}
@media(max-width:600px) {
  #winter2026 .nav__logo {
    display: none
  }
  #winter2026 .nav__links {
    margin-left: 0;
    -webkit-mask-image: linear-gradient(90deg, #000 85%, transparent)
  }
}
#winter2026 .nav__links a {
  color: var(--ink-soft);
  transition: color .2s;
  padding: 4px 0
}
#winter2026 .nav__links a:hover {
  color: var(--ink)
}
/* ---------- hero ---------- */
#winter2026 .hero {
  max-width: 1200px;
  margin: 0 auto;
  padding: 48px 16px 0;
  display: grid;
  grid-template-columns: 1fr;
  gap: 28px
}
#winter2026 .hero__title {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  flex-wrap: wrap
}
#winter2026 .hero__title h1 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(48px, 11vw, 112px);
  line-height: .95;
  letter-spacing: -.01em
}
#winter2026 .hero__title span {
  font-size: 13px;
  margin-top: .6em;
  color: var(--ink-soft)
}
#winter2026 .hero__visual {
  position: relative
}
#winter2026 .hero__visual img {
  aspect-ratio: 376/526;
  object-fit: cover
}
#winter2026 .hero__caption {
  font-size: 10px;
  letter-spacing: .06em;
  color: var(--ink-soft);
  margin-top: 10px
}
#winter2026 .hero__index {
  display: grid;
  gap: 0;
}
#winter2026 .hero__index a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
  transition: padding .25s
}
#winter2026 .hero__index a:hover {
  padding-left: 8px
}
#winter2026 .hero__index b {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(18px, 2.2vw, 24px);
  letter-spacing: .01em;
  line-height: 1.3
}
#winter2026 .hero__index small {
  display: block;
  font-size: 11px;
  color: var(--ink-soft);
  margin-top: 2px
}
#winter2026 .hero__index i {
  font-style: normal;
  font-family: var(--serif);
  font-size: 20px;
  color: var(--ink-soft)
}
@media(min-width:900px) {
  #winter2026 .hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 56px;
    align-items: end;
    padding-top: 64px
  }
  #winter2026 .hero__title {
    grid-column: 1/-1
  }
  #winter2026 .hero__side {
    padding-bottom: 40px
  }
}
/* ---------- product ---------- */
#winter2026 .product {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 16px 72px
}
#winter2026 .product--alt {
  background: var(--bg);
  max-width: none
}
#winter2026 .product--alt > .wrap {
  max-width: 1168px;
  margin: 0 auto
}
#winter2026 .head {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  gap: 14px 24px;
  margin-bottom: 10px;
}
#winter2026 .head__name {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap
}
#winter2026 .head h2 {
  font-family: var(--serif);
  font-weight: 400;
  font-size: clamp(28px, 4.4vw, 46px);
  line-height: 1.1;
  letter-spacing: -.005em
}
#winter2026 .head__sub {
  font-family: var(--serif);
  font-size: 14px;
  margin-top: 6px;
  letter-spacing: .02em
}
#winter2026 .head__ja {
  font-size: 12px;
  margin-top: 6px;
}
#winter2026 .badge {
  display: inline-grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  line-height: 1.15;
  text-align: center;
  flex-shrink: 0;
  letter-spacing: .02em
}
#winter2026 .badge--new {
  background: #d80000;
  font-family: var(--serif);
  font-size: 13px
}
#winter2026 .badge--limited {
  background: var(--limited);
  font-size: 9.5px;
  font-weight: 500
}
#winter2026 .badge--sm {
  width: 30px;
  height: 30px;
  font-size: 10px
}
#winter2026 .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px
}
#winter2026 .tags li {
  list-style: none;
  font-family: var(--serif);
  font-size: 11px;
  color: #fff;
  background: var(--tag);
  border-radius: 999px;
  padding: 2px 11px;
  letter-spacing: .04em;
  line-height: 1.7
}
#winter2026 .tags li.dark {
  background: var(--tag-dark)
}
#winter2026 .tags li.brown {
  background: var(--tag-brown)
}
#winter2026 .series__text {
  font-size: 14px
}
#winter2026 .series__note {
  font-size: 11px;
  color: var(--ink-soft)
}
@media(min-width:900px) {
  #winter2026 .body p:not(.price):not(.note), #winter2026 .series__text {
    font-size: 16px
  }
}
@media(min-width:900px) {
  #winter2026 .tags {
    gap: 6px
  }
  #winter2026 .tags li {
    font-size: 14px;
    padding: 3px 14px
  }
}
#winter2026 .photos {
  display: grid;
  gap: 8px;
  grid-template-columns: 1fr
}
#winter2026 .photos figure {
  position: relative;
  overflow: hidden;
  background: #eee
}
#winter2026 .photos img {
  height: 100%;
  object-fit: cover;
  transition: transform .8s ease
}
#winter2026 .photos figure:hover img {
  transform: scale(1.03)
}
#winter2026 .photos figcaption, #winter2026 .label-on {
  position: absolute;
  left: 10px;
  top: 8px;
  font-family: var(--serif);
  font-size: 13px;
  letter-spacing: .06em;
  color: var(--ink-soft)
}
#winter2026 .label-on--dark {
  color: var(--ink);
  text-shadow: none
}
@media(min-width:720px) {
  #winter2026 .photos--2 {
    grid-template-columns: 1.08fr 1fr
  }
  #winter2026 .photos--wide {
    grid-template-columns: 1.3fr 1fr
  }
}
#winter2026 .body {
  display: grid;
  gap: 0px;
  margin: 20px 0 8px;
  grid-template-columns: 1fr
}
#winter2026 .body p {
  font-size: 15px;
  letter-spacing: .08em;
  max-width: 38em;
  line-height: 1.6;
}
#winter2026 .body .note {
  font-size: 11px;
  color: var(--ink-soft);
  margin-top: 4px
}
#winter2026 .price, #winter2026 .body .price {
  font-family: var(--serif);
  font-size: 26px;
  letter-spacing: .02em;
  white-space: nowrap
}
#winter2026 .price small {
  font-family: var(--sans);
  font-size: 10px;
  margin-left: 2px;
  letter-spacing: 0
}
#winter2026 .prices {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 28px;
  align-items: baseline
}
#winter2026 .prices .lbl {
  font-family: var(--serif);
  font-size: 12px;
  margin-right: 6px;
  letter-spacing: .06em
}
@media(min-width:720px) {
  #winter2026 .body {
    grid-template-columns: 1fr auto;
    align-items: end
  }
}
#winter2026 .vars {
  display: grid;
  gap: 0 6px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-top: 36px
}
#winter2026 .vars figure {
  text-align: center
}
#winter2026 .vars .tile {
  background: none;
  aspect-ratio: 4/3;
  position: relative
}
#winter2026 .vars img {
  position: absolute;
  left: 6%;
  top: 6%;
  width: 88%;
  height: 88%;
  object-fit: contain
}
#winter2026 .vars figcaption {
  font-family: var(--serif);
  font-size: 15px;
  letter-spacing: .08em;
  margin-top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  flex-wrap: wrap;
  line-height: 1.4
}
#winter2026 .pill-limited {
  font-family: var(--sans);
  font-size: 12px;
  background: var(--limited);
  color: #fff;
  padding: 1px 6px;
  letter-spacing: .04em
}
@media(min-width:900px) {
  #winter2026 .vars--4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}
@media(min-width:720px) {
  #winter2026 .vars--3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
  }
}
#winter2026 .vars--2 {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto
}
/* cot cover lower block */
#winter2026 .series {
  display: grid;
  gap: 24px;
  margin-top: 56px;
  grid-template-columns: 1fr
}
#winter2026 .series__imgs {
  display: grid;
  gap: 8px;
  grid-template-columns: 1.35fr 1fr 1fr
}
#winter2026 .series__imgs figure {
  position: relative
}
#winter2026 .series__imgs img {
  aspect-ratio: auto;
  height: 100%;
  object-fit: cover
}
#winter2026 .series__imgs .label-on {
  color: #fff;
  text-shadow: 0 0 6px rgba(0, 0, 0, .3)
}
@media(max-width:560px) {
  #winter2026 .series__imgs {
    grid-template-columns: 1fr 1fr
  }
  #winter2026 .series__imgs figure:first-child {
    grid-column: 1/-1
  }
}
#winter2026 .sizes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px 12px;
  margin-top: 8px
}
@media(min-width:720px) {
  #winter2026 .sizes {
    grid-template-columns: repeat(4, minmax(0, 1fr))
  }
}
#winter2026 .size {
  display: flex;
  align-items: center;
  gap: 8px;
  border-top: 1px solid var(--line);
  padding-top: 12px
}
#winter2026 .size .lbl {
  display: block;
  font-family: var(--serif);
  font-size: 12px;
  letter-spacing: .06em;
  line-height: 1.3
}
#winter2026 .size .price {
  font-size: 22px;
  display: block
}
#winter2026 .size .badge {
  visibility: visible
}
#winter2026 .size .spacer {
  width: 30px;
  flex-shrink: 0
}
/* two-column product pair */
#winter2026 .pair {
  display: grid;
  gap: 0;
  grid-template-columns: 1fr
}
/* reveal */
#winter2026 .reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity .9s ease, transform .9s ease
}
#winter2026 .reveal.in {
  opacity: 1;
  transform: none
}
@media (prefers-reduced-motion:reduce) {
  #winter2026 .reveal {
    opacity: 1;
    transform: none;
    transition: none
  }
  #winter2026 .photos img {
    transition: none
  }
}
#winter2026 footer {
  border-top: 1px solid var(--line);
  padding: 40px 16px 56px;
  text-align: center
}
#winter2026 footer a {
  font-family: var(--serif);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--ink-soft)
}

@media (min-width: 900px) {
    #winter2026 #handmuff .body .note {
        font-size: 11px;
    }
}

#winter2026 .note--right {
  font-size: 11px;
  color: var(--ink-soft);
  text-align: right;
  margin-top: 14px
}
#winter2026 .prices--stack {
  flex-direction: column;
  align-items: flex-end;
  gap: 0
}
#winter2026 .nav__links {
  -webkit-mask-image: linear-gradient(90deg, #000 90%, transparent);
  mask-image: linear-gradient(90deg, #000 90%, transparent);
  padding-right: 24px
}
#winter2026 .hero__index a {
  padding: 14px 0
}
@media(min-width:900px) {
  #winter2026 .head {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
  }
  #winter2026 .tags {
    justify-content: flex-start
  }
}
#winter2026 .hero__index a > div {
  flex: 1;
  min-width: 0
}
#winter2026 .hero__icon {
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #fbf8f4;
  border: 1px solid var(--line);
  overflow: hidden;
  display: grid;
  place-items: center;
  transition: transform .3s
}
#winter2026 .hero__icon img {
  width: 84%;
  height: 84%;
  object-fit: contain
}
#winter2026 .hero__index a:hover .hero__icon {
  transform: scale(1.06)
}
@media(min-width:900px) {
  #winter2026 .hero__icon {
    width: 64px;
    height: 64px
  }
  #winter2026 .hero__index a {
    gap: 18px
  }
}
@media(min-width:900px) {
  #winter2026 .hero__index b {
    font-size: clamp(14.4px, 1.76vw, 19.2px)
  }
  #winter2026 .hero__index i {
    font-size: 16px
  }
}
/* PC: all text >= 14px */
@media(min-width:900px) {
  #winter2026 .nav__links a, #winter2026 .hero__title span, #winter2026 .hero__caption, #winter2026 .hero__index small, #winter2026 .head__ja, #winter2026 .head__sub, #winter2026 .photos figcaption, #winter2026 .label-on, #winter2026 .price small, #winter2026 .prices .lbl, #winter2026 .vars figcaption, #winter2026 .pill-limited, #winter2026 .body .note, #winter2026 .note--right, #winter2026 .series__note, #winter2026 .size .lbl, #winter2026 footer a, #winter2026 .badge, #winter2026 .badge--new, #winter2026 .badge--limited, #winter2026 .badge--sm {
    font-size: 14px
  }
  #winter2026 .badge {
    width: 84px;
    font-size: 20px;
    height: 84px;
  }
  #winter2026 .badge--sm {
    width: 52px;
    height: 52px;
    font-size: 14px;
  }
  #winter2026 .size .spacer {
    width: 52px
  }
  #winter2026 .badge--limited {
    line-height: 1.2
  }
}
@media(min-width:900px) {
  #winter2026 .vars figcaption {
    font-size: 16px
  }
  #winter2026 .vars figcaption .pill-limited {
    font-size: 14px
  }
}
@media(min-width:900px) {
  #winter2026 .photos figcaption, #winter2026 .label-on {
    font-size: 16px
  }
}
@media(min-width:900px) {
  #winter2026 #cornercushion .vars {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 18px 12px
  }
}
@media(min-width:900px) {
  #winter2026 .hero__caption {
    font-size: 10px;
    text-align: center;
  }
  #winter2026 .vars figcaption {
    font-size: 18px
  }
}
@media(min-width:900px) {
  #winter2026 .hero {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    align-items: end;
    gap: 40px 56px
  }
  #winter2026 .hero__title {
    grid-column: 1;
    grid-row: 1;
    flex-direction: column;
    align-self: center;
    padding-bottom: 0;
    gap: 8px;
  }
  #winter2026 .hero__title h1 {
    font-size: clamp(56px, 6.4vw, 84px)
  }
  #winter2026 .hero__visual {
    grid-column: 2;
    grid-row: 1
  }
  #winter2026 .hero__side {
    grid-column: 1/-1;
    grid-row: 2;
    padding-bottom: 0
  }
  #winter2026 .hero__index {
    grid-template-columns: repeat(9, minmax(0, 1fr));
  }
  #winter2026 .hero__index a {
    flex-direction: column;
    justify-content: flex-start;
    text-align: center;
    gap: 12px;
    padding: 24px 8px;
    border-bottom: 0;
  }
  #winter2026 .hero__index a:last-child {
    border-right: 0
  }
  #winter2026 .hero__index a:hover {
    padding-left: 8px;
    background: var(--bg-alt)
  }
  #winter2026 .hero__index a > div {
    flex: 0 1 auto
  }
  #winter2026 .hero__index b {
    font-size: 15px;
    line-height: 1.35;
    display: block
  }
  #winter2026 .hero__index small {
    font-size: 14px;
    line-height: 1.5;
    margin-top: 6px;
    letter-spacing: 0
  }
  #winter2026 .hero__index b {
    letter-spacing: 0
  }
  #winter2026 .hero__index i {
    display: none
  }
  #winter2026 .hero__icon {
    width: 72px;
    height: 72px
  }
}
#winter2026 ~ .to-top {
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 20;
  font-family: var(--sans);
  font-size: 13px;
  letter-spacing: .12em;
  color: var(--ink);
  background: rgba(251, 248, 244, .94);
  border: 1px solid var(--line);
  border-radius: 999px;
  padding: 10px 18px;
  box-shadow: 0 4px 16px rgba(35, 31, 28, .08);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: opacity .3s, transform .3s, visibility .3s
}
#winter2026 ~ .to-top.show {
  opacity: 1;
  visibility: visible;
  transform: none
}
#winter2026 ~ .to-top:hover {
  background: var(--ink);
  color: #fff
}
@media(min-width:900px) {
  #winter2026 ~ .to-top {
    right: 24px;
    bottom: 24px;
    font-size: 14px;
    padding: 12px 22px
  }
}
#winter2026 footer {
  padding: 24px 16px 88px
}
#winter2026 .hero__name {
  display: block;
  word-break: keep-all;
  overflow-wrap: anywhere;
  text-wrap: balance;
  font-size: 14px;
  letter-spacing: .08em;
  line-height: 1.6;
  color: var(--ink)
}
#winter2026 .hero__icon {
  border: 0 !important
}
@media(min-width:900px) {
  #winter2026 .hero__index {
    grid-template-columns: repeat(5, minmax(0, 1fr));
    border-bottom: 0;
    padding-bottom: 30px;
  }
  #winter2026 .hero__index a {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    gap: 12px;
    padding: 22px 12px;
  }
  #winter2026 .hero__index a:nth-child(5n), #winter2026 .hero__index a:last-child {
    border-right: 0
  }
  #winter2026 .hero__index a:hover {
    padding-left: 12px
  }
  #winter2026 .hero__index a > div {
    flex: 0 1 auto;
    min-width: 0
  }
  #winter2026 .hero__name {
    font-size: 15px;
    letter-spacing: 0
  }
  #winter2026 .hero__icon {
    width: 64px;
    height: 64px
  }
}
@media(min-width:900px) {
  #winter2026 .photos--wide figure:nth-child(2) img {
    object-position: 30% 50%
  }
}
#winter2026 .photos picture {
  display: block;
  height: 100%
}
#winter2026 #cot .vars .tile {
  overflow: hidden
}
#winter2026 #cot .vars img {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(1.1)
}
#winter2026 .series__imgs picture {
  display: block;
  height: 100%
}
#winter2026 #cornercushion .vars img[src="img/cc_ivory.webp"] {
  transform: scale(1.12)
}
@media(min-width:900px) {
  #winter2026 .hero__icon {
    width: 120px;
    height: 120px;
  }
}
/* 詳細を見るボタン */
#winter2026 .more {
  margin-top: 10px;
  text-align: center
}
#winter2026 .btn-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  min-width: 240px;
  padding: 8px 32px;
  border: 1px solid var(--ink);
  border-radius: 999px;
  font-family: var(--sans);
  font-size: 14px;
  letter-spacing: .12em;
  color: var(--ink);
  background: transparent;
  transition: background .25s, color .25s, border-color .25s
}
#winter2026 .btn-more::after {
  content: "→";
  font-family: var(--sans);
  transition: transform .25s
}
#winter2026 .btn-more:hover {
  background: #b5524b;
  border-color: #b5524b;
  color: #fff
}
#winter2026 .btn-more:hover::after {
  transform: translateX(4px)
}
@media(min-width:900px) {
  #winter2026 .more {
    margin-top: 48px
  }
  #winter2026 .btn-more {
    font-size: 15px;
    min-width: 280px;
    padding: 16px 40px
  }
}
/* PC: 価格 1.3倍 */
@media(min-width:900px) {
  #winter2026 .price, #winter2026 .body .price {
    font-size: 34px
  }
  #winter2026 .size .price {
    font-size: 29px
  }
}
/* PC: 商品名 1.4倍 */
@media(min-width:900px) {
  #winter2026 .head h2 {
    font-size: clamp(35px, 5.54vw, 57.6px)
  }
}
/* 日本語テキストの字間を0に */
#winter2026 .hero__title span, #winter2026 .hero__name, #winter2026 .hero__name span, #winter2026 .head__ja, #winter2026 .body p:not(.price), #winter2026 .note, #winter2026 .note--right, #winter2026 .series__text, #winter2026 .series__note, #winter2026 .pill-limited, #winter2026 .badge--limited, #winter2026 .btn-more, #winter2026 ~ .to-top, #winter2026 .ja {
  letter-spacing: 0 !important
}
/* PC: 日本語商品名 20px bold */
@media(min-width:900px) {
  #winter2026 .head__ja {
    font-size: 16px;
    font-weight: bold;
  }
}
/* WINTER（タイトル上） */
#winter2026 .hero__season {
  flex-basis: 100%;
  font-family: var(--serif);
  font-size: 14px;
  line-height: 1;
  margin-bottom: 4px;
}
@media(min-width:900px) {
  #winter2026 .hero__season {
    font-size: 44px;
    margin-bottom: 8px;
  }
}
/* PC: タイトル下の「アクセサリー」2倍 */
@media(min-width:900px) {
  #winter2026 .hero__title span {
    font-size: 22px;
  }
}

/* PC: 商品名を小さく */
@media(min-width:900px) {
  #winter2026 .head h2 { font-size: clamp(26px, 2.6vw, 36px) }
}
/* PC: 写真1枚のセクションは2カラム（写真｜テキスト） */
@media(min-width:900px) {
  #winter2026 .product--2col:not(.product--alt), #winter2026 .product--2col > .wrap {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr);
    grid-template-rows: auto auto 1fr;
    column-gap: 56px;
    align-items: start
  }
  #winter2026 .product--2col .photos { grid-column: 1; grid-row: 1 / 4; grid-template-columns: 1fr }
  #winter2026 .product--2col .head { grid-column: 2; grid-row: 1; flex-direction: column; align-items: flex-start; margin: 0 0 28px }
  #winter2026 .product--2col .body { grid-column: 2; grid-row: 2; grid-template-columns: 1fr; gap: 20px; margin: 0 }
  #winter2026 .product--2col .more { grid-column: 2; grid-row: 3; text-align: left; margin-top: 36px }
  /* 背景色付きのセクションは写真を右に */
  #winter2026 .product--alt.product--2col > .wrap { grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr) }
  #winter2026 .product--alt.product--2col .photos { grid-column: 2 }
  #winter2026 .product--alt.product--2col .head, #winter2026 .product--alt.product--2col .body, #winter2026 .product--alt.product--2col .more { grid-column: 1 }
}

/* NEWバッジを商品画像の上に重ねる */
#winter2026 .photos figure > .badge--new {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2
}
@media(min-width:900px) {
  #winter2026 .photos figure > .badge--new { top: 20px; right: 20px }
}

/* 2カラム：注記行の追加・価格を左揃え */
@media(min-width:900px) {
  #winter2026 .product--2col:not(.product--alt), #winter2026 .product--2col > .wrap {grid-template-rows: auto auto auto 1fr;}
  #winter2026 .product--2col .photos { grid-row: 1 / 5 }
  #winter2026 .product--2col .note--right { grid-column: 2; grid-row: 3; text-align: left; margin-top: 12px }
  #winter2026 .product--alt.product--2col .note--right { grid-column: 1 }
  #winter2026 .product--2col .more { grid-row: 4 }
  #winter2026 .product--2col .prices--stack { align-items: flex-start }
}

/* PC: photos--2 の画像を正方形に */
@media(min-width:900px) {
  #winter2026 .photos--2 img {
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover
  }
}

/* 2カラム：コットカバーのシリーズ欄は全幅で下に */
@media(min-width:900px) {
  #winter2026 .product--2col .series { grid-column: 1 / -1; grid-row: 5; margin-top: 72px }
  #winter2026 .product--2col .series ~ .more { grid-column: 1 / -1; grid-row: 6; text-align: center; margin-top: 48px }
}

/* PC: 各セクションのメイン画像を正方形に */
@media(min-width:900px) {
  #winter2026 .photos img {
    aspect-ratio: 1 / 1;
    height: auto;
    object-fit: cover
  }
}

/* カラバリ（説明文の下に配置） */
#winter2026 .body .vars {margin: 0;max-width: none}
#winter2026 .body .vars--2 { margin-left: 0; margin-right: 0 }
@media(min-width:900px) {
  #winter2026 .product--2col .body .vars,
  #winter2026 .product--2col #cornercushion .vars,
  #winter2026 #cornercushion.product--2col .body .vars { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px 12px }
  #winter2026 .product--2col .body .vars figcaption {font-size: 17px;letter-spacing: .04em}
  #winter2026 .product--2col .body .vars figcaption .pill-limited { font-size: 14px }
}
@media(min-width:720px) and (max-width:899px) {
  #winter2026 .product--2col .body { grid-template-columns: 1fr }
}

/* PC: vars--2（2色）は2列 */
@media(min-width:900px) {
  #winter2026 .product--2col .body .vars--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px 16px }
}

/* 注記（note--right）：10px・薄い文字色 */
#winter2026 .note--right {
  font-size: 10px;
  color: #a8a29c
}

/* PC: トゥインクル・コットカバーのカラバリは3列 */
@media(min-width:900px) {
  #winter2026 #twinkle .body .vars, #winter2026 #cot .body .vars { grid-template-columns: repeat(3, minmax(0, 1fr)) }
}

/* SP: 商品セクションの余白 */
@media(max-width:899px) {
  #winter2026 .product { padding: 50px 16px }
}

/* 直営店限定・日本製バッジもメイン画像の上に（NEWがある場合はその左） */
#winter2026 .photos figure > .badge--limited {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2
}
#winter2026 .photos figure > .badge--new ~ .badge--limited { right: 64px }
@media(min-width:900px) {
  #winter2026 .photos figure > .badge--limited { top: 20px; right: 20px }
  #winter2026 .photos figure > .badge--new ~ .badge--limited { right: 94px }
}

/* FV：バナー画像を全幅で表示 */
#winter2026 { overflow-x: clip }
#winter2026 .hero { padding-top: 0 }
#winter2026 .hero__fv {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: #e4e9ec
}
#winter2026 .hero__fv h1 { margin: 0; font-size: 0; line-height: 0 }
#winter2026 .hero__fv img { max-width: 100%; margin: 0 auto }
@media(min-width:900px) {
  #winter2026 .hero { padding-top: 0 }
  #winter2026 .hero__fv { grid-column: 1 / -1; grid-row: 1 }
  #winter2026 .hero__side { grid-row: 2 }
}

/* =========================================================
   カテゴリ見出し（冬小物／定番商品）
   ========================================================= */
#winter2026 .cat-head { text-align: center }
#winter2026 .cat-head__en {
  display: block;
  font-family: var(--serif);
  font-size: 13px;
  letter-spacing: .24em;
  color: var(--ink-soft)
}
#winter2026 .cat-head__ja {
  font-size: 24px;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.6;
  margin-top: 4px
}
#winter2026 .cat-head--winter { padding: 64px 16px 0 }
#winter2026 .cat-head--winter .cat-head__ja { font-size: 30px; font-weight: 700 }
#winter2026 .cat-head--standard { margin-bottom: 32px }
@media(min-width:900px) {
  #winter2026 .cat-head__en { font-size: 14px }
  #winter2026 .cat-head--winter { padding-top: 96px }
  #winter2026 .cat-head--winter .cat-head__ja { font-size: 40px }
  #winter2026 .cat-head--standard .cat-head__ja {font-size: 40px;}
}

/* =========================================================
   定番商品：小さめのカードで控えめに
   ========================================================= */
#winter2026 .standard { background: var(--bg); padding: 56px 16px 72px }
#winter2026 .standard__inner { max-width: 1168px; margin: 0 auto }
#winter2026 .std-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 16px 12px;}
#winter2026 .std-card {display: flex;flex-direction: column;/* background: #fff; *//* padding: 10px 10px 14px; */min-width: 0}
#winter2026 .std-card__img {position: relative;aspect-ratio: 4/4;overflow: hidden;background: var(--bg-alt)}
#winter2026 .std-card__img > img {width: 100%;height: 100%;object-fit: cover;background: #fff;}
#winter2026 .std-card__img > .badge {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 2;
  width: 38px;
  height: 38px;
  font-size: 9px;
  line-height: 1.2
}
#winter2026 .std-card__en {
  font-family: var(--serif);
  font-size: 10px;
  letter-spacing: .06em;
  line-height: 1.4;
  margin-top: 10px
}
#winter2026 .std-card__ja { font-size: 13px; font-weight: 500; line-height: 1.5; letter-spacing: 0; margin-top: 2px }
#winter2026 .std-card__price, #winter2026 .std-card__prices .v { font-family: var(--serif); font-size: 15px; white-space: nowrap }
#winter2026 .std-card__price { margin-top: 6px }
#winter2026 .std-card__price small, #winter2026 .std-card__prices small { font-family: var(--sans); font-size: 9px; margin-left: 2px }
#winter2026 .std-card__prices { list-style: none; margin-top: 6px }
#winter2026 .std-card__prices li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 6px; line-height: 1.6 }
#winter2026 .std-card__prices .lbl { font-family: var(--serif); font-size: 10px; color: var(--ink-soft); letter-spacing: .04em }
#winter2026 .std-card__prices em { font-style: normal; font-family: var(--serif); font-size: 9px; color: #fff; background: #d80000; padding: 0 4px; line-height: 1.5 }
#winter2026 .std-card__colors { list-style: none; display: flex; flex-wrap: wrap; gap: 4px; margin-top: 8px }
#winter2026 .std-card__colors li { width: 30px; height: 30px; background: var(--bg-alt); overflow: hidden }
#winter2026 .std-card__colors img { width: 100%; height: 100%; object-fit: contain }
#winter2026 .std-card__note { font-size: 10px; color: #a8a29c; line-height: 1.5; margin-top: 6px; letter-spacing: 0 }
#winter2026 .std-card__more {
  align-self: flex-start;
  margin-top: auto;
  padding-top: 10px;
  font-size: 12px;
  color: var(--ink-soft);
  border-bottom: 1px solid currentColor;
  line-height: 1.4;
  transition: color .2s
}
#winter2026 .std-card__more::after { content: " →" }
#winter2026 .std-card__more:hover { color: var(--ink) }
@media(min-width:900px) {
  #winter2026 .standard { padding: 80px 16px 96px }
  #winter2026 .std-grid {grid-template-columns: repeat(4, minmax(0, 1fr));gap: 30px;}
  #winter2026 .std-card {/* padding: 35px 34px 18px; */}
  #winter2026 .std-card__en {font-size: 18px;}
  #winter2026 .std-card__ja {font-size: 14px;}
  #winter2026 .std-card__price, #winter2026 .std-card__prices .v {font-size: 24px;}
  #winter2026 .std-card__prices .lbl { font-size: 12px }
  #winter2026 .std-card__colors li {width: 70px;height: 70px;}
  #winter2026 .std-card__note { font-size: 11px }
  #winter2026 .std-card__more { font-size: 13px }
}

/* 定番商品：カード全体をリンクに＋hover */
#winter2026 a.std-card { color: inherit; text-decoration: none; transition: opacity .9s ease, transform .9s ease, box-shadow .3s ease }
#winter2026 .std-card__img > img { transition: transform .6s ease }
#winter2026 .std-card__ja { transition: color .3s ease }
@media(hover:hover) {
  #winter2026 a.std-card:hover .std-card__img > img { transform: scale(1.05) }
}
#winter2026 a.std-card:focus-visible { outline: 2px solid #8d6d56; outline-offset: 2px }

/* PC: 定番商品カードの「日本製」「直営店限定」アイコンを2倍に */
@media(min-width:900px) {
  #winter2026 .std-card__img > .badge--limited {
    top: 12px;
    right: 12px;
    width: 76px;
    height: 76px;
    font-size: 18px
  }
}

/* SP: NEWバッジを1.4倍に（44px→62px） */
@media(max-width:899px) {
  #winter2026 .badge--new:not(.badge--sm) { width: 62px; height: 62px; font-size: 18px }
  #winter2026 .photos figure > .badge--new ~ .badge--limited { right: 82px }
}

/* SP: FV下の目次（hero__index）を非表示 */
@media(max-width:899px) {
  #winter2026 .hero__index, #winter2026 .hero__side { display: none }
}

/* 定番商品カードのNEWバッジ（直営店限定と同じサイズに） */
#winter2026 .std-card__img > .badge--new { width: 38px; height: 38px; font-size: 10px }
@media(min-width:900px) {
  #winter2026 .std-card__img > .badge--new { top: 12px; right: 12px; width: 76px; height: 76px; font-size: 20px }
}

/* 定番商品：サムネイルを公式アクセサリー一覧と同じ見え方に（正方形・グレー地・余白14px・全体表示） */
#winter2026 .std-card__img {aspect-ratio: 1 / 1;background: #ffffff;padding: 14px}
#winter2026 .std-card__img > img { width: 100%; height: 100%; object-fit: contain }
@media(min-width:900px) {
  #winter2026 .std-card__img { padding: 30px }
}

/* 定番商品：バッジを商品名の下に四角ラベルで（pill-limited と同じ形） */
#winter2026 .std-card__tags { display: flex; flex-wrap: wrap; gap: 4px; margin-top: 6px }
#winter2026 .std-tag {
  display: inline-block;
  font-family: var(--sans);
  font-size: 12px;
  line-height: 1.6;
  color: #fff;
  background: var(--limited);
  padding: 1px 6px;
  letter-spacing: .04em
}
#winter2026 .std-tag--new { background: #d80000; font-family: var(--serif) }
@media(min-width:900px) {
  #winter2026 .std-tag {font-size: 12px;}
}

/* PC: 目次に「定番商品」を追加したので6列に */
@media(min-width:900px) {
  #winter2026 .hero__index { grid-template-columns: repeat(6, minmax(0, 1fr)) }
}

/* 目次：冬小物のグループ表示 */
#winter2026 .hero__group { display: none }
@media(min-width:900px) {
  #winter2026 .hero__group {
    display: flex;
    align-items: center;
    gap: 14px;
    grid-row: 1;
    grid-column: 1 / 6;
    margin: 0 0 12px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: .16em;
    white-space: nowrap
  }
  #winter2026 .hero__group span {font-family: var(--serif);font-size: 12px;font-weight: 400;letter-spacing: .14em;margin-left: 10px;color: #676767;}
  #winter2026 .hero__group::before, #winter2026 .hero__group::after { content: ""; flex: 1; border-top: 1px solid #c8d2da }
  #winter2026 .hero__group--std { grid-column: 6; margin-left: 16px; color: var(--ink-soft) }
  #winter2026 .hero__group--std::before, #winter2026 .hero__group--std::after { border-color: var(--line) }
  #winter2026 .hero__index a { grid-row: 2 }
  #winter2026 .hero__index a.is-winter {}
  #winter2026 .hero__index a.is-winter:hover { background: #e4e9ec }
  #winter2026 .hero__index a.is-std { margin-left: 16px }
}

/* SP: 直営店限定バッジを62pxに（NEWと同じサイズ） */
@media(max-width:899px) {
  #winter2026 .badge--limited { width: 62px; height: 62px; font-size: 14px }
}

/* SP: 価格を中央揃え */
@media(max-width:899px) {
  #winter2026 .body .price, #winter2026 p.price {text-align: center;margin-top: 10px;}
}

/* 定番商品の見出し：大きな英字＋短い線＋小さな和文 */
#winter2026 .cat-head--standard .cat-head__en {
  font-weight: 400;
  font-size: clamp(26px, 2.6vw, 36px);
  line-height: 1.1;
  letter-spacing: .04em;
  color: var(--ink);
}
#winter2026 .cat-head--standard .cat-head__en::after {
  content: "";
  display: block;
  width: 40px;
  height: 1px;
  background: var(--ink);
  margin: 20px auto 16px
}
#winter2026 .cat-head--standard .cat-head__ja {
  font-size: 14px;
  letter-spacing: .1em;
  line-height: 1.6;
  margin-top: 0;
  font-weight: bold;
}
@media(min-width:900px) {
  #winter2026 .cat-head--standard .cat-head__en {font-size: 40px;}
  #winter2026 .cat-head--standard .cat-head__en::after { margin: 24px auto 18px }
  #winter2026 .cat-head--standard .cat-head__ja { font-size: 15px }
}

/* 定番商品：画像の白背景をなくし、透過PNG/WebPをそのまま見せる */
#winter2026 .std-card__img {background: #eee;}
#winter2026 .std-card__img > img { background: transparent }

/* 目次（hero__index）のエリアの背景を var(--bg) に（全幅） */
#winter2026 .hero__side { background: var(--bg); box-shadow: 0 0 0 100vmax var(--bg); clip-path: inset(0 -100vmax) }
/* FVと目次の間（.hero 全体）も var(--bg) に（全幅） */
#winter2026 .hero { background: var(--bg); box-shadow: 0 0 0 100vmax var(--bg); clip-path: inset(0 -100vmax) }

/* PC：HANDMUFFのみ左側テキスト（.body）のgapを0に */
@media (min-width:900px) {
  #winter2026 #handmuff.product--2col .body { gap: 0 }
}

/* main外のトップに戻るボタン：以前bodyから継承していた文字設定を補う */
#winter2026 ~ .to-top { box-sizing: border-box; text-decoration: none; font-family: var(--sans); line-height: 1.9; letter-spacing: .04em; -webkit-font-smoothing: antialiased }