@charset "utf-8";
/* CSS Document */
/*===============================================
●tablet.css 画面の横幅が960pxまで
===============================================*/


@media screen and (max-width: 960px){
body {
	background:url(../../img/slider/bg-sp.jpg) center no-repeat !important;
	background-size:cover !important;
	}
	.container > header-form{
		text-align: center;
		margin:0 auto;
		width:100%;
}

img{
max-width: 100%;
height: auto;
width :auto;
}
.container{
width:95%;
margin:0 auto;}
.container > header{
	padding: 20px;
	margin:0 auto ;
	display: block;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
    text-align: left;
}

h1 {font-family:"Times New Roman", Times, serif;
text-shadow:2px 2px 0px #939393,
1px 1px 0px #1c1c1c;
margin-top:120px;}


h2 {
	text-align:center;}
.codrops-top{
	display:none;
}
.top-info {
	margin-bottom:10px;
	text-align:left;}
	p.codrops-demos {
		display:none;
	}

/*--------------------------------------------------------------------------------sns-------------------------------------*/

.sns li{
	width:100%;
	margin:20px auto;}

/*-----------------Works-----------------------------------------------*/
#wrap-works {
	width:320px;
	margin:0 auto;}
#wrapper_book {
	margin:-60px auto 0;
	}

/*-----------------Movies-----------------------------------------------*/
#movi{
	width:320px;
	height:auto;
	overflow:auto;
	border-radius:1%;
   border:#FFF 2px solid;
   box-shadow:2px 2px 5px #000000 inset;
	
	background:rgba(0,0,0,0.5);
	padding:1%;
	margin:0 auto;
	text-align:center;
}

.mo {
	display:none;}
.mo-sp {
	margin:0 auto;
	display:block;}
.mo-ta {}
.new,.col1,.col1-1,.col2,.col3,.col4,.col5,.col6,.col7,.col8,.col9
{ width: 130px;
height:130px;
text-align:center;
padding:3%;
margin:0 5px;
box-shadow:1px 1px 1px 1px #fff;
border-radius:2%;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d20003), color-stop(1.00, #360b0b));
background: -webkit-linear-gradient(#d20003, #360b0b);
background: -moz-linear-gradient(#d20003, #360b0b);
background: -o-linear-gradient(#d20003, #360b0b);
background: -ms-linear-gradient(#d20003, #360b0b);
background: linear-gradient(#d20003, #360b0b);

opacity:.8;}
.event {
	width:320px;}
.to-ma-cd {
	width:130px;
	text-align:center;
	margin:0 auto 10px;}

.title-sp {
	color:#FFF;
font-weight:500;
font-size:.8em;
}


	
#info_part1{
	width:97%;
	height:450px;
	overflow:auto;
	border-radius:1%;
   border:#FFF 2px solid;
   box-shadow:2px 2px 5px #000000 inset;
   background:rgba(0,0,0,0.4);
	padding:1%;
	margin:0 auto 50px;
}

#profile2,#pw,#sst,#link{
	width:97%;
	height:450px;
	overflow:auto;
	border-radius:1%;
   border:#FFF 2px solid;
   box-shadow:2px 2px 5px #000000 inset;
	background:rgba(0,0,0,0.5);
	padding:1%;
	margin:0 auto 50px;}
	

#news {
	padding:3% 0 0 3%;}
	
.cb-slideshow {
	display:none;}
/*------------------------footer-sp-------------------------------------------*/
.footer {
	display:none;}
.spfooter {
	display:block;}
#footer{
	padding:.3%;
	text-align:center;
	position:fixed;
	bottom:0;
	width:100%;
	background:rgba(0,0,0,0.7);
	color:#FFF;
	font-family:Georgia, "Times New Roman", Times, serif;
	z-index:1000;}
}