/*
Theme Name: kyotoart
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kyotoart
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

kyotoart is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
	width: 100%;
	height: 100%;
	overflow-x: hidden;
	position: relative;
}

#wrapper {
	/*max-width: 960px;*/
	width: 100%;
	height: auto;
	background: #fff;
	margin: 0 auto;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all  0.2s ease;
}

a:hover {
	opacity: .6;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 700;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.5;
	outline: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

p {
	font-weight: 400;
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
	border: 10px solid #008466;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0 0 1.5em 0;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: none;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

select {
	border: 1px solid #ccc;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
	text-decoration: none;
	word-wrap:break-word;
}

a:visited {
	color: #000;
}

a:hover,
a:focus,
a:active {
	color: #000;
}

a:focus {
	outline: 0;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 1.5em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
header {
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
}

header .site-branding {
  text-align: center;
  padding: 50px 25px 35px;
}

header .site-title {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  font-size: 3.2rem;
  font-weight: normal;
  letter-spacing: 0.052em;
  margin: 0;
}

header .site-title span {
  font-size: 1.3rem;
  letter-spacing: 0.085em;
  display: block;
}

header nav#main-nav {
  /*width: auto;*/
  width: 100%;
  background: #008466;
  text-align: center;
  /*margin: 0px -500%;*/
	/*padding: 0px 500%;*/
	padding: 5px 25px;
}

header nav#main-nav .menu-main-nav-container {
	display: inline-block;
}

header nav#main-nav ul {
  margin: 0 auto;
  text-align: center;
}

header nav#main-nav ul li {
  display: inline-block;
  margin: 15px 10px;
	font-size: 1.5rem;
	color: #fff;
	position: relative;
}

header nav#main-nav ul li a {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 1.5rem;
	color: #fff;
	position: relative;
}

header nav#main-nav ul li a:before {
  position: absolute;
  left: -13px;
  top: -13px;
  border-radius: 50%;
  border: 2px solid #fff;
  background: #fff;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  content: "";
  transition: .4s ease-in-out;
  -webkit-transition: .4s ease-in-out;
  -moz-transition: .4s ease-in-out;
  -o-transition: .4s ease-in-out;
  -ms-transition: .4s ease-in-out;
  transform: scale(0.3, 0.3);
  -webkit-transform: scale(0.3, 0.3);
  -moz-transform: scale(0.3, 0.3);
  -o-transform: scale(0.3, 0.3);
  -ms-transition: scale(0.3, 0.3);
}

header nav#main-nav ul li a:hover:before {
	background: transparent;
  transform: scale(1, 1);
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transition: scale(1, 1);
}

header nav#main-nav ul li.current-menu-item a,
header nav#main-nav ul li.current-page-ancestor a,
.post-type-archive-reports header nav#main-nav ul li.menu-item-102 a,
.tax-region header nav#main-nav ul li.menu-item-102 a,
.tax-city header nav#main-nav ul li.menu-item-102 a,
.tax-keyword header nav#main-nav ul li.menu-item-102 a,
.tax-report_period header nav#main-nav ul li.menu-item-102 a,
.single-reports header nav#main-nav ul li.menu-item-102 a,
.post-type-archive-criticisms header nav#main-nav ul li.menu-item-103 a,
.tax-professor header nav#main-nav ul li.menu-item-103 a,
.tax-criticism_period header nav#main-nav ul li.menu-item-103 a,
.single-criticisms header nav#main-nav ul li.menu-item-103 a {
	opacity: .6;
}

header nav#main-nav ul li.current-menu-item a:before,
header nav#main-nav ul li.current-page-ancestor a:before,
.post-type-archive-reports header nav#main-nav ul li.menu-item-102 a:before,
.tax-region header nav#main-nav ul li.menu-item-102 a:before,
.tax-city header nav#main-nav ul li.menu-item-102 a:before,
.tax-keyword header nav#main-nav ul li.menu-item-102 a:before,
.tax-report_period header nav#main-nav ul li.menu-item-102 a:before,
.single-reports header nav#main-nav ul li.menu-item-102 a:before,
.post-type-archive-criticisms header nav#main-nav ul li.menu-item-103 a:before,
.tax-professor header nav#main-nav ul li.menu-item-103 a:before,
.tax-criticism_period header nav#main-nav ul li.menu-item-103 a:before,
.single-criticisms header nav#main-nav ul li.menu-item-103 a:before {
	position: absolute;
	left: -13px;
	top: -13px;
	border-radius: 50%;
	border: 2px solid #fff;
	background: transparent;
	box-sizing: border-box;
	width: 12px;
	height: 12px;
	content: "";
	transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-ms-transition: scale(1, 1);
}

header nav#main-nav .search {
	display: inline-block;
	position: relative;
	margin: 0 0 10px;
}

header nav#main-nav .search input[type="text"] {
  background: transparent;
  border: none;
  border-bottom: 1px solid #fff;
  border-radius: 0;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  font-size: 1.4rem;
  color: #fff;
}

header nav#main-nav .search input[type="submit"] {
  background: transparent;
  border: none;
  color: #fff;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  font-size: 1.4rem;
  text-shadow: none;
  line-height: 1.5;
  position: absolute;
  top: 3px;
  right: 8px;
}

header nav#main-nav .search input::-webkit-input-placeholder {
  color: #fff;
}

header nav#main-nav .search input::-moz-placeholder {
  color: #fff; opacity: 1;
}

header nav#main-nav .search input:-ms-input-placeholder {
  color: #fff;
}

#navToggle {
	display: none;
	position: absolute;
	right: 15px;
	top: 15px;
	width: 28px;
	height: 22px;
	cursor: pointer;
}

#navToggle div {
	position: relative;
}

#navToggle span {
	display: block;
	position: absolute;
	width: 100%;
	border-bottom: solid 3px #008466;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}

#navToggle span:nth-child(1) { top: 0; }

#navToggle span:nth-child(2) { top: 9px; }

#navToggle span:nth-child(3) { top: 18px; }

@media screen and (max-width: 640px) {
	header nav#main-nav {
		display: none;
		opacity: 0;
		position: absolute;
		right: 0;
		top: 138px;
		background: #008466;
		width: 100%;
		margin: 0;
		padding: 15px 0;
		text-align: center;
	}

	header nav#main-nav .menu-main-nav-container {
		width: 100%;
	}

	header nav#main-nav ul li {
    display: block;
    margin: 0;
    border-bottom: 1px dotted #fff;
    line-height: 3;
  }

	header nav#main-nav ul li a {
		display: block;
	}

	header nav#main-nav ul li a:before {
		display: none;
	}

	header nav#main-nav .search {
		display: block;
		width: 70%;
		margin: 15px auto;
	}

	header nav#main-nav .search input[type="text"] {
		width: 100%;
	}

	#navToggle {
		display: block;
	}

	header.openNav #navToggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	header.openNav #navToggle span:nth-child(2),
	header.openNav #navToggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	header.openNav nav#main-nav {
		display: block;
		opacity: 1;
		animation-duration: 0.5s;
		animation-name: fade-in;
		-moz-animation-duration: 0.5s;
		-moz-animation-name: fade-in;
		-webkit-animation-duration: 0.5s;
		-webkit-animation-name: fade-in;
		z-index: 1;
	}

	@keyframes fade-in {
		0% {
			display: none;
			opacity: 0;
		}

		1% {
			display: block;
			opacity: 0;
		}

		100% {
			display: block;
			opacity: 1;
		}
	}

	@-moz-keyframes fade-in {
		0% {
			display: none;
			opacity: 0;
		}

		1% {
			display: block;
			opacity: 0;
		}

		100% {
			display: block;
			opacity: 1;
		}
	}

	@-webkit-keyframes fade-in {
		0% {
			display: none;
			opacity: 0;
		}

		1% {
			display: block;
			opacity: 0;
		}

		100% {
			display: block;
			opacity: 1;
		}
	}
}

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer {
	width: 100%;
	background: #008466;
	padding: 60px 0;
}

footer .inner {
	text-align: center;
}

footer #footer-nav li {
	display: inline-block;
	margin: 0 15px;
}

footer #footer-nav li a {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
}

footer .copy {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
}

/*--------------------------------------------------------------
## SNS
--------------------------------------------------------------*/
#content .wp_social_bookmarking_light {
  border: 0;
  padding: 25px 0 0;
  margin: 0;
}

footer .wp_social_bookmarking_light {
  border: 0;
  padding: 0;
  margin: 0;
}

.wp_social_bookmarking_light div {
  display: inline-block;
  vertical-align: top;
  border: 0;
  padding: 0;
  margin: 0 10px;
  line-height: 18px !important;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.wp_social_bookmarking_light img {
  border: 0 !important;
  padding: 0;
  margin: 0;
  vertical-align: top !important;
}

.wp_social_bookmarking_light_clear {
  clear: both !important;
}

#fb-root {
  display: none;
}

.wsbl_facebook_like iframe {
  max-width: none !important;
}

.wsbl_pinterest a {
  border: 0px !important;
}

/*--------------------------------------------------------------
## MainMap & SubNav
--------------------------------------------------------------*/
#map-wrapper {
	position: relative;
}

#map-wrapper:after {
  content: "";
  width: 100%;
  height: 10px;
  background: repeating-linear-gradient(-135deg, #ddd, #ddd 1px, #fff 1px, #fff 8px);
  position: absolute;
  left: 0;
  bottom: -10px;
  border-bottom: 1px solid #008466;
}

#map-wrapper div#main-map {
	width: 100%;
	height: 520px;
}

#map-wrapper nav#area-nav {
  width: 100%;
  background: #efeae4;
      padding: 25px 0 30px;
}

#map-wrapper nav#area-nav ul {
	margin: 0 auto;
	padding: 0px 15px;
	text-align: center;
}

#map-wrapper nav#area-nav ul li {
  display: inline-block;
  margin: 5px;
}

#map-wrapper nav#area-nav li a {
	display: block;
	font-size: 1.4rem;
	color: #fff;
	background: #008466;
	padding: 10px 14px;
}

#map-wrapper nav#area-nav li.current a,
body.term-hokkaido #map-wrapper nav#area-nav li.term-hokkaido a,
body.term-tohoku #map-wrapper nav#area-nav li.term-tohoku a,
body.term-kanto #map-wrapper nav#area-nav li.term-kanto a,
body.term-chubu #map-wrapper nav#area-nav li.term-chubu a,
body.term-kinki #map-wrapper nav#area-nav li.term-kinki a,
body.term-chugoku #map-wrapper nav#area-nav li.term-chugoku a,
body.term-shikoku #map-wrapper nav#area-nav li.term-shikoku a,
body.term-kyushu #map-wrapper nav#area-nav li.term-kyushu a,
body.term-overseas #map-wrapper nav#area-nav li.term-overseas a {
	color: #fff;
	background: #333;
}

body.term-hayakawa #map-wrapper nav#area-nav li.term-hayakawa a,
body.term-nomura #map-wrapper nav#area-nav li.term-nomura a,
body.term-uemura #map-wrapper nav#area-nav li.term-uemura a,
body.term-shimomura #map-wrapper nav#area-nav li.term-shimomura a,
body.term-kato #map-wrapper nav#area-nav li.term-kato a {
	color: #fff;
	background: #333;
}

/*--------------------------------------------------------------
## Archive
--------------------------------------------------------------*/
section#report-list {
  padding: 10px 0 30px;
  overflow: hidden;
  clear: both;
  position: relative;
  max-width: 960px;
  margin: 0 auto;
  box-sizing: content-box;
}

section#report-list h2.page-title {
  font-size: 3.9rem;
  font-weight: normal;
  line-height: 1;
  margin: 0;
  padding: 30px 20px;
  border-bottom: 1px solid #008466;
}

section#report-list .inner {
	padding: 0 20px;
}

section#report-list .report {
	width: 100%;
  margin: 0;
  padding: 30px 0;
  border-bottom: 1px dotted #ccc;
  float: left;
  overflow: hidden;
  clear: both;
}

section#report-list .report:last-child {
  border-bottom: none;
}

section#report-list .report .thumb {
  float: left;
  overflow: hidden;
  width: 35.87%;
  min-height: 223px;
  background: #f1f1f1;
  vertical-align: top;
  position: relative;
}

section#report-list .report .thumb img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: #f1f1f1;
}

section#report-list .report .content {
  float: right;
  overflow: hidden;
  width: 62.13%;
  min-height: 186px;
  vertical-align: top;
}

section#report-list .report .meta_cat {
  margin-bottom: 10px;
}

section#report-list .report .meta_cat a {
  font-size: 1.4rem;
  color: #fff;
  background: #333;
  padding: 5px 6px;
  margin-left: 1px;
  position: relative;
}

section#report-list .report .meta_cat a.awardpit{
	background: #C656CB;
	padding-right: 14px;
}

section#report-list .report .meta_cat a.awardpit:after{
	content: "";
	position: absolute;
	right: 0px;
	top:0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 11px 12px 0;
	border-color: transparent #ffffff transparent transparent;
}

section#report-list .report span.author {
  display: block;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
  font-size: 1.8rem;
  color: #333;
  padding-left: 30px;
  position: relative;
}

section#report-list .report span.author:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 1px;
  background: #333;
  left: 0;
  top: 48%;
}

section#report-list .report h3 {
  font-size: 2.3rem;
  line-height: 3.0rem;
  font-weight: normal;
  color: #333;
  margin: 2px 0 6px;
}

section#report-list .report h3 a {
  color: #333;
}

section#report-list .report p {
  font-size: 1.4rem;
  color: #000;
  margin: 0 0 15px;
}

section#report-list .report .more {
  float: right;
  width: 64.1%;
  text-align: right;
  overflow: hidden;
  background: url(img/bg_more.png) 0 0 no-repeat;
  background-size: contain;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

section#report-list .report .more a {
  display: inline-block;
  font-size: 1.4rem;
  color: #333;
  margin: 7px 2px;
}

div.wp-pagenavi {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #ccc;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 2.2rem;
  color: #333;
	height: 75px;
	line-height: 74px;
	position: relative;
}

div.wp-pagenavi span.pages {
	display: inline-block;
	width: 32%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

div.wp-pagenavi a.previouspostslink {
	display: inline-block;
	float: left;
	width: 34%;
	padding-left: 55px;
  background: url(img/bg_page_previous.png) center left no-repeat;
  background-size: 48px;
	border-right: 1px solid #ccc;
	color: #333;
	text-align: left;
}

div.wp-pagenavi a.nextpostslink {
	display: inline-block;
	float: right;
	width: 34%;
	padding-right: 55px;
  background: url(img/bg_page_next.png) center right no-repeat;
  background-size: 48px;
	border-left: 1px solid #ccc;
	color: #333;
	text-align: right;
}

@font-face{font-family:"IonIcons";src:url("http://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1");src:url("http://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("http://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("http://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.woff?v=2.0.1") format("woff"),url("http://code.ionicframework.com/ionicons/2.0.1/fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}

.location-wrap {
  position: absolute;
  top: 40px;
  right: 30px;
}

.location-wrap .location {
  position: relative;
  width: 135px;
}

.location-wrap .location:before {
  z-index: 1;
  position: absolute;
  left: 12px;
  top: 0;
  content: "\f104";
  font-family: "IonIcons";
  font-size: 1.2rem;
  line-height: 40px;
  color: #fff;
  pointer-events: none;
}

.location-wrap .location select {
  outline: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  background: none #008466;
  vertical-align: middle;
  font-size: 1.4rem;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 40px;
  padding-left: 26px;
  border: 0;
  color: #fff;
  width: 136px;
  border-radius: 0;
  cursor: pointer;
}

.location-wrap .location select option{
  background-color: #008466;
  color: #fff;
}

.location-wrap .location select::-ms-expand {
  display: none;
}

.location-wrap .location select:-moz-focusring {
  color: #fff;
  text-shadow: none;
}

/*--------------------------------------------------------------
## About Page
--------------------------------------------------------------*/
.page-template-about .inner {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 25px;
  box-sizing: content-box;
}

.page-template-about section#contents {
  width: 100%;
  margin: 70px 0;
}

.page-template-about section#contents h1 {
  font-size: 3.22rem;
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
}

.page-template-about section#contents .mainimg {
  text-align: center;
  margin: 55px 0;
}

.page-template-about section#contents p {
  font-size: 1.6rem;
  line-height: 3.6rem;
  margin: 0;
  padding-bottom: 35px;
}

.page-template-about section#contents p.alignright {
	text-align: right;
	padding-bottom: 60px;
}

.page-template-about section#contents ul.images {
  width: 100%;
  margin: 15px auto;
}

.page-template-about section#contents ul.images li {
  display: inline-block;
  width: 32%;
  margin-right: 2%;
  overflow: hidden;
}

.page-template-about section#contents ul.images li:last-child {
	margin-right: 0;
}

.page-template-about section#contents ul.images li img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.page-template-about section#link {
	margin: 0 0 70px;
}

.page-template-about section#link h5 {
  font-size: 1.8rem;
  font-weight: normal;
  color: #333;
  margin: 0;
  padding: 0 23px 25px;
  position: relative;
}

.page-template-about section#link h5 span {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  color: #333;
  margin-bottom: 3px;
}

.page-template-about section#link h5:before {
  position: absolute;
  top: 3px;
  left: 2px;
  border-radius: 50%;
  border: 2px solid #008466;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  content: "";
}

.page-template-about section#link ul {
	width: 100%;
	margin: 0;
}

.page-template-about section#link ul li {
	font-size: 1.4rem;
	line-height: 1.6rem;
	color: #333;
}

.page-template-about section#link ul li a {
	font-size: 1.4rem;
	line-height: 3.36rem;
	color: #333;
	border-bottom: 1px solid #333;
	padding-bottom: 3px;
}

/*--------------------------------------------------------------
## Available Page
--------------------------------------------------------------*/
.page-template-available .inner {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 25px;
  box-sizing: content-box;
}

.page-template-available section#contents {
  width: 100%;
  margin: 0 0 70px;
}

.page-template-available section#contents h1 {
  font-size: 3.91rem;
  font-weight: normal;
  line-height: 1.4;
  margin: 0 auto 75px;
  padding: 25px;
  border-bottom: 1px solid #008466;
  max-width: 960px;
}

.page-template-available section#contents h2 {
  font-size: 2.0rem;
  font-weight: normal;
  line-height: 2.0rem;
  margin: 20px 0 45px;
}

.page-template-available section#contents h3 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3.6rem;
  margin: 0 0 5px;
}

.page-template-available section#contents p {
  font-size: 1.6rem;
  line-height: 3.6rem;
  margin: 0;
  padding-bottom: 35px;
}

/*--------------------------------------------------------------
## Description Page
--------------------------------------------------------------*/
.page-template-description .inner {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 25px;
  box-sizing: content-box;
}

.page-template-description section#contents {
  width: 100%;
  margin: 70px 0;
}

.page-template-description section#contents h1 {
  font-size: 3.22rem;
  font-weight: normal;
  line-height: 1.4;
  margin: 0;
}

.page-template-description section#contents .mainimg {
  text-align: center;
  margin: 55px 0;
}

.page-template-description section#contents h2 {
  font-size: 3.22rem;
  font-weight: normal;
  line-height: 4.45rem;
  margin: 35px 0 45px;
}

.page-template-description section#contents h3 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 4.05rem;
  margin: 10px 0 30px;
}

.page-template-description section#contents p {
  font-size: 1.6rem;
  line-height: 3.6rem;
  margin: 0;
  padding-bottom: 35px;
}

.page-template-description section#contents p.alignright {
	text-align: right;
	padding-bottom: 60px;
}

/*--------------------------------------------------------------
## Contact Page
--------------------------------------------------------------*/
.page-template-contact .inner {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 25px;
  box-sizing: content-box;
}

.page-template-contact section#contact {
  width: 100%;
  margin: 0 0 90px;
}

.page-template-contact section#contact h1 {
  font-size: 3.91rem;
  font-weight: normal;
  line-height: 1.4;
  margin: 0 auto 55px;
  padding: 25px;
  border-bottom: 1px solid #008466;
  max-width: 960px;
}

.page-template-contact section#contact h2 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 2.07rem;
	font-weight: bold;
	line-height: 2.9rem;
	margin: 30px 0 45px;
}

.page-template-contact section#contact p {
  font-size: 1.4rem;
  line-height: 2.66rem;
  margin: 0;
  padding-bottom: 30px;
}

.page-template-contact section#contact p span {
	color: #ff0000;
}

.page-template-contact section#contact .info {
  position: relative;
  padding-left: 15px;
  margin-bottom: 30px;
}

.page-template-contact section#contact .info:before {
	content: "";
	width: 3px;
	height: 102%;
	background: #ccc;
	position: absolute;
	top: -1%;
	left: 0;
}

.page-template-contact section#contact .info p {
	padding: 0;
}

.page-template-contact section#contact table#form {
	width: 100%;
	margin: 40px 0 20px;
	overflow: hidden;
}

.page-template-contact section#contact table#form th,
.page-template-contact section#contact table#form td {
	display: block;
	width: 100%;
  text-align: left;
  box-sizing: border-box;
}

.page-template-contact section#contact table#form th {
	font-size: 1.5rem;
  font-weight: bold;
  padding-bottom: 12px;
}

.page-template-contact section#contact table#form th span {
	color: #ff0000;
	margin-left: 6px;
}

.page-template-contact section#contact table#form td {
	font-size: 1.5rem;
  font-weight: normal;
  padding-bottom: 25px;
}

.page-template-contact section#contact table#form textarea {
	padding: 8px 10px;
	width: 100%;
}

.page-template-contact section#contact table#form input[type="text"],
.page-template-contact section#contact table#form input[type="email"] {
	padding: 8px 10px;
	width: 50%;
}

.page-template-contact section#contact table#form td a {
  margin-left: 20px;
  padding-bottom: 2px;
  border-bottom: 1px solid #ccc;
}

.page-template-contact section#contact table#form .error + a {
  margin-left: 0;
  padding-bottom: 2px;
  border-bottom: 1px solid #ccc;
}

.page-template-contact section#contact input[type="submit"] {
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	background: #008466;
	width: 300px;
	height: 58px;
	border: none;
  border-radius: 0;
  box-shadow: none;
  line-height: 1;
  padding: 0;
  text-shadow: none;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all  0.2s ease;
}

.page-template-contact section#contact input[type="submit"]:hover {
	opacity: .7;
}

.page-template-contact section#contact .mw_wp_form .error {
  color: #ff0000;
}

/*--------------------------------------------------------------
## Report
--------------------------------------------------------------*/
.single-reports .inner {
	max-width: 780px;
  margin: 0 auto;
  padding: 0 25px;
  box-sizing: content-box;
}

.single-reports section#thumbnail {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

.single-reports section#thumbnail img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

.single-reports section#contents {
	width: 100%;
	margin: 50px 0;
}

.single-reports section#contents h1 {
	font-size: 3.22rem;
	font-weight: normal;
	line-height: 1.4;
	margin: 0 0 20px;
}

.single-reports section#contents p.author {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 2.4rem;
	margin: 0;
	padding-left: 35px;
	position: relative;
}

.single-reports section#contents p.author:before {
	content: "";
	position: absolute;
	width: 20px;
	height: 1px;
	background: #000;
	left: 5px;
	top: 48%;
}

.single-reports section#contents div#entry {
  padding: 55px 0;
  font-size: 1.6rem;
  line-height: 3.6rem;
}

.single-reports section#contents div#entry h2 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 3.6rem;
	margin: 0 0 35px;
}

.single-reports section#contents div#entry h3 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 4.05rem;
	margin: 0;
}

.single-reports section#contents div#entry h3 + br {
  display: none;
}

.single-reports section#picture {
  width: 100%;
  margin: 0;
  background: #efeae4;
}

.single-reports section#picture ul {
  max-width: 620px;
  margin: 0 auto;
  padding: 25px 25px 0;
  box-sizing: content-box;
}

.single-reports section#picture ul li {
	padding-bottom: 30px;
}

.single-reports section#picture ul li img {
	width: 100%;
	height: auto;
	padding: 0 0 10px;
	vertical-align: top;
}

.single-reports section#picture ul li span {
	display: inline-block;
	font-size: 1.4rem;
	padding: 0 10px;
}

.single-reports section#map {
  width: 100%;
  margin: 0;
  position: relative;
  background: #efeae4;
}

.single-reports section#map div#reportmap {
	width: 100%;
	height: 520px;
}

.single-reports section#map:after {
  content: "";
  width: 100%;
  height: 10px;
  background: repeating-linear-gradient(-135deg, #ddd, #ddd 1px, #fff 1px, #fff 8px);
  position: absolute;
  left: 0;
  bottom: -10px;
  border-bottom: 1px solid #008466;
}

.single-reports section#reference {
  width: 100%;
  margin: 70px 0 40px;
}

.single-reports section#reference h4,
.single-reports section#reference p,
.single-reports section#reference a {
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 2.1;
  color: #333;
  margin: 0;
}

.single-reports section#reference h4,
.single-reports section#reference li {
	margin-bottom: 10px;
}

.single-reports section#reference .inner div {
  padding-left: 20px;
  position: relative;
}

.single-reports section#reference .inner div:before {
  content: "";
  position: absolute;
  width: 3px;
  height: 102%;
  background: #ccc;
  left: 0;
  top: -1%;
}

.single-reports section#meta {
  width: 100%;
  margin: 0 0 60px;
}

.single-reports section#meta .meta_cat {
  font-size: 1.7rem;
  font-weight: bold;
  color: #333;
  margin-bottom: 10px;
}

.single-reports section#meta .meta_cat a {
  font-size: 1.5rem;
  font-weight: normal;
  color: #fff;
  background: #333;
  padding: 5px 6px;
  margin-left: 2px;
}

.single-reports section#meta .meta_tag {
  font-size: 1.4rem;
  color: #333;
}

div.postnavi {
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
	font-size: 2.2rem;
  color: #333;
	height: 75px;
	line-height: 74px;
	position: relative;
}

div.postnavi a.topback {
	display: inline-block;
	width: 32%;
	margin: 0 auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

div.postnavi .prevpost a {
	display: inline-block;
	float: left;
	width: 34%;
	padding-left: 55px;
  background: url(img/bg_page_previous.png) center left no-repeat;
  background-size: 48px;
	border-right: 1px solid #ccc;
	color: #333;
	text-align: left;
}

div.postnavi .nextpost a {
	display: inline-block;
	float: right;
	width: 34%;
	padding-right: 55px;
  background: url(img/bg_page_next.png) center right no-repeat;
  background-size: 48px;
	border-left: 1px solid #ccc;
	color: #333;
	text-align: right;
}

.single-reports section#related {
	max-width: 780px;
	margin: 0 auto;
	padding: 0 25px;
	box-sizing: content-box;
}

.single-reports section#related div#related_period {
  padding: 40px 0 45px;
  overflow: hidden;
  clear: both;
  position: relative;
}

.single-reports section#related div#related_period:after {
  content: "";
  width: 100%;
  height: 10px;
  background: repeating-linear-gradient(-135deg, #ddd, #ddd 1px, #fff 1px, #fff 8px);
  position: absolute;
  left: 0;
  bottom: 0;
}

.single-reports section#related div#related_city {
  padding: 40px 0 60px;
  overflow: hidden;
  clear: both;
}

.single-reports section#related h5 {
  margin: 0;
  padding: 0 23px 20px;
  position: relative;
}

.single-reports section#related h5 span {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  color: #333;
  margin-bottom: 3px;
}

.single-reports section#related h5 a {
  font-size: 1.8rem;
  font-weight: normal;
  color: #333;
}

.single-reports section#related h5:before {
  position: absolute;
  top: 3px;
  left: 2px;
  border-radius: 50%;
  border: 2px solid #008466;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  content: "";
}

.single-reports section#related .relation {
  width: 24%;
  float: left;
  margin: 0 1.3% 0 0;
	position: relative;
  height: 280px;
  overflow: hidden;
}

.single-reports section#related .relation:last-child {
  margin-right: 0;
}

.single-reports section#related .relation a.thumb {
	display: block;
  min-height: 120px;
  position: relative;
  overflow: hidden;
}

.single-reports section#related .relation a.thumb img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	background: #f1f1f1;
}

.single-reports section#related h6 a {
  font-size: 1.47rem;
  font-weight: normal;
  color: #333;
  margin: 10px 0 12px;
  min-height: 45px;
}

.single-reports section#related .more {
  width: 100%;
  text-align: right;
  background: url(img/bg_more_small.png) 0 0 no-repeat;
  background-size: contain;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
	position: absolute;
  bottom: 0;
  left: 0;
}

.single-reports section#related .more a {
  display: inline-block;
  font-size: 1.4rem;
  color: #333;
  margin: 8px 2px;
}

.single-reports section#related p {
  font-size: 1.47rem;
  margin: 0 25px;
}


/*--------------------------------------------------------------
## Criticisms
--------------------------------------------------------------*/
.single-criticisms .inner {
  max-width: 780px;
  margin: 0 auto;
  padding: 0 25px;
  box-sizing: content-box;
}

.single-criticisms section#contents {
  width: 100%;
  margin: 70px 0;
}

.single-criticisms section#contents h1 {
  font-size: 3.22rem;
  font-weight: normal;
  line-height: 1.4;
  margin: 0 0 20px;
}

.single-criticisms section#contents .block {
	margin-top: 55px;
	overflow: hidden;
	clear: both;
}

.single-criticisms section#contents div#meta {
	float: left;
  width: 28.2%;
}

.single-criticisms section#contents div#meta .thumbnail {
  width: 100%;
  margin-bottom: 30px;
}

.single-criticisms section#contents div#meta .thumbnail img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

.single-criticisms section#contents div#meta .meta_cat {
  font-size: 1.7rem;
  font-weight: bold;
  color: #333;
}

.single-criticisms section#contents div#meta .meta_cat a {
  font-size: 1.5rem;
  font-weight: normal;
  color: #fff;
  background: #333;
  padding: 5px 6px;
  margin-left: 2px;
}

.single-criticisms section#contents div#entry {
	float: right;
	width: 67%;
  font-size: 1.6rem;
  line-height: 3.6rem;
}

.single-criticisms section#contents div#entry h2 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 4.05rem;
	margin: 0;
}

.single-criticisms section#contents div#entry h3 {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 4.05rem;
	margin: 0;
}

.single-criticisms section#contents div#entry h3 + br {
  display: none;
}

.single-criticisms section#related {
	max-width: 780px;
	margin: 0 auto;
	padding: 0 25px;
	box-sizing: content-box;
}

.single-criticisms section#related div#related_professor {
  padding: 40px 0 60px;
  overflow: hidden;
  clear: both;
}

.single-criticisms section#related h5 {
  margin: 0;
  padding: 0 23px 20px;
  position: relative;
}

.single-criticisms section#related h5 span {
  display: block;
  font-size: 1.3rem;
  font-weight: normal;
  color: #333;
  margin-bottom: 3px;
}

.single-criticisms section#related h5 a {
  font-size: 1.8rem;
  font-weight: normal;
  color: #333;
}

.single-criticisms section#related h5:before {
  position: absolute;
  top: 3px;
  left: 2px;
  border-radius: 50%;
  border: 2px solid #008466;
  box-sizing: border-box;
  width: 12px;
  height: 12px;
  content: "";
}

.single-criticisms section#related .relation {
  width: 24%;
  float: left;
  margin: 0 1.3% 0 0;
}

.single-criticisms section#related .relation:last-child {
  margin-right: 0;
}

.single-criticisms section#related h6 a {
  font-size: 1.47rem;
  font-weight: normal;
  color: #333;
  margin: 10px 0 12px;
  min-height: 45px;
}

.single-criticisms section#related .more {
  width: 100%;
  text-align: right;
  background: url(img/bg_more_small.png) 0 0 no-repeat;
  background-size: contain;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.single-criticisms section#related .more a {
  display: inline-block;
  font-size: 1.4rem;
  color: #333;
  margin: 8px 2px;
}

.single-criticisms section#related p {
  font-size: 1.47rem;
  margin: 0 25px;
}


@media screen and (max-width: 640px) {
	header .site-title {
		font-size: 2.0rem;
	}

	#map-wrapper {
    background: #efeae4;
    padding-top: 20px;
	}

	#map-wrapper div#main-map {
    width: 85%;
    height: 360px;
    margin: 0 auto;
	}

	section#report-list .report .thumb {
    float: none;
    width: 100%;
    min-height: auto;
    margin-bottom: 25px;
	}

	section#report-list .report .content {
		float: none;
		width: 100%;
	}

	section#report-list .report .more {
		float: none;
		width: 100%;
	}

	section#report-list .report .thumb img {
		position: relative;
		width: 100%;
		vertical-align: bottom;
	}

	div.wp-pagenavi {
		font-size: 1.4rem;
	}

	div.wp-pagenavi span.pages {
		width: 32%;
	}

	div.wp-pagenavi a.previouspostslink {
		width: 34%;
		padding-left: 30px;
	  background: url(img/bg_page_previous.png) center left no-repeat;
	  background-size: 32px;
	}

	div.wp-pagenavi a.nextpostslink {
		width: 34%;
		padding-right: 30px;
	  background: url(img/bg_page_next.png) center right no-repeat;
	  background-size: 32px;
	}

	div.postnavi {
		font-size: 1.4rem;
	}

	div.postnavi a.topback {
		width: 32%;
	}

	div.postnavi .prevpost a {
		width: 34%;
		padding-left: 30px;
	  background: url(img/bg_page_previous.png) center left no-repeat;
	  background-size: 32px;
	}

	div.postnavi .nextpost a {
		width: 34%;
		padding-right: 30px;
	  background: url(img/bg_page_next.png) center right no-repeat;
	  background-size: 32px;
	}

	.single-criticisms section#contents div#meta {
    float: none;
    width: 100%;
    margin-bottom: 30px;
	}

	.single-criticisms section#contents div#entry {
    float: none;
    width: 100%;
	}

	.single-reports section#map {
		padding: 20px 0;
	}

	.single-reports section#map div#reportmap {
    width: 85%;
    height: 360px;
    margin: 0 auto;
	}

	.single-reports section#related .relation {
    width: 48%;
    margin: 0 1% 30px;
	}

	.single-reports section#related .relation:last-child {
	  margin-right: 1%;
	}

	.single-criticisms section#related .relation {
    width: 48%;
    margin: 0 1% 30px;
	}

	.single-criticisms section#related .relation:last-child {
		margin-right: 1%;
	}
}

.yearList {
    width: 666px;
    margin: 10px auto 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
}

.yearList .taxonomylist{
    margin: 0;
 
    background: #008466;
    color: #ffffff;
    width: 49%;
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
}

.yearList select{
font-size: 1.4rem;
    font-weight: normal;
    line-height: 1;
	margin: 0px 0 0 6px;
    padding: 14px 27px;
    top: 0px;
    background: #008466;
    color: #ffffff;
    width: 100%;
    -webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position: relative;
	    border: 0px;
}


.yearList .taxonomylist:before{
    z-index: 1;
    position: absolute;
    left: 12px;
    top: 0;
    content: "\f104";
    font-family: "IonIcons";
    font-size: 1.2rem;
    line-height: 40px;
    color: #fff;
    pointer-events: none;
}

#awardBtn {
    width: 666px;
    display: flex;
        margin: 14px auto 0;
    flex-direction: row-reverse;
}

#awardBtn a{
    display: block;
    background: #C656CB;
    color: #ffffff;
    width: 122px;
    padding: 8px 8px 8px 12px;
    font-size: 1.4rem;
}


#awardBtn a img{
    top: 4px;
    position: relative;
    margin-right: 7px;
}

#toppop:after{
    z-index: 10;
    content: "";
    width: 100%;
    height: 70px;
    background: repeating-linear-gradient(-135deg, #ddd, #ddd 1px, #fff 1px, #fff 8px);
    position: absolute;
    top: 0px;
    border-bottom: 1px solid #008466;
}

#toppop p{
    z-index: 100;
    position: relative;
    text-align: center;
    padding-top: 6px;
font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}

.page.smaller{
    letter-spacing: 10px;
}

@media screen and (max-width: 768px) {
.yearList {
    width: 335px;
    }
#awardBtn {
    width: 335px;
	}	
#toppop p{
	font-size: 0.9em;
    padding-top: 9px;
}
}