@charset "utf-8";

/* 全体の設定 */
body {
    display: flex;
    gap: 16px;
	background-color: #ffe;
	margin: 0;
}

/* コンテナの幅は940px固定、空きは左右均等 */
.container {
	max-width: 940px;
	margin: 0 auto;
}

/* 見出し */
h1, h2, h3 {
	font-family: '游ゴシック', 'メイリオ', sans-serif;
	font-weight: normal;
	color: #222;
	line-height: 1.1;
}

h1 {
	font-size: 36px;
	text-shadow: 1px 1px 2px #666b70;
	letter-spacing: 3px;
	margin-top: 20px;
	margin-bottom: 20px;
}

h2 {
	font-size: 26px;
	margin-top: 20px;
	margin-bottom: 20px;
}

h3 {
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 10px;
}

h4 {
    font-family: '游ゴシック', 'メイリオ', sans-serif;
	font-weight: 700;
	font-size: 42px;
	margin-top: 20px;
	margin-bottom: 10px;
	color: #4da6ff;
	line-height: 1.1;
}

h5 {
    font-family: '游ゴシック', 'メイリオ', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 19px;
	margin-top: 20px;
	margin-bottom: 10px;
	color: green;
	line-height: 1.1;
}

h6 {
	font-family: '游ゴシック', 'メイリオ', sans-serif;
	font-weight: 700;
	font-size: 42px;
	margin-top: 30px;
	margin-bottom: 10px;
	color: #4da6ff;
	line-height: 1.1;
}

/* リンクの文字部分 */
a {
	text-decoration: none;
}

a:link {
	color: #0000ee;
}

a:visited {
	color: #551a8b;
}

a:hover {
	text-decoration: underline;
}

/* 本文 */
p {
	line-height: 1.7;
	margin: 0;
}

/* ページタイトル部分 */
.lead {
	font-size: 20px;
	color: gray;
	line-height: 1;
	margin: 0 0 20px;
}

/* 写真 */
.photo {
	overflow: auto;
}

.large-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

/* キャプション */
.caption {
	font-size: 12px;
}

/* 表 */
table {
	border: 2px solid #ccc;
	border-collapse: collapse;
}

th, td {
	border: 2px solid #ccc;
	padding: 10px;
}

th {
	background-color: #ffd700;
}

.admission {
	width: 100%;
}

.price {
	text-align: center;
	width: 170px;
}

/* コンテンツ */
#contents01, #contents02 {
	border-top: 6px dotted #ccc;
}

/* グローバルメニュー */
.global-nav {
	font-size: 26px;
	width: auto;
	background-color: #98FB98;
}

.nav-list {
	margin: 0;
	padding: 0;
	text-align: center;
}

.nav-item {
	display: inline-block;
	padding: 20px 15px;
	color: #fff;
}

.nav-item a:link {
	color: #fff;
	text-decoration: none;
}

.nav-item a:visited {
	color: #fff;
}

.nav-item:hover {
	background-color: #d2691e;
}

/* ロゴ画像 */
.logo-image {
	vertical-align: bottom;
	width: 100%;
}

/*ヘッダー*/
header {
  padding-bottom: 10px; /* ここでヘッダー下の隙間を固定 */
}

/* フッター */
footer {
	text-align: center;
	margin: 40px 0 20px;
}

footer p {
	margin-top: 20px;
}

.btn {
  display: inline-block;      /* ボタンっぽくする */
  padding: 10px 20px;
  background-color: #007bff;  /* 背景色 */
  color: white;               /* 文字色 */
  text-decoration: none;      /* 下線を消す */
  border-radius: 5px;         /* 角丸 */
  font-weight: bold;
}