#pankuzu{
margin: 1em 0 4% !important;
}
#wrap {
overflow: visible !important;
}
#contents {
margin-top: 0;
border-top:#000 solid 1px;
padding-top: 10px;
}
/* DESCRIPTION */
#description {
font-family: 'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro', "游明朝体", "Yu Mincho" , "HG明朝E","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ",Meiryo,"","ＭＳ Pゴシック",sans-serif;
margin: 0 10px 10px 10px;
height: 5em;
line-height: 1.25em;
text-align: center;
font-size:110%;
}
#description br,
#description_text{
display: none;
}
/* PLAYER */
#player {
position: relative;
width: 100%;
}
/* STAGE */
#stage {
position: relative;
width: 320px;
height: 294px;
margin: 0 auto 10px auto;
overflow: hidden;
}
#loading {
position: absolute;
width: 320px;
height: 294px;
}
#loading>img {
position: absolute;
top: 50%;
left: 50%;
margin: -40px 0 0 -40px;
}
#animation {
position: absolute;
width: 640px;
height: 588px;
background-color: #fff;
visibility: hidden;
overflow: hidden;
}
.scene {
position: absolute;
top: 0;
left: 0;
visibility: hidden;
}
.scene img {
position: absolute;
top: 0;
left: 0;
}
/* ARROW */
#arrowLeft {
position: absolute;
left: 10px;
top: 142px;
width: 50px;
height: 50px;
}
#arrowLeft img {
position: absolute;
top: 50%;
left: 0;
margin-top: -7px;
width: 10px;
}
#arrowRight {
position: absolute;
right: 10px;
top: 142px;
width: 50px;
height: 50px;
}
#arrowRight img {
position: absolute;
top: 50%;
right: 0;
margin-top: -7px;
width: 10px;
}
/* LANGUAGE */
#languageMenu {
position: relative;
z-index: 10;
background-color: #e0e0e1;
padding: 12px 10px;
}
#languageButton {
width: 300px;
height: 38px;
margin: auto;
cursor: pointer;
}
#languageButton img {
width: 100%;
}
#languageList {
position: absolute;
display: none;
width: 100%;
top: 50px;
left: 0;
}
#languageList>ul {
width: 274px;
margin: auto;
background-color: #fafafa;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
height:225px;
overflow-y: scroll;
padding:0 12px;
}
#languageList>ul>li{
width: 277px;
padding: 6px 0 6px 0;
font-size: 13px;
}
#languageList>ul>li.right{
text-align:right;
}
#languageList>ul>li:not(:last-child){
border-bottom: 1px solid #cccccc;
}
#languageList>ul>li>a {
text-decoration: none;
display: block;
color: #000;
}
#languageList>ul>li>a:hover {
color: #f00;
}
/* CHAPTER */
#chapter {
position: relative;
width: 100%;
}
#chapter>ul {
overflow: hidden;
width: 304px;
margin: 18px auto 30px auto;
}
#chapter>ul>li {
float: left;
margin-left: 3px;
margin-right: 2px;
margin-bottom: 5px;
position: relative;
width: 71px;
}
#chapter>ul>li>img {
cursor: pointer;
width: 100%;
}
.chapterText {
display: none;
}
/* 動画 */
#movie {
margin-top:8%;
width:90%;
margin:0 auto;
}
#movie ul li div{
margin-top: 3%;
padding-top: 56.25%;
position: relative;
width: 100%;
}
#movie ul li iframe{
height: 100% !important;
position: absolute;
right: 0;
top: 0;
width: 100% !important;
}