@charset "utf-8";

#convention .inner-sct { padding: 40px 0 80px;}
#convention .box .box-tit { margin-bottom: 20px;}
#convention .box .box-tips h3 span { display: inline-block; margin-left: 8px; }
#convention .box .ctn { width: 100%; max-width: 900px; margin: 0 auto;}
#convention .box .ctn ul.detail { padding: 20px 0 40px;}
#convention .box .ctn ul.detail li { font-size: 1.0rem;}
#convention .box .ctn ul.detail li.hp { position: relative; padding-left: 20px;}
#convention .box .ctn ul.detail li.hp:before { content: ''; position: relative; display: block; width: 8px; height: 8px; vertical-align: middle;
 border-top: solid 2px #50a63a; border-right: solid 2px #50a63a; transform: rotate(45deg);
 position: absolute; left: 0; top: 10px;
}
#convention .box .ctn ul.detail li a { color: #000; }
#convention .box .ctn ul.detail li a:hover { text-decoration: none;}
#convention .box p.past { position: relative; margin-top: 20px; padding-left: 20px; font-size: 1.0rem;}
#convention .box p.past:before { content: ''; position: relative; display: block; width: 8px; height: 8px; vertical-align: middle;
 border-top: solid 2px #50a63a; border-right: solid 2px #50a63a; transform: rotate(45deg);
 position: absolute; left: 0; top: 10px;
}

#convention .box p.past a { color: #000;}
#convention .box p.past a:hover { text-decoration: none;}

#convention .box .ctn ul.backnumber { font-size: 0px; border-top: solid 1px #c8c8c8;}
#convention .box .ctn ul.backnumber li { }
#convention .box .ctn ul.backnumber li.dtd { background: #6b9d57; color: #fff; font-weight: 700; text-align: center;}
#convention .box .ctn ul.backnumber li ul { position: relative; display: table; width: 100%; border-left: solid 1px #c8c8c8;}
#convention .box .ctn ul.backnumber li ul li { position: relative; display: table-cell; padding: 5px; font-size: 0.88rem; line-height: 1.4;
 border-bottom: solid 1px #c8c8c8; border-right: solid 1px #c8c8c8; vertical-align: middle;
}
#convention .box .ctn ul.backnumber li ul li:nth-child(1) { width: 50px; font-size: 1.0rem; text-align: center;}
#convention .box .ctn ul.backnumber li ul li:nth-child(2) { width: 200px;}
#convention .box .ctn ul.backnumber li ul li:nth-child(3) { width: 200px;}
#convention .box .ctn ul.backnumber li ul li:nth-child(4) { width: 120px;}
#convention .box .ctn ul.backnumber li ul li:nth-child(5) { width: auto;}
#convention .box .ctn ul.backnumber li.dtd ul li{ font-size: 1.0rem;}
#convention .box .ctn ul.backnumber li ul li span { display: block;}
#convention .box .ctn ul.backnumber li ul li a { color: #000;}
#convention .box .ctn ul.backnumber li ul li a:hover { text-decoration: none;}
@media (max-width: 1001px) {
	#convention .box .ctn ul.backnumber li ul li { font-size: 0.8rem;}
	#convention .box .ctn ul.backnumber li ul li:nth-child(1) { width: 50px; font-size: 0.78rem;}
	#convention .box .ctn ul.backnumber li ul li:nth-child(2) { width: 150px;}
	#convention .box .ctn ul.backnumber li ul li:nth-child(3) { width: 180px;}
	#convention .box .ctn ul.backnumber li ul li:nth-child(4) { width: 90px;}
	#convention .box .ctn ul.backnumber li.dtd ul li{ font-size: 0.88rem;}
}
@media (max-width: 801px) {
	#convention .box .ctn ul.backnumber { border-top: none;}
	#convention .box .ctn ul.backnumber li.dtd { display: none;}
	#convention .box .ctn ul.backnumber li { margin-bottom: 20px;}
	#convention .box .ctn ul.backnumber li ul { border: none;}
	#convention .box .ctn ul.backnumber li ul li { display: block; margin: 0px; width: 100%; padding: 8px; padding-left: 120px; border-left: solid 1px #c8c8c8;}
	#convention .box .ctn ul.backnumber li ul li:nth-child(1) { width: 100%; border-top: solid 1px #c8c8c8; font-size: 0.75rem; text-align: left;}
	#convention .box .ctn ul.backnumber li ul li:nth-child(2) { width: 100%;}
	#convention .box .ctn ul.backnumber li ul li:nth-child(3) { width: 100%;}
	#convention .box .ctn ul.backnumber li ul li:nth-child(4) { width: 100%;}
	#convention .box .ctn ul.backnumber li ul li:nth-child(5) { width: 100%;}
	#convention .box .ctn ul.backnumber li ul li span { display:inline-block; margin-right: 15px;}
	#convention .box .ctn ul.backnumber li ul li:before { content: ''; display: block; width: 100px; height: 100%; background: #6b9d57;
	 position: absolute; left: 0; top: 0px;
	 font-weight: 700; text-align: center;
	}
	#convention .box .ctn ul.backnumber li ul li:nth-child(1):after { content: '回';}
	#convention .box .ctn ul.backnumber li ul li:nth-child(2):after { content: '会　期';}
	#convention .box .ctn ul.backnumber li ul li:nth-child(3):after { content: '担　当';}
	#convention .box .ctn ul.backnumber li ul li:nth-child(4):after { content: '大会委員長';}
	#convention .box .ctn ul.backnumber li ul li:nth-child(5):after { content: '会　場';}
	#convention .box .ctn ul.backnumber li ul li:after { display: block; width: 100px; position: absolute; left: 0; top: 8px;
	 color: #fff; font-weight: 700; text-align: center;
	}
}
@media (max-width: 641px) {
}
@media (max-width: 481px) {
	#convention .inner-sct { padding: 20px 0 50px;}
	#convention .box .box-tit { margin-bottom: 12px;}
	#convention .box .box-tips h3 span { display: block; margin: 0px auto;}
	#convention .box .ctn ul.detail li { font-size: 0.88rem;}
	#convention .box .ctn ul.backnumber li ul li { padding: 5px; padding-left: 100px;}
	#convention .box .ctn ul.backnumber li ul li:before { width: 85px;}
	#convention .box .ctn ul.backnumber li ul li:after { width: 85px; top: 5px;}
}