@charset "utf-8";
/* CSS Document */

body{
    width:100%;
    background-color:#000;
}

/*index.html&基本ここから*/
header{
    
}

header h1{
    color:#fff;
    font-size:180px;
    font-style:'Impact';
    text-align:center;
    font-weight:bold;
    line-height:100px;
    position:relative;
    top:50px;
    left:0px;
    text-shadow:0 10px 5px #000,0 0 10px #ccc,0 0 10px #ccc,0 0 10px #ccc,0 0 10px #ccc;
}

header #header_bgimg{
    background-image:url(../images/demonstration-767982_1280.jpg);
    background-position:center center;
    background-repeat:no-repeat;
    height:400px;
}

header nav{
    background-color:#fff;
    color:#000;
    height:120px;
    margin-bottom:60px;
}

header nav ul{
    position:relative;
    top:45px;
}

header nav ul li{
    display:inline;
    font-size:30px;
    font-family:"Century";
    color:#000;
    padding:15px 0px;
    margin-top:10px;
    margin-bottom:10px;
}

header nav ul li:first-child{
    margin-left:100px;
}

header nav ul li a:hover{
    background-color:#000;
    color:#fff;
}

#main{
    float:left;
    margin-bottom:50px;
    position:relative;
    overflow:hidden;
    
}

main h1 #news_h1{
    font-size:100px;
    font-weight:bold;
    position:relative;
    left:30px;
    color:#fff;
}

main #main_p{
    width:1000px;
    color:#fff;
    font-size:20px;
    font-family: "黎ミンY30 U";
    line-height:30px;
    margin-left:55px;
    margin-bottom:100px;
    position:relative;
    left:80px;
    
}

main a{
    background-color:#000;
    color:#fff;
    -webkit-transition:1s;
    transition:1s;
    font-size:25px;
    position:relative;
    left:350px;
}

main a:hover{
    background-color:#000;
    color:#C69A3E;
    background:rgba(255,255,255,0.7);
}

main a .continued_read:hover{
    color:#C69A3E;
    background:rgba(255,255,255,0.2);
}

main #news_block display1{
    overflow:hidden;
}

main #news_block display2{
    overflow:hidden;
}

main .news_block{
    width:400px;
    height:750px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    border:3px #fff solid;
    position:relative;
    left:-300px;
}

main .news_block h2{
    width:380px;
    margin:10px;
    font-size:25px;
    font-weight:bold;
    line-height:40px;
    padding:10px;
}

main .news_block p{
    font-size:20px;
    line-height:30px;
    width:380px;
    margin-top:20px;
    margin-left:10px;
}

main .news_block .continued_read{
    position:absolute;
    top:695px;
    right:-270px;
    font-size:20px;
    text-decoration:underline;
}

main .news_block .continued_read a:hover{
    background:rgba(255,255,255,0.2);
}

main #news next_page{
    clear:both;
    color:#fff;
    font-size:30px;
    text-align:center;
    font-weight:bold;
    padding-top:30px;
    position:relative;
    left:-280px;
    text-decoration:underline;
}

main #next_page a img{
    margin-right:10px;
}

side{
    float:right;
    margin-top:-30px;
    margin-bottom:50px;
    position:relative;
    top:0px;
    right:15px;
}

side h2{
    color:#fff;
    font-size:33px;
    font-family: "黎ミンY30 U";
    font-weight:bold;
    text-align:left;
    padding-left:10px;
}

side .film_top{
    border:#fff 5px dashed;
    position:relative;
    top:30px;
}

side .film_bottom{
    border:#fff 5px dashed;
    position:relative;
    bottom:-65px;
}

side .RANKING{
    width:280px;
    height:400px;
    border:3px #fff solid;
    margin-bottom:5px;
}

side .RANKING img{
    position:relative;
    top:50px;
    padding:0 10px;
}

side .RANKING h4{
    position:relative;
    top:-80px;
    color:#fff;
    font-size:30px;
    line-height:35px;
    font-weight:bold;
    text-align:center;
    font-family: "黎ミンY30 U";
}

side .RANKING a #side_img3{
    margin-top:20px;
    margin-bottom:20px;
}

side #RANKINGtext_1{
    position:relative;
    top:-280px;
    left:-60px;
}

side #RANKINGtext_2{
    position:relative;
    top:-280px;
    left:-60px;
}

side #RANKINGtext_3{
    position:relative;
    top:-240px;
    left:-60px;
}

side #RANKINGtext_4{
    position:relative;
    top:-280px;
    left:-60px;
}

side #RANKINGtext_5{
    position:relative;
    top:-280px;
    left:-60px;
}

/*side .RANKING a:hover{
    background-color:bbb;
    text-decoration:underline;
    color:#fff;
}*/

footer{
    clear:both;
    color:#fff;
    border-top:3px #fff solid;
}

footer #footer_nav{
    position:relative;
    left:100px;
    margin-top:40px;
    font-size:25px;
}

footer #footer_nav a{
    margin-right:120px;
    position:relative;
    left:100px;
    color:#fff;
}

footer #footer_nav a:nth-first-child{
    margin-left:0;
}

footer #footer_nav a:hover{
    background-color:#ccc;
    color:#000;
}

footer #SNS_icon{
    text-align:center;
    margin-bottom:-270px;
}

footer #footer_logo{
    position:relative;
    left:1000px;
    bottom:-120px;
}

footer p{
    font-size:25px;
    text-align:center;
    margin-top:80px;
}

/*index.html&基本ここまで*/
/*MOVIESここから*/
main h1 #movies_h1{
    font-size:100px;
    font-weight:bold;
    position:relative;
    left:30px;
    color:#fff;
}

main #movies_group{
    width:1200px;
    position:relative;
    left:-350px;
    margin-bottom:-500px;
}

main #movies_block display1{
    overflow:hidden;
}

main #movies_block display2{
    overflow:hidden;
}

main #movies_block display3{
    overflow:hidden;
}

main #movies_block display4{
    overflow:hidden;
}

main #movies_block display5{
    overflow:hidden;
}

main .movies_block{
    width:280px;
    height:670px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    border:3px #fff solid;
    position:relative;
    left:0px;
    padding:10px;
}

main .movies_block h2{
    margin:10px;
    font-size:28px;
    font-weight:bold;
    padding:10px;
    font-family: "黎ミンY30 U";
    text-align:center;
}

main .movies_block p{
    font-size:20px;
    line-height:25px;
    width:260px;
    margin-top:20px;
    margin-left:10px;
    font-family: "黎ミンY30 U";
}

main .movies_block .continued_read{
    position:absolute;
    top:640px;
    right:-150px;
    font-size:20px;
    text-decoration:underline;
}

main .movie_block .continued_read a:hover{
    background:rgba(255,255,255,0.7);
}

main #movies next_page{
    overflow:hidden;
    font-size:30px;
    text-align:center;
    font-weight:bold;
    padding-top:30px;
    position:relative;
    left:-300px;
    text-decoration:underline;
}

side #movies_side{
    position:relative;
    top:-2860px;
}

/*MOVIESここまで*/
/*INTERVIEWここから*/
main h1 #interview_h1{
    font-size:100px;
    font-weight:bold;
    position:relative;
    left:30px;
    color:#fff;
}

main #interview_group{
    width:1200px;
    position:relative;
    left:-350px;
    margin-bottom:-500px;
}

main #interview_block display1{
    overflow:hidden;
}

main #interview_block display2{
    overflow:hidden;
}

main #interview_block display3{
    overflow:hidden;
}

main .interview_block{
    width:280px;
    height:800px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    border:3px #fff solid;
    position:relative;
    left:0px;
    padding:10px;
}

main .interview_block h2{
    margin:10px;
    font-size:28px;
    font-weight:bold;
    line-height:30px;
    padding:10px;
    font-family: "黎ミンY30 U";
}

main .interview_block p{
    font-size:20px;
    line-height:25px;
    width:260px;
    margin-top:20px;
    margin-left:10px;
    font-family: "黎ミンY30 U";
}

main .interview_block .continued_read{
    position:absolute;
    top:770px;
    right:-150px;
    font-size:20px;
    text-decoration:underline;
}

main .interview_block .continued_read a:hover{
    background:rgba(255,255,255,0.7);
}

main #interview next_page{
    overflow:hidden;
    font-size:30px;
    text-align:center;
    font-weight:bold;
    padding-top:30px;
    position:relative;
    left:-300px;
    text-decoration:underline;
}

main #interview next_page a img{
    margin-right:10px;
}

side #interview_side{
    position:relative;
    top:-2545px;
}

/*INTERVIEWここまで*/
/*GOODSここから*/
main h1 #goods_h1{
    font-size:100px;
    font-weight:bold;
    position:relative;
    left:30px;
    color:#fff;
}

main #goods_group{
    width:900px;
    position:relative;
    left:-300px;
}

main #goods_block display1{
    overflow:hidden;
}

main #goods_block display2{
    overflow:hidden;
}

main #goods_block display3{
    overflow:hidden;
}

main .goods_block{
    width:250px;
    height:350px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    border:3px #fff solid;
    position:relative;
    left:0px;
    padding:10px;
}

main .goods_block h2{
    width:200px;
    margin:10px;
    font-size:30px;
    font-weight:bold;
    line-height:40px;
    padding:10px;
    position:relative;
    left:30px;
    font-family: "黎ミンY30 U";
}

main .goods_block p .goods_read{
    position:absolute;
    top:330px;
    left:70px;
    font-size:25px;
    text-decoration:underline;
}

main .goods_block .continued_read a:hover{
    background:rgba(255,255,255,0.7);
}

side #goods_side{
    position:relative;
    top:-810px;
}

/*GOODSここまで*/
/*CONTACTここから*/
main h1 #contact_h1{
    font-size:100px;
    font-weight:bold;
    position:relative;
    left:30px;
    color:#fff;
}

main #form_border{
    width:800px;
    height:600px;
    border:3px #fff solid;
    padding:5px;
    margin-bottom:100px;
    position:relative;
    top:50px;
}

form{
    position:relative;
    top:20px;
    left:50px;
    color:#fff;
    font-size:30px;
}

form input[type="text"]{
    width:100px;
}

form input[type="email"]{
    width:250px;
}

form dl dt{
    font-size:20px;
    font-weight:bold;
    margin-bottom:-30px;
}

side #contact_side{
    position:relative;
    top:-710px;
}

/*CONTACTここまで*/
/*slideshowここから*/
/* スライド */
#slide-images{
	margin: 0 auto;
	position:relative;
    left:50px;
}

.slider {
	padding-top: 34px;
    position:relative;
    left:80px;
}

.slide #slide_img5{
    position:relative;
    top:100px;
}

/*slick setting*/
.slick-prev:before,
.slick-next:before {
	color: #000;
}

.slider figure img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.fade { max-width: 600px; margin: 0 auto 50px; padding: 0; height: auto;}
.fade img { width: 100%;}

/*slideshowここまで*/
/*modelwindowここから*/
/*$(function(){
    $("#method dl").tile();
    $("a img").rollover();
    $(".iframe").colorbox({
        iframe:true,
        width"80%"
        height"80%"
    })
})*/
/*modelwindowここまで*/
/*レスポンシブwebデザインここから*/
@media screen and (max-width:750px){
/*画面サイズ750pxまではここを読み込む*/
/*index.htmlここから*/
body{
    width:750px;
}

header h1{
    font-size:100px;
    line-height:50px;
    position:relative;
    top:150px;
}

header nav{
    display:block;
}

header nav ul{
    
}

header nav ul li{
    display:inline;
    font-size:20px;
    padding:15px 0px;
}

header nav ul li:first-child{
    margin-left:50px;
}

#slide-images{
    width:700px;
}

.slider{
    width:500px;      
}

main #main_p{
     width:500px;   
}

main p{
    width:750px;
    color:#fff;
    font-size:18px;
    font-family: "黎ミンY30 U";
    line-height:25px;
    margin-left:55px;
    margin-bottom:100px;
}

main #news_group{
    position:relative;
    left:-40px;
}

main .news_block{
    width:400px;
    height:750px;
    clear:both;
    border:3px #fff solid;
    position:relative;
    left:-300px;
}

main .news_block h2{
    
}

main .news_block img{

}

main .news_block p{
    position:relative;
    
}

main #news next_page{
    position:relative;
    right:500px;
}

side{
    position:relative;
    left:-30px;
    top:-20px;
}

footer{
    
    color:#fff;
    font-size:30px;
    border-top:3px #fff solid;
}

footer #footer_nav{
    position:relative;
    left:210px;
    margin-top:50px;
}

footer #footer_nav a{
    margin-right:75px;
    position:relative;
    left:-200px;
    color:#fff;
    font-size:23px;
}

footer #footer_nav a:nth-first-child{
    margin-left:0;
}

footer #footer_nav a:hover{
    background-color:#ccc;
    color:#000;
}

footer #SNS_icon{
    text-align:center;
    margin-bottom:-200px;
}

footer #footer_logo{
    position:relative;
    left:1500px;
    bottom:-120px;
}

footer p{
    font-size:25px;
    text-align:center;
    margin-top:50px;
}

/*index.htmlここまで*/
/*movies.htmlここから*/
main{
    width:300px;
}

main #movies_group{
    width:700px;
    position:relative;
    left:-350px;
}

main .movies_block{
    width:200px;
    height:530px;
}

main .movies_block h2{
    margin:10px;
    font-size:20px;
    font-weight:bold;
    padding:10px;
    text-align:center;
}

main .movies_block img{
    width:200px;
    height:130px;
}

main .movies_block #joker{
    width:130px;
}

main .movies_block p{
    font-size:15px;
    line-height:20px;
    width:200px;
    margin-top:20px;
    margin-left:10px;
}

main .movies_block .continued_read{
    position:absolute;
    top:505px;
    right:-115px;
    font-size:15px;
}

main movies next_page{
    position:relative;
    top:2000px;
}

main #movies_side{
    position:relative;
    top:-2000px;
}

/*movies.htmlここまで*/
/*interview.htmlここから*/
main #interview_group{
    width:700px;
    float:left;
}

main .interview_block{
    width:200px;
    height:680px;
    
    margin-right:10px;
    margin-bottom:10px;
    border:3px #fff solid;
    position:relative;
    left:0px;
    padding:10px;
}

main .interview_block h2{
    margin:10px;
    font-size:20px;
    font-weight:bold;
    line-height:30px;
    padding:10px;
}

main .interview_block img{
    width:200px;
}

main .interview_block p{
    font-size:15px;
    line-height:20px;
    width:200px;
    margin-top:20px;
    margin-left:10px;
}

main .interview_block .continued_read{
    position:absolute;
    top:660px;
    right:-120px;
    font-size:15px;
    text-decoration:underline;
}

main #interview_side{
    position:relative;
    top:-3000px;
}

/*interview.htmlここまで*/
/*goods.htmlここから*/
main #goods_group{
    width:700px;
    position:relative;
    left:-330px;
}

main .goods_block{
    width:200px;
    height:300px;
    margin-right:10px;
    margin-bottom:10px;
    position:relative;
    left:0px;
    padding:10px;
}

main .goods_block h2{
    width:200px;
    margin:10px;
    font-size:30px;
    font-weight:bold;
    line-height:40px;
    padding:10px;
    text-align:center;
    position:relative;
    left:-30px;
}

main .goods_block img{
    width:200px;
    height:140px;
}

main .goods_block p{
    font-size:15px;
    line-height:30px;
    width:200px;
    margin-top:20px;
    margin-left:20px;
    position:relative;
    top:-850px;
    right:30px;
}

main .goods_block .continued_read{
    position:absolute;
    top:270px;
    left:115px;
    font-size:15px;
    text-decoration:underline;
}

side #goods_side{
    position:relative;
    top:-1380px;
}

/*goods.htmlここまで*/
/*contact.htmlここまで*/
main #form_border{
    width:400px;
    height:600px;
    border:3px #fff solid;
    padding:5px;
    margin-bottom:100px;
}

form{
    position:relative;
    top:20px;
    left:10px;
    color:#fff;
    font-size:30px;
    
}

form input[type="text"]{
    width:100px;
}

form input[type="email"]{
    width:250px;
}

form dl dt{
    font-size:20px;
    font-weight:bold;
    margin-bottom:-30px;
}

form textarea{
    width:350px;
    height:300px;
}

side #contact_side{
    position:relative;
    top:-680px;
}
/*contact.htmlここまで*/
/*レスポンシブwebデザインここまで*/
}