.slide figure figcaption > p.p-01-01{  top: 8%; }

.slide figure figcaption > p.p-02-01{  top: 8%; }
.slide figure figcaption > p.p-02-02{  top: 14%; }
.slide figure figcaption > p.p-02-03{  top: 38%; }

.slide figure figcaption > p.p-03-01{  top: 30%; }
.slide figure figcaption > p.p-03-02{  top: 41%; }

.slide figure figcaption > p.p-04-01{  top: 20%; }
.slide figure figcaption > p.p-04-02{  top: 83%; }
.slide figure figcaption > p.p-04-03{  top: 89%; letter-spacing: .1em }

.slide figure figcaption > p.p-05-01{  top: 15%; }
.slide figure figcaption > p.p-05-02{  top: 25%; }
.slide figure figcaption > p.p-05-03{  top: 40%; }
.slide figure figcaption > p.p-05-04{  top: 50%; }

.slide figure figcaption > p.p-06-01{  top: 9%; }
.slide figure figcaption > p.p-06-02{  top: 15%;  }
.slide figure figcaption > p.p-06-03{  top: 33.5%;  }
.slide figure figcaption > p.p-06-04{  top: 39.5%;  }

.slide figure figcaption > p.p-07-01{  top: 30%; }
.slide figure figcaption > p.p-07-02{  top: 40%;  }
.slide figure figcaption > p.p-07-03{  top: 50%;  }

.slide figure figcaption > p.p-08-01{  top: 4%;}
.slide figure figcaption > p.p-08-02{  top: 49%; }
.slide figure figcaption > p.p-08-03{  top: 94%;
    text-align: left;
    padding-left: 1em;
    }
.icon-sound{
    display: inline-block;
    line-height: 1;
    padding-right: 2em;
}
.icon-sound:after{
    position: relative;
    top: -0.1em;
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.4em;
    width: 1.5em;
    height: 1.5em;
    background: url(../images/icon_sound.png) 50% 50% no-repeat;
    background-size: 100% auto;
}
#slide_08 figure figcaption img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
#slide_08  figure figcaption a {
    position: absolute;
    display: block;
    transform: translateX(-50%);
    z-index: 1000;
}
#slide_08  figure figcaption a:before {
    content: "";
    display: block;
    padding-top: 100%;
}
.slide figure figcaption .hoshi{
    position: absolute;
    display: block;
    width: 10%;
    top: 10%;
    left: 50%;

}

.slide figure figcaption .bell_01{
    width: 10%;
    top: 20%;
    left: 43.5%;
    transform-origin:66.6% 20%;
}
.slide figure figcaption .bell_02{
    width: 10%;
    top: 25.5%;
    left: 58%;
    transform-origin:33.3% 20%;

}
.slide figure figcaption .bell_03{
    width: 11%;
    top: 34%;
    left: 35.5%;
    transform-origin:83% 21%;
}
.slide figure figcaption .bell_04{
    width: 14%;
    top: 37%;
    left: 64%;
    transform-origin:25.4% 23%;
}

.slide figure figcaption > p.p-09-01{  top: 9%; }
.slide figure figcaption > p.p-09-02{  top: 18%; }
.slide figure figcaption > p.p-09-03{  top: 33.5%; }
.slide figure figcaption > p.p-09-04{  top: 42.5%; }

.slide figure figcaption > p.p-10-01{  top: 13%; }
.slide figure figcaption > p.p-10-02{  top: 20%; }
.slide figure figcaption > p.p-10-03{  top: 39%; }

.slide figure figcaption > p.p-11-01{  top:24%; }
.slide figure figcaption > p.p-11-02{  top: 36%; }
.slide figure figcaption > p.p-11-03{  top: 48%; }

.slide figure figcaption > p.p-12-01{
    font-size: 18px !important; color: #4a4a4a; top:4%; line-height: 1.7; text-align: center;}
.slide figure figcaption > p.p-12-02{
    color: #654d2a;  top: 45%;  font-size: 30px !important;}

@media all and (max-width:767px) {
.slide figure figcaption > p.p-12-02{
    font-size: 20px !important;
}
}
@media all and (max-width:320px) {
    .slide figure figcaption > p.p-12-01 {
        font-size: 15px !important;
    }
    .slide figure figcaption > p.p-12-02{
        font-size: 20px !important;
        line-height: 1.2;
    }
}

.play_bgm{
    display: block;
    width: 138px;
    height: 133px;
    position: absolute;
    bottom:16%;
    z-index: 10000;
    -webkit-appearance: none;
    border:none;
    outline: none;
    padding:0;
    margin-left: -45%;
    left: 50%;
    background:transparent url(../../images/btn_bgm.png) 50% 50% no-repeat;
}
@media all and (max-width:767px) {
    .play_bgm{
        width: 80px;
        height: 80px;
        bottom:18%;
        margin-left: -42%;
        background-size: 100% auto;
    }
}
.play_bgm.playing{
    background: url(../../images/btn_bgm_on.png) 50% 50% no-repeat;
}

@media all and (max-width:767px) {
    .play_bgm.playing{
        background-size: 100% auto;
    }
}