/* Story番号の設定(<div>) */
/* #Story{
    position: relative;
    border: 1px solid black;
    padding: 1em;
    top: 13px;
    height: 6%;
}
    #Story input{
        display:inline;
    } */
    /* 表示Story選択 */
    #storysel{
        position: absolute;
        left:275px;
    }
    /* 表示Story番号決定BUtton */
    #StorySet{
        position: relative;
        top: 20px;
        left: 350px;
    }
    #rear_area {
        z-index: 0;
    }
    .speakFront {
        position: absolute;
        font-size: 60px;
        font-family: "Comic Sans MS", "Chalkboard SE", monospace;
        text-align: left;
        top:-50px;
        width: 90%;
    }
    #f_word {               /* 文字読上げのためにStoryを前面と後面に重ねて前面は文字を透過、選択文字の赤化を実現 */
        opacity: 0;/* 透過 */
    }
.image-center {     /* イラスト配置 */
    position: absolute;
    z-index: -999;
    top: 100px;
    width: 300px;
    height: 300px;
    left: 70%;
    /* transform: translate(-60px); */
}
.Sbutton-pos {          /* Story再生、表示、前進後退 ボタン位置 */
    position: absolute;
    background-color: rgba(255, 136, 0, 0.159);
    width: 50%;
    height: 40px;
    top: 390px;
    left: 25%;
}
    #GetStory{
        position: absolute;
        top: 10px;
        left: 10px;;
        /* cursor: hand; */
        cursor: pointer;
    }
    #StBack {
        position: absolute;
        text-align: center;
        text-indent: -3pt;
        top: 10px;
        left: 20%;
    }
    #BkPlay {
        position: absolute;
        text-align: center;
        text-indent: -2pt;
        top: 10px;
        left: 32%;
    }
    #HalfBk {
        position: absolute;
        text-align: center;
        text-indent: -2pt;
        top: 10px;
        left: 40%;
    }
    #StPlay {
        position: absolute;
        text-align: center;
        text-indent: -2pt;
        top: 10px;
        left: 55%;
    }
    #StFoward {
        position: absolute;
        text-align: center;
        text-indent: -2pt;
        top: 10px;
        left: 65%;
    }
.StoryMean-pos {        /*訳語位置*/
    position: absolute;
    text-align: left;
    background-color: rgba(255, 0, 221, 0.159);
    width: 70%;
    height: 100px;
    top: 420px;
    left: 15%;
}
    #StoryMean{
        position: relative;
        font-size: 24px;
        top: 6pt;
        left: 10pt;
    }
.sound-pos {            /* 音声位置 */    
    position: absolute;
    width: 40%;
    top: 550px;
    left: 30%;
}
.sentence{              /* 表示Storyの選択欄 */
    position:absolute;
    top:600px;
}
#LoadSaveButton{
    position: absolute;
    top: 650px;
}
#BTGet{
    position: relative;
    left: 50px;
}
    .SetBT:hover{
        box-shadow: none;       /* カーソル時の影消去 */ 
        cursor: pointer;        /* マウスポインタの形状を「指(指し示す形)」にする */
    }
/* .Audio-pos{
    position: relative;
} */
/* ↑ 20240422 storyをAlice用に改修*/