@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(#83daff, #31B1E7);
	/*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 #1A4773;*/}/*学術集会名文字色・影*/
/*.headerArea h2 { color: #3E2311;}*//*テーマの文字色*/
/*.headerArea h3 { color: #b1e8ff;}*//*会期・日程文字色*/


/*下層ページタイトル*/
.sub_ttl {
	background: linear-gradient(#31B1E7, #1069AC);/*下層ページタイトル背景色*/

}
@media screen and (max-width:835px){
	.headerArea, .sub_ttl {
		background: none;
		border-bottom: none;
	}
}

.sub_ttl h1 a { color: #b1e8ff;/*下層ページタイトル 学術集会名文字色*/ }
.sub_ttl h1 a:hover { color: #fff;}

.sub_ttl h2 { color: #fff;/*下層ページタイトル文字色*/ }


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

	見出しの色変更

========================================== */
.ttl_type01::before { background-color: #31B1E7;
}
.ttl_type02 { background: #b1e8ff;}
.ttl_type02::before { color: #1A4773;}

.ttl_type03 { border-color: #31B1E7;}
.ttl_type04 { border-color: #82D9FF;}
.ttl_type05 { border-color: #FFF68E;}


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

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

========================================== */
.side {
	background-color: #fff;/*サイドバー背景色*/
}
.sp_gnavArea {
	background: linear-gradient(#31B1E7, #1069AC);/*スマホメニューヘッダー背景色*/
}
.sp_btn span {
	background-color: #b1e8ff;/*スマホメニュー ハンバーガーの色*/
}
/*.side_nav li a {
	color: #1A4773;
}*//*サイドバーメニューボタンテキスト色*/


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

	テキストリンク色

========================================== */
a:link {color:#1069AC;}
a:visited {color:#1069AC;}
a:hover {color: #573132; text-decoration: none;}/*マウスオーバー*/

#footer a:link, #footer a:visited, #footer .fnav li:first-child::before, #footer .fnav li:nth-child(8)::before, #footer .fnav li::after { color: #1A4773;}
#footer a:hover { color: #1069AC;}

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

	ボタン色

========================================== */
#footer .bn_link a {
	background-color: #1A4773;
	color: #fff;
}
.top_btn li a, .notice dd.notice_btn a, .bn_link a:hover, .li_btn li a {
	background-color: #1069AC;
	color: #fff;
}
.top_btn li a:hover, .notice dd.notice_btn a:hover, .li_btn li a:hover {
	background-color: #1A4773;
	color: #FFF468;
}
.list_type01 > li::before, .list_type02 > li::before {
	color: #FFF468;
}
.top_btn li.poster a {
    padding: 0;
    background: none;
}


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

	色テンプレ

========================================== */
/*背景色*/
.bg01, .table_type01 th { background-color: #1069AC;}
.bg02, .table_type02 th, .table_type03 th, .li_btn2 li a:hover, .footerArea { background-color: #b1e8ff;}
.bg03, .copyright { background-color: #31B1E7;}

/*枠線色*/
.bd01 { border-color: #b1e8ff;}
.bd02, .li_btn li a:hover, .d_dl li { border-color: #31B1E7;}
.bd03, .li_btn li a, .table_type01 td { border-color: #1A4773;}
.bd04, .li_btn2 li a { border-color: #1069AC;}
.bd05 { border-color: #31B1E7;}

/*文字色*/
.txt01 { color: #1A4773;}
.txt02 { color: #1069AC;}
.txt03 { color: #31B1E7;}

body::before {
	background: linear-gradient(#fff,#fff, #b1e8ff);
	
}