@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 640px) {
/*============================
#pageContainer
============================*/
#pageContainer { position: relative; }

/*============================ 右固定部分 ============================*/
/*============================
#mainContainer
============================*/
#pageContainer #mainContainer { float: inherit; margin-left: 0; position: relative; width: 100%; }
#pageContainer #mainContainer #pageSet { width: 100%; margin: 0 auto; min-width: inherit; padding-top: 70px; }

/*============================
#pankuzuArea
============================*/
#pankuzuArea { display: none; }
#pankuzuArea .md_contents {}
#pankuzuArea .md_contents .md_inner {}
#pankuzuArea .md_contents .md_inner ul {}
#pankuzuArea .md_contents .md_inner ul li {}
#pankuzuArea .md_contents .md_inner ul li a {}

/*============================
#topPanelArea
============================*/
#topPanelArea { min-width: inherit; }

/*============================
#subtopPanelArea
============================*/
#subtopPanelArea { min-width: inherit; }

/*============================
#introductionArea
============================*/
#introductionArea { margin-top: 40px; }
#introductionArea .md_contents {}
#introductionArea .md_contents .md_inner {}
#introductionArea .md_contents .md_inner .md_headline { margin-bottom: 20px; }
#introductionArea .md_contents .md_inner .text { font-size: 0.875em; line-height: 1.5; text-align: left; padding: 0; }
#introductionArea .md_contents .md_inner .text br { display: none; padding: 0; }
#introductionArea .md_contents .md_inner .text .spBreak { display: block; }

/*============================
#subNavArea
============================*/
#subNavArea { margin-top: 50px; position: inherit; top: inherit; right: inherit; z-index: inherit; }
#subNavArea ul { width: 324px; margin: 0 auto; }
#subNavArea ul li { float: left; margin-top: 0; margin-right: 12px; box-shadow: none; }
#subNavArea ul li:first-child { margin-top: 0; }
#subNavArea ul li:last-child { margin-right: 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 { display: none; }
#pageContainer #sideContainer .logo {}
#pageContainer #sideContainer .logo a {}
#pageContainer #sideContainer .logo a img {}

/*============================
#navPc
============================*/
#pageContainer #sideContainer #navPc { display: none; }
#pageContainer #sideContainer #navPc ul {}
#pageContainer #sideContainer #navPc ul li {}
#pageContainer #sideContainer #navPc ul li span.mini {}
#pageContainer #sideContainer #navPc ul li span.big {}
#pageContainer #sideContainer #navPc ul li a {}
#pageContainer #sideContainer #navPc .navBottomArea {}
#pageContainer #sideContainer #navPc .navBottomArea .button {}
#pageContainer #sideContainer #navPc .navBottomArea .button a {}
#pageContainer #sideContainer #navPc .navBottomArea .snsIcon {}
#pageContainer #sideContainer #navPc .navBottomArea .snsIcon a {}
#pageContainer #sideContainer #navPc .navBottomArea .snsIcon a img {}

/*============================
#headerSP
============================*/
#headerSP { background-color: #f9f8f4; display: block; position: absolute; top: 0; right: 0; height: 70px; width: 100%; }
#headerSP .first { margin-left: 18px; }
#headerSP .first .tagline { font-size: 0.75em; padding-top: 16px; color: #555; }
#headerSP .first .logo { margin-top: 20px; margin-left: 1px; }
#headerSP .first .logo a {}
#headerSP .first .logo a img { width: auto; height: 32px; }
#headerSP .first .text { margin-top: 4px; font-size: 0.6em; margin-left: 85px; color: #999; display: none; }
#headerSP .menu { position: absolute; display: inline-block; right: 21px; top: 45px; font-size: 10px!important; z-index: 9999; color: #555; }

#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 { width: 200px; }
#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 { position: absolute; width: 30px; padding: 26px 22px 20px; }
#headerSP .drawer-hamburger-icon { height: 3px; background-color: #666; margin-top: 0; }
#headerSP .drawer-hamburger-icon:after { height: 3px; background-color: #666; margin-top: -1px; }
#headerSP .drawer-hamburger-icon:before { height: 3px; background-color: #666; margin-top: 1px; }

.drawer-open #headerSP .drawer-hamburger { right: 0; }
.drawer-open #headerSP .drawer-hamburger-icon { background-color: transparent; }
.drawer-open #headerSP .drawer-hamburger-icon:after { height: 3px; background-color: #777; margin-top: 0; }
.drawer-open #headerSP .drawer-hamburger-icon:before { height: 3px; background-color: #777; margin-top: 0; }
.drawer-open .drawer-overlay { z-index: 998; margin-top: 70px; }

#headerSP .drawer-nav { background-color: #f9f8f4; z-index: 99999; margin-top: 70px; }
#headerSP .drawer-nav .drawer-menu { background: #f2f0f0; color: #333; }
#headerSP .drawer-nav .drawer-menu li { border-bottom: solid 1px #d2d0d0; color: #333; padding: 15px 15px 13px; position: relative; text-align: left; }
#headerSP .drawer-nav .drawer-menu li:first-child { border-top: solid 1px #d2d0d0; }
#headerSP .drawer-nav .drawer-menu li span.mini { display: block; font-size: 0.6em; margin-bottom: 5px; }
#headerSP .drawer-nav .drawer-menu li span.big { display: block; font-size: 0.875em; }
#headerSP .drawer-nav .drawer-menu li a { color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#headerSP .drawer-nav .navBottomArea { margin: 20px; }
#headerSP .drawer-nav .navBottomArea .button { background-color: #ddd; color: #555; font-size: 0.875em; margin: 0 auto; padding: 12px 0 11px; position: relative; text-align: center; width: 160px; }
#headerSP .drawer-nav .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; }
#headerSP .drawer-nav .navBottomArea .button a { color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#headerSP .drawer-nav .navBottomArea .snsIcon { margin-top: 15px; text-align: center; }
#headerSP .drawer-nav .navBottomArea .snsIcon a {}
#headerSP .drawer-nav .navBottomArea .snsIcon img { width: 40px; }



/*============================ pageLink ============================*/
/*============================
#pageLink
============================*/
#pageContainer #mainContainer #pageLink { width: 100%; margin: 0 auto; min-width: inherit; }
#pageContainer #mainContainer #pageLink .md_contents {}
#pageContainer #mainContainer #pageLink .md_contents .md_inner { width: 100%; margin: 0 auto; min-width: inherit; }
#pageContainer #mainContainer #pageLink .md_contents .md_inner .js_pageTop {}
#pageContainer #mainContainer #pageLink .md_contents .md_inner .js_pageTop a {}
#pageContainer #mainContainer #pageLink .md_contents .md_inner .js_pageTop a:before {}



/*============================ pageLink ============================*/
/*============================
#pageLink
============================*/
#pageContainer #mainContainer #pageLink { margin-top: 40px; width: 100%; min-width: inherit; }
#pageContainer #mainContainer #pageLink .md_contents {}
#pageContainer #mainContainer #pageLink .md_contents .md_inner {}
#pageContainer #mainContainer #pageLink .md_contents .md_inner .js_pageTop {}
#pageContainer #mainContainer #pageLink .md_contents .md_inner .js_pageTop a {}
#pageContainer #mainContainer #pageLink .md_contents .md_inner .js_pageTop a:before {}



/*============================ footer ============================*/
/*============================
#footer
============================*/
#pageContainer #mainContainer footer#footer { width: 100%; margin: 40px auto 0; padding-top: 20px; min-width: inherit; }
#pageContainer #mainContainer footer#footer .md_contents {}
#pageContainer #mainContainer footer#footer .md_contents .md_inner { width: 100%; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea { width: 100%; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea .logo { width: 80px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea .logo a {}
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea .logo a img {}
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea .address {}
#pageContainer #mainContainer footer#footer .md_contents .md_inner .logoArea .address .text { font-size: 0.625em; }

/*============================
#footerNavArea
============================*/
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea { width: 100%; margin-top: 20px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul { margin: 0 -20px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li { background: #f2f0f0; font-size: 0.875em; float: none; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li a { border-top: solid 1px #d2d0d0; padding: 15px 20px 14px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li a:after { content: "　"; background: url(../../imageFile/global/icon_arrow_black_right.png) no-repeat right center; background-size: 5px 9px; position: absolute; right: 20px; }

#pageContainer #mainContainer footer#footer .md_contents .md_inner #footerNavArea ul li.nav01 { width: 100%; }
#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 { width: 100%; }
#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 { border-bottom: solid 1px #d2d0d0; width: 100%; }
#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: 0; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl { margin: 0 -20px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dt { background-color: #ccc; padding: 8px 20px 7px; font-size: 0.75em; margin-bottom: 0; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dd { background: #f2f0f0; border-top: solid 1px #d2d0d0; padding: 15px 20px 14px; display: block; font-size: 0.75em; margin-left: 0; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dd:after { display: none; padding-left: 0; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dd:last-child { border-bottom: solid 1px #d2d0d0; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #peopleConcernedArea dl dd a {}

/*============================
#copyrightArea
============================*/
#pageContainer #mainContainer footer#footer .md_contents .md_inner #copyrightArea { margin-top: 20px; margin-bottom: 20px; }
#pageContainer #mainContainer footer#footer .md_contents .md_inner #copyrightArea .text {}
}

@media only screen and (max-width: 321px) {

/*============================
#subNavArea
============================*/
#subNavArea {}
#subNavArea .md_contents {}
#subNavArea .md_contents ul { width: 375px; }
#subNavArea .md_contents ul li { margin-right: 10px; width: 85px; height: 85px; border-radius: 85px; -webkit-border-radius: 85px;	-moz-border-radius: 85px;  }
#subNavArea .md_contents ul li.last {}

#subNavArea .md_contents ul li .circleBox { height: 85px; }
#subNavArea .md_contents ul li .circleBox:after {}

#subNavArea .md_contents ul li .circleBox .text { letter-spacing: inherit; }
#subNavArea .md_contents ul li .circleBox .itemMask {}

#subNavArea .md_contents ul li a {}
#subNavArea .md_contents ul li a:hover {}

#subNavArea .md_contents ul li.goToOutline {}
#subNavArea .md_contents ul li.goToOutline .circleBox:after {}

#subNavArea .md_contents ul li.goToHistory {}
#subNavArea .md_contents ul li.goToHistory .circleBox:after {}

#subNavArea .md_contents ul li.goToCulturalassets {}
#subNavArea .md_contents ul li.goToCulturalassets .circleBox:after {}

#subNavArea .md_contents .md_buttonMore {}
#subNavArea .md_contents .md_buttonMore .text {}
#subNavArea .md_contents .md_buttonMore a {}

}