/*!
Theme Name: masumihono-ver01
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: masumihono
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

masumihono is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
@charset "UTF-8";
/*common start*/
/* line 9, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
html {
  text-decoration: none;
  font-family: source-han-serif-japanese, serif;
  font-weight: 300;
  font-style: normal;
  overflow: auto; }

/* line 17, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
body {
  box-sizing: border-box;
  overflow: hidden; }

/* line 25, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
a {
  text-decoration: none;
  color: #414141; }

/* line 30, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
li {
  list-style: none; }

/* line 34, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #155340;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999; }

/* ローディングアニメーション */
@keyframes sk-scaleout {
  0% {
    transform: scale(0); }
  100% {
    transform: scale(1);
    opacity: 0; } }

/* line 57, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
#load-logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 999999; }

/* line 65, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.loaded {
  opacity: 0;
  visibility: hidden; }

/* line 70, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
#sp-header {
  display: none; }

/* line 76, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
#pc-header {
  display: flex;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  transition: 0.5s;
  /* floatクリア */ }
  /* line 88, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header a {
    color: #fff; }
  /* line 92, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header #logo {
    max-width: 120px;
    transition: 0.5s; }
    /* line 96, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header #logo img {
      width: 100%; }
  /* line 102, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header nav {
    width: 100%; }
  /* line 109, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header .menu {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    height: 30px;
    max-width: 1000px;
    margin: 40px auto 0 auto;
    z-index: 1; }
    /* line 118, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header .menu:hover {
      transition: .2s ease-in-out; }
      /* line 121, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #pc-header .menu:hover:after {
        transition: .2s ease-in-out;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
        display: block;
        background: #B2A28A;
        width: 100%;
        z-index: -1;
        height: 420px; }
  /* line 137, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header .menu > li {
    float: left;
    width: 25%;
    height: 40px;
    line-height: 40px; }
    /* line 143, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header .menu > li a {
      display: block;
      color: #fff; }
  /* line 150, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1; }
  /* line 156, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header ul.menu__third-level {
    font-size: 14px; }
  /* line 162, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0; }
  /* line 168, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header .menu > li:hover {
    -webkit-transition: all .5s;
    transition: all .5s; }
  /* line 181, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header .menu {
    *zoom: 1; }
    /* line 182, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header .menu:before {
      content: " ";
      display: table; }
    /* line 187, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header .menu:after {
      content: " ";
      display: table;
      clear: both; }
    /* line 195, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header .menu > li.menu__multi {
      position: relative; }
  /* line 200, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header .init-right {
    transition: all .2s ease;
    padding-left: 4%; }
    /* line 204, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header .init-right:hover {
      background: #2a1f1f; }
  /* line 211, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header li.menu__multi .init-bottom {
    text-align: center; }
    /* line 214, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header li.menu__multi .init-bottom:hover {
      background: #2a1f1f; }
  /* line 219, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header li.menu__multi ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    -webkit-transition: all .2s ease;
    transition: all .2s ease; }
  /* line 227, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header li.menu__multi:hover ul.menu__second-level {
    top: 40px;
    visibility: visible;
    opacity: 1; }
  /* line 233, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header li.menu__multi ul.menu__second-level li {
    position: relative;
    padding-left: 4%; }
    /* line 239, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header li.menu__multi ul.menu__second-level li ul.menu__third-level {
      margin-left: 10px;
      width: 100%;
      -webkit-transition: all .2s ease;
      transition: all .2s ease; }
    /* line 247, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
      visibility: visible;
      opacity: 1; }
    /* line 252, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header li.menu__multi ul.menu__second-level li ul.menu__third-level li {
      position: relative;
      transition: all .2s ease; }
      /* line 256, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #pc-header li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
        background: #2a1f1f; }
      /* line 260, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #pc-header li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
        position: absolute;
        top: -1px;
        left: 100%;
        width: 100%;
        -webkit-transition: all .2s ease;
        transition: all .2s ease; }
      /* line 269, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #pc-header li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {
        visibility: visible;
        opacity: 1; }
  /* line 278, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header #lang {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 1px #fff solid;
    width: 220px;
    margin: 35px 4% 0 4%;
    transition: 0.5s; }
    /* line 289, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header #lang li {
      margin: 10%; }
    /* line 294, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header #lang span {
      display: inline-block;
      height: 14px;
      width: 1px;
      background: #fff;
      margin: 8px 0; }
  /* line 303, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header #ac-ca {
    display: flex;
    justify-content: center;
    font-size: 12px; }
    /* line 308, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header #ac-ca li {
      text-align: center;
      max-height: 80px; }
      /* line 312, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #pc-header #ac-ca li a {
        width: 80px;
        height: 80px;
        display: block; }
        /* line 317, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #pc-header #ac-ca li a p {
          padding-top: 18px; }
    /* line 324, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header #ac-ca li:nth-child(1) {
      background: url(https://masumihono.com/wp-content/uploads/2022/02/access.png) no-repeat;
      background-size: 22px;
      background-position: center 15px;
      background-color: #968264; }
      /* line 330, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #pc-header #ac-ca li:nth-child(1) a {
        padding-top: 35px; }
    /* line 336, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header #ac-ca li:nth-child(2) {
      background: url(https://masumihono.com/wp-content/uploads/2022/02/cart.png) no-repeat;
      background-size: 30px;
      background-position: center 18px;
      background-color: #221C1C; }
      /* line 342, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #pc-header #ac-ca li:nth-child(2) a {
        padding-top: 35px; }

/* line 352, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
#pc-header.scroll-nav {
  background: #B2A28A;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.1);
  height: 80px; }
  /* line 357, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header.scroll-nav #logo {
    max-width: 80px; }
  /* line 361, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header.scroll-nav .menu {
    height: 30px;
    margin: 15px auto 0 auto; }
  /* line 366, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header.scroll-nav #lang {
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 1px #fff solid;
    width: 220px;
    margin: 20px 4% 0 4%; }
    /* line 376, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #pc-header.scroll-nav #lang li {
      margin: 10%; }

/* line 384, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.top-fade {
  display: none;
  width: 100%;
  max-width: 1300px;
  color: #fff;
  font-weight: 500;
  font-size: 60px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(0, -50%);
  margin-left: 2%; }

/* line 398, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
#contents {
  background: #FFF8F4; }

/* line 402, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.co-title {
  width: 100%;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1; }
  /* line 411, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .co-title dt {
    font-size: 20px; }
  /* line 415, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .co-title dd {
    margin: 20px 0 30px 0; }
    /* line 418, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .co-title dd h2 {
      font-weight: 500;
      font-size: 55px; }

/* line 427, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.button {
  position: relative;
  color: #fff;
  border: 1px #fff solid;
  padding: 15px 80px;
  display: inline-block;
  font-size: 15px;
  transition: .4s all; }
  /* line 436, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .button:before {
    transition: .4s all;
    position: absolute;
    top: 28px;
    right: 15%;
    background: #fff;
    width: 25px;
    height: 1px;
    display: block;
    content: ""; }
  /* line 448, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .button:after {
    transition: .4s all;
    position: absolute;
    top: 26px;
    right: 15%;
    background: #fff;
    width: 6px;
    height: 1px;
    display: block;
    content: "";
    transform: rotate(45deg); }
  /* line 462, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .button:hover {
    transition: .4s all;
    background: #fff;
    color: #414141; }
    /* line 467, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .button:hover:before {
      background: #414141; }
    /* line 471, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .button:hover:after {
      background: #414141; }

/* line 480, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.title {
  position: relative;
  text-align: center;
  margin: 0 0 150px 0; }
  /* line 485, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .title dt {
    font-size: 30px; }
  /* line 490, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .title .border a {
    padding-top: 60px; }
    /* line 493, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .title .border a span {
      position: absolute;
      top: 0;
      left: 50%;
      width: 30px;
      height: 50px;
      margin-left: -15px;
      box-sizing: border-box; }
    /* line 503, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .title .border a span::before {
      position: absolute;
      top: 80px;
      left: 50%;
      content: '';
      width: 1px;
      height: 80px;
      margin-left: -2px;
      background-color: #fff;
      animation: sdb 2s infinite;
      box-sizing: border-box; }
    /* line 516, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .title .border a span::after {
      position: absolute;
      top: 200px;
      left: 50%;
      content: '';
      width: 15px;
      height: 15px;
      border: 1px #fff solid;
      display: block;
      animation: sdbs 2s infinite;
      transform: translate(-50%, -50%) rotate(45deg); }

@keyframes sdb {
  0% {
    transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    transform: translate(0, 20px);
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes sdbs {
  0% {
    opacity: 0; }
  50% {
    transform: translate(-50%, 5px) rotate(-45deg);
    opacity: 1; }
  100% {
    transform: translate(-50%, 5px) rotate(-45deg);
    opacity: 0; } }

/* line 573, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
#news-co {
  background: #D6CDC0;
  padding: 60px 4%; }
  /* line 577, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #news-co .inner {
    margin: 0 auto;
    max-width: 1300px; }
    /* line 581, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #news-co .inner .news-title {
      position: relative;
      font-size: 30px;
      margin: 20px 0; }
      /* line 587, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #news-co .inner .news-title .border a {
        padding-top: 60px; }
        /* line 590, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #news-co .inner .news-title .border a span {
          position: absolute;
          top: 0;
          left: 250px;
          width: 30px;
          height: 50px;
          margin-left: -15px;
          box-sizing: border-box; }
        /* line 600, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #news-co .inner .news-title .border a span::before {
          position: absolute;
          top: 25px;
          left: 0;
          content: '';
          width: 80px;
          height: 1px;
          margin-left: -2px;
          background-color: #414141;
          animation: sdb2 2s infinite;
          box-sizing: border-box; }
        /* line 613, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #news-co .inner .news-title .border a span::after {
          position: absolute;
          top: 20px;
          left: 100px;
          content: '';
          width: 15px;
          height: 15px;
          border: 1px #414141 solid;
          display: block;
          animation: sdbs2 2s infinite;
          transform: translate(-50%, -50%) rotate(45deg); }

@keyframes sdb2 {
  0% {
    transform: translate(0, 0);
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    transform: translate(20px, 0);
    opacity: 0; }
  100% {
    opacity: 0; } }

@keyframes sdbs2 {
  0% {
    opacity: 0; }
  50% {
    transform: translate(20px, -5px) rotate(-45deg);
    opacity: 1; }
  100% {
    transform: translate(20px, -5px) rotate(-45deg);
    opacity: 0; } }
    /* line 667, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #news-co .inner .news-flex {
      display: flex;
      align-items: center;
      justify-content: space-between; }
      /* line 672, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #news-co .inner .news-flex ul {
        width: 100%;
        font-size: 15px; }
        /* line 676, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #news-co .inner .news-flex ul li {
          margin: 10px 0; }
          /* line 679, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          #news-co .inner .news-flex ul li dl {
            display: flex; }
            /* line 682, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
            #news-co .inner .news-flex ul li dl dt {
              margin-right: 6%; }
      /* line 689, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #news-co .inner .news-flex .button {
        color: #414141;
        border: 1px #414141 solid;
        width: 280px; }
        /* line 694, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #news-co .inner .news-flex .button:before {
          background: #414141; }
        /* line 698, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #news-co .inner .news-flex .button:after {
          background: #414141; }

/* line 708, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
#footer-box {
  background: #CBC0B1; }
  /* line 712, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer #f-menu-area {
    border-bottom: 1px #BFB2A1 solid; }
    /* line 715, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #footer-box footer #f-menu-area #f-menu-inner {
      margin: 0 auto;
      max-width: 1300px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      /* line 723, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #footer-box footer #f-menu-area #f-menu-inner #f-logo img {
        width: 100px; }
      /* line 729, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #footer-box footer #f-menu-area #f-menu-inner nav {
        width: 100%;
        text-align: center; }
        /* line 733, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #footer-box footer #f-menu-area #f-menu-inner nav ul {
          display: flex;
          justify-content: center; }
          /* line 737, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          #footer-box footer #f-menu-area #f-menu-inner nav ul li {
            width: 200px; }
            /* line 740, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
            #footer-box footer #f-menu-area #f-menu-inner nav ul li a {
              width: 100%;
              display: block;
              padding: 0 4%; }
  /* line 751, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer #f-sub-area {
    padding: 40px 0; }
    /* line 754, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #footer-box footer #f-sub-area .f-sub-menu {
      margin: 20px auto;
      font-size: 15px;
      max-width: 1300px;
      display: flex;
      justify-content: center; }
      /* line 761, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #footer-box footer #f-sub-area .f-sub-menu li {
        width: 230px; }
  /* line 767, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer #social {
    margin-top: 40px;
    display: flex;
    justify-content: center; }
    /* line 772, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #footer-box footer #social li {
      width: 30px;
      height: 30px;
      background: #AA9F90;
      text-align: center;
      padding: 4px;
      border-radius: 50%;
      margin: 0 5px; }
      /* line 781, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #footer-box footer #social li img {
        width: auto;
        height: 15px; }
  /* line 788, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer small {
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 20px 0;
    opacity: 0.8; }

/* line 798, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-zero {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 1s; }

/* line 805, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-zero.is-show {
  transform: translate(0, 0);
  opacity: 1; }

/* line 811, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-one {
  opacity: 0;
  transform: translate(0, 20%);
  transition: 2s; }

/* line 817, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-one.is-show {
  transform: translate(0, 0);
  opacity: 1; }

/* line 822, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-two {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 4s; }

/* line 828, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-two.is-show {
  transform: translate(0, 0);
  opacity: 1; }

/* line 833, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-three {
  opacity: 0;
  transform: translate(0, 50%);
  transition: 6s; }

/* line 839, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-three.is-show {
  transform: translate(0, 0);
  opacity: 1; }

/* line 844, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-left {
  opacity: 0;
  transform: translate(-20%, 0);
  transition: 2s; }

/* line 851, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-left.is-show {
  transform: translate(0, 0);
  opacity: 1; }

/* line 857, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-right {
  opacity: 0;
  transform: translate(20%, 0);
  transition: 2s; }

/* line 864, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.fadeIn-right.is-show {
  transform: translate(0, 0);
  opacity: 1; }

/* line 876, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.home .container .par .conti-area {
  height: 600px;
  position: relative; }
  /* line 880, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home .container .par .conti-area .co-title {
    width: 100%;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center; }
    /* line 890, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home .container .par .conti-area .co-title dt {
      font-size: 20px; }
    /* line 894, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home .container .par .conti-area .co-title dd {
      margin: 20px 0 30px 0; }
      /* line 897, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .home .container .par .conti-area .co-title dd h2 {
        font-weight: 500;
        font-size: 55px; }
    /* line 904, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home .container .par .conti-area .co-title p {
      padding: 0 10% 40px 10%; }
    /* line 908, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home .container .par .conti-area .co-title .button {
      padding: 15px 100px; }
  /* line 913, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home .container .par .conti-area .par-img {
    background-size: cover;
    background-position: center top;
    position: relative;
    height: 600px; }
    /* line 919, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home .container .par .conti-area .par-img:after {
      background: rgba(0, 0, 0, 0.5);
      display: block;
      content: "";
      position: absolute;
      z-index: 0;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-height: 100%;
      min-width: 100%; }

/*common end*/
/*top start*/
/* line 952, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.home #mv .container {
  position: relative;
  overflow: hidden;
  height: 750px;
  z-index: -2; }
  /* line 958, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #mv .container .conti-area {
    height: 750px;
    width: 100%;
    overflow: hidden; }
    /* line 963, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #mv .container .conti-area .bg {
      position: absolute;
      top: 0%;
      bottom: 0%;
      height: 100%;
      width: 100%; }
    /* line 971, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #mv .container .conti-area .par-img {
      position: relative;
      background-image: url(https://masumihono.com/wp-content/uploads/2022/04/masumi-top-photo1w.jpg);
      background-size: 100%;
      overflow: hidden;
      background-position: center -50px;
      background-repeat: no-repeat;
      height: 750px;
      width: 100%;
      z-index: -2; }
      /* line 982, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .home #mv .container .conti-area .par-img:after {
        background: rgba(0, 0, 0, 0.2);
        display: block;
        content: "";
        position: absolute;
        z-index: 0;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        min-height: 100%;
        min-width: 100%; }
    @media screen and (max-width: 1600px) {
      /* line 997, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .home #mv .container .conti-area .par-img {
        background-size: 1700px; } }
    @media screen and (max-width: 1400px) {
      /* line 1004, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .home #mv .container .conti-area .par-img {
        background-size: 1700px; } }
    @media screen and (max-width: 800px) {
      /* line 1011, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .home #mv .container .conti-area .par-img {
        background-size: 1500px; } }
  /* line 1019, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #mv .container #mv-co-title {
    text-align: left;
    z-index: 1 !important; }
    /* line 1023, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #mv .container #mv-co-title .top-fade {
      display: none;
      font-size: 50px;
      z-index: 1;
      text-align: left;
      margin-left: 4%; }

/* line 1040, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.home #contents {
  text-align: center;
  width: 100%; }
  /* line 1044, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #contents #co1 {
    background: #B2A28A; }
    /* line 1047, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #contents #co1 .inner {
      max-width: 1300px;
      margin: 0 auto;
      padding: 40px 0; }
      @media screen and (max-width: 1400px) {
        /* line 1047, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        .home #contents #co1 .inner {
          padding: 40px 4%; } }
      /* line 1059, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .home #contents #co1 .inner .container .par .par-img {
        background: url(https://masumihono.com/wp-content/uploads/2022/02/masumi-top-photo2.jpg) no-repeat;
        background-size: 1500px;
        background-position: center top; }
      @media screen and (max-width: 1400px) {
        /* line 1065, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        .home #contents #co1 .inner .container .par .par-img {
          background-size: 1400px; } }
      @media screen and (max-width: 800px) {
        /* line 1070, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        .home #contents #co1 .inner .container .par .par-img {
          background-size: 1200px; } }

/* line 1086, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.home #co2 {
  background: #C4B5A0;
  padding: 80px 0;
  color: #fff; }
  /* line 1092, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .sliderArea {
    width: 100%;
    margin: 0 auto;
    padding: 0 25px; }
    /* line 1097, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #co2 .sliderArea .w300 {
      max-width: 300px; }
  /* line 1102, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-slide {
    margin: 0 5px; }
    /* line 1105, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #co2 .slick-slide .slide-list {
      height: 400px; }
    /* line 1109, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #co2 .slick-slide img {
      width: 100%;
      position: absolute;
      bottom: 200px; }
    /* line 1115, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #co2 .slick-slide p {
      font-size: 20px !important; }
    /* line 1119, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #co2 .slick-slide span {
      opacity: 0.8;
      margin-top: 40px;
      position: relative;
      display: inline-block;
      width: 50px;
      height: 50px;
      background: #fff;
      content: "";
      text-align: center;
      border-radius: 50%; }
      /* line 1131, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .home #co2 .slick-slide span:after {
        position: absolute;
        top: 50%;
        left: 45%;
        transform: translate(-50%, -50%) rotate(135deg);
        display: inline-block;
        width: 12px;
        height: 12px;
        border-top: 1px #414141 solid;
        border-left: 1px #414141 solid;
        content: "";
        text-align: center; }
  /* line 1147, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-prev,
  .home #co2 .slick-next {
    top: 30% !important;
    transform: translate(0, 50%) !important;
    z-index: 1;
    width: 40px !important; }
  /* line 1155, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-slide {
    transition: all ease-in-out .3s;
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    transform: scale(0.75); }
  /* line 1163, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-list {
    overflow: inherit !important; }
  /* line 1167, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-active {
    opacity: 1; }
  /* line 1171, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-current {
    opacity: 1; }
  /* line 1175, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .thumb {
    margin: 20px 0 0; }
  /* line 1179, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .thumb .slick-slide {
    cursor: pointer; }
  /* line 1183, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .thumb .slick-slide:hover {
    opacity: .7; }
  /* line 1187, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-arrow:before {
    content: "" !important;
    opacity: 0.8; }
  /* line 1192, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-arrow:before {
    content: "" !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0; }
  /* line 1201, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-next:before {
    background: #fff !important;
    height: 120px !important; }
  /* line 1206, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-next:after {
    position: absolute;
    top: 270%;
    left: 50%;
    border-top: 1px #414141 solid;
    border-left: 1px #414141 solid;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    opacity: 1;
    transform: rotate(135deg) translate(50%, 50%); }
  /* line 1220, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-prev:before {
    background: #fff !important;
    height: 120px !important; }
  /* line 1225, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-prev:after {
    position: absolute;
    top: 270%;
    left: 30%;
    border-top: 1px #414141 solid;
    border-left: 1px #414141 solid;
    display: block;
    width: 10px;
    height: 10px;
    content: "";
    opacity: 1;
    transform: rotate(-45deg) translate(50%, 50%); }
  /* line 1239, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-dots {
    bottom: -50px;
    opacity: 1 !important; }
  /* line 1244, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-dots li {
    margin: 0 4px;
    width: 20px !important;
    height: 20px !important;
    margin: 0 1.2% !important;
    opacity: 1 !important; }
  /* line 1253, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-dots li button:before {
    content: '' !important;
    width: 10px !important;
    height: 10px !important;
    opacity: 1 !important;
    color: #fff !important;
    border: 1px #fff solid !important;
    transform: rotate(45deg);
    display: block; }
  /* line 1264, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-dots li.slick-active button {
    position: relative;
    top: -5px;
    border: 1px #fff solid;
    transform: rotate(45deg);
    width: 15px !important;
    height: 15px !important; }
  /* line 1273, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-dots li.slick-active button:before {
    border: none !important; }
  /* line 1277, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 .slick-dots li.slick-active button:after {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    content: '' !important;
    width: 8px !important;
    height: 8px !important;
    background: #fff;
    display: block; }
  /* line 1290, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co2 a {
    color: #fff; }

/* line 1297, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.home #co3 {
  position: relative;
  height: 600px;
  overflow: hidden; }
  /* line 1303, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co3 .container #video {
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%; }
  /* line 1313, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co3 .container:after {
    background: rgba(0, 0, 0, 0.5);
    display: block;
    content: "";
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%; }

/* line 1329, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.home #co4 {
  overflow: hidden; }
  /* line 1335, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co4 .container .par .par-img {
    background: url(https://masumihono.com/wp-content/uploads/2022/04/masumi-factory-photo1ww.jpg) no-repeat;
    background-size: cover;
    background-position: center top; }
  @media screen and (max-width: 1500px) {
    /* line 1341, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #co4 .container .par .par-img {
      background-size: 1500px; } }
  @media screen and (max-width: 1400px) {
    /* line 1347, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #co4 .container .par .par-img {
      background-size: 1400px; } }
  @media screen and (max-width: 800px) {
    /* line 1354, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #co4 .container .par .par-img {
      background-size: 1200px; } }

/* line 1369, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
.home #co5 {
  overflow: hidden; }
  /* line 1375, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #co5 .container .par .par-img {
    background: url(https://masumihono.com/wp-content/uploads/2022/02/masumi-top-photo4.jpg) no-repeat;
    background-size: cover;
    background-position: center top; }
  @media screen and (max-width: 1400px) {
    /* line 1381, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #co5 .container .par .par-img {
      background-size: 1400px; } }
  @media screen and (max-width: 800px) {
    /* line 1388, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #co5 .container .par .par-img {
      background-size: 1200px; } }

@media screen and (max-width: 820px) {
  /*common start*/
  /* line 1410, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #sp-header {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    /*============
@keyframes
=============*/
    /*============
.toggle_btn
=============*/
    /*============
#mask
=============*/ }
    /* line 1417, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header #logo {
      text-align: center; }
      /* line 1420, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #sp-header #logo img {
        width: 100px; }
    /* line 1425, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header #lang-sp {
      position: absolute !important;
      left: 6% !important;
      top: 20px !important;
      font-size: 14px;
      display: flex;
      justify-content: center;
      align-items: center;
      height: 30px;
      border: 1px #fff solid;
      width: 80px;
      margin: 0 0 0 0; }
      /* line 1438, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #sp-header #lang-sp li {
        margin: 10%; }
        /* line 1440, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #sp-header #lang-sp li a {
          color: #fff; }
      /* line 1446, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #sp-header #lang-sp span {
        display: inline-block;
        height: 14px;
        width: 1px;
        background: #fff;
        margin: 8px 0; }
    /* line 1456, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header nav {
      display: block;
      position: fixed;
      top: 0;
      left: -300px;
      bottom: 0;
      width: 300px;
      background: #B2A28A;
      overflow-x: hidden;
      overflow-y: auto;
      -webkit-overflow-scrolling: touch;
      transition: .5s;
      z-index: 9999; }
      /* line 1470, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #sp-header nav #menu-logo {
        text-align: center; }
        /* line 1473, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #sp-header nav #menu-logo img {
          width: 80px; }
      /* line 1478, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #sp-header nav #navArea {
        position: relative; }
      /* line 1484, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #sp-header nav .inner ul {
        border-top: 1px #A39580 solid;
        margin-top: 5px !important; }
        /* line 1488, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #sp-header nav .inner ul .one-nav {
          width: 100%;
          font-size: 16px; }
          /* line 1492, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          #sp-header nav .inner ul .one-nav a {
            padding: 5% 2% 2% 2% !important; }
        /* line 1497, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #sp-header nav .inner ul .sec-nav {
          width: 100%;
          font-size: 14px; }
          /* line 1501, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          #sp-header nav .inner ul .sec-nav a {
            padding: 2% 2% !important; }
        /* line 1506, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #sp-header nav .inner ul .two-col {
          width: 100%;
          display: flex;
          flex-wrap: wrap;
          font-size: 15px; }
          /* line 1512, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          #sp-header nav .inner ul .two-col li {
            width: 50%;
            margin: 5px 0; }
          /* line 1517, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          #sp-header nav .inner ul .two-col .three-nav {
            width: 100%; }
            /* line 1520, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
            #sp-header nav .inner ul .two-col .three-nav a {
              padding: 4% 6% !important; }
      /* line 1530, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #sp-header nav #menu-f-co {
        background: #A39683;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        font-size: 12px; }
        /* line 1541, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #sp-header nav #menu-f-co .inner ul li a {
          color: #fff;
          padding-top: 8px; }
    /* line 1556, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .open nav {
      left: 0; }
    /* line 1560, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header nav .inner {
      padding: 6%; }
    /* line 1564, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header nav .inner ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    /* line 1570, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header nav .inner ul li {
      position: relative;
      margin: 0; }
    /* line 1575, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header nav .inner ul li a {
      display: block;
      color: #333;
      text-decoration: none;
      transition-duration: 0.2s; }
    /* line 1583, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header nav .inner ul li a:hover {
      background: #e4e4e4; } }
  @media screen and (max-width: 820px) and (max-width: 820px) {
    /* line 1588, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header nav {
      left: -50%;
      width: 50%; } }

@media screen and (max-width: 820px) {
  @keyframes equalizer01 {
    0% {
      width: 70%; }
    10% {
      width: 50%; }
    20% {
      width: 100%; }
    30% {
      width: 10%; }
    40% {
      width: 50%; }
    50% {
      width: 70%; }
    60% {
      width: 50%; }
    70% {
      width: 10%; }
    80% {
      width: 100%; }
    90% {
      width: 10%; }
    100% {
      width: 70%; } }
  @keyframes equalizer02 {
    0% {
      width: 30%; }
    10% {
      width: 20%; }
    20% {
      width: 40%; }
    30% {
      width: 10%; }
    40% {
      width: 20%; }
    50% {
      width: 30%; }
    60% {
      width: 20%; }
    70% {
      width: 10%; }
    80% {
      width: 40%; }
    90% {
      width: 10%; }
    100% {
      width: 30%; } }
    /* line 1692, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .toggle_btn {
      display: block;
      position: fixed;
      top: 30px;
      left: 30px;
      width: 60px;
      height: 30px;
      transform: translate(0, 0);
      transition: all .5s;
      cursor: pointer;
      z-index: 9999; }
    /* line 1705, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .open .toggle_btn {
      left: 330px; }
    /* line 1709, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .toggle_btn span {
      display: block;
      position: absolute;
      left: 0;
      width: 30px;
      height: 2px;
      background-color: #B1B1B1;
      transition: all .5s; }
    /* line 1719, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .toggle_btn span:nth-child(1) {
      top: 5px;
      width: 60px;
      animation: equalizer01 7000ms infinite; }
    /* line 1725, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .toggle_btn span:nth-child(2) {
      top: 15px;
      width: 30px;
      animation: equalizer02 5000ms infinite;
      animation-delay: 0.33s; }
    /* line 1732, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .toggle_btn span:nth-child(3) {
      top: 25px;
      width: 20px;
      animation: equalizer02 5000ms infinite; }
    /* line 1738, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .open .toggle_btn span {
      background-color: #fff;
      width: 30px; }
    /* line 1743, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .open .toggle_btn span:nth-child(1) {
      transform: translate(0, 10px) rotate(-45deg);
      animation: unset; }
    /* line 1748, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .open .toggle_btn span:nth-child(2) {
      opacity: 0;
      animation: unset; }
    /* line 1753, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .open .toggle_btn span:nth-child(3) {
      transform: translate(0, -10px) rotate(45deg);
      animation: unset; } }
  @media screen and (max-width: 820px) and (max-width: 800px) {
    /* line 1759, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .open .toggle_btn {
      left: 55%; } }

@media screen and (max-width: 820px) {
    /* line 1767, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header #mask {
      display: none; }
    /* line 1771, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header .open #mask {
      display: block;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000;
      opacity: .8;
      z-index: 3 !important;
      cursor: pointer;
      transition: all .5s; }
    /* line 1785, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header #ac-ca-sp {
      position: fixed;
      right: 0;
      top: 0;
      z-index: 3;
      display: flex;
      justify-content: center;
      font-size: 11px; }
      /* line 1794, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #sp-header #ac-ca-sp li {
        max-height: 60px;
        text-align: center; }
        /* line 1798, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #sp-header #ac-ca-sp li a {
          width: 60px;
          height: 60px;
          display: block;
          color: #fff; }
          /* line 1804, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          #sp-header #ac-ca-sp li a p {
            padding-top: 16px; }
      /* line 1810, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #sp-header #ac-ca-sp li:nth-child(1) {
        background: url(https://masumihono.com/wp-content/uploads/2022/02/access.png) no-repeat;
        background-size: 16px;
        background-position: center 8px;
        background-color: #968264; }
        /* line 1816, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #sp-header #ac-ca-sp li:nth-child(1) a {
          padding-top: 20px; }
      /* line 1822, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #sp-header #ac-ca-sp li:nth-child(2) {
        background: url(https://masumihono.com/wp-content/uploads/2022/02/cart.png) no-repeat;
        background-size: 20px;
        background-position: center 10px;
        background-color: #221C1C; }
        /* line 1828, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #sp-header #ac-ca-sp li:nth-child(2) a {
          padding-top: 20px; }
  /* line 1838, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #pc-header {
    display: none; }
  /* line 1842, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .top-fade {
    font-size: 50px;
    margin-left: 4%; }
  /* line 1847, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .slick-slide {
    margin: 0 5px; }
    /* line 1850, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .slick-slide .slide-list {
      height: 250px; }
  /* line 1857, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .co-title dt {
    font-size: 18px; }
  /* line 1863, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .co-title dd h2 {
    font-size: 45px; }
  /* line 1869, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #news-co {
    padding: 40px 4% 60px 4%; }
    /* line 1872, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #news-co .inner {
      margin: 0 auto;
      max-width: 1300px; }
      /* line 1876, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #news-co .inner .news-title {
        font-size: 25px; }
  /* line 1889, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer #f-menu-area #f-menu-inner #f-logo img {
    width: 100px; }
  /* line 1897, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer #f-menu-area #f-menu-inner nav ul li {
    width: 22%;
    font-size: 15px; }
    /* line 1901, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #footer-box footer #f-menu-area #f-menu-inner nav ul li a {
      padding: 0 2%; }
  /* line 1911, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer #f-sub-area .f-sub-menu {
    font-size: 14px; }
    /* line 1914, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #footer-box footer #f-sub-area .f-sub-menu li {
      width: 30%; }
  /* line 1921, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer #social li {
    width: 27px;
    height: 27px;
    padding: 2px;
    margin: 0 5px; }
    /* line 1927, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #footer-box footer #social li img {
      height: 12px; }
  /* line 1933, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer small {
    opacity: 0.8; }
  /*common end*/
  /*top start*/
  /* line 1950, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #contents #co1 .inner {
    padding: 4%; }
    /* line 1953, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #contents #co1 .inner .container {
      background-size: 1600px; }
  /* line 1960, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #contents #co2 {
    padding-top: 80px; }
  /*top end*/ }

@media screen and (max-width: 600px) {
  /*common start*/
  /* line 1982, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #sp-header #logo img {
    width: 80px; }
  /* line 1987, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #sp-header #ac-ca-sp {
    font-size: 10px; }
    /* line 1992, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header #ac-ca-sp li a {
      width: 50px;
      height: 50px; }
    /* line 1999, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header #ac-ca-sp li:nth-child(1) a {
      padding-top: 15px;
      background: url(https://masumihono.com/wp-content/uploads/2022/02/access.png) no-repeat;
      background-size: 14px;
      background-position: center 8px;
      background-color: #968264; }
    /* line 2009, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header #ac-ca-sp li:nth-child(2) a {
      padding-top: 15px;
      background: url(https://masumihono.com/wp-content/uploads/2022/02/cart.png) no-repeat;
      background-size: 18px;
      background-position: center 10px;
      background-color: #221C1C; }
  /* line 2025, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #sp-header nav #menu-logo img {
    width: 60px; }
  /* line 2030, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #sp-header nav .inner {
    position: relative;
    top: -15px; }
    /* line 2036, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header nav .inner ul .one-nav {
      font-size: 15px; }
    /* line 2041, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header nav .inner ul .sec-nav {
      font-size: 13px; }
    /* line 2045, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #sp-header nav .inner ul .two-col {
      font-size: 13px; } }

@media screen and (max-width: 600px) and (max-width: 600px) {
  /* line 2057, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #sp-header nav {
    left: -80%;
    width: 80%; } }

@media screen and (max-width: 600px) {
  /* line 2064, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #sp-header .open .toggle_btn {
    left: 85% !important; }
  /* line 2073, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .button {
    font-size: 12px; }
    /* line 2076, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .button:before {
      top: 20px;
      right: 12%;
      width: 22px; }
    /* line 2082, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .button:after {
      top: 18px;
      right: 12%; }
  /* line 2089, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .title {
    margin: 0 0 40px 0; }
    /* line 2092, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .title dt {
      font-size: 20px; }
    /* line 2097, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .title .border a {
      padding-top: 20px !important; }
      /* line 2100, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .title .border a span {
        top: -10px; }
      /* line 2104, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .title .border a span::before {
        top: 80px;
        height: 50px; }
      /* line 2109, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .title .border a span::after {
        top: 170px;
        width: 12px;
        height: 12px; }
  /* line 2119, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .top-fade {
    font-size: 35px;
    margin-left: 4%; }
  /* line 2124, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .slick-prev,
  .slick-next {
    top: 30% !important;
    width: 25px !important; }
  /* line 2130, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .slick-next:before {
    height: 100px !important; }
  /* line 2134, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .slick-prev:before {
    height: 100px !important; }
  /* line 2138, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .slick-next:after {
    top: 230%;
    left: 50%; }
  /* line 2143, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .slick-prev:after {
    top: 230%;
    left: 10%; }
  /* line 2148, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .slick-slide {
    margin: 0 5px;
    transform: scale(0.89); }
    /* line 2152, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .slick-slide .slide-list {
      height: 250px; }
    /* line 2157, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .slick-slide img {
      bottom: 130px; }
    /* line 2161, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .slick-slide p {
      font-size: 12px !important; }
    /* line 2165, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .slick-slide span {
      margin-top: 30px;
      width: 30px;
      height: 30px; }
      /* line 2170, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .slick-slide span:after {
        width: 5px;
        height: 5px; }
  /* line 2178, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .slick-dots {
    bottom: -60px !important;
    opacity: 1 !important; }
  /* line 2185, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .co-title dt {
    font-size: 14px; }
  /* line 2191, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .co-title dd h2 {
    font-size: 30px; }
  /* line 2198, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #news-co {
    padding: 40px 4% 60px 4%; }
    /* line 2203, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #news-co .inner .news-title {
      position: relative;
      font-size: 20px;
      margin: 20px 0; }
      /* line 2209, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #news-co .inner .news-title .border a {
        padding-top: 60px; }
        /* line 2212, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #news-co .inner .news-title .border a span {
          top: -8px;
          left: 180px; }
  @keyframes sdb2 {
    0% {
      transform: translate(0, 0);
      opacity: 0; }
    40% {
      opacity: 1; }
    80% {
      transform: translate(20px, 0);
      opacity: 0; }
    100% {
      opacity: 0; } }
  @keyframes sdbs2 {
    0% {
      opacity: 0; }
    50% {
      transform: translate(20px, -5px) rotate(-45deg);
      opacity: 1; }
    100% {
      transform: translate(20px, -5px) rotate(-45deg);
      opacity: 0; } }
    /* line 2259, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #news-co .inner .news-flex {
      display: block; }
      /* line 2263, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #news-co .inner .news-flex ul {
        width: 100%;
        font-size: 12px; }
        /* line 2267, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #news-co .inner .news-flex ul li {
          margin: 20px 0; }
          /* line 2270, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          #news-co .inner .news-flex ul li dl {
            display: flex; }
            /* line 2273, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
            #news-co .inner .news-flex ul li dl dt {
              margin-right: 6%; }
      /* line 2280, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #news-co .inner .news-flex .button {
        width: 100%;
        text-align: center;
        margin: 20px 0; }
  /* line 2293, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer #f-menu-area {
    border-bottom: none; }
    /* line 2296, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #footer-box footer #f-menu-area #f-menu-inner {
      display: block; }
      /* line 2299, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #footer-box footer #f-menu-area #f-menu-inner #f-logo {
        text-align: center; }
        /* line 2302, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #footer-box footer #f-menu-area #f-menu-inner #f-logo img {
          width: 80px; }
      /* line 2309, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #footer-box footer #f-menu-area #f-menu-inner nav ul {
        display: block; }
        /* line 2312, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        #footer-box footer #f-menu-area #f-menu-inner nav ul li {
          width: 100%;
          font-size: 14px;
          border-bottom: 1px #BFB2A1 solid; }
          /* line 2317, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          #footer-box footer #f-menu-area #f-menu-inner nav ul li a {
            padding: 15px 2%; }
  /* line 2326, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer #f-sub-area {
    padding: 20px 0 0 0;
    margin: 0 4%; }
    /* line 2330, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #footer-box footer #f-sub-area .f-sub-menu {
      margin: 0;
      display: block;
      font-size: 12px; }
      /* line 2335, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      #footer-box footer #f-sub-area .f-sub-menu li {
        width: 100%;
        margin: 10px 0; }
  /* line 2343, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer #social li {
    width: 25px;
    height: 25px;
    padding: 0;
    margin: 0 5px; }
    /* line 2349, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    #footer-box footer #social li img {
      height: 12px; }
  /* line 2355, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  #footer-box footer small {
    opacity: 0.8; }
  /* line 2362, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home .container {
    padding: 0; }
    /* line 2367, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home .container .par .conti-area {
      height: 400px;
      position: relative; }
      /* line 2371, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .home .container .par .conti-area .co-title {
        width: 100%;
        color: #fff;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 1;
        text-align: center; }
        /* line 2381, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        .home .container .par .conti-area .co-title dt {
          font-size: 16px; }
        /* line 2385, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        .home .container .par .conti-area .co-title dd {
          margin: 20px 0 30px 0; }
          /* line 2388, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          .home .container .par .conti-area .co-title dd h2 {
            font-weight: 500;
            font-size: 30px; }
        /* line 2395, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        .home .container .par .conti-area .co-title p {
          padding: 0 10% 40px 10%; }
        /* line 2399, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
        .home .container .par .conti-area .co-title .button {
          padding: 15px 100px; }
          /* line 2402, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          .home .container .par .conti-area .co-title .button:before {
            top: 25px; }
          /* line 2406, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
          .home .container .par .conti-area .co-title .button:after {
            top: 23px; }
      /* line 2412, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .home .container .par .conti-area .par-img {
        background-size: 800px;
        height: 400px; }
  /*common end*/
  /*top start*/
  /* line 2436, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #mv .container {
    height: 600px; }
    /* line 2439, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #mv .container .conti-area {
      height: 600px; }
      /* line 2442, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
      .home #mv .container .conti-area .par-img {
        background-size: 1150px;
        background-position: center 0; }
    /* line 2450, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #mv .container #mv-co-title .top-fade {
      font-size: 35px; }
  /* line 2465, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #contents #co1 .inner {
    padding: 4%; }
    /* line 2471, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
    .home #contents #co1 .inner .container .par .par-img {
      background-size: 800px; }
  /* line 2483, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #contents #co2 {
    padding-top: 60px; }
  /* line 2494, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #contents #co4 .container .par .par-img {
    background-size: 780px; }
  /* line 2510, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #contents #co5 .container .par .par-img {
    background-size: 800px; }
  /* line 2521, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  .home #contents #co3,
  .home #contents #co4 .container-three,
  .home #contents #co5 .container-four {
    height: 400px; }
  /*top end*/ }

@media screen and (max-width: 320px) {
  /* line 2536, /Applications/MAMP/htdocs/masumi/common/css/main.scss */
  html {
    zoom: 0.9 !important; } }

/*top end*/

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