@charset "utf-8";

/*------------------------------------------------
        top_main_img
 ------------------------------------------------*/
#sp_top_main_img { position:relative;}
#sp_top_main_img img{ width:100%; vertical-align:bottom;}
.sp_co_img img{ width:100%; vertical-align:bottom;}

.sp_co_img { margin-top:4%;}
/*
 a:hover img { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
 */
.sammy_logo{ width:26.6%; max-width:170px; position:absolute; left:0px; top:0px;}




/*------------------------------------------------
        NAV
 ------------------------------------------------*/
#sp_top_menu_BOX { width:100%; margin:0 auto 0 auto;}
#sp_top_menu_BOX ul{ width:100%; margin:0; padding:0;}

#sp_top_menu_BOX li{ float:left; width:50%; margin:0; padding:0;}
#sp_top_menu_BOX img{ width:100%; margin:0; padding:0; vertical-align:bottom;}

#sp_top_menu_BOX li.nav_all{ float:left; width:100%; margin:0; padding:0;}


/*------------------------------------------------
        head
 ------------------------------------------------*/
 #head{width:100%; max-width:640px; max-height:71px; margin:0 auto; background:url(../images/head_bg.jpg) no-repeat center top; background-size:cover;}
 
.logo{ float:left; width:40%;}
.logo img{ width:100%; vertical-align:bottom;}

.btn_menu{ float:right; width:30%;}
.btn_menu img{ width:100%;vertical-align:bottom;}


/*------------------------------------------------
        top_banner_movie
 ------------------------------------------------*/
.top_banner_movie{ position:relative; width:100%;}
.top_banner_movie_btn1{ position:absolute; top:4.405286%; left:45.3125%; width:50%;}
.top_banner_movie_btn2{ position:absolute; top:48.45814%; left:45.3125%; width:50%;}


/*------------------------------------------------
        footer
 ------------------------------------------------*/

#footer{
	width:100%;
	height:auto;
	background:#000;
	margin:0 auto;
}

#footer_BOX {
	max-width:640px;
	height:100px;
	margin:0 auto 0 auto;
	padding:4% 0;
	position: relative;
	background:#;
	text-align:center;
}
#footer_BOX2 {
	max-width:640px;
	height:auto;
	margin:0 auto 0 auto;
	padding:5% 0;
	position: relative;
	background:#;
	text-align:center;
}

.socialArea { display:inline-block;}
.socialArea li {
	float: left;
	margin-right: 2px;
	vertical-align:bottom;
}
.copyright {
	vertical-align:top;
	height:20px;
	vertical-align:bottom;
}
.copyright img{
	vertical-align:top;
	margin-top:3px;
}
.footer_banner{ width:80%; max-width:320px; margin:3% auto 0 auto; padding-bottom:5%;}
.footer_banner img{ width:100%;}


/*------------------------------------------------
        デジブック
 ------------------------------------------------*/
 
 .de_btn01{ width:31.9%; max-width:204px; position:absolute; left:14.5%; top:68%;}
 .de_btn02{ width:31.9%; max-width:204px; position:absolute; left:51.7%; top:68%;}