@charset "utf-8";
/* CSS Document */

/********* ベースCSSに追加するスタイル設定（ベースには基本的な内容しか無いので） *********/

body {margin: 0;}

/**** flortのために ****/
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}

/****** 追加の設定 ******/
h1, h2, h3, h4, h5, h6 {margin-top: 2em; margin-bottom: 1.5em;}

/* 見出しのオリジナルサイズ指定 */
h1 {font-size: 2.25em;}
h2 {font-size: 2em;}
h3 {font-size: 1.65em;}
h4 {font-size: 1.35em;}
h5 {font-size: 1.08em; margin-bottom: .65em;}
h6 {font-size: 1em; margin-bottom: .5em;}

p {text-align: justify; margin-top: 0;}
small {font-size: .8em;}

img {
  outline: none;
  border-style: none;
  max-width: 100%;          /* 画像のサイズを流動的に変更 */
  height: auto;             /* アスペクト比を維持 */
  vertical-align: middle;   /* 画像の下にできる余白を取り除く */
  font-style: italic;       /* altテキストを斜体に */
}

a {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* アコーディオンのdetailsタグの設定 */
details {
  summary {
    > :where(h1,h2,h3,h4,h5,h6,p) {display: inline; margin: 0;}
  }
  @media (hover: hover) {
    summary:hover {
      opacity: .7;
      cursor: pointer;
    }
  }
}
/* dlリストの項目に●をつける */
dl.List-item > dd, dd.List-item {display: list-item;}
dl:has( .List-item ) dd, dl.List-item > dd, dd.List-item {margin-left: 2.5em;}