@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/* 案内写真：操作説明の文字色 */
.route-photo-switch::before {
  color: #1763C6;
}
/* 案内写真：指先アイコン付き操作説明 */
.route-photo-switch::before {
  content: "画像をタップ "!important;
}

@media (min-width: 960px) {
  .route-photo-switch::before {
    content: "画像にマウスを重ねて目印を強調 "!important;
  }

  .route-photo-switch:hover::before {
    content: "画像からマウスを離すと元に戻る "!important;
  }
}

@media (max-width: 959px) {
  .route-photo-switch.is-active::before {
    content: "タップで戻る"!important;
  }
}
/* 案内写真：シンプルな指アイコンを右端に表示 */
.route-photo-switch::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231763C6' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 13V4a2 2 0 0 1 4 0v7l1.5-1a2 2 0 0 1 2.5.4 2 2 0 0 1 3 .8l.7 1.1a4 4 0 0 1 .3 3.2l-1.4 3.3A4 4 0 0 1 15 21h-4a4 4 0 0 1-3.2-1.6L4 14.5a2 2 0 0 1 3-2.6L8 13Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 18px 18px;
    background-position: right center;
    padding-right: 24px;
    box-sizing: border-box;
}
/* 写真の見方：タップ切替デモ */

/* タップできることを示す */
.photo-guide-demo {
  cursor: pointer;
}

/* 通常版では強調文字を標準の太さに戻す */
.photo-guide-demo:not(.is-demo-active) strong {
  font-weight: normal;
}

/* 強調版では指定した文字を太字にする */
.photo-guide-demo.is-demo-active strong {
  font-weight: 700;
}

/* 強調版ではタイトルの背景を少し濃くする */
.photo-guide-demo.is-demo-active .cap_box_ttl {
  background-color: #0875C9 !important;
}
/* 道案内：アコーディオンの配色と高さ */
.route-accordion-blue .swell-block-accordion__title {
  background-color: #B9DDF2 !important;
  color: #243746 !important;
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.route-accordion-blue .swell-block-accordion__title::before,
.route-accordion-blue .swell-block-accordion__title::after {
  color: #243746 !important;
}