@charset "UTF-8";

#main{
background:url(images/bg.jpg) top center no-repeat;
background-size: cover;
}
#cts{
width: 800px;
margin: 80px auto;
text-align: left;
padding-right: 60px;
}
#storyWrap{
width: 740px;
}
.story{
width: 740px;
text-align: center;
margin-top: 120px;
}
.swiper-container{
width: 740px;
}
.no{
border-bottom:solid #FFF 2px;
}
.youtube{
width: 600px;
display:block;
margin: 30px auto 20px auto;
border:solid #FFF 2px;
}
.youtube img{
vertical-align: bottom;
}
.cut{
margin: 10px auto;
}
.a,.b{
width: 360px;
display: inline-block;
vertical-align:top;
}
.a{
margin-right:20px;
}
.a p,.b p{
font-size: 15px;
line-height: 1.4em;
color: #FFF;
text-align: justify;
margin: 15px auto;
}
.donChara{
background:url(images/donbg.gif) center center no-repeat;
width: 360px;
height: 325px;
position: relative;
}
.donChara2{
background:url(images/donbg2.gif) center center no-repeat;
width: 360px;
height: 550px;
position: relative;
}
.donName{
display: block;
position: absolute;
}
.commentWrap{
position: absolute;
left: 125px;
top: 270px;
}
.commentWrap2{
position: absolute;
left: 125px;
top: 495px;
}
.comment{
display: block;
width: 104px;
height: 50px;
background:url(../comment/images/comment.png) 0 0 no-repeat;
text-indent: -9999px;
}