@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 640px) {
/*============================
.clearFix
============================*/
.clearFix:after { clear: both; display: block; content: ""; height: 0; line-height: 0; }

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

/*============================
.md_contents & .md_inner
============================*/
.md_contents { width: 100%; margin: 0 auto; min-width: inherit; }
.md_inner { box-sizing: border-box; padding: 0 20px; width: 100%; margin: 0 auto; }


/*============================
title & headline
============================*/
.md_titleCenter { padding: 50px 0 45px; }
#subtopPanelArea>.md_titleCenter { padding: 50px 0 48px; }
.md_titleCenter .titleContainer {}
.md_titleCenter .titleContainer .title { margin: 0 20px; }
.md_titleCenter .titleContainer .title span.sub { font-size: 1.25em }
.md_titleCenter .titleContainer .title span.big { font-size: 1.5em; margin-top: 10px; }
.md_titleCenter .titleContainer .titleEn { font-size: 0.75em; letter-spacing: 1px; margin: 10px 20px 0;  }
.md_titleCenter .titleContainer .titleEn:before { content: "-"; margin-right: 3px; }
.md_titleCenter .titleContainer .titleEn:after { content: "-"; margin-left: 3px; }

.md_headline { padding-bottom: 20px; font-size: 1.25em; }
.md_iconHeadline { font-size: 1.25em;  padding-left: 25px; background: url(../../imageFile/global/icon_threeCircles.png) no-repeat left center; background-size: 15px auto; }

.md_titleSimple { padding: 20px 0; }
.md_titleSimple .titleContainer {}
.md_titleSimple .titleContainer .title {}
.md_titleSimple .titleContainer .title span.big { font-size: 1.25em }

/*============================
button
============================*/
.button {}
.md_buttonMore {}

/*============================
.md_paging
============================*/
.md_paging { margin-top: 20px; }
.md_paging ul {}
.md_paging ul li { width: 36px; height: 36px; line-height: 36px; }
.md_paging ul li a { width: 36px; height: 36px; line-height: 36px; }
.md_paging ul li.active {}
.md_paging ul li.active a {}
.md_paging ul li:first-child {}
.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: 30px; height: auto;}
.md_culturalassetsBox:last-child { margin-bottom: 0;}
.md_culturalassetsBox .right { float: none; }
.md_culturalassetsBox .left { float: none; }
.md_culturalassetsBox .images { width: 100%; overflow: hidden; text-align: center; }
.md_culturalassetsBox .images img { width: 70% }
.md_culturalassetsBox .images .box { position: static; padding: 20px; 
-webkit-transform: none;
transform: none;
}
.md_culturalassetsBox .images .link { bottom: 10px; right: 10px; }
.md_culturalassetsBox .images .link .icon {}
.md_culturalassetsBox .images .link .icon span {}
.md_culturalassetsBox .images .link .icon span:last-child {}
.md_culturalassetsBox .images .link a {}
.md_culturalassetsBox .textArea { width: 100%; }
.md_culturalassetsBox .textArea .caption { padding: 25px; }
.md_culturalassetsBox .textArea .caption .title { font-size: 1.25em; font-weight: bolder; letter-spacing: inherit; }
.md_culturalassetsBox .textArea .caption .title .englishTitle { letter-spacing: inherit; display: block; line-height: 1; margin-top: 5px; font-size: 0.75em; }
.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: inherit; }
.md_culturalassetsBox .textArea .caption .age { display: inline-block; margin-left: 10px; font-size: 0.75em; font-weight: bolder; }
.md_culturalassetsBox .textArea .caption .text { margin-top: 15px; font-size: 0.875em; line-height: 1.7; letter-spacing: inherit; }

/*============================
md_cultureNav
============================*/
.md_cultureNav { margin-top: 40px; }
.md_cultureNav ul {}
.md_cultureNav ul li { float: none; width: 100%; margin-top: 1px;; overflow: hidden; }
.md_cultureNav ul li:first-child { margin-top: 0; }
.md_cultureNav ul li > .md_titleCenter { padding: 160px 0 150px; }
.md_cultureNav ul li .md_titleCenter .titleContainer .title { display: none; }
.md_cultureNav ul li .overlay { background-color: rgba(0,0,0,0.4); padding: 50px 20px 40px; opacity: inherit;}
.md_cultureNav ul li .overlay .textArea .text { font-size: 0.875em; }
	
/*============================
md_culturalassetsListArea
============================*/
.md_culturalassetsListArea { margin-top: 40px; }
.md_culturalassetsListArea .md_contents .md_inner .md_buttonMore{ width: 100%; }
.md_culturalassetsListArea .md_contents .md_inner .md_buttonMore .text { font-size: 1.125em; padding: 18px 0 16px; }

/*============================
.md_culturalassetsTable
============================*/
.md_culturalassetsTable { margin-top: 25px; }
.md_culturalassetsTable .box { margin-top: 25px; }
.md_culturalassetsTable .box .spTable{ width: 100%; border: 1px solid #ddd; margin-bottom: 18px; }
.md_culturalassetsTable .box .spTable tr { border-bottom: 1px solid #ddd; } 
.md_culturalassetsTable .box .spTable tr th { padding: 10px 0; color: #555; background-color: #ddd; text-align: center; letter-spacing: inherit; font-size: 0.875em; width:15%; }
.md_culturalassetsTable .box .spTable tr td .category { display: inline-block; padding: 5px; color: #fff; font-size: 0.875em}
.md_culturalassetsTable .box .spTable tr td .red { background-color: #BF4a4a; }
.md_culturalassetsTable .box .spTable tr td .blue { background-color: #002E73; }
.md_culturalassetsTable .box .spTable tr td { padding: 10px 0; text-align: center;  font-size: 0.875em;}
.md_culturalassetsTable .box .spTable tr:nth-child(2) td {text-align: left; padding-left: 10px; }
.md_culturalassetsTable .box .spTable tr:nth-child(3) td {text-align: left; padding-left: 10px; }
.md_culturalassetsTable .box .spTable tr .cell{ padding: 5px 0; }

/*============================
md_questionList
============================*/
.md_questionList { margin-top: 30px; }
.md_questionList .title { font-size: 0.875em; font-weight: bold; }
.md_questionList .title:before { display: inline-block; content: ""; width: 30px; height: 30px; vertical-align: middle; margin-right: 10px; }
.md_questionList .box { margin-top: 20px; border: 1px solid #ddd; background-color: #fff; }
.md_questionList .box ul { padding: 20px 10px; }
.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: none; width: 100%; margin-bottom: 10px; }
.md_questionList .box ul li .leftBox .icon { display: inline-block; width: 30px; height: 30px; background-color: #e5e5e5; text-align: center;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.md_questionList .box ul li .leftBox .icon > .text { padding-top: 7px; padding-left: 2px; font-size: 0.875em; font-weight: bold; color: #555; }
.md_questionList .box ul li .leftBox > .text { display: inline-block; width: 80%; margin-left: 5px; margin-top: 5px; font-size: 0.875em; letter-spacing: inherit; font-weight: bold; vertical-align: top; }
.md_questionList .box ul li .rightBox { float: none; width: 100%; }
.md_questionList .box ul li .rightBox .icon { display: inline-block; width: 30px; height: 30px; background-color: #ededed; text-align: center; vertical-align: top; 
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
.md_questionList .box ul li .rightBox .icon > .text { padding-top: 7px; padding-left: 2px; font-size: 1em; font-weight: bold; color: #555; }
.md_questionList .box ul li .rightBox > .text { display: inline-block; width: 80%; margin-top: 5px; margin-left: 5px; font-size: 0.875em; }
}