#contentAll{
background: #011a39 url("../images/about_teaser/bg.jpg") no-repeat center bottom;
background-size: 100% auto;
width: 375px;
margin: 0 auto;
padding: 50px 0 0 0;
}

.whiteLine{
background: #fff;
width:100%;
height:1px;
line-height:0;
opacity: 0.5;
}

.blackline{
background-color: #fff;
width: 100%;
height: 1px;
}

#topbtn{
width:100%;
line-height:0;
text-align: center;
}

/*

header

*/

header{
background:#fff;
width:100%;
height:50px;
position:fixed;
top:0;
left:0;
z-index:20;
}

#logokaso{
background: url("../images/logokaso2.png") no-repeat center;
background-size: contain;
width:110px;
height:50px;
margin:0 auto;
}

#logokaso a{
width: 100%;
height: 100%;
display: block;
}



/*

trailer

*/

#trailerTitle{
background: url(https://www.heisabyoto.com/sp/images/m_trailer.png) no-repeat;
background-size: 100% 100%;
width: 375px;
height: 75px;
}

#trailerAll{
width:100%;
margin:0 auto;
padding:0 0 40px 0;
}



/*

about

*/

#aboutAll{
width: 375px;
padding: 0 0 30px;
margin: 0 auto;
}

#aboutCatch{
background: url("../images/about_teaser/intro_catch.png") no-repeat center;
background-size: contain;
width: 100%;
height: 150px;
}

@keyframes introImgAnm {
 0% {background-position: 0 0;}
 100% {background-position: -1221px 0;}
}

#aboutImg{
background: url("../images/about_teaser/intro_img.jpg") repeat-x left;
background-size: auto 100%;
width: 100%;
height: 110px;
animation: introImgAnm 30s linear infinite;
}

#aboutCatch2{
background: url("../images/about_teaser/intro_catch2.png") no-repeat center;
background-size: 100% auto;
width: 100%;
height: 40px;
margin: 30px 0 0 0;
line-height: 0;
}

#aboutM{
background: url("../images/about_teaser/intro_m.png") no-repeat center;
background-size: contain;
width: 100%;
height: 50px;
}

.aboutTxt{
width: 88%;
margin: 0 auto;
line-height: 2em;
letter-spacing: 1px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
padding: 0 0 30px;
}

#storyM{
background: url("../images/about_teaser/story_m.png") no-repeat center;
background-size: contain;
width: 100%;
height: 50px;
}


/*

cast

*/

#castAll{
width: 375px;
padding: 20px 0 30px;
margin: 0 auto;
}

#castM{
background: url("../images/about_teaser/cast_m.png") no-repeat center;
background-size: contain;
width: 100%;
height: 50px;
margin: 0 0 20px;
}

.castImg{
width: 100%;
text-align: center;
padding: 30px 0 20px;
pointer-events: nonel
}

.castImg2{
width: 100%;
text-align: center;
padding: 0;
pointer-events: nonel
}

.castLine{
background: #fff;
width:88%;
height:1px;
line-height:0;
opacity: 0.5;
margin: 0 auto;
}

.castName01{
width: 88%;
margin: 0 auto;
pointer-events: none;
}

.castName02{
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
width: 88%;
margin: 0 auto;
padding: 35px 0 0;
font-size: 24px;
text-align: center;
letter-spacing: 2px;
}

.castTxt{
width: 88%;
margin: 0 auto;
line-height: 2em;
letter-spacing: 1px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
padding: 5px 0 35px;
}

.castTxt2{
width: 88%;
margin: 0 auto;
line-height: 2em;
letter-spacing: 1px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
padding: 10px 0 35px;
}

.castSelectBtn{
width: 95%;
line-height: 0;
margin: 0 auto 5px;
}


.castSelectBtn2{
width: 95%;
line-height: 0;
margin: 0 auto 25px;
}

#castOtheAll{
width: 100%;
padding: 20px 0;
margin: 0 auto;
}

.castOtheBtn{
width: 95%;
line-height: 0;
margin: 0 auto 3px;
text-align: center;
}

.castOtherBtnAll{
width: 100%;
padding: 20px 0 0 0;
display: none;
}


.castNavBtn{
width: 374px;
height: 60px;
margin: 0 auto;
}

.castBackBtn{
width: 375px;
margin: 0 auto;
padding: 0 0 30px;
}



/*

staff

*/

#staffAll{
width: 375px;
padding: 20px 0 30px;
margin: 0 auto;
}

#staffM{
background: url("../images/about_teaser/staff_m.png") no-repeat center;
background-size: contain;
width: 100%;
height: 50px;
}

.staffName{
background: url("../images/about_teaser/staff_name.png") no-repeat left;
background-size: contain;
width: 88%;
height: 60px;
margin: 0 auto;
}

.staffnameS{
font-size: 80%;
}

.staffnameS2{
font-size: 60%;
}

.staffTxt01{
width: 88%;
margin: 0 auto;
line-height: 2em;
letter-spacing: 1px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
padding: 20px 0;
}


/*

original

*/

#originalM{
background: url("../images/about_teaser/original_m.png") no-repeat center;
background-size: contain;
width: 100%;
height: 50px;
}

#originalName{
background: url("../images/about_teaser/original_name.png") no-repeat left;
background-size: contain;
width: 88%;
height: 60px;
margin: 0 auto;
}

#originalImg{
width: 100%;
padding: 10px 0 10px;
text-align: center;
}

#originalImgTxt{
width: 100%;
font-size: 14px;
text-align: center;
line-height: 1.5em;
letter-spacing: 1px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
}

#originalbnr{
width: 100%;
padding: 10px 0 20px;
text-align: center;
}


/*

staff

*/

#songAll{
width: 375px;
padding: 20px 0 30px;
margin: 0 auto;
}

#songM{
background: url("../images/about_teaser/song_m.png") no-repeat center;
background-size: contain;
width: 100%;
height: 50px;
}

.songName{
background: url("../images/about_teaser/song_name.png") no-repeat left;
background-size: contain;
width: 88%;
height: 60px;
margin: 0 auto;
}

.songTxt{
width: 88%;
margin: 0 auto;
line-height: 2em;
letter-spacing: 1px;
font-family: source-han-sans-japanese, sans-serif;
font-weight: 400;
font-style: normal;
padding: 20px 0;
}



/*

movie

*/

#movieAll{
width: 375px;
padding: 20px 0 30px;
margin: 0 auto;
}

#movieM{
background: url("../images/about_teaser/movie_m.png") no-repeat center;
background-size: contain;
width: 100%;
height: 50px;
}

.movBlock{
width: 100%;
height: 100%;
padding: 20px 0;
}