/* スマホ */
 @media screen and (max-width: 390px) {
 /*ここにスマホ用のCSSを記述する*/
 }
/* タブレット */
 @media only screen and (min-width: 600px) and (max-width: 1024px) {
 /*ここにタブレット用のCSSを記述する*/
 }
/* パソコン */
 @media screen and (min-width: 1024px) {
 /*ここにPC用のCSSを記述する*/
 }
@media (orientation: landscape){
  /* デバイスを横向きにした際の記述*/
 }
 @media screen and (orientation: portrait) {
   /* デバイスを縦向きにした際の記述 */
 }

/*画面全体の設定*/
body,
html {
  height: 100%;
  margin: 0 auto;
  letter-spacing: 2px;
  font-size: 10px;
}
 
 /*画面全体の設定*/
body,
html {
  height: 100%;
  margin: 0 auto;
  letter-spacing: 2px;
  font-size: 10px;
}