@charset "utf-8"; /*--------------------------------------------- パソコン用スタイルシート（Edge,ie11,Fox,Opera用）・全頁共通データを多く含んでいます。 ----------------------------------------------*/ /*---------------------------------------------- -------- 全般初期設定 ---------------------------*/ #all { min-width: 1120px; max-width: 1120px; margin: 0 auto 0 auto; font-family: "游ゴシック", "meiryo ui", "Hiragino Kaku Gothic ProN", "MS　Pゴシック", sans-serif; font-feature-settings: "palt"; } /*---　解　説　---------------------------------- 　・#all=全体に対する指定（id指定場所:30行目内）　・min/max-windth ページの最大幅及び最小幅の固定　・margin 中央への固定　・font-family 文字種の指定(左から順番に適用) 　・font-feature-setting 文字詰めの設定：自動で詰める ----------------------------------------------*/ /*--------------------------------------------*/ img { width: 300px; height: 200px; } .info { width: 300px; height: 200px; text-indent: 1em; } .pickup-title { margin: 0; font-weight: bold; font-size: 7vw; } .pickup-body { margin: 10px 0 0; font-size: 5.5vw; } /*-------------------------------------------------------------------------------- 　最大サイズ到達時に適用 ----------------------------------------------------------------------------------*/ @media screen and (min-device-width: 1040px) { .pickup-title { font-size: 20px; } .pickup-body { font-size: 13px; } } /*-------------------------------------------------------------------------------- 　最大サイズ到達時に適用 ----------------------------------------------------------------------------------*/ @media screen and (min-device-width: 1921px) { .pickup-title { font-size: 25.6px; } .pickup-body { font-size: 16.64px; } }