@charset 'UTF-8';

.slide-items {
  width: 100%;
  height: 100%;
}

.slide-items img {
  width: 100%;
  object-fit: cover;
}

div#logo h1 {
	max-width:235px;
	margin:0 auto;
}
#logo h1 img {
	display:inline;
	width:auto;
	height:50px;
}
div#top {
	width:100%;
	height:930px;
	background:url('../images/front/topImgBg.jpg') no-repeat center #fdedd4;
	background-size:cover;
/*	box-shadow:0px 5px 5px #ccc;*/
	position:relative;
}
div#top img {
	display:block;
	max-width:1200px;
	position:absolute;
	top:-12px;
	left:0;
	right:0;
	margin:auto;
}
h2 {
	font-size:18px;font-size:1.8rem;
}
h2 span {
	color:#fff;
	background-color:#e60000;
	padding:0 10px;
	margin-right:5px;
}
.hobby {
	text-align:center;
	font-size:0;
}
.hobby p,
.hobby p+a {
	display:inline-block;
	width:50%
}
.hobby p {
	text-align:left;
	font-size:16px;font-size:1.6rem;
	margin-bottom:0;
}
h2+p {
	font-size:1.25em;
	margin-top:0;
	margin-bottom:15px;
}
a.entry {
	display:block;
	width:513px;
	text-decoration:none;
	border:1px solid #7f4f21;
	border-radius:5px;
	background-color:#e60000;
	margin:0 auto;
	position:relative;
}
.entry:before {
	content:'';
	border:7px solid transparent;
	border-bottom:7px solid #fff;
	transform:rotate(45deg);
	position:absolute;
	top:0;
	right:0;
}
.entry img:first-child {
	float:left;
	width:91px;
	padding:5px 0 0 20px;
}
.entry h3 {
	text-align:center;
	font-size:27px;font-size:2.7rem;
	color:#fff;
	padding:10px 0;
}
.entry h3 span {
	color:#fff100;
	margin-right:5px;
}
.entry p {
	text-align:center;
	font-size:16px;font-size:1.6rem;
	font-weight:400;
	background-color:#fff;
	padding:5px 0;
	margin:0;
}
.entry p span {
	display:block;
	color:#e60000;
	font-weight:600;
}
.entry img:last-child {
	max-width:513px;
	border-radius:0 0 5px 5px;
}
.lastyear {
	text-align:center;
}
/*.lastyear div {
	float:left;
	text-align:left;
}
.lastyear .comme {
	width:650px;
}*/
.lastyear .comme h3 {
	font-size:27px;font-size:2.7rem;
}
.lastyear .comme h3 span {
	color:#e60000;
}
.lastyear .comme p {
	font-size:16px;font-size:1.6rem;
	line-height:1.8;
	margin-bottom:0;
}
.lastyear .photo {
	width:400px;
}
.lastyear .photo p {
	font-size:14px;font-size:1.4rem;
	margin:10px 0 0;
}
.topics {
	text-align:center;
}
.topics li a {
	display:block;
	font-size:16px;font-size:1.6rem;
	text-decoration:none;
	font-weight:400;
}
.topics li {
	display:inline-block;
	width:306px;
	text-align:left;
	border:1px solid #006400;
	border-radius:5px;
	background-color:#fff;
	padding:10px;
	margin:0 10px;
}
/*.topics div {
	height:190px;
	margin-bottom:0.5em;
	position:relative;
	overflow:hidden;
}
.topics img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
}*/
.topics p {
	text-align:right;
	font-size:14px;font-size:1.4rem;
	font-weight:600;
	color:#7f4f21;
	margin:0;
	position:relative;
}
.topics p:before {
	content:'';
	width:220px;
	border-top:1px solid #7f4f21;
	position:absolute;
	top:0.7em;
	left:0;
}
.topics a.btn span {
	padding:10px 7em;
}

.news dl {
	font-size:16px;font-size:1.6rem;
	padding:0 10px;
}
.news dt {
	position:absolute;
}
.news dt span {
	font-size:14px;font-size:1.4rem;
	color:#fff;
	background-color:#006400;
	padding:0 3px;
}
.news dd {
	padding-left:5em;
	margin-left:0;
}
.news dt:not(:first-child),
.news dt:not(:first-child)+dd {
	padding-top:.5em;
	margin-top:.5em;
}
.news dd a,
.news dd a:visited,
.news dd a:hover {
	text-decoration:underline;
}
.news dd a:hover {
	text-decoration:none;
}


ul.sp-1,ul.sp-2,ul.sp-3 {
	width:100%;
	font-size:12px; font-size:1.2rem;
	text-align:center;
	margin:0 auto;
}
ul.sp-1 li,ul.sp-2 li,ul.sp-3 li {
	display:inline-block;
	vertical-align:top;
	border:1px solid #006400;
	border-radius:5px;
	background-color:#fff;
	margin:0 1% 15px 1%;
}
ul.sp-1 li {
	width:47%;
}
ul.sp-2 li {
	width:30.3333%;
}
ul.sp-3 li {
	width:22%;
	font-size:16px; font-size:1.6rem;
	line-height:60px;
}
ul.sp-1 img,ul.sp-2 img,ul.sp-3 img {
	border-radius:5px;
	margin-bottom:5px;
}
ul.sp-1 a,ul.sp-2 a {
	display:block;
	font-weight:400;
}
ul.sp-3 a {
	display:block;
	font-weight:600;
}
ul.sp-1 a:hover,ul.sp-2 a:hover,ul.sp-3 a:hover {
	text-decoration:none;
}
ul.sp-2 img {
	width:auto;
	height:82px;
	margin:0 auto;
}
ul.sp-3+p,
ul.sp-2+p {
	text-align:right !important;
	font-size:12px; font-size:1.2rem;
	margin:0 0 20px;
}
ul.sp-3+p+a,
ul.sp-2+p+a {
	display:block;
	width:100%;
	border-top:1px solid #006400;
}
ul.sp-3+p+a img,
ul.sp-2+p+a img {
	width:40%;
	border:1px solid #006400;
	border-radius:5px;
	background-color:#fff;
	padding:0 5%;
	margin:15px auto 0;
}

@media (max-width: 1200px) {
	div#top,div#top img {
		position:static;
		height:auto;
	}
}
@media (max-width: 800px) {
	h2 {
		margin-top:15px;
		text-align:center;
		font-size:2.0rem;
	}
	h2 span {
		display:block;
		font-size:1.6rem;
		margin:0;
	}
	.hobby p,
	.hobby p+a {
		width:100%
	}
	.hobby p+a img {
		max-width:468px;
		margin:15px auto 0;
	}
	h2+p {
		text-align:center;
	}
	a.entry {
		margin-left:auto;
		margin-right:auto;
	}
	a.entry.left {
		margin-bottom:2%;
	}
	a.entry.left,
	a.entry.right {
		float:none !important;
	}
	div#container.lastyear {
		width:100%;
	}
	.lastyear div {
		float:none;
	}
	.lastyear br {
		display:none;
	}
	.lastyear .comme,
	.lastyear .photo {
		width:100%;
	}
	.lastyear .comme h3 {
		font-size:2.0rem;
	}
	.lastyear .comme p {
		text-align:left;
		margin-bottom:1em;
	}
	.topics li {
		float:left;
		width:46%;
		padding:1% 2% 1% 1%;
		margin:0 0 2%;
		position:relative;
	}
	.topics li:nth-child(odd) {
		clear:both;
		margin-right:1%;
	}
	.topics li:before {
		content:'';
		border: 7px solid transparent;
		border-left: 7px solid #7f4f21;
		position:absolute;
		top:50%;
		right:0;
		margin-top:-7px;
	}
	.topics li:last-child {
		margin:0;
	}
	.topics div {
		float:left;
		width:100px;
		height:100px;
		background-color:#efefef;
		margin-right:10px;
		margin-bottom:0;
		z-index:1;
	}
	.topics div img {
		width:100px;
	}
	.topics p {
		font-size:1.2rem;
		padding-right:2%;
	}
	.topics p:before {
		display:none;
	}
	ul.sp-2 img {
		width:100%;
		height:auto;
	}
	ul.sp-3 li {
		width:30.3333%;
		line-height:1.5;
	}
	ul.sp-3+p {
		font-size:1.2rem !important;
	}
	ul.sp-3+p+a img {
		width:60%;
	}
}
@media (max-width: 500px) {
	.hobby .btn,
	.hobby .btn span {
		display:block;
	}
	.hobby .btn {
		padding:5px;
	}
	a.entry {
		width:100%;
	}
	a.entry.left {
		margin-bottom:5%;
	}
	.entry img:first-child {
		width:37px;
		padding:5px 5px 0 10px;
	}
	.entry h3 {
		text-align:left;
		font-size:1.9rem;
		line-height:42px;
		padding:5px 0;
	}
	.entry p {
		font-size:1.2rem;
	}
	.entry p span {
		font-size:1.5rem;
	}
	.topics li {
		float:none;
		width:92%;
		padding:2% 6% 2% 2%;
	}
	ul.sp-1 li {
		width:98%;
		margin-left:0;
		margin-right:0;
	}
	ul.sp-2 li,ul.sp-3 li {
		width:46%;
	}
	ul.sp-3+p+a img {
		width:88%;
	}
}

/*2023’ljÁ*/
.hon,.asa {
    font-size:14px;font-size:1.4rem;
	border-radius: 5px;
	padding:0 .5em;
	margin-right:.5em;
}
.result-1 .hon {
	font-size:20px;font-size:2.0rem;
}
.hon {
	color: #fff;
	background-color: #ee782b;
}
.asa {
	background-color: #f4ca23;
}
.pref {
    display: block;
    font-size: 14px;font-size: 1.4rem;
    color: #7f4f21;
    border-top: 1px dotted #f0f0e6;
    border-bottom: 1px dotted #f0f0e6;
}
.result-1 .pref,
.result-1 .comp {
	font-size: 18px;font-size: 1.8rem;
}
.result-3 .hon,
.result-3 .asa {
	margin-right:0;
}
.result-3 .prod {
	min-height:72px;
}
.result-2-wrap,
.result-3-wrap {
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.result-2-wrap div {
	width:48%;
}
.result-3-wrap div {
	width:24%;
	margin-bottom:15px;
}


.final,.result {
	width:48%;
	padding-top:15px;
}
.houjin {
	float:left;
}
.kojin {
	float:right;
}
.houjin li {
	border-top:2px solid #ee782b;
}
.kojin li {
	border-top:2px solid #7ebf41;
}
.kojin.gaku li {
	border-top:2px solid royalblue;
}
.entry {
	font-size:0;
}
.entry li {
	display:inline-block;
	vertical-align:top;
	width:48%;
	text-align:center;
	font-size:16px;font-size:1.6rem;
	background-color:#fff;
	padding-bottom:5px;
	margin:0 1% 1%;
}
.entry li p {
	font-size:14px;font-size:1.4rem;
	margin:0;
}
.entry li p span {
	font-size:18px;font-size:1.8rem;
	font-weight:600;
}
.houjin li p span {
	color:#ee782b;
}
.kojin li p span {
	color:#7ebf41;
}
.kojin.gaku li p span {
	color:royalblue;
}
.entry li h3 {
	font-size:16px;font-size:1.6rem;
	/*min-height:48px;*/
}
.entry li.long h3 {
	font-size:14px;font-size:1.4rem;
}
.entry li.long h3 span {
	display:block;
	font-size:12px;font-size:1.2rem;
	white-space:nowrap;
}
.entry li > span {
	display:block;
	font-size:14px;font-size:1.4rem;
	color:#7f4f21;
	border-top:1px dotted #efefef;
	border-bottom:1px dotted #efefef;
}
.entry li h4 {
	min-height:24px;
}
.entry li.n-long h4 {
	font-size:14px;font-size:1.4rem;
	white-space:nowrap;
}

.entry-title {
	width:50%;
	border-radius:10px;
	margin:0 auto 15px;
}

/*result*/
.result h2,.final h2,.sc h4 {
	text-align:center;
	font-size:20px;font-size:2.0rem;
	color:#fff;
	border-radius:5px;
}
.result.houjin h2,.final.houjin h2,.sc .houjin h4 {
	background-color:#ee782b;
}
.result.kojin h2,.final.kojin h2,.sc .kojin h4 {
	background-color:#7ebf41;
}
.result.kojin.gaku h2,.final.kojin.gaku h2,.sc .kojin.gaku h4 {
	background-color:royalblue;
}
.final h2 {
	margin:15px 0 30px;
}
.result .entry-title {
	margin-top:30px;
}
.result ul {
	text-align:center;
}
.result li {
	display:inline-block;
	vertical-align:top;
	width:80%;
	text-align:center;
	font-size:16px;font-size:1.6rem;
	background-color:#fff;
	padding-bottom:5px;
	margin:0 1% 1%;
	position:relative;
}
.result li:before {
	content:'';
	border:12px solid transparent;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-12px;
}
.result.houjin li:before {
	border-top:12px solid #ee782b;
}
.result.kojin li:before {
	border-top:12px solid #7ebf41;
}
.result.kojin.gaku li:before {
	border-top:12px solid royalblue;
}
.result li p {
	font-size:14px;font-size:1.4rem;
	margin:0;
}
.result li p span {
	font-size:18px;font-size:1.8rem;
	font-weight:600;
}
.result li p span {
	color:#ee782b;
}
.result li p span {
	color:#7ebf41;
}
.result li h3 {
	font-size:16px;font-size:1.6rem;
}
.result li.long h3 {
	font-size:14px;font-size:1.4rem;
}
.result li.long h3 span {
	display:block;
	font-size:12px;font-size:1.2rem;
	white-space:nowrap;
}
.result li > span {
	display:block;
	font-size:14px;font-size:1.4rem;
	color:#7f4f21;
	border-top:1px dotted #efefef;
	border-bottom:1px dotted #efefef;
}
.result li h4 {
	min-height:24px;
}
.result li.n-long h4 {
	font-size:14px;font-size:1.4rem;
	white-space:nowrap;
}

a.hobby {
	display:block;
	max-width:468px;
	margin:0 auto 20px;
}
p.hobby_outline {
	text-align:center;
}
div#map-canvas {
	width:100%;
	height:300px;
}
.result h5 {
	font-size:16px;font-size:1.6rem;
	text-align:center;
	margin:0 0 5px;
}

#finalist h4 {
	text-align:center;
	font-size:200%;
	color:#fff;
	line-height:1.1;
	border-radius:50px;
	padding:5px 1em;
}
#finalist h4.ho-h {
	background-color:#004086;
}
#finalist h4.ho-a {
	background-color:#11aeea;
	margin-top:1em;
}
#finalist h4.ga {
	background-color:#E37111;
	margin-top:1em;
}
#finalist h4.ko {
	background-color:#519F46;
	margin-top:1em;
}
#finalist h4 span {
	font-size:78.5%;
}
#finalist ul {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
#finalist ul::after {
	display:block;
	content:"";
	width:32%;
}
#finalist li {
	position:relative;
	width:32%;
	text-align:center;
	border-radius:10px;
	box-shadow:5px 5px 5px #e8e8e8;
	margin-top:1em;
}
#finalist h5 {
	font-size:160%;
	line-height:1.3;
	padding:5px;
	margin:0;
}
#finalist h5+p {
	font-size:140%;
	line-height:1.3;
	margin:0 0 5px;
}
#finalist .ho-h h5+p {
	color:#004086;
}
#finalist .ho-a h5+p {
	color:#11aeea;
}
#finalist .ga h5+p {
	color:#E37111;
}
#finalist .ko h5+p {
	color:#519F46;
}
#finalist h5+p span {
	font-size:78.5%;
}
#finalist .area {
	position:absolute;
	top:5px;
	right:5px;
	font-size:120%;
	line-height:1;
	background-color:#fff;
	border-width:1px;
	border-style:solid;
	border-radius:50px;
	padding:2px 1em 3px;
	margin:0;
}
#finalist .ho-h .area {
	color:#004086;
	border-color:#004086;
}
#finalist .ho-a .area {
	color:#11aeea;
	border-color:#11aeea;
}
#finalist .ga .area {
	color:#E37111;
	border-color:#E37111;
}
#finalist .ko .area {
	color:#519F46;
	border-color:#519F46;
}
@media (max-width: 600px) {
	#finalist li {
		width:49%;
	}
}