@charset "UTF-8";
/* CSS Document */
/*-------------------------------------------
font-size
14px  0.9em
12px 0.7em;
10px  0.6em
---------------------------------------------*/
/* =====================================================================
＜見出し＞
今年度展覧会一覧では「終了した展覧会」で使用
過去の展覧会では「年度表示」で使用
===================================================================== */
.tenrankai_list .end_list_midashi, .tenrankai_list .nendo_midashi, .tenrankai_kako_waku .nendo {
  width: 100%;
  margin: 30px auto;
  border: solid 1px;
  text-align: center;
  padding: 10px 0;
  font-size: 1.1em;
  letter-spacing: 10px;
}
/* =====================================================================
トップページ　今年度展覧会　過去の展覧会で使用
展覧会一覧（画像　展覧会名　開催日　説明）

===================================================================== */
/*詳細へのリンク表示処理*/
.tenrankai_list a {
  /*ext-decoration: none;*/
 /* color: #1D1C1C;*/
}
/*.tenrankai_list a:hover {
  color: #E44040;
}*/
/*展覧会リスト
===================================================================== */
.tenrankai_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; /*上揃え*/
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  /*-webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;*/
  justify-content: flex-start;
  border: solid 0px;
}
/*1展覧会情報*/
.tenrankai_list .waku {
  width: 28%;
  max-width: 230px;
  min-width: 130px;
  margin-right: 26px;
  margin-bottom: 40px;
  border: solid 0px;
}
.tenrankai_list .waku img { /*画像*/
  width: 100%;
  border: solid 1px #B4AEAE; /*画像の線*/
}
/*開催中などと無料　並列------------------*/
.tenrankai_list .waku .kaisai, .tenrankai_list .waku .free {
  display: inline-block;
}
/*開催中などの表示------------------*/
.tenrankai_list .waku .kaisai { /*共通枠*/
  text-align: center;
  font-size: 0.7em;
  margin-bottom: 3px;
}
.tenrankai_list .waku .kaisai_tyu { /*開催中*/
  width: 60px;
  border: solid 1px #E2373A;
}
.tenrankai_list .waku .kaisai_yotei { /*今後開催*/
  width: 60px;
  border: solid 1px #E2373A;
}
.tenrankai_list .waku .kaisai_end { /*終了*/
  width: 90px;
  border: solid 1px #675F5F;
}
/*無料の表示------------------*/
.tenrankai_list .waku .free {
  text-align: center;
  font-size: 0.7em;
  margin-bottom: 3px;
  width: 60px;
  border: solid 1px;
}
/*END-------------------------------------*/
.tenrankai_list .waku .txt01 { /*種別（収蔵品展など）*/
  text-align: left;
  font-size: 0.6em;
  line-height: 0.9em
}
.tenrankai_list .waku .txt02 { /*展覧会名称*/
  text-align: left;
  text-align: justify;
  margin-bottom: 4px;
  font-size: 0.9em;
  line-height: 1.0em;
  font-weight: bold;
}
/*上に名称　下に小文字の場合
--------------------------------------*/
.tenrankai_list .waku .txt02_2 { /*名称を下にした場合*/
  text-align: left;
  text-align: justify;
  margin-bottom: 2px;
  font-size: 0.8em;
  line-height:14px;
  font-weight: bold;
}
.tenrankai_list .waku .txt01_2 { /*種別を下にした場合）*/
  text-align: left;
  font-size: 0.7em;
  line-height: 14px;
  margin-bottom: 2px;
	border: solid 0px;
}
/*-------------------------------------*/
.tenrankai_list .waku .txt03 { /*会期など*/
  text-align: left;
  text-align: justify;
  font-size: 0.7em;
  line-height: 14px;
}
.tenrankai_list .waku .txt01 span, .tenrankai_list .waku .txt02 span, .tenrankai_list .waku .txt03 span { /*spanで改行*/
  display: inline-block;
}
/* END flex_box */
/*===========================================
ボタン　矢印付き
font-size: 0.8em;

	             <!-- リンクボタン--- -->
              <div class="com_link_waku"><a href="jinbutsu_tataeru/index.cfm">
                <div class="btn_flex">
                  <div>人物をたたえる活動</div>
                  <div class="next_arrow"></div>
                </div>
                </a> </div>

============================================ */
/*リンクボタンを下の揃える*/
/*----------------------------------------------------
2017年度以降
------------------------------------------------------*/
.tenrankai_list .link_waku {
  /*margin: auto auto 0 0 ;*/
  margin: 4px 0;
}
.tenrankai_list .link_waku .btn_flex {
  display: flex;
  justify-content: space-between; /*両端揃え*/
  align-items: center;
  /*text-align: center;*/
  padding: 6px 10px;
  box-sizing: border-box;
  /*cursor: pointer;*/
  font-size: 0.7em;
  line-height: 0.9em;
  border-radius: 4px;
  /*color: #000000;*/
  /*background-color: #ffffff;*/
  /*border: solid 1px #54BF66;*/
  border: solid 1px #92BB8F;
  transition: 0.5s; /*hover処理の時間*/
}
.tenrankai_list .link_waku .btn_flex:hover {
  background-color: #D8F5D3;
  color: #000000;
}
/*ボタンの右矢印*/
.tenrankai_list .link_waku .next_arrow {
  display: block;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-top: solid 1px;
  border-right: solid 1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/*ボタンの左矢印*/
.tenrankai_list .link_waku .back_arrow {
  display: block;
  width: 6px;
  height: 6px;
  margin-right: 5px;
  border-top: solid 1px;
  border-right: solid 1px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*----------------------------------------------------
2016年度以前
------------------------------------------------------*/
.tenrankai_kako_waku ul {
  padding-left: 20px;
}
.tenrankai_kako_waku ul li {
  padding-bottom: 20px;
}
@media (max-width: 350px) {
  .tenrankai_kako_waku ul li {
    font-size: 0.8em;
    width: 100%;
    padding-bottom: 0px;
  }
}
/*2016年度以前*/
.tenrankai_kako_waku .link_waku {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  /*margin: auto auto 0 0 ;*/
  margin: 4px 0;
}
@media (max-width: 350px) {
  .tenrankai_kako_waku .link_waku {
    display: flex;
    flex-direction: column;
    column-gap: 0px;
    /*margin: auto auto 0 0 ;*/
    margin: 4px 0;
  }
}
/*2016年度以前*/
.tenrankai_kako_waku .link_waku .btn_flex {
  width: 240px;
  margin-bottom: 5px;
  display: flex;
  justify-content: space-between; /*両端揃え*/
  align-items: center;
  /*text-align: center;*/
  padding: 6px 10px;
  box-sizing: border-box;
  /*cursor: pointer;*/
  font-size: 0.7em;
  line-height: 0.9em;
  border-radius: 4px;
  /*color: #000000;*/
  /*background-color: #ffffff;*/
  /*border: solid 1px #54BF66;*/
  border: solid 1px #92BB8F;
  transition: 0.5s; /*hover処理の時間*/
}
@media (max-width: 350px) {
  .tenrankai_kako_waku .link_waku .btn_flex {
    width: 90%;
    margin-bottom: 0px;
  }
}
.tenrankai_kako_waku .link_waku .btn_flex:hover {
  background-color: #D8F5D3;
  color: #000000;
}
/*ボタンの右矢印*/
.tenrankai_kako_waku .link_waku .next_arrow {
  display: block;
  width: 6px;
  height: 6px;
  margin-left: 5px;
  border-top: solid 1px;
  border-right: solid 1px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* =======================================================================================================

今年度の展覧会　過去の展覧会（リンク）

========================================================================================================== */
/*リンク表示設定*/
#tenrankai_konnnenndo_kako a {
  /*text-decoration: none;*/
  /*color: #1D1C1C;*/
}
#tenrankai_konnnenndo_kako a:hover {
  /*color: #E44040;*/
}
/*枠*/
#tenrankai_konnnenndo_kako .waku_kako {
  margin-left: auto;
  margin-right: auto;
  width: 230px;
  margin-top: 50px;
  border: solid 0px;
}
/*（枠内flex）今年度の展覧会　過去の展覧会-----------------*/
#tenrankai_konnnenndo_kako .waku_kako .kako_flex_box {
  margin-bottom: 20px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 5px 16px;
  border: solid #164F06 1px;
}
#tenrankai_konnnenndo_kako .waku_kako .kako_flex_box img {
  width: 30px;
  vertical-align: middle;
  border: 0;
  margin-right: 20px;
}
/*文字間隔調整------------------------*/
/*今年度の展覧会*/
#tenrankai_konnnenndo_kako .waku_kako .kako_flex_box .letter-spacing1 {
  margin-right: 2px;
}
/*過去の展覧会*/
#tenrankai_konnnenndo_kako .waku_kako .kako_flex_box .letter-spacing2 {
  letter-spacing: 3px;
}
/* =====================================================================*/
/* スマホ用***************** */
@media (max-width: 350px) {
  .tenrankai_list {
    display: flex;
    flex-direction: column;
    border: solid 0px;
  }
  .tenrankai_list .waku { /*情報1枠*/
    /*width: 45%;*/
    width: 100%;
    max-width: 350px;
    margin-right: 0px;
    margin-bottom: 40px;
    border: solid 0px;
  }
}
/* スマホ用***************** */
@media (max-width: 749px) {
  /* 展覧会
------------------------------------------------------ */
  /*＜見出し＞終了した展覧会　年度の展覧会　*/
  .tenrankai_list .end_list_midashi, .tenrankai_list .nendo_midashi {
    font-size: 0.9em;
    letter-spacing: 4px;
  }
  .tenrankai_kako_waku .nendo {
    font-size: 0.9em;
    letter-spacing: 4px;
  }
  .tenrankai_list .waku { /*情報1枠*/
  }
}
/* タブレット用 ***************** */
@media (min-width: 750px) and (max-width: 1023px) {
  /*枠---------------------------------------*/
}
/* Desktop ***************** */
@media (min-width: 1024px) {}