@charset "utf-8";

/* =========================================================
   common.css 統合時の基本方針
   既存common.cssの末尾に追加、またはcommon-device.cssの内容を
   @media screen and (max-width: 767px) に移管してください。
========================================================= */

/* PC標準 */
.device-sp,
.device-sp-inline {
  display: none;
}

.device-pc {
  display: block;
}

.device-pc-inline {
  display: inline;
}

body {
  margin: 0;
  padding: 0;
  min-width: 1280px;
  line-height: 1.5;
  font-size: 15px;
  text-size-adjust: 100%;
  color: #333;
}

/* SP標準 */
@media screen and (max-width: 767px) {
  .device-sp {
    display: block;
  }

  .device-sp-inline {
    display: inline;
  }

  .device-pc,
  .device-pc-inline {
    display: none;
  }

  body {
    min-width: 0;
    font-size: 3.6vw;
  }

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

  #main .breadcrumb ul {
    padding: 0 0 2vw;
    font-size: 3vw;
  }

  #main .breadcrumb ul li {
    display: inline;
  }
}
/* =========================================================
   common.css 追記推奨
   PC/SP共通HTMLへ移行するための安全な表示制御
========================================================= */

.device-sp,
.device-sp-inline {
  display: none;
}

.device-pc {
  display: block;
}

.device-pc-inline {
  display: inline;
}

@media screen and (max-width: 767px) {
  .device-sp {
    display: block;
  }

  .device-sp-inline {
    display: inline;
  }

  .device-pc,
  .device-pc-inline {
    display: none;
  }

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

  body {
    min-width: 0;
    text-size-adjust: 100%;
  }
}