.container {
  max-width: 1100px;
  margin: 0 auto; }

.section-ttlimg {
  max-width: 480px;
  margin: auto; }

ul li {
  list-style: none; }

.fv_small .fv-content .fv-inner {
  background: url(../img/shohin/fv_bg_pc.jpg) no-repeat right center #ed7500;
  background-size: contain; }
  @media (max-width: 768px) {
    .fv_small .fv-content .fv-inner {
      background: url(../img/shohin/fv_bg_sp.jpg) no-repeat right center #ed7500;
      background-size: auto 100%; } }

.huyasu_wrap .shohin_wrap .gentei_wrap {
  position: relative; }
  .huyasu_wrap .shohin_wrap .gentei_wrap .badge {
    position: absolute;
    left: 24px;
    top: 24px;
    width: 120px;
    opacity: 0;
    -webkit-animation-name: stamp-animation;
            animation-name: stamp-animation;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    -webkit-animation-delay: 1s;
            animation-delay: 1s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards; }
    @media (max-width: 768px) {
      .huyasu_wrap .shohin_wrap .gentei_wrap .badge {
        width: 25vw;
        left: 2.5vw;
        top: 2.5vw; } }

@-webkit-keyframes stamp-animation {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }
  60% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1; }
  80% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

@keyframes stamp-animation {
  0% {
    -webkit-transform: scale(0.5);
            transform: scale(0.5);
    opacity: 0; }
  60% {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    opacity: 1; }
  80% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95); }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1; } }

.huyasu_wrap .cont_inner,
.kariru_wrap .cont_inner {
  background: #f4efe4;
  padding: 64px 0; }

.huyasu_wrap .shohin_wrap .shobin_box,
.kariru_wrap .shohin_wrap .shobin_box {
  width: 100%;
  padding: 40px 0 40px 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center; }
  .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner,
  .kariru_wrap .shohin_wrap .shobin_box .shoin_inner {
    padding: 0 64px 0 32px; }
    .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner h3,
    .kariru_wrap .shohin_wrap .shobin_box .shoin_inner h3 {
      font-size: 24px; }
    .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner h2,
    .kariru_wrap .shohin_wrap .shobin_box .shoin_inner h2 {
      font-size: 28px;
      color: #ed7500;
      margin-bottom: 16px;
      padding-bottom: 8px;
      border-bottom: 1px solid #ed7500; }
    .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner p,
    .kariru_wrap .shohin_wrap .shobin_box .shoin_inner p {
      margin-bottom: 16px; }
    .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner .text,
    .kariru_wrap .shohin_wrap .shobin_box .shoin_inner .text {
      margin-bottom: 8px;
      display: block; }
    .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner a,
    .kariru_wrap .shohin_wrap .shobin_box .shoin_inner a {
      width: 60%;
      margin: auto; }
  .huyasu_wrap .shohin_wrap .shobin_box.shohin-reverse,
  .kariru_wrap .shohin_wrap .shobin_box.shohin-reverse {
    padding: 40px 50% 40px 0; }
    .huyasu_wrap .shohin_wrap .shobin_box.shohin-reverse .shoin_inner,
    .kariru_wrap .shohin_wrap .shobin_box.shohin-reverse .shoin_inner {
      padding: 0 32px 0 64px; }

@media (max-width: 768px) {
  .huyasu_wrap .cont_inner,
  .kariru_wrap .cont_inner {
    padding: 32px 0; }
  .huyasu_wrap .shohin_wrap .shobin_box,
  .kariru_wrap .shohin_wrap .shobin_box {
    width: 100%;
    padding: 0 0; }
    .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner,
    .kariru_wrap .shohin_wrap .shobin_box .shoin_inner {
      padding: 0 5%; }
      .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner h3,
      .kariru_wrap .shohin_wrap .shobin_box .shoin_inner h3 {
        font-size: 16px; }
      .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner h2,
      .kariru_wrap .shohin_wrap .shobin_box .shoin_inner h2 {
        font-size: 21px;
        color: #ed7500;
        margin-bottom: 16px;
        padding-bottom: 8px;
        border-bottom: 1px solid #ed7500; }
      .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner p,
      .kariru_wrap .shohin_wrap .shobin_box .shoin_inner p {
        margin-bottom: 13px; }
      .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner .text,
      .kariru_wrap .shohin_wrap .shobin_box .shoin_inner .text {
        margin-bottom: 8px;
        display: block; }
      .huyasu_wrap .shohin_wrap .shobin_box .shoin_inner a,
      .kariru_wrap .shohin_wrap .shobin_box .shoin_inner a {
        width: 60%;
        margin: auto; }
    .huyasu_wrap .shohin_wrap .shobin_box.shohin-reverse,
    .kariru_wrap .shohin_wrap .shobin_box.shohin-reverse {
      padding: 0 0; }
      .huyasu_wrap .shohin_wrap .shobin_box.shohin-reverse .shoin_inner,
      .kariru_wrap .shohin_wrap .shobin_box.shohin-reverse .shoin_inner {
        padding: 0 5%; } }

.gentei_wrap {
  background: url(../img/shohin/gentei_bg_pc.jpg) no-repeat left center;
  background-size: cover;
  width: 98% !important;
  margin: 0 auto 64px;
  padding: 64px 0 64px 50% !important;
  border: 5px double #ed7500; }
  @media (max-width: 768px) {
    .gentei_wrap {
      background: url(../img/shohin/gentei_bg_sp.jpg) no-repeat top center #fff;
      background-size: 100% auto;
      padding: 50vw 0 5% 0 !important;
      margin: 0 auto 24px; } }

.wakuwaku_wrap {
  background: url(../img/shohin/wakuwaku_bg_pc.jpg) no-repeat right center;
  background-size: cover;
  margin-bottom: 64px; }
  @media (max-width: 768px) {
    .wakuwaku_wrap {
      background: url(../img/shohin/wakuwaku_bg_sp.jpg) no-repeat top center;
      background-size: 100% auto;
      padding-top: 40vw !important; } }

.rakuraku_wrap {
  background: url(../img/shohin/rakuraku_bg_pc.jpg) no-repeat left center;
  background-size: cover;
  margin-bottom: 64px; }
  @media (max-width: 768px) {
    .rakuraku_wrap {
      background: url(../img/shohin/rakuraku_bg_sp.jpg) no-repeat top center;
      background-size: 100% auto;
      padding-top: 40vw !important; } }

.hutu_wrap {
  background: url(../img/shohin/hutu_bg_pc.jpg) no-repeat right center;
  background-size: cover; }
  @media (max-width: 768px) {
    .hutu_wrap {
      background: url(../img/shohin/hutu_bg_sp.jpg) no-repeat top center;
      background-size: 100% auto;
      padding-top: 40vw !important; } }

.s_free_wrap {
  background: url(../img/shohin/s_free_bg_pc.jpg) no-repeat left center;
  background-size: cover; }
  @media (max-width: 768px) {
    .s_free_wrap {
      background: url(../img/shohin/s_free_bg_sp.jpg) no-repeat top center;
      background-size: 100% auto;
      padding-top: 40vw !important; } }

.benri_wrap .benri_box {
  max-width: 934px;
  margin: 0 auto;
  padding: 40px 64px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }
  .benri_wrap .benri_box h3 {
    width: 80%;
    max-width: 580px;
    text-align: center;
    margin: auto;
    color: #445368;
    border-bottom: 1px solid #445368;
    margin-bottom: 32px;
    padding-bottom: 16px;
    font-size: 28px; }
  .benri_wrap .benri_box .benri_left {
    width: 40%; }
  .benri_wrap .benri_box .benri_right {
    width: 60%;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .benri_wrap .benri_box .benri_right .text {
      margin-bottom: 64px;
      width: 100%;
      text-align: left; }
    .benri_wrap .benri_box .benri_right p {
      width: 100%;
      margin: 32px 0;
      font-size: 16px; }
    .benri_wrap .benri_box .benri_right a {
      width: 50%; }
  .benri_wrap .benri_box p .orange {
    color: #ed7500; }

@media (max-width: 768px) {
  .benri_wrap .benri_box {
    max-width: 934px;
    margin: 0 auto;
    padding: 24px 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .benri_wrap .benri_box h3 {
      width: 90%;
      margin-bottom: 24px;
      padding-bottom: 8px;
      font-size: 18px; }
    .benri_wrap .benri_box .benri_left {
      width: 100%;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between; }
      .benri_wrap .benri_box .benri_left .l_img {
        width: 49%; }
      .benri_wrap .benri_box .benri_left .text {
        width: 49%;
        text-align: center;
        padding-top: 35vw; }
        .benri_wrap .benri_box .benri_left .text img {
          width: 100%; }
      .benri_wrap .benri_box .benri_left .icon {
        width: 49%;
        padding-top: 25vw; }
        .benri_wrap .benri_box .benri_left .icon img {
          width: 50%; }
    .benri_wrap .benri_box .benri_right {
      width: 100%;
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      .benri_wrap .benri_box .benri_right p {
        margin: 16px 0;
        font-size: 14px; }
      .benri_wrap .benri_box .benri_right a {
        width: 80%; }
    .benri_wrap .benri_box p .orange {
      color: #ed7500; } }

.benri_wrap .benri_ib {
  margin-bottom: 64px; }
  @media (max-width: 768px) {
    .benri_wrap .benri_ib {
      margin-bottom: 24px; } }

.benri_wrap .benri_ib_app {
  margin-bottom: 64px; }
  @media (max-width: 768px) {
    .benri_wrap .benri_ib_app {
      margin-bottom: 24px; } }