/* index.css */

/* ----- コンテンツ毎の個別設定 ----- */

/* ----- トップページ ----- */

div.catch_copy {
  width: 100%;
  padding-bottom: 1em;
  margin: auto;
  position: relative;
  background-color: rgba(var(--main-color-hex), 0.01);
}

div.catch_copy p.illust {
  overflow: hidden;
  position: relative;
}

div.catch_copy img {
  width: 100%;
  min-width: 1000px;
}

/* キャッチフレーズ位置 */
div.catch_copy p.catch_phrase {
  position: absolute;
  top: 18%;
  left: 13%;
/*  transform: translate(-50%,-80%);
  -ms-transform: translate(-50%,-80%);
  -webkit-transform: translate(-50%,-80%);*/
  color: var(--main-color);
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: clamp(0.7rem, calc(1.2vw + 0.7rem), 3rem);
}

/* ボタン位置 */
div.catch_copy p.button {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%,-80%);
  -ms-transform: translate(-50%,-80%);
  -webkit-transform: translate(-50%,-80%);
  text-align: center;
}

/* スマホ版対応 */
@media screen and (max-width: 960px) {

  /* キャッチフレーズ位置 */
  div.catch_copy p.catch_phrase {
    left: 5%;
    font-size: 1.4rem;
  }

  /* ボタン位置 */
  div.catch_copy p.button {
    top: 70%;
    font-size: 1.4rem;
  }
}

/* ----- トップページ 新着情報設定 ----- */
div.content_news {padding: 2em 0.2em;}

dl.news {}

dl.news dt {
  width: 13em;
  padding: 1em 0em 0.8em 1em;
  margin-bottom: 1em;
/*  font-weight: normal;*/
  border-bottom: dashed 1px var(--main-border-color);
}

dl.news dd {
  width: calc(100% - 14em - 1em);
  padding: 1em 0em 0.8em 1em;
  margin-bottom: 1em;
  border-bottom: dashed 1px var(--main-border-color);
}

/* スマホ版対応 */
@media screen and (max-width: 960px) {

  div.content_news {padding: 1.4em 0.2em;}

  dl.news dt {
    width: 100%;
    padding: 0.4em 0em 0em 1em;
    margin-bottom: 0em;
    border-bottom: none;
  }

  dl.news dd {
    width: 100%;
    padding: 0.6em 0em 0.8em 1em;
    margin-bottom: 1em;
  }
}

div.more_news {text-align: right;}