@charset "utf-8";

/* RESET */
article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}a,hr{padding:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}ins,mark{background-color:#ff9;color:#000}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:0.242vw;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}

/* INIT */
#contents .list:after,
#contents .cont:after,
#contents .pack:after,
#contents .set:after,
#contents .box:after,
#contents .block:after,
#contents section:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents .list,
#contents .cont,
#contents .pack,
#contents .set,
#contents .box,
#contents .block,
#contents section {
zoom: 1;
}

.OpenSans {
font-family: 'Open Sans', sans-serif;
}
.YuMinchoR {
font-family: 'Yu Mincho Pr6N R', sans-serif;
}
.YuMinchoM {
font-family: 'Yu Mincho Pr6N M', sans-serif;
}
.YuMinchoB {
font-family: 'Yu Mincho StdN B', sans-serif;
}

#pageBody .imageHover {
overflow: hidden;
}
#pageBody .imageHover img {
transition: transform 1s ease;
transform: scale(1.1);
}
#pageBody .imageHover.activeView img {
transform: scale(1);
}
#pageBody .imageHover.activeView img:hover {
transform: scale(1.1);
}

body {
position: relative;
font-family: 'Yu Mincho Pr6N M', sans-serif;
font-style: normal;
font-weight: normal;
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.77;
letter-spacing: 0.06em;
color: #333;
-webkit-font-smoothing: antialiased;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
-webkit-text-size-adjust: none;
}
body {
min-width: 414px;
}
@media (min-width: 768px) {
	body {
	min-width: 1200px;
	}
}

/* PAGETOP */
#pageTop {
text-align: left;
}

/* HEADER */
#header {
text-align: center;
height: 12.077vw;
}
#header .sfc {
position: relative;
margin: 0 auto;
border-top: solid 2px #008d53;
padding-top: 4.348vw;
width: 31.401vw;
z-index: 9;
}
#header .sfc img {
width: 31.401vw;
height: 3.623vw;
}
@media (min-width: 768px) {
	#header {
	text-align: center;
	height: 50px;
	}
	#header .sfc {
	position: relative;
	margin: 0 auto;
	border-top: solid 2px #008d53;
	padding-top: 18px;
	width: 130px;
	z-index: 9;
	}
	#header .sfc img {
	width: 130px;
	height: 15px;
	}
}
@media (max-width: 767px) {
	#navigation {
	height: 0;
	}
	#navigation .link {
	position: relative;
	background-color: rgba(129,132,108,0.9);
	width: 100%;
	height: 21.739vw;
	z-index: 10;
	overflow: hidden;
	}
	#navigation.fixed .link {
	position: fixed;
	top: 0;
	left: 0;
	}
	#navigation .logo {
	position: absolute;
	left: 0;
	top: 2.415vw;
	width: 100%;
	text-align: center;
	}
	#navigation .logo img {
	display: block;
	margin: 0 auto;
	width: auto;
	height: 8.696vw;
	}
	#navigation .local {
	display: flex;
	justify-content: center;
	padding: 13.285vw 1.932vw 0 1.932vw;
	}
	#navigation .local li {
	padding: 0 3.5vw;
	font-size: 3.382vw;
	line-height: 5.797vw;
	letter-spacing: 0.06em;
	white-space: nowrap;
	}
	#navigation .local a {
	position: relative;
	display: block;
	color: #fff;
	text-decoration: none;
	}
	#navigation .local a::before {
	transition: width 0.5s ease;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #fff;
	width: 0;
	height: 0.242vw;
	text-decoration: none;
	}
	#navigation .local a:hover::before {
	width: 100%;
	}
	#navigation .box {
	position: fixed;
	left: 0;
	bottom: 0;
	display: flex;
	width: 100%;
	z-index: 10;
	}
	#navigation .box p {
	flex-grow: 6;
	border-right: solid 1px #fff;
	font-family: 'Yu Mincho StdN B', sans-serif;
	font-size: 3.382vw;
	line-height: 1.25;
	letter-spacing: 0.06em;
	}
	#navigation .box p.exhibition
	#navigation .box p.catalog {
	font-size: 2.899vw;
	}
	#navigation .box p:last-child {
	border-right: none;
	}
	#navigation .box a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #555945;
	height: 10.628vw;
	text-decoration: none;
	text-align: center;
	color: #fff;
	}
}
@media (min-width: 768px) {
	#navigation {
	height: 0;
	}
	#navigation .cont {
	position: relative;
	background-color: rgba(129,132,108,0.9);
	width: 100%;
	height: 70px;
	z-index: 10;
	}
	#navigation.fixed .cont {
	position: fixed;
	top: 0;
	left: 0;
	}
	#navigation .inner {
	position: relative;
	margin: 0 auto;
	width: 1134px;
	height: 70px;
	}
	#navigation .link {
	height: 70px;
	}
	#navigation .logo {
	position: absolute;
	left: 3px;
	top: 20px;
	}
	#navigation .logo img {
	display: block;
	width: auto;
	height: 34px;
	}
	#navigation .local {
	display: flex;
	position: absolute;
	right: 426px;
	top: 21px;
	}
	#navigation .local li {
	padding: 0 9px;
	font-size: 14px;
	line-height: 28px;
	letter-spacing: 0.06em;
	}
	#navigation .local a {
	position: relative;
	display: block;
	color: #fff;
	text-decoration: none;
	}
	#navigation .local a::before {
	transition: width 0.5s ease;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	background-color: #fff;
	width: 0;
	height: 1px;
	text-decoration: none;
	}
	#navigation .local a:hover::before {
	width: 100%;
	}
	#navigation .box {
	position: absolute;
	right: -40px;
	top: 13px;
	display: flex;
	z-index: 12;
	}
	#navigation .box p {
	margin-left: 11px;
	width: 140px;
	height: 46px;
	font-family: 'Yu Mincho StdN B', sans-serif;
	font-size: 12px;
	line-height: 1.25;
	letter-spacing: 0.06em;
	}
	#navigation .box p:last-child {
	border-right: none;
	}
	#navigation .box a {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #555945;
	width: 140px;
	height: 46px;
	text-decoration: none;
	text-align: center;
	color: #fff;
	z-index: 1;
	}
	#navigation .box a::after {
	content: '';
	transition: width 0.5s ease;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	width: 0;
	height: 100%;
	z-index: -1;
	}
	#navigation .box a:hover::after {
	width: 100%;
	}
}

/* pageBody */
#pageBody {
background-color: #fff;
}
#contents .cont {
margin: 0 auto;
max-width: 1134px;
text-align: left;
letter-spacing: 0.1em;
}
#contents img {
display: block;
max-width: 100%;
height: auto;
}

#globalFooter .targetTop {
  display : none !important;
}