/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */

/* Document
   ========================================================================== */

html {
	font-family: sans-serif; /* 1 */
	line-height: 1.15; /* 2 */
	-ms-text-size-adjust: 100%; /* 3 */
	-webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers (opinionated).
 */

body {
	margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

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

/* Grouping content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */

figcaption,
figure,
main { /* 1 */
	display: block;
}

/**
 * Add the correct margin in IE 8.
 */

figure {
	margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr { /* 1 */
	overflow: visible;
	-webkit-box-sizing: content-box;
	box-sizing: content-box; /* 1 */
	height: 0; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */

a {
	background-color: transparent; /* 1 */
	-webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */

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

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] { /* 1 */
	text-decoration: underline;
	text-decoration: underline dotted;
	border-bottom: none; /* 2 */
	-webkit-text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */

b,
strong {
	font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */

dfn {
	font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */

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

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

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

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

audio,
video {
	display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */

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

/**
 * Remove the border on images inside links in IE 10-.
 */

img {
	border-style: none;
}

/**
 * Hide the overflow in IE.
 */

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

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */

button,
html [type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */

fieldset {
	margin: 0 2px;
	padding: .35em .625em .75em;
	border: 1px solid #c0c0c0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend { /* 2 */
	display: table;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
	color: inherit; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */

[type='checkbox'],
[type='radio'] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type='search'] { /* 1 */
	outline-offset: -2px;
	-webkit-appearance: textfield; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */

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

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button { /* 1 */
	font: inherit;
	-webkit-appearance: button; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */

details,
menu {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Scripting
   ========================================================================== */

/**
 * Add the correct display in IE 9-.
 */

canvas {
	display: inline-block;
}

/**
 * Add the correct display in IE.
 */

template {
	display: none;
}

/* Hidden
   ========================================================================== */

/**
 * Add the correct display in IE 10-.
 */

[hidden] {
	display: none;
}

/* ノーマライズ */

html {
	font-size: 62.5%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	-webkit-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	font-family: Meiryo, sans-serif;
	font-size: 1.8rem;
	font-weight: 400;
	font-style: normal;
	line-height: 1.6;
	overflow-x: hidden;
	color: #000;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#wrap {
	overflow-x: hidden;
}

/* リセット関連 */

a {
	-webkit-transition: all .2s cubic-bezier(.19, 1, .22, 1);
	transition: all .2s cubic-bezier(.19, 1, .22, 1);
	text-decoration: none;
	color: #06c;
}

a img,
a svg {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden; /* for chrome */
}

a:hover {
	color: #23592b;
}

a[href^='tel'] {
	pointer-events: none;
	color: #000;
}

p,
ul,
ul li {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	margin: 0;
}

dl {
	margin: 0;
	padding: 0;
}

dl dt,
dl dd {
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

figure {
	margin: 0;
}

main,
section {
	display: block;
}

em,
cite,
dfn {
	font-style: normal;
}

input[type='text'],
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='url'],
input[type='password'],
input[type='search'],
textarea,
button,
html [type='submit'],
html [type='button'] {
	font-family: Meiryo, sans-serif;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

input[type='checkbox'],
input[type='radio'],
label,
button {
	cursor: pointer;
}

input[type='number'] {
	-webkit-appearance: none;
	appearance: none;
	-moz-appearance: textfield;
}

button {
	padding: 0;
	-webkit-transition: all .2s cubic-bezier(.19, 1, .22, 1);
	transition: all .2s cubic-bezier(.19, 1, .22, 1);
	outline: none;
	background: none;
}

table {
	border-collapse: collapse;
}

th,
td {
	vertical-align: top;
}

/* 表示／非表示切り替え */

.visible-pc {
	display: block;
}

.visible-sp {
	display: none;
}

/* 余白 */

.mt-0 {
	margin-top: 0 !important;
}

.mt-s {
	margin-top: 8px !important;
}

.mt-m {
	margin-top: 16px !important;
}

.mt-l {
	margin-top: 40px !important;
}

.mt-xl {
	margin-top: 80px !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

.mb-s {
	margin-bottom: 8px !important;
}

.mb-m {
	margin-bottom: 16px !important;
}

.mb-l {
	margin-bottom: 40px !important;
}

.mb-xl {
	margin-bottom: 80px !important;
}

.ml-0 {
	margin-left: 0 !important;
}

.ml-s {
	margin-left: 8px !important;
}

.ml-m {
	margin-left: 16px !important;
}

.ml-l {
	margin-left: 40px !important;
}

.ml-xl {
	margin-left: 80px !important;
}

.mr-0 {
	margin-right: 0 !important;
}

.mr-s {
	margin-right: 8px !important;
}

.mr-m {
	margin-right: 16px !important;
}

.mr-l {
	margin-right: 40px !important;
}

.mr-xl {
	margin-right: 80px !important;
}

.pt-0 {
	padding-top: 0 !important;
}

.pt-s {
	padding-top: 8px !important;
}

.pt-m {
	padding-top: 16px !important;
}

.pt-l {
	padding-top: 40px !important;
}

.pt-xl {
	padding-top: 80px !important;
}

.pb-0 {
	padding-bottom: 0 !important;
}

.pb-s {
	padding-bottom: 8px !important;
}

.pb-m {
	padding-bottom: 16px !important;
}

.pb-l {
	padding-bottom: 40px !important;
}

.pb-xl {
	padding-bottom: 80px !important;
}

.pl-0 {
	padding-left: 0 !important;
}

.pl-s {
	padding-left: 8px !important;
}

.pl-m {
	padding-left: 16px !important;
}

.pl-l {
	padding-left: 40px !important;
}

.pl-xl {
	padding-left: 80px !important;
}

.pr-0 {
	padding-right: 0 !important;
}

.pr-s {
	padding-right: 8px !important;
}

.pr-m {
	padding-right: 8px !important;
}

.pr-l {
	padding-right: 40px !important;
}

.pr-xl {
	padding-right: 80px !important;
}

/* text-center */

.text-center {
	text-align: center !important;
}

/* text-right */

.text-right {
	text-align: right !important;
}

/* clearfix */

.clearfix:after {
	display: block;
	clear: both;
	content: ' ';
}

/* float */

.f-left {
	float: left;
}

.f-right {
	float: right;
}

/* 基本設定 */

/* js */

/* Slider */

.slick-slider {
	position: relative;
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-list.dragging {
	cursor: pointer;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-slide.dragging img {
	pointer-events: none;
}

.slick-initialized .slick-slide {
	display: block;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
	display: none;
}

/* slick:スライダー */

/* Slider */

.slick-loading .slick-list {
	background: #fff url('../image/common/ajax-loader.gif') center center no-repeat;
}

/* Icons */

@font-face {
	font-family: 'slick';
	font-weight: normal;
	font-style: normal;
	src: url('./fonts/slick.eot');
	src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}

/* Arrows */

.slick-prev,
.slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 20px;
	height: 20px;
	padding: 0;
	cursor: pointer;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: .25;
}

.slick-prev:before,
.slick-next:before {
	font-size: 20px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-prev {
	left: -25px;
}

[dir='rtl'] .slick-prev {
	right: -25px;
	left: auto;
}

.slick-prev:before {
	content: '←';
}

[dir='rtl'] .slick-prev:before {
	content: '→';
}

.slick-next {
	right: -25px;
}

[dir='rtl'] .slick-next {
	right: auto;
	left: -25px;
}

.slick-next:before {
	content: '→';
}

[dir='rtl'] .slick-next:before {
	content: '←';
}

/* Dots */

.slick-dotted.slick-slider {
	margin-bottom: 30px;
}

.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}

/* slick:スライダー（テーマ） */

@font-face {
	font-family: 'icon';
	font-weight: normal;
	font-style: normal;
	src: url('../font/icon.ttf?oagrnp') format('truetype'), url('../font/icon.woff?oagrnp') format('woff'), url('../font/icon.svg?oagrnp#icon') format('svg');
	font-display: block;
}

[class^='icon-'],
[class*=' icon-'] { /* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icon' !important;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	line-height: 1;
	text-transform: none;
	speak: none; /* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* アイコンフォント */

.modal-video {
	position: fixed;
	z-index: 1000000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	-webkit-transition: opacity .3s ease-out;
	transition: opacity .3s ease-out;
	-webkit-animation-name: modal-video;
	animation-name: modal-video;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	opacity: 1;
	background-color: rgba(0, 0, 0, .5);
}

.modal-video-close {
	opacity: 0;
}

.modal-video-close .modal-video-movie-wrap {
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px);
}

.modal-video-body {
	display: table;
	width: 100%;
	max-width: 940px;
	height: 100%;
	margin: 0 auto;
}

.modal-video-inner {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.modal-video-movie-wrap {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	-webkit-transition: -webkit-transform .3s ease-out;
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-animation-name: modal-video-inner;
	animation-name: modal-video-inner;
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out;
	background-color: #333;
}

.modal-video-movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal-video-close-btn {
	position: absolute;
	z-index: 2;
	top: -35px;
	right: -35px;
	display: inline-block;
	overflow: hidden;
	width: 35px;
	height: 35px;
	border: none;
	background: transparent;
}

.modal-video-close-btn:before {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.modal-video-close-btn:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.modal-video-close-btn:before,
.modal-video-close-btn:after {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 2px;
	margin-top: -1px;
	margin-top: -6px;
	content: '';
	border-radius: 5px;
	background: #fff;
}

/* modal video */

/* 共通 */

/* font-size */

html.is-small {
	font-size: 55% !important;
}

html.is-large {
	font-size: 75% !important;
}

/* site-logo */

.site-logo {
	line-height: 1;
}

.site-logo a {
	display: inline-block;
}

/* global-header */

.global-header {
	background-color: #cee0c8;
}

.global-header .global-nav {
	position: relative;
	z-index: 2;
	max-width: 1200px;
	margin: 0 auto;
}

.global-header .global-nav .global-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.global-header .global-nav li {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.3;
	position: relative;
	width: calc(100% / 5);
	text-align: center;
	color: #fff;
}

.global-header .global-nav li:last-of-type a {
	border-right-color: transparent;
}

.global-header .global-nav a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding: 25px 5px;
	color: #fff;
	border-right: 1px solid #fff;
	background-color: #16882b;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.global-header .global-nav a:hover {
	background-color: #23592b;
}

.global-header .gnav-trg {
	display: none;
}

.global-header .gnav-trg .border {
	position: absolute;
	left: 50%;
	display: inline-block;
	width: 36px;
	height: 4px;
	margin-left: -18px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
	border-radius: 2px;
	background-color: #fff;
}

.global-header .gnav-trg .border:nth-of-type(1) {
	top: 12px;
}

.global-header .gnav-trg .border:nth-of-type(2) {
	top: 22px;
}

.global-header .gnav-trg .border:nth-of-type(3) {
	top: 32px;
}

.global-header .gnav-trg.active {
	z-index: 10000;
}

.global-header .gnav-trg.active span:nth-of-type(1) {
	width: 40px !important;
	-webkit-transform: translateY(10px) rotate(-45deg) !important;
	transform: translateY(10px) rotate(-45deg) !important;
}

.global-header .gnav-trg.active span:nth-of-type(2) {
	opacity: 0 !important;
}

.global-header .gnav-trg.active span:nth-of-type(3) {
	width: 40px !important;
	-webkit-transform: translateY(-10px) rotate(45deg) !important;
	transform: translateY(-10px) rotate(45deg) !important;
}

.global-header .gnav-trg .text {
	font-size: 1.2rem;
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
}

.global-header .search-trg {
	display: none;
}

.global-header .search-trg .text {
	position: absolute;
	bottom: 5px;
	left: 0;
	width: 100%;
}

/* utility */

.utility {
	position: relative;
	padding: 10px 0;
}

.utility .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.utility .site-logo {
	background-color: #fff;
}

.utility .accessibility {
	font-size: 1.4rem;
	line-height: 1.3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto;
}

.utility .accessibility.is-show {
	height: auto;
	padding: 20px 40px;
	pointer-events: auto;
	opacity: 1;
	-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .3);
	box-shadow: 0 4px 4px rgba(0, 0, 0, .3);
}

.utility .accessibility .item + .item {
	margin-left: 20px;
}

.utility .accessibility .wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.utility .accessibility .title {
	margin-right: 10px;
	-ms-flex-item-align: center;
	-ms-grid-row-align: center;
	align-self: center;
}

.utility .accessibility .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.utility .accessibility .list li {
	text-align: center;
}

.utility .accessibility .list li:not(:first-of-type) {
	margin-left: 5px;
}

.utility .accessibility .list a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 4px;
	color: #000;
	border-radius: 4px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 0 0 1px #aaa;
	box-shadow: inset 0 0 0 1px #aaa;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.utility .accessibility .size .list a {
	min-width: 40px;
}

.utility .accessibility .size .list a.active,
.utility .accessibility .size .list a:hover {
	color: #fff;
	background-color: #000;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.utility .accessibility .color .list a {
	min-width: 26px;
}

.utility .accessibility .color .list a.black,
.utility .accessibility .color .list a.yellow,
.utility .accessibility .color .list a.blue {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.utility .accessibility .color .list a.black {
	color: #fff;
	background-color: #000;
}

.utility .accessibility .color .list a.yellow {
	background-color: #ff0;
}

.utility .accessibility .color .list a.blue {
	color: #fff;
	background-color: #00f;
}

.utility .accessibility .translation .body {
	position: relative;
}

.utility .accessibility .translation-trg {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	min-height: 31px;
	padding: 5px 30px 5px 8px;
	background-color: #fff;
	-webkit-box-shadow: inset 0 0 0 1px #ccc;
	box-shadow: inset 0 0 0 1px #ccc;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.utility .accessibility .translation-trg::after {
	font-family: 'icon';
	font-size: 1.4em;
	line-height: 1;
	position: absolute;
	top: 50%;
	right: 4px;
	content: '\e908';
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #62c0fa;
}

.utility .accessibility .translation-list {
	position: absolute;
	z-index: 10;
	top: 100%;
	left: 0;
	width: 100%;
	height: 0;
	-webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
	transition: all .3s cubic-bezier(.455, .03, .515, .955);
	pointer-events: none;
	opacity: 0;
	background-color: #fff;
}

.utility .accessibility .translation-list.is-show {
	height: auto;
	pointer-events: auto;
	opacity: 1;
}

.utility .accessibility .translation-list li {
	border: 1px solid #ccc;
	border-top: 0;
}

.utility .accessibility .translation-list a {
	display: block;
	padding: 5px 8px;
	color: #000;
}

.utility .accessibility .translation-list a:hover {
	color: #fff;
	background-color: #23592b;
}

.utility .accessible-btn {
	display: none;
}

.utility .accessible-btn:hover {
	background-color: #23592b;
}

/* container */

.container {
	position: relative;
}

/* global-footer */

.global-footer {
	margin-top: 80px;
	padding-top: 84px;
	background: url(../image/common/footer-bg.png) 50% 0 repeat-x;
}

.global-footer .inner {
	overflow: hidden;
}

.global-footer .link-list {
	font-size: 1.4rem;
}

.global-footer .link-list a {
	color: #000;
}

.global-footer .link-list a::before {
	top: .15em;
}

.global-footer .main-nav-cover {
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	display: none;
	width: 100%;
	height: 100vh;
	content: '';
	cursor: pointer;
	opacity: .7;
	background-color: #cee0c8;
}

.global-footer .footer-main-nav .main-nav-close {
	display: none;
}

.global-footer .footer-main-nav .footer-category-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -40px;
	padding: 50px 0;
}

.global-footer .footer-main-nav .category {
	width: calc((100% - 40px - 40px * 4) / 5);
	margin-right: 40px;
}

.global-footer .footer-main-nav .category .category-title {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3;
	padding-bottom: 5px;
	border-bottom: 1px solid #ccc;
}

.global-footer .footer-main-nav .category .category-body .link-list li {
	margin-top: .5em;
}

.global-footer .footer-main-nav .category .category-body .link-list li:first-of-type {
	margin-top: 1em;
}

.global-footer .footer-sub-nav {
	padding: 20px 0;
	background-color: #eee;
}

.global-footer .footer-sub-nav .link-list {
	margin-bottom: -15px;
}

.global-footer .footer-sub-nav .link-list li {
	display: inline-block;
	margin: 0 30px 15px 0;
}

.global-footer .footer-bottom {
	font-size: 1.4rem;
	padding: 20px 0;
	color: #fff;
	background-color: #23592b;
}

.global-footer .footer-bottom a {
	color: #fff;
}

.global-footer .footer-bottom .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.global-footer .footer-bottom .site-logo {
	margin-right: 20px;
}

.global-footer .footer-bottom .site-info {
	margin-right: 20px;
}

.global-footer .footer-bottom .tel-number {
	margin-right: 1em;
}

.global-footer .footer-bottom .mail a:hover {
	text-decoration: underline;
}

.global-footer .footer-bottom .copyright {
	font-size: inherit;
	line-height: 1.3;
	margin-left: auto;
}

/* page-top */

.page-top {
	line-height: 1;
	position: fixed;
	z-index: 9999;
	right: -100px;
	bottom: 80px;
	-webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1);
	transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.page-top.active {
	right: 20px;
}

.page-top a {
	display: inline-block;
}

.page-top a:hover {
	opacity: .8;
}

/* search-form */

.search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 400px;
}

.search-form input,
.search-form button {
	padding: 5px 10px;
}

.search-form input {
	font-size: 1.6rem;
	line-height: normal;
	width: calc(100% - 100px);
	border: 1px solid #ccc;
	border-right: 0;
	border-radius: 4px 0 0 4px;
}

.search-form input::-webkit-input-placeholder {
	color: #999;
}

.search-form input::-moz-placeholder {
	color: #999;
}

.search-form input:-ms-input-placeholder {
	color: #999;
}

.search-form input::-ms-input-placeholder {
	color: #999;
}

.search-form input::placeholder {
	color: #999;
}

.search-form input:-ms-input-placeholder {
	color: #999;
}

.search-form input::-ms-input-placeholder {
	color: #999;
}

.search-form button {
	font-weight: bold;
	line-height: normal;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100px;
	white-space: nowrap;
	color: #000;
	border-radius: 0 4px 4px 0;
	background-color: #73cd3f;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.search-form button:hover {
	color: #fff;
	background-color: #16882b;
}

.search-form button:hover .icon-search {
	background-image: url(../image/common/search-icon-white.svg);
}

.search-form button .icon-search {
	width: 24px;
	height: 1em;
	margin-right: 5px;
	-webkit-transition: all .2s cubic-bezier(.19, 1, .22, 1);
	transition: all .2s cubic-bezier(.19, 1, .22, 1);
	background: url(../image/common/search-icon-black.svg) center no-repeat;
}

/* inner */

.inner {
	max-width: 1280px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 40px;
	padding-left: 40px;
}

.inner.no-space {
	max-width: 1200px;
	padding-right: 0;
	padding-left: 0;
}

.inner.full {
	max-width: 100%;
}

/* btn */

.link-wrap {
	text-align: center;
}

.common-btn {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.3;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	padding: 10px;
	text-align: left;
	text-decoration: none;
	color: #fff;
	background-color: #c9a166;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.common-btn:hover {
	text-decoration: none;
}

.common-btn.large {
	font-size: 2rem;
	padding: 20px 40px;
}

.common-btn.middle {
	font-size: 1.6rem;
	padding: 15px;
}

.common-btn.small {
	font-size: 1.4rem;
	margin: 0;
	padding: 5px 10px;
}

.common-btn.mini {
	font-size: 1.2rem;
	margin: 0;
	padding: 5px 10px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.common-btn.block {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.common-btn.submit {
	width: 100%;
	max-width: 220px;
	padding: 20px;
	border-radius: 4px;
	background-color: #f00;
}

.common-btn i {
	font-size: 1.2em;
	margin-left: 10px;
}

/* local-nav */

.local-nav .link-list .item {
	margin: 0;
}

.local-nav .link-list a {
	line-height: 1.3;
	display: block;
	padding: 10px 30px 10px 15px;
	color: #000;
	border-bottom: 1px solid #ccc;
	background: url(../image/common/arrow-right-icon-green.svg) calc(100% - 10px) 50% no-repeat;
}

.local-nav .link-list a::after {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 1px;
	content: '';
}

.local-nav .link-list a::before {
	line-height: .8;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.local-nav .link-list a:hover {
	text-decoration: none;
	color: #fff;
	border-bottom-color: #16882b;
	background-color: #16882b;
	background-image: url(../image/common/arrow-right-icon-white.svg);
}

.local-nav .link-list a:hover::before {
	color: inherit;
}

.local-nav .link-list a:hover::after {
	background-color: inherit;
}

/* link-list */

.link-list a {
	display: inline-block;
	padding-left: 25px;
	background: url(../image/common/arrow-right-icon-green.svg) 5px .35em no-repeat;
}

.link-list a:hover {
	text-decoration: underline;
}

/* link-text */

.link-text,
.link-list.triangle a {
	position: relative;
	display: inline-block;
	padding-left: 15px;
	background: none;
}

.link-text:hover,
.link-list.triangle a:hover {
	text-decoration: underline;
}

.link-text::before,
.link-list.triangle a::before {
	position: absolute;
	top: .35em;
	left: 0;
	display: inline-block;
	width: 5px;
	height: 10px;
	content: '';
	background: url(../image/common/triangle-right-icon.svg) center no-repeat;
}

/* dot-list */

.dot-list li {
	position: relative;
	padding-left: 25px;
}

.dot-list li::before {
	position: absolute;
	top: .55em;
	left: 6px;
	width: 8px;
	height: 8px;
	content: '';
	border-radius: 50%;
	background-color: #73cd3f;
}

/* upper-case */

.upper-case {
	text-transform: uppercase;
}

/* width */

.w10 {
	width: 10% !important;
}

.w20 {
	width: 20% !important;
}

.w30 {
	width: 30% !important;
}

.w40 {
	width: 40% !important;
}

.w50 {
	width: 50% !important;
}

.w60 {
	width: 60% !important;
}

.w70 {
	width: 70% !important;
}

.w80 {
	width: 80% !important;
}

.w90 {
	width: 90% !important;
}

.w100 {
	width: 100% !important;
}

/* w-normal */

.w-normal {
	font-weight: normal !important;
}

/* entry-wrap */

.entry-wrap {
	overflow: hidden;
}

.entry-wrap .search-form {
	float: right;
	margin: 10px 0;
}

.entry-wrap .main-contents {
	float: right;
	width: calc(100% - 320px - 40px);
}

.entry-wrap .main-contents p:not([class]) + p:not([class]) {
	margin-top: 20px;
}

.entry-wrap .main-contents .link-list,
.entry-wrap .main-contents .dot-list {
	margin-top: 30px;
}

.entry-wrap .main-contents .link-list li + li,
.entry-wrap .main-contents .dot-list li + li {
	margin-top: 20px;
}

.entry-wrap .main-contents * + .common-table {
	margin-top: 20px;
}

/* topic-path */

.topic-path {
	float: left;
	overflow-x: auto;
	width: calc(100% - 400px - 40px);
	margin-bottom: 15px;
	padding: 20px 0 5px;
}

.topic-path::-webkit-scrollbar {
	height: 4px;
}

/*
.topic-path::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background: #ccc;
}
*/

.path-list {
	font-size: 1.4rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 0;
	list-style: none;
}

.path-list li {
	white-space: nowrap;
}

.path-list li + li::before {
	font-family: Arial, sans-serif;
	content: '>';
	color: #000;
}

.path-list li:first-of-type a,
.path-list li:first-of-type span {
	padding-left: 0;
}

.path-list a,
.path-list span {
	padding: 4px 8px;
}

.path-list a:hover {
	text-decoration: underline;
}

/* side */

.side {
	float: left;
	width: 320px;
}

.side-title a {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.3;
	position: relative;
	display: block;
	padding: 15px 30px 15px 15px;
	color: #fff;
	border-radius: 6px 6px 0 0;
	background: #23592b url(../image/common/arrow-right-icon-white.svg) calc(100% - 10px) 50% no-repeat;
}

.side-title a:hover {
	background-color: #16882b;
}

.side-nav .link-list a {
	font-size: 1.6rem;
	padding-top: 15px;
	padding-bottom: 15px;
	border: 1px solid #ccc;
	border-top: 0;
}

.side-nav .link-list a:hover {
	border-color: #16882b;
}

/* common-title */

.common-title {
	font-weight: bold;
	line-height: 1.3;
	margin: 0;
}

.common-title + p {
	margin-top: 25px;
}

.common-title.xlarge {
	font-size: 3.6rem;
	position: relative;
	padding: 10px 90px 10px 20px;
	color: #fff;
	background: #16882b url(../image/common/h1-bg.png) calc(100% - 25px) bottom no-repeat;
}

.common-title.large {
	font-size: 2.8rem;
	margin-top: 50px;
	padding: 10px 20px;
	color: #000;
	border-top: 3px solid #16882b;
	background-color: #eee;
}

.common-title.middle {
	font-size: 2.8rem;
	margin-top: 40px;
	padding-left: 18px;
	border-left: 2px solid #16882b;
}

.common-title.small {
	font-size: 1.8rem;
	position: relative;
	margin-top: 40px;
	padding-left: 25px;
}

.common-title.small::before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 16px;
	height: 16px;
	content: '';
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #73cd3f;
}

.common-title.small + p {
	margin-top: 20px;
}

/* common-table */

.common-table {
	width: 100%;
	border: 1px solid #ccc;
	border-right: 0;
	border-bottom: 0;
}

.common-table th,
.common-table td {
	padding: 15px 20px;
	text-align: left;
	word-break: break-all;
	border: 1px solid #ccc;
	border-top: 0;
	border-left: 0;
}

.common-table th.center,
.common-table td.center {
	text-align: center;
}

.common-table th.right,
.common-table td.right {
	text-align: right;
}

.common-table th {
	background-color: #eee;
}

.common-table.green {
	border-color: #73cd3f;
}

.common-table.green th,
.common-table.green td {
	border-color: #73cd3f;
}

.common-table.green th {
	background-color: #d8f0ca;
}

.common-table.pink {
	border-color: #ff9a9a;
}

.common-table.pink th,
.common-table.pink td {
	border-color: #ff9a9a;
}

.common-table.pink th {
	background-color: #ffd9d9;
}

/* info-contact */

.info-contact {
	margin-top: 40px;
	padding: 30px;
	border: 2px solid #e9e9e9;
}

.info-contact .contact-title {
	font-weight: bold;
	line-height: 1.3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.info-contact .icon-comment {
	width: 24px;
	height: 1em;
	margin: 2px 5px 0 0;
	background: url(../image/common/comment-icon.svg) center no-repeat;
	background-size: 100%;
}

.info-contact .contact-body {
	margin-top: 10px;
}

.info-contact .tel {
	margin-left: 10px;
}

/* entry-pager */

.entry-pager {
	margin-top: 50px;
	padding-top: 30px;
	border-top: 1px solid #ccc;
}

.entry-pager .pager-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.entry-pager .item {
	line-height: 1.3;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: calc(100% / 3);
}

.entry-pager a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	padding: 15px;
	text-decoration: none;
	background-repeat: no-repeat;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.entry-pager a:hover {
	color: #fff;
	background-color: #16882b;
}

.entry-pager .text {
	font-size: 1.4rem;
}

.entry-pager .title {
	overflow: hidden;
	width: 100%;
	margin-top: 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.entry-pager .prev {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.entry-pager .prev a {
	padding-left: 30px;
	background-image: url(../image/common/arrow-left-icon-green.svg);
	background-position: 10px 50%;
}

.entry-pager .prev a:hover {
	background-image: url(../image/common/arrow-left-icon-white.svg);
}

.entry-pager .back {
	text-align: center;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.entry-pager .back:only-of-type {
	margin: auto;
}

.entry-pager .back a {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.entry-pager .next {
	text-align: right;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}

.entry-pager .next a {
	padding-right: 30px;
	background-image: url(../image/common/arrow-right-icon-green.svg);
	background-position: calc(100% - 10px) 50%;
}

.entry-pager .next a:hover {
	background-image: url(../image/common/arrow-right-icon-white.svg);
}

.entry-pager .next + .back {
	margin-left: auto;
}

.entry-pager .prev a::before,
.entry-pager .next a::before {
	font-family: 'icon';
	font-size: 2.4rem;
	line-height: 1;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #62c0fa;
}

.entry-pager .prev a:hover::before,
.entry-pager .next a:hover::before {
	color: #fff;
}

/* 共通パーツ */

/* 固有ページ */

.top .utility {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
	padding: 20px;
}

.top .utility .accessibility {
	position: static;
	height: auto;
	pointer-events: auto;
	opacity: 1;
	background: none;
}

/* top-title */

.top-title {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.3;
	margin: 0;
}

.top-title.middle {
	font-size: 2.2rem;
}

.top-title.small {
	font-size: 1.8rem;
}

.top-title.with-link {
	display: inline-block;
	margin-right: 20px;
	vertical-align: middle;
}

.top-title.with-img {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.top-title.with-img .img {
	margin-right: 15px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

/* to-detail-link */

.to-detail-link {
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: middle;
}

/* top-slide */

.top-slide {
	position: relative;
}

.top-slide .site-logo {
	position: absolute;
	z-index: 10;
	top: 5vw;
	left: 50%;
	width: 16vw;
	margin: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.top-slide .site-logo img {
	width: 100%;
}

.top-slide .slide {
	margin: 0;
}

.top-slide .slide::before {
	position: absolute;
	z-index: 9;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: '';
	background: url(../image/top/slide-bg.png);
}

.top-slide .slide .item {
	position: relative;
	vertical-align: bottom;
}

.top-slide .slide .item:not(:first-of-type) {
	display: none;
}

.top-slide .slide img {
	width: 100%;
}

.top-slide .slick-arrow {
	z-index: 10;
	width: 45px;
	height: 80px;
	background-color: rgba(255, 255, 255, .4);
	background-repeat: no-repeat;
	background-position: center;
}

.top-slide .slick-arrow::before {
	content: none;
}

.top-slide .slick-arrow:hover {
	background-color: rgba(255, 255, 255, .6);
}

.top-slide .slick-prev {
	left: 0;
	border-radius: 0 20px 20px 0;
	background-image: url(../image/top/slide-prev-icon.svg);
}

.top-slide .slick-next {
	right: 0;
	border-radius: 20px 0 0 20px;
	background-image: url(../image/top/slide-next-icon.svg);
}

.slide-item {
	position: relative;
}

/* slide controler */

.slide-controller {
	line-height: 1;
	position: absolute;
	z-index: 10;
	right: 40px;
	bottom: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	flex-direction: row-reverse;
	padding: 5px 20px;
	border-radius: 18px;
	background-color: rgba(0, 0, 0, .6);
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
}

.slide-controller .slick-dots {
	font-size: 0;
	line-height: 1;
	position: static;
}

.slide-controller .slick-dots li {
	width: auto;
	height: auto;
	vertical-align: top;
}

.slide-controller .slick-dots li button {
	width: 10px;
	height: 10px;
	padding: 0;
	border: 2px solid #fff;
	border-radius: 50%;
}

.slide-controller .slick-dots li button::before {
	content: none;
}

.slide-controller .slick-dots li.slick-active button,
.slide-controller .slick-dots li:hover button {
	background-color: #fff;
}

.slide-controller .play-pause {
	z-index: 2;
	width: 24px;
	height: 24px;
	margin-left: 10px;
	background: url(../image/top/slide-pause-icon.png) center no-repeat;
	background-size: 100%;
}

.slide-controller .play-pause.is-stopping {
	background-image: url(../image/top/slide-play-icon.png);
}

.top-search {
	position: absolute;
	z-index: 10;
	bottom: 40px;
	left: 50%;
	width: 100%;
	max-width: 760px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.top-search .search-form {
	overflow: hidden;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	border-radius: 25px;
	background-color: #fff;
}

.top-search .search-form input,
.top-search .search-form button {
	padding: 10px;
}

.top-search .search-form .icon-search {
	width: 50px;
	background: url(../image/top/search-icon-green.svg) calc(100% - 5px) center no-repeat;
	background-size: 25px;
}

.top-search .search-form input {
	font-size: 1.8rem;
	width: calc(100% - 100px - 50px);
	border: 0;
}

.top-search .tag-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 25px -10px -10px 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top-search .tag-item {
	margin: 0 10px 10px 0;
}

.top-search .tag-item a {
	font-size: 1.6rem;
	line-height: 1.3;
	display: inline-block;
	padding: 5px 15px;
	color: #000;
	border-radius: 18px;
	background-color: #fff;
}

.top-search .tag-item a:hover {
	color: #fff;
	background-color: #16882b;
}

.top-search .tag-item a:hover span {
	color: inherit;
}

.top-search .tag-item span {
	margin-right: 5px;
	-webkit-transition: all .2s cubic-bezier(.19, 1, .22, 1);
	transition: all .2s cubic-bezier(.19, 1, .22, 1);
	color: #06c;
}

/* top-emergency-first */

.top-emergency-first {
	margin-top: 40px;
}

.emergency-list {
	border: 2px solid #f00;
	border-radius: 6px;
}

.emergency-list.special a {
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #f00;
}

.emergency-list .item:last-of-type a {
	border-bottom: 0;
}

.emergency-list .item a {
	background-image: url(../image/common/arrow-right-icon-red.svg);
}

.emergency-list .item a:hover {
	border-bottom-color: #f00;
	background-color: #f00;
}

.emergency-list + .emergency-list {
	margin-top: 40px;
}

.emergency-title {
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	background: #f00;
}

.emergency-body .date {
	margin-right: 15px;
	word-break: keep-all;
}

/* top-global-info */

.top-global-info {
	margin-top: 40px;
}

.global-info-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.global-info-left {
	width: calc(100% - 350px - 60px);
	margin-right: 60px;
}

.global-info-right {
	width: 350px;
}
.top-info .info-list {
	margin-top: 30px;
}

.top-info .info-list .item {
	line-height: 1.4;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}

.top-info .info-list .date,
.top-info .info-list .label {
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.top-info .info-list .date {
	font-size: 1.4rem;
	min-width: 120px;
	margin-top: 5px;
	margin-right: 5px;
}

.top-info .info-list .label {
	font-size: 1.4rem;
	line-height: 1;
	min-width: 80px;
	margin-right: 15px;
	padding: 5px 10px;
	text-align: center;
	border-radius: 14px;
}

.top-info .info-list .news {
	background-color: #ffd9d9;
}

.top-info .info-list .update {
	background-color: #b2ceff;
}

.top-info .info-list .title {
	font-size: 1.6rem;
	margin-top: 2px;
}

.top-info .info-list .title:hover {
	text-decoration: underline;
}

.top-life {
	margin-top: 55px;
	padding: 40px 20px 20px;
	text-align: center;
	background: #fff695 url(../image/top/life-bg.png);
}

.top-life .life-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 40px -15px -15px 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top-life .item {
	width: calc((100% - 15px - 15px * (3 - 1)) / 3 - .1px);
	margin: 0 15px 15px 0;
}

.top-life .item a {
	display: block;
	height: 100%;
	padding: 15px 10px;
	color: #000;
	border-radius: 6px;
	background-color: #fff;
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
	box-shadow: 0 3px 3px rgba(0, 0, 0, .16);
}

.top-life .item a:hover {
	color: #06c;
}

.top-life .item .text {
	margin-top: 10px;
}

.top-life .item .item-title {
	font-size: 2rem;
}

.top-life .item .description {
	font-size: 1.4rem;
	line-height: 1.3;
	margin-top: 15px;
	text-align: left;
}

.top-emergency .top-title {
	padding: 15px;
	text-align: center;
	color: #f00;
	border-bottom: 2px solid #f00;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.top-side-bnr {
	margin-top: 40px;
}

.top-side-bnr .item {
	margin-top: 20px;
}

.top-side-bnr .mayor {
	background: #cee0c8 url(../image/top/side-bg_01.png);
}

.top-side-bnr .tax {
	background: url(../image/top/side-bg_02.jpg);
}

.top-side-bnr a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #000;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.top-side-bnr .text {
	padding: 15px 0 15px 15px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.top-side-bnr .description {
	font-size: 1.4rem;
}

.top-side-bnr .link-text {
	font-size: 1.4rem;
	margin-top: 5px;
	color: #06c;
}

.top-side-menu {
	margin-top: 40px;
}

.top-side-menu .top-title {
	margin-bottom: 20px;
	padding-bottom: 20px;
	text-align: center;
	border-bottom: 2px solid #73cd3f;
}

.top-side-menu .with-img {
	padding-bottom: 5px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/* top-charm */

.top-charm {
	margin-top: 120px;
	padding-bottom: 60px;
	text-align: center;
	background: url(../image/top/charm-bg.jpg) center no-repeat;
	background-size: cover;
}

.top-charm .charm-title {
	position: relative;
	top: -20px;
	padding: 60px 0 15px;
	background: url(../image/top/charm-title-bg.svg) center no-repeat;
	background-size: contain;
}

.top-charm .charm-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 20px -30px 0 0;
}

.top-charm .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	flex-direction: column;
	width: calc((100% - 30px - 30px * (3 - 1)) / 3 - .1px);
	margin-right: 30px;
	cursor: pointer;
	border-radius: 8px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
}

.top-charm .item:hover .btn {
	-webkit-transform: translate(-50%, -50%) scale(.8);
	transform: translate(-50%, -50%) scale(.8);
}

.top-charm .img-wrap {
	position: relative;
}

.top-charm .img {
	width: 100%;
	border-radius: 8px 8px 0 0;
}

.top-charm .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transition: all .3s cubic-bezier(.455, .03, .515, .955);
	transition: all .3s cubic-bezier(.455, .03, .515, .955);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.top-charm .caption {
	line-height: 1.3;
	padding: 15px;
	color: #fff;
	background-color: rgba(0, 0, 0, .7);
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

/* top-town */

.top-town {
	margin-top: 100px;
}

.top-town .inner {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto 30px 1fr;
	-ms-grid-columns: 1fr 60px 46.66%;
	grid-template: 'town-access town-map' auto 'town-population town-map' 1fr / 1fr 46.66%;
	grid-gap: 30px 60px;
}

.town-access {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: town-access;
}

.town-access .access-sub-title {
	margin-top: 15px;
}

.town-access .access-block {
	margin-top: 10px;
}

.town-access .access-block + .access-block {
	margin-top: 15px;
}

.town-access .access-block .case,
.town-access .access-block .hours {
	display: inline-block;
	margin-right: 1em;
}

.town-access .access-block .link {
	font-size: 1.4rem;
	display: inline-block;
	vertical-align: middle;
}

.town-access .to-detail-link {
	display: inline-block;
}

.town-population {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: town-population;
}

.town-population .attention {
	font-size: 1.4rem;
	margin-top: 15px;
}

.population-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -40px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.population-list .item {
	width: calc((100% - 40px - 40px * (2 - 1)) / 2 - .1px);
	margin: 10px 40px 0 0;
	border-bottom: 1px solid #ccc;
}

.population-list .population-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 100%;
	padding-bottom: 5px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}

.population-list .title {
	font-weight: bold;
	min-width: 4em;
	margin-right: 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.population-list .icon {
	margin-right: 10px;
}

.population-list .icon img {
	vertical-align: middle;
}

.population-list .body {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.town-map {
	overflow: hidden;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-ms-grid-row: 1;
	-ms-grid-row-span: 3;
	-ms-grid-column: 3;
	grid-area: town-map;
}

.town-map iframe {
	width: 100% !important;
}

/* top-event-pickup */

.top-event-pickup {
	margin-top: 120px;
}

.top-event-pickup .inner {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto 0 auto;
	-ms-grid-columns: calc(71% - 90px) 90px 29%;
	grid-template: 'top-event top-pickup' auto 'top-sns top-pickup' auto/calc(71% - 90px) 29%;
	grid-gap: 0 90px;
}

.top-event {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
	grid-area: top-event;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top-event .ig-link {
	margin-top: 10px;
}

.top-event .ig-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 10px -5px -5px 0;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top-event .ig-list li {
	width: calc((100% - 5px - 5px * (6 - 1)) / 6 - .1px);
	margin: 0 5px 5px 0;
}

.top-event .ig-list li:nth-of-type(n+13) {
	display: none;
}

.top-event .ig-list a {
	position: relative;
	display: block;
	overflow: hidden;
	height: 100%;
}

.top-event .ig-list a:hover img {
	opacity: .8;
}

.top-event .ig-list img {
	-webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1);
	transition: all .6s cubic-bezier(.165, .84, .44, 1);
}

.sns-item {
	font-size: 1.4rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	vertical-align: middle;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.sns-item .icon {
	line-height: 1;
	margin-right: 10px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.top-sns {
	margin-top: 30px;
	-ms-grid-row: 3;
	-ms-grid-column: 1;
	grid-area: top-sns;
}

.top-sns .sns-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -30px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top-sns .item {
	margin: 10px 30px 0 0;
}

.top-pickup {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	-ms-grid-row: 1;
	-ms-grid-row-span: 3;
	-ms-grid-column: 3;
	grid-area: top-pickup;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
}

.top-pickup .pickup-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-direction: column;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
}

.top-pickup .pickup-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 30px 0;
	border-top: 1px solid #ccc;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.top-pickup .pickup-item:first-of-type {
	padding: 15px 0;
	border-top: 0;
}

.top-pickup .text {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.top-pickup .catch {
	font-size: 1.4rem;
	font-weight: normal;
	display: block;
	margin-bottom: 5px;
	color: #fc4779;
}

.top-pickup .catch,
.top-pickup .description {
	font-size: 1.4rem;
	line-height: 1.3;
}

.top-pickup .description {
	margin-top: 5px;
}

.top-pickup .to-detail-link {
	margin-top: 10px;
}

.top-pickup .img {
	width: 100px;
	text-align: center;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

/* top-bnr */

.top-bnr {
	margin-top: 70px;
}

.top-bnr .bnr-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0 -20px -20px 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top-bnr .item {
	margin: 0 20px 20px 0;
}

.top-bnr a {
	display: inline-block;
}

.top-bnr a:hover {
	opacity: .8;
}

/* トップページ */

@media screen and (max-width: 1200px) {

.global-header .global-nav li {
	font-size: 1.4vw;
}

.utility .accessibility {
	position: absolute;
	z-index: 10;
	top: 100%;
	right: 0;
	height: 0;
	pointer-events: none;
	opacity: 0;
	background-color: #fff;
}

.utility .accessible-btn {
	font-size: 1.6rem;
	line-height: 1.3;
	display: block;
	margin-left: auto;
	padding: 10px 20px;
	text-align: center;
	color: #fff;
	background-color: #16882b;
}

.global-footer .footer-bottom {
	text-align: center;
}

.global-footer .footer-bottom .inner {
	display: block;
}

.top-slide .site-logo {
	top: 8vw;
	width: 18vw;
}

.slide-item {
	padding-top: 30px;
	padding-bottom: 30px;
	background-color: #d8f0ca;
}

.slide-controller {
	top: 0;
	right: 50%;
	bottom: auto;
	-webkit-transform: translate(50%, -100%) translateY(-15px);
	transform: translate(50%, -100%) translateY(-15px);
}

.top-search {
	position: static;
	max-width: 100%;
	-webkit-transform: none;
	transform: none;
}

.top-search .search-form {
	padding-left: 10px;
	-webkit-box-shadow: 0 0 0 1px #73cd3f;
	box-shadow: 0 0 0 1px #73cd3f;
}

.population-list .item {
	font-size: calc(1.2rem + .2vw);
}

.top-event-pickup .inner {
	-ms-grid-rows: auto 0 auto;
	-ms-grid-columns: calc(71% - 40px) 40px 29%;
	grid-template: 'top-event top-pickup' auto 'top-sns top-pickup' auto/calc(71% - 40px) 29%;
	grid-gap: 0 40px;
}

.top-event {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.top-sns {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

.top-pickup {
	-ms-grid-row: 1;
	-ms-grid-row-span: 3;
	-ms-grid-column: 3;
}

.top-pickup .img {
	width: 100%;
	max-width: 80px;
}

}

@media screen and (max-width: 960px) {

.global-footer .footer-main-nav .footer-category-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 20px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.global-footer .footer-main-nav .category {
	width: calc((100% - 40px - 40px * 2)/ 3);
	margin-top: 30px;
}

.global-footer .footer-bottom .site-logo {
	margin-right: 0;
}

.global-footer .footer-bottom .site-info {
	margin: 15px 0 0;
}

.global-footer .footer-bottom .copyright {
	display: block;
	margin-top: 15px;
	text-align: center;
}

.entry-wrap .main-contents {
	width: calc(100% - 240px - 40px);
}

.side {
	width: 240px;
}

.side-title a {
	font-size: 2.2rem;
}

.entry-pager .pager-list {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.entry-pager .item {
	width: calc(100% / 2);
}

.entry-pager .back {
	width: 100%;
	-webkit-box-ordinal-group: 4;
	-ms-flex-order: 3;
	order: 3;
}

.entry-pager .next {
	margin-left: auto;
	-webkit-box-ordinal-group: 3;
	-ms-flex-order: 2;
	order: 2;
}

.global-info-wrap {
	display: block;
}

.global-info-left {
	width: auto;
	margin-right: 0;
}

.global-info-right {
	width: auto;
	margin-top: 40px;
}

.top-town .inner {
	grid-gap: 30px 20px;
}

.population-list .title {
	margin-right: 10px;
}

.top-event-pickup .inner {
	display: block;
}

}

@media screen and (max-width: 768px) {

body {
	font-size: 1.6rem;
}

a[href^='tel'] {
	text-decoration: underline;
	pointer-events: auto;
	color: #06c;
}

.visible-pc {
	display: none;
}

.visible-sp {
	display: block;
}

.mt-s {
	margin-top: 4px !important;
}

.mt-m {
	margin-top: 8px !important;
}

.mt-l {
	margin-top: 20px !important;
}

.mt-xl {
	margin-top: 40px !important;
}

.mb-s {
	margin-bottom: 4px !important;
}

.mb-m {
	margin-bottom: 8px !important;
}

.mb-l {
	margin-bottom: 20px !important;
}

.mb-xl {
	margin-bottom: 40px !important;
}

.ml-s {
	margin-left: 4px !important;
}

.ml-m {
	margin-left: 8px !important;
}

.ml-l {
	margin-left: 20px !important;
}

.ml-xl {
	margin-left: 40px !important;
}

.mr-s {
	margin-right: 4px !important;
}

.mr-m {
	margin-right: 8px !important;
}

.mr-l {
	margin-right: 20px !important;
}

.mr-xl {
	margin-right: 40px !important;
}

.pt-s {
	padding-top: 4px !important;
}

.pt-m {
	padding-top: 8px !important;
}

.pt-l {
	padding-top: 20px !important;
}

.pt-xl {
	padding-top: 40px !important;
}

.pb-s {
	padding-bottom: 4px !important;
}

.pb-m {
	padding-bottom: 8px !important;
}

.pb-l {
	padding-bottom: 20px !important;
}

.pb-xl {
	padding-bottom: 40px !important;
}

.pl-s {
	padding-left: 4px !important;
}

.pl-m {
	padding-left: 8px !important;
}

.pl-l {
	padding-left: 20px !important;
}

.pl-xl {
	padding-left: 40px !important;
}

.pr-s {
	padding-right: 4px !important;
}

.pr-m {
	padding-right: 16px !important;
}

.pr-l {
	padding-right: 20px !important;
}

.pr-xl {
	padding-right: 40px !important;
}

.global-header .global-nav {
	display: none;
}

.global-header .gnav-trg {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 0;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	text-align: center;
	color: #fff;
	border: none;
	border-radius: 0;
	outline: none;
	background-color: #16882b;
}

.global-header .search-trg {
	position: absolute;
	z-index: 999;
	top: 0;
	right: 60px;
	display: block;
	width: 60px;
	height: 60px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	color: #fff;
	border: none;
	border-radius: 0;
	outline: none;
	background-color: #16882b;
}

.utility {
	padding-bottom: 0;
}

.utility .inner {
	display: block;
}

.utility .site-logo img {
	height: 40px;
}

.utility .accessibility {
	position: static;
	height: auto;
	margin: 10px -20px 0;
	padding: 10px 20px;
	pointer-events: auto;
	opacity: 1;
	background-color: #cee0c8;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.utility .accessibility .size {
	display: none;
}

.utility .accessibility .color {
	display: none;
}

.utility .accessible-btn {
	display: none;
}

.container {
	position: static;
}

.global-footer {
	margin-top: 40px;
	padding-top: 40px;
	background-size: auto 40px;
}

.global-footer .footer-main-nav {
	position: fixed;
	z-index: -1;
	top: 0;
	left: -60px;
	overflow-y: scroll;
	width: 80%;
	width: calc(100% - 60px);
	height: 100%;
	-webkit-transition: all .3s cubic-bezier(.77, 0, .175, 1);
	transition: all .3s cubic-bezier(.77, 0, .175, 1);
	opacity: 0;
	background-color: #fff;
	-webkit-overflow-scrolling: touch;
}

.global-footer .footer-main-nav.is-show {
	z-index: 9999;
	left: 0;
	opacity: 1;
}

.global-footer .footer-main-nav .main-nav-close {
	display: block;
	margin: 15px 20px;
	padding: 10px;
	color: #fff;
	background-color: #16882b;
}

.global-footer .footer-main-nav .footer-category-list {
	display: block;
	margin-right: 0;
	padding: 0;
	border-bottom: #ccc solid 1px;
}

.global-footer .footer-main-nav .category {
	width: auto;
	margin-top: 0;
	margin-right: 0;
	cursor: pointer;
	border-top: #ccc solid 1px;
}

.global-footer .footer-main-nav .category .category-title {
	padding: 20px;
	border-bottom: 0;
}

.global-footer .footer-main-nav .category .category-body {
	display: none;
}

.global-footer .footer-main-nav .category .category-body .link-list {
	background-color: #eee;
}

.global-footer .footer-main-nav .category .category-body .link-list li {
	margin: 0;
	padding: 0;
	border-top: #ccc solid 1px;
}

.global-footer .footer-main-nav .category .category-body .link-list li:first-of-type {
	margin-top: 0;
}

.global-footer .footer-main-nav .category .category-body .link-list a {
	display: block;
	padding: 12px 20px;
}

.global-footer .footer-main-nav .category .category-body .link-list a::before {
	top: 1.2em;
	left: 10px;
}

.global-footer .footer-sub-nav .link-list {
	margin-top: -15px;
	margin-bottom: 0;
}

.global-footer .footer-sub-nav .link-list li {
	display: block;
	margin: 15px 0 0;
}

.global-footer .footer-bottom .tel-number {
	margin-right: 0;
}

.page-top {
	bottom: 10px;
	width: 60px;
}

.page-top.active {
	right: 10px;
}

.search-form {
	width: auto;
}

.search-form input {
	width: calc(100% - 80px);
}

.search-form button {
	width: 80px;
}

.inner {
	padding-right: 20px;
	padding-left: 20px;
}

.inner.sp-full {
	padding-right: 0;
	padding-left: 0;
}

.local-nav .link-list {
	font-size: 1.4rem;
}

.local-nav .link-list.sp-col2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: -10px;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.local-nav .link-list.sp-col2 .item {
	width: calc((100% - 10px - 10px * (2 - 1)) / 2 - .1px);
	margin-right: 10px;
}

.entry-wrap .search-form {
	float: none;
	margin-top: 0;
}

.entry-wrap .main-contents {
	float: none;
	width: auto;
}

.entry-wrap .main-contents .link-list li + li,
.entry-wrap .main-contents .dot-list li + li {
	margin-top: 10px;
}

.topic-path {
	float: none;
	width: 100%;
}

.side {
/*
	float: none;
	width: auto;
*/
	width: 100%;
	margin-top: 50px;
}

.common-title + p {
	margin-top: 15px;
}

.common-title.xlarge {
	font-size: 2.6rem;
}

.common-title.large {
	font-size: 2.2rem;
}

.common-title.middle {
	font-size: 2.2rem;
}

.common-title.small + p {
	margin-top: 10px;
}

.common-table {
	font-size: 1.4rem;
}

.common-table th,
.common-table td {
	padding: 5px 10px;
}

.info-contact {
	padding: 20px;
}

.info-contact .tel {
	margin-left: 0;
}

.entry-pager {
	margin-top: 30px;
	padding-top: 20px;
}

.entry-pager a {
	padding: 10px;
}

.entry-pager .text {
	font-size: 1.2rem;
}

.entry-pager .prev {
	margin-right: auto;
}

.top .utility {
	top: 10px;
	right: auto;
	left: 10px;
	padding: 0;
}

.top .utility .accessibility {
	margin: 0;
	padding: 0;
}

.top .utility .accessibility .item + .item {
	margin-left: 0;
}

.top-title {
	font-size: 1.8rem;
}

.top-title.middle {
	font-size: 1.6rem;
}

.top-title.small {
	font-size: 1.6rem;
}

.top-title.with-link {
	margin-right: 10px;
}

.top-title.with-img .img {
	margin-right: 10px;
}

.top-slide .site-logo {
	top: 40px;
	width: 170px;
}

.top-slide .slide .item {
	height: 330px;
}

.top-slide .slide img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: auto;
	max-width: inherit;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.top-slide .slick-arrow {
	width: 35px;
	height: 60px;
}

.top-slide .slick-prev {
	border-radius: 0 16px 16px 0;
}

.top-slide .slick-next {
	border-radius: 16px 0 0 16px;
}

.slide-controller .slick-dots li button {
	width: 8px;
	height: 8px;
}

.slide-controller .play-pause {
	width: 20px;
	height: 20px;
}

.top-search .search-form .icon-search {
	width: 40px;
	background-size: 14px;
}

.top-search .search-form input {
	font-size: 16px;
	width: calc(100% - 60px - 40px);
}

.top-search .tag-list {
	margin: 20px -5px -5px 0;
}

.top-search .tag-item {
	margin: 0 5px 5px 0;
}

.top-search .tag-item a {
	font-size: 1.4rem;
	padding: 5px 10px;
}

.top-emergency-first {
	margin-top: 30px;
}

.emergency-list + .emergency-list {
	margin-top: 30px;
}

.emergency-body .date {
	display: block;
	margin-right: 0;
}

.global-info-right {
	margin-top: 30px;
}

.top-info .info-list {
	margin-top: 10px;
}

.top-info .info-list .item {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.top-info .info-list .date {
	margin-top: 0;
}

.top-info .info-list .label {
	font-size: 1.2rem;
	min-width: 70px;
	margin: 0;
}

.top-info .info-list .title {
	width: 100%;
	margin-top: 5px;
}

.top-life {
	margin: 40px -20px 0;
	padding: 30px 20px;
}

.top-life .life-list {
	display: block;
	margin: 20px 0 0;
}

.top-life .item {
	width: auto;
	margin: 10px 0 0;
}

.top-life .item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.top-life .item .img {
	width: 40px;
	margin-right: 20px;
	-ms-flex-negative: 0;
	flex-shrink: 0;
}

.top-life .item .text {
	margin-top: 0;
	text-align: left;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
}

.top-life .item .item-title {
	font-size: 1.6rem;
}

.top-life .item .description {
	margin-top: 5px;
}

.top-emergency .top-title {
	padding: 5px 15px;
}

.top-side-bnr {
	margin-top: 30px;
}

.top-side-bnr .item {
	margin-top: 10px;
}

.top-side-menu {
	margin-top: 30px;
}

.top-charm {
	margin-top: 60px;
	padding-bottom: 30px;
}

.top-charm .charm-title {
	padding: 30px 0 10px;
}

.top-charm .charm-list {
	display: block;
	margin: -10px 0 0;
}

.top-charm .item {
	width: auto;
	margin: 10px 0 0;
}

.top-charm .caption {
	font-size: 1.4rem;
}

.top-town {
	margin-top: 30px;
}

.top-town .inner {
	display: block;
}

.town-access .access-block .link {
	display: block;
}

.town-population {
	margin-top: 30px;
}

.town-population .attention {
	font-size: 1.2rem;
}

.population-list {
	margin-right: -20px;
}

.population-list .item {
	font-size: 1.2rem;
	width: calc((100% - 20px - 20px * (2 - 1)) / 2 - .1px);
	margin-right: 20px;
}

.population-list .title {
	margin-right: 5px;
}

.town-map {
	height: 300px;
	margin-top: 30px;
}

.top-event-pickup {
	margin-top: 30px;
}

.top-event .ig-list li {
	width: calc((100% - 5px - 5px * (3 - 1)) / 3 - .1px);
}

.top-sns .sns-list {
	display: block;
	margin-right: 0;
}

.top-sns .item {
	margin-right: 0;
}

.top-pickup {
	margin-top: 30px;
}

.top-pickup .pickup-item {
	padding: 20px 0;
}

.top-pickup .text {
	margin-right: 15px;
}

.top-bnr {
	margin-top: 30px;
}

.top-bnr .bnr-list {
	display: block;
	margin: 0;
	text-align: center;
}

.top-bnr .item {
	margin: 20px 0 0;
}

}

@-webkit-keyframes modal-video {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@keyframes modal-video {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@-webkit-keyframes modal-video-inner {

from {
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px);
}

to {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

}

@keyframes modal-video-inner {

from {
	-webkit-transform: translate(0, 100px);
	transform: translate(0, 100px);
}

to {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

}

iframe {
  width:100%;
}