@charset "utf-8";
/*------------------------------------------------
        top_main_img
 ------------------------------------------------*/
 .sp_bg{ width:100%; height:auto; border-top:solid #03526e 1px; background:url(../images/common/nav_bg.jpg) center bottom; padding:5% 0 0 0; background-size: cover;}
 
 
/*------------------------------------------------
        top_main_img
 ------------------------------------------------*/
#sp_top_main_img { position:relative; }
#sp_top_main_img img{ width:100%; vertical-align:bottom;}

.sp_co_img { padding-top:0%; padding-bottom:0%;}
.sp_co_img img{ width:100%; vertical-align:bottom; }
/*
 a:hover img { filter:alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; }
 */
.sammy_logo{ width:32.9%; max-width:210px; position:absolute; left:0px; top:0px;}

.head_menu{ width:32.9%; max-width:210px; position:absolute; right:0px; top:0px;}

.logo_yamato{ width:32.1%; position:absolute; right:0px; top:0px;}


.banner_movie{margin-top: 10px;}

/*------------------------------------------------
        NAV
 ------------------------------------------------*/
#menu { width:100%; margin:3% auto 0 auto; padding-bottom:5%;}
#menu ul{ width:100%; margin:0; padding:0;}

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

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

#menu li:last-child{ margin-left: 25%;}

/*------------------------------------------------
        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{
	border-top:solid 1px #03526e;
	width:100%;
	height:auto;
	background:#111c2a;
	margin:0 auto;
	padding:30px 0 20px 0;
}

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

.socialArea { display:inline-block; width:100%; }
.socialArea li {
	 display:inline-block; 
	margin:0 2px;
	vertical-align:bottom;
	text-align:center;
}
.copyright {
	vertical-align:top;
	height:23px;
	vertical-align:bottom;
	width:90%;
	margin:0 auto; text-align:center;
}
.copyright img{
	vertical-align:top;
	margin-top:3px;
	width:100%;
	max-width:307px;
}
.footer_banner{ width:80%; max-width:320px; margin:15px auto 0 auto; }
.footer_banner img{ width:100%;}
.footer_banner li{  margin:0px auto 10px auto; }


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

  
ul.ef_nav{ width: 97%; margin: 0 auto; }
ul.ef_nav::after { content:" "; display:block; clear:both;}/*clearfix*/
ul.ef_nav li{ margin: 0 1%; width: 30%; float: left;}
 
 .ef_nav1{position: absolute; top: 4.5%; left: 3.2%;}
 .ef_nav2{position: absolute; top: 3.2%; left: 3.2%;}
 .ef_nav3{position: absolute; top: 1.9%; left: 3.2%;}