@charset "utf-8";

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
#header #menu {
  display: none;
}
/* ===== 共通フレーム ===== */
.contents {
  width: 1200px;
  max-width: 100%;
  margin: 0 auto;
}
.content {
  float: right;
  width: calc( 100% - 240px);
}
.sidebar {
  float: left;
  width: 220px;
}
@media screen and (max-width: 1199px) {
  .contents {
    max-width: 94%;
    margin: 0 3%;
  }
}

/* ===== sidebar ===== */

.sidebar ul {
  margin-bottom: 20px;
}
.sidebar li a {
  margin-top: -1px;
  padding: 10px 10px 10px 10px;
  display: block;
  border: solid 1px #444;
  color: #444;
}
.sidebar li a.on,
.sidebar li a:hover {
  color: #fff;
  text-decoration: none;
  background-color: #444;
}

/* ===== hタグ ===== */

h1 {
  padding: 10px 10px 9px 35px;
  min-height: 43px;
  margin: 0 auto;
  background: #444 url("../img/icoArrow01.png") 12px center no-repeat;
  color: #fff;
  overflow: hidden;
  font-size: 1.125em; /* 18px */
  font-weight: 200;
}
h1.h1img {
  padding: 0;
  height: auto;
  overflow: hidden;
}
h2 {
  margin: 26px 0 0 0;
  font-size: 1.313em; /* 21px */
  font-weight: 500;
}
h3 {
  margin: 26px auto 15px;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #333;
  font-size: 1.25em; /* 20px */
  font-weight: 400;
}
h4 {
  margin: 26px auto 10px;
  padding: 0;
  font-size: 1.188em; /* 19px */
  font-weight: 400;
}
h5 {
  margin: 26px auto 10px;
  padding: 6px 10px 5px 10px;
  color: #fff;
  background-color: #999;
  font-size: 1em; /* 16px */
  font-weight: 300;
}
h6 {
  margin: 26px auto 20px;
  padding: 4px 0;
  border-bottom: 1px solid #666;
  font-size: 1em; /* 16px */
}
p {
  margin: 10px 0 20px;
  font-weight: 300;
}
strong {
  font-weight: bold;
}

.attention {
  color: #d1342e;
}
.fblue {
  color: #006dd9;
}

.w5 {
  width: 5%;
}
.w10 {
  width: 10%;
}
.w12 {
  width: 12%;
}
.w13 {
  width: 13%;
}
.w15 {
  width: 15%;
}
.w20 {
  width: 20%;
}
.w22 {
  width: 22%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w35 {
  width: 35%;
}
.w40 {
  width: 40%;
}
.w45 {
  width: 45%;
}
.w50 {
  width: 50%;
}
.w55 {
  width: 55%;
}
.w60 {
  width: 60%;
}
.w65 {
  width: 65%;
}
.w70 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80 {
  width: 80%;
}
.w85 {
  width: 85%;
}
.w90 {
  width: 90%;
}
.w95 {
  width: 95%;
}
.w100 {
  width: 10%;
}

.mt20 {
  margin-top: 20px !important;
}

/* ===== パンくず ===== */

ul#pankuz {
  width: 1200px;
  max-width: 100%;
  margin: 0px auto 15px;
  padding: 0;
  font-size: 0.769em; /* 10px */
  list-style: none;
}
ul#pankuz li {
  display: inline-block;
}

/* ========= Template ========= */
/* HR */
hr.line {
  display: block;
  margin: 30px auto;
  height: 1px;
  border: none;
  border-top: 1px #ccc solid;
}
/* コラム */
.column {
  margin: 20px 0;
  padding: 20px 30px;
  background-color: #eee;
}
.column p {
  margin: 10px auto;
}
.column .ttl {
  font-size: 1.25em;
  margin: 0 auto 10px;
}

/* リスト 　共通　*/
ul.disc,
ol.decimal {
  clear: both;
  margin: 10px 0 15px 20px;
  padding: 0 10px;
  font-weight: 300;
}
ul.nodisc {
  clear: both;
  margin: 10px 0 15px 0px;
  padding: 0 10px 0 0;
}
ul.disc li,
ol.decimal li {
  margin: 0;
  padding: 1px 0;
}
/* リスト 「・」　*/
ul.disc,
ul.disc li {
  padding: 0 0 0 5px;
  list-style: disc;
}
/* リスト 「123」 */
ol.decimal,
ol.decimal li {
  padding: 0 0 0 5px;
  list-style: decimal;
}
/* リンク */
.link,
body .link, /* gutenbergエディタハック */
.link-pdf,
.link-tab {
  padding: 0 0 0 15px;
  background: url("../img/icoArrow03.png") left 4px no-repeat;
  text-decoration: underline;
}
.link-pdf a {
  padding: 5px 28px 5px 5px;
  background: url("../img/icoPdf.png") right 5px no-repeat;
  text-indent: -9999px;
}
.link-tab a {
  padding: 5px 28px 5px 5px;
  background: url("../img/icoLink.png") right 4px no-repeat;
  text-indent: -9999px;
}
.external {
  padding: 5px 28px 5px 5px;
  background: url("../img/icoLink.png") right 8px no-repeat;
  text-indent: -9999px;
}
.pdf {
  padding: 5px 28px 5px 5px;
  background: url("../img/icoPdf.png") right 8px no-repeat;
  text-indent: -9999px;
}
.slink {
  margin-bottom: 10px;
  padding-left: 12px;
  padding-right: 5px;
  background: url("../img/icoArrow04.png") left 5px no-repeat;
}
.detailLink {
  border: solid 1px #ccc;
  width: 85px;
}
.detailLink a {
  display: block;
  width: 100%;
  padding: 7px 10px 5px 30px;
  background: url("../img/icoArrow02.png") 13px 12px no-repeat;
  text-decoration: none;
  color: #333;
}
.detailLink a:hover {
  background-color: #ccc;
}

.interface-interface-skeleton__content .detailLink {
  border: solid 1px #ccc;
  width: 85px;
}
.interface-interface-skeleton__content .detailLink a {
  display: block;
  width: 100%;
  padding: 7px 10px 5px 30px;
  background: url("../img/icoArrow02.png") 13px 12px no-repeat;
  text-decoration: none;
  color: #333;
}
.interface-interface-skeleton__content .detailLink a:hover {
  background-color: #ccc;
}

.linkbtn {
  border: solid 1px #666;
  padding: 5px 10px 3px 10px;
}
.linkbtn a {
  text-decoration: none;
}
.linkbtn:hover {
  background-color: #ccc;
}

/* テーブル */
table {
  width: 740px;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0;
  border: 0;
  border-collapse: collapse;
}
tr {
  margin: 0;
  padding: 0;
  border: 0;
}
td,
th {
  margin: 0;
  padding: 10px 15px;
  border: 1px #666 solid;
  text-align: left;
  font-size: 0.95em;
}
th {
  color: #333;
  font-weight: normal;
}
table.speaceNone td,
table.speaceNone th {
  padding: 5px 5px !important;
}
table.anthology th,
table.anthology td {
  font-size: 0.82em !important;
}
/* S～LL共通指定 */
.imgLeftS,
.imgRightS,
.imgRowS,
.imgLeftM,
.imgRightM,
.imgRowM,
.imgLeftL,
.imgRightL,
.imgRowL,
.imgRowLL {
  margin: 20px 0;
  width: 740px;
  overflow: hidden;
}
/* S～LL共通指定 */
.imgLeftS .imgBox img,
.imgRightS .imgBox img,
.imgRowS .imgBox img,
.imgLeftM .imgBox img,
.imgRightM .imgBox img,
.imgRowM .imgBox img,
.imgLeftL .imgBox img,
.imgRightL .imgBox img,
.imgRowL .imgBox img,
.imgRowLL .imgBox img {
  width: 100%;
}
/* コラム用 */
.column .imgLeftS,
.column .imgRightS,
.column .imgRowS,
.column .imgLeftM,
.column .imgRightM,
.column .imgRowM,
.column .imgLeftL,
.column .imgRightL,
.column .imgRowL,
.column .imgRowLL {
  margin: 20px 0;
  width: 680px;
  overflow: hidden;
}
.column .imgRightM .txtBox {
  float: left;
  width: 420px;
}
.column .imgRightS {
  width: 680px;
}
.column .imgRightS p {
  margin: 0 !important;
}

/* Sサイズ：画像179px左＋テキスト右 */
.imgLeftS .imgBox {
  float: left;
  margin: 0 20px 10px 0;
  width: 179px;
}
/* Sサイズ：画像179px右＋テキスト左 */
.imgRightS .imgBox {
  float: right;
  margin: 0 0 10px 20px;
  width: 179px;
}
/* Sサイズ：画像179px4列 */
.imgRowS .imgBox {
  float: left;
  margin: 0 0 10px 8px;
  width: 179px;
}
.imgRowS .imgBox:first-child {
  margin: 0 0 10px;
}
/* Mサイズ：画像240px左＋テキスト右 */
.imgLeftM .imgBox {
  float: left;
  margin: 0 20px 10px 0;
  width: 240px;
}
/* Mサイズ：画像240px右＋テキスト左 */
.imgRightM .imgBox {
  float: right;
  margin: 0 0 10px 20px;
  width: 240px;
}
.imgRightM .txtBox {
  float: left;
  width: 480px;
}
.imgLeftM .txtBox {
  float: right;
  width: 480px;
}

/* Mサイズ：画像240px3列 */
.imgRowM .imgBox {
  float: left;
  margin: 0 0 10px 10px;
  width: 240px;
}
.imgRowM .imgBox:first-child {
  margin: 0 0 10px;
}
/* Lサイズ：画像365px左＋テキスト右 */
.imgLeftL .imgBox {
  float: left;
  margin: 0 20px 10px 0;
  width: 365px;
}
/* Lサイズ：画像365px右＋テキスト左 */
.imgRightL .imgBox {
  float: right;
  margin: 0 0 10px 20px;
  width: 365px;
}
/* Mサイズ：画像365px2列 */
.imgRowL .imgBox {
  float: left;
  margin: 0 0 10px 10px;
  width: 365px;
}
.imgRowL .imgBox:first-child {
  margin: 0 0 10px;
}
/* LLサイズ：画像740p */
.imgRowLL .imgBox {
  margin: 0 0 10px 0;
  width: 740px;
}
/* 最終ブロックの間隔：下のブロックと間隔をあけたい時 */
.last {
  margin-bottom: 40px !important;
}
/* 最終ブロックの間隔：下のブロックと狭めたい時（注釈付けたい時など） */
.lastnarrow {
  margin-bottom: 5px !important;
}
/* キャプション*/
caption,
.caption {
  margin: 5px 0;
  font-size: 0.769em; /* 10px */
  text-align: left;
  line-height: 130%;
  color: #666;
}
.captionLeft,
.captionCenter,
.captionRight {
  font-size: 75%;
}
.captionCenter {
  text-align: center;
}
.captionRight {
  text-align: right;
}
/* getAdobeReader */
.getAdobeReader {
  display: inline-block;
  margin: 20px 0 25px 0;
  padding: 10px 15px;
  width: 100%;
  border: 1px solid #999;
  background-color: #ededed;
  font-size: 81.3%; /* 13px */
}
.getAdobeReader p {
  width: 83%;
  margin: 0;
}
.getAdobeReader img {
  float: right;
}

/* ============= 展覧会 ============= */
/* 展覧会スケジュール */
ul#exhibitionSchedule {
  padding: 0;
  margin: 20px 0 10px 0;
}

ul#exhibitionSchedule li {
  padding-bottom: 15px;
  margin: 15px 0 0 0;
  border-bottom: solid 1px #ccc;
}

ul#exhibitionSchedule li .pic {
  display: block;
  float: left;
  width: 150px;
  padding-right: 20px;
}
ul#exhibitionSchedule li .text {
  text-decoration: none;
  float: right;
  width: 580px;
  color: #222;
  display: block;
}
/*
ul#exhibitionSchedule li .text:hover{
	text-decoration:none;
	color:#C0AB81;
}
*/
ul#exhibitionSchedule li .title {
  font-size: 130%;
  font-weight: 400;
  margin: 7px 0 5px;
  display: block;
}
ul#exhibitionSchedule li .date {
  font-size: 110%;
  font-weight: 400;
}
.iconKikaku_s {
  width: 70px;
  padding: 3px 5px 1px 5px;
  background-color: #333;
  font-size: 75%;
  font-weight: 100;
  color: #fff;
  text-align: center;
}
.iconTokubetu_s {
  width: 70px;
  padding: 3px 5px 1px 5px;
  background-color: #b20000;
  font-size: 75%;
  font-weight: 100;
  color: #fff;
  text-align: center;
}
/* 開催中の展覧会・次回開催の展覧会 */
.ExhibitionBox {
  margin-top: 20px;
}

.ExhibitionBox .left {
  float: left;
  width: 180px;
  padding-right: 35px;
}

.ExhibitionBox .right {
  float: right;
  width: 535px;
  padding-bottom: 10px;
}

.ExhibitionBox .right h3 {
  border-bottom: solid 1px #ccc;
  padding: 10px 0 12px 0;
  margin: 0;
  font-weight: 400;
  font-size: 125%;
  color: #222;
}
.ExhibitionBox .right h3 a {
  text-decoration: none;
}

.ExhibitionBox .right .date {
  font-size: 115% !important;
  padding: 10px 0 5px 0;
}

.ExhibitionBox .right .txt {
  margin: 0;
  padding: 8px 0 0 0;
  letter-spacing: 0.04em;
  font-size: 90%;
}
.showmore {
  padding: 15px 0 0 0px;
}
.showmore a {
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  width: 112px;
  height: 31px;
  border: none;
  background: url(../img/detail.png) 0% 0% no-repeat;
  border: solid 1px #ccc;
}
.showmore a:hover {
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
}
/* 過去の展覧会 */
.archive h4 {
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: solid 1px #ccc;
}
/* 展覧会 */
.exBox {
  overflow: hidden;
  margin: 25px 0;
}
.exBox .left {
  float: left;
  width: 270px;
}
.exBox .left img {
  width: 270px;
}
.exBox .right {
  float: right;
  width: 450px;
}
.exBox .date {
  font-size: 130% !important;
  padding: 5px 0 5px 0;
}
.exBox .txt {
  margin: 0;
  margin: 0 0 8px 0;
  letter-spacing: 0.04em;
  font-size: 100%;
}
.exBox .link {
  font-size: 95%;
  margin: 5px 0;
}

/* ============= コレクション ============= */
.collectionList {
  z-index: 0;
  margin: 15px 0 0 !important;
  padding: 0 0 0 0 !important;
  width: 740px;
}
.collectionList li {
  display: inline-block;
  width: 175px;
  margin: 0 0 0 8px;
  vertical-align: top;
  font-size: 75%;
}
.collectionList li:first-child {
  margin: 0 0 20px 0;
}
.collectionList div {
  vertical-align: top;
  border: solid 1px #cdcdcd;
  width: 177px;
  margin-bottom: 10px;
}
.collectionList li p {
  margin: 5px 0;
}
.collectionList a {
  width: 175px;
  height: 175px;
  display: table-cell;
  vertical-align: middle;
}
.collectionList img.height {
  margin: 0 auto;
  display: block;
  text-align: center;
  height: 175px;
}
.collectionList img.width {
  margin: auto 0;
  display: block;
  text-align: center;
  width: 175px;
}
/* コレクション作品紹介 */
.collectionDetail .imgBox {
  margin: 0 0 10px 0;
  width: 740px;
}
.collectionDetail .imgBox img {
  width: 740px;
}
.collectionDetail .imgBox img.height {
  width: 25%;
  margin: 0 auto;
  display: block;
}
.collectionDetail .imgBox img.height75 {
  width: 40%;
  margin: 0 auto;
  display: block;
}
/* ============= 休館日 ============= */
.clndr li {
  display: inline-block;
  margin: 15px 0 0 15px;
}
.clndr li:first-child {
  margin: 0;
}
.clndr .iconTokubetu_s {
  float: right;
  margin-top: 3px;
}
.clndrBox {
  /* width: 233px; */
  width: 100%;
  margin-top: 20px;
  border-collapse: collapse;
  text-align: center;
  color: #333;
}
.clndrBox th {
  padding: 4px 0;
  text-align: center;
  border: none;
  font-weight: normal;
  font-size: 0.692em; /* 9px */
  width: 14.5%;
}
.clndrBox td {
  padding: 4px 0 4px;
  border: 1px solid #999;
  font-size: 0.846em; /* 11px */
  text-align: center;
}
.clndrBox td span {
  display: block;
  width: 100%;
  padding: 4px 0 4px 0;
  margin: -4px 0 -4px;
  background-color: #ccc;
}
.clndrBox .sun {
  color: #f00;
}
.clndrBox .sat {
  color: #265bff;
}
.clndrBox .closed {
  background: #ccc;
}
/* 休館日 */
#clndrclsd {
  margin: 5px 0 0;
  font-size: 0.769em; /* 10px */
  text-align: right;
}
#clndrclsd > div,
#clndrclsd > p {
  display: inline-block;
  margin: 0;
  padding: 0;
  height: 14px;
  line-height: 14px;
  vertical-align: middle;
}
#clndrclsd > div {
  width: 14px;
  height: 14px;
}
#clndrclsd > p {
  margin: 3px 5px 0 0;
}
#clndrclsd > div {
  background: #ccc;
  border: solid 1px #999;
}