@charset "utf-8";
/* CSS Document */

body { background-color: #f9f8f4; }

/*============================
#pageContainer
============================*/
#pageContainer { background-color: #f9f8f4; position: relative; }


/*============================ 右固定部分 ============================*/
/*============================
#mainContainer
============================*/
#pageContainer #mainContainer { float: right; margin-left: -200px; position: relative; width: 100%; }
#pageContainer #mainContainer #pageSet { margin-left: 200px; min-width: 1110px; }

/*============================
#pankuzuArea
============================*/
#pankuzuArea { margin: 30px 40px 0; }
#pankuzuArea .md_contents { width: inherit; min-width: inherit; }
#pankuzuArea .md_contents .md_inner { padding: 0; margin: 0; width: inherit; }
#pankuzuArea .md_contents .md_inner ul {}
#pankuzuArea .md_contents .md_inner ul li { color: #000; font-size: 0.75em; float: left; position: relative; margin-right: 40px; }
#pankuzuArea .md_contents .md_inner ul li:after { color: #555; content: ">"; position: absolute; right: -25px; top: 0; }
#pankuzuArea .md_contents .md_inner ul li:last-child:after { display: none; }
#pankuzuArea .md_contents .md_inner ul li a { color: #555; }

/*============================
#topPanelArea
============================*/
#topPanelArea { background-color: #777; background-repeat: no-repeat; background-position: top center; background-size: cover; min-width: 1110px; width: 100%; }

/*============================
#subtopPanelArea
============================*/
#subtopPanelArea { background-repeat: no-repeat; background-position: top center; background-size: cover; min-width: 1110px; width: 100%; }

/*============================
#introductionArea
============================*/
#introductionArea { margin-top: 100px; }
#introductionArea .md_contents {}
#introductionArea .md_contents .md_inner {}
#introductionArea .md_contents .md_inner .md_headline { margin: 0 auto 40px; }
#introductionArea .md_contents .md_inner .text { line-height: 2; padding: 0 200px; }

/*============================
#subNavArea
============================*/
#subNavArea { position: fixed; top: 40px; right: 40px; z-index: 9999; }
#subNavArea ul {}
#subNavArea ul li { background-repeat: no-repeat; background-position: top center; background-size: cover; height: 100px; margin-top: 20px; position: relative; width: 100px; box-shadow:7px 7px 10px 1px rgba(0,0,0,0.3); -moz-box-shadow:7px 7px 10px 1px rgba(0,0,0,0.3); -webkit-box-shadow:7px 7px 10px 1px rgba(0,0,0,0.3); border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; }
#subNavArea ul li:first-child { margin-top: 0; }
#subNavArea ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#subNavArea ul li a:hover { background-color: rgba(249,248,244,0.3); border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px; }
#subNavArea ul li .circleBox {}
#subNavArea ul li .circleBox .text { color: #fff; font-size: 0.875em; letter-spacing: 2px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#subNavArea ul li.goToOutline { background-image: url(../../imageFile/global/button_subNavArea_outline_bright.png); }
#subNavArea ul li.goToHistory { background-image: url(../../imageFile/global/button_subNavArea_history_bright.png); }
#subNavArea ul li.goToCulturalassets { background-image: url(../../imageFile/global/button_subNavArea_culturalassets_bright.png); }
#subNavArea ul li.goToOutline.active { background-image: url(../../imageFile/global/button_subNavArea_outline.png); }
#subNavArea ul li.goToHistory.active { background-image: url(../../imageFile/global/button_subNavArea_history.png); }
#subNavArea ul li.goToCulturalassets.active { background-image: url(../../imageFile/global/button_subNavArea_culturalassets.png); }
#subNavArea ul li.goToOutline:hover { background-image: url(../../imageFile/global/button_subNavArea_outline.png); }
#subNavArea ul li.goToHistory:hover { background-image: url(../../imageFile/global/button_subNavArea_history.png); }
#subNavArea ul li.goToCulturalassets:hover { background-image: url(../../imageFile/global/button_subNavArea_culturalassets.png); }

/*============================ 左固定部分 ============================*/
/*============================
#sideContainer
============================*/
#pageContainer #sideContainer { background-color: #f9f8f4; border-right: 1px solid #d9d9d9; box-sizing: border-box; height: 100%; position: fixed; top: 0; width: 200px; }
#pageContainer #sideContainer .logo { margin: 35px auto 0; width: 148px; }
#pageContainer #sideContainer .logo a {}
#pageContainer #sideContainer .logo a img {}

/*============================
#navPc
============================*/
#pageContainer #sideContainer #navPc { margin: 30px auto 0; width: 170px; }
#pageContainer #sideContainer #navPc ul {}
#pageContainer #sideContainer #navPc ul li { border-bottom: 1px solid #d9d9d9; box-sizing: border-box; padding-top: 20px; padding-bottom: 18px; padding-left: 20px; position: relative; }
#pageContainer #sideContainer #navPc ul li:first-child { border-top: 1px solid #d9d9d9; margin-top: 0; padding-top: 20px; }
#pageContainer #sideContainer #navPc ul li span.mini { display: block; font-size: 0.75em; margin-bottom: 8px; }
#pageContainer #sideContainer #navPc ul li span.big { display: block; font-size: 1em; }
#pageContainer #sideContainer #navPc ul li a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#pageContainer #sideContainer #navPc ul li a:hover { background-color: rgba(249,248,244,0.3); }
#pageContainer #sideContainer #navPc .navBottomArea { margin-top: 30px; }
#pageContainer #sideContainer #navPc .navBottomArea .button { background-color: #ddd; color: #555; font-size: 0.75em; margin: 0 auto; padding: 16px 0 14px; position: relative; text-align: center; width: 140px; }
#pageContainer #sideContainer #navPc .navBottomArea .button:after { content: "　"; background: url(../../imageFile/global/icon_arrow_black_right.png) no-repeat right center; background-size: 4px 8px; position: absolute; right: 20px; }
#pageContainer #sideContainer #navPc .navBottomArea .button a { color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#pageContainer #sideContainer #navPc .navBottomArea .button a:hover { background-color: rgba(249,248,244,0.3); }
#pageContainer #sideContainer #navPc .navBottomArea .snsIcon { margin-top: 20px; text-align: center; }
#pageContainer #sideContainer #navPc .navBottomArea .snsIcon a {}
#pageContainer #sideContainer #navPc .navBottomArea .snsIcon img { width: 40px; }

/*============================
#headerSP
============================*/
#headerSP { display: none; }
#headerSP .first {}
#headerSP .first .tagline {}
#headerSP .first .logo {}
#headerSP .first .logo a {}
#headerSP .first .logo a img {}
#headerSP .first .text {}
#headerSP .menu {}
#headerSP .drawer-nav {}
#headerSP button.drawer-toggle.drawer-hamburger {}
#headerSP button.drawer-toggle.drawer-hamburger span.sr-only {}
#headerSP button.drawer-toggle.drawer-hamburger span.drawer-hamburger-icon {}
#headerSP button.drawer-toggle.drawer-hamburger span.menu {}
#headerSP nav.drawer-nav {}
#headerSP nav.drawer-nav ul.drawer-menu {}
#headerSP nav.drawer-nav ul.drawer-menu li {}
#headerSP nav.drawer-nav ul.drawer-menu li a {}

#headerSP .drawer-hamburger {}
#headerSP .drawer-hamburger-icon {}
#headerSP .drawer-hamburger-icon:after {}
#headerSP .drawer-hamburger-icon:before {}

.drawer-open #headerSP .drawer-hamburger {}
.drawer-open #headerSP .drawer-hamburger-icon {}
.drawer-open #headerSP .drawer-hamburger-icon:after {}
.drawer-open #headerSP .drawer-hamburger-icon:before {}
.drawer-open .drawer-overlay {}

#headerSP .drawer-nav {}
#headerSP .drawer-nav .drawer-menu {}
#headerSP .drawer-nav .drawer-menu li {}
#headerSP .drawer-nav .drawer-menu li a {}
#headerSP .drawer-nav .navBottomArea {}
#headerSP .drawer-nav .navBottomArea .button {}
#headerSP .drawer-nav .navBottomArea .button a {}
#headerSP .drawer-nav .navBottomArea .snsIcon {}
#headerSP .drawer-nav .navBottomArea .snsIcon a {}

/*============================ pageLink ============================*/
/*============================
#pageLink
============================*/
#pageContainer #mainContainer #pageLink { margin-left: 200px; margin-top: 110px; min-width: 1110px; }
#pageContainer #mainContainer #pageLink .md_contents {}
#pageContainer #mainContainer #pageLink .md_contents .md_inner { text-align: center; }
#pageContainer #mainContainer #pageLink .md_contents .md_inner .js_pageTop {}
#pageContainer #mainContainer #pageLink .md_contents .md_inner .js_pageTop a { color: #000; display: block; }
#pageContainer #mainContainer #pageLink .md_contents .md_inner .js_pageTop a:before { display: block; content: "　"; background: url(../../imageFile/global/icon_arrow_black_top.png) no-repeat center; background-size: 18px 10px; margin-bottom: 15px; }

/*============================ footer ============================*/
/*============================
#footer
============================*/
#pageContainer #mainContainer footer#footer { border-top: 1px solid #d9d9d9; box-sizing: border-box; padding-top: 50px; margin-left: 200px; margin-top: 50px; min-width: 1110px; }
#pageContainer #mainContainer footer#footer .md_contents {}
#pageContainer #mainContainer footer#footer .md_contents .md_inner { width: 1120px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea { display: table; float: left; position: relative; margin-right: 50px; width: 390px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea .logo { display: table-cell; padding-right: 20px; width: 120px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea .logo a {}
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea .logo img { width: 100%; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea .address { display: table-cell; vertical-align: middle; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea .address .text { font-size: 0.875em; line-height: 1.75; }

/*============================
#footerNavArea
============================*/
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea { float: left; position: relative; width: 680px;}
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul {}
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li { float: left; position: relative; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li a { color: #000; display: block; padding: 7px 0; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li.nav01 { margin-right: 90px; width: 132px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li.nav01 a {}
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li.nav02 { margin-right: 64px; width: 173px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li.nav02 a {}
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li.nav03 { width: 180px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li.nav03 a {}

/*============================
#peopleConcernedArea
============================*/
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea { margin-top: 70px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl { text-align: center; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dt { font-size: 0.875em; margin-bottom: 10px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dd { display: inline-block; font-size: 0.875em; margin-left: 30px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dd:first-child { margin-left: 0; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dd:after { display: inline-block; content: "/"; padding-left: 30px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dd.last:after { display: none; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dd a { color: #000; display: inline-block; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dd a {}

/*============================
#copyrightArea
============================*/
#pageContainer #mainContainer footer#footer .md_contents .md_inner #copyrightArea { margin-top: 50px; margin-bottom: 40px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #copyrightArea .text { font-size: 0.625em; letter-spacing: 1px; text-align: center; }