h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin-bottom: .5rem;
}

body {
	background: #fff linear-gradient(to bottom right, #fff, #f0e68c);
	color: #333;
}
mark {
	background: #c5f2f9;
	background: #ffdbed;
}
::selection {
	background: #66cdaa;
}


/* sticky footer 
.site {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.main {
	margin-bottom: auto;
} */


/* パンくずリスト */
.breadcrumb-wrap {
	width: 100%;
	background: #007b43;
	background: #edf09e;
}
.breadcrumb {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap : wrap;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: .5rem;
	color: #333;
	font-size: .75rem;
}
.breadcrumb li + li {
	padding-left: .5rem;
}
.breadcrumb li + li::before {
	display: inline-block;
	padding-right: .5rem;
	color: #333;
	content: "/";
}
.breadcrumb li a {
	color: #333;
}
@media screen and (min-width: 768px) {
	.breadcrumb {
		margin: 0 auto;
		max-width: 1140px;
	}
}



/* header */
.header {
	margin: 0 auto;
	padding: 2em 1em;
	width: 100%;
	background: #fff url(img/bg-img.jpg) center top repeat fixed;
	background-size: cover;
	text-align: center;
}
.header-inner {
	padding: 2em 1em;
	background: rgba(255, 255, 255, .8) url(img/bg-img-dot.png) center center repeat fixed;
	background-size: contain;
	border: .5rem solid khaki;
	border-top-color: #fffacd;
	border-left-color: #fffacd;
	box-shadow: 0 0 6px 3px rgba(0, 0, 0, .4) inset;
}
.header img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
.title {
	margin-bottom: 0;
	font-size: 0;
}
.during {
	padding-top: 2rem;
	padding-bottom: 2rem;
}
@media screen and (min-width: 601px) {
	.header img {
		max-width: 70%;
	}
}
@media screen and (min-width: 768px) {
	.header-inner {
		margin: 3em auto;
		padding: 2em 0;
		max-width: 800px;
	}
	.header img {
		max-width: 50%;
	}
	.during {
		padding-top: 4rem;
		padding-bottom: 4rem;
	}
}
@media screen and (min-width: 1140px) {
	.header-inner {
		margin: 3em auto;
	}
}


/* main */
.container {
}
.inner {
	padding: 2rem 1rem;
	/*background: rgba(255, 255, 255, .5);*/
}
@media screen and (min-width: 768px) {
	.inner {
		margin: 0 auto;
		max-width: 1140px;
	}
}

.box-w {
	margin-bottom: 3em;
	padding: 1rem;
	/*background: #fff;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .5);*/
}
.box-w:last-child {
	margin-bottom: 0;
}
.box-w h2 {
	margin-bottom: 1.5em;
	padding: .5em;
	border-top: 1px solid #a27600;
	border-bottom: 1px solid #a27600;
	color: #a27600;
	font-size: 1.25rem;
	letter-spacing: .1em;
}
.box-w h2:not(:first-child) {
	margin-top: 4em;
}
.box-w p:last-child,
.box-w ul:last-child {
	margin-bottom: .3em;
}

@media screen and (min-width: 768px) {
	.flex-box {
		display: flex;
		justify-content: space-between;
	}
	.flex-col-50 {
		width: calc((100% - 5em) / 2);
	}
}

/* お知らせ */
.event-info {
	margin: 1em 1em 2em;
	background: #fff;
	border: 2px solid #a27600;
}
.event-info .flex-box {
	margin: 0 0 .5em;
}
.event-info h2 {
	position: relative;
	padding: 0 0 1.3em;
	border: none;
	text-align: center;
}
.event-info h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	content: "";
	width: 100%;
	height: 10px;
	background-image: repeating-linear-gradient(-45deg, #a27600, #a27600 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	backface-visibility: hidden;
}
.info-col-1 {
	line-height: 1.3;
}
.info-col-1 ul {
	margin-top: .3em;
}
.info-col-2 {
	list-style: none;
	padding: 0;
	padding-left: 1em;
	text-indent: -1em;
}
.info-col-2 li {
	margin-bottom: .3em;
	line-height: 1.3;
}
.info-col-2 li:before {
	content: "\203B";
}
@media screen and (max-width: 767px) {
	.event-info h2 {
		margin-bottom: 1em;
	}
}
@media screen and (min-width: 768px) {
	.event-info {
		margin-bottom: 2em;
	}
	.event-info .flex-box {
		margin: 0 3em 1em;
	}
	.event-info .flex-col-50 {
		width: calc((100% - 1em) / 2);
	}
	.info-col-1 {
		font-size: 1.25rem;
	}
	.info-col-2 {
		margin-top: 2em;
		font-size: 1.125rem;
	}
}

/* 美術展の概要 */
.event-summary-list {
	margin: 0 .7em .7em;
}
.event-summary-list dt {
	margin-bottom: .5em;
	border-bottom: 1px solid #333;
	color: #a27600;
	font-weight: bold;
	letter-spacing: .2em;
}
/*.event-summary-list dt:not(:first-child) {
	margin-top: 1.5em;
}*/
.event-summary-list dt {
	margin-top: 1.5em;
}
.event-summary-list dd {
	margin-left: 0;
}
.event-date {
	font-size: 1.25rem;
}
@media screen and (min-width: 768px) {
	.event-summary-list dt:first-child {
		margin-top: 0;
	}
}

/* 表 */
table {
	width: 100%;
	border-collapse: collapse;
}
tr {
	background: #fff;
}
th,td {
	border: 1px solid #a27600;
}
th {
	padding: .5em .3em;
	width: 30%;
	background: #cee5af;
}
td {
	padding: .7em .5em;
}
table ul {
	margin: 0;
	padding-left: 1.3em;
}
th,td {
	border: 1px solid #a27600;
}
.table-g th {
	background: #ddd;
}
@media screen and (min-width: 768px) {
	td {
		padding-left: 1em;
	}
}

/* 受賞者の表 */
.award-list {
	/*table-layout: fixed;*/
}
.award-list thead th {
	background: #edf09e;
}
.award-list th {
	padding: .5rem;
	width: auto;
}
.award-list td {
	padding: .5rem 1rem;
}
.award-list td:nth-child(3) {
	padding: .5rem;
	text-align: center;
}
.award-list .line {
	border-top: 2px solid #a27600;
}
.color-sub th {
	background: #c0e5e3;
}
@media screen and (max-width: 600px) {
	.award-list thead {
		display: none;
	}
	.award-list tr {
		border: 1px solid #a27600;
	}
	.award-list th {
		display: block;
		padding-left: 1rem;
		border: none;
		border-bottom: 1px solid #a27600;
		text-align: left;
	}
	.display-hidden th {
		display: none;
	}
	.award-list td {
		display: inline-block;
		border: none;
	}
	.award-list td:nth-child(3) {
		padding: 0 .3rem;
		border: 1px solid #a27600;
		font-size: .9em;
	}
}



/* 申込 */
.ol-color {
	list-style: none;
	counter-reset: item;
	padding-left: 0;
}
.ol-color li {
	margin-bottom: .5em;
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.ol-color li::before {
	counter-increment: item;
	content: counter(item)'.';
	padding-right: .5em;
	color: #a27600;
	font-weight: bold;
}
.closing-day {
	color: #d3381c;
	font-size: 1.25rem;
	text-align: center;
}

.links-pdf {
	display: flex;
	justify-content: space-between;
	margin: 2em auto 0;
	width: 90%;
	max-width: 500px;
}
.pdf-boshu,
.pdf-moushikomi {
	display: block;
	padding: 1rem;
	width: calc((100% - 2em) / 2);
	background: #ccc;
	border-radius: .25em;
	color: #fff;
	text-align: center;
}
.pdf-boshu {
	background: #56ceba;
}
.pdf-boshu:hover {
	background: #288273;
}
.pdf-moushikomi {
	background: #ff8791;
}
.pdf-moushikomi:hover {
	background: #e24a52;
}


/* 画材店 */
.gazaiten {
	margin: 0 .7em;
}
.gazaiten dt {
	font-weight: bold;
}
.gazaiten dd {
	margin-left: 0;
	margin-bottom: 1em;
}

/* お問い合わせ */
.contact p {
	margin-left: .7em;
}
@media screen and (max-width: 767px) {
	.contact h2 {
		margin-top: 4em;
	}
}

/* 注意事項 */
.notice {
	padding-left: 1.3em;
}
.notice li:not(:last-child) {
	margin-bottom: .5em;
}

/* ブログへのリンク */
.blog_link {
	display: block;
	margin: 1rem auto;
	padding: .5rem;
	font-weight: bolder;
	text-align: center;
}
.blog_link a {
	color: #47885e;
	text-decoration: underline;
}

/* 主催・後援・協賛 */
.kouen {
	background: #edf09e;
	padding: 2em 1.5em;
}
.kouen p {
	margin: 0 auto;
	padding-left: 4em;
	font-size: .875rem;
	text-indent: -3.7em;
}
@media screen and (min-width: 768px) {
	.kouen p {
		margin: 0 auto;
		max-width: 600px;
	}
}


/* 受賞作品 */
.event-sakuhin {
	margin-bottom: 0;
}
.sakuhin-list {
	display: flex;
	align-items: flex-end;
}
.sakuhin {
	margin: .5em;
}
.sakuhin img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.sakuhin figcaption {
	padding: .5em .3em;
	background: #111;
	color: #fff;
	font-size: .9em;
	text-align: center;
}
.sakuhin figcaption span {
	font-size: 1.2em;
}
@media screen and (max-width: 769px) {
	.sakuhin-list {
		flex-wrap: wrap;
	}
	.sakuhin {
		width: calc((100% - 3em) / 3);
	}
}
@media (max-width: 600px) {
	.sakuhin {
		width: calc((100% - 2em) / 2);
	}
}


.event-jusho {
	margin-bottom: 0;
}


/* footer */
.global-footer {
	background: #007b43;
}
.copyright {
	margin: 0;
	padding: 1rem;
	color: #fff;
	font-size: .6875rem;
	text-align: center;
}