@charset "utf-8";
/*==========================================

common

==========================================*/
html {
    overflow-y: scroll;
}
html,body {
    width: 100%;
    font-family:"メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    background: #000;
}
p,ul,li,dl,dt,dd,h1,h2,h3,h4{
    margin: 0;
    padding: 0;
    line-height: 1;
}
ul,li{
    list-style-type: none;
}
a,iframe{
    border: 0;
}
img{
    border: none;
}
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}
img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/*==========================================

Layout

==========================================*/
/* contents
------------------------------------------*/
#contents{
    width: 100%;
    color: #fff;
    font-size: 15px;
    background:url(../images/bg_cont_top.jpg) no-repeat center 0;
    background-size: 100%;
    padding-bottom: 20px;
}
#contents p,
#contents li,
#contents dd{
    line-height: 1.6;
    text-align: left;
}

#contents header{
    width: 100%;
    text-align: center;
}
#contents header h2{
    padding: 5% 0 5%;
}
#contents header p,
#contents header ul{
    padding: 0 5%;
}

#contents section{
    width: 94%;
    position: relative;
    margin: 50px auto 0;
}
#contents section h3{
    text-align: center;
}
#contents section h3 img{
    width: 60%;
}

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

#contents ul.movie{
    width: 100%;
    margin: 10px auto 0;
    font-size: 0;
    text-align: center;
}
#contents ul.movie li{
    width: 48%;
    margin: 0 1%;
    display: inline-block;
    text-align: center;
}
#contents ul.movie li p{
    padding: 6px 1rem 0;
}

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

#contents section dl.artist{
    margin-top: 20px;
    z-index: 10;
    position: relative;
}
#contents section dl.artist dd:first-of-type{
    margin-bottom: 10px;
}
#contents section dl.artist dd:first-of-type img{
    width: 84%;
    display: inline-block;
}
#contents section dl.artist dd:first-of-type a{
    width: 14%;
    margin-left: 2%;
    display: inline-block;
}

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

#contents section:last-child{
    width: 100%;
    margin-top: -52px;
    padding-top: 106%;
    background:url(../images/bg_cont_btm.jpg) no-repeat center 0;
    background-size: 100%;
}
#contents section:last-child p{
    text-align: center;
    padding: 0 1%;
}
#contents dl.htb{
    width: 88%;
    margin: 10px auto 20px;
    font-size: 0;
    text-align: center;
}
#contents dl.htb dt{
    width: 37%;
    display: inline-block;
}
#contents dl.htb dd{
    width: 58%;
    display: inline-block;
}

#contents dl.spns{
    margin: 0 auto;
    padding-top: 20px;
    font-size: 0;
    text-align: center;
    background:url(../../images/line_dot.png) no-repeat 0 0;
}
#contents dl.spns dt{
    margin: 15px 0;
}
#contents dl.spns dd{
    margin: 2% 1%;
    display: inline-block;
    text-align: center;
}
#contents dl.spns dd:nth-of-type(1) img{
	width: 170px;
}