@charset "UTF-8";

/* 守っていただきたいルール
  ・文字サイズはpx指定ではなくrem指定でお願いします。(1rem = 10px)
    例 font-size: 16px; => font-size: 1.6rem;

  ・当サイトには配色切り替え機能が付いています。
    そのため、このcssでテキスト等の色を変更した場合でも、配色変更適応中はそのテーマに沿った色になることをご了承ください。
    ※配色変更ボタンを押すとhtmlタグに青:cc-blue 黄:cc-yellow 黒:cc-blackというクラスが付きます。

  ・パーツの使い方についてはパーツ集(parts.htmlをご参照ください。)
 */

/* ここに独自CSSを書いてください----------------------------------------------------------------- */


/* 画像設定 */
/* imgタグをdivで囲ってご使用ください */
.imageWrapper {
  width: 100%;
  margin: 0 auto;
  /* 角丸 */
  border-radius: 5px;
  overflow: hidden;
}

.imageWrapper img {
  width: 100%;
  vertical-align: bottom;
}
/* 画像設定 */


/* ナビゲーションの数が増減する場合は調整してください */
.p-navigation li {
  width: 25%;/* ナビゲーションが4つ */
}
/* レスポンシブ対応(スマホ) */
@media screen and (max-width: 768px) {
  .p-navigation li {
    width: 50%;/* ナビゲーションが1行に2つ */
  }
}