@charset "UTF-8";
@font-face {
  font-family: "icon";
  src: url("/ec/css/fonts/icon.eot");
  src: url("/ec/css/fonts/icon.eot?#iefix") format("eot"), url("/ec/css/fonts/icon.woff") format("woff"), url("/ec/css/fonts/icon.ttf") format("truetype"), url("/ec/css/fonts/icon.svg#icon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icofont-"]:before, [class*=" icofont-"]:before {
  font-family: "icon";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icofont-01:before {
  content: ""; }

.icofont-02:before {
  content: ""; }

.icofont-03:before {
  content: ""; }

.icofont-04:before {
  content: ""; }

.icofont-05:before {
  content: ""; }

.icofont-06:before {
  content: ""; }

.icofont-07:before {
  content: ""; }

.icofont-08:before {
  content: ""; }

.icofont-09:before {
  content: ""; }

.icofont-10:before {
  content: ""; }

.icofont-11:before {
  content: ""; }

.icofont-12:before {
  content: ""; }

.icofont-13:before {
  content: ""; }

.icofont-14:before {
  content: ""; }

.icofont-15:before {
  content: ""; }

.icofont-16:before {
  content: ""; }

.icofont-17:before {
  content: ""; }

.icofont-18:before {
  content: ""; }

.icofont-19:before {
  content: ""; }

.icofont-20:before {
  content: ""; }

.icofont-21:before {
  content: ""; }

.icofont-22:before {
  content: ""; }

.icofont-23:before {
  content: ""; }

.icofont-24:before {
  content: ""; }

.icofont-25:before {
  content: ""; }

*[class*="ico-ctg0"]:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 50%; }

.ico-ctg01::before {
  background: #e04388; }

.ico-ctg02::before {
  background: #e87c83; }

.ico-ctg03::before {
  background: #65b9b3; }

.ico-ctg04::before {
  background: #dbb029; }

.ico-ctg05::before {
  background: #489ad3; }

.ico-ctg06::before {
  background: #002e79; }

.ico-ctg07::before {
  background: #cb93c3; }

.okz_art__wrp {
  position: relative; }
  .okz_art__wrp:not(.is__products) {
    margin-left: auto;
    margin-right: auto; }
    @media (max-width: 768px) {
      .okz_art__wrp:not(.is__products) {
        width: 96.41vw; } }
    @media screen and (min-width: 769px) {
      .okz_art__wrp:not(.is__products) {
        width: 100%; } }
  @media (max-width: 768px) {
    .okz_art__wrp {
      margin-bottom: 15.38vw; } }
  @media screen and (min-width: 769px) {
    .okz_art__wrp {
      margin-bottom: 60px; } }

@media (max-width: 768px) {
  .anchor {
    display: block;
    margin-top: -44px;
    padding-top: 44px; } }
@media (max-width: 768px) {
  .is__sp_center {
    text-align: center; } }

.is__bold {
  font-weight: bold; }

.ttl__wrp {
  position: relative;
  background-image: url(/ec/images/shop1/ft_okuizome/title_mv.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  font-family: 'M PLUS Rounded 1c', sans-serif; }
  @media (max-width: 768px) {
    .ttl__wrp {
      width: 100%;
      height: 41vw;
      margin-bottom: 3.846vw; } }
  @media screen and (min-width: 769px) {
    .ttl__wrp {
      width: 780px;
      height: 320px;
      margin-bottom: 30px; } }
  .ttl__wrp .ttl__text {
    color: #333;
    font-weight: bold;
    text-align: center; }
    @media (max-width: 768px) {
      .ttl__wrp .ttl__text {
        font-size: 6.8vw;
        line-height: 1.35; } }
    @media screen and (min-width: 769px) {
      .ttl__wrp .ttl__text {
        font-size: 54px;
        line-height: 1.35; } }

.ttl__inr {
  height: 100%;
  box-sizing: border-box; }
  @media (max-width: 768px) {
    .ttl__inr {
      width: 43.2vw;
      padding: 1.026vw 0 1.154vw 1.026vw; } }
  @media screen and (min-width: 769px) {
    .ttl__inr {
      width: 337px;
      padding: 9px 0 10px 9px; } }
  .ttl__inr .ttl__logo, .ttl__inr .ttl__icn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    line-height: 1; }
  @media (max-width: 768px) {
    .ttl__inr .ttl__logo {
      width: 26.282vw;
      margin-bottom: 3.205vw; } }
  @media screen and (min-width: 769px) {
    .ttl__inr .ttl__logo {
      width: 205px;
      margin-bottom: 25px; } }
  @media (max-width: 768px) {
    .ttl__inr .ttl__icn {
      width: 16.92vw;
      margin-bottom: 1.026vw; } }
  @media screen and (min-width: 769px) {
    .ttl__inr .ttl__icn {
      width: 132px;
      margin-bottom: 8px; } }

.ttl__text_wrp {
  text-align: center;
  height: 100%; }
  @media (max-width: 768px) {
    .ttl__text_wrp {
      padding: 3.846vw 0; } }
  @media screen and (min-width: 769px) {
    .ttl__text_wrp {
      padding: 30px 0; } }

.art__ttl {
  text-align: center;
  margin-bottom: 20px;
  position: relative; }

.art__ttl::before {
  content: "";
  display: block;
  background-color: #fe7183;
  position: absolute;
  bottom: 0;
  left: 0px;
  border-radius: 1.5px; }
  @media screen and (min-width: 769px) {
    .art__ttl::before {
      height: 4px;
      width: 47.5%;
      margin-bottom: 6px; } }
  @media (max-width: 768px) {
    .art__ttl::before {
      height: 1.02vw;
      width: 46%;
      margin-bottom: 1vw; } }

.art__ttl::after {
  content: "";
  display: block;
  background-color: #fe7183;
  position: absolute;
  bottom: 0;
  right: 0px;
  border-radius: 3px; }
  @media screen and (min-width: 769px) {
    .art__ttl::after {
      height: 4px;
      width: 47.5%;
      margin-bottom: 6px; } }
  @media (max-width: 768px) {
    .art__ttl::after {
      height: 1.02vw;
      width: 46%;
      margin-bottom: 1vw; } }

.art__ttl_txt {
  width: auto;
  background-repeat: no-repeat;
  background-image: url(/ec/images/shop1/ft_okuizome/hata_left.png), url(/ec/images/shop1/ft_okuizome/hata_right.png), url(/ec/images/shop1/ft_okuizome/ribon.png);
  text-align: center;
  position: relative; }
  .art__ttl_txt h2 {
    display: inline-block;
    font-weight: bold; }
  @media screen and (min-width: 769px) {
    .art__ttl_txt {
      line-height: 1.3;
      background-position: 7% 15%, 93% 15%, center bottom;
      background-size: 89px 55px, 89px 55px, 25px 16px; }
      .art__ttl_txt h2 {
        font-size: 36px;
        padding: 20px 110px 20px 110px;
        margin-bottom: 10px; } }
  @media (max-width: 768px) {
    .art__ttl_txt {
      line-height: 1.2;
      background-position: 0% 15%, 100% 15%, center bottom;
      background-size: 14.23vw 8.97vw, 14.23vw 8.97vw, 5.1vw 3.8vw; }
      .art__ttl_txt h2 {
        font-size: 6.923vw;
        padding: 3.84vw 17vw 3vw;
        margin-bottom: 3vw; }
        .art__ttl_txt h2.okz_ttl_long {
          padding: 3.84vw 6vw 3vw 6vw; } }
  @media (max-width: 768px) {
    .art__ttl_txt .okz__ttl_subtxt {
      font-size: 3.58vw; } }
  @media screen and (min-width: 769px) {
    .art__ttl_txt .okz__ttl_subtxt {
      font-size: 18px; } }
  @media screen and (min-width: 769px) {
    .art__ttl_txt.is__taikenki {
      background-position: 15% 15%, 85% 15%, center bottom; } }

.okz_art__wrp.okz_about__wrp h2 {
  color: #ed8568;
  text-align: center; }
.okz_art__wrp.okz_about__wrp .okz_about__inr {
  border: 2px solid #ed8568; }
  @media (max-width: 768px) {
    .okz_art__wrp.okz_about__wrp .okz_about__inr {
      margin-top: 5.128vw; } }
  @media screen and (min-width: 769px) {
    .okz_art__wrp.okz_about__wrp .okz_about__inr {
      margin-top: 30px; } }
.okz_art__wrp.okz_about__wrp .tmp_accordion__btn::before {
  color: #ed8568; }
@media screen and (min-width: 769px) {
  .okz_art__wrp.okz_about__wrp {
    width: 600px; } }
@media screen and (min-width: 769px) {
  .okz_art__wrp.okz_about__wrp .okz_about__ttl {
    padding: 15px 0; } }
@media (max-width: 768px) {
  .okz_art__wrp.okz_about__wrp .okz_about__ttl {
    padding: 1em 0; } }
.okz_art__wrp.okz_about__wrp .okz_about__ttl a {
  display: block;
  text-align: center;
  text-decoration: none;
  color: #ed8568; }
  @media screen and (min-width: 769px) {
    .okz_art__wrp.okz_about__wrp .okz_about__ttl a {
      font-size: 20px; } }
  @media (max-width: 768px) {
    .okz_art__wrp.okz_about__wrp .okz_about__ttl a {
      font-size: 4.1vw; } }

.okz_reason_wrp,
.okz_reason_voice_wrp {
  margin: 0 auto 40px auto;
  position: relative;
  border-radius: 3px; }
  @media screen and (min-width: 769px) {
    .okz_reason_wrp,
    .okz_reason_voice_wrp {
      width: 600px;
      margin: 0 auto 40px auto; } }
  @media (max-width: 768px) {
    .okz_reason_wrp,
    .okz_reason_voice_wrp {
      width: 100%;
      margin: 0 auto 15.38vw; } }
  .okz_reason_wrp .okz_reason_voice_wrp,
  .okz_reason_voice_wrp .okz_reason_voice_wrp {
    text-align: center; }
  @media screen and (min-width: 769px) {
    .okz_reason_wrp .okz_reason_voice__txt,
    .okz_reason_voice_wrp .okz_reason_voice__txt {
      padding: 30px;
      margin-bottom: 10px; } }
  @media (max-width: 768px) {
    .okz_reason_wrp .okz_reason_voice__txt,
    .okz_reason_voice_wrp .okz_reason_voice__txt {
      padding: 5vw;
      margin-bottom: 2.564vw; } }

.okz_reason_wrp {
  background-color: #fff; }
  @media screen and (min-width: 769px) {
    .okz_reason_wrp {
      padding: 30px; } }
  @media (max-width: 768px) {
    .okz_reason_wrp {
      padding: 5vw; } }
  .okz_reason_wrp::before {
    content: "";
    position: absolute;
    background-color: #fe7183;
    top: 0px; }
    @media screen and (min-width: 769px) {
      .okz_reason_wrp::before {
        height: 100px;
        width: 80px;
        border: 40px solid #fe7183;
        border-bottom: 20px solid #fff;
        left: 30px; } }
    @media (max-width: 768px) {
      .okz_reason_wrp::before {
        height: 25vw;
        width: 20vw;
        border: 10vw solid #fe7183;
        border-bottom: 5vw solid #fff;
        left: 5vw; } }
  .okz_reason_wrp .okz_reason_num {
    position: absolute;
    color: #fff;
    text-align: center;
    font-weight: bold; }
    @media screen and (min-width: 769px) {
      .okz_reason_wrp .okz_reason_num {
        width: 80px;
        height: 80px;
        top: 8px;
        font-size: 12px;
        line-height: 1.2; } }
    @media (max-width: 768px) {
      .okz_reason_wrp .okz_reason_num {
        width: 20vw;
        height: 20vw;
        top: 2vw;
        font-size: 3vw;
        line-height: 1.1; } }
    .okz_reason_wrp .okz_reason_num span {
      display: block; }
      @media screen and (min-width: 769px) {
        .okz_reason_wrp .okz_reason_num span {
          font-size: 50px; } }
      @media (max-width: 768px) {
        .okz_reason_wrp .okz_reason_num span {
          font-size: 11vw;
          margin-top: 1vw; } }
  .okz_reason_wrp .okz_reason_ttl {
    text-align: center;
    font-weight: bold;
    white-space: nowrap; }
    @media screen and (min-width: 769px) {
      .okz_reason_wrp .okz_reason_ttl {
        padding-left: 90px;
        font-size: 36px; } }
    @media (max-width: 768px) {
      .okz_reason_wrp .okz_reason_ttl {
        font-size: 6.5vw;
        line-height: 1.1;
        padding-left: 23vw; } }
    .okz_reason_wrp .okz_reason_ttl span {
      color: #fe7183;
      display: block;
      line-height: 1; }
      @media screen and (min-width: 769px) {
        .okz_reason_wrp .okz_reason_ttl span {
          font-size: 18px; } }
      @media (max-width: 768px) {
        .okz_reason_wrp .okz_reason_ttl span {
          font-size: 3.5vw;
          padding-bottom: 1.5vw; } }
    .okz_reason_wrp .okz_reason_ttl.is_2line {
      line-height: 1.2; }
      @media screen and (min-width: 769px) {
        .okz_reason_wrp .okz_reason_ttl.is_2line span {
          margin-bottom: 0.7em; } }
    @media (max-width: 768px) {
      .okz_reason_wrp .okz_reason_ttl.is__03 {
        margin-left: -1vw; }
        .okz_reason_wrp .okz_reason_ttl.is__03 span {
          font-size: 3.2vw; } }
  @media screen and (min-width: 769px) {
    .okz_reason_wrp .okz_reason_img {
      padding: 10px 0 20px 0; } }
  @media (max-width: 768px) {
    .okz_reason_wrp .okz_reason_img {
      padding: 5vw 0; }
      .okz_reason_wrp .okz_reason_img.is_set {
        padding-top: 10vw;
        padding-bottom: 3vw; } }
  .okz_reason_wrp .okz_reason_txt {
    line-height: 1.7;
    text-align: left; }
    @media screen and (min-width: 769px) {
      .okz_reason_wrp .okz_reason_txt {
        font-size: 14px; } }
    @media (max-width: 768px) {
      .okz_reason_wrp .okz_reason_txt {
        font-size: 3vw; } }
    .okz_reason_wrp .okz_reason_txt span {
      font-weight: bold; }
  .okz_reason_wrp .okz_reason_note {
    padding-top: 1em;
    padding-left: 1em;
    text-indent: -1em;
    text-align: left;
    overflow: hidden;
    height: 70px; }
    @media screen and (min-width: 769px) {
      .okz_reason_wrp .okz_reason_note {
        font-size: 12px; } }
    @media (max-width: 768px) {
      .okz_reason_wrp .okz_reason_note {
        font-size: 2.8vw; } }
  .okz_reason_wrp .okz_description__btn {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    background: #fff; }
    @media (max-width: 768px) {
      .okz_reason_wrp .okz_description__btn {
        height: 10vw;
        padding: 1.28vw 0;
        font-size: 2.8205128205vw; } }
    @media screen and (min-width: 769px) {
      .okz_reason_wrp .okz_description__btn {
        height: 50px;
        padding: 10px 0;
        font-size: 1.3rem; } }
    .okz_reason_wrp .okz_description__btn::before {
      content: "";
      width: 100%;
      background: linear-gradient(rgba(243, 243, 243, 0) 0%, #fff 100%);
      position: absolute;
      bottom: 100%;
      left: 0; }
      @media (max-width: 768px) {
        .okz_reason_wrp .okz_description__btn::before {
          height: 7.69vw; } }
      @media screen and (min-width: 769px) {
        .okz_reason_wrp .okz_description__btn::before {
          height: 60px; } }
    .okz_reason_wrp .okz_description__btn i {
      margin-left: 1em;
      transform: rotate(180deg); }
  .okz_reason_wrp .is__open.js-more_wrap {
    height: auto; }
  .okz_reason_wrp .is__open .okz_description__btn {
    display: none; }

.cmt_wrp {
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 769px) {
    .cmt_wrp .cmt_icn {
      width: 94px;
      height: 94px; }
    .cmt_wrp .cmt_txt {
      width: 418px;
      margin-left: 20px;
      line-height: 1.7; } }
  @media (max-width: 768px) {
    .cmt_wrp .cmt_icn img {
      width: 20vw;
      height: 20vw; }
    .cmt_wrp .cmt_txt {
      margin-left: 2vw;
      line-height: 1.6;
      font-size: 3vw; } }

.tmp__btn.set_btn {
  background-image: url(data:image/svg+xml;charset=utf8,%3csvg%20xmlns%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f2000%2fsvg%22%20xmlns%3axlink%3d%22http%3a%2f%2fwww%2ew3%2eorg%2f1999%2fxlink%22%20x%3d%220px%22%20y%3d%220px%22%20width%3d%2215%2e14px%22%20height%3d%228%2e07px%22%20viewBox%3d%220%200%2015%2e14%208%2e07%22%20style%3d%22enable%2dbackground%3anew%200%200%2015%2e14%208%2e07%3b%22%20xml%3aspace%3d%22preserve%22%3e%3cstyle%20type%3d%22text%2fcss%22%3e%20%2est0%7bfill%3anone%3bstroke%3a%23ffffff%3bstroke%2dlinecap%3around%3bstroke%2dlinejoin%3around%3bstroke%2dmiterlimit%3a10%3b%7d%3c%2fstyle%3e%3cdefs%3e%3c%2fdefs%3e%3cpolyline%20class%3d%22st0%22%20points%3d%2214%2e64%2c0%2e5%207%2e57%2c7%2e57%200%2e5%2c0%2e5%20%22%2f%3e%3c%2fsvg%3e) !important;
  background-size: 1em !important; }
  @media screen and (min-width: 769px) {
    .tmp__btn.set_btn {
      width: 100%; } }
  @media (max-width: 768px) {
    .tmp__btn.set_btn {
      padding: 0.5em; } }

.okz_nav_wrp {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #fff; }
  @media (max-width: 768px) {
    .okz_nav_wrp {
      width: 84.61vw; } }
  @media screen and (min-width: 769px) {
    .okz_nav_wrp {
      width: 400px; } }
  .okz_nav_wrp .okz_nav {
    font-weight: bold;
    background: #fe7183;
    border-radius: 3px;
    text-align: center; }
    @media screen and (min-width: 769px) {
      .okz_nav_wrp .okz_nav {
        padding: 10px 5px 8px;
        margin-bottom: 10px;
        width: 195px;
        height: 215px;
        font-size: 15px; } }
    @media (max-width: 768px) {
      .okz_nav_wrp .okz_nav {
        padding: 2.5vw 1.28vw 1.28vw;
        margin-bottom: 2.61vw;
        width: 41vw;
        height: 47vw;
        font-size: 3.4vw;
        letter-spacing: initial; } }
    @media (max-width: 768px) {
      .okz_nav_wrp .okz_nav.is__original {
        width: 84.61vw;
        height: 70.25vw; } }
    @media screen and (min-width: 769px) {
      .okz_nav_wrp .okz_nav.is__original {
        width: 400px;
        height: 340px; } }
    @media (max-width: 768px) {
      .okz_nav_wrp .okz_nav.is__sake {
        width: 84.61vw;
        height: 80.769vw;
        padding: 3.846vw 2.564vw;
        border-radius: 1.282vw; } }
    @media screen and (min-width: 769px) {
      .okz_nav_wrp .okz_nav.is__sake {
        width: 400px;
        height: 340px;
        padding: 18px 10px;
        border-radius: 10px; } }
    .okz_nav_wrp .okz_nav.is__sake .okz_nav__txtarea {
      font-weight: normal;
      color: #5b5557; }
      @media screen and (min-width: 769px) {
        .okz_nav_wrp .okz_nav.is__sake .okz_nav__txtarea {
          margin-bottom: 10px; } }
      @media (max-width: 768px) {
        .okz_nav_wrp .okz_nav.is__sake .okz_nav__txtarea {
          margin-bottom: 2.564vw; } }
      @media screen and (min-width: 769px) {
        .okz_nav_wrp .okz_nav.is__sake .okz_nav__txtarea .okz_nav_sake__txt {
          font-size: 14px;
          line-height: 1.21;
          margin-bottom: 8px; } }
      @media (max-width: 768px) {
        .okz_nav_wrp .okz_nav.is__sake .okz_nav__txtarea .okz_nav_sake__txt {
          font-size: 3.077vw;
          line-height: 1.25;
          margin-bottom: 1.795vw; } }
      .okz_nav_wrp .okz_nav.is__sake .okz_nav__txtarea .okz_nav_sake__main {
        font-weight: bold;
        color: #fe7183; }
        @media screen and (min-width: 769px) {
          .okz_nav_wrp .okz_nav.is__sake .okz_nav__txtarea .okz_nav_sake__main {
            font-size: 20px;
            line-height: 1.1; } }
        @media (max-width: 768px) {
          .okz_nav_wrp .okz_nav.is__sake .okz_nav__txtarea .okz_nav_sake__main {
            font-size: 4.615vw;
            line-height: 1.1; } }
    .okz_nav_wrp .okz_nav.is__sake .okz_nav_sake__thumb {
      margin-left: auto;
      margin-right: auto; }
      @media screen and (min-width: 769px) {
        .okz_nav_wrp .okz_nav.is__sake .okz_nav_sake__thumb {
          width: 204px;
          margin-bottom: 18px; } }
      @media (max-width: 768px) {
        .okz_nav_wrp .okz_nav.is__sake .okz_nav_sake__thumb {
          width: 60%;
          margin-bottom: 3.846vw; } }
    .okz_nav_wrp .okz_nav.is__sake .okz_nav_sake__link {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      background-color: #fff;
      color: #ff7c84;
      line-height: 1; }
      @media screen and (min-width: 769px) {
        .okz_nav_wrp .okz_nav.is__sake .okz_nav_sake__link {
          font-size: 12px;
          width: 220px;
          height: 35px;
          border: 2px solid #ff7c84;
          border-radius: 18px; } }
      @media (max-width: 768px) {
        .okz_nav_wrp .okz_nav.is__sake .okz_nav_sake__link {
          font-size: 3.077vw;
          width: 56.41vw;
          height: 8.462vw;
          border: 0.513vw solid #ff7c84;
          border-radius: 4.103vw;
          padding-bottom: 0; } }
      .okz_nav_wrp .okz_nav.is__sake .okz_nav_sake__link:hover {
        opacity: 0.8; }
      .okz_nav_wrp .okz_nav.is__sake .okz_nav_sake__link::after {
        color: #ff7c84;
        left: auto;
        bottom: auto;
        top: 50%;
        margin-top: auto;
        transform: translate(0, -50%);
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%); }
        @media screen and (min-width: 769px) {
          .okz_nav_wrp .okz_nav.is__sake .okz_nav_sake__link::after {
            right: 12px; } }
        @media (max-width: 768px) {
          .okz_nav_wrp .okz_nav.is__sake .okz_nav_sake__link::after {
            right: 3.846vw; } }
  .okz_nav_wrp a {
    color: #fff;
    text-decoration: none;
    display: block;
    height: 100%;
    position: relative; }
    @media (max-width: 768px) {
      .okz_nav_wrp a {
        padding-bottom: 1.955vw; } }
    .okz_nav_wrp a::after {
      content: "▼";
      color: #fff;
      display: block;
      margin: auto;
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0; }
      @media screen and (min-width: 769px) {
        .okz_nav_wrp a::after {
          font-size: 8px;
          line-height: 0;
          margin-top: -3px; } }
      @media (max-width: 768px) {
        .okz_nav_wrp a::after {
          font-size: 2vw;
          line-height: 0.15;
          margin-bottom: 0.5vw; } }
  .okz_nav_wrp .okz_nav-txt {
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    line-height: 1.1; }
  .okz_nav_wrp .okz_nav__subtxt {
    background-color: #fff;
    color: #fe7183;
    display: inline-block;
    line-height: 1; }
    @media (max-width: 768px) {
      .okz_nav_wrp .okz_nav__subtxt {
        padding: 1vw 2.5vw;
        border-radius: 1em;
        margin-bottom: 1.25vw; } }
    @media screen and (min-width: 769px) {
      .okz_nav_wrp .okz_nav__subtxt {
        padding: 7px 20px 5px;
        border-radius: 1em;
        margin-bottom: 5px; } }
  @media screen and (min-width: 769px) {
    .okz_nav_wrp .okz_nav-txt {
      margin-bottom: 10px;
      height: 30px; } }
  @media (max-width: 768px) {
    .okz_nav_wrp .okz_nav-txt {
      margin-bottom: 2vw;
      height: 7.179vw; } }
  .okz_nav_wrp .okz_nav.is__zen_color {
    background: #ca2639; }
    .okz_nav_wrp .okz_nav.is__zen_color .okz_nav__subtxt {
      color: #ca2639; }
  .okz_nav_wrp .okz_nav.is__puchi_color {
    background: #eca43d; }
    .okz_nav_wrp .okz_nav.is__puchi_color .okz_nav__subtxt {
      color: #eca43d; }
  .okz_nav_wrp .okz_nav.is__western_color {
    background: #ed8568; }
    .okz_nav_wrp .okz_nav.is__western_color .okz_nav__subtxt {
      color: #ed8568; }
  .okz_nav_wrp .okz_nav.is__sake_color {
    background: #ffffe2; }
    .okz_nav_wrp .okz_nav.is__sake_color .okz_nav__subtxt {
      color: #ffffe2; }

.okz__subttl_wrp .okz__subttl {
  background-color: #ffffe2;
  width: 100%;
  text-align: center;
  font-weight: bold;
  color: #fff;
  line-height: 1.3; }
  @media (max-width: 768px) {
    .okz__subttl_wrp .okz__subttl {
      padding: 3.84vw 0;
      font-size: 4.61vw;
      margin-bottom: 5.12vw; } }
  @media screen and (min-width: 769px) {
    .okz__subttl_wrp .okz__subttl {
      padding: 30px 0;
      font-size: 28px;
      margin-bottom: 20px; } }
  @media (max-width: 768px) {
    .okz__subttl_wrp .okz__subttl .is__small_txt {
      font-size: 3.5vw; } }
  @media screen and (min-width: 769px) {
    .okz__subttl_wrp .okz__subttl .is__small_txt {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .okz__subttl_wrp .okz__subttl .is__main_txt {
      font-size: 6.15vw; } }
  @media screen and (min-width: 769px) {
    .okz__subttl_wrp .okz__subttl .is__main_txt {
      font-size: 34px; } }
  @media (max-width: 768px) {
    .okz__subttl_wrp .okz__subttl.is__sake {
      font-size: 4.646vw; } }
  @media screen and (min-width: 769px) {
    .okz__subttl_wrp .okz__subttl.is__sake {
      font-size: 26px; } }
.okz__subttl_wrp .okz__subttl_txt {
  text-align: center;
  font-weight: bold;
  letter-spacing: initial; }
  @media (max-width: 768px) {
    .okz__subttl_wrp .okz__subttl_txt {
      font-size: 3.58vw;
      margin-bottom: 5.12vw; } }
  @media screen and (min-width: 769px) {
    .okz__subttl_wrp .okz__subttl_txt {
      font-size: 18px;
      margin-bottom: 20px; } }
  .okz__subttl_wrp .okz__subttl_txt .is__pink {
    color: #fe7183; }
.okz__subttl_wrp .okz__subttl_cnt {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }
  @media (max-width: 768px) {
    .okz__subttl_wrp .okz__subttl_cnt {
      margin-top: 3.846vw; } }
  @media screen and (min-width: 769px) {
    .okz__subttl_wrp .okz__subttl_cnt {
      margin-top: 10px; } }
  @media (max-width: 768px) {
    .okz__subttl_wrp .okz__subttl_cnt .okz__subttl_thumb {
      width: 42.308vw;
      margin-right: 1.795vw; } }
  @media screen and (min-width: 769px) {
    .okz__subttl_wrp .okz__subttl_cnt .okz__subttl_thumb {
      width: 160px;
      margin-right: 20px; } }
  @media (max-width: 768px) {
    .okz__subttl_wrp .okz__subttl_cnt .okz__subttl_dsc {
      font-size: 3.577vw;
      line-height: 1.66; } }
  @media screen and (min-width: 769px) {
    .okz__subttl_wrp .okz__subttl_cnt .okz__subttl_dsc {
      font-size: 14px;
      line-height: 1.71; } }
.okz__subttl_wrp.is__zen_color .okz__subttl {
  background-color: #ca2639; }
.okz__subttl_wrp.is__puchi_color .okz__subttl {
  background-color: #eca43d; }
.okz__subttl_wrp.is__western_color .okz__subttl {
  background-color: #ed8568; }
.okz__subttl_wrp.is__sake_color {
  background-color: #ffffe2; }
  @media (max-width: 768px) {
    .okz__subttl_wrp.is__sake_color {
      padding: 3.84vw 0; } }
  @media screen and (min-width: 769px) {
    .okz__subttl_wrp.is__sake_color {
      padding: 30px 0; } }
  .okz__subttl_wrp.is__sake_color .okz__subttl {
    color: #5b5557; }

.tmp_art__wrp .rank_note {
  text-align: right; }

.okz_sct {
  margin: auto; }
  @media (max-width: 768px) {
    .okz_sct {
      margin-top: 15.38vw; } }
  @media screen and (min-width: 769px) {
    .okz_sct {
      margin-top: 60px; } }

.tmp_box__wrp .okz_contents_wrp {
  text-align: left;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .tmp_box__wrp .okz_contents_wrp .okz_contents_ttl span {
    display: block;
    text-align: right; }
  @media screen and (min-width: 769px) {
    .tmp_box__wrp .okz_contents_wrp .okz_contents_ttl {
      font-size: 16px;
      line-height: 24px; }
      .tmp_box__wrp .okz_contents_wrp .okz_contents_ttl em {
        font-size: 14px;
        font-weight: normal; }
    .tmp_box__wrp .okz_contents_wrp span {
      font-size: 12px;
      margin-top: 15px;
      margin-bottom: 0; }
    .tmp_box__wrp .okz_contents_wrp .okz_contents_txt {
      font-size: 14px; } }
  @media (max-width: 768px) {
    .tmp_box__wrp .okz_contents_wrp .okz_contents_ttl {
      font-size: 3.589vw;
      line-height: 5.12vw; }
      .tmp_box__wrp .okz_contents_wrp .okz_contents_ttl em {
        font-size: 3.077vw;
        font-weight: normal; }
    .tmp_box__wrp .okz_contents_wrp span {
      font-size: 2.820vw;
      margin-top: 2.5vw;
      margin-bottom: 3.5vw; }
    .tmp_box__wrp .okz_contents_wrp .okz_contents_txt {
      font-size: 3vw; } }

@media screen and (min-width: 769px) {
  .column-layout01 .tmp__wrp .tmp_box__wrp {
    align-items: stretch; }
  .column-layout01 .tmp__wrp .tmp_box__wrp .okz_contents_wrp {
    margin-left: 0;
    margin-right: 0;
    width: 280px; }
  .column-layout01 .tmp__wrp .tmp_box__wrp .okz_contents_wrp .box_btn {
    width: 100%;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 12px; } }
@media (max-width: 768px) {
  .column-layout01 .tmp__wrp .tmp_box__wrp .okz_contents_wrp {
    margin-top: 0;
    width: 100%; }
  .column-layout01 .tmp__wrp .okz_contents_txt {
    margin-top: 0px; }
  .column-layout01 .tmp__wrp .tmp_box__wrp {
    margin-top: 12vw; }
  .column-layout01 .tmp__wrp .tmp_box__wrp .okz_contents_wrp .box_btn {
    width: 80%;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
    margin-top: 7.5vw; } }
.column-layout01 .tmp__wrp .tmp_box__wrp-top {
  margin-top: 0px; }

.okz_item_wrp {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }

.okz_item-box {
  width: 49%; }
  .okz_item-box a {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    text-decoration: none !important; }

.okz_item-ttl {
  display: block;
  font-weight: bold;
  text-align: left; }
  .okz_item-ttl.is__zen_boy::before {
    background-image: url(/ec/images/shop1/ft_okuizome/original_red_sub.png); }
  .okz_item-ttl.is__zen_girl::before {
    background-image: url(/ec/images/shop1/ft_okuizome/original_black_sub.png); }
  .okz_item-ttl.is__zen_boy::before, .okz_item-ttl.is__zen_girl::before {
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); }
    @media screen and (min-width: 769px) {
      .okz_item-ttl.is__zen_boy::before, .okz_item-ttl.is__zen_girl::before {
        width: 53px;
        height: 86px;
        right: 24px; } }
    @media (max-width: 768px) {
      .okz_item-ttl.is__zen_boy::before, .okz_item-ttl.is__zen_girl::before {
        width: 8.333vw;
        height: 13.462vw;
        right: 0.769vw; } }

.item-btn_blue {
  background-color: #28afed; }

.item-btn_pink {
  background-color: #ff4c7a; }

.column-layout01 .okz_item-btn {
  display: block;
  margin-top: auto;
  width: 100%; }

@media screen and (min-width: 769px) {
  .okz_item_wrp {
    margin-top: 20px; }

  .okz_item-box {
    margin-top: 20px; }
    .okz_item-box:nth-of-type(1), .okz_item-box:nth-of-type(2) {
      margin-top: 0; }
    .okz_item-box a {
      padding-top: 40px;
      border-radius: 3px; }

  .column-layout01 .okz_item-img {
    width: 250px; }

  .okz_item-ttl {
    font-size: 20px;
    padding: 20px 40px;
    line-height: 1.4; }
    .okz_item-ttl.is__image {
      position: relative;
      width: 250px;
      padding: 25px 100px 30px 0; }
    .okz_item-ttl span {
      display: inline-block;
      width: 100%;
      font-size: 16px;
      text-align: center;
      line-height: 1.87; }

  .column-layout01 .okz_item-btn {
    padding: 10px 0;
    font-size: 12px;
    border-radius: 0 0 3px 3px !important; } }
@media (max-width: 768px) {
  .okz_item_wrp {
    margin-top: 2.564vw; }

  .okz_item-box {
    margin-top: 2.564vw; }
    .okz_item-box:nth-of-type(1), .okz_item-box:nth-of-type(2) {
      margin-top: 0; }
    .okz_item-box a {
      padding-top: 5.12vw;
      border-radius: 1.282vw; }

  .okz_item-img {
    width: 33.97vw; }

  .okz_item-ttl {
    font-size: 3.589vw;
    padding: 2.6vw 4.6vw;
    line-height: 1.6; }
    .okz_item-ttl.is__image {
      position: relative;
      width: 36.538vw;
      padding: 6.41vw 10.026vw 6.41vw 0; }
    .okz_item-ttl span {
      display: inline-block;
      width: 100%;
      font-size: 3.077vw;
      text-align: center;
      line-height: 1.9; }

  .okz_item-btn {
    padding: 2.5vw 0;
    font-size: 3vw;
    border-radius: 0 0 1.282vw 1.282vw !important; }

  .column-layout01 .okz_sct .okz_item-box .okz_item-btn {
    background-position: 90% 47%; } }
.okz_coupon {
  position: relative; }

.okz_coupon-remote {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #ffffe2;
  border-radius: 5px;
  border: 1px solid #fe7183; }
  @media screen and (min-width: 769px) {
    .okz_coupon-remote {
      padding: 20px;
      margin-top: 35px;
      margin-bottom: 20px;
      width: 610px; } }
  @media (max-width: 768px) {
    .okz_coupon-remote {
      padding: 2.5vw;
      margin-top: 3.8vw;
      margin-bottom: 5.1vw; } }

.okz_coupon-remote:before,
.okz_coupon-remote:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%; }
  @media screen and (min-width: 769px) {
    .okz_coupon-remote:before,
    .okz_coupon-remote:after {
      border: 10px solid transparent;
      border-top: 10px solid #fff; } }
  @media (max-width: 768px) {
    .okz_coupon-remote:before,
    .okz_coupon-remote:after {
      border: 2.5vw solid transparent;
      border-top: 2.5vw solid #fff; } }

.okz_coupon-remote:before {
  border-top-color: #fe7183; }

.okz_coupon-remote:after {
  border-top-color: #ffffe2;
  margin-top: -1px; }

@media screen and (min-width: 769px) {
  .okz_coupon-img {
    width: 180px;
    height: 100px; } }
@media (max-width: 768px) {
  .okz_coupon-img {
    width: 36.92vw;
    height: 20.76vw; } }

.okz_coupon-subttl {
  color: #fe7183;
  font-weight: bold;
  text-align: left;
  line-height: 1.5; }
  @media screen and (min-width: 769px) {
    .okz_coupon-subttl {
      font-size: 16px;
      padding-left: 20px; } }
  @media (max-width: 768px) {
    .okz_coupon-subttl {
      font-size: 3.3vw;
      padding-left: 2.5vw; } }

.okz_remote__wrp {
  background-color: #fff; }
  @media (max-width: 768px) {
    .okz_remote__wrp {
      padding: 5.12vw; } }
  @media screen and (min-width: 769px) {
    .okz_remote__wrp {
      padding: 30px; } }

.okz__h4_wrp {
  color: #fff;
  font-weight: bold;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/ec/images/shop1/ft_okuizome/title_back.png);
  background-size: contain;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .okz__h4_wrp {
      margin: 0px auto 20px;
      font-size: 24px;
      width: 580px; } }
  @media (max-width: 768px) {
    .okz__h4_wrp {
      font-size: 4.615vw;
      margin: 0 auto 3.8vw; } }
  @media (max-width: 768px) {
    .okz__h4_wrp.is__original {
      margin: 0 auto; } }
  @media (max-width: 768px) {
    .okz__h4_wrp.is__point {
      margin: 0 auto 2.5vw; } }

.okz_coupon_wrp {
  display: flex;
  align-items: stretch; }

.okz_coupon_wrp-2set {
  border-bottom: 1px solid #fff; }
  @media (max-width: 768px) {
    .okz_coupon_wrp-2set {
      margin-top: 4vw; } }

.okz_coupon-number {
  background-color: #fe7183;
  color: #fff;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (min-width: 769px) {
    .okz_coupon-number {
      font-size: 16px;
      width: 60px; } }
  @media (max-width: 768px) {
    .okz_coupon-number {
      font-size: 3.5vw;
      width: 12.3vw; } }

.okz_coupon-inr {
  width: 100%; }

.okz_coupon-coupon {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  @media screen and (min-width: 769px) {
    .okz_coupon-coupon {
      padding: 25px; } }
  @media (max-width: 768px) {
    .okz_coupon-coupon {
      padding: 0 2vw;
      width: 100%;
      flex-wrap: wrap; } }

.okz_coupon-white {
  background-color: #fff; }

.okz_coupon-pink {
  background-color: #fff0f2; }

.okz_coupon-txt {
  font-weight: bold;
  text-align: center;
  width: 100%; }
  @media (max-width: 768px) {
    .okz_coupon-txt {
      padding-top: 4vw; } }
  @media screen and (min-width: 769px) {
    .okz_coupon-txt p {
      font-size: 12px; } }
  @media (max-width: 768px) {
    .okz_coupon-txt p {
      font-size: 2.8vw; } }
  .okz_coupon-txt .okz_coupon-kingaku {
    color: #fe7183;
    line-height: 1; }
    @media screen and (min-width: 769px) {
      .okz_coupon-txt .okz_coupon-kingaku {
        font-size: 36px; }
        .okz_coupon-txt .okz_coupon-kingaku span {
          font-size: 60px; } }
    @media (max-width: 768px) {
      .okz_coupon-txt .okz_coupon-kingaku {
        font-size: 6.15vw;
        margin-top: 1vw; }
        .okz_coupon-txt .okz_coupon-kingaku span {
          font-size: 9.23vw; } }

.okz_coupon_cord {
  font-weight: bold; }
  @media screen and (min-width: 769px) {
    .okz_coupon_cord {
      border-left: 1px dashed #fe7183;
      padding-left: 25px;
      width: 200px; } }
  @media (max-width: 768px) {
    .okz_coupon_cord {
      border-top: 1px dashed #fe7183;
      margin: auto;
      margin-top: 3vw;
      width: 90%;
      padding: 3vw;
      position: relative; } }

@media (max-width: 768px) {
  .okz_coupon__data {
    font-size: 2.8vw;
    text-align: left; } }

.coupon_cord-cord {
  font-weight: bold;
  text-align: center;
  display: block;
  width: 150px; }
  @media (max-width: 768px) {
    .coupon_cord-cord {
      display: inline;
      font-size: 2.8vw;
      text-align: left; } }

.okz_coupon_cord-btn {
  padding: 5px 0;
  margin-top: 15px;
  font-weight: bold;
  background-color: #fe7183;
  color: #fff;
  cursor: pointer;
  border-radius: 2em;
  border: none; }
  @media screen and (min-width: 769px) {
    .okz_coupon_cord-btn {
      font-size: 14px;
      width: 100px; } }
  @media (max-width: 768px) {
    .okz_coupon_cord-btn {
      font-size: 2.3vw;
      width: 13vw;
      position: absolute;
      bottom: 3vw;
      right: 3vw; } }

.okz_coupon_note {
  text-align: left; }
  @media (max-width: 768px) {
    .okz_coupon_note {
      width: 91.28vw;
      margin-left: auto;
      margin-right: auto;
      font-size: 2.820vw;
      line-height: 1.636;
      margin-bottom: 6.410vw;
      margin-top: 1.528vw; } }
  @media screen and (min-width: 769px) {
    .okz_coupon_note {
      font-size: 12px;
      line-height: 1.83;
      margin-bottom: 20px;
      margin-top: 12px; } }

@media screen and (min-width: 769px) {
  .recommend_wrp {
    padding: 40px; } }
@media (max-width: 768px) {
  .recommend_wrp {
    padding: 5.1vw; } }
.recommend_wrp .recommend_wrp_inr {
  border: 2px solid #ffbdc5;
  border-radius: 3px;
  position: relative; }
  @media screen and (min-width: 769px) {
    .recommend_wrp .recommend_wrp_inr {
      padding: 20px; } }
  @media (max-width: 768px) {
    .recommend_wrp .recommend_wrp_inr {
      padding: 3.8vw; } }
.recommend_wrp .recommend_wrp_inr::before {
  left: 7px;
  top: -7px;
  background-image: url(/ec/images/shop1/ft_okuizome/icon_top.png); }
.recommend_wrp .recommend_wrp_inr::after {
  right: 7px;
  bottom: -7px;
  background-image: url(/ec/images/shop1/ft_okuizome/icon_bottom.png); }
.recommend_wrp .recommend_wrp_inr::before, .recommend_wrp .recommend_wrp_inr::after {
  height: 15px;
  width: 15px;
  background-size: cover;
  content: "";
  display: block;
  position: absolute; }
.recommend_wrp .recommend_title {
  font-size: 16px;
  color: #fe7183;
  font-weight: bold; }
.recommend_wrp .recommend_txt_inr {
  display: flex;
  text-align: left; }
  @media screen and (min-width: 769px) {
    .recommend_wrp .recommend_txt_inr {
      justify-content: center; } }
  @media (max-width: 768px) {
    .recommend_wrp .recommend_txt_inr {
      flex-wrap: wrap; } }
.recommend_wrp .recommend_txt {
  display: flex; }
  .recommend_wrp .recommend_txt span {
    font-weight: bold;
    display: block; }
  @media screen and (min-width: 769px) {
    .recommend_wrp .recommend_txt {
      flex: 1; }
      .recommend_wrp .recommend_txt img {
        width: 120px;
        height: 120px; }
      .recommend_wrp .recommend_txt p {
        padding: 0 10px;
        width: 536px; }
      .recommend_wrp .recommend_txt span {
        font-size: 16px; } }
  @media (max-width: 768px) {
    .recommend_wrp .recommend_txt img {
      width: 22.78vw;
      height: 22.78vw;
      flex-shrink: 0; }
    .recommend_wrp .recommend_txt p {
      padding: 0 0 0 3vw;
      font-size: 3vw; }
    .recommend_wrp .recommend_txt span {
      font-size: 3.6vw; } }
.recommend_wrp .recommend_txt_img {
  margin-right: 10px; }
.recommend_wrp .recommend_txt_center {
  text-align: center; }
@media (max-width: 768px) {
  .recommend_wrp .recommend_txt_inr .recommend_txt:first-of-type {
    padding-bottom: 3.8vw; } }

.taikenki_wrp {
  padding-bottom: 10px; }

.taikenki_wrp_inr {
  display: flex;
  margin-bottom: 10px;
  text-align: left; }
  @media screen and (min-width: 769px) {
    .taikenki_wrp_inr {
      padding: 40px; } }
  @media (max-width: 768px) {
    .taikenki_wrp_inr {
      padding: 5.12vw; } }

@media screen and (min-width: 769px) {
  .column-layout01 .feature-block .taikenki_img {
    width: 150px;
    height: 150px;
    margin-right: 20px; } }
@media (max-width: 768px) {
  .column-layout01 .feature-block .taikenki_img {
    width: 19.2vw;
    height: 19.2vw;
    margin-right: 3.5vw;
    flex-shrink: 0; } }

@media screen and (min-width: 769px) {
  .taikenki_txt {
    font-size: 14px;
    width: 530px; } }
@media (max-width: 768px) {
  .taikenki_txt {
    font-size: 3vw; } }
.taikenki_txt .taikenki_ttl {
  display: block;
  margin-bottom: 5px;
  font-weight: bold; }
  @media screen and (min-width: 769px) {
    .taikenki_txt .taikenki_ttl {
      font-size: 16px; } }
  @media (max-width: 768px) {
    .taikenki_txt .taikenki_ttl {
      font-size: 3.58vw;
      line-height: 5vw; } }
@media screen and (min-width: 769px) {
  .taikenki_txt .taikenki_name {
    font-size: 12px; } }
@media (max-width: 768px) {
  .taikenki_txt .taikenki_name {
    font-size: 2.8vw; } }

.okz_products_div__ttl {
  text-align: center; }
  @media (max-width: 768px) {
    .okz_products_div__ttl {
      margin-top: 12vw; } }
  @media screen and (min-width: 769px) {
    .okz_products_div__ttl {
      margin-top: 50px; } }

.okz_point-note {
  text-align: center;
  font-size: 12px; }
  @media (max-width: 768px) {
    .okz_point-note {
      margin-bottom: 2vw;
      line-height: 1.5;
      font-size: 2.82vw;
      letter-spacing: initial; } }

.cmn_cpt__wrp {
  text-align: left; }
  @media (max-width: 768px) {
    .cmn_cpt__wrp {
      font-size: 2.82vw;
      line-height: 4vw; } }
  @media screen and (min-width: 769px) {
    .cmn_cpt__wrp {
      font-size: 12px;
      margin-top: 10px; } }

.okz_products_div__wrp {
  position: relative;
  text-align: left;
  width: 100%; }

@media (max-width: 768px) {
  .okz_products_div__inr {
    display: block; } }
@media screen and (min-width: 769px) {
  .okz_products_div__inr {
    display: flex;
    margin-top: 15px; }
    .okz_products_div__inr > * {
      width: calc(50% - 10px); } }

.okz_products_div__box {
  position: relative; }
  @media screen and (min-width: 769px) {
    .okz_products_div__box {
      margin-right: 20px; }
      .okz_products_div__box:last-of-type {
        margin-right: 0; } }

@media (max-width: 768px) {
  .okz_products_div__box p {
    font-size: 3vw;
    line-height: 4vw; } }

@media screen and (min-width: 769px) {
  .okz_products_div__box.is__col1 {
    width: calc(25% - 10px); } }
@media (max-width: 768px) {
  .okz_products_div__box.is__col1 {
    width: calc(50% - 1.282vw); } }
@media (max-width: 768px) {
  .okz_products_div__box.is__col1 .cmn_tile__wrp > * {
    width: 100% !important; } }

.okz_products_div__box .okz_products-btn {
  background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2229px%22%20height%3D%2229px%22%20viewBox%3D%220%200%2029%2029%22%20style%3D%22enable-background%3Anew%200%200%2029%2029%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.st0%7Bfill%3A%23ff7c84%3B%7D%3C%2Fstyle%3E%3Cdefs%3E%3C%2Fdefs%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%2229%2C12.5%2016.5%2C12.5%2016.5%2C0%2012.5%2C0%2012.5%2C12.5%200%2C12.5%200%2C16.5%2012.5%2C16.5%2012.5%2C29%2016.5%2C29%2016.5%2C16.5%2029%2C16.5%20%22%2F%3E%3C%2Fsvg%3E); }
  @media screen and (min-width: 769px) {
    .okz_products_div__box .okz_products-btn {
      margin: 20px 0; } }
  @media (max-width: 768px) {
    .okz_products_div__box .okz_products-btn {
      margin: 3.8vw 0;
      font-size: 3vw; } }

@media screen and (min-width: 769px) {
  .okz_products-txt {
    margin-top: 10px; } }
@media (max-width: 768px) {
  .okz_products-txt {
    margin-top: 2vw;
    margin-bottom: 4vw;
    font-size: 3vw; } }

@media (max-width: 768px) {
  .cmp_modal__inr {
    min-height: 80vh; } }
@media screen and (min-width: 769px) {
  .cmp_modal__inr {
    width: 600px;
    min-height: 90vh; } }

.cmp_modal__inr.is__note1, .cmp_modal__inr.is__note2, .cmp_modal__inr.is__note3 {
  height: max-content;
  max-height: max-content;
  min-height: max-content; }
@media (max-width: 768px) {
  .cmp_modal__inr {
    padding: 8.94vw 2.94vw !important; } }

@media screen and (min-width: 769px) {
  .okz_modal-4 {
    min-height: auto; } }

.cmp_modal__close_btn::before, .cmp_modal__close_btn::after {
  background-color: #999; }

.cmn_cpt__lst.is__circle::before {
  content: '・'; }

@media (max-width: 768px) {
  .cmp_modal__close {
    transform: translate(0, -5vw); } }
@media screen and (min-width: 769px) {
  .cmp_modal__close {
    transform: translate(20px, -20px); } }

#shop_nav_sp {
  display: none !important; }

@media screen and (min-width: 769px) {
  .okz_art__wrp .tmp__anchor {
    top: -70px; } }

.okz_float__wrp {
  width: 100%;
  display: none; }
  .okz_float__wrp.display {
    display: block !important; }
  .okz_float__wrp .okz_btn-fixed {
    position: fixed;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    margin: auto;
    z-index: 100; }
    @media screen and (min-width: 769px) {
      .okz_float__wrp .okz_btn-fixed {
        width: 780px; } }
    @media (max-width: 768px) {
      .okz_float__wrp .okz_btn-fixed {
        width: 100%; } }
    .okz_float__wrp .okz_btn-fixed a {
      padding: 1em; }
      @media screen and (min-width: 769px) {
        .okz_float__wrp .okz_btn-fixed a {
          margin: 10px auto; } }
      @media (max-width: 768px) {
        .okz_float__wrp .okz_btn-fixed a {
          margin: 1.2vw auto; } }

.okz_lead__wrp {
  text-align: center; }
  .okz_lead__wrp .okz_lead__ttl {
    font-weight: bold;
    color: #fe7183; }
    @media screen and (min-width: 769px) {
      .okz_lead__wrp .okz_lead__ttl {
        font-size: 24px; } }
    @media (max-width: 768px) {
      .okz_lead__wrp .okz_lead__ttl {
        font-size: 4.615vw; } }
  .okz_lead__wrp .okz_lead__txt {
    line-height: 1.55; }
    @media screen and (min-width: 769px) {
      .okz_lead__wrp .okz_lead__txt {
        font-size: 18px;
        margin-bottom: 40px; } }
    @media (max-width: 768px) {
      .okz_lead__wrp .okz_lead__txt {
        font-size: 3.846vw;
        margin-bottom: 1.282vw; } }
    .okz_lead__wrp .okz_lead__txt:last-of-type {
      margin-bottom: 0; }

.is__modal_txt {
  display: block;
  cursor: pointer;
  text-decoration: underline !important; }
  .is__modal_txt:hover {
    text-decoration: none !important; }

.okz_qa .okz_qa__ttl {
  text-align: center;
  font-weight: bold;
  color: #ed8568;
  line-height: 1.1; }
  @media screen and (min-width: 769px) {
    .okz_qa .okz_qa__ttl {
      font-size: 22px;
      margin-bottom: 20px; } }
  @media (max-width: 768px) {
    .okz_qa .okz_qa__ttl {
      font-size: 3.59vw;
      margin-bottom: 5.128vw; } }
  .okz_qa .okz_qa__ttl strong {
    line-height: 1.3; }
    @media screen and (min-width: 769px) {
      .okz_qa .okz_qa__ttl strong {
        font-size: 32px; } }
    @media (max-width: 768px) {
      .okz_qa .okz_qa__ttl strong {
        font-size: 5.128vw; } }
@media screen and (min-width: 769px) {
  .okz_qa .okz_qa__item {
    margin-bottom: 30px; } }
@media (max-width: 768px) {
  .okz_qa .okz_qa__item {
    margin-bottom: 3.846vw; } }
.okz_qa .okz_qa__item:last-of-type {
  margin-bottom: 0; }
.okz_qa .okz_qa__question {
  text-align: center;
  position: relative; }
  @media screen and (min-width: 769px) {
    .okz_qa .okz_qa__question {
      height: 108px;
      margin-bottom: 10px; } }
  @media (max-width: 768px) {
    .okz_qa .okz_qa__question {
      height: 17.667vw;
      margin-bottom: 1.282vw; } }
  .okz_qa .okz_qa__question::before, .okz_qa .okz_qa__question::after {
    content: "";
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%); }
  .okz_qa .okz_qa__question::before {
    background-image: url(/ec/images/shop1/ft_okuizome/okz_qa_bg_top.gif); }
    @media screen and (min-width: 769px) {
      .okz_qa .okz_qa__question::before {
        top: 26px;
        height: 14px; } }
    @media (max-width: 768px) {
      .okz_qa .okz_qa__question::before {
        top: 3.974vw;
        height: 2.051vw; } }
  .okz_qa .okz_qa__question::after {
    background-image: url(/ec/images/shop1/ft_okuizome/okz_qa_bg_bot.gif);
    bottom: 0; }
    @media screen and (min-width: 769px) {
      .okz_qa .okz_qa__question::after {
        height: 25px; } }
    @media (max-width: 768px) {
      .okz_qa .okz_qa__question::after {
        height: 4.103vw; } }
.okz_qa .okz_qa__question_ico {
  font-weight: bold;
  color: #ed8568;
  background-color: #f8f86f;
  text-align: center;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 769px) {
    .okz_qa .okz_qa__question_ico {
      font-size: 24px;
      width: 50px;
      height: 50px;
      line-height: 45px;
      border: 2px solid #ed8568;
      margin-bottom: 5px; } }
  @media (max-width: 768px) {
    .okz_qa .okz_qa__question_ico {
      font-size: 3.846vw;
      width: 7.692vw;
      height: 7.692vw;
      line-height: 7.892vw;
      border: 0.256vw solid #ed8568;
      margin-bottom: 1.282vw; } }
.okz_qa .okz_qa__question_txt {
  font-weight: bold;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .okz_qa .okz_qa__question_txt {
      font-size: 22px;
      line-height: 1.2; } }
  @media (max-width: 768px) {
    .okz_qa .okz_qa__question_txt {
      font-size: 3.59vw;
      line-height: 1.15; } }
.okz_qa .okz_qa__answer_ico {
  font-weight: bold;
  color: #ed8568;
  text-align: center;
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 769px) {
    .okz_qa .okz_qa__answer_ico {
      font-size: 24px;
      height: 50px;
      line-height: 45px;
      margin-bottom: 10px; } }
  @media (max-width: 768px) {
    .okz_qa .okz_qa__answer_ico {
      font-size: 3.846vw;
      height: 7.692vw;
      line-height: 7.692vw;
      margin-bottom: 2.564vw; } }
  .okz_qa .okz_qa__answer_ico::before {
    content: "";
    background-color: #f8f86f;
    border-radius: 50%;
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); }
    @media screen and (min-width: 769px) {
      .okz_qa .okz_qa__answer_ico::before {
        width: 50px;
        height: 50px; } }
    @media (max-width: 768px) {
      .okz_qa .okz_qa__answer_ico::before {
        width: 7.692vw;
        height: 7.692vw; } }
@media screen and (min-width: 769px) {
  .okz_qa .okz_qa__answer_txt {
    font-size: 18px;
    line-height: 1.7; } }
@media (max-width: 768px) {
  .okz_qa .okz_qa__answer_txt {
    font-size: 3.077vw;
    line-height: 1.6; } }

.okz_link_wrap {
  text-align: center; }
  @media screen and (min-width: 769px) {
    .okz_link_wrap {
      margin: 20px 0; } }
  @media (max-width: 768px) {
    .okz_link_wrap {
      margin: 3.8vw 0;
      font-size: 3vw; } }

@media (max-width: 768px) {
  .okz_link_txt {
    font-size: 3vw; } }

.okz_link_txt-after {
  text-align: center;
  background-color: #fff;
  color: #ff7c84; }
  @media screen and (min-width: 769px) {
    .okz_link_txt-after {
      font-size: 14px;
      border: 2px solid #ff7c84; } }
  @media (max-width: 768px) {
    .okz_link_txt-after {
      font-size: 3vw;
      border: 0.513vw solid #ff7c84; } }
  .okz_link_txt-after:hover {
    opacity: 0.8; }
  .okz_link_txt-after::after {
    content: "▲";
    position: absolute;
    left: auto;
    bottom: auto;
    top: 52%;
    margin-top: auto;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%); }
    @media screen and (min-width: 769px) {
      .okz_link_txt-after::after {
        right: 15px; } }
    @media (max-width: 768px) {
      .okz_link_txt-after::after {
        right: 3.846vw; } }

/*追従*/
.okz_fixed {
  display: none; }
  @media screen and (min-width: 769px) {
    .okz_fixed {
      width: 780px;
      box-shadow: 0px 0px 12px 4px rgba(0, 0, 0, 0.15); } }
  @media (max-width: 768px) {
    .okz_fixed {
      width: 100vw;
      box-shadow: 0px 0px 1.538vw 0.513vw rgba(0, 0, 0, 0.15); } }
  .okz_fixed.fixed {
    display: block;
    position: fixed;
    z-index: 1000; }

.okz_fixed__list {
  display: flex;
  justify-content: center;
  flex: 1; }
  .okz_fixed__list .okz_fixed__item {
    text-align: center;
    flex-basis: calc( 100% / 3 );
    background-color: #fff;
    position: relative; }
    @media screen and (min-width: 769px) {
      .okz_fixed__list .okz_fixed__item {
        font-size: 14px;
        font-weight: bold;
        border-right: solid 1px #C1BCBD;
        height: 70px;
        line-height: 1.2; } }
    @media (max-width: 768px) {
      .okz_fixed__list .okz_fixed__item {
        font-size: 3vw;
        font-weight: 400;
        border-right: solid 1px #C1BCBD;
        height: 12.821vw;
        line-height: 1.2; } }
    .okz_fixed__list .okz_fixed__item a {
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
      text-decoration: none !important;
      transition: none; }
      @media screen and (min-width: 769px) {
        .okz_fixed__list .okz_fixed__item a {
          height: 70px;
          padding: 0; } }
      @media (max-width: 768px) {
        .okz_fixed__list .okz_fixed__item a {
          height: 12.821vw;
          padding: 1.923vw 0; } }
      .okz_fixed__list .okz_fixed__item a span {
        transition: none; }
        @media screen and (min-width: 769px) {
          .okz_fixed__list .okz_fixed__item a span {
            padding-bottom: 6px; } }
        @media (max-width: 768px) {
          .okz_fixed__list .okz_fixed__item a span {
            white-space: nowrap; } }
    .okz_fixed__list .okz_fixed__item a::after {
      content: '';
      width: 0.8em;
      height: 0.8em;
      margin: auto;
      display: block;
      position: absolute;
      top: auto;
      left: 0;
      right: 0;
      bottom: 0.5em;
      border-style: solid;
      border-color: transparent;
      border-top-color: #d2d2d2; }
      @media screen and (min-width: 769px) {
        .okz_fixed__list .okz_fixed__item a::after {
          border-width: 7px;
          transform: translateY(3.5px); } }
      @media (max-width: 768px) {
        .okz_fixed__list .okz_fixed__item a::after {
          border-width: 1.28vw;
          transform: translateY(1.923vw); } }
    .okz_fixed__list .okz_fixed__item:nth-child(4) {
      border-right: none; }

.okz_fixed__item.okz_fixed__item:hover, .okz_fixed__item.okz_fixed__item.is__active {
  background-color: #FE7183; }
  .okz_fixed__item.okz_fixed__item:hover a, .okz_fixed__item.okz_fixed__item.is__active a {
    color: #fff !important; }
  .okz_fixed__item.okz_fixed__item:hover a::after, .okz_fixed__item.okz_fixed__item.is__active a::after {
    border-top-color: #fff; }

@media (max-width: 768px) {
  .tmp_coupon__wrp.is__brand {
    border-radius: 5.128vw;
    box-shadow: 0.513vw 0.513vw 2.564vw 0 rgba(127, 89, 69, 0.1);
    padding-top: 7.692vw;
    padding-bottom: 7.692vw; } }
@media screen and (min-width: 769px) {
  .tmp_coupon__wrp.is__brand {
    border-radius: 20px;
    box-shadow: 2px 2px 10px 0px rgba(127, 89, 69, 0.1);
    padding-top: 30px;
    padding-bottom: 30px; } }

.inc_brand_coupon_area .tmp__ttl {
  color: #7F5945 !important;
  font-family: source-han-serif-japanese, serif; }
  @media (max-width: 768px) {
    .inc_brand_coupon_area .tmp__ttl {
      font-size: 4.615vw !important;
      line-height: 1.3 !important; } }
  @media screen and (min-width: 769px) {
    .inc_brand_coupon_area .tmp__ttl {
      font-size: 22px !important;
      padding-bottom: 20px !important; } }
  .inc_brand_coupon_area .tmp__ttl span {
    font-size: 0.9em;
    color: #B89953;
    font-family: cormorant-garamond, serif;
    display: inline-block; }
.inc_brand_coupon_area .ttl_main {
  color: #7F5945 !important; }
  @media (max-width: 768px) {
    .inc_brand_coupon_area .ttl_main {
      font-size: 6.667vw !important; } }
  @media screen and (min-width: 769px) {
    .inc_brand_coupon_area .ttl_main {
      font-size: 30px !important; } }
.inc_brand_coupon_area .tmp_coupon__sbt {
  font-family: 'Noto Serif JP', serif;
  color: #7F5945; }
  @media (max-width: 768px) {
    .inc_brand_coupon_area .tmp_coupon__sbt {
      font-size: 5.641vw !important; } }
  @media screen and (min-width: 769px) {
    .inc_brand_coupon_area .tmp_coupon__sbt {
      font-size: 32px !important; } }
  .inc_brand_coupon_area .tmp_coupon__sbt strong {
    font-size: 175% !important; }
.inc_brand_coupon_area .tmp__anchor {
  padding-top: 50px;
  margin-top: -50px; }
.inc_brand_coupon_area .tmp_coupon__box {
  padding: 10px; }
@media (max-width: 768px) {
  .inc_brand_coupon_area .tmp_coupon__data {
    width: fit-content !important; } }
@media screen and (min-width: 769px) {
  .inc_brand_coupon_area .tmp_coupon__data {
    width: 100% !important; } }
.inc_brand_coupon_area .tmp_coupon__inr {
  background-color: #fff; }
  @media (max-width: 768px) {
    .inc_brand_coupon_area .tmp_coupon__inr + p {
      font-size: 3.077vw; } }
  @media screen and (min-width: 769px) {
    .inc_brand_coupon_area .tmp_coupon__inr + p {
      font-size: 14px; } }
@media (max-width: 768px) {
  .inc_brand_coupon_area .tmp_coupon__box.is__dsc {
    padding: 3.051vw 2.051vw 0 2.051vw !important; } }
@media screen and (min-width: 769px) {
  .inc_brand_coupon_area .tmp_coupon__box.is__dsc {
    border-right: 1px solid #7F5945 !important;
    margin: 16px 0;
    padding: 12px 0 20px; } }
.inc_brand_coupon_area .tmp_coupon__box.is__dsc .tmp__txt {
  font-weight: bold;
  font-family: 'Noto Serif JP', serif; }
@media (max-width: 768px) {
  .inc_brand_coupon_area .tmp_coupon__box.is__code {
    margin-top: 0 !important;
    padding: 2vw 2vw 2vw 3vw; }
    .inc_brand_coupon_area .tmp_coupon__box.is__code::before {
      content: none !important; } }
@media (max-width: 768px) {
  .inc_brand_coupon_area .coupon_module {
    margin-left: -5.12vw;
    margin-right: -5.12vw; } }
.inc_brand_coupon_area .coupon_module .tmp__ttl {
  color: #7F5945;
  font-family: source-han-serif-japanese, serif; }
  @media (max-width: 768px) {
    .inc_brand_coupon_area .coupon_module .tmp__ttl {
      margin-bottom: 3.077vw; } }
.inc_brand_coupon_area .ccp__btn .tmp__btn {
  position: relative;
  padding-top: 1.2em !important;
  padding-bottom: 1.2em !important; }
  @media (max-width: 768px) {
    .inc_brand_coupon_area .ccp__btn .tmp__btn {
      width: 80% !important; } }
  .inc_brand_coupon_area .ccp__btn .tmp__btn::before {
    position: absolute;
    content: "";
    display: block;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    z-index: 2; }
    @media (max-width: 768px) {
      .inc_brand_coupon_area .ccp__btn .tmp__btn::before {
        width: 2.564vw;
        height: 2.564vw;
        right: 6.615vw;
        top: 5.487vw; } }
    @media screen and (min-width: 769px) {
      .inc_brand_coupon_area .ccp__btn .tmp__btn::before {
        width: 12px;
        height: 12px;
        right: 30px;
        top: 28px; } }
@media (max-width: 768px) {
  .inc_brand_coupon_area .js-copy__btn {
    width: 22vw !important;
    padding-top: .2em !important;
    padding-bottom: .2em !important;
    padding-left: 0.7em !important;
    padding-right: 0.7em !important; } }
.inc_brand_coupon_area .tmp__btn {
  background-color: #7F5945 !important;
  border-radius: 500px;
  color: #fff !important; }
.inc_brand_coupon_area .tmp_coupon__wrp,
.inc_brand_coupon_area .tmp_offer__wrp {
  background-color: #FFF9EA; }
.inc_brand_coupon_area .top_link {
  text-decoration: underline !important; }

@media screen and (min-width: 769px) {
  .cmp_modal__wrp .cmp_modal__inr {
    max-height: 80vh !important; } }
@media (max-width: 768px) {
  .cmp_modal__wrp .cmp_modal__inr {
    max-height: 70vh !important; } }
.cmp_modal__wrp .cpn-modal__ttl {
  text-align: center;
  font-weight: bold; }
  @media screen and (min-width: 769px) {
    .cmp_modal__wrp .cpn-modal__ttl {
      font-size: 18px; } }
  @media (max-width: 768px) {
    .cmp_modal__wrp .cpn-modal__ttl {
      font-size: 4.1vw; } }
@media (max-width: 768px) {
  .cmp_modal__wrp .cpn_coupon__offer {
    margin-top: 1em;
    line-height: 1.7; } }
@media screen and (min-width: 769px) {
  .cmp_modal__wrp .cpn_coupon__offer {
    margin-top: 1em;
    line-height: 1.7; } }
@media (max-width: 768px) {
  .cmp_modal__wrp .cpn_coupon__offer li {
    padding-right: 3vw;
    font-size: 3.077vw;
    padding-left: 1em;
    text-indent: -1em; } }
@media screen and (min-width: 769px) {
  .cmp_modal__wrp .cpn_coupon__offer li {
    font-size: 14px;
    padding-left: 1em;
    text-indent: -1em; } }

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