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

@layer reset, common, style, color, print;
@import url("reset.css") layer(reset);
@import url("common.css") layer(common);
@import url("../style.css") layer(style);
@import url("print.css") layer(print);

/* =======================================

	学術集会名・テーマ・日程・見出しの色

========================================== */
.header {
	background: linear-gradient(#3F6EB4, #232E85);
	/*background: url("../images/xxx");
	background-size: cover;*//*画像の場合*/
}
.headerArea h1, .sub_ttl h1, .sp_gnavArea h2 a {
	text-decoration: none;
	color: #fff;
	text-shadow: 1px 1px 5px #232E85;}/*学術集会名文字色・影*/
/*.headerArea h2 { color: #3E2311;}*//*テーマの文字色*/
/*.headerArea h3 { color: #7FCFF5;}*//*会期・日程文字色*/


/*下層ページタイトル*/
.sub_ttl h1 {
	width: 55%;
	margin: 0 auto;
	
	& img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width:835px){
	.sub_ttl {
		background: none;
		border-bottom: none;
	}
}


@media screen and (max-width:599px){
	.contents { padding-top: 5px;}
}

/* =======================================

	見出しの色変更

========================================== */
.ttl_type01::before { background-color: #3F6EB4;
}
.ttl_type02 { background: #C8EDFF;}
.ttl_type02::before { color: #3F6EB4;}

.ttl_type03 { border-color: #287AC1;}
.ttl_type04 { border-color: #7FCFF5;}
.ttl_type05 { border-color: #C8EDFF;}


/* =======================================

	サイドバー・スマホメニュー色

========================================== */
.side {
	background-color: #fff;/*サイドバー背景色*/
}
.sp_gnavArea {
	background: linear-gradient(#3F6EB4, #232E85);/*スマホメニューヘッダー背景色*/
}
.sp_gnavArea h2 a {
	letter-spacing: -.1em;
}
.sp_btn span {
	background-color: #7FCFF5;/*スマホメニュー ハンバーガーの色*/
}
/*.side_nav li a {
	color: #182F88;
}*//*サイドバーメニューボタンテキスト色*/


/* =======================================

	テキストリンク色

========================================== */
a:link, a:visited  {color: #182F88;}
a:hover {color: #3F6EB4; text-decoration: none;}/*マウスオーバー*/

#footer a:link, #footer a:visited, #footer .fnav li:first-child::before, #footer .fnav li:nth-child(7)::before, #footer .fnav li::after { color: #182F88;}
#footer a:hover { color: #3F6EB4;}

/* =======================================

	ボタン色

========================================== */
#footer .bn_link a {
	background-color: #182F88;
	color: #fff;
}
.top_btn li a, .notice dd.notice_btn a, .bn_link a:hover, .li_btn li a {
	background-color: #3F6EB4;
	color: #fff;
}
.top_btn li a:hover, .notice dd.notice_btn a:hover, .li_btn li a:hover {
	background-color: #182F88;
}
.list_type01 > li::before, .list_type02 > li::before {
	color: #7FCFF5;
}
.top_btn li.poster a {
    padding: 0;
    background: none;
}


/* =======================================

	色テンプレ

========================================== */
/*背景色*/
.bg01, .table_type01 th { background-color: #3F6EB4;}
.bg02, .table_type02 th, .table_type03 th, .li_btn2 li a:hover { background-color: #C8EDFF;}
.bg03 { background-color: #7FCFF5;}

/*枠線色*/
.bd01 { border-color: #C8EDFF;}
.bd02, .li_btn li a:hover { border-color: #3F6EB4;}
.bd03, .li_btn li a, .table_type01 td { border-color: #182F88;}
.bd04, .li_btn2 li a, .d_dl li { border-color: #7FCFF5;}

/*文字色*/
.txt01 { color: #182F88;}
.txt02 { color: #3F6EB4;}
.txt03 { color: #7FCFF5;}

body::before {
	background: url("../images/bg.jpg") no-repeat #fff;
	background-size: cover;
}

.coi_box {
	background: #eee;
	padding: 10px;
	font-size: .9em;
	line-height: 1.4em;
	margin-bottom: 25px;
}
.coi_box dt {
	margin: 0;
	padding: 0 0 0 2em;
	text-indent: -2.7rem;
	font-weight: bold;
}
.coi_box dd {
	margin: 0 0 1em 2em
}

.block_container.cat {
	@media screen and (max-width:599px){
		gap: 0;
	}
}
.cat dl div {
	display: flex;
	margin-bottom: 5px;
	gap: 0 10px;
	font-size: .8em;
	
	@media screen and (max-width:599px){
		font-size: .95em;
	}
}
.cat dt {
	width: 1.75em;
	text-align: center;
	background: #7FCFF5;
	color: #fff;
	font-weight: bold;
}
.cat dd {
	border-bottom: 1px dotted #ccc;
	width: 100%;
}