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

/*-----visual----*/
#keyart img{
	opacity:0;
	margin:0;
	padding:0;
}

#keyart #history{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}


#keyart img.history_visual{
	width:16.65%;
	max-width:200px;
	display:block;
	float:left;
}


#keyart #keyart_fix{
	background-image:url(../images/top/main_logo.png);
	background-position:center;
	background-repeat:no-repeat;
	width:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	opacity:0;
}

/*----main area---*/
#content section#main{
	width:63%;
	max-width:633px;
	float:left;
	margin-left:2%;
	margin-top:2%;
}

#content section#main img#top_message_mb,
#content section#main img#top_message_pc{
	width:100.5%;
	margin-left:-0.2%;
}

#content img.triplet{
	width:33%;
	margin:0.16%;
}

#content section#main img{
	margin-bottom:1.5%;
}

#san13_mb{
	/*margin-top:1%;*/
}
/*----sub area----*/
#content aside{
	width:36%;
	max-width:300px;
	margin-left:2%;
	float:left;
	margin-top:2%;
}

#content aside img{
	width:100%;
}

#content aside span{
	opacity:0.5;
}

#content aside iframe#twitter-widget-0,
#content aside iframe#twitter-widget-1{
	width:100% !important;
	max-width:100% !important;
	min-width:50px !important;
	height:485px !important;
}



@media screen and (max-width:1000px) {
	#keyart #keyart_fix{
		background-size:50%;/*65%;*/
	}

	#content aside{
		width:30%;
		margin-left:2%;
	}

	#content section#main{
		width:63%;
		margin-left:2%;
	}


	#content section#main iframe#twitter-widget-0,
	#content section#main iframe#twitter-widget-1{
		height:200px !important;
	}
}




@media screen and (max-width:760px) {
	.pc{
		display:none;
	}
	.mb{
		display:block;
	}
}
@media screen and (max-width:600px) {
	#content{
		padding-top:118px;
	}
}


@media screen and (max-width:480px) {
#content aside{
	width:96%;
	max-width:480px;
	float:none;
	margin:0 auto;
	text-align:center;
}

#content img#san13_pc{
	display:none;
}
#content img#san13_mb{
	display:inline;
}

#content img.half{
	width:48%;
}


#content section#main{
	width:96%;
	float:none;
}

#content section#main img#top_message{
	width:96%;
}

#content section#main iframe#twitter-widget-0,
#content section#main iframe#twitter-widget-1{
	width:96% !important;
	max-width:none !important;
}

#content aside img.link_banner{
	width:48%;
}
}