/* O-Saisei related link blocks v089
   関連リンクページのブロック化に伴うFSE/編集画面用互換CSS。
*/

/* 見出し */
#wrapper_contents div#contents div.contents_link_title,
.wrapper_contents div.contents div.contents_link_title,
.editor-styles-wrapper .contents_link_title {
  margin: 60px 0 5px 0;
  padding-left: 25px;
  background-image: url(/img/icon_link_title.gif);
  background-repeat: no-repeat;
  background-position: left center;
  font-size: 150%;
  font-weight: bold;
  color: #002a5b;
  line-height: 1.2em;
  min-height: 21px;
  box-sizing: border-box;
}

/* 1リンク1ブロックだが、連続するブロックを旧 contents_list_link 1まとまり風に見せる */
#wrapper_contents div#contents div.contents_list_link,
.wrapper_contents div.contents div.contents_list_link,
.editor-styles-wrapper .contents_list_link {
  font-size: 120%;
  padding-top: 20px;
  border-top: 3px solid #ccc;
  box-sizing: border-box;
}

/* 2件目以降は枠線と上余白を消す */
#wrapper_contents div#contents div.contents_list_link + div.contents_list_link,
.wrapper_contents div.contents div.contents_list_link + div.contents_list_link,
.editor-styles-wrapper .contents_list_link + .contents_list_link,
.editor-styles-wrapper .o-saisei-related-link-list-block + .o-saisei-related-link-list-block .contents_list_link,
.editor-styles-wrapper .o-saisei-related-link-list-block + .o-saisei-related-link-list-block {
  border-top: 0;
  padding-top: 0;
}

#wrapper_contents div#contents div.contents_list_link dl dt,
.wrapper_contents div.contents div.contents_list_link dl dt,
.editor-styles-wrapper .contents_list_link dl dt {
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 2px dotted #ccc;
}

#wrapper_contents div#contents div.contents_list_link dl dd,
.wrapper_contents div.contents div.contents_list_link dl dd,
.editor-styles-wrapper .contents_list_link dl dd {
  margin-bottom: 20px;
  text-align: right;
}

#wrapper_contents div#contents div.contents_list_link dl dt a,
.wrapper_contents div.contents div.contents_list_link dl dt a,
.editor-styles-wrapper .contents_list_link dl dt a {
  text-decoration: underline;
}

.editor-styles-wrapper .o-saisei-related-link-list-block {
  cursor: text;
}

.editor-styles-wrapper .o-saisei-related-link-list-block .contents_list_link {
  max-width: 100%;
}

.editor-styles-wrapper .o-saisei-related-link-list-block dl {
  margin-top: 0;
  margin-bottom: 0;
}

.editor-styles-wrapper .o-saisei-related-link-list-block dd {
  color: #333;
}

/* リンククリックで選択を邪魔しない */
.editor-styles-wrapper .o-saisei-related-link-list-block a {
  pointer-events: none;
}

/* スマホ */
@media screen and (max-width: 768px) {
  #wrapper_contents div#contents div.contents_link_title,
  .wrapper_contents div.contents div.contents_link_title,
  .editor-styles-wrapper .contents_link_title {
    margin-top: 30px;
    line-height: 1.4;
  }

  #wrapper_contents div#contents div.contents_list_link,
  .wrapper_contents div.contents div.contents_list_link,
  .editor-styles-wrapper .contents_list_link {
    font-size: 120%;
    padding-top: 20px;
  }

  #wrapper_contents div#contents div.contents_list_link + div.contents_list_link,
  .wrapper_contents div.contents div.contents_list_link + div.contents_list_link,
  .editor-styles-wrapper .contents_list_link + .contents_list_link {
    padding-top: 0;
  }

  #wrapper_contents div#contents div.contents_list_link dl dd,
  .wrapper_contents div.contents div.contents_list_link dl dd,
  .editor-styles-wrapper .contents_list_link dl dd {
    text-align: left;
    word-break: break-all;
  }
}