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

/*============================
.clearFix
============================*/
.clearFix:after { clear: both; display: block; content: ""; height: 0; line-height: 0; }

/*============================
.md_pcOnly & .md_spOnly
============================*/
.md_pcOnly { display: block; }
.md_spOnly { display: none; }

/*============================
.md_contents & .md_inner
============================*/
.md_contents { width: 1110px; margin: 0 auto; min-width: 1110px; }
.md_inner { width: 1100px; margin: 0 auto; }

/*============================
title & headline
============================*/
.md_titleCenter { padding: 180px 0 170px; width: 100%; }
#subtopPanelArea > .md_titleCenter { padding: 140px 0 135px; }

.md_titleCenter .titleContainer { text-align: center; }
.md_titleCenter .titleContainer .title { color: #fff; }
.md_titleCenter .titleContainer .title span.sub { display: block; font-size: 1.375em }
.md_titleCenter .titleContainer .title span.big { display: block; font-size: 2em; margin-top: 18px; }
.md_titleCenter .titleContainer .titleEn { color: #fff; font-size: 0.875em; letter-spacing: 2px; margin-top: 30px; }
.md_titleCenter .titleContainer .titleEn:before { content: "-"; margin-right: 6px; }
.md_titleCenter .titleContainer .titleEn:after { content: "-"; margin-left: 6px; }

.md_headline { background: url(../../imageFile/global/bg_title_bottom.png) no-repeat center bottom; font-size: 1.5em; padding-bottom: 30px; text-align: center; width: 100%; }
.md_iconHeadline { margin-top: 20px; font-size: 1.5em; font-weight: bold; padding-left: 35px; background: url(../../imageFile/global/icon_threeCircles.png) no-repeat left center; }

.md_titleSimple { padding: 40px 0; width: 100%; }
.md_titleSimple .titleContainer { text-align: center; }
.md_titleSimple .titleContainer .title { color: #fff; }
.md_titleSimple .titleContainer .title span.big { display: block; font-size: 1.375em }

/*============================
button
============================*/
.button {}
.md_buttonMore { border: 1px solid #000; box-sizing: border-box; position: relative; }
.md_buttonMore .text { font-size: 0.875em; padding: 16px 0 14px; text-align: center; }
.md_buttonMore .text:after { content: "　"; background: url(../../imageFile/global/icon_arrow_black_right.png) no-repeat right center; background-size: 5px 9px; position: absolute; right: 20px; }
.md_buttonMore a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.md_buttonMore a:hover { background: rgba(249,248,244,0.3); }

.md_buttonMore_white { color: #fff; border: 1px solid #fff; box-sizing: border-box; position: relative; }
.md_buttonMore_white .text { color: #fff; font-size: 0.875em; padding: 12px 0; text-align: center; }
.md_buttonMore_white .text:after { content: "　"; background: url(../../imageFile/global/icon_arrow_white_right.png) no-repeat right center; background-size: 5px 9px; position: absolute; right: 20px; }
.md_buttonMore_white a { color: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.md_buttonMore_white a:hover { background: rgba(249,248,244,0.3); }

/*============================
.md_paging
============================*/
.md_paging { margin-top: 40px; text-align: center; }
.md_paging ul {}
.md_paging ul li { display: inline-block; width: 40px; height: 40px; line-height: 40px; margin-left: -1px; border: solid 1px #ddd; margin-left: 5px; }
.md_paging ul li a { display:inline-block; width: 40px; height: 40px; line-height: 40px; color: #000; }
.md_paging ul li.active { border: solid 1px #000; }
.md_paging ul li.active a { background: #000; color: #fff; }
.md_paging ul li:first-child { margin-left: 0; }
.md_paging ul li:last-child {}

/*============================
.md_icon
============================*/
.md_icon { display: inline-block; font-size: 0.75em; padding: 5px 0 4px; width: 90px; text-align: center; }
.md_icon_info { background: #ddd; color: #000; }

/*============================
md_culturalassetsBox
============================*/
.md_culturalassetsBox { margin-bottom: 80px; border: 1px solid #000; height: 500px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.md_culturalassetsBox:last-child { margin-bottom: 0;}
.md_culturalassetsBox .right { float: right; }
.md_culturalassetsBox .left { float: left; }
.md_culturalassetsBox .images { position: relative; width: 40%; background-color: #E0E0E0; height: 100%; }
.md_culturalassetsBox .images .box { position: absolute; top: 50%; left: 50%; 
 -webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
}
.md_culturalassetsBox .images .link { display: none; position: absolute; bottom: 0; right: 0; background-color: #333; }
.md_culturalassetsBox .images .link .icon { position: relative; }
.md_culturalassetsBox .images .link .icon span { display: block; position: absolute; top: 24px; left: 12px; width: 27px; border-bottom: 3px #fff solid; }
.md_culturalassetsBox .images .link .icon span:last-child {
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.md_culturalassetsBox .images .link a { display: block; width: 50px; height: 50px; }
.md_culturalassetsBox .textArea { width: 60%; }
.md_culturalassetsBox .textArea .caption { padding: 80px; overflow: hidden; }
.md_culturalassetsBox .textArea .caption .title { font-size: 1.25em; font-weight: bolder; letter-spacing: 0.2em; }
.md_culturalassetsBox .textArea .caption .title .englishTitle { letter-spacing: 0; line-height: 1.7; }
.md_culturalassetsBox .textArea .caption .category { display: inline-block; padding: 5px; margin-top: 8px; background-color: #BF4A4A; font-size: 0.875em; font-weight: bolder; color: #fff; letter-spacing: 0.2em; }
.md_culturalassetsBox .textArea .caption .age { display: inline-block; margin-left: 10px; font-size: 0.875em; font-weight: bolder; }
.md_culturalassetsBox .textArea .caption .text { margin-top: 29px; font-size: 0.875em; line-height: 1.7; letter-spacing: 0.2em; }
/*============================
md_cultureNav
============================*/
.md_cultureNav { margin-top: 120px; position: relative; }
.md_cultureNav ul { width: 100%; }
.md_cultureNav ul li { float: left; position: relative; width: 25%; background-repeat: no-repeat; background-position: top center; 
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
background-size: cover;
}
.md_cultureNav ul li .overlay { display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 120; opacity: 0; background-color: rgba(0,0,0,0.8); text-align: center; padding: 45px 6%; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.md_cultureNav ul li .overlay:hover { opacity: 1; }
.md_cultureNav ul li .overlay .title { color: #fff; font-size: 1.5em; letter-spacing: 6px; margin-top: 60px; }
.md_cultureNav ul li .overlay .textArea { overflow: hidden; }
.md_cultureNav ul li .overlay .textArea .text { display: none; /*color: #fff; margin-top: 20px; line-height: 1.75; letter-spacing: 2px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;*/ }
.md_cultureNav ul li .overlay .md_buttonMore_white { width: 240px; margin: 25px auto 0; }
.md_cultureNav ul li .overlay a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.md_cultureNav ul li > .md_titleCenter { padding: 120px 0 130px; }
.md_cultureNav ul li.culture01 { background-image: url(../../imageFile/global/bg_md_cultureNav01.png); }
.md_cultureNav ul li.culture02 { background-image: url(../../imageFile/global/bg_md_cultureNav02.png); }
.md_cultureNav ul li.culture03 { background-image: url(../../imageFile/global/bg_md_cultureNav03.png); }
.md_cultureNav ul li.culture04 { background-image: url(../../imageFile/global/bg_md_cultureNav04.png); }

/*============================
md_culturalassetsListArea
============================*/
.md_culturalassetsListArea { margin-top: 70px; }
.md_culturalassetsListArea .md_contents .md_inner .md_buttonMore{ width: 400px; margin: 0 auto; }
.md_culturalassetsListArea .md_contents .md_inner .md_buttonMore .text { font-size: 1.125em; padding: 18px 0 16px; }

/*============================
.md_culturalassetsTable
============================*/
.md_culturalassetsTable {margin-top: 50px; }
.md_culturalassetsTable .box { margin-top: 40px; margin-bottom: 40px; }
.md_culturalassetsTable .box .table{ width: 100%; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.md_culturalassetsTable .box .table tr { border-bottom: 1px solid #ddd; } 
.md_culturalassetsTable .box .table tr th { padding: 10px 0; color: #555; background-color: #ddd; text-align: center; letter-spacing: 0.2em;}
.md_culturalassetsTable .box .table tr td { border-right: 1px solid #ddd; padding: 20px 0; text-align: center; line-height: 1.5; letter-spacing: 0.2em; vertical-align: middle;}
.md_culturalassetsTable .box .table tr td .category { display: inline-block; padding: 5px 10px; color: #fff; }
.md_culturalassetsTable .box .table tr td .red { background-color: #BF4a4a; }
.md_culturalassetsTable .box .table tr td .blue { background-color: #002E73; }
.md_culturalassetsTable .box .table tr td:first-child { padding: 15px 0; width: 100px; }
.md_culturalassetsTable .box .table tr td:nth-child(2) { width: 300px; padding-left: 20px; text-align: left; }
.md_culturalassetsTable .box .table tr td:nth-child(3) { width: 150px; }
.md_culturalassetsTable .box .table tr td:nth-child(4) { width: 180px; }
.md_culturalassetsTable .box .table tr td:last-child { padding-left: 20px; border-right: none; text-align: left; }
/*============================
md_questionList
============================*/
.md_questionList { margin-top: 60px; }
.md_questionList .title { font-size: 1.5em; font-weight: bold; }
.md_questionList .title:before { display: inline-block; content: ""; width: 60px; height: 60px; vertical-align: middle; margin-right: 15px; }
.md_questionList .box { margin-top: 25px; border: 1px solid #ddd; background-color: #fff; 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.md_questionList .box ul { padding: 40px; }
.md_questionList .box ul li { border-bottom: 1px #ddd solid; padding: 20px 0; }
.md_questionList .box ul li:first-child { padding-top: 0; }
.md_questionList .box ul li:last-child { border-bottom: 0; padding-bottom: 0; }
.md_questionList .box ul li .leftBox { float: left; width: 33%; }
.md_questionList .box ul li .leftBox .icon { display: inline-block; width: 40px; height: 40px; background-color: #e5e5e5; text-align: center; vertical-align: top;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.md_questionList .box ul li .leftBox .icon > .text { padding-top: 11px; font-size: 1.25em; font-weight: bold; color: #555; }
.md_questionList .box ul li .leftBox > .text { display: inline-block; width: 80%; margin-top: 13px; margin-left: 15px; font-size: 0.875em; line-height: 1.7; font-weight: bold; }
.md_questionList .box ul li .rightBox { float: left; width: 67%; }
.md_questionList .box ul li .rightBox .icon { display: inline-block; width: 40px; height: 40px; background-color: #ededed; text-align: center; vertical-align: top; 
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.md_questionList .box ul li .rightBox .icon > .text { padding-top: 11px; font-size: 1.25em; font-weight: bold; color: #555; }
.md_questionList .box ul li .rightBox > .text { display: inline-block; width: 90%; margin-top: 13px; margin-left: 15px; font-size: 0.875em; line-height: 1.7; }