.img {
  position: relative; }
  .img .num {
    position: absolute;
    line-height: 1;
    bottom: 0.8em;
    left: 0.8em;
    font-weight: bold;
    font-size: 12px; }

.data .spec dl dd span i[data-color="ptn:HN"] {
  background-image: url(../images/kids/ptn_HN.jpg);
  background-repeat: no-repeat;
  background-size: auto 100%; }

.styles a, .style a {
  color: #231815; }
  .styles a:hover, .style a:hover {
    color: #e40000;
    opacity: 1; }
  .styles a.cs, .style a.cs {
    color: #231815; }

#TOP {
  height: 100vh;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  opacity: 0;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out; }
  #TOP.move {
    opacity: 1; }
  #TOP h1 {
    width: 28.57143vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 36px;
    line-height: 1.16667;
    font-weight: bold; }
  #TOP .img {
    width: 59.18367vw;
    height: 100vh;
    background-image: url(../images/kids/kv_pc.jpg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover; }
  #TOP .styles {
    width: 33.67347vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding: 30px;
    font-size: 12px;
    line-height: 1.75; }
    #TOP .styles em {
      font-weight: bold; }
    #TOP .styles dl.style dt {
      font-weight: bold; }

article#content {
  background-color: #fff;
  position: relative;
  z-index: 1;
  padding-bottom: 50px; }
  article#content #STYLE01 .secInner {
    width: 980px;
    max-width: 85.9375vw;
    margin: 50px auto; }
    article#content #STYLE01 .secInner .imgs {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between; }
      article#content #STYLE01 .secInner .imgs .img {
        width: 24.4898%; }
    article#content #STYLE01 .secInner .styles {
      margin: 1.5rem 0 0; }
      article#content #STYLE01 .secInner .styles em {
        font-weight: bold; }
    article#content #STYLE01 .secInner p.center {
      width: 100%;
      margin-top: 2rem; }
  article#content #STYLE02 .secInner {
    width: 335px;
    max-width: 85.9375vw;
    margin: 50px auto; }
    article#content #STYLE02 .secInner .img {
      margin: 0 auto; }
    article#content #STYLE02 .secInner .style {
      margin: 1.5rem 0 0;
      font-size: 12px; }
      article#content #STYLE02 .secInner .style em {
        font-weight: bold; }
  article#content #PRODUCTS .secInner {
    width: 760px;
    max-width: 85.9375vw;
    margin: 50px auto 0; }
    article#content #PRODUCTS .secInner .item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding-bottom: 3rem; }
      article#content #PRODUCTS .secInner .item.rtl {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse; }
        article#content #PRODUCTS .secInner .item.rtl .content {
          margin-left: 40px; }
      article#content #PRODUCTS .secInner .item .img {
        width: 47.36842%; }
      article#content #PRODUCTS .secInner .item .content {
        width: 44.73684%; }
        article#content #PRODUCTS .secInner .item .content .label {
          font-size: 40px;
          line-height: 1.2;
          font-weight: bold;
          margin-bottom: 1em; }
      article#content #PRODUCTS .secInner .item p.center {
        width: 100%;
        padding-top: 2rem; }
  article#content #PRODUCTS + p.center {
    padding-top: 2rem; }

@media screen and (max-width: 640px) {
  html {
    font-size: 3.75vw; }
  .img .num {
    font-size: 3.125vw; }
  .styles a:hover, .style a:hover {
    color: #231815; }
  #TOP {
    height: auto;
    position: relative;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch; }
    #TOP h1 {
      width: 100%;
      height: 16vh;
      font-size: 8.47656vw;
      line-height: 1.16682;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      -ms-flex-align: start;
      align-items: flex-start;
      padding-left: 7.03125vw;
      -webkit-box-ordinal-group: 3;
      -webkit-order: 2;
      -ms-flex-order: 2;
      order: 2; }
    #TOP .img {
      width: 100%;
      height: 72.5vh;
      -webkit-box-ordinal-group: 2;
      -webkit-order: 1;
      -ms-flex-order: 1;
      order: 1;
      background-image: url(../images/kids/kv_sp.jpg);
      background-position: 50% 75%; }
    #TOP .styles {
      width: 100vw;
      display: block;
      padding: 0 7.03125vw;
      font-size: 3.59375vw;
      line-height: 1.66667;
      -webkit-box-ordinal-group: 4;
      -webkit-order: 3;
      -ms-flex-order: 3;
      order: 3; }
  article#content {
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-bottom: 50px; }
    article#content #STYLE01 .secInner {
      width: auto;
      margin: 7.8125vw auto 7.8125vw;
      padding-top: 7.8125vw; }
      article#content #STYLE01 .secInner .imgs {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
        article#content #STYLE01 .secInner .imgs .img {
          width: 42.65625vw;
          margin-bottom: 0.625vw; }
      article#content #STYLE01 .secInner .styles {
        margin: 1rem 0 0;
        font-size: 3.59375vw; }
        article#content #STYLE01 .secInner .styles em {
          font-weight: bold; }
    article#content #STYLE02 .secInner {
      width: auto;
      margin: 0 auto 7.8125vw;
      padding-top: 7.8125vw; }
      article#content #STYLE02 .secInner .img {
        width: 100%;
        margin: 0 auto; }
      article#content #STYLE02 .secInner .style {
        font-size: 3.59375vw;
        margin: 1rem 0 0; }
        article#content #STYLE02 .secInner .style em {
          font-weight: bold; }
    article#content #PRODUCTS .secInner {
      width: 760px;
      max-width: 85.9375vw;
      margin: 50px auto 0; }
      article#content #PRODUCTS .secInner .item {
        display: block;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 14.0625vw; }
        article#content #PRODUCTS .secInner .item:first-child {
          margin-top: 0; }
        article#content #PRODUCTS .secInner .item:last-child {
          padding-bottom: 0; }
        article#content #PRODUCTS .secInner .item.rtl .content {
          margin-left: 0; }
        article#content #PRODUCTS .secInner .item h3 {
          font-size: 7.8125vw;
          line-height: 1.2;
          font-weight: bold;
          margin-bottom: 0.5em; }
        article#content #PRODUCTS .secInner .item .img {
          width: 100%; }
        article#content #PRODUCTS .secInner .item .content {
          width: 100%; }
      article#content #PRODUCTS .secInner p.center + p.center {
        padding-top: 1rem; }
    article#content #PRODUCTS + p.center {
      padding-top: 11.71875vw; } }