@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block; }

body {
	position: relative;
	padding: 0;
	line-height: 1;
	background: white;
	font-size: 100%;
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif, 'Font Awesome', 'Font Awesome 5 Free','Font Awesome 5 Brands', 'Font Awesome'; }

ul, ol {
	list-style: none; }

img {
	width: 100%;
}

a, a:link {
    color: #000;
    text-decoration: underline;
}

a:hover {
	color: rgba(0, 0, 0, 0.6);
}

/* -----------------------------------------------------------
　　本編
----------------------------------------------------------- */

body.basicstyle {
	width: 820px;
	margin: 0 auto;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

.mainheader {
	height: 40px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.headerbtn {
	margin-top: 5px;
	margin-left: 24px;
}

.headerbtn a {
	background: #fdcf00;
	border-radius: 9999px;
	position: relative;
	display: flex;
	justify-content: space-around;
	align-items: center;
	margin: auto;
	width: 260px;
	padding: 6px 10px;
	font-size: 1em;
	text-decoration: none;
	color: #333;
	line-height: 1;
	transition: 0.3s ease-in-out;
	font-weight: 600;
}

.headerbtn a:after {
	content: "";
	position: absolute;
	top: 50%;
	bottom: 0;
	right: 20px;
	font-size: 90%;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: right 0.3s;
	width: 6px;
	height: 6px;
	border-top: solid 2px currentColor;
	border-right: solid 2px currentColor;
	transform: translateY(-50%) rotate(45deg);
}

.headerbtn a:hover {
	background: #eb6100;
	color: #FFF;
}

.headerbtn a:hover:after {
	right: 15px;
}

.headerright {
	margin-top: 14px;
	margin-right: 24px;
	font-size: 0.8em;
}

.mainbg {
	background-image: url(../img/background.jpg);
	background-repeat: repeat-y;
	background-size: 100%;
	background-position: top;
}

.title {
	width: 100%;
	height: 215px;
	position: relative;
}

.title_main {
	position: absolute;
	width: 685px;
	height: 215px;
	top: 0;
	left: 0;
}

.title_number {
	position: absolute;
	width: 190px;
	height: 68px;
	top: 16px;
	right: 24px;
}

.title_acrobat {
	position: absolute;
	width: 128px;
	height: 110px;
	top: 105px;
	right: 24px;
	font-size: 0.7em;
	line-height: 1.2;
}

.keyword {
	margin-left: 24px;
	padding: 14px;
	width: 796px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 12px 0 0 12px;
}

.keyword:hover {
	background-color: rgba(255, 255, 255, 1);
}

.keyword_title {
	width: 758px;
	height: 337px;
}

.keyword_cap {
	margin-top: 4px;
	margin-left: 348px;
	font-size: 0.7em;
	line-height: 1.2;
}

.separate {
	margin-top: 20px;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.separate_left {
	width: 518px;
}

.separate_right {
	width: 254px;
	padding: 0 24px;
}

.museum {
	padding: 12px 14px 12px 38px;
	width: 442px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0 12px 12px 0;
}

.museum:hover {
	background-color: rgba(255, 255, 255, 1);
}

.museum_title {
	width: 442px;
	height: 150px;
}

.osusume {
	margin-top: 20px;
	margin-left: 24px;
	padding: 12px 14px 8px 14px;
	width: 442px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 12px 12px 0 0;
}

.osusume:hover {
	background-color: rgba(255, 255, 255, 1);
}

.osusume_title {
	width: 442px;
	height: 46px;
}

.ichioshi {
	margin-left: 24px;
	padding: 8px 14px;
	width: 442px;
	background-color: rgba(255, 255, 255, 0.6);
}

.ichioshi:hover {
	background-color: rgba(255, 255, 255, 1);
}

.ichioshi_title {
	width: 442px;
	height: 46px;
}

.rekishi {
	margin-left: 24px;
	padding: 8px 14px 12px 14px;
	width: 442px;
	background-color: rgba(255, 255, 255, 0.6);
	border-radius: 0 0 12px 12px;
}

.rekishi:hover {
	background-color: rgba(255, 255, 255, 1);
}

.rekishi_title {
	width: 442px;
	height: 46px;
}

.separate_border {
	margin-left: 24px;
	padding: 4px 14px;
	width: 442px;
	background-color: rgba(255, 255, 255, 0.6);
}

.separate_border img {
	display: block;
	width: 442px;
	height: 1px;
}

.event {
	margin-top: 20px;
	margin-left: 24px;
	margin-bottom: 24px;
	padding: 14px;
	width: 442px;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 12px;
}

.event h3 {
	font-size: 1em;
	font-weight: 700;
	color: #663333;
	border-bottom: solid 1px #663333;
	padding-bottom: 2px;
	margin-bottom: 12px;
}

.event ul li{
	margin-bottom: 6px;
	padding-bottom: 6px;
	font-size: 0.85em;
	line-height: 1.2;
	border-bottom: 1px #999 dotted;
}

.event ul li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.event_small {
	font-size: 0.8em;
}

.backnumber {
	margin-bottom: 20px;
}

.backnumber h3 {
	font-size: 1em;
	font-weight: 700;
	color: #fff;
	border-bottom: solid 1px #fff;
	padding-bottom: 2px;
	margin-bottom: 8px;
}

.backnumber h4 {
	font-size: 0.9em;
	font-weight: 600;
	color: #fff;
	margin-bottom: 8px;
	font-feature-settings: "palt";
}

.backnumber a {
	font-size: 0.85em;
	color: #fff;
	line-height: 1.2;
}

.backnumber a:hover {
	color: #000;
}

.backnumberlist_a li {
	margin-bottom: 4px;
}

.backnumberlist_a li:last-child {
	margin-bottom: 0px;
}

.backnumber_back {
	width: 100%;
	text-align: right;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px #fff dotted;
}

.backnumber_back_last {
	width: 100%;
	text-align: right;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px #fff dotted;
}

.backnumberlist_b {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
}

.backnumberlist_b li {
	font-feature-settings: "palt";
}

.haifu h3 {
	font-size: 1em;
	font-weight: 700;
	color: #fff;
	border-bottom: solid 1px #fff;
	padding-bottom: 2px;
	margin-bottom: 8px;
}

.haifu p {
	font-size: 0.85em;
	font-weight: 300;
	color: #fff;
	line-height: 1.3;
}

footer {
	padding: 12px 0;
	text-align: center;
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.3;
}


.backnumberheader {
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	margin-bottom: 24px;
}

.backnumberheader_l {
	width: 560px;
	margin-left: 24px;
}

.backnumberheader_r {
	width: 158px;
	margin-top:40px;
	margin-right: 24px;
	font-size: 0.7em;
	font-weight: 400;
	line-height: 1.3;
}

.backnumberheader_r img{
	margin-bottom: 4px;
}

.backnumbermain {
	width: 772px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.backnumbermain h2 {
	background-color: #dfd0bc;
	padding: 8px 20px;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 12px;
}

.backnumbermain h3 {
	padding: 0.25em 0.5em;
	color: #603d33;
	border-left: solid 5px #997e70;
	margin-bottom: 12px;
}

.backnumbermain ul {
	margin-bottom: 24px;
}

.backnumbermain ul li{
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}

.backnumbermain ul li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.backnumbermain ul li a{
	width: 692px;
	font-size: 0.9em;
	color: 444;
	line-height: 1.2;
}

.backnumbermain ul li .num {
	width: 80px;
	font-size: 0.9em;
	color: 444;
}

.modoru {
	text-align: right;
	margin-top: 16px;
	margin-bottom: 24px;
}

.modoru a{
	font-size: 0.85em;
	color: 444;
}

.backnumberheader_c {
	width: 560px;
	margin: 0 auto;
}














.backnumbermain2 {
	width: 772px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.backnumbermain2 h2 {
	background-color: #dfd0bc;
	padding: 8px 20px;
	font-size: 1.2em;
	font-weight: 600;
	margin-bottom: 12px;
}

.backnumbermain2 h3 {
	padding: 0.25em 0.5em;
	color: #603d33;
	border-left: solid 5px #997e70;
	margin-bottom: 12px;
}

.backnumbermain2 ul {
	margin-bottom: 24px;
}

.backnumbermain2 ul li{
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ccc;
}

.backnumbermain2 ul li:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}

.backnumbermain2 ul li a{
	font-size: 0.9em;
	color: 444;
	line-height: 1.2;
}