@charset "UTF-8";
@import url(common.css);
.js-home-fade {
  opacity: 0; }
  .js-home-fade.js-action {
    -webkit-animation: home-fade 1.2s ease 3s forwards;
    animation: home-fade 1.2s ease 3s forwards; }

.main-visual {
  position: relative;
  height: -webkit-calc(100vh - 120px);
  height: calc(100vh - 120px);
  min-height: 400px; }
  .main-visual.js-action .hero-header__image {
    -webkit-animation: hero-header-image 2.5s ease .6s forwards;
    animation: hero-header-image 2.5s ease .6s forwards; }

.hero-header {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  -ms-justify-content: flex-end;
  justify-content: flex-end;
  position: relative;
  width: 100%;
  height: -webkit-calc(100% - 85px);
  height: calc(100% - 85px);
  overflow: hidden; }
  .hero-header__logo {
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 95px;
    width: 185px;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .hero-header__bg {
    position: relative;
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
    height: 100%;
    border-radius: 30px 0 0 30px;
    overflow: hidden;
    z-index: 0; }
  .hero-header__image {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url(../img/index/bg-mainvisual.jpg) center center/cover no-repeat;
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -ms-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    -webkit-filter: blur(5px);
    filter: blur(5px); }
    .hero-header__image__df {
      -webkit-transform: scale3d(1, 1, 1) !important;
      -ms-transform: scale3d(1, 1, 1) !important;
      transform: scale3d(1, 1, 1) !important;
      -webkit-filter: blur(0) !important;
      filter: blur(0) !important; }

@-webkit-keyframes hero-header-image {
  0% {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    -webkit-filter: blur(5px); }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -webkit-filter: blur(0); } }
@keyframes hero-header-image {
  0% {
    -ms-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
    filter: blur(5px); }
  100% {
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    filter: blur(0); } }
@-webkit-keyframes home-fade {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
@keyframes home-fade {
  0% {
    opacity: 0;
    visibility: hidden; }
  100% {
    opacity: 1;
    visibility: visible; } }
.home-logo {
  width: 100%;
  height: auto; }
  .home-logo__path {
    fill: none;
    stroke: #d3a180;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.6px; }

.scroll-btn {
  display: inline-block;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-bottom: 115px;
  z-index: 2; }
  .scroll-btn::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 1px;
    background: #ddd;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-animation: scroll-sign 2s cubic-bezier(0.66, 0.06, 0.42, 0.9) infinite;
    animation: scroll-sign 2s cubic-bezier(0.66, 0.06, 0.42, 0.9) infinite;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both; }
  .scroll-btn__text {
    display: inline-block;
    font-size: 1rem;
    letter-spacing: .5em;
    color: #ddd;
    text-transform: uppercase;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }

@-webkit-keyframes scroll-sign {
  0% {
    bottom: 80px;
    height: 0; }
  50% {
    bottom: 0;
    height: 80px; }
  51% {
    bottom: 0;
    height: 80px; }
  100% {
    height: 0;
    bottom: 0; } }
@keyframes scroll-sign {
  0% {
    bottom: 80px;
    height: 0; }
  50% {
    bottom: 0;
    height: 80px; }
  51% {
    bottom: 0;
    height: 80px; }
  100% {
    height: 0;
    bottom: 0; } }
.top-news {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  -ms-align-items: center;
  align-items: center;
  height: 85px; }
  .top-news__header {
    position: relative;
    width: 230px;
    height: 60%;
    font-family: 'Reisho 101', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
    font-size: 2.4rem;
    line-height: 1;
    color: #1B2B47; }
    .top-news__header::after {
      content: '';
      display: inline-block;
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      width: 3px;
      height: 100%;
      background: currentColor;
      border-radius: 2px; }
  .top-news__list {
    width: calc(100% - 230px);
    padding: 0 5%; }
  .top-news__item:not(:last-child) {
    margin-bottom: 5px; }
  .top-news__link {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    color: #1B2B47;
    transition: transform .5s; }
    .top-news__link:hover {
      -webkit-transform: translateX(5px);
      -ms-transform: translateX(5px);
      transform: translateX(5px); }
  .top-news__date {
    display: inline-block;
    font-weight: bold;
    line-height: 1.8;
    font-size: 1.4rem;
    margin-right: 25px; }
  .top-news__desc {
    display: inline-block;
    line-height: 1.8;
    font-size: 1.4rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }

.top-topics {
  padding: 50px 0; }
  .top-topics__header {
    font-size: 3.6rem;
    letter-spacing: .05em;
    text-transform: uppercase;
    margin-bottom: 50px; }
  .top-topics__container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-width: 1440px;
    padding: 0 5%;
    margin: auto; }
  .top-topics__item {
    position: relative;
    width: 30%; }
    .top-topics__item:hover .top-topics__thumb {
      -webkit-transform: scale3d(1.1, 1.1, 1);
      -ms-transform: scale3d(1.1, 1.1, 1);
      transform: scale3d(1.1, 1.1, 1); }
    .top-topics__item:hover .top-topics__ttl {
      color: #877555; }
  .top-topics__inner {
    display: block; }
  .top-topics__image {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 15px; }
  .top-topics__thumb {
    display: block;
    object-fit: cover;
    transition: transform .5s; }
  .top-topics__date {
    text-align: center;
    margin-bottom: 5px; }
  .top-topics__ttl {
    font-size: 1.6rem;
    font-weight: bold;
    text-align: center;
    transition: color .5s; }

.top-intro {
  position: relative;
  margin: auto; }
  .top-intro__header {
    display: inline-block;
    position: absolute;
    top: 50px;
    left: -10px;
    font-family: 'Reisho 101', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
    font-size: 2.6vw;
    letter-spacing: .05em;
    color: #fff;
    background-color: #1B2B47;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    padding: 1.5rem .5rem;
    z-index: 1;
    opacity: 0; }
    .top-intro__header.js-action {
      -webkit-animation: effect-fade-in 1.2s ease .5s forwards;
      animation: effect-fade-in 1.2s ease .5s forwards; }
  .top-intro__container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    padding: 50px 0; }
    .top-intro__container--odd {
      justify-content: flex-start; }
      .top-intro__container--odd .top-intro__bg {
        width: 53%;
        border-radius: 0 30px 30px 0; }
      .top-intro__container--odd .top-intro__image {
        background-image: url(../img/index/bg-intro-1.jpg); }
      .top-intro__container--odd .top-intro__box {
        width: 47%;
        right: 0; }
    .top-intro__container--even {
      -webkit-justify-content: flex-end;
      -ms-justify-content: flex-end;
      justify-content: flex-end; }
      .top-intro__container--even .top-intro__bg {
        width: 70%;
        border-radius: 30px 0 0 30px; }
      .top-intro__container--even .top-intro__image {
        background-image: url(../img/index/bg-intro-2.jpg); }
      .top-intro__container--even .top-intro__box {
        width: 50%;
        left: 0; }
    .top-intro__container--last {
      padding-bottom: 150px; }
    .top-intro__container.js-action .top-intro__box {
      -webkit-animation: effect-fade-in 1.2s ease .8s forwards;
      animation: effect-fade-in 1.2s ease .8s forwards; }
    .top-intro__container.js-action .top-intro__image {
      -webkit-animation: effect-slide-in 0.6s cubic-bezier(0.8, 0, 0.5, 1) forwards;
      animation: effect-slide-in 0.6s cubic-bezier(0.8, 0, 0.5, 1) forwards; }
      .top-intro__container.js-action .top-intro__image::after {
        -webkit-animation: effect-slide-out 0.6s cubic-bezier(0.8, 0, 0.5, 1) 0.5s forwards;
        animation: effect-slide-out 0.6s cubic-bezier(0.8, 0, 0.5, 1) 0.5s forwards; }
  .top-intro__bg {
    position: relative;
    min-height: 480px;
    overflow: hidden;
    z-index: 0; }
    .top-intro__bg::after {
      content: '';
      display: block;
      padding-top: 66.7%; }
  .top-intro__image {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); }
    .top-intro__image::after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: #1B2B47;
      z-index: 1; }
  .top-intro__box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: absolute;
    top: 0;
    bottom: 0;
    padding: 0 5%;
    width: 100%;
    opacity: 0; }
  .top-intro__ttl {
    width: 100%;
    text-align: left;
    font-family: '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
    font-size: 3.2rem;
    white-space: nowrap;
    letter-spacing: .05em;
    margin-bottom: 30px; }
  .top-intro__desc {
    width: 100%;
    line-height: 2; }
  .top-intro__btn {
    display: block;
    position: relative;
    width: 170px;
    font-family: 'Reisho 101', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
    text-align: center;
    border: 2px solid #1B2B47;
    overflow: hidden;
    padding: .5rem 0;
    margin: 30px 0 0 15%;
    transition: color .5s; }
    .top-intro__btn::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 100%;
      background-color: #1B2B47;
      z-index: -1;
      -webkit-transform: translate3d(-100%, 0, 0);
      -ms-transform: translate3d(-100%, 0, 0);
      transform: translate3d(-100%, 0, 0);
      transition: transform .5s; }
    .top-intro__btn:hover {
      color: #fff; }
      .top-intro__btn:hover::before {
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }

.udon-category {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  max-width: 1440px;
  padding: 25px 5% 150px;
  margin: auto;
  opacity: 0; }
  .udon-category.js-action {
    -webkit-animation: effect-fade-in 1.2s ease 0s forwards;
    animation: effect-fade-in 1.2s ease 0s forwards; }
  .udon-category__item {
    align-self: stretch;
    width: 24%; }
  .udon-category__inner {
    display: block;
    position: relative;
    height: 100%;
    z-index: 0; }
    .udon-category__inner::after {
      content: '';
      position: absolute;
      top: 90px;
      left: 0;
      right: 0;
      bottom: 0;
      background: #D9D7D2;
      border: 3px solid #1B2B47;
      border-radius: 5px;
      z-index: -1; }
    .udon-category__inner:hover .udon-category__thumb {
      -webkit-transform: scale3d(1.1, 1.1, 1);
      -ms-transform: scale3d(1.1, 1.1, 1);
      transform: scale3d(1.1, 1.1, 1); }
    .udon-category__inner:hover .udon-category__ttl {
      color: #877555; }
  .udon-category__image {
    position: relative;
    width: 85%;
    max-width: 180px;
    overflow: hidden;
    border: 3px solid #1B2B47;
    border-radius: 50%;
    margin: auto;
    z-index: 1; }
    .udon-category__image::after {
      content: '';
      display: block;
      padding-top: 100%; }
  .udon-category__thumb {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .5s; }
  .udon-category__box {
    position: relative;
    color: #333;
    padding: 105px 25px 25px;
    margin-top: -80px; }
  .udon-category__ttl {
    font-size: 2rem;
    line-height: 1;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1.5rem;
    transition: color .5s; }
  .udon-category__desc {
    line-height: 1.8; }

.top-products {
  position: relative;
  opacity: 0; }
  .top-products.js-action {
    -webkit-animation: effect-fade-in 1.2s ease 0s forwards;
    animation: effect-fade-in 1.2s ease 0s forwards; }
  .top-products__header {
    position: absolute;
    top: -7.5rem;
    left: 50%;
    font-family: 'Reisho 101', '游明朝体', YuMincho, '游明朝', 'Yu Mincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN W3', HiraMinProN-W3, 'ヒラギノ明朝 ProN', 'Hiragino Mincho ProN', 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'HGS明朝E', serif;
    font-size: 3.2rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    z-index: 1;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%); }
    .top-products__header::after {
      content: '';
      position: absolute;
      top: 5rem;
      left: 50%;
      width: 116px;
      height: 116px;
      background-image: url("data:image/svg+xml;charset=utf8,%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22116px%22%20height%3D%22116px%22%20viewBox%3D%220%200%20116%20116%22%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill%3A%23ddc7b1%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M58%2C116a58%2C58%2C0%2C1%2C1%2C58-58A58.07%2C58.07%2C0%2C0%2C1%2C58%2C116ZM58%2C.86A57.14%2C57.14%2C0%2C1%2C0%2C115.14%2C58%2C57.27%2C57.27%2C0%2C0%2C0%2C58%2C.86ZM58%2C110A52%2C52%2C0%2C1%2C1%2C110%2C58%2C52%2C52%2C0%2C0%2C1%2C58%2C110Zm0-103A51.09%2C51.09%2C0%2C1%2C0%2C109.09%2C58%2C51.13%2C51.13%2C0%2C0%2C0%2C58%2C6.91Zm-.26%2C95.6A2.53%2C2.53%2C0%2C0%2C1%2C55.15%2C100V84.36a2.8%2C2.8%2C0%2C0%2C1%2C.86-2l6.05-5.28V60.16a2.6%2C2.6%2C0%2C0%2C1%2C5.19%2C0h0V78.31a2.79%2C2.79%2C0%2C0%2C1-.87%2C2l-6%2C5.27V99.92a2.62%2C2.62%2C0%2C0%2C1-2.6%2C2.6Zm6.92-44.08a1.73%2C1.73%2C0%2C0%2C0-1.73%2C1.73V77.53l-6.31%2C5.54A1.84%2C1.84%2C0%2C0%2C0%2C56%2C84.36V99.92a1.73%2C1.73%2C0%2C0%2C0%2C3.46%2C0V85.14l6.31-5.53a1.79%2C1.79%2C0%2C0%2C0%2C.6-1.3V60.16a1.73%2C1.73%2C0%2C0%2C0-1.72-1.73Zm0%2C44.08a2.55%2C2.55%2C0%2C0%2C1-2.6-2.49V87.82a2.6%2C2.6%2C0%2C0%2C1%2C5.19%2C0h0v12.1a2.61%2C2.61%2C0%2C0%2C1-2.59%2C2.6Zm0-16.42a1.73%2C1.73%2C0%2C0%2C0-1.73%2C1.73v12.1a1.73%2C1.73%2C0%2C1%2C0%2C3.45%2C0V87.82a1.73%2C1.73%2C0%2C0%2C0-1.72-1.73Zm-6.92-8.64A2.54%2C2.54%2C0%2C0%2C1%2C55.15%2C75V62.75a2.59%2C2.59%2C0%2C1%2C1%2C5.18%2C0h0V74.86A2.6%2C2.6%2C0%2C0%2C1%2C57.74%2C77.45Zm0-16.43A1.74%2C1.74%2C0%2C0%2C0%2C56%2C62.75V74.86a1.73%2C1.73%2C0%2C0%2C0%2C3.46%2C0V62.75A1.73%2C1.73%2C0%2C0%2C0%2C57.74%2C61Zm0-3.45a2.55%2C2.55%2C0%2C0%2C1-2.59-2.5V39.42a2.8%2C2.8%2C0%2C0%2C1%2C.86-2l6.05-5.28V15.21a2.6%2C2.6%2C0%2C0%2C1%2C5.19%2C0h0V33.37a2.77%2C2.77%2C0%2C0%2C1-.87%2C2l-6%2C5.28V55a2.61%2C2.61%2C0%2C0%2C1-2.6%2C2.6Zm6.92-44.09a1.74%2C1.74%2C0%2C0%2C0-1.73%2C1.73V32.59l-6.31%2C5.53a1.84%2C1.84%2C0%2C0%2C0-.61%2C1.3V55a1.73%2C1.73%2C0%2C1%2C0%2C3.46.05V40.19l6.31-5.53a1.79%2C1.79%2C0%2C0%2C0%2C.6-1.29V15.21A1.73%2C1.73%2C0%2C0%2C0%2C64.66%2C13.48Zm0%2C44.09a2.56%2C2.56%2C0%2C0%2C1-2.6-2.5V42.87a2.6%2C2.6%2C0%2C0%2C1%2C5.19%2C0h0V55a2.6%2C2.6%2C0%2C0%2C1-2.59%2C2.6Zm0-16.43a1.74%2C1.74%2C0%2C0%2C0-1.73%2C1.73V55a1.73%2C1.73%2C0%2C1%2C0%2C3.45.05V42.87a1.73%2C1.73%2C0%2C0%2C0-1.72-1.73ZM57.74%2C32.5A2.53%2C2.53%2C0%2C0%2C1%2C55.15%2C30V17.81a2.59%2C2.59%2C0%2C1%2C1%2C5.18%2C0v12.1A2.59%2C2.59%2C0%2C0%2C1%2C57.74%2C32.5Zm0-16.42A1.73%2C1.73%2C0%2C0%2C0%2C56%2C17.81v12.1a1.73%2C1.73%2C0%2C0%2C0%2C3.46.05V17.81A1.73%2C1.73%2C0%2C0%2C0%2C57.74%2C16.08Zm26.8%2C11.24h-13a2.6%2C2.6%2C0%2C0%2C1%2C0-5.19h3.89a2.6%2C2.6%2C0%2C0%2C1%2C5.19%2C0h3.89a2.55%2C2.55%2C0%2C0%2C1%2C2.59%2C2.5v.09a2.6%2C2.6%2C0%2C0%2C1-2.59%2C2.59ZM71.57%2C23a1.73%2C1.73%2C0%2C0%2C0%2C0%2C3.46h13a1.73%2C1.73%2C0%2C0%2C0%2C0-3.46H79.78v-.86a1.73%2C1.73%2C0%2C0%2C0-3.45%2C0V23ZM81.68%2C54.8A2.32%2C2.32%2C0%2C0%2C1%2C79.87%2C54l-3.29-3.28-2.24%2C2.51a2.6%2C2.6%2C0%2C0%2C1-3.63.17%2C2.78%2C2.78%2C0%2C0%2C1-.87-1.82%2C2.66%2C2.66%2C0%2C0%2C1%2C.69-1.9L73%2C47l-3.89-3.8a2.49%2C2.49%2C0%2C0%2C1-.77-1.82%2C2.34%2C2.34%2C0%2C0%2C1%2C.77-1.81l3.12-3.11L69%2C33.62a2.44%2C2.44%2C0%2C0%2C1-.87-1.81%2C2.57%2C2.57%2C0%2C0%2C1%2C.61-1.9A2.44%2C2.44%2C0%2C0%2C1%2C70.53%2C29a3%2C3%2C0%2C0%2C1%2C1.91.61l3.45%2C3%2C4-4a2.67%2C2.67%2C0%2C0%2C1%2C3.63%2C0l3.2%2C3.2%2C1.9-2.08a2.58%2C2.58%2C0%2C0%2C1%2C3.63-.17%2C2.77%2C2.77%2C0%2C0%2C1%2C.86%2C1.81%2C2.56%2C2.56%2C0%2C0%2C1-.69%2C1.9l-2.07%2C2.25%2C3.89%2C3.89A2.45%2C2.45%2C0%2C0%2C1%2C95%2C41.32a2.34%2C2.34%2C0%2C0%2C1-.77%2C1.81l-3.11%2C3.11%2C2.76%2C2.42a2.48%2C2.48%2C0%2C0%2C1%2C.87%2C1.82%2C2.57%2C2.57%2C0%2C0%2C1-.61%2C1.9%2C2.68%2C2.68%2C0%2C0%2C1-3.63.26l-3-2.68L83.41%2C54A2%2C2%2C0%2C0%2C1%2C81.68%2C54.8Zm-5.1-5.27%2C3.89%2C3.89a1.68%2C1.68%2C0%2C0%2C0%2C2.37.06l0-.06%2C4.59-4.58L91.11%2C52a1.75%2C1.75%2C0%2C0%2C0%2C2.42-.17A1.62%2C1.62%2C0%2C0%2C0%2C94%2C50.65a1.84%2C1.84%2C0%2C0%2C0-.61-1.21l-3.45-3%2C3.71-3.72a1.66%2C1.66%2C0%2C0%2C0%2C.06-2.36l-.06-.06-4.49-4.49%2C2.59-2.86a1.58%2C1.58%2C0%2C0%2C0%2C.43-1.21%2C2.13%2C2.13%2C0%2C0%2C0-.52-1.21%2C1.76%2C1.76%2C0%2C0%2C0-2.42.09l-2.5%2C2.77-3.81-4a1.67%2C1.67%2C0%2C0%2C0-2.36-.06l-.06.06L75.89%2C34l-4.06-3.54A1.6%2C1.6%2C0%2C0%2C0%2C70.62%2C30a1.82%2C1.82%2C0%2C0%2C0-1.21.61A1.59%2C1.59%2C0%2C0%2C0%2C69%2C31.81a1.81%2C1.81%2C0%2C0%2C0%2C.6%2C1.21l3.89%2C3.46-3.8%2C3.8a1.67%2C1.67%2C0%2C0%2C0-.06%2C2.36l.06.06%2C4.49%2C4.5-3%2C3.28a1.59%2C1.59%2C0%2C0%2C0-.43%2C1.21%2C2.1%2C2.1%2C0%2C0%2C0%2C.52%2C1.21%2C1.74%2C1.74%2C0%2C0%2C0%2C2.42-.09Zm5.1.17-2.76-2.76%2C2.94-3.2L85%2C46.5Zm-1.55-2.76%2C1.55%2C1.55%2C2-2L81.94%2C45ZM76.5%2C44.52%2C73.39%2C41.4l2.68-2.68%2C3.19%2C2.86Zm-2-3.12%2C1.9%2C1.91L78%2C41.58l-1.9-1.73Zm12.88%2C2.68-3.2-2.85%2C2.77-3%2C3.19%2C3.19Zm-2-2.94%2C2%2C1.73%2C1.47-1.47L87%2C39.5ZM81.6%2C38.9l-3.11-2.68L81.68%2C33l2.77%2C2.77Zm-1.9-2.68%2C1.73%2C1.55%2C1.72-1.9L81.6%2C34.32Zm-.35%2C62a2.53%2C2.53%2C0%2C0%2C1-2.59-2.5V92.14H72.44a2.59%2C2.59%2C0%2C1%2C1%2C0-5.18h4.32v-2.6h-2.6a2.59%2C2.59%2C0%2C0%2C1%2C0-5.18h2.6V75.72h-2.6a2.6%2C2.6%2C0%2C0%2C1%2C0-5.19h2.6v-.86h-2.6a2.6%2C2.6%2C0%2C0%2C1%2C0-5.19h2.6v-.86h-2.6a2.6%2C2.6%2C0%2C0%2C1%2C0-5.19h2.77a2.56%2C2.56%2C0%2C0%2C1%2C4.84%2C0h8a2.56%2C2.56%2C0%2C0%2C1%2C2.6%2C2.5v3.55h2.59A2.55%2C2.55%2C0%2C0%2C1%2C97.5%2C67V83.5a2.59%2C2.59%2C0%2C0%2C1-5.18%2C0V73.13a2.56%2C2.56%2C0%2C0%2C1-2.5%2C2.59H81.94v3.46h6a2.59%2C2.59%2C0%2C1%2C1%2C0%2C5.18h-6V87h7.78a2.59%2C2.59%2C0%2C1%2C1%2C0%2C5.18H81.94V95.6A2.59%2C2.59%2C0%2C0%2C1%2C79.35%2C98.19ZM72.43%2C87.82a1.73%2C1.73%2C0%2C1%2C0%2C0%2C3.46h5.23V95.6a1.73%2C1.73%2C0%2C0%2C0%2C3.46%2C0V91.28h8.64a1.73%2C1.73%2C0%2C1%2C0%2C0-3.46H81.08V83.5H88A1.73%2C1.73%2C0%2C0%2C0%2C88%2C80H81.08V74.86h8.64a1.74%2C1.74%2C0%2C0%2C0%2C1.73-1.73V68.8h1.73V83.5a1.73%2C1.73%2C0%2C0%2C0%2C3.46%2C0V67.08a1.73%2C1.73%2C0%2C0%2C0-1.73-1.73H91.45V61a1.72%2C1.72%2C0%2C0%2C0-1.73-1.73H81.08L81%2C59a1.77%2C1.77%2C0%2C0%2C0-3.45%2C0l-.09.35H74a1.73%2C1.73%2C0%2C0%2C0%2C0%2C3.45h3.46v2.6H74a1.73%2C1.73%2C0%2C0%2C0%2C0%2C3.45h3.46v2.6H74a1.73%2C1.73%2C0%2C0%2C0%2C0%2C3.46h3.46V80H74a1.73%2C1.73%2C0%2C0%2C0%2C0%2C3.46h3.46v4.32ZM88%2C71.4H81.08V68.8H88Zm-6-.87h5.19v-.86H81.94Zm6-5.18H81.08v-2.6H88Zm-6-.87h5.19v-.86H81.94Zm-33.53%2C38.3a1.56%2C1.56%2C0%2C0%2C1-.61-.09A45.63%2C45.63%2C0%2C0%2C1%2C12.19%2C58a48.25%2C48.25%2C0%2C0%2C1%2C1.64-12.19%2C3.17%2C3.17%2C0%2C0%2C1%2C.17-.69%2C43.89%2C43.89%2C0%2C0%2C1%2C4.93-11.06c.13-.24.28-.47.43-.7A46.22%2C46.22%2C0%2C0%2C1%2C48.41%2C13.14a2.46%2C2.46%2C0%2C0%2C1%2C2.16.52%2C2.64%2C2.64%2C0%2C0%2C1%2C1%2C2V35A2.56%2C2.56%2C0%2C0%2C1%2C49%2C37.6H22.91a39.91%2C39.91%2C0%2C0%2C0-2.77%2C5.88H51.69a2.59%2C2.59%2C0%2C0%2C1%2C0%2C5.18H46.5l-4.84%2C4.93%2C8.47%2C9a2.7%2C2.7%2C0%2C0%2C1%2C.52%2C2.77%2C2.67%2C2.67%2C0%2C0%2C1-2.42%2C1.55H41.4v6.92h6.83a2.59%2C2.59%2C0%2C1%2C1%2C0%2C5.18H41.4V89.38a2.59%2C2.59%2C0%2C1%2C1-5.18%2C0V79H27.49a2.59%2C2.59%2C0%2C1%2C1%2C0-5.18h8.73V66.9H27.49a2.6%2C2.6%2C0%2C0%2C1-1.9-4.41l8.81-9-4.58-4.93H18.5a42.33%2C42.33%2C0%2C0%2C0-1.13%2C9.25A40.37%2C40.37%2C0%2C0%2C0%2C48.92%2C97.42a2.72%2C2.72%2C0%2C0%2C1%2C1.65%2C1.12%2C2.67%2C2.67%2C0%2C0%2C1%2C.34%2C2A2.58%2C2.58%2C0%2C0%2C1%2C48.41%2C102.78ZM49.1%2C14h-.35A45.25%2C45.25%2C0%2C0%2C0%2C20.14%2C33.88a2.26%2C2.26%2C0%2C0%2C0-.35.52%2C44.58%2C44.58%2C0%2C0%2C0-4.92%2C11%2C1.2%2C1.2%2C0%2C0%2C0-.18.52A44.94%2C44.94%2C0%2C0%2C0%2C48%2C101.74a1.8%2C1.8%2C0%2C0%2C0%2C2.08-1.3%2C1.71%2C1.71%2C0%2C0%2C0-.26-1.3%2C1.57%2C1.57%2C0%2C0%2C0-1-.77A41.37%2C41.37%2C0%2C0%2C1%2C16.51%2C57.91a42.2%2C42.2%2C0%2C0%2C1%2C1.21-9.76l.09-.35H30.17l5.44%2C5.79-9.42%2C9.68a1.73%2C1.73%2C0%2C0%2C0%2C1.21%2C2.94H37v8.65H27.49a1.73%2C1.73%2C0%2C1%2C0%2C0%2C3.45h9.64V89.55a1.73%2C1.73%2C0%2C0%2C0%2C3.46%2C0V78.31h7.69a1.73%2C1.73%2C0%2C1%2C0%2C.05-3.45H40.54V66.21h7.69a1.7%2C1.7%2C0%2C0%2C0%2C1.56-1%2C1.74%2C1.74%2C0%2C0%2C0-.35-1.9l-9.07-9.5%2C5.7-5.8H51.6a1.73%2C1.73%2C0%2C1%2C0%2C0-3.45H18.76l.17-.61a42%2C42%2C0%2C0%2C1%2C3.2-6.83l.08-.17H48.92a1.72%2C1.72%2C0%2C0%2C0%2C1.73-1.73V15.73a2%2C2%2C0%2C0%2C0-.6-1.38A1.59%2C1.59%2C0%2C0%2C0%2C49.1%2C14ZM44.17%2C62.75H31.55L38%2C56.18Zm-10.55-.86h8.56L38%2C57.48ZM38%2C51.26%2C34.92%2C48h6.31Zm-1.12-2.42L38%2C50.05l1.13-1.21ZM47.37%2C33.37H24.64l.51-.7a41.3%2C41.3%2C0%2C0%2C1%2C21.61-14.6l.52-.18V33.37ZM26.45%2C32.5H46.5V19.1A40.24%2C40.24%2C0%2C0%2C0%2C26.45%2C32.5ZM58%2C107.27A49.27%2C49.27%2C0%2C1%2C1%2C107.27%2C58%2C49.36%2C49.36%2C0%2C0%2C1%2C58%2C107.27ZM58%2C9.59A48.41%2C48.41%2C0%2C1%2C0%2C106.41%2C58%2C48.42%2C48.42%2C0%2C0%2C0%2C58%2C9.59Z%22%2F%3E%3C%2Fsvg%3E");
      background-repeat: no-repeat;
      z-index: -1;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }
  .top-products__container {
    background: #e8e6e0;
    padding: 120px 0;
    text-align: center;
    letter-spacing: -.4em; }
  .top-products__item {
    display: inline-block;
    letter-spacing: normal;
    margin: 0; }
  .top-products__image {
    position: relative;
    width: 150px;
    height: 150px;
    margin: 0 auto 20px; }
    .top-products__image img {
      width: auto;
      height: 100%;
      display: block;
      margin: auto; }
  .top-products__note {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
    .top-products__note img {
      width: 95px;
      height: 95px; }
  .top-products__ttl {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 15px; }
  .top-products__btn {
    display: block;
    width: 130px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    background-color: #1B2B47;
    border-radius: 5px;
    margin: auto;
    transition: opacity .3s; }
    .top-products__btn:hover {
      opacity: .8; }
  .top-products__footer {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 100px;
    height: 50px;
    font-size: 1.6rem;
    line-height: 1;
    color: #fff;
    background: #1B2B47;
    border-radius: 50px 50px 0 0;
    padding-top: 10px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: opacity .3s; }
    .top-products__footer:hover {
      opacity: .8; }

.top-grid {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  max-width: 1440px;
  padding: 85px 5%;
  margin: auto;
  opacity: 0; }
  .top-grid.js-action {
    -webkit-animation: effect-fade-in 1.2s ease 0s forwards;
    animation: effect-fade-in 1.2s ease 0s forwards; }
  .top-grid__item {
    padding: 15px; }
    .top-grid__item--large {
      width: 50%; }
    .top-grid__item--midium {
      width: 25%; }
  .top-grid__panel {
    display: block;
    position: relative; }
    .top-grid__panel:hover img {
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1); }
    .top-grid__panel:hover .top-grid__ttl {
      color: #877555; }
  .top-grid__image {
    display: block;
    overflow: hidden;
    border-radius: 30px; }
    .top-grid__image img {
      transition: transform .7s; }
  .top-grid__ttl {
    position: relative;
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
    line-height: 1;
    padding-top: 52px;
    transition: color .5s; }
    .top-grid__ttl::before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 25px;
      left: 50%;
      width: 40px;
      height: 2px;
      background: #D3A180;
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      transform: translateX(-50%); }

@media screen and (max-width: 991px) {
  .top-products__item {
    padding: 0 10px;
    min-width: initial;
    min-width: auto; }
  .top-products__image {
    width: 100%;
    max-width: 150px; }
  .top-products__btn {
    width: 100%; } }
@media screen and (max-width: 769px) {
  .content-wrapper {
    padding-top: 65px; }

  .main-visual {
    height: -webkit-calc(100vh - 60px);
    height: calc(100vh - 60px); }

  .hero-header {
    height: -webkit-calc(100% - 128px);
    height: calc(100% - 128px); }
    .hero-header__logo {
      left: 2.5%;
      width: 35vmin; }
    .hero-header__bg {
      width: 72.5vw; }

  .scroll-btn {
    right: auto;
    left: 0; }
    .scroll-btn::after {
      background: #1B2B47;
      opacity: .8; }
    .scroll-btn__text {
      color: #1B2B47; }

  .top-news {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: auto;
    padding: 20px 0; }
    .top-news__header {
      display: none; }
    .top-news__list {
      width: 100%;
      padding: 0 5% 0 30%; }
    .top-news__item {
      -webkit-flex-direction: column;
      flex-direction: column; }
      .top-news__item:not(:last-child) {
        margin: 0; }
      .top-news__item:not(:first-child) {
        display: none; }
    .top-news__link {
      display: block; }
    .top-news__date, .top-news__desc {
      font-size: 1.2rem;
      line-height: 2.2rem; }
    .top-news__date {
      margin: 0 15px 0 0; }
    .top-news__desc {
      max-height: 88px;
      white-space: normal; }

  .top-topics {
    padding: 40px 0; }
    .top-topics__header {
      font-size: 3.2rem;
      margin-bottom: 40px; }
    .top-topics__container {
      -webkit-flex-direction: column;
      flex-direction: column;
      max-width: 1440px;
      padding: 0 5%;
      margin: auto; }
    .top-topics__item {
      width: 100%;
      border-bottom: 1px dotted #c3c3c3; }
      .top-topics__item:not(:last-child) {
        margin-bottom: 15px; }
    .top-topics__inner {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex; }
    .top-topics__image {
      width: 40%; }
    .top-topics__desc {
      width: 60%;
      padding-left: 15px; }
    .top-topics__date {
      line-height: 1;
      text-align: left;
      margin-bottom: 10px; }
    .top-topics__ttl {
      font-size: 1.5rem;
      line-height: 1.8;
      text-align: left;
      text-overflow: ellipsis;
      overflow: hidden; }

  .top-intro {
    padding-bottom: 120px; }
    .top-intro__header {
      top: 30px;
      font-size: 2.4rem; }
    .top-intro__container {
      -webkit-flex-direction: column;
      flex-direction: column;
      position: relative;
      padding: 30px 0; }
      .top-intro__container--odd {
        justify-content: flex-start; }
        .top-intro__container--odd .top-intro__bg {
          width: 95%;
          border-radius: 0 25px 25px 0; }
        .top-intro__container--odd .top-intro__box {
          width: 100%;
          right: 0; }
      .top-intro__container--even {
        -webkit-align-items: flex-end;
        -ms-align-items: flex-end;
        align-items: flex-end; }
        .top-intro__container--even .top-intro__bg {
          width: 95%;
          border-radius: 25px 0 0 25px; }
        .top-intro__container--even .top-intro__box {
          width: 100%;
          left: 0; }
    .top-intro__bg {
      min-height: 250px; }
      .top-intro__bg::after {
        padding-top: 50%; }
    .top-intro__box {
      position: relative;
      top: 0;
      bottom: 0;
      width: 100%;
      padding: 45px 0 0; }
    .top-intro__ttl {
      text-align: center;
      font-size: 2.4rem;
      margin-bottom: 20px; }
    .top-intro__desc {
      width: 100%;
      font-size: 1.4rem;
      line-height: 1.8;
      text-align: center; }
    .top-intro__btn {
      width: 80%;
      max-width: 300px;
      margin: 30px auto 0; }

  .udon-category {
    -webkit-flex-direction: column;
    flex-direction: column;
    max-width: 480px;
    padding: 15px 5%;
    margin: auto; }
    .udon-category__item {
      width: 100%;
      padding: 0; }
      .udon-category__item:not(:last-child) {
        margin-bottom: 10px; }
    .udon-category__inner {
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-justify-content: flex-end;
      -ms-justify-content: flex-end;
      justify-content: flex-end;
      position: relative;
      width: 100%; }
      .udon-category__inner::after {
        top: 0;
        left: 57px;
        right: 0;
        bottom: 0; }
    .udon-category__image {
      position: absolute;
      top: 50%;
      left: 0;
      width: 114px;
      height: 114px;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
      .udon-category__image::after {
        padding-top: 0; }
    .udon-category__box {
      width: -webkit-calc(100% - 57px);
      width: calc(100% - 57px);
      height: 100%;
      padding: 20px 20px 20px 70px;
      margin: 0; }
    .udon-category__ttl {
      font-size: 1.8rem;
      line-height: 1.5;
      text-align: left;
      margin-bottom: 5px; }
    .udon-category__desc {
      font-size: 1.4rem; }

  .top-products__image {
    max-width: 140px; }
  .top-products__header {
    font-size: 3.2rem; }
  .top-products__ttl {
    font-size: 1.8rem; }

  .top-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 50px 5%; }
    .top-grid__item {
      padding: 5px; }
      .top-grid__item--large {
        width: 100%; }
      .top-grid__item--midium {
        width: 50%; }
    .top-grid__image {
      border-radius: 15px; }
    .top-grid__ttl {
      font-size: 1.6rem;
      line-height: 1;
      padding: 15px 0 10px; }
      .top-grid__ttl::before {
        display: none; } }
@media screen and (max-width: 400px) {
  .top-topics__movie {
    height: 200px; } }

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