/* =================================
TOP CSS
================================= */
.clearboth{clear:both;}
.clearboth hr{display:none;}
.contents a {text-decoration: none;	}	
	/*float*/
.floatL { float:left;}
.floatR { float:right;}
.clearfloat { height:1px; font-size:1%; clear:both; display:block; background: transparent;}
.clearfix:after {content: ".";display: block;clear: both;height: 0;visibility: hidden;}
.clearfix { min-height:1px;}
* html .clearfix {height: 1px;}
/*¥*//*/
height: auto;
overflow: hidden;
/**/



@media all and (min-width: 768px) {
#main-box{width:980px;margin:0px auto;}
#new-movie{width;980px; height:580px; background: url(../img/movie-bk.png) no-repeat 0 0; }
#mov {width:670px; margin:0px auto;padding-top:100px;}
#new-movie h4 {color:#036291; font-size:1.5em;line-height:1.5em;text-shadow:0 2px 2px hsla(0, 0%, 0%, .25);}
}



@media all and (max-width: 767px) {
#main-box{margin:0px auto;}
#new-movie {margin-bottom:30px;border:2px solid #c0dad9; }
#new-movie h4 {padding:.5em;color:#036291; font-size:1.2em;margin:5px auto;line-height:1.5em;}
.new-title {width:180px;height:60px;background: url(../img/new2021.png) no-repeat 0 0; text-indent: -9999px;}
#mov {width:100%;margin:5px auto;}
#twBox,#fbBox{width:90%; height:360px;margin: 5px auto;}
#twBox h2 a{display:block; height:30px;background:#1b95e0;padding:5px;color:#FFFFFF;}
#fbBox h2 a{display:block; height:30px;background:#4268b3;padding:5px;color:#FFFFFF;}
#twBox .pBox,#fbBox .pBox{display:block; width:300; height:307px;background:#FFFFFF;margin:0;border:solid 3px #ffffff;border-top:none;}
}



/*============================================================ */
@media all and (min-width: 768px) {
div.contents{width: 980px;margin: 0px  auto;}
}


/*	スライドショー
================== */
#viewer {
    margin: 5px auto;
    width:980px;
    height: 450px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
 
.viewer ul {
	width: 980px;
	height: 450px;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
	top: 0;
    left: 0;
	width: 980px;
	height: 450px;
    display: none;
    position: absolute;
}

@media all and (min-width: 768px) {
.viewer{margin:10px auto; width:980px;height:450px;    padding-top:10px;}

}


@media all and (max-width: 767px) {
.viewer{width:100%;margin:5px auto;}
.viewer ul {width:100%;height:0; padding:45.9183673% 0 0;}
.viewer ul li {width:100%;height:0; padding:45.9183673% 0 0;}


}