.kids-guide {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.kids-guide__edge {
    display: block;
    width: 100%;
    height: auto;
}

.kids-guide__inner {
    width: 100%;
    padding-top: 11%;
}

.kids-guide__title {
    display: block;
    width: 54%;
    height: auto;
    margin: 0 auto 10%;
}

.kids-guide__list {
    width: 100%;
}

.kids-guide__item {
    width: 80%;
    margin: 0 auto 13%;
}

.kids-guide__visual {
    position: relative;
    width: 100%;
}

.kids-guide__image {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 3%;
}

.kids-guide__floor {
    position: absolute;
    top: -7%;
    right: -3%;
    display: block;
    width: 21%;
    height: auto;
}

.kids-guide__floor--5f {
    width: 23%;
}

.kids-guide__item-title {
    display: block;
    width: auto;
    max-width: 78%;
    height: auto;
    margin: 6% auto 0;
}

.kids-guide__text {
    display: block;
    width: 100%;
    height: auto;
    margin: 4% auto 0;
}

.kids-guide__button {
    display: block;
    width: 60%;
    margin: 2% auto 0;
}

.kids-guide__button img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.5s ease;
}
.kids-guide {
    width: 100%;
    background-image: url("../images/kids/guide_bg.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 100% auto;
}

.kids-guide__inner {
    width: 100%;
    padding-top: 14%;
    padding-bottom: 12%;
}

.kids-guide__title {
    display: block;
    width: 51%;
    height: auto;
    margin: 0 auto 3%;
}

.kids-guide__list {
    width: 100%;
}

.kids-guide__item {
    width: 83%;
    margin: 0 auto 9% 10%;
}

.kids-guide__visual {
    width: 100%;
}

.kids-guide__image {
    display: block;
    width: 100%;
    height: auto;
}

.kids-guide__text {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 6%;
}

.kids-guide__button {
    display: block;
    width: 60%;
    margin: 0 auto;
}

.kids-guide__button img {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.5s ease;
}

@media (hover: hover) and (pointer: fine) {
    .kids-guide__button:hover img {
        opacity: 0.7;
    }
}

@media screen and (min-width: 769px) {
    .kids-guide {
        padding-bottom: 6%;
    }

    .kids-guide__inner {
        padding-top: 5%;
    }

    .kids-guide__title {
        width: 15%;
        margin-bottom: 5%;
    }

    .kids-guide__list {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        width: 75%;
        margin: 0 auto;
    }

    .kids-guide__item {
        width: 30%;
        margin: 0;
    }
    .kids-guide__inner {
    padding-bottom: 1%;
}
    .kids-guide__floor {
        top: -6%;
        right: -5%;
        width: 22%;
    }

    .kids-guide__floor--5f {
        width: 24%;
    }

    .kids-guide__item-title {
        max-width: 82%;
        margin-top: 6%;
    }

    .kids-guide__text {
        width: 100%;
        margin-top: 4%;
    }

    .kids-guide__button {
        width: 20%;
        margin-top: 5%;
    }
}
.kids-concept {
    width: 100%;
    overflow: hidden;
    margin-top: 9%;
}
.kids-top-pc-com{
    display: none;
}
.kids-concept__inner {
    width: 100%;
}
.kids-concept__text_pc{
    display: none;
}
.kids-pc-text{
    display: none;
}
.kids-concept__main {
    position: relative;
    width: 100%;
    padding-top: 20%;
    padding-bottom: 5%;
}
.kids-fade {
    opacity: 0;
    transform: translateY(5%);
    transition: opacity 1.2s ease, transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
}

.kids-fade.is-show {
    opacity: 1;
    transform: translateY(0);
}

.kids-fade--delay01 {
    transition-delay: 0.15s;
}

.kids-fade--delay02 {
    transition-delay: 0.3s;
}

.kids-fade--delay03 {
    transition-delay: 0.45s;
}

.kids-fade--delay04 {
    transition-delay: 0.6s;
}
/* オレンジ背景＋人物 */
.kids-concept__main-image {
    position: relative;
    z-index: 1;
    display: block;
    width: 84%;
    height: auto;
    margin-left: 16%;

    opacity: 0;
    transform: translateX(40%);
    transition:
        opacity 1.4s ease,
        transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
}

/* 表示領域に入った時 */
.kids-concept.is-show .kids-concept__main-image {
    opacity: 1;
    transform: translateX(0);
}
.kids-top-pc-com{
    display: none !important;
}

/* タイトル画像 */
.kids-concept__title {
    position: absolute;
    z-index: 2;
    top: 2.3%;
    left: 9.9%;
    display: block;
    width: 66%;
    height: auto;
}

/* 説明文画像 */
.kids-concept__text {
    position: absolute;
    z-index: 2;
    top: 24.1%;
    left: 10%;
    display: block;
    width: 46%;
    height: auto;
}

/* TOP画像（キッズ衣装）＋moimoln */
.kids-concept__credit {
position: absolute;
    z-index: 2;
    left: 11%;
    bottom: 11%;
    display: block;
    width: 32%;
    height: auto;
}
.kids-coordinate {
    width: 100%;
    overflow: hidden;
}

.kids-coordinate__inner {
    width: 100%;
}

.kids-coordinate__item {
    position: relative;
    width: 100%;
}

/* 1個目 */
.kids-coordinate__item--oshmans {
    padding-top: 10%;
}

.kids-coordinate__item--oshmans .kids-coordinate__link {
    width: 100%;
    margin-left: 0%;
    margin-top: 9%;
}

/* 2個目 */
.kids-coordinate__item--petit {
    margin-top: 17%;
}

.kids-coordinate__item--petit .kids-coordinate__link {
    width: 100%;
    margin-left: 0%;
}

/* 3個目 */
.kids-coordinate__item--markeys {
    margin-top: 19%;
}

.kids-coordinate__item--markeys .kids-coordinate__link {
    width: 98%;
    margin-left: 0%;
}

/* 4個目 */
.kids-coordinate__item--dessin {
    margin-top: 15%;
    margin-bottom: 14%;
}

.kids-coordinate__item--dessin .kids-coordinate__link {
    width: 87%;
    margin-left: 13%;
    margin-top: -3.5%;
}

.kids-coordinate__link {
    position: relative;
    z-index: 1;
    display: block;
    opacity: 0;
    transform: scale(0.82);
}

.kids-coordinate__image {
    display: block;
    width: 100%;
    height: auto;
    transition: opacity 0.7s ease;
}

/* 手書き文字 */
.kids-coordinate__title {
    position: absolute;
    z-index: 2;
    display: block;
    height: auto;
    opacity: 0;
    transform: scale(0.8);
}

/* OSHMAN'S */
.kids-coordinate__title--oshmans {
    top: 19.8%;
    right: 20.1%;
    width: 26.1%;
}

/* petit main */
.kids-coordinate__title--petit {
    top: -8%;
    left: 25%;
    width: 33%;
}

/* MARKEY'S */
.kids-coordinate__title--markeys {
top: -7.6%;
    left: 24%;
    width: 29%;
}

/* Dessin */
.kids-coordinate__title--dessin {
    top: -2.3%;
    right: 17%;
    width: 21%;
}

/* ① 画像がポンっと表示 */
.kids-coordinate__item.is-show .kids-coordinate__link {
    animation: kids-pop-in 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* ② 少し遅れて文字がポンっと表示 */
.kids-coordinate__item.is-show .kids-coordinate__title {
    animation: kids-pop-in 0.7s 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* 下の点線 */
.kids-coordinate__line {
    width: 92%;
    margin: 15% auto 0;
    border-bottom: 0.1vw dashed #999;
}


@keyframes kids-pop-in {
    0% {
        opacity: 0;
        transform: scale(0.82);
    }

    70% {
        opacity: 1;
        transform: scale(1.04);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

/* PCなどマウス操作できる環境だけhover */
@media (hover: hover) and (pointer: fine) {
    .kids-coordinate__link:hover .kids-coordinate__image {
        opacity: 0.7;
    }
}
.gift-top__title--02 {
    top: 79.7%;
    left: 7.6%;
    width: 67.2%;
    animation-delay: 0.8s;
}
.gift-top__title--03 {
    left: 7.5%;
    width: 36%;
    bottom: 6.9%;
}
.gift-top__title--04 {
    top: 93.9%;
    left: 7.6%;
    width: 65%;
    animation-delay: 2s;
}
.site-header__title {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 38%;
    transform: translate(-50%, -50%);
}
.kids-pop {
    display: block;
    width: 100%;
    height: auto;
    opacity: 0;
    transform: scale(0.82);
}

.kids-pop.is-show {
    animation: kids-pop-in 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes kids-pop-in {
    0% {
        opacity: 0;
        transform: scale(0.82);
    }

    70% {
        opacity: 1;
        transform: scale(1.04);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.shop_list__button {
    border-radius: 20px;
}
@media screen and (min-width: 769px) {
.gift-top__title--02 {
    top: 27.7%;
    left: 14.6%;
    width: 30.2%;
    animation-delay: 0.8s;
}
    .gift-top__title--01 {
        top: 22.2%;
        left: 14.6%;
        width: 18%;
    }
    .gift-top__title--03 {
    left: 14.4%;
    width: 14%;
    bottom: 52.9%;
}
.gift-top__title--04 {
    top: 49.3%;
    left: 14.5%;
    width: 30%;
    animation-delay: 2s;
}
.kids-concept__text_pc{
display: block;
}
.kids-concept__text{
    display: none;
}
.kids-concept__main-image {
    position: relative;
    z-index: 1;
    display: block;
    width: 30%;
    height: auto;
    margin-left: 0%;
    opacity: 0;
    transform: translateX(40%);
    transition: opacity 1.4s ease, transform 1.4s cubic-bezier(0.22, 1, 0.36, 1);
    margin: 0 0 0 auto;
}
.kids-top-pc-com{
    display: block !important;
}
.kids-concept__main-image{
    display: none;
}
    .kids-top-pc-com {
display: block;
        position: relative;
        width: 36%;
        margin: 0px 3% 0 auto;
        z-index: 0;
    }
        .kids-concept__text_pc {
        display: block;
        position: absolute;
        width: 36%;
        top: 38%;
        right: 30%;
    }
    .kids-concept__title {
        position: absolute;
        z-index: 2;
        top: 21.3%;
        left: 33.9%;
        display: block;
        width: 24%;
        height: auto;
}
.kids-concept__main {
    position: relative;
    width: 100%;
    padding-top: 6%;
    padding-bottom: 5%;
}
.kids-concept__credit {
        width: 8%;
        bottom: 19%;
        left: 34%;
}
.kids-coordinate__item--oshmans .kids-coordinate__link {
        display: block;
        width: 50%;
        margin-left: 0;
        margin-top: -8%;
}

.kids-coordinate__image {
  display: block;
  width: 100%;
  height: auto;
}
.kids-coordinate__title--oshmans {
        top: 2.8%;
        right: 61.1%;
        width: 11.1%;
}
.kids-coordinate__item--petit .kids-coordinate__link {
        width: 50%;
        margin-left: 0%;
        margin: -28% 0 0 auto;
}
.kids-coordinate__title--petit {
        top: -6.9%;
        left: 63.7%;
        width: 14%;
}
.kids-coordinate__item--markeys .kids-coordinate__link {
        width: 40%;
        margin-left: 0%;
        margin-top: -28%;
}
.kids-coordinate__title--markeys {
        top: -9.6%;
        left: 10%;
        width: 13.5%;
}
.kids-coordinate__item--dessin .kids-coordinate__link {
        width: 40%;
        margin-left: 60%;
        margin-top: -33.5%;
}
.kids-coordinate__title--dessin {
    top: -1.3%;
    right: 6%;
    width: 10%;
}
.kids-concept {
    margin-top: 0%; 
}
}