@charset "utf-8";
/* CSS Document */

/*イベント案内*/
/*--------------------------------------------*/
/*モバイル*/
/*--------------------------------------------*/
/*メインイメージ*/
.main_image {
	background: #fff;
}

/*メイン*/

section {
	margin-bottom: 40px;
}

/*公開講演会、公開講座、体験活動共通*/
.lecture_index .contents_box,
.course_index .contents_box,
.activity_index .contents_box {
	border: 1px solid #ddd;
	margin: 0 0 10px 5px;
	padding: 50px 10px 5px;
	position: relative;
}


.lecture_index .contents_box h4,
.course_index .contents_box h4,
.activity_index .contents_box h4 {
	color: #fff;
	font-weight: normal;
    position: absolute;
    height: 34px;
    line-height: 34px;
    padding: 0 10px;
    background-color: #699;
	top: 0;
	left: -10px;

}

.lecture_index h4::before,
.course_index h4::before,
.activity_index h4::before {
	content: '';
    position: absolute;
    top: 100%;
    left: -5px;
    border-width: 0 10px 10px 0;
    border-style: solid;
    border-color: transparent;
    border-right-color: #7F7F7F;
}


.lecture_index p,
.course_index p,
.activity_index p,
.other_index p {
	margin-bottom: 5px;
}

/*公開講演会ページ*/
.lecture {
	margin-bottom: 50px;
}

.lecture .contents_box .text {
	clear: both;
}

/*第9回　ページ内リンクの表示位置調整*/
#a, #b, #c {
  margin-top: -70px;
  padding-top: 70px;
}

/*公開講座、体験活動共通*/
.course_index h5,
.activity_index h5 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
}

.course .contents_box .asia {
	float: none;
	width: 100%;
	padding-right: 0;
}

.course .contents_box h3,
.activity h3 {
	line-height: 1.5;
}
.course .contents_box .course_speaker {
	font-weight: bold;
	text-align: right;
}

/*体験活動ページ*/
.activity .contents_box {
	border: 1px solid #ddd;
	margin-bottom: 30px;
	padding: 10px;
}

.activity .contents_box img {
	padding-right: 0;
	width: 100%;
}

.activity .contents_box .drop_cap:first-letter {
    font-size: 2.5em;
    line-height: 1;
    float: left;
    margin: 0 .2em 0 0;
    padding: .1em 0;
}

.activity .contents_box p:last-child {
	margin-bottom: 0;
}

.activity_topic img {
	width: 100%;
}

/*その他のイベントページ*******/

.other_index .contents_box {
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	padding: 10px 10px 5px;
}

.other_index .contents_box img {
	float: none;
	width: auto;
	max-width: 110px;
}

.sendaitaikai .contents_box img {
    padding-bottom: 10px;
}






/***********************************/
/*576px～*/
/***********************************/
@media (min-width: 576px ){	
	
}

/***********************************/
/*768px～*/
/***********************************/
@media (min-width: 768px ){
	/*メインイメージ*/
    .main_image {
        background: #eee;
        background: url("../img/event_info/event_info_main.gif") no-repeat center /cover;
    }


	/*公開講演会ページ********/
	.lecture .contents_box img {
		padding: 0 15px 15px 0;
	}
	
	/*公開講座ページ********/
	.course .contents_box .asia {
        float: left;
        width: auto;
        padding-right: 15px;
    }
		
	/*体験活動ページ********/
    .activity .contents_box {
        padding: 10px;
    }

    .activity .contents_box img {
        padding-right: 15px;
		padding-bottom: 0;
        width: auto;
		max-width: 100%;
    }
	
	/*平成19年度体験活動ページ*/
	.activity_topic img {
        width: auto;
    }
	
	/*平成24年度体験活動ページ*/
	.gyoryu .contents_box img {
		width: 315px;
	}
	
	/*その他のイベントページ*********/
	.other_index .contents_box img {
        float: left;
		margin-bottom: 0;
    }
	
	.sendaitaikai .contents_box img {
		padding-bottom: 15px;
	}


}

/***********************************/
/*992px～*/
/***********************************/
@media (min-width: 992px ){

	/*メイン*/
	/*公開講演会、公開講座共通*********/
    .lecture_index .small {
        font-size: 12px;
    }
	
	/*第9回　ページ内リンクの表示位置調整*/
    #a, #b, #c {
      margin-top: -120px;
      padding-top: 120px;
    }

	
}

/***********************************/
/*1200px～*/
/***********************************/
@media (min-width: 1200px ){

}
