@charset "UTF-8";

@media screen and (min-width: 540px) {}

@media screen and (min-width: 640px) {}

@media screen and (min-width: 782px) {}

@media screen and (min-width: 980px) {}

/* font-familyの設定
------------------------------------------------------------ */
body,
body:lang(ja),
.fontja01 {
  /* ゴシック */
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.fontja02 {
  /* 明朝 */
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ＭＳ Ｐ明朝', 'MS PMincho', serif;
}

.fonten01 {
  font-family: 'Roboto', sans-serif;
}

.fonten02,
.flex-feature::after {
  font-family: 'Oswald', sans-serif;
}

.fonten03 {
  font-family: 'Lora', serif;
}

.fonten04 {
  font-family: 'Caveat', cursive;
}


/* font-size
   body 13px min-width: 640px
   body 14px min-width: 782px
   body 15px min-width: 980px
------------------------------------------------------------ */
.flex-contact .phone-group a {
  font-size: 200%;
}

.section-sns ul .fab {
  font-size: 150%;
}

h1,
.site-title,
.main-header-clone .site-title,
a.flex-relatedmenuchild::after {
  font-size: 130%;
}

h2,
.jumbotron-title,
.entry-title,
.page-title,
.error-404 .page-title,
.flex-feature::after {
  font-size: 120%;
}

h3 {
  font-size: 115%;
}

h4,
.flex-feature h3,
.flex-menusummary h3 {
  font-size: 110%;
}

h5,
h6,
.post-grid .entry-title,
.post-list .entry-title,
.widget-title {
  font-size: 105%;
}

.subheader,
.top-section-news ul .entry-title,
.flex-menulist h4,
.flex-contact .phone-group a::before {
  font-size: 100%;
}

.section-title01 p,
.flex-feature p,
.flex-menusummary p,
a.flex-relatedmenuchild p {
  font-size: 95%;
}

.widget,
.flex-menulist p,
.slider-gallery .image-caption,
.text-groupname p,
table.table-staff {
  font-size: 90%;
}

table.table-price caption {
  font-size: 85%;
}

  {
  font-size: 80%;
}