@charset "UTF-8";

/*	共通css
------------------------------ */
/* ----- カラー設定 ----- */
:root {
	--body-bgcolor: #ffffff;
	--kihon-color: #202833;
	--kihon-bgcolor: ##ffffff;
/* 初期値 */
	--main-color: #048665;
	--main-colorOn: #023c2d;
	--main-bgcolor: #CCF0E7;
	--main-bgcolor2: #02604F;
	--main-bgcolor2on: #004038;

/*	リセットcss	*/
*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
html {
/*	font-family: sans-serif; */
/*	font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif!important; */
	font-family: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif!important;
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	display: block;
}
body {
	margin: 0;
/*	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; */
/*	font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif!important; */
	font-family: 'Noto Sans TC', 'PingFang TC', 'Microsoft JhengHei', sans-serif!important;
	font-size: 1rem;
/*	font-weight: 400; */
	font-weight: normal;
	line-height: 1.5;
	color: #202833;
	text-align: left;
	background-color: #fff;
}
[tabindex="-1"]:focus {
	outline: 0 !important;
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}
p {
	margin-top: 0;
	margin-bottom: 1rem;
}
abbr[title],
abbr[data-original-title] {
	text-decoration: underline;
	text-decoration: underline dotted;
	cursor: help;
	border-bottom: 0;
	text-decoration-skip-ink: none;
}
address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit;
}
ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0;
}
dt {
/*	font-weight: 700; */
	font-weight: bold;
}
dd {
	margin-bottom: 0.5rem;
	margin-left: 0;
}
blockquote {
	margin: 0 0 1rem;
}
b,
strong {
	font-weight: bolder;
}
small {
	font-size: 80%;
}
sub,
sup {
	position: relative;
	font-size: 75%;
	line-height: 0;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
a {
	color: var(--main-color);
	text-decoration: none;
	background-color: transparent;
}
a:hover {
	color: var(--main-colorOn);
	text-decoration: underline;
}
a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}
a:not([href]):not([tabindex]):focus {
	outline: 0;
}
pre,
code,
kbd,
samp {
/*	font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; */
	font-size: 1em;
}
pre {
	margin-top: 0;
	margin-bottom: 1rem;
	overflow: auto;
}
figure {
	margin: 0 0 1rem;
}
img {
	vertical-align: middle;
	border-style: none;
}
svg {
	overflow: hidden;
	vertical-align: middle;
}
table {
	border-collapse: collapse;
}
caption {
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	color: #6c757d;
	text-align: left;
	caption-side: bottom;
}
th {
	text-align: inherit;
}
label {
	display: inline-block;
	margin-bottom: 0.5rem;
}
button {
	border-radius: 0;
}
button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}
input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
select {
	word-wrap: normal;
}
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
	cursor: pointer;
}
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	padding: 0;
	border-style: none;
}
input[type=radio],
input[type=checkbox] {
	box-sizing: border-box;
	padding: 0;
}
input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
	-webkit-appearance: listbox;
}
textarea {
	overflow: auto;
	resize: vertical;
}
fieldset {
	min-width: 0;
	padding: 0;
	margin: 0;
	border: 0;
}
legend {
	display: block;
	width: 100%;
	max-width: 100%;
	padding: 0;
	margin-bottom: 0.5rem;
	font-size: 1.5rem;
	line-height: inherit;
	color: inherit;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
	height: auto;
}
[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none;
}
[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	font: inherit;
	-webkit-appearance: button;
}
output {
	display: inline-block;
}
summary {
	display: list-item;
	cursor: pointer;
}
template {
	display: none;
}
[hidden] {
	display: none !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 0.5rem;
/*	font-weight: 600; */
	font-weight: bold;
	line-height: 1.2;
}
h1, .h1 {	font-size: 2rem; }
h2, .h2 {	font-size: 1.75rem;line-height:1.1; }
h3, .h3 {	font-size: 1.5rem; }
h4, .h4 {	font-size: 1.25rem; }
h5, .h5 {	font-size: 1.25rem; }
h6, .h6 {	font-size: 1rem; }
.lead {
	font-size: 1.25rem;
/*	font-weight: 300; */
	font-weight: normal;
}
.display-1 {
	font-size: 2.75rem;
/*	font-weight: 300; */
	font-weight: normal;
	line-height: 1.2;
}
.display-2 {
	font-size: 5.5rem;
/*	font-weight: 300; */
	font-weight: normal;
	line-height: 1.2;
}
.display-3 {
	font-size: 4.5rem;
/*	font-weight: 300; */
	font-weight: normal;
	line-height: 1.2;
}
.display-4 {
	font-size: 3.5rem;
/*	font-weight: 300; */
	font-weight: normal;
	line-height: 1.2;
}
hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
small,
.small {
	font-size: 80%;
/*	font-weight: 400; */
	font-weight: normal;
}
mark,
.mark {
	padding: 0.2em;
	background-color: #fcf8e3;
}
.list-unstyled {
	padding-left: 0;
	list-style: none;
}
.list-inline {
	padding-left: 0;
	list-style: none;
}
.list-inline-item {
	display: inline-block;
}
.list-inline-item:not(:last-child) {
	margin-right: 0.5rem;
}
.initialism {
	font-size: 90%;
	text-transform: uppercase;
}
.blockquote {
	margin-bottom: 1rem;
	font-size: 1.25rem;
}
.blockquote-footer {
	display: block;
	font-size: 80%;
	color: #6c757d;
}
.blockquote-footer::before {
	content: "— ";
}
.img-fluid {
	max-width: 100%;
	height: auto;
}
.img-thumbnail {
	padding: 0.25rem;
	background-color: #fff;
	border: 1px solid #dee2e6;
	border-radius: 2px;
	max-width: 100%;
	height: auto;
}
.figure {
	display: inline-block;
}
.figure-img {
	margin-bottom: 0.5rem;
	line-height: 1;
}
.figure-caption {
	font-size: 90%;
	color: #6c757d;
}
.btn {
	display: inline-block;
/*	font-weight: 600; */
	font-weight: bold;
	background-color: transparent;
	border: 1px solid transparent;
	text-align: center;
	user-select: none;
	padding: 0.4375rem 1rem;
	font-size: 1rem;
	color: #202833;
	border-radius: 2px;
	font-size: 1rem;
	line-height: 1.5;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn:hover {
	background-color: #ced4da;
	text-decoration: none;
}
.btn--dark:hover {
	background-color: var(--main-bgcolor2on)!important;
}
.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%;
}
.col-12 {
	flex: 0 0 100%;
	max-width: 100%;
}
.mt-5, .my-5 {
	margin-top: 3rem !important;
}

/* top of page */
.cd-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: inline-block;
	height: 40px;
	width: 40px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	background-color: rgba(32, 40, 51, 0.85);
	color: #fff;
	text-align: center;
	line-height: 40px;
	z-index: 5;
	border-radius: 3px;
}
@supports (backdrop-filter: blur(20px)) {
	.cd-top {
		background-color: rgba(32, 40, 51, .85);
		backdrop-filter: blur(20px);
	}
}
.cd-top {
	transition: opacity .3s, visibility .3s, background-color .3s;
}
.cd-top:hover {
	background-color: rgba(32, 40, 51, .85);
	color: #ced4da;
	opacity: 1;
}

/* .toast */
.notificationBlock {
	position: fixed;
	top: 80px;
	right: 20px;
	z-index: 11;
}
.toast {
	max-width: 350px;
	overflow: hidden;
	font-size: 0.875rem;
	background-color: rgba(255, 255, 255, 0.85);
	background-color: #fff;
	background-clip: padding-box;
	box-shadow: 0px 6px 4px rgba(44, 50, 53, 0.08);
	backdrop-filter: blur(10px);
	opacity: 0;
	display: flex;
/*
	position: fixed;
	top: 80px;
	right: 20px;
*/
	z-index: 9;
	margin-left: 20px;
	border-radius: 0.25rem;
}
.toast--alert a {
	color: #D3234F;
}
.toast--info a {
	color: #1653E2;
}
.toast--warning a {
	color: #AF6303;
}
.toast:not(:last-child) {
	margin-bottom: 0.75rem;
}
.toast.showing {
	opacity: 1;
}
.toast.show {
	display: flex;
	opacity: 1;
}
.toast.hide {
	display: none;
}
.toast__msg {
	margin-bottom: 0;
}
.toast__close {
	position: absolute;
	right: 1rem;
	top: 50%;
	font-size: 1.125rem;
	transform: translateY(-50%);
}
.toast-header {
	display: flex;
	align-items: center;
	padding: 0.25rem 0.75rem;
	color: #6c757d;
	background-color: rgba(255, 255, 255, 0.85);
	background-clip: padding-box;
}
.toast-header--alert {
	background-color: #FCD8D2;
	color: #D3234F;
}
.toast-header--info {
	background-color: #CFE3FD;
	color: #1653E2;
}
.toast-header--warning {
	background-color: #FDEBCD;
	color: #AF6303;
}

.toast-body {
	padding: 0.75rem;
	padding-right: 2.125rem;
}
.toast-body a {
	display: inline-block;
}



/*	共通
------------------------------ */
.container {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	justify-content: space-between;
}
header.header {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	position: sticky;
	top: 0;
	z-index: 99;
	background-color: rgba(255,255,255,0.88);
	-webkit-box-shadow: 0px 6px 4px rgb(44 50 53 / 8%);
			box-shadow: 0px 6px 4px rgb(44 50 53 / 8%);
}
header nav {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
			justify-content: space-between;
	padding: 0.5rem 0rem;
}
header nav > a {
	color: rgba(0, 0, 0, 0.9);
	display: inline-block;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap;
	order: 1;
}
header nav .btnMenu {
	order: 3;
	padding: 0.5rem 0.75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: 2px;
	color: rgba(0, 0, 0, 0.5);
	border-color: rgba(0, 0, 0, 0.1);
}
header nav .btnMenu:hover, header nav .btnMenu:focus {
	text-decoration: none;
}
header nav .btnMenu {
	color: rgba(0, 0, 0, 0.5);
	border-color: rgba(0, 0, 0, 0.1);
}
header nav .btnMenu i {
	display: inline-block;
	width: 1.5em;
}
header nav .mainMenu {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
		flex-grow: 1;
	-webkit-box-align: center;
	-ms-flex-align: center;
		align-items: center;
	-webkit-box-ordinal-group: 5;
	-ms-flex-order: 4;
		order: 4;
}
header nav .mainMenu {
	display: none;
}
header nav .mainMenu ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
		flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
/*	margin-right: auto !important; */
}
header nav .mainMenu ul li {
	position: relative;
}
header nav .mainMenu ul li a {
	white-space: nowrap;
	display: block;
	padding: 0.5rem 1rem;
	padding-right: 0;
	padding-left: 0;
	color: #202833;
}
header nav .mainMenu ul li a:hover, header nav .mainMenu ul li a:focus {
	color: var(--main-color);
}
header nav .mainMenu ul > li > a::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}
header nav .mainMenu ul > li:nth-child(1) > a::after,
header nav .mainMenu ul > li:nth-child(2) > a::after,
header nav .mainMenu ul > li:nth-child(3) > a::after,
header nav .mainMenu ul > li:nth-child(4) > a::after,
header nav .mainMenu ul > li:nth-child(5) > a::after,
header nav .mainMenu ul > li:nth-child(7) > a::after {
	content: none;
}
header nav .mainMenu ul > li > .subMenu {
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: #202833;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 2px;
	position: static;
	float: none;
}
header nav .mainMenu ul > li > .subMenu a {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
/*	font-weight: 400; */
	font-weight: normal;
	color: #202833;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
header nav .mainMenu ul > li > .subMenu a:hover,
header nav .mainMenu ul > li > .subMenu a:focus {
	color: #161c23;
	text-decoration: none;
	background-color: #f8f9fa;
}
header nav .mainMenu ul > li > .subMenu a.active,
header nav .mainMenu ul > li > .subMenu a:active {
	color: #fff;
	text-decoration: none;
	background-color: var(--main-color);
}
header nav .languageMenu select {
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
/*	font-weight: 400; */
	font-weight: normal;
	line-height: 1.5;
	color: #6b7685;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 2px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border: 1px solid #E1E7EC;
	height: calc(1.5em + 0.75rem + 4px);
}

.dropdown-divider {
	height: 0;
	margin: 0.5rem 0;
	overflow: hidden;
	border-top: 1px solid #E1E7EC;
}
header nav .btnSearch {
	display: block;
	margin: 0.5rem 0.75rem 0.5rem auto;
	order: 2;
}
header nav .btnSearch a {
	color: #202833;
	padding: 0 8px;
}
header nav .btnSearch a:hover {
	color: var(--main-color)!important;
}
header nav .btnSearch a span {
	display: none !important;
}
header nav .btnSearch i {
	font-size: 0.875em;
}
header nav .languageMenu {
	display: none;
	width: 100%;
	order: 5;
}



/*	ホーム
------------------------------ */
/*  ヒーローイメージ  */
main {
	position: relative;
}
main .hero {
	position: relative;
	min-height: 27.5rem;
	height: calc(100vh - 61px);
	overflow: hidden;
}
main .hero picture {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	border: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background-color: #eee;
}
main .hero picture:before {
	content: "";
	position: absolute;
	height: 25%;
	width: 100%;
	background: linear-gradient(180deg, rgba(0, 0, 0, 0.26), transparent);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
main .hero picture:after {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.36), transparent);
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
main .hero picture img {
	object-fit: cover;
	object-position: 50% 35%;
	height: inherit;
	width: inherit;
	min-height: inherit;
	max-width: 100%;
	font-family: "object-fit:cover; object-position:50% 35%;";
	user-drag: none;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}
main .hero a {
	color: #fff;
	z-index: 5;
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
}
main .hero a i {
	font-size: 0.875em;
	margin-right: 0.25rem;
}

/*  検索窓  */
main .intro {
/*
	margin-right: 1rem;
	margin-left: 1rem;
	position: relative;
	margin-top: -18rem;
*/
	width: 100%;
	text-align: center;
	position: absolute;
	top: 28vh;
	left: 0;
	z-index: 10;
}
main .intro .introBox {
/*	max-width: 42.5rem; */
}
/*
main .intro .introBox .fukushima {
	width: 118px;
	margin: 0 auto 35px;
}
*/
main .intro .introBox h1 {
	width: 80%;
	max-width: 333px;
	text-align: center;
	margin: 0 auto;
/*
	font-size: 2.75rem;
	font-weight: 400;
	font-weight: normal;
	font-family: "Brush Script MT", brush-script-std, serif;
	line-height: 1;
	color: #fff;
	letter-spacing: -0.8px;
	text-align: center;
	margin: 0 -15px 1rem;
*/
}
main .intro .introBox h1 img {
	width: 100%;
}
main .intro .introBox h1.vn {
	font-family: serif;
}
main .intro .introBox h1 span {
	color: #fff;
	font-size: 1.6rem;
	line-height: 0;
	max-width: 444px;
	margin: 31px auto 0;
/*
	font-size: 1.6rem;
	font-family: "Brush Script MT", brush-script-std, serif;
	margin-top: 10px;
	font-weight: 333;
*/
	display: block;
	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/*
main .intro .exploreBlock {
	margin-right: -15px;
	margin-left: -15px;
	display: none;
}
main .intro .exploreBlock .explore {
	background-color: var(--main-color);
	color: #fff;
	max-width: 42.5rem;
	padding: 2.75rem 1.25rem 2.625rem;
	border-radius: 4px;
	box-shadow: 0px 6px 4px rgb(44 50 53 / 8%);
	z-index: 5;
}
main .intro .exploreBlock .explore h2 {
	font-size: 2rem;
}
main .intro .exploreBlock .explore .exploreFormBlock {
	margin-right: -5px;
	margin-left: -5px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
main .intro .exploreBlock .explore .exploreFormBlock .exploreFormBox {
	width: 50%;
	padding: 1rem 5px 0px;
}
main .intro .exploreBlock .explore .exploreFormBlock .exploreFormBox label {
	width: 100%;
	font-weight: 600;
	font-weight: bold;
	margin-bottom: 0.5rem;
	display: block;
}
main .intro .exploreBlock .explore .exploreFormBlock .exploreFormBox select {
	width: 100%;
	color: #6b7685;
	font-size: 1rem;
	font-weight: 400;
	font-weight: normal;
	line-height: 1.5;
	padding: 0.375rem 0.75rem;
	height: calc(1.5em + 0.75rem + 4px);
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #E1E7EC;
	border-radius: 2px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	display: block;
}
main .intro .exploreBlock .explore .exploreFormBlock .exploreFormBoxB {
	width: 100%;
	padding: 1rem 5px 0px;
}
main .intro .exploreBlock .explore .exploreFormBlock .exploreFormBoxB button {
	width: 100%;
	color: #fff;
	background-color: var(--main-bgcolor2);
}
main .intro .exploreBlock .explore .exploreFormBlock .exploreFormBox2 {
	width: 50%;
	padding: 1rem 5px 0px;
}
main .intro .exploreBlock .explore .exploreFormBlock .exploreFormBox2 label {
	width: 100%;
	font-weight: 600;
	font-weight: bold;
	margin-bottom: 0.5rem;
	display: block;
}
*/
::placeholder {
	color: #ccc;
}
main .introBottom {
	text-align: center;
	position: absolute;
	top: calc(100vh - 88px);
	left: 50%;
	z-index: 10;
	animation: arrowmove 1.3s ease-in-out infinite;
}

.introBottom a{
	position: absolute;
	left: -24px;
	bottom: 12px;
	color: #fff;
	font-size: 12px;
	font-family: 'Josefin Sans', sans-serif;
	letter-spacing: .2em;
	writing-mode: vertical-rl;
	text-decoration: none;
	text-transform: uppercase;
}
.introBottom:before {
	content: "";
	position: absolute;
	bottom: 5px;
	right: -6px;
	width: 2px;
	height: 20px;
	background: #fff;
	transform: skewX(-31deg);
}
.introBottom:after{
	content:"";
	position: absolute;
	bottom: 5px;
	right: 0;
	width: 2px;
	height: 66px;
	background:#fff;
}
@keyframes arrowmove{
	0%{top: calc(100vh - 108px);}
	77%{top: calc(100vh - 88px);}
	100%{top: calc(100vh - 108px);}
}

main .postBlock .introFoot {
/*
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
	margin-right: -15px;
	margin-left: -15px;
*/
	width: 100%;
	text-align: center;
	display: block;
	margin: 0;
	padding: 0;
}
main .postBlock .introFoot ul {
	color: #333;
	list-style: none;
	display: flex;
	justify-content: right;
	gap: 8px;
	margin: 10px 0 0;
	padding: 0;
}
main .postBlock .introFoot ul li {
/*
	margin-left: 0.8rem;
*/
}
main .postBlock .introFoot ul li a i {
	font-size: 1.5rem;
}
main .postBlock .introFoot ul li a:hover {
	color: var(--main-colorOn);
}
main .postBlock .introFoot span a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 0.5rem;
	font-weight: 600;
}
main .postBlock .introFoot span a span {
	color: #202833;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .postBlock .introFoot span a span::after {
	content: " ";
	width: 1rem;
	height: 1px;
	line-height: 1px;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	display: inline-block;
	background-color: #6b7685;
	vertical-align: middle;
}
main .postBlock .introFoot span i {
	font-size: 1.5rem;
	color: var(--main-color);
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

/*  covitBlock  */
main .covitBlock {
	width: 100%;
	margin: 2rem 0 0 0;
	padding: 1rem 0px;
	text-align: center;
	background-color: #d9e6dc;
}
main .covitBlock p {
	margin-bottom: 0;
}
main .covitBlock p a {
	color: #e7001d;
/*	font-weight: bold; */
}

/*  Tours in Fukushima  */
main .toursBlock {
	width: 100%;
	margin: 5rem auto 0;
	padding: 0 15px;
/*	background-color: #F8F9FA; */
}
main .toursBlock h2 {
	margin-bottom: 1rem;
/*	padding: 0 15px; */
}
main .toursBlock .linkMore {
	padding: 0 15px;
}
main .toursBlock .toursBanner {
	width: 100%;
	margin: 0 auto 15px;
}
main .toursBlock .toursBanner a {
	width: 100%;
/*	height: 222px; */
	background-color: #eee;
	display: block;
	overflow: hidden;
}
main .toursBlock .toursBanner a img {
	width: 100%;
}
main .toursBlock .toursSlide {
	list-style: none;
	width: 100%;
	margin: 0 auto 1rem;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	gap: 15px;
}
main .toursBlock .toursSlide .tourBox {
	margin: 0 0 1rem;
	width: calc(50% - 8px);
}
main .toursBlock .toursSlide .tourBox a {
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 0;
	display: block;
}
main .toursBlock .toursSlide .tourBox a:hover {
	color: #333;
	background-color: var(--main-bgcolor);
	border-color: var(--main-bgcolor);
}
main .toursBlock .toursSlide .tourBox a:first-of-type {
	border: none;
}
main .toursBlock .toursSlide .tourBox a:first-of-type:hover {
	background: none;
}
main .toursBlock .toursSlide .tourBox a .tourPhoto {
	padding-bottom: 66.7%;
	overflow: hidden;
/*	border-radius: 20px; */
	margin-bottom: 1rem;
	background-size: cover;
	background-position: center top;
	display: block;
}
main .toursBlock .toursSlide .tourBox a .tourText {
	color: #6b7685;
	font-size: 0.875rem;
}
main .toursBlock .toursSlide .tourBox a .tourText p {
	margin-bottom: 0.5rem;
	display: inline-block;
	width: 100%;
}
/*
main .toursBlock .toursSlide .tourBox a .tourText p.cat {
	border: 1px solid var(--main-color);
	border-radius: 13px;
	padding: 0px 8px;
	margin-right: 5px;
	display: inline-block;
}
*/
main .toursBlock .toursSlide .tourBox a .tourText p.cat span {
	border: 1px solid var(--main-color);
	border-radius: 13px;
	padding: 0px 8px;
	margin-right: 5px;

	display: inline-block;
	font-size: 0.875rem;
	color: #6b7685;
	white-space: nowrap;
	overflow: hidden;
	background-color: #fff;
	background: linear-gradient(to right, var(--main-bgcolor) 50%, #fff 50%);
	background-size: 204% 100%;
	background-position: right bottom;
	transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .toursBlock .toursSlide .tourBox a:hover .tourText p.cat span,
main .toursBlock .toursSlide .tourBox a:focus .tourText p.cat span {
	background-position: left bottom;
	color: var(--main-color);
}
main .toursBlock .toursSlide .tourBox a .tourText h3 {
	color: #202833;
	font-size: 1.125rem;
	margin-bottom: 0.25rem;
}
main .toursBlock .toursSlide .tourBox a:hover .tourText h3 {
	color: var(--main-color);
}
main .toursBlock .toursSlide .tourBox a .tourText .tourPrice {
	font-size: 1.125rem;
	font-weight: bold;
}
main .toursBlock .toursSlide .tourBox a .tourText .tourPrice span {
	font-size: 0.875rem;
	margin-left:5px;
	font-weight: normal;
}
main .toursBlock .toursSlide .tourBox a .tourText .tourStar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	flex-wrap: wrap;
}
main .toursBlock .toursSlide .tourBox a .tourText .tourStar p {
	text-align: center;
}
.rate {
	width: 85px;
	height: 18px;
	position : relative;			/* 指定した分だけ相対的に移動 */
	font-size: 1rem;				/* フォントサイズ */
	letter-spacing : 0px;			/* 文字間隔 */
	margin-right: 5px;
}
.rate:before{
	position: absolute;				/* 親要素を基準 */
	display: inline-block;			/* ブロック要素 */
	color: #999999;					/* ★の色 */
	white-space:nowrap;				/* 改行不可 */
	top: 2px;						/* 上限より表示 */
	left: 0;						/* 左端より表示 */
	line-height:1em;				/* 高さを指定 */
	content:"★★★★★";			/* ★の指定 */
}
.rate:after{
	position: absolute;				  /* 親要素を基準 */
	display: inline-block;			   /* ブロック要素 */
	color: #FF6600;			   /* ★の色 */
	white-space:nowrap;				  /* 改行不可 */
	top: 2px;							  /* 上限より表示 */
	left: 0;							 /* 左端より表示 */
	line-height:1em;					 /* 高さを指定 */
	overflow:hidden;					 /* オーバーフロー部分は非表示 */
/*	width: 0.85rem;		/* 評価★の幅 */
	content:"★★★★★";	  /* ★の指定 */
}
.nodata {
	width: 100%;
	padding: 100px 0;
	text-align: center;
}


/*  Fukushima Prefecture  */
main .fukushimaBlock {
	width: 100%;
	margin: 5rem auto 0;
	padding: 0 15px;
	clear: both;
}
main .fukushimaBlock h2 {
	margin-bottom: 1rem;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxText {
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea {
	position: relative;
	margin: 0 auto 15px;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topJapan {
	width: 140px;
	cursor: pointer;
	position: absolute;
	top: 0px;
	left: 0;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topJapan img {
	width: 100%;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topPref {
	width: 88%;
	padding-top: 98px;
	margin: 0 auto 11px;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topPref #aizu
,main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topPref #naka
,main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topPref #hama {
	cursor: pointer;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topPref .prefSvg {
	width: 100%;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topFoot {
	width: 100%;
	text-align: center;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topFoot ul {
	font-size: 0.7rem;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	gap: 20px;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topFoot ul li a {
	color: #D6D6D6;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topFoot ul li a.select {
	color: var(--main-color);
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxMap {
	background-color: #fff;
	position: relative;
/*	overflow: hidden; */
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxMap img {
	width: 100%;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxMap #map00 {
	display: block;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxMap #map01 {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxMap #map02 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
/*	transition: all 0.5s; */
/*	translate: -100% 0; */
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxMap #map02 a {
	width: 100%;
	display: block;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxMap #map03 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
/*	transition: all 0.5s; */
/*	translate: -100% 0; */
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxMap #map03 a {
	width: 100%;
	display: block;
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxMap #map04 {
	position: absolute;
	top: 0;
	left: 0;
	display: none;
/*	transition: all 0.5s; */
/*	translate: -100% 0; */
}
main .fukushimaBlock .fukushimaBox .fukushimaBoxMap #map04 a {
	width: 100%;
	display: block;
}

/*  Unique in Fukushima  */
main .spotBlockTop {
	width: 100%;
	margin: 5rem auto 0;
	padding: 0 15px;
}
main .spotBlockTop h2 {
	margin-bottom: 1rem;
}
main .spotBlockTop .cardBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin: 0 -8px 1rem;
}
main .spotBlockTop .cardBlock .card {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
	padding: 0 8px;
	border-top: 1px solid #E1E7EC;
}
main .spotBlockTop .cardBlock .card:last-of-type {
	border-bottom: 1px solid #E1E7EC;
}
main .spotBlockTop .cardBlock .card a {
	padding: 1rem 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
}
main .spotBlockTop .cardBlock .card a:hover {
	text-decoration: none;
}
main .spotBlockTop .cardBlock .card .cardPhoto {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 90px;
			flex: 0 0 90px;
}
main .spotBlockTop .cardBlock .card .cardPhoto .photo {
	position: relative;
	overflow: hidden;
	padding-top: 66.7%;
	background-color: #E1E7EC;
}
main .spotBlockTop .cardBlock .card .cardText {
	margin-top: 0;
	padding-left: 0.5rem;
}
main .spotBlockTop .cardBlock .card .cardPhoto .photo img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
main .spotBlockTop .cardBlock .card .cardText {
	margin-top: 0;
	position: relative;
	overflow: hidden;
}
main .spotBlockTop .cardBlock .card .cardText span {
	display: inline-block;
	font-size: 0.875rem;
	color: #6b7685;
	padding: 0;
	white-space: nowrap;
	overflow: hidden;
	background-color: #fff;
	background: linear-gradient(to right, var(--main-bgcolor) 50%, #fff 50%);
	background-size: 204% 100%;
	background-position: right bottom;
	transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .spotBlockTop .cardBlock .card .cardText h3 {
	color: #202833;
	font-size: 1.125rem;
	padding: 3px 0 0 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .spotBlockTop .cardBlock .card .cardText p {
	font-size: 0.875rem;
	color: #6b7685;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
main .spotBlockTop .cardBlock .card:first-of-type {
	padding: 0 8px 1rem;
	position: relative;
	transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	border: none;
}
main .spotBlockTop .cardBlock .card:first-of-type a {
	padding: 0;
	display: initial;
}
main .spotBlockTop .cardBlock .card:first-of-type .cardText {
	padding-left: 0;
}
main .spotBlockTop .cardBlock .card:first-of-type .cardPhoto .photo {
	position: relative;
	overflow: hidden;
	padding-top: 66.7%;
	background-color: #E1E7EC;
}
main .spotBlockTop .cardBlock .card:first-of-type .cardText span {
	padding: 0.25rem 0.5rem;
}
main .spotBlockTop .cardBlock .card:first-of-type .cardText {
	margin-top: -1.75rem;
	text-decoration: none;
}
main .spotBlockTop .cardBlock .card:hover span,
main .spotBlockTop .cardBlock .card:focus span {
	background-position: left bottom;
	color: var(--main-color);
}
main .spotBlockTop .cardBlock .card:hover h3,
main .spotBlockTop .cardBlock .card:focus h3 {
	color: var(--main-color);
}
.linkMore a i {
	display: inline-block;
	margin-left: 0.5rem;
	line-height: 1;
	transition: margin 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	font-size: 0.875em;
}
.linkMore a:hover,
.linkMore a:focus {
	color: var(--main-bgcolor2on);
}
.linkMore a:hover i,
.linkMore a:focus i {
	margin-left: 1rem;
}

/*  Start Planning  */
main .planningBlock {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	clear: both;
}
main .planningBlock.planningBlockTop {
	margin-top: 3.75rem;
}
main .planningBlock h2 {
	margin-bottom: 1rem;
}
main .planningBlock .planningList {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
	max-width: 100%;
}
main .planningBlock .planningList ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin: 0 -15px;
	padding-left: 0;
	list-style: none;
}
main .planningBlock .planningList ul li {
	margin-bottom: 1.25rem;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
main .planningBlock .planningList ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-shadow: 0px 6px 4px rgb(44 50 53 / 8%);
			box-shadow: 0px 6px 4px rgb(44 50 53 / 8%);
	border-radius: 4px;
/*	font-weight: 600; */
	font-weight: bold;
	height: 60px;
	background: #fff;
	color: #202833;
}
main .planningBlock .planningList ul li a:hover,
main .planningBlock .planningList ul li a:focus {
	background-color: var(--main-bgcolor);
	text-decoration: none;
	color: var(--main-color);
}
main .planningBlock .planningList ul li a .icon {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 60px;
			flex: 0 0 60px;
	background-color: var(--main-bgcolor);
	color: var(--main-color);
	height: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
main .planningBlock .planningList ul li a .icon i {
	font-size: 1.5rem;
}
main .planningBlock .planningList ul li a .iconText {
	-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
			flex: 1 0 auto;
	padding-left: 1rem;
	-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--main-bgcolor)), color-stop(50%, #fff));
	background: -o-linear-gradient(left, var(--main-bgcolor) 50%, #fff 50%);
	background: linear-gradient(to right, var(--main-bgcolor) 50%, #fff 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .planningBlock .planningList ul li a:hover .iconText,
main .planningBlock .planningList ul li a:focus .iconText {
	background-position: left bottom;
}

/*  Trips in Fukushima  */
main .tripsBlock {
	width: 100%;
	margin: 3.75rem auto 0;
	padding: 0 15px;
}
main .tripsBlock h2 {
	margin-bottom: 1rem !important;
}
main .tripsBlock h2 span {
	font-size: 1rem;
	font-weight: normal;
	float: right;
	margin-top: 20px;
}
main .tripsBlock .cardBlock {
	margin-bottom: 1rem;
	margin-left: -8px;
	margin-right: -8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
main .tripsBlock .cardBlock .card {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
	max-width: 50%;
	padding-right: 8px;
	padding-left: 8px;
	margin-bottom: 1rem;
}
main .tripsBlock .cardBlock .card a {
	text-decoration: none;
}
main .tripsBlock .cardBlock .card .cardPhoto {
	padding-top: 66.6%;
	overflow: hidden;
	position: relative;
}
main .tripsBlock .cardBlock .card .cardgallery-container {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	grid-gap: 2px;
}
main .tripsBlock .cardBlock .card .cardPhotoLeft {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-flex: 1;
		-ms-flex: 1 0 100%;
			flex: 1 0 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
main .tripsBlock .cardBlock .card .cardPhotoLeft:first-of-type {
	background-color: #E1E7EC;
	margin-left: 0 !important;
}
main .tripsBlock .cardBlock .card .cardPhotoLeft img {
	-o-object-fit: cover;
	   object-fit: cover;
	height: inherit;
	-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
			flex: 1 0 auto;
	max-width: 100%;
	height: auto;
}
main .tripsBlock .cardBlock .card .cardPhotoRight {
	display: none;
}
main .tripsBlock .cardBlock .card .cardText {
	margin-top: -1.75rem;
	position: relative;
	overflow: hidden;
	text-align: left;
}
main .tripsBlock .cardBlock .card .cardText span {
	display: inline-block;
	font-size: 0.875rem;
	color: #6b7685;
	padding: 0.25rem 0.5rem;
	white-space: nowrap;
	overflow: hidden;
	background-color: #fff;
	background: linear-gradient(to right, var(--main-bgcolor) 50%, #fff 50%);
	background-size: 204% 100%;
	background-position: right bottom;
	transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .tripsBlock .cardBlock .card:hover .cardText span,
main .tripsBlock .cardBlock .card:focus .cardText span {
	background-position: left bottom;
	color: var(--main-color);
}
main .tripsBlock .cardBlock .card .cardText h3 {
	color: #202833;
	font-size: 1.125rem;
	display: -webkit-box;
	padding: 3px 0 0 0;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .tripsBlock .cardBlock .card:hover .cardText h3,
main .tripsBlock .cardBlock .card:focus .cardText h3 {
	color: var(--main-color);
}
main .tripsBlock .cardBlock .card .cardText p {
	font-size: 0.875rem;
	color: #6b7685;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-decoration: none;
}
main .tripsBlock .searchResultList .searchResultSort {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
main .tripsBlock .searchResultList .searchResultSort .searchResultSortLeft {
	width: 30%;
}
main .tripsBlock .searchResultList .searchResultSort .searchResultSortLeft p {
	padding-top: 12px;
	margin-bottom: 0;
}
main .tripsBlock .searchResultList .searchResultSort .searchResultSortRight {
	width: 70%;
	max-width: 70%;
	text-align: right;
	position: relative;
	padding: 0 0 0 15px;
}

/*	404 NotFound
------------------------------ */
.notfound {
	text-align: center;
}
.notfoundBox {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
.notfoundBox img {
	width: 50%;
}


/* Tours in Fukushima(Tours)
------------------------------ */
main .tourBlockTitle {
	width: 100%;
	padding: 0 15px 10px;
	margin: 0 auto;
	position: relative;
}
main .tourBlockTitle .tourBlockTitleMovie {
	margin: 20px 0;
}
main .tourBlockTitle .tourBlockTitleMovie p {
	font-size: 1rem;
	line-height: 1.5;
}
main .tourBlockTitle .tourBlockTitleMovie iframe {
	width: 100%;
}
main .tourBlockTitle .tourBlockTitleBtn {
}
main .tourBlockTitle .tourBlockTitleBtn a {
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: var(--main-color);
	border-radius: 27px;
	padding: 15px;
	margin: 0 0 5px;
	display: block;
}
main .tourBlockTitle .tourBlockTitleBtn a:hover {
	color: #fff;
}
main .tourBlockTitle .tourBlockTitleBtn p {
	font-size: 14px;
}
main .tourTypeSelect {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}
main .tourTypeSelect h4 {
	font-size: 1.25rem;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}
main .tourTypeSelect {
	width: 100%;
	padding: 0 15px 37.5px;
	margin: 0 auto;
}
main .tourTypeSelect ul {
	margin: 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
			justify-content: flex-start;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
			column-gap: 10px;
}
main .tourTypeSelect ul li {
	width: calc(50% - 5px);
	margin: 0 0 5px;
	padding: 0;
	list-style: none;
}
main .tourTypeSelect ul li input[type=radio] {
	display: none;
}
main .tourTypeSelect ul li label {
	width: 100%;
	padding: 8px 0;
	border: 1px solid #707070;
	border-radius: 30px;
	display: block;
	text-align: center;
	cursor: pointer;
}
main .tourTypeSelect ul li input[type=radio]:checked + label {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
}
main .tourBlockList {
	width: 100%;
	margin: 0 0;
	padding: 0 15px 5rem;
}
main .tourBlockListBG {
	background-color: #FFFBEF;
}
main .tourBlockList .tourBlockListHead {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
}
main .tourBlockList .tourBlockListHead .tourBoxLeft {
	width: 50%;
	max-width: 50%;
}
main .tourBlockList .tourBlockListHead .tourBoxLeft p {
	margin-top: 0!important;
}
main .tourBlockList .tourBlockListHead .tourBoxRight {
	width: 50%;
	max-width: 50%;
	text-align: right !important;
}
main .tourBlockList .tourBlockListHead .tourBoxRight > label {
	padding-top: 12px;
	display: block!important;
}
main .tourBlockList .tourBlockListHead .tourBoxRight > * {
	font-size: .8em !important;
	height: 40px;
	display: inline-block !important;
	vertical-align: top;
	width: auto !important;
}
main .tourBlockList .tourBlockListHead .tourBoxRight > select {
	font-size: 1rem!important;
	font-weight: bold;
	border: none;
	margin-left: 1rem;
}
main .tourBlockList .tourBlockBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
			column-gap: 10px;
}
main .tourBlockList .tourBlockBox .tourBox {
	margin: 0 0 40px;
	width: calc(50% - 10px);
}
main .tourBlockList .tourBlockBox .tourBox a {
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 8px 5px 0;
	display: block;
}
main .tourBlockList .tourBlockBox .tourBox a.btnG {
	background-color: #fff;
}
main .tourBlockList .tourBlockBox .tourBox a:hover {
	color: #333;
	background-color: var(--main-bgcolor);
	border-color: var(--main-bgcolor);
}
main .tourBlockList .tourBlockBox .tourBox a:first-of-type {
	border: none;
}
main .tourBlockList .tourBlockBox .tourBox a:first-of-type:hover {
	background: none;
}
main .tourBlockList .tourBlockBox .tourBox a .tourPhoto {
/*	padding-bottom: 280px; */
	padding-bottom: 66.7%;
	overflow: hidden;
/*	border-radius: 30px; */
	margin-bottom: 1rem;
	background-size: cover;
	background-position: center top;
	display: block;
}
main .tourBlockList .tourBlockBox .tourBox a .tourText {
	color: #6b7685;
	font-size: 0.875rem;
}
main .tourBlockList .tourBlockBox .tourBox a .tourText p {
	margin-bottom: 0.3rem;
	display: inline-block;
	width: 100%;
}
main .tourBlockList .tourBlockBox .tourBox a .tourText p.cat span {
	border: 1px solid var(--main-color);
	border-radius: 13px;
	padding: 0px 8px;
	margin-right: 5px;

	display: inline-block;
	font-size: 0.875rem;
	color: #6b7685;
	white-space: nowrap;
	overflow: hidden;
	background-color: #fff;
	background: linear-gradient(to right, var(--main-bgcolor) 50%, #fff 50%);
	background-size: 204% 100%;
	background-position: right bottom;
	transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .tourBlockList .tourBlockBox .tourBox a:hover .tourText p.cat span,
main .tourBlockList .tourBlockBox .tourBox a:focus .tourText p.cat span {
	background-position: left bottom;
	color: var(--main-color);
}

.comingsoon {
	width: 100%;
	padding: 30px 0;
	text-align: center;
	font-size: 1.1rem;
}
/*
main .tourBlockList .tourBlockBox .tourBox a .tourText p.cat {
	border: 1px solid var(--main-color);
	border-radius: 13px;
	padding: 0px 8px;
	margin-right: 5px;
	display: inline-block;
}
*/
main .tourBlockList .tourBlockBox .tourBox a .tourText p.cat span {
	border: 1px solid var(--main-color);
	border-radius: 13px;
	padding: 0px 8px;
	margin-right: 5px;

	display: inline-block;
	font-size: 0.875rem;
	color: #6b7685;
	white-space: nowrap;
	overflow: hidden;
	background-color: #fff;
	background: linear-gradient(to right, var(--main-bgcolor) 50%, #fff 50%);
	background-size: 204% 100%;
	background-position: right bottom;
	transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .tourBlockList .tourBlockBox .tourBox a:hover .tourText p.cat span,
main .tourBlockList .tourBlockBox .tourBox a:focus .tourText p.cat span {
	background-position: left bottom;
	color: var(--main-color);
}
main .tourBlockList .tourBlockBox .tourBox a .tourText h3 {
	color: #202833;
	font-size: 1.125rem;
	margin-bottom: 0.25rem;
}
main .tourBlockList .tourBlockBox .tourBox a:hover .tourText h3 {
	color: var(--main-color);
}
main .tourBlockList .tourBlockBox .tourBox a .tourText .tourPrice {
	font-size: 1.125rem;
	font-weight: bold;
}
main .tourBlockList .tourBlockBox .tourBox a .tourText .tourPrice span {
	font-size: 0.875rem;
	margin-left:5px;
	font-weight: normal;
}
main .tourBlockList .tourBlockBox .tourBox a .tourText .tourStar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	flex-wrap: wrap;
}
main .tourBlockList .tourBlockBox .tourBox a .tourText .tourStar p {
	text-align: center;
}

/* tour(詳細disp) */
main .tourSlideShow {
	width: 100%;
	padding: 0;
	margin: 0 auto 50px;
	background: #fff;
}
main .tourSlideShow .toursSlide {
	list-style: none;
	margin-bottom: 2rem;
}
main .tourSlideShow .toursSlide .tourBox {
	margin: 0;
}
main .tourSlideShow .toursSlide .tourBox .tourPhoto {
	padding-bottom: 380px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
}
main .tourBlockDetail {
	width: 100%;
	padding: 0 15px 5rem;
	margin: 0 auto;
}
main .tourBlockDetail .tourHead {
	margin-bottom: 10px;
}
main .tourBlockDetail .tourHead h1 {
	font-size: 2rem;
}
main .tourBlockDetail .tourHead h1 span {
	font-size: 1.25rem;
	display: block;
}
main .tourBlockDetail .tourHead .tourStar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
			justify-content: flex-start;
}
main .tourBlockDetail .tourHead .tourStar p {
	font-size: 0.9rem;
}
main .tourBlockDetail .tourHead .tourStar p.cat span {
	border: 1px solid var(--main-color);
	border-radius: 13px;
	padding: 0px 8px;
	margin-right: 5px;
}
main .tourBlockDetail .btnReserve {
	margin-top: 20px;
}
main .tourBlockDetail .btnReserve a {
	font-size: 1.25rem;
	color: #fff;
	text-align: center;
	text-decoration: none;
	padding: 15px;
	background-color: var(--main-bgcolor2);
	border-radius: 30px;
	display: block;
	margin: 0 auto;
}
main .tourBlockDetail .btnReserve a:hover {
	background-color: var(--main-bgcolor2on);
}
main .tourBlockDetail .tourPrice {
	margin-bottom: 50px;
}
main .tourBlockDetail .tourPrice p {
	margin: 0 0 10px;
	padding: 15px 20px;
	background-color: #fff;
	border: 2px solid #DFF1EC;
	border-radius: 30px;
}
main .tourBlockDetail .tourPrice p > i {
	color: var(--main-color);
	font-size: 1rem;
	margin-right: 10px;
}
main .tourBlockDetail .tourPrice p:first-of-type {
	padding: 10px 20px;
	text-align: center;
	background-color: #DFF1EC;
	font-size: 1.5rem;
	font-weight: bold;
}
main .tourBlockDetail .tourPrice p:first-of-type span {
	font-size: 1rem;
	font-weight: normal;
	margin-left: 10px;
}
main .tourBlockDetail .tourDetail {
	margin: 0 0 50px;
}
main .tourBlockDetail .tourDetail .tourDetailText {
	margin:  0 0 50px;
}
main .tourBlockDetail .tourDetail .tourDetailText ul {
	margin: 0 0 0 25px;
	padding: 0;
}
main .tourBlockDetail .tourDetail .tourDetailText {
	margin:  0 0 50px;
}
main .tourBlockDetail .tourDetail .tourDetailText p img {
	width: 100%!important;
	border-radius: 30px;
}
main .tourBlockDetail .tourDetail .tourDetailText p iframe {
	width: 100%;
}
main .tourBlockDetail .tourImportant {
	margin: 0 0 50px;
}
main .tourBlockDetail .tourImportant .tourImportantInclude {
	margin: 0 0 50px;
}
main .tourBlockDetail .tourImportant .tourImportantInclude .tourImportantIncludeText {
	margin:  0;
}
main .tourBlockDetail .tourImportant .tourImportantInclude .tourImportantIncludeText ul {
	margin: 0 0 0 25px;
	padding: 0;
}
main .tourBlockDetail .tourStart {
	margin: 0 0 50px;
}
main .tourBlockDetail .tourStart .tourStartMap {
	margin: 0 0 10px;
}
main .tourBlockDetail .tourStart .tourAccess {
	margin: 0 0 10px;
}
main .tourBlockDetail .tourStart .tourAccess .tourAccessText {
	margin: 0 0 10px;
}
main .tourBlockDetail .tourStart .tourAccess .tourAccessText ul {
	margin: 0 0 0 25px;
	padding: 0;
}
main .tourBlockDetail .tourCancel {
	background-color: #F7F8F9;
	margin: 0 0 50px;
	padding: 20px;
	border: 2px solid #c7c7c7;
	border-radius: 15px;
}
main .tourBlockDetail .tourCancel h3 {
	margin-bottom: 10px;
}
main .tourBlockDetail .tourCancel .tourCancelText p {
	margin: 0;
	padding: 0px;
}
main .tourReviews {
	width: 100%;
	background-color: #FFFFFF;
	margin: 0 auto;
	padding: 5rem 15px;
}
main .tourReviews h2 span {
	font-size: 1rem;
	font-weight: normal;
	margin-left: 10px;
}
main .tourReviews .tourReviewsList ul {
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
	height: 300px;
	overflow: hidden;
	transition: all 3s ease-out;
}
main .tourReviews .tourReviewsList ul:before {
	content: "";
	position: absolute;
	border-style: none;
	left: 0;
	bottom: 0;
	z-index: 2;
	width: 100%;
	height: 120px;
	background: linear-gradient(rgba(255,255,255,0) 0, #FFF 100px);
	transition:  all 3s ease-out;
}
main .tourReviews .tourReviewsList ul.readmore {
	height: auto;
}
main .tourReviews .tourReviewsList ul.readmore:before {
	height: auto;
	background: linear-gradient(rgba(255,255,255,0) 100%, #FFFBEF 100px);   
}
main .tourReviews .tourReviewsList ul li {
	margin: 0;
	padding: 15px 0;
	border-top: 1px solid #ccc;
}
main .tourReviews .tourReviewsList ul li:last-of-type {
	border-bottom: 1px solid #ccc;
}
main .tourReviews .tourReviewsList ul li div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
			justify-content: flex-start;
	-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
			column-gap: 10px;
}
.mode {
	width: 100%;
	color: #fff;
	background-color: #f00;
	margin: 0;
	padding: 5px;
	text-align: center;
}
.mode input {
	margin: 0 0 0 10px;
}
main .snsBlock {
	width: 100%;
	padding: 5rem 15px 1rem;
	margin: 0 auto;
}
main .snsBlock ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
		justify-content: space-around;
	list-style: none;
	margin: 0;
	padding: 0;
}
main .snsBlock ul li a {
	color: #999!important;
	text-decoration: none;
}
main .snsBlock ul li a i {
	font-size: 60px;
}
main .snsBlock ul li a:hover {
	color: #666!important;
}

/*  Youtube Area  */
main .videoBlock {
	margin-top: 5rem;
	position: relative;
	background-color: black;
	height: 75vh;
	min-height: 25rem;
	width: 100%;
	overflow: hidden;
}
main .videoBlock .overlay {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-color: black;
	opacity: 0.3;
	z-index: 1;
}
main .videoBlock .videoBox1 {
	width: 100%!important;
	height: 100%!important;
	position: absolute!important;
}
main .videoBlock .videoBox1 img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	max-width: 100%;
}
main .videoBlock .videoBox2 {
	display: none!important;
}
main .videoBlock .videoBox2 iframe {
	width: 100vw;
	height: calc((100vw/16)*9);
}
main .videoBlock video, main .videoBlock iframe {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	border: none;
}
main .videoBlock .videoBox3 {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
	height: 100%!important;
	position: relative;
	z-index: 2;
}
main .videoBlock .videoBox3 .videoBox3content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	-webkit-box-orient: vertical !important;
	-webkit-box-direction: normal !important;
		-ms-flex-direction: column !important;
			flex-direction: column !important;
	height: 100% !important;
	text-align: center !important;
	padding-bottom: 2.5rem;
	padding-top: 2.5rem;
}
main .videoBlock .videoBox3 .videoBox3content .videoBox3myAuto {
	margin-top: auto !important;
	margin-bottom: auto !important;
}
.video-button {
	background-color: transparent;
	border-radius: 50%;
	height: 5rem;
	width: 5rem;
	line-height: 5rem;
	font-size: 1.5rem;
	color: #fff;
	text-align: center;
	border-width: 1px;
	border-color: #fff;
	position: relative;
	transition: color 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.video-button:hover, .video-button:focus {
	color: var(--main-color);
}
.video-button:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: "";
	background: #fff;
	border-radius: 50%;
	width: 0;
	height: 0;
	transition: width 0.6s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	z-index: -1;
}
.video-button:hover:before, .video-button:focus:before {
	color: var(--main-color);
	text-decoration: none;
	width: 100%;
	height: 100%;
}
main .videoBlock .videoBox3 .videoBox3content .videoBox3myAuto h2 {
	font-size: 1rem;
/*	font-weight: 600; */
	font-weight: bold;
	margin-top: 1rem;
	margin-bottom: 0;
	text-transform: uppercase;
	letter-spacing: 6px;
	color: rgba(255, 255, 255, 0.9);
}
main .videoBlock .videoBox3 .videoBox3content .videoBox3link a {
	display: inline-block;
/*	font-weight: 600; */
	font-weight: bold;
	background-color: transparent;
	border: 1px solid transparent;
	text-align: center;
	user-select: none;
	padding: 0.4375rem 1rem;
	font-size: 1rem;
	border-radius: 2px;
	font-size: 1rem;
	line-height: 1.5;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	color: #fff;
	background-color: var(--main-color);
}
main .videoBlock .videoBox3 .videoBox3content .videoBox3link a i {
	margin-right: 0.5rem;
	font-size: 0.875em;
}

/*   Seasons on Fukushima   */
main .seasonBlock {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin: 5rem auto 0;
}
main .seasonBlock h2 {
	margin-bottom: 1rem !important;
}
main .seasonBlock ul {
	margin-bottom: 1rem;
	margin-left: -8px;
	margin-right: -8px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	padding-left: 0;
	list-style: none;
}
main .seasonBlock ul li {
	padding-right: 8px;
	padding-left: 8px;
	-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
	max-width: 50%;
}
main .seasonBlock ul li a {
	display: block;
	margin-bottom: 0.5rem;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	border-radius: 2px;
	transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .seasonBlock ul li a:hover,
main .seasonBlock ul li a:focus {
	transform: translateY(-0.3rem);
}
main .seasonBlock ul li a .seasonBoxMask {
	position: relative;
	padding-top: 150%;
	overflow: hidden;
}
main .seasonBlock ul li a .seasonBoxMask .seasonBoxContent {
	position: absolute;
	display: block;
	color: #fff;
	text-align: center;
	padding: 2rem 1rem 1rem;
	bottom: 0;
	width: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0, transparent);
}
main .seasonBlock ul li a .seasonBoxMask .seasonBoxContent i {
	font-size: 3.25rem;
	margin-bottom: 0.75rem;
}
main .seasonBlock ul li p {
	text-align: center;
}

/*   Latest Post   */
main .postBlock {
	width: 100%;
	margin: 5rem auto 0;
	padding: 0 15px;
}
main .postBlock h2 {
	margin-bottom: 1rem;
}
main .postBlock .cardBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin: 0 -8px 1rem;
}
main .postBlock .cardBlock .card {
	margin-bottom: 2rem;
	-webkit-box-flex: 0;
		-ms-flex: 0 0 50%;
			flex: 0 0 50%;
	max-width: 50%;
	padding-right: 8px;
	padding-left: 8px;
	border: none;
}
main .postBlock .cardBlock .card a {
	padding: 0;
	display: initial;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
		-ms-flex-direction: row;
			flex-direction: row;
}
main .postBlock .cardBlock .card a:hover {
	text-decoration: none;
}
main .postBlock .cardBlock .card .cardPhoto {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 90px;
			flex: 0 0 90px;
}
main .postBlock .cardBlock .card .cardPhoto .photo {
	position: relative;
	overflow: hidden;
	padding-top: 66.7%;
	background-color: #E1E7EC;
}
main .postBlock .cardBlock .card .cardPhoto .photo img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
main .postBlock .cardBlock .card .cardText {
	margin-top: -1.75rem;
	position: relative;
	overflow: hidden;
}
main .postBlock .cardBlock .card .cardText span {
	display: inline-block;
	font-size: 0.875rem;
	color: #6b7685;
	padding: 0.25rem 0.5rem;
	white-space: nowrap;
	overflow: hidden;
	background-color: #fff;
	background: linear-gradient(to right, var(--main-bgcolor) 50%, #fff 50%);
	background-size: 204% 100%;
	background-position: right bottom;
	transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .postBlock .cardBlock .card .cardText h3 {
	color: #202833;
	font-size: 1.125rem;
	display: -webkit-box;
	padding: 3px 0 0 0;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .postBlock .cardBlock .card .cardText p {
	font-size: 0.875rem;
	color: #6b7685;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
main .postBlock .cardBlock .card:hover span,
main .postBlock .cardBlock .card:focus span {
	background-position: left bottom;
	color: var(--main-color);
}
main .postBlock .cardBlock .card:hover h3,
main .postBlock .cardBlock .card:focus h3 {
	color: var(--main-color);
}

/*   Experiences   */
main .experiencesBlock {
	width: 100%;
	margin: 5rem auto 0;
	padding: 0 15px;
}
main .experiencesBlock h2 {
	margin-bottom: 1rem;
}
main .experiencesBox {
}
main .experiencesBox .experiencesLeft {
	width: 100%;
	margin: 0 auto 10px;
}
main .experiencesBox .experiencesLeft a {
	width: 100%;
	height: 222px;
	background-color: #eee;
	display: block;
}
main .experiencesBox .experiencesLeft a img {
	width: 100%;
	overflow: hidden;
}
main .experiencesBox .experiencesRight {
	width: 100%;
	margin: 0 auto;
}
main .experiencesBox .experiencesRight a {
	width: 100%;
	height: 222px;
	background-color: #eee;
	display: block;
}
main .experiencesBox .experiencesRight a img {
	width: 100%;
	overflow: hidden;
}

/*   Fukushima Photo Gallery   */
main .gallery-container {
	margin-top: 5rem;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
main .gallery-container h1 .btnGD {
	display: block;
}
main .gallery-container h2 {
	margin-bottom: 1rem;
}
main .gallery-container h2 i.fa-info-circle {
	font-size: .5em;
	vertical-align: super;
	color: #058665;
}
main .gallery-container form {
	position: relative;
	margin-bottom: 1rem !important;
}
main .gallery-container .gpc__column {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-box-pack: left;
	    -ms-flex-pack: left;
	        justify-content: left;
/*	-webkit-box-align: stretch;
		-ms-flex-align: stretch;
			align-items: stretch;
*/
	width: 100%;
	gap: 10px;
}
main .gallery-container .form-group,
main .gallery-container .form-group2 {
	padding-right: 5px;
	padding-left: 5px;
	margin-top: 1rem !important;
	width: 25%;
}
main .gallery-container .form-group2:first-of-type {
	width: 100%;
}
main .gallery-container .form-group label,
main .gallery-container .form-group2 label {
/*	font-weight: 600; */
	font-weight: bold;
	display: inline-block;
	margin-bottom: 0.5rem;
	width: 100%;
}
main .gallery-container .form-group select,
main .gallery-container .form-group2 select {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 4px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
/*	font-weight: 400; */
	font-weight: normal;
	line-height: 1.5;
	color: #6b7685;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #E1E7EC;
	border-radius: 2px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
main .gallery-container .form-group input[type=text],
main .gallery-container .form-group2 input[type=text] {
	display: block;
	width: calc(100% - 50px);
	height: calc(1.5em + 0.75rem + 4px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
/*	font-weight: 400; */
	font-weight: normal;
	line-height: 1.5;
	color: #6b7685;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #E1E7EC;
	border-radius: 2px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
main .gallery-container .form-group .input-group,
main .gallery-container .form-group2 .input-group {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-box-align: stretch;
		-ms-flex-align: stretch;
			align-items: stretch;
	width: 100%;
	margin-bottom: 0 !important;
}
main .gallery-container .form-group .input-group button,
main .gallery-container .form-group2 .input-group button {
	display: inline-block;
/*	font-weight: 600; */
	font-weight: bold;
	border: 1px solid transparent;
	text-align: center;
	user-select: none;
	padding: 0.4375rem 1rem;
	font-size: 1rem;
	border-radius: 2px;
	font-size: 1rem;
	line-height: 1.5;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	background-color: transparent;
	color: inherit;
	border-color: #E1E7EC;
}
main .gallery-container .form-group2 .input-group .input-group-tag a {
	cursor: pointer;
	margin-right: 3px;
}
main .gallery-container .form-group2 .input-group .input-group-tag a:hover {
	color: var(--main-color);
}

/* search text and or 検索指定 */
.input-group-append {
	margin-left: -1px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.input-group-append div {
	border: 3px solid #ced4da;
}
.input-group-append input[type=radio] {
	display: none;
}
.input-group-append input[type=radio]:checked + label {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.input-group-append label {
	width: 40px;
	text-align: center;
	margin: 0;
	padding: 5px 0;
/*
	border-top: 1px solid #ced4da;
	border-bottom: 1px solid #ced4da;
*/
	cursor: pointer;
}

main .gallery-containerTop {
	margin-top: 0;
}
main .gallery-container .gpc__column .card {
	width: calc(50% - 8px);
	margin-bottom: 2rem;
	position: relative;
	transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .gallery-container .gpc__column .card h3 {
	color: #000000;
	font-size: 1.125rem;
/*	font-weight: 600; */
	font-weight: bold;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	padding-top: .5rem;
}
main .gallery-container .gpc__column .card .tags {
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
main .gallery-container .gpc__column .card .tags li {
	float: left;
	padding: 0 .2rem .2rem 0;
}
main .gallery-container .gpc__column .card .tags li .badge {
	display: inline-block;
	padding: 0.25em 0.4em;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	line-height: 1.25;
	background: #E1E7EC;
	border-radius: 0.125rem;
/*	font-weight: 400; */
	font-weight: normal;
	font-size: 0.9rem;
	cursor: pointer;
}
main .gallery-container .gpc__column .card .card-body .animation {
	height: 0;
}
.btn, a.lightbox, [data-toggle=modal] {
	cursor: pointer;
}
a.lightbox {
	position: relative;
	width: 100%;
}
.lightbox:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
	color: #fff;
	content: '\f065';
	pointer-events: none;
	z-index: 1040;
	transition: 0.4s;
}
.lightbox:after {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background-color: rgba(4, 134, 101, 0.3);
	content: '';
	transition: 0.4s;
}
.lightbox:hover:after, .lightbox:hover:before {
	opacity: 1;
}
.lightbox img {
	width: 100%;
	border-radius: 0;
	position: relative;
}
.animation img {
	width: 100%;
}
.photo-overview-modal .modal-footer .spot {
	padding-bottom: 3em;
	display: inline-block;
}
.spot {
	color: #202833;
}
.card.photo-overview.type-video .lightbox:before {
	content: '\f03d';
}

/*   Partners Banner   */
main .partnersBlock {
	margin-top: 5rem;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
main .partnersBlock .partnersList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
main .partnersBlock .partnersList .partnersBox {
	text-align: center;
	-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
	max-width: 100%;
}
main .partnersBlock .partnersList .partnersBox img {
	max-width: 100%;
	height: auto;
	padding-bottom: 1em;
}

/*   Other   */
button.close {
	padding: 0;
	background-color: transparent;
	border: 0;
	appearance: none;
}
.fade {
	transition: opacity 0.15s linear;
}
.fade:not(.show) {
	opacity: 0;
}

/*   Modal 関連   */
.modal-open {
	overflow: hidden;
}
.modal-open .modal {
	overflow-x: hidden;
	overflow-y: auto;
}
.modal {
	display: none;
	position: fixed;
	z-index: 1050;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
/*	padding-top: 6rem; */
	overflow: auto;
	background-color: rgba(0, 0, 0, 0.5);
}
.modal .close {
	position: absolute;
	top: .8rem;
	right: 1.5rem;
}
.modal-dialog {
	position: relative;
	width: auto;
	margin: 0.5rem;
	pointer-events: none;
}
.modal.fade .modal-dialog {
	transition: transform 0.3s ease-out;
	transform: translate(0, -50px);
}
@media (prefers-reduced-motion: reduce) {
	.modal.fade .modal-dialog {
		transition: none;
	}
}
.modal.show .modal-dialog {
	transform: none;
}
.modal-dialog-scrollable {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-height: calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content {
	max-height: calc(100vh - 1rem);
	overflow: hidden;
}
.modal-dialog-scrollable .modal-header,
.modal-dialog-scrollable .modal-footer {
	-ms-flex-negative: 0;
		flex-shrink: 0;
}
.modal-dialog-scrollable .modal-body {
	overflow-y: auto;
}
.modal-dialog-centered {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	min-height: calc(100% - 1rem);
}
.modal-dialog-centered::before {
	display: block;
	height: calc(100vh - 1rem);
	content: "";
}
.modal-dialog-centered.modal-dialog-scrollable {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	height: 100%;
}
.modal-dialog-centered.modal-dialog-scrollable .modal-content {
	max-height: none;
}
.modal-dialog-centered.modal-dialog-scrollable::before {
	content: none;
}
.modal-content {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	width: 100%;
	pointer-events: auto;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 4px;
	outline: 0;
}
.modal-backdrop {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1040;
	width: 100vw;
	height: 100vh;
	background-color: #000;
}
.modal-backdrop.fade {
	opacity: 0;
}
.modal-backdrop.show {
	opacity: 0.5;
}
.modal-header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
		-ms-flex-align: start;
			align-items: flex-start;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	padding: 1rem 1rem;
	border-bottom: 1px solid #E1E7EC;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.modal-header .close {
	padding: 1rem 1rem;
	margin: -1rem -1rem -1rem auto;
}
.modal .modal-header button.close {
	font-style: normal;
/*	font-weight: 300; */
	font-weight: normal;
	font-size: 1.125rem;
	line-height: 1.125;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	color: #000000;
}
.modal-title {
	margin-bottom: 0;
	line-height: 1.5;
}
.modal-body {
	position: relative;
	-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
			flex: 1 1 auto;
	padding: 1rem;
}
.modal-footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: end;
		-ms-flex-pack: end;
			justify-content: flex-end;
	padding: 1rem;
	border-top: 1px solid #E1E7EC;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}
.modal-footer > :not(:first-child) {
	margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
	margin-right: 0.25rem;
}
.modal-scrollbar-measure {
	position: absolute;
	top: -9999px;
	width: 50px;
	height: 50px;
	overflow: scroll;
}

/*   Modal Youtube   */
.modal--video {
	background-color: rgba(0, 0, 0, 0.9);
}
.modal--video .modal-dialog {
	max-width: 1024px;
}
.modal--video .modal-content {
	background-color: transparent;
	color: #fff;
}
.modal--video button {
	font-size: 2rem;
	color: #fff;
}
.embed-responsive {
	position: relative;
	display: block;
	width: 100%;
	padding: 0;
	overflow: hidden;
}
.embed-responsive::before {
	display: block;
	content: "";
}
.embed-responsive-16by9::before {
	padding-top: 56.25%;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/*   Modal Contact Form   */
.form-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -5px;
	margin-left: -5px;
}
.form-row > .col,
.form-row > [class*=col-] {
	padding-right: 5px;
	padding-left: 5px;
}
.form-group {
	margin-bottom: 1rem;
}
.form-group50 {
	margin-bottom: 1rem;
	width: calc(50% - 10px);
}
.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
/*	font-weight: 400; */
	font-weight: normal;
	line-height: 1.5;
	color: #6b7685;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 2px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-comment {
	width: 100%;
	margin: 15px 0 0 0;
	padding: 5px;
	border: 1px solid #999;
}
.form-comment p {
	margin: 0;
	font-size: 14px;
}
textarea.form-control {
	height: auto;
}
.captcha a {
	margin-left: 10px;
	border: 1px solid;
	padding: 5px;
	border-radius: 3px;
	font-size: 1rem;
	background-color: #e6fff9;
}

/*   Modal Photo Gallery   */
#lightbox.modal > .close {
	color: white;
	font-weight: bold;
	font-size: 2rem;
}
.prev, .next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	width: auto;
	padding: 1rem;
	margin-top: -3rem;
	color: white !important;
	font-weight: bold;
	transition: 0.6s ease;
	border-radius: 0 3px 3px 0;
	user-select: none;
	-webkit-user-select: none;
}
.next {
	right: 0;
	border-radius: 3px 0 0 3px;
}
.prev:hover, .next:hover {
	background-color: rgba(0, 0, 0, 0.8);
}
#lightbox .modal-header {
	border-bottom: 0;
	padding: 1rem 1rem 0 1rem;
}
#lightbox .modal-footer {
	border-top: 0;
	padding: 0 1rem 1rem 1rem;
}
#lightbox .rowLeft {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 41.6666666667%;
			flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
#lightbox .rowRight {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 58.3333333333%;
			flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
#lightbox .img--download {
/*	font-weight: 600; */
	font-weight: bold;
	line-height: 1.125;
	align-items: center;
	text-align: center;
	letter-spacing: 0.01em;
	text-transform: capitalize;
	color: #FFFFFF;
	background: var(--main-color);
	width: 100%;
}
#lightbox .offset-2 {
/*	margin-left: 16.6666666667%; */
}
#lightbox .rowLeft {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 41.6666666667%;
			flex: 0 0 41.6666666667%;
	max-width: 41.6666666667%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
#lightbox .rowRight {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 58.3333333333%;
			flex: 0 0 58.3333333333%;
	max-width: 58.3333333333%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
#lightbox .iconBox {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
	max-width: 100%;
}
#lightbox .iconBox .share {
	margin-bottom: 0;
}
#lightbox .share__item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
#lightbox .share__item + .share__item {
	margin-left: 0.25rem;
}
#lightbox.modal .share__link {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
	padding: .55rem;
	background: #E1E7EC;
	color: #202833;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 0.875rem;
	border: 1px solid #E1E7EC;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#lightbox.modal .share__link {
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	text-align: center;
	line-height: 1;
	vertical-align: middle;
	padding: .55rem;
	background: #E1E7EC;
	color: #202833;
}
#lightbox.modal .share__link {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 2rem;
	height: 2rem;
	font-size: 0.875rem;
	color: #202833;
	border-radius: 50%;
	border: 1px solid #E1E7EC;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
#lightbox.modal .share__link:hover,
#lightbox.modal .share__link:focus {
	color: var(--main-bgcolor2);
	text-decoration: none;
	border-color: transparent;
	outline: none;
}
.share__copied-notice {
	position: absolute;
	top: 50px;
	background-color: rgb(243, 248, 250);
	color: #333;
	padding: 1.2rem;
	border-radius: 4px;
	width: 200px;
	text-align: center;
	left: 50%;
	transform: translateX(-50%);
}
.share__copied-notice {
	display: none;
}
.share__copied-notice.active {
	display: inline-block;
	z-index: 1;
}
#lightbox.modal .share__copied-notice {
	position: absolute;
	top: 60%;
	right: 50%;
	background-color: rgba(0, 0, 0, 0.7);
	color: #fff;
	padding: 0.5rem;
	border-radius: 2px;
	z-index: 10;
	white-space: nowrap;
	-webkit-transform: translateX(50%) translateY(50%);
		-ms-transform: translateX(50%) translateY(50%);
			transform: translateX(50%) translateY(50%);
/*	display: none; */
}
#lightbox.modal .modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	width: 100%;
	max-width: 1200px;
}

/*   Search by Keyword   */
main .searchBlock {
	width: 100%;
	margin: 3.75rem auto 3rem!important;
	padding-right: 15px;
	padding-left: 15px;
}
main .searchBlock .searchBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
main .searchBlock .searchBox label {
	font-size: 1.5rem;
/*	font-weight: 600; */
	font-weight: bold;
	display: inline-block;
	margin-bottom: 1.5rem;
}
main .searchBlock .searchBox .searchBoxInput {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-box-align: stretch;
		-ms-flex-align: stretch;
			align-items: stretch;
	width: 100%;
	max-width: 100%;
}
main .searchBlock .searchBox .searchBoxInput input[type=text] {
	margin: 0;
	font-family: inherit;
	overflow: visible;
	display: block;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
/*	font-weight: 400; */
	font-weight: normal;
	line-height: 1.5;
	color: #6b7685;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 2px;
	-webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	-o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	border: 1px solid #E1E7EC;
	height: calc(1.5em + 0.75rem + 4px);
	position: relative;
	-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
			flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
main .searchBlock .searchBox .searchBoxInput button {
	display: inline-block;
/*	font-weight: 600; */
	font-weight: bold;
	border: 1px solid transparent;
	border-left: none;
	text-align: center;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
	padding: 0.4375rem 1rem;
	border-radius: 2px;
	font-size: 1rem;
	line-height: 1.5;
	-webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	-o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
	background-color: transparent;
	color: inherit;
	border-color: #E1E7EC;
	cursor: pointer;
	position: relative;
	z-index: 2;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/*   footer   */
footer {
	background-color: #f8f9fa;
	padding-top: 3.5rem;
	padding-bottom: 1rem;
}
footer .footBlock {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-right: auto;
	margin-left: auto;
}
footer .footBlock > div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
footer .footBlock > .footMenu {
}
footer .footBlock > .footMenu .footMenuBox {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	border-top: 1px solid #E1E7EC;
}
footer .footBlock > .footMenu .footMenuBox:last-child {
	border-bottom: 1px solid #E1E7EC;
}
footer .footBlock > .footMenu .footMenuBox .menuHeader {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 1em;
	padding-bottom: 1em;
}
footer .footBlock > .footMenu .footMenuBox .menuHeader h2 {
	font-size: 1.125rem;
	color: #202833;
	-webkit-box-flex: 1;
		-ms-flex: 1 auto;
			flex: 1 auto;
	margin-bottom: 0;
}
footer .footBlock > .footMenu .footMenuBox .menuHeader h2 a {
	color: inherit;
}
footer .footBlock > .footMenu .footMenuBox .menuHeader button {
	background-color: transparent;
	border: transparent;
	padding: 0;
	-webkit-box-flex: 1;
		-ms-flex: 1 1 50%;
			flex: 1 1 50%;
	text-align: right;
}
footer .footBlock > .footMenu .footMenuBox .menuHeader button:focus {
	outline: 0;
	color: var(--main-color);
}
footer .footBlock > .footMenu .footMenuBox .menuHeader button:hover {
	cursor: pointer;
}
footer .footBlock > .footMenu .footMenuBox .menuHeader button i {
	transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	transform: rotate(180deg);
}
footer .footBlock > .footMenu .footMenuBox .menuContent:not(.show) {
	display: none;
}
footer .footBlock > .footMenu .footMenuBox .menuContent ul {
	color: #404B5A;
	padding-left: 0;
	list-style: none;
}
footer .footBlock > .footMenu .footMenuBox .menuContent ul li {
	color: #404B5A;
}
footer .footBlock > .footMenu .footMenuBox .menuContent ul li a {
	color: #404B5A;
	display: inline;
	border: 0;
	background-color: inherit;
	padding: 0;
}
footer .footBlock > .footMenu .footMenuBox .menuContent ul li a.external[target="_blank"]:after {
	font-family: 'Font Awesome 5 Pro';
	content: " \f08e";
	font-size: .8rem;
	vertical-align: text-top;
}
footer .footBlock .footLanguageBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
footer .footBlock .footLanguageBlock .footLanguageBox {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
footer .footBlock .footLanguageBlock .footLanguageBox label {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}
footer .footBlock .footLanguageBlock .footLanguageBox select {
	display: block;
	width: 100%;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
/*	font-weight: 400; */
	font-weight: normal;
	line-height: 1.5;
	color: #6b7685;
	background-color: #fff;
	background-clip: padding-box;
	border-radius: 2px;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	border: 1px solid #E1E7EC;
	height: calc(1.5em + 0.75rem + 4px);
}
footer .footBlock .footTitleBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
footer .footBlock .footTitleBlock .footTitleBox {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
footer .footBlock .footTitleBlock .footTitleBox h3 {
	margin-bottom: 0 !important;
	font-size: 1.125rem;
	margin-bottom: 1rem;
	color: #202833;
}
footer .footBlock .footTitleBlock .footTitleBox2 {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-top: auto !important;
	margin-bottom: auto !important;
}
footer .footBlock .footTitleBlock .footTitleBox2 ul {
	padding-left: 0;
	list-style: none;
	font-size: 1.5rem;
}
footer .footBlock .footTitleBlock .footTitleBox2 ul li {
	display: inline-block;
}
footer .footBlock .footTitleBlock .footTitleBox2 ul li + li {
	margin-left: 0.5rem;
}
footer .footBlock .footAboutBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	color: #404B5A;
	margin-top: 1rem;
}
footer .footBlock .footAboutBlock .footAboutBox {
		position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
	max-width: 100%;
	text-align: left !important;
}
footer .footBlock .footAboutBlock .footAboutBox ul {
	padding-left: 0;
	list-style: none;
}
footer .footBlock .footAboutBlock .footAboutBox ul li {
	display: inline-block;
}
footer .footBlock .footAboutBlock .footAboutBox ul li + li {
	margin-left: 1rem;
}
footer .footBlock .footAboutBlock .footAboutBox ul li a {
	color: #404B5A;
	display: inline;
	border: 0;
	background-color: inherit;
	padding: 0;
}
footer .footBlock .footAboutBlock .footAboutBox ul li button {
	color: #404B5A;
	display: inline;
	border: 0;
	background-color: inherit;
	padding: 0;
}
footer .footBlock .footAboutBlock .footAboutBox ul li a:hover,
footer .footBlock .footAboutBlock .footAboutBox ul li button:hover {
	text-decoration: underline;
	color: #202833;
}
footer .footBlock .footAboutBlock .copyright {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
	max-width: 100%;
}

/*   Cookies   */
.cookies {
	display: none;
	z-index: 12;
	position: fixed;
	bottom: 0rem;
	right: 0rem;
	width: 100%;
	padding: 1.25rem;
	background-color: #202833;
	color: #fff;
	box-shadow: 0px 6px 4px rgba(44, 50, 53, 0.08);
	backdrop-filter: blur(20px);
}
.cookies__desc {
	display: block;
	margin-bottom: 1rem;
}
.cookies a {
	color: #fff;
	text-decoration: underline;
}
.cookies a:focus, .cookies a:hover {
	outline: 0;
	color: var(--main-color);
}
.btn--primary {
	color: #fff;
	background-color: var(--main-bgcolor2);
}
.btn--primary:hover {
	color: #ffa700;
	background-color: var(--main-bgcolor2on);
}
.btn--wide {
	width: 100%;
}
.filter__btn {
	position: absolute;
	bottom: 0;
}

@supports (backdrop-filter: blur(20px)) {
	.cookies {
		background-color: rgba(32, 40, 51, 0.85);
		backdrop-filter: blur(20px);
	}
}

/* things-to-do
------------------------------ */
main .pankuzuBlock {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}
main .pankuzuBlock ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	padding: 2rem 0;
	margin-bottom: 1rem;
	list-style: none;
	border-radius: 2px;
}
main .pankuzuBlock ul li {
	font-size: 0.875rem;
}
main .pankuzuBlock ul li + li {
	padding-left: 0.5rem;
}
main .pankuzuBlock ul li + li::before {
	display: inline-block;
	padding-right: 0.5rem;
	color: var(--main-color);
	content: "";
	font-size: 0.625rem;
	font-family: "Font Awesome 5 Pro";
/*	font-weight: 300; */
	font-weight: normal;
}
main .pankuzuBlock ul li a:hover,
main .pankuzuBlock ul li a:focus {
	color: var(--main-color);
}
main .thingsBlock {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}
main .thingsBlock .thingsBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-ms-flex-preferred-size: 0;
		flex-basis: 0;
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
	max-width: 100%;
	position: relative;
	width: 100%;
}
main .thingsBlock .thingsBox > p {
	margin-bottom: 1rem;
}
main .thingsBlock > ul {
	padding-left: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-top: 3rem !important;
}
main .thingsBlock > ul li {
position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 1.25rem;
}
main .thingsBlock > ul li a.image-button__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-shadow: 0px 6px 4px rgb(44 50 53 / 8%);
			box-shadow: 0px 6px 4px rgb(44 50 53 / 8%);
	border-radius: 4px;
/*	font-weight: 600; */
	font-weight: bold;
	height: 60px;
	background: #fff;
	color: #202833;
}
main .thingsBlock > ul li a .image-button__visual {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 60px;
			flex: 0 0 60px;
	background-color: var(--main-bgcolor);
	color: var(--main-color);
	height: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
main .thingsBlock > ul li a .image-button__img {
	object-fit: cover;
	height: inherit;
	width: inherit;
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
}
main .thingsBlock > ul li a .image-button__content {
	-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
			flex: 1 0 auto;
	padding-left: 1rem;
	-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--main-bgcolor)), color-stop(50%, #fff));
	background: -o-linear-gradient(left, var(--main-bgcolor) 50%, #fff 50%);
	background: linear-gradient(to right, var(--main-bgcolor) 50%, #fff 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .thingsBlock > ul li a.image-button__link:hover,
main .thingsBlock > ul li a.image-button__link:focus {
	background-color: var(--main-bgcolor);
	text-decoration: none;
	color: var(--main-color);
}
main .thingsBlock > ul li a.image-button__link:hover .image-button__content,
main .thingsBlock > ul li a.image-button__link:focus .image-button__content {
	background-position: left bottom;
}

/* Attractions
------------------------------ */
main .thingsHeadBlock {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
main .thingsList {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}
main .thingsList .thingsListBox {
	position: relative;
	width: 100%;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
main .thingsList .thingsListBox .thingsListLeft {
	width: 50%;
	max-width: 50%;
}
main .thingsList .thingsListBox .thingsListLeft p {
	margin-top: 0!important;
}
main .thingsList .thingsListBox .thingsListRight {
	position: relative;
	width: 50%;
	max-width: 50%;
	text-align: right !important;
}
main .thingsList .thingsListBox .thingsListRight > * {
	font-size: .8em !important;
	height: 40px;
	display: inline-block !important;
	vertical-align: top;
	width: auto !important;
}
main .thingsList .thingsListBox .thingsListRight > label {
	padding-top: 12px;
	display: block!important;
}
main .thingsList .thingsListBox .thingsListRight > select {
	font-size: 1rem!important;
	font-weight: bold;
	border: none;
	margin-left: 1rem;
}
.listing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 2rem 0rem;
	border-top: 1px solid #E1E7EC;
	width: 100%;
	max-width: 100%;
}
.listing > article {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.listing > article a {
	width: 100%;
	height: 100%;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.listing > article .listing__content {
	-ms-flex-shrink: 1;
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
}
.listing > article .listing__content span {
	color: #6b7685;
/*	font-weight: 600; */
	font-weight: bold;
}
.listing > article .listing__content h3 {
	color: #202833;
	font-size: 1.25rem;
	margin-top: 0.25rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.listing > article:hover .listing__content h3 {
	color: var(--main-color);
}
.listing > article .listing__content p {
	font-size: 1rem;
	color: #202833;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	word-break: break-all;
}
.listing > article .listing__img-container {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 120px;
			flex: 0 0 120px;
	margin-left: 1rem;
}
.listing > article .listing__img-mask {
	position: relative;
	overflow: hidden;
	padding-top: 66.7%;
	background-color: #E1E7EC;
}
.listing > article .listing__img-mask img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.listingPager {
	text-align: center !important;
	-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
	max-width: 100%;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
.pagination {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 0;
	list-style: none;
	border-radius: 2px;
}
.page-link {
	position: relative;
	display: block;
	padding: 0.5rem 0.75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: var(--main-color);
	background-color: #fff;
	border: 1px solid #dee2e6;
}
.page-link:hover {
	z-index: 2;
	color: var(--main-colorOn);
	text-decoration: none;
	background-color: #E1E7EC;
	border-color: #dee2e6;
}
.page-item.active .page-link {
	z-index: 1;
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
}
.btn--sticky-bottom {
	color: #fff;
	background-color: var(--main-color);
	padding: 0.4375rem 4rem;
	position: sticky;
	bottom: 1rem;
	margin: 0 auto;
	margin-top: 1rem;
	box-shadow: 0px 6px 4px rgb(44 50 53 / 8%);
	z-index: 5;
	display: block;
}
.btn__icon {
	margin-right: 0.5rem;
	font-size: 0.875em;
}
.filterBlock {
	-ms-flex-preferred-size: 0;
		flex-basis: 0;
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
	max-width: 100%;
}
.filterBlock .button_submit {
	color: #fff;
	width: 100%;
	margin: 15px 0 25px 0;
	padding: 6px 0;
	border: none;
	border-radius: 2px;
	background-color: var(--main-bgcolor2);
}
.filterBlock .button_submit:hover {
	background-color: var(--main-bgcolor2on);
}

.filter__header {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
}
.filter__title {
	font-size: 1.5rem;
/*	font-weight: 600; */
	font-weight: bold;
	color: #202833;
}
.filter__close {
	margin-left: auto;
}
.filter__category {
	font-size: 0.875rem;
/*	font-weight: 600; */
	font-weight: bold;
	color: #202833;
	margin-top: 1.25rem;
	margin-bottom: 0.5rem;
}
.custom-control {
	position: relative;
	display: block;
	min-height: 1.5rem;
	padding-left: 1.875rem;
	margin-top: 0.125rem;
}
.custom-control-input {
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.custom-control-label {
	position: relative;
	margin-bottom: 0;
	vertical-align: top;
}
.custom-control-label::before {
	position: absolute;
	top: 0.125rem;
	left: -1.875rem;
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	pointer-events: none;
	content: "";
	background-color: #fff;
	border: #E1E7EC solid 1px;
}
.custom-checkbox .custom-control-label::before {
	border-radius: 2px;
}
.custom-control-label::after {
	position: absolute;
	top: 0.125rem;
	left: -1.875rem;
	display: block;
	width: 1.25rem;
	height: 1.25rem;
	content: "";
	background: no-repeat 50%/50% 50%;
}
.custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: var(--main-color);
	background-color: var(--main-color);
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
	font-family: "Font Awesome 5 Pro";
	content: "";
	color: #fff;
	font-size: 0.875rem;
	text-align: center;
}

/* seasons Spring
------------------------------ */
.image-hero {
	position: relative;
}
.image-hero__image {
	padding-top: 66.6%;
	overflow: hidden;
	position: relative;
	background: #E1E7EC;
}
.d-flex {
	display: -webkit-box !important;
	display: -ms-flexbox !important;
	display: flex !important;
}
.image-hero__image picture {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
}
.hero__location {
	color: #fff;
	z-index: 5;
	position: absolute;
	top: 0.75rem;
	right: 0.75rem;
}
.hero__location_icon {
	font-size: 0.875em;
	margin-right: 0.25rem;
}
.hero__location:hover {
	color: #ced4da;
}
.image-hero__image img {
	object-fit: cover;
	object-position: 50% 50%;
	height: inherit;
	width: 100%;
	min-height: inherit;
	max-width: 100%;
	font-family: "object-fit:cover; object-position:50% 35%;";
}
main .thingsBlock .thingsBox_weather {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
}
main .thingsBlock .thingsBox_weather h3 {
	font-size: 1.25rem;
	margin-top: 2.25rem;
}
.image-hero__subtitle .help-tooltip {
	font-size: .875em;
	color: #6b7685;
	margin-left: .25rem;
}
.image-hero__subtitle_icon {
	margin-right: 0.5rem;
}
.image-hero__subtitle_icon--spring {
	color: #FAAAA6;
}
.image-hero__subtitle_icon--summer {
	color: #F49D07;
}
.image-hero__subtitle_icon--autumn {
	color: #C91302;
}
.image-hero__subtitle_icon--winter {
	color: #70A1F6;
}
main .thingsBlock .thingsBox_weather .weather-list {
	padding-left: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-bottom: 0;
}
main .thingsBlock .thingsBox_weather .weather-list__item {
/*	font-weight: 600; */
	font-weight: bold;
	color: #202833;
	-webkit-box-flex: 0;
		-ms-flex: 0 1 20%;
			flex: 0 1 20%;
}
main .thingsBlock .thingsBox_weather .weather-list__item img {
	max-width: 28px;
}
main .thingsBlock .thingsBox_weather .weather-list__item .weather-list__value {
/*	font-weight: 400; */
	font-weight: normal;
	color: #6b7685;
	display: block;
}
main .thingsBlock .thingsBox_weather .weather-list__item--special {
	-webkit-box-flex: 1;
		-ms-flex: 1 0 100%;
			flex: 1 0 100%;
	margin-top: 1rem;
}
main .tokushuBlock {
	margin-top: 5rem;
}
main .tokushuBlock .tokushuTitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
main .tokushuBlock .tokushuTitle .tokushuTitle_left {
	width: 50%;
	padding-right: 15px;
	padding-left: 15px;
}
main .tokushuBlock .tokushuTitle .tokushuTitle_left h2 {
	margin-bottom: 1rem !important;
}
main .tokushuBlock .tokushuTitle .tokushuTitle_right {
	width: 50%;
	padding-right: 15px;
	padding-left: 15px;
}
main .tokushuBlock .tokushuTitle .tokushuTitle_right ul {
	margin-bottom: 0;
	text-align: right !important;
	padding-left: 0;
	list-style: none;
}
main .tokushuBlock .tokushuTitle .tokushuTitle_right ul li.share__item {
	position: relative;
	display: inline-block;
	vertical-align: middle;
}
.share__link {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 2rem;
	height: 2rem;
	font-size: 0.875rem;
	color: #202833;
	border-radius: 50%;
	border: 1px solid #E1E7EC;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), border 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.share__link:hover, .share__link:focus {
	color: var(--main-bgcolor2);
	text-decoration: none;
	border-color: transparent;
	outline: none;
}
.share__link:before {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	content: "";
	background: #6BC2A9;
	border-radius: 50%;
	width: 0;
	height: 0;
	transition: width 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), height 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	z-index: -1;
}
.share__link:hover:before, .share__link:focus:before {
	color: #fff;
	text-decoration: none;
	width: 100%;
	height: 100%;
}
.cards {
	margin-bottom: 1rem;
	margin-left: -8px;
	margin-right: -8px;
}
.cards [class*=col-] {
	padding-right: 8px;
	padding-left: 8px;
}
.cards--scroll {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	margin-left: 0;
	margin-right: 0;
	overflow: auto;
	overflow-y: hidden;
	padding-left: 15px;
	scroll-padding-left: 15px;
	padding-bottom: 20px;
	-ms-scroll-snap-type: x mandatory;
	scroll-snap-type: x mandatory;
	-webkit-transition: margin 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: margin 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: margin 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	scrollbar-width: none;
}
.cards--scroll:after {
	content: " ";
	width: 520px;
	-webkit-box-flex: 0;
		-ms-flex: 0 0 calc(50vw - 580px);
			flex: 0 0 calc(50vw - 580px);
}
.cards--scroll::-webkit-scrollbar {
	display: none;
}
.cards--scroll .card {
	scroll-snap-align: start;
	width: 265px;
	margin-right: 1rem;
	-webkit-box-flex: 0;
		-ms-flex: 0 0 265px;
			flex: 0 0 265px;
}
.cards--scroll .card a:hover {
	text-decoration: none;
}
.cards--scroll .card__img-grid_column + .card__img-grid_column {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.cards .col-6 .card {
	margin-bottom: 1rem;
}

.card {
	position: relative;
	transition: box-shadow 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card__img-mask {
	position: relative;
	overflow: hidden;
	padding-top: 66.7%;
	background-color: #E1E7EC;
}
.card__img-mask img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.card__content-container {
	margin-top: -1.75rem;
	position: relative;
	overflow: hidden;
	text-align: left;
}
.card__category {
	display: inline-block;
	font-size: 0.875rem;
	color: #6b7685;
	padding: 0.25rem 0.5rem;
	white-space: nowrap;
	overflow: hidden;
	background-color: #fff;
	background: linear-gradient(to right, var(--main-bgcolor) 50%, #fff 50%);
	background-size: 204% 100%;
	background-position: right bottom;
	transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.card:hover .card__category, .card:focus .card__category {
	background-position: left bottom;
	color: var(--main-color);
}
.card__title {
	font-size: 1.125rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	color: #202833;
}
.card:hover .card__title, .card:focus .card__title {
	color: var(--main-color);
}
.card__desc {
	font-size: 0.875rem;
	color: #6b7685;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
.card__link {
	width: 100%;
	height: 100%;
/*
	position: absolute;
	top: 0;
	left: 0;
	text-align: center;
*/
	opacity: 1;
	-webkit-backface-visibility: hidden;
	transition: 0.3s;
	color: transparent;
	text-decoration: none;
	z-index: 5;
}
main .postBlock .postList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
}
main .postBlock .postList ol {
	list-style: none;
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
	max-width: 100%;
	margin-bottom: 1rem;
}
main .postBlock .postList ol .listing:last-child {
	border-bottom: 1px solid #E1E7EC;
}
main .postBlock .postList ol .listing > article {
	width: 100%;
}
main .postBlock .postList ol .listing > article a {
	display: -webkit-box;
	display: -ms-flexbox;
/*	display: flex; */
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	color: #202833;
}
main .postBlock .postList ol .listing > article a:hover {
	text-decoration: none;
}
main .postBlock .postList ol .listing > article .postListText {
	width: calc(100% - 110px);
}
main .postBlock .postList ol .listing > article .postListText span {
	color: #6b7685;
/*	font-weight: 600; */
	font-weight: bold;
}
main .postBlock .postList ol .listing > article .postListText h3 {
	font-size: 1.25rem;
	margin-top: 0.25rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .postBlock .postList ol .listing > article a:hover .postListText h3 {
	color: var(--main-color);
}
main .postBlock .postList ol .listing > article .postListText p {
	font-size: 1rem;
	color: #202833;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
main .postBlock .postList ol .listing > article .postListPhoto {
	width: 90px;
}
.tooltip {
	position: absolute;
	z-index: 1070;
	display: block;
	margin: 0;
	font-family: "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-style: normal;
/*	font-weight: 400; */
	font-weight: normal;
	line-height: 1.5;
	text-align: left;
	text-align: start;
	text-decoration: none;
	text-shadow: none;
	text-transform: none;
	letter-spacing: normal;
	word-break: normal;
	word-spacing: normal;
	white-space: normal;
	line-break: auto;
	font-size: 0.875rem;
	word-wrap: break-word;
	opacity: 0;
}
.bs-tooltip-top, .bs-tooltip-auto[x-placement^=top] {
	padding: 0.4rem 0;
}
.tooltip.show {
	opacity: 0.9;
}
.tooltip .arrow {
	position: absolute;
	display: block;
	width: 0.8rem;
	height: 0.4rem;
}
.tooltip .arrow::before {
	position: absolute;
	content: "";
	border-color: transparent;
	border-style: solid;
}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^=top] .arrow::before {
	top: 0;
	border-width: 0.4rem 0.4rem 0;
	border-top-color: #000;
}
.bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^=top] .arrow {
	bottom: 0;
}
.tooltip-inner {
	max-width: 200px;
	padding: 0.25rem 0.5rem;
	color: #fff;
	text-align: center;
	background-color: #000;
	border-radius: 2px;
}
.d-none {
	display: none !important;
}

/* Destinations
------------------------------ */
main .destinationsBlock {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}
main .destinationsBlock .destinationsBox {
	width: 100%;
	max-width: 100%;
	position: relative;
}
main .destinationsBlock .destinationsBox > p {
/*	margin-top: 1.5rem !important; */
}
main .destinationsBlock .destinationsMap {
	width: 100%;
	max-width: 100%;
}
main .destinationsArea {
	width: 100%;
	margin: 5rem auto 0;
	padding: 0 15px;
}
main .destinationsArea h2 {
	margin-bottom: 1rem !important;
}
main .destinationsArea .destinationsAreaList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin-bottom: 1rem;
	margin-left: -8px;
	margin-right: -8px;
}
main .destinationsArea .destinationsAreaList .areaBox {
	width: 100%;
	max-width: 100%;
	padding-right: 8px;
	padding-left: 8px;
}
.image-card {
	display: block;
	margin-bottom: 1rem;
	text-align: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #E1E7EC;
	border-radius: 2px;
	transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.image-card:hover, .image-card:focus {
	transform: translateY(-0.3rem);
}
.image-card__img-mask {
	position: relative;
	padding-top: 150%;
	overflow: hidden;
}
.image-card__content {
	position: absolute;
	display: block;
	color: #fff;
	text-align: center;
	padding: 2rem 1rem 1rem;
	bottom: 0;
	width: 100%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0.5) 0, transparent);
}
.image-card__icon {
	font-size: 3.25rem;
	margin-bottom: 0.75rem;
}
.image-card__title {
	font-size: 1.25rem;
}

/* Aizu-area */
main .spotBlock {
	width: 100%;
	margin: 5rem auto 0;
	padding: 0 15px;
}
main .spotBlock h2 {
	margin-bottom: 1rem;
}
main .spotBlock .cardBlock {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin: 0 -8px 1rem;
}
main .spotBlock .cardBlock .card {
	width: 50%;
	padding: 0 8px;
	margin-bottom: 1rem;
}
main .spotBlock .cardBlock .card a {
	padding: 1rem 0;
}
main .spotBlock .cardBlock .card a:hover {
	text-decoration: none;
}
main .spotBlock .cardBlock .card .cardPhoto {
	width: 100%;
}
main .spotBlock .cardBlock .card .cardPhoto .photo {
	position: relative;
	overflow: hidden;
	padding-top: 66.7%;
	background-color: #E1E7EC;
}
main .spotBlock .cardBlock .card .cardPhoto .photo img {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
main .spotBlock .cardBlock .card .cardText {
	margin-top: -1.75rem;
	position: relative;
	overflow: hidden;
}
main .spotBlock .cardBlock .card .cardText span {
	display: inline-block;
	font-size: 0.875rem;
	color: #6b7685;
	padding: 0.25rem 0.5rem;
	white-space: nowrap;
	overflow: hidden;
	background-color: #fff;
	background: linear-gradient(to right, var(--main-bgcolor) 50%, #fff 50%);
	background-size: 204% 100%;
	background-position: right bottom;
	transition: background 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .spotBlock .cardBlock .card .cardText h3 {
	color: #202833;
	font-size: 1.125rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .spotBlock .cardBlock .card .cardText p {
	font-size: 0.875rem;
	color: #6b7685;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
}
main .spotBlock .cardBlock .card:hover span,
main .spotBlock .cardBlock .card:focus span {
	background-position: left bottom;
	color: var(--main-color);
}
main .spotBlock .cardBlock .card:hover h3,
main .spotBlock .cardBlock .card:focus h3 {
	color: var(--main-color);
}
/*	Accomondation	*/
main .accomondationBlock {
	width: 100%;
	margin: 5rem auto 0;
	padding: 0 15px;
}
main .accomondationBlock h2 {
	margin-bottom: 1rem;
}
main .accomondationBlock .accomondationList {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 100%;
			flex: 0 0 100%;
	max-width: 100%;
}
main .accomondationBlock .accomondationList ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin: 0 -15px;
	padding-left: 0;
	list-style: none;
}
main .accomondationBlock .accomondationList ul li {
	width: 100%;
	padding: 0 15px 15px;
}



/* LatestPosts(Blogs)
------------------------------ */
main .postBlockTitle {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}
main .postBlockList {
	width: 100%;
	padding: 0 15px;
	margin: 0 auto;
}
main .postBlockList .postBlockListLeft {
	position: relative;
	width: 100%;
	max-width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
main .postBlockList .postBlockListLeft .postBoxLeft {
	width: 50%;
	max-width: 50%;
}
main .postBlockList .postBlockListLeft .postBoxLeft p {
	margin-top: 0!important;
}
main .postBlockList .postBlockListLeft .postBoxRight {
	width: 50%;
	max-width: 50%;
	text-align: right !important;
}
main .postBlockList .postBlockListLeft .postBoxRight > label {
	padding-top: 12px;
	display: block!important;
}
main .postBlockList .postBlockListLeft .postBoxRight > * {
	font-size: .8em !important;
	height: 40px;
	display: inline-block !important;
	vertical-align: top;
	width: auto !important;
}
main .postBlockList .postBlockListLeft .postBoxRight > select {
	font-size: 1rem!important;
	font-weight: bold;
	border: none;
	margin-left: 1rem;
}
main .postBlockList .postBlockListLeft .listing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 2rem 0rem;
	border-top: 1px solid #E1E7EC;
	width: 100%;
	max-width: 100%;
}
main .postBlockList .postBlockListLeft .listing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 2rem 0rem;
	border-top: 1px solid #E1E7EC;
}
main .postBlockList .postBlockListLeft .listing:last-child {
	border-bottom: 1px solid #E1E7EC;
}
main .postBlockList .postBlockListLeft .listing > article {
	width: 100%;
}
main .postBlockList .postBlockListLeft .listing > article a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
	color: #202833;
}
main .postBlockList .postBlockListLeft .listing > article a:hover {
	text-decoration: none;
}
main .postBlockList .postBlockListLeft .listing > article .postListText {
	width: calc(100% - 110px);
}
main .postBlockList .postBlockListLeft .listing > article .postListText span {
	color: #6b7685;
/*	font-weight: 600; */
	font-weight: bold;
}
main .postBlockList .postBlockListLeft .listing > article .postListText h3 {
	font-size: 1.25rem;
	margin-top: 0.25rem;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .postBlockList .postBlockListLeft .listing > article a:hover .postListText h3 {
	color: var(--main-color);
}
main .postBlockList .postBlockListLeft .listing > article .postListText p {
	font-size: 1rem;
	color: #202833;
	margin-bottom: 0;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
}
main .postBlockList .postBlockListLeft .listing > article .postListPhoto {
	width: 90px;
}
.article__date_stamp {
	color: #6b7685;
	display: block;
}


/*	page
------------------------------ */
main .pageBlock {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
/*
	margin-right: -15px;
	margin-left: -15px;
*/
}
main .pageBlock article {
	width: 100%;
	max-width: 100%;
	display: block;
}
main .pageBlock > nav {
	width: 100%;
	max-width: 100%;
	display: block;
}
.planning-nav__title {
	font-size: 1.25rem;
/*	font-weight: 600; */
	font-weight: bold;
	margin-bottom: 1rem;
	margin-top: 0.875rem;
}
.planning-nav {
	padding-left: 0;
	list-style: none;
}
.planning-nav__item > a {
/*	font-weight: 600; */
	font-weight: bold;
	color: #202833;
	display: block;
	background-color: #f8f9fa;
	padding: 0.75rem 0.5rem;
}
.planning-nav__item--active a {
	color: var(--main-color);
}
.planning-nav__item > a:hover, .planning-nav__item > a:focus {
	text-decoration: none;
	background-color: #E1E7EC;
}
.planning-nav__item + .planning-nav__item {
	border-top: 1px solid #E1E7EC;
}
.planning-article h1:not(:first-of-type), .planning-article h2, .planning-article h3 {
	margin-top: 1em;
}
.planning-article h3 {
	font-size: 1.25rem;
}
.planning-article h4 {
	font-size: 1em;
}
.planning-article td > h4 {
	margin-top: 0;
}
.planning-article table {
	margin-bottom: 1em;
	font-size: 1rem;
}
.planning-article table td {
	display: block;
	vertical-align: top;
	padding: 1em 0em;
}
.planning-article a[target=_blank]:after {
	font-family: "Font Awesome 5 Pro";
	content: "";
	vertical-align: super;
	font-size: 0.5em;
	margin-left: 0.25rem;
	text-decoration: none;
	display: inline-block;
}
.planning-article {
	line-height: 1.5625;
}
.planning-article img {
	width: 100%;
}
.planning-article ul {
	padding-left: 2rem;
}
.planning-article li {
	margin-top: 0.5em;
}
.article__content a, .planning-article a {
/*	text-decoration: underline; */
}

.nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
}
.tab-list {
	list-style: none;
	padding-left: 0;
}
.nav-link {
	display: block;
	padding: 0.5rem 1rem;
}
.safety-nav {
	-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
	border-bottom: 1px solid #ececec;
	text-align: center;
}
.safety-nav .nav-link {
/*	font-weight: 600; */
	font-weight: bold;
	text-decoration: none;
	color: #6b7685;
	width: 25%;
	margin-top: 1em;
}
.safety-nav .nav-link.active {
	border-bottom: 3px solid var(--main-color);
	color: black;
	padding-bottom: 10px;
}
.safety-nav .nav-link.active {
	color: var(--main-color);
	background: var(--main-color);
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
}
.safety-nav .nav-link, .safety-nav .nav-link:visited {
	color: #6b7685;
}
.tab-content > .tab-pane {
	display: none;
}
.tab-content > .active {
	display: block;
}
.safety-collapse__title {
	padding-right: 1.5rem;
	margin-bottom: 0;
	font-size: 1.125rem;
}
.planning-article h4 {
	font-size: 1em;
}
.collapse:not(.show) {
	display: none;
}
.collapse.show {
	display: block;
	margin-top: 0.5em;
}
.safety-collapse__toggle {
	position: absolute;
	border: none;
	right: 0;
	top: 1.5rem;
	color: #202833;
	transform: rotate(180deg);
	transition: 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
	padding: 0;
	background-color: #fff;
}
.safety-collapse__toggle i {
	margin: 0 !important;
}
.safety-collapse.collapsed .safety-collapse__toggle {
	transform: rotate(0deg);
}
.planning-article .list-unstyled {
	padding-left: 0 !important;
}
a[href$=".pdf"]:after {
	font-family: "Font Awesome 5 Pro";
	content: "";
	vertical-align: super;
	font-size: 0.5em;
	margin-left: 0.25rem;
}
.section-md {
	margin-top: 3.75rem;
}
.small-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.small-list a {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 2rem;
	color: #202833;
}
.small-list__img-container {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 90px;
			flex: 0 0 90px;
}
.small-list__img-mask {
	background-color: #E1E7EC;
	position: relative;
	border-radius: 2px;
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1;
			flex: 1;
	height: 135px;
	width: 90px;
}
.small-list__img-mask img {
	position: absolute;
	top: 0;
	object-fit: cover;
	height: inherit;
	width: inherit;
	border-radius: inherit;
}
.small-list__content-container {
	margin-left: 1rem;
}
.small-list__title {
	font-size: 1.25rem;
/*	font-weight: 600; */
	font-weight: bold;
	transition: color 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.small-list__desc {
	margin-bottom: 0;
}
main .planningBlock .planningList2 {
	width: 100%;
	max-width: 100%;
}
.table {
	width: 100%;
}
.table th, .table td {
	padding: 0.75rem;
	vertical-align: top;
	word-break: break-all;
}
.table td > p {
	word-break: break-word;
}
.table--spot td, .table--spot th {
	display: block;
	padding: 0;
}
.table--spot th {
	padding-top: 0.75rem;
}
.table--spot td > ul {
	margin: 0;
	padding: 0;
}
.table--spot td > ul > li {
	list-style: none;
}
.planning-article h2 {
	font-size: 1.5rem;
}
.planning-article table h2, .planning-article table h3 {
	margin-top: 0;
}
.planning-article table td p:last-child {
	margin-bottom: 0;
}
.article__content h1 > a, .article__content h2 > a, .article__content h3 > a, .article__content h4 > a, .article__content h5 > a, .planning-article h1 > a, .planning-article h2 > a, .planning-article h3 > a, .planning-article h4 > a, .planning-article h5 > a {
	text-decoration: none;
}

/*	destinations spot
--------------------------- */
main .spotTitle {
	width: 100%;
	margin: 0 auto 1rem;
	padding: 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
main .spotTitle h1 {
	width: 100%;
}
ul.category {
	list-style: none;
	margin: 5px 0 0 0;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
ul.category li {
	margin: 0 2px 2px 0;
}
ul.category li a, ul.category li span {
	display: block;
	font-size: 0.875rem;
	padding: 1px 8px;
	background-color: var(--main-color);
	color: #fff;
}
ul.category li a:hover {
	text-decoration: none;
	background-color: var(--main-bgcolor2);
}
main .spotTitle .spotTitleSns {
	width: 100%;
}
.share {
	margin-bottom: 0;
}
.share__item {
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
main .spotBlockLong {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
.spot-img {
	position: relative;
	margin-left: -15px;
	margin-right: -15px;
	width: calc(100% + 30px);
}
.spot-img__mask {
	position: relative;
	padding-top: 56.25%;
/*	background-color: #E1E7EC; */
	background-color: #FFF;
	overflow: hidden;
}
.spot-img__mask img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	cursor: pointer;
}
.spot-img .btn {
	position: absolute;
	bottom: 1.75rem;
	left: 0.75rem;
}
.mb-5, .my-5 {
	margin-bottom: 3rem !important;
}
main .spotBlockLong .spotMap {
	width: 100%;
}
main .spotBlockLong .spotAccess {
	width: 100%;
}
.table--access td, .table--access th {
	display: block;
	padding: 0;
}
.table--access td, .table--access th {
	display: block;
	padding: 0;
}
.table--access th {
	padding-top: 0.75em;
}
.table th i {
	font-size: 0.875em;
	margin-right: 0.25rem;
}
main .spotBlockLong .postBlock2 {
	width: 100%;
}
main .spotBlockLong .postBlock2 h2 {
	margin-bottom: 1rem !important;
}
.article-list {
	margin-bottom: 1rem;
}
.listing:last-child {
	border-bottom: 1px solid #E1E7EC;
}
.share__title {
	font-size: 1rem;
}

/*	itineraries model course
------------------------------ */
main .itinerariesBlock {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}
.itinerary-list {
	padding-left: 0;
	list-style: none;
	margin-bottom: 1rem;
	margin-top: 1rem;
}
.itinerary-list__item {
	display: inline-block;
}
.itinerary-list__icon {
	margin-right: 0.25rem;
	font-size: 0.875rem;
}
.itinerary-list__item {
	display: inline-block;
}
.itinerary-list__item + .itinerary-list__item {
	margin-left: 1.25rem;
}
.itinerary-description {
	max-width: 600px;
}
.itinerary-point__special {
	color: #6b7685;
	color: var(--main-color);
/*	font-weight: 600; */
	font-weight: bold;
	font-size: 0.875rem;
}
.itinerary-point__title {
	font-size: 1.5rem;
}
.itinerary-direction {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	padding-left: 0.5rem;
	margin-top: 3.75rem;
	margin-bottom: 3.75rem;
}
.itinerary-direction:before, .itinerary-direction:after {
	content: " ";
	height: 2.75rem;
	width: 2px;
	background-image: linear-gradient(#adb5bd 30%, rgba(255, 255, 255, 0) 0%);
	background-size: 2px 8px;
	background-repeat: repeat-y;
	background-position: left;
	position: absolute;
	left: 1.25rem;
	display: block;
	z-index: -1;
}
.itinerary-direction:before {
	top: -2.75rem;
}
.itinerary-direction:after {
	bottom: -2.75rem;
}
.itinerary-direction__icon {
	font-size: 1.25rem;
	color: #6b7685;
}
.itinerary-direction__content {
	margin-left: 1rem;
}
.itinerary-direction__desc {
	margin-bottom: 0.125rem;
}
.itinerary-location
,.itinerary-location2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
}
.itinerary-location__image {
	margin-bottom: 1rem;
}
.itinerary-location__image_mask {
	position: relative;
	padding-top: 66.6%;
	background-color: #E1E7EC;
	overflow: hidden;
}
.itinerary-location__image_mask img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.itinerary-location__content {
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
}
.itinerary-location__title {
	font-size: 1.5rem;
}
.itinerary-location__title a {
	color: #202833;
	transition: color 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}
main .itineraryMap {
	width: 100%;
}
.itinerary-map {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
main .typeSelectBlock {
	width: 100%;
	margin: 3.75rem auto 0;
	padding: 0 15px;
}
main .typeSelectBlock .typeSelectBox {
	width: 100%;
	position: relative;
}
main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl {
}
main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl dt {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 8px;
}
main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl dd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	justify-content: left;
	gap: 9px;
}
main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl dd input[type=radio] {
	display: none;
}
main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl dd label {
	padding: 5px 15px;
	border: 1px solid #707070;
	border-radius: 30px;
	display: block;
	text-align: center;
	cursor: pointer;
}
main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl dd input[type=radio]:checked + label {
	color: #fff;
	background-color: var(--main-color);
	border-color: var(--main-color);
}
main .typeSelectBlock .typeSelectBox .typeSelectBoxItem .searchBtn {
	width: 90%;
	max-width: 320px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	margin: 0 auto;
	padding: 10px 15px;
	background-color: var(--main-bgcolor2);
	border: none;
	border-radius: 2px;
	display: block;
}
main .typeSelectBlock .typeSelectBox .typeSelectBoxItem .searchBtn:hover {
	background-color: var(--main-bgcolor2on);
}

/*	blogs 詳細
------------------------------ */
main .blogsTitle {
	width: 100%;
	margin: 3rem auto 1rem;
	padding: 0 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
main .blogsTitle .blogsTitleBlogs {
	width: 100%;
	margin: 0 auto;
}
main .blogsTitle .article__cat {
	font-size: 0.875rem;
/*	font-weight: 600; */
	font-weight: bold;
	text-transform: uppercase;
}
main .blogsTitle h1 {
	margin-bottom: 1.25rem;
	font-size: 2rem;
	line-height: 1.125;
	letter-spacing: -0.25px;
}
main .blogsTitle .blogsTitleSns {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			justify-content: space-between;
}
main .blogsBlock {
	width: 100%;
	margin: 0 auto;
	padding: 0 15px;
}
main .blogsBlock .justify-content-center {
	width: 100%;
	margin: 0 auto;
}
.article__content {
	margin-top: 1.75rem;
	line-height: 1.5625;
}
.article__content p
, .article__content p span {
	text-align: justify;
}
.justify-content-center {
	justify-content: center !important;
}
.justify-content-center img {
/*	width: 100%!important; 2022-01-21 修正レーガンさん依頼*/
}
.blogsBlock figure {
	margin-top: 2rem;
	margin-bottom: 2rem;
	text-align: center;
}
.blogsBlock figure:first-of-type {
	margin-top: 0;
}
.text-center {
	text-align: center !important;
}
.mt-4, .my-4 {
	margin-top: 1.5rem !important;
}
.blogBody img {
	width: 100%!important;
}
.spot-content img {
	width: 100%!important;
}
.blogBody p {
	word-break: break-word;
}
.blogBody p a {
	word-break: break-all;
}


/*	search result
------------------------------ */
main .searchResultInput {
	width: 100%;
	margin: 0 auto 3rem;
	padding: 0 15px;
}
.input-group {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	-webkit-box-align: stretch;
		-ms-flex-align: stretch;
			align-items: stretch;
	width: 100%;
}
.form-control {
	border: 1px solid #E1E7EC;
	height: calc(1.5em + 0.75rem + 4px);
}
.input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file {
	position: relative;
	-webkit-box-flex: 1;
		-ms-flex: 1 1 auto;
			flex: 1 1 auto;
	width: 1%;
	margin-bottom: 0;
}
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.form-control:focus {
	color: #6b7685;
	background-color: #fff;
	border-color: #6BC2A9;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgb(4 134 101 / 25%);
}
.input-group-prepend .btn, .input-group-append .btn {
	position: relative;
	z-index: 2;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.btn-outline-secondary {
	background-color: transparent;
	color: inherit;
	border-color: #E1E7EC;
}
main .searchResult {
	width: 100%;
	margin: 0 auto 3rem;
	padding: 0 15px;
}
main .searchResult .filter .button_submit {
	color: #fff;
	width: 100%;
	margin: 15px 0 25px 0;
	padding: 6px 0;
	border: none;
	border-radius: 2px;
	background-color: var(--main-bgcolor2);
}
main .searchResult .filter .button_submit:hover {
	background-color: var(--main-bgcolor2on);
}
main .searchResultList {
}
main .searchResult .searchResultList .searchResultSort {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
main .searchResult .searchResultList .searchResultSort .searchResultSortLeft {
	width: 50%;
}
main .searchResult .searchResultList .searchResultSort .searchResultSortRight {
	width: 50%;
	max-width: 50%;
	text-align: right;
	position: relative;
	padding: 0 0 0 15px;
}
.search_sort > * {
	font-size: .8em !important;
	height: 40px;
	display: inline-block !important;
	vertical-align: top;
	width: auto !important;
}
.search_sort > label {
	padding-top: 12px;
}
.dropdown-toggle::after {
	display: inline-block;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: 0.5rem 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: #202833;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 2px;
}
.dropdown-menu[x-placement^=top], .dropdown-menu[x-placement^=right], .dropdown-menu[x-placement^=bottom], .dropdown-menu[x-placement^=left] {
	right: auto;
	bottom: auto;
}
.dropdown-menu.show {
	display: block;
}
.dropdown-item {
	display: block;
	width: 100%;
	padding: 0.25rem 1.5rem;
	clear: both;
/*	font-weight: 400; */
	font-weight: normal;
	color: #202833;
	text-align: inherit;
	white-space: nowrap;
	background-color: transparent;
	border: 0;
}
.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: var(--main-color);
}
.dropup, .dropright, .dropdown, .dropleft {
	position: relative;
}
main .searchResult .searchResultSort .listing {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 2rem 0rem;
	border-top: 1px solid #E1E7EC;
	width: 100%;
}
main .searchResult .searchResultSort .listing > article a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
	color: #202833;
}
main .searchResult .searchResultSort .listing > article a:hover {
	text-decoration: none;
}
main .searchResult .searchResultSort .listing > article .listing__content {
	-ms-flex-shrink: 1;
	-webkit-box-flex: 1;
		-ms-flex-positive: 1;
			flex-grow: 1;
}
main .searchResult .searchResultSort .listing > article  a:hover .listing__content h3 {
	color: var(--main-color);
}
main .searchResult .searchResultSort .listing > article .listing__img-mask {
	position: relative;
	overflow: hidden;
	padding-top: 66.7%;
	background-color: #E1E7EC;
}
main .searchResult .searchResultSort .listing > article .listing__img-mask img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/*	where to stay
------------------------------ */
main .bannerBlock {
	margin: 3.75rem auto 0;
	padding: 0 15px;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
}
main .bannerBlock h2 {
	margin-bottom: 1rem !important;
}
main .bannerBlockList {
	position: relative;
	width: 100%;
	padding: 0 15px;
}
main .bannerBlockList ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	margin: 0 -15px;
}
main .bannerBlockList ul li {
	position: relative;
	width: 100%;
	margin-bottom: 1.25rem;
}
.image-button__link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-shadow: 0px 6px 4px rgb(44 50 53 / 8%);
			box-shadow: 0px 6px 4px rgb(44 50 53 / 8%);
	border-radius: 4px;
/*	font-weight: 600; */
	font-weight: bold;
	height: 60px;
	background: #fff;
	color: #202833;
}
.image-button__visual {
	-webkit-box-flex: 0;
		-ms-flex: 0 0 60px;
			flex: 0 0 60px;
	background-color: var(--main-bgcolor);
	color: var(--main-color);
	height: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
		-ms-flex-pack: center;
			justify-content: center;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
.image-button__img {
	object-fit: cover;
	height: inherit;
	width: inherit;
	border-top-left-radius: inherit;
	border-bottom-left-radius: inherit;
}
.image-button__content {
	-webkit-box-flex: 1;
		-ms-flex: 1 0 auto;
			flex: 1 0 auto;
	padding-left: 1rem;
	-ms-flex-item-align: center;
		-ms-grid-row-align: center;
		align-self: center;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	height: inherit;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
	background: -webkit-gradient(linear, left top, right top, color-stop(50%, var(--main-bgcolor)), color-stop(50%, #fff));
	background: -o-linear-gradient(left, var(--main-bgcolor) 50%, #fff 50%);
	background: linear-gradient(to right, var(--main-bgcolor) 50%, #fff 50%);
	background-size: 200% 100%;
	background-position: right bottom;
	-webkit-transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	-o-transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
	transition: all 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.image-button--ta .image-button__content {
	background: linear-gradient(to right, #34E0A1 50%, #fff 50%);
	background-size: 200% 100%;
	background-position: right bottom;
}
.image-button--bo .image-button__content {
	background-image: linear-gradient(to right, #1F3975 50%, #fff 50%);
}
.image-button--xp .image-button__content {
	background: linear-gradient(to right, #072F54 50%, #fff 50%);
	background-size: 200% 100%;
	background-position: right bottom;
}
.image-button__link:hover, .image-button__link:focus {
	background-color: var(--main-bgcolor);
	text-decoration: none;
	color: var(--main-color);
}
.image-button--ta .image-button__link:hover, .image-button--ta .image-button__link:focus {
	background-color: #34E0A1;
	color: #000;
}
.image-button--bo .image-button__link:hover, .image-button--bo .image-button__link:focus {
	background-color: #1F3975;
	color: #fff;
}
.image-button--xp .image-button__link:hover, .image-button--xp .image-button__link:focus {
	background-color: #072F54;
	text-decoration: none;
	color: #fff;
}
.image-button__link:hover .image-button__content, .image-button__link:focus .image-button__content {
	background-position: left bottom;
}

/*	sitemap
------------------------------ */
main .sitemapBlock {
	margin: 0 auto;
	padding: 0 15px;
	width: 100%;
}
main .sitemapBlock .sitemap h2 {
	font-size: 1.25rem;
}

/*	Media Gallery
------------------------------ */
h1 i.fa-info-circle {
	font-size: .5em;
	vertical-align: super;
	color: #058665;
}




@media (max-width: 575.98px) {

	.cards--horizontal .card {
		padding-bottom: 1rem;
	}
	.cards--horizontal > div:not(:nth-child(4n+1)) .card {
		padding-top: 1rem;
		padding-bottom: 1rem;
		border-top: 1px solid #E1E7EC;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
			-ms-flex-direction: row;
				flex-direction: row;
	}
	.cards--horizontal > div:not(:nth-child(4n+1)) .card__image-container {
		flex: 0 0 90px;
	}
	.cards--horizontal > div:not(:nth-child(4n+1)) .card__content-container {
		margin-top: 0;
		padding-left: 0.5rem;
	}
	.cards--horizontal > div:not(:nth-child(4n+1)) .card__category {
		padding: 0;
	}
	.cards--horizontal > div:last-child .card {
		border-bottom: 1px solid #E1E7EC;
	}

	.safety-nav {
		overflow-x: scroll;
	}

	.blogsBlock figure:first-of-type {
		margin-left: -15px;
		width: calc(100% + 30px);
		margin-top: 0;
	}
}



@media (min-width: 576px) {

	main .intro {
/*		margin-top: -25rem; */
	}
	main .intro .introBox h1 {
		font-size: 5rem;
		max-width: 480px;
	}
	main .intro .introBox h1 span {
		font-size: 2.2rem;
		margin: 38px auto 0;
	}
	.col-sm-8 {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}
	.col-sm-10 {
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
	}
	.offset-sm-2 {
		margin-left: 16.6666666667%;
	}
	.container {
		max-width: 540px;
	}

	/*  Tours in Fukushima  */
	main .toursBlock {
		max-width: 540px;
	}
	main .toursBlock h2 {
/*		max-width: 540px;
		padding-left: calc(50% - 270px);
		padding-right: calc(50% - 270px);
*/
	}
	main .toursBlock .linkMore {
/*		max-width: 540px;
		padding-left: calc(50% - 270px);
		padding-right: calc(50% - 270px);
*/
	}
	main .toursBlock .toursSlide {
		max-width: 540px;
	}

	/*  Fukushima Prefecture  */
	main .fukushimaBlock {
		max-width: 540px;
	}

	/*  Unique in Fukushima  */
	main .spotBlockTop {
		max-width: 540px;
	}
	main .spotBlockTop .cardBlock {
	}
	main .spotBlockTop .cardBlock .card {
		margin-bottom: 2rem;
		flex: 0 0 50%;
		max-width: 50%;
		padding-right: 8px;
		padding-left: 8px;
		border: none;
	}
	main .spotBlockTop .cardBlock .card a {
		padding: 0;
		display: initial;
		flex-direction: row;
		width: 100%;	/**********/
	}
	main .spotBlockTop .cardBlock .card .cardText {
		margin-top: -1.75rem;
		padding-left: 0;
	}
	main .spotBlockTop .cardBlock .card .cardText span {
		padding: 0.25rem 0.5rem;
	}
	main .spotBlockTop .cardBlock .card:last-of-type {
		border: none;
	}

	main .planningBlock {
		max-width: 540px;
	}
	main .planningBlock .planningList ul li {
		flex: 0 0 50%;
		max-width: 50%;
	}

	main .tripsBlock {
		max-width: 540px;
	}
	main .tripsBlock .cardBlock .card .cardPhoto {
		display: flex;
	}
	main .tripsBlock .cardBlock .card .cardgallery-container {
		grid-gap: 2px;
	}
	main .tripsBlock .cardBlock .card .cardPhotoLeft {
		flex-direction: column;
		flex: 1 0 50%;
		height: 100%;
		display: flex;
	}
	main .tripsBlock .cardBlock .card .cardPhotoRight {
		flex-direction: column;
		flex: 1 0 50%;
		height: 100%;
		display: flex;
	}
	main .tripsBlock .cardBlock .card .cardPhotoRight img {
		object-fit: cover;
		height: inherit;
		flex: 1 0 auto;
		max-width: 100%;
	}
	main .tripsBlock .cardBlock .card .cardPhotoRight div {
		flex: 1;
		height: 100%;
		background-color: #E1E7EC;
	}
	main .tripsBlock .cardBlock .card .cardPhotoRight div + div{
		margin-top: 2px;
	}
	main .tripsBlock .searchResultList {
		width: 100%;
	}
	main .seasonBlock {
		max-width: 540px;
	}

	main .postBlock {
		max-width: 540px;
	}
	main .postBlock .cardBlock {
	}
	main .experiencesBlock {
		max-width: 540px;
	}
	.shortcode-photo {
		text-align: center;
	}
	.shortcode-photo img {
		max-width: 80%;
	}
	main .gallery-container {
		max-width: 540px;
	}
	main .gallery-container .form-group {
		width: 20%;
		margin-bottom: 0rem;
	}
	main .gallery-container .form-group:last-of-type {
		width: 40%;
		padding-right: 0;
	}
	main .gallery-container .form-group:first-of-type {
		padding-left: 0;
	}
	main .gallery-container .gpc__container .gpc__column {
/*		width: calc(( 100% - 2em ) / 3); */
/*		width: calc(( 100% - 2em ) / 4); */
		height: max-content;
	}
	main .gallery-container .gpc__container {
		display: flex;
		justify-content: space-between;
	}

	main .partnersBlock {
		max-width: 540px;
	}
	main .partnersBlock .partnersList .partnersBox {
		text-align: center;
		flex: 0 0 50%;
		max-width: 50%;
	}

	main .searchBlock {
		max-width: 540px;
	}

	footer .footBlock {
		max-width: 540px;
	}
	footer .footBlock > .footMenu .footMenuBox {
		flex: 0 0 50%;
		max-width: 50%;
		border: none;
	}
	footer .footBlock > .footMenu .footMenuBox .menuHeader {
		display: block;
		padding: 0px;
	}
	footer .footBlock > .footMenu .footMenuBox .menuHeader h2 {
		margin-bottom: 1rem;
	}
	footer .footBlock > .footMenu .footMenuBox .menuHeader button {
		display: none !important;
	}
	footer .footBlock > .footMenu .footMenuBox .menuContent {
		display: block !important;
	}
	footer .footBlock > .footMenu .footMenuBox:last-child {
		border: none;
	}
	footer .footBlock .footLanguageBlock .footLanguageBox {
		flex: 0 0 41.6666666667%;
		max-width: 41.6666666667%;
	}	
	footer .footBlock .footLanguageBlock .footLanguageBox select {
		border: 1px solid #E1E7EC;
		height: calc(1.5em + 0.75rem + 4px);
	}

	.modal-dialog {
		max-width: 500px;
		margin: 1.75rem auto;
	}
	.modal-dialog-scrollable {
		max-height: calc(100% - 3.5rem);
	}
	.modal-dialog-scrollable .modal-content {
		max-height: calc(100vh - 3.5rem);
	}
	.modal-dialog-centered {
		min-height: calc(100% - 3.5rem);
	}
	.modal-dialog-centered::before {
		height: calc(100vh - 3.5rem);
	}
	.modal-sm {
		max-width: 300px;
	}
	.modal-dialog {
		max-width: 540px;
	}
	#lightbox .rowLeft {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}
	#lightbox .rowRight {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
	.cookies {
		max-width: 20rem;
		left: auto;
		bottom: 1rem;
		right: 1rem;
		border-radius: 2px;
	}
	.text-sm-right {
		text-align: right !important;
	}
	main .thingsBlock .thingsBox {
		min-height: 270px;
/*
		flex: 0 0 83.3333333333%;
		max-width: 83.3333333333%;
*/
	}
	main .thingsBlock .thingsBoxBlog {
		min-height: 150px;
	}
	main .thingsBlock .thingsBox > p:first-of-type {
/*		min-height: 12rem; */
	}
	main .thingsBlock .thingsBox > p.springHeight {
/*		min-height: 10rem; */
	}
	main .thingsBlock > ul {
	}
	main .thingsBlock > ul li {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.listing > article .listing__img-container {
		flex: 0 0 150px;
	}

	.cards--scroll {
		padding-left: calc(50vw - 262px);
		scroll-padding-left: calc(50vw - 262px);
	}
	.cards--scroll:after {
		flex: 0 0 calc(50vw - 280px);
	}
	.cards--scroll .card {
		width: 247px;
		flex: 0 0 247px;
	}

	/* seasons Spring
	------------------------------ */
	main .tokushuBlock .tokushuTitle .tokushuTitle_left {
		padding-right: 0px;
		padding-left: 0px;
	}

	/* destinations
	------------------------------ */
	main .destinationsBlock {
		max-width: 540px;
	}
	main .spotBlock {
		max-width: 540px;
	}
	/*	Accomondation	*/
	main .accomondationBlock {
		max-width: 540px;
	}
	main .accomondationBlock .accomondationList ul li {
		flex: 0 0 50%;
		max-width: 50%;
	}

	/* itineraries
	------------------------------ */
	.itinerary-map {
		position: sticky;
		top: 80px;
		margin-bottom: 0;
		margin-top: 2rem;
	}
	.itinerary-location
	,.itinerary-location2 {
		flex-direction: row-reverse;
	}
	.itinerary-location__image {
		flex: 0 0 160px;
		margin-left: 1rem;
		margin-bottom: 0;
	}
	main .typeSelectBlock .typeSelectBox {
	}
	main .typeSelectBlock {
		max-width: 540px;
	}
	main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl {
		margin-bottom: 0.5rem;
		display: flex;
	}
	main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl dt {
		width: 100px;
	}
	main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl dd {
		width: calc(100% - 100px);
	}
	main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl dt.vn {
		width: 180px;
	}
	/* search result
	------------------------------ */
	.d-sm-inline {
/*		display: inline !important; */
	}

	/* media gallery
	------------------------------ */
	main .gallery-container .form-group2 {
		width: calc(100% / 6);
		margin-bottom: 0rem;
	}
	main .gallery-container .form-group2:last-of-type {
		padding-right: 0;
	}
	main .gallery-container .form-group2:first-of-type {
		width: calc((100% / 6) * 2);
		padding-left: 0;
	}

	/* blog(latest posts)
	------------------------------ */
	main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl dd {
		gap: 15px;
	}
	main .typeSelectBlock .typeSelectBox .typeSelectBoxItem dl dd label {
		padding: 5px 20px;
	}
}


@media (max-width: 767.98px) {

	.filter {
		background-color: #fff;
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		width: 100%;
		z-index: 99999;
		padding-left: 0;
		padding-right: 0;
		transform: translateX(200vw);
		transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1);
		display: none;
	}
	.filter__content {
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
		position: absolute;
		width: 100%;
		overflow-y: auto;
		bottom: 40px;
		top: 0;
	}
	.filter__content_width {
		max-width: 25rem;
		margin: 0 auto;
	}
	.filter__header {
		margin-top: 1rem;
	}
	.custom-control {
		margin-top: 0.5rem;
	}
	.filter.show, .filter--visible {
		display: block;
		transform: translateX(0vw);
	}
	.image-card--sm-wide .image-card__img-mask {
		padding-top: 60%;
	}
}



@media (min-width: 768px) {

	.col-md-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.container {
		max-width: 720px;
	}
	header nav .btnSearch a span {
		display: inline!important;
	}
	main .intro .exploreBlock .explore {
		padding: 2.75rem 5rem 2.625rem 5rem;
	}
	main .intro .exploreBlock .explore .exploreFormBlock .exploreFormBox
	,main .intro .exploreBlock .explore .exploreFormBlock .exploreFormBoxB {
		flex: 0 0 calc(100% / 3);
		max-width: calc(100% / 3);
	}
	main .intro .exploreBlock .explore .exploreFormBlock .exploreFormBox2 {
		flex: 0 0 calc((100% / 3) * 2);
		max-width: calc((100% / 3) * 2);
	}
	main .intro .exploreBlock .explore .exploreFormBlock .exploreFormBoxB button {
		margin-top: 31px;
	}

	main .pankuzuBlock {
		max-width: 720px;
	}

	/*  Tours in Fukushima  */
	main .tourBlockTitle .tourBlockTitleMovie {
		margin: 100px auto 20px;
		max-width: 560px;
	}
	main .toursBlock {
		max-width: 720px;
		padding: 0;
	}
	main .toursBlock h2 {
/*		max-width: 720px;
		padding-left: calc(50% - 345px);
		padding-right: calc(50% - 345px);
*/
	}
	main .toursBlock .linkMore {
/*		max-width: 720px;
		padding-left: calc(50% - 345px);
		padding-right: calc(50% - 345px);
*/
	}
	main .toursBlock .toursSlide {
		max-width: 740px;
	}
	main .toursBlock .toursSlide .tourBox {
		width: calc(50% - 10px);
	}

	/*  Fukushima Prefecture  */
	main .fukushimaBlock {
		max-width: 720px;
	}
	main .fukushimaBlock .fukushimaBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
		gap: 30px;
	}
	main .fukushimaBlock .fukushimaBox .fukushimaBoxText {
		width: 50%;
	}
	main .fukushimaBlock .fukushimaBox .fukushimaBoxText p {
		margin-bottom: 15px;
	}
	main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topPref {
		width: 100%;
		padding-top: 118px;
	}
	main .fukushimaBlock .fukushimaBox .fukushimaBoxMap {
		width: 50%;
	}
	main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topFoot ul {
		font-size: 0.8rem;
	}

	/*  Unique in Fukushima  */
	main .spotBlockTop {
		max-width: 720px;
		padding: 0;
	}

	main .planningBlock {
		max-width: 720px;
		padding: 0;
	}

	main .tripsBlock {
		max-width: 720px;
		padding: 0;
	}

	main .videoBlock .videoBox1 {
/*		display: none !important; */
	}
	main .videoBlock .videoBox2 {
/*		display: block !important; */
	}
	main .videoBlock .videoBox3 {
		max-width: 720px;
	}

	main .seasonBlock {
		max-width: 720px;
	}
	main .seasonBlock ul li {
		flex: 0 0 50%;
		max-width: 50%;
	}
	main .seasonBlock ul li a .seasonBoxMask {
		padding-top: 50%;
	}
	main .postBlock {
		max-width: 720px;
	}
	main .experiencesBlock {
		max-width: 720px;
		padding: 0;
	}
	main .experiencesBox {
		display: flex;
		justify-content: space-between;
		gap: 15px;
	}
	main .experiencesBox .experiencesLeft {
		width: calc(50% - 8px);
	}
	main .experiencesBox .experiencesRight {
		width: calc(50% - 8px);
	}

	/* media gallery */
	main .gallery-container {
		max-width: 720px;
	}
	main .gallery-container h1 .btnGD {
		width: 222px;
		float: right;
		display: inline-block;
	}
	main .gallery-container .gpc__column .card {
		width: calc(25% - 8px);
	}

	main .partnersBlock {
		max-width: 720px;
	}
	main .partnersBlock .partnersList .partnersBox {
		flex: 0 0 25%;
		max-width: 25%;
		position: relative;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
	}

	main .searchBlock {
		max-width: 720px;
	}

	footer .footBlock {
		max-width: 720px;
	}
	footer .footBlock > .footMenu .footMenuBox {
		flex: 0 0 25%;
		max-width: 25%;
	}
	footer .footBlock .footTitleBlock .footTitleBox {
		flex: 0 0 50%;
		max-width: 50%;
	}
	footer .footBlock .footTitleBlock .footTitleBox2 {
		flex: 0 0 50%;
		max-width: 50%;
		margin-top: auto !important;
		margin-bottom: auto !important;
		text-align: right !important;
	}
	footer .footBlock .footAboutBlock {
		display: flex;
		flex-wrap: wrap;
		margin-right: -15px;
		margin-left: -15px;
		color: #404B5A;
		margin-top: 1rem;
	}
	footer .footBlock .footAboutBlock .footAboutBox {
		flex: 0 0 50%;
		max-width: 50%;
	}
	footer .footBlock .footAboutBlock .copyright {
		flex: 0 0 50%;
		max-width: 50%;
		text-align: right !important;
	}
	#lightbox .rowLeft {
		flex: 0 0 66.6666666667%;
		max-width: 66.6666666667%;
	}
	#lightbox .rowRight {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}

	.form-group50 {
		flex: 0 0 50%;
		max-width: 50%;
	}

	/* things-to-do
	------------------------------ */
	main .thingsHeadBlock {
		max-width: 720px;
	}
	main .thingsBlock {
		max-width: 720px;
		padding-right: 270px;
		min-height: 380px;
	}
	main .thingsBlockBlog {
		min-height: auto;
	}
	main .thingsBlock.thingsBlockTodo {
		padding-right: 0px;
	}
	main .thingsBlock.thingsBlockTodo .thingsBox {
		width: 83%;
	}
	main .thingsBlock.thingsBlockPlanning {
		padding-right: 0px;
	}
	main .thingsBlock.thingsBlockPlanning .thingsBox {
		width: 83%;
	}
	main .thingsBlock > ul {
	}
	main .thingsBlock > ul li {
		flex: 0 0 33.3333333333%;
		max-width: 33.3333333333%;
	}
	main .thingsList {
		max-width: 720px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	main .thingsList .thingsListBox {
		flex: 0 0 75%;
		max-width: 75%;
	}
	main .thingsList .thingsListBox .listing > article .listing__content h3 {
		font-size: 1.5rem;
	}
	main .filterBlock {
		position: relative;
		width: 100%;
		padding-right: 0px;
		padding-left: 30px;
	}
	.filter__close {
		display: none;
	}
	.filter__btn {
		display: none;
	}
	.d-md-none {
		display: none !important;
	}
	main .thingsList .thingsListBox .thingsListRight > label {
		display: inline-block!important;
	}

	/* seasons Spring
	------------------------------ */
	.image-hero {
		position: absolute;
		top: 60px;
		right: 0px;
		width: 33%;
		min-height: 30rem;
	}
	.image-hero__image {
		padding-top: 0;
		position: absolute;
		height: 100%;
		width: 100%;
		top: 0;
		right: 0;
	}
	main .thingsBlock .thingsBox_weather .weather-list {
		flex-wrap: nowrap;
	}
	main .thingsBlock .thingsBox_weather .weather-list__item--special {
		margin-top: 0;
		padding-top: 0;
		border-left: 1px solid #E1E7EC;
		padding-left: 2rem;
		flex: 2 0 50%;
	}
	main .tokushuBlock .tokushuTitle {
		max-width: 720px;
		padding-right: 15px;
		padding-left: 15px;
	}
	.cards--scroll {
		padding-left: calc(50vw - 352px);
		scroll-padding-left: calc(50vw - 352px);
	}
	.cards--scroll:after {
		flex: 0 0 calc(50vw - 370px);
	}
	.cards--scroll .card {
		width: 337px;
		flex: 0 0 337px;
	}
	main .postBlock .postList ol .listing > article .postListText h3 {
		font-size: 1.25rem;
	}
	main .postBlock .postList ol .listing > article .postListText {
		width: calc(100% - 150px);
	}
	main .postBlock .postList ol .listing > article .postListPhoto {
		width: 120px;
	}
	main .tokushuBlock .tokushuTitle .tokushuTitle_left {
		padding-right: 15px;
		padding-left: 15px;
	}

	/* destinations
	------------------------------ */
	main .destinationsBlock {
		max-width: 720px;
	}
	main .destinationsBlock .destinationsBox {
	}
	main .destinationsArea {
		max-width: 720px;
	}
	main .destinationsArea .destinationsAreaList .areaBox {
		width: calc(100% / 3);
	}
	main .spotBlock {
		max-width: 720px;
	}

	/* Blogss
	------------------------------ */
	main .postBlockTitle {
		max-width: 720px;
	}
	main .postBlockList {
		max-width: 720px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	main .postBlockList .postBlockListLeft {
		width: 75%;
		max-width: 75%;
	}
	main .postBlockList .postBlockListLeft .postBoxRight > label {
		display: inline-block!important;
	}
	main .postBlockList .postBlockListLeft .listing > article .postListText {
		width: calc(100% - 150px);
	}
	main .postBlockList .postBlockListLeft .listing > article .postListPhoto {
		width: 120px;
	}

	/* page
	------------------------------ */
	main .pageBlock {
		max-width: 720px;
	}
	.planning-article table tr {
		border-top: 1px solid #E1E7EC;
		border-bottom: 1px solid #E1E7EC;
	}
	.planning-article table td {
		display: table-cell;
	}
	.planning-article table td:first-of-type {
		width: 25%;
	}
	.planning-article table td + td {
		padding-left: 1em;
		padding-right: 0;
	}
	.share__link {
		width: 2.5rem;
		height: 2.5rem;
		font-size: 1rem;
	}
	.planning-article {
		font-size: 1.125em;
	}
	.table--spot tr {
		border-top: 1px solid #E1E7EC;
	}
	.table--spot tr:last-child {
		border-bottom: 1px solid #E1E7EC;
	}
	.table--spot td, .table--spot th {
		padding: 0.75rem;
		display: table-cell;
	}
	.table--spot td, .table--spot th {
		padding: 0.75rem;
		display: table-cell;
	}
	.table--spot th {
		background-color: #f8f9fa;
		width: 25%;
	}
	.table--spot td {
		width: 75%;
	}
	.planning-article table td {
		display: table-cell;
	}
	.planning-article table td:first-of-type {
		width: 25%;
	}
	.planning-article table td + td {
		padding-left: 1em;
		padding-right: 0;
	}

	/* Destination Spot
	------------------------------ */
	main .spotTitle {
		max-width: 720px;
	}
	main .spotTitle h1 {
		width: 50%;
	}
	main .spotTitle .spotTitleSns {
		width: 50%;
	}
	.text-md-right {
		text-align: right !important;
	}
	main .spotBlockLong {
		max-width: 720px;
	}
	.spot-img {
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	main .accomondationBlock {
		max-width: 720px;
	}

	/*	itineraries model course
	------------------------------ */
	main .itinerariesBlock {
		max-width: 720px;
	}
	.itinerary-location__image {
		flex: 0 0 240px;
	}
	main .typeSelectBlock {
		max-width: 680px;
	}

	/*	blogs 詳細
	------------------------------ */
	main .blogsTitle {
		width: 720px;
	}
	main .blogsTitle .blogsTitleBlogs {
		max-width: 83.3%;
	}
	main .blogsBlock {
		width: 720px;
	}
	main .blogsBlock .justify-content-center {
		max-width: 83.3%;
	}

	/*	search result
	------------------------------ */
	main .searchResultInput {
		max-width: 720px;
	}
	main .searchResult {
		max-width: 720px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	main .searchResult .filter {
		width: 25%;
	}
	main .searchResult .searchResultList {
		width: 75%;
		padding-left: 1.5rem;
	}
	main .searchResult .searchResultSort .listing .listing__img-container {
		flex: 0 0 120px;
	}

	/* where to stay
	------------------------------ */
	main .bannerBlock {
		max-width: 720px;
	}
	main .bannerBlockList {
		padding: 0;
	}
	main .bannerBlockList ul li {
		width: 50%;
		padding: 0 15px;
	}

	/* sitemap
	------------------------------ */
	main .sitemapBlock {
		max-width: 720px;
	}

	/* media gallery
	------------------------------ */
	#lightbox .rowLeft {
		flex: 0 0 60%;
		max-width: 60%;
	}
	#lightbox .rowRight {
		flex: 0 0 40%;
		max-width: 40%;
	}
	#lightbox .rowSub {
		flex: 0 0 50%;
		max-width: 50%;
		text-align: center;
	}

	/* tours(index)
	------------------------------ */
	main .tourBlockTitle {
		max-width: 720px;
/*		min-height: 110px; */
	}
	main .tourBlockTitle .tourBlockTitleBtn {
		position: absolute;
		top: 0;
		right: 0;
	}
	main .tourTypeSelect {
		max-width: 720px;
	}
	main .tourTypeSelect ul li {
		width: calc(25% - 10px);
	}
	main .tourBlockList {
		padding: 0 calc(50% - 360px) 5rem;
	}
	main .tourBlockList .tourBlockBox .tourBox {
		width: calc(25% - 10px);
	}

	/* tours(詳細disp)
	------------------------------ */
	main .tourBlockDetail {
		max-width: 720px;
	}
	main .tourBlockDetail .tourHead {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
				justify-content: space-between;
	}
	main .tourBlockDetail .tourHead > div:first-of-type {
		width: calc(100% - 220px);
	}
	.tourBlockDetail .tourHead > div.btnReserve {
		width: 200px;
		margin-top: 0px;
	}
	.tourBlockDetail .tourHead > div.btnReserve a {
		font-size: 1rem;
		width: 200px;
	}
	main .tourBlockDetail .tourPrice {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
				justify-content: flex-start;
		-webkit-column-gap: 5px;
		-moz-column-gap: 5px;
				column-gap: 5px;
	}
	main .tourBlockDetail .tourDetail .tourDetailText p iframe {
		max-width: 560px;
		margin: 0 auto;
		display: block;
	}
	main .tourBlockDetail .tourImportant {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
				justify-content: space-between;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
				column-gap: 10px;
	}
	main .tourBlockDetail .tourImportant h3 {
		width: 100%;
	}
	main .tourBlockDetail .tourImportant .tourImportantInclude {
		width: calc(50% - 5px);
	}
	main .tourBlockDetail .tourImportant .tourImportantInclude:last-of-type {
		margin-bottom: 0;
	}
	main .tourBlockDetail .tourStart {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
				justify-content: space-between;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
				column-gap: 10px;
	}
	main .tourBlockDetail .tourStart h3 {
		width: 100%;
	}
	main .tourBlockDetail .tourStart .tourStartMap {
		width: 100%;
	}
	main .tourBlockDetail .tourStart .tourAccess {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
				justify-content: space-between;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-webkit-column-gap: 10px;
		-moz-column-gap: 10px;
				column-gap: 10px;
	}
	main .tourBlockDetail .tourStart .tourAccess > div {
		width: calc(50% - 5px);
	}
	main .tourBlockDetail .btnReserve a {
		width: 300px;
	}
	main .tourReviews {
		padding: 2rem calc(50% - 360px);
	}
	main .snsBlock ul {
		padding: 0 calc(50% - 360px)
	}

}


@media screen and (min-width: 768px) and (max-aspect-ratio: 4 / 3) {

	main .videoBlock {
		height: calc((100vw/16)*9);
	}
}


@media (pointer: coarse) and (hover: none) {

	main .videoBlock {
		background: url(https://source.unsplash.com/XT5OInaElMw/1600x900) black no-repeat center center scroll;
	}
}


@media (min-width: 992px) {

	main .intro {
/*		margin-top: -22rem; */
	}
	main .intro .introBox .fukushima {
		width: 120px;
	}
	main .intro .introBox h1 {
		font-size: 5rem;
		max-width: 777px;
	}
	main .intro .introBox h1 span {
		font-size: 2.4rem;
		margin: 30px auto 0;
	}
	.col-lg-6 {
		flex: 0 0 50%;
		max-width: 50%;
	}
	.container {
		max-width: 960px;
	}
	header nav .btnMenu {
		order: 4;
		display: none;
	}
	header nav .mainMenu {
		order: 2;
		display: flex !important;
		flex-basis: auto;
		justify-content: space-between;
	}
	header nav .mainMenu ul {
		flex-direction: row;
	}
	header nav .mainMenu ul li a {
		padding-right: 0.5rem;
		padding-left: 0.5rem;
	}
	header nav .mainMenu ul li a {
		text-decoration: none;
	}
	header nav .mainMenu ul > li > a::after {
		display: none;
	}
	header nav .mainMenu ul > li > .subMenu {
		position: absolute;
	}
	header nav .languageMenu {
		order: 5;
		display: block;
		width: auto;
	}
	header nav .languageMenu select {
		border: 1px solid #E1E7EC;
		height: calc(1.5em + 0.75rem + 4px);
		display: block;
	}
	header nav .btnSearch {
		order: 3;
	}

	main .pankuzuBlock {
		max-width: 960px;
	}

	/*  Welcome to the Lucky Island  */
	main .fukushimaBlock .fukushimaBox {
		gap: 45px;
	}
	main .fukushimaBlock .fukushimaBox .fukushimaBoxText {
		width: 55%;
	}
	main .fukushimaBlock .fukushimaBox .fukushimaBoxText .fukushimaBoxArea .topJapan {
		width: 166px;
		top: 11px;
	}
	main .fukushimaBlock .fukushimaBox .fukushimaBoxMap {
		width: 40%;
	}

	/*  Tours in Fukushima  */
	main .tourBlockTitle .tourBlockTitleMovie {
		margin: 20px;
	}
	main .toursBlock {
		max-width: 960px;
	}
	main .toursBlock h2 {
/*		max-width: 960px;
		padding-left: calc(50% - 465px);
		padding-right: calc(50% - 465px);
*/
	}
	main .toursBlock .linkMore {
/*		max-width: 940px;
		padding-left: calc(50% - 465px);
		padding-right: calc(50% - 465px);
*/	}
	main .toursBlock .toursSlide {
		max-width: 960px;
	}
	main .toursBlock .toursSlide .tourBox {
		width: calc(25% - 12px);
	}
	main .toursBlock .toursSlide .tourBox a .tourPhoto {
/*		padding-bottom: 300px; */
	}
	main .toursBlock .toursSlide .tourBox a .tourText .tourStar {
		-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
	}
	main .toursBlock .toursSlide .tourBox a .tourText .tourStar p {
		width: auto;
	}
	main .tourBlockList .tourBlockBox .tourBox a .tourText p {
/*		width: auto; */
	}
	main .tourBlockList .tourBlockBox .tourBox a .tourText .tourStar {
		-ms-flex-wrap: nowrap;
			flex-wrap: nowrap;
	}

	/*  Fukushima Prefecture  */
	main .fukushimaBlock {
		max-width: 960px;
	}

	/*  Unique in Fukushima  */
	main .spotBlockTop {
		max-width: 960px;
	}
	main .spotBlockTop .cardBlock .card {
		flex: 0 0 25%;
		max-width: 25%;
		margin-bottom: 1rem;
	}

	main .planningBlock {
		max-width: 960px;
	}
	main .planningBlock .planningList ul li {
		flex: 0 0 calc(100% / 3);
		max-width: calc(100% / 3);
	}

	main .tripsBlock {
		max-width: 960px;
	}
	main .tripsBlock .cardBlock .card {
		flex: 0 0 25%;
		max-width: 25%;
	}

	main .seasonBlock {
		max-width: 960px;
	}
	main .seasonBlock ul li {
		flex: 0 0 25%;
		max-width: 25%;
	}
	main .seasonBlock ul li a .seasonBoxMask {
		padding-top: 120%;
	}

	main .postBlock {
		max-width: 960px;
	}
	main .postBlock .cardBlock .card {
		flex: 0 0 25%;
		max-width: 25%;
		margin-bottom: 1rem;
	}
	main .experiencesBlock {
		max-width: 960px;
	}

	main .gallery-container {
		max-width: 960px;
	}

	main .partnersBlock {
		max-width: 960px;
	}

	main .searchBlock {
		max-width: 960px;
	}
	main .searchBlock .searchBox label {
		flex: 0 0 50%;
		max-width: 50%;
	}
	main .searchBlock .searchBox .searchBoxInput {
		flex: 0 0 50%;
		max-width: 50%;
	}
	main .searchBlock .searchBox .searchBoxInput button {
		height: 40px;
	}

	footer .footBlock {
		max-width: 960px;
	}
	footer .footBlock .footLanguageBlock .footLanguageBox {
		flex: 0 0 25%;
		max-width: 25%;
	}

	.modal-lg,
	.modal-xl {
		max-width: 800px;
	}

	/* things-to-do
	------------------------------ */
	main .thingsHeadBlock {
		max-width: 960px;
	}
	main .thingsBlock {
		max-width: 960px;
		padding-right: 20px;
	}
	main .thingsBlock .thingsBox {
		flex: 0 0 50%;
		max-width: 50%;
	}
	main .thingsBlock .thingsBox_weather {
		width: 51%;
	}
	main .thingsBlock > ul li a.image-button__link {
		height: 80px;
	}
	main .thingsBlock > ul li a .image-button__visual {
		flex: 0 0 80px;
	}
	main .thingsList {
		max-width: 960px;
	}
	main .thingsList .thingsListBox {
		flex: 0 0 70%;
		max-width: 70%;
		padding-right: 0px;
		padding-left: 0px;
	}
	main .filterBlock {
		flex: 0 0 30%;
		max-width: 30%;
	}
	.listing > article .listing__img-container {
		flex: 0 0 200px;
	}

	/* seasons Spring
	------------------------------ */
	.image-hero {
		width: 48%;
	}
	main .tokushuBlock .tokushuTitle {
		max-width: 960px;
		padding-right: 0px;
		padding-left: 0px;
	}
	main .postBlock .postList ol .listing > article .postListText {
		width: calc(100% - 220px);
	}
	main .postBlock .postList ol .listing > article .postListPhoto {
		width: 200px;
	}
	.cards--scroll {
		padding-left: calc(50vw - 472px);
		scroll-padding-left: calc(50vw - 472px);
	}
	.cards--scroll:after {
		flex: 0 0 calc(50vw - 490px);
	}
	.cards--scroll .card {
		width: 220px;
		flex: 0 0 220px;
	}

	/* destinations
	------------------------------ */
	main .destinationsBlock {
		max-width: 960px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
	}
	main .destinationsBlock .destinationsBox {
		width: calc(50% - 30px);
		max-width: calc(50% - 30px);
	}
	main .destinationsBlock .destinationsMap {
		width:  calc(50% - 30px);
	}
	main .destinationsArea {
		max-width: 960px;
	}
	.image-card__img-mask {
		padding-top: 120%;
	}
	main .spotBlock {
		max-width: 960px;
	}
	main .spotBlock .cardBlock .card {
		width: 25%;
	}
	/*	Accomondation	*/
	main .accomondationBlock {
		max-width: 960px;
	}
	main .accomondationBlock .accomondationList ul li {
		flex: 0 0 calc(100% / 3);
		max-width: calc(100% / 3);
	}


	/* Blogss
	------------------------------ */
	main .postBlockTitle {
		max-width: 960px;
	}
	main .postBlockList {
		max-width: 960px;
	}
	main .postBlockList .postBlockListLeft {
		flex: 0 0 70%;
		max-width: 70%;
		padding-right: 0px;
		padding-left: 0px;
	}
	main .postBlockList .postBlockListLeft .listing > article .postListText {
		width: calc(100% - 220px);
	}
	main .postBlockList .postBlockListLeft .listing > article .postListPhoto {
		width: 200px;
	}
	.blogBody img {
		max-width: 591px;
	}

	/* page
	------------------------------ */
	main .pageBlock {
		max-width: 960px;
	}
	main .pageBlock article {
		max-width: calc(100% - 33%);
	}
	main .pageBlock > nav {
		max-width: 33%;
		padding-left: 20px;
	}
	main .planningBlock .planningList2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
	.small-list {
		width: 50%;
		padding-right: 15px;
		padding-left: 15px;
	}
	main .planningBlock.planningBlockFlex {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	main .planningBlock .planning-article {
		width: calc(100% / 3 * 2);
	}
	main .planningBlock nav {
		width: calc(100% / 3);
		padding: 0 15px 0 2rem;
	}

	/* Destination Spot
	------------------------------ */
	main .spotTitle {
		max-width: 960px;
	}
	main .spotBlockLong {
		max-width: 960px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
	}
	main .spotBlockLong .spotBlockLongLeft {
		width: calc(100% / 3 * 2);
	}
	main .spotBlockLong .spotBlockLongRight {
		width: calc((100% / 3) - 2rem);
	}

	/*	itineraries model course
	------------------------------ */
	main .itinerariesBlock {
		max-width: 960px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
	}
	main .itinerariesBlock .itinerariesBlockLeft {
		width: calc(100% - 320px);
	}
	main .itinerariesBlock .itineraryMap {
		width: 290px;;
	}
	main .typeSelectBlock {
		max-width: 920px;
	}
	main .typeSelectBlock .typeSelectBox {
		margin: 0 30px;
	}

	/*	blogs 詳細
	------------------------------ */
	main .blogsTitle {
		width: 960px;
	}
	main .blogsTitle .blogsTitleBlogs {
		max-width: 75%;
	}
	main .blogsBlock {
		width: 960px;
	}
	main .blogsBlock .justify-content-center {
		max-width: 75%;
	}

	/* tours(index)
	------------------------------ */
	main .tourBlockTitle {
		max-width: 960px;
	}
	main .tourTypeSelect {
		max-width: 960px;
	}
	main .tourTypeSelect ul li {
		width: auto;
	}
	main .tourTypeSelect ul li label {
		padding: 8px 30px;
	}
	main .tourBlockList {
		padding: 0 calc(50% - 480px) 5rem;
	}
	main .tourBlockList .tourBlockBox .tourBox a .tourPhoto {
/*		padding-bottom: 300px; */
		padding-bottom: 66.7%;
	}

	/* tours(詳細disp)
	------------------------------ */
	main .tourSlideShow .toursSlide .tourBox .tourPhoto {
		padding-bottom:480px;
	}
	main .tourBlockDetail .tourDetail .tourDetailText p img {
		max-width: 800px;
		margin: 0 auto;
		display: block;
	}
	main .tourBlockDetail .tourDetail .tourDetailText p iframe {
/*		max-width: 800px; */
	}
	main .tourBlockDetail {
		max-width: 960px;
	}
	main .tourBlockDetail .tourStart {
		-webkit-column-gap: 30px;
		-moz-column-gap: 30px;
				column-gap: 30px;
	}
	main .tourBlockDetail .tourStart .tourStartMap {
		width: calc(50% - 15px);
	}
	main .tourBlockDetail .tourStart .tourAccess {
		width: calc(50% - 15px);
		display: initial;
	}
	main .tourBlockDetail .tourStart .tourAccess > div {
		width: 100%;
	}
	main .tourReviews {
		padding: 2rem calc(50% - 480px);
	}


	/*	search Result
	------------------------------ */
	main .searchResultInput {
		max-width: 960px;
	}
	main .searchResult {
		max-width: 960px;
	}
	main .searchResult .filter {
		width: 30%;
	}
	main .searchResult .searchResultList {
		width: 70%;
	}
	main .searchResult .searchResultSort .listing .listing__img-container {
		flex: 0 0 200px;
	}

	/*	where to stay
	------------------------------ */
	main .bannerBlock {
		max-width: 960px;
	}
	main .bannerBlockList ul li {
		width: calc(100% / 3);
	}
	.image-button__visual {
		flex: 0 0 80px;
	}
	.image-button__link {
		height: 80px;
	}

	/* sitemap
	------------------------------ */
	main .sitemapBlock {
		max-width: 960px;
	}
}



@media (min-width: 1200px) {

	main .intro {
/*		margin-top: -19rem; */
	}
	main .intro .introBox .fukushima {
		width: 130px;
	}
	main .intro .introBox h1 {
		font-size: 4.4rem;
		max-width: 80%;
	}
	main .intro .introBox h1 span {
		font-size: 2.8rem;
		max-width: 555px;
		margin: 44px auto 0;
	}
	.container {
		max-width: 1140px;
	}

/*
	main .intro {
		margin-right: 15rem;
		margin-left: 15rem;
	}
*/

	main .pankuzuBlock {
		max-width: 1140px;
	}

	/*  Tours in Fukushima  */
	main .tourBlockTitle .tourBlockTitleMovie {
		max-width: 720px;
	}
	main .tourBlockTitle .tourBlockTitleMovie iframe {
		height: 405px;
	}
	main .toursBlock {
		max-width: 1140px;
	}
	main .toursBlock h2 {
/*		max-width: 1140px;
		padding-left: calc(50% - 555px);
		padding-right: calc(50% - 555px);
*/	}
	main .toursBlock .linkMore {
/*		max-width: 1140px;
		padding-left: calc(50% - 555px);
		padding-right: calc(50% - 555px);
*/	}
	main .toursBlock .toursSlide {
		max-width: 1140px;
		gap: 8px;
	}
	main .toursBlock .toursSlide .tourBox {
		width: calc(25% - 6px);
	}
	main .toursBlock .toursSlide .tourBox a .tourPhoto {
/*		padding-bottom: 400px; */
	}

	/*  Fukushima Prefecture  */
	main .fukushimaBlock {
		max-width: 1140px;
	}

	/*  Unique in Fukushima  */
	main .spotBlockTop {
		max-width: 1140px;
	}
	main .planningBlock {
		max-width: 1140px;
	}
	main .tripsBlock {
		max-width: 1140px;
	}
	main .seasonBlock {
		max-width: 1140px;
	}
	main .postBlock {
		max-width: 1140px;
	}
	main .experiencesBlock {
		max-width: 1140px;
	}

	main .gallery-container {
		max-width: 1140px;
	}

	main .partnersBlock {
		max-width: 1140px;
	}

	main .searchBlock {
		max-width: 1140px;
	}

	footer .footBlock {
		max-width: 1140px;
	}

	/* things-to-do
	------------------------------ */
	main .thingsHeadBlock {
		max-width: 1140px;
	}
	main .thingsBlock {
		max-width: 1140px;
	}
	main .thingsList {
		max-width: 1140px;
	}
	main .thingsList.thingsListBox {
		flex: 0 0 70%;
		max-width: 70%;
	}
	main .filterBlock {
		flex: 0 0 25%;
		max-width: 25%;
	}

	/* seasons Spring
	------------------------------ */
	main .tokushuBlock .tokushuTitle {
		max-width: 1140px;
	}
	.cards--scroll {
		padding-left: calc(50vw - 562px);
		scroll-padding-left: calc(50vw - 562px);
	}
	.cards--scroll:after {
		flex: 0 0 calc(50vw - 580px);
	}
	.cards--scroll .card {
		width: 265px;
		flex: 0 0 265px;
	}

	/* destinations
	------------------------------ */
	main .destinationsBlock {
		max-width: 1140px;
	}
	main .destinationsArea {
		max-width: 1140px;
	}
	main .spotBlock {
		max-width: 1140px;
	}
	.hero__location {
		top: auto;
		right: auto;
		bottom: 0.75rem;
		left: 0.75rem;
	}

	/* Blogss
	------------------------------ */
	main .postBlockTitle {
		max-width: 1140px;
	}
	main .postBlockList {
		max-width: 1140px;
	}

	/* page
	------------------------------ */
	main .pageBlock {
		max-width: 1140px;
	}
	main .pageBlock article {
		max-width: calc(100% - 30%);
	}
	main .pageBlock > nav {
		max-width: 30%;
		padding-left: 45px;
	}
	main .planningBlock nav {
		max-width: 30%;
		padding-left: 45px;
	}

	/* Destination Spot
	------------------------------ */
	main .spotTitle {
		max-width: 1140px;
	}
	main .spotBlockLong {
		max-width: 1140px;
	}
	main .spotBlockLong .spotBlockLongLeft {
		width: calc(100% / 3 * 2);
	}
	main .spotBlockLong .spotBlockLongRight {
		width: calc((100% / 3) - 3rem);
	}

	/*	itineraries model course
	------------------------------ */
	main .itinerariesBlock {
		max-width: 1140px;
	}
	main .itinerariesBlock .itinerariesBlockLeft {
		width: calc(100% - 380px);
	}
	main .itinerariesBlock .itineraryMap {
		width: 350px;
	}
	main .typeSelectBlock {
		max-width: 1100px;
	}

	/*	blogs 詳細
	------------------------------ */
	main .blogsTitle {
		width: 1140px;
	}
	main .blogsTitle .blogsTitleBlogs {
		max-width: 66.6%;
	}
	main .blogsBlock {
		width: 1140px;
	}
	main .blogsBlock .justify-content-center {
		max-width: 66.6%;
	}

	/* tours(index)
	------------------------------ */
	main .tourBlockTitle {
		max-width: 1140px;
	}
	main .tourTypeSelect {
		max-width: 1140px;
	}
	main .tourBlockList {
		padding: 0 calc(50% - 570px) 5rem;
	}
	main .tourBlockList .tourBlockBox .tourBox a .tourPhoto {
/*		padding-bottom: 400px; */
		padding-bottom: 66.7%;
	}

	/* tours(詳細disp)
	------------------------------ */
	main .tourBlockDetail {
		max-width: 1140px;
	}
	main .tourReviews {
		padding: 2rem calc(50% - 570px);
	}

	/*	search Result
	------------------------------ */
	main .searchResultInput {
		max-width: 1140px;
	}
	main .searchResult {
		max-width: 1140px;
	}
	main .searchResult .filter {
		width: calc(100% / 4);
	}
	main .searchResult .searchResultList {
		width: calc(100% - (100% / 4));
	}

	/*	where to stay
	------------------------------ */
	main .bannerBlock {
		max-width: 1140px;
	}

	/* sitemap
	------------------------------ */
	main .sitemapBlock {
		max-width: 1140px;
	}
}





@media (min-width: 1600px) {

	main .intro .introBox h1 {
		font-size: 5rem;
	}
	main .intro .introBox h1 span {
		font-size: 2.4rem;
	}
	main .hero a {
		top: auto;
		right: auto;
		bottom: 0.75rem;
		left: 0.75rem;
	}
}