@charset "utf-8";

.download {
    padding: 0 30px 40px;
}

.page-title {
    font-family: "Fustat", sans-serif;
    font-size: 2.4rem;
    font-weight: 600;

    margin-top: 40px;
}

/* =======================================================
本文（固定ページ「Source」の本文で編集する）

  先頭の段落 … 冒頭の説明文
  見出し2   … 引用元の名称
  段落      … URL や補足
==========================================================*/
.download__entry h2 {
    font-family: "Source Code Pro";
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 40px;
}

.download__entry p {
    font-family: "Source Code Pro";
    font-size: 1.6rem;
    font-weight: 400;
    margin-top: 10px;
    overflow-wrap: anywhere;
}

/* 冒頭の説明文 */
.download__entry > p:first-child {
    font-weight: 600;
    line-height: 2;
    margin-top: 30px;
}

/* URL リンク: ホバーで下線が左から伸びる。
   長い URL は折り返すため、疑似要素ではなく背景で下線を描く
   （疑似要素だと折り返し時に1本の長い線になってしまう）。 */
.download__entry a {
    background-image: linear-gradient(currentColor, currentColor);
    background-repeat: no-repeat;
    background-position: left 100%;
    background-size: 0 1px;
    transition: background-size .35s ease, color .3s ease;
}

.download__entry a:hover {
    background-size: 100% 1px;
    color: #4E9E6A;
}

/* =======================================================
PC
==========================================================*/
@media screen and (min-width:1000px) {

    .download {
        padding: 0 100px 60px;
    }

    .page-title {
        font-size: 6.4rem;
    }

    .download__entry h2 {
        font-size: 1.8rem;
        margin-top: 60px;
    }

    .download__entry p {
        font-size: 1.8rem;
    }

    .download__entry > p:first-child {
        font-size: 2.4rem;
    }
}

@media (prefers-reduced-motion: reduce) {

    .download__entry a {
        transition: color .3s ease;
    }
}