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


body #content{
	background:none;
}
	

#container.school{
	background-size:72.6%;
	background-position:right 200px;
	background-repeat:no-repeat;
}



#container.school #content{
	padding:0 8%;
}


#container.school .logo{
	width:45%;
	padding:2% 0 0 0;
	}


#container.school .logo img{
	width:100%;
	}
	
	



#container.school ul.navi{
	margin:1% 0 0 0;
}


#container.school ul.navi li{
	float:left;
	margin:0 1% 0 0;
}



#container.school .new_book {
	width:25%;	
	margin:3% 0 0 0;
}


#container.school .new_book img{
	width:100%;	
	box-shadow:rgba(113, 135, 164, 0.15) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(113, 135, 164, 0.15) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(113, 135, 164, 0.15) 0px 0px 6px 3px;
}


#container.school .new_book .book_ttl{
	text-align:center;
}

#container.school .picup_contents{
	padding:3% 0 0 0;
}

#container.school .picup_contents h2{
	padding:0 0 3px 0;
}

#container.school .picup_contents .banner{
	float:left;
	width:33.3333%;
}


#container.school .picup_contents .banner img{
	width:96%;
	max-width:260px;
	height:auto;
}



#container.school .YoutubeWrapper{
	width:96%;
	padding-bottom: 28% ;
	margin:0 0 2%;
}

#container.school .fb_iframe_widget iframe{
	width:340px !important;
}


#container.school .picup_contents .mov_ttl{
	padding:3px 0 2px 0;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

#container.school .picup_contents .mov_comment{
	font-size:12px;
	line-height:20px;
}



#container.school .back_number{
	margin:5% 0 0 0;
}



#container.school .number_left{
	float:left;
	width:25%;
}


#container.school .number_right{
	float:right;
	width:75%;
}


#container.school .book_cover{
	float:left;
	margin:0 2% 2% 0;
	width:18%;
}


#container.school .book_cover img{
	width:100%;
	margin:0 0 0 0;
}









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






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

#container.school #content {
    padding: 0 6%;
}

#container.school .logo {
    padding: 4% 0 0 12%;
    width: 70%;
}


#container.school ul.navi{
    margin: 2% 0 0 0;
}	

#container.school ul.navi li {
    float: left;
	width:32%;
    margin: 0 1% 0 0;
}	

#container.school ul.navi li img{
	width:100%;
}
	
	
	
#container.school .new_book {
    width: 100%;
}


#container.school .new_book p {
	margin: 6% auto 0;
    width: 60%;
}

#container.school .new_book p.book_ttl {
	margin: 2% auto 0;
    width: 80%;
}


#container.school .picup_contents .banner {
    float: none;
    width: 100%;
	margin:0 auto 5%;
	text-align:center;
}

#container.school .picup_contents .banner img{
	width:100%;
	max-width:none;
}


#container.school .picup_contents h2 {
    padding: 0 0 1%;
}


#container.school .picup_contents h2 img {
	height:20px;
}


#container.school .picup_contents {
    padding: 7% 0 0;
}



#container.school .number_left {
    float: none;
    width: 100%;
}


#container.school .number_right {
    float: none;
    width: 100%;
}


#container.school .book_cover {
    float: left;
    margin: 0 2% 2% 0;
    width: 48%;
}


}











/* ::::::::::::::::::::::::::::::::::::::::::::::::::
                   宮崎公立大学
:::::::::::::::::::::::::::::::::::::::::::::::::: */




#container.mmu{
    background-image: url("../img/subpage/school/mmu/bg.png");
	background-size:68% auto;
}



#container.mmu .hd .logo{
	float:left;
	width:40%;
}


#container.mmu .hd .info_txt{
	float:right;
	width:40%;
	text-align:right;
	font-size:14px;
	line-height:18px;
	padding:7% 0 0 0;
	color:#999;
}


#container.mmu ul.navi li{
    float: left;
    margin: 0 1% 0 0;	
}




#container.mmu ul.navi li img{
    width:100%;
	max-width:157px;
}


#container.mmu .new_book {
    margin: 3% 0 0;
    width: 45%;
}


#container.mmu .new_book img{
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}



#container.mmu .new_book .book_ttl {
    margin-top: 0;
	line-height:18px;
	font-weight:bold;
	padding:0 45% 0 0;
}




#container.mmu .YoutubeWrapper {
    margin: 0 0 2%;
    padding-bottom: 35%;
}


#container.mmu .picup_contents .mov_txt{
	width:96%;
}

#container.mmu .picup_contents .mov_comment {
    font-size: 12px;
    line-height: 20px;
}


#container.mmu .number_left {
    float: left;
    width: 25%;
	padding:15% 0 0 0;
}




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

#container.mmu ul.navi li img {
    max-width: 140px;
}
	
	
	#container.mmu .hd .info_txt{
	font-size:12px;
}
}






@media screen and (max-width: 480px) {
#container.mmu {
    background-position: right 85px;
    background-size: 90% auto;
}

#container.mmu .hd{
	text-align:center;
}


#container.mmu .hd .logo{
	float:none;
	width:70%;
	margin:auto;
	padding:0;
	text-align:center;
	
}


#container.mmu .hd .logo img{
	width:100%;
	margin:auto;
}


#container.mmu .hd .info_txt{
	float:none;
	width:100%;
	font-size:12px;
}



#container.mmu ul.navi {
    margin: 3% 0 0;
}


#container.mmu ul.navi li {
    float: left;
    margin: 0 1% 2% 1%;
    width: 48%;
}


#container.mmu .new_book {
    padding:15% 0 0 0;
	width:100%;
}


#container.mmu .new_book p {
	width:100%;
}

#container.mmu .new_book .book_ttl {
    padding: 0 0 0 0;
}


#container.mmu .number_left {
    float: none;
    width: 80%;
	margin:auto;
	padding: 5% 0 0 0;
}


#container.mmu .number_left img {
	width:100%;
}



}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
                   学校名
:::::::::::::::::::::::::::::::::::::::::::::::::: */



@media screen and (max-width: 768px) {
/* ウィンドウ幅ごとに設定するスタイルを入力してください */
}

@media screen and (max-width: 480px) {
/* ウィンドウ幅ごとに設定するスタイルを入力してください */
}