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

/*=========================================================
 *
 *	css file for "http://utanohoshi.com/"
 *	file name : rwd/sp.css
 *
=========================================================*/


@media screen and (max-width: 641px) {


#keyvisual{
	width: 100%;
}

#keyvisual img{
	width: 100% !important;
	height: 100% !important;

}


#contents {
	width: 100% !important;
}


#rightArea {
    float: none;
	width: 94% !important;
	padding: 0 3%;
}


#gnavi ul{
	width: 100%;
}

#gnavi ul li{
	width: 100%;
	font-size: 110%;
	border-bottom: 1px s
}
#gnavi ul li.top{
	width: 100%;
}
#gnavi ul li a{
	width: 100%;
	height: inherit;
	padding: 10px 0;
}

#gnavi ul li.top a{
	width: 100%;
}

#order{
	margin: 0 0 20px 0;	
}

.bnr img{
	width: 100%;
}


#topintro{
	font-size: 100%;
}

#blackboard h2{
	font-size: 105%;
}


#blackboard h3 {
    font-size: 110%;
	text-align: center;
}

#schedulePage #topintro h1,
#classPage #topintro h1{
	font-size: 100%;
}
	

#classinfo .name {
    background-color: rgb(51, 102, 102);
    float: none;
	width: 96%;
 padding: 3%;
	margin: 0 0 15px 0;
}


#classinfo .info {
    float: none;
	width: 100%;
}



.navigator .box .img{
	float: none;
	width: 150px;
	margin: 0 auto 15px auto;

}


.navigator .box .info{
	width: 100%;
	float:none;
}

#schedulePage #rightArea .facebook {
    float: none;
	width: 100% !important;
	height: 100% !important;
	margin: 0 0 10px 0;
}

#schedulePage #rightArea .facebook div{
	width: 100% !important;
}
#schedulePage #rightArea .facebook div.fb_iframe_widget{
	width: 100% !important;
}

#schedulePage #rightArea .facebook span{
	width: 100% !important;
}

#schedulePage #rightArea .facebook iframe{
	width: 100% !important;
}

#schedulePage #rightArea .timeline {
    float: none;
	width: 100% !important;
}

#schedulePage #rightArea .timeline iframe{
	width: 100% !important;
}


	.sp_show { display: block; }
	.sp_hide { display: none; }	
}