@charset "utf-8";
/*
Theme Name: otsuma
Theme URI: http://www.otsuma.ed.jp/
Description: 大妻中学高等学校テーマファイル
Author: entacl
Version: 2.0
*/
/* ===================================
CSSファイル構成
=================================== */
/*
このファイルは全てのCSSを統合したメインファイルです。
構成:
1. base.css - リセット、変数、共通要素
2. layout.css - ヘッダー、フッター、レイアウト
3. components.css - 再利用可能なコンポーネント
4. utilities.css - ユーティリティクラス
5. pages/top.css - トップページ専用スタイル
*/
/* ===================================
1. ベーススタイル
=================================== */
/* ボックスモデル */
/* CSS変数 */
:root {
--content-width: 1024px;
--preset--color--main: #7e457c;
}
/* HTMLの基準フォントサイズ */
html {
font-size: 16px;
}
body {
width: 100%;
}
/* リセットCSS */
img,
picture {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
/* 共通アニメーション */
.js-fadeUp {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.6s ease, transform 0.6s ease;
}
.js-fadeUp.is-visible {
opacity: 1;
transform: translateY(0);
}
/* ===================================
header.phpで:
=================================== */