/* Scss Document */
/*==================*/
/*==================*/
html {
  scroll-behavior: smooth; }

.fs-l-main {
  width: 100%;
  max-width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  background: #f2e6d4; }

.fs-l-pageMain {
  width: 100%;
  max-width: 100% !important; }

.fs-l-sideArea {
  display: none; }

header {
  padding: 5px 0 0;
  margin: 0; }

#uzumaki-contents {
  width: 100%; }
  #uzumaki-contents #main-visual {
    position: relative; }
    #uzumaki-contents #main-visual picture img {
      width: 100%; }
    #uzumaki-contents #main-visual .main-nav-container {
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 0; }
    #uzumaki-contents #main-visual .main-nav-box {
      width: 100%;
      position: absolute;
      bottom: 0; }
    #uzumaki-contents #main-visual nav {
      width: 100%;
      display: flex;
      justify-content: center; }
      #uzumaki-contents #main-visual nav ul {
        width: 76.8%;
        display: flex;
        justify-content: center; }
        #uzumaki-contents #main-visual nav ul li {
          display: inline-block; }
  #uzumaki-contents #mv-nav-text img {
    width: 100%; }
  #uzumaki-contents .item-container {
    position: relative; }
    #uzumaki-contents .item-container .image {
      width: 66.6%; }
      @media (max-width: 780px) {
        #uzumaki-contents .item-container .image {
          width: 100%; } }
  #uzumaki-contents #chopsticks,
  #uzumaki-contents #multi-holder {
    background: #d9a798; }
  #uzumaki-contents #furoshiki .item-box,
  #uzumaki-contents #kyoto-style-fan .item-box {
    display: flex;
    justify-content: flex-end; }
  #uzumaki-contents #furoshiki {
    z-index: 5;
    background-image: url("images/uzumaki/bg-furoshiki.jpg");
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #f2e6d4; }
    @media (max-width: 780px) {
      #uzumaki-contents #furoshiki {
        background-image: none; } }
  #uzumaki-contents #chopsticks {
    z-index: 4;
    background-image: url("images/uzumaki/bg-hashi.jpg");
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #d9a798; }
    @media (max-width: 780px) {
      #uzumaki-contents #chopsticks {
        background-image: none; } }
  #uzumaki-contents #kyoto-style-fan {
    z-index: 3;
    background-image: url("images/uzumaki/bg-sensu.jpg");
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat; }
    @media (max-width: 780px) {
      #uzumaki-contents #kyoto-style-fan {
        background-image: none; } }
  #uzumaki-contents #multi-holder {
    z-index: 2;
    background-image: url("images/uzumaki/bg-multi-holder.jpg");
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat; }
    @media (max-width: 780px) {
      #uzumaki-contents #multi-holder {
        background-image: none; } }
  #uzumaki-contents .line {
    position: relative;
    z-index: 6;
    margin-top: -2%; }
    @media (max-width: 780px) {
      #uzumaki-contents .line {
        margin-top: -14px; } }
    #uzumaki-contents .line img {
      width: 100%; }
  @media (max-width: 780px) {
    #uzumaki-contents #line1,
    #uzumaki-contents #line3 {
      margin-top: 0px;
      background: linear-gradient(180deg, transparent 0%, transparent 58%, #d9a798 58%, #d9a798 100%); } }
  #uzumaki-contents #line1::after {
    content: "";
    background-image: url("images/uzumaki/bg-rouba.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 14%;
    height: auto;
    position: absolute;
    bottom: -302%;
    right: 0;
    z-index: 10;
    aspect-ratio: 332 / 441; }
    @media (max-width: 780px) {
      #uzumaki-contents #line1::after {
        background-image: none; } }
  #uzumaki-contents #line3::after {
    content: "";
    background-image: url("images/uzumaki/bg-snale.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 9%;
    height: auto;
    position: absolute;
    bottom: -346%;
    right: 0;
    z-index: 10;
    aspect-ratio: 217 / 749; }
    @media (max-width: 780px) {
      #uzumaki-contents #line3::after {
        background-image: none; } }
  #uzumaki-contents #line4::after {
    content: "";
    background-image: url("images/uzumaki/bg-toshio.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 25.5%;
    height: auto;
    position: absolute;
    bottom: -212%;
    right: 0;
    z-index: 10;
    aspect-ratio: 612 / 797; }
    @media (max-width: 780px) {
      #uzumaki-contents #line4::after {
        background-image: none; } }
  #uzumaki-contents #teaser {
    width: 100%;
    height: auto;
    position: relative;
    aspect-ratio: 2400 / 2060;
    background-image: url("images/uzumaki/img-teaser.jpg");
    background-size: cover;
    background-repeat: no-repeat; }
    #uzumaki-contents #teaser a {
      font-size: clamp(0.9rem, calc(0.669rem + 1.15vw), 2.4rem);
      font-weight: bold;
      display: block;
      width: 100%;
      position: absolute;
      text-align: center;
      bottom: 24%; }
      @media (max-width: 780px) {
        #uzumaki-contents #teaser a {
          bottom: 22%; } }
  #uzumaki-contents #bottoms {
    padding-top: 60px; }
    #uzumaki-contents #bottoms a {
      font-size: clamp(1.4rem, calc(0.669rem + 1.15vw), 2.4rem);
      font-weight: bold;
      display: block;
      width: 100%;
      text-align: center;
      bottom: 24%; }
    #uzumaki-contents #bottoms p {
      font-size: clamp(1.4rem, calc(0.669rem + 1.15vw), 4.2rem);
      display: block;
      width: 100%;
      text-align: center;
      bottom: 24%;
      margin: 60px auto; }
      @media (max-width: 780px) {
        #uzumaki-contents #bottoms p {
          margin: 30px auto 60px; } }

.uzumaki-contents3 {
  padding-top: 100px; }

/*-----------------------------------------------*/
#uzumaki-contents2 {
  width: 100%; }
  #uzumaki-contents2 #main-visual2 {
    position: relative; }
    #uzumaki-contents2 #main-visual2 picture img {
      width: 100%; }
    #uzumaki-contents2 #main-visual2 .main-nav-container {
      width: 100%;
      height: 100%;
      position: absolute;
      bottom: 0; }
    #uzumaki-contents2 #main-visual2 .main-nav-box {
      width: 100%;
      position: absolute;
      bottom: 5%; }
    #uzumaki-contents2 #main-visual2 nav {
      width: 100%;
      display: flex;
      justify-content: center; }
      #uzumaki-contents2 #main-visual2 nav ul {
        width: 80%;
        display: flex;
        justify-content: center; }
        #uzumaki-contents2 #main-visual2 nav ul li {
          display: inline-block; }
  #uzumaki-contents2 .item-container {
    position: relative; }
    #uzumaki-contents2 .item-container .image {
      width: 66.8%; }
      @media (max-width: 780px) {
        #uzumaki-contents2 .item-container .image {
          width: 100%; } }
  #uzumaki-contents2 #mame {
    background-image: url("images/uzumaki2/bg-pc_mame2.jpg");
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat; }
    #uzumaki-contents2 #mame .item-box {
      display: flex;
      justify-content: flex-end; }
  #uzumaki-contents2 #denim {
    background-image: url("images/uzumaki2/bg-pc_haori.jpg");
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat; }
    @media (max-width: 780px) {
      #uzumaki-contents2 #denim {
        background-image: none; } }
  #uzumaki-contents2 #poster {
    background-image: url("images/uzumaki2/bg-pc_poster.jpg");
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat; }
    @media (max-width: 780px) {
      #uzumaki-contents2 #poster {
        background-image: none; } }
    #uzumaki-contents2 #poster .item-box {
      display: flex;
      justify-content: flex-end; }
  #uzumaki-contents2 #furoshiki-white {
    background-color: #8eb4c0;
    background-image: url("images/uzumaki2/bg-pc_furoshiki.png");
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat; }
    @media (max-width: 780px) {
      #uzumaki-contents2 #furoshiki-white {
        background-image: none; } }
  #uzumaki-contents2 #sukajan-uzumaki {
    background-image: url("images/uzumaki2/bg-pc_suka.png");
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat; }
    @media (max-width: 780px) {
      #uzumaki-contents2 #sukajan-uzumaki {
        background-image: none; } }
    #uzumaki-contents2 #sukajan-uzumaki .item-box {
      display: flex;
      justify-content: flex-end; }
  #uzumaki-contents2 .pc-none {
    display: none; }
    @media (max-width: 780px) {
      #uzumaki-contents2 .pc-none {
        display: block;
        width: 100%; } }
  @media (max-width: 780px) {
    #uzumaki-contents2 .sp-none {
      display: none; } }
  #uzumaki-contents2 #line4 {
    margin-top: -2%;
    position: absolute; }
    @media (max-width: 780px) {
      #uzumaki-contents2 #line4 {
        margin-top: -4%; } }
  #uzumaki-contents2 #line1 {
    position: relative; }
  #uzumaki-contents2 #line1::after {
    content: "";
    background-image: url("images/uzumaki2/bg-pc_mame.png");
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    width: 10%;
    height: auto;
    position: absolute;
    top: -80%;
    right: 0;
    z-index: 10;
    aspect-ratio: 246 / 562; }
    @media (max-width: 780px) {
      #uzumaki-contents2 #line1::after {
        top: -285%;
        width: 13%; } }
  #uzumaki-contents2 #teaser2 {
    position: relative; }
    #uzumaki-contents2 #teaser2 a {
      font-size: clamp(1.4rem, calc(0.669rem + 1.15vw), 2.4rem);
      font-weight: bold;
      display: block;
      width: 100%;
      position: absolute;
      text-align: center;
      top: 24%; }
      @media (max-width: 780px) {
        #uzumaki-contents2 #teaser2 a {
          top: 0; } }