﻿html {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

body {
	font-size: 16px;
	font-size: 1rem;
	color: #231f20;
	background: #fff;
}

hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 0.2em;
}

ul,
ol {
	margin: 0 0 1.75em 1.25em;
	padding: 0;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

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

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 0.25em;
}

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

del {
	opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
                 
}

table {
	border-collapse: separate;
	border-spacing: ;
	border-width: 1px 0 0 1px;
	margin: auto;
	table-layout: fixed;
	max-width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
                 max-width: 30em;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
        mmax-width: ;
        background-color: #faf0e6;
}

td {
	border-width: 0 1px 1px 0;
        font-weight: ;
}

th,
td {
	padding: 0.4375em;
}

p {
	margin: 0 0 1em 0;
	padding: 0;
}

::-webkit-input-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", Meiryo, "メイリオ", sans-serif;
}

:-moz-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", Meiryo, "メイリオ", sans-serif;
}

::-moz-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", Meiryo, "メイリオ", sans-serif;
	opacity: 1;
}

:-ms-input-placeholder {
	color: #686868;
	font-family: Montserrat, "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", Meiryo, "メイリオ", sans-serif;
}

#header {
	background-color:#00BFFF;
         padding: 0 0 0 0;
	overflow: hidden;
}

.header-image {
	margin: 0;
	padding: 0 0 0 0em;
	float: left;
	height:0em;
	overflow: hidden;
}

.header-info {
	font-size: 12px;
	font-size: 0.75rem;
	margin: 0;
	padding: 0 0 0 1em;
	float: left;
	overflow: hidden;
}

.header-mail {
	display: none;
}

.header-tel {
	display: none;
}

.header-menu-button {
	display: block;
	margin: 0;
	padding: 0 2em 0 0;
	float: right;
}

.header-menu-button button {
	width: 2em;
	height: 2em;
	color: rgba(255, 255, 255, 0);
	background-color: #00BFFF;
	background-image: url("../img/menu-button.png");
	background-size: contain;
	border: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

.global-navi {
	clear: both;
	width: 100%;
	padding: 1em 0 0.5em 3em;
	display: none;
}

#header .toggle-on {
	display: block;
}

.global-navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.global-navi li {
}

.global-navi a {
	text-decoration: none;
}

#topimages {
	clear: both;
	width: 100%;
	height: auto;
	position: relative;
	overflow: hidden;
}

.topimage-box:before {
	content: "";
	display: block;
	padding-top: 0%;
}

.main-visual {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

.main-visual img {
	width: 100%;
}

.topimages-slide-left {
	position: absolute;
	left: 1em;
	top: 50%;
	transform: translate(0, -50%);
	max-width: 4em;
	min-width: 2em;
	width: 5%;
	z-index: 100;
}

.topimages-slide-right {
	position: absolute;
	right: 1em;
	top: 50%;
	transform: translate(0, -50%);
	max-width: 4em;
	min-width: 2em;
	width: 5%;
	z-index: 100;
}

.topimages-slide-left img,
.topimages-slide-right img {
	width: 100%;
}

.document {
	background: #FFFFFF;
        clear: both;
	padding: 0em 0 3em;
	overflow: hidden;
}

.contents {
	clear: both;
}

.contents a {
	text-decoration: none;
}

.toppage .contents {
	text-align: left;
}

.toppage .contents h1 {
	clear: both;
	font-size: 26px;
	font-size: 1.625rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: normal;
	margin: 0 1.23em;
	padding: 0;
}

.contents .top-copy {
	font-size: 14px;
	font-size: 0.875rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 1em 5.28em 0;
}

.top-infomation {
	clear: both;
	text-align: left;
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	padding: 2em 2em 0;
}

.top-infomation-title {
	clear: both;
	font-size: 20px;
	font-size: 1.25rem;
	text-align: center;
}

.top-infomation-list {
	padding-top: 1em;
}

.top-infomation-list dl {
	font-size: 12px;
	font-size: 0.75rem;
	margin: 0;
	padding: 0;
}

.top-infomation-list dt {
	position: absolute;
	font-weight: normal;
	width: 7em;
}

.top-infomation-list dd {
	line-height: 1.25;
	margin-left: 7em;
	padding-bottom: 0.5em;
}

.top-infomation-list a {
	text-decoration: none;
}

.top-main-items,
.top-main-items2,
.top-main-items3,
.top-main-items4 {
	clear: both;
	text-align: left;
	padding: 1em 2em 0;
}

.top-main-items ul,
.top-main-items2 ul,
.top-main-items3 ul,
.top-main-items4 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

.top-main-items li,
.top-main-items2 li,
.top-main-items3 li,
.top-main-items4 li {
	position: relative;
	margin-bottom: 2em;
}

.top-main-items .item-image,
.top-main-items2 .item-image,
.top-main-items3 .item-image,
.top-main-items4 .item-image {
	overflow: hidden;
}

.top-main-items .item-image img,
.top-main-items2 .item-image img,
.top-main-items3 .item-image img,
.top-main-items4 .item-image img {
	width: 100%;
	height: 100%;
}

.top-main-items .item-title,
.top-main-items2 .item-title,
.top-main-items3 .item-title,
.top-main-items4 .item-title {
	position: absolute;
	font-size: 32px;
	font-size: 2rem;
	line-height: 1;
	top: 26%;
	top: -webkit-calc(50% - 1.3em);
	top: calc(50% - 1.3em);
	width: 100%;
	text-align: center;
}

.top-main-items .item-title-belt,
.top-main-items2 .item-title-belt,
.top-main-items3 .item-title-belt,
.top-main-items4 .item-title-belt {
	position: absolute;
	font-size: 24px;
	font-size: 1.5rem;
	top: 50%;
	width: 100%;
	height: 1.62em;
	text-align: center;
}

.top-main-items .item-link,
.top-main-items2 .item-link,
.top-main-items3 .item-link,
.top-main-items4 .item-link {
	position: absolute;
	font-size: 20px;
	font-size: 1.25rem;
	top: 72%;
	top: -webkit-calc(50% + 2.5em);
	top: calc(50% + 2.5em);
	width: 100%;
	text-align: center;
}

.top-main-items .item-link a,
.top-main-items2 .item-link a,
.top-main-items3 .item-link a,
.top-main-items4 .item-link a {
	text-decoration: none;
}

.top-sub-title {
	clear: both;
	width: 100%;
	padding-top: 1em;
}

.top-sub-title img {
	width: 100%;
}

.top-sub-copy {
	font-size: 14px;
	font-size: 0.875rem;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding: 2em 2.2857em 0;
	line-height: 2;
	text-align: center;
}

.top-sub-items,
.top-sub-items2,
.top-sub-items3,
.top-sub-items4 {
	clear: both;
	text-align: left;
	padding: 2em 2em 0;
}

.top-sub-items ul,
.top-sub-items2 ul,
.top-sub-items3 ul,
.top-sub-items4 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
	overflow: hidden;
}

.top-sub-items li,
.top-sub-items2 li,
.top-sub-items3 li,
.top-sub-items4 li {
	margin-bottom: 2em;
}

.top-sub-items .item-image,
.top-sub-items2 .item-image,
.top-sub-items3 .item-image,
.top-sub-items4 .item-image {
	width: 100%;
}

.top-sub-items .item-image img,
.top-sub-items2 .item-image img,
.top-sub-items3 .item-image img,
.top-sub-items4 .item-image img {
	width: 100%;
}

.top-sub-items .item-title,
.top-sub-items2 .item-title,
.top-sub-items3 .item-title,
.top-sub-items4 .item-title {
	padding-top: 0.5em;
}

.top-sub-items .item-caption,
.top-sub-items2 .item-caption,
.top-sub-items3 .item-caption,
.top-sub-items4 .item-caption {
	padding-top: 0.25em;
}

.top-sub-items .item-comment,
.top-sub-items2 .item-comment,
.top-sub-items3 .item-comment,
.top-sub-items4 .item-comment {
	font-size: 11px;
	font-size: 0.75rem;
	padding-top: 1em;
}

.top-sub-items .item-link,
.top-sub-items2 .item-link,
.top-sub-items3 .item-link,
.top-sub-items4 .item-link {
	font-size: 11px;
	font-size: 0.75rem;
	padding-top: 1em;
}

#footer {
	clear: both;
	padding-top: 1.5em;
	padding-left: 2em;
}

#footer .footer-global-navi {
	font-size: 12px;
	font-size: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0 0 2em;
}

#footer .footer-navi {
	display: none;
}

#footer .footer-navi li {
}

#footer .footer-global-navi a,
#footer .footer-navi a {
	text-decoration: none;
}

.side-menu {
	display: none;
}

.underpage .page-title {
	clear: both;
	font-size: 26px;
	font-size: 1.625rem;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 0 1.23em;
	padding: 0;
}

.underpage .page-title-03 {
	clear: both;
	font-size: 32px;
	font-size: 2rem;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-align: center;
}

.contents .page-copy {
	margin: 0 0 0 2em;
	padding-bottom: 1em;
}

.contents .page-copy-03 {
	margin: 0;
	padding-bottom: 1em;
	text-align: center;
	width: 100%;
}

.contents .page-image {
	margin: 0 2em;
	text-align: center;
}
.contents .page-image img {
	width: 100%;
	padding-bottom: 2em;
}

.content-section,
.content-section-05,
.content-section-09 {
	clear: both;
	margin: 0 0.5em 0 0.5em;
	overflow: hidden;
}

.content-section .content-image,
.content-section .content-body {
	width: 100%;
}

.content-section .content-body {
	padding-bottom: 1em;
}

.content-section .content-body h2 {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 0;
	padding: 0 0 0.5em 0;
}

.content-section .content-body p {
	font-size: 14px;
	font-size: 0.875rem;
	margin: 0;
	padding: 0 0 0.571em 0;
}

.content-section .content-image img {
	width: 100%;
}
.content-section-05 .content-body {
	clear: both;
	width: 100%;
}

.content-section-05 h2 {
	clear: both;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 0;
	padding: 0 0 0.5em 0;
}

.content-section-05 p {
	font-size: 14px;
	font-size: 0.875rem;
	margin: 0;
	padding: 0 0 0.571em 0;
}

.content-section-05 .content-image {
	float: left;
	width: 28%;
	min-width: 10em;
	padding-right: 2em;
	padding-bottom: 1em;
}

.content-section-05 .content-image img {
	width: 100%;
}

.content-map {
	width: 100%;
	margin-bottom: 2em;
}

.content-section-09 h2 {
	clear: both;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: normal;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 0;
	padding: 0 0 0.5em 0;
}

.content-section-09 dl {
	margin: 0 0 1em 0;
	padding: 0;
}

.content-section-09 dt {
	position: absolute;
	font-weight: normal;
	width: 5em;
}

.content-section-09 dd {
	line-height: 1.25;
	margin-left: 5em;
}

.content-section-gallery {
	overflow: hidden;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	margin: 0 2em 1em;
}

.content-section-gallery .gallery-main {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 100%;
	height: auto;
	margin: 0 0 0.1em 0;
}

.content-section-gallery .gallery-main:before {
	content: "";
	display: block;
	padding-top: 75%;
}

.content-section-gallery .gallery-list {
	display: -webkit-flex;
	display: flex;
	width: 100%;
	height: auto;
	overflow: auto;
}

.content-section-gallery .gallery-list ul {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: row;
	flex-direction: row;
	width: auto;
	list-style: none;
	margin: 0;
	padding: 0;
}

.content-section-gallery .gallery-list li {
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width: 10em;
	margin: 0 0 0 0.1em;
}

.content-section-gallery img {
	width: 100%;
}

.content-section-gallery video {
	width: 100%;
}

/**
 * >= 640px
 */

@media screen and (min-width: 40em) {
	.top-main-items li:nth-child(2n+1),
	.top-main-items2 li:nth-child(2n+1),
	.top-main-items3 li:nth-child(2n+1),
	.top-main-items4 li:nth-child(2n+1) {
		clear: both;
		float: left;
		width: 48%;
	}

	.top-main-items li:nth-child(2n+0),
	.top-main-items2 li:nth-child(2n+0),
	.top-main-items3 li:nth-child(2n+0),
	.top-main-items4 li:nth-child(2n+0) {
		clear: none;
		float: right;
		width: 48%;
	}

	.top-sub-items li:nth-child(2n+1),
	.top-sub-items2 li:nth-child(2n+1),
	.top-sub-items3 li:nth-child(2n+1),
	.top-sub-items4 li:nth-child(2n+1) {
		clear: both;
		float: left;
		width: 48%;
	}

	.top-sub-items li:nth-child(2n+0),
	.top-sub-items2 li:nth-child(2n+0),
	.top-sub-items3 li:nth-child(2n+0),
	.top-sub-items4 li:nth-child(2n+0) {
		clear: none;
		float: right;
		width: 48%;
	}
}

/**
 * >= 1029px
 */

@media screen and (min-width: 64.3125em) {
	#page {
		margin: 0 auto;
		max-width: 1025px;
		position: relative;
	}

	#header {
		padding-top: 0em;
	}

	.header-image {
		margin: 0;
		padding: 0 0 0 0em;
		float: left;
		height: 1em;
		overflow: hidden;
	}

	.header-info {
		font-size: 16px;
		font-size: 1rem;
		margin: 0;
		padding: 0 0 0 1em;
		float: left;
		overflow: hidden;
	}

	.header-mail {
		display: block;
		margin: 0;
		padding: 0 1em 0 0;
		float: right;
		height: 0em;
	}

	.header-mail a {
		display: block;
		font-size: 10px;
		font-size: 0.625rem;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
		background-image: ;
		background-size: contain;
		background-repeat: no-repeat;
		text-decoration: none;
		line-height: 3.2;
		height: 0em;
		padding-left: 6em;
		padding-right: 1.5em;
	}

	.header-tel {
		display: block;
		margin: 0;
		padding: 0 1em 0 0;
		float: right;
		height: 3.625em;
		overflow: hidden;
	}

	.header-menu-button {
		display: none;
	}

	.global-navi {
		clear: both;
		width: 100%;
		height: 3.6875em;
		text-align: center;
		padding: 0;
		display: block;
	}

	.global-navi li {
		display: inline-block;
		margin: 1.125em 0.875em 0;
	}

	.global-navi a {
		text-decoration: none;
	}

	.toppage .contents {
		text-align: center;
		padding: 0 0.5em 0 0.5em;
	}

	.top-infomation {
		padding: 3em 3.75em 0;
	}

	.top-infomation-title {
		clear: both;
		float: left;
		font-size: 16px;
		font-size: 1rem;
		width: 7em;
		padding-top: 1.375em;
		text-align: center;
	}

	.top-infomation-list {
		float: right;
		width: 43.125em;
		padding-top: 0;
	}

	.top-infomation-list dd {
		width: 50em;
		padding-bottom: 1em;
	}

	.top-main-items,
	.top-main-items2,
	.top-main-items3,
	.top-main-items4 {
		clear: both;
		text-align: left;
		padding: 2.25em 5.75em 0;
	}

	.top-main-items li:nth-child(2n+1),
	.top-main-items2 li:nth-child(2n+1) {
		clear: left;
		float: left;
		width: 24.9375em;
		padding-right: 2.625em;
		position: relative;
	}
	.top-main-items li:nth-child(2n+0),
	.top-main-items2 li:nth-child(2n+0) {
		clear: none;
		float: left;
		width: 24.9375em;
		padding-right: 0;
		position: relative;
	}

	.top-main-items3 li:nth-child(3n+1) {
		clear: left;
		float: left;
		width: 15.75em;
		padding-right: 2.625em;
		position: relative;
	}
	.top-main-items3 li:nth-child(3n+2) {
		clear: none;
		float: left;
		width: 15.75em;
		padding-right: 2.625em;
		position: relative;
	}
	.top-main-items3 li:nth-child(3n+0) {
		clear: none;
		float: left;
		width: 15.75em;
		padding-right: 0;
		position: relative;
	}

	.top-main-items4 li:nth-child(4n+1) {
		clear: left;
		float: left;
		width: 11.1562em;
		padding-right: 2.625em;
		position: relative;
	}
	.top-main-items4 li:nth-child(4n+2),
	.top-main-items4 li:nth-child(4n+3) {
		clear: none;
		float: left;
		width: 11.1562em;
		padding-right: 2.625em;
		position: relative;
	}
	.top-main-items4 li:nth-child(4n+0) {
		clear: none;
		float: left;
		width: 11.1562em;
		padding-right: 0;
		position: relative;
	}

	.top-main-items .item-image,
	.top-main-items2 .item-image {
		width: 24.9375em;
		height: 15.6354em;
		overflow: hidden;
	}
	.top-main-items3 .item-image {
		width: 15.75em;
		height: 9.875em;
		overflow: hidden;
	}
	.top-main-items4 .item-image {
		width: 11.1562em;
		height: 6.9947em;
		overflow: hidden;
	}

	.top-main-items .item-title,
	.top-main-items2 .item-title {
		position: absolute;
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 1;
		top: 4.8289em;
		width: 19.95em;
		text-align: center;
	}
	.top-main-items3 .item-title {
		position: absolute;
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 1;
		top: 2.6em;
		width: 12.6em;
		text-align: center;
	}
	.top-main-items4 .item-title {
		position: absolute;
		font-size: 20px;
		font-size: 1.25rem;
		line-height: 1;
		top: 1.5em;
		width: 8.9249em;
		text-align: center;
	}

	.top-main-items .item-title-belt,
	.top-main-items2 .item-title-belt {
		position: absolute;
		font-size: 16px;
		font-size: 1rem;
		top: 7.7236em;
		width: 24.9375em;
		height: 1.375em;
		text-align: center;
	}
	.top-main-items3 .item-title-belt {
		position: absolute;
		font-size: 16px;
		font-size: 1rem;
		top: 4.875em;
		width: 15.75em;
		height: 1.375em;
		text-align: center;
	}
	.top-main-items4 .item-title-belt {
		position: absolute;
		font-size: 16px;
		font-size: 1rem;
		top: 3.5em;
		width: 11.1562em;
		height: 1.375em;
		text-align: center;
	}

	.top-main-items .item-link,
	.top-main-items2 .item-link {
		position: absolute;
		font-size: 16px;
		font-size: 1rem;
		top: 12.75em;
		width: 24.9375em;
		text-align: center;
	}
	.top-main-items3 .item-link {
		position: absolute;
		font-size: 16px;
		font-size: 1rem;
		top: 7.125em;
		width: 15.75em;
		text-align: center;
	}
	.top-main-items4 .item-link {
		position: absolute;
		font-size: 16px;
		font-size: 1rem;
		top: 5em;
		width: 11.1562em;
		text-align: center;
	}

	.top-sub-title {
		clear: both;
		width: 60.0625em;
		padding: 4.375em 0 0 2em;
	}

	.top-sub-items,
	.top-sub-items2,
	.top-sub-items3,
	.top-sub-items4 {
		padding: 2em 0 0 5.5em;
	}

	.top-sub-items li:nth-child(2n+1),
	.top-sub-items2 li:nth-child(2n+1) {
		clear: left;
		float: left;
		width: 25.1875em;
		padding-right: 1.6875em;
	}
	.top-sub-items li:nth-child(2n+0),
	.top-sub-items2 li:nth-child(2n+0) {
		clear: none;
		float: left;
		width: 25.1875em;
		padding-right: 0;
	}

	.top-sub-items3 li:nth-child(3n+1) {
		clear: left;
		float: left;
		width: 16.2291em;
		padding-right: 1.6875em;
	}
	.top-sub-items3 li:nth-child(3n+2) {
		clear: none;
		float: left;
		width: 16.2291em;
		padding-right: 1.6875em;
	}
	.top-sub-items3 li:nth-child(3n+0) {
		clear: none;
		float: left;
		width: 16.2291em;
		padding-right: 0;
	}

	.top-sub-items4 li:nth-child(4n+1) {
		clear: left;
		float: left;
		width: 11.75em;
		padding-right: 1.6875em;
	}
	.top-sub-items4 li:nth-child(4n+2),
	.top-sub-items4 li:nth-child(4n+3) {
		clear: none;
		float: left;
		width: 11.75em;
		padding-right: 1.6875em;
	}
	.top-sub-items4 li:nth-child(4n+0) {
		clear: none;
		float: left;
		width: 11.75em;
		padding-right: 0;
	}

	.top-sub-items .item-image,
	.top-sub-items2 .item-image {
		width: 25.1875em;
	}
	.top-sub-items3 .item-image {
		width: 16.2291em;
	}
	.top-sub-items4 .item-image {
		width: 11.75em;
	}

	.top-sub-items .item-image img,
	.top-sub-items2 .item-image img,
	.top-sub-items3 .item-image img,
	.top-sub-items4 .item-image img {
		width: 100%;
	}

	.top-sub-items .item-title,
	.top-sub-items2 .item-title,
	.top-sub-items3 .item-title,
	.top-sub-items4 .item-title {
		padding-top: 0.5em;
	}

	.top-sub-items .item-caption,
	.top-sub-items2 .item-caption,
	.top-sub-items3 .item-caption,
	.top-sub-items4 .item-caption {
		padding-top: 0.25em;
	}

	.top-sub-items .item-comment,
	.top-sub-items2 .item-comment,
	.top-sub-items3 .item-comment,
	.top-sub-items4 .item-comment {
		font-size: 11px;
		font-size: 0.75rem;
		padding-top: 1em;
	}

	.top-sub-items .item-link,
	.top-sub-items2 .item-link,
	.top-sub-items3 .item-link,
	.top-sub-items4 .item-link {
		font-size: 10px;
		font-size: 0.625rem;
		padding-top: 1em;
	}

	#footer {
		padding: 1em 1.5em 1.5em;
		overflow: hidden;
	}

	#footer .footer-global-navi {
		list-style: none;
		width: 100%;
		margin: 0;
		padding: 0 0 1em;
		text-align: center;
	}

	#footer .footer-global-navi li {
		display: inline-block;
		margin: 0 0.5em 0;
	}

	#footer .footer-navi {
		display: block;
		float: left;
		font-size: 12px;
		font-size: 0.75rem;
		width: 12em;
		list-style: none;
		margin: 0 0 1em 4em;
		padding: 0;
	}

	.underpage .contents {
		margin: 0;
	}

	.underpage .page-title {
		margin: 0 1.23em;
		text-align: center;
	}

	.contents .page-image {
		margin: 0 5.75em;
		text-align: center;
	}
	.contents .page-image img {
		width: auto;
	}

	.contents .page-copy {
		margin: 0 5.75em;
	}

	.content-section,
	.content-section-05,
	.content-section-09 {
		margin: 0 2em 0 2em;
	}

	.content-section .content-image {
		float: left;
		width: 21em;
		margin-right: 1em;
	}

	.content-section .content-body {
		float: left;
		width: 29em;
		margin-right: 1em;
	}

	.content-section-gallery {
		-webkit-flex-direction: row;
		flex-direction: row;
		margin: 0 5.75em 1em;
	}

	.content-section-gallery .gallery-main {
		width: 37.5625em;
		height: 28.1718em;
		margin: 0 0.1em 0 0;
	}

	.content-section-gallery .gallery-main:before {
		content: normal;
		display: none;
		padding-top: 0;
	}

	.content-section-gallery .gallery-list {
		width: 15em;
		height: 28.1718em;
	}

	.content-section-gallery .gallery-list ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-direction: column;
		flex-direction: column;
		width: 100%;
		overflow-x: none;
		overflow-y: auto;
	}

	.content-section-gallery .gallery-list li {
		width: auto;
		height: auto;
		margin: 0 0 0.1em 0;
	}
}

.lh1 {
	line-height: 1;
}
.lh125 {
	line-height: 1.25;
}
.lh15 {
	line-height: 1.5;
}
.lh175 {
	line-height: 1.75;
}
.lh2 {
	line-height: 2;
}

.mb05 {
	margin-bottom: 0.5em;
}
.mb1 {
	margin-bottom: 1em;
}
.mb15 {
	margin-bottom: 1.5em;
}
.mb2 {
	margin-bottom: 2em;
}
.mb25 {
	margin-bottom: 2.5em;
}
.mb3 {
	margin-bottom: 3em;
}
.mb35 {
	margin-bottom: 3.5em;
}
.mb4 {
	margin-bottom: 4em;
}
.mb45 {
	margin-bottom: 4.5em;
}
/*omotenashi*/
[class*="linkbtn"] {
text-align: center;
}
[class*="linkbtn"] a {
display: block;
max-width: 400px;
position: relative;
margin: auto;
padding: 8px 45px 8px 15px;
border-radius: 5px;
color: #fff;
text-align: center;
font-size: 14px;
text-decoration: none;
box-sizing: border-box;
}
.linkbtns [class*="linkbtn"] a {
max-width: 100%;
font-size: 24px;
padding: 20px;
}
[class*="linkbtn"] a:before {
position: absolute;
}
[class*="linkbtn"] a:before {
content: "\0025CE";
font-size: 30px;
top: 50%;
right: 10px;
transform: translateY(-50%);
}
.linkbtn__red a {
background: #E60044;
box-shadow: 0px 7px 0px #AD003A;
}
.linkbtn__red a:hover {
color: #fff;
background: #FF0357;
}
.linkbtn__red a:active {
background: #AD003A;
box-shadow: none;
transform: translateY(7px);
-webkit-transform: translateY(7px);
}
.linkbtn__blueline a {
background: #fff;
border: 2px solid #007CBA;
color: #007CBA;
box-shadow: 0px 2px 0px #005d8b;
line-height:155%;
}
.linkbtn__blueline a:hover {
background: #005d8b;
border-color: #005d8b;
color: #fff;
color:rgb(244, 255, 88);
}
.linkbtn__blueline a:active {
background: #4fc2fc;
border-color: #4fc2fc;
box-shadow: none;
transform: translateY(2px);
-webkit-transform: translateY(2px);
}
.linkbtn__gray a {
padding: 10px;
border: 2px solid #aaa;
color: #999;
cursor: text;
pointer-events: none;
}
@media screen and (min-width: 660px) {
[class*="fl-box"] .l-side [class*="linkbtn"] a {margin: 0;}
}
.linkbtn--Big a {
max-width: 800px; 
}
.content [class*="flwxwrap_feature_"] {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.content .flwxwrap_feature_1col figure,
.content .flwxwrap_feature_2col figure {
width: 46%;
max-width: 300px;
margin: 0 2%;
}
.content .flwxwrap_feature_3col figure {
width: 31%;
max-width: 300px;
margin: 0 1%;
}
@media (max-width: 659px){
.content .flwxwrap_feature_1col figure,
.content .flwxwrap_feature_2col figure,
.content .flwxwrap_feature_3col figure {
width: 100%;
margin: 0 auto 15px;
}
}
.main #container .content .feature .service {
font-size: 0.9em;
background-color:rgb(241, 126, 19);
}
.content .feature dt{
margin-bottom:15px;
}

.content dl.feature-point {
position: relative;
border: 2px solid #ffaa00;
border:2px solid #c00;
background: #fffef5;
margin: 0 auto 15px;
padding: 10px;
border-radius: 10px;
font-size: 1.1em;
line-height: 1.5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 768px) {
.content dl.feature-point {
margin: 1%;
width: 48%;
float: left;
min-height: 200px;
}
}
.content dl.feature-point dt {
position: absolute;
left: 0;
top: 0;
background: #ef7f00;
background: #c00;
border-radius: 5px 0 10px 0;
padding: 3px 6px;
color: #fff;
}
.content dl.feature-point dd {
margin-top: 30px;
}

/** **************************************

              おもてなし 
              協賛店舗一覧

**************************************  */
/* -------------------------------
 タブ切り替え全体のスタイル
------------------------------- */
.tabs {
    margin-top: 50px;
    padding-bottom: 50px;
    background-color: #fff;
    width: 100%;
    max-width:890px;
    margin: 0 auto;
}
/*タブのスタイル*/
.tab_item {
    width: calc(96%/7);
    height: 50px;
    margin-right: 4px;    
    color: #FFF;
    line-height: 50px;
    font-size: 14px;
    text-align: center;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
    box-sizing:border-box;
    border-radius: 10px 10px 0 0 ;
}

/* お花茶屋と新小岩のみ適応 */
div.tabs > label:nth-child(8), div.tabs > label:nth-child(12){
    line-height: 1.75;
}
/* --- 地域タブの色 --- */
/* 堀切 */
div.tabs > label:nth-of-type(-n+3)
{
    background-color: #00f ;
}
/* お花茶屋 ～ 新小岩 */
div.tabs > label:nth-of-type(n+4)
{
    background-color: orange;
}
/* 銭湯 */
.public-bath_description .su-spoiler-title {
    background-color: #00cd87 !important;
    color: #FFF;
}
div.tabs > label:nth-child(14)
{
    background-color: #00cd87;
}

.tab_item:hover {
    opacity: 0.75;
}
/*ラジオボタンを全て消す*/
    input[name="tab_item"] {
    display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
    display: none;
    padding: 10px 5px 0px;
    clear: both;
    overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#horikiri-1:checked ~ #horikiri-1_content,
#horikiri-2:checked ~ #horikiri-2_content,
#horikiri-3:checked ~ #horikiri-3_content,
#ohanajaya-aoto-shibamata:checked ~ #ohanajaya-aoto-shibamata_content,
#yotsugi:checked ~ #yotsugi_content,
#tateishi-shinkoiwa:checked ~ #tateishi-shinkoiwa_content,#public-bath:checked ~ #public-bath_content,
{
    display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
    background-color: #d4f8ff;
    color: #d73b30;
}
.content .outline_detail{
    line-height: 150%;
}
.content .outline_detail h3{
    margin-top:25px;
    margin-bottom: 5px;
}
#horikiri-1:checked ~ #horikiri-1_content,
#horikiri-2:checked ~ #horikiri-2_content,
#horikiri-3:checked ~ #horikiri-3_content,
#ohanajaya-aoto-shibamata:checked ~ #ohanajaya-aoto-shibamata_content,
#yotsugi:checked ~ #yotsugi_content,
#tateishi-shinkoiwa:checked ~ #tateishi-shinkoiwa_content,
#public-bath:checked ~ #public-bath_content
{
    display: block;
}
/* 写真掲載 */
.store-picture {
    display:flex;
}
.store-picture figure {
    margin: 1em 10em 0.5em;
    border:3px solid #ccc;
    margin-bottom: 5%;
    border-radius: 2px;
    overflow:hidden;
    background-color:;
    box-shadow: 5px 5px 5px #ccc;
}
.store-picture figure {
    max-width: 100%;
}

@media screen and (max-width:659px){
    label.tab_item {   
     width: calc(96%/3);
        margin-bottom:10px;
    }
    table{
        width:100%;
    }
    .tab_content_description table th, 
    .tab_content_description table td,
    .public-bath_description table th, 
    .public-bath_description table td
    {
        display: block;
        max-width:100%;
    }    
    .scroll{
        overflow: auto;
        white-space: nowrap;
    }
    .scroll::-webkit-scrollbar{
        height: 5px;
    }
    .scroll::-webkit-scrollbar-track{
        background: #F1F1F1 ;
    }
    .scroll::-webkit-scrollbar-thumb {
        background: #BCBCBC ;
    }
    .store-picture {
        display: block;
    }
    .store-picture figure {
        margin:0 1em 0;
        margin-bottom: 3%;
        margin-top: 2%;
    .store-picture figure img {
        max-width: 100%;
    }
    .store-picture h3.store-link {
        display: block;
        text-align: center;
    }    
    .store-picture h3.store-link a {
        font-size: 85%;
    }
    .store-picture figure {
        max-width: 100%;
    }
}
.content .size_table th,
.content .size_table td{
  font-size:0.9em !important;
  padding:6px !important;
  text-align:center;
  vertical-align:middle;
}
.h3.store-link { 
        border-bottom: none;
        margin-top: 1%;
        margin-bottom: 1%;
        font-size: 1.75rem;
        display: inline-block;
        padding: 20%;
        border-radius: 20px;
        margin-bottom: 5%;
    }
    h3.store-link:before { content: none; }
    h3.store-link a { text-decoration: none; }
    h3.store-link { border: 3px solid #dac486; background-color: #fff2cc; margin-top: 4%;  }
       h3.store-link:hover { background-color: #dac486; }
       h3.store-link a:hover { color: #fff2cc; }
    #ohanajaya-aoto-shibamata_content h3.store-link{ border: 3px solid #86a7f0; background-color: #d9e1f2; }
      #ohanajaya-aoto-shibamata_content h3.store-link:hover { background-color: #86a7f0; }
      #ohanajaya-aoto-shibamata_content h3.store-link a:hover { color: #d9e1f2; }
    #yotsugi_content h3.store-link{ border: 3px solid #ffb387; background-color: #fce4d6; }
      #yotsugi_content h3.store-link:hover { background-color: #ffb387; }
      #yotsugi_content h3.store-link a:hover { color: #fce4d6; }
    #tateishi-shinkoiwa_content h3.store-link{ border: 3px solid #007ac0; background-color: #fff7ca; }
      #tateishi-shinkoiwa_content h3.store-link:hover { background-color: #007ac0; }
      #tateishi-shinkoiwa_content h3.store-link a:hover { color: #fff7ca; }
    h3.public-bath { background-color: #ff704e; border: 3px solid #ffe27c; }
    h3.public-bath a { color: #FFF; }   
    h3.public-bath:hover{ background-color: #ffe27c; border: 3px solid #ff491b; }  
    h3.public-bath a:hover { color: #ff704e; }
    h3.store-link.close{pointer-events: none; cursor: default;}
}
.box2 {
    padding: 0.5em 1em;
    margin: 1em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #136FFF;
    border: solid 0px #6091d3;/*線*/
    border-radius: 5px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}
.box1 {
    padding: 0.3em 1em;
    margin: 1em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #CCFFFF;
    border: solid 0px #6091d3;/*線*/
    border-radius: 0px;/*角の丸み*/
}
.box1 p {
    margin: 0; 
    padding: 0;
}

/* アコーディオン */
.accordion {
margin: 1em auto;
max-width: 100vw;
background-color: ;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 1em;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
border: solid 2px #ccc;
border-radius: 8px;/*角の丸み*/
padding: 0.7em 3em 0.7em;
display: block;
color: #333;
font-weight: bold;
background-color: #faf0e6;
}
.title::after,
.title::before {
content: "";
position: absolute;
left: 1.25em;
top: 1.25em;
width: 2px;
height: 0.75em;
background-color: #999;
transition: all 0.3s;
}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
}
.content p {
margin: 0;
padding: 0em 1em 1.5em;
font-size: 0.9em;
line-height: 1.5;
}
.toggle:checked + .title + .content {
max-height: 2000px;
transition: all 1.5s;
border: solid 1px #ccc;
border-radius: 8px;/*角の丸み*/
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}
/*width------------------------------*/
.wd100px {
  width: 100px;
}
.wd200px {
  width: 200px;
}

.wd15 {
  width: 15%;
}
.wd18 {
  width: 18.3%;
}
.wd20 {
  width: 20%;
}
.wd22 {
  width: 22%;
}
.wd25 {
  width: 25%;
}
.wd27 {
  width: 27%;
}
.wd30 {
  width: 30%;
}
.wd33 {
  width: 33.33%;
}
.wd35 {
  width: 35%;
}
.wd40 {
  width: 40%;
}
.wd45 {
  width: 45%;
}
.wd49 {
  width: 49%;
}
.wd50 {
  width: 50%;
}
.wd55 {
  width: 55%;
}
.wd65 {
  width: 65%;
}
.wd70 {
  width: 70%;
}
.wd74 {
  width: 74%;
}
.wd76 {
  width: 76%;
}
.wd78 {
  width: 78%;
}
.wd80 {
  width: 80%;
}
.wd82 {
  width: 82%;
}
.wd90 {
  width: 90%;
}
.wd100 {
  width: 100%;
}
@media screen and (max-width: 40em) {
  .under40em-wd10 {
    width: 10%!important;
  }
  .under40em-wd20 {
    width: 20%!important;
  }
  .under40em-wd25 {
    width: 25%!important;
  }
  .under40em-wd30 {
    width: 30%!important;
  }
  .under40em-wd49 {
    width: 49%!important;
  }
  .under40em-wd50 {
    width: 50%!important;
  }
  .under40em-wd100 {
    width: 100%!important;
  }
}
@media screen and (max-width: 64.3125em) {
  .under64em-wd100 {
    width: 100%;
  }
}
@media screen and (min-width: 40.01em) and (max-width: 64em) {
  .within40-64em-wd49 {
    width: 49%!important;
  }
}
/*table要素＿画面幅40em以下で単列化--------*/

@media screen and (max-width: 40em) {
  .under40em-single-col tbody,
  .under40em-single-col tr,
  .under40em-single-col th,
  .under40em-single-col td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}
/*=============================================
               トップへ戻るボタン
=============================================*/
#page_top{
  width: 40px;
  height: 40px;
  position: fixed;
  right: 4%;
  bottom: 0;
  background: #a9a9a9;/**/
  opacity: 0.5;
  border-radius: 40%;
}
@media screen and (min-width: 64.3125em) {
	#page_top {
		right: 10%;
	}
}
#page_top a{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
