@charset "utf-8";

/**
 * 基本スタイル・全体レイアウト
 *
 * @package Shinsuna_News
 */

/* ==========================================================================
   1. 操作性・拡大制御
   ========================================================================== */
html,
body,
a,
button,
input,
.page-numbers {
    touch-action: manipulation;
}

/* ==========================================================================
   2. タイポグラフィ・基本設定
   ========================================================================== */
body {
    background-color: #fff;
    color: var(--text-color);
    display: grid;
    font-family: "Plus Jakarta Sans", "LINE Seed JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-feature-settings: "palt" 1;
    font-size: .875rem;
    font-weight: 400;
    grid-template-rows: auto 1fr auto;
    line-break: strict;
    line-height: 1.7;
    letter-spacing: 0.04em;
    min-height: 100vh;
    margin: 0;
    overflow-wrap: break-word;
    word-break: normal;
}

p {
    text-align: justify;
}

/* ==========================================================================
   3. 基本要素スタイル
   ========================================================================== */
a {
    color: #0098ce;
    text-decoration: none;
    transition-duration: .3s;
}

a:hover {
    color: #064396;
    text-decoration: underline;
}

img {
    max-width: 100%;
}

.yBtn {
    transition: all .4s;
}

.yBtn:hover {
    text-decoration: none;
    opacity: .7;
}

/* ==========================================================================
   4. レイアウト構造
   ========================================================================== */
#mainWrap #main {
    margin: 0 auto;
}

#sideWrap {
    display: grid;
    gap: 2rem;
    grid-template-columns: 1fr;
}

@media (min-width: 1025px) {
    #sideWrap {
        grid-template-columns: 250px 1fr;
    }
}