@charset "UTF-8";
/* CSS Document */
/* =================================================
   展覧会一覧
   ============================================== */
/* =================================================
  aタグ text-decoration: none;2024から使用
   ============================================== */
/*WEB申し込みがある場合のaタグclass指定---------------------------------------*/
.deco_none {
  font-size: 0.8rem;
  text-decoration: none;
}
/* =================================================
   ページタイトル（2022年より使用
   iconとタイトル並列　common_page_title_flex使用
   ============================================== */
/*特別の赤枠*/
.kakomi_red {
  border: solid 1px #FF0004;
  padding: 5px 10px;
  box-sizing: border-box;
}
/* =================================================
   2021以前の展覧会ページタイトル common_page_title_area　　（common_item.css）
   ============================================== */
/*アイコンとタイトル並列*/
.common_page_title_area div {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.common_page_title_area .icon img {
  width: 50px;
  vertical-align: bottom; /*画像下の余白なし*/
}
/* =================================================
   ページ説明　　　common_reed_area （common_item.css）
   ============================================== */
/* =================================================
   特別挿入文字 スマホ共通
   =============================================== */
/*2023_13で使用
------------------------------------------------------*/
.bg_color01_2023_13 {
  /*background-color: #CAEACE;*/
  padding: 0 5px;
  box-sizing: border-box;
}
.bg_color02_2023_13 {
  /*background-color:#EDF1B0;*/
  padding: 0 5px;
  box-sizing: border-box;
}
.bg_color03_2023_13 {
  /*background-color: #F7C8CE;*/
  padding: 0 5px;
  box-sizing: border-box;
}
/*2020_01.htmlで使用
------------------------------------------------------*/
.tokubetsu_txt { /**/
  font-size: 0.9rem;
  line-height: 1.2rem;
  /*color: red;*/
}
/*新型コロナウイルス感染拡大防止対策について 2020_01.htmlで使用*/
.corona_txt {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  font-size: 0.9rem;
  line-height: 1.2rem;
  /*color: red;*/
  margin-bottom: 50px;
}
.reed_s { /*2020_04.htmlで使用*/
  margin-top: 10px;
  font-size: 0.8rem;
  line-height: 1.0rem;
}
.reed_center {
  text-align: center;
  width: 100%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  margin-bottom: 50px;
  font-size: 0.9rem;
  line-height: 1.4rem;
  color: black;
}
/* =================================================

   展覧会詳細データ

   ============================================== */
/*section---------------------------------------*/
.tenrankai_details {
  text-align: center; /*画像が2点の場合必要*/
}
/*リンクボタン（Link PDF）---------------------*/
.tenrankai_details .link_flex {
  display: flex;
  align-items: center;
  margin-left: 30px;
  margin-bottom: 8px;
}
.tenrankai_details .link_bttom { /* 囲みと文字属性 */
  display: inline-block; /* 幅width有効。blockは改行されるためinline-block指定 */
  /*height: 22px;*/
  padding: 0px 6px;
  margin-right: 10px;
  text-align: center; /* スマホでは囲みと文字全体をleftにするため　ここではcenterを指定しておく */
  font-size: 0.8rem;
  letter-spacing: 0px;
  border: 1px solid #2F2D2D;
  border-radius: .2em; /*角丸 */
  background-color: #FFFFFF;
}
/* =================================================
   画像　縦長サイズ（通常）と横長サイズ
   ============================================== */
/*画像枠1点の場合w400縦長サイズ------------------------*/
.tenrankai_details .photo_waku {
  display: inline-block; /*画像が2点以上の場合有効*/
  width: 100%;
  max-width: 400px;
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
/*画像枠1点の場合w565横長サイズ------------------------*/
.tenrankai_details .photo_waku_wide {
  display: inline-block; /*画像が2点以上の場合有効*/
  width: 100%;
  max-width: 565px; /*横長サイズ*/
  margin-top: 40px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
}
/*画像（横　縦）------------------------------------*/
.tenrankai_details .photo_waku img, .tenrankai_details .photo_waku_wide img {
  width: 100%;
  height: auto;
  /*display: block;*/
  /*opacity: 1;*/
  /*transition: .9s;*/
  border: solid 1px #867E7E;
}
/* 関連企画のタイトル
-----------------------------------------------*/
.tenrankai_details .kanren_title {
  width: 100%;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-top: 70px;
  margin-bottom: 20px;
}
.tenrankai_details .kanren_title span {
  display: inline-block;
}
.tenrankai_details .kanren_title .span_space {
  margin-right: 20px;
}
/* =================================================
   詳細テーブルレーアウト　tableの外枠なし、タイトルthと最後のtrのborder-bottom太く
　　企画も同じ
   ============================================== */
table.details_tbl {
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  font-size: 0.9rem;
  vertical-align: middle;
  margin-bottom: 50px;
  border-collapse: collapse; /* 囲み線を1本で重なりをなくす table,th,tdに指定 */
  border: 0px solid #CADC38; /*文森マーク同系色*/
}
table.details_tbl tr {
  border-collapse: collapse;
  border-top: 1px solid #CADC38;
  border-bottom: 1px solid #CADC38; /*文森マーク同系色*/
}
/* テーブルの上と下のライン太く*/
table.details_tbl tr:first-child {
  border-top: 4px solid #CADC38; /*文森マーク同系色*/
}
table.details_tbl tr:last-child {
  border-bottom: 4px solid #CADC38; /*文森マーク同系色*/
}
/* td各項目
-----------------------------------------------*/
table.details_tbl td {
  padding: 5px 10px; /*間隔　必須 */
}
table.details_tbl .td01 { /* 区分 */
  width: 20%;
  min-width: 60px;
  border: solid 0px;
}
table.details_tbl .td01 .td01_w { /* 区分の文字均等割 */
  width: 100%;
  max-width: 80px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: space-between;
  border: solid 0px;
}
table.details_tbl .td02 { /* 内容 */
  width: 80%;
  text-align: left;
  border: solid 0px;
}
table.details_tbl .td02 span {
  display: inline-block; /*展覧会名が長い場合はspanで改行*/
}
/*span間のスペース*/
table.details_tbl .td02 .span_space {
  margin-right: 10px;
}
/* 申し込みボタン
-----------------------------------------------*/
table.details_tbl .moushikomi_btn {
  display: inline-block;
  background-image: none;
  margin-top: 20px;
  padding: .4em 0.6em;
  border-radius: 4px;
  margin: 0.2em 0;
  /*background-color: #4CAF50;*/
  border: solid 1px #54BF66;
  /*border: none;*/
  color: #000000;
  text-decoration: none;
  font-size: 0.8rem;
  cursor: pointer;
  position: relative;
  transition: 0.5s; /*hover処理の時間*/
}
table.details_tbl .moushikomi_btn:hover, table.details_tbl .moushikomi_btn:focus {
  /*outline: none;*/
  color: #000000;
  background-color: #5AB4BD;
}
table.details_tbl .moushikomi_btn::-moz-foucus-inner {
  padding: 0;
  /*border: none;*/
}
/*=======================================

特別な案内（出品のお申し込み　2024_08.cfm)

======================================== */
section.setsumei {
  width: 100%;
  max-width: 900px;
  margin: 0 auto 100px auto;
  font-size: min(3.5vw, 0.9rem);
  line-height: 1.4rem;
  text-justify: inter-ideograph; /* IEで必要 */
  text-justify: inter-character; /* Firefoxで必要 */
  text-align: justify;
}
/*タイトル*/
section.setsumei .line_title {
  font-size: min(5vw, 18px);
  border-bottom: solid 1px #B22125;
  border-left: solid 8px #B22125;
  padding: 2px 0 4px 10px;
  box-sizing: border-box;
}
section.setsumei .lead {
  color: #000000;
  padding: 10px 0;
}
/*---------------------------------------------

左　項目　右内容

----------------------------------------------*/
/*日時などの並び（天池中央）
----------------------------------------------*/
section.setsumei .line_flex {
  display: flex;
  align-items: center; /*天池中央*/
  width: 100%;
  max-width: 1200px;
  padding: 14px 0px;
  box-sizing: border-box;
  margin: 0px 0; /*1行間隔*/
  border-top: solid 0px #79C5CB;
}
section.setsumei .line_flex:first-child {
  padding: 0px 0px;
}
/*日時などの並び（上揃え）
----------------------------------*/
section.setsumei .ine_flex_start {
  display: flex;
  align-items: flex-start; /*上揃え*/
  width: 100%;
  max-width: 1200px;
  padding: 14px 0px;
  box-sizing: border-box;
  margin: 0px 0; /*1行間隔*/
  border-top: solid 0px #79C5CB;
}
/*ボタン風項目
---------------------------------*/
section.setsumei .line_flex .btn {
  width: 90px;
  padding: 10px 10px;
  box-sizing: border-box;
  text-align: center;
  border-radius: 4px;
  display: inline-block;
  background-image: none;
  text-decoration: none;
  /*background-color: #4CAF50;*/
  border: solid 1px #54BF66;
  /*border: none;*/
  color: #000000;
}
/*項目両端揃え*/
section.setsumei .line_flex .space-between_flex, section.setsumei .line_flex_start .space-between_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
/*内容*/
section.setsumei .line_flex .naiyou, section.setsumei .line_flex_start .naiyou {
  width: 100%;
  line-height: 18px;
  padding-left: 10px;
  box-sizing: border-box;
  flex: 1; /*自動調整*/
  vertical-align: middle;
  border: solid 0px;
}
section.setsumei .line_flex .naiyou span, section.setsumei .line_flex_start .naiyou span {
  display: inline-block;
}
/* =================================================
   共通巻末に表示　《新型コロナウイルス感染拡大防止対策について》
   ============================================== */
.corona_txt ul {
  margin-left: 5%;
}
.corona_txt ul li {
  font-size: 0.7rem;
  color: #000000; /*●の色*/
  padding: 0.5em 0;
}
.corona_txt ul li span {
  color: #000000;
  font-size: 1.4em;
  line-height: 20px;
}
/* =================================================
   講座申し込みを表示するための天地スペース調整
   ============================================== */
.space {
  margin-bottom: 330px;
}
/* スマホ用***************** */
@media (max-width: 749px) {
  /* =================================================
   画像　縦長サイズ（通常）と横長サイズ
   ============================================== */
  .tenrankai_details .photo_waku, .tenrankai_details .photo_waku_wide {
    margin-top: 0;
  }
  /*画像枠---------------------------------------*/
  .tenrankai_flex_box .photo_waku {
    max-width: 120px;
  }
  /*タイトル-----------------------------------*/
  .tenrankai_flex_box .waku_flex_box .title {
    font-size: 1.0rem;
    line-height: 1.4rem;
    font-weight: bold;
  }
  /*期間）--------------------------------------*/
  .tenrankai_flex_box .waku_flex_box .kaiki {
    font-size: 1.0rem;
    line-height: 1.4rem;
  }
  /* 関連企画のタイトル
-----------------------------------------------*/
  .tenrankai_details .kanren_title {
    font-size: 1.0rem;
    line-height: 1.4rem;
  }
  /* 新型コロナウイルス感染拡大防止対策について
-----------------------------------------------*/
  .corona_txt ul {
    margin-left: 0;
  }
}
/* タブレット用 ***************** */
@media (min-width: 750px) and (max-width: 1023px) {
  /*枠---------------------------------------*/
}
/* Desktop ***************** */
@media (min-width: 1024px) {}