﻿@charset "UTF-8";

/* 画面表示用スタイル-PC・スマホ共通 */

/* ------------------------基本設定------------------------ */
/* 全体枠------------------------ */
body {
	margin: 0;
	padding: 0;
	color: #000000;
	font-family: "Noto Sans JP", 'Hiragino Kaku Gothic ProN', '游ゴシック', 'Yu Gothic Medium', 'メイリオ', Sans-Serif;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1.4em;
	background-color: #d4f1e4;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
div#baseall {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
}
/* フォント設定------------------------ */
@font-face {
	font-family: "Zen Maru Gothic";
	font-style: normal;
	font-weight: 400;
	src: url("../files/ZenMaruGothic-M.woff") format("woff");
	font-display: swap;
}
@font-face {
	font-family: "Zen Maru Gothic";
	font-style: normal;
	font-weight: 700;
	src: url("../files/ZenMaruGothic-B.woff") format("woff");
	font-display: swap;
}
.font-zenmaru-m {
	font-family: "Zen Maru Gothic", 'Hiragino Kaku Gothic ProN', '游ゴシック', 'Yu Gothic Medium', sans-serif;
	font-weight: 400;
}
.font-zenmaru-b {
	font-family: "Zen Maru Gothic", 'Hiragino Kaku Gothic ProN', '游ゴシック', 'Yu Gothic Medium', sans-serif;
	font-weight: 500;
}

/* ------------------------ヘッダー------------------------ */
div#theader,
div#header {
	background-color: #ffffff;
}
div#theader a:hover,
div#header a:hover {
	opacity: 1 !important;
}

/* 他はPC用・スマホ用のbase.cssに記述 */

/* ------------------------グローバルナビ------------------------ */
/* 使用なし */


/* ------------------------パンくずナビ------------------------ */
div.pankuzu {
	background-color: transparent;
}
/* 他はPC用・スマホ用のbase.cssに記述 */

/* ------------------------コンテンツ大枠------------------------ */
div.main {
	background-color: #ffffff;
}
/* 他はPC用・スマホ用のbase.cssに記述 */

/* ------------------------フッター------------------------ */
/* 他はPC用・スマホ用のbase.cssに記述 */

/* ------------------------サブナビ------------------------ */
/* サブナビゲーション */
div#losubnavi {
	display: none;/* サブナビは使用しない */
}


/* ------------------------共通タグの基本定義------------------------ */
/* 通常のリンク色------------------------ */
a:link {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	opacity: 0.8;
}
a:active {
	opacity: 0.8;
}
table.table01 th a:hover {
	opacity: 0.8;
}
table.table01 th a:active {	
	opacity: 0.8;
}
* a,
* a:hover,
* input[type="submit"],
* input[type="submit"]:hover {
	transition: all 0.2s;
}
/* 見出し------------------------ */
div.h1bg {/* 通常の大見出し */
	margin: 0 0 30px 0;
	padding: 0px;
	clear: both;
	background-color: transparent;
	position: relative;
	background: url(../images/h1_taiken_bg.png) no-repeat bottom left;
}
.main div.h1bg div,
.main-nosub div.h1bg div {
	margin: 0;
	padding: 0;
}
div.h1bg h1 {
	margin: 0;
	padding: 20px 10px;
	color: #000000;
	font-size: 2.2em;
	font-weight: 500;
	line-height: 1.5em;
	letter-spacing: 0.06em;
	background-color: transparent;
}
div.h1_taiken {/* 体験コンテンツの大見出し（雨天時開催フラグ付き） */
	margin: 0 0 30px 0;
	padding: 0px;
	clear: both;
	background-color: transparent;
	position: relative;
	background: url(../images/h1_taiken_bg.png) no-repeat bottom left;
}
div.h1_taiken h1 {
	display:-webkit-box;
	display:-ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	justify-content: space-between;
	margin: 0;
	padding: 20px 10px;
	font-size: 2.2em;
	font-weight: 500;
	line-height: 1.5em;
	letter-spacing: 0.06em;
}
div.h1_taiken span {
	margin: 0;
	padding: 0;
	vertical-align: middle;
}
div.h1_taiken span.h1_txt {
	width: calc(100% - 45px);
}
div.h1_taiken span.h1_rain {
	margin: 7px 0 0 5px;
	width: 40px;
	height: 40px;
	color: transparent;
	font-size: 0;
	text-indent: 1000px;
	overflow: hidden;
	background: url(../images/h1_rain_bg.png) no-repeat top right;
}
div.h1_taiken img {
	margin: 0;
	padding: 0;
	clear: both;
}
div.h2bg {
	margin: 30px 0 20px;
	padding: 0;
	border: none;
	clear: both;
}
.main div.h2bg div,
.main-nosub div.h2bg div {
	margin: 0;
	padding: 0;
}
.h2bg h2 {
	margin: 0;
	padding: 18px 10px 15px 22px;
	display: block;
	width: auto;
	height: auto;
	border: none;
	color: #404040;
	font-size: 1.8em;
	font-weight: normal;
	letter-spacing: 0.1em;
	line-height: 1.43em;
	background: url(../images/h2bg.png) no-repeat left top 60%;
}
div.h3bg {
	margin: 20px 0 16px;
	padding: 0 10px;
	border-bottom: solid 2px #f8d742;
}
.main div.h3bg div,
.main-nosub div.h3bg div {
	margin: 0;
	padding: 0;
}
h3 {
	margin: 0;
	padding: 0;
	color: #000000;
	font-weight: bold;
	font-size: 1.46em;
	font-weight: 500;
	line-height: 1.5em;
}
div.h4bg {
	margin: 20px 0 16px;
	padding: 0 10px;
	border-bottom: dashed 1px #f8d742;
}
.main div.h4bg div,
.main-nosub div.h4bg div {
	margin: 0;
	padding: 0;
}
h4 {
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: 500;
	line-height: 1.5em;
	color: #000000;
	position: relative;
}
div.h5bg {
	margin: 20px 0 16px;
	padding: 0 10px;
}
.main div.h5bg div,
.main-nosub div.h5bg div {
	margin: 0;
	padding: 0;
}
h5 {
	margin: 0;
	padding: 0;
	font-size: 1.04em;
	font-weight: bold;
	line-height: 1.5em;
	color: #000000;
}

/* 画像------------------------ */
img {
	border: none;
	vertical-align: text-top;
}
/* テキスト関係------------------------ */
p {
	margin: 1em 16px 0.1em 16px;
	padding: 0;
	line-height: 1.55em;
	font-size: 100%;
	background-color: transparent;
}
ul {
	margin: 1em 16px 0.1em 16px;
	padding: 0 0 0 4px;
	list-style-type: none;
	list-style-image: none;
	background-color: transparent;
}
ol {
	margin: 1em 16px 0.1em 16px;
	padding: 0 0 0 4px;
	background-color: transparent;
	overflow: hidden;
}
ol li, ul li {
	position: relative;
	list-style-type: none;
	list-style-image: none;
	background: none;
}
ul li {
	margin: 0.2em 0 0 0;
	padding: 0 0 0 1.5em;
	list-style-type: none;
	list-style-image: none;
	overflow: hidden;
}
.main ul li:before {
	display: block;
	margin: 0;
	padding: 0;
	content: '';
	width: 7px;
	height: 7px;
	background-color: #18a77e;
	border-radius: 100%;
	position: absolute;
	top: 9px;
	left: 6px;
}
ol li {
	margin: 0.2em 0 0 1.5em;
	padding: 0;
	line-height: 1.5em;
	font-size: 100%;
	background-color: transparent;
	list-style: decimal;
	overflow: visible;
}
li.pagelinkout img {
	margin: 0;
	padding: 0;
	height: 1em;
}
dl {
	margin: 1em 16px 0.1em 16px;
	padding: 0;
}
dt {
	margin: 0.56em 0 0.1em 0!important;
	padding: 0;
	color: #222222;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5em;
	background-color: transparent;
}
dd {
	margin: 0 0 0.2em 0!important;
	padding: 0;
	color: #222222;
	font-size: 100%;
	line-height: 1.5em;
	background-color: transparent;
}
hr {
	display: none;
}

/* テキスト右寄せ */
p.txt-right {
	padding-right: 5px;
	text-align: right;
}
/* 表------------------------ */
.main table,
table.table01 {
	margin: 0 0 0.2em 16px;
	padding: 0;
	max-width: calc(100% - 16px);
	font-size: 90%;
	line-height: 1.4em;
	border: 2px solid #18a77e;
	border-collapse: separate;
	border-spacing: 0;
	border-radius: 10px;
	background: #86d6b2;
	word-break: break-all;
}
tbody {
	overflow: hidden;
}
caption {
	margin-bottom: 5px;
	margin-left: 2px;
	padding: 0;
	color: #404040;
	font-size: 1.4em;
	line-height: 1.5em;
	text-align: left;
	font-weight: bold;
	background-color: transparent;
}
th {
	margin: 0 !important;
	padding: 16px 14px !important;
	border: 2px solid #18a77e;
	border-top-width: 0;
	border-left-width: 0;
	color: #000000 !important;
	text-align: left;
	background-color: #86d6b2 !important;
}
td {
	margin: 0;
	padding: 16px 14px;
	border: 2px solid #18a77e;
	border-top-width: 0;
	border-left-width: 0;
	background-color: #ffffff !important;
}
tr:first-child td:first-child,
tr:first-child th:first-child {
	border-radius: 10px 0 0 0;
}
tr:first-child td:last-child,
tr:first-child th:last-child {
	border-radius: 0 10px 0 0;
}
tr:last-child td:first-child,
tr:last-child th:first-child {
	border-radius: 0 0 0 10px;
}
tr:last-child td:last-child,
tr:last-child th:last-child {
	border-radius: 0 0 10px 0;
}
tr th:last-child,
tr td:last-child {
	border-right-width: 0 !important;
}
tr:last-child th,
tr:last-child td {
	border-bottom-width: 0 !important;
}
table p {
	margin: 0;
	font-size: 100%;
	background-color: transparent;
	line-height: 1.4em;
}
table ul, table ol {
	font-size: 100%;
	margin: 3px 0;
}
table li {
	line-height: 1.4em;
	background-color: transparent;
}
table ul li {
	margin: 0.2em 0 0 0;
	padding: 0 0 0 16px;
	list-style-type: none;
	list-style-image: none;
	background: none;
	overflow: hidden;
}
table ul li:before {
	top: 6px !important;
	left: 2px !important;
}
/* テーブル『th』文字色再指定 */
th span.text-color-red,
th strong.text-color-red {
	color: #AA0000;
}
form th span.text-color-red,
form th strong.text-color-red {
	color: #AA0000;
}
/* 表取り込み（Excel）の外枠と追記欄 */
.t-box {
	margin: 1em 0 1.2em 0;
}
/* 表の外枠と追記欄 */
.t-box2 {
	margin: 1em 0 1.2em 0;
}
/* HTML取り込み枠------------------------ */
div.insertfile {
	margin: 1em 16px 1.2em 16px;
	padding: 0;
}
div.insertfile iframe {
	border: none;
}
div.bc-main {
	margin: 0 16px 10px 16px;
	padding: 0;
}
/* Youtube------------------------ */
div.youtube {
	margin: 1em 16px 1.2em 16px;
	padding: 0;
}
div.youtube iframe {
	border: none;
}
/* 地図取り込み------------------------ */
div.map-area iframe,
div.gmap iframe {
	border: none;
	border-radius: 10px;
}
div.map-area .markernav,
div.gmap .markernav {
	display: none;
}
/* ------------------------テンプレート用共通------------------------ */
/* 更新日------------------------ */
div.update {
	margin: 0;
	padding: 0;
}
div.update p {
	float: right;
	margin: 0;
	padding: 1px 16px 0 16px;
}
/* リンク各種の設定------------------------ */
/* 内部ページリンクスタイル（新式） */
p.innerLink {
	position: relative;
	clear: both;
	margin: 1em 16px 0.1em;
	padding: 0 0 1px 22px;
}
p.innerLink:after {
	position: absolute;
	top: 7px;
	left: 6px;
	display: block;
	content: ' ';
	width: 0px;
	height: 0px;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 8px solid #18a77e;
}
/* 新規ウインドウ用ページリンクスタイル */
p.newWindow {
	padding: 0 0 1px 19px;
}
/* 外部ページリンクスタイル（新式） */
p.externalLink {
	clear: both;
	margin: 1em 16px 0.1em;
	padding: 0 0 1px 22px;
	background-image: url(../images/h_c_icon_outlink.png);
	background-repeat: no-repeat;
	background-position: 4px 0.5em;
	background-size: 12px;
}
/* ファイルのダウンロード */
p.filelink {
	clear: both;
	margin: 1em 16px 0.1em 16px;
	padding: 0 0 1px 22px;
	background-image: url(../images/h_c_icon_filelink.png);
	background-repeat: no-repeat;
	background-position: 4px 0.5em;
	background-size: 14px;
}
/* ページ内ジャンプ */
ul.linkjump {
	margin: 1em 16px 0.1em 16px;
	padding: 0 0 1px 0;
}
ul.linkjump li {
	float: left;
	margin: 0.2em 0;
	padding: 0 22px 0 22px;
	line-height: 1.5em;
	white-space: nowrap;
	position: relative;
}
ul.linkjump li:before {
	position: absolute;
	top: 7px;
	left: 6px;
	display: block;
	content: ' ';
	width: 6px;
	height: 6px;
	background-color: transparent;
	border-top: 2px solid #18a77e;
	border-right: 2px solid #18a77e;
	border-radius: 0;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
}
ul.linkjump2 {
	margin: 0.5em 16px 0 16px;
	padding: 0;
}
ul.linkjump2 li {
	margin: 0.2em 0 0.2em 0;
	padding: 3px 16px 1px 18px;
	background-image: url(../images/h_c_icon_jumplink.gif) !important;
	background-repeat: no-repeat;
	background-position: 0 0.56em;
	_height: 1%;
}
/* リンク説明用スタイル */
p.linktxt {
	margin: 0.1em 5px 0.56em 27px;
	padding: 0;
}
/* コンテンツ内のこのページの上へ戻る */
div.tothispage2 {
	clear: both;
	margin: 1em 0 0.56em 0;
	padding: 0;
}
div.tothispage2 div {
	clear: both;
	float: right;
	margin: 0;
	padding: 3px 2px 4px 20px;
	line-height: 1.2em;
	font-size: 85%;
	text-align: right;
	background-image: url(../images/c_icon_pagetop.gif);
	background-repeat: no-repeat;
	background-position: 0 0.2em;
	background-color: transparent;
	_height: 1%;
}
img.img-guidance {
	position: absolute;
	display: inline;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
}

/* お問い合わせ先------------------------ */
div.contact {
	background-color: #fef8df;
	border: none;
	border-radius: 10px;
	box-sizing: border-box;
}
div.main div.contact h2,
div.main-nosub div.contact h2 {
	color: #404040;
}
/* 他はPC用・スマホ用のbase.cssに記述 */

/* インデックスページの設定------------------------ */
/* 第2階層新着情報エリア */
div.main div.newinfo-box h2,
div.main-nosub div.newinfo-box h2 {
	color: #000000;
	background-color: transparent;
}
div.main h2.newinfo-title,
div.main-nosub h2.newinfo-title,
div.main-l h2.newinfo-title {
	background-color: #D0E6FD;
}

/* 次階層メニューエリア */
.main div.m-title,
div.main-nosub div.m-title {
	background: linear-gradient(to right, #1fa2e5 0%, #acd0e2 100%);
}
.main div.m-title div,
.main-nosub div.m-title div {
	margin: 0;
}

h2.nextpage a {
	color: #ffffff
}
h2.nextpage a:hover {
	opacity: 0.8;
}
h2.nextpage a:active {
	opacity: 0.8;
}
/* 雨天時開催アイコン説明 */
.rain {
	margin: 20px 5px 0 0;
	padding: 0;
	text-align: right;
}
.rain img {
	margin: 0 6px 0 0;
	vertical-align: bottom;
}

/* 他はPC用・スマホ用のbase.cssに記述 */


/* ------------------------イベカレ------------------------ */
/* イベントリスト */
ul.eventall-li {
	margin: 0 0 0 8px;
	padding: 0;
}
ul.eventall-li li {
	clear: both;
	margin: 0;
	padding: 0 18px 0 5px;
	list-style-type: none;
	list-style-image: none;
	font-size: 90%;
	background-image: none;
}
ul.eventall-li img {
	float: left;
	margin: 0;
	padding-top: 0.2em;
}
ul.eventall-li span {
	display: block;
	margin: 0 0 0 30px;
	padding-top: 4px;
}
/* アイコン詳細 */
ul.calicon-li {
	margin: 1em 0 0 8px;
	padding: 0;
}
ul.calicon-li li {
	float: left;
	margin: 0;
	padding: 5px 18px 3px 5px;
	white-space: nowrap;
	font-size: 90%;
	background-image: none;
}
ul.calicon-li img {
	margin: 0 7px 3px 0;
	padding: 0;
	vertical-align: middle;
}
/* 多数のイベント情報リスト */
div.daylist {
	margin: 1em 0 0 8px;
	padding: 0;
}
div.daylist dt {
	margin: 0;
	padding: 5px 18px 3px 5px;
}
div.daylist dt img {
	margin: 0 7px 3px 0;
	padding: 0;
	vertical-align: middle;
}
/* カレンダーボタンリスト */
div.calbt-li {
	margin: 0 16px;
	padding: 0;
}
div.calbt-li ul {
	float: right;
	margin: 0;
	padding: 0;
}
div.calbt-li ul li {
	float: left;
	margin: 0;
	padding: 0 0 0 15px;
	line-height: 1%;
	font-size: 1%;
	background-image: none;
}
/* カレンダーページ枠 */
div.cal-box {
	margin: 1em 0 1em 0;
	padding: 0;
}
/* ボタン枠 */
div.calbt-box {
	margin: 1em 0 1em 0;
	padding: 0;
	text-align: right;
}
div.calbt-box p {
	display: inline;
}
/* 前の月・次の月 */
div.calwrap {
	margin: 1em 16px 1em;
	padding: 0;
	background-color: #e8f3f8;
}
.calwrap p {
	margin: 0;
	padding: 6px 0 6px 0;
	font-size: 100%;
	line-height: 130%;
	background-color: transparent;
}
.calwrap p.lastmonth {
	float: left;
	width: 20%;
	background-image: url(../images/cal_icon_last.png);
	background-repeat: no-repeat;
	background-position: 0 45%;
}
.lastmonth span {
	margin: 0 0 0 28px;
	padding: 0;
}
.calwrap p.nextmonth {
	float: right;
	width: 20%;
	text-align: right;
	background-image: url(../images/cal_icon_next.png);
	background-repeat: no-repeat;
	background-position: 100% 45%;
}
.nextmonth span {
	margin: 0 28px 0 0;
	padding: 0;
}
.calwrap p.thismonth {
	float: left;
	text-align: center;
	color: #333;
	font-weight: bold;
	white-space: nowrap;
	width: 59.8%;
}

/* テーブル（カレンダー） */
table#calendar {
	clear: both;
	margin: 0 16px 30px;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #999999;
	width: calc(100% - 32px);
}
table#calendar th {
	margin: 0;
	padding: 4px;
	color: #222222;
	font-size: 90%;
	font-weight: normal;
	text-align: center;
	border: 1px solid #999999;
	background-color: #FFFDEA;
}
table#calendar th.cal_sun {
	color: #CC0000;
}
table#calendar th.cal_sat {
	color: #000099;
}
table#calendar td {
	margin: 0;
	padding: 3px 3px 3px 3px;
	color: #222222;
	font-size: 90%;
	line-height: 130%;
	vertical-align: top;
	width: 14.28%;
	border: 1px solid #999999;
	background-color: #FFFFFF;
	height: 90px;
}
table#calendar td.cal_sun {
	background-color: #FFEEEE;
}
table#calendar td.cal_holiday {
	background-color: #FFEEEE;
}
table#calendar td.cal_sat {
	background-color: #F1F9FF;
}
table#calendar td.cal_dir_holiday {
	background-color: #FFEEEE;
}
/* セル内表示設定 */
table#calendar p {
	clear: both;
	margin: 0.1em 0 0.1em 0;
	padding: 1px 2px 3px 3px;
	background-color: transparent;
}
table#calendar p img {
	float: left;
}
table#calendar p span {
	display: block;
	margin: 0 0 0 25px;
}
table#calendar p a {
	display: block;
	margin: 0 0 0 25px;
}
table#calendar p span a {
	display: block;
	margin: 0;
}

/* テーブル（一覧表） */
table#calendarlist {
	clear: both;
	margin: 0 16px 30px;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid #999999;
	width: calc(100% - 32px);
}
#calendarlist tr.cal_sun td {
	background-color: #FFEEEE;
}
#calendarlist tr.cal_holiday td {
	background-color: #FFEEEE;
}
#calendarlist tr.cal_sat td {
	background-color: #F1F9FF;
}
#calendarlist tr.cal_dir_holiday td {
	background-color: #FFEEEE;
}
#calendarlist th {
	margin: 0;
	padding: 4px;
	color: #333333;
	font-size: 90%;
	border: 1px solid #999999;
	background-color: #FFFDEA;
	text-align: center;
}
#calendarlist td {
	margin: 0;
	padding: 3px;
	color: #333333;
	font-size: 90%;
	line-height: 130%;
	vertical-align: top;
	text-align: center;
	border: 1px solid #999999;
	background-color: #FFFFFF;
}
#calendarlist td.cal_sun {
	color: #D80000;
}
#calendarlist td.cal_sat {
	color: #2929A3;
}
#calendarlist .day {
	width: 5em;
}
#calendarlist .week {
	width: 5em;
}
#calendarlist td.einfo {
	text-align: left;
}
/* セル内表示設定 */
table#calendarlist p {
	clear: both;
	margin: 0.1em 2px 0.1em 0;
	padding: 1px 2px 3px 3px;
	background-color: transparent;
}
table#calendarlist p img {
	float: left;
	margin: 0.02em 0 0 0;
}
table#calendarlist p span {
	display: block;
	margin: 0 0 0 25px;
}
#calendarlist td.einfo li {
	margin: 0.2em 0 0 0;
	padding: 0 0 0 0px;
	background-image: none;
	list-style-type: none;
}
#calendarlist td.einfo li img {
	vertical-align: bottom;
}
#calendarlist td.einfo span.ecate {
	margin-left: 3px;
	padding: 2px 10px 2px 10px;
	font-size: 80%;
	color: #fff;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.4;
}
#calendarlist span.e1{
	background:#1fa2e5;
}
div.lists span.e2 {
	background:#ccedef;	
}
div.lists span.e3 {
	background:#DCE7BB;	
}
div.lists span.e4 {
	background:#F1E3C0;	
}

/* ------------------------大見出し非表示------------------------ */
.smph_only {
    display: none;
}


/* ------------------------上部隠しエリア------------------------ */
/* 隠しメッセージ */
p.jsmessage {
	margin: 4px;
	padding: 0;
}
/* 隠しジャンプ */
div.blockjump img {
	display: none;
}
#blockskip {
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0px;
	overflow: hidden;
	background-color: #999999;
	text-align: center;
	z-index: 1001;
}
#blockskip a {
	color: #999999;
	overflow: hidden;
}
.show {
	line-height: 1.5em !important;
	background-color: #F6F6F6 !important;
	border-bottom: solid 1px #999 !important;
}
.show a {
	color: #000000 !important;
	line-height: 150% !important;
	font-size: 100% !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0;
    width: auto;
}


/* ------------------------回り込み解除設定------------------------ */
/* 隠し飛ばしリンク先＆隠し罫線用------------------------ */
.echooff {
	display: none;
}
.guidance {
	position: absolute;
	clear: both;
	font-size: 1%;
	line-height: 1%;
	width: 1px;
	height: 1px;
	margin: -1px !important;
	padding: 0 !important;
	overflow: hidden !important;
}
/* 回り込みの解除------------------------ */
.newpara {
	clear: both;
}
/* ボックス内floatのclear------------------------ */
.clearfix:after {
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	width: 0;
	height: 0;
	}
.clearfix {display: inline-block;}
/* Hides from macIE \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from macIE */
hr.ClearFloat {
	clear: both;
	display: block;
	border-width: 0;
}

/* メールフォーム------------------------ */

div.form {
	padding: 0;
	margin: 0;
	width: 100%;
}
table.form_table {
	margin: 0;
	max-width: 100%;
}
table.form_table .textarea, table.form_table .text {
	margin: 5px;
	padding: 3px;
	width: 90%;
	max-width: 578px;
	min-width: 100px;
	border: 1px solid #c6c6c6;
	resize: vertical;
}
table.form_table input.small {
	color: #000000;
	width: calc(50% - 4em);
}
table.form_table th span {
	color: #ff0000;
	font-size: small;
}
.bcenter {
	padding: 0;
	margin: 0;
	text-align: center;
}
button#sub {
	letter-spacing: 0.08em;
	text-align: center;
	width: 200px;
	height: 50px;
	margin: 20px 15px;
	padding: 6px 10px;
    font-family: "Noto Sans JP","メイリオ", Meiryo, "小塚ゴシック Pro", Avenir, Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 100%;
	background-color: #18a77e;
	color: #ffffff;
	border: none;
	border-radius: 10px;
	cursor: pointer;
}
form:after {
	content:" ";
	display: block;
	clear: both;
}
form div.check {
	padding: 0;
	margin: 0 auto 14px auto;
	width: 310px;
	height: 40px;
	text-align: center;
	border: solid 1px #c6c6c6;
}
form div.check ul {
	padding: 0 !important;
	margin: 0 auto !important;
	width: 100%;
	height: 100%;
	text-align: center;
}
form div.check ul li {
	float: left;
	list-style-type: none;
	list-style-position: outside;
	background-image: none !important;
	padding: 0 !important;
	margin: 8px 10px 5px 10px !important;
}
form div.check ul li input {
	margin-right: 5px;
}
form table ul {
	padding: 0 !important;
	margin: 0 auto !important;
}
form table ul li {
	float: left;
	list-style-type: none;
	list-style-position: outside;
	background-image: none !important;
	padding: 0 !important;
	margin: 8px 10px 5px 10px !important;
}
form table ul li input {
	margin-right: 5px;
}
.err {
	clear: both;
	color: red;
	margin: 7px 0 0 10px;
}