@charset "utf-8";
html, body {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Arial", "Verdana", "sans-serif";
	font-size: normal;
	line-height: 1.4;
	text-rendering: optimizeLegibility;
  	-webkit-font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
  	-moz-font-feature-settings: "liga", "kern";
	font-weight: normal;
	
	background: #eee;
	margin: 0;
	padding: 0;
	color: #fff;
	-webkit-text-size-adjust: 100%;
	
	width: 100%;
	/*overflow-x: hidden;*/
}
.artbody {
	background: #aaa;
}
.artistindexhtml {
	scroll-behavior: smooth;
}
h1, h2, h3, h4, p, ul, ol, dl, li {
	font-weight: normal;
	padding: 0;
	margin: 0;
	color: #333;
}
.textbox> ul, .textbox> ol {
  padding-left: 2em;
}
canvas{
	outline: none;
	width: 100%;
}
.title{text-align:center;margin-bottom:0.5em;}
.textitle{margin-bottom:1em;}
.by{text-align:right;margin-top:0.5em}
.ad{display:inline-block;/*width:4em;*/}
.adem{display:inline-block;width:13em;}
.adp br {
    content: "";
    margin-top: 0.35em;
    display: block;
}
.adp {
    line-height: 105%;
	text-indent: -3.5em;
    padding-left: 3.5em;
}
.caption>.ad {
	font-size: 90%;
}
.sold:before{
	content: "●";
	color:#c80000;
}

a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

a:link, a:visited, a:hover, a:active, a:focus { /* このセレクターグループは、キーボードを使用するユーザーに対し、マウスを使用するユーザーと同じホバー効果を提供します。 */
	color: inherit;
	text-decoration: none;
}

#headshade {
	position: fixed;
	top:0;left:0;
	z-index: 100;
	margin: 0;
	padding: 0;
	width: 100%;
	background-color: #4a4a4a;
	background-color: rgba( 0, 0, 0, 0.69 );
	height: 60px;
}
#header {
	width: 100%;
	position: relative;
	margin: 0 auto;
	max-width: 1600px;
	height: 100%;
}
#headcontent {
	margin-left: 2%;
	width: 96%;
	position: relative;
	height: 100%;
}
#logo {
	position: absolute;
	top:0;left:0;
	z-index: 101;
	width: auto;
	height: auto;
	max-width: 20%;
}
#logo > a > img {
	width: auto;
	height: auto;
	max-width: 100%;
	max- height: 60px;
}
#search {
	width: 550px;
	margin: 0 auto;
	padding-top: 4px;
}
#search > form {
	position: relative;
	margin: 0;
	padding: 0;
	width :550px;
}
input[type="text"]{
	width: 525px;
	border-radius: 1px 0 0 1px;
	-webkit-border-radius: 1px 0 0 1px;
	-moz-border-radius: 1px 0 0 1px;
	-webkit-appearance: none;
	font-size: large;
}
.searchbtn {
	width: 25px;
	background-color: #ccc;
	background-image: url(material/search.svg);
	border-radius: 0 1px 1px 0;
	-webkit-border-radius: 0 1px 1px 0;
	-moz-border-radius: 0 1px 1px 0;
}
input[type="text"], .searchbtn{
	height: 25px;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	display: inline;
}
#navigation {
	position: absolute;
	height: 25px;
	right: 0;
	bottom: 2px;
}
#navigation p { padding: 2px 16px 0 16px;color: #fff;display: inline-block;}
/*#navigation > ul > li > a > img { margin: 0 0 2px 24px;}*/
.navicon {margin: 0 0 2px 24px;}
#navigation > ul {
	list-style: none;
	height: 100%;
	position: relative;
	float: right;
}
#navigation > ul > li, .navdrop {
	float: left;
	margin: 0;
	padding: 0;
	height: 27px;
	display: block;
}
.navdrop {margin: 0px;width:auto;position: relative;}
#exlist {
	display: block;
	position: absolute;
	list-style: none;
	height: 0;
	width: 120px;
	top: 27px;
	overflow: hidden;
	background-color: rgba( 0, 0, 0, 0.69 );
	white-space: normal;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.exlistheight {height: 400px!important;}
/*年数増えたら25px足す*/
#exlist > li {
	padding: 0;
	margin: 0;
	text-align: center;
	height: 25px;
	width: 120px;
}
#exlist > li > a > p {padding:2px 0 0 0!important;width:120px; text-align: center;}
#exlist > li:hover, #exlist > li:active, #exlist > li:focus {
	background-color: rgba( 255, 255, 255, 0.60 );
}
#close {
	position: absolute;
	height: 0px;
	width: 120px;
	top:427px;/*exlistheight+27px*/
	overflow: hidden;
	background-color: rgba( 0, 0, 0, 0.69 );
	margin-left: -16px;
}
.closeheight {height: 30px!important;}
#close > a {
	margin: 5px auto;
	display: block;
	width: 100%;
	height: 20px;
	text-align: center;
}
#close > a > div{/*▲*/
	display: inline-block;
	margin: 0;
	width: 0;
	height: 0;
	border-top: solid 0px transparent;
	border-right: solid 25px transparent;
	border-bottom: solid 12px #fff;
	border-left: solid 25px transparent;
}

#footcolor {
	background-color: #4a4a4a;
}
#footer {
	margin: 0 auto;
	max-width: 1600px;
	text-align: right;
	padding: 15px 0;
}
.foottex {
	color: #fff;
	font-size: small;
	display: inline-block;
	margin-right: 2%;
	white-space: nowrap;
}

/*アニメーション*/
#exlist, #close, #headshade {
	-webkit-transition-property: height, transforms, -webkit-transforms, transform, -webkit-transform;
	-moz-transition-property: height, transforms, transform;
	-ms-transition-property: height, transforms, -ms-transforms, transform, -ms-transform;
	-o-transition-property: height, transforms, transform;
	transition-property: height, transforms, -webkit-transforms, -ms-transforms, transform, -webkit-transform, -ms-transform;
	
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	-ms-transition-duration: 0.3s;
	-o-transition-duration: 0.3s;
	transition-duration: 0.3s;
	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	
	
}

#shell {
	-webkit-transition-property: transforms, -webkit-transforms, transform, -webkit-transform;
	-moz-transition-property: transforms, transform;
	-ms-transition-property: transforms, -ms-transforms, transform, -ms-transform;
	-o-transition-property: transforms, transform;
	transition-property: transforms, -webkit-transforms, -ms-transforms, transform, -webkit-transform, -ms-transform;
	
	-webkit-transition-duration: 0.1s;
	-moz-transition-duration: 0.1s;
	-ms-transition-duration: 0.1s;
	-o-transition-duration: 0.1s;
	transition-duration: 0.1s;
	
	-webkit-transform-style: preserve-3d;
	-webkit-transforms-style: preserve-3d;	
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-ms-transforms-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	transforms-style: preserve-3d;
	
	/*-webkit-backface-visibility: hidden;
	backface-visibility: hidden;*/
}
a > * {
	-webkit-transition: box-shadow 0.3s, background 0.3s;
	-moz-transition: box-shadow 0.3s, background 0.3s;
	-ms-transition: box-shadow 0.3s, background 0.3s;
	-o-transition: box-shadow 0.3s, background 0.3s;
	transition: box-shadow 0.3s, background 0.3s;
}

.tag, .topexhibition:after, .newsshadow:after, .inqbutton, .mailsend{
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	-ms-transition: background 0.3s;
	-o-transition: background 0.3s;
	transition: background 0.3s;
}

.top {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	padding: 25px 0 0 0;
	position: relative;
}

/*タイルここから－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/
.container, .topcontents {
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
	padding-bottom: 2%;
	position: relative;
	overflow: hidden;/*floatしたdivに高さを持たせる*/
}
.topcontents {margin-top:35px;}
.googlemap{max-width:none;}
.tile1, .tile2, .tile3, .tile4, .tile5 {
	padding: 0;
	
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size:cover;
	-webkit-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	background-size:cover;
	
	position: relative;
	zoom: 1;
	
	float: left;
	display: inline;
	margin-top: 2%;
	margin-left: 2%;
	height: auto;
}
.tile1 {width:14.333%;}
.tile2 {width:30.666%;}
.tile3 {width:63.333%;}
.tile4 {width:30.666%;}
.tile5 {width:96%;}
.tile6 {
	margin-top: 2%;
	margin-left: 2%;
	width: 96%;
	text-align: center;
}
.tile1, tile2 {color:#fff;}
/*タイル内のテキスト下揃え*/
.tile2 > div > h2, .tile2 > div > h3 {
	color: #fff;
}
.tile2 h2 {
	color: #fff;
}
.tile6 > h1, .tile6 > h2, .tile6 > h3, .tile6 > h4, .tile6 > p {
	padding: 0;
	margin: 0 1% 0 1%;
	display: inline-block;
}
.tile1 > div, .tile2 > div {
	position: absolute;
	bottom: 0;
	color: #fff;
	margin: 0 0 10px 10px;
}
.tile1 > div {margin: 0 0 5px 5px;}

.top img, .container img, .container video {width:100%;height:auto;}
.container video:focus {outline:none;}

a:hover .tile2, a:active .tile2, a:focus .tile2 {
	box-shadow: 0 0 0 5px #fff;
}

.floatright {
	float: right;
	margin-left: 0;
	margin-right: 2%;
}
.clear { clear: both; height: 0;}
.space { width:100%; height: 50px;}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: "";
  clear: both;
  height: 0;
}
 /* IE6 */
* html .clearfix { zoom: 1;}
 /* IE7 */
*:first-child+html .clearfix {zoom: 1;}

/*タイルここまで－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－*/

/*トップページ*/
.topexhibition {
	color: #fff;
	position: relative;
}
#topslide {
	z-index: 5;
	position: relative;
	float: left;
	overflow: hidden;
	/*width: 65.493%;*/
	/*margin-right: 2%;*/
}
.buttonstyleclear {-webkit-appearance:none;border:0px;cursor:pointer;outline:none;}
.tag {
	z-index: 7;
	background-color: rgba( 255, 255, 255, 0.60 );
	position: absolute;
	top: 0;
	margin: 0px;
	padding: 10px 15px 10px 10px;
	color: #333;
	border-bottom-right-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	-moz-border-radius-bottomright: 25px;
}
.tagthumb > span {
    font-size: x-small;
    margin-left: 0.25em;
    vertical-align: bottom;
    font-weight: bold;
	/*color: #c80000;*/
}
.tagthumb, .tagslideimg {
	padding: 5px 7px 5px 5px;
	border-bottom-right-radius: 15px;
	-webkit-border-bottom-right-radius: 15px;
	-moz-border-radius-bottomright: 15px;
}
.tagthumb img {width: 15px;height:15px;}
.tagslideimg span {margin-left:5px;font-size: large;}
.tagslideimg img {width:25px;height:25px;}
.tagicon {margin-bottom: -5px;}

#topimg {
	position: relative;
	width: 100%;
	height: auto;
}
.topextex {
	z-index: 6;
	position: relative;
	padding: 2%;
	color: #333;
	float: right;
	width: 90%;
}
.topextex {
	text-align: justify;
	text-justify: inter-ideograph; /* IE用 */	
}
.click {
	border:solid 1px #aaa;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	margin: 20px auto 0 auto;
	padding: 7px 0;
	text-align: center;
	background-color: rgba( 255, 255, 255, 0.27 );
}
.topexhibition:hover:after, .topexhibition:active:after, .topexhibition:focus:after, .newsshadow:hover:after, .newsshadow:active:after, .newsshadow:focus:after {
	background-color: rgba( 255, 255, 255, 1 );
}
.topexhibition:hover, .topexhibition:active, .topexhibition:focus, .newsshadow:hover, .newsshadow:active, .newsshadow:focus {
	box-shadow: 0 0 0 5px #fff;
}
.topexhibition:hover .tag, .topexhibition:active .tag, .topexhibition:focus .tag, .tile2:hover .tag, .tile2:active .tag, .tile2:focus .tag, .slideimg .tag:hover, .slideimg .tag:active, .slideimg .tag:focus, a>.slideimg:hover .tag, a>.slideimg:active .tag, a>.slideimg:focus .tag {
	background-color: rgba( 255, 255, 255, 1 );
}

.calendar {
	z-index: 4;
	position: relative;
	text-align: center;
	margin: 0 auto;
}
.calendarshadow {
	position: relative;
	text-align: center;
	color: #333;
	padding-bottom: 25px;
	overflow: hidden;
}
.newsshadow {
	position: relative;
}
.newsimg {
	z-index: 6;
	position: relative;
	width: 25%;
	padding: 0;
    background-repeat: no-repeat;
    background-position: center center;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: relative;
    zoom: 1;
    float: left;
    display: inline;
    height: auto;
}
.newsimg > img {
	max-width: 100%;
}
.newstex {
	z-index: 6;
	position: relative;	
	width: 71%;
	color: #333;
	float: left;
}
.newstex {margin: 2%;}
.topexhibition:before, .calendarshadow:before, .newsshadow:before {
	z-index: 0;
	content:"";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-image: url(material/top_blur.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	/*-webkit-filter: blur(5px) saturate(78%);
	-moz-filter: blur(5px) saturate(78%);
	filter: blur(5px) saturate(78%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><defs><filter id=\'blur\'><feGaussianBlur in=\'SourceGraphic\' stdDeviation=\'5\' /></filter></defs></svg>#blur");
	filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=5);*/
}
.topshadowf:before {
	z-index: 1;
	content:"";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-image: url(material/top_blurf.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-o-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	/*-webkit-filter: blur(5px) saturate(78%);
	-moz-filter: blur(5px) saturate(78%);
	filter: blur(5px) saturate(78%);
	filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><defs><filter id=\'blur\'><feGaussianBlur in=\'SourceGraphic\' stdDeviation=\'5\' /></filter></defs></svg>#blur");
	filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=5);*/
}
.topexhibition:after, .calendarshadow:after, .newsshadow:after {
	z-index: 2;
	content:"";
	position: absolute;
	top: 0; right: 0; bottom: 0; left: 0;
	background-color: rgba( 255, 255, 255, 0.60 );
}
#monthchange {
	z-index: 3;
	position: relative;
	margin: 25px 0 -5px 0;
}
.lefttri{
	cursor: pointer;
	background: none;
	width: 0;
	height: 0;
	border-top:solid 15px transparent;
	border-right:solid 30px #333;
	border-bottom:solid 15px transparent;
	border-left:solid 0em transparent;
}
.righttri{
	cursor: pointer;
	background: none;
	width: 0;
	height: 0;
	border-top:solid 15px transparent;
	border-right:solid 0em transparent;
	border-bottom:solid 15px transparent;
	border-left:solid 30px #333;
}
.calendar div {
	margin: 5px 0 0 0;
	padding: 2px 0 0 0;
	text-align: center;
	width: 14.285%;
	float: left;
	height: 70px;
}
.calendar .youbi {
	height: 25px;
}
.doyoubi {
	color: #5555cc;
}
.nitiyoubi {
	color: #cc5555;
}
.heijitu {
	color: #333;
}

.ten {
	background-color: #ddd;
	background-color: rgba( 127, 127, 127, 0.78 );
}
.open {
	background-color: #eaa;
	background-color: rgba( 139, 100, 100, 0.78 );
}
.next {
	/*background-color: #aae;
	background-color: rgba( 100, 100, 139, 0.78 );*/
	background-color: #ddd;
	background-color: rgba( 127, 127, 127, 0.78 );
}
.shoniti {
	border-radius: 25px 0 0 0;
	-webkit-border-radius: 25px 0 0 0;
	-moz-border-radius: 25px 0 0 0;
}
.saishubi {
	border-radius: 0 0 25px 0;
	-webkit-border-radius: 0 0 25px 0;
	-moz-border-radius: 0 0 25px 0;
}
.itiniti {
	border-radius: 25px 0 25px 0;
	-webkit-border-radius: 25px 0 25px 0;
	-moz-border-radius: 25px 0 25px 0;
}
.calendar a:hover .ten, .calendar a:active .ten, .calendar a:focus .ten {
	background-color : rgba( 127, 127, 127, 1 );
}
.calendar a:hover .open, .calendar a:active .open, .calendar a:focus .open {
	background-color : rgba( 178, 78, 78, 1 );
}
.calendar a:hover .next, .calendar a:active .next, .calendar a:focus .next {
	background-color : rgba( 78, 78, 178, 1 );
}
.tenmei {
	font-size: x-small;
	color: #fff;
}
.tenmeiclose {
	color: #333;
}
.kyou {
	font-weight: bold;
	text-decoration: none;
	box-shadow: 0 0 0 2px #333 inset;
}
input[type="submit"], input[type="reset"], input[type="button"], button{
	cursor: pointer;
}
.calendarswitch{
	position:relative;
	width:50%;
	float:left;
	z-index:7;
	margin:0 0 20px 0;
	padding:10px 0 10px 0;
	display:inline-block;
}
.calendaroff{
	background-color: #ddd;
	background-color: rgba( 127, 127, 127, 0.78 );
}
.calendaroff:hover, .calendaroff:active, calendaroff:focus {
	background-color : rgba( 255, 255, 255, 1 );
}

/*展覧会ページ*/
#expagetop {
	position: relative;
}
.tile1 > img {
	width: 100%;
	height: auto;
}
#exslide {
	width: 100%;
	min-height: 400px;
	position: absolute;
	top: 0; left: 0;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	overflow: hidden;
	/*z-index: 1;*/
}
#extop {
	width: 100%;
	max-width: 1600px;
	height: 100%;
	margin: 0 auto;
	padding:0;
	position: relative;
}
#shell {
	position: relative;
	width:96%;
	height:100%;
	margin-left: 2%;
	white-space: nowrap;
	font-size: 0;
}
.slideimg {
	/*cursor: pointer;*/
	/*overflow: hidden;*/
	position: relative;
	display: inline-block;
	width: 100%;
	height: 93%;
	margin-bottom: 7%;
	background-repeat: no-repeat;
	background-position: center center;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-o-background-size: contain;
	-ms-background-size: contain;
	background-size: contain;
}
.slideimg > p {
	position: absolute;
	bottom: -7%;
	text-align: center;
	padding: 0;
	/*margin-bottom: 2px;*/
	display: inline-block;
	width: 100%;
	width: calc(100% - 72px);
	left: 0px;
	left: calc(0% + 36px);
	font-size: medium;
}
.caption1 {margin: 0;font-weight: bold;}
.caption2 {font-size:small;margin: 0 0 0 1em;}
.caption3 {margin: 0;font-weight: bold;}
.caption4 {margin: 0 0 0 1em;}
.caption5 {font-size:small;margin: 0 0 0 1em;}
#exslideleft, #exslideright {
	height: 100%;
	position: absolute;
	background-color : rgba( 238, 238, 238, 0.78 );
	overflow: visible;
	top: 0;
}
#exslideleft{
	left: 0;
	width: 2%;
}
#exslideright {
	right: 0;
	/*width: 21.6%;*/
	width: 31.4%;
}
#eximglist {
	width: 100%;
	max-width: 1600px;
	height: 0;
	overflow: visible;
	position: relative;
	margin: 0 auto;
	/*z-index: auto;*/
}
/*#eximglist > a > .tile1{z-index: 2;}*/
#eximglistmargin {
	float: left;
	height: 1000px;
	min-height: 400px;
	/*width: 78.4%;*/
	width: 68.6%;
	visibility: hidden;
	margin-bottom:2%;
	/*z-index: -100;*/
}
.slideimgthumb {
	margin: 0 0 2% 2%;
}
#previmgbtn {
	position:absolute;
	right:-36px; bottom:0;
	display: block;
}
#nextimgbtn {
	position:absolute;
	left:-36px; bottom:0;
	display: block;
}
.textbox {
	background-color: #fff;
	padding: 3%;
}
.textbox img {
	display:block;
	margin-bottom:5px;
	width:auto;height:auto;
	max-width:100%;
	margin: 0 auto;
}
.textbox > h3 > span {margin: 0.4em 1em;display: inline-block;}
.textbox > h2 > span {font-size: large; margin: 0 1em;display: inline-block;}
.topextex > p > span {margin: 0 1em 0 0;display: inline-block;}
.textbox > h2 > br {
    content: "";
    margin-top: 0.35em;
    display: block;
}

.prevnext {
	position:absolute;
	text-align:right;
	font-size:small;
	margin-top:1%;
	color:#666;
}
.prevnext a {
    margin-left: 4%;
}

.mailsend, .mailcontent, .mailinput > input {
	/*border: 1px solid #666;*/
	border:none;
	border-radius: 1px 1px 1px 1px;
	-webkit-border-radius: 1px 1px 1px 1px;
	-moz-border-radius: 1px 1px 1px 1px;
	-webkit-appearance: none;
	font-size: large;
	padding: 0;
	margin: 0;
	vertical-align: middle;
	display: inline;
}
.mailinput > h4 {
	display:inline-block;
	width:29%;
}
.mailinput > input {
	width:70%;
}
.mailinput{
	width: 100%;
	max-width: 1000px;
	margin:1% auto;
}
.mailcontent {
	width:70%;
	height: 350px;
	vertical-align: top;
}
.mailsend{
	width:auto;
	/*padding:10px 50px;
	height:45px;*/
	padding: 20px 90px;
    height: 65px;
	background-color: #ccc;
	outline: none;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "Arial", "Verdana", "sans-serif";
}
.inqicon{
	display:inline-block;
	vertical-align: middle;
	margin-bottom:0px;
	width:25px!important;
	height:auto!important;
	max-width:100%;
}
.inqtext{
	/*float:right;*/
	display:inline-block;
	vertical-align: middle;
	margin-left: 5px;
	line-height:25px;
}
.inqbutton{
	text-align:center;
	margin:25px auto 0 auto;
	padding:20px 30px;
	width:auto;
	background-color: #ccc;
	outline: none;
}
.inqbutton:hover, .mailsend:hover{
	background-color: #ddd;
	outline:0;
}
.fblike {overflow:visible;}
#tenthlogo {max-width:720px!important;}
#layout {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.loader_progress{
	width: 200px;
  height: 20px;
  background: #000;
  border: 2px solid #000;
}
.loader_progress_bar{
	width: 200px;
  height: 20px;
  background: red;
  border: none;
}

/*スマホ*/
@media screen and (max-width: 481px) {
	.tile1 {font-size:small;}
	.tile2 {font-size:small;}
	.newsshadow {font-size:small;}
	.tile1 > div, .tile2 > div {margin: 0 0 0 5px;}
	#shell {width:100%;margin-left:0;}
	#exslideleft {left: -2%;}
	#exslideright {right: -2%;}
	#logo > a > img {
		max-height: 33px;
	}
	#topslide {
		width: 100%;
		margin-bottom: 5%;
	}
	.topextex {padding: 2%;width:96%;}
	h1 {font-size: 1.7em;}
	h2 {font-size: 1.3em;}
	.indextop{
		/*background-image: url(material/top_blur.jpg);*/
		background: #ddd;
	}
	.indextopf{
		/*background-image: url(material/top_blurf.jpg);*/
		background: #ddd;
	}
	.foottex {
		font-size: x-small;
	}
	.inqbutton, .mailsend{
		width: 100%;
	}
}
/*スマホ横*/
@media screen and (min-width: 481px) {
	#shell {width:96%;}
	#topslide {
		width: 48.958%;
		/*margin-right: 2.083%;*/
	}
	.topextex {
		padding: 2.083% 2.083% 0 0;
		width: 46.875%;
	}
	h1 {font-size: 1.5em;}
	h2 {font-size: 1.3em;}
	.indextop{
		background-image: url(material/top_blur.jpg);
	}
	.indextopf{
		background-image: url(material/top_blurf.jpg);
	}
}
/*スマホ縦横共通*/
@media screen and (max-width: 720px) {
	/*#navigation p { margin: 0 8px 1px 8px;}*/
	.tile1 {width:22.5%;}
	.tile2 {width:47%;}
	.tile3 {width:96%;}
	.tile4 {width:96%;}
	.slideimg {
		height: 90%;
		margin-bottom: 10%;
	}
	#search {
		margin: 0 0 0 auto;
		width: 80%;
	}
	#search > form {width: 100%;}
	#search > form > span {
		position: absolute;
		width: auto;
		right: 25px;
		left: 0px;
	}
	input[type="text"], .mailcontent, .mailinput > h4 {
		width: 100%;
	}
	.mailsend{margin-top:2%;}
	.mailinput > h4 {margin-top:2%;}
	.searchbtn {
		position: absolute;
		right: 0px;
	}
	#navigation p { padding: 2px 8px 0 8px;}
	/*#navigation > ul > li > a > img { margin: 0 0 2px 8px;}*/
	.navicon {margin: 0 0 2px 8px;}
	.caption1 {font-size:x-small;}
	.caption2, .caption5 {font-size:xx-small;}
	.caption3 {font-size:small;display:block;}
	.caption4 {font-size:small;}
	.caption2, .caption4, .caption5 {margin: 0 0.5em;}
	.caption5:after {
		content:"";
		margin:0;
		padding:0;
		display:block;
	}
	.slideimg > p {bottom:-11%;}
	.prevnext {
		font-size:x-small;
		text-align:center;
	}
	.prevnext a {
		margin-right: 2%;
    	margin-left: 2%;
	}
}
/*タブレット*/
@media screen and (min-width: 721px) {
	.tile1 {width:14.333%;}
	.tile2 {width:30.666%;}
	.tile3 {width:63.333%;}
	.tile4 {width:30.666%;}
	.newsshadow {width:47%;}
	#shell {width:96%;}
	.tenmei {font-size: small;}
	#topslide {
		width: 100%;
		margin-bottom:6.522%;
	}
	.topextex {padding:6.522%;width:86.956%;}
	h1 {font-size: 1.7em;}
	h2 {font-size: 1.2em;}
	.indextop{
		background-image: url(material/top_blur.jpg);
	}
	.indextopf{
		background-image: url(material/top_blurf.jpg);
	}
}
/*タブレットスマホ共通*/
@media screen and (max-width: 1080px) {
	.tile5 {width:96%;}
	.topextex > h1, .topextex > h3, .topextex > p {margin-bottom: 0.3em;}
	.calendarshadow h2, .topextex > h4 {margin-bottom: 1.5em;}
	#eximglistmargin {width:100%;}
	#exslide{z-index:52;}
	.topexhibition:before, .calendarshadow:before, .newsshadow:before {
		visibility: hidden;
	}
	#exslideright {width: 2%;}
	.prevnext {
		position:relative;
		margin-top:2%;
	}
}
/*PC*/
@media screen and (min-width: 1081px) {
	.tile1 {width:7.8%;}
	/*.slideimgthumb {width:4.533%}*/
	.tile2 {width:17.6%;}
	.tile3 {width:37.2%;}
	.tile4 {width:56.8%;}
	.tile5 {width:47%;}
	.newsshadow {width:30.666%;}
	/*#shell {width:76.4%;}*/
	#shell {width:66.6%;}
	.tenmei {font-size: small;}
	#topslide {
		width: 65.493%;
		/*margin: 0 3.054% 0 0;*/
		margin: 0;
	}
	.topextex {
		padding: 3.054% 3.054% 0 0;
		width:28.399%;
	}
	h1 {font-size: 2.2em;}
	h2 {font-size: 1.5em;}
	.topextex > h1, .topextex > h3, .topextex > p {margin-bottom: 0.3em;}
	.calendarshadow h2, .topextex > h4 {margin-bottom: 1.5em;}
	.indextop, .indextopf, .topexhibition:before, .calendarshadow:before, .newsshadow:before {
		background-attachment: fixed;
		visibility: visible;
	}
	.indextop {
		background-image: url(material/top.jpg);
	}
	.indextopf {
		background-image: url(material/topf.jpg);
	}
	a:hover .tile1{
		box-shadow: 0 0 0 5px #fff;
	}
	.navdrop:hover #exlist, .navdrop:active #exlist, .navdrop:focus #exlist  {
		height: 400px;
		/*exlistheightと同じ*/
	}
	.navdrop:hover + #close, .navdrop:active + #close, .navdrop:focus + #close {
		height: 30px;
	}
	/*#navigation {
		right: 1px;
	}*/
}