@charset "utf-8";

/*==================================================
GoogleFontの設定
==================================================*/

/* Black */
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-Black.otf") format("opentype");
  font-weight: 900;
  font-style: normal;
}
/* Bold */
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
}
/* Medium */
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
}
/* Normal(regular) */
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
/* Light */
@font-face {
  font-family: "Noto Sans JP";
  src: url("../font/NotoSansJP-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Light";
  src: url("../font/Lato-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: "Lato-Regular";
  src: url("../font/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

/*==================================================
　全てのページへ余白調整
==================================================*/

/*全てのページへ左右の余白をなくす*/
.outside_wrap {
  overflow: hidden;
}

/*==================================================
ベースの設定
==================================================*/

html {
  font-size: 62.5%; /* 1rem = 10pxの指定 */
}

img {
  width: 100%;
  height: auto;
}

body {
  margin: 0;
  padding: 0;
}

/*==================================================
　スライドショー設定　メディアクエリ
==================================================*/

/*　画面サイズが480pxまではここを読み込む（スマホ）　*/
@media screen and (max-width: 480px) {
  .slider-pc {
    display: none;
  }
  .slider-sp {
    display: block;
  }
}

/*　画面サイズが481pxからはここを読み込む　*/
@media screen and (min-width: 481px) {
  .slider-pc {
    display: block;
  }
  .slider-sp {
    display: none;
  }
}

/* ▼▼▼ スライドショーbxsliderのcssをimportantで強制的に変更 ▼▼▼ */

/* bxsliderの白い枠線を消す */
.bx-wrapper {
  margin: 0 !important;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
}
/* それぞれのスライド画像の横幅をcssで100%に設定 */
.bxslider img {
  width: 100% !important;
  height: auto !important;
}
/* ページ送りをスライドの中に設定 */
.bx-wrapper .bx-controls-auto,
.bx-wrapper .bx-pager {
  bottom: 10px !important;
}
/* ▲▲▲ スライドショーbxsliderのcssをimportantで強制的に変更 ▲▲▲ */

/*==================================================
　SPのみ改行設定　メディアクエリ
==================================================*/

/*　画面サイズが581px以上はここを読み込む　*/
@media screen and (min-width: 581px) {
  .br-sp {
    display: none;
  }
}

/*　画面サイズが580px以下はここを読み込む（スマホ）*/
@media screen and (max-width: 580px) {
  .br-pc {
    display: none;
  }
}