<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

h3{
padding:15px;
margin-top: 15px;
background-color: #ACBBC4;
color:#fff;
}

.section{
float:left;
width:230px;
margin:10px 0 50px 10px;
}

.rightend{margin-right:0;}

.section h4{
margin:20px 10px 10px;
padding:10px;
background-color:#D379AF;
color:#fff;}

.section ul{
line-height:3;
list-style-type: none;
padding-left:20px;
}

p.note{clear:both;padding:20px 0;}
p.date{text-align: right;}

table{
margin: 20px auto 0px;
width: 100%;
border: 5px solid rgb(216, 216, 216);
background: #CCCCCC;
border-collapse:separate;
border-spacing:1px;
text-align:center;
}

th{
padding:12px;
border-bottom:none;
background:#2569a6;
font-size:12px;
color:#FFF;
}

th.length{
background:#EEE;
color:#000;
}

td{background-color: #fff;}

img {
	max-width: 100%;
	height: auto;
}


@media screen and (max-width: 768px) {
	#topicpath {
		display: none;
	}
	
	#place-navi {
		display: none;
	}
	
	.inr {
		width: 100%;
		min-width: 280px;
		padding: 0 2%;
		box-sizing: border-box;
	}
	
	.pc {
		display: none;
	}
	
	table {
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;
	}
	
	table th span {
		writing-mode: vertical-rl;
		text-orientation: upright;
		min-height: 3.6em;
	}
	
	table ul {
		width: auto;
	}
	
	table ul li {
		width: auto;
		float: none;
	}
}</pre></body></html>