@charset "utf-8";    /* 下記のコメントより後では適用されない */
/*
 * 赤穂塩田資料公開システム
 * デジタル・アーカイブ検索CSS
 * Description: デジタル・アーカイブのCSSを記述。
 * Copyright (C) City of Ako
 * Date: 2022/03/16
 */

/******************************************************************************
 * Webフォント設定
 ******************************************************************************/

/* マキナス4 Square */
/* URL: https://moji-waku.com/makinas/index.html */
@font-face {
  font-family: 'Makinas-Square';
  src: url('../../fonts/Makinas-4-Square.otf');
}

/* Noto Sans JP Light */
/* URL: https://fonts.google.com/noto/specimen/Noto+Sans+JP */
@font-face {
  font-family: 'Noto Sans JP Light';
  src: url('../../fonts/NotoSansJP-Light.otf');
}

/* Noto Sans JP Medium */
/* URL: https://fonts.google.com/noto/specimen/Noto+Sans+JP */
@font-face {
  font-family: 'Noto Sans JP Medium';
  src: url('../../fonts/NotoSansJP-Medium.otf');
}

/* Noto Sans JP Thin */
/* URL: https://fonts.google.com/noto/specimen/Noto+Sans+JP */
@font-face {
  font-family: 'Noto Sans JP Thin';
  src: url('../../fonts/NotoSansJP-Thin.otf');
}

/* Noto Sans JP */
/* URL: https://fonts.google.com/noto/specimen/Noto+Sans+JP */
@font-face {
  font-family: 'Noto Sans JP';
  src: url('../../fonts/NotoSansJP-Regular.otf');
}


/******************************************************************************
 * コンテンツの共通CSS
 ******************************************************************************/

main {
    /* 中央表示 */
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 100px;
}

section {
    display: block;
}

/******************************************************************************
 * アーカイブ検索・用語集
 ******************************************************************************/

/* 背景画像 */
.bg {
    background: url('../../img/scroll-1/1-05/parts/bg.png') no-repeat 0 50%;
    background-size: cover;
    border: 1px transparent solid;    /* ダミー　※コレがないと勝手に上部のマージンが発生する */
}
/* 下地(白の半透明) */
.base {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75);
    margin-top: 12px;
    margin-bottom: 12px;
    margin-left: auto;
    margin-right: auto; 
    border: 1px transparent solid;    /* ダミー　※コレがないと下部にマージンが発生しない */
   
}

/* タイトル */
.search-header {
    /* 位置 */
    display:flex;
}

/* タイトル-メイン */
.title-main {
    /* 位置 */
    position: relative;
    left: 40px;
    /* フォント */
    font-size: 16pt;
    font-weight: bold;
    font-family: 'Noto Sans JP Medium';
}
/* タイトル-本文 */
.title-text {
    /* フォント */
    font-size: 11pt;
    font-family: 'Noto Sans JP Light';
    padding-left: 40px;
    padding-right: 10px;
}

.ccby{
    /* 位置 */
    position: relative;
    top: 40px;
    width: 130px;
    text-align: center;
}

/* ロゴ */
.ccby-logo {
    /* 位置 */
    position: relative;
}

.ccby-logo img{
    /* 位置 */
    height: 40px;
    position: relative;
}

/* タイトル-本文 */
.ccby-text {
    /* フォント */
    font-size: 10pt;
    font-family: 'Noto Sans JP Light';
}

.archive-search-where-clear{
    margin-top: 20px;    
}

/* ヘッダ */
.search-where-header {
    /* フォント */
    color: #666666;
    font-family: 'Yu Gothic UI';
    font-size: 12pt;
    font-weight: bold;
}

.archive-search-where-input{
    margin-left: 20px;
    margin-right: auto;
}


/* ラベル:ホバー */
.archive-search-where-input label:hover
, .glossary-search-where-input label:hover {
    background-color: transparent;  /* 透明 */
}

/* チェックボックス or ラジオボタン */
input[type="checkbox"]
, input[type="radio"] {
    display: none;      /* チェック or ボタン 非表示 */
}
/* チェックボックス・ラジオボタン : チェック済 */
input[type="checkbox"]:checked + label
, input[type="radio"]:checked + label {
    background-color: rgba(185,122,87,0.7);
    color: #ffffff;
}

/* 検索項目 */
.search-where-item-font {
    /* フォント */
    color: black;
    font-family: 'Yu Gothic UI';
    font-size: 12pt;
    /* 縦幅・色 */
    line-height: 34px;
    background-color: rgba(185,122,87,0.3);
}
/* 検索項目 ※「.search-where-item-font」を継承 */
.search-where-item-font2 {
    font-size: 8pt;
}

/******************************************************************************
 * アーカイブ検索・用語集 － 検索条件
 ******************************************************************************/
.archive-search-where-input{

    width: 100%;
}

/* 入力部 */
.archive-search-where-input li
, .glossary-search-where-input li {
    /* 縦並び */
    display: flex;
    flex-flow: column;
}
/* 検索条件 */
.archive-search-where
, .glossary-search-where {
    /* 位置 */
    position: relative;
    top: 50px;
    /* フォント */
    font-family: 'Yu Gothic UI';
    
}
/* チェックボックス or ラジオボタンをボタン化したラベル */
.archive-search-where label {
    /* 横並び */
    float: left;
    /* ボタンの横幅 */
    width: 150px;
    /* 文字位置 */
    text-align: center;
    /* アイコン */
    cursor: pointer;
    /* マージン */
    margin: 5px;
    /* パッティング */
    padding: 0 5px;
    /* 外枠 */
    border: 1px solid #d3cdc8;
    border-radius: 5px;
}
/* チェックボックスをボタン化したラベル  ※「archive-search-where label」を継承 差分のみ記述 */
.glossary-search-where label {
    /* ボタンの横幅 */
    width: 80px;
}

.glossary-search-where-clear label{
    width: 150px;
}


/* 年代-ラベル-上段 */
.age-label-upper { font-size: 12pt; }
/* 年代-ラベル-下段 */
.age-label-lower { font-size: 9pt; }
/* 年代-ラベル-2段 ※上記の 「.archive-search-where label」が、優先されて、行高が２行分になるため、フォントサイズで、行高を指定、また、最優先に変更 */
.age-label-steps { line-height: 12pt !important; }


/******************************************************************************
 * 選択アイテム
 ******************************************************************************/
 .select-items {
    /* 横並び・折返し */
    display: flex;
    flex-wrap: wrap;
}


/******************************************************************************
 * 地図から探すボタン
 ******************************************************************************/

#id-area-map {
    /* 横並び */
    float: left;
    /* ボタンの横幅 */
    width: 150px;
    /* 文字位置 */
    text-align: center;
    /* アイコン */
    cursor: pointer;
    /* マージン */
    margin: 5px;
    /* パッティング */
    padding: 0 5px;
    /* 外枠 */
    border: 1px solid #d3cdc8;
    border-radius: 5px; 
}
.area-map-text {
    /* 位置 */
    text-align: right;
    /* フォント */
    color: black;
    font-family: 'Yu Gothic UI';
    font-size: 12pt;
}

/******************************************************************************
 * フリーワード
 ******************************************************************************/

/* テキスト横幅と文言の位置の調整 */
.freeword-item {
    width: 90%;
}
#id-archive-freeword
, #id-glossary-freeword {
    /* テキストの横幅 */
    width: 100%;
    /* 外枠 */
    border: 1px solid #d3cdc8;    
    border-radius: 5px;
}
/* フォーカス */
#id-archive-freeword:focus
, #id-glossary-freeword:focus {
    outline: none;    /* 外枠が太くなるため、阻止 */
}
/* 文言 */
.freeword-text {
    /* 位置 */
    text-align: right;
    /* フォント */
    color: black;
    font-family: 'Yu Gothic UI';
    font-size: 12pt;
}


/******************************************************************************
 * 検索ボタン
 ******************************************************************************/

.archive-search-where-run
, .glossary-search-where-run {
    padding-bottom: 18px;
    text-align: center;    /* 子要素の検索ボタンを中央寄せ */
    margin: 34px 0;
}
#id-archive-search-run
, #id-glossary-search-run {
    /* 横幅 */
    width: 30%;
    /* パッティング */
    padding: 5px 0;
    /* フォント */
    color: white;
    font-family: 'Yu Gothic UI';
    font-size: 14pt;
    background-color: rgba(0,0,0,0.5);
    /* 外枠 */
    border-radius: 5px;
}




/******************************************************************************
 * アーカイブ検索 検索結果一覧
 ******************************************************************************/

/* コンテンツのタイトル */
section.sec-archivelist .sec-archivelist-contents {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

/* リストの上部 */
.sec-archivelist-top {
    margin-top: 30px;
    display: flex;
    width: 100%;
}

/* リスト上方、表示件数 */
.sec-archivelist-select-viewcount {
    width: 50%;
    text-align: right;
    font-size: 11pt;
}
/* リストの下方、戻るボタンの表示位置 */
.sec-archivelist-top-back {
    width:50%;
    text-align: left;
}


/* リストの下部 */
.sec-archivelist-bottom {
    margin-top: 10px;
    display: flex;
    width: 100%;
}

/* リストの下方、戻るボタンの表示位置 */
.sec-archivelist-bottom-back {
    width:100%;
    text-align: left;
}

/* リストの下方、ページ切替 */
.sec-archivelist-bottom-page {
    width: 100%;
    font-size: 11px;
    text-align: center;
}

/* 選択リストコントロール(Select) */ 
.sec-archivelist-select-control{
    font-size: 16px; 
    width: 80px; 
    text-align: center;
    margin-bottom: 10px;
}




/* テーブルレイアウト */
.sec-archivelist-contents table {
    text-align: center;
    width: 100%;
    border-collapse: collapse;
}
.sec-archivelist-contents thead {
    background-color: #eceaea;
}
/* 罫線 */
.sec-archivelist-contents th, .sec-archivelist-contents td {
    border: solid 1px #9e9e9e;
}
.sec-archivelist-contents th {
    height: 30px;    
    font-size: 11pt;
}
.sec-archivelist-contents tbody {
    background-color: white;
}
.sec-archivelist-contents td {
    height: 100px;
    font-size: 11pt;
}

/* 1列目のスタイル(No) */
.sec-archivelist-contents table tr td:nth-of-type(1) {  }
/* 2列目のスタイル(画像) */
.sec-archivelist-contents table tr td:nth-of-type(2) {  }
/* 3列目のスタイル(資料番号) */
.sec-archivelist-contents table tr td:nth-of-type(3) { text-align: left; }
/* 4列目のスタイル(タイトル) */
.sec-archivelist-contents table tr td:nth-of-type(4) { text-align: left; }
/* 5列目のスタイル(資料種別) */
.sec-archivelist-contents table tr td:nth-of-type(5) {  }
/* 6列目のスタイル(地区) */
.sec-archivelist-contents table tr td:nth-of-type(6) {  }
/* 7列目のスタイル(場所) */
.sec-archivelist-contents table tr td:nth-of-type(7) {  }
/* 8列目のスタイル(製作年) */
.sec-archivelist-contents table tr td:nth-of-type(8) { word-break: break-all; color:red; } 
/* 9列目のスタイル(文書) */
.sec-archivelist-contents table tr td:nth-of-type(9) {  }

.sec-archivelist-contents-none {
    display:none;
}

/* 20220625追加 */
.sec-archivelist-contents-none2 {
    display:flex;
	word-break: break-all; 
	word-wrap: break-word;
}

/* 写真のセル */
.sec-archivelist-contents-image-cell {
    position: relative;
    width: 120px;
    height: 100px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

 /* 写真のセル(画像) */
.sec-archivelist-contents-image-cell img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

 /* 写真のセル(画像の透明化) */
.sec-archivelist-contents-image-cell:hover img{
    opacity:0.7;
}





/******************************************************************************
 * アーカイブ検索 検索結果詳細
 ******************************************************************************/

 .sec-archive-detail {
    margin-bottom: 50px;
 }

/* ロゴ */
.archive-detail-common-logo {
    /* フォント */
    color: black;
    font-family: 'Makinas-Square';
}
/* ロゴ（文面） */
.archive-detail-common-text {
    /* フォント */
    color: black;
    font-size: 11pt;
    font-family: 'Noto Sans JP Light';
    /* テキスト */
    text-align: left;   /* 左寄せ */
}
/* フォントサイズ16 */
.archive-detail-common-fontsize16 {
    /* フォント */
    font-size: 16pt;
}
/* 親ブロック */
.archive-detail-making {
    /* 位置調整 */
    position: relative;
    /* サイズ */
    width: 95%;
    margin: auto;
}
/* 左ブロック */
.archive-detail-making-left {
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
    
}
/* 左ブロック、ブランク */
.archive-detail-making-left-blank {
    height: 5%;
}
/* 左ブロック、画像 */
.archive-detail-making-left-image {
    height: 70%;
}
/* 左ブロック、写真セル */
.archive-detail-img-container-table-cell {
    position: relative;
    width: 700px;
    height: 480px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
 }
/* 左ブロック、写真セル(画像) */   
.archive-detail-img-container-table-cell img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* 左ブロック、アクション */
.archive-detail-making-left-act {
    height: 10%;
    /* 横並び */
    display: flex;
}
/* 左ブロック、画像拡大表示アクション */
.archive-detail-making-left-act-view {
    width: 50%;
    text-align: center;
}
/* 左ブロック、閉じるアクション */
.archive-detail-making-left-act-close {
    width: 50%;
    text-align: center;
}

/* 右ブロック */
.archive-detail-making-right {
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
}
/* 右ブロック、ブランク */
.archive-detail-making-right-blank {
    height: 5%;
}
/* 右ブロック、テーブル */
.archive-detail-making-right-table {
    height: 95%;
}
/* 右ブロック、タイトル */
.archive-detail-making-logo {
    /* マージ */
    margin-bottom: 5px;    /* 詳細と離す */
}
/* テーブルレイアウト */
.sec-archive-detail table {
    border-collapse: collapse;
    width: 100%;
}
.sec-archive-detail th, .sec-archive-detail td {
    /* フォント */
    color: black;
    font-size: 12pt;
    font-family: 'Noto Sans JP Light';
    /* テキスト */
    text-align: left;   /* 左寄せ */
}
.sec-archive-detail th {
    width: 20%;
}
.sec-archive-detail td {
    width: 80%;
}

/* 全行 */
.sec-archive-detail tr:nth-child(n)  { height: 38px; border-bottom: solid 1px #c5c5c5; }
/* 先頭行 */
.sec-archive-detail tr:nth-child(1)  {               border-top: solid 3px #000000; }
/* 最終行 */
.sec-archive-detail tr:nth-child(17) { height: 60px; border-bottom: solid 3px #000000; }



/******************************************************************************
 * 用語集 検索結果一覧
 ******************************************************************************/

/* コンテンツのタイトル */
section.sec-termlist .sec-termlist-contents {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
}

/* リストの上部 */
.sec-termlist-top {
    margin-top: 30px;
    display: flex;
    width: 100%;
}

/* 表示件数 */
.sec-termlist-select-viewcount {
    width: 50%;
    text-align: right;
    font-size: 11pt;
}

/* リストの下方、戻るボタンの表示位置 */
.sec-termlist-top-back {
    width:50%;
    text-align: left;
}

/* リストの下部 */
.sec-termlist-bottom {
    margin-top: 10px;
    display: flex;
    width: 100%;
}

/* リストの下方、戻るボタンの表示位置 */
.sec-termlist-bottom-back {
    width:100%;
    text-align: left;
}

/* リストの下方、ページ切替 */
.sec-termlist-bottom-page {
    width: 100%;
    font-size: 11px;
    text-align: center;
}

/* 選択リストコントロール(Select) */ 
.sec-termlist-select-control{
    font-size: 16px; 
    width: 80px; 
    text-align: center;
    margin-bottom: 10px;
}



/*  テーブルレイアウト   */
.sec-termlist-contents table {
    text-align: center;
    width: 100%;
    border-collapse: collapse;
}
.sec-termlist-contents thead {
    background-color: #eceaea;
}
/* 罫線 */
.sec-termlist-contents th, .sec-termlist-contents td {
    border: solid 1px #9e9e9e;
}
.sec-termlist-contents th {
    height: 30px;
    font-size: 11pt;
}
.sec-termlist-contents tbody {
    background-color: white;
}
.sec-termlist-contents td {
    height: 100px;
    font-size: 10pt;
}

/* 1列目のスタイル(No) */
.sec-termlist-contents table tr td:nth-of-type(1){ width: 60px; }
/* 2列目のスタイル(画像) */
.sec-termlist-contents table tr td:nth-of-type(2){ width: 120px; }
/* 3列目のスタイル(名称) */
.sec-termlist-contents table tr td:nth-of-type(3){ width: 120px; text-align: left; }
/* 4列目のスタイル(ふりがな) */
.sec-termlist-contents table tr td:nth-of-type(4){ width: 120px; text-align: left; }
/* 5列目のスタイル(作業種) */
.sec-termlist-contents table tr td:nth-of-type(5){ width: 60px; }
/* 6列目のスタイル(細目) */
.sec-termlist-contents table tr td:nth-of-type(6){ width: 60px; }
/* 7列目のスタイル(寸法) */
.sec-termlist-contents table tr td:nth-of-type(7){ width: 180px; text-align: left; }
/* 8列目のスタイル(製作年) */
.sec-termlist-contents table tr td:nth-of-type(8){ width: 480px; text-align: left; }

/* No 画像 名称以外表示 */ 
.sec-glossarylist-contents-none {
    display:none;
}

/*  写真のセル   */
.sec-termlist-contents-image-cell {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
 }
/*  写真のセル（画像） */
.sec-termlist-contents-image-cell img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/*  写真のセル（画像の透明化） */
.sec-termlist-contents-image-cell:hover img {
    opacity: 0.7;
}


/******************************************************************************
 * アーカイブ検索・用語集 検索結果一覧 === 共通 ===
 ******************************************************************************/

/*  戻るボタン */
.sec-archive-back {
    background: rgba(0,0,0,0.7);
    border-radius: 20px;
    padding: 5px 20px;
    font-size: 11pt;
    color: #FFFFFF;

}
/* 表示件数 */
select {
    cursor: pointer;
    border-color: #9e9e9e;
    border-radius: 5px;
    padding: 4px 2px;
}


/******************************************************************************
 * 用語集　検索結果詳細
 ******************************************************************************/
.sec-term-detail {
    margin-bottom: 50px;
}


/* ロゴ */
.term-detail-common-logo {
    /* フォント */
    color: black;
    font-family: 'Makinas-Square';
}

/* ロゴ（文面） */
.term-detail-common-text {
    /* フォント */
    color: black;
    font-size: 11pt;
    font-family: 'Noto Sans JP Light';

    /* テキスト */
    text-align: left;   /* 左寄せ */
}
/* フォントサイズ16 */
.term-detail-common-fontsize16 {
    /* フォント */
    font-size: 16pt;
}
/* 親ブロック */
.term-detail-making {
    /* 位置調整 */
    position: relative;
    /* サイズ */
    width: 95%;
    margin: auto;
}
/* 左ブロック */
.term-detail-making-left {
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
}
/* 左ブロック ブランク */
.term-detail-making-left-blank {
    height: 5%;
}
/* 左ブロック 画像 */
.term-detail-making-left-image {
    height: 70%;
}
/* 左ブロック 写真セル */
.term-detail-img-container-table-cell {
    position: relative;
    width: 700px;
    height: 480px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
/* 左ブロック 写真セル(画像) */
.term-detail-img-container-table-cell img {
    vertical-align: middle;
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

/* 左ブロック アクション */
.term-detail-making-left-act {
    /* 横並び */
    display: flex;
    height: 10%;
}
/* 左ブロック 画像拡大表示アクション */
.term-detail-making-left-act-view {
    width: 50%;
    text-align: center;
}
/* 左ブロック 閉じるアクション */
.term-detail-making-left-act-close {
    width: 50%;
    text-align: center;
}
/* 右ブロック */
.term-detail-making-right {
    width: 100%;
    height: 100%;
    margin-bottom: 30px;
}
/* 右ブロック ブランク */
.term-detail-making-right-blank {
    height: 5%;
}
/* 右ブロック テーブル */
.term-detail-making-right-table {
    height: 95%;
}
/* ロゴ */
.term-detail-making-logo {
    /* マージ */
    margin-bottom: 5px;    /* 詳細と離す */
}
/* テーブルレイアウト */
.sec-term-detail table {
    border-collapse: collapse;
    width: 100%;
}
.sec-term-detail th, .sec-term-detail td {
    /* フォント */
    color: black;
    font-size: 12pt;
    font-family: 'Noto Sans JP Light';
    /* テキスト */
    text-align: left;   /* 左寄せ */
}
.sec-term-detail th {
    /* 見出し幅 */
    width: 20%;
}
.sec-term-detail td {
    /* 本文幅 */
    width: 80%;
}

/* 全行 */
.sec-term-detail tr:nth-child(n) { height: 38px;   border-bottom: solid 1px #c5c5c5; }
/* 先頭行 */
.sec-term-detail tr:nth-child(1) {                 border-top: solid 3px #000000; }
/* 最終行 */
.sec-term-detail tr:nth-child(6) { height: 120px;  border-bottom: solid 3px #000000; }




/******************************************************************************
 * 検索結果詳細 ページ
 ******************************************************************************/

/* ページネーション */
.pagination {
    display: flex;
    justify-content: center;
    margin: 15px;
}
/* 未訪問ページ番号 */
.pagination a:link {
    text-decoration: none;
}
/* 訪問済みページ番号 */
.pagination a.page_number:visited {
    color: #0400ff;    /* 青色 */
    text-decoration: none;
}
/* 前ページ・次ページ リンクあり */
.page_feed {
    margin: 0 8px;
    padding: 5px 8px;
    text-align: center;
    background: #b8b8b8;
    color: #0400ff;    /* 青色 */
}
/* 前ページ・次ページ リンクなし */
.first_last_page {
    margin: 0 8px;
    padding: 5px 8px;
    text-align: center;
    background: #f0f0f0;
    color: black;
}
/* 現ページ番号以外 */
.page_number {
    margin: 0 8px;
    padding: 5px 8px;
    text-align: center;
    background: #b8b8b8;
    color: #0400ff;    /* 青色 */
}
/* 現ページ番号 */
.now_page_number {
    margin: 0 8px;
    padding: 5px 8px;
    text-align: center;
    background: #f0f0f0;
    color: black;
    font-weight: bold;
}


/* BCCY設定 */
.sec-archive-detail-ccby-logo {
    position:fixed;
    bottom: 65px;
    right:20px;
    width:115px;
    text-align: right;
}

.sec-archive-detail-ccby-logo img{
    height: 40px;
}

.sec-archive-detail-ccby-text {
    position:fixed;
    bottom: 70px;
    right:135px;
    width:115px;
    text-align: right;
    font-size: 10pt;
    font-family: 'Noto Sans JP Light';
}