html {
  height: 100%;
  font-size: 10px
}

body {
  position: relative;
  background-color: #fff;
  font-family: Noto,游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,sans-serif;
  font-size: 1.4rem;
  font-weight: 400;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  line-height: 1.5;
  color: #000
}

body.is-bg-white {
  background-color: #fff
}

img {
  max-width: 100%;
  vertical-align: top
}

a {
  text-decoration: none;
  color: #000
}

li {
  list-style: none
}

main {
  display: block
}

[class*=s-kitte-special] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* margin: 3rem 0 3.6rem; */
}

.s-kitte-special-wrapper {
  margin: auto
}

.s-kitte-special-hdg-img {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden
}

.s-kitte-special-kv>h1 {
  height: 0;
  background-position: 50%;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  margin: 3rem 0 3.6rem;
}

.s-kitte-special-anchors {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.s-kitte-special-article>h2 img {
  position: absolute;
  left: 0;
  top: 0
}

.s-kitte-special-cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column
}

.s-kitte-special-card__cells {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.s-kitte-special-name {
  display: block
}

.s-kitte-special-price {
  display: block;
  color: #ce0500;
  font-weight: 600
}

.s-kitte-special-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between
}

.s-kitte-special-btn.is-default {
  color: #fff;
  background: #ce0500
}

.s-kitte-special-btn.is-inverted {
  color: #ce0500;
  border: 1px solid;
  background: #fff
}

.s-kitte-special-btn.is-disabled {
  color: #fff;
  background: #ccc
}

.s-kitte-special-btn.is-quiet {
  border: 1px solid
}

.s-kitte-special-columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column
}

.s-kitte-special-columns.is-reverse .s-kitte-special-column:first-child {
  -webkit-box-ordinal-group: 3;
  -ms-flex-order: 2;
  order: 2
}

.s-kitte-special-modal {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  max-width: 90%
}

.s-kitte-special-modal__body {
  position: relative;
  margin: 0 auto
}

.s-kitte-special-modal__close {
  position: absolute;
  bottom: 100%;
  right: 0;
  cursor: pointer
}

.s-kitte-special-accordion__body {
  overflow: hidden;
  height: 0;
  -webkit-transition: height .3s ease-out;
  transition: height .3s ease-out
}

.p-modal-wrapper {
  z-index: 9999;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  text-align: center;
  background-color: rgba(0, 0, 0, .5)
}

.p-modal-wrapper:before {
  display: inline-block;
  margin-left: -.05em;
  content: "";
  vertical-align: middle;
  height: 120%
}

.p-modal-wrapper.is-loading:after {
  content: url(/assets/images/loading.gif);
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 10px;
  border-radius: 5px
}

.s-kitte-special-kv>h1 {
  padding-top: 86.95652%;
  background-image: url(/kitte/collection/special/05/img/kv.jpg)
}

.s-kitte-special-kv>p {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 2.4rem
}

.s-kitte-special-anchors {
  margin-top: 3.95rem
}

.s-kitte-special-anchor {
  width: 21.85714%
}

.s-kitte-special-article {
  margin-top: 4rem;
  padding-bottom: 2.25rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  background-size: cover
}

.s-kitte-special-article+.s-kitte-special-article {
  margin-top: 1.8rem
}
.s-kitte-special-article.mset {
  margin-top: 1.8rem;
}
.s-kitte-special-article>h2 {
  width: 100%;
  height: 0;
  padding-top: 42.4%;
  position: absolute;
  z-index: 0
}

.s-kitte-special-cards {
  padding: 10rem 2.66667% 0;
  position: relative;
  z-index: 1
}

.s-kitte-special-card {
  padding: 0 5.6338%
}

.s-kitte-special-card+.s-kitte-special-card {
  margin-top: 1.6rem
}

.s-kitte-special-card.is-spring {
  background: #fde1e3
}

.s-kitte-special-card.is-summer {
  background: #d7ebfa
}

.s-kitte-special-card.is-autumn {
  background: #fde7d0
}

.s-kitte-special-card.is-winter {
  background: #dfe1f9
}

.s-kitte-special-card__hdg {
  margin: 2.1rem auto 0
}

.s-kitte-special-card__cells {
  margin: 1.425rem auto 1.85rem
}

.s-kitte-special-card__cell {
  width: 46.03175%
}

.s-kitte-special-desc {
  font-size: 1.2rem;
  line-height: 1.4583333333;
  margin: 1.475rem auto 0
}

.s-kitte-special-price {
  text-align: center;
  font-size: 2rem;
  line-height: 1;
  margin-top: 1.05rem
}

.s-kitte-special-btn {
  font-size: 1.3rem;
  font-weight: 500;
  height: 5rem;
  padding: 1.2rem 1.05rem
}

.s-kitte-special-btn+.s-kitte-special-btn {
  margin-top: 1.5rem
}

.s-kitte-special-lead {
  margin-top: 2.2rem
}

.s-kitte-special-thumb {
  margin-top: 2.1rem;
  position: relative
}

.s-kitte-special-thumb:before {
  content: "";
  background-repeat: no-repeat;
  background-position: 50%;
  -webkit-background-size: 100% 100%;
  background-size: 100%;
  height: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
  transform: translate3d(-50%, -50%, 0)
}

.s-kitte-special-thumb.is-spring:before {
  background-image: url(/kitte/collection/special/05/img/spring/deco.png);
  width: 105.71429%;
  padding-top: 61.42857%
}

.s-kitte-special-thumb.is-summer:before {
  background-image: url(/kitte/collection/special/05/img/summer/deco.png);
  width: 108.73016%;
  padding-top: 62.53968%
}

.s-kitte-special-thumb.is-autumn:before {
  background-image: url(/kitte/collection/special/05/img/autumn/deco.png);
  width: 108.09524%;
  padding-top: 62.38095%
}

.s-kitte-special-thumb.is-winter:before {
  background-image: url(/kitte/collection/special/05/img/winter/deco.png);
  width: 108.4127%;
  padding-top: 65.87302%
}

.s-kitte-special-season__name {
  font-size: 1.5rem;
  line-height: 1.3333333333;
  text-align: center;
  min-height: 5.25rem;
  margin-top: 1rem;
}

.s-kitte-special-season__btns {
  margin-top: 1.5rem
}

.s-kitte-special-letter__name {
  display: block;
  font-size: 1.75rem;
  font-weight: 600;
  text-align: center;
  line-height: 1.1857142857;
  margin-top: 2.5rem
}

.s-kitte-special-letter__desc {
  margin-top: 2rem
}

.s-kitte-special-letter__price {
  margin-top: 2.5rem
}

.s-kitte-special-letter__btn {
  margin: 1.5rem auto 1.85rem
}

.s-kitte-special-footer__hdg {
  margin-top: 2.45rem
}

.s-kitte-special-footer__desc {
  margin-bottom: 1.85rem
}

#spring {
  background-image: url(/kitte/collection/special/05/img/spring/bg.png)
}

#summer {
  background-image: url(/kitte/collection/special/05/img/summer/bg.png)
}

#autumn {
  background-image: url(/kitte/collection/special/05/img/autumn/bg.png)
}

#winter {
  background-image: url(/kitte/collection/special/05/img/winter/bg.png)
}

@media screen and (max-width:794px) {
  html {
    font-size: 2.66667vw
  }
  body.is-menu-open {
    height: 100%;
    overflow: hidden;
    position: fixed;
    width: 100%
  }
}

@media screen and (min-width:795px) and (max-width:1140px) {
  html {
    font-size: .87719vw
  }
}

@media screen and (min-width:795px) {
  .s-kitte-special-wrapper {
    max-width: 1040px
  }
  .s-kitte-special-article {
    max-width: 1040px;
  }
  .s-kitte-special-cards {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }
  .s-kitte-special-columns {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap
  }
  .s-kitte-special-column {
    width: 50%
  }
  .s-kitte-special-kv>h1 {
    padding-top: 34.61538%;
    background-image: url(/kitte/collection/special/05/img/kv_pc.jpg)
  }
  .s-kitte-special-kv>p {
    font-size: 14px;
    line-height: 1.5714285714;
    text-align: center;
    margin-top: 25px
  }
  .s-kitte-special-anchors {
    margin-top: 23px
  }
  .s-kitte-special-article {
    padding-bottom: 50px;
    margin: 65px auto 0;
    position: relative
  }
  .s-kitte-special-article>h2 {
    padding-top: 16.53846%
  }
  .s-kitte-special-cards {
    padding: 14.5rem 4.80769% 0;
    overflow: hidden
  }
  .s-kitte-special-card {
    width: 48.93843%;
    padding: 0 3.82166%
  }
  .s-kitte-special-card+.s-kitte-special-card {
    margin-top: 0
  }
  .s-kitte-special-card:nth-child(n+3) {
    margin-top: 26px
  }
  .s-kitte-special-card:nth-child(2n) {
    margin-left: 1.92308%
  }
  .s-kitte-special-card:last-child {
    width: 100%
  }
  .s-kitte-special-card__hdg {
    text-align: center;
    max-width: 314px;
    margin: 25px auto 0
  }
  .s-kitte-special-card__cell {
    width: 46.15385%
  }
  .s-kitte-special-desc {
    font-size: 14px;
    line-height: 1.7142857143;
    margin-top: 28px
  }
  .s-kitte-special-footer__thumb {
    padding: 0 17px;
    margin: 51px auto
  }
  .s-kitte-special-footer__lead {
    margin-top: 38px
  }
  .s-kitte-special-footer__desc {
    padding: 0 20px
  }
  #spring {
    background-image: url(/kitte/collection/special/05/img/spring/bg_pc.png)
  }
  #summer {
    background-image: url(/kitte/collection/special/05/img/summer/bg_pc.png)
  }
  #autumn {
    background-image: url(/kitte/collection/special/05/img/autumn/bg_pc.png)
  }
  #winter {
    background-image: url(/kitte/collection/special/05/img/winter/bg_pc.png)
  }
}