@charset "UTF-8";
/*
 * [yuyama sample]
 * Copyright 2019 Nanoconnect Co, Ltd. All rights reserved.
 * Developed by Nanoconnect, Inc.
 */
/* ---------------------------------------------------------------------------------------
  Foundation　-　ベースの共通スタイル
---------------------------------------------------------------------------------------*/
/* IEハック用mixin */
body,
html {
  font-size: 100%;
  line-height: 1.4;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
  position: fixed;
  overflow: hidden;
  height: 100%;
  width: 100%;
  color: #263238; }

input {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif; }

@media all and (-ms-high-contrast: none) {
  body,
  html,
  input {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif; } }

@media all and (-ms-high-contrast: active) {
  body,
  html,
  input {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif; } }
  
html[lang="ja"] body{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}
html[lang="en"] body{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, sans-serif;
}
html[lang="zh-CN"] body{
  font-family:'Segoe UI','Noto Sans SC',"Helvetica Neue",Helvetica,"Noto Sans JP",Arial,sans-serif;
}
html[lang="zh-TW"] body{
  font-family:'Segoe UI','Noto Sans TC',"Helvetica Neue",Helvetica,"Noto Sans JP",Arial,sans-serif;
}
html[lang="ko"] body{
  font-family:'Segoe UI','Noto Sans KR',"Helvetica Neue",Helvetica,"Noto Sans JP",Arial,sans-serif;
}
html[lang="es"] body{
  font-family: 'Segoe UI',"Helvetica Neue",Helvetica,"Noto Sans JP",Arial,sans-serif;
}
html[lang="pt"] body{
  font-family: 'Segoe UI',"Helvetica Neue",Helvetica,"Noto Sans JP",Arial,sans-serif;
}
html[lang="fr"] body{
  font-family: "Segoe UI","Helvetica Neue",Helvetica,"Noto Sans JP",Arial,sans-serif;
}
html[lang="de"] body{
  font-family: "Segoe UI","Helvetica Neue",Helvetica,"Noto Sans JP",Arial,sans-serif;
}
html[lang="ru"] body{
  font-family: "Segoe UI","Helvetica Neue",Helvetica,"Noto Sans JP",Arial,sans-serif;
}

body,
div,
p,
section {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

button {
  outline: none;
  box-shadow: none;
  border: 0; }

/* ---------------------------------------------------------------------------------------
  Layout　-　大枠のレイアウト
 ---------------------------------------------------------------------------------------*/
.l-Container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background-color: #fff;
  height: 100%;
  overflow-y: hidden;
  position: relative;
  max-width: 1920px;
  margin: auto; }

.l-Side {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 0 0 20rem;
  flex: 0 0 20rem;
  max-width: 20rem;
  box-shadow: 5px -5px 5px rgba(38, 50, 56, 0.075);
  position: relative;
  z-index: 80; }

.l-Main {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  /* max-width: calc(100% - 20rem); */
  background: #fff;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.l-Main__column--left {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  position: relative;
  overflow-y: scroll; }

.l-Main__column--right {
  -ms-flex: 0 0 14.5rem;
  flex: 0 0 14.5rem;
  max-width: 14.5rem;
  padding-right: 1.5rem;
  padding-left: 1rem;
  margin-left: -1rem; }

.l-Main__contents {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

.l-Main__title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex: 0 0 3rem;
  flex: 0 0 3rem;
  text-align: center;
  box-sizing: border-box;
  color: #fff;
  padding: 0.5rem;
  height: 3rem;
  font-size: 1.25rem;
  margin: 0;
  font-weight: normal; }
  .l-Main__title.l-Main__spot--title {
    background: #fbbc04;
    position: relative; }
    .l-Main__title.l-Main__spot--title .l-Main__map-switch {
      top: 4px; }
  .l-Main__title.l-Main__timeline--title {
    background: #002063;
    margin: .5rem 1rem; }
    .l-Main__title.l-Main__timeline--title.is-spot {
      background: #fbbc04; }
    .l-Main__title.l-Main__timeline--title.is-route {
      background: #EA4335; }
    .l-Main__title.l-Main__timeline--title.is-utterance {
      background: #34A853; }

.l-Main__column--right .c-Card__list {
  padding: 0; }

.l-Main__right-header {
  background: #E1F5FE;
  margin-top: .5rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
  box-shadow: 2px 2px 2px rgba(38, 50, 56, 0.075); }

.l-Main__column-subtitle {
  color: #263238;
  background: #ECEFF1;
  padding: 0.25rem 0.5rem;
  border-radius: 0.25rem;
  margin: 1.25rem 0 0.75rem 0;
  display: block;}

.l-Main__column-adsense-pc {
  width: 100%;
  padding-bottom: .5rem;
  line-height: 1; }
  .l-Main__column-adsense-pc img {
    width: 100%; }

.u-google-adsense {
  margin-top: 1.25rem;
  width: 100%;
  padding-bottom: .5rem; }
  .u-google-adsense img {
    width: 100%; }

.l-Main__column-link--adsense {
  text-decoration: none;
  margin: 1.5rem 0;
  display: block; }

.l-Main__timeline {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;  
  flex-direction: column;
  position: relative; }
  .l-Main__timeline .c-Pager {
    padding: 0.5rem;
    background: #fff; }

.l-Main__timeline--wrap {
  height: 100%;
  position: relative; }

.l-Main__timeline--detail {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: -100%; }
  .l-Main__timeline--detail .l-Main__timeline--cardList {
    height: calc(100% - 2rem - 0.5rem);
    min-height: auto;
    overflow-y: auto; }

.l-Main__spot {
  height: 100%;
  position: relative;
  background: #fff; }
  .l-Main__spot .c-Pager {
    padding: 0.5rem; }

.l-Main__spot--wrap {
  width: 100%;
  height: calc(100% - 10rem);
  overflow: hidden;
  position: absolute;
  top: calc(3rem + 7rem);
  z-index: 20;
  left: -100%;
  background: #fff;
  transition: .3s  all; }
  .l-Main__spot--wrap.is-down {
    top: 0;
    height: 100%; }

.l-Main__spot--conditions {
  font-size: 0.875rem;
  color: #666;
  padding: 0.5rem 1rem;
  border-bottom: 1px solid #c5cacc;
  white-space: nowrap; }

  .l-Main__spot--conditions--spotlist {
    font-size: 0.5rem;
    color: #666;
    white-space: nowrap; }

.l-Main__spot--detail {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 20;
  left: -100%; }

.l-Main__spot--cardList,
.l-Main__spot--list {
  height: calc(100% - 2rem - 1rem - 2.5rem);
  /* タイトル差分 */
  overflow-y: auto; }

.l-Main__spot--list a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-decoration: none;
  color: inherit;
  padding: 0.5rem 0.75rem;
  transition: background .3s; }
  .l-Main__spot--list a:last-child {
    border-bottom: 0; }
  .l-Main__spot--list a:hover {
    background: #E1F5FE; }

.l-Main__spot-item--title,
.l-Main__spot-item--text {
  display: block; }

.l-Main__spot-item--title {
  font-size: 0.875rem; }

.l-Main__spot-item--text {
  font-size: 0.75rem; }

.l-Main__spot--ico {
  display: inline-flex;
  margin-right: 0.5rem;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  color: #fff;
  position: relative; }
  .l-Main__spot--ico.is-route {
    background: #EA4335; }
  .l-Main__spot--ico.is-mutter {
    background: #34A853; }
  .l-Main__spot--ico.is-shop {
    background: #FF9800; }
  .l-Main__spot--ico.is-station {
    background: #00BCD4; }
  .l-Main__spot--ico.is-hotel {
    background: #9C27B0; }
  .l-Main__spot--ico.is-other {
    background: #795548; }
  .l-Main__spot--ico.is-favorite {
    background: #1A237E; }
  .l-Main__spot--ico.is-toilet {
    background: #E91E63; }
  .l-Main__spot--ico.is-elevator {
    background: #2196F3; }
  .l-Main__spot--ico.is-parking {
    background: #009688; }
  .l-Main__spot--ico.is-slope {
    background: #3F51B5; }
  .l-Main__spot--ico.is-barrierSpot {
    background: #f44336; }
  .l-Main__spot--ico.is-google {
    color: #c61351;
    font-size: 2.75rem; }
  .l-Main__spot--ico div {
    position: absolute;
    left: 3px;
    top: 3px; }

.l-Main__map-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none; }

.l-Main__research {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0; }

.l-Main__btn-map--research {
  position: absolute;
  bottom: 1.375rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%); }

.l-Main__operation {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0; }
  .l-Main__operation .c-ico--pin, .l-Main__operation .c-ico--spotlist {
    font-size: 1.25rem;
    padding-right: 0.25rem;
    margin-bottom: -2px; }

.l-Main__operation-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  position: relative; }
  .l-Main__operation-wrap .c-ico__wrap {
    margin: 0 0.25rem; }
    .l-Main__operation-wrap .c-ico__wrap:hover {
      cursor: pointer; }
  .l-Main__operation-wrap::after {
    content: "";
    width: 100%;
    display: block;
    height: 3rem;
    position: absolute;
    background: rgba(255, 255, 255, 0.8);
    right: 0.5rem;
    top: 0.5rem;
    border-radius: 5rem;
    z-index: -1; }

.l-Main__operation-hr {
  height: 2rem;
  margin: 0 .25rem;
  background: #c5cacc; }

.l-Main__operation-btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .l-Main__operation-btn.is-active .l-Main__operation-icon {
    background: #002063;
    color: #fff; }

.l-Main__operation-icon {
  padding: 0;
  cursor: pointer; }
  .l-Main__operation-icon.c-btn-icon {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1f87fc;
    border-radius: 4rem;
    width: 3.5rem;
    height: 3.5rem;
    margin: 0.25rem; }
    .l-Main__operation-icon.c-btn-icon [class^="c-ico--"] {
      display: inline-block;
      font-size: 3rem;
      padding: 0; }

.l-Main__operation-icon--text {
  font-size: 1rem; }

.l-Main__vertical {
  position: absolute;
  right: 0;
  bottom: 0;
  display: none; }

.l-Main__btn-map--icon {
  position: absolute;
  top: 4.5rem;
  right: .25rem; }

.l-Main__btn-map--timeline {
  position: absolute;
  left: 0.75rem;
  top: 0.75rem; }

.l-Main__map {
  width: 100%;
  height: 100%; }

.l-Main__map-switch {
  position: absolute;
  top: 7px;
  left: 0.5rem;
  padding: 0.5rem !important;
  z-index: 11; }
  .l-Main__map-switch :hover {
    cursor: pointer; }

.l-Main__search--text {
  padding: 0.5rem 1.25rem 0 1.25rem;
  font-size: 0.875rem;
  color: #666; }
  .l-Main__right-header .l-Main__search--text {
    text-align: center;
    margin-top: 0;
    padding-bottom: 0.75rem;
    padding-top: .75rem; }

.l-Main__disp-map {
  width: 100%;
  padding: 0 0.5rem 0.5rem 0.5rem;
  margin: 0; }
  .l-Main__disp-map img {
    width: 100%; }
    .l-Main__disp-map img:hover {
      cursor: pointer; }

.l-Main__column-qr {
  width: 65%;
  margin: -.25rem auto -0.5rem auto;
  padding: 0 0.5rem 0.5rem;
  border-radius: 0.125rem; }
  .l-Main__column-qr img {
    width: 100%; }

.l-Main__column-apps {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  width: 100%;
  padding: 0;
  text-align: center; }
  .l-Main__column-apps a {
    text-decoration: none; }
  .l-Main__column-apps img {
    width: 100%; }
  .l-Main__column-apps .is-ios {
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    padding: 8px 0 0 8px; }
  .l-Main__column-apps .is-android {
    -ms-flex: 0 0 48.5%;
    flex: 0 0 48.5%;
    padding: 8px 8px 0 0; }

.l-Side__header {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 0 0 3rem;
  flex: 0 0 3rem;
  height: 3rem;
  width: 100%;
  margin: 0;
  padding: 0 1rem; }

.l-Side__header-lang {
  font-size: 12px;
  margin-top: 15px;
  margin-left: 11px;
  width: 127px;
}

.l-Side__header-logo {
  margin: 13px 0 -3px 0;
  line-height: 0; }

.l-Side__header-menu {
  -ms-flex: 1 1 16%;
  flex: 1 1 16%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #002063;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  cursor: pointer; }
  .l-Side__header-menu:hover {
    background: #E1F5FE;
    color: #002063; }
  .l-Side__header-menu .c-ico--menu {
    font-size: 2.5rem; }

.l-Side__left-body {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow-y: auto; }

.l-Side__menu-parent.is-spot {
  position: relative; }
  .l-Side__menu-parent.is-spot::after {
    content: "";
    width: 90px;
    height: 50px;
    background: url(../../img/web/map-wide.png) no-repeat center;
    background-size: contain;
    right: 10px;
    top: 8px;
    position: absolute; 
    text-align: right;}

.l-Side__menu-sub {
  box-shadow: inset 0 4px 2px -2px rgba(38, 50, 56, 0.075); }

.l-Side__category {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  font-size: 0.9rem; }

.l-Side__category-tab {
  -ms-flex: 0 0 36%;
  flex: 0 0 36%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  color: #9e9e9e;
  background-color: #f2f2f2;
  cursor: pointer; }
  .l-Side__category-tab:hover {
    background: #E1F5FE;
    color: #1f87fc; }
  .l-Side__category-tab.is-active {
    background-color: #fff;
    color: #1f87fc;
    position: relative;
    cursor: default; }
    .l-Side__category-tab.is-active:before {
      content: "";
      position: absolute;
      bottom: -24px;
      left: 50%;
      margin-left: -15px;
      border: 12px solid transparent;
      border-top: 12px solid #FFF; }
    .l-Side__category-tab.is-active:after {
      content: "";
      position: absolute;
      bottom: -28px;
      left: 50%;
      margin-left: -17px;
      border: 14px solid transparent;
      border-top: 14px solid #eaeaea; }
  .l-Side__category-tab [class^="c-ico--"] {
    font-size: 2rem;
    margin-right: 0.25rem; }

.l-Side__spot--search, .l-Side__timeline--search {
  padding: 1rem;
  box-shadow: 0 3px 3px rgba(38, 50, 56, 0.075);
  position: relative; }
  .l-Side__spot--search.c-Form__search, .l-Side__timeline--search.c-Form__search {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .l-Side__spot--search .l-Side__spot--switch, .l-Side__timeline--search .l-Side__spot--switch {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0.5rem; }
    .l-Side__spot--search .l-Side__spot--switch span, .l-Side__timeline--search .l-Side__spot--switch span {
      margin: 0 0.25rem;
      font-size: 1.5rem; }
    .l-Side__spot--search .l-Side__spot--switch .c-Switch-item, .l-Side__timeline--search .l-Side__spot--switch .c-Switch-item {
      padding: 0 !important; }

.l-Side__timeline--tabs {
  -ms-flex: 0 0 3rem;
  flex: 0 0 3rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 4rem;
  padding: 4px;
  box-shadow: 3px 3px 6px rgba(38, 50, 56, 0.075);
  position: relative; }

.l-Side__timeline--tab {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex: 1 1 23%;
  flex: 1 1 23%;
  background: #fff;
  border-radius: 0.25rem;
  color: #9e9e9e;
  cursor: pointer;
  font-size: 1rem;
  padding: 0.2rem;
  text-align: center;
  transition: background .3s; }
  .l-Side__timeline--tab:hover {
    background: #E1F5FE; }
  .l-Side__timeline--tab.is-active {
    color: #fff; }
    .l-Side__timeline--tab.is-active.l-Side__timeline--tab-all {
      background: #1f87fc; }
    .l-Side__timeline--tab.is-active.l-Side__timeline--tab-spot {
      background: #fbbc04; }
    .l-Side__timeline--tab.is-active.l-Side__timeline--tab-log {
      background: #EA4335; }
    .l-Side__timeline--tab.is-active.l-Side__timeline--tab-utterance {
      background: #34A853; }

.l-Side__menu {
  position: absolute;
  right: 0;
  top: 3rem;
  width: 100%;
  /* header、footer差分 */
  height: calc(100% - (3rem + 2rem));
  background: #fff;
  overflow-y: hidden;
  left: -100%; }

.l-Side__menu--list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 0.875rem;
  flex: 1 0 auto; }
  .l-Side__menu--list a {
    text-decoration: none;
    color: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex: 0 0 2rem;
    flex: 0 0 2rem;
    transition: background .15s;
    padding: 0.5rem 1rem .5rem 1.75rem; }
    .l-Side__menu--list a:hover {
      background: #E1F5FE; }
    .l-Side__menu--list a .c-ico--blank {
      color: #1f87fc;
      font-size: 2rem; }
  .l-Side__menu--list .l-Side__menu-content {
    padding: 1rem;
    font-size: 1.125rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex: 0 0 4rem;
    flex: 0 0 4rem; }
    .l-Side__menu--list .l-Side__menu-content:hover {
      cursor: pointer;
      background: #E1F5FE; }
    .l-Side__menu--list .l-Side__menu-content i {
      font-size: 2rem;
      margin-right: 0.25rem;
      color: #002063; }
      .l-Side__menu--list .l-Side__menu-content i.c-ico--pin {
        color: #fbbc04; }
      .l-Side__menu--list .l-Side__menu-content i.c-ico--route {
        color: #EA4335; }
      .l-Side__menu--list .l-Side__menu-content i.c-ico--utterance {
        color: #34A853; }
  .l-Side__menu--list .l-Side__menu-child {
    display: block;
    padding: 0;
    border: none;
    margin-top: -10px; }
    .l-Side__menu--list .l-Side__menu-child .c-ico--all-color {
      width: 36px;
      white-space: nowrap; }
    .l-Side__menu--list .l-Side__menu-child .l-Side__menu-content {
      padding: .625rem 0 .625rem 1.75rem; }

.l-Side__menu--result {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 0%;
  overflow-y: auto; }

.l-Side__menu--title {
  text-align: left;
  padding-left: 3rem;
  display: block !important;
  background: #1f87fc;
  box-shadow: inset 0 3px 6px rgba(38, 50, 56, 0.075); }

.l-Side__menu-other {
  padding: 1rem 1rem 0  1.75rem;
  margin-top: 1rem;
  margin-bottom: .5em; }
  .l-Side__menu-other:first-child {
    margin-top: .5rem;
    margin-bottom: 0; }
  
/* 左サイドバー利用規約ボタン、プライバシーポリシーボタン設定*/
.l-Side__menu-other_btns {
  padding: 1rem 1rem 0  1.75rem;
  margin-top: 1rem;
  margin-bottom: .5em;
  display: flex;
  flex-direction: column; }
  .l-Side__menu-other_btns:first-child {
    margin-top: .5rem;
    margin-bottom: 0; }

  .l-Side__menu-other_btns a{
    margin: 7px auto 3px 0;
  }

.l-Side__menu--lang-label + .c-Form-select {
  margin-top: 0.5rem;
  margin-bottom: 1rem; }

.l-Side__footer {
  height: 2rem;
  text-align: center;
  padding: 0.5rem 1rem;
  align-self: flex-end;
  width: 100%;
  color: #666;
  font-size: 0.725rem; }

.l-Side__link-search {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #ECEFF1;
  color: #263238;
  width: 100%;
  text-decoration: none;
  text-align: center;
  font-size: 0.85rem;
  padding: 0.5rem 1.75rem 0.5rem 1.5rem;
  margin-top: 0.75rem;
  border-radius: 0.25rem;
  white-space: nowrap;
  box-sizing: border-box;
  font-size: .9375rem;
  transition: background .3s; }
  .l-Side__link-search:hover {
    background: #cfd6db; }
  .l-Side__link-search .c-ico--pin {
    margin-right: 0.25rem;
    font-size: 1.25rem; }

/* ---------------------------------------------------------------------------------------
  Component -　パーツ管理
 ---------------------------------------------------------------------------------------*/
.c-btn--primary, .c-btn--spot, .c-btn--secondary, .c-btn--default, .c-Pager-btn--prev,
.c-Pager-btn--next, .c-btn--disabled{
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 0.25rem;
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), 3px 3px 6px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  padding: 0.75rem;
  transition: background .3s;
  white-space: nowrap;
  text-decoration: none; }
  .is-center.c-btn--primary, .is-center.c-btn--spot, .is-center.c-btn--secondary, .is-center.c-btn--default, .is-center.c-Pager-btn--prev,
  .is-center.c-Pager-btn--next, .is-center.c-btn--disabled {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .c-btn--primary:disabled, .c-btn--spot:disabled, .c-btn--secondary:disabled, .c-btn--default:disabled, .c-Pager-btn--prev:disabled,
  .c-Pager-btn--next:disabled {
    opacity: 0.65;
    pointer-events: none;
    box-shadow: none; }

.c-btn--primary {
  background: #1f87fc;
  color: #fff; }
  .c-btn--primary:hover {
    background: #0255b3; }

.c-btn--spot {
  background: #fbbc04;
  color: #fff; }
  .c-btn--spot:hover {
    background: #977102; }

.c-btn--secondary {
  background: #263238;
  color: #fff; }
  .c-btn--secondary:hover {
    background: black; }

.c-btn--disabled {
  background: rgba(217, 217, 217, 1);
  color: #7F7F7F; }
  .c-btn--disabled:hover {
    background: rgba(217, 217, 217, 1); }

.c-btn--default, .c-Pager-btn--prev,
.c-Pager-btn--next {
  background: #ECEFF1;
  color: #263238;
  border: 1px solid #dee3e5; }
  .c-btn--default:hover, .c-Pager-btn--prev:hover,
  .c-Pager-btn--next:hover {
    background: #b1bec6; }

.c-btn-icon {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
  color: #66696b;
  cursor: pointer;
  display: block;
  font-size: 2.5rem;
  height: 3.25rem;
  margin: 0.5rem;
  padding: 0;
  transition: background .3s;
  width: 3.25rem; }
  .c-btn-icon:hover {
    background: #002063;
    color: #fff; }
  .c-btn-icon [class^="c-ico--"] {
    display: block; }

.c-Button__close {
  position: absolute;
  left: 0.5rem;
  top: 0;
  font-size: 2rem;
  cursor: pointer;
  padding-top: 2px;
  transform: rotate(180deg); }
  .l-Main__title .c-Button__close {
    left: auto;
    right: .5rem; }

.c-btn-sm {
  text-decoration: none;
  color: #263238;
  background: #ECEFF1;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  border-radius: 0.25rem;
  margin-right: .25rem; }
  .c-btn-sm:hover {
    background: #cfd6db; }

.c-btn__up {
  position: absolute;
  padding: .125rem;
  left: 0;
  top: 0;
  cursor: pointer;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .c-btn__up .c-ico--return {
    transform: rotateZ(-90deg);
    transform-origin: center center;
    transition: .3s all;
    font-size: 2.75rem; }
  .c-btn__up.is-down .c-ico--return {
    transform: rotateZ(90deg); }

.c-btn__float-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: .5rem 1rem .2rem 1rem;
  border-radius: 0.5rem 0.5rem 0 0;
  background: rgba(38, 50, 56, 0.5);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 15rem;
  z-index: 100; }

.c-btn-float {
  background: transparent;
  color: #fff;
  font-size: 2.5rem;
  padding: 0;
  cursor: pointer; }
  .c-btn-float:hover {
    color: rgba(255, 255, 255, 0.75); }
  .c-btn-float.is-up {
    transform: rotateZ(-90deg); }
  .c-btn-float.is-down {
    transform: rotateZ(90deg); }
  .c-btn-float.is-reload {
    font-size: 2rem; }

.c-Card {
  padding: 0.75rem 1rem;
  border-radius: 0.125rem;
  box-shadow: 3px 3px 3px rgba(38, 50, 56, 0.075);
  box-sizing: border-box;
  transition: background 0.3s;
  cursor: pointer;
  position: relative;
  background: #fff; }
  .c-Card:hover {
    background: #E1F5FE; }
  .c-Card.is-advertise {
    overflow: hidden; }
    .c-Card.is-advertise .c-Card__body {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }
    .c-Card.is-advertise .c-Card__body-img {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      padding-right: 0.5rem; }
      .c-Card.is-advertise .c-Card__body-img img {
        width: 100%; }
    .c-Card.is-advertise .c-Card__meta--profile {
      flex: 1 1 auto; }

.c-Card__list {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 0.75rem 1rem;
  background-color: #fff; }
  .c-Card__list .c-Card {
    margin-bottom: 0.75rem; }
    .c-Card__list .c-Card.is-spot {
      border-left: 0.5rem solid #fbbc04; }
    .c-Card__list .c-Card.is-route {
      border-left: 0.5rem solid #EA4335; }
    .c-Card__list .c-Card.is-utterance {
      border-left: 0.5rem solid #34A853; }
    .c-Card__list .c-Card.is-advertise {
      border-left: none; }
    .c-Card__list .c-Card.is-child-ja .c-Card__body-text {
      margin-left: 3rem;
      padding: 0.5rem;
      background: rgba(236, 239, 241, 0.5);
      border-radius: 5px; }
    .c-Card__list .c-Card.is-child-ja::after {
      content: "返信";
      position: absolute;
      top: 13px;
      right: 16px;
      font-size: 0.8125rem;
      background: rgba(52, 168, 83, 0.2);
      border-radius: 0.125rem;
      padding: 0.125rem 0.3125rem;
      padding-left: 1.75rem;
      color: rgba(0, 0, 0, 0.5); }
    .c-Card__list .c-Card.is-child-ja::before {
      content: "\e948";
      font-family: 'icomoon';
      font-size: 1.25rem;
      color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 10px;
      right: 3.125rem;
      z-index: 1; }
    .c-Card__list .c-Card.is-child-en .c-Card__body-text {
      margin-left: 3rem;
      padding: 0.5rem;
      background: rgba(236, 239, 241, 0.5);
      border-radius: 5px; }
    .c-Card__list .c-Card.is-child-en::after {
      content: "Reply";
      position: absolute;
      top: 13px;
      right: 16px;
      font-size: 0.8125rem;
      background: rgba(52, 168, 83, 0.2);
      border-radius: 0.125rem;
      padding: 0.125rem 0.3125rem;
      padding-left: 1.75rem;
      color: rgba(0, 0, 0, 0.5); }
    .c-Card__list .c-Card.is-child-en::before {
      content: "\e948";
      font-family: 'icomoon';
      font-size: 1.25rem;
      color: rgba(0, 0, 0, 0.5);
      position: absolute;
      top: 10px;
      right: 3.125rem;
      z-index: 1; }

.l-Main__spot--detail .c-Card:hover,
.l-Main__timeline--detail .c-Card:hover {
  background: #fff;
  cursor: default; }

.c-Card__inner {
  background: #fff;
  width: 100%;
  height: 100%; }

.c-Card__meta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0.5rem; }
  .c-Card__meta.is-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

.c-Card__meta--img {
  object-fit: cover;
  -ms-flex: 0 0 45px;
  flex: 0 0 45px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #dee3e5;
  border-radius: 100%;
  width: 45px;
  height: 45px;
  margin: 0 0.5rem 0 0; }
  .c-Card__meta--img .is-nouser {
    font-size: 3rem; }

.c-Card__meta--img--parent {
  flex: 0 0 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  background: #dee3e5;
  border-radius: 100%;
  width: 30px;
  height: 30px;
  margin: 0 0.5rem 0 0; }
  .c-Card__meta--img--parent .is-nouser {
    font-size: 2rem; }

.c-Card__meta--name {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: bold; }

.c-Card__meta--time {
  color: #66696b;
  font-size: .875rem;
  margin-top: .125rem; }

.c-Card__meta--name-type {
  color: #fff;
  font-size: 1.25rem;
  border-radius: 1rem;
  margin-left: 0.5rem; }
  .c-Card__meta--name-type.c-ico--wheelchair {
    background: #1f87fc; }
  .c-Card__meta--name-type.c-ico--walker {
    background: #fbbc04; }
  .c-Card__meta--name-type.c-ico--cane {
    background: #34A853; }
  .c-Card__meta--name-type.c-ico--stroller {
    background: #EA4335; }

.c-Card__meta--profile {
  -ms-flex: 1 0 auto;
  flex: 1 0 auto; }

.c-Card__meta--icon {
  border-radius: 2rem;
  overflow: hidden;
  height: 2rem;
  width: 2rem;
  white-space: nowrap; }
  .c-Card__meta--icon [class^="c-ico--"] {
    font-size: 2rem;
    color: #fff; }
  .c-Card__meta--icon div[class^="c-ico--"] {
    position: absolute; }

.c-Card__meta--icon.is-shop {
  background: #FF9800;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #FF9800; }

.c-Card__meta--icon.is-route {
  background: #EA4335;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #EA4335; }

.c-Card__meta--icon.is-mutter {
  background: #34A853;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #34A853; }

.c-Card__meta--icon.is-station {
  background: #00BCD4;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #00BCD4; }

.c-Card__meta--icon.is-hotel {
  background: #9C27B0;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #9C27B0; }

.c-Card__meta--icon.is-other {
  background: #795548;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #795548; }

.c-Card__meta--icon.is-favorite {
  background: #1A237E;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #1A237E; }

.c-Card__meta--icon.is-toilet {
  background: #E91E63;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #E91E63; }

.c-Card__meta--icon.is-elevator {
  background: #2196F3;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #2196F3; }

.c-Card__meta--icon.is-parking {
  background: #009688;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #009688; }

.c-Card__meta--icon.is-slope {
  background: #3F51B5;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #3F51B5; }

.c-Card__meta--icon.is-barrierSpot {
  background: #f44336;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #f44336; }

.c-Card__body--title {
  font-size: 1rem;
  margin-bottom: 0.5em;
  display: block; }

.c-Card__body-text {
  font-size: .875rem;
  line-height: 1.6; }

.c-Card__meta-img--wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  margin-left: auto;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  max-height: 6rem;
  overflow: hidden; }

.c-Card__meta-img {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  overflow: hidden;
  margin: 0 0.25rem;
  border-radius: 0.125rem; }
  .c-Card__meta-img img {
    max-width: 5.5rem;
    max-height: 5.5rem;
    padding: 0.125rem; }

.c-Card__img {
  max-width: 32%;
  margin-bottom: .25rem; }
  .c-Card__img > img {
    border-radius: 0.125rem;
    max-width: 100%; }

.c-Card__comment {
  padding: 0.5rem;
  /* background: rgba(236, 239, 241, 0.5); */
  border-radius: 5px;
  white-space: pre-wrap; }

.c-Card--location {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.5rem auto; }
  .c-Card--location .c-ico--tab-spot {
    font-size: 1.5rem;
    margin-right: 0.5rem; }

.c-Card--location__text {
  padding-left: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.c-Card__respond-wrap {
  overflow: hidden;
  margin-bottom: 1.5rem; }

.c-Card__respond-reaction {
  width: calc(100% - 45px - 0.5rem);
  float: right; }

.c-Card__respond-reaction--img {
  max-width: 32%;
  margin-bottom: .25rem; }
  .c-Card__respond-reaction--img img {
    border-radius: 0.125rem;
    max-width: 100%; }

.c-Card__respond-location {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0.5rem auto; }
  .c-Card__respond-location:hover {
    cursor: pointer; }
  .c-Card__respond-location .c-ico__wrap {
    margin-right: 0.5rem; }
  .c-Card__respond-location .c-ico--tab-spot {
    font-size: 1.5rem;
    margin-right: 0.5rem; }

.c-Card__respond-location--text {
  padding-left: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.c-Card__respond-meta {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 0.5rem auto; }

.c-Card__respond-reaction--time {
  color: #c3c3c3; }

.c-Form__search .c-Form__search-container {
  -ms-flex: 1 1 100%;
  flex: 1 1 100%;
  position: relative;
  box-sizing: border-box;
  border-radius: 3px;
  height: 2.3rem;
  min-width: 13rem;
  overflow: hidden;
  box-shadow: 0 0 0 1px #e5e5e5, 0 0 4px rgba(0, 0, 0, 0.1); }

.c-Card__link { height: 0rem; }

.c-Form__search .c-Form__search-container input[type="text"] {
  border: none;
  width: 100%;
  height: 100%;
  padding: 0.25rem 0.5rem;
  box-sizing: border-box; }
  .c-Form__search .c-Form__search-container input[type="text"]::placeholder {
    color: #AAA; }
  .c-Form__search .c-Form__search-container input[type="text"]:hover {
    background: #E1F5FE; }
  .c-Form__search .c-Form__search-container input[type="text"]:focus {
    outline: 0;
    background: #fffedf; }

.c-Form__search .c-Form__search-container button {
  cursor: pointer;
  border: none;
  background: #1f87fc;
  color: #fff;
  position: absolute;
  width: 3.5rem;
  height: 3.0rem;
  right: 0;
  top: -4px;
  transition: background .3s;
  outline: none;
  font-size: 2rem; 
  padding-left: 6px;
  padding-right: 6px;
  width:auto;}
  .c-Form__search .c-Form__search-container button:hover {
    background: #0255b3; }

.c-Form-select {
  border-radius: 0.25rem;
  box-shadow: 0 0 0 1px #e5e5e5, 0 0 4px rgba(0, 0, 0, 0.1);
  position: relative; }
  .c-Form-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    outline: none;
    background: transparent;
    padding: 0.5rem 2rem 0.5rem 0.5rem;
    width: 100%;
    transition: background .15s;
    cursor: pointer; }
    .c-Form-select select:hover {
      background: #E1F5FE; }
  .c-Form-select::after {
    content: "";
    border: 4px solid transparent;
    border-top-color: #1f87fc;
    display: block;
    position: absolute;
    right: 0.5rem;
    top: 1rem; }

.c-Form__checkbox {
  display: none; }

.c-Form__checkbox-label {
  padding-left: 1.75rem;
  position: relative;
  margin-right: 1rem;
  transition: all 0.3s;
  /* white-space: nowrap;  */
}
  .c-Form__checkbox-label::before {
    background: #fff;
    box-shadow: 0 0 0 2px #CCC;
    border-radius: 0.125rem;
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    position: absolute;
    transition: all 0.3s;
    width: 1rem; }
  .c-Form__checkbox-label:hover {
    color: #1f87fc;
    cursor: pointer; }
    .c-Form__checkbox-label:hover::before {
      background: #fff;
      box-shadow: 0 0 0 2px rgba(0, 32, 99, 0.5); }
  .c-Form__checkbox-label span {
    margin-left: 0.5rem; }

.c-Form__checkbox:checked + .c-Form__checkbox-label {
  color: #002063; }
  .c-Form__checkbox:checked + .c-Form__checkbox-label::before {
    background: #002063;
    box-shadow: 0 0 0 2px rgba(0, 32, 99, 0.5); }
  .c-Form__checkbox:checked + .c-Form__checkbox-label::after {
    border-right: 3px solid #fff;
    border-bottom: 3px solid #fff;
    content: "";
    display: block;
    height: 8px;
    left: 5px;
    position: absolute;
    transform: rotateZ(45deg);
    width: 4px;
    margin-top: -2px; }

.c-Form__checkbox:disabled + .c-Form__checkbox-label,
.c-Form__radio:disabled + .c-Form__radio-label,
.c-Form__checkbox.is-disabled + .c-Form__checkbox-label,
.c-Form__radio.is-disabled + .c-Form__radio-label {
  color: #888b8d; }
  .c-Form__checkbox:disabled + .c-Form__checkbox-label::before,
  .c-Form__radio:disabled + .c-Form__radio-label::before,
  .c-Form__checkbox.is-disabled + .c-Form__checkbox-label::before,
  .c-Form__radio.is-disabled + .c-Form__radio-label::before {
    box-shadow: none;
    background: #c5cacc; }
  .c-Form__checkbox:disabled + .c-Form__checkbox-label:hover,
  .c-Form__radio:disabled + .c-Form__radio-label:hover,
  .c-Form__checkbox.is-disabled + .c-Form__checkbox-label:hover,
  .c-Form__radio.is-disabled + .c-Form__radio-label:hover {
    cursor: default; }

.c-Form__checkbox:checked:disabled + .c-Form__checkbox-label::after,
.c-Form__checkbox:checked.is-disabled + .c-Form__checkbox-label::after {
  border-right: 3px solid #888b8d;
  border-bottom: 3px solid #888b8d; }

.c-Form__radio:checked:disabled + .c-Form__radio-label,
.c-Form__radio:checked.is-disabled + .c-Form__radio-label {
  color: #888b8d; }
  .c-Form__radio:checked:disabled + .c-Form__radio-label::before,
  .c-Form__radio:checked.is-disabled + .c-Form__radio-label::before {
    box-shadow: none;
    background: #c5cacc; }
  .c-Form__radio:checked:disabled + .c-Form__radio-label::after,
  .c-Form__radio:checked.is-disabled + .c-Form__radio-label::after {
    background: #888b8d;
    box-shadow: 0 0 0 1px #c5cacc inset; }

.c-ico__wrap {
  font-size: 2rem;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 50%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  position: relative; }
  .c-ico__wrap.is-sm {
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem; }
  .c-ico__wrap.is-md {
    font-size: 2rem;
    width: 2.5rem;
    height: 2.5rem; }
  .c-ico__wrap.is-lg {
    font-size: 3rem;
    width: 3.5rem;
    height: 3.5rem; }
  .c-ico__wrap.is-route {
    background: #EA4335; }
  .c-ico__wrap.is-utterance {
    background: #34A853; }
  .c-ico__wrap.is-mutter {
    background: #34A853; }
  .c-ico__wrap.is-shop {
    background: #FF9800; }
  .c-ico__wrap.is-station {
    background: #00BCD4; }
  .c-ico__wrap.is-hotel {
    background: #9C27B0; }
  .c-ico__wrap.is-other {
    background: #795548; }
  .c-ico__wrap.is-favorite {
    background: #1A237E; }
  .c-ico__wrap.is-toilet {
    background: #E91E63; }
  .c-ico__wrap.is-elevator {
    background: #2196F3; }
  .c-ico__wrap.is-parking {
    background: #009688; }
  .c-ico__wrap.is-slope {
    background: #3F51B5; }
  .c-ico__wrap.is-barrierSpot {
    background: #f44336; }
  .c-ico__wrap.is-tab-spot {
    background: #002063; }
  .c-ico__wrap.is-link {
    background: #ffc107; }
  .c-ico__wrap.is-noactive {
    background: #fff;
    box-shadow: none; }
    .c-ico__wrap.is-noactive [class^="c-ico--"] {
      color: #a8acae; }
  .c-ico__wrap div {
    width: 2rem;
    height: 1.8rem; }

.c-ico__googlephoto {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  border-radius: 100%;
  width: 1.5rem;
  height: 1.5rem;
  position: relative;
  padding: 4px;
  overflow: hidden;
  box-sizing: content-box; }
  .c-ico__googlephoto .c-ico--camera {
    position: absolute;
    z-index: 2; }
  .c-ico__googlephoto::after, .c-ico__googlephoto::before {
    content: "";
    border-radius: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto; }
  .c-ico__googlephoto::after {
    background: #002063;
    box-shadow: inset 0 0 0 2px #fff;
    width: 1.5rem;
    height: 1.5rem; }
  .c-ico__googlephoto::before {
    border: 1rem solid transparent;
    border-top-color: #4285f4;
    border-right-color: #34a853;
    border-bottom-color: #ffc107;
    border-left-color: #ec3a77;
    width: 0;
    height: 0; }

.c-ico--spot {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  transition: background .3s; }
  .c-ico--spot.is-route {
    background: #f43c2f; }
  .c-ico--spot.is-utterance {
    background: #1dcd00; }
  .c-ico--spot.is-shop {
    background: #FF9800; }
  .c-ico--spot.is-station {
    background: #00BCD4; }
  .c-ico--spot.is-hotel {
    background: #9C27B0; }
  .c-ico--spot.is-other {
    background: #795548; }
  .c-ico--spot.is-favorite {
    background: #1A237E; }
  .c-ico--spot.is-toilet {
    background: #E91E63; }
  .c-ico--spot.is-elevator {
    background: #2196F3; }
  .c-ico--spot.is-parking {
    background: #009688; }
  .c-ico--spot.is-slope {
    background: #3F51B5;
    position: relative; }
  .c-ico--spot.is-barrierSpot {
    background: #f44336;
    position: relative; }
  .c-ico--spot.is-search {
    background: #b6b6b6;
    position: relative; }
  .c-ico--spot.is-sm {
    font-size: 1rem;
    width: 1.5rem;
    height: 1.5rem; }
  .c-ico--spot.is-md {
    font-size: 2rem;
    width: 2.5rem;
    height: 2.5rem; }
  .c-ico--spot.is-lg {
    font-size: 3rem;
    width: 3.5rem;
    height: 3.5rem; }
  .c-ico--spot [class^="c-ico--"] {
    color: #fff; }
  .c-ico--spot div {
    position: absolute;
    top: 5px;
    left: 5px; }

.c-List {
  padding: 0;
  margin: 0;
  list-style: none; }

.iziModal {
  border-bottom: transparent !important; }
  .iziModal .iziModal-header {
    box-shadow: none;
    padding-bottom: 0; }
  .iziModal .iziModal-header-title,
  .iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
    font-size: 1.25rem;
    /* font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "Segoe UI", sans-serif; */
    font-weight: normal; }
  .iziModal.is-default .iziModal-header-title, .iziModal.is-default .iziModal-header-subtitle {
    color: #fff; }
  .iziModal .iziModal-header-subtitle {
    font-size: 0.75rem;
    margin-bottom: .75rem;
    margin-top: 0.5rem; }
  .iziModal .iziModal-header-subtitle,
  .iziModal .iziModal-header-title {
    text-align: center;
    color: inherit;
    /* font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "Segoe UI", sans-serif; */
  }
  .iziModal .iziModal-button-close {
    width: 3rem;
    height: 3rem;
    position: absolute;
    top: -8px;
    right: 0;
    background: rgba(255, 255, 255, 0.2);
    text-decoration: none;
    opacity: 1; }
    .iziModal .iziModal-button-close::before {
      font-size: 2rem;
      content: "\e914";
      font-family: "icomoon";
      color: #fff;
      position: absolute;
      top: 2px;
      right: 8px; }
    .iziModal .iziModal-button-close:hover {
      background-position: center;
      transform: none; }
    .iziModal .iziModal-button-close .iniModal .iziModal-button {
      background-size: auto !important;
      transition: none; }

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-title {
  margin-top: 0; }

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-header-subtitle {
  margin: 0;
  padding: 0; }

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button-close {
  transform: scale(0.75); }

.iziModal .iziModal-header.iziModal-noSubtitle .iziModal-button {
  width: 3rem;
  height: 3rem; }

#ModalSpotDetail .iziModal-header,
#ModalGoogleSpotDetail .iziModal-header,
#ModalTimelineSpotDetail .iziModal-header,
#ModalTimelineRouteDetail .iziModal-header,
#ModalTimelineUtteranceDetail .iziModal-header {
  height: 3rem;
  color: #fff; }

#ModalSpotDetail .c-Card,
#ModalGoogleSpotDetail .c-Card,
#ModalTimelineSpotDetail .c-Card,
#ModalTimelineRouteDetail .c-Card,{
  box-shadow: none; }

html.iziModal-isOverflow body, html.iziModal-isAttached body {
  overflow-y: hidden; }

.c-Modal__content-icons {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: .5rem; }

.c-Modal__content-icon--wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  max-width: 20%;
  text-align: center;
  font-size: 0.8rem;
  padding: .5rem;
  border-radius: 10rem; }
  .c-Modal__content-icon--wrap:hover {
    cursor: pointer;
    background: rgba(0, 0, 0, 0.1); }
  .c-Modal__content-icon--wrap.is-noactive .c-ico--spot {
    background: #fff;
    box-shadow: none; }
  .c-Modal__content-icon--wrap.is-noactive [class^="c-ico--"] {
    color: #a8acae; }
  .c-Modal__content-icon--wrap.is-noactive .c-Modal__content-icon--text {
    color: #a8acae; }

.c-Modal__content-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin: auto;
  border-radius: 50%;
  position: relative;
  transition: all 0.3s;
  color: #fff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.2); }
  .c-Modal__content-icon [class^="c-ico--"] {
    font-size: 3rem; }
  .c-Modal__content-icon div {
    position: absolute;
    top: 5px;
    left: 5px; }
  .c-Modal__content-icon span {
    font-size: 0.7rem; }

#ModalIconInfo .iziModal-wrap .c-Modal__content-inner {
  max-height: none; }

.iziModal-wrap .c-Modal__content-inner {
  background: #eeeeee;
  border-radius: 0.125rem;
  padding: 1rem;
  max-height: 58vh;
  overflow-y: auto; }
  .iziModal-wrap .c-Modal__content-inner.is-noback {
    background: transparent;
    padding: 0; }
  .iziModal-wrap .c-Modal__content-inner hr {
    border: none;
    height: 1px;
    background: #fff; }

.iziModal-wrap .c-Modal__control {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .iziModal-wrap .c-Modal__control .c-btn--primary,
  .iziModal-wrap .c-Modal__control .c-btn--secondary,
  .iziModal-wrap .c-Modal__control .c-btn--default,
  .iziModal-wrap .c-Modal__control .c-Pager-btn--prev,
  .iziModal-wrap .c-Modal__control .c-Pager-btn--next {
    width: 100%; }

.c-Modal__control-item {
  -ms-flex: 0 1 49%;
  flex: 0 1 49%;
  padding-top: 1rem;
  padding-bottom: .5rem; }

.c-Modal__content-icon--text {
  font-size: .875rem;
  padding: 0.25rem 0; }

.c-Modal__list-info--wrap {
  margin-top: -.5rem; }

.c-Modal__list-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0; }

.c-Modal__title-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1 1 3rem;
  flex: 1 1 3rem;
  max-width: 3rem;
  margin: 0;
  padding: 0.5rem 0.5rem 0.5rem 0;
  border-bottom: 1px solid #fff;
  font-size: .875rem; }
  .c-Modal__title-info .c-ico--slope, .c-Modal__title-info .c-ico--barrierSpot {
    position: absolute;
    display: block;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 2rem;
    height: 2rem; }

.c-Modal__text-info {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: calc(50% - 3rem);
  font-size: 0.75rem;
  margin: 0;
  padding: 0.5rem 0;
  border-bottom: 1px solid #fff; }
  .c-Modal__text-info br {
    display: none; }

.c-Modal__text-title {
  font-size: .875rem;
  margin-bottom: .25rem; }

.c-Modal__switch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem;
  position: absolute;
  top: 1.5rem;
  right: 3rem; }

.c-Modal__switch-label {
  margin-right: 1rem; }

.c-Modal__text--muted {
  padding: 0.5rem 1rem;
  font-size: 0.85rem; }

.c-Modal__title-detail#ModalSearch__title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 0;
  font-size: .875rem; }

.c-Modal__title-detail .c-Form__checkbox-label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c-Modal__title-detail .c-Form__search {
  width: 100%;
  margin-bottom: 1rem; }

.c-Modal__content-detail#ModalSearch__content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.c-Modal__content-detail .c-Form__checkbox-label {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.c-Modal__content-toggle {
  display: inline-block;
  width: 4rem;
  padding: 0.25rem;
  background: #b2b2b2;
  border-radius: 5px;
  color: #fff;
  text-align: center; }

.c-Modal__subcontent-detail {
  width: 90%;
  margin: 1rem auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  flex-wrap: wrap; }
  .c-Modal__subcontent-detail .c-Form__checkbox-wrap {
    margin-bottom: 0.5rem; }
    .c-Modal__subcontent-detail .c-Form__checkbox-wrap.is-column-two {
      flex: 1 1 35%; }
    .c-Modal__subcontent-detail .c-Form__checkbox-wrap .c-Form__checkbox-label span {
      margin-left: 0; }
    .c-Modal__subcontent-detail .c-Form__checkbox-wrap .c-Form__checkbox-label::before {
      top: 6px; }
    .c-Modal__subcontent-detail .c-Form__checkbox-wrap .c-Form__checkbox:checked + .c-Form__checkbox-label::after {
      top: 10px; }

.c-Modal__content-toggle:hover {
  cursor: pointer; }

.c-Modal__maparea {
  height: 15rem;
  width: 15rem;
  position: relative;
  background-image: url(../../img/web/map-square.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 110% auto; }
  #ModalTimelineRouteDetail .c-Modal__maparea {
    width: calc(100% - 1.5rem);
    margin: 0.5rem .75rem 0 .75rem;
    background-position: center  center; }
    #ModalTimelineRouteDetail .c-Modal__maparea .c-Modal__btnarea {
      bottom: 0.5rem; }
  .c-Modal__maparea .c-Modal__btnarea {
    position: absolute;
    left: 0;
    bottom: calc(50% - 1.5rem);
    width: 100%;
    pointer-events: none; }
    .c-Modal__maparea .c-Modal__btnarea .c-btn--primary {
      display: inline-block;
      pointer-events: auto;
      cursor: pointer; }
      .c-Modal__maparea .c-Modal__btnarea .c-btn--primary:hover {
        background: #0255b3; }

.c-Modal__maparea__route {
  /* height: 15rem; */
  width: 15rem;
  position: relative;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 110% auto;
  cursor: pointer; }
  .c-Modal__maparea__route .c-btn--primary:hover {
    background: #0255b3; }
  #ModalTimelineRouteDetail .c-Modal__maparea__route {
    aspect-ratio: 1 / 1;
    width: calc(100% - 1.5rem);
    margin: 0.5rem .75rem 0 .75rem;
    background-position: center  center; }
    #ModalTimelineRouteDetail .c-Modal__maparea__route .c-Modal__btnarea {
      bottom: 0.5rem; }
  .c-Modal__maparea__route .c-Modal__btnarea {
    z-index: 10;
    position: absolute;
    left: 0;
    bottom: calc(50% - 1.5rem);
    width: 100%;
    pointer-events: none;
    }
    .c-Modal__maparea__route .c-Modal__btnarea .c-btn--primary {
      display: inline-block;
    pointer-events: auto;
    }
    
.iziModal-content .c-Card__list {
  padding: .75rem; }

#ModalSearch .iziModal-content {
  min-height: calc(100vh - 63px - 16px); }

.c-Pager {
  padding: 0.25rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .c-Pager.c-Pager--around {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .c-Pager.c-Pager--around div {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row; }

.c-Pager-btn--prev,
.c-Pager-btn--next {
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
  position: relative;
  line-height: 1;
  cursor: pointer; }
  .c-Pager-btn--prev:hover,
  .c-Pager-btn--next:hover {
    background: rgba(0, 32, 99, 0.1); }
  .c-Pager-btn--prev:focus, .c-Pager-btn--prev:focus-within,
  .c-Pager-btn--next:focus,
  .c-Pager-btn--next:focus-within {
    background: rgba(0, 32, 99, 0.2);
    box-shadow: none; }

.c-Pager-btn--prev {
  padding: 0.5rem 0.5rem 0.5rem 1.25rem; }
  .c-Pager-btn--prev::before {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    left: 8px;
    background: transparent;
    box-shadow: inset 2px -2px 0 1px #263238;
    width: 0.5rem;
    height: 0.5rem;
    transform: rotateZ(45deg); }

.c-Pager-btn--next {
  padding: 0.5rem 1.25rem 0.5rem 0.5rem; }
  .c-Pager-btn--next::after {
    content: "";
    display: block;
    position: absolute;
    top: 14px;
    right: 8px;
    background: transparent;
    box-shadow: inset -2px 2px 0 1px #263238;
    width: 0.5rem;
    height: 0.5rem;
    transform: rotateZ(45deg); }

.c-Pager-item {
  margin-left: 0.25rem; }
  .c-Pager-item.is-text {
    font-size: 0.875rem; }

.c-Switch {
  display: none; }
  .c-Switch + .c-Switch-item {
    background-color: #DDDDDD;
    box-shadow: inset 0 3px 0 0 rgba(30, 57, 104, 0.3);
    border-radius: 30px;
    cursor: pointer;
    display: block;
    height: 30px;
    padding: 2px;
    position: relative;
    outline: none;
    transition: background 0.3s;
            user-select: none;
    width: 60px; }
    .c-Switch + .c-Switch-item:hover {
      background: #aaaaaa;
      box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, 0.5); }
    .c-Switch + .c-Switch-item:after, .c-Switch + .c-Switch-item:before {
      content: "";
      display: block;
      left: 1px;
      position: absolute;
      top: 1px; }
    .c-Switch + .c-Switch-item:before {
      border-radius: 30px;
      left: auto;
      right: 1px;
      transition: background 0.3s; }
    .c-Switch + .c-Switch-item:after {
      background-color: #FFF;
      border-radius: 100%;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
      height: 24px;
      margin: 2px;
      transition: margin 0.4s;
      width: 24px; }
  .c-Switch:checked + label::after {
    margin-left: 30px; }
  .c-Switch + .c-Switch-item:after {
    border-radius: 1rem;
    font-weight: bold;
    text-align: center; }
  .c-Switch:checked + .c-Switch-item {
    background: #1f87fc; }

.c-Switch__short-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding-right: 1rem;
  font-size: 0.875rem; }
  .c-Switch__short-wrap:before {
    content: "";
    color: #fff;
    padding-right: 0.5rem;
    padding-top: 4px; }
  .c-Switch__short-wrap:after {
    content: "";
    color: #fff;
    padding-left: 0.5rem;
    padding-top: 4px; }

.c-Switch__short {
  display: none; }
  .c-Switch__short + .c-Switch__short-item {
    background-color: #C9D6E9;
    box-shadow: inset 0 3px 0 0 rgba(30, 57, 104, 0.3);
    border-radius: 24px;
    cursor: pointer;
    display: block;
    height: 24px;
    padding: 2px;
    position: relative;
    outline: none;
    transition: background 0.3s;
            user-select: none;
    width: 48px; }
    .c-Switch__short + .c-Switch__short-item:hover {
      background: #819fcb;
      box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, 0.5); }
    .c-Switch__short + .c-Switch__short-item:after, .c-Switch__short + .c-Switch__short-item:before {
      content: "";
      display: block;
      left: 1px;
      position: absolute;
      top: 1px; }
    .c-Switch__short + .c-Switch__short-item:before {
      border-radius: 24px;
      left: auto;
      right: 1px;
      transition: background 0.3s; }
    .c-Switch__short + .c-Switch__short-item:after {
      background-color: #FFF;
      border-radius: 100%;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
      height: 18px;
      margin: 2px;
      transition: margin 0.4s;
      width: 18px; }
  .c-Switch__short:checked + label::after {
    margin-left: 24px; }

.c-Switch__long-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 24px;
  background: #C9D6E9;
  box-shadow: inset 0 3px 0 0 rgba(30, 57, 104, 0.3);
  position: relative;
  height: 28px; }
  .c-Switch__long-wrap:hover {
    background: #819fcb;
    box-shadow: inset 0 0 1px 3px rgba(255, 255, 255, 0.5);
    cursor: pointer; }
    .c-Switch__long-wrap:hover .c-Switch__label {
      color: #fff; }
  .c-Switch__long-wrap::before {
    content: "";
    display: block;
    background: #fff;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.15);
    height: 22px;
    width: 4.25rem;
    position: absolute;
    border-radius: 24px;
    margin: 2px;
    top: 1px;
    left: 1px; }
  .c-Switch__long-wrap.is-1week::before {
    margin-left: 2px; }
  .c-Switch__long-wrap.is-8week::before {
    margin-left: 4.75rem; }
  .c-Switch__long-wrap.is-6manth::before {
    margin-left: 9.5rem; }

.c-Switch__label {
  border-radius: 1.714rem;
  height: 1.714rem;
  margin: 2px;
  transition: margin 0.4s;
  width: 1.714rem;
  padding: 0.25rem 0.5rem;
  color: #66696b;
  margin: 0 0.5rem;
  position: relative;
  cursor: pointer; }

.c-Switch__radio {
  display: none; }
  .c-Switch__radio:checked + .c-Switch__label {
    font-weight: bold; }

/* ---------------------------------------------------------------------------------------
  Project -　固有パターン
 ---------------------------------------------------------------------------------------*/
.Detail .c-Card {
  box-shadow: none; }

.Detail__slide.slick-slider {
  margin-bottom: 0.5rem; }

.Detail__slide .slick-slide {
  height: 9.5rem;
  overflow: hidden;
  padding: 0.5rem;
  border-radius: 0.5rem; }

.Detail__slide .slick-dots {
  bottom: 0; }

.Detail__slide .slick-prev, .Detail__slide .slick-next {
  z-index: 1; }
  .Detail__slide .slick-prev:before, .Detail__slide .slick-next:before {
    color: #888b8d; }

.Detail__slide .slick-prev {
  left: 0; }

.Detail__slide .slick-next {
  right: 0; }

.Detail__slide img {
  border-radius: 0.125rem; }

.Detail__imglist {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto;
  margin-bottom: 0.5rem;
  text-align: center; }
  .Detail__imglist img {
    max-width: 44%;
    max-height: 9rem;
    margin: 0.25rem;
    border-radius: 0.125rem; }

.Detail__slide-img {
  max-width: 100%; }

.Detail__main-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0 0 0.25rem 0;
  font-weight: normal;
  font-size: 1.25rem; }
  .Detail__main-title span{
    margin-left: -0.5rem;
  }
  .Detail__main-title div img{
    display: block;
    margin: auto;
  }
  .Detail__main-title .c-ico__googlephoto {
    margin-right: 0.5rem; }

.Detail__main-number {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  color: #66696b;
  margin-top: .5rem; }
  .Detail__main-number > li {
    padding-right: 1.5rem;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }
  .Detail__main-number .c-btn--spot {
    font-size: .875rem;
    padding: .25rem .5rem; }
  .Detail__main-number .is-star {
    color: #ffc107; }
  .Detail__main-number .is-view {
    color: #4285f4; }
  .Detail__main-number .is-good {
    color: #ec3a77; }
  .Detail__main-number .is-comment {
    color: #ff9800; }
  .Detail__main-number .is-bookmark {
    color: #893f94; }
  .Detail__main-number .is-photo {
    color: #002063; }
  .Detail__main-number .is-url {
    margin-left: auto;
    padding-right: 0; }
    .Detail__main-number .is-url .c-btn--spot {
      background: #ECEFF1;
      color: #263238; }
      .Detail__main-number .is-url .c-btn--spot:hover {
        background: #b1bec6; }
  .Detail__main-number .is-detail {
    margin-left: .5rem;
    margin-right: 0;
    padding-right: 0; }
  .Detail__main-number [class^="c-ico--"], .Detail__main-number [class*=" c-ico--"] {
    margin-right: .25rem;
    font-size: 1.5rem; }
    .Detail__main-number .Spot__list-icon, .Detail__main-number .Spot__list-icon {
      margin-right: .25rem;
      font-size: 0.5rem; }

.Detail__btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: distribute;
  justify-content: space-around; }
  .Detail__btn .Detail__btn-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0.5rem;
    border-radius: 5px; }
    .Detail__btn .Detail__btn-wrap:hover {
      background: #e8f3ff;
      cursor: pointer; }
    .Detail__btn .Detail__btn-wrap .c-ico__wrap {
      width: 2.3rem;
      height: 2.3rem;
      margin: auto;
      color: #fff; }
    .Detail__btn .Detail__btn-wrap span {
      margin-left: 0.5rem; }

.Detail__evaluation-title {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 0 0.25rem;
  font-weight: normal;
  font-size: 1rem; }

.Detail__evaluation-title--text {
  padding-right: 1rem; }

.Detail__evaluation-review {
  color: #9e9e9e;
  font-size: 1.75rem; }
  .Detail__evaluation-review i.is-active {
    color: #ffc107;
    margin-bottom: -2px; }

.Detail__evaluation {
  display: none;
  position: relative;
  padding-top: .5rem; }

.Detail__evaluation-open .c-ico--zoomin {
  transition: .3s all; }

.Detail__evaluation-open.is-active .c-ico--zoomin {
  transform: rotateZ(45deg); }

.Detail__evaluation-list li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.5rem; }
  .Detail__evaluation-list li:not(:first-child) {
    border-top: 1px solid #fbfbfb; }
  .Detail__evaluation-list li .Detail__evaluation-list--question {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%; }
  .Detail__evaluation-list li .Detail__evaluation-list--answer {
    -ms-flex: 1 1 20%;
    flex: 1 1 20%;
    color: #9e9e9e;
    text-align: right; }
    .Detail__evaluation-list li .Detail__evaluation-list--answer span {
      display: inline-flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .Detail__evaluation-list li .Detail__evaluation-list--answer span i {
        font-size: 2rem;
        padding-right: .5rem; }
    .Detail__evaluation-list li .Detail__evaluation-list--answer .answer-positive {
      padding-right: 1.5rem; }
    .Detail__evaluation-list li .Detail__evaluation-list--answer .answer-positive.is-active {
      color: #ec3a77; }
    .Detail__evaluation-list li .Detail__evaluation-list--answer .answer-negative.is-active {
      color: #4285f4; }

.Detail__comment-wrap {
  padding: .75rem;
  padding-bottom: 0;
  background: #ffc107; }
  .Detail__comment-wrap:hover {
    background: #ffc107 !important; }

.Detail__comment-number {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: .5rem; }
  .Detail__comment-number li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 1rem;
    color: #66696b; }
    .Detail__comment-number li [class^="c-ico--"], .Detail__comment-number li [class*=" c-ico--"] {
      margin-right: .25rem;
      font-size: 1.5rem; }
  .Detail__comment-number .is-star {
    color: #ffc107; }
  .Detail__comment-number .is-view {
    color: #4285f4; }
  .Detail__comment-number .is-good {
    color: #ec3a77; }
  .Detail__comment-number .is-comment {
    color: #ff9800; }
  .Detail__comment-number .is-bookmark {
    color: #893f94; }
  .Detail__comment-number .is-photo {
    color: #002063; }
  .Detail__comment-number .is-translate {
    margin-left: auto; }

.Detail__info-wrap {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.Detail__info {
  -ms-flex: 1 1 50%;
  flex: 1 1 50%;
  max-width: calc(100% - 15rem); }
  .Detail__info .Detail__info-list li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0.5rem auto; }
  .Detail__info .Detail__info-list i {
    margin-right: 0.5rem;
    color: #ffc107;
    font-size: 1.2rem; }
  .Detail__info .Detail__info-list a {
    color: #ffc107;
    text-decoration: none; }

.Detail__route-wrap {
  padding: .75rem;
  padding-bottom: 0;
  background: #E93B2D; }
  .Detail__route-wrap:hover {
    background: #E93B2D !important; }

.Detail__route-status {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: .5rem; }
  .Detail__route-status div {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 1rem; }
    .Detail__route-status div i {
      font-size: 1.2rem; }

.Detail__utterance-wrap {
  border-radius: 0.125rem;
  overflow: hidden;
  padding: .75rem;
  padding-bottom: 0;
  /* background: #34A853; } */
}

.Detail__spot-wrap .c-Card:hover {
  background: #fff;
  cursor: default; }

.Detail__search-date {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }
  .Detail__search-date .c-Form-select {
    background: #fff;
    margin-right: .5rem; }
    .Detail__search-date .c-Form-select:last-child {
      margin-right: 0; }

.Detail__Modal-thumb {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }
  .Detail__Modal-thumb .Detail__Modal-thumb--btn {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    cursor: pointer;
    background: #fff;
    box-shadow: none;
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 0.125rem 0.125rem 0 0; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn [class^="c-ico--"] {
      color: #a8acae;
      position: relative;
      z-index: 1;
      border-radius: 3rem; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn .c-Modal__content-icon--text {
      color: #a8acae; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn .c-ico--slope,
    .Detail__Modal-thumb .Detail__Modal-thumb--btn .c-ico--barrierSpot {
      margin-left: 1rem; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-selected {
      position: relative; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-selected::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        display: block;
        width: 100%;
        z-index: 0; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-active [class^="c-ico--"] {
      color: #fff; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-shop.is-selected {
      background: #FFF8E1; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-shop.is-selected [class^="c-ico--"] {
        color: #FF9800; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-shop.is-selected.is-active [class^="c-ico--"] {
        color: #fff; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-shop.is-active [class^="c-ico--"] {
      background: #FF9800; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-station.is-selected {
      background: #E0F7FA; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-station.is-selected [class^="c-ico--"] {
        color: #00BCD4; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-station.is-selected.is-active [class^="c-ico--"] {
        color: #fff; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-station.is-active [class^="c-ico--"] {
      background: #00BCD4; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-hotel.is-selected {
      background: #F3E5F5; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-hotel.is-selected [class^="c-ico--"] {
        color: #9C27B0; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-hotel.is-selected.is-active [class^="c-ico--"] {
        color: #fff; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-hotel.is-active [class^="c-ico--"] {
      background: #9C27B0; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-other.is-selected {
      background: #EFEBE9; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-other.is-selected [class^="c-ico--"] {
        color: #795548; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-other.is-selected.is-active [class^="c-ico--"] {
        color: #fff; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-other.is-active [class^="c-ico--"] {
      background: #795548; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-favorite.is-selected {
      background: #C5CAE9; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-favorite.is-selected [class^="c-ico--"] {
        color: #1A237E; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-favorite.is-selected.is-active [class^="c-ico--"] {
        color: #fff; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-favorite.is-active [class^="c-ico--"] {
      background: #1A237E; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-toilet.is-selected {
      background: #FCE4EC; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-toilet.is-selected [class^="c-ico--"] {
        color: #E91E63; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-toilet.is-selected.is-active [class^="c-ico--"] {
        color: #fff; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-toilet.is-active [class^="c-ico--"] {
      background: #E91E63; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-elevator.is-selected {
      background: #E1F5FE; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-elevator.is-selected [class^="c-ico--"] {
        color: #2196F3; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-elevator.is-selected.is-active [class^="c-ico--"] {
        color: #fff; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-elevator.is-active [class^="c-ico--"] {
      background: #2196F3; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-parking.is-selected {
      background: #E0F2F1; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-parking.is-selected [class^="c-ico--"] {
        color: #009688; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-parking.is-selected.is-active [class^="c-ico--"] {
        color: #fff; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-parking.is-active [class^="c-ico--"] {
      background: #009688; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-slope.is-selected {
      background: #E8EAF6; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-slope.is-selected [class^="c-ico--"] {
        color: #3F51B5; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-slope.is-selected.is-active [class^="c-ico--"] {
        color: #fff; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-slope.is-active [class^="c-ico--"] {
      background: #3F51B5; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-barrierSpot.is-selected {
      background: #ffebee; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-barrierSpot.is-selected [class^="c-ico--"] {
        color: #f44336; }
      .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-barrierSpot.is-selected.is-active [class^="c-ico--"] {
        color: #fff; }
    .Detail__Modal-thumb .Detail__Modal-thumb--btn.is-barrierSpot.is-active [class^="c-ico--"] {
      background: #f44336; }

.Detail__Modal-panel {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  display: none;
  width: 100%;
  padding: 1rem;
  padding-bottom: 3rem;
  position: relative; }
  .Detail__Modal-panel.is-active {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row; }
  .Detail__Modal-panel.is-shop {
    background: #FFF8E1; }
  .Detail__Modal-panel.is-station {
    background: #E0F7FA; }
  .Detail__Modal-panel.is-hotel {
    background: #F3E5F5; }
  .Detail__Modal-panel.is-other {
    background: #EFEBE9; }
  .Detail__Modal-panel.is-favorite {
    background: #C5CAE9; }
  .Detail__Modal-panel.is-toilet {
    background: #FCE4EC; }
  .Detail__Modal-panel.is-elevator {
    background: #E1F5FE; }
  .Detail__Modal-panel.is-parking {
    background: #E0F2F1; }
  .Detail__Modal-panel.is-slope {
    background: #E8EAF6; }
  .Detail__Modal-panel.is-barrierSpot {
    background: #ffebee; }
  .Detail__Modal-panel.is-empty {
    padding: 0;
    height: 0;
    overflow: hidden; }
  .Detail__Modal-panel .c-Form__checkbox-label {
    margin-right: 0;
    padding: 0.5rem;
    width: 100%; }
    .Detail__Modal-panel .c-Form__checkbox-label:hover {
      background: rgba(0, 0, 0, 0.05); }
    .Detail__Modal-panel .c-Form__checkbox-label::before {
      left: .75rem; }
    .Detail__Modal-panel .c-Form__checkbox-label span {
      margin-left: 2rem; }
  .Detail__Modal-panel .c-Form__checkbox:checked + .c-Form__checkbox-label::after {
    left: 1rem; }

.Detail__Modal-panel--item {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%; }

.Detail__Modal-panel--switch {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  z-index: 100; }

.Syleguide {
  font-size: 16px; }
  .Syleguide [class^="c-ico--"] {
    font-size: 5rem;
    margin: auto; }
  .Syleguide .c-ico--all-color, .Syleguide .c-ico--barrierSpot, .Syleguide .c-ico--slope {
    width: 5rem;
    height: 5rem; }
  .Syleguide code {
    font-family: -apple-system, BlinkMacSystemFont, "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, "Segoe UI", sans-serif;
    font-size: 0.75rem;
    padding: 0 0.5rem;
    background: #fffcb4;
    border-radius: 3px;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    white-space: nowrap; }
  .Syleguide .l-Main {
    display: block; }

.Style__main {
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
  -ms-overflow-style: none;
  overflow-y: auto;
  background: none; }

.Style__main::-webkit-scrollbar {
  display: none; }

.Style__side {
  -ms-flex: 0 0 300px;
  flex: 0 0 300px;
  box-shadow: -5px 0 5px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow-y: scroll;
  -ms-overflow-style: none; }

.Style__side::-webkit-scrollbar {
  display: none; }

.Style__title__main {
  border-bottom: 1px solid #EEE;
  margin: -1rem;
  padding: 0.5rem 0 0.5rem 2rem;
  font-size: 0.875rem;
  font-weight: normal;
  color: #666;
  box-shadow: 0 5px 5px -4px rgba(0, 0, 0, 0.1); }

.Style__title {
  margin: 0 0 1rem 0; }
  .Style__title:first-letter {
    font-size: 1.25em;
    color: #00184a; }

.Style__title-sub {
  font-weight: bold;
  display: block;
  padding: 0.5rem 0 0.25rem; }

.Style__section {
  padding: 1rem 1rem 2rem 1rem;
  margin: 1rem auto;
  border-bottom: 1px solid #eee; }

.Style__pre {
  background: #333;
  color: #FFF;
  padding: 0.5rem;
  border-radius: 0.5rem; }

.Style__muted {
  background: #EEE;
  padding: 0.25rem;
  border-radius: 0.25rem;
  display: block;
  margin: 0.5rem 0;
  color: #666; }

.Style__nav a {
  display: block;
  padding: 0.5rem 1rem;
  box-shadow: inset 0 -1px 0 0 #EEE;
  text-decoration: none;
  color: #666; }
  .Style__nav a::before {
    content: "- "; }
  .Style__nav a:hover {
    background: rgba(0, 32, 99, 0.1); }

.Style__list-icon {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .Style__list-icon > li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex: 0 0 10rem;
    flex: 0 0 10rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    margin: 0.5em;
    background: #EEE;
    border-radius: 0.25rem; }
    .Style__list-icon > li code {
      color: #fff;
      background: #1f87fc;
      border-radius: 0.25rem;
      margin: 5px; }

.Style__content-list {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .Style__content-list dt {
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
    margin: 0;
    padding: 0.25rem 0; }
  .Style__content-list dd {
    -ms-flex: 0 0 85%;
    flex: 0 0 85%;
    margin: 0;
    padding: 0.25rem 0; }

/* ---------------------------------------------------------------------------------------
  Utility -　その他
 ---------------------------------------------------------------------------------------*/
.u-text-left {
  text-align: left; }

.u-text-center {
  text-align: center; }

.u-text-right {
  text-align: right; }

.u-ml-auto {
  margin-left: auto; }

.u-mr-auto {
  margin-right: auto; }

.u-mt-md {
  margin-top: 1rem; }

.u-mt-lg {
  margin-top: 1.5rem; }

.u-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none; }
  .is-detail .u-overlay {
    display: none; }

.u-overlay__side {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  width: 20rem;
  z-index: 100; }

@media screen and (min-width: 1920px) {
    .u-overlay__side{
        width: calc((50% - 960px) + 20rem);
    }
}

.u-d-flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row; }

.u-justify-between {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.u-v-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.u-route {
  color: #EA4335; }

.u-utterance {
  color: #34A853; }

.u-shop {
  color: #FF9800; }

.u-station {
  color: #00BCD4; }

.u-hotel {
  color: #9C27B0; }

.u-other {
  color: #795548; }

.u-favorite {
  color: #1A237E; }

.u-toilet {
  color: #E91E63; }

.u-elevator {
  color: #2196F3; }

.u-parking {
  color: #009688; }

.u-slope {
  color: #3F51B5; }

.u-barrierSpot {
  color: #f44336; }

.u-translate {
  color: #66696b; }

/*# sourceMappingURL=styles.css.map */

/* 以下レスポンシブ対応 */

/* checkboxの位置は左にずらす。 */
#l-Side__btn-check {
  position: fixed;
  left: -100px;
}

/* SP版左サイドバー */
.l-Side__left-sp {
  display: none;
}

/* SP版ヘッダー */
.l-Main__sp-logo-header {
  display: none;
}

/* 表示非表示 */
.l-Main__right-list {
  display:none;
}

/* レスポンシブ設定タブレット幅以下 */
@media screen and (max-width: 1024px) {
  /* 左サイドバー設定値 */

  /* 左上サイドボタン開閉用メニューボタン作成 */
  .l-Side__btn {
    position: fixed;
    top: 8px;
    left: 8px;
    display: flex;
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
    z-index:100;
    background: rgba(0, 32, 99, 1);
    border-radius: 0px;
  }

  .l-Side__header-lang {
    font-size: 12px;
    margin-top: 15px;
    margin-left: 12px;
    width: 120px;
  }

  .l-Side__btn span,
  .l-Side__btn span::before,
  .l-Side__btn span::after {
      content: '';
      display: block;
      height: 3px;
      width: 20px;
      border-radius: 3px;
      background-color: #fff;
      position: absolute;
  }

  .l-Side__btn span::before { 
    bottom: 8px;
  }
  
  .l-Side__btn span::after { 
    top: 8px;
  }

  /* メニュー押下後の設定 */
  #l-Side__btn-check:checked ~ .l-Side__btn { 
      position: fixed;
      top: 6px;
      left: 17.8rem;
      transition: all 0.2s;
      border-radius: 100px;
  }
  #l-Side__btn-check:checked ~ .l-Side__btn span {
    background-color: rgba(255,255,255,0);
  }

  #l-Side__btn-check:checked ~ .l-Side__btn span::before { 
    bottom: 0;
    transform: rotate(45deg);
  }

  #l-Side__btn-check:checked ~ .l-Side__btn span::after {
    top: 0;
    transform: rotate(-45deg);
  }

  /* 左サイドバー開閉設定 */
  .l-Side {
    height: 100%;
    position:fixed;
    top: 0;
    left: -100%;
    background-color: #fff;
    z-index: 99;
    transition: all 0.2s;
  }

  #l-Side__btn-check:checked ~ .l-Side-top {
    left: 0px;
  }

  /* l-mainを幅100%で表示する */
  #l-Side__btn-check:checked ~ .l-main {
    width: 100%;
    max-width: 100%;
    position:fixed;
  }

  /* スポット詳細の高さを調整 */
  .l-Main__spot--wrap.is-down {
    top: 56px;
  }

  /* SP版ヘッダーの表示領域を確保 */
  .l-Main {
    margin-top: 43px;
  }

  .l-Main__sp-logo-header {
    display: block;
    height: 55px;
    top: -17px;
    position: fixed;

    left:50%;
    transform: translateX(-50%);
  }
  .l-Main__sp-logo-header img {
    margin-top: 0px;
    transform: scale(0.8);
  }

  /* SP版のみ表示するサイドバー */
  .l-Side__left-sp {
    margin-top: 20px;
    display:flex;
    flex-direction: column;
    padding-left: 5px;
    width: 36px;
    height: 190px;
    position: fixed;
    justify-content: space-between;
    z-index:98;
  }

  #c-ico--all-color-sp .path12:before {
    position: relative;
  }

  /* レスポンシブ1列左サイドバー設定 */
  .l-Side__menu-content_sp {
    margin-bottom: 12px;
  }

  .l-Side__left-sp i{
    font-size: 2rem;
  }

  .l-Side__menu-content_sp i.c-ico--pin {
    color: #fbbc04;
  }

  .l-Side__menu-content_sp i.c-ico--route {
    color: #EA4335;
  }

  .l-Side__menu-content_sp i.c-ico--utterance {
    color: #34A853;
  }

  /* hover設定 */
  .l-Side__menu-content_sp:hover {
    background: #E1F5FE;
  }

  .l-Side__menu-content_sp-spot:hover {
    background: #E1F5FE;
  }

  .l-Side__menu-content_sp-line {
    border-top: 1px solid grey;
    width : 20px;
    margin-left: auto;
    margin-right: auto;
  }

  .l-Side__menu-content_sp-spot {
    margin-top: 12px;
  }

  /* タイムライン設定 */
  /* 1列左サイドバー分だけずらす */
  .l-Main__timeline {
    margin-left: 32px;
  }

  /* ユーザーネーム折り返し設定 */
  .c-Card__meta--name {
    font-size: 14px;
    white-space: nowrap;
  }

  /* テキスト折り返し設定 */
  .c-Card__body-text {
    overflow-wrap: anywhere;
  }

  .c-Card__comment {
    overflow-wrap: break-word;
  }
}

/* 右カラム設定値 */

.l-Main__column-adsense {
  width: 100%;
  height: 94px;
  padding-bottom: 0;
  line-height: 1; 
}

.l-Main__column-adsense img {
  width : auto;
  height: 100%; 
}

.l-Main__column-adsense ul {
list-style: none;
width : 100%;
height: 100%;
margin : auto;
padding-inline-start: 0px;
text-align: center;
}

.l-Main__column-adsense #adsense-silver, .l-Main__column-adsense #adsense-special{
  text-align: left;
}

.l-Main__column-adsense ul li {
  display: inline-block;
  height: 70px; 
  margin: 0 2px;
}

.l-Main__column-adsense #adsense-platinum li , .l-Main__column-adsense #adsense-gold li{
  width : auto;
}

.l-Main__column-adsense #adsense-silver li {
  width : 47%;
}

.l-Main__column-adsense #adsense-special li {
  width : 30%;
}

.l-Main__column-adsense ul li img{
width : 100%;
margin: auto;
height : 74px;
object-fit: contain;
}

.l-Main__column-subtitle-sp {
  font-size: 0.75rem;
  padding : 4px 0 ;
  text-align: left;
  display: none;
}

/* レスポンシブ設定スマホ */
@media screen and (max-width: 599px) {

  .l-Main__right-list {
    width : calc(100% - 106px);
    height:90px;
    padding-top: 10px;
    /* 表示 */
    display:block;
  }

  .l-Main__column-adsense-pc {
    display:none;
  }

  /* 右カラム(スポンサー広告、画像表示) */
  
  /* QRコードとアプリを手に入れようテキスト表示を消す */
  #l-Main__right--appDl-text, .l-Main__column-qr {
    display: none;
  }
  /* スポンサー詳細を消す */
  .l-Main__column-sponcers-detail {
    display: none;
  }
  
  /* 手に入れようボタンの配置 */
  .l-Main__column-apps {
    position: relative;
    flex-direction: column;
    /* 高さと幅を完全に固定する */
    width: 82px;
    height: 79px;
    margin-top: 8px;
    margin-left: 3px;
  }

  .l-Main__column-apps .is-ios {
    padding: 0;
    margin-right: 4px;
  }

  .l-Main__column-apps .is-android {
    transform: scale(1.2);
    margin-left: 7px;
    padding: 8px 9px 0 0;
  }

  /* アプリをダウンロードボタンを表示 */

  .l-Main__column--right {
    padding-right: 0;
    padding-left: 0;
    margin-left: 0;
    margin-right: 0;
    max-width: 100%;
    height: 90px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    left: 0px;
    display: flex;
    background-color: #fff;
    z-index: 98;
  }
  
  /* スポンサータイトル */
  .l-Main__column-subtitle {
    display: none;
  }

  /* SP版特別スポンサー表示 */
  .l-Main__column-adsense-sp-special {
    margin: 20px auto;
  }
  .l-Main__column-adsense-sp-special img {
    height: 90%;
    width: 90%;
  }

  .l-Main__right-header {
    background: #fff;
    box-shadow: none;
    margin-right: 8px;
    margin-left: 8px;
  }

  /* 地図アイコン周りの設定 */
  .l-Main__operation {
    right: 0em;
    left: 0;
    max-width: 100vw;
  }

  /* アイコン説明ボタンの位置 */
  .l-Main__btn-map--icon {
    top: 3.5rem;
  }

  /* このエリアを再表示ボタンの位置 */
  .l-Main__btn-map--research {
    position: absolute;
    bottom: 1.375rem;
    z-index: 98;
  }

  /* モーダルコンテンツ */

  .iziModal {
    max-width: 100vw;
    width: 100vw;
  }

  .iziModal-content {
    width: 100vw;
  }

   /* mapアイコン表示設定 */
  #c-Modal__content-displayconfig {
    height: 380px;
  }
  
  /* 表示トグル位置調整 */
  .c-Modal__switch {
    position: absolute;
    top: 20px;
    right: 30px;
  }

  .c-Modal__content-icons:first-child {
    justify-content: space-around;
    margin-top: 30px;
  }

  /* アイコン表示の文字は折り返さない */
  .c-Modal__content-icons:first-child .c-Modal__content-icon--wrap {
    white-space: nowrap;
  }

  /* スポット詳細 */

  /* みんなの評価表示変更 */
  .Detail__spot-wrap {
    box-sizing: border-box;
  }
  .c-Modal__content .Detail__spot-wrap {
    box-sizing: border-box;
  }

  /* 画像の表示領域 */
  .Detail__slide .slick-slide {
    height: 6rem;
    box-sizing: border-box;
  }

  /* みんなの評価〇×の表示を縦に揃える */
  .Detail__evaluation-list li .Detail__evaluation-list--answer {
    text-align: left;
  }

  .Detail__info-wrap {
    display: flex;
    flex-direction: column;
  }

  .Detail__info {
    max-width: 100%; 
  }

  .Detail__info .Detail__info-list li {
    width: 100%;
  }
  
  .Detail__info-time {
    width: 100%;
    margin-bottom: 8px;
  }
  .Detail__main-number {
    flex-wrap: wrap;
  }

  .Detail__main-number > li {
    padding-right: 0.5rem;
  }

  /* 詳細検索 */
  #c-Modal__content-detail-search {
    flex-direction: column;
    height: 205px;
    position: relative;
  }
  
  .Detail__date-start {
    font-size: 12px;
    position: absolute;
    top: 5.5em;
    left: 1.5em;
  }

  .Detail__search-date--between {
    position: absolute;
    display: block;
    top: 7em;
    left: 12em;
  }

  .Detail__date-end {
    font-size: 12px;
    position: absolute;
    top: 9.5em;
    left: 1.5em;
  }

  .c-Modal__title-detail-description {
    position: absolute;
    top: 9.5em;
    left: 1.2em;
    right: 1.2em;
  }

  .c-Form__search .c-Form__search-container input[type="text"] {
    font-size: 16px;
  }

  .c-Modal__text--muted{
    padding-left:0;
    padding-right:0;
  }
  .c-Modal__text--muted span{
    padding-right:1.2rem;
  }

  /* MAPアイコン説明 */
  .c-Modal__list-info {
    /* 要素を縦並びに変更する */
    flex-direction: column;
  }

  .c-Modal__title-info {
    justify-content:left;
    max-width: 100%;
    width: 100vw;
    border-bottom: none;
  }

  .c-Modal__text-title {
    text-align: left;
  }

  .c-Modal__text-info {
    text-align: justify;
    max-width: 100%;
    width: 100vw;
    padding: 0 0 1rem 0;
  }

    /* タイムライン */

  /* タイムラインはみだし防止 */
  .l-Main__timeline {
    max-width: 100vw;
    width: calc(100vw - 32px);
    margin-left: 32px;
  }
  /* タイムラインc-card調整 */
  .c-Card {
    padding-left: 0.6rem;
    padding-right: 0.6rem;
  }

  .c-Card__list {
    padding: 0.75em 0.7rem;
  }

  /* ユーザーネーム折り返し設定 */
  .c-Card__meta--name {
    white-space: nowrap;
  }

  .c-Card__body-text {
    overflow-wrap: break-word;
  }

  /* フロートボタン */
  .c-btn__float-wrap {
    bottom: 90px;
    z-index: 80;
  }

}

/* レスポンシブ設定スマホ */
@media screen and (max-width: 400px) {

    /* タイムラインの画像表示枚数を2枚にする（表示領域が狭いと縦長画像となり見づらいため） */
    .c-Card__meta-img:nth-of-type(3){
      display:none;
    }

}

/*スポット表示について、横幅に合わせてレイアウトを微調整*/

@media screen and (max-width: 680px) {

  .l-Main__operation-wrap::after {
    height: 2.0rem;
    right: 0.2rem;
    top : 0.58rem;
  }

  /* GoogleMapアイコン表示大きさ調整 */
  .c-ico__wrap.is-md {
    font-size: 1.2em;
    width: 1.3rem;
    height: 1.3rem;
  }

  .l-Main__operation-wrap .c-ico__wrap {
    margin: 0 0.18rem;
  }

  .l-Main__operation-hr {
    height: 1.0rem;
  }

  .c-ico--slope, .c-ico--barrierSpot {
    position: static;
  }

  .l-Main__operation-icon.c-btn-icon {
    width: 2.63rem;
    height: 2.63rem; 
  }

}

@media screen and (max-width: 386px) {

  .l-Main__operation-wrap::after {
    top : 0.58rem;
  }

  /* GoogleMapアイコン表示大きさ調整 */
  .c-ico__wrap.is-md {
    font-size: 1.1em;
    width: 1.1rem;
    height: 1.1rem;
  }

}

  /* パラメータ指定でWebアプリを開いた際に、チラついて表示されるのを軽減するための処理 */
  
.l-Main, .c-btn__float-wrap{
  opacity: 0;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.l-Main.fade, .c-btn__float-wrap.fade{
  opacity: 1;
}

/* サイドバーはちらつきが目立つので、Viewよりもフェード時間を長くする */
.l-Main .l-Main__column--left .l-Side__left-sp{
  opacity: 0;
  -webkit-transition: all 1.0s;
  -moz-transition: all 1.0s;
  -ms-transition: all 1.0s;
  -o-transition: all 1.0s;
  transition: all 1.0s;
}

.l-Main.fade .l-Main__column--left .l-Side__left-sp{
  opacity: 1;
}

/* 地図ローディング中にピンチイン／アウトされないように、 */
.loading{
  touch-action: none;
}

.c-Card__parent {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: rgba(236, 239, 241, 0.5);
  border-radius: 5px;
}

.c-Card__Detail {
  background: rgba(246, 245, 246, 1);
}

.c-Card__respond-reaction-utterance {
  width: 100%;
  box-sizing: border-box;
 }

.c-Card__respond-wrap-utterance {
  overflow: hidden;
}

.Detail__comment-number div {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-right: 1rem;
  color: #66696b; }
  .Detail__comment-number div [class^="c-ico--"], .Detail__comment-number li [class*=" c-ico--"] {
    margin-right: .25rem;
    font-size: 1.5rem; }

.is-last {
  margin-left: auto;
}

.c-Card--comment {
  padding: 0.75rem 1rem;
  border-radius: 0.125rem;
  box-shadow: 3px 3px 3px rgba(38, 50, 56, 0.075);
  box-sizing: border-box;
  transition: background 0.3s;
  cursor: pointer;
  position: relative;}

.Spot__list-icon {
  font-size:20px;
}

.Spot__list-font {
  display: flex;
  font-size:0.5rem;
  color:#263238;
  align-items: center;
}

.c-Card__meta-img-spot {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 4rem;
  overflow: hidden;
  margin: 0 0.25rem;
  border-radius: 0.125rem; }
  .c-Card__meta-img-spot img {
    max-width: 7rem;
    max-height: 7rem;
    padding: 0.125rem; }

.c-Card_spot {
  padding: 0.75rem 1rem;
  border-radius: 0.125rem;
  box-shadow: 3px 3px 3px rgba(38, 50, 56, 0.075);
  box-sizing: border-box;
  transition: background 0.3s;
  cursor: pointer;
  position: relative;
  background: #fff; }
  .c-Card:hover {
    background: #E1F5FE; }


.Detail__main-number-spot {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: #66696b;
  margin-top: .5rem; }
  .Detail__main-number-spot > li {
    padding-right: 1.5rem;
    display: flex;
    flex-direction: row;
    align-items: center; }
  .Detail__main-number-spot .c-btn--spot {
    font-size: .875rem;
    padding: .25rem .5rem; }
  .Detail__main-number-spot .is-star {
    color: #ffc107; }
  .Detail__main-number-spot .is-view {
    color: #4285f4; }
  .Detail__main-number-spot .is-good {
    color: #ec3a77; }
  .Detail__main-number-spot .is-comment {
    color: #ff9800; }
  .Detail__main-number-spot .is-bookmark {
    color: #893f94; }
  .Detail__main-number-spot .is-photo {
    color: #002063; }
  .Detail__main-number-spot .is-url {
    margin-left: auto;
    padding-right: 0; }
    .Detail__main-number-spot .is-url .c-btn--spot {
      background: #ECEFF1;
      color: #263238; }
      .Detail__main-number-spot .is-url .c-btn--spot:hover {
        background: #b1bec6; }
  .Detail__main-number-spot .is-detail {
    margin-left: .5rem;
    margin-right: 0;
    padding-right: 0; }
  .Detail__main-number-spot [class^="c-ico--"], .Detail__main-number-spot [class*=" c-ico--"] {
    margin-right: .25rem;
    font-size: 1.5rem; }
    .Detail__main-number-spot .Spot__list-icon, .Detail__main-number-spot .Spot__list-icon {
      margin-right: .25rem;
      font-size: 1.0rem; }

.c-Card__meta-img-spot-noimage {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 4rem;
  overflow: hidden;
  margin: 0 0.25rem;
  border-radius: 0.125rem;
  background-color: rgba(224, 224, 224, 0.8); }
  .c-Card__meta-img-spot-noimage img {
    max-width: 7rem;
    max-height: 7rem;
    padding: 0.125rem; }

.c-Card__address {
  padding-top: 0.5rem;
}

.c-Card__address .c-ico--pin {
  font-size: 0.9rem;
}

.c-Card__address i.c-ico--pin {
  color: #fbbc04;
}

.c-Card__address span {
  color:#66696b;
  font-size: 0.9rem;
}

.c-Card__meta-img-utterance {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  overflow: hidden;
  margin: 0 0.25rem;
  border-radius: 0.125rem; }

.c-Card__meta-img-utterance img {
  max-width: 7rem;
  max-height: 7rem;
  padding: 0.125rem; }

.c-Card__body-item-text {
  flex-basis: calc(75% - 0.5rem);
  margin-right: 0.5rem;
}

.c-Card__body-item-detail {
  width: calc(100% - 45px - 0.5rem)
}

.spot-main {
  width:175px;
  margin-right:0.7rem;
}

.spot-list-element {
  border-bottom:1px solid #c5cacc;
  margin-bottom: -0.5rem;
}

.link_style {
  cursor: pointer;
  color:blue;
  text-decoration: underline;
}

i.c-ico--pin {
  color: #fbbc04;
}