@charset "Shift_JIS";
/*----------!!css don't edit make sass!!----------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1;
  word-break: break-all; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

img {
  vertical-align: top; }

a {
  cursor: pointer;
  text-decoration: none; }

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
  button:focus {
    outline: none; }

h1, h2, h3, h4, h5, h6 {
  font-weight: bold; }

input[type=number],
input[type=email],
input[type=tel],
input[type=submit],
input[type=text],
textArea,
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.effect-bg-t01 {
  background-position: center center !important; }

body:not(.isIE) .effect-bg-t01 {
  background-size: 30% !important; }

body:not(.isIE) .effect-bg-t01.effect-bg-t01-ready {
  transition: background-size 3.3s cubic-bezier(0.215, 0.61, 0.355, 1); }

body:not(.isIE) .effect-bg-t01.effect-bg-t01-on {
  background-size: 100% !important; }

body {
  -webkit-text-size-adjust: 100%;
  font-family: "Ÿà–¾’©", YuMincho, "HGS–¾’©E", "‚l‚r ‚o–¾’©","MS PMincho", serif;
  background: #ffffff;
  color: #000000;
  font-size: 100%;
  position: relative; }
  @media screen and (max-width: 767px) {
    body {
      font-family: "Hiragino Mincho ProN", serif; }
      body img {
        width: 100%; } }
  body.isAndroid {
    font-family: "Sawarabi Mincho", serif; }

.wrap {
  background: #e9e9df url(/common/img/bg.jpg) repeat center 0;
  position: relative; }
  @media screen and (max-width: 767px) {
    .wrap {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0; } }

.wrap-sp {
  display: none; }

@media screen and (max-width: 767px) {
  .wrap-sp {
    width: 100%;
    height: 100vh;
    background: url(/common/img/bg.jpg) repeat-x center 0;
    background-attachment: inherit;
    background-size: cover;
    position: fixed;
    top: 0;
    left: 0;
    display: block; } }

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

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

.font-yu {
  font-family: 'Ÿà–¾’©‘Ì', 'YuMincho' , serif; }

.font-goth {
  font-family: "Yu Gothic", YuGothic; }

.header {
  position: fixed;
  top: 0;
  z-index: 10;
  width: 100%;
  padding: 0;
  height: 96px;
  background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%); }
  .header .inner {
    position: relative;
    max-width: 960px;
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto; }
  .header .logo {
    position: absolute;
    top: 20px;
    left: 40px;
    width: 169px;
    height: 23px;
    overflow: hidden;
    text-indent: -999px;
    display: block; }
    .header .logo a {
      display: block;
      height: 100%;
      transition: opacity .5s;
      background: url(/common/img/logo.png) no-repeat 0 0/100%; }
      @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
        .header .logo a {
          background: url(/common/img/logo@2x.png) no-repeat 0 0/100%; } }
      .header .logo a:hover {
        opacity: .6;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  .header .menu-trigger {
    display: none; }
  .header .navigation {
    position: absolute;
    top: 22px;
    right: 40px; }
    .header .navigation ul li {
      display: inline-block;
      margin-left: 54px; }
      .header .navigation ul li > ul {
        display: none; }
      .header .navigation ul li a {
        display: block;
        font-size: 15px;
        font-size: 15px;
        font-size: 0.9375rem;
        letter-spacing: .25em;
        color: #fff;
        text-decoration: none;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transition: opacity .5s; }
        .header .navigation ul li a:hover {
          opacity: .6;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
      .header .navigation ul li.campaign {
        display: none; }
  .header .banners {
    display: none; }
  @media screen and (max-width: 767px) {
    .header {
      position: fixed;
      top: 0;
      z-index: 10;
      width: 100%;
      padding: 0;
      height: 16vw;
      transition: all 1s; }
      .header:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 100%;
        background: #000;
        opacity: .7;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
        -ms-transform: scaleY(0);
            transform: scaleY(0);
        transition: all 1s ease .3s; }
      .header:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 16vw;
        background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%); }
      .header .logo {
        position: absolute;
        top: 4.53333vw;
        left: 4.8vw;
        width: 33.06667vw;
        height: 4.26667vw;
        background: url(/common/img/logo@2x.png) no-repeat 0 0/100%;
        text-indent: -1333.2vw;
        overflow: hidden;
        display: block;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        z-index: 2; }
        .header .logo a {
          display: block;
          width: 100%;
          height: 100%; }
      .header .navigation {
        padding-top: 18.13333vw;
        padding-left: 0;
        pointer-events: none;
        position: static; }
        .header .navigation > ul {
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          -ms-transform: translateY(-2.66667vw);
              transform: translateY(-2.66667vw);
          transition: all .5s ease 0s; }
          .header .navigation > ul > li {
            display: block;
            margin-left: 0; }
            .header .navigation > ul > li + li {
              margin-top: 8vw; }
              .header .navigation > ul > li + li.fun {
                margin-top: 5.86667vw; }
              .header .navigation > ul > li + li.campaign {
                margin-top: 6.66667vw; }
            .header .navigation > ul > li > a {
              display: inline-block;
              font-size: 4.8vw;
              letter-spacing: .17em;
              color: #fff;
              text-decoration: none;
              opacity: 1;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              transition: opacity .5s; }
            .header .navigation > ul > li ul {
              display: block;
              padding-left: 4.26667vw; }
              .header .navigation > ul > li ul li {
                margin-top: 8vw;
                margin-left: 0;
                letter-spacing: .2em;
                opacity: 0;
                -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
                -ms-transform: translateY(-2.66667vw);
                    transform: translateY(-2.66667vw);
                transition: all .5s ease 0s; }
                .header .navigation > ul > li ul li a {
                  font-size: 3.46667vw;
                  color: #fff;
                  text-decoration: none;
                  display: inline-block; }
                  .header .navigation > ul > li ul li a[target="_blank"]:after {
                    content: '';
                    position: relative;
                    top: 0.26667vw;
                    display: inline-block;
                    width: 2.66667vw;
                    height: 2.66667vw;
                    margin-left: 1.33333vw;
                    background: url(/common/img/ico_header_02.png) 0 0 no-repeat;
                    background-size: 2.66667vw 2.66667vw; }
            .header .navigation > ul > li.campaign {
              position: relative;
              opacity: 0;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
              -ms-transform: translateY(-2.66667vw);
                  transform: translateY(-2.66667vw);
              transition: all .5s ease 0s;
              pointer-events: none;
              display: none; }
              .header .navigation > ul > li.campaign:before {
                display: none; }
              .header .navigation > ul > li.campaign a {
                display: inline-block;
                padding: 1.06667vw 2.13333vw;
                letter-spacing: -.07em;
                color: #000;
                background: #fff; }
                .header .navigation > ul > li.campaign a:hover {
                  opacity: 1 !important;
                  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
              .header .navigation > ul > li.campaign.is-active:before {
                -ms-transform: scaleX(1);
                    transform: scaleX(1); }
      .header .banners {
        display: none; }
      .header .menu-trigger {
        display: inline-block;
        transition: all .4s;
        position: absolute;
        width: 13.33333vw;
        height: 13.33333vw;
        z-index: 2;
        top: 0;
        right: 0; }
        .header .menu-trigger span {
          display: block;
          box-sizing: border-box;
          position: absolute;
          right: 4.53333vw;
          width: 6.4vw;
          height: 0.26667vw;
          background: #fff;
          -ms-transform-origin: 100% 0;
              transform-origin: 100% 0;
          transition: all .4s; }
          .header .menu-trigger span:nth-of-type(1), .header .menu-trigger span:nth-of-type(2), .header .menu-trigger span:nth-of-type(3) {
            -ms-transform: scaleX(1);
                transform: scaleX(1); }
          .header .menu-trigger span:nth-of-type(1) {
            top: 4.8vw;
            transition-delay: .7s; }
          .header .menu-trigger span:nth-of-type(2) {
            top: 6.66667vw;
            transition-delay: .6s; }
          .header .menu-trigger span:nth-of-type(3) {
            top: 8.53333vw;
            transition-delay: .5s; }
          .header .menu-trigger span:nth-of-type(4), .header .menu-trigger span:nth-of-type(5) {
            width: 6.93333vw;
            -ms-transform-origin: 50% 50%;
                transform-origin: 50% 50%;
            transition-delay: 0s; }
          .header .menu-trigger span:nth-of-type(4) {
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -ms-transform: translate(-1.33333vw, -1.33333vw) rotate(45deg);
                transform: translate(-1.33333vw, -1.33333vw) rotate(45deg);
            top: 6.66667vw;
            right: 4.26667vw;
            transition-delay: .1s; }
          .header .menu-trigger span:nth-of-type(5) {
            opacity: 0;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
            -ms-transform: translate(-1.33333vw, 1.33333vw) rotate(-45deg);
                transform: translate(-1.33333vw, 1.33333vw) rotate(-45deg);
            top: 6.66667vw;
            right: 4.26667vw;
            transition-delay: 0s; }
        .header .menu-trigger.is-active span:nth-of-type(1), .header .menu-trigger.is-active span:nth-of-type(2), .header .menu-trigger.is-active span:nth-of-type(3) {
          -ms-transform: scaleX(0);
              transform: scaleX(0); }
        .header .menu-trigger.is-active span:nth-of-type(1) {
          transition-delay: 0s; }
        .header .menu-trigger.is-active span:nth-of-type(2) {
          transition-delay: .1s; }
        .header .menu-trigger.is-active span:nth-of-type(3) {
          transition-delay: .2s; }
        .header .menu-trigger.is-active span:nth-of-type(4) {
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          -ms-transform: translate(0, 0) rotate(45deg);
              transform: translate(0, 0) rotate(45deg);
          transition-delay: .6s; }
        .header .menu-trigger.is-active span:nth-of-type(5) {
          transition-delay: .7s;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          -ms-transform: translate(0, 0) rotate(-45deg);
              transform: translate(0, 0) rotate(-45deg); }
      .header.is-open {
        height: 100%; }
        .header.is-open:before {
          -ms-transform: scaleY(1);
              transform: scaleY(1);
          transition-delay: .2s; }
        .header.is-open .navigation {
          pointer-events: auto; }
          .header.is-open .navigation > ul {
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            -ms-transform: translateY(0);
                transform: translateY(0);
            transition-delay: .5s; }
            .header.is-open .navigation > ul > li.campaign {
              opacity: 1;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              -ms-transform: translateY(0);
                  transform: translateY(0);
              transition-delay: 1s; }
            .header.is-open .navigation > ul > li > ul > li {
              opacity: 1;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
              -ms-transform: translateY(0);
                  transform: translateY(0);
              transition-delay: .7s;
              display: block; } }

.footer {
  width: 100%;
  background: #000;
  text-align: center;
  padding: 60px 0 33px;
  color: #fff;
  font-size: 14px;
  font-size: 14px;
  font-size: 0.875rem;
  position: relative; }
  .footer .inner {
    position: relative;
    max-width: 960px;
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
    margin-left: auto;
    margin-right: auto; }
  .footer .footer-title {
    text-align: center;
    line-height: 1;
    font-size: 18px;
    font-size: 18px;
    font-size: 1.125rem;
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    padding-left: 11px;
    font-feature-settings: 'palt';
    letter-spacing: .15em;
    margin-bottom: 24px; }
  .footer .button {
    position: relative;
    display: block;
    width: 280px;
    height: 56px;
    margin: auto; }
    .footer .button a {
      border: 1px solid #fff;
      -webkit-font-smoothing: antialiased;
      letter-spacing: .21em;
      font-size: 18px;
      font-size: 18px;
      font-size: 1.125rem;
      display: block;
      height: 100%;
      color: #fff;
      padding: 18px 10px;
      box-sizing: border-box;
      text-decoration: none;
      transition: all .7s; }
      .footer .button a:hover {
        background: #fff;
        color: #000; }
        .footer .button a:hover + .arrow {
          -ms-transform: translateX(-10px);
              transform: translateX(-10px);
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .footer .button.twitter a:hover:before {
      background: url(/common/img/footer_sns_twitter_on.png) no-repeat 0 0; }
    .footer .button.twitter a:hover + .arrow {
      -ms-transform: translateX(10px);
          transform: translateX(10px); }
    .footer .button .arrow {
      display: block;
      width: 61px;
      height: 6px;
      position: absolute;
      top: 50%;
      left: -43px;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -ms-transform: translateX(0);
          transform: translateX(0);
      transition: all .6s; }
      .footer .button .arrow:before {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background-color: #fff; }
      .footer .button .arrow:after {
        content: '';
        display: block;
        width: 9px;
        height: 1px;
        background-color: #fff;
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        margin-top: -4px; }
    .footer .button.twitter a {
      letter-spacing: 1px; }
      .footer .button.twitter a:before {
        content: '';
        display: inline-block;
        width: 40px;
        height: 25px;
        background: url(/common/img/footer_sns_twitter.png) no-repeat 0 0;
        vertical-align: -6px;
        margin-top: -4px;
        transition: background .6s; }
    .footer .button.twitter .arrow {
      left: auto;
      right: -43px; }
      .footer .button.twitter .arrow:after {
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg);
        margin-left: auto; }
  .footer .copyright {
    margin-top: 56px; }
    .footer .copyright small {
      display: block; }
      .footer .copyright small a {
        color: #fff;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        font-size: 13px;
        font-size: 13px;
        font-size: 0.8125rem;
        line-height: 1;
        letter-spacing: .16em;
        text-decoration: none; }
  @media screen and (max-width: 767px) {
    .footer {
      width: 100%;
      background: #000;
      text-align: center;
      padding: 10.13333vw 0 8.8vw;
      color: #fff;
      font-size: 3.73333vw; }
      .footer .inner {
        padding-left: 9.6vw;
        padding-right: 9.6vw; }
      .footer .footer-title {
        font-size: 4.8vw;
        margin-bottom: 6.4vw; }
      .footer .button {
        position: relative;
        display: block;
        width: 100%;
        height: 14.93333vw;
        margin: auto; }
        .footer .button a {
          border: 0.26667vw solid #fff;
          -webkit-font-smoothing: antialiased;
          letter-spacing: .21em;
          font-size: 4.8vw;
          display: block;
          height: 100%;
          color: #fff;
          padding: 4.8vw 2.66667vw;
          box-sizing: border-box;
          text-decoration: none; }
          .footer .button a:hover {
            background: #000;
            color: #fff; }
            .footer .button a:hover + .arrow {
              -ms-transform: translateX(0);
                  transform: translateX(0);
              opacity: 1;
              -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
        .footer .button.twitter a:before {
          width: 10.66667vw;
          height: 6.66667vw;
          vertical-align: -1.6vw;
          margin-top: -1.06667vw;
          background: url(/common/img/footer_sns_twitter.png) no-repeat 0 0/70%; }
        .footer .button.twitter a:hover:before {
          background: url(/common/img/footer_sns_twitter.png) no-repeat 0 0/70%; }
        .footer .button.twitter a:hover + .arrow {
          -ms-transform: translateX(0);
              transform: translateX(0);
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
        .footer .button.twitter .arrow {
          left: auto;
          right: -6.13333vw; }
        .footer .button .arrow {
          display: block;
          width: 9.6vw;
          height: 1.33333vw;
          position: absolute;
          top: 50%;
          left: -6.13333vw;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          -ms-transform: translateX(0);
              transform: translateX(0); }
          .footer .button .arrow:before {
            content: '';
            display: block;
            width: 100%;
            height: 0.26667vw;
            background-color: #fff; }
          .footer .button .arrow:after {
            content: '';
            display: block;
            width: 1.6vw;
            height: 0.26667vw;
            background-color: #fff;
            -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            margin-top: -0.8vw; }
      .footer .copyright {
        margin-top: 10.93333vw; }
        .footer .copyright small {
          display: block;
          height: 3.46667vw; }
          .footer .copyright small a {
            color: #fff;
            display: inline-block;
            -webkit-font-smoothing: antialiased;
            font-size: 3.46667vw;
            line-height: 1;
            letter-spacing: .16em; } }

.main {
  width: 100%; }
  .main .main-inner {
    box-sizing: border-box;
    padding: 0 0 95px 0; }
    .main .main-inner[data-type="top"] {
      padding-bottom: 247px; }
    @media screen and (max-width: 1499px) {
      .main .main-inner {
        padding: 0 0 6.33333% 0; } }
    @media screen and (max-width: 767px) {
      .main .main-inner {
        padding: 0 0 3.33333%; } }
  .main .sec-inner {
    box-sizing: border-box;
    padding: 95px 0 95px 285px; }
    @media screen and (max-width: 1040px) {
      .main .sec-inner {
        padding: 95px 0 95px 22.66667%; } }
    @media screen and (max-width: 767px) {
      .main .sec-inner {
        padding: 1.66667% 0 1.66667%; } }
  .main .contents {
    position: relative; }
  @media screen and (max-width: 767px) {
    .main .inner {
      padding: 0 5.33333%; } }
  .main .contents-wrap {
    box-sizing: border-box; }
    .main .contents-wrap.bg-c {
      background: #dadbd2; }
    @media screen and (max-width: 767px) {
      .main .contents-wrap {
        padding-right: 0; } }

@media screen and (max-width: 999px) {
  .main-inner[data-type="top"] {
    padding-bottom: 88px !important; } }

.text-vw {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  -ms-text-orientation: upright; }

.v-text-s {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  -ms-text-orientation: upright;
  font-size: 22px;
  font-size: 22px;
  font-size: 1.375rem; }
  @media screen and (max-width: 1499px) {
    .v-text-s {
      font-size: 22px;
      font-size: 1.46667vw; } }
  @media screen and (max-width: 767px) {
    .v-text-s {
      font-size: 9px;
      font-size: 2.8125vw; } }

.v-text-m {
  writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  -webkit-text-orientation: upright;
  text-orientation: upright;
  -ms-text-orientation: upright;
  font-size: 46px;
  font-size: 46px;
  font-size: 2.875rem; }
  @media screen and (max-width: 1499px) {
    .v-text-m {
      font-size: 46px;
      font-size: 3.06667vw; } }
  @media screen and (max-width: 767px) {
    .v-text-m {
      font-size: 15px;
      font-size: 4.6875vw; } }

h2.heading {
  font-size: 46px;
  font-size: 3.06667vw;
  color: #000000;
  text-align: center; }
  @media screen and (max-width: 767px) {
    h2.heading {
      font-size: 23px;
      font-size: 7.1875vw; } }

.btm-nav-sec {
  background: #eaebe5;
  box-sizing: border-box;
  padding: 60px 0 60px 285px;
  box-sizing: border-box; }
  @media screen and (max-width: 1499px) {
    .btm-nav-sec {
      padding: 4% 0 4% 285px; } }
  @media screen and (max-width: 767px) {
    .btm-nav-sec {
      padding: 3.33333% 0 3.33333%; } }

.btm-nav-block {
  width: 100%;
  max-width: 800px;
  margin: auto; }
  @media screen and (max-width: 767px) {
    .btm-nav-block {
      max-width: inherit; } }
  .btm-nav-block .btm-nav-wrap {
    box-sizing: border-box; }
    @media screen and (max-width: 1499px) {
      .btm-nav-block .btm-nav-wrap {
        padding: 0 0 60px 0; } }
    @media screen and (max-width: 767px) {
      .btm-nav-block .btm-nav-wrap {
        margin: 0 0 0;
        padding: 5.97015% 5.97015% 0; } }
  @media screen and (max-width: 767px) {
    .btm-nav-block .btm-nav-inner {
      width: 100%;
      max-width: inherit; } }
  .btm-nav-block .heading {
    color: #000000;
    text-align: center;
    font-size: 32px;
    font-size: 32px;
    font-size: 2rem; }
    @media screen and (max-width: 1499px) {
      .btm-nav-block .heading {
        font-size: 32px;
        font-size: 2.13333vw; } }
    @media screen and (max-width: 767px) {
      .btm-nav-block .heading {
        font-size: 20px;
        font-size: 6.25vw; } }
  .btm-nav-block .btm-nav-list {
    margin: 35px 0 0; }
    @media screen and (max-width: 767px) {
      .btm-nav-block .btm-nav-list {
        margin: 20px 0 0; } }
    .btm-nav-block .btm-nav-list li {
      background: #ffffff;
      width: 100%;
      margin: 20px 0 0;
      box-sizing: border-box; }
      .btm-nav-block .btm-nav-list li a {
        transition: all .3s; }
        .btm-nav-block .btm-nav-list li a:hover {
          opacity: 0.7;
          -ms-filter: "alpha(opacity=70)"; }
      @media screen and (max-width: 767px) {
        .btm-nav-block .btm-nav-list li {
          margin: 10px 0 0; } }
      .btm-nav-block .btm-nav-list li:first-child {
        margin: 0 0 0; }
      .btm-nav-block .btm-nav-list li a {
        padding: 10px;
        display: block;
        color: #000000;
        position: relative; }
        @media screen and (max-width: 767px) {
          .btm-nav-block .btm-nav-list li a {
            padding: 5px; } }
        .btm-nav-block .btm-nav-list li a:after {
          width: 12px;
          height: 21px;
          content: '';
          background: url(/common/img/arrow.png) no-repeat 0 0;
          background-size: 100%;
          position: absolute;
          top: 0;
          left: 94%;
          bottom: 0;
          margin: auto; }
          @media screen and (max-width: 767px) {
            .btm-nav-block .btm-nav-list li a:after {
              width: 6px;
              height: 11px; } }
      .btm-nav-block .btm-nav-list li dl {
        text-align: center;
        letter-spacing: -.4em; }
        .btm-nav-block .btm-nav-list li dl dt {
          width: 48%;
          height: 100%;
          display: inline-block; }
          .btm-nav-block .btm-nav-list li dl dt img {
            width: 100%; }
        .btm-nav-block .btm-nav-list li dl dd {
          width: 52%;
          height: 100%;
          display: inline-block;
          vertical-align: top;
          letter-spacing: normal;
          position: relative;
          padding-top: 13.7%;
          overflow: hidden; }
          .btm-nav-block .btm-nav-list li dl dd p {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            bottom: 0;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -webkit-justify-content: center;
            -ms-flex-align: center;
                align-items: center;
            -ms-flex-pack: center;
                justify-content: center;
            line-height: 1.3em;
            font-size: 20px;
            font-size: 20px;
            font-size: 1.25rem; }
            @media screen and (max-width: 1499px) {
              .btm-nav-block .btm-nav-list li dl dd p {
                font-size: 4.3px;
                font-size: 1.34375vw; } }
            @media screen and (max-width: 767px) {
              .btm-nav-block .btm-nav-list li dl dd p {
                font-size: 10px;
                font-size: 3.125vw; } }

.about-block {
  margin: 50px auto 0;
  max-width: 800px;
  box-sizing: border-box; }
  .about-block.last {
    margin: 0 auto 0; }
    @media screen and (max-width: 767px) {
      .about-block.last {
        padding: 0 5.33333% 8%; } }
  @media screen and (max-width: 767px) {
    .about-block {
      margin: 35px 0 0;
      padding: 0 5.33333% 0;
      max-width: inherit; } }
  .about-block .heading {
    line-height: 1.8em;
    text-align: center;
    font-size: 20px;
    font-size: 20px;
    font-size: 1.25rem; }
    @media screen and (max-width: 1499px) {
      .about-block .heading {
        font-size: 20px;
        font-size: 1.33333vw; } }
    @media screen and (max-width: 767px) {
      .about-block .heading {
        font-size: 14px;
        font-size: 4.375vw; } }
  .about-block .about-list {
    width: 800px;
    margin: 30px auto 0;
    letter-spacing: -.4em;
    text-align: center; }
    @media screen and (max-width: 1499px) {
      .about-block .about-list {
        width: 100%; } }
    @media screen and (max-width: 767px) {
      .about-block .about-list {
        width: 100%;
        margin: 15px auto 0; } }
    .about-block .about-list li {
      width: 32.5%;
      display: inline-block;
      letter-spacing: normal;
      margin: 0 0 0 1.25%; }
      .about-block .about-list li a {
        transition: all .3s; }
        .about-block .about-list li a:hover {
          opacity: 0.7;
          -ms-filter: "alpha(opacity=70)"; }
      .about-block .about-list li:first-child {
        margin: 0 0 0 0; }
      @media screen and (max-width: 767px) {
        .about-block .about-list li {
          width: 32.23881%;
          margin: 0 0 0 1.49254%; } }
      .about-block .about-list li img {
        width: 100%; }
    .about-block .about-list dl dt a {
      display: block; }
    .about-block .about-list dl dd {
      margin: 20px 0 0; }
      @media screen and (max-width: 767px) {
        .about-block .about-list dl dd {
          margin: 10px 0 0; } }
    .about-block .about-list .about-lead {
      text-align: center;
      font-size: 18px;
      font-size: 18px;
      font-size: 1.125rem; }
      @media screen and (max-width: 1499px) {
        .about-block .about-list .about-lead {
          font-size: 18px;
          font-size: 1.2vw; } }
      @media screen and (max-width: 767px) {
        .about-block .about-list .about-lead {
          font-size: 10px;
          font-size: 3.125vw; } }
    .about-block .about-list .about-name {
      text-align: center;
      margin: 15px 0 0;
      font-size: 26px;
      font-size: 26px;
      font-size: 1.625rem; }
      @media screen and (max-width: 1499px) {
        .about-block .about-list .about-name {
          font-size: 26px;
          font-size: 1.73333vw; } }
      @media screen and (max-width: 767px) {
        .about-block .about-list .about-name {
          font-size: 10px;
          font-size: 3.125vw;
          margin: 7px 0 0; } }

.socail-block {
  width: 100%;
  max-width: 800px;
  box-sizing: border-box;
  padding: 24px 0 24px;
  margin: 80px auto 0;
  background: #fff;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition: all 1s; }
  .socail-block dl {
    position: relative;
    text-align: center;
    letter-spacing: -.4em;
    background: #fff; }
    .socail-block dl dt {
      position: absolute;
      top: 50%;
      left: 113px;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
      font-size: 20px;
      font-size: 20px;
      font-size: 1.25rem;
      letter-spacing: .2em;
      line-height: 1.6;
      font-feature-settings: 'palt'; }
    .socail-block dl dd {
      display: block;
      vertical-align: top;
      padding-left: 442px;
      text-align: left; }
      .socail-block dl dd ul {
        font-size: 0;
        line-height: 1; }
        .socail-block dl dd ul li {
          width: 65px;
          height: 65px;
          display: inline-block;
          margin: 0 0 0 20px;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          -ms-transform: translateY(0);
              transform: translateY(0);
          transition: all 1s; }
          .socail-block dl dd ul li:nth-child(1) {
            transition-delay: .2s; }
          .socail-block dl dd ul li:nth-child(2) {
            transition-delay: .4s; }
          .socail-block dl dd ul li:nth-child(3) {
            transition-delay: .5s; }
          .socail-block dl dd ul li:nth-child(4) {
            transition-delay: .6s; }
          .socail-block dl dd ul li:first-child {
            margin: 0 0 0 0; }
          .socail-block dl dd ul li a {
            width: 65px;
            height: 65px;
            display: block;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            transition: opacity .3s; }
          .socail-block dl dd ul li.icon-fb a {
            background: url(/common/img/icon_fb.png) no-repeat 0 0;
            background-size: 100%; }
          .socail-block dl dd ul li.icon-tw a {
            background: url(/common/img/icon_tw.png) no-repeat 0 0;
            background-size: 100%; }
          .socail-block dl dd ul li.icon-line a {
            background: url(/common/img/icon_line.png) no-repeat 0 0;
            background-size: 100%; }
          .socail-block dl dd ul li.icon-hatena a {
            background: url(/common/img/icon_hatena.png) no-repeat 0 0;
            background-size: 100%; }

.socail-block.is-hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-transform: translateY(20px);
      transform: translateY(20px); }
  .socail-block.is-hidden dl dd ul li {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-transform: translateY(10px);
        transform: translateY(10px);
    transition: all 1s; }

@media screen and (min-width: 1000px) {
  .socail-block dl dd ul li a:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }

@media screen and (max-width: 999px) {
  .socail-block {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
    margin-top: 23px;
    padding: 0 24px;
    background: transparent; }
    .socail-block dl {
      padding-top: 19px;
      padding-bottom: 23px; }
      .socail-block dl dt {
        position: static;
        -ms-transform: translateY(0);
            transform: translateY(0);
        display: block;
        text-align: center;
        font-size: 18px;
        font-size: 1.125rem;
        letter-spacing: .2em; }
      .socail-block dl dd {
        margin-top: 8px;
        padding: 0;
        text-align: center; }
        .socail-block dl dd ul li {
          width: 48px;
          height: 48px;
          margin-left: 7px !important;
          margin-right: 7px !important; }
          .socail-block dl dd ul li a {
            width: 48px;
            height: 48px;
            background-size: 48px 48px; } }

.btn-initial {
  width: 100%;
  margin: 0 auto; }
  .btn-initial a {
    transition: all .3s; }
    .btn-initial a:hover {
      opacity: 0.7;
      -ms-filter: "alpha(opacity=70)"; }
  @media screen and (max-width: 767px) {
    .btn-initial {
      width: 100%; } }
  .btn-initial a {
    width: 100%;
    display: block;
    position: relative;
    background: #ffffff;
    padding: 20px 0;
    text-align: center;
    color: #000000;
    text-decoration: none;
    font-size: 20px;
    font-size: 20px;
    font-size: 1.25rem; }
    @media screen and (max-width: 1499px) {
      .btn-initial a {
        font-size: 20px;
        font-size: 1.33333vw; } }
    @media screen and (max-width: 767px) {
      .btn-initial a {
        padding: 15px 0;
        font-size: 16px;
        font-size: 5vw; } }
    .btn-initial a:after {
      width: 12px;
      height: 21px;
      content: '';
      background: url(/common/img/arrow.png) no-repeat 0 0;
      background-size: 100%;
      position: absolute;
      top: 0;
      left: 94%;
      bottom: 0;
      margin: auto auto auto -12px; }
      @media screen and (max-width: 767px) {
        .btn-initial a:after {
          width: 9px;
          height: 16px;
          left: 90%;
          margin: auto; } }

.cchannel {
  margin: 40px 0 0;
  padding: 0 5.33333% 5.33333%; }
  .cchannel .cchannel-inner {
    border-top: solid 1px #adadab;
    padding: 8% 0 0; }
  .cchannel .heading {
    font-size: 20px;
    font-size: 6.25vw;
    line-height: 1;
    text-align: center; }
  .cchannel .heading-sub {
    font-size: 14px;
    font-size: 4.375vw;
    line-height: 1;
    margin: 10px 0 0;
    text-align: center; }
  .cchannel .credit {
    font-size: 12px;
    font-size: 3.75vw;
    line-height: 1;
    margin: 10px 0 0;
    text-align: center;
    vertical-align: top; }
    .cchannel .credit img {
      width: 23.43284%;
      vertical-align: middle; }
  .cchannel .intro-box {
    margin: 25px 0 0; }
    .cchannel .intro-box:before, .cchannel .intro-box:after {
      content: "";
      display: table; }
    .cchannel .intro-box:after {
      clear: both; }
  .cchannel .intro-img {
    width: 47.76119%;
    float: left;
    margin-right: 2.23881%; }
    .cchannel .intro-img img {
      width: 100%; }
  .cchannel .intro-text {
    width: 47.76119%;
    float: left;
    line-height: 1.5;
    font-size: 12px;
    font-size: 3.75vw; }
  .cchannel .btn-initial {
    margin: 20px 0 0; }
    .cchannel .btn-initial a {
      font-size: 12px;
      font-size: 3.75vw;
      padding: 10px 0; }

.overlay {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 2; }

.modal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 35px 15px 15px;
  z-index: 3;
  box-sizing: border-box; }
  .modal .modal-inner {
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 25px;
    box-sizing: border-box; }
  .modal .btn-close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0;
    right: 0; }
    .modal .btn-close img {
      width: 100%; }
  .modal .movie {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; }

.m-txt-makimono {
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl; }
  .m-txt-makimono .tcy {
    text-combine-upright: all;
    letter-spacing: 0; }
  .m-txt-makimono.lh1,
  .m-txt-makimono.lh1 .m-txt-makimono__paragraph:not(.no-lh1) {
    line-height: 1 !important; }

.m-txt-makimono__paragraph {
  display: block;
  font-size: 24px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.87;
  letter-spacing: .19em; }
  .m-txt-makimono__paragraph.small {
    font-size: 15px;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 2.8; }
  .m-txt-makimono__paragraph .word {
    display: inline-block;
    background: #fff;
    padding-top: 26px;
    padding-bottom: 18px; }
  .m-txt-makimono__paragraph img.word {
    padding-top: 0;
    padding-bottom: 0;
    background: transparent; }
  .m-txt-makimono__paragraph + .m-txt-makimono__paragraph {
    margin-right: 12px; }

.m-product-hero {
  position: relative;
  padding-top: 40%;
  font-size: 0;
  line-height: 1;
  background: center top no-repeat;
  background-size: cover;
  background-image: url(/about/img/pct_hero_01.jpg); }
  .m-product-hero:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    transition: opacity 1s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
  .m-product-hero:not(.is-kv-loaded):before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .m-product-hero .pct-loading {
    display: none; }

@media screen and (max-width: 999px) {
  .m-product-hero {
    padding-top: 146.6666667%; } }

.m-subpage-hero {
  position: relative;
  height: 441px;
  background: center top no-repeat;
  background-size: cover; }
  .m-subpage-hero:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity 1s; }
  .m-subpage-hero:not(.is-kv-loaded):before {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
  .m-subpage-hero__hdg {
    position: absolute;
    top: 122px;
    left: 50%;
    -ms-transform: translateX(-50%);
        transform: translateX(-50%); }
  .m-subpage-hero .pct-loading {
    display: none; }

@media screen and (min-width: 1000px) {
  .m-subpage-hero .pc-hidden {
    display: none; } }

@media screen and (max-width: 999px) {
  .m-subpage-hero {
    height: 220px; }
    .m-subpage-hero__hdg {
      top: 63px;
      width: 31px; }
    .m-subpage-hero .sp-hidden {
      display: none; } }

.m-hdg-1 {
  position: relative;
  margin: 0 auto;
  padding-top: 52px;
  font-weight: normal;
  letter-spacing: .26em;
  text-align: center;
  font-size: 24px;
  font-size: 24px;
  font-size: 1.5rem; }
  .m-hdg-1 .txt {
    position: relative;
    display: inline-block;
    -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    white-space: nowrap; }
    .m-hdg-1 .txt:before {
      content: '';
      position: absolute;
      top: -52px;
      left: 50%;
      margin-left: -34px;
      display: block;
      width: 79px;
      height: 40px;
      background: url(/top/img/ico_hdg_01.png) 0 0 no-repeat; }
    .m-hdg-1 .txt:after {
      content: '';
      position: absolute;
      top: 0;
      right: -12px;
      width: 1px;
      height: calc(100% - 6px);
      background: #000; }

@media screen and (max-width: 999px) {
  .m-hdg-1 {
    font-size: 20px;
    font-size: 1.25rem;
    padding-top: 41px;
    letter-spacing: .25em; }
    .m-hdg-1 .txt:before {
      width: 66px;
      height: 33px;
      background-size: 66px 33px;
      margin-left: -30px;
      top: -41px; }
    .m-hdg-1 .txt:after {
      right: -6px;
      height: calc(100% - 8px); } }

.m-nav-main-bottles {
  padding-top: 24px;
  padding-bottom: 73px;
  text-align: center;
  font-size: 0;
  line-height: 1; }

.m-nav-main-bottles__lst .item {
  display: inline-block;
  vertical-align: top;
  width: 200px;
  height: 239px;
  margin: 0 6px; }
  .m-nav-main-bottles__lst .item .wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: 0 0 no-repeat;
    background-size: cover; }
    .m-nav-main-bottles__lst .item .wrap:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      display: block;
      background: 0 0 no-repeat;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -ms-transform: translateY(0);
          transform: translateY(0);
      transition: all 1s;
      z-index: 2; }
    .m-nav-main-bottles__lst .item .wrap:after {
      content: '';
      position: absolute;
      bottom: 19px;
      left: 0;
      display: block;
      width: 39px;
      height: 6px;
      background: url(/common/img/ico_navproducts_01.png) 0 0 no-repeat;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -ms-transform: translateX(0);
          transform: translateX(0);
      transition: all 1s ease 1.3s; }
    .m-nav-main-bottles__lst .item .wrap .panel-white {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transition: opacity .3s;
      z-index: 1; }
  .m-nav-main-bottles__lst .item .m-txt-makimono {
    position: absolute;
    top: -19px;
    right: 9px;
    z-index: 2; }
    .m-nav-main-bottles__lst .item .m-txt-makimono .m-txt-makimono__paragraph {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -ms-transform: translateY(0);
          transform: translateY(0);
      transition: all 1s; }
  .m-nav-main-bottles__lst .item:nth-child(1) .m-txt-makimono .m-txt-makimono__paragraph {
    transition-delay: .2s; }
  .m-nav-main-bottles__lst .item:nth-child(2) .wrap:before {
    transition-delay: .2s; }
  .m-nav-main-bottles__lst .item:nth-child(2) .m-txt-makimono .m-txt-makimono__paragraph {
    transition-delay: .4s; }
  .m-nav-main-bottles__lst .item:nth-child(3) .wrap:before {
    transition-delay: .4s; }
  .m-nav-main-bottles__lst .item:nth-child(3) .m-txt-makimono .m-txt-makimono__paragraph {
    transition-delay: .6s; }
  .m-nav-main-bottles__lst .item:nth-child(4) .wrap:before {
    transition-delay: .6s; }
  .m-nav-main-bottles__lst .item:nth-child(4) .m-txt-makimono .m-txt-makimono__paragraph {
    transition-delay: .8s; }
  .m-nav-main-bottles__lst .item.ayataka .wrap {
    background-image: url(/common/img/bg_navproducts_04.jpg); }
    .m-nav-main-bottles__lst .item.ayataka .wrap:before {
      width: 85px;
      height: 264px;
      margin-top: -132px;
      margin-left: -43px;
      background-image: url(/common/img/pct_navproducts_04.png);
      background-size: 85px 264px; }
  .m-nav-main-bottles__lst .item.amami .wrap {
    background-image: url(/common/img/bg_navproducts_01.jpg); }
    .m-nav-main-bottles__lst .item.amami .wrap:before {
      width: 85px;
      height: 264px;
      margin-top: -132px;
      margin-left: -43px;
      background-image: url(/common/img/pct_navproducts_01.png); }
  .m-nav-main-bottles__lst .item.amami.amami-22 .wrap {
    background-image: url(/common/img/bg_navproducts_01.jpg); }
  .m-nav-main-bottles__lst .item.amami.amami-22 .wrap:before {
    background-image: url(/common/img/pct_navproducts_01.png); }
  .m-nav-main-bottles__lst .item.houji .wrap {
    background-image: url(/common/img/bg_navproducts_02.jpg); }
    .m-nav-main-bottles__lst .item.houji .wrap:before {
      width: 84px;
      height: 263px;
      margin-top: -131px;
      margin-left: -42px;
      background-image: url(/common/img/pct_navproducts_02.png); }
  .m-nav-main-bottles__lst .item.koi .wrap {
    background-image: url(/common/img/bg_navproducts_06.jpg); }
    .m-nav-main-bottles__lst .item.koi .wrap:before {
      width: 85px;
      height: 262px;
      margin-top: -131px;
      margin-left: -42px;
      background-image: url(/common/img/pct_navproducts_06.png); }
    .m-nav-main-bottles__lst .item.koi .wrap:after {
      background: url(/common/img/ico_navproducts_02.png) 0 0 no-repeat; }
  .m-nav-main-bottles__lst .item.tokusen .wrap {
    background-image: url(/common/img/bg_navproducts_03.jpg); }
    .m-nav-main-bottles__lst .item.tokusen .wrap:before {
      width: 84px;
      height: 265px;
      margin-top: -132px;
      margin-left: -42px;
      background-image: url(/common/img/pct_navproducts_03.png); }
    .m-nav-main-bottles__lst .item.tokusen .wrap:after {
      background: url(/common/img/ico_navproducts_03.png) 0 0 no-repeat; }
  .m-nav-main-bottles__lst .item.genmai .wrap {
    background-image: url(/common/img/bg_navproducts_05.jpg); }
    .m-nav-main-bottles__lst .item.genmai .wrap:before {
      width: 84px;
      height: 263px;
      margin-top: -131px;
      margin-left: -42px;
      background-image: url(/common/img/pct_navproducts_05.png); }

.m-nav-main-bottles.is-animation-finished .item .wrap:before {
  transition-duration: .3s;
  transition-delay: 0s; }

.m-nav-main-bottles.is-animation-finished .item .wrap:after {
  transition-duration: .3s;
  transition-delay: 0s; }

@media screen and (min-width: 1000px) {
  .m-nav-main-bottles .pc-hidden {
    display: none; }
  .m-nav-main-bottles .item .wrap:hover .panel-white {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; }
  .m-nav-main-bottles .item .wrap:hover:after {
    -ms-transform: translateX(5px);
        transform: translateX(5px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@media screen and (max-width: 999px) {
  .m-nav-main-bottles {
    padding: 71px 24px 44px; }
    .m-nav-main-bottles__lst .item {
      display: block;
      width: 100%;
      max-width: 327px;
      height: 77px;
      margin: 0 auto; }
      .m-nav-main-bottles__lst .item + .item {
        margin-top: 18px; }
      .m-nav-main-bottles__lst .item .wrap {
        display: block;
        text-decoration: none;
        box-sizing: border-box;
        padding-left: 73px;
        padding-top: 15px; }
        .m-nav-main-bottles__lst .item .wrap:after {
          width: 36px;
          height: 5px;
          background-image: url(/common/img/ico_navproducts_01_sp.png);
          background-size: 36px 5px;
          left: auto;
          right: 12px;
          margin-bottom: 19px; }
        .m-nav-main-bottles__lst .item .wrap .m-txt-makimono {
          position: static;
          -ms-writing-mode: lr-tb;
              writing-mode: horizontal-tb;
          text-align: left; }
          .m-nav-main-bottles__lst .item .wrap .m-txt-makimono .word {
            padding: 0 !important;
            background: transparent;
            color: #000; }
            .m-nav-main-bottles__lst .item .wrap .m-txt-makimono .word.pc-hidden {
              display: block; }
            .m-nav-main-bottles__lst .item .wrap .m-txt-makimono .word.lead {
              font-size: 14px;
              font-size: 0.875rem;
              line-height: 1.5;
              letter-spacing: .1em; }
            .m-nav-main-bottles__lst .item .wrap .m-txt-makimono .word.hdg {
              font-size: 20px;
              font-size: 1.25rem;
              line-height: 1.05;
              letter-spacing: .1em;
              margin-top: 3px;
              font-feature-settings: 'palt'; }
      .m-nav-main-bottles__lst .item.ayataka .wrap {
        background-image: url(/common/img/bg_navproducts_04_sp.jpg); }
      .m-nav-main-bottles__lst .item.ayataka .wrap:before {
        width: 28px;
        height: 85px;
        background-size: 28px 85px;
        top: -4px;
        left: 31px;
        margin-top: 0;
        margin-left: 0; }
      .m-nav-main-bottles__lst .item.ayataka .wrap .m-txt-makimono .word.hdg {
        letter-spacing: .17em; }
      .m-nav-main-bottles__lst .item.amami .wrap {
        background-image: url(/common/img/bg_navproducts_01_sp.jpg); }
      .m-nav-main-bottles__lst .item.amami.amami-22 .wrap {
        background-image: url(/common/img/bg_navproducts_01_sp.jpg); }
      .m-nav-main-bottles__lst .item.amami .wrap:before {
        width: 28px;
        height: 85px;
        background-size: 28px 85px;
        top: -4px;
        left: 31px;
        margin-top: 0;
        margin-left: 0; }
      .m-nav-main-bottles__lst .item.amami.amami-22 .wrap:before {
        background-image: url(/common/img/pct_navproducts_01.png); }
      .m-nav-main-bottles__lst .item.amami .wrap .m-txt-makimono .word.hdg {
        letter-spacing: .17em; }
      .m-nav-main-bottles__lst .item.houji .wrap {
        background-image: url(/common/img/bg_navproducts_02_sp.jpg); }
      .m-nav-main-bottles__lst .item.houji .wrap:before {
        width: 27px;
        height: 85px;
        background-size: 27px 85px;
        top: -4px;
        left: 31px;
        margin-top: 0;
        margin-left: 0; }
      .m-nav-main-bottles__lst .item.houji .wrap .m-txt-makimono .word.lead {
        letter-spacing: .085em;
        font-feature-settings: 'palt'; }
      .m-nav-main-bottles__lst .item.houji .wrap .m-txt-makimono .word.hdg {
        letter-spacing: .14em; }
      .m-nav-main-bottles__lst .item.koi {
        margin-top: 24px; }
        .m-nav-main-bottles__lst .item.koi .wrap {
          background-image: url(/common/img/bg_navproducts_06_sp.jpg); }
        .m-nav-main-bottles__lst .item.koi .wrap:before {
          top: -4px;
          left: 32px;
          margin-top: 0;
          margin-left: 0;
          width: 29px;
          height: 86px;
          background-size: 28.5px 86px;
          background-image: url(/common/img/pct_navproducts_06_sp.png); }
        .m-nav-main-bottles__lst .item.koi .wrap .m-txt-makimono .word {
          color: #fff; }
        .m-nav-main-bottles__lst .item.koi .wrap:after {
          display: block;
          width: 39px;
          height: 6px;
          background: url(/common/img/ico_navproducts_02.png) 0 0 no-repeat; }
      .m-nav-main-bottles__lst .item.tokusen {
        margin-top: 24px; }
        .m-nav-main-bottles__lst .item.tokusen .wrap {
          background-image: url(/common/img/bg_navproducts_03_sp.jpg); }
        .m-nav-main-bottles__lst .item.tokusen .wrap:before {
          top: -4px;
          left: 32px;
          margin-top: 0;
          margin-left: 0;
          width: 26px;
          height: 85px;
          background-size: 26px 85px;
          background-image: url(/common/img/pct_navproducts_03_sp.png); }
        .m-nav-main-bottles__lst .item.tokusen .wrap .m-txt-makimono .word {
          color: #fff; }
        .m-nav-main-bottles__lst .item.tokusen .wrap:after {
          display: block;
          width: 39px;
          height: 6px;
          background: url(/common/img/ico_navproducts_03.png) 0 0 no-repeat; }
      .m-nav-main-bottles__lst .item.genmai {
        margin-top: 24px; }
        .m-nav-main-bottles__lst .item.genmai .wrap {
          background-image: url(/common/img/bg_navproducts_03_sp.jpg); }
        .m-nav-main-bottles__lst .item.genmai .wrap:before {
          top: -4px;
          left: 32px;
          margin-top: 0;
          margin-left: 0;
          width: 26px;
          height: 85px;
          background-size: 26px 85px;
          background-image: url(/common/img/pct_navproducts_03_sp.png); }
    .m-nav-main-bottles .sp-hidden {
      display: none; } }

@media screen and (max-width: 374px) {
  .m-nav-main-bottles__lst .item .wrap .m-txt-makimono .m-txt-makimono__paragraph {
    -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    -ms-transform: scale(0.7) translateY(0);
        transform: scale(0.7) translateY(0); }
  .m-nav-main-bottles.is-hidden .m-nav-main-bottles__lst .item .wrap .m-txt-makimono .m-txt-makimono__paragraph {
    -ms-transform-origin: 0 50%;
        transform-origin: 0 50%;
    -ms-transform: scale(0.7) translateY(-10px);
        transform: scale(0.7) translateY(-10px); } }

.m-other-stories {
  margin-top: 16px;
  padding-bottom: 49px; }
  .m-other-stories__hdg {
    font-size: 24px;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 1.833333333;
    letter-spacing: .18em;
    font-feature-settings: 'palt';
    text-align: center;
    font-weight: normal;
    padding-left: 13px;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-transform: translateY(0);
        transform: translateY(0);
    transition: all 1s; }
  .m-other-stories__lst {
    margin-top: 16px;
    font-size: 0;
    line-height: 1;
    text-align: center; }
    .m-other-stories__lst .item {
      position: relative;
      display: inline-block;
      width: 388px;
      height: 142px;
      margin: 0 12px;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -ms-transform: translateY(0);
          transform: translateY(0);
      transition: all 1s; }
      .m-other-stories__lst .item:nth-child(2) {
        transition-delay: .2s; }
      .m-other-stories__lst .item .wrapper {
        position: relative;
        display: block;
        width: 100%;
        height: 100%;
        color: #fff;
        text-decoration: none;
        overflow: hidden;
        background: #000; }
        .m-other-stories__lst .item .wrapper .txt {
          position: absolute;
          top: 50%;
          left: 0;
          width: 100%;
          text-align: center;
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
          font-size: 18px;
          font-size: 18px;
          font-size: 1.125rem;
          letter-spacing: .3em;
          font-feature-settings: 'palt';
          -webkit-font-smoothing: antialiased; }
        .m-other-stories__lst .item .wrapper:before {
          content: '';
          display: block;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background: center center no-repeat;
          background-size: cover;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          -ms-transform: scale(1);
              transform: scale(1);
          filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
          filter: blur(0);
          transition: all .3s; }
        .m-other-stories__lst .item .wrapper:after {
          content: '';
          position: absolute;
          top: 50%;
          right: 18px;
          margin-top: -5px;
          display: block;
          background: url(/about/kanbayasi/img/ico_otherstories_01.png) 0 0 no-repeat;
          width: 36px;
          height: 6px;
          -ms-transform: translateX(0);
              transform: translateX(0);
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          transition: all .3s; }
      .m-other-stories__lst .item.index .wrapper:before {
        background-image: url(/common/img/pct_otherstories_index.jpg); }
      .m-other-stories__lst .item.tea .wrapper:before {
        background-image: url(/common/img/pct_otherstories_tea.jpg); }
      .m-other-stories__lst .item.ayataka .wrapper:before {
        background-image: url(/common/img/pct_otherstories_ayataka.jpg); }

.m-other-stories__hdg.is-hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-transform: translateY(20px);
      transform: translateY(20px); }

.m-other-stories__lst .item.is-hidden {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-transform: translateY(20px);
      transform: translateY(20px); }

@media screen and (min-width: 1000px) {
  .m-other-stories__lst .item .wrapper:hover:before {
    opacity: .4 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="2" /></filter></svg>#filter');
    filter: blur(2px);
    -ms-transform: scale(1.05);
        transform: scale(1.05); }
  .m-other-stories__lst .item .wrapper:hover:after {
    -ms-transform: translateX(5px);
        transform: translateX(5px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@media screen and (max-width: 999px) {
  .m-other-stories {
    margin-top: 40px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 30px; }
    .m-other-stories__hdg {
      padding-left: 5px;
      font-size: 20px;
      font-size: 1.25rem;
      letter-spacing: .15em;
      font-feature-settings: 'palt'; }
    .m-other-stories__lst .item {
      width: 100%;
      height: 120px;
      margin: 0 !important; }
      .m-other-stories__lst .item + .item {
        margin-top: 12px !important; }
      .m-other-stories__lst .item .wrapper .txt {
        font-size: 14px;
        font-size: 0.875rem;
        letter-spacing: .3em;
        font-feature-settings: 'palt'; } }

.m-carousel {
  position: relative;
  max-width: 959px;
  height: 416px; }
  .m-carousel .item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
    .m-carousel .item .pct {
      width: 739px;
      height: 418px;
      overflow: hidden; }
      .m-carousel .item .pct.movie {
        position: relative;
        cursor: pointer;
        transition-duration: .5s; }
        @media screen and (min-width: 1000px) {
          .m-carousel .item .pct.movie:hover {
            opacity: .6;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; } }
        .m-carousel .item .pct.movie:after {
          content: '';
          position: absolute;
          top: 50%;
          left: 50%;
          margin-top: -40px;
          margin-left: -40px;
          display: block;
          width: 80px;
          height: 80px;
          background: url(/common/img/ico_movie_01.png) 0 0 no-repeat;
          z-index: 2;
          opacity: 1;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
          transition: opacity 1s ease 2.5s;
          pointer-events: none; }
        .m-carousel .item .pct.movie iframe {
          opacity: 0;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
      .m-carousel .item .pct a {
        display: block;
        width: 100%;
        height: 100%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transition: opacity .3s; }
        .m-carousel .item .pct a.movie {
          position: relative; }
          .m-carousel .item .pct a.movie:after {
            content: '';
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -24px;
            margin-left: -9px;
            display: block;
            width: 80px;
            height: 80px;
            background: url(/common/img/ico_movie_01.png) 0 0 no-repeat;
            z-index: 2;
            opacity: 1;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
            transition: opacity 1s ease 2.5s;
            pointer-events: none; }
      .m-carousel .item .pct img {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -ms-transform: scale(1);
            transform: scale(1);
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
        filter: blur(0);
        transition: all 2s ease .6s; }
      .m-carousel .item .pct iframe {
        transition: all 2s ease .6s;
        width: 100%;
        height: 100%;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
      .m-carousel .item .pct .overlay-youtube {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2;
        cursor: pointer; }
        .m-carousel .item .pct .overlay-youtube img {
          display: block;
          width: 100%;
          height: 100%;
          cursor: pointer; }
    .m-carousel .item .txt {
      position: absolute;
      top: 0;
      right: 0; }
      .m-carousel .item .txt .m-txt-makimono__paragraph {
        font-size: 15px;
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 3.35;
        letter-spacing: .24em;
        transition: all 1s;
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -ms-transform: translateY(0);
            transform: translateY(0); }
        .m-carousel .item .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph {
          transition-delay: .2s; }
          .m-carousel .item .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph + .m-txt-makimono__paragraph {
            transition-delay: .4s; }
        .m-carousel .item .txt .m-txt-makimono__paragraph .word {
          padding-top: 24px; }
          .m-carousel .item .txt .m-txt-makimono__paragraph .word.yaku-first {
            padding-top: 17px; }
        .m-carousel .item .txt .m-txt-makimono__paragraph.hdg {
          font-size: 24px;
          font-size: 24px;
          font-size: 1.5rem;
          line-height: 2.46;
          letter-spacing: .2em;
          font-weight: normal; }
          .m-carousel .item .txt .m-txt-makimono__paragraph.hdg .word {
            padding-top: 23px;
            padding-bottom: 22px; }
          .m-carousel .item .txt .m-txt-makimono__paragraph.hdg img.word {
            padding-top: 0;
            padding-bottom: 0; }
      .m-carousel .item .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph .word {
        padding-bottom: 24px; }
    .m-carousel .item.is-playing .pct.movie {
      opacity: 1 !important;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      transition-duration: .3s !important; }
      .m-carousel .item.is-playing .pct.movie:after {
        display: none; }
      .m-carousel .item.is-playing .pct.movie iframe {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        transition-duration: 0s !important;
        transition-delay: 0s !important; }
      .m-carousel .item.is-playing .pct.movie .overlay-youtube {
        display: none; }
  .m-carousel .btn-prev,
  .m-carousel .btn-next {
    position: absolute;
    bottom: 0;
    display: block;
    width: 41px;
    height: 41px;
    background: #ccc;
    border: none;
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0), 0 10px 10px rgba(0, 0, 0, 0);
    transition: all .9s;
    cursor: pointer; }
    .m-carousel .btn-prev.hidden,
    .m-carousel .btn-next.hidden {
      display: none !important; }
    .m-carousel .btn-prev:before,
    .m-carousel .btn-next:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #fff;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transition: opacity .3s; }
    .m-carousel .btn-prev img,
    .m-carousel .btn-next img {
      position: absolute;
      top: 50%;
      left: 50%;
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      transition: opacity .3s; }
  .m-carousel .btn-prev {
    right: 42px; }
    .m-carousel .btn-prev img {
      margin-left: -1px; }
  .m-carousel .btn-next {
    right: 0; }
    .m-carousel .btn-next img {
      margin-left: 2px; }
  .m-carousel .txt-pagination {
    position: absolute;
    font-size: 15px;
    font-size: 15px;
    font-size: 0.9375rem;
    letter-spacing: .2em;
    bottom: 12px;
    right: 98px; }
    .m-carousel .txt-pagination.hidden {
      display: none; }
  .m-carousel .item[aria-hidden="true"] {
    pointer-events: none; }
    .m-carousel .item[aria-hidden="true"] .pct.movie:after {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transition-delay: 0s; }
    .m-carousel .item[aria-hidden="true"] .pct a.movie:after {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transition-delay: 0s; }
    .m-carousel .item[aria-hidden="true"] .pct img {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -ms-transform: scale(1.2);
          transform: scale(1.2);
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
      filter: blur(10px); }
    .m-carousel .item[aria-hidden="true"] .pct iframe {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; }
    .m-carousel .item[aria-hidden="true"] .txt .m-txt-makimono__paragraph {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      -ms-transform: translateY(-40px);
          transform: translateY(-40px); }
  .m-carousel.is-animation-finished .item a.movie:after,
  .m-carousel.is-animation-finished .item .pct.movie:after {
    transition-delay: 1s; }
  .m-carousel.is-animation-finished .item[aria-hidden="true"] a.movie:after,
  .m-carousel.is-animation-finished .item[aria-hidden="true"] .pct.movie:after {
    transition-delay: 0s; }
  .m-carousel.is-animation-finished .item .pct img,
  .m-carousel.is-animation-finished .item .pct iframe {
    transition-delay: 0s; }

@media screen and (min-width: 1000px) {
  .m-carousel .item a:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  .m-carousel .btn-prev:hover,
  .m-carousel .btn-next:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22); }
    .m-carousel .btn-prev:hover:before,
    .m-carousel .btn-next:hover:before {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .m-carousel .btn-prev:hover img,
    .m-carousel .btn-next:hover img {
      opacity: .8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
  .m-carousel .pc-hidden {
    display: none; } }

@media screen and (max-width: 999px) {
  .m-carousel {
    max-width: 100%;
    height: auto;
    padding-top: 56.2691131%; }
    .m-carousel .list .item .pct {
      width: 100%;
      height: 100%; }
      .m-carousel .list .item .pct a.movie:after {
        width: 36px;
        height: 36px;
        background-size: 36px 36px;
        margin-left: -18px;
        margin-top: -18px; }
      .m-carousel .list .item .pct img {
        width: 100%;
        height: auto; }
    .m-carousel .list .item .txt {
      position: static;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb;
      margin-top: 15px;
      height: 81px; }
      .m-carousel .list .item .txt .m-txt-makimono__paragraph {
        font-size: 15px;
        font-size: 0.9375rem;
        line-height: 1.4 !important;
        letter-spacing: .19em;
        margin-right: 0;
        filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
        filter: blur(0); }
        .m-carousel .list .item .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph {
          margin-top: 7px;
          transition-delay: .1s; }
          .m-carousel .list .item .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph + .m-txt-makimono__paragraph {
            transition-delay: .2s; }
        .m-carousel .list .item .txt .m-txt-makimono__paragraph.hdg {
          font-size: 18px;
          font-size: 1.125rem;
          letter-spacing: .24em; }
        .m-carousel .list .item .txt .m-txt-makimono__paragraph .word {
          padding: 0 !important;
          background: transparent; }
          .m-carousel .list .item .txt .m-txt-makimono__paragraph .word.yaku-first {
            position: relative;
            left: -9px; }
    .m-carousel .list .item[aria-hidden="true"] .txt .m-txt-makimono__paragraph {
      -ms-transform: translateX(0px);
          transform: translateX(0px);
      filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
      filter: blur(10px); }
    .m-carousel .txt-pagination {
      bottom: -134px;
      right: 88px; }
    .m-carousel .btn-prev,
    .m-carousel .btn-next {
      bottom: -146px;
      width: 40px;
      height: 40px; }
      .m-carousel .btn-prev img,
      .m-carousel .btn-next img {
        width: 8px;
        height: 13px; }
    .m-carousel .btn-prev {
      right: 41px; }
      .m-carousel .btn-prev img {
        margin-left: 0; }
    .m-carousel .sp-hidden {
      display: none; } }

.m-product-lead-message {
  text-align: center; }

.m-product-lead-message__hdg {
  padding-left: 4px;
  font-size: 28px;
  font-size: 28px;
  font-size: 1.75rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: .21em; }
  .m-product-lead-message__hdg .name-product {
    font-size: 45px;
    font-size: 45px;
    font-size: 2.8125rem;
    font-weight: bold;
    letter-spacing: .3em; }

.m-product-lead-message__paragraph {
  margin-top: 11px;
  font-size: 20px;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 2; }

@media screen and (min-width: 1000px) {
  .m-product-lead-message .pc-hidden {
    display: none; } }

@media screen and (max-width: 999px) {
  .m-product-lead-message__hdg {
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3125; }
    .m-product-lead-message__hdg .name-product {
      font-size: 26px;
      font-size: 1.625rem; }
  .m-product-lead-message__paragraph {
    margin-top: 10px;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: .09em;
    line-height: 1.857142857;
    font-feature-settings: 'palt'; } }

.m-product-bottle-summary {
  position: relative; }
  .m-product-bottle-summary:before {
    content: '';
    position: absolute;
    display: block;
    background: 0 0 no-repeat;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    filter: blur(0);
    transition: all 1s ease .5s; }
  .m-product-bottle-summary:after {
    content: '';
    position: relative;
    display: block;
    margin: 0 auto;
    background: 0 0 no-repeat; }

.m-product-bottle-summary__hdg,
.m-product-bottle-summary__paragraph,
.m-product-bottle-summary .part2 .hdg,
.m-product-bottle-summary .part2 .paragraph {
  position: absolute;
  left: 50%; }

.m-product-bottle-summary__hdg .m-txt-makimono__paragraph {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition: all 1s; }
  .m-product-bottle-summary__hdg .m-txt-makimono__paragraph:nth-child(3) {
    transition-delay: .2s; }

.m-product-bottle-summary__paragraph {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition: all 1s ease .4s; }

.m-product-bottle-summary__paragraph,
.m-product-bottle-summary .part2 .paragraph {
  font-size: 18px;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.777777778;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  white-space: nowrap;
  letter-spacing: .115em; }
  .m-product-bottle-summary__paragraph .char-yaku,
  .m-product-bottle-summary .part2 .paragraph .char-yaku {
    letter-spacing: -.28em; }
  .m-product-bottle-summary__paragraph .char-before-nakaguro,
  .m-product-bottle-summary .part2 .paragraph .char-before-nakaguro {
    letter-spacing: -.07em; }
  .m-product-bottle-summary__paragraph .char-nakaguro,
  .m-product-bottle-summary .part2 .paragraph .char-nakaguro {
    letter-spacing: -.15em; }

.m-product-bottle-summary .part2 .hdg .m-txt-makimono__paragraph {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition: all 1s ease .8s; }
  .m-product-bottle-summary .part2 .hdg .m-txt-makimono__paragraph:nth-child(3) {
    transition-delay: 1s; }

.m-product-bottle-summary .part2 .paragraph {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition: all 1s ease 1.2s; }

.m-product-bottle-summary.is-hidden:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  filter: blur(10px); }

.m-product-bottle-summary.is-hidden .m-product-bottle-summary__hdg .m-txt-makimono__paragraph,
.m-product-bottle-summary.is-hidden .m-product-bottle-summary__paragraph,
.m-product-bottle-summary.is-hidden .part2 .hdg .m-txt-makimono__paragraph,
.m-product-bottle-summary.is-hidden .part2 .paragraph {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-transform: translateY(-40px);
      transform: translateY(-40px); }

@media screen and (min-width: 1000px) {
  .m-product-bottle-summary .pc-hidden {
    display: none; } }

@media screen and (max-width: 999px) {
  .m-product-bottle-summary:before {
    max-width: 100%; }
  .m-product-bottle-summary__paragraph {
    transition-delay: .2s; }
  .m-product-bottle-summary__paragraph,
  .m-product-bottle-summary .part2 .paragraph {
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.846153846;
    letter-spacing: .082em; }
  .m-product-bottle-summary .part2 .hdg .m-txt-makimono__paragraph {
    transition-delay: .6s; }
  .m-product-bottle-summary .part2 .paragraph {
    white-space: nowrap;
    letter-spacing: .04em;
    transition-delay: .8s; }
    .m-product-bottle-summary .part2 .paragraph .char-yaku {
      letter-spacing: -.04em; }
  .m-product-bottle-summary.is-hidden .m-product-bottle-summary__hdg .m-txt-makimono__paragraph,
  .m-product-bottle-summary.is-hidden .m-product-bottle-summary__paragraph,
  .m-product-bottle-summary.is-hidden .part2 .hdg .m-txt-makimono__paragraph,
  .m-product-bottle-summary.is-hidden .part2 .paragraph {
    -ms-transform: translateY(-20px);
        transform: translateY(-20px); }
  .m-product-bottle-summary .sp-hidden {
    display: none; } }

@media screen and (max-width: 374px) {
  .m-product-bottle-summary {
    -ms-transform: scale(0.9);
        transform: scale(0.9); } }

.m-product-yunomi {
  position: relative; }
  .m-product-yunomi:before {
    content: '';
    position: relative;
    left: 45px;
    display: block;
    width: 487px;
    height: 390px;
    background: #fff;
    margin: 0 auto; }
  .m-product-yunomi:after {
    content: '';
    position: absolute;
    top: 146px;
    left: 50%;
    margin-left: -288px;
    display: block;
    width: 280px;
    height: 280px;
    background: url(/about/img/pct_yunomi_01.jpg) 0 0 no-repeat;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-transform: translateY(0);
        transform: translateY(0);
    transition: all 1.5s ease 1s; }

.m-product-yunomi__hdg {
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: 147px;
  font-size: 24px;
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 1.583333333;
  letter-spacing: .19em;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  font-weight: normal;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
  filter: blur(0);
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition: all 1s; }
  .m-product-yunomi__hdg .char-kado-toji {
    letter-spacing: -.26em; }

.m-product-yunomi__paragraph {
  position: absolute;
  top: 35px;
  left: 50%;
  margin-left: 20px;
  font-size: 15px;
  font-size: 15px;
  font-size: 0.9375rem;
  letter-spacing: .2em;
  line-height: 1.866666667;
  -ms-writing-mode: tb-rl;
      writing-mode: vertical-rl;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
  filter: blur(0);
  -ms-transform: translateY(0);
      transform: translateY(0);
  transition: all 1.5s ease .0s; }

.m-product-yunomi.is-hidden:after {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-transform: translateY(40px);
      transform: translateY(40px); }

.m-product-yunomi.is-hidden .m-product-yunomi__hdg {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  filter: blur(10px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px); }

.m-product-yunomi.is-hidden .m-product-yunomi__paragraph {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="20" /></filter></svg>#filter');
  filter: blur(20px);
  -ms-transform: translateY(-10px);
      transform: translateY(-10px); }

@media screen and (max-width: 999px) {
  .m-product-yunomi {
    max-width: 309px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 24px 0 42px; }
    .m-product-yunomi:before {
      display: none; }
    .m-product-yunomi:after {
      width: 187px;
      height: 187px;
      background-size: 187px;
      margin-left: 0 !important;
      top: 32px;
      left: 24px; }
    .m-product-yunomi__wrapper {
      position: relative;
      padding-top: 244px;
      padding-left: 4px;
      background: #fff; }
    .m-product-yunomi__hdg {
      font-size: 18px;
      font-size: 1.125rem;
      line-height: 1.888888889;
      top: 32px;
      right: 23px;
      margin-left: 0; }
    .m-product-yunomi__paragraph {
      position: static;
      padding-bottom: 22px;
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.785714286;
      letter-spacing: .01em;
      -ms-writing-mode: lr-tb;
          writing-mode: horizontal-tb; } }

@media screen and (max-width: 374px) {
  .m-product-yunomi .xs-hidden {
    display: none; }
  .m-product-yunomi:after {
    top: 42px;
    width: 127px;
    height: 127px;
    background-size: 127px 127px; }
  .m-product-yunomi__paragraph {
    margin-right: 20px;
    text-align: justify; } }

.m-product-bottle-list {
  position: relative; }
  .m-product-bottle-list:before {
    content: '';
    position: absolute;
    left: 50%;
    display: block;
    background: 0 0 no-repeat;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="0" /></filter></svg>#filter');
    filter: blur(0);
    transition: all 1s ease 1.3s; }
  .m-product-bottle-list.ayataka:before {
    top: -66px;
    margin-left: -355px;
    width: 721px;
    height: 609px;
    background-image: url(/about/img/bg_products_01.png); }
  .m-product-bottle-list.amami:before {
    width: 801px;
    height: 677px;
    background-image: url(/about/product/img/amami/bg_products_01.png);
    background-size: 801px 677px;
    top: -84px;
    margin-left: -370px;
    transition-delay: 1s; }
  .m-product-bottle-list.amami.amami-22:before {
    width: 801px;
    height: 677px;
    background-image: url(/about/product/img/amami/bg_products_01.png);
    background-size: 801px 677px;
    top: -134px;
    margin-left: -401px; }
  .m-product-bottle-list.houji:before {
    width: 801px;
    height: 677px;
    background-image: url(/about/product/img/houji/bg_products_01.png);
    background-size: 801px 677px;
    top: 0;
    margin-left: -390px;
    transition-delay: 1.1s; }
  .m-product-bottle-list.koi:before {
    width: 584px;
    height: 493px;
    background-image: url(/about/product/img/koi/bg_products_01.png);
    background-size: 584px 493px;
    top: 50px;
    margin-left: -290px;
    transition-delay: 1.1s; }
  .m-product-bottle-list.tokusen:before {
    width: 801px;
    height: 677px;
    background-image: url(/common/img/bg_products_tokusen_01.png);
    background-size: 801px 677px;
    top: -110px;
    margin-left: -390px;
    transition-delay: .8s; }
  .m-product-bottle-list.genmai:before {
    width: 641px;
    height: 541px;
    background-image: url(/about/product/img/genmai/bg_products_01.png);
    background-size: 641px 541px;
    top: 0;
    margin-left: -330px;
    transition-delay: 1.1s; }

.m-product-bottle-list__lst {
  text-align: center; }
  .m-product-bottle-list__lst .item {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-size: 16px;
    font-size: 1rem;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-transform: translateY(0);
        transform: translateY(0);
    transition: all 1s; }
    .m-product-bottle-list__lst .item.word-hot {
      font-size: 14px;
      font-size: 14px;
      font-size: 0.875rem; }
    .m-product-bottle-list__lst .item:before {
      content: '';
      display: block;
      margin: 0 auto; }
    .m-product-bottle-list__lst .item .txt {
      position: relative;
      display: block;
      line-height: 1.125; }
    .m-product-bottle-list__lst .item.type-ayataka-280ml-hot {
      top: -13px;
      left: -17px;
      transition-delay: 0s; }
      .m-product-bottle-list__lst .item.type-ayataka-280ml-hot:before {
        background-image: url(/about/img/pct_products_01.png);
        width: 76px;
        height: 175px; }
      .m-product-bottle-list__lst .item.type-ayataka-280ml-hot .txt {
        top: 1px; }
    .m-product-bottle-list__lst .item.type-ayataka-350ml-hot {
      top: -13px;
      left: -15px;
      transition-delay: .1s; }
      .m-product-bottle-list__lst .item.type-ayataka-350ml-hot:before {
        background-image: url(/about/img/pct_products_02.png);
        width: 75px;
        height: 197px; }
      .m-product-bottle-list__lst .item.type-ayataka-350ml-hot .txt {
        top: 1px; }
    .m-product-bottle-list__lst .item.type-ayataka-440ml-hot {
      top: 4px;
      left: -10px;
      transition-delay: .2s; }
      .m-product-bottle-list__lst .item.type-ayataka-440ml-hot:before {
        background-image: url(/about/img/pct_products_03.png);
        width: 81px;
        height: 246px; }
      .m-product-bottle-list__lst .item.type-ayataka-440ml-hot .txt {
        top: -16px; }
    .m-product-bottle-list__lst .item.type-ayataka-280ml {
      top: -31px;
      left: -4px;
      transition-delay: .3s; }
      .m-product-bottle-list__lst .item.type-ayataka-280ml:before {
        background-image: url(/about/img/pct_products_04.png);
        width: 76px;
        height: 175px; }
    .m-product-bottle-list__lst .item.type-ayataka-300ml {
      top: -31px;
      left: -3px;
      transition-delay: .4s; }
      .m-product-bottle-list__lst .item.type-ayataka-300ml:before {
        background-image: url(/about/img/pct_products_05.png);
        width: 63px;
        height: 193px; }
    .m-product-bottle-list__lst .item.type-ayataka-525ml {
      top: -31px;
      left: -1px;
      transition-delay: .5s; }
      .m-product-bottle-list__lst .item.type-ayataka-525ml:before {
        background-image: url(/about/img/pct_products_06.png);
        width: 90px;
        height: 280px; }
    .m-product-bottle-list__lst .item.type-ayataka-1l {
      top: -49px;
      left: 10px;
      transition-delay: .6s; }
      .m-product-bottle-list__lst .item.type-ayataka-1l:before {
        background-image: url(/about/img/pct_products_07.png);
        width: 135px;
        height: 308px; }
    .m-product-bottle-list__lst .item.type-ayataka-950ml {
      top: -31px;
      left: 6px;
      transition-delay: .6s; }
      .m-product-bottle-list__lst .item.type-ayataka-950ml:before {
        background-image: url(/about/img/pct_products_09.png);
        width: 97px;
        height: 397px; }
    .m-product-bottle-list__lst .item.type-ayataka-2l {
      top: -49px;
      left: 15px;
      transition-delay: .8s; }
      .m-product-bottle-list__lst .item.type-ayataka-2l:before {
        background-image: url(/about/img/pct_products_08.png);
        width: 134px;
        height: 442px; }
    .m-product-bottle-list__lst .item.type-amami-525ml {
      top: -13px;
      left: -17px;
      transition-delay: 0s; }
      .m-product-bottle-list__lst .item.type-amami-525ml:before {
        position: relative;
        top: 141px;
        left: -1px;
        background-image: url(/about/product/img/amami/pct_products_01.png);
        width: 87px;
        height: 515px;
        background-size: 87px 285px;
        background-repeat: no-repeat; }
      .m-product-bottle-list__lst .item.type-amami-525ml .txt {
        top: -71px; }
      .m-product-bottle-list__lst .item.type-amami-525ml.amami-22:before {
        background-image: url(/about/product/img/amami/pct_products_01.png); }
    .m-product-bottle-list__lst .item.type-amami-2l {
      top: -13px;
      left: -15px;
      transition-delay: .1s; }
      .m-product-bottle-list__lst .item.type-amami-2l:before {
        position: relative;
        top: -21px;
        left: 32px;
        background-image: url(/about/product/img/amami/pct_products_02.png);
        width: 138px;
        height: 837px;
        background-size: 138px 456px;
        background-repeat: no-repeat; }
      .m-product-bottle-list__lst .item.type-amami-2l .txt {
        top: -394px;
        left: 33px; }
      .m-product-bottle-list__lst .item.type-amami-2l.amami-22:before {
        background-image: url(/about/product/img/amami/pct_products_02.png); }
    .m-product-bottle-list__lst .item.type-houji-280ml-hot {
      top: 249px;
      left: -89px;
      transition-delay: 0s; }
      .m-product-bottle-list__lst .item.type-houji-280ml-hot:before {
        position: relative;
        top: 0;
        left: 0;
        background-image: url(/about/product/img/houji/pct_products_01.png);
        width: 78px;
        height: 172px;
        background-size: 78px 172px; }
      .m-product-bottle-list__lst .item.type-houji-280ml-hot .txt {
        top: 26px;
        left: 0; }
    .m-product-bottle-list__lst .item.type-houji-350ml-hot {
      top: 254px;
      left: -20px;
      transition-delay: .1s; }
      .m-product-bottle-list__lst .item.type-houji-350ml-hot:before {
        position: relative;
        top: 0;
        left: 0;
        background-image: url(/about/product/img/houji/pct_products_02.png);
        width: 83px;
        height: 196px;
        background-size: 83px 196px; }
      .m-product-bottle-list__lst .item.type-houji-350ml-hot .txt {
        top: -1px;
        left: 0; }
    .m-product-bottle-list__lst .item.type-houji-440ml-hot {
      top: 194px;
      left: -58px;
      transition-delay: .1s; }
      .m-product-bottle-list__lst .item.type-houji-440ml-hot:before {
        position: relative;
        top: 0;
        left: 0;
        background-image: url(/about/product/img/houji/pct_products_05.png);
        width: 83px;
        height: 228px;
        background-size: 83px 228px; }
      .m-product-bottle-list__lst .item.type-houji-440ml-hot .txt {
        top: 26px;
        left: 0; }
    .m-product-bottle-list__lst .item.type-houji-525ml {
      top: -13px;
      left: 47px;
      transition-delay: .2s; }
      .m-product-bottle-list__lst .item.type-houji-525ml:before {
        position: relative;
        top: 145px;
        left: 0;
        background-image: url(/about/product/img/houji/pct_products_03.png);
        width: 88px;
        height: 537px;
        background-size: 88px 298px;
        background-repeat: no-repeat; }
      .m-product-bottle-list__lst .item.type-houji-525ml .txt {
        top: -75px;
        left: 0; }
    .m-product-bottle-list__lst .item.type-houji-2l {
      top: -13px;
      left: 31px;
      transition-delay: .3s; }
      .m-product-bottle-list__lst .item.type-houji-2l:before {
        position: relative;
        top: -28px;
        left: 32px;
        background-image: url(/about/product/img/houji/pct_products_04.png);
        width: 139px;
        height: 530px;
        background-size: 139px 467px;
        background-repeat: no-repeat; }
      .m-product-bottle-list__lst .item.type-houji-2l .txt {
        top: -68px;
        left: 33px; }
    .m-product-bottle-list__lst .item.type-tokusen-500ml {
      top: 0;
      left: -2px;
      transition-delay: 0s; }
      .m-product-bottle-list__lst .item.type-tokusen-500ml:before {
        background-image: url(/about/product/img/tokusen/pct_products_tokusen_01.png);
        width: 87px;
        height: 300px; }
      .m-product-bottle-list__lst .item.type-tokusen-500ml .txt {
        top: 0; }
    .m-product-bottle-list__lst .item.type-koi-525ml {
      top: -13px;
      left: 5px;
      transition-delay: .2s; }
      .m-product-bottle-list__lst .item.type-koi-525ml:before {
        position: relative;
        top: 170px;
        left: 0;
        background-image: url(/about/product/img/koi/pct_products_01.png);
        width: 87px;
        height: 537px;
        background-size: 87px 286px;
        background-repeat: no-repeat; }
      .m-product-bottle-list__lst .item.type-koi-525ml .txt {
        top: -75px;
        left: 0; }
    .m-product-bottle-list__lst .item.type-genmai-525ml {
      top: -13px;
      left: 5px;
      transition-delay: .2s; }
      .m-product-bottle-list__lst .item.type-genmai-525ml:before {
        position: relative;
        top: 170px;
        left: 0;
        background-image: url(/about/product/img/genmai/pct_products_01.png);
        width: 87px;
        height: 537px;
        background-size: 87px 278px;
        background-repeat: no-repeat; }
      .m-product-bottle-list__lst .item.type-genmai-525ml .txt {
        top: -75px;
        left: 0; }

.m-product-bottle-list.amami .m-product-bottle-list__lst .item,
.m-product-bottle-list.houji .m-product-bottle-list__lst .item,
.m-product-bottle-list.gemnai .m-product-bottle-list__lst .item {
  vertical-align: top; }

.m-product-bottle-list.is-hidden:before {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  filter: blur(10px); }

.m-product-bottle-list.is-hidden .m-product-bottle-list__lst .item {
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -ms-transform: translateY(-40px);
      transform: translateY(-40px); }

@media screen and (max-width: 999px) {
  .m-product-bottle-list:before {
    display: none; }
  .m-product-bottle-list__lst {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden; }
    .m-product-bottle-list__lst:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      background: 0 0 no-repeat;
      background-size: 100% auto; }
    .m-product-bottle-list__lst .item {
      position: absolute;
      top: 0 !important;
      left: 0 !important;
      visibility: hidden; }
  .m-product-bottle-list.ayataka .m-product-bottle-list__lst {
    width: 96.1333333%;
    margin-top: -37px;
    padding-top: 84.4660194%; }
    .m-product-bottle-list.ayataka .m-product-bottle-list__lst:after {
      background-image: url(/about/img/pct_products_01_sp.png); }
  .m-product-bottle-list.amami {
    width: 87.7333333%;
    padding: 0;
    margin-left: auto;
    margin-right: auto; }
  .m-product-bottle-list.amami .m-product-bottle-list__lst {
    margin-top: -49px;
    padding-top: 128.2674772%;
    overflow: hidden; }
    .m-product-bottle-list.amami .m-product-bottle-list__lst:after {
      content: '';
      position: absolute;
      top: 0;
      left: -6px;
      display: block;
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      background: url(/about/product/img/amami/pct_products_01_sp.png) center top no-repeat;
      background-size: 100% auto; }
  .m-product-bottle-list.amami.amami-22 .m-product-bottle-list__lst {
    margin-top: -19px;
    padding-top: 109.1666667%;
    overflow: hidden; }
    .m-product-bottle-list.amami.amami-22 .m-product-bottle-list__lst:after {
      content: '';
      position: absolute;
      top: 0;
      left: -6px;
      display: block;
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      background: url(/about/product/img/amami/pct_products_01_sp.png) center top no-repeat;
      background-size: 100% auto; }
  .m-product-bottle-list.houji {
    width: 97.6%;
    margin-left: auto;
    margin-right: auto;
    padding: 0; }
  .m-product-bottle-list.houji .m-product-bottle-list__lst {
    margin-top: -45px;
    padding-top: 92.4863388%;
    overflow: hidden; }
    .m-product-bottle-list.houji .m-product-bottle-list__lst:after {
      content: '';
      position: absolute;
      top: 30px;
      left: 4px;
      display: block;
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      background: url(/about/product/img/houji/pct_products_01_sp.png) center top no-repeat;
      background-size: 100% auto; }
  .m-product-bottle-list.koi .m-product-bottle-list__lst {
    margin-top: 0;
    padding-top: 75%;
    overflow: hidden; }
    .m-product-bottle-list.koi .m-product-bottle-list__lst:after {
      content: '';
      position: absolute;
      top: -10px;
      left: -3px;
      display: block;
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      background: url(/about/product/img/koi/pct_products_01_sp.png) center no-repeat;
      background-size: 65% auto; }
  .m-product-bottle-list.tokusen {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 0; }
    .m-product-bottle-list.tokusen .m-product-bottle-list__lst {
      margin-top: -75px;
      padding-top: 91.3888889%;
      overflow: hidden; }
      .m-product-bottle-list.tokusen .m-product-bottle-list__lst:after {
        content: '';
        position: absolute;
        top: 0;
        left: 4px;
        display: block;
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        background: url(/about/product/img/tokusen/pct_products_tokusen_01_sp.png) center top no-repeat;
        background-size: 100% auto; }
  .m-product-bottle-list.genmai .m-product-bottle-list__lst {
    margin-top: -30px;
    padding-top: 80%;
    overflow: hidden; }
    .m-product-bottle-list.genmai .m-product-bottle-list__lst:after {
      content: '';
      position: absolute;
      top: 20px;
      left: 4px;
      display: block;
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
      background: url(/about/product/img/genmai/pct_products_01_sp.png) center top no-repeat;
      background-size: 85% auto; }
  .m-product-bottle-list .m-product-bottle-list__lst:after {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-transform: translateY(0);
        transform: translateY(0);
    transition: all 1s; }
  .m-product-bottle-list.is-hidden .m-product-bottle-list__lst:after {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-transform: translateY(-20px);
        transform: translateY(-20px); } }

.m-main-bottle-list .item {
  position: relative; }
  .m-main-bottle-list .item.hidden {
    display: none !important; }
  .m-main-bottle-list .item .layer {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 43.6875%;
    width: calc(50% - 300px);
    height: 100%;
    z-index: 2; }
  .m-main-bottle-list .item:nth-child(even) .layer, .m-main-bottle-list .item.even .layer {
    right: auto;
    left: 0; }
  .m-main-bottle-list .item .wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    color: #000; }
    .m-main-bottle-list .item .wrapper:before {
      content: '';
      position: absolute;
      left: 50%;
      display: block;
      background: 0 0 no-repeat;
      z-index: 2;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -ms-transform: translateY(0);
          transform: translateY(0);
      transition: all 2s; }
    .m-main-bottle-list .item .wrapper:after {
      content: '';
      position: absolute;
      display: block;
      height: 100%;
      background-size: cover;
      transition-duration: .5s; }
  .m-main-bottle-list .item .txt {
    position: absolute;
    top: -36px;
    left: 50%;
    z-index: 2; }
  .m-main-bottle-list .item .name {
    font-size: 32px;
    font-weight: normal;
    white-space: nowrap;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-transform: translateY(0);
        transform: translateY(0);
    transition: all 2s ease .4s; }
  .m-main-bottle-list .item .lead {
    white-space: nowrap;
    font-size: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 2.3;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-transform: translateY(0);
        transform: translateY(0);
    transition: all 2s ease .2s; }
    .m-main-bottle-list .item .lead .word {
      padding-bottom: 18px; }
  .m-main-bottle-list .item .anchor {
    position: absolute;
    top: 106px;
    left: 50%;
    z-index: 2;
    font-size: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: .05em;
    font-feature-settings: 'palt';
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-transform: translateX(0);
        transform: translateX(0);
    transition: all 1s ease .8s; }
    .m-main-bottle-list .item .anchor .inner-anchor {
      color: #00462f;
      text-decoration: none !important;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      transition: opacity .2s; }
      .m-main-bottle-list .item .anchor .inner-anchor:before {
        content: '';
        position: absolute;
        bottom: -6px;
        left: 0;
        display: block;
        width: 100%;
        width: calc(100% - 4px);
        height: 1px;
        background: #00462f;
        -ms-transform: scaleX(1);
            transform: scaleX(1);
        transition: all .5s ease 0s; }
  .m-main-bottle-list .item .arrow {
    position: absolute;
    top: 111px;
    left: 50%;
    width: 80px;
    height: 7px;
    margin-left: 83px;
    background: url(/top/img/ico_products_01.png) 0 0 no-repeat;
    z-index: 2;
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    -ms-transform: translateX(0);
        transform: translateX(0);
    transition: all 1s ease .5s; }
  .m-main-bottle-list .item:nth-child(1):not(.single), .m-main-bottle-list .item:nth-child(2), .m-main-bottle-list .item:nth-child(4), .m-main-bottle-list .item.ayataka, .m-main-bottle-list .item.amami {
    height: 308px; }
  .m-main-bottle-list .item:nth-child(3), .m-main-bottle-list .item:nth-child(5), .m-main-bottle-list .item.houji, .m-main-bottle-list .item.koi, .m-main-bottle-list .item.tokusen, .m-main-bottle-list .item.genmai {
    height: 306px; }
  .m-main-bottle-list .item:nth-child(odd), .m-main-bottle-list .item.odd {
    background-position: 0 0; }
  .m-main-bottle-list .item:nth-child(even), .m-main-bottle-list .item.even {
    background-position: right 0; }
    .m-main-bottle-list .item:nth-child(even) .name, .m-main-bottle-list .item.even .name {
      transition-delay: .2s; }
    .m-main-bottle-list .item:nth-child(even) .lead, .m-main-bottle-list .item.even .lead {
      transition-delay: .4s; }
    .m-main-bottle-list .item:nth-child(even) .arrow, .m-main-bottle-list .item.even .arrow {
      -ms-transform: scaleX(-1);
          transform: scaleX(-1); }
    .m-main-bottle-list .item:nth-child(even) .anchor .inner-anchor:before, .m-main-bottle-list .item.even .anchor .inner-anchor:before {
      -ms-transform-origin: 0 0;
          transform-origin: 0 0; }
  .m-main-bottle-list .item:nth-child(1):not(.single) .wrapper:before, .m-main-bottle-list .item.ayataka .wrapper:before {
    top: -68px;
    margin-left: -229px;
    width: 141px;
    height: 440px;
    background-image: url(/top/img/pct_products_01.png);
    background-size: cover; }
  .m-main-bottle-list .item:nth-child(1):not(.single).no-anchor .wrapper:before, .m-main-bottle-list .item.ayataka.no-anchor .wrapper:before {
    margin-left: -72px; }
  .m-main-bottle-list .item:nth-child(1):not(.single) .wrapper:after, .m-main-bottle-list .item.ayataka .wrapper:after {
    left: 0;
    width: 56.3125%;
    width: calc(50% + 101px);
    background-image: url(/top/img/bg_products_01.jpg); }
  .m-main-bottle-list .item:nth-child(1):not(.single).no-anchor .wrapper:after, .m-main-bottle-list .item.ayataka.no-anchor .wrapper:after {
    width: 66.125%;
    width: calc(50% + 258px);
    background-image: url(/common/img/bg_products_long_01.jpg); }
  .m-main-bottle-list .item:nth-child(1):not(.single) .txt, .m-main-bottle-list .item.ayataka .txt {
    margin-left: -52px; }
  .m-main-bottle-list .item:nth-child(1):not(.single).no-anchor .txt, .m-main-bottle-list .item.ayataka.no-anchor .txt {
    margin-left: 105px; }
  .m-main-bottle-list .item:nth-child(1):not(.single) .anchor, .m-main-bottle-list .item.ayataka .anchor {
    margin-left: 187px;
    letter-spacing: .2em; }
    .m-main-bottle-list .item:nth-child(1):not(.single) .anchor .inner-anchor:before, .m-main-bottle-list .item.ayataka .anchor .inner-anchor:before {
      bottom: -4px; }
  .m-main-bottle-list .item:nth-child(2) .wrapper:before, .m-main-bottle-list .item.amami .wrapper:before {
    top: -67px;
    margin-left: 105px;
    width: 140px;
    height: 446px;
    background-image: url(/top/img/pct_products_02.png); }
  .m-main-bottle-list .item:nth-child(2).no-anchor .wrapper:before, .m-main-bottle-list .item.amami.no-anchor .wrapper:before {
    top: -73px;
    margin-left: -70px; }
  .m-main-bottle-list .item:nth-child(2) .wrapper:after, .m-main-bottle-list .item.amami .wrapper:after {
    right: 0;
    width: 56.3125%;
    width: calc(50% + 101px);
    background-image: url(/top/img/bg_products_02.jpg); }
  .m-main-bottle-list .item:nth-child(2).no-anchor .wrapper:after, .m-main-bottle-list .item.amami.no-anchor .wrapper:after {
    width: 67.25%;
    width: calc(50% + 276px); }
  .m-main-bottle-list .item:nth-child(2) .txt, .m-main-bottle-list .item.amami .txt {
    margin-left: -52px; }
    .m-main-bottle-list .item:nth-child(2) .txt .word, .m-main-bottle-list .item.amami .txt .word {
      padding-bottom: 20px; }
    .m-main-bottle-list .item:nth-child(2) .txt .amami, .m-main-bottle-list .item.amami .txt .amami {
      margin-top: 2px;
      letter-spacing: .09em; }
    .m-main-bottle-list .item:nth-child(2) .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph, .m-main-bottle-list .item.amami .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph {
      margin-right: 13px; }
      .m-main-bottle-list .item:nth-child(2) .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph .word, .m-main-bottle-list .item.amami .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph .word {
        padding-bottom: 21px; }
  .m-main-bottle-list .item:nth-child(2).no-anchor .txt, .m-main-bottle-list .item.amami.no-anchor .txt {
    margin-left: -227px; }
  .m-main-bottle-list .item:nth-child(2) .anchor, .m-main-bottle-list .item.amami .anchor {
    margin-left: -283px;
    letter-spacing: .2em; }
  .m-main-bottle-list .item:nth-child(2) .arrow, .m-main-bottle-list .item.amami .arrow {
    margin-left: -163px; }
  .m-main-bottle-list .item:nth-child(2).amami-22 .wrapper:before, .m-main-bottle-list .item.amami.amami-22 .wrapper:before {
    background-image: url(/top/img/pct_products_02.png); }
  .m-main-bottle-list .item:nth-child(2).amami-22 .wrapper:after, .m-main-bottle-list .item.amami.amami-22 .wrapper:after {
    background-image: url(/top/img/bg_products_02.jpg); }
  .m-main-bottle-list .item:nth-child(2).amami-22.no-anchor .wrapper:after, .m-main-bottle-list .item.amami.amami-22.no-anchor .wrapper:after {
    background-image: url(/common/img/bg_products_long_02.jpg); }
  .m-main-bottle-list .item:nth-child(3) .wrapper:before, .m-main-bottle-list .item.houji .wrapper:before {
    top: -67px;
    width: 140px;
    height: 439px;
    margin-left: -226px;
    background-image: url(/top/img/pct_products_03.png); }
  .m-main-bottle-list .item:nth-child(3).no-anchor .wrapper:before, .m-main-bottle-list .item.houji.no-anchor .wrapper:before {
    margin-left: -70px; }
  .m-main-bottle-list .item:nth-child(3) .wrapper:after, .m-main-bottle-list .item.houji .wrapper:after {
    left: 0;
    width: 56.3125%;
    width: calc(50% + 101px);
    background-image: url(/top/img/bg_products_03.jpg); }
  .m-main-bottle-list .item:nth-child(3).no-anchor .wrapper:after, .m-main-bottle-list .item.houji.no-anchor .wrapper:after {
    width: 66.0625%;
    width: calc(50% + 257px); }
  .m-main-bottle-list .item:nth-child(3) .anchor, .m-main-bottle-list .item.houji .anchor {
    margin-left: 186px;
    letter-spacing: .2em; }
  .m-main-bottle-list .item:nth-child(3) .txt, .m-main-bottle-list .item.houji .txt {
    margin-left: -52px; }
    .m-main-bottle-list .item:nth-child(3) .txt .houji, .m-main-bottle-list .item.houji .txt .houji {
      margin-top: 2px;
      letter-spacing: .2em; }
    .m-main-bottle-list .item:nth-child(3) .txt .word, .m-main-bottle-list .item.houji .txt .word {
      padding-bottom: 20px; }
    .m-main-bottle-list .item:nth-child(3) .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph, .m-main-bottle-list .item.houji .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph {
      letter-spacing: 0.075em; }
      .m-main-bottle-list .item:nth-child(3) .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph .word, .m-main-bottle-list .item.houji .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph .word {
        padding-bottom: 23px; }
  .m-main-bottle-list .item:nth-child(3).no-anchor .txt, .m-main-bottle-list .item.houji.no-anchor .txt {
    margin-left: 104px; }
  .m-main-bottle-list .item:nth-child(4) .wrapper:before, .m-main-bottle-list .item.koi .wrapper:before {
    top: -67px;
    width: 267px;
    height: 439px;
    margin-left: 101px;
    background-image: url(/top/img/pct_products_06.png); }
  .m-main-bottle-list .item:nth-child(4).no-anchor .wrapper:before, .m-main-bottle-list .item.koi.no-anchor .wrapper:before {
    margin-left: -68px; }
  .m-main-bottle-list .item:nth-child(4) .wrapper:after, .m-main-bottle-list .item.koi .wrapper:after {
    right: 0;
    width: 56.3125%;
    width: calc(50% + 101px);
    background-image: url(/top/img/bg_products_06.jpg); }
  .m-main-bottle-list .item:nth-child(4).no-anchor .wrapper:after, .m-main-bottle-list .item.koi.no-anchor .wrapper:after {
    width: 66.875%;
    width: calc(50% + 270px); }
  .m-main-bottle-list .item:nth-child(4) .txt, .m-main-bottle-list .item.koi .txt {
    margin-left: -51px; }
    .m-main-bottle-list .item:nth-child(4) .txt .m-txt-makimono__paragraph .word, .m-main-bottle-list .item.koi .txt .m-txt-makimono__paragraph .word {
      padding-bottom: 19px; }
    .m-main-bottle-list .item:nth-child(4) .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph .word, .m-main-bottle-list .item.koi .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph .word {
      padding-bottom: 21px; }
  .m-main-bottle-list .item:nth-child(4).no-anchor .txt, .m-main-bottle-list .item.koi.no-anchor .txt {
    margin-left: -220px; }
  .m-main-bottle-list .item:nth-child(4) .anchor, .m-main-bottle-list .item.koi .anchor {
    margin-left: -284px;
    letter-spacing: .2em; }
  .m-main-bottle-list .item:nth-child(4) .arrow, .m-main-bottle-list .item.koi .arrow {
    margin-left: -163px; }
  .m-main-bottle-list .item:nth-child(5) .wrapper:before, .m-main-bottle-list .item.tokusen .wrapper:before {
    top: -67px;
    width: 243px;
    height: 435px;
    margin-left: -330px;
    background-image: url(/top/img/pct_products_04.png); }
  .m-main-bottle-list .item:nth-child(5).no-anchor .wrapper:before, .m-main-bottle-list .item.tokusen.no-anchor .wrapper:before {
    margin-left: -170px; }
  .m-main-bottle-list .item:nth-child(5) .wrapper:after, .m-main-bottle-list .item.tokusen .wrapper:after {
    left: 0;
    width: 56.3125%;
    width: calc(50% + 101px);
    background-image: url(/top/img/bg_products_04.jpg); }
  .m-main-bottle-list .item:nth-child(5).no-anchor .wrapper:after, .m-main-bottle-list .item.tokusen.no-anchor .wrapper:after {
    width: 66.875%;
    width: calc(50% + 270px); }
  .m-main-bottle-list .item:nth-child(5) .anchor, .m-main-bottle-list .item.tokusen .anchor {
    margin-left: 186px;
    letter-spacing: .2em; }
  .m-main-bottle-list .item:nth-child(5) .txt, .m-main-bottle-list .item.tokusen .txt {
    margin-left: -52px; }
    .m-main-bottle-list .item:nth-child(5) .txt .houji, .m-main-bottle-list .item.tokusen .txt .houji {
      margin-top: 2px;
      letter-spacing: .2em; }
    .m-main-bottle-list .item:nth-child(5) .txt .word, .m-main-bottle-list .item.tokusen .txt .word {
      padding-bottom: 20px; }
    .m-main-bottle-list .item:nth-child(5) .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph, .m-main-bottle-list .item.tokusen .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph {
      letter-spacing: 0.075em; }
      .m-main-bottle-list .item:nth-child(5) .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph .word, .m-main-bottle-list .item.tokusen .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph .word {
        padding-bottom: 23px; }
  .m-main-bottle-list .item:nth-child(5).no-anchor .txt, .m-main-bottle-list .item.tokusen.no-anchor .txt {
    margin-left: 104px; }
  .m-main-bottle-list .item.genmai .wrapper:before {
    top: -67px;
    width: 138px;
    height: 434px;
    margin-left: -226px;
    background-image: url(/top/img/pct_products_05.png); }
  .m-main-bottle-list .item.genmai.no-anchor .wrapper:before {
    margin-left: -70px; }
  .m-main-bottle-list .item.genmai .wrapper:after {
    right: 0;
    width: 56.3125%;
    width: calc(50% + 101px);
    background-image: url(/top/img/bg_products_05.jpg); }
  .m-main-bottle-list .item.genmai.no-anchor .wrapper:after {
    width: 66.875%;
    width: calc(50% + 270px); }
  .m-main-bottle-list .item.genmai .txt {
    margin-left: -51px; }
    .m-main-bottle-list .item.genmai .txt .m-txt-makimono__paragraph .word {
      padding-bottom: 19px; }
    .m-main-bottle-list .item.genmai .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph .word {
      padding-bottom: 21px; }
  .m-main-bottle-list .item.genmai.no-anchor .txt {
    margin-left: -240px; }
  .m-main-bottle-list .item.genmai .anchor {
    margin-left: -284px;
    letter-spacing: .2em; }
  .m-main-bottle-list .item.genmai .arrow {
    margin-left: -163px; }
  .m-main-bottle-list .item + .item {
    margin-top: 156px; }
  .m-main-bottle-list .item.is-animation-finished .anchor .inner-anchor:before {
    -ms-transform-origin: 100% 0;
        transform-origin: 100% 0;
    transition-duration: .2s; }
  .m-main-bottle-list .item.is-animation-finished:nth-child(even) .anchor .inner-anchor:before,
  .m-main-bottle-list .item.is-animation-finished.even .anchor .inner-anchor:before {
    -ms-transform-origin: 0 0;
        transform-origin: 0 0; }
  .m-main-bottle-list .item:not(.is-animation-finished) .anchor .inner-anchor:before {
    transition-delay: 1.5s;
    -ms-transform-origin: 0 0;
        transform-origin: 0 0; }
  .m-main-bottle-list .item:not(.is-animation-finished):nth-child(even) .anchor .inner-anchor:before,
  .m-main-bottle-list .item:not(.is-animation-finished).even .anchor .inner-anchor:before {
    -ms-transform-origin: 100% 0;
        transform-origin: 100% 0; }
  .m-main-bottle-list .item.is-hidden .wrapper:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-transform: translateY(-20px);
        transform: translateY(-20px); }
  .m-main-bottle-list .item.is-hidden .name {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-transform: translateY(-40px);
        transform: translateY(-40px); }
  .m-main-bottle-list .item.is-hidden .lead {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-transform: translateY(-40px);
        transform: translateY(-40px); }
  .m-main-bottle-list .item.is-hidden .anchor {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-transform: translateX(-20px);
        transform: translateX(-20px); }
    .m-main-bottle-list .item.is-hidden .anchor .inner-anchor:before {
      -ms-transform: scaleX(0);
          transform: scaleX(0); }
  .m-main-bottle-list .item.is-hidden .arrow {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-transform: translateX(-10px);
        transform: translateX(-10px); }
  .m-main-bottle-list .item.is-hidden:nth-child(even) .anchor, .m-main-bottle-list .item.is-hidden.even .anchor {
    -ms-transform: translateX(20px);
        transform: translateX(20px); }
  .m-main-bottle-list .item.is-hidden:nth-child(even) .arrow, .m-main-bottle-list .item.is-hidden.even .arrow {
    -ms-transform: scaleX(-1) translateX(-10px);
        transform: scaleX(-1) translateX(-10px); }

@media screen and (min-width: 1000px) {
  .m-main-bottle-list .item.is-animation-finished .arrow {
    transition-delay: 0s;
    transition-duration: .3s; }
  .m-main-bottle-list .item.is-animation-finished a.wrapper:hover:after {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
  .m-main-bottle-list .item.is-animation-finished a.wrapper:hover .arrow {
    -ms-transform: translateX(5px);
        transform: translateX(5px); }
  .m-main-bottle-list .item:nth-child(even).is-animation-finished a.wrapper:hover .arrow,
  .m-main-bottle-list .item.even .is-animation-finished a.wrapper:hover .arrow {
    -ms-transform: translateX(-5px) scaleX(-1);
        transform: translateX(-5px) scaleX(-1); }
  .m-main-bottle-list .item.is-animation-finished a.wrapper:hover .anchor .inner-anchor:before {
    -ms-transform: scaleX(0);
        transform: scaleX(0);
    transition: all .2s ease 0s; }
  .m-main-bottle-list .pc-hidden {
    display: none; } }

@media screen and (max-width: 999px) {
  .m-main-bottle-list .item + .item {
    margin-top: 106px; }
  .m-main-bottle-list .item .wrapper:after {
    background-size: cover; }
  .m-main-bottle-list .item .txt {
    top: -24px; }
    .m-main-bottle-list .item .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph {
      line-height: 2;
      margin-right: 7px; }
  .m-main-bottle-list .item .name {
    font-size: 18px;
    font-size: 1.125rem; }
  .m-main-bottle-list .item .lead {
    font-size: 15px;
    font-size: 0.9375rem; }
  .m-main-bottle-list .item .anchor {
    letter-spacing: .18em; }
    .m-main-bottle-list .item .anchor .inner-anchor:before {
      bottom: -5px; }
  .m-main-bottle-list .item .arrow {
    top: 51px;
    width: 36px;
    height: 5px;
    background-image: url(/top/img/ico_products_01_sp.png);
    background-size: 36px 5px; }
  .m-main-bottle-list .item:nth-child(odd) .anchor, .m-main-bottle-list .item.odd .anchor {
    top: 50px;
    left: 45px;
    margin-left: 0;
    font-size: 13px;
    font-size: 0.8125rem; }
  .m-main-bottle-list .item:nth-child(odd) .arrow, .m-main-bottle-list .item.odd .arrow {
    left: 0;
    margin-left: 0; }
  .m-main-bottle-list .item:nth-child(even) .anchor, .m-main-bottle-list .item.even .anchor {
    top: 49px;
    left: auto;
    right: 41px;
    margin-left: 0;
    font-size: 13px;
    font-size: 0.8125rem; }
  .m-main-bottle-list .item:nth-child(even) .arrow, .m-main-bottle-list .item.even .arrow {
    left: auto;
    right: 0;
    margin-left: 0; }
  .m-main-bottle-list .item:nth-child(1):not(.single), .m-main-bottle-list .item.ayataka {
    height: 154px; }
    .m-main-bottle-list .item:nth-child(1):not(.single) .wrapper:before, .m-main-bottle-list .item.ayataka .wrapper:before {
      top: -34px;
      margin-left: -36px;
      width: 71px;
      height: 220px;
      background-size: 71px 220px; }
    .m-main-bottle-list .item:nth-child(1):not(.single).no-anchor .wrapper:before, .m-main-bottle-list .item.ayataka.no-anchor .wrapper:before {
      margin-left: -36px; }
    .m-main-bottle-list .item:nth-child(1):not(.single) .wrapper:after, .m-main-bottle-list .item.ayataka .wrapper:after {
      width: 87.6%;
      width: calc(50% + 141px);
      background-image: url(/top/img/bg_products_01_sp.jpg); }
    .m-main-bottle-list .item:nth-child(1):not(.single).no-anchor .wrapper:after, .m-main-bottle-list .item.ayataka.no-anchor .wrapper:after {
      width: 87.6%;
      width: calc(50% + 141px); }
    .m-main-bottle-list .item:nth-child(1):not(.single) .txt, .m-main-bottle-list .item.ayataka .txt {
      margin-left: 53px; }
    .m-main-bottle-list .item:nth-child(1):not(.single).no-anchor .txt, .m-main-bottle-list .item.ayataka.no-anchor .txt {
      margin-left: 53px; }
    .m-main-bottle-list .item:nth-child(1):not(.single) .anchor, .m-main-bottle-list .item.ayataka .anchor {
      margin-left: 0; }
      .m-main-bottle-list .item:nth-child(1):not(.single) .anchor .inner-anchor:before, .m-main-bottle-list .item.ayataka .anchor .inner-anchor:before {
        width: calc(100% - 4px); }
  .m-main-bottle-list .item:nth-child(2), .m-main-bottle-list .item.amami {
    height: 154px; }
    .m-main-bottle-list .item:nth-child(2) .wrapper:before, .m-main-bottle-list .item.amami .wrapper:before {
      top: -34px;
      margin-left: -34px;
      width: 69px;
      height: 220px;
      background-size: 69px 220px; }
    .m-main-bottle-list .item:nth-child(2).no-anchor .wrapper:before, .m-main-bottle-list .item.amami.no-anchor .wrapper:before {
      top: -34px;
      margin-left: -34px; }
    .m-main-bottle-list .item:nth-child(2) .wrapper:after, .m-main-bottle-list .item.amami .wrapper:after {
      width: 87.6%;
      width: calc(50% + 141px);
      background-image: url(/top/img/bg_products_02_sp.jpg); }
    .m-main-bottle-list .item:nth-child(2).no-anchor .wrapper:after, .m-main-bottle-list .item.amami.no-anchor .wrapper:after {
      width: 87.4666667%;
      width: calc(50% + 141px); }
    .m-main-bottle-list .item:nth-child(2) .txt, .m-main-bottle-list .item.amami .txt {
      margin-left: -120px; }
      .m-main-bottle-list .item:nth-child(2) .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph, .m-main-bottle-list .item.amami .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph {
        margin-right: 7px; }
    .m-main-bottle-list .item:nth-child(2).no-anchor .txt, .m-main-bottle-list .item.amami.no-anchor .txt {
      margin-left: -119px; }
    .m-main-bottle-list .item:nth-child(2).amami-22 .wrapper:after, .m-main-bottle-list .item.amami.amami-22 .wrapper:after {
      background-image: url(/top/img/bg_products_02_sp.jpg); }
  .m-main-bottle-list .item:nth-child(3), .m-main-bottle-list .item.houji {
    height: 153px;
    margin-top: 105px; }
    .m-main-bottle-list .item:nth-child(3) .wrapper:before, .m-main-bottle-list .item.houji .wrapper:before {
      top: -34px;
      margin-left: -34px;
      width: 70px;
      height: 220px;
      background-size: 70px 220px; }
    .m-main-bottle-list .item:nth-child(3).no-anchor .wrapper:before, .m-main-bottle-list .item.houji.no-anchor .wrapper:before {
      margin-left: -34px;
      top: -33px; }
    .m-main-bottle-list .item:nth-child(3) .wrapper:after, .m-main-bottle-list .item.houji .wrapper:after {
      width: 87.6%;
      width: calc(50% + 141px);
      background-image: url(/top/img/bg_products_03_sp.jpg); }
    .m-main-bottle-list .item:nth-child(3).no-anchor .wrapper:after, .m-main-bottle-list .item.houji.no-anchor .wrapper:after {
      width: 87.6%;
      width: calc(50% + 141px); }
    .m-main-bottle-list .item:nth-child(3) .txt, .m-main-bottle-list .item.houji .txt {
      margin-left: 53px; }
    .m-main-bottle-list .item:nth-child(3).no-anchor .txt, .m-main-bottle-list .item.houji.no-anchor .txt {
      margin-left: 53px; }
  .m-main-bottle-list .item:nth-child(4), .m-main-bottle-list .item.koi {
    height: 154px;
    margin-top: 105px; }
    .m-main-bottle-list .item:nth-child(4) .wrapper:before, .m-main-bottle-list .item.koi .wrapper:before {
      top: -34px;
      margin-left: -34px;
      width: 69px;
      height: 220px;
      background-size: 69px 220px; }
    .m-main-bottle-list .item:nth-child(4).no-anchor .wrapper:before, .m-main-bottle-list .item.koi.no-anchor .wrapper:before {
      top: -34px;
      margin-left: -34px; }
    .m-main-bottle-list .item:nth-child(4) .wrapper:after, .m-main-bottle-list .item.koi .wrapper:after {
      width: 87.6%;
      width: calc(50% + 141px);
      background-image: url(/top/img/bg_products_06_sp.jpg); }
    .m-main-bottle-list .item:nth-child(4).no-anchor .wrapper:after, .m-main-bottle-list .item.koi.no-anchor .wrapper:after {
      width: 87.4666667%;
      width: calc(50% + 141px); }
    .m-main-bottle-list .item:nth-child(4) .txt, .m-main-bottle-list .item.koi .txt {
      margin-left: -120px; }
      .m-main-bottle-list .item:nth-child(4) .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph, .m-main-bottle-list .item.koi .txt .m-txt-makimono__paragraph + .m-txt-makimono__paragraph {
        margin-right: 7px; }
    .m-main-bottle-list .item:nth-child(4) .arrow, .m-main-bottle-list .item.koi .arrow {
      background-image: url(/top/img/ico_products_02.png); }
    .m-main-bottle-list .item:nth-child(4) .anchor .inner-anchor, .m-main-bottle-list .item.koi .anchor .inner-anchor {
      color: #fff; }
      .m-main-bottle-list .item:nth-child(4) .anchor .inner-anchor:before, .m-main-bottle-list .item.koi .anchor .inner-anchor:before {
        background: #fff; }
    .m-main-bottle-list .item:nth-child(4).no-anchor .txt, .m-main-bottle-list .item.koi.no-anchor .txt {
      margin-left: -119px; }
  .m-main-bottle-list .item:nth-child(5), .m-main-bottle-list .item.tokusen {
    height: 154px; }
    .m-main-bottle-list .item:nth-child(5) .wrapper:before, .m-main-bottle-list .item.tokusen .wrapper:before {
      top: -34px;
      margin-left: -86px;
      width: 124px;
      height: 220px;
      background-size: 124px 220px; }
    .m-main-bottle-list .item:nth-child(5).no-anchor .wrapper:before, .m-main-bottle-list .item.tokusen.no-anchor .wrapper:before {
      margin-left: -34px; }
    .m-main-bottle-list .item:nth-child(5) .wrapper:after, .m-main-bottle-list .item.tokusen .wrapper:after {
      width: 87.6%;
      width: calc(50% + 141px); }
    .m-main-bottle-list .item:nth-child(5).no-anchor .wrapper:after, .m-main-bottle-list .item.tokusen.no-anchor .wrapper:after {
      width: 87.6%;
      width: calc(50% + 141px); }
    .m-main-bottle-list .item:nth-child(5) .txt, .m-main-bottle-list .item.tokusen .txt {
      margin-left: 53px; }
    .m-main-bottle-list .item:nth-child(5) .arrow, .m-main-bottle-list .item.tokusen .arrow {
      background-image: url(/top/img/ico_products_02.png); }
    .m-main-bottle-list .item:nth-child(5) .anchor .inner-anchor, .m-main-bottle-list .item.tokusen .anchor .inner-anchor {
      color: #fff; }
      .m-main-bottle-list .item:nth-child(5) .anchor .inner-anchor:before, .m-main-bottle-list .item.tokusen .anchor .inner-anchor:before {
        background: #fff; }
    .m-main-bottle-list .item:nth-child(5).no-anchor .txt, .m-main-bottle-list .item.tokusen.no-anchor .txt {
      margin-left: 53px; }
  .m-main-bottle-list .item.genmai {
    height: 153px;
    margin-top: 105px; }
    .m-main-bottle-list .item.genmai .wrapper:before {
      top: -34px;
      margin-left: -34px;
      width: 70px;
      height: 220px;
      background-size: 70px 220px; }
    .m-main-bottle-list .item.genmai.no-anchor .wrapper:before {
      margin-left: -34px;
      top: -33px; }
    .m-main-bottle-list .item.genmai .wrapper:after {
      width: 87.6%;
      width: calc(50% + 141px);
      background-image: url(/top/img/bg_products_05_sp.jpg); }
    .m-main-bottle-list .item.genmai.no-anchor .wrapper:after {
      width: 87.6%;
      width: calc(50% + 141px); }
    .m-main-bottle-list .item.genmai.no-anchor .txt {
      margin-left: -119px; }
      .m-main-bottle-list .item.genmai.no-anchor .txt .m-txt-makimono__paragraph {
        width: 33px; }
  .m-main-bottle-list .sp-hidden {
    display: none; }
  .m-main-bottle-list .item.is-hidden .arrow {
    -ms-transform: scaleX(1);
        transform: scaleX(1); }
  .m-main-bottle-list .item.is-hidden:nth-child(even) .arrow,
  .m-main-bottle-list .item.is-hidden.even .arrow {
    -ms-transform: scaleX(-1);
        transform: scaleX(-1); } }

.m-anchor-1 {
  text-align: center; }
  .m-anchor-1 .wrap {
    position: relative;
    font-size: 20px;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: .13em;
    color: #00462f;
    background: #d3e3a0;
    text-decoration: none;
    display: inline-block;
    min-width: 280px;
    padding: 18px 30px;
    box-sizing: border-box;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0), 0 1px 2px rgba(0, 0, 0, 0);
    transition: all .6s; }
    .m-anchor-1 .wrap:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      display: block;
      width: 100%;
      height: 100%;
      background: #e4eec5;
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      transition: opacity .5s; }
    .m-anchor-1 .wrap:after {
      content: '';
      position: absolute;
      top: 50%;
      right: -37px;
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
      display: block;
      width: 61px;
      height: 6px;
      margin-top: -1px;
      background: url(/top/img/ico_anchor_01.png) 0 0 no-repeat;
      z-index: 3;
      transition: all .5s; }
    .m-anchor-1 .wrap .txt {
      position: relative;
      left: 4px;
      z-index: 2; }
  .m-anchor-1.large .wrap {
    min-width: 436px; }
  .m-anchor-1.small .wrap {
    min-width: 192px;
    padding-top: 12px;
    padding-bottom: 12px; }

@media screen and (min-width: 1000px) {
  .m-anchor-1 .wrap:hover {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    color: #638e80; }
    .m-anchor-1 .wrap:hover:before {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
    .m-anchor-1 .wrap:hover:after {
      -ms-transform: translate(10px, -50%);
          transform: translate(10px, -50%);
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } }

@media screen and (max-width: 999px) {
  .m-anchor-1 .wrap {
    width: auto;
    font-size: 13px;
    font-size: 0.8125rem;
    min-width: 240px;
    padding-top: 14px;
    padding-bottom: 13px;
    letter-spacing: .1em; }
    .m-anchor-1 .wrap:after {
      width: 36px;
      height: 5px;
      background-image: url(/top/img/ico_anchor_01_sp.png);
      background-size: 36px 5px;
      right: -27px;
      margin-top: -2px; }
    .m-anchor-1 .wrap .txt {
      position: relative;
      left: 6px; }
  .m-anchor-1.large .wrap {
    min-width: 274px; }
  .m-anchor-1.small .wrap {
    font-size: 15px;
    font-size: 0.9375rem;
    min-width: 130px; }
    .m-anchor-1.small .wrap:after {
      right: -22px;
      margin-top: -3px; }
    .m-anchor-1.small .wrap .txt {
      left: 0; } }

@media screen and (max-width: 374px) {
  .m-anchor-1.large .wrap {
    min-width: 0;
    max-width: 234px; } }

.m-nav-story-top {
  padding: 48px 0;
  background: #fff; }
  .m-nav-story-top__anchor a {
    display: block;
    position: relative;
    width: 799px;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto; }
    .m-nav-story-top__anchor a:before {
      content: '';
      position: absolute;
      bottom: 18px;
      left: 0;
      display: block;
      width: 61px;
      height: 6px;
      background: url(/story/img/ico_navstorytop_01.png) 0 0 no-repeat;
      background-size: 61px 6px;
      z-index: 2;
      opacity: 2;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=200)";
      -ms-transform: translateX(0);
          transform: translateX(0);
      transition: .6s; }
    .m-nav-story-top__anchor a:after {
      content: '';
      display: block;
      padding-top: 31.0387985%;
      width: 100%;
      background: url(/story/img/pct_navstorytop_01.jpg) center top no-repeat;
      background-size: cover;
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -ms-transform: scale(1);
          transform: scale(1);
      transition: all .8s; }
    .m-nav-story-top__anchor a .txt {
      position: absolute;
      top: 0;
      right: 35px;
      z-index: 2; }

@media screen and (min-width: 1000px) {
  .m-nav-story-top__anchor a:hover:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -ms-transform: translateX(20px);
        transform: translateX(20px); }
  .m-nav-story-top__anchor a:hover:after {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    -ms-transform: scale(1.05);
        transform: scale(1.05); }
  .m-nav-story-top .pc-hidden {
    display: none; } }

@media screen and (max-width: 999px) {
  .m-nav-story-top {
    padding: 30px 24px; }
    .m-nav-story-top a {
      width: 100%;
      color: #fff;
      text-decoration: none; }
      .m-nav-story-top a:before {
        background-image: url(/story/img/ico_navstorytop_01_sp.png);
        width: 36px;
        height: 5px;
        background-size: 36px 5px;
        bottom: 50%;
        left: auto;
        right: 10px; }
      .m-nav-story-top a .txt {
        right: 50%;
        top: 50%;
        -ms-transform: translate(50%, -50%);
            transform: translate(50%, -50%);
        font-size: 14px;
        font-size: 0.875rem;
        line-height: 1;
        letter-spacing: .3em; }
    .m-nav-story-top .sp-hidden {
      display: none; } }

.effect-bg-t01 {
  background-position: center center !important; }
  body:not(.isIE) .effect-bg-t01 {
    background-size: 30% !important; }
  body:not(.isIE) .effect-bg-t01.effect-bg-t01-ready {
    transition: background-size 3.3s cubic-bezier(0.215, 0.61, 0.355, 1); }
  body:not(.isIE) .effect-bg-t01.effect-bg-t01-on {
    background-size: 100% !important; }