@charset "UTF-8";


/*ブラウザの初期値リセット用 （基本的にいじる必要なし）*/
@import url("./normalize.css");



/*ＰＣ、スマホ共通デザイン*/
@import url("./design.css");

/*ＰＣ用デザイン*/
@import url("./design_pc.css") all and (min-width : 768px);

/*スマホ用デザイン*/
@import url("./design_smp.css") all and (max-width : 767px);



/*--------------------------------------------------------
◆ 基本 ◆

●Class と ID
・Class＝汎用性の高いもの、使いまわすもの
・ID＝1つしかないもの、デザインが特別なもの

使いまわすもの、他と共有で使えるもの（よくあるmargin・padding指定など）
に関してはできるだけClassで統合してください。

どうしてもそこだけ別デザインにしたいものなどはIDでご指定ください。

●Div
ヘッダー、メイン、サイドバー、フッターなど大きな括りは「<!--▼-->」で示しています。
個別の、より小さなまとまり「<!--▽-->」で示しています。

●Divとpや中身の部分
pやimgなどの個別要素には、出来るだけClassを当てず、
それを入れるDiv側でpaddingやfontのClassを当てる。


●imgタグ
<img src="#" alt="イメージに書いてあるテキストや説明" />
必ず”/>”で終わらせ、Altも入れてください。

●brタグ
<br />
必ず”/>”で終わらせてください。


●幅の指定
#content { width="66.66%";}
Divなどの幅は、％で設定してください。


●文字のサイズ
html { font-size: 50%;}
p { font-size: 1em;
    line-height: 1.5em; }
全体の基本フォントサイズは、htmlレベルで設定してください。
各要素でのフォントサイズは、必ず”em”を用いて、基本フォントサイズに対しての割合で指定。




------------------------------------------------------*/