/****
--------------------------------------------
TABLE OF CONTENTS
  - 1.other
  - 2.Clearfix

-----------------------------------------  */
/* 1.other
-------------------------------------------*/
a {
 outline: 0;
}


/*.menu li img {
    padding-top: 0;
	padding-right: 0.750em;
	width: 3.000em;
}

@media(min-width:768px){
.menu li img {
    position: absolute;
	top: -17px;

	width: 2.625em;
}
.menu li span {
	display: none;
}
}*/



.thumbnail-ex {
	display: block;
	text-align: center;
	padding-bottom: 0.938em;
}
@media screen and (min-width: 48em) {
.thumbnail-ex {
	display: block;
	text-align: left;
	padding-left: 0.938em;
}
}
.thumbnail-ex img {
	width: 45%;
	padding: 0.313em;
}
@media screen and (min-width: 48em) {
.thumbnail-ex img {
	width: 30%;
}
}


/*.thumbnail-book {
	display: block;
	text-align: center;
	padding-bottom: 0.938em;
	width: 75%;
}
@media screen and (min-width: 48em) {
.thumbnail-book {
	display: block;
	text-align: left;
	padding-left: 0.938em;
}
}
.thumbnail-book img {
	width: 45%;
	padding: 0.313em;
}
@media screen and (min-width: 48em) {
.thumbnail-book img {
	width: 30%;
}
}*/

.thumbnail-book {
	display: block;
	text-align: center;
	padding-bottom: 0.938em;
	width: 100%;
}
.thumbnail-book img {
	width: 45%;
	padding: 0.313em;
}
@media screen and (min-width: 48em) {
.thumbnail-book {
	display: block;
	text-align: left;
	padding-left: 0.938em;
}
.thumbnail-book img {
	width: 24%;
}
}





.table-info th {
	vertical-align: top;
}
.table-info a {
	text-decoration: underline;
}
.table-info a:hover {
	color: #555;
}




.table-ex {
  border-collapse: collapse;
  width: 100%;
  border: none;
}
.table-ex th,
.table-ex td {
  padding: 10px;
  border: none;
}
.table-ex th {
  /*width: 30%;*/
  border: none;
}

@media screen and (max-width: 400px) {
.table-ex {
  }
.table-ex td {
    display: block;
    text-align: center;
	border: none;
  }
.table-ex th {
    display: block;
    width: 100%;
	border: none;
  }
}





/* textdecorations 
========================================== */
h2.exhibition {
  border-bottom: 1px solid #CCC;
  padding-bottom: 0.313em;
  font-style: italic;
  text-align: center;
}
@media screen and (min-width: 48em) {
h2.exhibition {
  border-bottom: 1px solid #CCC;
  padding-bottom: 0.313em;
  padding-left: 0.313em;
  font-style: italic;
  text-align: left;
 }
}

h3.border-btm {
	border-bottom: 1px solid #CCC;
	padding-bottom: 0.313em;
	margin-bottom: 	0.375em;
}

.font-italic {
	font-style: italic; 
}


.rotate-txt{
	display: none;
}
.normal-txt{
  display: block;
  font-size: 0.438em;
  margin-bottom: 1em;
}

@media screen and (min-width: 800px) {
.rotate-txt{
  display: inline-block;
  -moz-transform:    rotateY( 180deg );  /* Firefox用 */
 -webkit-transform: rotateY( 180deg );  /* Chrome,Safari,新しいOpera用 */
 -o-transform:      rotateY( 180deg );  /* 古いOpera用 */
 -ms-transform:     rotateY( 180deg );  /* IE用 */
 transform: rotateY( 180deg );  /* CSS3の書き方 */
 font-size: 0.250em;
 font-style: italic;
 color: #4E4E4E;
 margin-left: 4em;
 vertical-align: middle;
 padding-bottom: 1.188em;
}
.normal-txt{
  display: inline-block;
  font-size: 0.250em;
  font-style: italic;
  margin-right: 4em;
  vertical-align: middle;
}
}


/* 2.Clearfix
-------------------------------------------*/
.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }
.clearfix:after {
  clear: both; }


  pre{
  max-height: 25em;
}


.line-bottom {
  border-bottom: 1px solid #cfd2d2;
}

.gx {
    min-height: 4em;
    background: rgba(193, 199, 208, .5);
    border: 1px solid rgba(193, 199, 208, .5);
  }


/*------------------------------------------------------------
   valign・・・文字の縦位置
-------------------------------------------------------------*/

.vl-t{ vertical-align: top; }/*上寄せ*/
.vl-m{ vertical-align: middle; }/*中央寄せ*/
.vl-b{ vertical-align: bottom; }/*下寄せ*/