body {
    font-family: "Open Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "Osaka", "MS PGothic", "Arial", "sans-serif";
}

pre.sixth {
   background: #f0f8ff;
   padding: 10px;
   letter-spacing: .5px;
   font-size: 13pt;
   color: #54564a;
}

code{

  font-family: Menlo, Consolas, 'DejaVu Sans Mono', monospace;

}


/* 検索結果のコンテナ */
.search-result {
    margin-bottom: 15px;
}

/* 検索結果のタイトル */
.search-result .title {
    font-size: 18px;
    color: blue;
   /* font-weight: bold; */
    text-decoration: none;
}

.search-result .title:hover {
    text-decoration: underline;
}

/* 検索結果のURL */
.search-result .url {
    color: green;
    font-size: 14px;
}

/* 検索結果の説明文 */
.search-result .description {
    font-size: 14px;
    color: #444;
}

.search-result ul {
    margin-left: 2ch;
    padding: 0;
}


.ttl_frame0 {
  padding-top: 0.25em;
  padding-bottom: 0.25em;             
  font-weight: bold;
  background: transparent;/*背景透明に*/
  /*  border-left: solid 10px #4c9ac0; 左線*/
}

.ttl_frame {
  padding: 0.5em 1em;
    --x-gradient: linear-gradient(90deg, #4c9ac0 0 100%);
    --y-gradient: linear-gradient(#4c9ac0 0 15px, transparent 0 calc(100% - 15px), #4c9ac0 calc(100% - 15px));
  background-image:var(--x-gradient), var(--y-gradient), var(--x-gradient), var(--y-gradient);
  background-repeat: no-repeat;
  background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
  background-position: top, right, bottom, left;
  position: relative;
}