@charset "UTF-8";
/* ===================================================
  widget
=================================================== */
/* --------------------------------
  widget共通
-------------------------------- */
.widget h1,
.widget h2,
.widget h3,
.widget h4 {
  color: #333;
}

.widget .link_arw_right {
  font-size: 13px;
  line-height: 14px;
}

.widget .link_arw_right a {
  display: block;
  padding: 0 0 0 20px;
  background: url(/assets/common/img/arw_r_14x14_01.png) no-repeat;
  color: #444;
}

.widget .link_arw_right a:hover {
  background-image: url(/assets/common/img/arw_r_14x14_01_ov.png);
  color: #0897b2;
}

/* --------------------------------
  h1
-------------------------------- */
div.h1_A {
  padding: 25px 0 0 0;
  border-top: #555 1px solid;
  width: 980px;
}

div.h1_A h1 {
  padding: 0 0 5px 0;
}

div.h1_B {
  overflow: hidden;
  padding: 25px 0 0;
  border-top: #555 1px solid;
  width: 728px;
}

div.h1_B h1 {
  padding: 0 0 5px 0;
}

div.h1_B .img {
  padding: 0 0 15px 0;
}

div.h1_B .lead {
  float: left;
  width: 345px;
}

div.h1_B .txt {
  float: right;
  border-bottom: #a8a8a8 1px solid;
  max-width: 290px;
}

div.h1_C {
  padding: 25px 0 0; 
  border-top: #555 1px solid;
}

div.h1_C .category {
  padding: 2px 0 0 0;
  line-height: 1.385;
}

div.h1_C h1 {
  padding: 3px 0 0 0;
  font-size: 22px;
  line-height: 1.2;
}

/* --------------------------------
  h2
-------------------------------- */
h2.h2_A {
  overflow: hidden;
  padding: 0 0 2px 0;
  border-bottom: #777 1px solid;
  font-size: 18px;
  line-height: 1.27;
}

h2.h2_A .link_arw_right {
  float: right;
}

div.h2_E {
  overflow: hidden;
  width: 728px;
  background: #fbfbfb;
}

div.h2_E h2 {
  padding: 10px 0;
  background: #8a8a8a;
  color: #fff;
  font-size: 16px;
  line-height: 1.313;
}

div.h2_E h2:before {
  content: "ー";
  padding: 0 5px 0 0;
}

div.h2_E .img {
  float: left;
  width: 350px;
}

div.h2_E .txtarea {
  float: left;
  padding: 35px 30px;
  width: 298px;
}

div.h2_E.reverse .img {
  float: right;
}

/* --------------------------------
  h3
-------------------------------- */
h3.h3_A {
  border-bottom: #777 1px solid;
  font-size: 14px;
  line-height: 1.357;
}

h3.h3_C {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.357;
}

h3.h3_C:before {
  content: "ー";
  padding: 0 5px 0 0;
}

h3.h3_D {
  padding: 13px 0;
  border-top: #777 1px solid;
  border-bottom: #ccc 1px dotted;
  width: 224px;
  font-size: 14px;
  line-height: 1.357;
}

h3.h3_E {
  padding: 12px 20px;
  background: #888;
  color: #fff;
  font-size: 14px;
  line-height: 1.357;
}

/* --------------------------------
  h4
-------------------------------- */
h4.h4_A {
  line-height: 1.385;
}

/* --------------------------------
  コンテンツ2カラム
-------------------------------- */
div.content_2cl_A {
  overflow: hidden;
}

div.content_2cl_A .txtarea {
  float: left;
  margin: -3px 0 0 0;
  width: 476px;
  line-height: 2.15;
}

div.content_2cl_A .img {
  float: right;
  width: 476px;
}

div.content_2cl_B {
  overflow: hidden;
}

div.content_2cl_B .txtarea {
  float: right;
  margin: -3px 0 0 0;
  width: 476px;
  line-height: 2.15;
}

div.content_2cl_B .img {
  float: left;
  width: 476px;
}

/* --------------------------------
  コンテンツ4カラム
-------------------------------- */
div.content_4cl_A {
  width: 224px;
}

div.content_4cl_A .title {
  padding: 18px 0 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.357;
}

div.content_4cl_A .title_02 {
  padding: 10px 0 0 0;
  font-size: 12px;
  line-height: 1.417;
}

div.content_4cl_A .title_02 a {
  color: #444;
}

div.content_4cl_A .title_02 a:hover {
  color: #0897b2;
}

div.content_4cl_A .title_03 {
  padding: 9px 0 0 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.25;
}

div.content_4cl_A .txt {
  padding: 5px 0 0 0;
}

div.content_4cl_A .txt_02 {
  padding: 4px 0 0 0;
  font-size: 12px;
  line-height: 1.4;
}

div.content_4cl_A .link_arw_right {
  padding: 8px 0 0 0;
}

div.content_4cl_F {
  overflow: hidden;
  width: 728px;
}

div.content_4cl_F .img {
  float: left;
  width: 224px;
}

div.content_4cl_F .txtarea {
  float: right;
  width: 476px;
}

div.content_4cl_F .txtarea .title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.357;
}

div.content_4cl_F .txtarea .txt {
  padding: 5px 0 0 0;
}

div.content_4cl_F .link_arw_right {
  padding: 8px 0 0 0;
}

div.content_4cl_F.reverse .img {
  float: right;
}

div.content_4cl_F.reverse .txtarea {
  float: left;
}

/* --------------------------------
  リスト
-------------------------------- */
div.list_A {
  width: 728px;
}

div.list_A ol {
  overflow: hidden;
  margin: -33px 0 0 0;
}

div.list_A ol li {
  overflow: hidden;
  float: left;
  margin: 33px 0 0 0;
  padding: 0 28px 0 16px;
  width: 320px;
  background: url(/assets/common/img/mkr_disc_01.png) no-repeat 0 0.5em;
  line-height: 1.385;
}

div.list_A ol li span.txt {
  float: left;
  width: 235px;
}

div.list_A ol li span.price {
  float: right;
  width: 85px;
  text-align: right;
}

div.list_B {
  width: 728px;
}

div.list_B ol {
  overflow: hidden;
  margin: -33px 0 0 0;
}

div.list_B ol li {
  float: left;
  margin: 33px 0 0 0;
  padding: 0 28px 0 16px;
  width: 320px;
  background: url(/assets/common/img/mkr_disc_01.png) no-repeat 0 0.5em;
  line-height: 1.385;
}

div.list_C {
  width: 728px;
}

div.list_C ul {
  overflow: hidden;
  margin: -33px 0 0 0;
}

div.list_C ul li {
  overflow: hidden;
  float: left;
  margin: 33px 0 0 0;
  padding: 0 28px 0 0;
  width: 336px;
  line-height: 1.385;
}

div.list_C ul li span.number {
  display: block;
  float: left;
  width: 30px;
}

div.list_C ul li span.txt {
  float: left;
  width: 306px;
}

div.list_D {
  width: 728px;
}

div.list_D ol {
  overflow: hidden;
  margin: -33px 0 0 0;
}

div.list_D ol li {
  float: left;
  margin: 33px 0 0 0;
  padding: 0 28px 0 0;
  width: 336px;
  line-height: 1.385;
}

dl.list_E dt {
  font-size: 14px; 
  font-weight: bold;
}

dl.list_E dd {
  padding: 10px 0 0 0;
}

dl.list_E dd .txt {
  padding: 0 0 10px 0;
}

/* --------------------------------
  BOXテキスト
-------------------------------- */
div.box_txt {
  padding: 28px 30px;
  background: #f9f9f9;
}

div.box_txt .title {
  padding: 0 0 10px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.357;
}

div.box_txt .link_arw_right {
  padding: 5px 0 0 0;
}

/* --------------------------------
  ローカルナビあり　コンテンツ内　2カラム
-------------------------------- */
div.content_lnav_2cl_bq_A {
  overflow: hidden;
  width: 728px;
}

div.content_lnav_2cl_bq_A .img {
  float: left;
  width: 350px;
}

div.content_lnav_2cl_bq_A .img img {
  max-width: 350px;
  height: auto;
}

div.content_lnav_2cl_bq_A .txtarea {
  float: right;
  margin: 0 0 -35px 0;
  width: 350px;
}

div.content_lnav_2cl_bq_A .txtarea .set {
  padding: 0 0 35px 0;
}

div.content_lnav_2cl_bq_A .txtarea .label {
  clear: both; 
  padding: 0 0 5px 0;
}

div.content_lnav_2cl_bq_A .txtarea .label .category {
  float: left;
  padding: 1px 8px 0;
  border: 1px #747474 solid;
  font-size: 10px;
  line-height: 1.5;
}

div.content_lnav_2cl_bq_A .txtarea .label .status {
  float: left;
  padding-left: 5px;
  font-size: 0;
  line-height: 1;
}

div.content_lnav_2cl_bq_A .txtarea .set .title {
  padding: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.357;
}

div.content_lnav_2cl_bq_A .txtarea .set .term {
  margin: -5px 0 0 0;
  padding: 0 0 5px 0;
}

div.content_lnav_2cl_bq_A .txtarea .set .link_arw_right {
  padding: 5px 0 0 0;
}

div.content_lnav_2cl_bq_A.reverse .img {
  float: right;
}

div.content_lnav_2cl_bq_A.reverse .txtarea {
  float: left;
}

div.content_lnav_2cl_bq_B {
  width: 350px;
}

div.content_lnav_2cl_bq_B .img {
  padding: 0 0 15px 0;
}

div.content_lnav_2cl_bq_B .img img {
  max-width: 350px;
  height: auto;
}

div.content_lnav_2cl_bq_B .title {
  padding: 0 0 5px 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.357;
}

div.content_lnav_2cl_bq_B .term {
  margin: -5px 0 0 0;
  padding: 0 0 5px 0;
}

div.content_lnav_2cl_bq_B .link_arw_right {
  padding: 5px 0 0 0;
}

/* --------------------------------
  ローカルナビあり　コンテンツ内　1カラム
-------------------------------- */
table.LA_tb_B {
  border-right: #999 1px solid;
  border-bottom: #999 1px solid;
  font-size: 14px;
  line-height: 1.357;
}

table.LA_tb_B tr th,
table.LA_tb_B tr td {
  padding: 18px 10px;
  border-top: #999 1px solid;
  border-left: #999 1px solid;
  vertical-align: middle;
}

table.LA_tb_B tr td:first-child {
  background: #f9f9f8;
  text-align: center;
}

table.LA_tb_B tr.head th {
  padding: 13px 10px;
  background: #adadad;
  color: #fff;
}

dl.LN-dl_A dt {
  font-size: 14px; 
  font-weight: bold;
}

dl.LN-dl_A dd {
  padding: 10px 0 0 0;
}

dl.LN-dl_A dd .txt {
  padding: 0 0 10px 0;
}

table.parking_table {
  border-right: #999 1px solid;
  border-bottom: #999 1px solid;
  font-size: 14px;
  line-height: 1.357;
}

table.parking_table tr th,
table.parking_table tr td {
  padding: 18px 30px;
  border-top: #999 1px solid;
  border-left: #999 1px solid;
  text-align: center; 
  vertical-align: middle;
}

table.parking_table td.parking_table_now {
  color: #f00;
  font-weight: bold;
}

table.parking_table tr.head th {
  padding: 13px 10px;
  background: #adadad;
  color: #fff;
}

/* --------------------------------
  ローカル（個別）
-------------------------------- */
/* コレクション ハイライト ---------------- */
div.collection_highlight {
  width: 172px;
}

div.collection_highlight .name {
  padding: 18px 0 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.357;
}

div.collection_highlight .name_02 {
  padding: 10px 0 0 0;
  font-size: 12px;
  line-height: 1.417;
}

div.collection_highlight .name_02 a {
  color: #444;
}

div.collection_highlight .name_02 a:hover {
  color: #0897b2;
}

div.collection_highlight .txt {
  padding: 7px 0 0 0;
  line-height: 1.69;
}

/* コレクション ハイライト 4カラム ---------------- */
div.collection_highlight-col4 {
  width: 224px;
}

div.collection_highlight-col4 .name {
  padding: 18px 0 0 0;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.357;
}

div.collection_highlight-col4 .name_02 {
  padding: 10px 0 0 0;
  font-size: 12px;
  line-height: 1.417;
}

div.collection_highlight-col4 .name_02 a {
  color: #444;
}

div.collection_highlight-col4 .name_02 a:hover {
  color: #0897b2;
}

div.collection_highlight-col4 .txt {
  padding: 7px 0 0 0;
  line-height: 1.69;
}

/* コレクション ジャンルから探す ---------------- */
div.collection_search_genre {
  width: 224px;
}

div.collection_search_genre .btn {
  padding: 9px 10px 9px 5px;
  background: #f1f1f1;
  text-align: center; 
  color: #328d9e;
  font-size: 14px;
  line-height: 1.357;
}

div.collection_search_genre .btn span {
  display: block;
  width: 209px;
}

div.collection_search_genre .btn span:before {
  content: "";
  position: relative;
  padding: 0 0 19px 19px;
  background: url(/assets/common/img/arw_r_19x19_01.png) no-repeat;
}

div.collection_search_genre a:hover .btn {
  background: #328d9e;
  color: #f1f1f1;
}

div.collection_search_genre a:hover .btn span:before {
  background-image: url(/assets/common/img/arw_r_19x19_01_ov.png);
}

/* 休館日のお知らせ ---------------- */
dl.information {
  width: 224px;
}

dl.information dt {
  padding: 10px 0;
  background: #8a8a8a;
  color: #fff;
  font-size: 14px;
  line-height: 1.357;
}

dl.information dd {
  padding: 20px 30px 24px 30px;
  background: #fafafa;
}

dl.information dd .txt {
  font-size: 11px;
  line-height: 1.455;
}

dl.information dd .data {
  padding: 5px 0 0 0;
  color: #f18309;
  font-size: 14px;
  line-height: 1.357;
}

/* リンクボタン（矢印右向き） ---------------- */
div.btn_link_arw_right p {
  display: inline-block;
  min-width: 214px;
  text-align: center; 
  font-size: 14px;
  line-height: 1.357;
}

div.btn_link_arw_right p a {
  display: block;
  padding: 11px 35px 11px 30px;
  border: #badde4 1px solid;
  background: #ddeef1;
  color: #328d9e;
}

div.btn_link_arw_right p a:before {
  content: "";
  position: relative;
  margin: 0 5px 0 0;
  padding: 0 0 19px 19px;
  background: url(/assets/common/img/arw_r_19x19_01.png) no-repeat;
}

div.btn_link_arw_right p a:hover {
  border: #328d9e 1px solid;
  background: #328d9e;
  color: #f1f1f1;
}

div.btn_link_arw_right p a:hover:before {
  background-image: url(/assets/common/img/arw_r_19x19_01_ov.png);
}

/* リンクボタン（矢印下向き） ---------------- */
div.btn_link_arw_bottom p {
  display: inline-block;
  min-width: 214px;
  text-align: center; 
  font-size: 14px;
  line-height: 1.357;
}

div.btn_link_arw_bottom p a {
  display: block;
  padding: 11px 35px 11px 30px;
  border: #badde4 1px solid;
  background: #ddeef1;
  color: #328d9e;
}

div.btn_link_arw_bottom p a:before {
  content: "";
  position: relative;
  margin: 0 5px 0 0;
  padding: 0 0 19px 19px;
  background: url(/assets/common/img/arw_b_19x19_01.png) no-repeat;
}

div.btn_link_arw_bottom p a:hover {
  border: #328d9e 1px solid;
  background: #328d9e;
  color: #f1f1f1;
}

div.btn_link_arw_bottom p a:hover:before {
  background-image: url(/assets/common/img/arw_b_19x19_01_ov.png);
}

/* リンクボタン（前のページに戻る） ---------------- */
div.btn_pageback p {
  display: inline-block;
  min-width: 214px;
  text-align: center; 
  font-size: 14px;
  line-height: 1.357;
}

div.btn_pageback p a {
  display: block;
  padding: 11px 35px 11px 30px;
  border: #d9d9d9 1px solid;
  background: #f9f9f9;
  color: #555;
}

div.btn_pageback p a:before {
  content: "";
  position: relative;
  margin: 0 5px 0 0;
  padding: 0 0 19px 19px;
  background: url(/assets/common/img/arw_l_19x19_01.png) no-repeat;
}

div.btn_pageback p a:hover {
  border: #999 1px solid;
  background: #999;
  color: #fff;
}

div.btn_pageback p a:hover:before {
  background-image: url(/assets/common/img/arw_l_19x19_01_ov.png);
}

/* リンクボタン（左レイアウト用wrap）/START ---------------- */
div.c-btnWrap-left {
  text-align: left;
}

/* リンクボタン（右レイアウト用wrap）/START ---------------- */
div.c-btnWrap-right {
  text-align: right;
}

/* リンクボタン（中央レイアウト用wrap）/START ---------------- */
div.c-btnWrap-center {
  text-align: center;
}

/* リンクボタン（コメント付きレイアウト用wrap）/START ---------------- */
div.c-btnWrap-info {
  text-align: center;
}

div.c-btnWrap-info-left {
  text-align: left;
}

div.c-btnWrap-info-right {
  text-align: right;
}

div.c-btnWrap-info span.c-btnWrap-info_txt,
div.c-btnWrap-info-left span.c-btnWrap-info_txt,
div.c-btnWrap-info-right span.c-btnWrap-info_txt {
  display: block;
  margin-top: 0.5em;
  font-size: 13px;
}

/* その他小リンク ---------------- */
p.link_small a {
  display: block;
  padding: 0 0 0 12px;
  background: url(/assets/common/img/arw_r_3x5_01.png) no-repeat 0 0.5em;
  color: #444;
  line-height: 1.385;
}

p.link_small a:hover {
  color: #328d9e;
}

/* コレクション　ジャンル別 ---------------- */
div.collection_genre {
  overflow: hidden;
  width: 728px;
}

div.collection_genre .txtarea {
  float: left;
  width: 340px;
}

div.collection_genre .txtarea .btn_link_arw_right {
  padding: 33px 0 0 0;
}

div.collection_genre .gallery {
  float: right;
  width: 350px;
}

div.collection_genre.reverse .txtarea {
  float: right;
}

div.collection_genre.reverse .gallery {
  float: left;
}

/* bxslider */
div.collection_genre .gallery .bx-wrapper {
  margin-bottom: 26px;
}

div.collection_genre .gallery .bx-wrapper .bx-viewport {
  left: 0;
  border: none;
  box-shadow: none;
}

div.collection_genre .gallery .bx-wrapper .bx-pager {
  bottom: -26px;
  padding-top: 0;
}

div.collection_genre .gallery .bx-wrapper .bx-pager.bx-default-pager a {
  background: #ccc;
}

div.collection_genre .gallery .bx-wrapper .bx-pager.bx-default-pager a:hover,
div.collection_genre .gallery .bx-wrapper .bx-pager.bx-default-pager a.active {
  background: #666;
}

/* pagetop（コンテンツ途中用） ---------------- */
p.pagetop_small {
  text-align: right;
}

/* クレジット（汎用） ---------------- */
.credit_general {
  padding: 3px 0 0 0;
  font-size: 10px;
  line-height: 1.5;
}

/* ===================================================
  フォーム
=================================================== */
div#trust-form.contact-form table {
  margin-top: 2em;
  border-top: 1px dotted #ccc;
  font-size: 14px;
  line-height: 1.357;
}

div#trust-form.contact-form table input[type="text"],
div#trust-form.contact-form table textarea {
  font-size: 14px;
  line-height: 1.357;
}

div#trust-form.contact-form table tr:hover {
  background: #eefafc;
}

div#trust-form.contact-form table th {
  padding: 27px 0;
  border-bottom: 1px dotted #ccc;
  width: 308px;
  text-align: left;
}

div#trust-form.contact-form table th div {
  padding: 0 20px;
}

div#trust-form.contact-form table th div.submessage {
  font-size: 10px;
  line-height: 1.9;
}

div#trust-form.contact-form table td {
  padding: 28px 0;
  border-bottom: 1px dotted #ccc;
}

div#trust-form.contact-form table td div {
  padding: 0 20px 0 0;
}

div#trust-form.contact-form table td div input[type="text"] {
  padding: 6px 3px;
  border: 2px solid #ccc; 
  width: 390px;
}

div#trust-form.contact-form table td div textarea {
  display: block;
  border: 2px solid #ccc; 
  width: 390px;
  height: 91px;
}

div#trust-form.contact-form table td div ul li {
  margin: 18px 0 0 3px;
}

div#trust-form.contact-form table td div ul li:first-child {
  margin-top: 0;
}

div#trust-form.contact-form table td div ul li input[type="checkbox"],
div#trust-form.contact-form input[type="radio"] {
  margin-right: 7px;
}

/* ===================================================
  アーカイブ
=================================================== */
div.archive_list {
  padding: 40px 0 0 0;
}

div.archive_list dl {
  padding: 25px 0 25px 0; 
  border-bottom: #b3b2b2 1px dotted;
}

div.archive_list dl dt {
  float: left;
  width: 93px;
  font-size: 14px;
  line-height: 1.357;
}

div.archive_list dl dd {
  float: left;
  width: 635px;
}

div.archive_list dl dd .ico {
  float: left;
  padding: 0 28px 0 0;
  width: 80px;
}

div.archive_list dl dd .txtarea {
  float: left;
}

div.archive_list dl dd .ico + .txtarea {
  width: 527px;
}

div.archive_list dl dd .txtarea p.txt {
  font-size: 14px;
  line-height: 1.357;
}

div.archive_list dl dd .txtarea p.data {
  padding: 5px 0 0 0;
  line-height: 1.385;
}

div.archive_list dl dd .txtarea p.data img {
  vertical-align: middle; 
  font-size: 0;
  line-height: 1;
}

div.archive_list dl dd .txtarea p.data a[href$=".pdf"] img {
  vertical-align: top;
}

/* ===================================================
  作家名から探す（五十音順）
=================================================== */
div.search_name .anav {
  margin: 45px 0 0 0;
  padding: 32px 0 0 0;
  height: 62px;
  background: #fafafa;
  text-align: center;
}

div.search_name .anav li {
  display: inline;
  padding: 0 15px;
  width: 30px;
  font-size: 0;
  line-height: 1;
}

div.search_name .section {
  padding: 65px 0 0 0;
}

div.search_name .section ol {
  margin-top: 0;
  padding: 10px 0 0 20px;
}

div.search_name .section ol li {
  margin-top: 15px;
  width: 310px;
}

/* ===================================================
  展示会／イベント
=================================================== */
div.exhibition_detail .head {
  position: relative;
  clear: both;
}

div.exhibition_detail .newinfo {
  float: left;
  width: 114px;
}

div.exhibition_detail .exhibition_nav {
  float: right;
  margin: 8px 0 13px;
}

div.exhibition_detail .exhibition_nav .nav_cont {
  position: relative;
  float: left;
  border-right: 1px #555 solid; 
  border-left: 1px #555 solid;
}

div.exhibition_detail .exhibition_nav .nav_cont + .nav_cont {
  border-left: none;
}

div.exhibition_detail .exhibition_nav .cont_exhibition {
  width: 292px;
}

div.exhibition_detail .exhibition_nav .cont_event {
  width: 317px;
}

div.exhibition_detail .exhibition_nav .nav_cont .btn {
  padding: 0 0 0 30px;
  font-size: 14px;
  line-height: 14px;
}

div.exhibition_detail .exhibition_nav .nav_cont .btn a {
  display: block;
  padding: 4px 0 2px 26px;
  background: url(/assets/common/img/arw_r_19x19_02.png) no-repeat;
  color: #444;
}

div.exhibition_detail .exhibition_nav .nav_cont .btn a:hover {
  padding: 4px 0 2px 26px;
  background: url(/assets/common/img/arw_r_19x19_02_ov.png) no-repeat;
  color: #328d9e;
}

div.exhibition_detail .exhibition_nav .archive {
  position: absolute;
  top: -7px;
  right: 20px;
  font-size: 12px;
}

div.exhibition_detail .exhibition_list {
  position: relative;
  clear: both;
  margin: 0 0 0 -28px;
}

div.exhibition_detail .exhibition_list li {
  float: left;
  padding: 20px 0 30px 28px;
  width: 224px;
}

div.exhibition_detail .exhibition_list li .label {
  clear: both; 
  margin-top: 10px;
}

div.exhibition_detail .exhibition_list li .label .category {
  float: left;
  padding: 1px 8px 0;
  border: 1px #747474 solid;
  font-size: 10px;
  line-height: 1.5;
}

div.exhibition_detail .exhibition_list li .label .status {
  float: left;
  padding-left: 5px;
  font-size: 0;
  line-height: 1;
}

div.exhibition_detail .exhibition_list li .img {
  height: 168px;
}

/* プルダウン */
div.exhibition_detail .exhibition_nav .exhibition_pulldown {
  position: relative;
  z-index: 10; 
  padding: 0 10px 0 12px;
  text-align: center;
  font-size: 12px;
}

div.exhibition_detail .exhibition_nav .exhibition_pulldown:hover {
  background: #328d9e;
}

div.exhibition_detail .exhibition_nav .exhibition_pulldown .exhibition_pulldown_h {
  padding: 5px 0;
  cursor: default;
}

div.exhibition_detail .exhibition_nav .exhibition_pulldown:hover .exhibition_pulldown_h {
  color: #fff;
}

div.exhibition_detail .exhibition_nav .exhibition_pulldown .exhibition_pulldown_h:after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 8px;
  height: 12px;
  background: url(/assets/common/img/arw_b_8x5_01.png) no-repeat left center;
}

div.exhibition_detail .exhibition_nav .exhibition_pulldown:hover .exhibition_pulldown_h:after {
  content: "";
  display: inline-block;
  margin-left: 4px;
  width: 8px;
  height: 12px;
  background: url(/assets/common/img/arw_b_8x5_01_ov.png) no-repeat left center;
}

div.exhibition_detail .exhibition_nav .exhibition_pulldown ul.exhibition_pulldown_index {
  display: none;
  padding: 0 0 7px;
}

div.exhibition_detail .exhibition_nav .exhibition_pulldown ul.exhibition_pulldown_index li a {
  display: block;
  padding: 3px 0;
  background: url(/assets/common/img/arw_r_4x3_01.png) no-repeat 13px 50%;
  color: #add1d8;
}

div.exhibition_detail .exhibition_nav .exhibition_pulldown ul.exhibition_pulldown_index li a:hover {
  background: url(/assets/common/img/arw_r_4x3_01_ov.png) no-repeat 13px 50%;
  color: #fff;
}

/* ===================================================
  コレクション検索結果一覧
=================================================== */
div.collection_list {
  padding: 25px 0 0 0; 
  border-top: #555 1px solid;
}

div.collection_list h1 {
  float: left;
  width: 700px;
  font-size: 22px;
  line-height: 1.25;
}

div.collection_list .result {
  float: right;
  width: 250px;
  text-align: right; 
  font-size: 14px;
  line-height: 1.357;
}

div.collection_list .lead {
  clear: both;
  padding: 12px 0 0;
  font-size: 10px;
  line-height: 1.6;
}

div.collection_list .exhibition_nav.top {
  padding: 68px 0 15px;
}

div.collection_list .exhibition_nav.bottom {
  padding: 62px 0 0;
}

div.collection_list .exhibition_nav.bottom + .btn_pageback {
  padding: 41px 0 0;
}

div.collection_list .exhibition_nav .exhibitionlist li {
  float: left;
  width: 172px;
  height: 43px;
  text-align: center; 
  font-size: 14px;
}

div.collection_list .exhibition_nav .exhibitionlist li + li {
  margin: 0 0 0 30px;
}

div.collection_list .exhibition_nav .exhibitionlist li a {
  display: block;
  padding: 8px 0 14px;
  border: 1px #badde4 solid;
  width: 170px;
  height: 19px;
  background: #ddeef1;
  color: #328d9e;
}

div.collection_list .exhibition_nav .exhibitionlist li a:before {
  content: "";
  position: relative;
  margin: 0 5px 0 0;
  padding: 0 0 19px 19px;
  background: url(/assets/common/img/arw_r_19x19_01.png) no-repeat;
}

div.collection_list .exhibition_nav .exhibitionlist li a:hover {
  border: 1px #328d9e solid;
  background: #328d9e;
  color: #fff;
}

div.collection_list .exhibition_nav .exhibitionlist li a:hover:before {
  background: url(/assets/common/img/arw_r_19x19_01_ov.png) no-repeat;
}

div.collection_list .exhibition_nav .exhibitionlist li.current a {
  border: 1px #328d9e solid;
  background: #328d9e;
  color: #fff;
}

div.collection_list .exhibition_nav .exhibitionlist li.current a:before {
  background: url(/assets/common/img/arw_r_19x19_01_ov.png) no-repeat;
}

div.collection_list .worklist {
  position: relative;
  clear: both;
  margin: -5px 0 0 -28px;
}

div.collection_list .worklist li {
  float: left;
  padding: 50px 0 0 28px;
  width: 224px;
}

div.collection_list .worklist li .img {
  height: 168px;
}

div.collection_list .desc {
  padding: 40px 0 0 0;
  font-size: 10px;
  line-height: 1.5;
}

div.collection_list .wp-pagenavi {
  overflow: hidden;
  position: relative;
  margin: 25px auto 0;
  padding: 0 60px 0 45px;
  width: 310px;
  text-align: center;
}

div.collection_list .wp-pagenavi .pages,
div.collection_list .wp-pagenavi .first,
div.collection_list .wp-pagenavi .last {
  display: none;
}

div.collection_list .wp-pagenavi .previouspostslink,
div.collection_list .wp-pagenavi .nextpostslink {
  overflow: hidden;
  position: absolute;
  top: 0;
  padding: 19px 0 0 0;
  width: 25px;
  height: 0;
}

div.collection_list .wp-pagenavi .previouspostslink {
  left: 0;
  background: url(/assets/common/img/paging_arw.png) no-repeat;
}

div.collection_list .wp-pagenavi .nextpostslink {
  right: 0;
  background: url(/assets/common/img/paging_arw.png) no-repeat -25px 0;
}

div.collection_list .wp-pagenavi .previouspostslink:hover {
  background-position: 0 -19px;
}

div.collection_list .wp-pagenavi .nextpostslink:hover {
  background-position: -25px -19px;
}

div.collection_list .wp-pagenavi .page,
div.collection_list .wp-pagenavi .current,
div.collection_list .wp-pagenavi .extend {
  display: inline-block;
  margin: 0 0 0 12px;
  padding: 3px 5px 3px 5px;
  min-width: 9px;
  text-align: center; 
  color: #444;
  line-height: 1;
}

div.collection_list .wp-pagenavi .page:hover {
  text-decoration: underline; 
  color: #7c7c7c;
}

div.collection_list .wp-pagenavi span.current {
  background: #328d9e;
  text-decoration: none; 
  color: #fff;
}

div.collection_list .btn_pageback {
  padding: 55px 0 0 0;
  text-align: center;
}

* + html div.collection_list .btn_pageback {
  margin: 0 auto; 
  width: 202px;
}

div.collection_list .othersearch {
  margin: 60px 0 0 0;
  padding: 50px 0 0 0; 
  border-top: #c0c0c0 1px dotted;
}

div.collection_list .othersearch > li {
  float: left;
  width: 224px;
}

div.collection_list .othersearch > li + li {
  padding: 0 0 0 28px;
}

div.collection_list .othersearch li ul {
  padding: 15px 0 0 0;
}

div.collection_list .othersearch li ul li {
  padding: 5px 0 0 0;
  font-size: 12px;
  line-height: 1.417;
}

div.collection_list .othersearch li ul li a {
  display: block;
  padding: 0 0 0 10px;
  background: url(/assets/common/img/arw_r_3x5_01.png) no-repeat 0 0.5em;
  color: #444;
}

div.collection_list .othersearch li ul li a:hover {
  background-image: url(/assets/common/img/arw_r_3x5_01_ov.png); 
  color: #328d9e;
}

/* ===================================================
  コレクション詳細
=================================================== */
div.collection_detail {
  border-top: #555 1px solid;
}

div.collection_detail .overview {
  position: relative;
  padding: 0 0 28px 0; 
  border-bottom: #b3b2b2 1px dotted;
}

div.collection_detail .overview .txtarea {
  float: left;
  width: 476px;
}

div.collection_detail .overview .txtarea h1 {
  padding: 25px 0 0 0;
  font-size: 22px;
  line-height: 1.25;
}

div.collection_detail .overview .txtarea h1 span.status {
  margin: 0 0 0 15px;
  font-size: 0;
  line-height: 1;
}

div.collection_detail .overview .txtarea dl {
  padding: 35px 0 85px 0;
  font-size: 14px;
  line-height: 1.357;
}

div.collection_detail .overview .txtarea dl dt {
  display: block;
  float: left;
  clear: both;
  padding: 20px 10px 0 0;
  width: 72px;
}

div.collection_detail .overview .txtarea dl dd {
  display: block;
  float: left;
  padding: 20px 0 0 0;
  width: 394px;
}

div.collection_detail .overview .txtarea .btn_link_arw_right {
  position: absolute;
  bottom: 28px; 
  left: 0;
}

div.collection_detail .overview .imgarea {
  float: right;
  padding: 28px 0 0 0;
  width: 476px;
}

div.collection_detail .overview .imgarea .img {
  text-align: center;
}

div.collection_detail .overview .imgarea .img img {
  max-width: 476px;
  height: auto;
}

div.collection_detail .description {
  display: table;
  padding: 20px 0;
  border-bottom: #b3b2b2 1px dotted;
}

div.collection_detail .description h2 {
  display: table-cell;
  padding: 0 27px 0 0;
  width: 225px;
  text-align: center; 
  vertical-align: middle;
  font-size: 18px;
  line-height: 1.278;
}

div.collection_detail .description .txt {
  display: table-cell;
  width: 728px;
  vertical-align: middle;
}

* + html div.collection_detail .description h2 {
  float: left;
}

* + html div.collection_detail .description .txt {
  float: left;
}

div.collection_detail .action {
  padding: 60px 0 0 0;
  text-align: center;
}

* + html div.collection_detail .action {
  margin: 0 auto; 
  width: 202px;
}

div.collection_detail .other {
  margin: 60px 0 0 0;
}

div.collection_detail .other h3 {
  margin: 0 0 28px 0;
}

div.collection_detail .other .content_4cl_A {
  float: left;
}

div.collection_detail .other .content_4cl_A + .content_4cl_A {
  padding: 0 0 0 28px;
}

div.collection_detail .other .content_4cl_A .img {
  height: 168px;
}

div.collection_detail .other .content_4cl_A .img img {
  max-width: 224px;
  height: auto;
}

div.collection_detail .other .action {
  clear: both;
  padding: 55px 0 0 0;
  border-top: none;
}

* + html div.collection_detail .other .action {
  margin: 0 auto;
  width: 215px;
}

/* ===================================================
  規約
=================================================== */
.kiyaku {
  overflow-y: scroll;
  box-sizing: border-box; 
  margin: 2rem 0;
  padding: 30px;
  border: 1px solid #ccc;
  width: 100%;
  height: 200px;
}

.kiyaku_container + .kiyaku_container {
  margin-top: 24px;
}

.kiyaku_haadding {
  text-align: center; 
  font-size: 22px;
}

.kiyaku_cap {
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: bold;
}

.kiyaku_numList {
  margin: 8px 0;
  list-style-type: none; 
  counter-reset: item;
}
.kiyaku_numList > li {
  padding-left: 1.3em; 
  text-indent: -1.3em;
}
.kiyaku_numList > li:before {
  content: counter(item) ".";
  padding-right: 0.5em; 
  counter-increment: item;
}

.js-switchView {
  display: none;
}

.js-switchView.is-view {
  display: block;
}