@charset "UTF-8";
#title {  background-image: url("images/title-bg.jpg");}

.anchornav { }
.anchornav ul { display: flex; justify-content: flex-start; flex-wrap: wrap; }
	.anchornav li { display: inline-block; font-size: 16px; padding:5px 40px 5px 0;}
		.anchornav li a { color:#FFF; text-decoration: none;}
			.anchornav li a::before { content:"〉";}
			.anchornav li a:hover { color:#CCC; text-decoration: underline;}

.inner { max-width:960px;}


.art { padding: 20px 0 40px 0; text-align: left; width: 100%; margin: 0 auto;}
	.art h3 { padding:10px 0; text-align: left;}
	.art p { padding:10px 0; font-size:16px;}

p.wbtn { text-align: center;}
	p.wbtn a { display: block; padding: 10px 0; width: 100%; max-width: 460px; background: #000; color:#FFF; text-decoration: none; border-radius: 20px; margin: 10px auto;}
	p.wbtn a:hover { color:#000; background: #999;}

@media all and (min-width:320px) {
	/* 320px+ settings */
	.art h3 img { display: block; padding: 10px 0;}
}

@media all and (min-width:640px) {
	/* 640px+ settings */
	.art h3 { display: flex; justify-content: space-between; align-items: center;}
	.art h3 img { max-width: 48%; height: auto;}
}

@media all and (min-width:960px) {
	/* 960px+ settings */
}

@media all and (min-width:1200px) {
	/* 1200px+ settings */
}