@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) {
	#container.school .picup_contents .mov_ttl{
		font-size:2.5vw;
	}
}






@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.school .picup_contents .mov_ttl{
	font-size:4vw;
}

}











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

#container.mmu .picup_contents .banner.Box_Left
{
	float:right;
	margin:0;
}


#content #container.mmu{
	padding-top:0;
}



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


#container.mmu .hd .info_txt{
	float:right;
	width:40%;
	text-align:right;
	font-size:14px;
	line-height:18px;
	padding:8% 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 .mmu_subcontents{
 background-image: url("../img/subpage/school/mmu/bg.png");
	background-repeat: no-repeat;
	background-size:68% auto;
	background-position: right top;
	padding-top:0;
	}

#container.mmu .mmu_main_movie{
	width: 970px;
	max-width: 100%;
	margin-top: 20px;
	}



	#container.mmu .mmu_main_movie video{
max-width: 100%;
height: auto;
	}



#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 39% 0 0;
}



#container.mmu .picup_contents .banner-frame{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}


#container.mmu .picup_contents .banner-frame::after {	/* 最後の行を左寄せするため */
	display: block;
	content:"";
	width: 32%;
}


#container.mmu .picup_contents .banner-frame .banner{
	flex-basis: 32%;
	padding-bottom: 2%;
}


#container.mmu .picup_contents .banner-frame .banner img{
	width:100%;
	max-width: 260px;
	height:auto;
}




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


#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;
}


#container.mmu div.back_number .a_cover {
    line-height: 0;
}




#container.mmu .m_box{
	padding:0;
	margin:0 0 2%;
	font-size:0;
	line-height: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%;
}

#container.mmu .mmu_main_movie{
display: none;
}

#container.school .picup_contents .banner-frame {
  display: block;
}

}









/* ::::::::::::::::::::::::::::::::::::::::::::::::::
                   小林 高校
:::::::::::::::::::::::::::::::::::::::::::::::::: */

#container.kobayashihs .checkFrame {
	/*border: solid 1px #000;*/
}

.marginLeftM5 {
	margin-left:-5%;
}

/*** 背景画像 ***/
#container.kobayashihs .kobayashihsBGImage {
	background-image:url(../img/subpage/school/kobayashihs/kobayashihs_bgRainbow.png);
	background-repeat: no-repeat;
	background-position: right 15pt top 30pt;

}


/*** ロゴ + イラスト ***/
.kobakoLogo {
	float:left;
	width:66%;
}

.kobakoLogo img{
	max-width:98%;
}

.kobakoLogo-sideIllust {
	float:right;
	width:33%;
}

.kobakoLogo-sideIllust img{
	max-width:100%;
}

/*** 学校案内 + フォトライブラリー ***/
.topSpace {
	margin-top:0px !important;
}

#container.kobayashihs .new_book img {
	border:solid 1px #ddd;
}

#container .kobakoFotoLib a:hover {
	opacity:1.0;
}

.kobakoGuide {
	width:25%;
	height:346px;
	float:left;
}

#container.kobayashihs .new_book{
	max-width: 41% !important;
	margin:3% 0px 0px;
}

#container.kobayashihs .new_book .book_ttl {
	margin-top:10px;
    width: 80%;
	margin-left:auto;
	margin-right:auto;
}

.contentText {
	font-size:90%;
	line-height:150%;
}

.contentText_S {
	font-size:80%;
	line-height:150%;
}

.floatLeft {
	float:left;
}

.kobakoFotoLib {
	max-width:70%;
	float:right;
}

.kobakoFotoLibElem_A img {
	max-width:100%;
}


.kobakoFotoLibElem_B img {
	max-width:100%;
}

.kobakoFotoLibElem_C img {
	max-width:100%;
}

/*** コース案内 ***/
.picup_contents .clearfix .checkFrame h2 {
	margin:10px 0;
}

.picup_contents {
	display:block;
	width:100%;
}

.overflowhidden {
	overflow:hidden;
}

.centerSpace {
	margin: 0 2%;
}

.centerSpace4Box {
	margin: 0 11.5%;
}

#container.kobayashihs .addLeftSpace_1,
#container.kobayashihs .addLeftSpace_2,
#container.kobayashihs .addLeftSpace_3,
#container.kobayashihs .addLeftSpace_5,
#container.kobayashihs .addLeftSpace_6,
#container.kobayashihs .addLeftSpace_7 {
	margin-left: 2% !important;
	margin-right: 0px !important;
}

.kobakoCourseBtn {
	max-width:32%;
	display:block;
	float:left;
}

.kobakoCourseBtn a {
	display:block;
	width:100%;
	height:100%;
}

.kobakoCourseBtn .kobakoWrap{
    width:100%;
    height:50px;
    margin:0px;
    overflow:hidden;
    position:relative;
}

.kobakoCourseBtn .kobakoWrap a img {
    border:none;
    position:absolute;
    top:0px;
    left:0px;
    height:150px;
    opacity: 0.7;
    -moz-opacity: 0.7;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

.kobakoCourseBtn .number_right {
	float:left;
	width:90%;
}


#container.school .logo .kobayashihs{
	width:505px;
	height:auto;
	float:left;
}

/*** コバ高通信バックナンバー ***/
.kobakoBacknumber {
	margin:3% 0px 0px;
}

.smpKobaTsuHeader p {
	display:none;
}

.kobakoBacknumber_left {
	float:left;
	max-width:29%;
	margin-left:8%;
}

.kobakoBacknumber_left img {
	max-width:100%;
}

.kobakoBacknumber_header {
	display:none;
}

.kobakoBacknumber_right {
	/*background-image:url(../img/subpage/school/kobayashihs/kobayashihs_kobakoBnGirl_anim_on.gif);*/
	background-repeat: no-repeat;
	background-size:400px;
	background-position:100% 100%;
	float:right;
	width:52%;
	margin-top:2%;
	margin-right:7.5%;
	margin-left:0;
}

.addBtmSpace {
	padding-bottom:10px;
}


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

#container.school .book_cover img{
	border:solid 1px #ddd;
}

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

/*** 背景画像 ***/
#container.kobayashihs .kobayashihsBGImage {
	background-image:url(../img/subpage/school/kobayashihs/kobayashihs_bgRainbow.png)
	background-repeat: no-repeat;
	background-position: right 15pt top 30pt;
	background-size:40% 40%;

}


/*** ロゴ + イラスト ***/
.kobakoLogo {
	float:left;
	width:65.5%;
}

.kobakoLogo img{
	max-width:98%;
}

.kobakoLogo-sideIllust {
	float:right;
	width:32.5%;
}

.kobakoLogo-sideIllust img{
	max-width:100%;
}

.centerSpace {
	margin: 0 2%;
}

.centerSpace4Box {
	margin: 0px 7%;
}

#container .kobakoFotoLib a:hover {
	opacity:1.0;
}

#container.kobayashihs .addLeftSpace_1,
#container.kobayashihs .addLeftSpace_2,
#container.kobayashihs .addLeftSpace_3,
#container.kobayashihs .addLeftSpace_5,
#container.kobayashihs .addLeftSpace_6 {
	margin-left: 3% !important;
	margin-right: 0px !important;
}

.kobakoFotoLib {
	max-width:70%;
	float:left;
	position:relative;
}

.kobakoFotoLib img {
	max-width:100%;
}


.picup_contents {
	display:block;
	width:100%;
}

.kobakoCourseBtn {
	max-width:32%;
	display:block;
	float:left;
}

.kobakoCourseBtn a {
	display:block;
	width:100%;
	height:100%;
}

.kobakoCourseBtn img {
	max-width:100%;
}

.smpKobaTsuHeader p{
	display:none;
}

.kobakoBacknumber_left {
	float:left;
	max-width:29%;
	margin-left:8%;
}

.kobakoBacknumber_left img {
	max-width:100%;
}

.kobakoBacknumber_header {
	display:none;
}

.kobakoBacknumber_right {
	/*background-image:url(../img/subpage/school/kobayashihs/kobayashihs_kobakoBnGirl_anim_on.gif);*/
	background-repeat: no-repeat;
	background-size:275px;
	background-position:100% 100%;
	float:right;
	width:55%;
	margin-top:2%;
	margin-right:8%;
	margin-left:0;
}

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

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

}

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

.centerSpace4Box {
	margin: 10px 2%;
}

.kobakoBacknumber {
	margin:2% 0px 0px;
}

}

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

.marginLeftM5 {
	margin-left:0;
}

/*** 背景画像 ***/
#container.kobayashihs .kobayashihsBGImage {
	background:none;
}

/*** ロゴ + イラスト ***/
.kobakoLogo {
	max-width:100%;
}

.kobakoLogo img{
	max-width:160%;
}

.centerSpace {
	margin: 0 2%;
}

.centerSpace4Box {
	margin: 45px 0%;
}

#container.kobayashihs .addLeftSpace_1,
#container.kobayashihs .addLeftSpace_2,
#container.kobayashihs .addLeftSpace_3,
#container.kobayashihs .addLeftSpace_5,
#container.kobayashihs .addLeftSpace_6 {
	margin-left: 3% !important;
	margin-right: 0px !important;
}

#container.kobayashihs .new_book{
	max-width: 100% !important;
	margin:3% 0px 0px;
}

.kobakoLogo-sideIllust img {
	display:none;
}

.bottomSpace {
	margin-bottom:15px;
}

.kobakoFotoLib {
	display:hidden;
	max-width:100%;
	position:relative;
}

.kobakoFotoLib img {
	max-width:100%;
}

.kobakoFotoLibElem_B img {
	max-width:94%;
	bottom:none;
}

.picup_contents .clearfix h2 {
	max-width:100%;
}

.picup_contents h2 img {
	margin-top:-20px;
	height:none;
	max-width:100%;
}

.picup_contents {
	display:block;
	width:100%;
}

.kobakoCourseBtn {
	max-width:32%;
	display:block;
	float:left;
}

.kobakoCourseBtn a {
	display:block;
	width:100%;
	height:100%;
}

.kobakoCourseBtn img {
	max-width:100%;
}

.kobakoCourseBtn .number_right {
	float:left;
	width:90%;
}

#container.school .logo .kobayashihs{
	width:505px;
	height:auto;
	float:left;
}

/*** コバ高通信バックナンバー ***/

.kobakoBacknumber {
	margin:3% 0px 0px;
}

.smpKobaTsuHeader p {
	font-size:90%;
	line-height:150%;
}

.kobakoBacknumber_left {
	display:none;
}

.kobakoBacknumber_header {
	display:block;
}

.kobakoBacknumber_header img {
	width:90%;
	margin:40px 5% -40px 5%;
}

.kobakoBacknumber_right {
	width:90%;
	background:none;
	float:left;
	overflow::hidden;
	margin-top:45px;
	margin-right:0px;
	margin-left:5%;
	height:390px;
}

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

}



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

.marginLeftM5 {
	margin-left:0;
}

/*** 背景画像 ***/
#container.kobayashihs .kobayashihsBGImage {
	background:none;
}

/*** ロゴ + イラスト ***/
.kobakoLogo {
	max-width:100%;
}

.kobakoLogo img{
	max-width:160%;
}

.centerSpace {
	margin: 0 2%;
}

.centerSpace4Box {
	margin: 45px 0%;
}

#container.kobayashihs .addLeftSpace_1,
#container.kobayashihs .addLeftSpace_2,
#container.kobayashihs .addLeftSpace_3,
#container.kobayashihs .addLeftSpace_5,
#container.kobayashihs .addLeftSpace_6 {
	margin-left: 3% !important;
	margin-right: 0px !important;
}

#container.kobayashihs .new_book{
	max-width: 100% !important;
	margin:3% 0px 0px;
}

.kobakoLogo-sideIllust img {
	display:none;
}

.bottomSpace {
	margin-bottom:15px;
}

.kobakoFotoLib {
	display:hidden;
	max-width:100%;
	position:relative;
}

.kobakoFotoLib img {
	max-width:100%;

}

.kobakoFotoLibElem_B img {
	max-width:94%;
	bottom:none;
}

.picup_contents .clearfix h2 {
	max-width:100%;
}

.picup_contents h2 img {
	margin-top:-20px;
	height:none;
	max-width:100%;
}

.picup_contents {
	display:block;
	width:100%;
}

.kobakoCourseBtn {
	max-width:32%;
	display:block;
	float:left;
}

.kobakoCourseBtn a {
	display:block;
	width:100%;
	height:100%;
}

.kobakoCourseBtn img {
	max-width:100%;
}

.kobakoCourseBtn .number_right {
	float:left;
	width:90%;
}

#container.school .logo .kobayashihs{
	width:505px;
	height:auto;
	float:left;
}

/*** コバ高通信バックナンバー ***/


.kobakoBacknumber {
	margin:3% 0px 0px;
}

.smpKobaTsuHeader p {
	font-size:90%;
	line-height:150%;
}

.kobakoBacknumber_left {
	display:none;
}

.kobakoBacknumber_header {
	display:block;
}

.kobakoBacknumber_header img {
	width:90%;
	margin:40px 5% -40px 5%;
}

.kobakoBacknumber_right {
	width:90%;
	background:none;
	float:left;
	overflow::hidden;
	margin-top:45px;
	margin-right:0px;
	margin-left:5%;
	height:330px;
}


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

}



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



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

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