@charset "UTF-8";
/**
 * common css
 */

/*
* Font
*
* @think  フォントサイズは16pxを基準に
* @think ラインハイは150%〜200% その中間値 175% を基準に
* @think カラーは #444444 を基準に
*
* @rule 原則 ゴシック体。明朝体はminchoクラスを付加して使用する。
*/

/*body{
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif !important;
  line-height: 1.75;
  font-size: 1.6rem;
  color: #444444;
}*/

.mincho{
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif !important;
}


/*
* PC のみ適応させるためのclass
*/
.sp,
span.sp,
img.sp,
a.sp {
  display: none;
}
.pc {
  display: block;
}
br.pc {
  display: inline;
}
span.pc,
img.pc,
a.pc {
  display: inline-block;
}

/*
* 基本ブレイクポイントは800px
* PC or スマホ&タブレット の2種に分ける
*/
@media screen and (max-width: 768px){
  .pc,
  span.pc,
  img.pc,
  a.pc{
    display: none;
  }
  br.pc {
    display: none;
  }
  .sp {
    display: block;
  }
  span.sp,
  img.sp,
  a.sp{
    display: inline-block;
  }
  img{
    max-width: 100%;
  }
}