/* CSS Document */
@import url("https://fonts.googleapis.com/css2?family=Jost&family=Noto+Sans+JP:wght@100..900&display=swap");
/*.categoryListBoxContentsWrapper{
	display: none;
}*/
/* line 10, style.scss */
.piano_top_txt {
  text-align: center; }

/* line 15, style.scss */
.piano_top_txtb {
  text-align: left;
  display: inline-block;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 20px 0 0 0;
  line-height: 1.8; }
  @media screen and (min-width: 930.01px) and (max-width: 1200px) {
    /* line 15, style.scss */
    .piano_top_txtb {
      font-size: 20px;
      font-size: 2.0rem; } }
  @media screen and (min-width: 760.01px) and (max-width: 930px) {
    /* line 15, style.scss */
    .piano_top_txtb {
      font-size: 18px;
      font-size: 1.8rem; } }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 15, style.scss */
    .piano_top_txtb {
      font-size: 16px;
      font-size: 1.6rem; } }
  @media screen and (max-width: 600px) {
    /* line 15, style.scss */
    .piano_top_txtb {
      font-size: 16px;
      font-size: 1.6rem; } }

/* line 47, style.scss */
a:hover {
  opacity: 0.6; }

/* line 50, style.scss */
.font-N {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; }

/* line 56, style.scss */
.font-J {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal; }

/* line 62, style.scss */
.wB {
  font-weight: 700; }

/* line 65, style.scss */
.pagemenu {
  margin: 30px 0 0; }

/* line 69, style.scss */
.pagemenub ul {
  display: flex;
  flex-wrap: wrap; }
  /* line 84, style.scss */
  .pagemenub ul li {
    width: calc((100% - 40px) / 5);
    margin-right: 10px; }
    @media all and (min-width: 930.01px) and (max-width: 1080px) {
      /* line 84, style.scss */
      .pagemenub ul li {
        width: calc((100% - 30px) / 4); } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 84, style.scss */
      .pagemenub ul li {
        width: calc((100% - 30px) / 4); } }
    @media all and (min-width: 760.01px) and (max-width: 880px) {
      /* line 84, style.scss */
      .pagemenub ul li {
        width: calc((100% - 20px) / 3); } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 84, style.scss */
      .pagemenub ul li {
        width: calc((100% - 10px) / 2); } }
    @media screen and (max-width: 600px) {
      /* line 84, style.scss */
      .pagemenub ul li {
        width: calc((100% - 10px) / 2); } }
    @media all and (min-width: 300.01px) and (max-width: 380px) {
      /* line 84, style.scss */
      .pagemenub ul li {
        width: calc((100% - 5px) / 2);
        margin-right: 5px; } }
    /* line 109, style.scss */
    .pagemenub ul li:nth-of-type(5n) {
      margin-right: 0; }
      @media all and (min-width: 930.01px) and (max-width: 1080px) {
        /* line 109, style.scss */
        .pagemenub ul li:nth-of-type(5n) {
          margin-right: 10px; } }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 109, style.scss */
        .pagemenub ul li:nth-of-type(5n) {
          margin-right: 10px; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 109, style.scss */
        .pagemenub ul li:nth-of-type(5n) {
          margin-right: 10px; } }
      @media screen and (max-width: 600px) {
        /* line 109, style.scss */
        .pagemenub ul li:nth-of-type(5n) {
          margin-right: 10px; } }
      @media all and (min-width: 300.01px) and (max-width: 380px) {
        /* line 109, style.scss */
        .pagemenub ul li:nth-of-type(5n) {
          margin-right: 5px; } }
    /* line 130, style.scss */
    .pagemenub ul li:nth-of-type(n+6) {
      margin-top: 10px; }
    @media all and (min-width: 930.01px) and (max-width: 1080px) {
      /* line 133, style.scss */
      .pagemenub ul li:nth-of-type(n+5) {
        margin-top: 10px; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 133, style.scss */
      .pagemenub ul li:nth-of-type(n+5) {
        margin-top: 10px; } }
    @media all and (min-width: 760.01px) and (max-width: 880px) {
      /* line 133, style.scss */
      .pagemenub ul li:nth-of-type(n+5) {
        margin-top: 10px; } }
    @media all and (min-width: 930.01px) and (max-width: 1080px) {
      /* line 148, style.scss */
      .pagemenub ul li:nth-of-type(4n) {
        margin-right: 0; } }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 148, style.scss */
      .pagemenub ul li:nth-of-type(4n) {
        margin-right: 0; } }
    @media all and (min-width: 760.01px) and (max-width: 880px) {
      /* line 148, style.scss */
      .pagemenub ul li:nth-of-type(4n) {
        margin-right: 10px; } }
    @media all and (min-width: 760.01px) and (max-width: 880px) {
      /* line 163, style.scss */
      .pagemenub ul li:nth-of-type(n+4) {
        margin-top: 10px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 163, style.scss */
      .pagemenub ul li:nth-of-type(n+4) {
        margin-top: 10px; } }
    @media screen and (max-width: 600px) {
      /* line 163, style.scss */
      .pagemenub ul li:nth-of-type(n+4) {
        margin-top: 10px; } }
    @media all and (min-width: 300.01px) and (max-width: 380px) {
      /* line 163, style.scss */
      .pagemenub ul li:nth-of-type(n+4) {
        margin-top: 5px; } }
    @media all and (min-width: 760.01px) and (max-width: 880px) {
      /* line 179, style.scss */
      .pagemenub ul li:nth-of-type(3n) {
        margin-right: 0; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 188, style.scss */
      .pagemenub ul li:nth-of-type(n+3) {
        margin-top: 10px; } }
    @media screen and (max-width: 600px) {
      /* line 188, style.scss */
      .pagemenub ul li:nth-of-type(n+3) {
        margin-top: 10px; } }
    @media all and (min-width: 300.01px) and (max-width: 380px) {
      /* line 188, style.scss */
      .pagemenub ul li:nth-of-type(n+3) {
        margin-top: 5px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 204, style.scss */
      .pagemenub ul li:nth-of-type(2n) {
        margin-right: 0; } }
    @media screen and (max-width: 600px) {
      /* line 204, style.scss */
      .pagemenub ul li:nth-of-type(2n) {
        margin-right: 0; } }
    /* line 217, style.scss */
    .pagemenub ul li a {
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      height: 45px;
      background: #AD0B08;
      text-decoration: none; }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 217, style.scss */
        .pagemenub ul li a {
          padding: 0 15px; } }
      @media screen and (max-width: 600px) {
        /* line 217, style.scss */
        .pagemenub ul li a {
          padding: 0 15px; } }
      @media all and (min-width: 300.01px) and (max-width: 380px) {
        /* line 217, style.scss */
        .pagemenub ul li a {
          padding: 0 10px; } }
      /* line 237, style.scss */
      .pagemenub ul li a:before {
        display: block;
        content: '';
        width: calc(100% - 8px);
        height: calc(100% - 8px);
        border: 1px solid #fff;
        opacity: 0.5;
        position: absolute;
        margin: 4px; }
      /* line 247, style.scss */
      .pagemenub ul li a span {
        display: inline-block;
        text-align: left;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.2;
        color: #fff; }

/* line 259, style.scss */
.xmas_box {
  margin: 120px 0 0; }
  @media screen and (min-width: 600.01px) and (max-width: 760px) {
    /* line 259, style.scss */
    .xmas_box {
      margin: 80px 0 0; } }
  @media screen and (max-width: 600px) {
    /* line 259, style.scss */
    .xmas_box {
      margin: 60px 0 0; } }
  /* line 269, style.scss */
  #xmas01 .xmas_box {
    margin: 50px 0 0; }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 269, style.scss */
      #xmas01 .xmas_box {
        margin: 30px 0 0; } }
    @media screen and (max-width: 600px) {
      /* line 269, style.scss */
      #xmas01 .xmas_box {
        margin: 30px 0 0; } }

/* line 282, style.scss */
.xmas_boxb .xmas_flex {
  display: flex; }
  @media screen and (max-width: 600px) {
    /* line 282, style.scss */
    .xmas_boxb .xmas_flex {
      display: block; } }
  /* line 291, style.scss */
  .xmas_boxb .xmas_flex .xmas_img {
    max-width: 300px;
    margin-right: 40px; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 291, style.scss */
      .xmas_boxb .xmas_flex .xmas_img {
        max-width: 220px;
        margin-right: 20px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 291, style.scss */
      .xmas_boxb .xmas_flex .xmas_img {
        max-width: 260px;
        margin-right: 20px; } }
    @media screen and (max-width: 600px) {
      /* line 291, style.scss */
      .xmas_boxb .xmas_flex .xmas_img {
        margin: 0 auto; } }
    /* line 305, style.scss */
    .xmas_boxb .xmas_flex .xmas_img img {
      border: 1px solid #ccc;
      border-radius: 10px; }
  /* line 310, style.scss */
  .xmas_boxb .xmas_flex .xmas_txt {
    width: calc(100% - 340px); }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 310, style.scss */
      .xmas_boxb .xmas_flex .xmas_txt {
        width: calc(100% - 240px); } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 310, style.scss */
      .xmas_boxb .xmas_flex .xmas_txt {
        width: calc(100% - 280px); } }
    @media screen and (max-width: 600px) {
      /* line 310, style.scss */
      .xmas_boxb .xmas_flex .xmas_txt {
        width: 100%;
        margin: 20px 0 0; } }
    /* line 322, style.scss */
    .xmas_boxb .xmas_flex .xmas_txt h3 {
      display: flex;
      justify-content: flex-start;
      flex-direction: column;
      align-items: center;
      background-image: url("../images/stitle_bg.png");
      background-position: top left;
      background-repeat: repeat;
      background-size: 35px auto;
      padding: 10px; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 322, style.scss */
        .xmas_boxb .xmas_flex .xmas_txt h3 {
          padding: 5px; } }
      /* line 341, style.scss */
      .xmas_boxb .xmas_flex .xmas_txt h3 span {
        font-size: 20px;
        font-size: 2.0rem;
        line-height: 1.5;
        color: #fff; }
        @media screen and (min-width: 760.01px) and (max-width: 930px) {
          /* line 341, style.scss */
          .xmas_boxb .xmas_flex .xmas_txt h3 span {
            font-size: 18px;
            font-size: 1.8rem; } }
        @media screen and (min-width: 600.01px) and (max-width: 760px) {
          /* line 341, style.scss */
          .xmas_boxb .xmas_flex .xmas_txt h3 span {
            font-size: 18px;
            font-size: 1.8rem; } }
        @media screen and (max-width: 600px) {
          /* line 341, style.scss */
          .xmas_boxb .xmas_flex .xmas_txt h3 span {
            font-size: 16px;
            font-size: 1.6rem; } }
      /* line 359, style.scss */
      .xmas_boxb .xmas_flex .xmas_txt h3 small {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.4;
        color: #fcc800;
        letter-spacing: 0.1em;
        white-space: nowrap;
        margin-top: 5px; }
    /* line 377, style.scss */
    .xmas_boxb .xmas_flex .xmas_txt p {
      margin-top: 30px; }
      @media screen and (min-width: 760.01px) and (max-width: 930px) {
        /* line 377, style.scss */
        .xmas_boxb .xmas_flex .xmas_txt p {
          margin-top: 20px; } }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 377, style.scss */
        .xmas_boxb .xmas_flex .xmas_txt p {
          margin-top: 20px; } }
      @media screen and (max-width: 600px) {
        /* line 377, style.scss */
        .xmas_boxb .xmas_flex .xmas_txt p {
          margin-top: 15px; } }

/* line 393, style.scss */
.xmas_list {
  margin: 30px 0 0; }

/* line 396, style.scss */
.xmas_listb {
  display: flex; }
  @media screen and (max-width: 600px) {
    /* line 396, style.scss */
    .xmas_listb {
      flex-wrap: wrap; } }
  /* line 405, style.scss */
  .xmas_listb .product_link {
    max-width: calc((100% - 90px) / 4);
    margin-right: 30px; }
    @media screen and (min-width: 760.01px) and (max-width: 930px) {
      /* line 405, style.scss */
      .xmas_listb .product_link {
        max-width: calc((100% - 45px) / 4);
        margin-right: 15px; } }
    @media screen and (min-width: 600.01px) and (max-width: 760px) {
      /* line 405, style.scss */
      .xmas_listb .product_link {
        max-width: calc((100% - 30px) / 4);
        margin-right: 10px; } }
    @media screen and (max-width: 600px) {
      /* line 405, style.scss */
      .xmas_listb .product_link {
        max-width: calc(50% - 5px);
        margin-right: 10px; } }
    /* line 420, style.scss */
    .xmas_listb .product_link:nth-of-type(4n) {
      margin-right: 0; }
    @media screen and (max-width: 600px) {
      /* line 423, style.scss */
      .xmas_listb .product_link:nth-of-type(2n) {
        margin-right: 0; } }
    @media screen and (max-width: 600px) {
      /* line 432, style.scss */
      .xmas_listb .product_link:nth-of-type(n+3) {
        margin-top: 10px; } }
    /* line 441, style.scss */
    .xmas_listb .product_link img {
      border: 1px solid #ccc;
      border-radius: 10px; }

/* line 447, style.scss */
.xmas_btn {
  margin: 20px 0 0; }

/* line 450, style.scss */
.xmas_btnb {
  text-align: center;
  max-width: 360px;
  margin: auto; }
  /* line 454, style.scss */
  .xmas_btnb a {
    margin: auto;
    text-decoration: none;
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50px;
    background: #AD0B08;
    color: #fff; }
    @media all and (min-width: 300.01px) and (max-width: 380px) {
      /* line 454, style.scss */
      .xmas_btnb a {
        height: 60px; } }
    /* line 475, style.scss */
    .xmas_btnb a:before {
      display: block;
      content: '';
      width: calc(100% - 8px);
      height: calc(100% - 8px);
      border: 1px solid #fff;
      opacity: 0.5;
      position: absolute;
      margin: 4px; }
    /* line 485, style.scss */
    .xmas_btnb a:after {
      display: block;
      content: '';
      width: 0;
      height: 0;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 10px;
      margin: auto;
      border-left: 20px solid #fff;
      border-top: 4px solid transparent;
      border-bottom: 4px solid transparent; }
      @media screen and (min-width: 600.01px) and (max-width: 760px) {
        /* line 485, style.scss */
        .xmas_btnb a:after {
          border-left: 15px solid #fff; } }
      @media screen and (max-width: 600px) {
        /* line 485, style.scss */
        .xmas_btnb a:after {
          border-left: 15px solid #fff; } }
      @media all and (min-width: 300.01px) and (max-width: 380px) {
        /* line 485, style.scss */
        .xmas_btnb a:after {
          border-top: 3px solid transparent;
          border-bottom: 3px solid transparent; } }
    /* line 511, style.scss */
    .xmas_btnb a span {
      line-height: 1.5;
      text-align: left; }

/* line 517, style.scss */
.xxs-media {
  display: none; }
  @media all and (min-width: 300.01px) and (max-width: 380px) {
    /* line 517, style.scss */
    .xxs-media {
      display: inline-block; } }

/*# sourceMappingURL=style.css.map */