/*******************************

base CSS

**********************************/

/* 表示切り替え
---------------------------- */

.sp,
.sp_p {
  display: none;
}

@media all and (max-width: 900px) {
  .sp_p {
    display: block;
  }
  .pc_c {
    display: none;
  }
}
@media all and (max-width: 600px) {
  .sp {
    display: block;
  }
  .pc {
    display: none;
  }
}

.ib {
  display: inline-block;
}

/* font
----------------------------- */
/* @font-face {
  font-family: "YakuHanMP";
  src: url("../font/YakuHanMP-Medium.eot");
  src: url("../font/gYakuHanMP-Medium.woff2") format("woff2"),
    url("../font/YakuHanMP-Medium.woff") format("woff");
} */
.mincho {
  font-family: "Yu Mincho", YuMincho, "Hiragino Mincho ProN", YakuHanMP,
    "Noto Serif JP", serif;
}
.noto {
  font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans",
    "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  font-weight: 200;
}

@font-face {
  font-family: "Helvetica";
  src: url("../font/Helvetica-Condensed-Bold.woff2") format("woff2"),
    url("../font/Helvetica-Condensed-Bold.woff") format("woff");
}
.hel {
  font-family: "Helvetica", Arial, sans-serif;
  letter-spacing: 0.2em;
}

.en {
  font-family: "Helvetica", Arial, sans-serif;
  letter-spacing: 0.2em;
}

/* color
	----------------------------- */
/*
  main red #b20000 rgb(178,0,0)
  hover red #d36d6d;
	black #000
gray #e9e9e9
	*/

.f_gr {
  color: #646464;
}
.f_red {
  color: #b20000;
}

/* slider
----------------------------- */
/*画像の上下の余白を取る*/
.slick-initialized .slick-slide div {
  font-size: 0px;
}