@charset "utf-8";
/* CSS Document */
body{ -webkit-text-size-adjust: 100%; width:100%; height:100%; overflow-x:hidden; }
* { box-sizing:border-box; }
img{ max-width: 100%; height: auto; width: auto; }

/* 見出しについて
------------------------------------------------------------------------------------------------------------------*/
h1, h2, h3 { overflow:hidden; }
h1 img, h2 img, h3 img { max-width:none; }

/* テーブルに関する設定
==================================================================================================================*/
table { width:100%; }

/* レイアウトに関する設定
==================================================================================================================*/

#wrapper, #header, #footer { min-width:0; }
#wrapper, #header, #container, #footer, .inner{width:100%;}

/* ヘッダー
------------------------------------------------------------------------------------------------------------------*/
#header:after{content: ""; display: block; clear: both;}
#header{padding: 10px 0;}
#header img{width: 100%;}
#header h1, #header p{margin-top: 5px; font-size: 1.1em; line-height: 1.4;}
#hdr_l{padding-left: 5px;width: 49%;}
#hdr_r{padding-right: 5px;width: 49%;}
#hdr_r ul{margin-bottom: 5px;}
#hdr_logo a > img:first-child{max-width: 180px; width: 35%;}
#hdr_logo div{width:100%; padding-left: 35%;}
#hdr_logo div img:first-child{max-width: 175px; width: 50%;}
#hdr_logo div img:nth-child(2n){max-width: 319px;}
#hdr_contact img{width: 45%;}
#hdr_contact img:first-child{max-width: 195px;}
#hdr_contact img:last-child{max-width: 185px;}
#hdr_r ul{padding:7px 5px 0; text-align: center;}

@media (max-width: 829px) {
	#header h1, #header p{margin-top: 0; }
	#wrapper #hdr_logo{margin-top: 3%;}
	#hdr_r ul{font-size: 1.1em; width: 95%;}
}
@media (max-width: 699px) {
	#header h1, #header p{ display: none;}
	#wrapper #hdr_logo a:first-child img, #hdr_logo div{float: none;}
	#wrapper #hdr_logo{margin-top: 0;}
	#hdr_logo a > img:first-child{width: 40%;}
	#hdr_logo div img:first-child{width: 70%;}
	#hdr_logo div{padding-left: 0;}
	#hdr_l{width: 43%;}
	#hdr_r{width: 57%;}
}
@media (max-width: 599px) {
	#hdr_l{width:76%;}
	#hdr_r{padding-left: 5px;width: 100%; float: left;}
	#hdr_contact{float: right; width: 25%; margin-top: -14px;}
	#hdr_contact > a:first-child{display: none;}
	#hdr_contact img:last-child{width: 100%;}
	#wrapper #hdr_logo:after{content: ""; display: block; clear: both;}
	#wrapper #hdr_logo a img:first-child{float: left; width: 35%;}
	#wrapper #hdr_logo div img:first-child{width: 65%; padding-top: 3%;}
	#hdr_r ul{width:65%;; float: left;}
}
@media (max-width: 499px) {
	#wrapper #hdr_logo{margin-bottom: 10px;}
	#hdr_r ul li:first-child{ display: none;}
	#hdr_contact{margin-top: -10px;}
	h1 img, h2 img, h3 img { max-width:720px; }
	h1 img{width: 170%;}
	#news_area h1 img{width: inherit;}
	.noTab, .noTab caption, .noTab thead, .noTab tfoot, .noTab tbody, .noTab tr, .noTab th, .noTab td { display:block; width:100%; }
}
@media (max-width: 399px) {
	#header{padding-bottom: 0;}
	#hdr_r ul{width: auto; background:none;border: none; text-align: left; padding: 5px 0;}
	#hdr_r ul li{margin-right:5px; padding-left: 8px;}
	#hdr_r ul li:last-child{margin-right: 0;}
}


/* フッター
------------------------------------------------------------------------------------------------------------------*/
#footer{padding: 20px 10px;width:100%;}
#footer .left, #footer .right { float:none; width:100%; max-width:490px; margin:5px auto; }
#ftr_nav > ul { width:45%; }
#ftr_bnr .left{margin-bottom: 10px;}

#ftr_info ul li{display:inline-block; margin: 0 1%;}
#ftr_info{width: 100%;}
#ftr_info ul{width: 100%; text-align: center; margin: 20px auto 0;}
#footer ul.sub_list li:first-child{margin-top: 0;}
#footer ul.main_list li{position: relative;}
#footer ul.main_list li ul.sub_list{	top:100%;	margin:0;	padding:0;	max-height: 0;	overflow:hidden;	margin-left: -5px;}
#footer ul.main_list > li.hov ul.sub_list{max-height: 1000px;}

#footer .inner { text-align:center; }
#footer ul.main_list { height:auto; float:none; display:inline-block; vertical-align:top; text-align:left; border:none !important; width: 32%;}
#ftr_info { float:none; width:100%;vertical-align:top; }

#ftr_contact{min-width: inherit; padding:3% 2%;}
#ftr_contact .inner > p{line-height: 1.5; font-size: 1.7em; padding-bottom: 1%; margin-bottom: 1%;}
#ftr_contact .inner > a{ width: 35%; display: inline-block;}
#ftr_contact ul{width: 62%;}
#ftr_contact ul li{width: 24%; margin-right: 10px;}
#ftr_contact ul li:last-child{margin-right: 0;}
#ftr_contact ul > img{width: 20%;}
@media (max-width: 749px) {
	#ftr_contact{text-align: center;}
	#ftr_contact .inner > a, #ftr_contact ul{float: none; width: 100%;}
	#ftr_contact .inner > a{max-width: 340px; margin-bottom: 15px;}
	#ftr_contact ul{width: 90%; margin: 0 auto;}
	#ftr_contact ul > img{max-width: 119px;}
	#ftr_contact .inner > p{text-align: left; font-size: 1.6em;}
}
@media (max-width: 699px) {
	#ftr_info #ftr_sns_link { position: static; width: 100%; margin: 10px auto;}
	#ftr_info #ftr_sns_link li, #ftr_info #ftr_sns_link li:not(:last-child) { width: 50px; height: auto; margin: 5px;}
}
@media (max-width: 599px) {
	#ftr_contact ul{width: 100%;}
	#ftr_contact ul > img{ display: none;}
	#ftr_contact ul li{width: 32%; margin-right: 2%;}
	#ftr_contact .inner > p{font-size: 1.5em;}
	#footer{position: relative;}
	#footer ul.main_list{ width: 49%; max-width:225px; padding-left:0; display: block;}
	#footer ul.main_list br { display:none; }
	#footer ul.smt{position: absolute;top:20px; right: 0;}
	#footer ul.smt li{  width: 100%;}
}

/* グローバルメニューに関する設定
==================================================================================================================*/
#gnav > ul{width:100%;}
.gnav_li {width:20%;}
.gnav_li > a{ background-size:100%;}
#smt_menu{ position: absolute; top: 10px; right: 10px;width: 17%; text-align: right;}
#smt_menu img{width:85%; height: auto; max-width: 90px;}

/* gnav を表示する際の設定 JSでON */
body.gnavi header{height:100%;}
body.gnavi #header { overflow-y:auto; position:absolute; top:0; bottom:0; left:0; right:0; z-index:10;background:#fff; }
body.gnavi #wrapper, body.gnavi #footer { display:none; }
@media (max-width: 699px) {
	.gnav_li > a{ background-size:120%; height: 50px;}
}
@media (max-width: 599px) {
	#gnav { display:block; max-height:0; transition:all .5s; overflow:hidden; }
	#smt_menu{display: block; }
/* スマホ用メニュー */
	#gnav > ul{ background-color: #fff;}
	.gnav_li{ width: 100%; color:#333; height: auto; display: block; margin: 0; border-top:#fff 1px solid;}
	#gnav .gnav_li > a { background-image: none; font-weight:bold; }
	.gnav_li a{width: 100%;height: 40px;text-indent:0;color:#333; text-decoration: none; padding:8px 15px 30px;background-color: #ddd; }
	#gnav .gnav_sub{ display: none;position: static; width:100%;}
	#gnav .gnav_li.hov .gnav_sub{ display: block;}
	.gnav_sub li{height: auto;width:100%;}
	.gnav_sub li a{text-indent: 10px; color:#333;}
	#gnav .gsc-control-cse { display:block; }
	#gnav ul { padding-top:10px; }
	#wrapper.smtmenu #gnav { max-height:300px; }
	#news ul, #club ul { padding:10px 3px 10px; }
}
@media (max-width: 499px) {
	body.gnavi #header #gnav{ display:block; }
}



/* メニュー6個 */
.gnav_li, #gmav07.gnav_li, #gmav12.gnav_li{width: 16%;}
#gmav07 > a, #gmav08 > a, #gmav09 > a, #gmav10 > a, #gmav11 > a, #gmav12 > a{width:auto;}
#gnav > ul{display: inherit;}
@media (max-width: 699px) {
	.gnav_li > a{background-size: 105%; height: 50px;width:auto;}
	.gnav_li, #gmav07.gnav_li, #gmav12.gnav_li{width: 32%;}
}
@media (max-width: 599px) {
	.gnav_li > a{height: 40px;}
	.gnav_li, #gmav07.gnav_li, #gmav12.gnav_li{width:100%;}
}








/* fixed版メニュー JSでON */
body.fixed #header {position:fixed; z-index:10;background:#fff; border-bottom:1px solid #ccc; }
body.fixed #header .inner { padding:12px 55px 8px 0; max-width:600px; margin:0 auto; text-align:center; }
body.fixed #hdr_logo {width:210px;display:inline-block; margin-bottom:5px;}
body.fixed #hdr_logo img:first-child, body.fixed #hdr_right ul{display: none;}
body.fixed #hdr_right{float: none; position:static; display:inline-block; margin:0; padding:0; text-align: left; width:auto;}
body.fixed #hdr_right > div { position:static; width:auto; max-width:none; }
body.fixed #hdr_right > div a, body.fixed #hdr_right > div a:first-child{ display:inline-block; width:110px; }
body.fixed #hdr_right > div a:first-child { margin: 0 10px;}
body.fixed #gnav { display:none; margin:5px 0 0; }
body.fixed.gnavi #gnav { display:block; }
body.fixed #smt_menu{display: block; top: auto; bottom:6px; right:10px; width: 35px; }
body.fixed #gnav .gsc-control-cse { display:block; }
@media (max-width: 528px) {
	body.fixed #header .inner { padding-top:5px;}
}

/* コンテンツ
------------------------------------------------------------------------------------------------------------------*/
/*　ビジュアル　*/
#visual.slider { margin-bottom:10px;}
#visual.slider.off .inner{ padding:47% 0 0; width:100%; }
#visual.slider .bx-wrapper { width:100%; }
#visual_02 > div img, #visual_03 > div img{padding: 2%;}
#visual_04 > div{padding-right:0}
#visual_05 > div{ padding-left:0;}
#visual_04 > div img, #visual_05 > div img, #visual_06 > div img{padding:2% 0;}
#visual_07 > div img{width: 85%; height: auto;max-width: 660px;}
#visual_02 > div#txt_02 img{width: 60%; height: auto; max-width: 500px;}

/*　バナー　*/
#container{margin-top: 15px; padding: 0 1%;}
ul.bnr_area01{clear: both;}
ul.bnr_area01 li{width: 32.25%; margin-right: 1.5%;}
ul.bnr_area02{text-align: center;}
ul.bnr_area02 li{width: 24%; margin-right: 1.3%;}
ul.bnr_area02 li:nth-child(4n){margin-right:0;}
ul.bnr_area03{text-align: center;}
ul.bnr_area03 li{width: 19.2%; margin-right: 1%;}
ul.bnr_area03 li:nth-child(5n){margin-right:0;}
.bnr2 img{width: 48%;}

.smt_bnr09, .smt_bnr10{display:none;}

@media (max-width: 599px) {
	#visual.slider {	background:url(../img_smt/bg_visual01_smt.jpg) top center repeat-x,url(../img_smt/bg_visual02_smt.jpg) bottom center repeat-x;padding:7px 0;}
	.bnr_sp { display: block; width: 100%; height: auto; margin: 0 auto 10px;}
	ul.bnr_area03 li{width: 49%; margin-right: 0; margin-bottom: 10px;}
	ul.bnr_area03 li:nth-child(2n){float: right;}
	ul.bnr_area03 li:nth-of-type(3){display: none;}
	ul.bnr_area03 li img {width: 230px; height: auto;}
	.top_sns { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 20px;}
	.top_sns > li { width: calc( 25% - 20px ); max-width: 60px; margin: 8px;}
}
@media (max-width: 499px) {
	#container{margin: 15px 0 10px; padding: 0 1%;}
	ul.bnr_area02 li{width: 49%; margin-right: 0; margin-bottom: 10px;}
	ul.bnr_area02 li:nth-child(2n){float: right;}
	ul.bnr_area01{text-align: center; margin-top: 20px;}
	ul.bnr_area01 li{width: 100%; margin: 0 0 15px;}
	.smt_no{display: none;}
	.smt_bnr01 img, .smt_bnr02 img, .smt_bnr03 img, .smt_bnr04 img, .smt_bnr05 img, .smt_bnr06 img, .smt_bnr07 img, .smt_bnr08 img{ display: none;}
	ul.smt{margin-bottom: 0;}
	ul.smt li{width: 49.5%; margin:0 0 0.5%;}
	ul.smt li.smt_bnr01 a, ul.smt li.smt_bnr02 a, .smt_bnr03 a, .smt_bnr04 a, .smt_bnr05 a, .smt_bnr06 a, .smt_bnr07 a, .smt_bnr08 a, .smt_bnr09 a, .smt_bnr10 a{width: 100%;height: 100%;display: block; padding-top: 26%;}
	ul.smt li.smt_bnr01{background: url(../../images/bnr_smt_02.jpg) left top no-repeat; background-size: 100%;}
	ul.smt li.smt_bnr02{background: url(../../images/bnr_smt_01.jpg) left top no-repeat; background-size: 100%;}
	.smt_bnr03{background: url(../../images/bnr_smt_04.jpg) left top no-repeat; background-size: 100%;}
	.smt_bnr04{background: url(../../images/bnr_smt_03.jpg) left top no-repeat; background-size: 100%;}
	.smt_bnr05{background: url(../../images/bnr_smt_06.jpg) left top no-repeat; background-size: 100%;}
	.smt_bnr06{background: url(../../images/bnr_smt_05.jpg) left top no-repeat; background-size: 100%;}
	.smt_bnr07{background: url(../../images/bnr_smt_08.jpg) left top no-repeat; background-size: 100%;}
	.smt_bnr08{background: url(../../images/bnr_smt_07.jpg) left top no-repeat; background-size: 100%;}
	.smt_bnr09{background: url(../../images/bnr_smt_09.jpg) left top no-repeat; background-size: 100%;}
	.smt_bnr10{background: url(../../images/bnr_smt_10.jpg) left top no-repeat; background-size: 100%;}
	.smt_bnr09, .smt_bnr10{display: inherit;text-indent: -999999px;font-size: 0;}
	.bnr2{text-align: center;}
	.bnr2 img, .bnr2 a:last-child img{ float:none;}
}
@media (max-width: 399px) {
}

/* ニュースナビ JSでon */
.news_nav.on a.prev, .news_nav.on a.next {display:inline;}
#news, #club{width: 49.5%;}
#news_area h1{ padding: 10px 0;}
@media (max-width: 799px) {
	#news, #club{width: 100%;}
	#news{margin-bottom: 15px;}
}
@media (max-width: 699px) {
	#news_area h1{ padding: 5px 0;}
	.news_link{margin-bottom: 15px;}
}
@media (max-width: 499px) {
	#news_area{margin-bottom: 15px;}
}
/*メッセージ
------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 899px) {
	#message{background-size:44%; padding: 25px 47% 5px 25px;margin-bottom:25px;}
}
@media (max-width: 599px) {
	#message{ background-image: none; padding-right: 20px;}
}

/*サテライトキャンパス
------------------------------------------------------------------------------------------------------------------*/
ul#campus2{width: 49%; text-align: center;}
ul#campus2 h1{font-size: 0;}
ul#campus2 h1 > img{width: 100%; margin-bottom: 8px;}
ul#campus2 li{width: 47%; margin: 0 2% 2%;}
#bus{width: 49%;}
#bus img{width: 100%; margin-bottom: 25px;}
@media (max-width: 499px) {
	ul#campus2 { width: 100%;margin-top: 25px;}
}

/*サブページ
------------------------------------------------------------------------------------------------------------------*/
#main, #sub { width:100%; max-width:750px; margin:0 auto; float:none; }
#main:after { content:""; display:block; clear:both; }
#breadcrumb { overflow:hidden; }
#sub .subnav_title { background:none; }
#sub ul { text-align:center; }
#sub ul li { display:inline-block; background:none !important; }
h1.sh1 { font-size:1.8em; }
h2 { font-size:1.6em; }
.kakomi_group p { font-size:1.8em; }
ol li { margin-left:30px; }

/*information/index*/
.photo_area { text-align:center; }
.photo_set { float:none; display:inline-block; margin:3px; }
.photo_4 > img { margin:5px; float:none; }

/*information/appeal*/
#bnr_appeal a { display:inline-block; margin:5px; width:140px; }
table.gakuhi th,table.gakuhi td { padding:3px 2px; }
#life_inner { text-align:center; }
#life_inner img { float:none; margin:5px; }

/*information/style*/
.style_set01 .style_set_inner, .style_set02 .style_set_inner { padding:10px; }
.style_set02 .schedule dl dd { float:none; width:auto; }
.style_right { width:calc(100% - 220px); margin-left:10px; }
@media (max-width: 599px) {
	.style_left, .style_right {width:100%;float:none;margin:0;}
	.style_right .img_right { float:left; margin:3px; width:auto; }
	.style_right .float_right { float:left; margin:0 0 0 3px; }
}
.box_right { width:calc(100% - 260px); }
@media (max-width: 599px) {
	.box_left, .box_right {float:none; width:auto; }
}
.photo_set2 img { float:none; }

/*information/shisetsu*/
@media (max-width: 599px) {
	div.img_left, div.img_right { text-align:center; float:none; margin:10px 0; width:100%; display:inline-block; }
}
.photo_3 > img { margin:5px; float:none; width:220px; }

/*information/olympics*/
dl.jisseki dd { width:100%; max-width:600px; }

/*information/club*/
.txt_box { width:100%; max-width:360px; margin-left:5px; float:left; }
.ath_icon { width:70px; }
dl.club_sch dd { float:left; margin-left:10px; width:auto; }

/*information/book*/
.book_set_l, .book_set_r { float:none; display:inline-block; width:100%; max-width:200px; }
.book_set_l img, .book_set_r img { width:150px; }

/*gakubu/index*/
#course_waku { text-align:center; }
.course_set_l, .course_set_r { min-width:240px; margin:10px 3px; float:none; display:inline-block; text-align:left; }
.voice_set .txt_box, .voice_set02 .txt_box { width:calc(100% - 300px); }
@media (max-width:599px) {
	.voice_set .txt_box, .voice_set02 .txt_box { width:100%; max-width:none; }
}

/*gakubu/schedule*/
dl.mokuhyo { width:100%; max-width:700px; }
dl.mokuhyo dd { width:100%; clear:both; float:none; }

/*gakubu/teacher*/
.teach .box_right { width:calc(100% - 160px); max-width:600px; margin-left:10px; display:inline-block; }
@media (max-width:599px) {
	.teach .box_right { width:100%; max-width:none; }
}

/*career/license*/
.voice_set h3 { margin:50px 0 20px 0; }

/*career/company*/
.box_company { width:calc(100% - 280px); max-width:470px; }
@media (max-width:599px) {
	.box_company { width:100%; max-width:none; float:none; clear:both; margin-bottom:10px; }
}
dl.company dt { text-indent:-0.5em; }
dl.company dd { width:100%; float:none; clear:both; }

/*about/sitemap*/
ul.sitemap { float:none; display:inline-block; width:45%; min-width:260px; margin:0 5px; }
ul.sitemap > li { width:100%; }

/*about/index*/
.cam_left, .cam_right { width:auto; margin:0 auto; float:none; display:inline-block; }

/*admission/pamhlet*/
#wp_list { text-align:center; }
#wp_list .img_left { width:100%; max-width:350px; float:none; display:inline-block; }
#wp_list ul { text-align:left; display:inline-block; float:none; }

/*admission/index*/
.left, .right { float:left; width:45%; max-width:360px; min-width:300px; margin:5px; }

table.ad{ display:block; overflow: auto; padding-bottom:10px; }
table.ad::-webkit-scrollbar{ height: 5px; }
table.ad::-webkit-scrollbar-track{ background: #F1F1F1; }
table.ad::-webkit-scrollbar-thumb { background: #BCBCBC; }
table.ad tbody { display:table; white-space: nowrap; }

/*opencampus*/
table.op{ display:block; overflow: auto; padding-bottom:10px; }
table.op::-webkit-scrollbar{ height: 5px; }
table.op::-webkit-scrollbar-track{ background: #F1F1F1; }
table.op::-webkit-scrollbar-thumb { background: #BCBCBC; }
table.op tbody { display:table; white-space: nowrap; }

/*news*/
#news_nav { font-size:1.2em; }




/*opencampus/baseball*/
h1.club_bnr img{
	width:100%;
}
@media (max-width:499px) {
	.bnr_bb, .bnr_taiken{text-align:center; margin-bottom:15px;}
	.bnr_bb .smt, .bnr_taiken .smt {display: inherit;max-width: 310px;margin: 0 auto;width:100%;}
}



/*20190509追記
------------------------------------------------------------------------------------------------------------------*/


@media (max-width: 980px){


	.map_wrap li img{
		height: 6vw;
		min-height: 22px;
	}
	.map_wrap li.no06 img,
	.map_wrap li.no08 img{
		height: 8.8vw;
		min-height: 32px;	
	}
	.map_wrap li.no13 img{
		height: 7.4vw;
		min-height: 28px;	
	}
}

/*20190531追記（トップページFacebook）
------------------------------------------------------------------------------------------------------------------*/
.message190529 { width: 49%; background-size: contain!important; background-position: top -30px center!important;}
.fb-page { width: 49%;}
@media (max-width: 799px) {
	.message190529 { width: 100%; float: none; background: none!important; padding-top: 0!important;}
	.fb_pc { display: none;}
	.fb_smt { display: block;}
	.fb-page { width: 100%; float: none; margin: 0 auto;}
}






/*寄贈図書　文庫
------------------------------------------------------------------------------------------------------------------*/

@media(max-width:599px) {
	.library_box li { display: block;}
	.library_box li::after { content: ""; display: block; clear: both;}
	.library_box li .img_area { float: left; margin: 0 30px 20px 0;}
	.library_box li .txt_area { width: 100%;}
	.library_box .count { width: auto;}
}
@media(max-width:399px) {
	.library_box li .img_area { width:48%; float: left; margin: 0 20px 10px 0;}
	.donor_img img { width: 33.5%;}
	.library .kakomi { margin: 0; font-size: 100%;}
}



.box_left .ttl{
    font-weight: bold;
}