body {background:#000;}

/*-------------------------------------------

header

-------------------------------------------*/

#header{
background:url("../images/nav2/header_bg.png") no-repeat left top;
background-size:100% 100%;
width:375px;
height:82px;
position:fixed;
top:0;
left:0;
z-index:15;
}

#header_black{
background:url(../images/header_bg_black.png) no-repeat left top;
background-size:100% 100%;
width:100%; height:82px;
position:fixed;
top:0; left:0;
z-index:14;
opacity: 0.8;
}

#logo{
background: url("../images/nav2/logo.png") no-repeat center;
background-size: contain;
width:165px;
height:50px;
margin:5px auto;
text-indent: -999px;
}

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


#contentAll2{
background: url("../images/top/mn_bg2.png") repeat-y;
background-size:100% auto;
width:375px;
padding:60px 0 0 0;
margin:0 auto;
color: #fff;
}

#pagetitle{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
width:100%;
padding: 0;
font-size: 14px;
color: #fff;
text-align: center;
letter-spacing: 2px;
}

#topBtn{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
width: 100%;
line-height: 50px;
text-align: center;
font-size: 16px;
background: #fff;
border-bottom: 1px solid #cac4b5;
}

#topBtn a{
width: 100%; height: 100%;
display: block;
color: #d80200; text-decoration: none;
}

.menubtn{
width:90%;
margin: 10px auto;
padding: 0;
line-height:0;
filter: drop-shadow(2px 2px 6px rgba(0,0,0,0.8));
}


/*

introduction

*/

#introAll{
background: #000 url("../images/introduction/intro_bg.jpg") no-repeat center top;
background-size:100% auto;
width:375px;
padding:405px 0 30px 0;
margin:0 auto;
color: #fff;
}

#introTitle{
background: url("../images/introduction/intro_m.png") no-repeat center;
background-size:100% auto;
width: 100%; height: 50px;
text-indent: -9999px;
}

#introTxt01{
background: url("../images/introduction/intro_txt_01.png") no-repeat center;
background-size:100% auto;
width: 100%; height: 72px;
text-indent: -9999px;
}

#introTxt02{
background: url("../images/introduction/intro_txt_02.png") no-repeat center;
background-size:100% auto;
width: 100%; height: 51px;
text-indent: -9999px;
}

#introTxt03{
background: url("../images/introduction/intro_txt_03.png") no-repeat center;
background-size:100% auto;
width: 100%; height: 63px;
text-indent: -9999px;
}

#introTxt04{
background: url("../images/introduction/intro_txt_04.png") no-repeat center;
background-size:100% auto;
width: 100%; height: 77px;
text-indent: -9999px;
}

#introTxt05{
background: url("../images/introduction/intro_txt_05.png") no-repeat center;
background-size:100% auto;
width: 100%; height: 85px;
text-indent: -9999px;
}

#introTxt06{
background: url("../images/introduction/intro_txt_06.png") no-repeat center;
background-size:100% auto;
width: 100%; height: 36px;
text-indent: -9999px;
}

#introTxt07{
background: url("../images/introduction/intro_txt_07.png") no-repeat center;
background-size:100% auto;
width: 100%; height: 79px;
text-indent: -9999px;
}



/*

comment

*/

#commentTitle{
background: url("../../images/top2/m_comment.png") no-repeat center 40px;
background-size: 313px;
width: 100%; height: 80px;
text-indent: -9999px;
}

.fontS{ font-size: 80%;}
.commentRed{ color: #fa0018;}

.commentNM{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
line-height: 40px;
font-size: 20px;
width:87%;
margin:0 auto;
padding:0;
border-bottom: 1px solid #E40003;
}

.commentNM2{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
line-height: 40px;
font-size: 20px;
width:87%;
margin:0 auto;
padding:20px 0 0 0;
border-bottom: 1px solid #a60010;
}

.commentTxt{
width:87%;
margin:0 auto;
padding:10px 0 20px;
}

.commentLine{
background:#fff;
width:87%;
height:1px;
margin:0 auto;
 opacity: 0.5;
filter: alpha(opacity=50); 
}

.commentChara{
width:87%;
margin:0 auto;
padding:0 0 10px 0;
color:#ffec94;
font-size:13px;
line-height:1.5em;
}

/*

mess

*/

#messall{
background: url("../../images/top2/bg_introduction.jpg") no-repeat center;
background-size: cover;
width: 100%;
padding: 60px 0 0 0;
}

.messNM{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
line-height: 40px;
font-size: 20px;
width:85%;
margin:0 auto;
padding:0 0 40px 0;
color: #f0e8ba;
text-align: center;
letter-spacing: 2px;
}

.messTxt{
font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
font-size: 14px;
width:85%;
margin: 0 auto;
padding: 30px 0 20px;
line-height: 2.2em;
letter-spacing: .5px;
text-align: justify;
color: #fff;
text-shadow: 0 0 6px #000,0 0 6px #000;
}




/*

trailer

*/

.movarea{
width:352px;
margin:0 auto;
padding:10px 0;
}

.movtitle{
background-image: -webkit-gradient(linear,left top,left bottom,from(#050519),to(#757293));
font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
width:352px;
padding:5px 0;
text-align:center;
color:#FFFFFF;
}

.videoWrapper {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
padding-top: 25px;
height: 0;
}

.videoWrapper iframe {
position: absolute;
top: 0;
left: 0px;
width: 100%;
height: 100%;
}