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

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/*---------------------------------------------
	body activity
---------------------------------------------*/

body#index img{max-width:100%;vertical-align:top;height:auto;} 

/*---------------------------------------------
	index
---------------------------------------------*/
/*背景関係*/
#index #container .inx_inner{margin: 0;	height:805px;position:relative;}
#index #container .img_jaist{margin: 0;	position:absolute;	bottom:110px;}
#index #main {width: 100%;margin:0; padding:0 0 50px;background:#fff;overflow:hidden;}
#index #main .inner{/*margin:62px 32px 50px;*/margin:30px 32px 50px;}
#index #main .inner .bloxk_read{margin:0 0; padding-bottom:25px; /*font-size:20px;*/font-size:22px; overflow:hidden;letter-spacing: -0.5px;border-bottom: solid 1px #8e8e8e;}
#index #main .inner .bloxk_read p{margin:0 0 20px; clear:both; color:#000;line-height: 1.8;}
#index #main .inner .box_read{font-family: 'Noto Sans Japanese', sans-serif;font-weight: 200;float:left; padding:20px 5px; width:30%;margin:10px 8px 30px; background:#000; border-radius:5px; color:#fff; font-size:30px; text-align:center;  line-height: 38px;}
	
#index #main h2.notice {margin-top:30px;background:url(../images/tit_notice.gif) no-repeat center 50px;width:100%;height:80px;text-indent: 200%;white-space: nowrap;}

/*告知*/
.notice_block {margin:25px 0; border-bottom: dotted 1px #ccc;}
.notice_box {margin:0 0 0;padding:5px; border-top: dotted 1px #ccc; overflow:hidden;} 
.notice_box dl{width:60%; float:left; padding-left:5px;}
.notice_box dl dt{padding:5px 0px 0;font-size:16px;font-weight:bold;}
.notice_box dl dd{padding:0 0 5px;	font-size:14px;}
.notice_box dl dd.date{padding:8px 0px;color:#878787;}
.notice_box dl dd.date span{margin-left:15px;}
.notice_box .event_img{margin:10px 5px 10px 0; float:right;}
a:hover .notice_box {border:none;padding:6px 6px 5px 5px; box-shadow: 0 0 0 2px #ddd inset;}
a:hover .notice_box .event_img{margin:10px 4px 10px 0; float:right;}
.notice_block .cat_txt{font-size:12px; line-height:1.2;margin:10px 0 0 5px; font-weight:normal;}

/*ニュース*/
/*
#index #main h2.news {margin-top:10px;background:url(../images/tit_news.gif) no-repeat center 25px;	width:100%;	height:60px;text-indent: 200%;white-space: nowrap;	border-top: solid 1px #8e8e8e;}
*/
#index #main h2.news {margin-top:10px;background:url(../images/tit_news.gif) no-repeat center 35px;	width:100%;	height:70px;text-indent: 200%;white-space: nowrap;}


.news_box{margin:13px 0 18px; display:inline-block; vertical-align:top; width:32.0%;background:none;padding:4px; vertical-align:top; min-height:510px; position:relative;}
.news_box .cat_txt{font-size:12px; line-height:1.2;}
.news_box dl{margin:2px 2px;}
.news_box dl dt{padding:0 ;font-size:16px;font-weight:bold; height:4em;}
.news_box dl dd.lecturer{padding:0 0 5px;font-size:14px;}
.news_box dl dd{padding:0 0 5px;font-size:14px;}
.news_box .news_img{margin-bottom:15px;}
.news_box .more{ position:relative; bottom:0px;}
a:hover .news_box {border:none;padding:4px; box-shadow: 0 0 0 2px #ddd inset;}



@media only screen and (min-width: 768px) and (max-width: 1023px) {
/*背景関係*/
#index #container .inx_inner{height:545px;}
#index #container .img_jaist {bottom:80px;}
#index #container .img_jaist img{width:77%;height:auto;}
/*ニュース*/
#index #main ul.news_block li{padding:15px 7px 10px;float:left;	width:32%;}
#index #main ul.news_block li:first-child{padding:15px 7px 10px 0;}
#index #main ul.news_block li:last-child{padding:15px 0 10px 7px;}
#index #main ul.news_block li .news_img img{max-width:100%;vertical-align:top;height:auto;}
#index #main ul li .img{width:200px; float:right;max-width:100%;vertical-align:top;height:auto;}
#index #main ul li dl.notice{width:60%; float:left;}

.news_box{margin:13px 0 18px; display:inline-block; vertical-align:top;width:31.0%;background:none;padding:4px; vertical-align:top; min-height:500px;}
.news_box .news_img img{max-width:100%;vertical-align:top;height:auto;}

#index #main .inner .box_read{float:left; padding:20px 5px; width:30%;margin:10px 5px 30px; background:#000; border-radius:7px; color:#fff; font-size:23px; text-align:center;}
}
@media only screen and (min-width: 768px){
.news_box dl dt{height:5em;}
}
@media only screen and (min-width: 568px) and (max-width: 767px) {
/*背景関係*/
#index #container .inx_inner{ height:400px;}
#index #container .img_jaist {bottom:67px;}
#index #container .img_jaist img{width:69%;height:auto;}
#index #main {width: 100%;margin:0;	background:#fff; overflow:hidden;}
#index #main .inner{margin:20px;background:#fff;}
/*告知*/
.notice_box dl{width:60%; float:left; padding-left:5px;}
.notice_box .event_img{margin:10px 5px 10px 0; float:right;width:35%}

/*ニュース*/
#index #main ul.news_block li dl{padding:0 0 10px 50%;}
#index #main ul.news_block ul{padding-bottom:50px;overflow: hidden;}
#index #main ul.news_block li{padding:15px 5px 10px 0;width:100%;overflow: hidden;}
#index #main ul.news_block li:first-child{padding:15px 5px 10px 0;}
#index #main ul.news_block li:last-child{margin-bottom:30px;padding:15px 5px 10px 0;}
#index #main ul.news_block li .news_img{margin:0 15px 0 0; float:left;max-width:45%;}
#index #main ul.news_block li .news_img img{max-width:100%;vertical-align:top;height:auto;}
#index #main ul li .img{width:200px; float:right;max-width:100%;vertical-align:top;height:auto;}
#index #main ul li dl.notice{width:60%; float:left;}
.news_box{margin:13px 10px 18px; display:inline-block; vertical-align:top;width:43.0%;background:none;padding:4px; vertical-align:top; min-height:530px;}
.news_box .news_img img{max-width:100%;vertical-align:top;height:auto;}
.news_box dl dt{padding:0 0 0;font-size:16px;font-weight:bold; height:5em;}
.news_box dl dd{padding:0 0 5px;font-size:14px;}

#index #main .inner .box_read{float:none; padding:20px 10px; width:80%;margin:10px auto 30px; background:#000; border-radius:5px; color:#fff; font-size:23px; text-align:center;}
}

@media only screen and (min-width: 321px) and (max-width: 567px) {
/*背景関係*/
#index #container .inx_inner{ height:365px;}
#index #container .img_jaist {bottom:58px;}
#index #container .img_jaist img{width:69%;height:auto;}
#index #main .inner{padding:0;}
/*告知*/
.notice_box dl{width:100%; float:none; padding-left:0;}
.notice_box .event_img{margin:10px 5px 10px; float:none; text-align:center;}
a:hover .notice_box .event_img{margin:10px 4px 10px 0; float:right;}

/*ニュース*/
#index #main ul.news_block li dl{padding-bottom:10px;}
#index #main ul.news_block ul{padding-bottom:50px;overflow: hidden;}
#index #main ul.news_block li{padding:15px 7px 10px;width:100%;overflow: hidden;}
#index #main ul.news_block li:first-child{padding:15px 7px 10px;}
#index #main ul.news_block li:last-child{margin-bottom:30px;padding:15px 7px 10px;}
#index #main ul.news_block li .news_img{margin:0 15px 0 0; float:left;}
#index #main ul.news_block li .news_img img{max-width:100%;vertical-align:top;height:auto;}
#index #main ul li .img{float:none;width:100%;vertical-align:top;height:auto; text-align:center;}
#index #main ul li dl.notice{width:100%; float:none;}

.news_box{margin:13px 0 18px; display:inline-block; vertical-align:top;width:100%;background:none;padding:4px; vertical-align:top; overflow:auto;}
.news_box dl{margin:2px; width: 50%; float:right;}
.news_box dl dt{padding:0 0 0;font-size:16px;font-weight:bold; height:4em;}
.news_box dl dd{padding:0 0 5px;	font-size:14px;}
.news_box .news_img{margin-bottom:15px; float:left; width: 46%;}
.news_box dl dd.more{margin-top:5px;}
.news_box .news_img img{max-width:100%;vertical-align:top;height:auto;}
#index #main .inner .box_read{float:none; padding:20px 10px; width:80%;margin:10px auto 30px; background:#000; border-radius:5px; color:#fff; font-size:25px; text-align:center;}
}
@media only screen and (min-width: 480px) and (max-width: 567px) {
#index #container .img_jaist {bottom:30px;}
#index #container .img_jaist img{width:69%;height:auto;}
.news_box{margin:13px 0 18px; width:100%;background:none;padding:4px; vertical-align:top; overflow:auto;}
.news_box dl{margin:2px; width: 100%; float:none;}
.news_box dl dt{padding:0 0 0;font-size:16px;font-weight:bold; height:4em;}
.news_box dl dd.more{margin-top:5px;}
.news_box .news_img{margin-bottom:15px; float:none; width: 100%; text-align:center;}
.news_box .news_img img{max-width:100%;vertical-align:top;height:auto; text-align:center;}
#index #main .inner .box_read{float:none; padding:10px 10px; width:80%;margin:10px auto 30px; background:#000; border-radius:5px; color:#fff; font-size:23px; text-align:center;}
}

@media only screen and (min-width: 321px) and (max-width: 479px) {
#index #container .inx_inner{ height:250px;}
#index #container .img_jaist {bottom:30px;}
#index #container .img_jaist img{width:69%;height:auto;}
.news_box{margin:13px 0 18px; width:100%;background:none;padding:4px; vertical-align:top; overflow:auto;}
.news_box dl{margin:2px; width: 100%; float:none;}
.news_box dl dt{padding:0 0 0;font-size:16px;font-weight:bold; height:4em;}
.news_box dl dd.more{margin-top:5px;}
.news_box .news_img{margin-bottom:15px; float:none; width: 100%; text-align:center;}
.news_box .news_img img{max-width:100%;vertical-align:top;height:auto; text-align:center;}
#index #main .inner .box_read{float:none; padding:20px 10px; width:80%;margin:10px auto 30px; background:#000; border-radius:5px; color:#fff; font-size:23px; text-align:center;}
}

@media only screen and (max-width: 320px) {
/*背景関係*/
#index #container .inx_inner{ height:220px;}
#index #container .img_jaist {bottom:28px;}
#index #container .img_jaist img{width:69%;height:auto;}
#index #main .inner{margin:30px 30px 50px;}
/*告知*/
.notice_box dl{width:100%; float:none; padding-left:0;}
.notice_box .event_img{margin:10px 5px 10px; float:none; text-align:center;}
a:hover .notice_box .event_img{margin:10px 4px 10px 0; float:right;}
/*ニュース*/
#index #main ul.news_block li dl{padding-bottom:10px;}
#index #main ul.news_block ul{padding-bottom:50px;overflow: hidden;}
#index #main ul.news_block li{padding:15px 7px 10px;width:100%;	overflow: hidden;}
#index #main ul.news_block li:first-child{padding:15px 7px 10px;}
#index #main ul.news_block li:last-child{margin-bottom:30px;padding:15px 7px 10px;}
#index #main ul.news_block li .news_img{margin:0 15px 0 0; float:left;}
#index #main ul.news_block li .news_img img{max-width:100%;vertical-align:top;height:auto;}
#index #main ul li .img{float:none;width:100%;vertical-align:top;height:auto; text-align:center;}
#index #main ul li dl.notice{width:100%; float:none;}
.news_box{margin:13px 0 18px; width:100%;background:none;padding:4px; vertical-align:top; overflow:auto;}
.news_box dl dd.more{margin-top:5px;}
.news_box .news_img img{max-width:100%;vertical-align:top;height:auto; text-align:center;}
#index #main .inner .box_read{float:none; padding:20px 10px; width:90%;margin:10px auto 30px; background:#000; border-radius:5px; color:#fff; font-size:23px; text-align:center;}
}
@media only screen and (min-width: 320px) and (max-width: 480px) {
.notice_box .event_img{margin:10px auto 10px; float:none; width:230px;}
a:hover .notice_box {border:none;padding:6px 6px 5px 5px; box-shadow: 0 0 0 2px #ddd inset;}
a:hover .notice_box .event_img{margin:10px auto 10px; float:none; width:230px;}
}