ifndef::_CONFIG_ADOC[]
// INCLUDE GUARD
:_CONFIG_ADOC: IncludeGuard
//
//-----------------------------------------------------------------------------------------------------
//
// 事前定義
ifndef::UserConfigEnd[]
:toc: left
:sectnums:
endif::UserConfigEnd[]
//[イメージのパスを指定]
:imagesdir: Images
ifeval::["{lang}" == "ja"]
:toc-title: 目次
:example-caption: 
:caption:  
//:example-caption: 例
:table-caption: 表
:figure-caption: 図
:preface-title: はじめに/まえがき
:appendix-caption: 付録
:caution-caption: 注意
:important-caption: 重要
:last-update-label: 最終更新
:listing-caption: リスト
:manname-title: 名前
:note-caption: 注記
:warning-caption: 警告
:tip-caption: ヒント
:untitled-label: 無題
:version-label: バージョン
endif::[]
// ここまで空白行禁止(tocが表示されない)

// HTML出力で画像を埋め込む
:data-uri: 
// 各種Macro拡張
:hardbreaks:
:experimental: 
// ExtendStyleは常に有効とする。定義して、もう実行しておく。互換性：何回呼ばれても大丈夫。
:ExtendStyle: pass:none[<style>.nw{display:inline-block;white-space:pre;} .nowrap{display:inline-block;white-space:pre;}</style>]
{ExtendStyle}

// Page幅を無効にする

ifdef::FreePage[]
+++<style>#header,#content,#footnotes,#footer{max-width:none;}</style>+++
endif::FreePage[]
// 互換性:{FreePage}がConfigより後で定義された場合は、互換性ため{FreePage}を定義する
ifndef::FreePage[]
:FreePage: pass:none[<style>#header,#content,#footnotes,#footer{max-width:none;}</style>]
endif::FreePage[]

// ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ css差分
++++
<style>
/* 基本的な書式 */
body {
    color: black;
    font-family: "ヒラギノ角ゴ ProN W3",monospace;
    font-size: 100%;
}
/*  最初のタイトル変更
 */
#content>h1:first-child:not([class]) {
  color: black;
  font-family: "Yu Mincho",serif; 
  border-bottom: 2px solid black;/*#ddddd8;*/
  font-weight: 500;
  font-size: 2rem;
}
/* タイトルのリンク系をリセット
 */ 
#content h1>a.link,h2>a.link,h3>a.link,#toctitle>a.link,.sidebarblock>.content>.title>a.link,
h4>a.link,h5>a.link,h6>a.link {
  color: inherit; 
}
/*  各種ヘッダのベース 
 */
#content h2,h3,h4,h5,h6 {
    color: black;
    font-family: "Yu Mincho",serif; 
    font-weight: bold;
    /* 下線 */
    text-decoration-line: underline; 
    text-underline-offset: 0.2rem;
    text-decoration-thickness: 1px;
}
/* ヘッダ毎の変更 1rem が本文相当 フォントサイズだけ変更
 */
#content h2 {font-size: 1.8rem;}
#content h3 {font-size: 1.3rem;}
#content h4,h5,h6 {font-size: 1rem;}
/* 目次の調整 
 */
#toc li { 
  line-height: 1.1rem; /* <- 1.3334  toc leftの一行高さ matsuo */
  margin-top: 0.0em;   /* <- 0.3334em */
}
@media only screen and (min-width: 768px) {body.toc2 {padding-left: 9em;} #toc.toc2 {font-size: 50%; width: 18em;} }
@media only screen and (min-width: 1280px) {body.toc2 {padding-left: 18em;} #toc.toc2 {font-size: 100%;width: 18em;} }
/* Listの変更 
 */
ol>li p,ul>li p,ul dd,ol dd,
.olist .olist,
.ulist .ulist,
.ulist .olist,
.olist .ulist {
  margin-bottom: 0em /* 0.625em;listの行間 */
}
/* ブロックタイトルの変更 
 */
.admonitionblock td.content>.title,.audioblock>.title,.exampleblock>.title,.imageblock>.title,
.listingblock>.title,.literalblock>.title,.stemblock>.title,.openblock>.title,.paragraph>.title,
.quoteblock>.title,table.tableblock>.title,.verseblock>.title,.videoblock>.title,
.dlist>.title,.olist>.title,.ulist>.title,.qlist>.title,.hdlist>.title {
    font-style: normal;
    text-decoration-line: underline; 
    text-underline-offset: 0.2rem;
    text-decoration-thickness: 0.1px;
    text-decoration-style: double;
}
/* テーブルの行間を詰める
 */
table thead tr th,table thead tr td,
table tfoot tr th,table tfoot tr td,
table tr th,      table tr td {
  /*padding: 0.5em 0.625em 0.625em;*/
  /*padding: up em  left em bottom em;*/
  padding: 0.2em 0.625em 0.2em;
}
/* table header colors */
table thead, table tfoot {
    background: lightblue;
    font-weight: bold;
}

/* table stribe */
tr:nth-child(even) {
    background: #f2f2f2;
}

/* 画像にボーダー*/
img, .imageblock.bordered img  {
    border: 0.1px solid black;
    background-color: #fffef7;
    border-color: #e0e0dc;
    -webkit-box-shadow: 0 1px 4px #e0e0dc;
    box-shadow: 0 1px 4px #e0e0dc;
}

/* 各ブロックの周辺ピクセルを狭める 
 */
 .admonitionblock>.content,
 .audioblock>.content,
 .exampleblock>.content,
 .imageblock>.content,
 .listingblock>.content,
 .literalblock>.content,
 .stemblock>.content,
 .openblock>.content,
 .paragraph>.content, 
 .quoteblock>.content,
 table.tableblock>.content,
 .verseblock>.content,
 .videoblock>.content,
 .sidebarblock,
 .literalblock,
 .literalblock pre,
 .listingblock pre:not(.highlight),
 .listingblock pre[class="highlight"],
 .listingblock pre[class^="highlight "],
 .listingblock pre.CodeRay,
 .listingblock pre.prettyprint
 .exampleblock>.content {
     margin-bottom: 0em; /* <-1.25em */
 /*   padding: 1.25em; */
   padding-top: 0.5em;
   padding-bottom: 0.5em;
   /*padding-left:   1.25em;*/
   padding-right: 0.5em;
 }

 </style>
++++
// ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑

// :TocMode: WordWrap or ExpandWidth or Other None WordWrapが初期値
ifndef::TocMode[]
:TocMode: WordWrap
endif::TocMode[]

ifeval::["{TocMode}" == "WordWrap"]
// ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ css差分
++++
<style>
/* 目次をタイトル省略して折り返しをしない。 マウスオーバーで、展開表示する
 */
#toc ul.sectlevel1>li  {
  text-overflow: ellipsis; /* 省略記号を表示する */
  overflow: hidden;        /* はみ出た部分を表示しない */
  white-space: nowrap;     /* 行を折り返さない */
}
#toc ul.sectlevel1>li :hover {
  color: red;
  /* font-size: 1.4rem;*/
  white-space: normal;     /* 行を折り返す */
  background-color: lightyellow;
  z-index: 10;
  border-radius: 5px;
}
</style>
++++
// ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
endif::[]
ifeval::["{TocMode}" == "ExpandWidth"]
// ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ css差分
++++
<style>
/* ウインドウが狭いときに、目次にマウスオーバーすると、幅を広げる
 */
@media only screen and (min-width: 768px) 
{ 
  #toc ul.sectlevel1>li  {
    overflow: hidden;        /* はみ出た部分を表示しない */
    white-space: nowrap;     /* 行を折り返さない */
    text-overflow: ellipsis; /* 省略記号を表示する */
  }
  div#toc li :hover{ 
    line-height: 1.5rem; /* <- 1.3334  toc leftの一行高さ matsuo */
  }
  div#toc  :hover
  /*div#toc ul.sectlevel2>li :hover*/
  {
    color:red;
    white-space: normal;     /* 行を折り返さない */
    font-size: 0.8rem;
    background-color: lightyellow;
    position: fixed;
    width: auto;
  }
}
</style>
++++
// ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
endif::[]

ifeval::["{CustomIcon}" == "ja"]
:icons: image
:iconsdir: icons
:icontype: png
endif::[]

ifdef::CustomIcon_nouse[]
// ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ css差分
++++
<style>
 /* admontinを変更する CAUtion/Note...
  */
  .admonitionblock td.icon [class^="fa icon-"] {
   font-size: 0.9rem; /* <-2.5em 高さが決まる */
   /* text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);*/
   text-shadow: 0.5px 0.5px 0px rgba(0, 0, 0, 1); /* 影の指定 */
   cursor: default;
   line-height: 1;
   font-weight: bold;
 }
 .admonitionblock td.icon .icon-warning:before {
     content: "警告"; /* "\f071"*/
     /*color: #bf6900;*/
     color: blue;
     font-size: 0.9rem;
     background: SpringGreen;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     padding-left: 0.5em;
     padding-right: 0.5em;
     border: solid 1px gray;
 }
 .admonitionblock td.icon .icon-important:before {
     content: "重要"; /* "\f071"*/
     color: white;;
     font-size: 0.9rem;
     background: red;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     padding-left: 0.5em;
     padding-right: 0.5em;
     border: solid 1px gray;
 }
 .admonitionblock td.icon .icon-caution:before {
     content: "注意"; /* "\f071"*/
     color: gray;
     font-size: 0.9rem;
     background: yellow;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     padding-left: 0.5em;
     padding-right: 0.5em;
     border: solid 1px gray;
 }
 .admonitionblock td.icon .icon-note:before {
     content: "メモ"; /* "\f071"*/
     color: white;
     font-size: 0.9rem;
     background: blue;
     padding-top: 0.5em;
     padding-bottom: 0.5em;
     padding-left: 0.5em;
     padding-right: 0.5em;
     border: solid 1px gray;
 }
 .admonitionblock td.icon .icon-tip:before {
    content: "TIPS";
    color: black;
    font-size: 0.9rem;
    background: lightblue;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    border: solid 1px gray;
}

</style>
++++
// ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
endif::CustomIcon_nouse[]

// End of ::_CONFIG_ADOC[]
endif::_CONFIG_ADOC[]

