@charset "utf-8";

/*====================================================================================================

  Font

====================================================================================================*/

@import url('https://fonts.googleapis.com/css?family=Charmonman|Kumar+One+Outline|Noto+Sans+JP:300,400,500,700,900|Open+Sans+Condensed:700&display=swap');

@font-face {
  font-family:"Noto Sans JP locl";
  font-style:normal;
  font-weight:300;
  src:url("../fonts/NotoSansJP-Light.woff2") format("woff2"),
      url("../fonts/NotoSansJP-Light.woff") format("woff"),
      url("../fonts/NotoSansJP-Light.ttf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"Noto Sans JP locl";
  font-style:normal;
  font-weight:400;
  src:url("../fonts/NotoSansJP-Regular.woff2") format("woff2"),
      url("../fonts/NotoSansJP-Regular.woff") format("woff"),
      url("../fonts/NotoSansJP-Regular.ttf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"Noto Sans JP locl";
  font-style:normal;
  font-weight:500;
  src:url("../fonts/NotoSansJP-Medium.woff2") format("woff2"),
      url("../fonts/NotoSansJP-Medium.woff") format("woff"),
      url("../fonts/NotoSansJP-Medium.ttf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"Noto Sans JP locl";
  font-style:normal;
  font-weight:700;
  src:url("../fonts/NotoSansJP-Bold.woff2") format("woff2"),
      url("../fonts/NotoSansJP-Bold.woff") format("woff"),
      url("../fonts/NotoSansJP-Bold.ttf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"Noto Sans JP locl";
  font-style:normal;
  font-weight:900;
  src:url("../fonts/NotoSansJP-Black.woff2") format("woff2"),
      url("../fonts/NotoSansJP-Black.woff") format("woff"),
      url("../fonts/NotoSansJP-Black.ttf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"Charmonman locl";
  font-style:normal;
  font-weight:400;
  src:url("../fonts/Charmonman-Regular.woff2") format("woff2"),
      url("../fonts/Charmonman-Regular.woff") format("woff"),
      url("../fonts/Charmonman-Regular.ttf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"Open Sans Condensed locl";
  font-style:normal;
  font-weight:700;
  src:url("../fonts/OpenSansCondensed-Bold.woff2") format("woff2"),
      url("../fonts/OpenSansCondensed-Bold.woff") format("woff"),
      url("../fonts/OpenSansCondensed-Bold.ttf") format("truetype");
  font-display:swap;
}

@font-face {
  font-family:"Kumar One Outline locl";
  font-style:normal;
  font-weight:400;
  src:url("../fonts/KumarOneOutline-Regular.woff2") format("woff2"),
      url("../fonts/KumarOneOutline-Regular.woff") format("woff"),
      url("../fonts/KumarOneOutline-Regular.ttf") format("truetype");
  font-display:swap;
}


/*====================================================================================================

  Reset CSS

====================================================================================================*/

/*--------------------------------------------------------------------------------
  ress.css v2.0.1
--------------------------------------------------------------------------------*/


.clear:after {
  content:"";
  display:block;
  height:0;
  clear:both;
}

.f-nowrap {
    all: unset;
  display:inline-block;
}

.ff-sansJP { font-family:"Noto Sans JP","Noto Sans JP locl"; }
.ff-hw { font-family:"Charmonman","Charmonman locl"; font-weight:400; }
.ff-sansEN { font-family:"Open Sans Condensed","Open Sans Condensed locl"; font-weight:700; }
.ff-lineEN { font-family:"Kumar One Outline","Kumar One Outline locl"; font-weight:400; }

.fw-300 { font-weight:300; }
.fw-400 { font-weight:400; }
.fw-500 { font-weight:500; }
.fw-700 { font-weight:700; }
.fw-900 { font-weight:900; }


/*--------------------------------------------------------------------------------
  font-size
--------------------------------------------------------------------------------*/

html { font-size:62.5%; }
body { font-size:1.8rem; }

@media screen and (max-width:640px) {
  body { font-size:1.7rem }
}

@media screen and (max-width:500px) {
  body { font-size:1.6rem; }
}

@media screen and (max-width:400px) {
  body { font-size:4vw; }
}

.fs-min { font-size:0.7em; }
.fs-ss  { font-size:0.8em; }
.fs-s   { font-size:0.9em; }
.fs-m   { font-size:1.2em; }
.fs-l   { font-size:1.5em; }
.fs-xl  { font-size:1.7em; }
.fs-2l  { font-size:1.9em; }
.fs-3l  { font-size:2.2em; }
.fs-max { font-size:2.5em; }


/*-----------------------------------------------------------------------------------
  font-color
-----------------------------------------------------------------------------------*/

body { color:#322d23; }

.fc-green  { color:#20be5f; }
.fc-red    { color:#f24454; }
.fc-orange { color:#f6a53e; }
.fc-gray   { color:#989691; }





/*--------------------------------------------------------------------------------
  PC ⇔ SP 切替
--------------------------------------------------------------------------------*/

@media screen and (max-width:640px) { .view-pc { display:none !important; } }
@media print,screen and (min-width:641px) { .view-sp { display:none !important; } }


/*--------------------------------------------------------------------------------
  TELリンク無効
--------------------------------------------------------------------------------*/

.ua-pc a[href^="tel:"] {
  pointer-events:none;
  cursor:default;
}

.ua-pc a[href^="tel:"],
.ua-pc a[href^="tel:"]:visited,
.ua-pc a[href^="tel:"]:hover {
  text-decoration:none;
  color:inherit;
}