@charset "utf-8";

/*/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/

	reset css

/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/ */
*{ margin: 0; padding:0; }
h1,h2,h3,h4,h5,h6 { font-weight:normal; line-height:1; }
ul{ list-style:none; }
img { vertical-align:bottom; }

/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	common css

/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/ */
body{
	background-color:#fff;
	font-family:"游明朝体", YuMincho, "ヒラギノ明朝 Pro W3","HiraMinPro-W3","Arial",'游ゴシック体',"ＭＳ Ｐゴシック",sans-serif;
	color:#555;
	font-size:14px;
	-webkit-text-size-adjust: 100%;　/*sp font*/
}

.mediaPC { display:block; }
.mediaSP { display:none; }

.pt10 { padding-top:10px; }
.pt20 { padding-top:20px; }
.pb10 { padding-bottom:10px; }
.pb20 { padding-bottom:20px; }
.pb30 { padding-bottom:30px; }

.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }

.fontS { font-size:75%; }
.fontL { font-size:125%; }

.contentWidth {
	width:1100px;
	margin:0 auto;
}

/* Btn */
.linkBtn {
	width:25%;
	border:2px solid #987350;
	border-radius:2px;
	margin:0 auto;
	text-align:center;
	background-color:#987350;
	color:#FFF;
}

.linkBtn a {
	display:block;
	padding:1% 5%;
}

.linkBtn a:link,
.linkBtn a:visited {
	color:#FFF;
}

.linkBtn:hover,
.linkBtn:active {
	border:2px solid #987350;
	background-color:transparent;
	color:#684625;
	transition: all .6s;
}

.linkBtn a:hover,
.linkBtn a:active {
	color:#684625;
}

/* fadeIn window */
#PageLoad {
	position:fixed; top : 0; left : 0; width: 100%; height : 100%;
	content:"NowLoading";
    background-color:#fff;
    background-image:url( ../img/animeite.gif );
    background-repeat:no-repeat;
    background-position:50% 50%;
    z-index: 9999;
}

/* fadeIn Scroll */
.fadein {
    opacity : 0;
    transition:all .8s;
}
.fadein.scrollin {
    opacity : 1;
    transition:all .8s;
}

/* in page link margin */
section.innerLink {
	padding-top:20px !important;
	margin-top:-20px !important;
}

.imgListTypeA > ul {
	margin:0 auto 30px;
	text-align:center;
}

.imgListTypeA > ul > li {
	display:inline-block;
	width:200px;
	height:200px;
	margin:0 10px;
}

.imgListTypeA > ul > li > img {
	width:100%;
}

/* link
 ================================================ */
a:link,
a:visited { color:#cc6600; text-decoration:none; }
a:hover{ color:#66ccff; transition: all 0.3s ease-in-out; }

/*/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

	base css

/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/* header
================================================= */
header {
	text-align:right;
}

header .headerWidht {
	padding:0 5%;
}

header nav #pcHeadNavi {
	display:inline-block;
	overflow:hidden;
	margin-top:20px;
}

header nav #pcHeadNavi li {
	float:left;
	width:auto;
	padding:5px 25px;
}

header nav #pcHeadNavi li:last-child {
	padding-right:0;
}

header nav #pcHeadNavi li a:hover,
header nav #pcHeadNavi li a:active {
	color:#555;
}

/* title 
 ==================================================== */
#titleArea {
	overflow:hidden;
	width:100%;
	margin-bottom:200px;
}

#themeVisual {
	overflow:hidden;
	float:right;
	width:50%;
	height:100%;
	min-height:500px;
	max-height:1000px;
	margin-top:2%;
	margin-right:5%;
	background: url(/exhibition/findaspecial/img/themeVisual.jpg) no-repeat right bottom;
	background-size:cover;
	clear:both;
}

#mainTitle {
	box-sizing:border-box;
	float:left;
	width:45%;
	padding:10% 5% 0 5%;
}

h1 img{
	width:360px;
}

h1 img.sub {
	display:block;
	width:160px;
	margin-bottom:10px;
}


#titleDate {
	padding-left:5px;
	margin-top:20px;
}

#titleDate img {
	width:280px;
}

#titlePlace {
	padding-left:.2em;
	margin-top:10px;
	font-size:150%;
}

h2 {
	margin-top:60px;
}

#topicsArea {
	box-sizing:border-box;
	float:left;
	width:45%;
	padding:0 5% 0 5%;	
}
#topicsArea dl {
	overflow:hidden;
	margin-top:10px;
}

#topicsArea dl dt {
	float:left;
	width:20%;
	margin-top:1%;
	margin-right:2%;
}

#topicsArea dl dd {
	float:left;
	width:78%;
	margin-top:1%;
}

/* content
================================================== */
#content section { margin:0 auto 200px; line-height:2em; text-align:center; }

#content section h2 {
	margin-bottom:40px;
	font-size:220%;
	line-height:.8em;
}

#content section h2 span {
	font-size:50%;
}

#introArea {}

/* Information */
#infoArea {}

#infoArea dl {
	overflow:hidden;
	width:50%;
	margin:0 auto;
	text-align:left;
}

#infoArea dt {
	float:left;
	width:20%;
	padding-bottom:2%;
	border-bottom:1px solid #ddd;
	margin-top:2%;
}

#infoArea dd {
	float:left;
	width:75%;
	padding-bottom:2%;
	padding-left:5%;
	border-bottom:1px solid #ddd;
	margin-top:2%;
}

#infoArea dd .fontS {
	padding-left:5px;
	vertical-align: top;
}


#accessArea #mapframe {
	margin-bottom:20px;
}


/* Author */
#authorArea h3 {
	margin-bottom:20px;
	font-size:100%;
}

#authorArea #artistPic {
	margin:0 auto 20px;
}

#authorArea #artistPic img {
	width:175px;
}

#authorArea #artistPic figcaption {
	margin-top:20px;
	font-size:120%;
}

#authorArea .linkBtn {
	margin-top:20px;
}

#topUp a {
	display:block;
	position:fixed;
	bottom:60px;
	right:20px;
	width:30px;
	height:26px;
	padding-top:4px;
	border-radius:50%;
	text-align:center;
	vertical-align:middle;
	background-color:#684625;
	color:#FFF;
}

/* footer
================================================== */
footer {
	width:100%;
	background-color:#684625;
	color:#FFF;
	text-align:center;
	font-size:85%;
}

footer #footerInner {
	width:1100px;
	padding:10px 0;
	margin:0 auto;
}