@charset "UTF-8";
/*===========================
    1. COMMON css 
===========================*/
body {
  font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
  font-style: normal;
  font-weight: 400; }

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

img {
  max-width: 100%; }

a:focus,
input:focus,
textarea:focus,
button:focus {
  text-decoration: none;
  outline: none; }

a:focus,
a:hover {
  text-decoration: none; }

i,
span,
a {
  display: inline-block; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 700;
  margin: 0px; }

h1 {
  font-size: 48px; }

h2 {
  font-size: 36px; }

h3 {
  font-size: 28px; }

h4 {
  font-size: 22px; }

h5 {
  font-size: 18px; }

h6 {
  font-size: 16px; }

ul, ol {
  margin: 0px;
  padding: 0px;
  list-style-type: none; }

p {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin: 0px; }

/*===========================
    2.Header&Footer css 
===========================*/
.navbar-area {
  display: block; }
  .navbar-area .nav-content .navigation {
    width: 100%;
    text-align: center;
    position: relative;
    margin: 0 auto; }
    @media (max-width: 480px) {
      .navbar-area .nav-content .navigation {
        height: 100%; } }
    .navbar-area .nav-content .navigation .navbar {
      text-align: start;
      margin: 0 auto;
      width: 1100px;
      display: flex;
      position: relative;
      align-items: center; }
      @media (max-width: 480px) {
        .navbar-area .nav-content .navigation .navbar {
          width: 100%;
          padding: 0 5%;
          height: 80px; } }
      .navbar-area .nav-content .navigation .navbar .navbar-brand {
        margin-right: 0; }
        @media (max-width: 480px) {
          .navbar-area .nav-content .navigation .navbar .navbar-brand {
            width: 45%; } }
        @media (max-width: 480px) {
          .navbar-area .nav-content .navigation .navbar .navbar-brand img {
            width: 174px; } }
      .navbar-area .nav-content .navigation .navbar .navber-right-content {
        margin-left: 240px;
        display: flex; }
        @media (max-width: 480px) {
          .navbar-area .nav-content .navigation .navbar .navber-right-content {
            margin-left: 0;
            width: 50%; } }
        .navbar-area .nav-content .navigation .navbar .navber-right-content .navbar-info {
          margin-top: 5px;
          margin-right: 10px; }
          @media (max-width: 480px) {
            .navbar-area .nav-content .navigation .navbar .navber-right-content .navbar-info {
              display: none; } }
          .navbar-area .nav-content .navigation .navbar .navber-right-content .navbar-info p {
            font-family: 'Noto Sans JP', sans-serif;
            font-weight: 400;
            font-size: 13px;
            line-height: 22px;
            letter-spacing: 0.25px; }
            @media (max-width: 480px) {
              .navbar-area .nav-content .navigation .navbar .navber-right-content .navbar-info p {
                display: none; } }
          .navbar-area .nav-content .navigation .navbar .navber-right-content .navbar-info hr {
            border-color: #000000;
            margin: 0; }
            @media (max-width: 480px) {
              .navbar-area .nav-content .navigation .navbar .navber-right-content .navbar-info hr {
                display: none; } }
        .navbar-area .nav-content .navigation .navbar .navber-right-content .tell-number {
          margin-right: 0; }
          @media (max-width: 480px) {
            .navbar-area .nav-content .navigation .navbar .navber-right-content .tell-number {
              width: 80%;
              margin-left: 10px; } }

/*===============================
    BANNER css 
================================*/
.banner {
  height: 320px;
  background-color: #DAC9A8;
  position: relative;
  width: 100%; }
  @media (max-width: 480px) {
    .banner {
      margin-top: 0; } }
  .banner .banner-area {
    position: absolute;
    right: 0%; }
    @media (max-width: 480px) {
      .banner .banner-area {
        display: none; } }
  .banner .banner-content {
    width: 754px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto; }
    @media (max-width: 480px) {
      .banner .banner-content {
        width: 100%;
        margin: 0 auto; } }
    .banner .banner-content .banner-content-top {
      position: relative;
      display: inline-block;
      background-color: #FFFF00;
      margin-bottom: 30px;
      height: 43.09px;
      border-radius: 50px;
      display: flex; }
      @media (max-width: 480px) {
        .banner .banner-content .banner-content-top {
          margin: 0 auto;
          margin-bottom: 20px;
          width: 300px;
          height: 35px;
          text-align: center; } }
      .banner .banner-content .banner-content-top.banner-content-top::before {
        content: "";
        position: absolute;
        top: 100%;
        left: 7.5%;
        margin-left: -10px;
        border: 10px solid transparent;
        border-top: 25px solid  #FFFF00; }
        @media (max-width: 480px) {
          .banner .banner-content .banner-content-top.banner-content-top::before {
            left: 15%;
            border: 7.5px solid transparent;
            border-top: 18.5px solid  #FFFF00; } }
      .banner .banner-content .banner-content-top p {
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        color: #603813;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: 5px;
        margin-top: 3px; }
        @media (max-width: 480px) {
          .banner .banner-content .banner-content-top p {
            font-size: 12px;
            letter-spacing: 1.5px; } }
    .banner .banner-content .banner-content-bottom {
      display: flex; }
      @media (max-width: 480px) {
        .banner .banner-content .banner-content-bottom {
          display: inline-grid;
          width: 100%; } }
      @media (max-width: 480px) {
        .banner .banner-content .banner-content-bottom img {
          width: 125px;
          height: 125px;
          margin: 0 auto; } }
    .banner .banner-content .banner-content-right {
      width: 533.21px;
      margin: 0 0 0 auto; }
      @media (max-width: 480px) {
        .banner .banner-content .banner-content-right {
          width: 100%; } }
      .banner .banner-content .banner-content-right .banner-content-right-top {
        display: flex;
        justify-content: center;
        margin-bottom: 15px; }
        @media (max-width: 480px) {
          .banner .banner-content .banner-content-right .banner-content-right-top {
            margin-top: 7.5px;
            margin-bottom: 5px; } }
        .banner .banner-content .banner-content-right .banner-content-right-top p {
          color: #000000;
          font-weight: 700;
          font-size: 25px;
          margin: 0 20px;
          padding-top: 10px; }
          @media (max-width: 480px) {
            .banner .banner-content .banner-content-right .banner-content-right-top p {
              font-size: 15px;
              padding-top: 0px; } }
        @media (max-width: 480px) {
          .banner .banner-content .banner-content-right .banner-content-right-top img {
            width: 14px;
            height: 18px;
            margin: 0; } }
      .banner .banner-content .banner-content-right .banner-content-right-bottom {
        background-color: #00B900;
        width: 100%;
        height: 93px;
        border-radius: 50px;
        display: flex;
        display: -webkit-flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: center;
        justify-content: center;
        text-align: center;
        cursor: pointer;
        transition: all 0.3s ease 0s; }
        .banner .banner-content .banner-content-right .banner-content-right-bottom :hover {
          opacity: 0.8; }
        @media (max-width: 480px) {
          .banner .banner-content .banner-content-right .banner-content-right-bottom {
            width: 300px;
            height: 52px;
            margin: 0 auto; } }
        .banner .banner-content .banner-content-right .banner-content-right-bottom .text-group {
          margin-top: 5px;
          margin-right: -30px; }
          @media (max-width: 480px) {
            .banner .banner-content .banner-content-right .banner-content-right-bottom .text-group {
              height: 100%;
              margin-top: 0px;
              padding-top: 10px; } }
          .banner .banner-content .banner-content-right .banner-content-right-bottom .text-group p {
            color: #ffffff;
            font-size: 30px;
            text-align: center; }
            @media (max-width: 480px) {
              .banner .banner-content .banner-content-right .banner-content-right-bottom .text-group p {
                font-size: 15px;
                height: 52px;
                line-height: 15px; } }
            .banner .banner-content .banner-content-right .banner-content-right-bottom .text-group p .text-large {
              letter-spacing: 3px;
              font-size: 48px;
              font-weight: 700;
              color: #ffffff; }
              @media (max-width: 480px) {
                .banner .banner-content .banner-content-right .banner-content-right-bottom .text-group p .text-large {
                  font-size: 25px; } }
            .banner .banner-content .banner-content-right .banner-content-right-bottom .text-group p .text-small {
              letter-spacing: 3px;
              font-size: 18px;
              color: #ffffff;
              font-weight: 700; }
              @media (max-width: 480px) {
                .banner .banner-content .banner-content-right .banner-content-right-bottom .text-group p .text-small {
                  font-size: 9px;
                  letter-spacing: 1.5px; } }
        .banner .banner-content .banner-content-right .banner-content-right-bottom .arrow-icon {
          margin-right: 20px; }
          @media (max-width: 480px) {
            .banner .banner-content .banner-content-right .banner-content-right-bottom .arrow-icon {
              margin-right: 10px; } }
          .banner .banner-content .banner-content-right .banner-content-right-bottom .arrow-icon img {
            width: 75px;
            height: 60px; }
            @media (max-width: 480px) {
              .banner .banner-content .banner-content-right .banner-content-right-bottom .arrow-icon img {
                width: 45px;
                height: 38px; } }

/*===========================
    TopView 
===========================*/
.top-view {
  display: block;
  position: relative; }
  @media (max-width: 480px) {
    .top-view {
      overflow: hidden; } }
  .top-view .top-scroll {
    overflow: hidden; }
    .top-view .top-scroll .scroll-contents {
      display: flex;
      width: 200%; }
      @media (max-width: 480px) {
        .top-view .top-scroll .scroll-contents {
          width: 600%; } }
      .top-view .top-scroll .scroll-contents ul {
        display: flex; }
        .top-view .top-scroll .scroll-contents ul li img {
          width: 100%;
          height: auto; }
      .top-view .top-scroll .scroll-contents .first {
        animation: loop 50s -25s linear infinite; }
      .top-view .top-scroll .scroll-contents .second {
        animation: loop2 50s linear infinite; }
  .top-view .top-gray-bg {
    display: none; }
    @media (max-width: 480px) {
      .top-view .top-gray-bg {
        display: block;
        width: 100%;
        height: 260px;
        background-color: #E5E5E5;
        position: relative; } }
  .top-view .top-center-bg {
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
    @media (max-width: 480px) {
      .top-view .top-center-bg {
        width: 100%;
        top: 63%; } }
  .top-view .top-center-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
    @media (max-width: 480px) {
      .top-view .top-center-item {
        width: auto;
        margin: 0 auto;
        top: 71.5%; } }
    .top-view .top-center-item .main-text {
      text-align: center;
      font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
      font-weight: 600;
      font-style: normal; }
      @media (max-width: 480px) {
        .top-view .top-center-item .main-text {
          width: 100%;
          margin: 0 auto; } }
      .top-view .top-center-item .main-text p {
        font-weight: 700;
        font-size: 1.95vw;
        line-height: 2.5vw;
        letter-spacing: 2.5px;
        color: #333333; }
        @media (max-width: 480px) {
          .top-view .top-center-item .main-text p {
            font-size: 6vw;
            line-height: 34px;
            letter-spacing: 2px;
            margin-top: 18px; } }
    .top-view .top-center-item .sub-text {
      text-align: center;
      width: max-content;
      margin: 0 auto; }
      @media (max-width: 480px) {
        .top-view .top-center-item .sub-text {
          min-width: 260px;
          width: 100%; } }
      .top-view .top-center-item .sub-text p {
        font-weight: 700;
        font-size: 1.04vw;
        line-height: 1.8vw;
        letter-spacing: 0.30vw;
        margin-top: 0.25vw;
        color: #55A4FF; }
        @media (max-width: 480px) {
          .top-view .top-center-item .sub-text p {
            font-size: 4vw;
            line-height: 22px;
            letter-spacing: 3px;
            margin-top: 10%; } }
      .top-view .top-center-item .sub-text .red-text { color: #FF0000; }
  .top-view p {
    color: #808080;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1vw;
    float: right;
    letter-spacing: 1px;
    font-weight: 400; }
    @media (max-width: 480px) {
      .top-view p {
        font-size: 10px; } }

/*===========================
    1.Comments Area
===========================*/
.comment {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 100px;
  position: relative;
  background-color: #ffffff; }
  @media (max-width: 480px) {
    .comment {
      height: auto;
      margin-bottom: 20px; } }
  .comment .comment-content-title {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 70px; }
    @media (max-width: 480px) {
      .comment .comment-content-title {
        margin: 10% 0; } }
    .comment .comment-content-title p {
      font-size: 28px;
      color: #000000;
      line-height: 40px;
      font-weight: 700;
      letter-spacing: 7px; }
      @media (max-width: 480px) {
        .comment .comment-content-title p {
          margin: 0 auto;
          width: 70%;
          font-size: 24px;
          letter-spacing: 3px;
          line-height: 34px; } }
  .comment .comment-group {
    width: 1100px; }
    @media (max-width: 480px) {
      .comment .comment-group {
        width: 100%;
        padding: 0 20px; } }
    .comment .comment-group .comment-item {
      text-align: center; }
      @media (max-width: 480px) {
        .comment .comment-group .comment-item {
          margin-bottom: 30px; } }
      .comment .comment-group .comment-item img {
        width: 181.26px;
        height: 189.78px; }
        @media (max-width: 480px) {
          .comment .comment-group .comment-item img {
            width: 125px;
            height: 131px; } }
      .comment .comment-group .comment-item .comment-frame {
        margin-top: 20px;
        position: relative;
        display: inline-block;
        background-color: #603813;
        width: 230.41px;
        height: 119.57px;
        border-radius: 100px;
        display: flex; }
        @media (max-width: 480px) {
          .comment .comment-group .comment-item .comment-frame {
            margin-top: 15px;
            width: 100%;
            height: 82px; } }
        .comment .comment-group .comment-item .comment-frame.comment-frame::before {
          content: "";
          transform: scale(-1, -1);
          position: absolute;
          top: -30px;
          left: 25%;
          margin-left: -15px;
          border: 10px solid transparent;
          border-top: 27.5px solid #603813; }
          @media (max-width: 480px) {
            .comment .comment-group .comment-item .comment-frame.comment-frame::before {
              top: -20px;
              margin-left: -7.5px;
              border: 7.5px solid transparent;
              border-top: 15px solid #603813; } }
        .comment .comment-group .comment-item .comment-frame .comment-text {
          color: white;
          margin: auto;
          font-size: 18px; }
          @media (max-width: 480px) {
            .comment .comment-group .comment-item .comment-frame .comment-text {
              font-size: 12px;
              line-height: 18px;
              letter-spacing: 1px; } }

.message {
  display: inline-block;
  width: 100%;
  height: auto;
  position: relative; }
  .message .message-bg {
    margin: auto;
    overflow: hidden;
    position: absolute; }
    .message .message-bg img {
      height: 100%;
      display: inline-block; }
  .message .text-group {
    text-align: center;
    margin-top: 100px; }
    @media (max-width: 480px) {
      .message .text-group {
        margin-top: 50px; } }
    .message .text-group .title {
      font-size: 28px;
      color: #55A4FF;
      line-height: 40px;
      font-weight: 700;
      letter-spacing: 7px;
      margin-top: 30px;
      margin-bottom: 30px; }
      @media (max-width: 480px) {
        .message .text-group .title {
          width: 60%;
          margin: 0 auto;
          font-size: 23px;
          line-height: 34px;
          letter-spacing: 2px; } }
    .message .text-group .text {
      color: #000000;
      font-weight: 700;
      font-size: 18px;
      line-height: 32px;
      letter-spacing: 4px; }
      @media (max-width: 480px) {
        .message .text-group .text {
          width: 90%;
          margin: 0 auto;
          margin-top: 10px;
          font-size: 14px;
          line-height: 24px;
          letter-spacing: 1px;
          margin-bottom: 20px; } }
  .message .item-group {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1100px;
    height: 329px;
    margin: 0 auto;
    margin-bottom: 20px; }
    @media (max-width: 480px) {
      .message .item-group {
        width: auto;
        margin-bottom: 12.5%;
        height: auto; } }
    .message .item-group .item img {
      width: 235.75px;
      height: 235.75px; }
      @media (max-width: 480px) {
        .message .item-group .item img {
          height: 50%;
          min-width: 100px; } }

.main {
  display: inline-block;
  width: 100%;
  height: auto;
  position: relative;
  background-color: #ffffff; }
  @media (max-width: 480px) {
    .main {
      height: auto; } }
  .main .top-text {
    text-align: center;
    width: 100%;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 480px) {
      .main .top-text {
        margin-bottom: 30px;
        margin-top: 50px;
        height: 120px; } }
    @media (max-width: 480px) {
      .main .top-text .text-group {
        width: 80%; } }
    .main .top-text .text-group .main-text {
      font-weight: 700;
      font-size: 40px;
      color: #000000;
      letter-spacing: 5px;
      margin-top: 15px; }
      @media (max-width: 480px) {
        .main .top-text .text-group .main-text {
          font-size: 24px;
          line-height: 33px;
          margin-top: -10px; } }
      .main .top-text .text-group .main-text span {
        color: #55A4FF; }
  @media (max-width: 480px) {
    .main .content-frame {
      height: auto; } }
  .main .content-frame .content {
    height: 655px; }
    @media (max-width: 480px) {
      .main .content-frame .content {
        position: relative;
        height: auto; } }
    @media (max-width: 480px) {
      .main .content-frame .content .content-block {
        height: auto;
        padding: 20px;
        margin-top: 15px; } }
    .main .content-frame .content .content-block .bg-gray {
      width: 100%;
      height: 655px;
      background-color: #f2f2f2;
      position: absolute; }
      @media (max-width: 480px) {
        .main .content-frame .content .content-block .bg-gray {
          height: auto;
          width: 100%; } }
      .main .content-frame .content .content-block .bg-gray .delta-image {
        display: block; }
        @media (max-width: 480px) {
          .main .content-frame .content .content-block .bg-gray .delta-image {
            display: none; } }
    .main .content-frame .content .content-block .bg-white {
      width: 100%;
      height: 655px;
      position: absolute; }
    .main .content-frame .content .content-block .content-main {
      width: 100%;
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 655px;
      margin-top: 30px;
      padding: 0 15px; }
      @media (max-width: 480px) {
        .main .content-frame .content .content-block .content-main {
          padding: 0;
          height: auto;
          position: relative; } }
    .main .content-frame .content .content-block .content-main-2 {
      margin-top: 70px;}
      @media (max-width: 480px) {
        .main .content-frame .content .content-block .content-main-2 {
        margin-top: 30px;
      } }
      .main .content-frame .content .content-block .content-main .content-item {
        width: 900px; }
        @media (max-width: 480px) {
          .main .content-frame .content .content-block .content-main .content-item {
            width: 100%;
            height: auto; } }
        .main .content-frame .content .content-block .content-main .content-item .main-image {
          text-align: center;
          width: 100%;
          position: relative; }
          @media (max-width: 480px) {
            .main .content-frame .content .content-block .content-main .content-item .main-image {
              margin: 0 0 0 auto;
              margin-top: -20px;
              width: 272px;
              height: 272px;
              clear: both;
              display: block; } }
          .main .content-frame .content .content-block .content-main .content-item .main-image .special-middle-image {
            float: left;
            border: 1px #707070 solid;
            position: relative; }
          .main .content-frame .content .content-block .content-main .content-item .main-image .image-sp-only {
            margin-left: 10px;
            float: left;
            border: 1px #707070 solid;
            position: relative; }
        @media (max-width: 480px) {
          .main .content-frame .content .content-block .content-main .content-item .main-image-right {
            margin-left: 0px; } }
        .main .content-frame .content .content-block .content-main .content-item .pc-only {
          display: block; }
          @media (max-width: 480px) {
            .main .content-frame .content .content-block .content-main .content-item .pc-only {
              display: none; } }
        @media (max-width: 480px) {
          .main .content-frame .content .content-block .content-main .content-item .main-content {
            margin-top: 15px; } }
        .main .content-frame .content .content-block .content-main .content-item .main-content .middle-text-group {
          width: 425px;
          float: right;
          margin-left: 10px; }
          @media (max-width: 480px) {
            .main .content-frame .content .content-block .content-main .content-item .main-content .middle-text-group {
              width: 100%;
              margin-left: 0px;
              float: none; } }
          .main .content-frame .content .content-block .content-main .content-item .main-content .middle-text-group .middle-title {
            font-size: 24px;
            color: #55A4FF;
            text-align: left;
            letter-spacing: 1.5px;
            line-height: 38px;
            font-weight: 700; }
            @media (max-width: 480px) {
              .main .content-frame .content .content-block .content-main .content-item .main-content .middle-text-group .middle-title {
                margin-top: 5vw;
                font-size: 16px;
                line-height: 26px;
                letter-spacing: 1px; } }
          .main .content-frame .content .content-block .content-main .content-item .main-content .middle-text-group .middle-product-name {
            font-size: 20px;
            color: #000000;
            text-align: left;
            letter-spacing: 1.5px;
            line-height: 30px;
            margin-top: 5px;
            font-weight: 700; }
            @media (max-width: 480px) {
              .main .content-frame .content .content-block .content-main .content-item .main-content .middle-text-group .middle-product-name {
                font-size: 15px;
                line-height: 24px; } }
          .main .content-frame .content .content-block .content-main .content-item .main-content .middle-text-group .middle-product-price {
            font-size: 24px;
            color: #F05A24;
            text-align: left;
            letter-spacing: 1.5px;
            line-height: 38px;
            font-weight: 700; }
            @media (max-width: 480px) {
              .main .content-frame .content .content-block .content-main .content-item .main-content .middle-text-group .middle-product-price {
                font-size: 16px;
                line-height: 27px; } }
        .main .content-frame .content .content-block .content-main .content-item .main-content .middle-line {
          margin-top: 15px;
          float: right; }
        .main .content-frame .content .content-block .content-main .content-item .main-content .star-group {
          display: inline-block;
          width: 425px;
          float: right;
          margin-right: 10px;
          text-align: left;
          margin: 18px 0;
          letter-spacing: 1px; }
          @media (max-width: 480px) {
            .main .content-frame .content .content-block .content-main .content-item .main-content .star-group {
              width: 100%; } }
          .main .content-frame .content .content-block .content-main .content-item .main-content .star-group .star-list {
            color: #FAAF3B;
            font-size: 28px;
            font-weight: 700;
            float: left; }
            @media (max-width: 480px) {
              .main .content-frame .content .content-block .content-main .content-item .main-content .star-group .star-list {
                font-size: 24px; } }
            .main .content-frame .content .content-block .content-main .content-item .main-content .star-group .star-list span {
              color: #808080; }
          .main .content-frame .content .content-block .content-main .content-item .main-content .star-group .star-number {
            color: #FF0000;
            font-size: 28px;
            font-weight: 700;
            float: left;
            margin-left: 40px; }
            @media (max-width: 480px) {
              .main .content-frame .content .content-block .content-main .content-item .main-content .star-group .star-number {
                font-size: 24px; } }
        .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc {
          float: right;
          display: flex; }
          @media (max-width: 480px) {
            .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc {
              width: 100%;
              margin-bottom: 20px; } }
          .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .left, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .left {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin: auto;
            margin-right: 10px; }
            @media (max-width: 480px) {
              .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .left, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .left {
                text-align: center;
                margin-top: 0;
                width: 20%;
                margin-right: 7.5%; } }
            .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .left p, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .left p {
              font-family: 'Noto Sans JP', sans-serif;
              font-weight: 400;
              font-style: normal;
              text-align: center;
              width: 100px;
              font-size: 20.25px;
              color: #55A4FF;
              line-height: 22.63px;
              margin-bottom: 7.5px;
              margin-bottom: 20px; }
              @media (max-width: 480px) {
                .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .left p, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .left p {
                  margin-bottom: 5px;
                  font-size: 5vw; } }
          .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .right .voice-frame, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .right .voice-frame {
            position: relative;
            background-color: #55A4FF;
            padding: 15px;
            border-radius: 20px;
            width: 326px;
            display: flex; }
            @media (max-width: 480px) {
              .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .right .voice-frame, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .right .voice-frame {
                width: 100%; } }
            .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .right .voice-frame.voice-frame::before, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .right .voice-frame.voice-frame::before {
              content: "";
              position: absolute;
              width: 0;
              height: 0;
              left: -15px;
              top: 100px;
              border-right: 20px solid #55A4FF;
              border-top: 10px solid transparent;
              border-bottom: 10px solid transparent; }
              @media (max-width: 480px) {
                .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .right .voice-frame.voice-frame::before, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .right .voice-frame.voice-frame::before {
                  top: 80px; } }
            .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .right .voice-frame p, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .right .voice-frame p {
              font-family: 'Noto Sans JP', sans-serif;
              font-weight: 400;
              font-style: normal;
              color: white;
              text-align: left;
              width: 100%;
              display: -webkit-flex;
              display: flex;
              -webkit-align-items: center;
              align-items: center;
              -webkit-justify-content: center;
              justify-content: center; }
              @media (max-width: 480px) {
                .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .right .voice-frame p, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .right .voice-frame p {
                  font-size: 13px; } }
          .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .right .voice-min-frame, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .right .voice-min-frame {
            margin: auto; }
            .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group .right .voice-min-frame.voice-min-frame::before, .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc .right .voice-min-frame.voice-min-frame::before {
              top: 40%; }
        .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc {
          float: right;
          display: flex; }
          @media (max-width: 480px) {
            .main .content-frame .content .content-block .content-main .content-item .main-content .user-voice-group-pc {
              display: none; } }
        .main .content-frame .content .content-block .content-main .content-item .button {
          width: 100%;
          display: flex;
          justify-content: center; }
          @media (max-width: 480px) {
            .main .content-frame .content .content-block .content-main .content-item .button {
              margin: 20px 0;
              display: block; } }
          .main .content-frame .content .content-block .content-main .content-item .button .product-link-button {
            margin: 0 auto;
            margin-top: 30px;
            margin-bottom: 30px; }
            @media (max-width: 480px) {
              .main .content-frame .content .content-block .content-main .content-item .button .product-link-button .arrow-icon {
                margin-left: 4vw; } }
            @media (max-width: 480px) {
              .main .content-frame .content .content-block .content-main .content-item .button .product-link-button .arrow-icon img {
                width: 40px;
                height: 40px; } }
            @media (max-width: 480px) {
              .main .content-frame .content .content-block .content-main .content-item .button .product-link-button p {
                font-size: 4.5vw;
                letter-spacing: 1px; } }
        .main .content-frame .content .content-block .content-main .content-item .cotent-top-text-group {
          margin-top: -40px; }
          .main .content-frame .content .content-block .content-main .content-item .cotent-top-text-group .content-title {
            font-weight: 700;
            font-size: 24px;
            letter-spacing: 2.5px;
            color: #ffffff; }
          .main .content-frame .content .content-block .content-main .content-item .cotent-top-text-group .content-text {
            text-align: left;
            font-weight: 400;
            font-size: 19px;
            color: #ffffff;
            margin-top: 30px; }
        .main .content-frame .content .content-block .content-main .content-item .cotent-text-group {
          margin-bottom: 45px; }
          .main .content-frame .content .content-block .content-main .content-item .cotent-text-group .content-title {
            font-family: sofia-pro, sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 45px;
            margin-bottom: 20px;
            color: #ffffff; }
          .main .content-frame .content .content-block .content-main .content-item .cotent-text-group .content-text {
            font-weight: 700;
            font-size: 19px;
            color: #ffffff;
            letter-spacing: 2.5px; }
      .main .content-frame .content .content-block .content-main .content-item-half {
        float: left;
        width: 425px;
        margin-right: 50px; }
        @media (max-width: 480px) {
          .main .content-frame .content .content-block .content-main .content-item-half {
            display: inline-block; } }
    .main .content-frame .content .number-frame {
      width: 100%;
      text-align: center;
      position: relative;
      margin: 0 auto; }
      @media (max-width: 480px) {
        .main .content-frame .content .number-frame {
          margin: 0 15px;
          top: 0;
          position: absolute; } }
      .main .content-frame .content .number-frame .content-number {
        text-align: start;
        margin: 0 auto;
        width: 1100px; }
        @media (max-width: 480px) {
          .main .content-frame .content .number-frame .content-number {
            width: 100%; } }
        .main .content-frame .content .number-frame .content-number img {
          margin-top: -25px; }
          @media (max-width: 480px) {
            .main .content-frame .content .number-frame .content-number img {
              height: 80px; } }
        .main .content-frame .content .number-frame .content-number .right-number {
          display: block; }
          @media (max-width: 480px) {
            .main .content-frame .content .number-frame .content-number .right-number {
              display: none; } }
        @media (max-width: 480px) {
          .main .content-frame .content .number-frame .content-number .img-size {
            width: 120px; } }
  @media (max-width: 480px) {
    .main .content-frame .number-frame-right {
      width: 100%;
      text-align: end;
      margin-left: 0; } }
  .main .pc-only {
    display: block; }
    @media (max-width: 480px) {
      .main .pc-only {
        display: none; } }
  .main .sp-only {
    display: none; }
    @media (max-width: 480px) {
      .main .sp-only {
        display: block; } }

.new-style {
  display: inline-block;
  width: 100%;
  position: relative;
  background-color: #ffffff;
  height: auto;
  margin-bottom: 50px; }
  @media (max-width: 480px) {
    .new-style {
      height: auto;
      margin-bottom: 40px; } }
  .new-style .top-text {
    text-align: center;
    width: 100%;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 480px) {
      .new-style .top-text {
        height: 150px;
        margin: 0 auto; } }
    .new-style .top-text .text-group {
      margin-top: 28px; }
      @media (max-width: 480px) {
        .new-style .top-text .text-group {
          margin-top: 30px; } }
      .new-style .top-text .text-group .week-text {
        color: #E5F1FF;
        line-height: 20px; }
        @media (max-width: 480px) {
          .new-style .top-text .text-group .week-text {
            font-size: 12vw;
            line-height: 40px;
            letter-spacing: 3px; } }
      .new-style .top-text .text-group .main-text {
        font-weight: 700;
        font-size: 40px;
        color: #000000;
        letter-spacing: 5px;
        position: relative;
        display: inline-block;
        padding: 0 55px; }
        @media (max-width: 480px) {
          .new-style .top-text .text-group .main-text {
            font-size: 5.5vw;
            line-height: 33px;
            margin-top: -10px;
            padding: 0;
            letter-spacing: 2px; } }
      .new-style .top-text .text-group .main-text:before, .new-style .top-text .text-group .main-text:after {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 100px;
        height: 1px;
        background-color: #707070; }
        @media (max-width: 480px) {
          .new-style .top-text .text-group .main-text:before, .new-style .top-text .text-group .main-text:after {
            display: none; } }
      .new-style .top-text .text-group .main-text:before {
        left: 0;
        margin-left: -180px; }
      .new-style .top-text .text-group .main-text:after {
        right: 0;
        margin-right: -180px; }
  .new-style .content-frame {
    width: 1100px;
    text-align: center;
    border-width: 10px;
    border-right: 1px solid #707070;
    border-left: 1px solid #707070;
    border-bottom: 1px solid #707070;
    margin: 0 auto;
    margin-top: -96px; }
    @media (max-width: 480px) {
      .new-style .content-frame {
        width: 92%;
        height: auto;
        padding: 15px;
        margin-top: -40px; } }
    .new-style .content-frame .content-area {
      margin-bottom: 50px; }
      @media (max-width: 480px) {
        .new-style .content-frame .content-area {
          margin-bottom: 20px; } }
      .new-style .content-frame .content-area .content-area-top {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        padding-top: 50px; }
        .new-style .content-frame .content-area .content-area-top .area-left {
          margin-top: 50px;
          text-align: left; }
          @media (max-width: 480px) {
            .new-style .content-frame .content-area .content-area-top .area-left {
              width: 100%;
              padding: 0 10px;
              order: 1;
              margin-top: 20px; } }
          .new-style .content-frame .content-area .content-area-top .area-left .text-top {
            width: 440px;
            font-size: 26px;
            line-height: 40px;
            color: #55A4FF;
            font-weight: 700;
            margin-bottom: 15px;
            letter-spacing: 1.5px; }
            @media (max-width: 480px) {
              .new-style .content-frame .content-area .content-area-top .area-left .text-top {
                margin-bottom: 10px;
                font-size: 18px;
                line-height: 27px;
                width: auto; } }
          .new-style .content-frame .content-area .content-area-top .area-left .text-middle {
            width: 406px;
            font-size: 18px;
            line-height: 30px;
            color: #000000;
            font-weight: 700;
            margin-bottom: 15px; }
            @media (max-width: 480px) {
              .new-style .content-frame .content-area .content-area-top .area-left .text-middle {
                font-size: 14px;
                line-height: 25px;
                margin-bottom: 10px;
                width: auto; } }
          .new-style .content-frame .content-area .content-area-top .area-left .text-bottom {
            width: 483px;
            font-size: 22px;
            line-height: 35px;
            color: #55A4FF;
            font-weight: 700;
            letter-spacing: 0.85px; }
            @media (max-width: 480px) {
              .new-style .content-frame .content-area .content-area-top .area-left .text-bottom {
                font-size: 15px;
                line-height: 24px;
                width: auto; } }
        .new-style .content-frame .content-area .content-area-top .area-right {
          position: relative; }
          @media (max-width: 480px) {
            .new-style .content-frame .content-area .content-area-top .area-right {
              margin-top: 20px; } }
          .new-style .content-frame .content-area .content-area-top .area-right p {
            width: 138px;
            position: absolute;
            top: 0;
            left: 0;
            color: white;
            margin-left: 15px;
            margin-top: 40px;
            font-weight: 700;
            letter-spacing: 0.5px;
            line-height: 23px;
            font-size: 13px; }
            @media (max-width: 480px) {
              .new-style .content-frame .content-area .content-area-top .area-right p {
                font-size: 2vw;
                line-height: 14px;
                width: 32%;
                width: 28%;
                margin-left: 6vw;
                margin-top: 8vw; } }
      .new-style .content-frame .content-area .content-area-bottom .content-item-group {
        margin-top: 40px;
        text-align: left;
        display: flex;
        justify-content: center; }
        @media (max-width: 480px) {
          .new-style .content-frame .content-area .content-area-bottom .content-item-group {
            margin-top: 20px;
            display: block;
            text-align: center;
            padding: 0 10px; } }
        .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item {
          width: 422px; }
          @media (max-width: 480px) {
            .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item {
              width: 100%; } }
          .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item img {
            margin-top: 29.13px; }
            @media (max-width: 480px) {
              .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item img {
                margin-top: 0; } }
          .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-explanation {
            height: 114px;
            width: 422px;
            margin-top: 15px;
            margin-bottom: 5px; }
            @media (max-width: 480px) {
              .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-explanation {
                width: 100%;
                height: auto; } }
            .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-explanation p {
              font-size: 24px;
              line-height: 38px;
              color: #55A4FF;
              font-weight: 700; }
              @media (max-width: 480px) {
                .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-explanation p {
                  font-size: 17px;
                  line-height: 26px;
                  text-align: left; } }
          .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-name {
            font-size: 20px;
            font-weight: 700;
            margin-bottom: 10px; }
            @media (max-width: 480px) {
              .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-name {
                font-size: 15px;
                line-height: 24px;
                text-align: left;
                margin-bottom: 0px; } }
          .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-price {
            font-size: 24px;
            color: #F05A24;
            font-weight: 700;
            margin-bottom: 10px; }
            @media (max-width: 480px) {
              .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-price {
                font-size: 17px;
                line-height: 37px;
                text-align: left;
                margin-bottom: 0px; } }
          .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .star-group {
            width: 250px;
            letter-spacing: 1px;
            display: flex;
            margin: 15px 0; }
            @media (max-width: 480px) {
              .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .star-group {
                margin-top: 5px;
                margin-bottom: 10px; } }
            .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .star-group .star-list {
              color: #FAAF3B;
              font-size: 26px;
              font-weight: 700;
              float: left; }
              @media (max-width: 480px) {
                .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .star-group .star-list {
                  font-size: 22px; } }
              .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .star-group .star-list span {
                color: #808080; }
            .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .star-group .star-number {
              color: #FF0000;
              font-size: 26px;
              font-weight: 700;
              float: left;
              margin-left: 40px; }
          .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-link-button {
            background-color: #F6921E;
            width: 350px;
            height: 60.97px;
            border-radius: 50px;
            display: flex;
            display: -webkit-flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: flex-end; }
            @media (max-width: 480px) {
              .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-link-button {
                max-width: 300px;
                width: auto;
                height: 50px;
                margin-bottom: 20px;
                margin: 0 auto; } }
            .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-link-button p {
              color: #ffffff;
              font-size: 22.66px;
              text-align: center;
              font-weight: 700;
              letter-spacing: 3px; }
              @media (max-width: 480px) {
                .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-link-button p {
                  font-size: 4.5vw;
                  letter-spacing: 1px; } }
            .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-link-button .arrow-icon {
              margin-left: 5px;
              margin-right: 10px; }
              @media (max-width: 480px) {
                .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-link-button .arrow-icon {
                  margin-left: 4vw; } }
              .new-style .content-frame .content-area .content-area-bottom .content-item-group .content-item .product-link-button .arrow-icon img {
                margin-top: 0;
                width: 45px;
                height: 45px; }
        .new-style .content-frame .content-area .content-area-bottom .content-item-group .center-img {
          margin-top: 175px; }
          @media (max-width: 480px) {
            .new-style .content-frame .content-area .content-area-bottom .content-item-group .center-img {
              margin: 20px auto;
              width: 50px;
              height: 50px;
              text-align: center; } }

.special {
  width: 100%;
  position: relative; }
  @media (max-width: 480px) {
    .special {
      height: auto;
      background-color: #534741; } }
  .special .special-bg {
    margin: auto;
    overflow: hidden;
    position: absolute; }
    .special .special-bg img {
      height: 100%;
      display: inline-block; }
      @media (max-width: 480px) {
        .special .special-bg img {
          height: auto; } }
  .special .top-text {
    padding-top: 40px;
    text-align: center;
    width: 100%;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px; }
    @media (max-width: 480px) {
      .special .top-text {
        height: 200px; } }
    .special .top-text .text-group .week-text {
      color: #FFFFFF;
      opacity: 0.2; }
    .special .top-text .text-group .sub-text {
      margin-top: 7.5px;
      font-weight: 700;
      font-size: 30px;
      color: #FFFFFF;
      letter-spacing: 5px;
      opacity: 0.9; }
      @media (max-width: 480px) {
        .special .top-text .text-group .sub-text {
          width: 216px;
          margin: 0 auto;
          font-size: 18px;
          margin-top: -15px;
          letter-spacing: 2px;
          line-height: 24px; } }
    .special .top-text .text-group .main-text {
      font-weight: 700;
      font-size: 40px;
      color: #FFFFFF;
      letter-spacing: 5px;
      opacity: 0.9;
      margin-top: 12.5px; }
      @media (max-width: 480px) {
        .special .top-text .text-group .main-text {
          width: 250px;
          margin: 0 auto;
          font-size: 24px;
          letter-spacing: 2px; } }
  .special .special {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    margin-bottom: 80px; }
    @media (max-width: 480px) {
      .special .special {
        width: 100%;
        margin-bottom: 0px;
        padding-bottom: 40px; } }
    .special .special .fourth-content-frame {
      text-align: center;
      width: 100%;
      margin-bottom: 45px; }
      @media (max-width: 480px) {
        .special .special .fourth-content-frame {
          margin-top: 20px;
          padding: 0 20px;
          margin-bottom: 0; } }
      .special .special .fourth-content-frame .fourth-content-bg {
        margin: auto;
        overflow: hidden;
        position: absolute; }
        .special .special .fourth-content-frame .fourth-content-bg img {
          height: 100%;
          display: inline-block; }
          @media (max-width: 480px) {
            .special .special .fourth-content-frame .fourth-content-bg img {
              height: auto; } }
      .special .special .fourth-content-frame .special-middle-image {
        float: left; }
      .special .special .fourth-content-frame .middle-text-group {
        width: 440px;
        float: right;
        margin-right: 10px;
        margin-top: 10px; }
        @media (max-width: 480px) {
          .special .special .fourth-content-frame .middle-text-group {
            width: auto;
            margin-right: 0px; } }
        .special .special .fourth-content-frame .middle-text-group .middle-title {
          font-size: 24px;
          color: white;
          text-align: left;
          letter-spacing: 1.5px;
          line-height: 38px;
          font-weight: 700; }
          @media (max-width: 480px) {
            .special .special .fourth-content-frame .middle-text-group .middle-title {
              font-size: 17px;
              line-height: 26px; } }
        .special .special .fourth-content-frame .middle-text-group .middle-product-name {
          font-size: 20px;
          color: white;
          text-align: left;
          letter-spacing: 1.5px;
          line-height: 30px;
          margin-top: 10px;
          font-weight: 700; }
          @media (max-width: 480px) {
            .special .special .fourth-content-frame .middle-text-group .middle-product-name {
              font-size: 15px;
              line-height: 24px; } }
        .special .special .fourth-content-frame .middle-text-group .middle-product-price {
          font-size: 24px;
          color: #FFFF00;
          text-align: left;
          letter-spacing: 1.5px;
          line-height: 38px;
          font-weight: 700; }
          @media (max-width: 480px) {
            .special .special .fourth-content-frame .middle-text-group .middle-product-price {
              font-size: 16px;
              line-height: 37px; } }
      .special .special .fourth-content-frame .middle-line {
        width: 440px;
        float: right;
        margin-right: 10px;
        margin-top: 10px; }
        @media (max-width: 480px) {
          .special .special .fourth-content-frame .middle-line {
            margin: 0 auto;
            margin-top: 10px; } }
      .special .special .fourth-content-frame .middle-icon {
        float: left;
        position: absolute;
        left: 0;
        margin-left: 250px;
        margin-top: 220px; }
        @media (max-width: 480px) {
          .special .special .fourth-content-frame .middle-icon {
            position: relative;
            margin: 0;
            margin-top: 10px; } }
      .special .special .fourth-content-frame .user-voice-group {
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        font-style: normal;
        width: 440px;
        margin-right: 20px;
        float: right;
        display: flex; }
        @media (max-width: 480px) {
          .special .special .fourth-content-frame .user-voice-group {
            width: 100%;
            margin-right: 0px;
            display: none; } }
        .special .special .fourth-content-frame .user-voice-group .left {
          display: flex;
          flex-direction: column;
          align-items: center;
          margin: auto;
          margin-right: 10px; }
          @media (max-width: 480px) {
            .special .special .fourth-content-frame .user-voice-group .left {
              text-align: center;
              margin-top: 0px;
              text-align: center;
              margin-top: 0;
              width: 20%;
              margin-right: 7.5%; } }
          .special .special .fourth-content-frame .user-voice-group .left p {
            text-align: center;
            width: 100px;
            font-size: 20.25px;
            color: #55A4FF;
            line-height: 22.63px;
            margin-bottom: 7.5px;
            margin-bottom: 20px; }
            @media (max-width: 480px) {
              .special .special .fourth-content-frame .user-voice-group .left p {
                margin-bottom: 5px;
                font-size: 5vw; } }
        .special .special .fourth-content-frame .user-voice-group .right .voice-frame {
          position: relative;
          background-color: #55A4FF;
          padding: 15px;
          border-radius: 20px;
          width: 326px;
          display: flex; }
          @media (max-width: 480px) {
            .special .special .fourth-content-frame .user-voice-group .right .voice-frame {
              width: 100%; } }
          .special .special .fourth-content-frame .user-voice-group .right .voice-frame.voice-frame::before {
            content: "";
            position: absolute;
            width: 0;
            height: 0;
            left: -15px;
            top: 100px;
            border-right: 20px solid #55A4FF;
            border-top: 10px solid transparent;
            border-bottom: 10px solid transparent; }
          .special .special .fourth-content-frame .user-voice-group .right .voice-frame p {
            color: white;
            text-align: left;
            width: 100%;
            display: -webkit-flex;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: center; }
            @media (max-width: 480px) {
              .special .special .fourth-content-frame .user-voice-group .right .voice-frame p {
                font-size: 13px; } }
      .special .special .fourth-content-frame .star-group {
        display: inline-block;
        width: 450px;
        float: right;
        margin-right: 10px;
        text-align: left;
        margin: 18px 0;
        letter-spacing: 1px; }
        @media (max-width: 480px) {
          .special .special .fourth-content-frame .star-group {
            width: auto;
            float: left;
            margin: 0; } }
        .special .special .fourth-content-frame .star-group .star-list {
          color: #FBED21;
          font-size: 28px;
          font-weight: 700;
          float: left; }
          @media (max-width: 480px) {
            .special .special .fourth-content-frame .star-group .star-list {
              font-size: 25px;
              margin: 15px 0; } }
          .special .special .fourth-content-frame .star-group .star-list span {
            color: #e5e5e5; }
        .special .special .fourth-content-frame .star-group .star-number {
          color: #FBED21;
          font-size: 28px;
          font-weight: 700;
          float: left;
          margin-left: 40px; }
          @media (max-width: 480px) {
            .special .special .fourth-content-frame .star-group .star-number {
              font-size: 25px;
              margin: 15px 0; } }
      .special .special .fourth-content-frame .product-link-button {
        margin-top: 50px;
        background-color: #FFFF00;
        width: 350px;
        height: 60.69px;
        border-radius: 50px;
        display: inline-flex;
        display: -webkit-inline-flex;
        -webkit-align-items: center;
        align-items: center;
        -webkit-justify-content: -webkit-flex-end;
        justify-content: flex-end; }
        @media (max-width: 480px) {
          .special .special .fourth-content-frame .product-link-button {
            width: 300px;
            margin-top: 20px;
            height: 50px; } }
        .special .special .fourth-content-frame .product-link-button p {
          color: #55A3FF;
          font-size: 18.1px;
          text-align: center;
          font-weight: 700;
          letter-spacing: 3px; }
          @media (max-width: 480px) {
            .special .special .fourth-content-frame .product-link-button p {
              font-size: 16px; } }
        .special .special .fourth-content-frame .product-link-button .arrow-icon {
          margin-left: 30px;
          margin-right: 10px; }
          .special .special .fourth-content-frame .product-link-button .arrow-icon img {
            width: 35px;
            height: 35px; }
      .special .special .fourth-content-frame .cotent-top-text-group {
        margin-top: -40px; }
        .special .special .fourth-content-frame .cotent-top-text-group .content-title {
          font-family: sofia-pro, sans-serif;
          font-weight: 700;
          font-style: normal;
          font-size: 24px;
          letter-spacing: 2.5px;
          color: #ffffff; }
          @media (max-width: 480px) {
            .special .special .fourth-content-frame .cotent-top-text-group .content-title {
              font-size: 18px;
              line-height: 28px;
              width: 300px;
              margin: 0 auto; } }
        .special .special .fourth-content-frame .cotent-top-text-group .content-text {
          font-family: 'Noto Sans JP', sans-serif;
          font-weight: 400;
          font-style: normal;
          text-align: left;
          font-weight: 400;
          font-size: 19px;
          color: #ffffff;
          margin-top: 30px; }
          @media (max-width: 480px) {
            .special .special .fourth-content-frame .cotent-top-text-group .content-text {
              margin-top: 10px;
              font-size: 15px;
              line-height: 25px; } }
      .special .special .fourth-content-frame .cotent-text-group {
        margin-bottom: 45px; }
        .special .special .fourth-content-frame .cotent-text-group .content-title {
          font-weight: 700;
          font-size: 45px;
          margin-bottom: 20px;
          color: #ffffff;
          font-family: sofia-pro, sans-serif;
          font-weight: 700;
          font-style: normal; }
        .special .special .fourth-content-frame .cotent-text-group .content-text {
          font-weight: 700;
          font-size: 19px;
          color: #ffffff;
          letter-spacing: 2.5px; }
      .special .special .fourth-content-frame .content-item-group {
        width: 1100px;
        display: flex;
        margin-top: 50px;
        text-align: left; }

@media (max-width: 480px) {
  .special .special .fourth-content-frame .content-item-group {
    margin: 0 auto;
    padding: 0;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch; } }
        .special .special .fourth-content-frame .content-item-group .content-item {
          width: 305px; }

@media (max-width: 480px) {
  .special .special .fourth-content-frame .content-item-group .content-item {
    display: inline-block;
    list-style: none;
    margin-top: 20px;
    padding-left: 20px;
    margin: 0px; } }

@media (max-width: 480px) {
  .special .special .fourth-content-frame .content-item-group .content-item img {
    height: max-content; } }
          .special .special .fourth-content-frame .content-item-group .content-item .banner-content-right-top {
            display: flex;
            justify-content: center;
            margin-bottom: 15px; }

@media (max-width: 480px) {
  .special .special .fourth-content-frame .content-item-group .content-item .banner-content-right-top {
    width: 270px; } }
            .special .special .fourth-content-frame .content-item-group .content-item .banner-content-right-top p {
              color: #FFFF00;
              font-weight: 700;
              font-size: 17px;
              margin: 0 5px;
              padding-top: 10px;
              letter-spacing: 2px; }
          .special .special .fourth-content-frame .content-item-group .content-item .product-name {
            font-size: 20px;
            margin-top: 10px;
            margin-bottom: 5px;
            font-weight: 700;
            line-height: 30px;
            height: 60px;
            letter-spacing: 1px;
            color: #ffffff; }

@media (max-width: 480px) {
  .special .special .fourth-content-frame .content-item-group .content-item .product-name {
    font-size: 17px;
    white-space: break-spaces; } }
          .special .special .fourth-content-frame .content-item-group .content-item .product-price {
            font-size: 22px;
            color: #FFFF00;
            font-weight: 700;
            margin-bottom: 15px; }

@media (max-width: 480px) {
  .special .special .fourth-content-frame .content-item-group .content-item .product-price {
    font-size: 16px;
    white-space: break-spaces; } }
          .special .special .fourth-content-frame .content-item-group .content-item .product-link-button {
            margin-top: 25px;
            background-color: #FFFF00;
            width: 100%;
            height: 53.3px;
            border-radius: 50px;
            display: flex;
            display: -webkit-flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: flex-end; }
            .special .special .fourth-content-frame .content-item-group .content-item .product-link-button p {
              color: #55A3FF;
              font-size: 18.1px;
              text-align: center;
              font-weight: 700;
              letter-spacing: 3px; }
            .special .special .fourth-content-frame .content-item-group .content-item .product-link-button .arrow-icon {
              margin-left: 10px;
              margin-right: 10px; }
              .special .special .fourth-content-frame .content-item-group .content-item .product-link-button .arrow-icon img {
                width: 35px;
                height: 35px; }
        @media (max-width: 480px) {
          .special .special .fourth-content-frame .content-item-group .delete-padding {
            padding: 0; } }
      .special .special .fourth-content-frame .display-type {
        display: contents; }

@media (max-width: 480px) {
  .special .special .fourth-content-frame .display-type {
    display: flex; } }
  @media (max-width: 480px) {
    .special .add-padding {
      padding: 0 20px; } }

.recommend {
  display: inline-block;
  width: 100%;
  position: relative;
  background-color: #ffffff;
  margin-bottom: 30px; }
  @media (max-width: 480px) {
    .recommend {
      height: auto; } }
  .recommend .top-text {
    text-align: center;
    width: 100%;
    height: 240px;
    display: flex;
    justify-content: center;
    align-items: center; }
    @media (max-width: 480px) {
      .recommend .top-text {
        margin-top: 50px;
        height: 120px; } }
    .recommend .top-text .text-group .main-text {
      font-weight: 700;
      font-size: 40px;
      color: #000000;
      letter-spacing: 5px; }
      @media (max-width: 480px) {
        .recommend .top-text .text-group .main-text {
          font-size: 24px;
          line-height: 33px;
          margin-top: -10px;
          margin: 0 auto; } }
      .recommend .top-text .text-group .main-text span {
        color: #55A4FF; }
  .recommend .recommend-content {
    width: 1000px;
    margin: 0 auto;
    display: flex;
    flex-flow: column; }
    @media (max-width: 480px) {
      .recommend .recommend-content {
        width: 100%; } }
    .recommend .recommend-content .recommend-content-frame {
      background-color: #ffffff;
      text-align: center;
      width: 100%;
      margin-bottom: 20px;
      height: auto; }
      @media (max-width: 480px) {
        .recommend .recommend-content .recommend-content-frame {
          margin-bottom: 0px;
          height: auto; } }
      @media (max-width: 480px) {
        .recommend .recommend-content .recommend-content-frame .cotent-text-group {
          margin-bottom: 10px; } }
      .recommend .recommend-content .recommend-content-frame .cotent-text-group .content-title {
        font-family: sofia-pro, sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 45px;
        margin: 20px 0;
        color: #55A4FF; }
        @media (max-width: 480px) {
          .recommend .recommend-content .recommend-content-frame .cotent-text-group .content-title {
            font-size: 30px; } }
      .recommend .recommend-content .recommend-content-frame .cotent-text-group .content-text {
        font-weight: 700;
        font-size: 19px;
        color: #000000; }
        @media (max-width: 480px) {
          .recommend .recommend-content .recommend-content-frame .cotent-text-group .content-text {
            margin: 0 20px;
            font-size: 18px; } }
      .recommend .recommend-content .recommend-content-frame .content-item-group {
        display: flex;
        margin-top: 40px;
        text-align: left; }

@media (max-width: 480px) {
  .recommend .recommend-content .recommend-content-frame .content-item-group {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    overflow-x: auto;
    white-space: nowrap;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch; } }
        .recommend .recommend-content .recommend-content-frame .content-item-group .content-item {
          width: 306.67px;
          margin-right: 30px; }

@media (max-width: 480px) {
  .recommend .recommend-content .recommend-content-frame .content-item-group .content-item {
    display: inline-block;
    list-style: none;
    margin-top: 20px;
    padding-left: 20px;
    margin: 0px; } }

@media (max-width: 480px) {
  .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .main-image {
    height: 200px; } }
          .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-name {
            font-size: 18px;
            margin-top: 15px;
            font-weight: 700;
            line-height: 35px; }

@media (max-width: 480px) {
  .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-name {
    font-size: 17px;
    line-height: 26px;
    white-space: break-spaces; } }
          .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-price {
            font-size: 22px;
            color: #F05A24;
            font-weight: 700; }

@media (max-width: 480px) {
  .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-price {
    font-size: 18px;
    line-height: 32px; } }
          .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-explanation {
            height: 81.68px;
            margin-bottom: 10px; }
            @media (max-width: 480px) {
              .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-explanation {
                height: auto; } }
            .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-explanation p {
              font-size: 17px; }
              @media (max-width: 480px) {
                .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-explanation p {
                  font-size: 15px;
                  white-space: break-spaces;
                  font-family: 'Noto Sans JP', sans-serif;
                  font-weight: 400;
                  font-style: normal; } }
          .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-explanation-2 {
            height: 109.12px;
            margin-bottom: 12.5px; }
            @media (max-width: 480px) {
              .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-explanation-2 {
                height: 80px; } }
            .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-explanation-2 p {
              font-size: 17px; }
              @media (max-width: 480px) {
                .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-explanation-2 p {
                  font-family: 'Noto Sans JP', sans-serif;
                  font-weight: 400;
                  font-style: normal;
                  font-size: 15px;
                  height: auto;
                  white-space: break-spaces; } }
          .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-icon {
            margin-bottom: 22.5px; }
          .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-link-button {
            background-color: #534741;
            width: 100%;
            height: 50px;
            border-radius: 50px;
            display: flex;
            display: -webkit-flex;
            -webkit-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            justify-content: flex-end; }
            @media (max-width: 480px) {
              .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-link-button {
                width: 284px;
                padding: 0 2vw; } }
            .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-link-button p {
              color: #ffffff;
              font-size: 18.1px;
              text-align: center;
              font-weight: 700;
              letter-spacing: 3px;
              margin-right: 10px; }
              @media (max-width: 480px) {
                .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-link-button p {
                  font-size: 4.5vw;
                  letter-spacing: 1px;
                  margin-right: 15px; } }
            .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-link-button .arrow-icon {
              margin-left: 10px;
              margin-right: 10px; }
              @media (max-width: 480px) {
                .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-link-button .arrow-icon {
                  margin-left: 0px; } }
              .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-link-button .arrow-icon img {
                width: 30px;
                height: 30px; }
                @media (max-width: 480px) {
                  .recommend .recommend-content .recommend-content-frame .content-item-group .content-item .product-link-button .arrow-icon img {
                    height: 30px;
                    width: 30px; } }
    .recommend .recommend-content hr {
      border-color: #808080;
      margin-top: 40px;
      margin-bottom: 20px; }

.margin-60 {
  margin-top: 60px; }
  @media (max-width: 480px) {
    .margin-60 {
      margin-top: 0px; } }

.week-text {
  font-family: sofia-pro, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 90px;
  color: #E5F1FF; }
  @media (max-width: 480px) {
    .week-text {
      font-size: 50px; } }

.pc-none {
  display: none; }
  @media (max-width: 480px) {
    .pc-none {
      display: block;
      margin: 0 auto; } }

.pc-only {
  display: block; }
  @media (max-width: 480px) {
    .pc-only {
      display: none; } }

.sp-none {
  display: block; }
  @media (max-width: 480px) {
    .sp-none {
      display: none; } }

.sp-block {
  display: block; }

.fade {
  animation: fadeIn 0.2s ease-in 10s 1 normal;
  -webkit-animation: fadeIn 2s ease-in 0s 1 normal; }

@keyframes fadeIn {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }

@keyframes loop {
  0% {
    transform: translateX(100%);
    @media (max-width: 480px) {} }
  to {
    transform: translateX(-100%);
    @media (max-width: 480px) {} } }

@keyframes loop2 {
  0% {
    transform: translateX(0);
    @media (max-width: 480px) {} }
  to {
    transform: translateX(-200%);
    @media (max-width: 480px) {} } }

.margin-right {
  margin-right: 42.5px; }

@media (max-width: 480px) {
  .margin-right {
    margin-right: 10px; } }

.swipe {
  display: none; }
  @media (max-width: 480px) {
    .swipe {
      display: block;
      width: 100%; } }
  .swipe .swipe-text {
    color: #e5e5e5;
    float: right;
    margin: 0 20px;
    font-size: 20px;
    font-family: sofia-pro, sans-serif;
    font-weight: 700;
    font-style: normal; }

.item-margin-top {
  margin-top: 40px; }
  @media (max-width: 480px) {
    .item-margin-top {
      margin-top: 75px; } }

#photo img {
  width: 100px;
  height: 100px; }

@keyframes infinity-loop {
  from {
    transform: translateX(0%); }
  to {
    transform: translateX(200%); } }

.show {
  transition: 1s;
  opacity: 0; }

.underbar-sp-none {
  display: block;
  border-color: white;
  width: 100%;
  margin-top: 50px; }
  @media (max-width: 480px) {
    .underbar-sp-none {
      display: none; } }

.review-button {
  display: none; }
  @media (max-width: 480px) {
    .review-button {
      display: block;
      width: 100%;
      border: none;
      border-radius: 1px;
      background-color: #CBCBCB;
      margin-bottom: 20px;
      cursor: pointer;
      transition: all 0.3s ease 0s; }
      .review-button :hover {
        opacity: 0.8; } }
  .review-button p {
    display: none; }
    @media (max-width: 480px) {
      .review-button p {
        display: block;
        color: #534741;
        font-size: 15px;
        height: 35px;
        line-height: 35px;
        font-weight: 700;
        letter-spacing: 1px; }
        .review-button p span {
          margin-left: 5px; } }

.new-style-margin {
  margin-right: -22px;
  display: block; }
  @media (max-width: 480px) {
    .new-style-margin {
      display: block;
      margin-right: 0px; } }

.product-link-button {
  background-color: #F6921E;
  width: 350px;
  height: 60.97px;
  border-radius: 50px;
  display: flex;
  display: -webkit-flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: flex-end;
  cursor: pointer;
  transition: background-color 1s; }
  @media (max-width: 480px) {
    .product-link-button {
      max-width: 300px;
      width: 100%;
      height: 50px;
      margin-bottom: 20px; } }
  .product-link-button p {
    color: #ffffff;
    font-size: 22.66px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 3px; }
    @media (max-width: 480px) {
      .product-link-button p {
        font-size: 18px; } }
  .product-link-button .arrow-icon {
    margin-left: 10px;
    margin-right: 10px; }
    .product-link-button .arrow-icon img {
      width: 42.5px;
      height: 42.5px; }
      @media (max-width: 480px) {
        .product-link-button .arrow-icon img {
          width: 30px;
          height: 30px; } }

.product-link-button :hover {
  opacity: 0.5; }

å
.align-right {
  display: none; }
  @media (max-width: 480px) {
    å
.align-right {
      display: block;
      text-align: end; } }

.content-left {
  margin: 0 auto 0 0;
  width: 100%; }

.pc-none {
  display: none; }
  @media (max-width: 480px) {
    .pc-none {
      display: block; } }