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

@media screen and (max-width:640px){
 
body {
	-webkit-text-size-adjust: 100%;
	
}
#wrapper {
	text-align:center;
	padding:10px;
}

#block_news{
	background-color:#e0e0e0;
	font-size:12px;
	padding:7px;
	background-image:url(../img/b_news.gif) ;
	background-repeat:no-repeat;
	background-position:7px 7px;
	padding-left:62px;
	text-align:left;
	}
#block_news a{
	color:#000;
	text-decoration:underline;
	}
	
h1 img {
	width: 80%;
	}
	
	
#main img {
	width: 80%;
	}
	

#bnr_pc img{
	display:none;
	}
#bnr_sp {
	margin-bottom:20px;
	}

#info {
	background-color: #f1f1f1;
	width: 100%;
	height: auto;
	font-size: 12px;
	margin-bottom: 15px;
	padding-bottom: 15px;
   }  


h4.b_title {
	background-color: #00b3fe;
	color: #FFFFFF;
	text-align: left;
	padding-left: 5px;
}


#book{
	background-color: #f1f1f1;
	width: 296px;
	margin: auto;
	margin-top: 15px;
	
   }
   
 
#hatake{
	background-color:#f1f1f1;
	width: 296px;
	margin: auto;
	margin-top:20px;
	
	
   }

#info_cont {
	background-color: #f1f1f1;
	width: 273px;
	margin: auto;
	margin-top: 15px;
}

#youtube {
	background-color:#f1f1f1;
	width: 296px;
	font-size: 12px;
	margin-top:15px;
	margin-bottom:15px;
	padding-bottom:15px;
}   

#youtube02 {
	background-color: #f1f1f1;
	width: 296px;
	margin-top: 15px;
	 }   
	 
	 
#bnr {
	width: 100%;
   }  
   
#bnr img {
	margin-bottom:10px;
   }  


	
.copy {
	font-size: 10px;
	text-align: center;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
}
.img_cover {
	position :absolute;
	opacity: 0;
	}

#youtube_s {
	clear:both;
	text-align: center;
	padding-top:15px;
	background-color:#000;
	margin-bottom:20px;
	
}

#youtube_s img {
	width:45%;
	margin:5px;
	border:#666 1px solid;
	
}

.movie-wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

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

 → Section 03 ★ Links BLOC
  
===========================================*/	
.link_contentsBloc {border-top:1px solid #ddd; padding: 30px 0;}
ul#links_list {width: 94%; height: auto; text-align: center;}
ul#links_list li {
display: inline-block;
margin: 0 3% 15px;
vertical-align: middle;
}

ul#links_list li a, ul#links_list li a img {
display: block;
width: 100%;
height: auto;
	-moz-transition: .6s;
	-webkit-transition: .6s;
	-o-transition: .6s;
	-ms-transition: .6s;
	transition: .6s;	
		}

	ul#links_list li a:hover img {
/*	filter: alpha(opacity=70);
	-moz-opacity:.7;
	opacity:.7;*/
-webkit-filter: contrast(150%);
     -moz-filter: contrast(150%);
     -o-filter: contrast(150%);
     -ms-filter: contrast(150%);
     filter: contrast(150%);
	}



ul#links_list li.lmn01 a {
text-decoration: none;
text-align: center;
padding: 2px 5px;
font-size: 11px;
color: #5a5656;
background: #ddd;
border: 1px solid #ddd;
letter-spacing: 1px;
font-weight: 700;
}
ul#links_list li.lmn01 a:hover {background: inherit; border-color:#5a5656;}




}