/* O-Saisei hp_link page compatibility v091
   ホームページへのリンクについて 専用。
   既存CSSが #contents_11 などID前提だった箇所を、FSE/Gutenberg用にclass/編集画面へも展開する。
*/

/* 見出し背景。ユーザー指定: /img/tit_contents_detail_11.gif */
.editor-styles-wrapper #contents_11 .contents_list_title_11{
  background-image: url(/img/tit_contents_detail_11.gif);
  background-repeat: no-repeat;
  background-position: left top;
}

/* 既存CSS: #wrapper_contents div#contents div h1 相当。
   Gutenberg編集画面ではid依存が外れるため、class側にも同じ指定を当てる。 */
#wrapper_contents div#contents div#contents_11 div.contents_list_title_11 h1,
.wrapper_contents div.contents div.contents_11 div.contents_list_title_11 h1,
.editor-styles-wrapper #contents_11 .contents_list_title_11 h1,
.editor-styles-wrapper .contents_11 .contents_list_title_11 h1 {
  width: 100px;
  height: 30px;
  margin: 0;
  background-repeat: no-repeat;
  background-position: left center;
  text-indent: -1000em;
  overflow: hidden;
}

/* Gutenbergのwp-block-headingが余計な上下余白を持つ場合の保険 */
.editor-styles-wrapper #contents_11 .wp-block-heading,
.editor-styles-wrapper .contents_11 .wp-block-heading {
  margin-top: 0;
  margin-bottom: 0;
}

/* 本文導入 */
#wrapper_contents div#contents div#contents_11 .send,
.wrapper_contents div.contents div.contents_11 .send,
.editor-styles-wrapper #contents_11 .send,
.editor-styles-wrapper .contents_11 .send {
  margin-top: 25px;
}

/* URL強調 */
#wrapper_contents div#contents div#contents_11 .url,
.wrapper_contents div.contents div.contents_11 .url,
.editor-styles-wrapper #contents_11 .url,
.editor-styles-wrapper .contents_11 .url {
  font-size: 150%;
  font-weight: bold;
  margin: 15px 0 30px 20px;
}

/* バナーセクション */
#wrapper_contents div#contents div#contents_11 dl,
.wrapper_contents div.contents div.contents_11 dl,
.editor-styles-wrapper #contents_11 dl,
.editor-styles-wrapper .contents_11 dl {
  margin: 0 0 20px 0;
}

#wrapper_contents div#contents div#contents_11 dl dt,
.wrapper_contents div.contents div.contents_11 dl dt,
.editor-styles-wrapper #contents_11 dl dt,
.editor-styles-wrapper .contents_11 dl dt {
  border-bottom: 3px solid #ccc;
  margin-bottom: 10px;
}

#wrapper_contents div#contents div#contents_11 dl dt h2,
.wrapper_contents div.contents div.contents_11 dl dt h2,
.editor-styles-wrapper #contents_11 dl dt h2,
.editor-styles-wrapper .contents_11 dl dt h2 {
  margin: 0;
  color: #064b83;
  font-size: 150%;
}

#wrapper_contents div#contents div#contents_11 dl dd,
.wrapper_contents div.contents div.contents_11 dl dd,
.editor-styles-wrapper #contents_11 dl dd,
.editor-styles-wrapper .contents_11 dl dd {
  margin: 0 0 15px 0;
  padding: 0;
}

/* 既存CSS: #wrapper_contents div#contents_11 dl dd ul li 相当。
   2列表示へ戻す。 */
#wrapper_contents div#contents div#contents_11 dl dd ul,
.wrapper_contents div.contents div.contents_11 dl dd ul,
.editor-styles-wrapper #contents_11 dl dd ul,
.editor-styles-wrapper .contents_11 dl dd ul {
  list-style: none;
  padding-left: 0;
  margin: 0;
}

#wrapper_contents div#contents div#contents_11 dl dd ul li,
.wrapper_contents div.contents div.contents_11 dl dd ul li,
.editor-styles-wrapper #contents_11 dl dd ul li,
.editor-styles-wrapper .contents_11 dl dd ul li {
  width: 49%;
  float: left;
  margin: 0 0 15px 0;
  list-style: none;
}

#wrapper_contents div#contents div#contents_11 dl dd ul li p,
.wrapper_contents div.contents div.contents_11 dl dd ul li p,
.editor-styles-wrapper #contents_11 dl dd ul li p,
.editor-styles-wrapper .contents_11 dl dd ul li p {
  margin: 0 0 5px 0;
}

/* clear要素がHTML内にあるが、Gutenberg側で効きにくい時の保険 */
#wrapper_contents div#contents div#contents_11 dl dd::after,
.wrapper_contents div.contents div.contents_11 dl dd::after,
.editor-styles-wrapper #contents_11 dl dd::after,
.editor-styles-wrapper .contents_11 dl dd::after {
  content: "";
  display: block;
  clear: both;
}

/* 注意書き */
#wrapper_contents div#contents div#contents_11 .cation,
.wrapper_contents div.contents div.contents_11 .cation,
.editor-styles-wrapper #contents_11 .cation,
.editor-styles-wrapper .contents_11 .cation {
  clear: both;
  color: #f60;
  margin-top: 5px;
}

#wrapper_contents div#contents div#contents_11 .cation p,
.wrapper_contents div.contents div.contents_11 .cation p,
.editor-styles-wrapper #contents_11 .cation p,
.editor-styles-wrapper .contents_11 .cation p {
  margin: 0;
}

/* お問い合わせ */
#wrapper_contents div#contents div#contents_11 .otoiawase,
.wrapper_contents div.contents div.contents_11 .otoiawase,
.editor-styles-wrapper #contents_11 .otoiawase,
.editor-styles-wrapper .contents_11 .otoiawase {
  clear: both;
  margin-top: 20px;
}

/* カスタムHTMLブロックの青枠内で余計に詰まらないように */
.editor-styles-wrapper #contents_11 .wp-block-html,
.editor-styles-wrapper .contents_11 .wp-block-html {
  max-width: 100%;
}

/* スマホ/狭い編集画面ではバナーを縦並びに */
@media screen and (max-width: 768px) {
  #wrapper_contents div#contents div#contents_11 dl dd ul li,
  .wrapper_contents div.contents div.contents_11 dl dd ul li,
  .editor-styles-wrapper #contents_11 dl dd ul li,
  .editor-styles-wrapper .contents_11 dl dd ul li {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 15px;
  }
}