@charset "utf-8";
/* CSS Document */
.kids_contents {
    margin: 9em 0 3em;
}
h4 {
    font-size: 1.8rem;
}
h5 {
    font-size: 2.3rem;
    font-weight: 600;
    letter-spacing: .5px;
    text-align: center;
    color: #1E1E1E;
    line-height: 1.6;
    margin: 0.4em 0 1em;
}
h5 span {
    font-size: 1.7rem;
    font-weight: 600;
    letter-spacing: .5px;
    text-align: center;
    color: #1E1E1E;
    line-height: 1.0;
    margin: 1.2em 0 0.5em;
}
h6 {
    font-size: 1.6rem;
    line-height: 1.0;
}
.kidsmanu_area  {
	width: 90%;
    margin: 0 auto 8em;
}
.kidsmanu_area a {
    font-size: 1.9rem;
    text-decoration: none;
    margin: 0 1.5%;
    font-weight: 700;
}
.m-1 {color:#002039;}
.m-2 {color:#A61322;}
.m-3 {color:#8E6626;}
.m-4 {color:#CA3F7E;}
.kids_titleimg {
    margin: 0 auto 5rem;
    width: 60%;
}

.no_kids {
    font-size: 4.5rem;
    font-weight: 600;
    letter-spacing: .5px;
    text-align: center;
    color: #022949;
    line-height: 1.6;
    position: absolute;
    top: -11.5%;
    left: -2%;
}
.no_kids span {
	font-size: 2.8rem;
}
.kids-title {
    margin: 1em 0 2.5em;
}
.kids-title span {
	background: #fff;
    padding: 1px 4px;
}
.btt{text-decoration: none;}
.rcm_itemArea {
    margin: 10em auto 0em;
}
.full_btn {
    width: 80%;
    margin: 4.5em auto 7.5em;
}

/* 左から */
  .fade-in {
    opacity: 0;
    transition-property: opacity, transform;
    animation: scroll_animation 3s ease infinite;
  }
  .fade-in-left {
    transform: translate(-50px, 0);
  }
  @keyframes scroll_animation{
    0% { transform:translateX(0) }
    5% { transform:translateX(0) }
    10% { transform:translateX(0) }
    20% { transform:translateX(-15px) }
    25% { transform:translateX(0) }
    30% { transform:translateX(-15px) }
    50% { transform:translateX(0) }
    100% { transform:translateX(0) }
  }
  .scroll-in {
    opacity: 1;
  }