@charset "utf-8";@charset "UTF-8";
/* = .sec-layout
 * メインコンテンツ領域(ヘッダー・フッターを除いたエリア)内の
 * 余白などレイアウト調整用
 * desktop
----------------------------------------------- */
.sec-layout .mod-ltagFlowEyecatch + .mod-suggestContainer {
  margin-top: -32px;
}

.sec-layout .mod-ltagFlowEyecatch + .mod-suggestContainer.is-open {
  margin-top: -32px;
}
@charset "UTF-8";
/* = .mod-loading
 * サジェストUIのAjaxローディングアイコン
 * desktop
----------------------------------------------- */
.mod-loading {
  width: 32px;
  height: 32px;
}
@charset "UTF-8";
/* = .mod-ltagFlowEyecatch
 * LtagFlow FirstView
 * desktop
----------------------------------------------- */
.mod-ltagFlowEyecatch {
  padding-bottom: 28.7234%; /* =270/940(画像サイズ) */
}
@charset "UTF-8";
/* = .mod-suggestContainer
 * 検索サジェストUIの総合コンテナ
 * desktop
----------------------------------------------- */
.mod-suggestContainer {
  max-width: 812px;
  margin-left: auto;
  margin-right: auto;
  z-index: 10;
  background: transparent;
  border: 1px solid #bdc8ca;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  position: relative;
  overflow: visible;
}

.mod-suggestContainer__content {
  padding: 24px 0;
  width: auto;
  border-radius: 5px 5px 0 0;
}

.mod-suggestContainer__backdrop {
  display: none;
}

/* ui open */
.mod-suggestContainer.is-open {
  position: relative;
  overflow: visible;
}

.mod-suggestContainer.is-open .mod-suggestContainer__content {
  margin-top: 0;
  margin-right: 0;
  min-height: auto;
  padding: 24px 0;
}

.mod-suggestContainer.is-open .mod-suggestContainer__search {
  margin-bottom: 0;
}

.mod-suggestContainer.is-open .mod-suggestContainer__carousel {
  display: block;
  border-radius: 0 0 5px 5px;
}

.mod-suggestContainer.is-open .mod-suggestContainer__close {
  display: none;
}
@charset "UTF-8";
/* = .mod-ltagContentsGroup
 * 「したい暮らしに出会えるタグから探す」以下のタグ一覧UIのグルーピングコンテナ
 * desktop
----------------------------------------------- */
.mod-ltagContentsGroup {
  background: transparent;
  margin-top: 32px;
  padding: 0;
}

.mod-ltagContentsGroup__heading {
  color: #ed6103;
  font-size: 20px;
  text-align: center;
  display: flex;
  justify-content: center;
}

.mod-ltagContentsGroup__heading::before {
  content: "";
  display: block;
  width: 64px;
  height: 48px;
  margin: -6px 4px 0 0;
  background: url('/smp/assets/img/smartphone/page/ltag/homeskun-with-hash.png?v=db67b7a11ebcc90456eab7cb74763f32') no-repeat 0 0/cover;
}

.mod-ltagContentsGroup__body {
  border: 1px solid #bdc8ca;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  padding: 32px;
}

.mod-ltagContentsGroup__tail {
  display: none;
}
@charset "UTF-8";
/* = .mod-suggestCarousel
 * LタグのカルーセルUI
 * ※ library の swiper.jsが必要
 * desktop
----------------------------------------------- */
.mod-suggestCarousel {
  border-radius: 0 0 5px 5px;
}

/* buttons */
.mod-suggestCarousel__anchor {
  background: transparent;
}

/* prev/next control ui */
.mod-suggestCarousel__controls {
  position: absolute;
  top: 0;
  width: 40px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  cursor: pointer;
  background: inherit;
}

.mod-suggestCarousel__controls--prev {
  left: 0;
}

.mod-suggestCarousel__controls--next {
  right: 0;
}
@charset "UTF-8";
/* = .mod-freeWordSearch
 * フリーワード検索UIの入力欄
 * desktop
----------------------------------------------- */
.mod-freeWordSearch__input,
.mod-freeWordSearch__examples {
  max-width: 480px;
  margin-left: auto;
  margin-right: auto;
}

.mod-suggestContainer.is-open .mod-freeWordSearch__placeholder {
  display: none;
}

.mod-freeWordSearch.is-list-visible .mod-freeWordSearch__examples {
  display: flex;
  opacity: 0;
  user-select: none;
}
@charset "UTF-8";
/* = .mod-ltagSuggestList
 * サジェスト候補の一覧表示UI
 * desktop
----------------------------------------------- */
.mod-ltagSuggestList {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 90px;
  z-index: 2;
}

.mod-ltagSuggestList__result {
  width: 486px;
  max-height: 280px;
}

.mod-ltagSuggestList__balloon {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}

.mod-ltagSuggestList__listGroup {
  max-height: 280px;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
@charset "UTF-8";
/* = .mod-promoLtagInfo
 * 画像つきLタグリンク集
 * desktop
----------------------------------------------- */
.mod-promoLtagInfo {
  margin: 0 0 32px;
}

.mod-promoLtagInfo__listGroup {
  justify-content: center;
}

.mod-promoLtagInfo__listItem {
  flex: 0 0 343px;
  margin: 0;
}

.mod-promoLtagInfo__listItem + .mod-promoLtagInfo__listItem {
  margin-left: 32px;
}
@charset "UTF-8";
/* = .mod-ltagCloudInfo
 * 横並びのltag一覧+もっとタグを探してみるボタンUI
 * desktop
----------------------------------------------- */
.mod-ltagCloudInfo {
  margin-top: 0;
  margin-bottom: 0;
}

.mod-ltagCloudInfo__listGroup--dummy,
.mod-ltagCloudInfo__more {
  display: none;
}