/*
Theme Name: 日本で最も美しい村
Theme URI: 
Author: 「日本で最も美しい村」連合
Author URI: 
Description: 2020
Version: 
License: 
License URI: 
Tags: 
Text Domain: 
*/

@charset "utf-8";

html, body, div, span, 
h1, h2, h3, h4, h5, h6, 
p, em, strong, i,
ul, ol, li, dl, dt, dd, 
table, th, td ,
video {
	margin:				0px;
	padding:			0px;
}

html,
body {
	width:				100%;
	font-family:		'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:			14px;
	font-style:			normal;
	font-weight:		normal;
	line-height:		1.7em;
	text-align:			left;
	letter-spacing:		0.05em;
	color:				#000;
	overflow-wrap:		break-word;
	word-break:			break-all;
	outline:			none;
}

body {
	background-image:		url("images/login_bg.jpg");
	background-size:		cover;
	background-attachment:	fixed;
	background-position:	top center;
}

h6,
h5,
h4,
h1 {
	margin:				0px;
	padding:			0px;
	font-size:			100%;
	font-weight:		normal;
	text-align:			left;
	line-height:		100%;
}

h2 {
	margin:				0px auto 10px;
	padding:			0 0 10px;
	font-family:		'Noto Serif JP', "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", serif;
	font-size:			190%;
	font-weight:		normal;
	text-align:			left;
	line-height:		100%;
	border-bottom:		double 3px #666;
}

h3 {
	margin:				0px auto 3px;
	padding:			0 0 10px;
	font-family:		'Noto Serif JP', "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", serif;
	font-size:			120%;
	font-weight:		normal;
	text-align:			left;
	line-height:		100%;
	border-bottom:		dotted 1px #666;
}

h4 {
	padding:			0 0 5px;
	margin:				0 auto 10px;
	font-size:			160%;
	font-weight:		normal;
	line-height:		160%;
	border-bottom:		dotted 1px #666;
}

h4 a {
	display:			block;
	text-decoration:	underline;
}
h4 a:hover {
	text-decoration:	none;
	opacity:			0.8;
}

a {
	text-decoration:	none;
	color:				#000;
	transition:			all 0.5s;
}

a:hover img {
	opacity:			0.8;
}

i {
	font-style:			normal;
}

table {
	border-collapse:	collapse;
	border:				solid 1px #666;
	background-color:	rgba(255,255,255,1);
}
td {
	padding:			6px 10px;
	empty-cells:		show;
	text-align:			center;
	border:				solid 1px #666;
}
th {
	padding:			6px 10px;
	text-align:			center;
	color:				#fff;
	border:				solid 1px #eee;
}
tr:nth-child(1) th {
	border-top:				solid 1px #666;
}
tr:nth-child(2) th {
	border-bottom:			solid 1px #666;
}
tr:nth-child(1) th:nth-child(1) {
	border-bottom:			solid 1px #666;
	border-left:			solid 1px #666;
}
tr th:nth-last-child(1) {
	border-right:			solid 1px #666;
}

video {
	max-width:				100%;
}


/* レスポンシブ対応 */
/* ---------------------------------------------------------------- */
body {
	-webkit-text-size-adjust:	100%;
}

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

@media all and (max-width: 600px) {

}

/* clearfix */
/* ================================================================ */
.clearfix:after {
	content:	"";
	display:	block;
	clear:		both;
}

/* ---------------------------------------------------------------- */

.wrapper {
	width:		100%;
	padding:	0px;
}

.bg_gray {
	background-color:	#fafafa;
}

.txt_center {
	text-align:	center;
}
.txt_left {
	text-align:	left;
}
.txt_right {
	text-align:	right;
}

.btn,
.back {
	text-align:	right;
}

.btn a,
.back a {
	display:			inline-block;
	padding:			0.7em 1em;
	margin:				2px 2px 2px 2px;
	color:				#555;
	line-height:		100%;
	text-align:			center;
	text-decoration:	none;
	background-color:	rgba(192,192,192,0.6);
	box-shadow:			2px 2px 3px rgba(0,0,0,0.5);
	border-radius:		20px;
	transition:			all 0.1s;
}

.back a:before {
	content:		"◀";
	color:			#555;
	padding-right:	0.2em;
}

.btn a:hover,
.back a:hover {
	margin:				4px 1px 0px 3px;
	background-color:	rgba(192,192,192,0.8);
}
/* ---------------------------------------------------------------- */
.header {
	position:			absolute;
	position:			relative;
	height:				56px;
	margin-bottom:		50px;
	border-bottom:		1px rgba(255, 255, 255, 0.5) solid;
	background-color:	rgba(0, 0, 0, .8);
	z-index:			10000;
}
header {
	position:			relative;
	width:				100%;
	max-width:			960px;
	margin:				auto;
}

header a {
	color:				#fff;
	text-decoration:	none;
	transition:			all 0.3s;
}
header a:hover {
	opacity:			0.8;
}

header h1 {
	float:				left;
	width:				70px;
}

header nav {
	float:				left;
	box-sizing:			border-box;
	width:				calc(100% - 70px);
	padding:			25px 0 0 30px;
}

header ul {
	list-style-type:	none;
}

header nav ul {
	display:			inline-block;
	width:				100%;
}
header nav ul li {
	display:			inline-block;
	padding-bottom:		10px;
}
header nav ul li a {
	display:			inline-block;
	padding:			0 10px;
}

header nav ul li.ml {
	float:				left;
}
header nav ul li.mr {
	float:				right;
}

@media all and (max-width: 600px) {

	.header {
		height:				auto;
	}

}

/* ---------------------------------------------------------------- */

footer {
	position:			fixed;
	bottom:				0;
	width:				100%;
	padding:			15px 0 15px;
	color:				#adb3ab;
	background-color:	#32422e;
	border-top:			solid 5px #fff;
}

#copyright {
	text-align:			center;
}

#page_lift {
	position:			absolute;
	display:			inline-block;
	box-sizing:			border-box;
	right:				0;
	top:				5px;
	width:				50px;
	padding:			10px;
	color:				#fff;
	font-size:			150%;
	text-align:			center;
	text-decoration:	none;
	border-radius:		50%;
	opacity:			0.8;
}
#page_lift:hover {
	font-size:			180%;
	opacity:			1.0;
}

/* ---------------------------------------------------------------- */

#rejection {
	padding-top:		20%;
}

/* ---------------------------------------------------------------- */
main {
	box-sizing:			border-box;
	width:				100%;
	max-width:			980px;
	padding:			0 10px 100px;
	margin:				auto;
}

.contents {
	box-sizing:			border-box;
	width:				100%;
	padding:			20px;
	margin:				0 auto 30px;
	border-radius:		10px;
	background-color:	rgba(255,255,255,0.8);
}

.btn1 {
	display:			inline-block;
	padding:			1em 1.5em;
	color:				#fff;
	font-size:			16px;
	font-weight:		bold;
	text-align:			center;
	text-decoration:	none;
	border-radius:		30px;
	background-color:	#32422e;
	transition:			all 0.5s;
}

.btn2 {
	display:			inline-block;
	padding:			1em 1.5em;
	color:				#fff;
	font-size:			16px;
	text-align:			center;
	text-decoration:	none;
	border-radius:		20px;
	background-color:	#c9171e;
	transition:			all 0.5s;
}

.btn3 {
	display:			inline-block;
	padding:			1em 1.5em;
	color:				#fff;
	line-height:		100%;
	text-align:			center;
	text-decoration:	none;
	background-color:	#000;
	border-radius:		20px;
	transition:			all 0.5s;
}

.btn1:before,
.btn2:before,
.btn3:before {
	content:		"▶";
	color:			#cbc3a3;
	padding-right:	0.2em;
}

.btn1:hover,
.btn2:hover,
.btn3:hover {
	opacity:			0.8;
}

.full {
	float:				left;
	box-sizing:			border-box;
	width:				100%;
	padding:			20px;
}
.half {
	float:				left;
	box-sizing:			border-box;
	width:				50%;
	padding:			20px;
}

@media all and (max-width: 700px) {
	.half {
		width:				100%;
	}
}

/* ---------------------------------------------------------------- */
.paginate {
	padding:				40px 0 0;
	margin-bottom:			30px;
	text-align:				center;
}
.paginate > div {
	display:				inline-block;
	border-radius:			20px;
	background-color:		rgba(192,192,192,1);
	border:					solid 2px rgba(192,192,192,1);
}
.paginate .page-numbers {
	display:				inline-block;
	width:					24px;
	padding:				5px;
	font-size:				110%;
	text-align:				center;
	border-radius:			100%;
}
.paginate .prev,
.paginate .next {
	font-size:				80%;
	vertical-align:			top;
}
.paginate .current {
	background-color:		rgba(255,255,255,0.8);
}
.paginate a.page-numbers:hover {
	text-decoration:		none;
	background-color:		rgba(255,255,255,0.8);
}

#company_list .paginate > div {
	background-color:		rgba(1,170,239,1);
	border:					solid 2px rgba(1,170,239,1);
}
#village_list .paginate > div {
	background-color:		rgba(0,158,39,1);
	border:					solid 2px rgba(0,158,39,1);
}

/* ---------------------------------------------------------------- */

#top {

}

#topics {

}

#topics section {
	box-sizing:		border-box;
	padding:		10px;
/*	border:			solid 1px #555;*/
	border-radius:	10px;
}

#topics span.box {
	display:		block;
	box-sizing:		border-box;
	padding:		0 10px 20px;
	margin:			30px auto;
	border-bottom:	solid 2px #555;
}
#topics a.box {
	display:		block;
	box-sizing:		border-box;
	padding:		0 10px 20px;
	margin:			30px auto;
	border-bottom:	solid 2px #555;
}
#topics a.box:last-child {

}

#topics a.box:hover {
	background-color:	rgba(0,0,0,0.1);
	transition:			all 0.2s;
}

#topics .box .content_box {
	width:			90%;
	margin:			0 auto 10px;
}

#topics p {
	box-sizing:		border-box;
	padding:		10px;
	font-size:		120%;
}

.content_box .attachment {
	box-sizing:		border-box;
	padding-left:	40px;
}

.content_box .attachment a {
	display:		inline-block;
}
.content_box .attachment a:hover {
	display:		inline-block;
	text-decoration:underline;
}

.content_box .btn a {
	padding:			0.5em 0.5em 0.5em 1em;
	font-size:			80%;
}

.video {
	margin:			0 0 20px;
	text-align:		center;
}
.video img {
	max-width:		100%;
}

#village,
#company {
	display:		block;
	box-sizing:		border-box;
	margin:			10px auto;
	padding:		40px 20px;
	color:			#fff;
	font-size:		140%;
	font-weight:	bold;
	text-align:		center;
	border-radius:	10px;
	border:			double 7px #fff;
	box-shadow:		2px 2px 5px rgba(0,0,0,0.5);
	transition:		all 0.1s;
}

#company { background-color:rgba(0,158,39,0.8); }
#village { background-color:rgba(1,170,239,0.8); }

#company:hover {
	margin:				12px auto 8px;
	background-color:	rgba(0,158,39,1);
}
#village:hover {
	margin:				12px auto 8px;
	background-color:	rgba(1,170,239,1);
}

.tbl_data,
.tbl_list {
	width:		100%;
}

.tbl_data td {
	text-align:			left;
}
.tbl_data tr th {
	border:				solid 1px #666;
}

.tbl_data td span {
	display:			inline-block;
	min-width:			60px;
}


#download h3 {
/*	margin-bottom:		10px;*/
}

#download h5 {
	padding-top:		40px;
	padding-bottom:		10px;
	margin-bottom:		10px;
	border-bottom:		solid 1px #aaa;
}

#download ul.dw_cat li {
	display:			inline-block;
	padding:			10px;
}
#download ul.dw_cat li a {
	display:			inline-block;
	padding:			10px;
}

#download ul.dw_cat {
	margin-bottom:		30px;
	border-bottom:		dotted 1px #666;
}

#download ul.dw_new {
	padding-left:		40px;
	padding-bottom:		10px;
	margin-bottom:		10px;
	border-bottom:		solid 1px #aaa;
}
#download ul.dw_new li {
	padding-top:		5px;
	padding-bottom:		5px;
}

#download ul.dw_new li span {
	display:			inline-block;
	padding:			0 4px;
	margin:				0 6px;
	font-size:			80%;
	border-radius:		5px;
	background-color:	rgba(1,170,239,0.2);
}

#download h6 {
	margin-bottom:		10px;
	text-align:			right;
}

#download h5 {
	margin:				0 0 20px;
	padding:			0;
	border:				none;
}
#download h5 span {
	display:			inline-block;
	padding:			4px;
	margin:				0;
	font-size:			80%;
	border-radius:		5px;
	background-color:	rgba(1,170,239,0.2);
}
#download .dw_ttl {
	padding:			0 0 10px;
	margin-bottom:		10px;
	border-bottom:		solid 1px #aaa;
}

#download ul a:hover {
	color:				#dd2727;
	text-decoration:	underline;
}

.screen-reader-text {
	display:			none;
}

#download #wysiwyg {
	box-sizing:			border-box;
	padding:			20px;
	margin-bottom:		40px;
}

#download #file_list {
	padding-left:		40px;
	margin-bottom:		80px;
}

#download #file_list li {
	margin-bottom:		1em;
}

#download #file_list a {
	color:				rgba(1,1,239,1);
}
#download #file_list a:hover {
	text-decoration:	underline;
}

/* ---------------------------------------------------------------- */
#company_list {
}

#company_list th {
	background-color:	rgba(1,170,239,1);
}
#company_list .odd {
	background-color:	rgba(1,170,239,0.0);
}
#company_list .even {
	background-color:	rgba(1,170,239,0.2);
}

#village_list {
}

#village_list th {
	background-color:	rgba(0,158,39,1);
}
#village_list .odd {
	background-color:	rgba(0,158,39,0.0);
}
#village_list .even {
	background-color:	rgba(0,158,39,0.2);
}

table a {
	display:			inline-block;
	color:				rgba(239,60,1,1);
	text-decoration:	underline;
}
table a:hover {
	color:				rgba(239,60,1,0.8);
	text-decoration:	none;
}

td.title {
	text-align:			left;
}

td.name {
	text-align:			left;
}

#company_list td.name a {
	color:				rgba(1,170,239,1);
}

#company_list td.name a:hover {
	color:				rgba(1,170,239,0.8);
}

#village_list td.name a {
	color:				rgba(0,158,39,1);
}
#village_list td.name a:hover {
	color:				rgba(0,158,39,0.8);
}

#company_list td.area a {
	color:				rgba(1,170,239,1);
}

#company_list td.area a:hover {
	color:				rgba(1,170,239,0.8);
}

#village_list td.area a {
	color:				rgba(0,158,39,1);
}
#village_list td.area a:hover {
	color:				rgba(0,158,39,0.8);
}

.st_on .stats {
	color:				#f00;
}

.st_off {
	opacity:			0.4;
}

.search_btn {
	display:			inline-block;
	padding:			0.7em 1.4em;
	margin:				2px 12px 2px 2px;
	color:				#fff;
	line-height:		100%;
	text-align:			center;
	text-decoration:	none;
	vertical-align:		top;
	box-shadow:			2px 2px 3px rgba(0,0,0,0.3);
	border-radius:		20px;
	transition:			all 0.1s;
}
.search_btn:hover {
	margin:				4px 11px 0 3px;
}

#village_list .search_btn {
	background-color:	rgba(0,158,39,0.6);
}

#village_list .search_btn:hover {
	background-color:	rgba(0,158,39,0.8);
}

#company_list .search_btn {
	background-color:	rgba(1,170,239,0.6);
}

#company_list .search_btn:hover {
	background-color:	rgba(1,170,239,0.8);
}

#search_name,
#search_area {
	box-sizing:			border-box;
	padding:			10px;
	border-bottom:		dashed 1px #666;
}

#search_name a,
#search_area a {
	display:			inline-block;
	box-sizing:			border-box;
	padding:			4px;
	margin:				4px 10px;
	transition:			all 0s;
}
#search_name a i,
#search_area a i {
	display:			inline-block;
	padding-bottom:		1px;
	border-bottom:		dotted 1px #666;
	line-height:		100%;
	font-size:			120%;
}
#search_name a:hover i,
#search_area a:hover i {
	color:				rgba(239,60,1,1);
	border-bottom:		none;
}

/* ---------------------------------------------------------------- */

/*
	filter:				brightness(0.6);
*/

/* ---------------------------------------------------------------- */

/* 404 */
/* ---------------------------------------------------------------- */
#e404 {
	position:			relative;
	width:				100%;
	max-width:			960px;
	margin:				auto;
	padding:			5% 0 10%;
	background-color:	#fff;
}

#e404 em {
	display:			block;
	font-size:			200px;
	text-align:			center;
	line-height:		1;
}
#e404 em span {
	display:			block;
	font-size:			80px;
	letter-spacing:		-0.05em;
}
@media screen and (max-width:768px) {
	#e404 em {
		font-size:		140px;
	}
	#e404 em span {
		font-size:		50px;
	}
}

#e404 p {
	margin-top:		3em;
	font-size:		16px;
	text-align:		center;
}
#e404 a {
	display:			inline-block;
	min-width:			180px;
	margin:				30px auto 0;
	padding:			0 15px;
	color:				#fff;
	font-size:			18px;
	text-align:			center;
	line-height:		50px;
	vertical-align:		top;
	background-color:	#000;
	text-decoration:	none;
	transition:			all 0.5s;
}
#e404 a:hover {
	text-decoration:	none;
	opacity:			0.6;
}
#e404 a:hover img {
	opacity:			1;
}
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:768px) {
	#e404 p a:hover {
		opacity:		1;
	}
}
/* ---------------------------------------------------------------- */
.wp-video {
	margin:				auto;
}
/* ---------------------------------------------------------------- */
/* 初期化 */

#wysiwyg {


}
#wysiwyg h1,
#wysiwyg h2,
#wysiwyg h3,
#wysiwyg h4,
#wysiwyg h5,
#wysiwyg h6,
#wysiwyg ol,
#wysiwyg ul,
#wysiwyg a,
#wysiwyg a:hover,
#wysiwyg p,
#wysiwyg i,
#wysiwyg b,
#wysiwyg em {
	box-sizing:			border-box;
	max-width:			100%;
	padding:			initial;
	margin:				initial;

font-weight:		initial;
font-style:			initial;
text-align:			initial;
line-height:		initial;
border:				initial;
text-decoration:	initial;

}

#wysiwyg ul,
#wysiwyg ol {
	padding-left:		24px;
}

#wysiwyg h1 {
	display:			block;
	font-size:			2em;
	margin:				0.67em 0;
	border:				none;
}
#wysiwyg h2 {
	display:			block;
	font-size:			1.6em;
	margin:				0.33em 0;
	border:				none;
}
#wysiwyg h3 {
	display:			block;
	font-size:			1.2em;
	margin:				0.3em 0;
	border:				none;
}
#wysiwyg h4 {
	display:			block;
	font-size:			1em;
	margin:				0.3em 0;
	border:				none;
}
#wysiwyg h5 {
	display:			block;
	font-size:			0.8em;
	margin:				0.3em 0;
	border:				none;
}
#wysiwyg h6 {
	display:			block;
	font-size:			0.6em;
	margin:				0.3em 0;
	border:				none;
}

/* ---------------------------------------------------------------- */