@charset "UTF-8";
/* Scss Document */
/*!
Theme Name: original_marucho
Description: originaltheme.
Version: 1.0
*/
/* Scss Document */
.cb {
  color: #111; }

.cw {
  color: #fff; }

.cg {
  color: #888; }

.cd {
  color: #4a4a4a; }

.c1 {
  color: #ee87b4; }

.c2 {
  color: #f4b4d0; }

.c3 {
  color: #0156a1; }

.bcb {
  background-color: #111; }

.bcw {
  background-color: #fff; }

.bcg {
  background-color: #888; }

.bc1 {
  background-color: #ee87b4; }

.bc2 {
  background-color: #f4b4d0; }

.bc3 {
  background-color: #0156a1; }

.gray1 {
  background: #F5F3F0; }

/*グレースケール*/
.gray-effect {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: 0.5s; }

.gray-effect:hover {
  -webkit-filter: grayscale(0);
  -moz-filter: grayscale(0);
  -ms-filter: grayscale(0);
  -o-filter: grayscale(0);
  filter: grayscale(0); }

@media only screen and (max-width: 768px) {
  .gray-effect {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0); } }
/* Scss Document */
.j-c-sa {
  justify-content: space-around; }

.f-d-c {
  flex-direction: column; }

.f-d-r-r {
  flex-direction: row-reverse; }

@media only screen and (max-width: 768px) {
  .f-d-r-r {
    flex-direction: column; } }
.pdg-0 {
  padding: 0 !important; }

.pdg-025 {
  padding: 0.25rem; }

.pdg-05 {
  padding: 0.5rem; }

.pdg-075 {
  padding: 0.75rem; }

.pdg-1 {
  padding: 1rem; }

.pdg-2 {
  padding: 2rem; }

.pdg-3 {
  padding: 3rem; }

.pdg-4 {
  padding: 4rem; }

.pdg-5 {
  padding: 5rem; }

.pdg-6 {
  padding: 6rem; }

.pdg-7 {
  padding: 7rem; }

.pdg-8 {
  padding: 8rem; }

.pdg-t0 {
  padding-top: 0 !important; }

.pdg-t05 {
  padding-top: 0.5rem; }

.pdg-t1 {
  padding-top: 1rem; }

.pdg-t2 {
  padding-top: 2rem; }

.pdg-t3 {
  padding-top: 3rem; }

.pdg-t4 {
  padding-top: 4rem; }

.pdg-t5 {
  padding-top: 5rem; }

.pdg-b0 {
  padding-bottom: 0 !important; }

.pdg-b05 {
  padding-bottom: 0.5rem; }

.pdg-b1 {
  padding-bottom: 1rem; }

.pdg-b2 {
  padding-bottom: 2rem; }

.pdg-b3 {
  padding-bottom: 3rem; }

.pdg-b4 {
  padding-bottom: 4rem; }

.pdg-b5 {
  padding-bottom: 5rem; }

.pdg-tb0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important; }

.pdg-tb05 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem; }

.pdg-tb1 {
  padding-top: 1rem;
  padding-bottom: 1rem; }

.pdg-tb2 {
  padding-top: 2rem;
  padding-bottom: 2rem; }

.pdg-tb3 {
  padding-top: 3rem;
  padding-bottom: 3rem; }

.pdg-tb4 {
  padding-top: 4rem;
  padding-bottom: 4rem; }

.pdg-tb5 {
  padding-top: 5rem;
  padding-bottom: 5rem; }

.pdg-tb6 {
  padding-top: 6rem;
  padding-bottom: 6rem; }

.pdg-tb7 {
  padding-top: 7rem;
  padding-bottom: 7rem; }

.pdg-lr0 {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.pdg-lr05 {
  padding-left: 0.5rem;
  padding-right: 0.5rem; }

.pdg-lr1 {
  padding-left: 1rem;
  padding-right: 1rem; }

.pdg-lr2 {
  padding-left: 2rem;
  padding-right: 2rem; }

.pdg-lr3 {
  padding-left: 3rem;
  padding-right: 3rem; }

.pdg-lr4 {
  padding-left: 4rem;
  padding-right: 4rem; }

.pdg-lr5 {
  padding-left: 5rem;
  padding-right: 5rem; }

.mg-0 {
  margin: 0 !important; }

.mg-05 {
  margin: 0.5rem; }

.mg-1 {
  margin: 1rem; }

.mg-2 {
  margin: 2rem; }

.mg-3 {
  margin: 3rem; }

.mg-4 {
  margin: 4rem; }

.mg-5 {
  margin: 5rem; }

.mg-6 {
  margin: 6rem; }

.mg-7 {
  margin: 7rem; }

.mg-8 {
  margin: 8rem; }

.mg-9 {
  margin: 9rem; }

.mg-10 {
  margin: 10rem; }

.mg-t0 {
  margin-top: 0 !important; }

.mg-t05 {
  margin-top: 0.5rem; }

.mg-t1 {
  margin-top: 1rem; }

.mg-t15 {
  margin-top: 1.5rem; }

.mg-t2 {
  margin-top: 2rem; }

.mg-t3 {
  margin-top: 3rem; }

.mg-t4 {
  margin-top: 4rem; }

.mg-t5 {
  margin-top: 5rem; }

.mg-b0 {
  margin-bottom: 0 !important; }

.mg-b05 {
  margin-bottom: 0.5rem; }

.mg-b1 {
  margin-bottom: 1rem; }

.mg-b2 {
  margin-bottom: 2rem; }

.mg-b3 {
  margin-bottom: 3rem; }

.mg-b4 {
  margin-bottom: 4rem; }

.mg-b5 {
  margin-bottom: 5rem; }

.mg-r0 {
  margin-right: 0 !important; }

.mg-r05 {
  margin-right: 0.5rem; }

.mg-r1 {
  margin-right: 1rem; }

.mg-r2 {
  margin-right: 2rem; }

.mg-r3 {
  margin-right: 3rem; }

.mg-r4 {
  margin-right: 4rem; }

.mg-r5 {
  margin-right: 5rem; }

.mg-l0 {
  margin-left: 0 !important; }

.mg-l05 {
  margin-left: 0.5rem; }

.mg-l1 {
  margin-left: 1rem; }

.mg-l2 {
  margin-left: 2rem; }

.mg-l3 {
  margin-left: 3rem; }

.mg-l4 {
  margin-left: 4rem; }

.mg-l5 {
  margin-left: 5rem; }

.mg-tb0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.mg-tb05 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem; }

.mg-tb1 {
  margin-top: 1rem;
  margin-bottom: 1rem; }

.mg-tb2 {
  margin-top: 2rem;
  margin-bottom: 2rem; }

.mg-tb3 {
  margin-top: 3rem;
  margin-bottom: 3rem; }

.mg-tb4 {
  margin-top: 4rem;
  margin-bottom: 4rem; }

.mg-tb5 {
  margin-top: 5rem;
  margin-bottom: 5rem; }

.mg-lr0 {
  margin-left: 0 !important;
  margin-left: 0 !important; }

.mg-lr05 {
  margin-left: 0.5rem;
  margin-left: 0.5rem; }

.mg-lr15 {
  margin-right: 1.5rem;
  margin-left: 1.5rem; }

.mg-lr1 {
  margin-right: 1rem;
  margin-left: 1rem; }

.mg-lr2 {
  margin-right: 2rem;
  margin-left: 2rem; }

.mg-lr3 {
  margin-right: 3rem;
  margin-left: 3rem; }

.mg-lr4 {
  margin-right: 4rem;
  margin-left: 4rem; }

.mg-lr5 {
  margin-right: 5rem;
  margin-left: 5rem; }

.d-block {
  display: block; }

.inline-block {
  display: inline-block; }

.relative {
  position: relative; }

/* Scss Document */
.crimson {
  font-family: 'Crimson Text', serif; }

.text-c {
  text-align: center; }

.text-l {
  text-align: left; }

.text-r {
  text-align: right; }

.font-xs {
  font-size: 0.6rem; }

.font-s {
  font-size: 0.8rem; }

.font-n {
  font-size: 1.2rem; }

.font-l {
  font-size: 1.4rem; }

.font-xl {
  font-size: 1.6rem; }

.font-xxl {
  font-size: 1.8rem; }

.font-1 {
  font-size: 1rem; }

.font-2 {
  font-size: 2rem; }

.font-2-4 {
  font-size: 2.4rem; }

.font-3 {
  font-size: 3rem; }

.font-4 {
  font-size: 4rem; }

.font-5 {
  font-size: 5rem; }

.font-6 {
  font-size: 6rem; }

.font-7 {
  font-size: 7rem; }

.font-8 {
  font-size: 8rem; }

.font-9 {
  font-size: 9rem; }

.font-10 {
  font-size: 10rem; }

.ls-001 {
  letter-spacing: .01rem; }

.ls-002 {
  letter-spacing: .02rem; }

.ls-003 {
  letter-spacing: .03rem; }

.ls-004 {
  letter-spacing: .04rem; }

.ls-005 {
  letter-spacing: .05rem; }

.ls-01 {
  letter-spacing: .1rem; }

.ls-02 {
  letter-spacing: .2rem; }

.bold {
  font-weight: bold; }

.fw-none {
  font-weight: 400; }

.height-2 {
  line-height: 2rem; }

.height-24 {
  line-height: 2.4rem; }

.height-3 {
  line-height: 3rem; }

@media only screen and (max-width: 480px) {
  .font-3 {
    font-size: 2rem; } }
/* Scss Document */
/*アクセス*/
.map-info .map-text {
  display: inline-block;
  text-align: left; }
  .map-info .map-text p {
    margin-bottom: .5rem; }
.map-info .map-wrap {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 60%; }
  .map-info .map-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*フッターナビ*/
.footer-wrap {
  padding: 3rem 1.5rem;
  background: center/cover no-repeat url(images/main/shop_01.jpg);
  position: relative; }
  .footer-wrap:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8); }
  .footer-wrap .footer-nav ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap; }
    .footer-wrap .footer-nav ul li {
      margin: .25rem 0; }
      .footer-wrap .footer-nav ul li a {
        display: block;
        font-size: .8rem;
        color: #fff;
        font-weight: bold;
        padding: 1rem 0;
        margin-right: 1rem;
        position: relative;
        transition: .4s; }
        .footer-wrap .footer-nav ul li a:before {
          content: "";
          position: absolute;
          bottom: 10px;
          left: 0;
          width: 0;
          height: 3px;
          background: linear-gradient(270deg, #ee87b4 50%, #f4b4d0 100%);
          transition: .4s; }
        .footer-wrap .footer-nav ul li a:hover {
          color: #ee87b4; }
          .footer-wrap .footer-nav ul li a:hover:before {
            right: auto;
            left: 0;
            width: 100%; }
  .footer-wrap .footer-shop {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center; }
    .footer-wrap .footer-shop .img-wrap {
      width: 25%;
      margin: 2% 4%;
      transition: .3s; }
      .footer-wrap .footer-shop .img-wrap:hover {
        transform: scale(0.9); }

@media only screen and (max-width: 768px) {
  .footer-wrap .footer-nav ul li a:before {
    width: 100%; }
  .footer-wrap .footer-bt {
    text-align: left; } }
#page_top {
  position: fixed;
  bottom: 3rem;
  right: 1.5rem;
  z-index: 1;
  transition: .3s; }
  #page_top .bc-top-btn {
    display: block;
    position: relative;
    width: 50px;
    height: 50px;
    background: #f4b4d0;
    border-radius: 10px;
    transition: .2s; }
  #page_top .bc-top-btn:before {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    border: solid #fff;
    border-style: solid;
    border-width: 3px 3px 0 0;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, calc(-50% + 4px)) rotate(-45deg);
    -ms-transform: translate(-50%, calc(-50% + 4px)) rotate(-45deg);
    transform: translate(-50%, calc(-50% + 4px)) rotate(-45deg);
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center; }

#page_top:hover .bc-top-btn {
  transform: translateY(-10px); }

/* CSS Document */
.navi-tab {
  position: fixed;
  top: 0;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 10;
  transition: .3s;
  background: #111; }
  .navi-tab h1 a {
    display: block;
    width: 240px;
    margin-left: 50px; }

#global-menu {
  margin-right: 35px; }
  #global-menu ul.g-menu {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center; }
    #global-menu ul.g-menu li.list-01 {
      display: inline-block;
      list-style: outside none none;
      margin: 0 .5rem;
      position: relative; }
      #global-menu ul.g-menu li.list-01 a, #global-menu ul.g-menu li.list-01 span {
        display: block;
        font-size: .8rem;
        line-height: 20px;
        font-weight: bold;
        color: #fff;
        padding: 20px 0;
        margin: 0 10px;
        position: relative;
        text-decoration: none;
        cursor: pointer;
        transition: .4s; }
      #global-menu ul.g-menu li.list-01 span {
        cursor: auto; }
      @media only screen and (min-width: 768px) {
        #global-menu ul.g-menu li.list-01 a:before {
          content: "";
          position: absolute;
          bottom: 10px;
          right: 0;
          width: 0;
          height: 3px;
          background: linear-gradient(270deg, #ee87b4 50%, #f4b4d0 100%);
          transition: .4s; }
        #global-menu ul.g-menu li.list-01 a:hover {
          color: #ee87b4; }
          #global-menu ul.g-menu li.list-01 a:hover:before {
            right: auto;
            left: 0;
            width: 100%; } }
      #global-menu ul.g-menu li.list-01 ul.navi-sec {
        visibility: hidden;
        position: absolute;
        top: 60px;
        left: 50%;
        transform: translateX(-50%);
        background: transparent;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap; }
        #global-menu ul.g-menu li.list-01 ul.navi-sec li.list-02 {
          width: 100%; }
          #global-menu ul.g-menu li.list-01 ul.navi-sec li.list-02 a {
            display: block;
            font-size: .8rem;
            padding: .75rem 2rem;
            margin: 2px 0;
            text-align: center;
            white-space: nowrap;
            border-radius: 50px;
            transition: none; }
            #global-menu ul.g-menu li.list-01 ul.navi-sec li.list-02 a:before {
              content: none; }
    #global-menu ul.g-menu li.list-hov:hover ul.navi-sec {
      visibility: visible;
      transition: .5s; }
      #global-menu ul.g-menu li.list-hov:hover ul.navi-sec li.list-02 a {
        color: #fff;
        background: #111;
        transition: .3s; }
        #global-menu ul.g-menu li.list-hov:hover ul.navi-sec li.list-02 a:before {
          background: transparent; }
        #global-menu ul.g-menu li.list-hov:hover ul.navi-sec li.list-02 a:hover {
          color: #ee87b4;
          background: #fff;
          transition: .3s; }
    #global-menu ul.g-menu li.list-hov:hover ul.navi-sec:before {
      opacity: 1;
      transition: .5s; }

.navToggle {
  display: none; }

@media only screen and (max-width: 768px) {
  .navi-tab {
    padding-top: 0; }
    .navi-tab h1 a {
      width: 200px;
      margin-left: 20px; }

  #global-menu {
    width: 100%;
    transform: translateX(-100%);
    transition: all 0.5s;
    position: fixed;
    top: 0;
    z-index: 100; }
    #global-menu:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.9);
      z-index: -1; }
    #global-menu ul.g-menu {
      flex-direction: column;
      width: 100%;
      height: calc(100vh - 60px);
      margin-top: 60px; }
      #global-menu ul.g-menu li.list-01 span {
        display: none; }
      #global-menu ul.g-menu li.list-01 ul.navi-sec {
        visibility: visible;
        position: relative;
        top: auto;
        left: auto;
        transform: translateX(0); }

  #global-menu.active {
    transform: translateX(0%);
    position: fixed; }

  .navToggle {
    display: block;
    position: absolute;
    right: 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center; }
    .navToggle span {
      display: block;
      position: absolute;
      width: 30px;
      border-bottom: solid 3px #fff;
      -webkit-transition: .3s ease-in-out;
      -moz-transition: .3s ease-in-out;
      transition: .3s ease-in-out;
      left: 0px; }
    .navToggle span:nth-child(1) {
      top: 10px; }
    .navToggle span:nth-child(2) {
      top: 17px; }

  .navToggle.active span:nth-child(1), .navToggle.active span:nth-child(2) {
    top: 15px;
    left: 0px;
    z-index: 101;
    border-bottom: solid 3px #fff;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg); }

  .navToggle.active span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg); } }
/* Scss Document */
/*トップ*/
.hero-top {
  position: relative;
  width: 100%;
  height: calc(50vh - 80px);
  margin-top: 80px; }
  .hero-top #slide {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 0; }
    .hero-top #slide:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.3);
      z-index: 1; }
  .hero-top li {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    animation: 10s linear 0s infinite adl; }
@-webkit-keyframes sdl {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }
@keyframes adl {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.2); } }
  .hero-top li.s1 {
    background-image: url(images/main/shop_01.jpg); }
  .hero-top li.s2 {
    background-image: url(images/main/shop_01.jpg); }
  .hero-top li.s3 {
    background-image: url(images/main/shop_01.jpg); }
  .hero-top li.s4 {
    background-image: url(images/main/shop_01.jpg); }
  .hero-top .top-hero-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .hero-top .top-hero-inner h2 {
      color: #fff;
      font-family: 'Noto Serif JP', serif;
      font-style: italic;
      font-size: 2rem;
      text-align: center;
      padding: 2rem;
      white-space: nowrap;
      background-image: linear-gradient(0deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
      -webkit-background-clip: text;
      color: transparent;
      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }
      .hero-top .top-hero-inner h2 .break-word {
        display: none; }
  .hero-top a.top-hero-bottom {
    display: inline-block;
    position: absolute;
    bottom: -5%;
    right: 5%;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background: linear-gradient(270deg, #ee87b4 50%, #f4b4d0 100%);
    padding: 1rem 1.5rem;
    padding-left: 30px;
    z-index: 1;
    transition: .4s; }
    .hero-top a.top-hero-bottom:before {
      content: "";
      position: absolute;
      top: 50%;
      left: 0;
      width: 30px;
      height: 30px;
      background: center/contain no-repeat url(images/arrow-r_w.png);
      transform: rotate(90deg) translateX(-50%);
      transition: .4s; }
    @media only screen and (min-width: 768px) {
      .hero-top a.top-hero-bottom:hover {
        text-decoration: underline; }
        .hero-top a.top-hero-bottom:hover:before {
          transform: rotate(90deg) translateX(-30%); } }

@media only screen and (max-width: 768px) {
  .hero-top .top-hero-inner h2 {
    width: 360px;
    white-space: inherit;
    font-size: 1.5rem;
    padding: .5rem; }
    .hero-top .top-hero-inner h2 .break-word {
      display: block; } }
/*固定ページヒーロー*/
.hero-page, .hero-archive, .hero-single {
  position: relative;
  width: 100%;
  height: calc(50vh - 80px);
  margin-top: 80px;
  background: center/cover no-repeat url(images/main/drink_01.jpg); }
  .hero-page .page-hero-inner, .hero-archive .page-hero-inner, .hero-single .page-hero-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .hero-page .page-hero-inner h2, .hero-archive .page-hero-inner h2, .hero-single .page-hero-inner h2 {
      color: #fff;
      font-family: 'Noto Serif JP', serif;
      font-style: italic;
      font-size: 2rem;
      text-align: center;
      padding: 2rem;
      white-space: nowrap;
      background-image: linear-gradient(0deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);
      -webkit-background-clip: text;
      color: transparent;
      text-shadow: 0 2px 8px rgba(0, 0, 0, 0.3); }

.hero-archive {
  background: center/cover no-repeat url(images/main/drink_02.jpg); }

.hero-single .page-hero-inner {
  text-align: center; }
  .hero-single .page-hero-inner span.date {
    color: #fff; }

.hero-shop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 80px;
  width: 100%;
  height: calc(100vh - 80px);
  background: center/cover no-repeat url(images/main/shop_01.jpg);
  position: relative;
  z-index: 0; }
  .hero-shop:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(66, 77, 89, 0.5);
    z-index: -1; }
  .hero-shop .img-wrap {
    max-width: 200px; }
  .hero-shop .page-title {
    width: 50%;
    text-align: center; }
    .hero-shop .page-title h2 {
      font-size: 2rem;
      font-weight: bold;
      color: #fff;
      padding: 2rem 0;
      margin: 2rem 0;
      background: rgba(0, 0, 0, 0.5); }
    .hero-shop .page-title p {
      font-size: 1.4rem;
      font-weight: bold;
      color: #fff; }

@media only screen and (max-width: 480px) {
  .hero-shop .page-title {
    width: 75%; }
    .hero-shop .page-title h2 {
      font-size: 1.5rem; } }
/*保育園*/
.hero-nursery {
  width: 100%;
  height: 0;
  padding-top: 40%;
  border-radius: 50% / 0 0 100% 100%;
  background: center/cover no-repeat url(images/main/nursery_01.jpg);
  margin-top: 80px;
  position: relative; }
  .hero-nursery h1 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -30%) scale(1.5); }

/* Scss Document */
main {
  width: 100%;
  overflow: hidden; }

img {
  vertical-align: top; }

.top-nursery h2, .top-news h2, .archive-news h2, .top-contact h2 {
  display: inline-block;
  font-size: 1.4rem;
  line-height: 2.8rem;
  font-weight: bold;
  color: #111;
  margin: 1rem 0; }
  .top-nursery h2 span, .top-news h2 span, .archive-news h2 span, .top-contact h2 span {
    display: block;
    font-size: .8rem;
    line-height: 2rem;
    position: relative; }
    .top-nursery h2 span:before, .top-news h2 span:before, .archive-news h2 span:before, .top-contact h2 span:before {
      content: "";
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      width: 20px;
      height: 3px;
      background: linear-gradient(270deg, #ee87b4 50%, #f4b4d0 100%); }

/*お店紹介*/
.top-shop {
  /*background: center/cover no-repeat url(images/main/shop_01.jpg);
  position: relative;
  &:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0, 0.8);
  }*/ }
  .top-shop a.inner-text {
    display: block;
    height: 0;
    padding-top: 100%;
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: .4s; }
    .top-shop a.inner-text:hover {
      transform: translateY(-10px); }
    .top-shop a.inner-text:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.75);
      z-index: -1; }
    .top-shop a.inner-text img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-width: 150px; }
  .top-shop .fujiko {
    background: center/cover no-repeat url(images/shop/fujiko_01.jpg); }
  .top-shop .himemikado {
    background: center/cover no-repeat url(images/shop/fujiko_01.jpg); }
  .top-shop .pierce {
    background: center/cover no-repeat url(images/shop/fujiko_01.jpg); }

/*保育園*/
.top-nursery .inner-text {
  color: #111; }
  .top-nursery .inner-text h3 {
    font-size: 1.6rem;
    font-weight: bold; }
  .top-nursery .inner-text p {
    font-size: .9rem;
    line-height: 1.6rem;
    margin-top: 1rem; }
  .top-nursery .inner-text a {
    display: inline-block;
    font-size: .9rem;
    font-weight: bold;
    color: #ee87b4;
    border: solid 2px #ee87b4;
    padding: .75rem 3rem;
    margin-top: 2rem;
    transition: .4s; }
    .top-nursery .inner-text a i {
      padding-right: 1rem;
      transition: .4s; }
    @media only screen and (min-width: 768px) {
      .top-nursery .inner-text a:hover {
        color: #fff;
        background: #ee87b4; }
        .top-nursery .inner-text a:hover i {
          transform: translateX(5px); } }

@media only screen and (max-width: 768px) {
  .top-nursery .inner-text {
    text-align: center; } }
/*お問い合わせ*/
.top-contact .inner-text, .nursery-contact .inner-text {
  color: #111;
  text-align: center; }
  .top-contact .inner-text h3, .nursery-contact .inner-text h3 {
    font-size: 1.6rem;
    font-weight: bold;
    margin: 1rem auto; }
  .top-contact .inner-text p, .nursery-contact .inner-text p {
    font-size: .9rem;
    line-height: 1.6rem;
    margin-top: 1rem; }
  .top-contact .inner-text p.tell, .nursery-contact .inner-text p.tell {
    font-size: 1.6rem;
    font-weight: bold;
    color: #ee87b4; }
  .top-contact .inner-text a.mail-form, .nursery-contact .inner-text a.mail-form {
    position: relative;
    display: block;
    max-width: 600px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    background: #ee87b4;
    border: solid 2px #ee87b4;
    border-radius: 100px;
    padding: 3%;
    margin: 3rem auto;
    text-align: center;
    transition: .5s; }
    .top-contact .inner-text a.mail-form:hover, .nursery-contact .inner-text a.mail-form:hover {
      color: #ee87b4;
      background: transparent; }
      .top-contact .inner-text a.mail-form:hover span:after, .nursery-contact .inner-text a.mail-form:hover span:after {
        background: #ee87b4;
        transition-delay: .2s; }
    .top-contact .inner-text a.mail-form span:before, .top-contact .inner-text a.mail-form span:after, .nursery-contact .inner-text a.mail-form span:before, .nursery-contact .inner-text a.mail-form span:after {
      content: "";
      position: absolute;
      top: -20px;
      left: 50%;
      width: 2px;
      height: 20px;
      background: #ee87b4; }
    .top-contact .inner-text a.mail-form span:after, .nursery-contact .inner-text a.mail-form span:after {
      top: 0px;
      transition: .5s;
      transition-delay: 0s;
      background: #fff; }

@media only screen and (max-width: 768px) {
  .top-contact {
    background-attachment: inherit; }
    .top-contact .column {
      padding: 3rem 0; }
    .top-contact a {
      padding: 10%; } }
/* Scss Document */
/*フジコ*/
.page-section-title {
  margin: 3rem auto;
  text-align: center; }
  .page-section-title h2 {
    font-size: 2.4rem;
    font-weight: bold;
    color: #111;
    margin-bottom: 20px;
    position: relative; }
    .page-section-title h2:before {
      content: "";
      position: absolute;
      bottom: -10px;
      left: 50%;
      transform: translateX(-50%);
      width: 20px;
      height: 3px;
      background: linear-gradient(270deg, #ee87b4 50%, #f4b4d0 100%); }
  .page-section-title span {
    font-size: .9rem;
    font-weight: bold;
    color: #ccc; }

.page-system .system-table, .page-recruit .system-table {
  background: #fff;
  padding: 3rem 1.5rem;
  box-shadow: 0px 14px 38px 0px rgba(0, 0, 0, 0.1);
  text-align-last: center;
  position: relative; }
  .page-system .system-table:before, .page-recruit .system-table:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    background: #ee87b4; }
  .page-system .system-table table, .page-recruit .system-table table {
    margin: 1rem auto; }
    .page-system .system-table table tr th, .page-system .system-table table tr td, .page-recruit .system-table table tr th, .page-recruit .system-table table tr td {
      text-align: center;
      width: 300px;
      font-size: 1rem;
      font-weight: bold;
      line-height: 2rem;
      padding: 1rem 2rem;
      position: relative; }
    .page-system .system-table table tr th, .page-recruit .system-table table tr th {
      white-space: nowrap; }
    .page-system .system-table table tr td, .page-recruit .system-table table tr td {
      font-weight: inherit; }

@media only screen and (max-width: 768px) {
  .page-system .system-table table, .page-recruit .system-table table {
    margin: 1rem auto; }
    .page-system .system-table table tr, .page-recruit .system-table table tr {
      display: flex;
      flex-direction: column; }
      .page-system .system-table table tr th, .page-system .system-table table tr td, .page-recruit .system-table table tr th, .page-recruit .system-table table tr td {
        width: auto;
        line-height: inherit;
        padding: 0; }
      .page-system .system-table table tr th, .page-recruit .system-table table tr th {
        white-space: inherit;
        margin-top: 1.5rem; }
      .page-system .system-table table tr td, .page-recruit .system-table table tr td {
        font-weight: inherit; } }
.shop-map {
  padding: 3rem 1.5rem;
  box-shadow: 0px 14px 38px 0px rgba(0, 0, 0, 0.1);
  position: relative; }
  .shop-map:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 8px;
    height: 100%;
    background: #0b953a; }

.page-recruit .system-table:before {
  background: #87beee; }

.shop-img-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap; }

#lightbox a.small-img {
  display: block;
  width: 100%; }
  #lightbox a.small-img img {
    width: 300px;
    height: 300px;
    object-fit: cover;
    margin: 10px;
    transition: .4s; }
  @media only screen and (min-width: 768px) {
    #lightbox a.small-img:hover img {
      transform: scale(1.05); } }
#lightbox figure {
  margin: 0;
  display: none; }
  #lightbox figure:target {
    display: block;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999; }
    #lightbox figure:target #overlay {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      background: rgba(0, 0, 0, 0.7);
      text-decoration: none;
      color: inherit; }
    #lightbox figure:target img {
      width: 75%;
      animation: fadein .3s; }
    #lightbox figure:target figcaption {
      margin: .5rem 0;
      font-weight: bold; }
@keyframes fadein {
  0% {
    transform: scale(0.2);
    opacity: 0.2; }
  100% {
    transform: scale(1);
    opacity: 1; } }
@media only screen and (max-width: 480px) {
  #lightbox a.small-img img {
    width: 95px;
    height: 95px;
    margin: 5px; } }
/*保育園*/
.wrapper-nursery {
  background: #fffef3; }
  .wrapper-nursery .about-nursery {
    transform: translateY(3rem); }
    .wrapper-nursery .about-nursery .inner-text {
      text-align: center;
      color: #111; }
      .wrapper-nursery .about-nursery .inner-text h2 {
        font-size: 1.8rem;
        font-weight: bold;
        margin: 2rem auto; }
      .wrapper-nursery .about-nursery .inner-text p {
        line-height: 2rem; }
  .wrapper-nursery .system-table {
    padding: 3rem 1.5rem;
    box-shadow: 0px 14px 38px 0px rgba(0, 0, 0, 0.1);
    text-align-last: center;
    position: relative; }
    .wrapper-nursery .system-table:before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 8px;
      height: 100%;
      background: #ee87b4; }
    .wrapper-nursery .system-table table {
      margin: 1rem auto; }
      .wrapper-nursery .system-table table tr th, .wrapper-nursery .system-table table tr td {
        text-align: center;
        font-size: 1rem;
        font-weight: bold;
        line-height: 2rem;
        padding: 1rem 2rem;
        position: relative; }
        .wrapper-nursery .system-table table tr th span, .wrapper-nursery .system-table table tr td span {
          font-size: .8rem;
          color: #EB0E17; }
      .wrapper-nursery .system-table table tr th {
        white-space: nowrap; }
      .wrapper-nursery .system-table table tr td {
        font-weight: inherit; }

@media only screen and (max-width: 768px) {
  .wrapper-nursery .system-table table {
    margin: 1rem auto; }
    .wrapper-nursery .system-table table tr {
      display: flex;
      flex-direction: column; }
      .wrapper-nursery .system-table table tr th, .wrapper-nursery .system-table table tr td {
        width: auto;
        line-height: inherit;
        padding: 0; }
      .wrapper-nursery .system-table table tr th {
        white-space: inherit;
        margin-top: 1.5rem; }
      .wrapper-nursery .system-table table tr td {
        font-weight: inherit; } }
/* CSS Document */
/*ニュースアーカイブ*/
.top-news .card-wrap:first-child, .archive-news .card-wrap:first-child {
  border-top: solid 1px #f3f3f3; }
.top-news .card-wrap a, .archive-news .card-wrap a {
  display: block;
  padding: 1.5rem;
  border-bottom: solid 1px #f3f3f3; }
  .top-news .card-wrap a span, .archive-news .card-wrap a span {
    font-size: .8rem;
    color: #4a4a4a; }
  .top-news .card-wrap a p, .archive-news .card-wrap a p {
    display: inline-block;
    font-weight: bold;
    color: #111;
    margin-left: 1rem; }
  .top-news .card-wrap a:hover p, .archive-news .card-wrap a:hover p {
    text-decoration: underline; }

.pagination ul {
  display: flex;
  margin: 2rem auto; }
  .pagination ul li {
    width: 50px;
    height: 50px;
    margin: 0 .5rem; }
    .pagination ul li a, .pagination ul li span.active {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 50px;
      height: 50px;
      color: #f4b4d0;
      background-color: transparent;
      border: solid 1px #f4b4d0;
      border-radius: 10px;
      transition: .3s; }
    .pagination ul li a:hover {
      color: #fff;
      background: #f4b4d0; }
    .pagination ul li span.active {
      color: #fff;
      background: #f4b4d0; }
  .pagination ul li.prev, .pagination ul li.next {
    display: flex;
    justify-content: center;
    align-items: center; }
    .pagination ul li.prev a, .pagination ul li.next a {
      width: auto;
      height: auto;
      color: #f4b4d0;
      background: transparent;
      border: none;
      border-bottom: solid 1px #f4b4d0;
      border-radius: 0; }
      .pagination ul li.prev a:hover, .pagination ul li.next a:hover {
        opacity: 0.5; }

/* Scss Document */
.page-single a.view-btn {
  position: relative;
  display: inline-block;
  font-size: .9rem;
  font-weight: bold;
  color: #ee87b4;
  border: solid 2px #ee87b4;
  padding: .75rem 4rem;
  border-radius: 50px;
  overflow: hidden;
  z-index: 0;
  transition: .4s; }
  .page-single a.view-btn:hover {
    color: #fff;
    background: #ee87b4; }

@media only screen and (max-width: 480px) {
  .page-single a.view-btn {
    color: #fff;
    background: #ee87b4; } }
/* Scss Document */
.contact {
  background: #fff; }

/* Contact Form7 */
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea,
.field {
  display: block;
  width: 100%;
  height: 70px;
  margin-bottom: 0;
  padding: 0 12px;
  border: 0;
  border-radius: 3px;
  background-color: #f3f3f3;
  box-shadow: none;
  color: #393939;
  font-size: 16px;
  vertical-align: middle;
  line-height: 45px;
  transition: background-color 0.24s ease-in-out; }

input,
select,
textarea {
  border: 1px solid #eee;
  letter-spacing: 1px;
  margin: 0;
  max-width: 100%;
  resize: none; }

textarea {
  max-width: 100%;
  min-height: 120px;
  line-height: 1.5em;
  padding: 0.5em;
  overflow: auto; }

.inquiry {
  width: 100%;
  margin: 0 auto; }
  .inquiry tbody {
    display: block;
    padding: 1rem; }
  .inquiry tr {
    display: flex;
    justify-content: center;
    align-items: center; }
  .inquiry th {
    width: 200px;
    font-weight: 400; }
    .inquiry th .haveto, .inquiry th .any {
      font-size: .8rem;
      font-weight: bold;
      background: #f4b4d0;
      color: #fff;
      padding: 5px;
      margin-right: 5px;
      position: relative;
      bottom: 1px;
      border-radius: 5px; }
    .inquiry th .any {
      background: #939393; }
  .inquiry td {
    font-size: 1rem;
    padding: 12px; }

.entry-content .inquiry tr,
.entry-content table {
  border: solid 1px #f3f3f3; }

.verticallist .wpcf7-list-item {
  display: block; }

span.wpcf7-list-item {
  color: #4a4a4a; }

#formbtn {
  display: block;
  padding: 15px;
  width: 350px;
  background: #f4b4d0;
  color: #f3f3f3;
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
  margin: 3rem auto 0; }

#formbtn:hover {
  background: #fff;
  color: #f4b4d0;
  cursor: pointer;
  border: solid 1px #f4b4d0; }

@media only screen and (max-width: 768px) {
  .inquiry tbody {
    padding: 0; }
  .inquiry tr {
    display: block; }
  .inquiry th {
    display: block; }
  .inquiry td {
    display: block;
    padding: 12px 0;
    margin-bottom: 15px; } }
@media (max-width: 500px) {
  .inquiry td, .inquiry th {
    display: block !important;
    width: 100% !important;
    border-top: none !important;
    -webkit-box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    box-sizing: border-box !important; }

  .inquiry .any,
  .inquiry .haveto {
    font-size: 10px; } }
/* CSS Document */
.fadein-b {
  opacity: 0;
  transform: translateY(30px);
  transition: all 1s; }

.delay-01 {
  transition-delay: .1s; }

.delay-02 {
  transition-delay: .2s; }

.delay-04 {
  transition-delay: .4s; }

.delay-05 {
  transition-delay: .5s; }

.delay-06 {
  transition-delay: .6s; }

.delay-08 {
  transition-delay: .8s; }

.delay-1 {
  transition-delay: 1s; }