/* CSS Document */
/*  /////////////////////////////////////////////////////////////// 

       共通　item　トップページ　その他のページ
//////////////////////////////////////////////////////////////// */
/* #5AB4BD;　　基本色*/
/*hr色付け <br>で調整
--------------------------------------*/
.line_hight{
	border-top: solid 1px #5AB4BD; 
	height: 1px;
	/*margin-top: 20px;*/
	/*margin-bottom: 16px;*/
	
}
.line_hight_5px{
		border-top: solid 1px #5AB4BD; 
	height: 1px;
	margin: 5px 0;
}

/*-------------------------------------
波線
<p class="dashed_2p"></p>
-------------------------------------*/
.dashed_2p{
	border-bottom:dashed 2px #C8C2C2;
}
/*----------------------------------------------------
font-weight
fontによって効かないのでヒラギノ角ゴシック,ＭＳ ゴシックに限定
------------------------------------------------------*/
.bold_100{
	font-family: 'Hiragino Sans','MS Gothic';/*ヒラギノ角ゴシック,ＭＳ ゴシック*/
font-weight: 100;
}
.bold_200{
	font-family: 'Hiragino Sans','MS Gothic';/*ヒラギノ角ゴシック,ＭＳ ゴシック*/
font-weight: 200;
}
.bold_300{
	font-family: 'Hiragino Sans','MS Gothic';/*ヒラギノ角ゴシック,ＭＳ ゴシック*/
font-weight: 300;
}
/*標準の太さ*/
.bold_400{
	font-family: 'Hiragino Sans','MS Gothic';/*ヒラギノ角ゴシック,ＭＳ ゴシック*/
font-weight: 400;
}
.bold_500{
	font-family:'Hiragino Sans','MS Gothic';/*ヒラギノ角ゴシック,ＭＳ ゴシック*/
font-weight: 500;
}
.bold_600{
	font-family: 'Hiragino Sans','MS Gothic';/*ヒラギノ角ゴシック,ＭＳ ゴシック*/
font-weight: 600;
}
.bold_700{
	font-family: 'Hiragino Sans','MS Gothic';/*ヒラギノ角ゴシック,ＭＳ ゴシック*/
font-weight: 700;
}
/* ===================================================
  flort解除 
=================================================== */
.common_flort_clear {
  clear: both;
}
/* ===============================================
破線
=============================================== */
.hasen{
	border:dashed 1px #7C7A7A;
}
/* ===================================================
  カラー
文森色と同系色　#77D18D;　テーブル使用

=================================================== */
.red {
 /* color: red;*/
}
.red_s {
  font-size:0.8rem;
  /*color: red;*/
}

.font_s
 {
  font-size: 0.7rem;
}
.font_14{
  font-size:0.9rem;
}

.green {
  color: #0BA83A;
}
.space_r_10p {
  margin-right: 10px;
}
.space_r_20p {
  margin-right: 20px;
}
.space_l_20p {
  margin-left: 20px;
}
/*===========================================
戻るボタン（固定のヒストリーバック）2023.3.22
============================================ */
/*位置を固定*/
.common_back_btn_area2 {
  text-align: right;
	margin-bottom: 20px;
	border: solid 0px;
}
.common_back_btn_area2 a {
text-decoration: none;
	color: #424446;
}

/*ボタン仕様*/
.common_back_btn_area2 .back_btn {
  text-align: center;
  padding: 4px 16px;
  /*cursor: pointer;*/
  font-size:0.8rem;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #54BF66;
  transition: 0.5s; /*hover処理の時間*/
}

.common_back_btn_area2 .back_btn:hover {
  background-color: #5AB4BD;
  color: #ffffff;
}
/*ボタンの左矢印*/
.common_back_btn_area2 .back_arrow {
  display: block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-top: solid 1px;
  border-right: solid 1px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*矢印と文字（戻る）並列*/
.common_back_btn_area2 .back_arrow, .common_back_btn_area2 .back_txt {
  display: inline-block;
}
/*===========================================
戻るボタン（固定のヒストリーバック）2023.3.22
=========================================== */
/*位置を固定*/
.common_back_btn_area {
  position: -webkit-sticky; /* safari対応 */
  position: sticky;
  top: 130px; /* 上端から80pxのところで固定 */
  z-index: 999;
  text-align: right;
}
/*ボタン仕様*/
.common_back_btn {
  text-align: center;
  padding: 4px 14px;
  /*cursor: pointer;*/
  font-size: 1.1rem;
  border-radius: 4px;
  background-color: #ffffff;
  border: solid 1px #54BF66;
  transition: 0.5s; /*hover処理の時間*/
}
.common_back_btn:hover {
  background-color: #5AB4BD;
  color: #ffffff;
}
/*ボタンの左矢印*/
.common_back_arrow {
  display: block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
  border-top: solid 1px;
  border-right: solid 1px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
/*文字（戻る）*/
.common_back_txt {}
/*矢印と文字（戻る）並列*/
.common_back_arrow, .common_back_txt {
  display: inline-block;
}
/*===================================================
戻る（ボタン）（スクロール固定）　　展覧会詳細　美濃加茂事典（詳細データページ）、文化財一覧（詳細データページ）
================================================== */

.common_modoru_button {
  width: 80px;
  margin-left: auto;
  margin-right: 0;
  border: solid 0px;
  position: -webkit-sticky; /* safari対応 */
  position: sticky;
  top: 130px; /* 上端から80pxのところで固定 */
  z-index: 999;
}
.common_modoru_button a.button {
  display: block;
  width: 80px;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0px;
  font-size: 1.1rem;
  line-height: 1.1rem;
  text-align: center;
  text-decoration: none;
  color: #454142;
  font-weight: bold;
  letter-spacing: 0px;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #77D18D; /*文森色と同系色*/
  border-radius: 3px;
  transition: .4s;
}
.common_modoru_button a.button:hover {
  background: #77D18D;
  color: #fff;
  transition-duration: .4s;
  cursor: pointer;
  cursor: hand;
}
/* =====================================================
   更新日    美濃加茂事典　文化財
   ================================================== */
.common_koushin {
  font-size: 0.8rem;
  text-align: right;
}

/* ==================================================
ページタイトル（新flex）2021/11/19
iconとタイトル並列　common_page_title_flex
================================================ */
.common_page_title_flex {
  display: flex;
  align-items: center;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  border: solid 0px;
}
/*ページicon*/
.common_page_title_flex .icon img {
  width: 48px;
  vertical-align: bottom;
  border: solid 0px;
}
/*ページタイトル*/
.common_page_title_flex .title {
  font-size: 1.4rem;
  line-height: 1.4rem;
  margin-left: 15px;
 /* color: #2B7440;*//*文森色と同系色*/
  /*text-shadow: 1px 2px 1px #B7AFB0;*/
  border: solid 0px;
}
/*span単位で改行*/
.common_page_title_flex .title span {
  display: inline-block;
}
/*タイトル中のspanのスペース　IE対応*/
.common_page_title_flex .title .span_space{
	margin-right: 20px;
}
/*タイトル大小の文字を並べる天池中央*//*新収蔵記念「本陣の品々」*/

.common_page_title_flex .title_flex{
	display: flex;
	align-items: center;/*天池中央*/	
}

/*サブページタイトル（ページタイトル上の文字　div指定）*/
.common_page_title_flex .title .title_s {
  font-size:0.9rem;
  line-height: 1.2rem;
margin-bottom: 3px;
}
/*サブページタイトル（ページタイトルに続くタイトル　div指定）*/
.common_page_title_flex .title .title_m {
  font-size: 1.0rem;
  line-height: 1.2rem;
}
/*タイトルにルビがある場合の処理　上に余白をつける*/
.common_page_title_flex .title .ruby_margin{
	margin-top:10px;
}
/*===================================================
　ページ説明
================================================== */

.common_reed_area { /*テキスト */
  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;
  text-align: justify;
}

.common_reed_area_left { /*テキスト */
  width: 100%;
  max-width: 700px;
  margin-top: 0px;
  margin-bottom: 50px;
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: black;
  text-align: justify;
}
/*===================================================
ページタイトル（新）
iconとタイトル並列　common_page_title_area
================================================== */
.common_page_title_area2 {
  width: 100%;
  /*height: 60px;*/ /*子が全てabsolute*/
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  position: relative; /* タイトルを配置*/
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: #2B7440; /*文森色と同系色*/
  text-shadow: 1px 2px 1px #B7AFB0;
  border: solid 0px;
}
/* iconとページタイトル並列　absoluteで位置調整
=================================================== */
/*iconの位置-----*/ /*icon_databeseと同じサイズで作成-----*/
.common_page_title_area2 .icon img {
  /*position: absolute;*/
  border: solid 0px;
}
/*タイトルの位置----*/
.common_page_title_area2 .title {
  position: absolute;
  left: 60px;
  top: 5px;
}
/*===================================================
リード（ページタイトル下）新
================================================== */

.common_reed_area2 { /*テキストのみ*/
  width: 100%;
  max-width: 700px;
  margin-top: 0px;
  margin-bottom: 50px;
  font-size: 1.2rem;
  line-height: 1.4rem;
  color: black;
  text-align: justify;
  border: solid 0px;
}
/*===================================================
ページタイトル　
円を入れる場合　common_page_title_area
================================================== */

.common_page_title_area {
  width: 100%;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  position: relative; /* タイトルを配置*/
  border: solid 0px;
}
/*ページタイトルの円----------------------------------------*/
.common_page_title_area .circle {
  width: 120px; /*幅*/
  height: 120px; /*高さ*/
  border-radius: 50%; /*角丸*/
  /*枠のラインを入れる場合はぼかす*/
  /*border: 2px solid #5066AE;*/
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
  /*background: #EEADDD;*/ /* 背景色 */
}
/*タイトル　上記の円形に重ねる場合----------------------------*/
.common_page_title_area .title {
  position: absolute;
  font-size:1.4rem;
  line-height: 1.6rem;
  color: #2F2D2D;
  text-shadow: 1px 2px 1px #B7AFB0;
  top: 50px;
  left: 50px;
}
/*タイトル　上記の円形なしの場合----------------------------*/
.common_page_title_area .title2 {
  font-size: 1.4rem;
  line-height: 1.6rem;
  /*color: #2F2D2D;*/
  color: #2B7440;
  text-shadow: 1px 2px 1px #B7AFB0;
}
/*タイトル前の文字　収蔵品展　など*/ /*展覧会詳細で使用*/
.common_page_title_area .title .title_s, .common_page_title_area .title2 .title_s {
  font-size: 1.2rem;
  margin-right: 10px;
}
.common_page_title_area span { /* スマホ用　htmlのspan単位でで改行させる */
  display: inline-block;
}
/*===================================================
　タイトル下にラインを付ける場合　森の日記　森の道草など
================================================== *

.common_page_title_area .title3 {
  position: relative;
  text-align: left;
  margin-bottom: 30px;
  font-size: 26px;
  line-height: 30px;
  padding-bottom: .5em;
  border-bottom: 2px solid #ccc;
}
.common_page_title_area .title3::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 2px;
  background-color: #3498db;
}
/*===================================================
　タイトル下にライン （施設案内sisetsu.html　施設のりようについてsiyounituite.cfm

埋蔵文化財の保護と取扱いについて
ミュージアムニュース
================================================== */

.common_title_line {
  position: relative;
  text-align: left;
  margin-bottom: 30px;
  font-size: 1.4rem;
  padding-bottom: .5em;
  border-bottom: 1px solid #ccc;
}
.common_title_line::after {
  position: absolute;
  bottom: -1px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 1px;
  background-color: #3498db;
}

/*===================================================
　スムーズ　アップ　ボタン（上へ戻る） 円形
================================================== */
.common_smooth_up {
  width: 100%;
  text-align: center;
}
.common_smooth_up_btn {
  display: inline-block;
  /*margin-left: 50%;*/
  margin-bottom: 30px;
  text-decoration: none;
  color: #052E86;
  width: 50px;
  height: 45px;
  padding-top: 5px;
  line-height: 20px;
  border-radius: 50%;
  border: solid 2px #052E86;
  text-align: center;
  overflow: hidden;
  font-weight: bold;
  transition: .4s;
}
.common_smooth_up_btn:hover {
  background: #b3e1ff;
  color: white;
}





/* スマホ用 */
@media (max-width: 749px) {
  /* ===============================================
　共通　戻る （スクロール固定）
================================================== */
  .common_sticky {
    display: none;
  }
  /* 新　戻るボタン（固定のヒストリーバック）2024.2.21--------------*/
  /*位置を固定*/
  .common_back_btn_area2{
    display: none;
  } 
  /* 新　戻るボタン（固定のヒストリーバック）2023.3.22--------------*/
  /*位置を固定*/
  .common_back_btn_area {
    display: none;
  } 

  /*戻るボタン-----------------------------------*/
  .common_modoru_button {
    display: none;
  }
/*----------------------------------------------
	ページタイトル関係flex　2021/11/19より
-----------------------------------------------*/
.common_page_title_flex {
  display: flex;
	flex-direction: column;
}
/*ページicon*/
.common_page_title_flex .icon img {
  width: 38px;
	margin-bottom: 10px;
 }
/*ページタイトル-----------------------------------*/
  .common_page_title_flex .title {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-left: 10px;
  }
/*サブページタイトル（ページタイトル上の文字　div指定）*/
.common_page_title_flex .title .title_s {
  font-size:1.1rem;
  line-height:1.2rem;
}
/*サブページタイトル（ページタイトルに続くタイトル　div指定）*/
.common_page_title_flex .title .title_m {
  font-size: 1.2rem;
  line-height: 1.4rem;
  }
	
  /*タイトル----------------------------*/
  .common_page_title_area2 .title {
    font-size: 1.4rem;
    line-height: 1.6rem;
    top: 8px;
  }
  /*リード（ページタイトル下）新----------------------------*/
  .common_reed_area2 { /*テキストのみ*/
    font-size: 1.4rem;
    line-height: 1.6rem;
  }
  /*ページタイトルの円-----------------------------------*/
  .common_page_title_area .circle {
    width: 60px; /*幅*/
    height: 60px; /*高さ*/
  }
  /*タイトル　上記の円形に重ねる場合----------------------------*/
  .common_page_title_area .title {
    font-size: 1.4rem;
    line-height: 1.6rem;
    top: 20px;
    left: 10px;
  }

}