/*
Theme Name: Twenty Seventeen date-shi-2022
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.2
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}



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

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

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

pre {
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

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

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
}

code,
kbd,
samp {
	font-size: 1em;
}

dfn {
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

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

img {
	border-style: none;
	vertical-align: bottom;
}

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

button,
input,
optgroup,
select,
textarea {
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

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

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

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

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/
<!-- jQuery.accesible -->
	.inverse-white {
		background-color: #FFF !important;
		color: #000 !important;
	}
	.inverse-black {
		background-color: #000 !important;
		color: #fff !important;
	}
	.inverse-blue {
		background-color: #00f !important;
		color: #fff !important;
	}
	.inverse-yellow {
		background-color: #ff0 !important;
		color: #000 !important;
	}
<!-- jQuery.accesible -->
/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	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;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.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;
}

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.66;
}

p {
	margin: 0 0.5em 1.2em 0.5em;
	padding: 0;
	font-size: 1.18em;
	letter-spacing: 0.1em;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

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;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	/*-webkit-border-radius: 3px;*/
	/*border-radius: 3px;*/
	display: block;
	padding: 0.2em;
	width: 100%;
}

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: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: #767676;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
}

:-moz-placeholder {
	color: #333;
}

::-moz-placeholder {
	color: #333;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
    padding: 0.8em 2em 1em 2.7em;
      font-size: 1.18em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}



li {
  	margin: 0;
    padding: 0.17em 0 0.17em 0;
    letter-spacing: 0.1em;
}

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


/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

table {
	border-collapse: collapse;
	margin: 0 0.5em 1.5em 0.5em;
	background-color: #FFF;
  	border: 1px solid #555;
	letter-spacing: 0.1em;
      font-size: 1.18em;
}
thead th {
	padding-bottom: 0.5em;
}
th {
	padding: 10px 8px 8px 8px;
	text-align: left;
	background-color: #79796A;
	color: #FFF;
	border: 1px solid #444;
	vertical-align: middle;
	font-weight: 500;
}
td {
	padding: 8px 8px 6px 8px;
  	border: 1px solid #444;
	vertical-align: middle;
}
table p {
	margin: 0;
	padding: 0;
}
table caption {
	margin: 0;
	padding: 0 1em;
	text-align: left;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #000;
	outline: 0;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
	margin-bottom: 1em;
}

.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

/*--------------------------------------------------------------
12.0 Navigation スマホ
--------------------------------------------------------------*/
.logo_sp {
	display: block;
	max-width: 150px;
		margin: 5px 1.5% 10px 2%;
	    float: left;
}
.logo {
	display: none;
}
.navigation-top {
	background: #fff;
	font-size: 16px;
	font-size: 1rem;
	/*position: relative;*/
}

.navigation-top .wrap {
	max-width: 1200px;
	padding: 0;
}

.navigation-top a {
	color: #222;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #767676;
}

.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
  width: 100%;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding: 5em 2%;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
      font-size: 0.86em;
    vertical-align: middle;
  	margin: 0;
	padding: 0;
}
.main-navigation li.menu-item-has-children:nth-child(3) {
	border-bottom: 0;
}
.main-navigation li a {
	margin: 0;
	padding: 1em 0;
	letter-spacing: 0.05em;
}

.main-navigation ul.sub-menu li a {
	margin: 0 !important;
	padding: 0.8em 1em !important;
	line-height: 1.3;
}

.main-navigation ul ul a {
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}
.main-navigation li li {
	font-size: 0.7em;
}
.main-navigation li li:last-child{
	border-bottom: 0;
}

.main-navigation a {
	display: block;
	/*padding: 0.5em 0;*/
	text-decoration: none;
}
.main-navigation a:hover {
	color: #767676;
}

/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: none;
	font-size: 14px;
	font-size: 1rem;
	line-height: 1.5;
	margin: 15px 1.5% 0 1.5%;
	padding: 0.5em;
	text-shadow: none;
  float: right;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 1.5em;
	right: 0;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.2em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */



/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	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/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

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

#page {
	/*position: relative;*/
	word-wrap: break-word;
}
/*　マウスカーソル */
.site-content-contain,
.site-content-contain a {
	cursor: url(https://www.date-shi.jp/wp-content/themes/date-shi/images/cursor.cur), url(images/cursor.png), auto;
}
.wp-pagenavi,
.post_content,
#page footer {
	cursor: auto;
}
.wp-pagenavi a,
.post_content a,
#page footer a {
	cursor: pointer;
}
.post_content .pr,
.post_content .pr a,
#page footer .zoom_map a {
	cursor: url(https://www.date-shi.jp/wp-content/themes/date-shi/images/cursor.cur), url(images/cursor.png), auto;
}

.skip-link {
	display: none;
}

.wrap {
	margin-left: auto;
	margin-right: auto;
	/*max-width: 700px;*/
	/*padding-left: 2em;*/
	/*padding-right: 2em;*/
  	padding: 4em 2% 4em 2%;
}

.wrap:after {
	clear: both;
	content: "";
	display: block;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
#sub-navigation-wrap {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #585449;
	overflow: hidden;
}
hr {
	width: 100%;
	margin: 0;
	padding: 0;
	height:4px;
	background-image: url(images/hr_img.png);
	border: 0px none;
}
#sub-navigation {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	padding: 0 1.5%;
	overflow: hidden;
}


/* search 検索フォーム */
.searchform {
    float: right;
}
#sub-navigation .searchfield {
	padding: 3px;
	margin: 7px 0 0 0;
	font-size: 1em;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	width: 240px;
	float: left;
}
#sub-navigation input.searchsubmit {
	width: 35px;
	height: 29px;
	padding: 0 0 2px 0;
	margin: 5px 0;
	font-family: FontAwesome;
	font-size: 20px;
	border: none;
	background-color: #000;
	cursor: pointer;
	float: left;
}
/* search 404・検索結果なし 検索フォーム */
.search_s {
	width: 30%;
	margin: 0 auto 2.5em auto;
	overflow: hidden;

}
.search_s .searchform {
	float: none;
}
.search_s .searchfield {
	padding: 3px;
	margin: 5px 0 0 0;
	font-size: 1em;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 500;
	width: 300px;
	float: left;
}
.search_s input.searchsubmit {
	width: 35px;
	height: 33px;
	padding: 0 0 2px 0;
	margin: 5px 0;
	font-family: FontAwesome;
	font-size: 20px;
	border: none;
	background-color: #000;
	cursor: pointer;
	float: left;
}




#masthead .wrap {
	/*position: relative;*/
}

.site-header {
	/*position: relative;*/
      min-height: 120px;
}
#fontsize,
#inverse {
	display: none;
}

/* Site branding */

.site-branding {
	padding: 1em 0;
	position: relative;
	-webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
	z-index: 3;
}

.site-branding a {
	text-decoration: none;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.site-branding a:hover,
.site-branding a:focus {
	opacity: 0.7;
}

/*.site-title {
	clear: none;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.site-title,
.site-title a {
	color: #222;
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
/*}*/

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
	color: #fff;
}

.site-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	margin-bottom: 0;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
	color: #fff;
	opacity: 0.8;
}

.custom-logo-link {
	display: inline-block;
	padding-right: 1em;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	vertical-align: middle;
}

.custom-header {
	position: relative;
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 75vh;
	width: 100%;
}

.custom-header-media {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.custom-header-media:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
	background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 2;
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
	position: fixed;
	height: auto;
	left: 50%;
	max-width: 1000%;
	min-height: 100%;
	min-width: 100%;
	min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
	width: auto;
	top: 50%;
	padding-bottom: 1px; /* Prevent header from extending beyond the footer */
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 30px;
	top: 30px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(34, 34, 34, 0.8);
	color: #fff;
}

.admin-bar .wp-custom-header-video-button {
	top: 62px;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	bottom: 0;
	position: absolute;
	top: auto;
	-ms-transform: translateX(-50%) translateY(0);
	-moz-transform: translateX(-50%) translateY(0);
	-webkit-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-video .custom-header-media iframe,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		height: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 100%;
	}
}

/* Hides div in Customizer preview when header images or videos change. */

body:not(.has-header-image):not(.has-header-video) .custom-header-media {
	display: none;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}

/* スライド */
.date_slider {
	max-width: 1500px;
	margin: 0 auto;
	position: relative;
}

.date_slider .slidelogo {
	width: 17%;
	max-width: 250px;
	top: 0;
	right: 0;
	position: absolute;
	z-index: 99;
}
@media (max-width: 950px) {
	.date_slider .slidelogo {
		width: 24%;
	}
}

/* パンくず */
.breadcrumbs_wrap {
	width: 100%;
	margin: 2em 0 0 0;
	padding: 10px 0;
    background-color: #EEECDF;
	    overflow: hidden;
border-top: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}
.breadcrumbs {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto 0 auto;
	padding: 0 10px;
}

/*--------------------------------------------------------------
13.2 Front Page　トップページ
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {
	padding: 0;
}

.twentyseventeen-panel {
	overflow: hidden;
	position: relative;
}

.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.panel-image:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}

.panel-content {
	position: relative;
}

.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Panel edit link */

.twentyseventeen-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

.twentyseventeen-panel .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
	border: 0;
	color: #333;
	margin-bottom: 3em;
}

.recent-posts .entry-header {
	margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	text-transform: none;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-left: 1em;
}

/*.top_skip {
    margin: 0;
    position: fixed;
    z-index: 999;
    top: 45%;
    right: 0;
}
.top_skip a {
    background-color: #585449;
	text-decoration: none;
	color: #fff;
	padding: 10px 15px 8px 25px;
	border: 1px solid #FFF;
	border-top-left-radius: 7px;
	border-bottom-left-radius: 7px;
	display: block;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.top_skip a:hover {
	text-decoration: none;
    background-color: #EDC038;
	color: #585449;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
*/

.top_welcom_area {
	margin: 6em 0 1em 0;
	padding: 9em 0;
	width: 100%;
	z-index: 1;
    position: relative;
    overflow: hidden;
	font-size: 1.05em;
}
.top_welcom_area:after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
	background-image: url(images/top_welcome_bg.png);
    background-repeat: no-repeat;
    background-position: center top;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;

    transition: all 10s ease-out;
    -webkit-transition: all 10s ease-out;
    -moz-transition: all 10s ease-out;
    -ms-transition: all 3s ease-out; /* IE独自 ガタツキ防止 */
}
.top_welcom_area:hover:after {
    transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.4); /* IE独自 ガタツキ防止 */
}
.logo3 {
	/*max-width: 320px;*/
    position: absolute;
    z-index: 999;
    top: -20px;
    right: 12%;
}
@media (max-width: 1700px) {
	.logo3 {
		width: 20%;
		top: -20px;
		right: 3%;
	}
}
@media (max-width: 1400px) {
	.logo3 {

		top: -10px;
		right: 0%;
	}
}
@media (max-width: 1230px) {
	.logo3 {
		width: 25%;
		/*top: -40px;*/
		right: 0%;
	}
}
@media (max-width: 1100px) {
	.top_welcom_area {
		padding: 5em 0;
	}
	.logo3 {
		width: 30%;
		/*top: -40px;*/
		right: 0%;
	}
}
.top_welcom {
	max-width: 1200px;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 3em 3% 7em 3%;
	background-color: rgba(255,255,255,0.7);
	position: relative;
	z-index: 10;
	left: 0;
	right: 0;
}
.welcom_logo {
	position: absolute;
	z-index: 15;
	top: -2em;
	left: 2%;
}
.top_welcom h2 {
	margin: 0.2em 0 0.5em;
	padding: 0;
	text-align: left;
	background-color: transparent;
}
.top_welcom .button {
	float: right;
}
@media (max-width: 1200px) {
	.top_welcom {
		max-width: 1200px;
		width: initial;
		margin: 0 2%;
		left: 0;
		right: 0;
	}
}
@media (max-width: 780px) {
	.top_welcom {
		max-width: 1200px;
		width: initial;
		margin: 0 2%;
		left: 0;
		right: 0;
	}
	.top_welcom_area {
	    min-height: 670px;
	}
}
@media (max-width: 500px) {
	.top_welcom {
		max-width: 1200px;
		width: initial;
		margin: 0 2%;
		left: 0;
		right: 0;
	}
	.top_welcom_area {
	    min-height: 750px;
	}
}
/*------------------------------------------------
                     ボタン
-------------------------------------------------*/
.button {
	margin: 0 1.5%;
	padding: 0 20px;
	display: inline-block;
	min-width: 200px;
	/*height: 54px;*/
	text-align: center;
	text-decoration: none;
	position: relative;
	z-index: 2;
	background-color: #fff;
	border: 2px solid #333;
	color: #333;
	line-height: 50px;
	overflow: hidden;
      font-size: 1.2em;
}
.button::before, .button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button, .button::before, .button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button:hover {
	color: #fff;
}
.button::after {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}
.button:hover::after {
	background: #333;
	-webkit-transform: scale(1);
	transform: scale(1);
}
@media (max-width: 1000px) {
	.top_welcom_area .button {
		margin: 0.5em 0;
		min-width: 98%;
	}
}
@media (max-width: 860px) {
	.button {
	  	margin: 1em 0;
		min-width: 98%;
	}
}
/*------------------------------------------------
                  ブロックメニュー
-------------------------------------------------*/
/*------------- 共通スタイル -------------*/
div.zoom_box {
	max-width: 500px;
	overflow:hidden;
}
.zoom_img {
	display: block;
	vertical-align: top;
	-webkit-transition: all 2s ease-out;
	transition: all 2s ease-out;
	margin: 0;
	padding:0;
}
.zoom_img:hover {
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}
@media (max-width: 860px) {
	.zoom_img {
		-webkit-transition: none;
		transition: none;
	}
	.zoom_img:hover {
		-webkit-transform: none;
		transform: none;
	}
}
.zoom1 p,
.zoom2 p,
.zoom3 p,
.zoom4 p,
.zoom5 p {
	margin: 1.5em 1.5% 1.5em 1.5%;
	padding: 0;
	box-sizing: border-box;
	font-size: 1.1em;
	color: #3F3000;
	letter-spacing: 0.1em;
}

@media (max-width: 860px) {
	.zoom1 p,
	.zoom2 p,
	.zoom3 p,
	.zoom4 p,
	.zoom5 p {
		margin: 1em 1.5% 1.5em 1.5%;
	}
}

/*----- 観光・体験　/　宿泊・入浴・キャンプ場 -----*/
.home .bnr_wrap + .wrap .zoom1 {
	margin-top: 2em;
}
.bnr_wrap {
	display: flex;
	justify-content: center;
	background-color: #F8F6F0;
	margin: 0em 0 0;
	padding: 5em 0.5em;
}
.bnr_wrap div {
	margin: 1em 0.5em;
}
@media (max-width: 860px) {
	.bnr_wrap {
		display: block;
		margin: 0em 0 0;
		padding: 2em 0.5em;
	}
}





.zoom1,
.zoom5 {
	overflow: hidden;
	margin: 5em 0;
	padding: 4em 0;
	position: relative;
	z-index: 1;
	clear: both;
}
.zoom1:before,
.zoom5:before {
    width: 20%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: #F8F6F0;
	z-index: -10;
}
.zoom1 .zoom_logo, /*sightseeing*/
.zoom5 .zoom_logo  /*stay*/ {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
}
.zoom1 div,
.zoom5 div {
	width: 53%;
	float: left;
	font-size: 0.9em;
}
.zoom1 div.zoom_box,
.zoom5 div.zoom_box {
  	float: left;
	margin: 0 2% 0 0;
	width: 43.524%;
}
.zoom1 h2, /*zoom 01. 自然に触れる*/
.zoom5 h2  /*zoom 05. 時間を忘れて過ごす*/ {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

@media (max-width: 1000px) {
	.zoom1 .zoom_logo /*sightseeing*/ {
		width: 30%;
	}
	.zoom5 .zoom_logo /*stay*/ {
		width: 13%;
	}
}
@media (max-width: 860px) {
	.zoom1 {
		margin: 5em 0 0 0;
		padding: 4.1em 0;
	}
	.zoom5 {
		margin: 0 0 5em 0;
		padding: 4.1em 0;
	}
	.zoom1:before,
	.zoom5:before {
		width: 50%;
	}
	.zoom1 .zoom_logo, /*sightseeing*/
	.zoom5 .zoom_logo  /*stay*/ {
		width: initial;
		right: 4%;
	}
	.zoom1 div,
	.zoom5 div {
		width: initial;
		margin: 0 1%;
	}
	.zoom1 div.zoom_box,
	.zoom5 div.zoom_box {
		width: initial;
		margin: 0 auto 2em auto;
		float: none;
	}
}
/*------------------ イベント -------------------*/
.zoom2 {
	overflow: hidden;
	margin: 5em 0;
	padding: 4em 0;
	position: relative;
	z-index: 1;
	clear: both;
}
.zoom2:before {
    width: 20%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #F8F6F0;
	z-index: -10;
}
.zoom2 .zoom_logo /*event*/ {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 50%;
}
.zoom2 div {
	width: 53%;
	float: left;
	font-size: 0.9em;
}
.zoom2 div.zoom_box {
	float: right;
	margin: 0 0 0 2%;
	width: 44.54%;
}
.zoom2 div h2 /*zoom 02. 伝統を楽しむ*/ {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

@media (max-width: 1000px) {
	.zoom2 .zoom_logo /*event*/ {
		width: 14%;
	}
}
@media (max-width: 860px) {
	.zoom2 {
		margin: 0;
		padding: 4.1em 0;
	}
	.zoom2:before {
		width: 50%;
	}
	.zoom2 .zoom_logo /*event*/ {
		width: initial;
		right: 4%;
	}
	.zoom2 .zoom_img {
		width: initial;
		margin: 0 auto 2em auto;
		float: none;
	}
	.zoom2 div {
		width: initial;
		margin: 0 1%;
	}
	.zoom2 div.zoom_box {
		width: initial;
		margin: 0 auto 2em auto;
		float: none;
	}
}

/*----------- グルメ / ショッピング  -------------*/
.zoom3 {
	overflow: hidden;
	margin: 0.5em 0;
	padding: 4em 0;
	width: 44.54%;
	position: relative;
	z-index: 1;
	float: left;
    font-size: 0.9em;
}
.zoom3:before {
    width: 50%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #F8F6F0;
	z-index: -10;
}
.zoom4 {
	overflow: hidden;
	margin: 15em 0 5em 0;
	padding: 4em 0;
	width: 44.54%;
	position: relative;
	z-index: 1;
	float: right;
    font-size: 0.9em;
}
.zoom4:before {
    width: 50%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: #F8F6F0;
	z-index: -10;
}

.zoom3 .zoom_logo, /*shopping*/
.zoom4 .zoom_logo  /*food*/ {
	position: absolute;
	z-index: 10;
	top: 0;
	right: 0;
}
.zoom3 .pc,
.zoom4 .pc {
	display: block;
}
.zoom3 .sp,
.zoom4 .sp {
	display: none;
}
.zoom3 h2, /*zoom 03. お土産を買う*/
.zoom4 h2  /*zoom 04. 地元の味を食す*/ {
	margin: 0 0 15px 0;
	padding: 0;
	background-color: transparent;
}

@media (max-width: 1000px) {
	.zoom3 .zoom_logo /*shopping*/ {
		width: 55%;
	}
	.zoom4 .zoom_logo /*food*/ {
		width: 26%;
	}
}
@media (max-width: 860px) {
	.zoom3,
	.zoom4 {
		width: initial;
		margin: 0;
		padding: 4.1em 0;
	}
	.zoom3:before {
		width: 50%;
		left: auto;
		right: 0;
	}
	.zoom4:before {
		width: 50%;
		left: 0;
	}
	.zoom3 .zoom_logo, /*shopping*/
	.zoom4 .zoom_logo  /*food*/ {
		width: initial;
		right: 4%;
	}
	.zoom3 .zoom_img,
	.zoom4 .zoom_img {
		width: initial;
		margin: 0 auto 2em auto;
		float: none;
	}
	.zoom3 .pc,
	.zoom4 .pc {
		display: none;
	}
	.zoom3 .sp,
	.zoom4 .sp {
		display: block;
	}
}
/*------------------------------------------------
                      新着エリア
-------------------------------------------------*/
.information_wrap {
	margin: 0;
	padding: 3.5em 0;
	background-color:#F8F6F0;
	overflow: hidden;
	width: 100%;
}
.information {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	max-width: 1200px;
	width: 100%;
}
.information h2 {
	margin: 0 0 0 0;
	text-align: center;
	background-color: transparent;
}
#date_info ul,
.info ul {
	width: 100%;
	margin: 0 !important;
	padding: 1em 1% !important;
	overflow: hidden;
    font-size: 1.2em;
}
.info ul {
    font-size: 1em;
}
#date_info ul li,
.info ul li {
	/*max-width: 275px;*/
	width: 24%;
	margin: 10px 0.5% !important;
	padding: 10px 1% !important;
	border: 1px solid #F8F6F0;
	background-color: #FFF;
	float: left;
	list-style-type: none;
	position: relative;
	z-index: 1;
	overflow: hidden;
	letter-spacing: 0.05em;

    transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
}
@media (max-width: 830px) {
	#date_info ul li,
	.info ul li {
		/*max-width: 275px;*/
		width: 32%;
	}
}
@media (max-width: 650px) {
	#date_info ul li,
	.info ul li {
		/*max-width: 275px;*/
		width: 49%;
	}
}
#date_info ul li:hover,
.info ul li:hover {
	/*border: 1px solid #C1B696;*/
	-webkit-box-shadow: 6px 6px 6px -6px #664C00;
	-moz-box-shadow: 6px 6px 6px -6px #664C00;
	box-shadow: 0px 3px 14px rgba(193,182,150,1);
	box-shadow: 0px 3px 14px rgba(102,76,0,0.7);
	transform: scale(1.05,1.05);
}

#date_info ul li span.event,
.info ul li span.event {
    background-color: rgba(91,87,77,.8);
    color: #FFF;
	margin: 0 0.5em 0 0;
    padding: 5px 16px 3px 5px;
  float: left;
    font-size: 0.85em;
    letter-spacing: 0;
	position: absolute;
  	z-index: 10;
	background-image: url("images/term_siug_event.png");
    background-position: top right;
    background-repeat: repeat-y;
}
#date_info ul li span.news,
.info ul li span.news {
    background-color: rgba(91,87,77,.8);
    color: #FFF;
	margin: 0 0.5em 0 0;
    padding: 5px 16px 3px 5px;
    float: left;
    font-size: 0.85em;
    letter-spacing: 0;
	position: absolute;
  	z-index: 10;
	background-image: url("images/term_siug_news.png");
    background-position: top right;
    background-repeat: repeat-y;
}
#date_info ul li span:nth-child(2),
.info ul li span:nth-child(2) {
	margin: 30px 0 0 0;
}
#date_info ul li img,
.info ul li img {
	margin: 0;
    padding: 0;
	/*position: absolute;*/
	z-index: 5;
	clear: both;
}
#date_info ul li span.date,
.info ul li span.date {
	margin: 0 0 5px 0;
    padding: 0;
    display: inline-block;
	font-size: 0.9em;
}
#date_info .button,
.info .button {
	margin:0;
	width: 49%;
}


/*------------------------------------------------
                     バナーリンク
-------------------------------------------------*/
.links_wrap {
	margin: 0;
	padding: 3.5em 0;
	overflow: hidden;
	width: 100%;
}
.links {
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	max-width: 1200px;
	width: 100%;
}
.links h2 {
	margin: 0 0 1em 0;
	text-align: center;
	background-color: transparent;
}
.links ul {
	margin: 0 !important;
	padding: 1em 1.5% !important;
	overflow: hidden;
    font-size: 1.2em;
	text-align: center;
}
.links ul li {
	width: 19%;
	max-width: 220px;
	margin: 0 0.5% 5px 0.5% !important;
	padding: 0px !important;
	list-style-type: none;
	z-index: 1;
	overflow: hidden;
	display: inline-block;
}
@media (max-width: 970px) {
	.links ul li {
		width: 24%;
	}
}
@media (max-width: 700px) {
	.links ul li {
		width: 32%;
	}
}
.links a:hover img {
	opacity: 0.75;
}
/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	background-color: #fff;
	/*position: relative;*/
}

.site-content {
	padding: 0;
}

/*------------------------------------------------
               wp-pagenavi ページナビゲーション
-------------------------------------------------*/

.wp-pagenavi {
    text-align: center;
    margin: 2em 1em 1.5em 1em;
}
.wp-pagenavi span.current {
    background-color: #000;
    color: #FFF;
}
.wp-pagenavi a, .wp-pagenavi span {
    padding: 8px 10px;
    margin: 3px;
    display: inline-block;
}
.wp-pagenavi span {
	border-style: dashed;
}

/*--------------------------------------------------------------
13.4 Posts 投稿
--------------------------------------------------------------*/

.post_content {
	margin: 0;
	padding: 4em 0 5em 0;
	overflow: hidden;
	background-color: #F8F6F0;
}
.content-area {
	max-width: 1200px;
	width: 100%;
	margin: 0 auto;
	/*overflow: hidden; ネガティブmargin効かないので指定しない*/
	font-size: 1.2em;
}
.post_content .content-area {
	padding: 0 20px;
}
.entry-title {
	text-align: center;
	background-color: #FFF;
	margin: 0 0 0.5em 0;
	padding: 0.7em 0.5em 0.5em 0.5em;
	font-size: 1.9em;
	font-weight: 500;
	border: 1px solid #EEECDF;
	-o-border-radius: 50px;
	-ms-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
.postdate {
	text-align: right;
	margin: 0 0 1.5em 0;
	padding: 0 1.5%;
	font-size: 0.9em;
	font-weight: 500;
}
.post_content .postdate a {
	color: #777;
	text-decoration: none;
  	font-weight: 500;
	transition: color .3s;
}

.post_content .postdate a:visited {
	color: #777;
}
.post_content .postdate a:hover {
	color: #000;
}
.postdate .date {
	margin: 0 1em 0 0;
	padding: 0;
}
.fa-clock-o:before {
	color: #444;
}
.postdate .cate{
	margin: 0;
	padding: 0;
	color: #000;
}
.fa-folder-open:before {
	color: #666;
}




.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	text-align: left;
}
.post_content h2 {
	padding: 0.7em 0.5em 0.5em 0.5em;
	color: #000;
	font-size: 1.7em;
	font-weight: 500;
    background-image: url(images/h2_bg.png);
}
.post_content h3 {
	padding: 0.7em 0.5em 0.5em 2.5em;
	color: #FFF;
	font-size: 1.4em;
	font-weight: 500;
	background-color: #639798;
    background-image: url(images/h3_icon.png);
    background-repeat: no-repeat;
    background-position: 10px 13px;
	position: relative;
}
.post_content h3:after {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	border-width: 0 25px 25px 0;
	border-style: solid;
	border-color: #F8F6F0 #F8F6F0 #D9CFAA;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
}
.post_content h4 {
	padding: 0.7em 0.5em 0.5em 2.7em;
	color: #000;
	font-size: 1.1em;
	font-weight: 600;
	background-color: #FFF;
	border: 1px solid #E1DEC8;
    background-image: url(images/h4_icon.png);
    background-repeat: no-repeat;
    background-position: 22px 14px;
}
.post_content a {
	color: #0036D9;
	text-decoration: underline;
  	font-weight: 600;
  transition: color .3s;
}
.post_content a:visited {
	color: #8500B2;
}
.post_content a:hover {
	  	color: #BB0000;
}
.post_content a:hover img{
	opacity: 0.75;
}

/* 伊達市紹介ページ */
.pr p {
	margin:0 0 -1px 0;
	padding:0;
}
@media (min-width: 1100px) { /* 拡大 */
	.pr p a img {
		transition: all 0.7s ease-out;
		-webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-ms-transition: all 0.7s ease-out;
		position: relative;
		z-index:50;
	}
	.pr p a img:hover {
		transform: scale(1.05,1.05);
		opacity: 1;
	}
	.pr .pr_logo img:hover {
		transform: none;
		opacity: 0;
		max-width:1160px;
	}
	.pr .pr_logo img {
		max-width:1160px;
	}
}


/* サイトマップ */

ul#sitemap_list {
    margin: 0;
    padding: 0;
}
ul#sitemap_list a {
    text-decoration: none;
}
ul#sitemap_list li.cat-item {
    list-style: none;
}
ul#sitemap_list li.cat-item a {
	padding: 0.5em 0.5em 0.3em 0.5em;
	color: #000;
	font-size: 1.4em;
	font-weight: 500;
    background-image: url(images/h2_bg.png);
    display: block;
}
ul#sitemap_list li.cat-item ul {
	margin: 1em 0.5em;
	padding: 0;
}
ul#sitemap_list li.cat-item ul li.cat-item a {
	padding: 0.4em 0.5em 0.3em 2.5em;
	color: #FFF;
	font-size: 0.98em;
	font-weight: 500;
	background-color: #639798;
    background-image: url(images/h3_icon.png);
    background-repeat: no-repeat;
    background-position: 10px 8px;
	position: relative;
}
ul#sitemap_list li.cat-item ul li.cat-item a:after {
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	border-width: 0 25px 25px 0;
	border-style: solid;
	border-color: #F8F6F0 #F8F6F0 #D9CFAA;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.15);
}
ul#sitemap_list li.cat-item ul li.cat-item ul {
	margin: 0.1em 0.3em 0.5em 0.3em;
	padding: 0;
}
ul#sitemap_list li.cat-item ul li.cat-item li.post-item {
      display: inline-block;
  margin: 0;
    padding: 0;
  /*float: left;*/
}
ul#sitemap_list li.cat-item ul li.cat-item li.post-item a {
      padding: 0;
    display: inline-block;
	background-color: transparent;;
    background-image: none;
  	color: #000;
  	font-size: 0.6em;
  position: static;
	border: 0px;
	box-shadow: 0;
      display: inline-block;
}
ul#sitemap_list li.cat-item ul li.cat-item li.post-item a:after {
    background-image: none;
  position: static;
	border: 0px;
	box-shadow: none;
      content: "\2502";
    padding: 0 5px;
    color: #C1BFB2;
}


/* 検索結果 */
.search .entry-summary {

}
.search .entry-summary .entry-thumbnail {
  width: 25%;
    float: left;
    padding: 0;
	margin: 0;
}
.search .entry-summary .entry-text {
    width: 75%;
    float: left;
    padding: 0;
	margin: 0;
}
.search h1 {
	text-align: center;
	margin: 0 0 0.5em 0;
	padding: 0 0.5em;
}
.search_hit {
	text-align: center;
	margin: 0;
	padding: 0 0.5em;
	font-size: 1.3em;
}
.search .entry-summary h2 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding: 0.7em 0.5em 0.5em 0.5em;
	color: #000;
	font-size: 1.3em;
	font-weight: 500;
	text-align: left;
    background-image: url(images/h2_bg.png);
}
.search .entry-summary p {
    margin: -5px 0.5em 1.1em 0.5em;
	font-size: 1.1em;
}
.search .entry-summary a {
	color: #333;
	text-decoration: nono;
  overflow: hidden;
  display: block;
  height:100%;
width: 100%;
      padding: 1em 1.5%;
	margin: 0 0 1.5em 0;
      border: 2px solid #666;
  transition: .3s;
}
.search .entry-summary a:hover {
    background-color: #FBFAE1;
}


/* Post Landing Page */

.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}

.sticky .icon-thumb-tack {
	display: block;
	height: 18px;
	left: -1.5em;
	position: absolute;
	top: 1.65em;
	width: 20px;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 2rem;
	text-transform: uppercase;
  text-align: center;

}

.entry-header .entry-title {
	margin-bottom: 0.25em;
}

.entry-title a {
	color: #333;
	text-decoration: none;
	margin-left: -2px;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-meta {
	color: #767676;
	font-size: 11px;
	font-size: 0.6875rem;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #767676;
}

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

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


/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */

/*.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	padding-bottom: 2em;
}*/

body:not(.twentyseventeen-front-page) .entry-header {
	padding: 1em 0;
}

body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
	margin-left: auto;
	margin-right: auto;
}

body:not(.twentyseventeen-front-page) .entry-header {
	padding-top: 0;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	max-width: 740px;
}

.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

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

.page-links a .page-number {
	color: #222;
}

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;

	padding: 2em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}

.entry-footer .edit-link {
	display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.format-quote blockquote {
	color: #333;
	font-size: 20px;
	font-size: 1.25rem;
	overflow: visible;
	position: relative;
}

.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */

.post-navigation {
	margin: 3em 0;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
}

.post-navigation .nav-next {
	margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
	padding-bottom: 2em;
}

.page .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
	font-size: 11px;
	font-size: 0.6875rem;
}

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

.page:not(.home) #content {
	padding-bottom: 1.5em;
}

/* 404 page */

.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/*大分類ページ　カテゴリーメニュー*/
.cat_img {
	margin: 0;
    padding: 3em 0;
	text-align: center;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.cat_img span {
	margin: 0;
	padding: 0;
    font-size: 2.5em;
  	color: #FFF;
	display: inline-block;
}
.sightseeing {
	background-image: url(images/cat_s/bg_cat_sightseeing.jpg);
}
.shopping {
	background-image: url(images/cat_s/bg_cat_shopping.jpg);
}
.food {
	background-image: url(images/cat_s/bg_cat_food.jpg);
}
.stay {
	background-image: url(images/cat_s/bg_cat_stay.jpg);
}
.other {
	background-image: url(images/cat_s/bg_cat_other.jpg);
}
.info_item {
	background-image: url(images/cat_s/bg_cat_other.jpg);
}

.info .button {
    margin: -20px 0 0 0;
    min-width: 98%;
	font-size: 1em
}

.cat_img  div {
	margin: 0 2%;
    padding: 0.5em 0 0.3em 0;
    letter-spacing: 0.1em;
    background-color: rgba(255,255,255,0.7);
}
.cat_img  div h1 {
	margin: 0;
    padding: 0 0 0 0;
    font-size: 3em;
	font-weight: 500;
}
.cat_img  div p {
	color: #3F3000;
}

.cat_menu_top {
	width: 100%;
	margin: 0 !important;
	padding: 1em 1.5% !important;
	overflow: hidden;
}
.cat_menu_top li {
	width: 48%;
	margin: 10px 1% !important;
	padding: 10px 10px 20px 10px !important;
	border: 1px solid #A7976A;
	background-color: #FFF;
	float: left;
	list-style-type: none;
	overflow: hidden;
	letter-spacing: 0.05em;

    transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
}
.cat_menu_top li:hover {
	/*border: 1px solid #C1B696;*/
	-webkit-box-shadow: 6px 6px 6px -6px #664C00;
	-moz-box-shadow: 6px 6px 6px -6px #664C00;
	box-shadow: 0px 3px 14px rgba(193,182,150,1);
	box-shadow: 0px 3px 14px rgba(102,76,0,0.7);
	transform: scale(1.05,1.05);
}
.cat_menu_top li img {
	margin: 0;
    padding: 0;
	clear: both;
}




.info ul li span.event {
    background-color: rgba(91,87,77,.8);
    color: #FFF;
	margin: 0 0.5em 0 0;
    padding: 5px 16px 3px 5px;
  float: left;
    font-size: 0.85em;
    letter-spacing: 0;
	position: absolute;
  	z-index: 10;
	background-image: url("images/term_siug_event.png");
    background-position: top right;
    background-repeat: repeat-y;
}
.info ul li span.news {
    background-color: rgba(91,87,77,.8);
    color: #FFF;
	margin: 0 0.5em 0 0;
    padding: 5px 16px 3px 5px;
    float: left;
    font-size: 0.85em;
    letter-spacing: 0;
	position: absolute;
  	z-index: 10;
	background-image: url("images/term_siug_news.png");
    background-position: top right;
    background-repeat: repeat-y;
}
.info ul li span:nth-child(2) {
	margin: 30px 0 0 0;
}
.info ul li img {
	margin: 0;
    padding: 0;
	/*position: absolute;*/
	z-index: 5;
	clear: both;
}
.info ul li span.date {
	margin: 0 0 5px 0;
    padding: 0;
    display: inline-block;
	font-size: 0.9em;
}





.cat_menu_sub {
	width: 100%;
	margin: 0 !important;
	padding: 1em 1.5% !important;
	overflow: hidden;
      font-size: 0.98em;
}
.cat_menu_sub li {
	width: 47.5%;
	margin: 10px 1% !important;
	padding: 10px !important;
	border: 1px solid #A7976A;
	background-color: #FFF;
	float: left;
	list-style-type: none;
	overflow: hidden;
	letter-spacing: 0.05em;

    transition: all 0.7s ease-out;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
}
.cat_menu_sub li:hover {
	/*border: 1px solid #C1B696;*/
	-webkit-box-shadow: 6px 6px 6px -6px #664C00;
	-moz-box-shadow: 6px 6px 6px -6px #664C00;
	box-shadow: 0px 3px 14px rgba(193,182,150,1);
	box-shadow: 0px 3px 14px rgba(102,76,0,0.7);
	transform: scale(1.05,1.05);
}
.cat_menu_sub li img {
	margin: 0;
    padding: 0;
	clear: both;
	width: 100%;
}
@media screen and (min-width:1200px) {
.cat_menu_sub li img {
	min-width: 240px;
}
}




/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
	border-top: 1px solid #eee;
  background-color:#EEECDF;
}
.footer_link, .sp_footer_link {
	border-top: 1px solid #C1BFB2;
	border-bottom: 1px solid #C1BFB2;
}
.sp_footer_link {
	display: none;
}
.footer_link ul, .sp_footer_link ul {
	max-width: 1200px;
	margin: 0 auto !important;
	padding: 10px !important;
	  overflow:hidden;
}
.footer_link ul li, .sp_footer_link ul li {
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	font-size: 0.9em;
	list-style-type: none;
}
.footer_link ul li:after {
	content: "\2502";
	padding: 0 10px;
	color: #C1BFB2;
}
.footer_link ul li:last-child:after {
	content: none;
}
.site-footer .wrap {
	padding: 2em 1em 1.5em 1em;
}

/* Site info */
.site-info {
	overflow: hidden;
	position: relative;
	z-index:1;
	height: 220px;
}

.site-info .logo {
	margin: 1em 0 0 0;
	float: left;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	z-index:3;
}
.site-info .logo img {
	max-width: 251px;
	padding: 8px 0 0 0;
	max-width: 140px;
}
.site-info .address {
	margin: 1em 0 0.5em 0;
	float: left;
	position: absolute;
	left: 0;
	top: 90px;
	z-index:3;
}
.site-info .address p {
	margin: 0;
	font-size: 1em;
	letter-spacing: 0.05em;
}

.site-info .zoom_map {
	margin: 0;
	float: right;
	position: absolute;
	right: 0;
	top: 10px;
	max-width: 140px;
	z-index:2;
}
.date_map a:hover{
	background-image: url(images/footer_img_on.png);
	background-repeat: no-repeat;
}

.copyright {
	background-color: #585449;
	overflow:hidden;
}
.copyright p {
	max-width: 1200px;
	margin: 0 auto !important;
	padding: 5px 10px !important;
	color: #FFF;
	font-size: 0.9em;
	text-align: right;
}
/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

#comments {
	clear: both;
	padding: 2em 0 0.5em;
}


.form-submit {
	text-align: right;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
	padding: 1em 0 2em;
}

.widget {
	padding-bottom: 3em;
}


/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

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

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

.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 {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	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;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {
	top: 5px;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	fill: currentColor;
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

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

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
	border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
	z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
	border: none;
}

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel .customize-partial-edit-shortcut button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-size: 1.25rem;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	-ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
	content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1rem;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

	body.customize-partial-edit-shortcuts-shown .site-header .site-title {
		padding-left: 0;
	}
}

@media screen and (min-width: 30em) {

	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h1 {
		font-size: 30px;
		font-size: 1.875rem;
	}

	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	h3 {
		font-size: 22px;
		font-size: 1.375rem;
	}

	h4 {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h5 {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	h6 {
		font-size: 16px;
		font-size: 1rem;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
		font-size: 0.875rem;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}

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

	/* Site Branding */

	.site-branding {
		padding: 3em 0;
	}

	/* Front Page */

	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}

	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}

	.panel-content .entry-header {
		margin-bottom: 4.5em;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}

	/* Blog Index, Archive, Search */

	.taxonomy-description {
		font-size: 14px;
		font-size: 0.875rem;
	}

	.page-numbers.current {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Site Footer */

	.site-footer {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Gallery Columns */

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

	.gallery-columns-1 .gallery-item {
		max-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%;
	}
}








	/* Navigation */

	.navigation-top {
		/*bottom: 0;
		font-size: 14px;
		font-size: 0.875rem;
		left: 0;
		position: absolute;
		right: 0;
		z-index: 3;*/
		width: 100%;
	}

	.navigation-top .wrap {
		max-width: 1200px;
		/* The font size is 14px here and we need 50px padding in ems */
		/*padding: 0.75em 3.4166666666667em;*/
	}

	.navigation-top nav {
		/*margin-left: -1.25em;*/
	}

	.site-navigation-fixed.navigation-top {
		/*bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 7;
		width: 100%;*/
	}

	.admin-bar .site-navigation-fixed.navigation-top {
		top: 32px;
	}


@media screen and (min-width: 680px) {
	#fontsize,
	#inverse {
		display: inline-block;
		float: left;
		margin: 11px 10px 10px 0;
		color: #FFF;
	}
	.accessible-button {
		color: #000;
	}
	#inverse-btn-black {
		color: #FFF;
		background-color: #000;
	}
	#inverse-btn-blue {
		color: #FFF;
		background-color: #00f;
	}
	#inverse-btn-yellow {
		color: #000;
		background-color: #ff0;
	}

	.info .button {
    	margin: 0 0.5% 0 0;
    	min-width: 48%;
		font-size: 1em;
	}
	.cat_menu_top li {
		width: 32%;
		margin: 10px 0.5% !important;
		padding: 10px 10px 20px 10px !important;
		border: 1px solid #E9E6D6;
		background-color: #FFF;
		float: left;
		list-style-type: none;
		overflow: hidden;
		letter-spacing: 0.05em;

		transition: all 0.7s ease-out;
		-webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-ms-transition: all 0.7s ease-out;
	}
	.cat_menu_sub li {
		width: 24%;
		margin: 10px 0.5% !important;
		padding: 10px !important;
		border: 1px solid #E9E6D6;
		background-color: #FFF;
		float: left;
		list-style-type: none;
		overflow: hidden;
		letter-spacing: 0.05em;

		transition: all 0.7s ease-out;
		-webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-ms-transition: all 0.7s ease-out;
	}
}

@media screen and (min-width: 1100px) {


	.site-header {
		min-height: 140px;
	}

	.logo_sp {
		display: none;
	}
	.logo {
		display: block;
	}

	/* Main Navigation */

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li a {
		    padding: 0;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		/*padding: 1em 1.25em;*/
	}

	.main-navigation ul ul {
		background: #fff;
		border: 1px solid #bbb;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

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

	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #767676;
	}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
	}

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

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

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

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}




	.navigation-top {
		background: #fff;
		font-size: 16px;
		font-size: 1rem;
		/*position: relative;*/
	}

	.navigation-top .wrap {
		max-width: 1200px;
		padding: 0;
	}

	.navigation-top a {
		color: #222;
		-webkit-transition: color 0.2s;
		transition: color 0.2s;
	}

	.navigation-top .current-menu-item > a,
	.navigation-top .current_page_item > a {
		color: #767676;
	}

	.main-navigation {
		clear: both;
		display: block;
	}

	.main-navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: left;
	  width: 100%;
	}

	/* Hide the menu on small screens when JavaScript is available.
	 * It only works with JavaScript.
	 */

	.js .main-navigation ul,
	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon,
	.main-navigation ul a > .icon {
		/*display: none;*/
	}

	.js .main-navigation.toggled-on > div > ul {
		display: block;
	}

	.main-navigation ul ul.toggled-on {
		display: block;
	}

	.main-navigation ul ul a {
		padding: 0.4em 0;
		position: relative;
		text-transform: none;
	}

	.main-navigation li.menu-item-has-children:nth-child(1) {
		width: 9.5%;
		margin: 0 1%;
	}
	.main-navigation li.menu-item-type-taxonomy:nth-child(2) {
		width: 11%;
		margin: 0 1%;
	}
	.main-navigation li.menu-item-has-children:nth-child(3) {
		width: 11%;
		margin: 0 1.5% 0 1%;
	}
	.main-navigation li.menu-item-tittle:nth-child(4) {
		width: 21%;
	  display: inline-block;
	}
	.main-navigation li.menu-item-has-children:nth-child(5) {
		width: 6%;
		margin: 0 1% 0 1.5%;
	}
	.main-navigation li.menu-item-has-children:nth-child(6) {
		width: 17%;
		margin: 0 1%;
	}
	.main-navigation li.menu-item-has-children:nth-child(7) {
		width: 6%;
		margin: 0 1%;
	}
	.main-navigation li ul {
		width: auto;
  overflow: hidden;
	}
	.main-navigation li li {
		font-size: 0.7em;
		width: auto;
	}


	.main-navigation li.menu-item-has-children:nth-child(1) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation li.menu-item-type-taxonomy:nth-child(2) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation li.menu-item-has-children:nth-child(3) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation li.inverse-white:nth-child(4) a {
		margin: 0;
		padding: 0;
	}
	.main-navigation li.menu-item-has-children:nth-child(5) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation li.menu-item-has-children:nth-child(6) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation li.menu-item-has-children:nth-child(7) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation ul.sub-menu li a {
		margin: 0 !important;
		padding: 0.8em 1em !important;
		line-height: 1.3;
	}
	.main-navigation a {
		display: block;
		/*padding: 0.5em 0;*/
		text-decoration: none;
	}
	.main-navigation a:hover {
		color: #767676;
	}




	/* Site info フッター */
	.site-info {
		overflow: hidden;
		position: static;
		height: auto;
	}

	.site-info .logo {
		margin: 1em 0 0 0;
		float: left;
		display: inline-block;
		position: static;
	}
	.site-info .logo img {
		max-width: 251px;
		padding: 8px 0 0 0;
		width: 96%;
		max-width: none;
	}
	.site-info .address {
		margin: 1em 2em 1em 2em;
		float: left;
		position: static;
	}
	.site-info .address p {
		margin: 0 1em;
		font-size: 1.1em;
		letter-spacing: 0.05em;
	}

	.site-info .zoom_map {
		margin: 0;
		float: right;
		position: static;
		max-width: none;
	}
	.date_map a:hover{
		background-image: url(images/footer_img_on.png);
		background-repeat: no-repeat;
	}

	.copyright {
		background-color: #585449;
			  overflow:hidden;
	}
	.copyright p {
		max-width: 1200px;
		margin: 0 auto !important;
		padding: 5px 10px !important;
	color: #FFF;
		  font-size: 0.9em;
		text-align: right;
	}




	/*大分類ページ　カテゴリーメニュー*/
	.cat_img {
		margin: 0;
		padding: 7em 0 0 0;
		text-align: center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: 0 0;
		/*-webkit-background-size: contain;
		-moz-background-size: contain;
		-o-background-size: contain;*/
		background-size: cover;
		background-size: contain;
	}
	.cat_img div {
	  	margin: 0 auto 0 auto;
	  	padding: 3em 0 0 0;
	  	letter-spacing: 0.1em;
	  	background-color: #FFF;
		max-width: 1200px;
	}
	.cat_img  div h1 {
		margin: 0 0 0.3em 0;
		padding: 0 0 0 0;
		font-size: 3em;
		font-weight: 500;
	}
	.cat_img span {
		margin: 0 0 1.5em 0;
		padding: 0;
		font-size: 2.5em;
		color: #FFF;
		display: inline-block;
	}
.info .button {
    margin: 0 0.5% 1em 0;
    width: 49%;
    min-width: 48%;
}

}


@media screen and (min-width: 48em) {

	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	/* Layout */

	.wrap {
		/*max-width: 1000px;*/
		max-width: 1200px;
		/*padding-left: 3em;*/
		/*padding-right: 3em;*/
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 36%;
	}

	.error404 #primary {
		float: none;
	}

	/* Site Branding */

	.site-branding {
		margin-bottom: 0;
	}

	.has-header-image.twentyseventeen-front-page .site-branding,
	.has-header-video.twentyseventeen-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}

	.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}

	.custom-header-media {
		height: 165px;
		position: relative;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 0;
		position: relative;
	}

	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
	.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.custom-logo-link {
		padding-right: 2em;
	}

	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}

	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}

	.site-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.site-description {
		font-size: 16px;
		font-size: 1rem;
	}


	/* Scroll down arrow */



	/* Front Page */

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 1200px;
		height: 100vh;
		max-height: 100%;
		overflow: hidden;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}

	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
	.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
	.admin-bar.home.blog.has-header-image .custom-header-media,
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: calc(100vh - 32px);
	}

	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}

	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}

	/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
	.background-fixed .panel-image {
		background-attachment: fixed;
	}

	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}

	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */

	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}

	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}

	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}

	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	/* Posts */

	.site-content {
		/*padding: 5.5em 0 0;*/
	}

	.single-post .entry-title,
	.page .entry-title {
		/*font-size: 26px;
		font-size: 1.625rem;*/
	}

	.comments-pagination,
	.post-navigation {
		clear: both;
	}

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

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

	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}

	/* Blog, archive, search */

	.sticky .icon-thumb-tack {
		height: 23px;
		left: -2.5em;
		top: 1.5em;
		width: 32px;
	}

	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {

	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {

	}

	/*.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		padding-bottom: 4em;
	}*/

	.navigation.pagination {
		clear: both;
		float: right;
		width: 58%;
	}

	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
		display: none;
	}

	.entry-footer {
		display: table;
		width: 100%;
	}

	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}

	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}

	/* Entry content */

	/* without sidebar */

	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}

	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}

	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}

	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */

	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */

	.format-quote blockquote .icon {
		left: -1.5em;
	}

	/* Pages */

	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}

	.page:not(.home) #content {
		padding-bottom: 3.25em;
	}

	/* 404 page */

	.error404 .page-content {
		padding-bottom: 9em;
	}

	/* Comments */

	#comments {
		padding-top: 5em;
	}

	.comments-title {
		margin-bottom: 2.5em;
	}

	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */

	.nav-links .nav-title {
		position: relative;
	}

	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}

	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}

	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}

	/* Secondary */

	#secondary {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
	}

	/* Widgets */

	h2.widget-title {
		font-size: 11px;
		font-size: 0.6875rem;
		margin-bottom: 2em;
	}

	/* Footer */

	.site-footer {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
		margin: 0;
	}

/*	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 36%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 58%;
	}

	.social-navigation {
		clear: left;
		float: left;
		margin-bottom: 0;
		width: 36%;
	}

	.site-info {
		float: left;
	}

	.social-navigation + .site-info {
		margin-left: 6%;
	}

	.site-info .sep {
		margin: 0 0.5em;
		display: inline;
		visibility: visible;
		height: auto;
		width: auto;
	}
*/
	/* Gallery Columns */

	.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%;
	}
}

@media screen and ( min-width: 67em ) {

	/* Layout */

	/* Navigation */
	.navigation-top .wrap {
		/*padding: 0.75em 2em;*/
	}

	.navigation-top nav {
		margin-left: 0;
	}

	/* Sticky posts */

	.sticky .icon-thumb-tack {
		font-size: 32px;
		font-size: 2rem;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}

	/* Pagination */

	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.page-numbers.current .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

	/* Comments */

	.comment-body {
		margin-left: 0;
	}
}

@media screen and ( min-width: 79em ) {

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.twentyseventeen-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

	.admin-bar .site-navigation-fixed.navigation-top,
	.admin-bar .site-navigation-hidden.navigation-top {
		top: 46px;
	}
}













/* header *//* header */
.navigation-top {
    position: fixed;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    line-height: 1;
    z-index: 9999;
}
.navigation-top:after {
    content: "";
    display: block;
    height: 1px;
    /*background: #fff;*/
    width: 1200px;
    /*margin: 30px auto 0;*/
    margin: 0;
}

.navigation-top a,
.navigation-top {
    color: #000;
    text-decoration: none;
}

.navigation-top .inner {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}
.navigation-top .logo {
    float: left;
    margin: 0;
	padding: 0;
	text-align: center;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
#global-nav ul {
    list-style: none;
    /*position: absolute;*/
    right: 0;
    bottom: 0;
    font-size: 14px;
}
#global-nav ul li {
    float: left;
    position: relative;
}
#global-nav ul li a {
    padding: 0 30px;
}
/* transition */
.navigation-top,
.navigation-top:after,
.navigation-top .logo img,
#global-nav ul li,
#global-nav ul li a {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
/* Fixed */
.navigation-top.fixed {
    padding: 0;
    background: rgba(255,255,255,0.8);
  z-index: 999;
  top:0;
	border-bottom: 1px solid #CCC;
}
.navigation-top.fixed .logo img {
    /*padding: 0 0.5em;*/
    width: 65%;
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -o-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
}
.navigation-top.fixed:after {
    width: 100%;
    /*margin-top: 10px;*/
}
.navigation-top.fixed #global-nav ul li a {
    color: #333;
    padding: 0 20px;
}


.master-slider-parent {
    margin: 2.15em 0 0 0;
}





/* トップページ 新着情報・トップ ボタン類 */
#sitetop-usability,
#site-usability #page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index:100;
    font-size: 2em;
}

/* 新着情報へスキップ */
.top_skip a,
.dl a {
    background-color: #585449;
	color: #fff;
	width: 50px;
	border: 1px solid #FFF;
	text-align: center;
	text-decoration: none;
	display: block;
    vertical-align: baseline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;

	margin: 0 0 5px 0;
	padding: 10px 10px 8px 10px;
	font-size: 0.7em;
	line-height: 1.2;
}
.top_skip a:hover,
.dl a:hover {
	text-decoration: none;
    background-color: #EDC038;
	color: #585449;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* page-top ページトップ */
#page-top a {
    background-color: #585449;
	text-decoration: none;
	color: #fff;
	width: 50px;
	border: 1px solid #FFF;
	padding: 0;
	font-size: 120%;
	text-align: center;
	display: block;
    vertical-align: baseline;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

#page-top a:hover {
	text-decoration: none;
    background-color: #EDC038;
	color: #585449;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}




/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	/*
	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}*/

	.ms-thumb-list  {
		max-width: 1500px;
		text-align: center;
		margin: 0 auto;
	  }
	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		/*padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;*/
		max-width: 1200px;
	}

	/* Site Branding */

	/*.site-header {
		background: transparent;
		padding: 0;
	}*/

	.custom-header-media {
		padding: 0;
	}

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		position: relative;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-title {
		font-size: 25pt;
	}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
	}

	/* Colors */


	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a,
	.twentyseventeen-front-page.has-header-image .site-title,
	.twentyseventeen-front-page.has-header-video .site-title,
	.twentyseventeen-front-page.has-header-image .site-title a,
	.twentyseventeen-front-page.has-header-video .site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.twentyseventeen-front-page.has-header-image .site-description,
	.twentyseventeen-front-page.has-header-video .site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	/*.site-footer {
		padding: 0;
	}*/






	.site-header {
		min-height: inherit;
	}
	.logo_sp {
		display: none;
	}
	.logo {
		display: block;
	}

	/* Main Navigation */

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
	}

	.main-navigation li a {
	    padding: 0;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		/*padding: 1em 1.25em;*/
	}

	.main-navigation ul ul {
		background: #fff;
		border: 1px solid #bbb;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

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

	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #767676;
	}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
	}

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

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

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

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}




	.navigation-top {
		background: #fff;
		font-size: 16px;
		font-size: 1rem;
		/*position: relative;*/
	}

	.navigation-top .wrap {
		max-width: 1200px;
		padding: 0;
	}

	.navigation-top a {
		color: #222;
		-webkit-transition: color 0.2s;
		transition: color 0.2s;
	}

	.navigation-top .current-menu-item > a,
	.navigation-top .current_page_item > a {
		color: #767676;
	}

	.main-navigation {
		clear: both;
		display: block;
	}

	.main-navigation ul {
		list-style: none;
		margin: 0;
		padding: 0;
		text-align: left;
		width: 100%;
	}

	/* Hide the menu on small screens when JavaScript is available.
	 * It only works with JavaScript.
	 */

	.js .main-navigation ul,
	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon,
	.main-navigation ul a > .icon {
		/*display: none;*/
	}

	.js .main-navigation.toggled-on > div > ul {
		display: block;
	}

	.main-navigation ul ul.toggled-on {
		display: block;
	}

	.main-navigation ul ul a {
		padding: 0.4em 0;
		position: relative;
		text-transform: none;
	}

	.main-navigation li.menu-item-has-children:nth-child(1) {
		width: 9.5%;
		margin: 0 1%;
	}
	.main-navigation li.menu-item-type-taxonomy:nth-child(2) {
		width: 11%;
		margin: 0 1%;
	}
	.main-navigation li.menu-item-has-children:nth-child(3) {
		width: 11%;
		margin: 0 1.5% 0 1%;
	}
	.main-navigation li.menu-item-tittle:nth-child(4) {
		width: 21%;
	  display: inline-block;
	}
	.main-navigation li.menu-item-has-children:nth-child(5) {
		width: 6%;
		margin: 0 1% 0 1.5%;
	}
	.main-navigation li.menu-item-has-children:nth-child(6) {
		width: 17%;
		margin: 0 1%;
	}
	.main-navigation li.menu-item-has-children:nth-child(7) {
		width: 6%;
		margin: 0 1%;
	}
	.main-navigation li ul {
		width: auto;
  overflow: hidden;
	}
	.main-navigation li li {
		font-size: 0.7em;
		width: auto;
	}


	.main-navigation li.menu-item-has-children:nth-child(1) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation li.menu-item-type-taxonomy:nth-child(2) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation li.menu-item-has-children:nth-child(3) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation li.inverse-white:nth-child(4) a {
		margin: 0;
		padding: 0;
	}
	.main-navigation li.menu-item-has-children:nth-child(5) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation li.menu-item-has-children:nth-child(6) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation li.menu-item-has-children:nth-child(7) a {
		margin: 0;
		padding: 0.5em 0;
		letter-spacing: 0.05em;
	}
	.main-navigation ul.sub-menu li a {
		margin: 0 !important;
		padding: 0.8em 1em !important;
		line-height: 1.3;
	}
	.main-navigation a {
		display: block;
		/*padding: 0.5em 0;*/
		text-decoration: none;
	}
	.main-navigation a:hover {
		color: #767676;
	}



	/* header *//* header */
	.navigation-top {
		position: static;
		width: 100%;
		margin: 0 auto;
		padding: 10px 0;
		line-height: 1;
		z-index: 9999;
	}
	.navigation-top:after {
		content: "";
		display: block;
		height: 1px;
		/*background: #fff;*/
		width: 1200px;
		/*margin: 30px auto 0;*/
		margin: 0;
	}

	.navigation-top a,
	.navigation-top {
		color: #000;
		text-decoration: none;
	}

	.navigation-top .inner {
		position: relative;
		width: 1200px;
		margin: 0 auto;
	}
	.navigation-top .logo {
		float: left;
		margin: 0;
		padding: 0;
		text-align: center;
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	#global-nav ul {
		list-style: none;
		/*position: absolute;*/
		right: 0;
		bottom: 0;
		font-size: 14px;
	}
	#global-nav ul li {
		float: left;
		position: relative;
	}
	#global-nav ul li a {
		padding: 0 30px;
	}
	/* transition */
	.navigation-top,
	.navigation-top:after,
	.navigation-top .logo img,
	#global-nav ul li,
	#global-nav ul li a {
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
		transition: all 0.5s ease;
	}
	/* Fixed */
	.navigation-top.fixed {
		padding: 0;
		background: rgba(255,255,255,0.8);
	  z-index: 999;
	  top:0;
		border-bottom: 1px solid #CCC;
	}
	.navigation-top.fixed .logo img {
		/*padding: 0 0.5em;*/
		width: 65%;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	.navigation-top.fixed:after {
		width: 100%;
		/*margin-top: 10px;*/
	}
	.navigation-top.fixed #global-nav ul li a {
		color: #333;
		padding: 0 20px;
	}


	.master-slider-parent {
		margin: 2.15em 0 0 0;
	}





	/* Site info フッター */
	.site-info {
		overflow: hidden;
		position: static;
		height: auto;
	}

	.site-info .logo {
		margin: 1em 0 0 0;
		float: left;
		display: inline-block;
		position: static;
	}
	.site-info .logo img {
		max-width: 251px;
		padding: 8px 0 0 0;
		width: 96%;
		max-width: none;
	}
	.site-info .address {
		margin: 1em 2em 1em 2em;
		float: left;
		position: static;
	}
	.site-info .address p {
		margin: 0 1em;
		font-size: 1.1em;
		letter-spacing: 0.05em;
	}

	.site-info .zoom_map {
		margin: 0;
		float: right;
		position: static;
		max-width: none;
	}
	.date_map a:hover{
		background-image: url(images/footer_img_on.png);
		background-repeat: no-repeat;
	}

	.copyright {
		background-color: #585449;
			  overflow:hidden;
	}
	.copyright p {
		max-width: 1200px;
		margin: 0 auto !important;
		padding: 5px 10px !important;
	color: #FFF;
		  font-size: 0.9em;
		text-align: right;
	}




	/*大分類ページ　カテゴリーメニュー*/
	.cat_img {
		padding: 3em 0 0 0;
		background-attachment: scroll;
		background-position: 0 0;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	.cat_img div {
	  	margin: 0 auto 0 auto;
	  	padding: 3em 0 0 0;
	  	letter-spacing: 0.1em;
	  	background-color: #FFF;
		max-width: 1200px;
	}
	.cat_img  div h1 {
		margin: 0 0 0.3em 0;
		padding: 0 0 0 0;
		font-size: 3em;
		font-weight: 500;
	}
	.cat_img span {
		margin: 0 0 1.5em 0;
		padding: 0;
		font-size: 2.5em;
		color: #FFF;
		display: inline-block;
	}
	.info .button {
    	margin: 0 0 1em 0;
    	width: 49%;
	  	min-width: 48%;
	}

	.cat_menu_top li {
		width: 32%;
		margin: 10px 0.5% !important;
		padding: 10px 10px 20px 10px !important;
		border: 1px solid #E9E6D6;
		background-color: #FFF;
		float: left;
		list-style-type: none;
		overflow: hidden;
		letter-spacing: 0.05em;

		transition: all 0.7s ease-out;
		-webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-ms-transition: all 0.7s ease-out;
	}
	.cat_menu_sub li {
		width: 24%;
		margin: 10px 0.5% !important;
		padding: 10px !important;
		border: 1px solid #E9E6D6;
		background-color: #FFF;
		float: left;
		list-style-type: none;
		overflow: hidden;
		letter-spacing: 0.05em;

		transition: all 0.7s ease-out;
		-webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-ms-transition: all 0.7s ease-out;
	}




	#fontsize,
	#inverse {
		display: inline-block;
		float: left;
		margin: 11px 10px 10px 0;
		color: #FFF;
	}
	.accessible-button {
		color: #000;
	}
	#inverse-btn-black {
		color: #FFF;
		background-color: #000;
	}
	#inverse-btn-blue {
		color: #FFF;
		background-color: #00f;
	}
	#inverse-btn-yellow {
		color: #000;
		background-color: #ff0;
	}




	/*------------------------------------------------
					  ブロックメニュー
	-------------------------------------------------*/
	/*------------- 共通スタイル -------------*/
	div.zoom_box {
		max-width: 500px;
		overflow:hidden;
	}
	.zoom_img {
		display: block;
		vertical-align: top;
		-webkit-transition: none;
		transition: none;
		margin: 0;
		padding:0;
	}
	.zoom_img:hover {
		-webkit-transform: none;
		transform: none;
	}
  	.zoom1,
	.zoom2,
	.zoom5 {
		clear: both;
	}
	.zoom1 p,
	.zoom2 p,
	.zoom3 p,
	.zoom4 p,
	.zoom5 p {
		margin: 1.5em 1.5% 1.5em 1.5%;
		padding: 0;
		box-sizing: border-box;
		font-size: 1.1em;
		color: #3F3000;
		letter-spacing: 0.1em;
	}
	.button {
	    min-width: inherit;
	}

	/*----- 観光・体験　/　宿泊・入浴・キャンプ場 -----*/
	.zoom1,
	.zoom5 {
		overflow: hidden;
		margin: 5em 0;
		padding: 4em 0;
		position: relative;
		z-index: 1;
		clear: both;
		float: left;
	}
	.zoom5 {
		width: 100%;
	}
	.zoom1:before,
	.zoom5:before {
		width: 20%;
		height: 100%;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		background: #F8F6F0;
		z-index: -10;
	}
	.zoom1 .zoom_logo, /*sightseeing*/
	.zoom5 .zoom_logo  /*stay*/ {
		position: absolute;
		z-index: 10;
		top: 0;
		right: 0;
	}
	.zoom1 div,
	.zoom5 div {
		width: 53%;
		float: left;
		font-size: 0.9em;
	}
	.zoom1 div.zoom_box,
	.zoom5 div.zoom_box {
		float: left;
		margin: 0 2% 0 0;
		width: 40%;
	}
	.zoom1 h2, /*zoom 01. 自然に触れる*/
	.zoom5 h2  /*zoom 05. 時間を忘れて過ごす*/ {
		margin: 0;
		padding: 0;
		background-color: transparent;
	}
	/*------------------ イベント -------------------*/
	.zoom2 {
		overflow: hidden;
		margin: 5em 0;
		padding: 4em 0;
		position: relative;
		z-index: 1;
		clear: both;
	}
	.zoom2:before {
		width: 20%;
		height: 100%;
		content: "";
		position: absolute;
		top: 0;
		left; 0;
		background: #F8F6F0;
		z-index: -10;
	}
	.zoom2 .zoom_logo /*event*/ {
		position: absolute;
		z-index: 10;
		top: 0;
		right: 50%;
	}
	.zoom2 div {
		width: 53%;
		float: left;
		font-size: 0.9em;
	}
	.zoom2 div.zoom_box {
		float: right;
		margin: 0 0 0 2%;
		width: 40%;
	}
	.zoom2 div h2 /*zoom 02. 伝統を楽しむ*/ {
		margin: 0;
		padding: 0;
		background-color: transparent;
	}
	/*----------- グルメ / ショッピング  -------------*/
	.zoom3 {
		overflow: hidden;
		margin: 0.5em 0;
		padding: 4em 0;
		width: 44.54%;
		position: relative;
		z-index: 1;
		float: left;
		font-size: 0.9em;
	}
	.zoom3:before {
		width: 50%;
		height: 100%;
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		background: #F8F6F0;
		z-index: -10;
	}
	.zoom4 {
		overflow: hidden;
		margin: 15em 0 5em 0;
		padding: 4em 0;
		width: 44.54%;
		position: relative;
		z-index: 1;
		float: right;
		font-size: 0.9em;
	}
	.zoom4:before {
		width: 50%;
		height: 100%;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		background: #F8F6F0;
		z-index: -10;
	}

	.zoom3 .zoom_logo, /*shopping*/
	.zoom4 .zoom_logo  /*food*/ {
		position: absolute;
		z-index: 10;
		top: 0;
		right: 0;
	}
	.zoom3 .pc,
	.zoom4 .pc {
		display: block;
	}
	.zoom3 .sp,
	.zoom4 .sp {
		display: none;
	}
	.zoom3 h2, /*zoom 03. お土産を買う*/
	.zoom4 h2  /*zoom 04. 地元の味を食す*/ {
		margin: 0 0 15px 0;
		padding: 0;
		background-color: transparent;
	}


	.top_welcom_area {
		margin: 6em 0 1em 0;
		padding: 9em 0;
		width: 100%;
		z-index: 1;
		position: relative;
		overflow: hidden;
		font-size: 1.05em;
	}
	.top_welcom_area:after {
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: 100%;
		top: 0;
		background-image: url(images/top_welcome_bg.png);
		background-repeat: no-repeat;
		background-position: center top;

		-webkit-background-size: cover;
		-moz-background-size: cover;
		-ms-background-size: cover;
		background-size: cover;
	}
	.logo3 {
		/*max-width: 320px;*/
		position: absolute;
		z-index: 999;
		top: -20px;
		right: 5%;
  		width: 25%;
	}

	.top_welcom {
		max-width: 1200px;
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
		padding: 3em 3% 7em 3%;
		background-color: rgba(255,255,255,0.7);
		position: relative;
		z-index: 10;
		left: 0;
		right: 0;
	}
	/*.welcom_logo {
		position: absolute;
		z-index: 15;
		top: -2em;
		left: 2%;
	}*/
	.top_welcom h2 {
		margin: 0.2em 0 0.5em;
		padding: 0;
		text-align: left;
		background-color: transparent;
	}
	.top_welcom .button {
		float: right;
	    min-width: inherit;
	}

	#page-top {
  		display: none;
	}

}





p.pr_logo {
  max-width:1182px;}



@media (max-width: 860px) {
	.wrap {
		padding: 0 2% 4em 2%;
	}

	/*ナビゲーション*/
	.navigation-top {
		padding: 10px 0;
		padding: 5px 0 0 0;
	}
	.fixed .logo_sp {
		max-width: 100px;
		margin: 10px;
	}
	.fixed .menu-toggle {
		margin: 10px 1.5% 0 1.5%;
	}
	.main-navigation > div > ul {
		padding: 4em 2%;
	}
	.dropdown-toggle .screen-reader-text {
		display:none;
	}
	/*スライドショー*/
	.date_slider {
		margin: 1.5em auto 0 auto;
		margin: 5px auto 0 auto;
	}
	.master-slider-parent {
		margin: 0;
	}

	.date_slider .slidelogo {
		width: 30%;
		top: 2%;
	}
	.ms-thumb {
		height: 55px !important;
		width:auto !important;
		margin:0 5px !important;
	}
	.ms-thumb-frame {
		height: 55px !important;
		width:100px !important;
		margin:0 !important;
	}
	.ms-nav-next,
	.ms-nav-prev {
		display:none;
	}
	/* トップページ 新着情報・トップ ボタン類 */
	#sitetop-usability,
	#site-usability #page-top {
	    font-size: 1.5em;
	}
	/* 新着情報へスキップ */
	.top_skip a,
	.dl a {
		font-size: 0.6em;
		width: 40px;
		margin: 0 0 8px 0;
	}
	/* page-top ページトップ */
	#page-top a {
		width: 40px;
	}
	/*伊達さ来てくなんしょ。*/
	.welcom_logo {
	    top: -3em;
	}
	.top_welcom_area {
		margin: 2em 0 1em 0;
		margin: 0 0 1em 0;
		padding: 3.5em 0;
	}
	.top_welcom {
		padding: 0.5em 3% 7em 3%;
	}
	.top_welcom h2 {
		width: 82%;
	}
	/*メニュー*/
	.zoom1 {
		margin: 2.5em 0 0 0;
	}

	.zoom1 div.zoom_box,
	.zoom5 div.zoom_box,
	.zoom3 .zoom_img,
	.zoom4 .zoom_img {
		margin: 0 auto 1.5em auto;
	}
	.zoom2 div.zoom_box {
		margin: 0 auto;
	}
	.zoom1, .zoom2, .zoom3, .zoom4, .zoom5 {
		padding: 4.1em 0 2em 0;
	}
	.zoom1 p, .zoom2 p, .zoom3 p, .zoom4 p, .zoom5 p {
		margin: 1em 1.5% 0em 1.5%;
	}
	.zoom3 h2, .zoom4 h2 {
		margin: 0;
	}
	.zoom5 {
		margin: 0;
	}
	/*新着*/
	.information_wrap {
		padding: 3.5em 20px;
	}
	#date_info ul li, .info ul li {
		width: 90%;
		margin: 10px 5% !important;
		padding: 10px 3% !important;
	}
	#date_info ul li:nth-child(5),
	#date_info ul li:nth-child(6),
	#date_info ul li:nth-child(7),
	#date_info ul li:nth-child(8) {
	display:none;
	}
	#date_info ul li img, .info ul li img {
		width: 100%;
	}
	/* 関連リンク */
	.links_wrap {
		padding: 3.5em 0 1.5em 0;
	}
	/*フッター*/

	.footer_link {
		display: none;
	}
	.sp_footer_link {
		display: block;
	}
	.site-footer .wrap {
		padding: 0 1em 5px 1em;
	}
	.site-info {
		height: auto;
	}
	.site-info .logo {
		position: static;
	}

	.site-info .address {
		position: static;
	}
	.site-info .zoom_map {
		top: 33px;
		max-width: 140px;
		width: 40%;
	}

	/*メニューページ*/
	.cat_img div p {
		margin: 0 0.2em 0.5em 0.2em;
	}
	.cat_menu_top, .cat_menu_sub {
		font-size: 0.9em;
		line-height: 1.4;
	}
	.cat_menu_top li, .cat_menu_sub li {
		margin: 10px 1% 0px 1% !important;
	}
	.cat_menu_top li img, .cat_menu_sub li img {
		margin: 0 0 0.5em 0;
	}

	/*セカンドページ以降*/
	.breadcrumbs_wrap {
		margin: 0.5em 0 0 0;
		overflow-x: scroll;
		white-space: nowrap;
	}
	.cat_img div {
		margin: 0 2%;
		padding: 10px 1.5em 5px 1.5em;
		background-color: rgba(255,255,255,0.8);
		display: inline-block;
		text-align: center;
	}
	.cat_img span {
		font-size: 1.2em;
		margin: 0 0 10px 0;
		display: block;
	}
	.cat_img div p {
		color: #3F3000;
		font-size: 1em;
	}
	.cat_img  div h1 {
		font-size: 1.5em;
	}
	.info .button {
		margin: 20px 1% 0 1%;
		padding: 8px 10px;
		font-size: 0.85em;
		min-width: initial;
		float: left;
		line-height: normal;
		text-align: left;
		width: 48%;
	}
	.post_content {
		padding: 1.5em 0 2em 0;
	}
	.post_content .content-area {
		padding: 0 15px;
	}
	.entry-title {
		font-size: 1.1em;
	}

	#top-menu {
		padding: 0 2%;
		overflow: auto;
		height: 330px;
		background: rgba(255,255,255,0.8);
	}

	/*検索結果 404 */
	.search h1 {
		font-size: 1.5em;
		margin: 1em 0 0 0;
		text-align: left;
	}
	.not-found h1 {
		font-size: 1.3em;
		margin: 1em 0 0 0;
		text-align: left;
	}
	.search_s {
		width: 80%;
		margin: 0 auto 2.5em auto;
		overflow: hidden;
	}
	.search_s .searchfield {
		padding: 3px;
		margin: 5px 0 0 0;
		font-size: 1em;
		width: initial;
		min-width: 230px;
		width: 70%;
	}
	.search_hit {
		font-size: 1em;
		text-align: left;
	}

	.search .wp-pagenavi {
		margin: 2em 1em 0 1em;
	}
	.search .page-header {
		padding: 0;
	}

	.search .navigation {
		display: none;
	}

	.search .entry-summary {
		width: 94%;
		margin: 10px 3%;
		padding: 10px 3%;
	}
	.search .entry-summary .entry-thumbnail {
		width: 100%;
		float: none;
		padding: 0;
		margin: 0 ;
		display: block;
	}
	.search .entry-summary .entry-thumbnail img {
		width: 100%;
	}
	.search .entry-summary .entry-text {
		width: 100%;
	}
	.search h1 {
		text-align: left;
		margin: 1em 0 0.5em 0;
		padding: 0 0.5em;
	}
	.search_hit {
		text-align: center;
		margin: 0;
		padding: 0 0.5em;
		font-size: 1.1em;
	}
	.search .entry-summary h2 {
		margin: 0 0 0.75em;
		padding: 0.4em 0.5em 0.2em 0.5em;
		font-size: 1.1em;
	}
	.search .entry-summary p {
		margin: -5px 0.5em 10px 0.5em;
		font-size: 0.95em;
	}
	.search .entry-summary a {
		padding: 0;
		margin: 0;
	}
	.search .entry-summary a:hover {
		background-color: #FBFAE1;
		border: 2px solid #FFA117;
	}

	.page-header .wp-pagenavi {
		display: none;
	}

	/*最終ページ*/
	.postdate {
		font-size: 0.8em;
	}
	.entry-title {
		line-height: 1.2;
	}
	.post_content h2 {
		margin: 0 0 0.75em;
		padding: 0.6em 0.5em 0.4em 0.5em;
		font-size: 1.2em;
	}
	.post_content h3 {
		padding: 0.4em 1em 0.4em 2em;
		font-size: 1.1em;
		background-position: 8px 8px;
		background-size: 8%;
	}
	.post_content h4 {
		padding: 0.4em 0.5em 0.4em 1.7em;
		font-size: 1em;
		background-position: 10px 10px;
	}
	p,ol,ul {
		font-size: 0.9em;
		margin: 0 0.2em 1.2em 0.2em;
	}
	p {
		letter-spacing: 0.05em;
	}
	ol,ul {
		padding: 0.8em 1em 1em 2em;
	}
	li {
		letter-spacing: 0.05em;
	}
	table {
		font-size: 0.85em;
		margin: 0 0.2em 1.5em 0.2em;
	}
	th,td {
		padding: 7px 6px 6px 6px;
	}
	td {
		padding: 7px 6px 6px 6px;
		word-break:break-all;
	}
}

@media (max-width: 375px) {
	/*伊達さ来てくなんしょ。*/
	.top_welcom_area {
    	min-height: 630px;
	}
	.welcom_logo {
	    width: 50%;
  		top: -2em;
	}
	.zoom1 .zoom_logo {
		width: 90%;
	}
	.zoom1 p, .zoom2 p, .zoom3 p, .zoom4 p, .zoom5 p {
    	letter-spacing: 0.05em;
	}
}

/*追記2020年5月13日*/
table.guidemapT {
	background-color: transparent;
	border: none;
}

table.guidemapT td {
	border: none;
}

/*追記2021年2月10日*/
@media all and (max-width:860px){
	.table_scroll {
		overflow: auto;
		white-space: nowrap;
	}
	.table_scroll table {
		white-space: nowrap;
	}
}

/* 追記2021年3月19日 */
.introduction_block {
	margin: 2em auto;
	max-width: 700px;
	padding: 2em;
	background-color: #fff;
	border-radius: 15px;
}
.introduction_title {
	font-size: 1.5em;
	text-align: center;
	margin: 0em 0 0.7em;
	padding: 0 0 0.15em;
	border-bottom: 2px solid #f9c66d;
	font-weight: 700;
}
.introduction_block p {
	margin: 0;
}

a.btn_guidebook_pdf {
	display: block;
	background-color: #fee77f;
	margin: 0 auto;
	padding: 1.2em;
	text-align: center;
	max-width: 700px;
	border-radius: 50px;
	color: #212121 !important;
	text-decoration: none;
	transition: 0.5s;
}
a.btn_guidebook_pdf:hover {
	color: #fff !important;
	background-color: #3a2f01;
	opacity: 0.8;
}
span.nowrap {
	white-space: nowrap;
}

._df_thumb {
	border: 0;
	width: 420px;
	height: 600px;
	text-align: center;
}
@media all and (max-width:600px) {
	._df_thumb {
		border: 0;
		width: 280px;
		height: 400px;
		text-align: center;
	}
	
	.introduction_block {
		padding: 1.2em;
	}
	
	a.btn_guidebook_pdf {
		padding: 0.8em;
	}
}




/*** slicksliderここから ***/
.bnr_wrap {
	padding: 5em 0em;
	overflow: hidden;
}
.bnr_wrap div {
	*margin: 1em 0em;
}
.slick-prev, .slick-next {
	width: 130px !important;
	height: 130px !important;
	z-index: 999 !important;
}
.slick-prev {
	left: 2% !important;
}
.slick-next {
	right: 2% !important;
}
.slick-prev::before {
	content: '' !important;
	background-image: url(images/img_prev.png);
	background-size: contain;
	width: 130px;
	height: 130px;
	display: block;
	opacity: 1 !important;
	top: calc(50% - 130px / 2);
	position: absolute;
	border-radius: 130px;
}
.slick-next::before {
	content: '' !important;
	background-image: url(images/img_next.png);
	background-size: contain;
	width: 130px;
	height: 130px;
	display: block;
	opacity: 1 !important;
	top: calc(50% - 130px / 2);
	position: absolute;
	border-radius: 130px;
}
.slick-prev:hover::before, .slick-next:hover::before {
	opacity: 0.8;
}

@media all and (max-width:991px){
	.slick-prev, .slick-next {
		width: 80px !important;
		height: 80px !important;
	}
	.slick-prev {
		left: 2% !important;
	}
	.slick-next {
		right: 2% !important;
	}
	.slick-prev::before, .slick-next::before {
		width: 80px;
		height: 80px;
		top: calc(50% - 80px / 2);
	}
}

@media all and (max-width:600px){
	.slick-prev, .slick-next {
		width: 50px !important;
		height: 50px !important;
	}
	.slick-prev {
		left: 2% !important;
	}
	.slick-next {
		right: 2% !important;
	}
	.slick-prev::before, .slick-next::before {
		width: 50px;
		height: 50px;
		top: calc(50% - 50px / 2);
	}
}


/*** slicksliderここまで ***/