@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: url("../images/h_bg.jpg") no-repeat;
	background-size: cover;
}
.headerArea h1, .sub_ttl h1, .sp_gnavArea h2 a {
	text-decoration: none;
	color: #fff;
	text-shadow: 1px 1px 5px #9E5A40;}/*学術集会名文字色・影*/
/*.headerArea h2 { color: #3E2311;}*//*テーマの文字色*/
/*.headerArea h3 { color: #EAF79A;}*//*会期・日程文字色*/


/*下層ページタイトル*/
.sub_ttl {
	background: url("../images/h_bg.jpg") no-repeat;
	background-size: cover;
}
@media screen and (max-width:835px){
	.headerArea, .sub_ttl {
		background: none;
		border-bottom: none;
	}
}

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


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

	見出しの色変更

========================================== */
.ttl_type01::before { background-color: #00BD85;
}
.ttl_type02 { background: #EAF79A;}
.ttl_type02::before { color: #6B6255;}

.ttl_type03 { border-color: #53CCA9;}
.ttl_type04 { border-color: #D7E900;}
.ttl_type05 { border-color: #EAF79A;}


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

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

========================================== */
.side {
	background-color: #fff;/*サイドバー背景色*/
}
.sp_gnavArea {
	background: #53CCA9;/*スマホメニューヘッダー背景色*/
}
.sp_btn span {
	background-color: #EAF79A;/*スマホメニュー ハンバーガーの色*/
}
/*.side_nav li a {
	color: #9E5A40;
}*//*サイドバーメニューボタンテキスト色*/


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

	テキストリンク色

========================================== */
a:link {color:#6B6255;}
a:visited {color:#6B6255;}
a:hover {color: #00BD85; 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: #6B6255;}
#footer a:hover { color: #EAF79A;}

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

	ボタン色

========================================== */
#footer .bn_link a {
	background-color: #9E5A40;
	color: #fff;
}
.top_btn li a, .notice dd.notice_btn a, .bn_link a:hover, .li_btn li a {
	background-color: #00BD85;
	color: #fff;
}
.top_btn li a:hover, .notice dd.notice_btn a:hover, .li_btn li a:hover {
	background-color: #DBEF5A;
	color: #4E463D;
}
.list_type01 > li::before, .list_type02 > li::before {
	color: #D7E900;
}
.top_btn li.poster a {
    padding: 0;
    background: none;
}


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

	色テンプレ

========================================== */
/*背景色*/
.bg01, .table_type01 th { background-color: #00BD85;}
.bg02, .table_type02 th, .table_type03 th, .li_btn2 li a:hover { background-color: #EAF79A;}

/*枠線色*/
.bd01 { border-color: #EAF79A;}
.bd02, .li_btn li a:hover, .d_dl li { border-color: #00BD85;}
.bd03, .li_btn li a, .table_type01 td { border-color: #FEB519;}
.bd04, .li_btn2 li a { border-color: #00BD85;}

/*文字色*/
.txt01 { color: #00976A;}
.txt02 { color: #FEB519;}
.txt03 { color: #9CE232;}

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


.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;
}

.cat dl div {
    display: flex;
    margin-bottom: 5px;
    gap: 0 10px;
    font-size: .8em;
}
.cat dt {
    width: 1.75em;
    text-align: center;
    background: #8C8777;
    color: #fff;
    font-weight: bold;
}
.cat dd {
    border-bottom: 1px dotted #ccc;
    width: 100%;
}

.contents {
	min-height: calc( 100vh - 198px);
	
	@media screen and (max-width:835px){
		min-height: calc(100vh - 257px);
	}
	@media screen and (max-width:599px){
		min-height: calc(100vh - 328px);
	}
}