@charset "utf-8";


/*========================================

	全体のレイアウト

========================================*/

body {
	background: url(../images/header_bg.jpg) #F8F2ED repeat-x;
	margin: 0;
	padding: 0;
}

div#wrap {
	background: url(../images/wrapper_bg_top.jpg) no-repeat 0 99px;
	max-width: 870px;
	margin: 0 auto;
	padding: 0;
}


/*========================================

	ヘッダー

========================================*/

div#wrap div#header {
	margin: 0;
	padding: 0;
}

div#wrap div#header div.inner {
	/* background: url(../images/header_innner_bg.jpg) no-repeat left top; */
	max-width: 860px;
	margin: 0 auto;
	height: 99px;
	display: flex;
	align-items: center;
}


/*サイトタイトル
----------------------------------------*/

div#wrap div#header div.inner h1 {
	background-color: #ccc;
	font-size: 0;
	line-height: 0;
	margin-left: 24px;
}


/*英語ページへのリンク
----------------------------------------*/
div#wrap div#header .lang {
	position: absolute;
	top: 32px;
	right: 24px;
}

/*グローバルナビ
----------------------------------------*/

div#wrap div#header ul#GlobalNav {
	position: absolute;
	top: 64px;
	left: 6px;
}

* html div#wrap div#header ul#GlobalNav {
	top: 62px;
}

*:first-child+html div#wrap div#header ul#GlobalNav {
	top: 62px;
}

div#wrap div#header ul#GlobalNav li {
	display:table-cell;
    *display:inline;
    *zoom:1;
	margin: 2px 0 0 0;
	padding:0;
}

div#wrap div#header ul#GlobalNav li img {
	display:block;
}


/*ヘッダー上部ナビ
----------------------------------------*/

div#wrap div#header div#sub-nav {
	position: absolute;
	top: 0;
	right: 25px;
	/* background: url(../images/heder_sub_bg.jpg) no-repeat left top; */
	width: 246px;
	height: 24px;
}

div#wrap div#header div#sub-nav ul {
	margin: 3px 0 0 0;
	/*padding: 0 0 6px 8px;*/
	width: 246px;
	height: 19px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
}

div#wrap div#header div#sub-nav ul li {
	/*margin: 0 12px 0 0;*/
	line-height: 1;
}


/*========================================

	コンテンツエリア

========================================*/

div#wrap div#content {
	max-width: 870px;
	/* background: url(../images/content_bg.jpg) repeat-y; */
	margin: 0;
	padding: 0;
}

div#wrap div#content:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


/*パンくずリスト
----------------------------------------*/

div#wrap div#content p#topicpath {
	font-size: 0.9em;
	padding: 0.5em;
	margin: 0 25px 10px 25px;
	padding: 10px 0 0 0;
}


/*メインビジュアル
----------------------------------------*/

div#wrap div#content div#main-visual {
	max-width: 860px;
	margin: 0;
}

div#wrap div#content div#main-visual img {
	display: block;
	max-width: 100%;
	height: auto;
}

/*メインカラム
----------------------------------------*/

div#wrap div#content div#page-main,
div#wrap div#content div#main,
div#wrap div#content div#entry-main,
div#wrap div#content div#cat-main {
	width: 100%;
	margin: 0 auto;
}


div#wrap div#content div#page-main p,
div#wrap div#content div#main p,
div#wrap div#content div#entry-main p,
div#wrap div#content div#cat-main p {
	font-size: 1.1em;
	line-height: 1.75;
	margin: 0 0 15px 0;
}


/*---------- TOPページメインコピー部 ----------*/

div#wrap div#content div#main div#topCopy {
	margin: 0 0 30px 0;
}

div#wrap div#content div#main div#topCopy:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}


div#wrap div#content div#main div#topCopy h2 {
	margin: 0 0 20px 0;
}

div#wrap div#content div#main div#topCopy p.photo {
	float: left;
}

div#wrap div#content div#main div#topCopy p.text {
	width: 370px;
	float: right;
}

/*---------- 閉館あいさつ----------*/
.message {
	margin: 0 0 30px 0;
	background-color: #ffffff;
	border: 2px solid #E6D3C8;
	padding: 2.4rem;
	box-sizing: border-box;
	max-width: 860px;

.message__title {
	font-size: 24px;
	margin-bottom: 1em;
}

.message__text p {
	font-size: 16px;
	line-height: 1.84;
	margin-bottom: 1em;;
}

.message__text p.sig {
	text-align: right;
	margin-top: 2em;
}

.message__hr {
	border: none;
	border-top: 3px double #E6D3C8;
	margin: 32px 0;
	display: block;
}

/*---------- TOPページ message ----------*/
div#wrap div#content div#main div#topMessage {
	margin: 0 0 30px 0;
}

div#wrap div#content div#main div#topMessage:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#wrap div#content div#main div#topMessage h2 {
	margin: 0 0 20px 0;
}

div#wrap div#content div#main div#topMessage p.photo {
	float: left;
}

div#wrap div#content div#main div#topMessage p.text {
	width: 370px;
	float: right;
}


/*3連バナー画像
----------------------------------------*/
div#wrap div#content div#main ul.topPhoto {
	clear: both;
	margin: 30px 0;
}

div#wrap div#content div#main ul.topPhoto li {
    display: table-cell;
    *display: inline;
    *zoom: 1;
    margin: 0 0 0 0;
    padding: 0 20px 0 0;
}


div#wrap div#content div#main ul.topPhoto li.last {
	padding: 0;
}


/*---------- TOPページ新着情報 ----------*/
div#wrap div#content div#main div#topnews h2 {
	margin: 0 0 20px 0;
}

div#wrap div#content div#main div#topnews ul {
	margin: 0 0 30px 0;
}

div#wrap div#content div#main div#topnews ul li {
	background: url(../images/ico_010.gif) no-repeat 0 9px;
	line-height: 1.75;
	font-size: 1.1em;
	margin: 0 0 5px 0;
	padding: 0 0 0 12px;
}


/*---------- モバイルサイト ----------*/

div#wrap div#content div#main div#mobile {
	clear: both;
	background: url(../images/top_mobile_bg.jpg) no-repeat left top;
	padding: 10px;
	zoom: 1;
}

div#wrap div#content div#main div#mobile:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

div#wrap div#content div#main div#mobile h3 {
	margin: 5px 0 10px 0;
}

div#wrap div#content div#main div#mobile p.text {
	width: 420px;
	float: left;
	display: inline;
}

div#wrap div#content div#main div#mobile p.code {
	float: right;
	display: inline;
}


/*ページの先頭へ
----------------------------------------*/

div#wrap div#content div#pagetop {
	clear: both;
	background: url(../images/content_footer.jpg) no-repeat left bottom;
	text-align: right;
	padding: 30px 24px 30px 0;
	margin: 0 0 -1px 0;
}

/*========================================

	サイドバー

========================================*/

div#wrap div#content div#sidebar {
	background: url(../images/side_bg.jpg) repeat-y left top;
	float: right;
	display: inline;
	width: 230px;
	margin: -3px 20px 0 0;
	padding: 0;
}

div#wrap div#content div#sidebar div.side-header {
	background: url(../images/side_bg_top.jpg) no-repeat left top;
	height: 10px;
	margin: 0 0 5px 0;
	padding: 0 15px;
}

div#wrap div#content div#sidebar div.side-footer {
	background: url(../images/side_bg_btm.jpg) no-repeat left bottom;
	height: 10px;
	margin: 15px 0 0 0;
	padding: 0 15px;
}

div#wrap div#content div#sidebar h3 {
	margin: 0 15px 0 15px;
}

div#wrap div#content div#sidebar div.section {
	background: url(../images/side_section_bg.gif) no-repeat center bottom;
	margin: 0 15px 10px 15px;
	padding: 15px 0 5px 0;
	width: 200px;
}

div#wrap div#content div#sidebar div.section p {
	font-size: 1em;
	line-height: 1.5;
	padding: 0 15px 5px 15px;
}

div#wrap div#content div#sidebar div.section p.en {
	padding: 0 10px 5px 10px;
}

div#wrap div#content div#sidebar div.section ul {
	margin: 0 0 15px 5px;
}

div#wrap div#content div#sidebar div.section ul li {
	margin: 0 0 5px 0;
}

div#wrap div#content div#sidebar div.section ul li.separate {
	margin: 0 0 15px 0;
}

div#wrap div#content div#sidebar div.section ul.control {
	margin: 0 0 0 22px;
}

div#wrap div#content div#sidebar div.section ul.control li {
	margin: 0 0 10px 0;
}

/*Contact Button*/
div#wrap div#content div#sidebar div.section p.side_contact {
	text-align: center;
	margin: 8px 0;
	padding: 0;
}

/*施設住所*/
div#wrap div#content div#sidebar h3.name {
	background: url(../images/side_line.gif) no-repeat left top;
	padding: 20px 0 0 0;
	margin: 20px 0 5px 15px;
}
div#wrap div#content div#sidebar p.address {
	margin: 5px 15px;
	line-height: 1.5;
}


/*========================================

	フッター

========================================*/
div#wrap div#footer {
	clear: both;
	padding: 0 5px;
	margin: 30px auto;
	padding: 0 0 30px 0;
	width: 870px;
	zoom: 1;
	position: relative;
}

/*フッターのリンク
----------------------------------------*/
div#footer ul {
	background: url(../images/footer_link_bg.gif) no-repeat left top;
	padding: 3px 7px;
	height: 20px;
	margin: 0 0 20px 0;
}

div#footer ul li {
	display: inline;
	margin: 0 10px 0 0;
}


div#footer ul li img {
	vertical-align: middle;
}

/*コピーライト・住所
----------------------------------------*/
div#wrap div#footer div.address {
	width:100%;
	display: block;
}

div#footer div.address h4 {
	color: #7C3750;
	margin: 0 0 12px 0;
}

div#footer div.address p {
	line-height: 1.75;
	margin: 0 0 16px 0;
}

div#footer div.address p.copy {
	color: #999999;
	margin: 32px 0;
}

/*施設詳細
----------------------------------------*/
div#footer dl.footerlink1 {
	display: inline;
	float: left;
	background: url(../images/footer_line.gif) no-repeat left top;
	padding: 0 24px 0 26px;
}

div#footer dl.footerlink1 dt {
	color: #666;
	font-size: 0.9em;
	line-height: 1.5;
	float: left;
	clear: left;
	width: 120px;
	zoom: 1;
	font-weight: bold;
}

div#footer dl.footerlink1 dd {
	color: #666;
	font-size: 0.8em;
	line-height: 1.5;
	float: left;
}

* html div#footer dl.footerlink1 dd {
	width: 3.5em;
}

*:first-child+html div#footer dl.footerlink1 dd {
	width: 3.5em;
}

div#footer dl.footerlink2 {
	width: 260px;
	display: inline;
	float: left;
	background: url(../images/footer_line.gif) no-repeat left top;
	padding: 0 0 0 24px;
}

div#footer dl.footerlink2 dt {
	color: #666;
	font-size: 0.9em;
	line-height: 1.5;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

div#footer dl.footerlink2 dd {
	color: #666;
	font-size: 0.8em;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}