@charset "UTF-8";

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

	smart_phone

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

/*1024px*/
@media screen and (max-width: 1024px) {
		
.smart_phone {
	display:block;
	width:100%;
	}
	
.pc_side,
.quality{
	display:none !important
	}

body {
	text-align:center;
	-webkit-text-size-adjust: 80%; 
	}
		
a:link		{ color:#000 }
a:visited	{ color:#000 }
a:hover		{ color:#ccc}
a:active	{ color:#000 }

}


/*----------------------------------------------
 commo
------------------------------------------------*/	
 .img_base {
	background-position:center;
	background-repeat:no-repeat;
	} 
	
.img_base img {
	width:100%
	}
	
/*--fig-----------------------------------------*/
.fig {
	padding:50px 0px 30px;
	}
	
.fig_top {
	padding:20px 0px 50px;
	}	
	
.fig img {
	width:100%;
	}
	
.fig .credit {
	}
	
.fig .credit div {
	line-height:200%;
	padding:30px 8%;
	text-align:left;
	}	
	
.fig .credit div h1 {
	font-size:14px;
	color:#FFF;
	margin-bottom:8px;
	padding-bottom:5px;
	border-bottom:1px solid #222
	}	



/*----------------------------------------------
 needles
------------------------------------------------*/	
.remix {
	background-color:#FFF;
	color:#000;
	}
	
.remix .fig .credit div h1 {
	color:#000;
	font-weight:normal;
	border-bottom:1px solid #ddd
	}		

.remix .img_base {
	background-size:100% auto;
	} 
.remix #img_base_0 { background-image:url(../img/00p.jpg);}
.remix #img_base_01 { background-image:url(../img/01.jpg);}	
.remix #img_base_02 { background-image:url(../img/02.jpg);}		
.remix #img_base_03 { background-image:url(../img/03.jpg);}	
.remix #img_base_04 { background-image:url(../img/04.jpg);}
.remix #img_base_05 { background-image:url(../img/05.jpg);}
.remix #img_base_06 { background-image:url(../img/06.jpg);}	
.remix #img_base_07 { background-image:url(../img/07.jpg);}		
.remix #img_base_08 { background-image:url(../img/08.jpg);}	
.remix #img_base_09 { background-image:url(../img/09.jpg);}
.remix #img_base_10 { background-image:url(../img/10.jpg);}
.remix #img_base_11 { background-image:url(../img/11.jpg);}	
.remix #img_base_12 { background-image:url(../img/12.jpg);}	
.remix #img_base_13 { background-image:url(../img/13.jpg);}			


/*scroll------------------------------------*/
.remix #footer_top {
	background-image:url(../img/scroll.png);
	border:1px solid #ccc;
	}

.remix #footer_top a:link		{ color:#000; }
.remix #footer_top a:visited	{ color:#000; }
.remix #footer_top a:hover	{ color:#ccc; }
.remix #footer_top a:active	{ color:#000; }