/*
 * DEV2024-823 Stage 1: surfsnow.jp から移植した共通CSS（振る舞い変更ゼロ）
 * 元: markup-surf の global_parts_common.css + global_parts_responsive.css
 *
 * .pcOnly / .spOnly はヘッダー/フッター専用ではなく、consumer全体のPC/SP出し分けに
 * 使われているため、ヘッダー廃止後も残す前提でこのファイルに独立させている。
 * ブレークポイントの上書き規則(640px)は同一ファイル内で「基準値の後」に置くことで、
 * 詳細度が同じセレクタのカスケード順を再現している。
 */

body,
html {
    margin: 0;
    padding: 0;
    letter-spacing: normal;
    border-top: none;
}
/* DEV2024-823 Stage 2: jQueryのa[href^="#"]:not(.notscroll)クリックによる
   animate()スムーススクロールをCSSに置換。元のJSはサイト全体のハッシュリンクを
   対象にしていたため、ここでもサイト全体に適用する(ヘッダー限定ではない) */
html {
    scroll-behavior: smooth;
}
.pcOnly {
    display: block;
}
.spOnly {
    display: none;
}

.breadcrumb {
    margin: 10px auto;
    height: 15px;
    line-height: 1.4em!important;
    list-style: none;
    padding: 0;
    width: 1080px;
    font-size: 13px!important;
    color: #555;
    position: relative;
    font-family: 'Quicksand',"游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",'メイリオ',Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
    word-break: break-all;
    -webkit-text-size-adjust: 100%;
}
.breadcrumb li {
    float: left;
    color: #555;
    font-weight: 700;
    margin: initial;
}
.breadcrumb li a {
    color: #01588c;
    margin: 0;
    padding: 0;
    background: 0 0;
    text-decoration: none;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
.breadcrumb li:after {
    display: inline-block;
    margin: -2px 8px 0;
    background-image: url("/legacy/global_header/sprite-sample.webp");
    background-position: -30px -40px;
    width: 5px;
    height: 8px;
    vertical-align: middle;
    content: "";
}
.breadcrumb li:last-of-type:after {
    background: 0 0;
}

@media screen and (min-width: 641px) {
  .spOnly {
    display: none !important;
  }
}

@media screen and (max-width: 640px) {
  .pcOnly {
    display: none !important;
  }
  .spOnly {
    display: block;
  }
}