@charset "UTF-8";

/* -----------------------------------------------------------
	common
----------------------------------------------------------- */
.soon {
	font-size: 20px;
	color: #666;
	text-align: center;
	margin-top: 100px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {

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

}


/* -----------------------------------------------------------
	greeting
----------------------------------------------------------- */
.greeting_text {
	margin-bottom: 40px;
}
.greeting_name {
	text-align: right;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {

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

}



/* -----------------------------------------------------------
	announce
----------------------------------------------------------- */
.announce_list {
	width: 80%;
	margin: 60px auto;
}
.announce_list li {
	width: 45%;
	float: left;
	margin-left: 10%;
	list-style: none;
}
.announce_list li:first-child {
	margin-left: 0;
}

.announce_list li a {
	display: block;
	background: #eee;
	color: #333;
	text-align: center;
	font-size: 18px;
	padding: 16px 0;
	text-decoration: none;
	border-radius: 10px;
	letter-spacing: 0.05em;
	border: 1px solid #ccc;
}
.announce_list li a:hover {
	text-decoration: none;
	opacity: .7;
}
.announce_list li a img {
	vertical-align:text-bottom;
	padding-left: 5px;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.announce_list li {
	width: 48%;
	margin-left: 4%;
}
.announce_list li a {
	font-size: 16px;
}
}
@media screen and (max-width: 767px) {
.announce_list {
	width: 100%;
	margin-top: 20px;
}
.announce_list li {
	width: 48%;
	margin-left: 4%;
}
.announce_list li a {
	font-size: 14px;
}
}



/* -----------------------------------------------------------
	entry
----------------------------------------------------------- */
.info_wrap {
	margin: 30px 0 40px;
    border: 1px solid #ccc;
    padding: 1px;
	background: #f4f4f4;
}
.info_wrap_inner {
	border: 1px solid #ccc;
    background: #f2f2f2;
    padding: 25px 45px;
}
.info_wrap_inner .subttl {
	font-size: 110%;
	margin-bottom: 16px;
	border-bottom: 1px solid #ccc;
}
.info_wrap_inner .info1 {
	margin-bottom: 40px;
}
.info_wrap_inner .info2 {
	margin-bottom: 40px;
}
.info_wrap_inner .info3 {
	padding: 8px 12px;
    border: 1px solid #cc3333;
    margin-bottom: 10px;
    color: #cc3333;
	line-height: 1.6;
}
.entry_wrap .entry_btn {
	max-width: 500px;
	margin: 0 auto 90px;
}
.entry_wrap .entry_btn a {
	display: block;
    background: #cc3333;
    color: #fff;
    text-align: center;
    font-size: 16px;
    padding: 16px 0;
    text-decoration: none;
    border-radius: 10px;
    letter-spacing: 0.05em;
}
.entry_wrap .entry_btn a:hover {
	opacity: .7;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.info_wrap_inner {
    padding: 25px 25px;
}
}
@media screen and (max-width: 767px) {
.info_wrap_inner {
    padding: 16px 16px;
}
.entry_wrap .entry_btn a {
	font-size: 14px;
}
}


/* -----------------------------------------------------------
	directors
----------------------------------------------------------- */
.directors_wrap .para {
	margin-bottom: 40px;
}
.directors_wrap .para .para_ttl {
	font-size: 20px;
    font-weight: bold;
    border-bottom: 2px solid #ccc;
    margin-bottom: 20px;
}
.directors_wrap .list_box {
	/*border: 1px solid #999;*/
	margin-bottom: 20px;
}
.directors_wrap .list_box .list_ttl {
	font-weight: bold;
	color: #1E4874;
	padding: 8px 10px;
	background: #eee;
	border: 1px solid #999;
	border-bottom: none;
}
.directors_wrap .list_box .list {
	display: table;
	width: 100%;
	border-collapse: collapse;
	font-size: 13px;
	line-height: 1.6;
	letter-spacing: 0;
}
.directors_wrap .list_box .list li {
	display:table-row;
	width: 100%;
}
.directors_wrap .list_box .list li .name,
.directors_wrap .list_box .list li .belongs,
.directors_wrap .list_box .list li .specialty {
	display: table-cell;
	border: 1px solid #999;
	padding: 8px 10px;
}
.directors_wrap .list_box .list li .name {
	width: 25%;
}
.directors_wrap .list_box .list li .belongs {
	width: 60%;
}
.directors_wrap .list_box .list li .specialty {
	width: 15%;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {

}
@media screen and (max-width: 767px) {
.directors_wrap .list_box .list_ttl {
	padding: 6px;
}
.directors_wrap .list_box .list {
	display: block;
	border: 1px solid #999;
}
.directors_wrap .list_box .list li {
	display: block;
	/*border-bottom: 1px solid #999;*/
	padding: 6px;
}
.directors_wrap .list_box .list li:last-child {
	border: none;
}
.directors_wrap .list_box .list li .name,
.directors_wrap .list_box .list li .belongs,
.directors_wrap .list_box .list li .specialty {
	display: block;
	border: none;
	padding: 0;
	width: 100%;
}
.directors_wrap .list_box .list li .name {
	font-weight: bold;
}
}


/* -----------------------------------------------------------
	program
----------------------------------------------------------- */
.program_wrap .para {
	margin-bottom: 60px;
}
.program_wrap .para .day {
	font-size: 16px;
    margin-bottom: 10px;
}
.program_wrap .para .day .ol {
	width: 90px;
	float: left;
	background: #1E4874;
	margin-right: 10px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	line-height: 1;
	padding: 7px 0;
}
.program_wrap .para .day .ol span {
	font-size: 40px;
}
.program_wrap .para .day .ob {
	font-size: 22px;
	color: #1E4874;
	font-weight: bold;
	float: left;
	padding-top: 18px;
}
.program_wrap .timetable {
	border: 1px solid #999;
	font-size: 13px;
	letter-spacing: 0;
	line-height: 1.6;
}
.program_wrap .timetable .item {
	/*border-top: 1px solid #999;*/
}
.program_wrap .timetable .item.add_boder_top {
	border-top: 1px solid #999;
}
.program_wrap .timetable .item .md_box {
	font-weight: bold;
	border-top: 1px solid #999;
}
.program_wrap .timetable .item:first-child .md_box {
	border-top: none;
}

.program_wrap .timetable .item .md_box.bg_dg {
	background: #c2d595;
}
.program_wrap .timetable .item .md_box.bg_g {
	background: #E4EAD6;
}
.program_wrap .timetable .item .md_box.bg_b {
	background: #CBDAEA;
}
.program_wrap .timetable .item .md_box.bg_r {
	background: #EACECE;
}
.program_wrap .timetable .item .md_box.bg_y {
	background: #e9deb5;
}
.program_wrap .timetable .item .md_box .time {
	width: 14%;
	float: left;
	padding: 8px 0;
	text-align: center;
}
.program_wrap .timetable .item .md_box .md_area {
	width: 86%;
	float: left;
	border-left: 1px solid #999;
}
.program_wrap .timetable .item .md_box .md_ttl {
	width: 80%;
	float: left;
	padding: 8px 15px;
}
.program_wrap .timetable .item .md_box .md_name {
	width: 20%;
	float: left;
	padding: 6px;
	text-align: right;
}
.program_wrap .timetable .item .md_box .md_sponsor {
	margin-left: 14%;
	padding: 4px 15px;
	clear: both;
	font-weight: normal;
	text-align: right;
}
.program_wrap .timetable .item .detail {
	margin-left: 14%;
	padding: 8px 15px;
	border-left: 1px solid #999;
}


/* detail_persons */
.program_wrap .timetable .item .detail .detail_persons {
	width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
}
.program_wrap .timetable .item .detail .detail_persons table {
	width: 100%;
}
.program_wrap .timetable .item .detail .detail_persons th,
.program_wrap .timetable .item .detail .detail_persons td {
    font-weight: normal;
    vertical-align: top;
	text-align: left;
}
.program_wrap .timetable .item .detail .detail_persons th {
	white-space: nowrap;
	padding-right: 4px;
	width: 20%;
}
.program_wrap .timetable .item .detail .detail_persons th.text_right,
.program_wrap .timetable .item .detail .detail_persons td.text_right {
	text-align: right;
}


/* detail_session */
.program_wrap .timetable .item .detail .detail_session {
	width: 100%;
    background: #f4f4f4;
    margin-bottom: 10px;
    border-collapse: collapse;
}
.program_wrap .timetable .item .detail .detail_session table {
	width: 100%;
}
.program_wrap .timetable .item .detail .detail_session th,
.program_wrap .timetable .item .detail .detail_session td {
	border: 1px solid #aaa;
    font-weight: normal;
    padding: 6px;
    vertical-align: top;
}
.program_wrap .timetable .item .detail .detail_session th {
	text-align: center;
	background: #D2D2D2;
}
.program_wrap .timetable .item .detail .detail_session th.ttl {
	width: 77%;
}
.program_wrap .timetable .item .detail .detail_session th.con {
	width: 23%;
}
.program_wrap .timetable .item .detail .detail_session td {
	/*word-break : break-all;*/
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
.program_wrap .timetable .item .md_box .time {
	width: 20%;
}
.program_wrap .timetable .item .md_box .md_area {
	width: 80%;
}
.program_wrap .timetable .item .detail {
	margin-left: 20%;
}
}
@media screen and (max-width: 767px) {
.program_wrap .timetable {
	font-size: 12px;
}
.program_wrap .timetable .item .md_box .time {
	width: 100%;
	float: none;
	text-align: left;
	padding: 2px 8px;
}
.program_wrap .timetable .item .md_box .md_area {
	width: 100%;
	float: none;
	border: none;
}
.program_wrap .timetable .item .md_box .md_ttl {
	width: 100%;
	padding: 2px 8px;
}
.program_wrap .timetable .item .md_box .md_name {
	width: 100%;
	padding: 2px 8px;
}
.program_wrap .timetable .item .md_box .md_sponsor {
	padding: 2px 8px;
}
.program_wrap .timetable .item .detail {
	margin-left: 0;
	border: none;
	padding: 8px 8px;
}
}


/* -----------------------------------------------------------
	archives
----------------------------------------------------------- */
.archives_wrap .archives_list li {
	width: 25%;
	float: left;
	margin-left: 5%;
	margin-bottom: 5%;
}
.archives_wrap .archives_list li a {
	display: block;
	max-width: 155px;
	margin:  0 auto;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {

}
@media screen and (max-width: 767px) {
.archives_wrap .archives_list li {
	width: 32%;
	float: left;
	margin-left: 2%;
	margin-bottom: 5%;
}
.archives_wrap .archives_list li:nth-child(3n + 1) {
	margin-left: 0;
}
.archives_wrap .archives_list li a {
	display: block;
	max-width: 155px;
	margin:  0 auto;
}
}






