/* hover
=================================================================== */
/* ================================================ vw */
/* ================================================ vh */
/* common
=================================================================== */
/* layout
=================================================================== */
/* imgCover
=================================================================== */
/* mask
=================================================================== */
/* background
=================================================================== */
/* flex
=================================================================== */
/* animation delay
=================================================================== */
/* 3d
=================================================================== */
/* font
=================================================================== */
/* textTate
=================================================================== */
/* vw
=================================================================== */
/* form
=================================================================== */
/*============================================================================================ 767px */
@media only screen and (max-width: 767px) {
  /* ================================================ vw */
  /* ============================================================================================ topMain */
  .topMain {
    margin-bottom: 4vw;
  }
  /* --------------------------------------- topMain article */
  .topMain__article {
    flex-direction: column-reverse;
  }
  .topMain__section {
    width: 100%;
  }
  /* --------------------------------------- topMain__pickUp block */
  .topMain__pickUp--block {
    margin-bottom: 4vw;
  }
  .topMain__pickUp--block .corner {
    width: 4vw;
    height: 4vw;
    right: -4vw;
  }
  .topMain__pickUp--block .corner::before {
    right: 0.2666666667vw;
    border-bottom-left-radius: 2vw;
  }
  .topMain__pickUp--block .corner::after {
    left: -0.2666666667vw;
    bottom: -0.5333333333vw;
    background: radial-gradient(circle at 100% 0%, rgba(0, 0, 0, 0) 4vw, #fff 0);
  }
  /* ====================================================================== cardBoxLeader */
  .cardBoxLeader {
    width: 37.3333333333vw;
    padding-left: 2.6666666667vw;
  }
  /* ------------------------------------------ sliderText anime 1 fixedBtn__search */
  @keyframes sliderText-anime-featured {
    0% {
      transform: translate3d(0, 0, 0);
    }
    100% {
      transform: translate3d(-11.2vw, 0, 0);
    }
  }
  .cardBoxLeader .sliderText__anime--wrapper {
    width: 17.8666666667vw;
  }
  .cardBoxLeader .sliderText {
    font-size: 8px;
    font-size: 2.1333333333vw;
    line-height: 3.7333333333vw;
    padding-left: 2.1333333333vw;
  }
  .cardBoxLeader .sliderText {
    width: 11.2vw;
  }
  .cardBoxLeader .sliderText__anime {
    width: calc(100% + 11.2vw);
    -webkit-animation: sliderText-anime-featured 5s linear 0s infinite;
    animation: sliderText-anime-featured 5s linear 0s infinite;
  }
  /* ------------------------------------------ cardBoxLeader__title */
  .cardBoxLeader__title {
    font-size: 12px;
    font-size: 3.2vw;
    margin-left: 2.6666666667vw;
  }
  /* ====================================================================== cardBox */
  /* --------------------------------------- cardBoxHeader */
  .cardBoxHeader {
    width: calc(100% - 37.3333333333vw);
    height: 26px;
    border-radius: 2.6666666667vw 2.6666666667vw 0 0;
  }
  /* --------------------------------------- cardBoxInner */
  .cardBoxInner {
    border-radius: 0 2.6666666667vw 2.6666666667vw 2.6666666667vw;
  }
  /* ====================================================================== topMain__pickUp */
  .topMain__pickUp {
    width: 100%;
  }
  /* ====================================================================== topMain__newPost */
  /* --------------------------------------- topMain__newPost block */
  .topMain__newPost--block {
    padding: 4vw 4vw;
  }
  .topMain__newPost--block:first-child {
    padding-top: 2.8vw;
  }
  .topMain__newPost--block:first-child .topMain__newPost--thum {
    margin-top: -3vw;
  }
  /* --------------------------------------- topMain__newPost thum */
  a.topMain__newPost--thum {
    width: 28.107%;
  }
  /* --------------------------------------- topMain__newPost infoMain */
  .topMain__newPost--infoMain {
    padding-left: 13vw;
    margin-bottom: 1vw;
  }
  .topMain__newPost--infoMain .objectsIcon {
    top: 0;
    transform: translateY(0%);
  }
  /* --------------------------------------- topMain__newPost info */
  .topMain__newPost--info {
    width: 67.214%;
  }
  .topMain__newPost--infoTitle--main {
    font-size: 13px;
    font-size: 3.4666666667vw;
    margin-bottom: 0.4vw;
  }
  .topMain__newPost--infoTitle--data {
    font-size: 11px;
    font-size: 2.9333333333vw;
  }
  /* ====================================================================== topMain__todayRec */
  .topMain__todayRec {
    position: relative;
    top: 0;
    margin-bottom: 2.6666666667vw;
  }
  /* --------------------------------------- topMain__todayRec inner */
  .topMain__todayRec--inner {
    padding-top: 114.450867052%;
  }
  .topMain__todayRec--inner::after {
    background-image: url(../img/contents/top/kvMask--border--sp.svg);
  }
  /* --------------------------------------- topMain__todayRec leader */
  .topMain__todayRec--leader {
    width: 10.2803738318%;
    right: -1.8691588785%;
    top: 26%;
  }
  /* --------------------------------------- topMain__todayRec block */
  .topMain__todayRec--block {
    mask-image: url(../img/contents/top/kvMask--sp.svg);
    -webkit-mask-image: url(../img/contents/top/kvMask--sp.svg);
  }
  /* --------------------------------------- topMain__todayRec objectsIcon */
  .topMain__todayRec--objectsIcon {
    width: 11.2716763006%;
  }
  /* --------------------------------------- topMain__todayRec title */
  .topMain__todayRec--titleBlock {
    width: 91.0404624277%;
    bottom: 3.288490284%;
  }
  .topMain__todayRec--titleBlock::after {
    background-image: url(../img/contents/top/todayRec__titleBlock--border--sp.svg);
  }
  .topMain__todayRec--titleBlock--inner {
    padding-top: 20.3174603175%;
    mask-image: url(../img/contents/top/todayRec__titleBlock--mask--sp.svg);
    -webkit-mask-image: url(../img/contents/top/todayRec__titleBlock--mask--sp.svg);
  }
  .topMain__todayRec--titleBlock--main {
    width: 78.0984719864%;
  }
  .topMain__todayRec--title {
    font-size: 16px;
    font-size: 4.2666666667vw;
  }
  .topMain__todayRec--date {
    font-size: 13px;
    font-size: 3.4666666667vw;
    margin-top: 1.6vw;
  }
  /* ====================================================================== topMain__special */
  .topMain__special .corner {
    right: auto;
    left: -4vw;
  }
  .topMain__special .corner::after {
    background: radial-gradient(circle at 100% 0%, rgba(0, 0, 0, 0) 4vw, rgba(var(--keyColor-special), 1) 0);
  }
  .topMain__special .cardBoxHeader {
    width: calc(100% - 29.7vw);
  }
  .topMain__special .cardBoxLeader {
    padding-right: 4vw;
  }
  /* --------------------------------------- topMain__special title */
  .topMain__special--inner {
    border-radius: 2.6666666667vw 0 2.6666666667vw 2.6666666667vw;
  }
  /* --------------------------------------- topMain__special block */
  .topMain__special--block {
    padding: 0 4vw;
    min-height: 25.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
  /* --------------------------------------- topMain__special thum */
  .topMain__special--thum {
    width: 38.3928571429%;
    right: 4vw;
  }
  /* ====================================================================== topMain__special */
  .topMain__todayTag .corner::after {
    background: radial-gradient(circle at 100% 0%, rgba(0, 0, 0, 0) 4vw, rgba(var(--keyColor-base), 1) 0);
  }
  /* --------------------------------------- topMain__special title */
  .topMain__todayTag--inner {
    height: 33.3333333333vw;
  }
  .topMain__todayTag--hash .hashText {
    height: 8vw;
    font-size: 14px;
    font-size: 3.7333333333vw;
    line-height: 8vw;
    padding: 0 3.4666666667vw;
  }
  .topMain__newPost--inner .hashList li:nth-child(n+3) {
    display: none;
  }
  .topMain__newPost--inner .hashText {
    font-size: 2.3vw;
  }
  /* ====================================================================== newPostArticle */
  .newPostArticle .corner::after {
    background: radial-gradient(circle at 100% 0%, rgba(0, 0, 0, 0) 8.5vw, #fff 0);
  }
  .newPostArticle .tabHeader__bottom > div::before {
    background: radial-gradient(circle at 0% 100%, rgba(0, 0, 0, 0) 9.5vw, rgba(var(--keyColor-base), 1) 8.5vw);
  }
  .newPostArticle .objList {
    margin-top: 4vw;
  }
  .newPostArticle .tabHeaderAside__btnList .btn.tabHeaderAside__btn:nth-child(2) .btnText {
    padding-right: 8.5vw;
  }
  .newPostArticle .tabSection {
    padding-top: 14vw;
  }
  /* ====================================================================== specialArticle */
  .specialArticle .tabSection {
    padding-top: 2vw;
  }
  .specialArticle .specialList.column--3 {
    margin-top: -3vw;
  }
  /* ====================================================================== shopArticle */
  .shopArticle .keenArrow {
    display: none;
  }
}/*# sourceMappingURL=top-sp.css.map */