@charset 'utf-8';



#outline {
	width: 100%;
/* 
	padding: 30px 20px;
	padding-bottom: 20px;
 */
}

#outline > .inner {
	width: 100%;
	vertical-align: top;
	position: relative;
}

#outlinetbl {
	max-width: 1400px;
	margin: 0 auto;
	font-size: 1.4em;
	line-height: 1.5;
}

#outlinetbl:not(:last-child) {
	margin-bottom: 2em;
}

#outlinetbl h3 {
	padding-bottom: .3em;
	border-bottom: 1px solid #000;
}

#outline table {
	display: block;
	width: 100%;
}

#outline table th,
#outline table td {
	text-align: left;
	vertical-align: top;
}

#outline table th {
	display: inline-block;
	padding: 0 1em;
	border-bottom: 1px solid #4c472d;
	font-weight: 700;
	white-space: nowrap;
}

#outline table td {
	display: block;
	padding: .3em 1em;
/* 	padding-left: 2em; */
}

#outline table tr {
	display: block;
	width: 100%;
	padding: 1em 0;
	border-bottom: 1px solid #4c472d;
}

#outline table tr:nth-child(even) {
	background: #f2f2f2;
}

#outline table tr.emphasis {
	background: #c4dacb;
}

#outline table tr.emphasis p {
	font-weight: 700;
}

#outline table .red {
	color: red;
}

#outline table tbody {
	display: block;
	width: 100%;
}

#outline table td ul {
	margin-left: 1.5em;
}

#outline table td ul:not(:last-child) {
	margin-bottom: .3em;
}

#outline table td li:not(:last-child) {
	margin-bottom: .3em;
}

#outline table td .caution {
	margin-top: .5em;
	padding-left: 1em;
	color: #808080;
	font-size: .8em;
	line-height: 1.5;
	position: relative;
}

#outline table td .caution::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}

#outline table td .addrgrid {
	display: table;
}

#outline table td .addr {
	display: table-row;
}

#outline table td .addr span {
	display: table-cell;
	width: auto;
	vertical-align: top;
}

#outline table td .addr span.head {
	font-weight: 700;
}

#outline table td .addr:not(:last-child) span {
	padding-bottom: .5em;
}

#outline .btnarea {
	margin-top: 1em;
	text-align: left;
}

#outline .btnarea a {
	text-align: center;
	margin: 1px;
}

@media only screen and (max-width: 768px) {

	#outline table td > div {
		display: flex;
	}

	#outline table td:not(:last-child) > div > p {
		width: calc(100% - 4.5em);
	}

	#outline table td div:before {
		display: block;
		width: 4.5em;
		color: #666;
		font-size: .85em;
		white-space: nowrap;
	}

	#outline table td:nth-child(1) div:before {
		content: '種類：';
	}

	#outline table td:nth-child(2) div:before {
		content: '取得日：';
	}

	#outline table td:nth-child(3) div:before {
		content: '組織：';
	}

	#outline table td:nth-child(4) div:before {
		content: '表彰者：';
	}
}

@media only screen and (min-width: 769px) {

	#outlinetbl {
		font-size: 1.3em;
	}

	#outline {
		padding-bottom: 0;
	}

	#outlinetbl {
		padding: 0;
	}

	#outline table {
		display: table;
	}

	#outline table th,
	#outline table td {
		display: table-cell;
		padding: .5em 1.5em;
		border: none;
	}

	#outline table th {
		width: 10em;
	}

	#outline table tr {
		display: table-row;
		padding: 0;
	}

	#outline table tbody {
		display: table-row-group;
	}

	#outline table td:nth-child(3),
	#outline table td:nth-child(4) {
		min-width: 200px;
	}

	#outline table td:nth-child(1) p,
	#outline table td:nth-child(2) p {
		white-space: nowrap;
	}
}

@media only screen and (min-width: 1601px) {

	#outline table td:nth-child(3) {
		min-width: 400px;
	}
}

/* 
@media only screen and (min-width: 1001px) {

	#outline {
		padding-bottom: 0;
	}

	#outlinetbl {
		display: flex;
		flex-wrap: wrap;
	}

	#outlinetbl > div.tbl {
		width: 50%;
		padding: 0 10px;
	}

	#outlinetbl > div.tbl:last-child {
		width: 100%;
	}

	#outlinetbl > div.tbl:not(:last-child) table tr:last-child {
		border: none;
	}

	#outlinetbl > div.tbl table tr:first-child {
		border-top: 1px solid #4c472d;
	}

	#outline table td ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#outline table td li {
		display: inline;
	}

	#outline table td li:not(:last-child):after {
		content: '、';
	}
}
 */


#gallery {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 15px;
}
#gallery figure img {
	width: 100%;
	height: auto;
}

#gallery figure:nth-child(1) {width: 20.80%;}
#gallery figure:nth-child(2) {width: 28.90%;}
#gallery figure:nth-child(3) {width: 16.87%;}
#gallery figure:nth-child(4) {width: 33.43%;}

#gallery figure:nth-child(5) {width: 27.71%;}
#gallery figure:nth-child(6) {width: 21.31%;}
#gallery figure:nth-child(7) {width: 21.03%;}
#gallery figure:nth-child(8) {width: 29.95%;}

#gallery figure:nth-child(9) {width: 32.39%;}
#gallery figure:nth-child(10) {width: 22.95%;}
#gallery figure:nth-child(11) {width: 24.51%;}
#gallery figure:nth-child(12) {width: 20.15%;}

@media screen and (max-width:1000px) {
	#gallery figure:nth-child(1) {width: 31.24%;}
	#gallery figure:nth-child(2) {width: 43.41%;}
	#gallery figure:nth-child(3) {width: 25.34%;}

	#gallery figure:nth-child(4) {width: 48.31%;}
	#gallery figure:nth-child(5) {width: 29.22%;}
	#gallery figure:nth-child(6) {width: 22.47%;}

	#gallery figure:nth-child(7) {width: 23.5%;}
	#gallery figure:nth-child(8) {width: 33.47%;}
	#gallery figure:nth-child(9) {width: 43.03%;}

	#gallery figure:nth-child(10) {width: 33.95%;}
	#gallery figure:nth-child(11) {width: 36.25%;}
	#gallery figure:nth-child(12) {width: 29.80%;}

}