@charset "UTF-8";
body {
  color: #5e4f4f;
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1;
}

/* =================================
base
================================= */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  word-break: break-all;
}

html, body {
  width: 100%;
  height: 100%;
  min-width: 1024px;
  background: #f9f2e3;
}

html {
  font-size: 62.5%;
}

a {
  opacity: 1;
  color: #45b1c7;
  text-decoration: none;
  cursor: pointer;
}

input[type="checkbox"] {
  cursor: pointer;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  line-height: 1;
}

ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

*:focus::-webkit-input-placeholder {
  opacity: 0;
}

*:focus::-moz-placeholder {
  opacity: 0;
}

*:focus:-ms-input-placeholder {
  opacity: 0;
}

*:focus::placeholder {
  opacity: 0;
}

/* =================================
汎用クラスの定義
================================= */
.float-l {
  float: left;
}

.float-r {
  float: right;
}

.inner-wrap {
  width: 1024px;
  margin: 0 auto;
}

.is-sp-only {
  display: none !important;
}

.att {
  padding-left: 1em;
  text-indent: -1em;
  display: block;
}

/* title
---------------------------------------------------------- */
/*タイトル　バリエーション　サイズ別*/
.ttl-lg, a.ttl-lg {
  font-size: 3.2rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 13px;
}

a.ttl-lg {
  color: #45b1c7;
  display: block;
}

a.ttl-lg:hover {
  text-decoration: underline;
}

.ttl-md, a.ttl-md {
  font-size: 2.8rem;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 13px;
}

a.ttl-md {
  color: #45b1c7;
  display: block;
}

a.ttl-md:hover {
  text-decoration: underline;
}

.ttl-sm, a.ttl-sm {
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 13px;
}

a.ttl-sm {
  color: #45b1c7;
  display: block;
}

a.ttl-sm:hover {
  text-decoration: underline;
}

/*タイトル　バリエーション　ポスト内*/
.ttl-post, a.ttl-post {
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 600;
  margin-bottom: 13px;
}

a.ttl-post {
  color: #45b1c7;
  display: block;
}

a.ttl-post:hover {
  text-decoration: underline;
}

.ttl-category-icon img, .ttl-category-icon.estate:before {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 39px;
  margin-right: .3em;
}

.ttl-category-icon {
  font-size: 2.4rem;
  line-height: 39px;
  font-weight: 600;
  margin-bottom: 13px;
  /*沿線お役立ち情報*/
}

.ttl-category-icon.estate span {
  color: #958b81;
  font-size: 1.4rem;
  font-weight: normal;
  margin-left: 1em;
}

.ttl-category-icon.estate:before {
  background: url(/module/images/icon/icon_estate.png) no-repeat left center;
  background-size: contain;
  margin-right: .5em;
}

/*一覧をみる*/
.to-list-link {
  color: #5e4f4f;
  font-size: 1.4rem;
  font-weight: bold;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  padding-left: 25px;
}

.to-list-link:before {
  content: "";
  background: url(/module/images/icon/icon_arrow_circle.png) no-repeat center left;
  background-size: contain;
  width: 17px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/*タイトル　バリエーション　アイコン付き見出し+一覧をみるリンク付き*/
.box-ttl-list {
  position: relative;
  margin: 0 0 13px;
}

.box-ttl-list .ttl-category-icon {
  display: inline-block;
  margin-bottom: 0;
  border-bottom: none;
}

.box-ttl-list.news {
  width: 215px;
}

.box-ttl-list.news .ttl-category-icon {
  display: block;
}

.box-ttl-list.news .to-list-link {
  position: relative;
  top: 12px;
}

/* ボタン
---------------------------------------------------------- */
/*ボタン　サイズ設定*/
.btn {
  width: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px !important;
  border-width: 2px;
  border-style: solid;
  line-height: 1;
  display: block;
  text-align: center;
  position: relative;
  outline: 0 !important;
}

.btn-style-lg {
  width: 300px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px !important;
  border-width: 2px;
  border-style: solid;
  line-height: 1;
  display: block;
  text-align: center;
  position: relative;
}

.btn-style-md {
  width: 200px;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 30px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px !important;
  border-width: 2px;
  border-style: solid;
  line-height: 1;
  display: block;
  text-align: center;
  position: relative;
}

.btn-next-blue:after, .btn-next-white:after, .btn-more-blue:after, .btn-more-white:after, .btn-icon:after, .btn-icon-border:after {
  content: '';
  display: inline-block;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn-next-blue:hover:after, .btn-next-white:hover:after, .btn-more-blue:hover:after, .btn-more-white:hover:after, .btn-icon:hover:after, .btn-icon-border:hover:after {
  text-decoration: none;
}

/* ボタン　個別設定
---------------------------------------------------------- */
/*もっと見るボタン（遷移）*/
/*blue*/
.btn-next-blue {
  background: #45b1c7;
  border-color: #45b1c7;
  color: #fff;
}

.btn-next-blue:after {
  background: url(/module/images/icon/icon_arrow_right_02.png) no-repeat;
  background-size: contain;
  width: 8px;
  height: 12px;
}

.btn-next-blue:hover {
  background: #fff;
  border-color: #e7e0da;
  color: #45b1c7;
  text-decoration: none;
}

.btn-next-blue:hover:after {
  background: url(/module/images/icon/icon_arrow_right_01.png) no-repeat;
  background-size: contain;
}

/*white*/
.btn-next-white {
  background: #fff;
  color: #5e4f4f;
}

.btn-next-white:after {
  background: url(/module/images/icon/icon_arrow_right_01.png) no-repeat;
  background-size: contain;
  width: 8px;
  height: 12px;
}

.btn-next-white:hover {
  background: #45b1c7;
  border-color: #45b1c7;
  color: #fff;
  text-decoration: none;
}

.btn-next-white:hover:after {
  background: url(/module/images/icon/icon_arrow_right_02.png) no-repeat;
  background-size: contain;
}

/*もっと見るボタン（read more）*/
/*blue*/
.btn-more-blue {
  background: #45b1c7;
  border-color: #45b1c7;
  color: #fff;
}

.btn-more-blue:after {
  background: url(/module/images/icon/icon_arrow_down_02.png) no-repeat;
  background-size: contain;
  width: 12px;
  height: 8px;
}

.btn-more-blue:hover {
  background: #fff;
  border-color: #e7e0da;
  color: #45b1c7;
  text-decoration: none;
}

.btn-more-blue:hover:after {
  background: url(/module/images/icon/icon_arrow_down_01.png) no-repeat;
  background-size: contain;
}

/*white*/
.btn-more-white {
  background: #fff;
  border-color: #e7e0da;
  color: #45b1c7;
}

.btn-more-white:after {
  background: url(/module/images/icon/icon_arrow_down_01.png) no-repeat;
  background-size: contain;
  width: 12px;
  height: 8px;
}

.btn-more-white:hover {
  background: #45b1c7;
  border-color: #45b1c7;
  color: #fff;
  text-decoration: none;
}

.btn-more-white:hover:after {
  background: url(/module/images/icon/icon_arrow_down_02.png) no-repeat;
  background-size: contain;
}

/*ボタン 矢印なし blue*/
.btn-blue {
  background: #45b1c7;
  border-color: #45b1c7;
  color: #fff;
}

.btn-blue:hover {
  background: #fff;
  color: #45b1c7;
  border: 2px solid #e7e0da;
  text-decoration: none;
}

/*ボタン 矢印なし white*/
.btn-white {
  background: #fff;
  border-color: #e7e0da;
}

.btn-white:hover {
  background: #45b1c7;
  border-color: #45b1c7;
  color: #fff;
  text-decoration: none;
}

/*アイコン付きボタン*/
.btn-icon {
  background: #fff;
  border-color: #e7e0da;
}

.btn-icon img {
  width: auto;
  height: 32px;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn-icon:after {
  background: url(/module/images/icon/icon_arrow_right_01.png) no-repeat;
  background-size: contain;
  width: 8px;
  height: 12px;
}

.btn-icon:hover {
  background: #45b1c7;
  border-color: #45b1c7;
  color: #fff;
  text-decoration: none;
}

.btn-icon:hover:after {
  background: url(/module/images/icon/icon_arrow_right_02.png) no-repeat;
  background-size: contain;
}

/*アイコン付きボタン+ボーダー*/
.btn-icon-border {
  background: #fff;
  border-color: #45b1c7;
}

.btn-icon-border img {
  width: auto;
  height: 32px;
  position: absolute;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn-icon-border:after {
  background: url(/module/images/icon/icon_arrow_right_01.png) no-repeat;
  background-size: contain;
  width: 8px;
  height: 12px;
}

.btn-icon-border:hover {
  background: #45b1c7;
  border-color: #45b1c7;
  color: #fff;
  text-decoration: none;
}

.btn-icon-border:hover:after {
  background: url(/module/images/icon/icon_arrow_right_02.png) no-repeat;
  background-size: contain;
}

/*ログインボタン*/
.btn-login {
  background: #f4e85d;
  color: #45b1c7;
  text-align: center;
  margin: 0 0 20px;
}

.btn-login:hover {
  text-decoration: none;
  background: #faf9d4;
  color: #f9ba45;
}

/*新規登録ボタン*/
.btn-legister {
  background: #f96745;
  color: #fff;
  text-align: center;
  margin: 0 0 15px;
}

.btn-legister:hover {
  text-decoration: none;
  background: #f9cac2;
  color: #f96745;
}

/*新規トピック作成ボタン*/
.btn-creating {
  margin-top: 0;
}

/*2カラムボタンwrap*/
.btn-wrap-2col {
  overflow: hidden;
}

.btn-wrap-2col .btn {
  width: 49%;
  width: -webkit-calc(50% - 5px);
  width: calc(50% - 5px);
}

.btn-wrap-2col .btn:first-child {
  float: left;
}

.btn-wrap-2col .btn:last-child {
  float: right;
}

.btn-right {
  float: right;
}

/* イイネ！ボタン
---------------------------------------------------------- */
button.like {
  display: inline-block;
  padding: 0 10px 0 32px;
  margin: 0;
  text-align: center;
  line-height: 30px;
  border-radius: 4px !important;
  font-size: 1.1rem;
  background: url(/module/images/icon/icon_like.png) no-repeat 5px 5px;
  background-size: 20px 20px;
  border: 1px solid #bfb9b3;
  outline: 0;
}

button.like:active {
  background: url(/module/images/icon/icon_like.png) no-repeat 5px 5px;
  background-size: 20px 20px;
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
}

.count-like-button {
  position: relative;
  padding: 8px 4px;
  width: auto;
  color: #bfb9b3;
  border-radius: 4px;
  text-align: center;
  background: #fff;
  border: 1px solid #bfb9b3;
  z-index: 0;
/*  margin: 0 0 0 8px;*/
  margin: 0 0 0 12px;
  display: inline-block;
  vertical-align: middle;
}

.count-like-button:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -4px;
  margin-left: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6px 4px 0;
  border-color: transparent #fff transparent transparent;
  z-index: 0;
}

.count-like-button:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 50%;
  margin-top: -5px;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 7px 5px 0;
  border-color: transparent #bfb9b3 transparent transparent;
  z-index: -1;
}

.post-sns-icon.like {
  background: url(/module/images/icon/icon_like.png) center center no-repeat;
  background-size: contain;
}
.post-sns-icon.comment {
  background: url(/module/images/icon/icon_comment.png) center center no-repeat;
  background-size: contain;
}
.post-sns-like {
  cursor: pointer;
}
.post-sns-txt {
  color: #5e4f4f;
  padding-top: 2px;
  display: inline-block;
}
.post-sns-comment{
  margin-left: 24px;
}
.post-sns-comment p {
/*  width: auto;*/
  min-width: 125px;
  max-width: 140px;
}
.post-sns-like.active {
  cursor: text;
}
.post-sns-like:hover .post-sns-icon.like,
.post-sns-like.active .post-sns-icon.like {
  background: url(/module/images/icon/icon_like_on.png) center center no-repeat;
  background-size: contain;
}
.post-sns-like:hover .post-sns-txt.like,
.post-sns-like.active .post-sns-txt.like {
  color: #e7194b;
}
.post-sns-like:hover .post-sns-box-like,
.post-sns-like.active .post-sns-box-like {
  border-color: #e7194b;
}
.post-sns-like:hover .count-like,
.post-sns-like.active .count-like {
  border-color: #e7194b;
}

.post-sns-like.active .count-like{
	color: #333;
	font-weight: bold;
}

.post-sns-like:hover .count-like:after,
.post-sns-like.active .count-like:after{
  border-color: transparent #e7194b transparent transparent;
}

.post-sns-icon.like {
  background: url(/module/images/icon/icon_like.png) center center no-repeat;
  background-size: contain;
}
.post-sns-icon.comment {
  background: url(/module/images/icon/icon_comment.png) center center no-repeat;
  background-size: contain;
}
.post-sns-like {
  cursor: pointer;
}
.post-sns-txt {
  color: #5e4f4f;
  padding-top: 2px;
  display: inline-block;
}
.post-sns-like.active {
  cursor: text;
}
.post-sns-like:hover .post-sns-icon.like,
.post-sns-like.active .post-sns-icon.like {
  background: url(/module/images/icon/icon_like_on.png) center center no-repeat;
  background-size: contain;
}
.post-sns-like:hover .post-sns-txt.like,
.post-sns-like.active .post-sns-txt.like {
  color: #e7194b;
}
.post-sns-like:hover .post-sns-box-like,
.post-sns-like.active .post-sns-box-like {
  border-color: #e7194b;
}
.post-sns-like:hover .count-like,
.post-sns-like.active .count-like {
  border-color: #e7194b;
}
.post-sns-like.active .count-like{
  color: #333;
  font-weight: bold;
}
.post-sns-like:hover .count-like:after,
.post-sns-like.active .count-like:after{
  border-color: transparent #e7194b transparent transparent;
}


/* シェアボタン
---------------------------------------------------------- */
.share-sns-wrap {
  position: relative;
  padding: 25px 0;
  margin: 0 25px;
  border-bottom: 1px solid #e6e0da;
  text-align: right;
}

.share-sns-wrap li {
  display: inline-block;
}

.share-sns-wrap li img {
  width: auto;
  height: 30px;
}

.share-sns-wrap li + li {
  margin-left: 8px;
}

/* ボタン　投稿関係
---------------------------------------------------------- */
.btn-post-area {
  background: #f4e85d;
  margin-bottom: 20px;
  border-radius: 10px;
}

.btn-post-area:before {
  content: "";
  background: url(/module/images/bg_bnrArea_top_pc.png) no-repeat center top;
  width: 100%;
  height: 20px;
  display: block;
}

.btn-post-area:after {
  content: "";
  background: url(/module/images/bg_bnrArea_bm_pc.png) no-repeat center bottom;
  width: 100%;
  height: 20px;
  display: block;
}

.btn-post-item {
  background: #fff;
  border-radius: 10px;
  padding: 20px 0;
  margin: 0 30px;
  position: relative;
}

.btn-post-item .icon-circle {
  position: absolute;
  left: -22px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.btn-post-item p {
  text-align: center;
  font-size: 2rem;
  line-height: 1.4;
}

.btn-post-item .btn {
  margin: 12px auto 0;
}

/* アラートエリア
---------------------------------------------------------- */
.box-alert {
  border-radius: 10px;
  margin: 0 auto 20px;
  padding: 10px 15px;
  line-height: 1.3;
}

.box-alert.success {
  background: #a5d9e4;
}

.box-alert.warning {
  background: #d58677;
  color: #fff;
}

.box-alert.detail {
  max-width: 690px;
}

/* 詳細ページパーツ
---------------------------------------------------------- */
/* 投稿画像 スライダ */
.box-post-img-main {
  margin-bottom: 25px;
  text-align: center;
}

.box-post-img-main img {
  max-width: 640px;
  max-height: 360px;
  width: auto;
}

.box-post-img-main .sp-arrows {
  width: 100%;
}

.box-post-img-main .sp-previous-arrow {
  margin-left: 15px;
}

.box-post-img-main .sp-next-arrow {
  margin-right: 15px;
}

/* 説明文章 */
.box-post-text {
  margin-bottom: 25px;
}

.box-post-text p {
  line-height: 1.6;
}

.review-num {
  padding-left: 30px;
}

.review-num span {
  color: #f48e20;
  font-size: 1.8rem;
}

/* 投稿画像
---------------------------------------------------------- */
.box-post-img {
  margin: 20px auto;
  text-align: center;
}

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

/* 投稿画像
---------------------------------------------------------- */
.box-post-fav {
  border-top: 1px #000 solid;
  border-bottom: 1px #000 solid;
  width: 100%;
  padding: 20px 0;
}

/* googleMap埋め込み
---------------------------------------------------------- */
.box-gmap {
  margin-top: 15px;
  text-align: right;
}

.box-gmap a {
  margin-top: 12px;
  display: inline-block;
}

.box-gmap #map_canvas,
.box-gmap iframe {
  width: 100%;
  height: 260px;
}

/* アイコン
---------------------------------------------------------- */
/*外部リンク*/
.link-blank:after {
  content: '';
  width: 17px;
  height: 16px;
  display: inline-block;
  vertical-align: middle;
  background: url(/module/images/icon/icon_link_blank.png) no-repeat center center;
  background-size: contain;
  margin-left: 10px;
}

/* レイアウトボックス
---------------------------------------------------------- */
/*white+radius*/
.box-layout-white {
  position: relative;
  background: #fff;
  border-radius: 20px;
  max-width: 690px;
  margin: 0 auto;
}

.box-layout-white.full-width {
  max-width: 100%;
}

.box-layout-white .box-layout-inner {
  margin: 0 25px;
  padding: 25px 0;
}

.box-layout-white + .box-layout-white {
  margin-top: 20px;
}

/*下層用　下線付き見出し　wrapper*/
.box-ttl-line {
  border-bottom: 2px solid #e6e0da;
  padding: 25px;
  margin-bottom: 0;
  position: relative;
}

.box-ttl-line .ttl-sm, .box-ttl-line .ttl-md, .box-ttl-line .ttl-md {
  margin-bottom: 0;
  line-height: 1.2;
}

/* 背景色つきタイトル */
.ttl-login {
  background: #e6e0da;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

/* ラベル 保育種別用 */
.label-childcare-type01 {
  color: #fff;
  background: #f9ba45;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 6px 24px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  width: 90px;
  text-align: center;
}

.label-childcare-type02 {
  color: #fff;
  background: #45b1c7;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 6px 24px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  width: 90px;
  text-align: center;
}

.label-childcare-type03 {
  color: #fff;
  background: #f96745;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 6px 24px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  width: 90px;
  text-align: center;
}

/*一時保育ナビラベル付きタイトル*/
.ttl-nursery {
  width: -webkit-calc(100% - 105px);
  width: calc(100% - 105px);
  display: inline-block;
  vertical-align: top;
}

/* 詳細情報テーブル
---------------------------------------------------------- */
.table-info {
  width: 100%;
  margin-bottom: 25px;
}

.table-info tr th {
  width: -webkit-calc(10em + 45px);
  width: calc(10em + 45px);
  vertical-align: top;
  padding: 15px 0 15px 10px;
}

.table-info tr td {
  padding: 15px 0;
  line-height: 1.2;
}

.table-info tr {
  border-bottom: 1px solid #ece8e3;
}

.table-info .icon-table {
  width: auto;
  height: 20px;
  margin-right: 8px;
}

/* サブ情報
---------------------------------------------------------- */
.parts-subInfo {
    padding-bottom: 0;
}

.parts-subInfo-wrap {
  margin: 0 0 10px;
}

.parts-subInfo.line {
  font-size: 1.4rem;
  font-weight: bold;
}

.parts-subInfo.line img {
  width: auto;
  height: 20px;
  margin-right: 8px;
}

.parts-subInfo.line .station {
  padding-left: 1em;
}

.parts-subInfo.category {
  font-size: 1.4rem;
  font-weight: bold;
}

.parts-subInfo.category img {
  width: auto;
  height: 20px;
  margin-right: 8px;
}

.parts-subInfo + .parts-subInfo {
  margin-left: 1em;
}

.post-balloon .parts-subInfo.line {
  font-size: 1.2rem;
  font-weight: normal;
  color: #bfb9b3;
}

.post-balloon .parts-subInfo.line img {
  width: auto;
  height: 20px;
  margin-right: 4px;
}

.post-balloon .parts-subInfo.line .station {
  font-weight: bold;
  display: inline-block;
}

.post-balloon .parts-subInfo.category {
  font-size: 1.2rem;
  font-weight: normal;
  color: #bfb9b3;
}

.post-balloon .parts-subInfo.category img {
  width: auto;
  height: 20px;
  margin-right: 4px;
}

/*締切表示*/
.limit {
  font-size: 1.6rem;
  font-weight: bold;
  color: #f96745;
  margin-bottom: 20px;
  display: inline-block;
}

.limit.end {
  color: #666;
}

.limit span {
  color: #666;
  padding-right: 5px;
}

/*募集終了*/
.notice {
  font-size: 1.6rem;
  font-weight: bold;
  color: #666;
  margin-bottom: 25px;
  display: inline-block;
}
.notice.active{
  color: #f96745;
}
.notice + .notice{
  margin-left: 20px;
}

/* 期間 */
.period {
  color: #bfb9b3 !important;
  font-size: 1.2rem;
  letter-spacing: 1px;
  font-weight: normal;
}
.post-balloon .period {
  float: right;
}
/* サブタイトル */
.sub-ttl {
  color: #f48e20;
  padding: 0 0 10px;
}

/*通報する*/
.post-report {
  color: #bfb9b3;
}

/* tag
---------------------------------------------------------- */
.tag-table-list {
  margin-top: -8px; 
	overflow: hidden;
}

.tag-table-list li {
	float: left;
  margin: 8px 4px 0 0;
  line-height: 24px;
}

.tag-table-list li span {
  border-radius: 12px;
  color: #f9ba45;
  background: #faf9d4;
  padding: 0 10px;
  display: inline-block;
}

.tag-table-list li a {
  border-radius: 12px;
  color: #fff;
  background: #f9ba45;
  padding: 0 10px;
  display: inline-block;
}

.tag-table-list li a:hover {
  color: #f9ba45;
  background: #faf9d4;
  text-decoration: none;
}

.tag-table {
  margin-bottom: 30px;
}

.tag-table .tag-table-list {
  padding: 12px 24px 20px;
  background: #f1e6d2;
  border-radius: 15px;
}

/* tab
---------------------------------------------------------- */
.nav-tab li {
  cursor: pointer;
}

.nav-tab li > *, .nav-tab li:first-child a {
  position: relative;
  z-index: 0;
  margin-bottom: 20px;
  border-radius: 10px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.nav-tab li > *:after, .nav-tab li:first-child a:after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: transparent transparent transparent transparent;
  z-index: -1;
}

.nav-tab li > *:hover, .nav-tab li:first-child a:hover {
  background-color: #45b1c7;
  color: #fff;
}

.nav-tab li > *:hover:after, .nav-tab li:first-child a:hover:after {
  border-color: #45b1c7 transparent transparent transparent;
}

.nav-tab li.active {
  cursor: default;
}

.nav-tab li.active > *:after, .nav-tab li.active:first-child a:after {
  border-color: #45b1c7 transparent transparent transparent;
}

.nav-tab > li + li {
  margin-left: 12px;
}

/*タブ　2カラム*/
.nav-tab-2col > li {
  width: -webkit-calc(50% - 6px);
  width: calc(50% - 6px);
}

/*タブ　3カラム*/
.nav-tab-3col > li {
  width: -webkit-calc(33% - 6px);
  width: calc(33% - 6px);
}

/*タブ　4カラム*/
.nav-tab-4col > li {
  width: -webkit-calc(25% - 9px);
  width: calc(25% - 9px);
}

/* 色付きタイトルバー
---------------------------------------------------------- */
.ttl-bar {
  background: #e6e0da;
  border-radius: 10px;
  padding: 16px;
  font-size: 1.6rem;
  position: relative;
  margin: 32px 0;
}

.ttl-bar-comment {
  background: #e7f5f8;
  margin: 10px 0 30px;
}

.ttl-bar-comment .ttl-inner-count {
  position: absolute;
  right: 2%;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ttl-bar-comment .ttl-inner-count .count {
  color: #f9ba45;
  font-size: 2.4rem;
  font-weight: bold;
}

/* 評価 星
---------------------------------------------------------- */
.rating-box {
  margin-right: 20px;
}

.rate-num {
  padding-left: 10px;
  font-size: 1.8rem;
  font-weight: bold;
  vertical-align: middle;
  display: inline-block;
}

/* 投稿用　吹き出し
---------------------------------------------------------- */
.post {
  margin-bottom: 20px;
}

.post a{
  color: #5e4f4f;
}

.post-balloon {
  display: block;
  float: left;
  position: relative;
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
  border-radius: 20px;
  margin-left: 20px;
  padding: 24px;
  /*投稿内容詳細*/
  /*吹き出し内メインwrap*/
  /* コメント・イイネ数のカウント 大 */
  /*吹き出し内のイイネ・コメントアイコンの定義*/
  /*日付・路線・カテゴリ*/
  /*time + 通報*/
}

.balloon-comment .post .post-balloon {
  padding: 24px;
}

.post .post-balloon {
  padding: 0;
}

.post-balloon.balloon-default {
  background: #fff;
}

.post-balloon.balloon-default:before {
  content: "";
  width: 14px;
  height: 29px;
  display: block;
  position: absolute;
  left: -11px;
  top: 0;
  background: url(/module/images/icon/balloon-root.png) no-repeat top left;
}

.post-balloon.balloon-comment {
  background: #e7f5f8;
  padding: 24px;
}
.balloon-comment .count-like {
  margin-left: 10px;
}
.post-balloon.balloon-comment:before {
  content: "";
  width: 14px;
  height: 29px;
  display: block;
  position: absolute;
  left: -11px;
  top: 0;
  background: url(/module/images/icon/balloon-root-comment.png) no-repeat top left;
}

.post-balloon.balloon-comment .post-detail {
  padding-right: 0;
  color: #5e4f4f;
  white-space: normal;
  font-size: 1.3rem;
  margin-bottom: 20px;
}
.post-balloon.balloon-comment .post-img {
  text-align: center;
  margin-bottom: 20px;
}

.post-balloon.balloon-comment .post-img img {
  width: 150px;
  height: auto;
}

.post-balloon .post-title {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.post-balloon .post-detail {
  font-size: 1.2rem;
  color: #bfb9b3;
  line-height: 1.8;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.post-balloon .post-balloon-in {
  padding: 24px 24px 0 24px ;
}

/*イイネ、コメント*/
.post-sns-count {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  right: 0;
  top: 0;
  color: #bfb9b3;
  border-top: 1px solid #ddd;
  margin-top: 20px;
  max-width: initial;
  max-width: auto;
  width: 100%;
  margin-left: 0;
  padding: 20px;
}
.post-sns-count li {
  display: inline-block;
  font-size: 12px;
}
.post-sns-count li + li {
  margin-left: 10px;
}
.post-sns-like p,
.post-sns-comment p {
  width: auto;
  display: inline;
}
.post-sns-like p {
  max-width: 145px;
}
.post-sns-comment p {
  min-width: 110px;
  max-width: 140px;
}
.post-sns-count p .count-like {
  margin-left: 13px;
}
.post-sns-count p .count-comment {
  margin-left: 7px;
}
.count-comment,
.count-like {
  position: relative;
  display: block;
  padding: 7px;
  width: auto;
  color: #bfb9b3;
  border-radius: 5px;
  text-align: center;
  background: #fff;
  border: 1px solid #ddd;
  z-index: 0;
  float: right;
}
.count-comment:before,
.count-like:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -4px;
  margin-left: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6px 4px 0;
  border-color: transparent #fff transparent transparent;
  z-index: 0;
}
.count-comment:after,
.count-like:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 50%;
  margin-top: -5px;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 7px 5px 0;
  border-color: transparent #ddd transparent transparent;
  z-index: -1;
}
.count-like:hover{
  border-color: #e7194b;
}

.count-like:hover:after{
  border-color: transparent #e7194b transparent transparent;
}
.post-sns-box-like {
  border: 1px solid #ddd;
  display: inline-block;
  padding: 5px;
  border-radius: 5px;
  background-color: #fff;
}
.post-sns-box-comment{
  display: inline-block;
  padding: 5px;
}
.post-sns-icon {
  height: 16px;
  width: 16px;
  display: block;
  margin: auto 5px auto 0;
  float: left;
}

/*下層シェアエリア用*/
.share-sns-wrap .post-sns-like {
  min-width: 160px;
  text-align: right;
}
.share-sns-wrap .post-sns-like p {
  width: auto;
  max-width: 160px;
}
.share-sns-wrap .post-sns-like .count-like {
  padding: 6px;
  margin-left: 13px;
}
/*下層吹き出し用*/
.balloon-comment .post-sns-like p {
  width: auto;
  max-width: 128px;
  display: inline;
}
.balloon-comment .post-sns-like {
  width: 133x;
  display:inline-block;
}
.balloon-comment .post-sns-box-like {
  padding: 4px;
}
.balloon-comment .post-sns-like {
  font-size: 1.0rem;
}
.balloon-comment .post-sns-txt {
  padding-top: 3px;
}

.post-balloon .post-sub {
  font-size: 1.2rem;
  color: #bfb9b3;
  line-height: 1;
  margin-right: 8px;
  margin-top: 15px;
  display: inline-block;
}

.post-balloon .post-sub + .post-sub:before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 20px;
  background: #bfb9b3;
  margin-right: 8px;
}

.post-balloon .box-post-flex .post-report {
  float: right;
  line-height: 2;
}

.post-balloon .box-post-flex + .box-ttl-list {
  margin-top: 30px;
}

.modal .post-img-detail img {
  width: 100%;
  height: auto;
}

.modal .post-img-detail .close-modal {
  position: absolute;
  bottom: -30px;
  right: -30px;
  color: #FFF;
  text-decoration: none;
  font-size: 2.4rem;
}

.post-user {
  cursor: pointer;
  width: 50px;
  display: block;
  float: left;
}

.post-user .post-user-img {
  border-radius: 8px;
  width: 50px;
  height: 50px;
}

.post-user .post-user-img img {
  width: 100%;
  display: block;
  border-radius: 8px;
}

.post-user .post-user-name {
  display: block;
  width: 100%;
  font-size: 1.2rem;
	line-height: 1.2;
  margin-top: 7px;
}

.post-user.auth {
  /*認証済ユーザー*/
  position: relative;
}

.post-user.auth .post-user-img {
  position: relative;
  display: inline-block;
  overflow: visible;
}

.post-user.auth .post-user-img:before {
  content: '';
  width: 16px;
  height: 16px;
  background: url(/module/images/icon/icon_check.png) no-repeat center center;
  background-size: contain;
  display: inline-block;
  position: absolute;
  top: -3px;
  right: -3px;
}

.post-user.auth .post-user-auth {
  font-size: 1.1rem;
  color: #b59355;
  display: block;
  text-align: center;
  margin-top: 8px;
}

.post-user:hover {
  text-decoration: none;
}

.post-user:hover .post-user-img img {
  -webkit-box-shadow: 0 0 0 3px #f4e85d;
          box-shadow: 0 0 0 3px #f4e85d;
}

.post-user.active .post-user-img img {
  -webkit-box-shadow: 0 0 0 3px #f4e85d;
          box-shadow: 0 0 0 3px #f4e85d;
}

/*ユーザー名が横並びのパターン*/
.box-ttl-line .post-user {
  width: auto;
  display: inline-block;
  float: none;
  margin-top: 20px;
}

.box-ttl-line .post-user .post-user-img {
  width: 48px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}

.box-ttl-line .post-user .post-user-img img {
  border-radius: 8px;
  width: 100%;
  display: block;
}

.box-ttl-line .post-user .post-user-txt {
  display: inline-block;
  width: auto;
  font-size: 1.2rem;
  margin-top: 7px;
}

.box-ttl-line .post-user.auth .post-user-txt {
  margin-top: 0;
  vertical-align: middle;
}

.box-ttl-line .post-user.auth .post-user-txt .post-user-name {
  margin-top: 0;
}

.box-ttl-line .post-user.auth .post-user-txt span {
  text-align: left;
}

/*ユーザーアイコンクリック時 プロフィール*/
.post-user-wrap {
  position: relative;
}

.post-user-wrap .box-user-profile {
  width: 270px;
  background: #fff;
  padding: 16px 16px 13px;
  position: absolute;
  top: -17px;
  left: 65px;
/*  z-index: 500;*/
  z-index: 1;
  border-radius: 8px;
  -webkit-box-shadow: 0px 0px 15px 8px rgba(4, 0, 0, 0.1);
          box-shadow: 0px 0px 15px 8px rgba(4, 0, 0, 0.1);
}

.post-user-wrap .box-user-profile .user-name {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
  width: -webkit-calc(100% - 1em);
  width: calc(100% - 1em);
}

.post-user-wrap .box-user-profile .user-name span {
  margin-left: 7px;
}

.post-user-wrap .box-user-profile .user-info-sub {
  color: #bfb9b3;
}

.post-user-wrap .box-user-profile .user-info-sub li {
  border-bottom: 1px solid #e6e0da;
  padding: 12px 0;
}

.post-user-wrap .box-user-profile .user-info-sub li:first-child {
  border-top: 1px solid #e6e0da;
}

.post-user-wrap .box-user-profile .user-comment {
  margin-top: 16px;
  line-height: 1.2857;
}

.post-user-wrap .box-user-profile .user-counter {
  margin-top: 16px;
  background: #f6f4f2;
  overflow: hidden;
  border-radius: 8px;
}

.post-user-wrap .box-user-profile .user-counter li {
  text-align: center;
  float: left;
  padding: 12px 9px;
  font-size: 1rem;
  width: 25%;
}

.post-user-wrap .box-user-profile .user-counter li .counter {
  font-weight: 1.4rem;
  font-weight: bold;
  margin-top: 8px;
  display: block;
}

.post-user-wrap .box-user-profile .user-counter li + li {
  border-left: 1px solid #e4dedb;
}

.post-user-wrap .box-user-profile:before {
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #fff;
  display: inline-block;
  position: absolute;
  top: 30px;
  left: -17px;
}

.post-user-wrap .box-user-profile.active {
  opacity: 1;
}

.post-user-wrap .close-profile {
  position: absolute;
  right: 13px;
  top: 16px;
}

.post-user-wrap .close-profile:before {
  content: '×';
  font-size: 2rem;
  font-weight: bold;
  color: #45b1c7;
  display: block;
}

/*タイトル内time*/
.box-ttl-line time {
  position: absolute;
  right: 25px;
  top: 25px;
}

/*吹き出し内のタグ*/
.post-tag {
  list-style: none;
  line-height: 1;
  margin-top: 15px;
}

.post-tag li {
  display: inline-block;
  margin-top: 5px;
  line-height: 24px;
}

.post-tag li:first-child::before {
  content: "";
  background: url(/module/images/icon/icon_tag.png) no-repeat no-repeat center left;
  background-size: contain;
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.post-tag li a{
	color: #fff;
}

/* テーブル内口コミ 吹き出し */
.table-info .post-balloon,
.table-info .post-user {
  float: none;
  width: 100%;
  margin: 0;
}

.table-info .post-user {
  float: none;
  width: 100%;
  margin: 0 0 20px 0;
}

.table-info .post-user .post-user-img,
.table-info .post-user .post-user-name {
  display: inline;
  padding-right: 10px;
}

.table-info .post-user .post-user-img img,
.table-info .post-user .post-user-name img {
  display: inline;
  width: 32px;
  height: auto;
}

.table-info .post-user .post-user-rate img {
  width: 16px;
  height: auto;
}

.table-info .post-user .rate-num {
  font-size: 1.4rem;
}

.table-info .post-balloon.balloon-comment:before {
  content: "";
  width: 14px;
  height: 29px;
  display: block;
  position: absolute;
  left: 10px;
  top: -13px;
  background: url(/module/images/icon/balloon-root-comment.png) no-repeat top left;
}

/* お気にいりボタン(一覧用)
---------------------------------------------------------- */
.post-fav {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 32px;
  height: 32px;
}

.post-fav:before {
  content: '';
  background-image: url(/module/images/icon/icon_favorite.png);
  background-position: center 55%;
  background-repeat: no-repeat;
  background-size: 16px;
  background-color: #bfb9b3;
  border-radius: 24px;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
}

.post-fav.active:before {
  background-color: #f96745;
}

/* お気にいりボタン (詳細用)
---------------------------------------------------------- */
.box-fav-btn {
  text-align: center;
  margin-bottom: 25px;
}

.box-fav-btn .post-fav {
  width: auto;
  position: relative;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
}

.box-fav-btn .post-fav:before {
  left: -40px;
}

/* コメント・イイネ数のカウント 小
---------------------------------------------------------- */
.post-sns-count-small {
  position: relative;
  right: 0;
  top: 0;
  color: #bfb9b3;
}
.post-sns-count-small li {
  display: inline-block;
  font-size: 12px;
}
.post-sns-count-small li p {
  width: auto;
  max-width: 80px;
}
.post-sns-count-small li + li {
  margin-left: 5px;
}

.post-sns-count-small p {
  margin: 0;
}

.post-sns-count-small .count-comment,
.post-sns-count-small .count-like {
  position: relative;
  display: block;
  padding: 4px;
  width: auto;
  color: #bfb9b3;
  border-radius: 5px;
  text-align: center;
  background: #fff;
  border: 1px solid #bfb9b3;
  z-index: 0;
  margin: 0 0 0 8px;
  float: right;
}

.post-sns-count-small .count-comment:before,
.post-sns-count-small .count-like:before {
  content: "";
  position: absolute;
  left: 2px;
  top: 50%;
  margin-top: -4px;
  margin-left: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 6px 4px 0;
  border-color: transparent #fff transparent transparent;
  z-index: 0;
}

.post-sns-count-small .count-comment:after,
.post-sns-count-small .count-like:after {
  content: "";
  position: absolute;
  left: 1px;
  top: 50%;
  margin-top: -5px;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 7px 5px 0;
  border-color: transparent #bfb9b3 transparent transparent;
  z-index: -1;
}

.post-sns-count-small .post-sns-icon {
  height: 16px;
  width: 16px;
  display: block;
  margin: 3px auto 0;
  float: left;
}

/* ドロップダウンボタン（デフォルト）
---------------------------------------------------------- */
.btn-group {
  width: 100%;
}

.dropdown-toggle {
  display: block;
  width: 100%;
  border: 3px #fff solid;
  background: #fff;
  text-align: left;
}

.dropdown-toggle:hover {
  background-color: #fff;
  border: 3px #f4e85d solid;
}

.dropdown-toggle .caret {
  position: absolute;
  right: 30px;
  top: 50%;
}

/* ドロップダウンボタン（デフォルト）
---------------------------------------------------------- */
.dropdown-toggle {
  margin-top: 0;
  margin-bottom: 0;
}

.open > .btn-default.dropdown-toggle:focus {
  background-color: #fff;
  border: 3px #f4e85d solid;
}

.open > .dropdown-menu {
  display: block;
  width: 100%;
  border-radius: 10px;
  max-height: 300px;
  overflow-y: auto;
}

.dropdown-menu {
  position: absolute;
  display: none;
  padding: 0;
  text-align: left;
}

.dropdown-menu li {
  display: block;
  padding: 0;
  width: auto;
}

.dropdown-menu li + li {
  border-top: 1px solid #f5f5f5;
}

.dropdown-menu li a {
  display: block;
  line-height: 44px;
  border-radius: 0;
  background-color: #fff;
  border: none;
  padding: 0;
  letter-spacing: -0.5px;
  color: #5e4f4f;
  padding: 0 20px;
}

.dropdown-menu li a:hover {
  border: none;
}

/* ナビ用　青い吹き出し
---------------------------------------------------------- */
.box-balloon-blue {
  background: #45b1c7;
  border-radius: 20px;
  padding: 15px;
  margin-bottom: 40px;
  position: relative;
/*  z-index: 5;*/
  z-index: 9;
}

.box-balloon-blue:after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  margin-left: -14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 14px 0 14px;
  border-color: #45b1c7 transparent transparent transparent;
  z-index: -1;
}

/* カテゴリナビ
---------------------------------------------------------- */
.nav-cat {
  display: block;
  width: auto;
  /*カテゴリナビ　ボタン設定*/
  /*あれこれ募集　アイコンの設定*/
  /*おでかけキッズ　アイコンの設定*/
}

.nav-cat .dropdown-toggle {
  display: none;
}

.nav-cat .dropdown-menu {
  position: relative;
  background: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.nav-cat .dropdown-menu li {
  display: inline-block;
  text-align: center;
  padding: 5px;
  width: 25%;
  border: none;
}

.nav-cat .dropdown-menu li a {
  display: block;
  line-height: 44px;
  border-radius: 10px;
  border: 3px #fff solid;
  padding: 0 0 0 30px;
  letter-spacing: -0.5px;
  font-weight: bold;
  color: #5e4f4f;
}

.nav-cat .dropdown-menu li a:hover, .nav-cat .dropdown-menu li a:focus, .nav-cat .dropdown-menu li a.active {
  border: 3px #f4e85d solid;
}

.nav-cat .dropdown-menu li:first-child a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.nav-cat .dropdown-menu li:last-child a {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.nav-cat .dropdown-menu.join li a {
  /*アイコン*/
}

.nav-cat .dropdown-menu.join li a.all {
  padding: 0;
}

.nav-cat .dropdown-menu.join li a.volunteer {
  background: #fff url(/module/images/icon/icon_join_cat_volunteer.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.join li a.pet {
  background: #fff url(/module/images/icon/icon_join_cat_pet.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.join li a.circle {
  background: #fff url(/module/images/icon/icon_join_cat_circle.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.join li a.event {
  background: #fff url(/module/images/icon/icon_join_cat_event.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.join li a.school {
  background: #fff url(/module/images/icon/icon_join_cat_school.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.join li a.hobby {
  background: #fff url(/module/images/icon/icon_join_cat_hobby.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.join li a.other {
  background: #fff url(/module/images/icon/icon_join_cat_other.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.facilities li a {
  /*アイコン*/
}

.nav-cat .dropdown-menu.facilities li a.all {
  padding: 0;
}

.nav-cat .dropdown-menu.facilities li a.outdoor {
  background: #fff url(/module/images/icon/icon_facilities_cat_outdoor.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.facilities li a.museum {
  background: #fff url(/module/images/icon/icon_facilities_cat_museum.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.facilities li a.zoo {
  background: #fff url(/module/images/icon/icon_facilities_cat_zoo.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.facilities li a.restaurant {
  background: #fff url(/module/images/icon/icon_facilities_cat_restaurant.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.facilities li a.shopping {
  background: #fff url(/module/images/icon/icon_facilities_cat_shopping.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.facilities li a.leisure {
  background: #fff url(/module/images/icon/icon_facilities_cat_leisure.png) no-repeat 8px center;
  background-size: 30px;
}

.nav-cat .dropdown-menu.facilities li a.other {
  background: #fff url(/module/images/icon/icon_facilities_cat_other.png) no-repeat 8px center;
  background-size: 30px;
}

/* =================================
トップページ専用
================================= */
/* 重要なお知らせ
---------------------------------------------------------- */
.box-important-info {
  border-radius: 10px;
  background: #fff;
  overflow: hidden;
  margin-bottom: 20px;
}

.box-important-info .ttl-important-info {
  font-size: 1.5rem;
  color: #fff;
  background: #c85c46;
  padding: 20px 15px;
  display: table-cell;
  vertical-align: middle;
}

.box-important-info .item-important-info {
  display: table-cell;
  vertical-align: middle;
  margin-bottom: 0;
  padding: 10px 15px;
}

.box-important-info .item-important-info dt, .box-important-info .item-important-info dd {
  display: inline-block;
  vertical-align: middle;
}

.box-important-info .item-important-info dd {
  margin-left: 15px;
}

.box-important-info .item-important-info dd a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  max-width: 750px;
}

/* 特集・沿線お役立ち情報
---------------------------------------------------------- */
.box-zoom-card h3 {
  font-size: 1.6rem;
  font-weight: bold;
}

.box-zoom-card .anime-zoom {
  overflow: hidden;
  border-radius: 10px;
  position: relative;
  margin-bottom: 18px;
  z-index: 1;
}

.box-zoom-card .anime-zoom img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform .1s linear;
  transition: -webkit-transform .1s linear;
  transition: transform .1s linear;
  transition: transform .1s linear, -webkit-transform .1s linear;
}

.box-zoom-card .anime-zoom:hover img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.box-zoom-card .txt-zoom-card {
  line-height: 1.5;
  color: #958b81;
  margin-top: 10px;
  display: inline-block;
  font-size: 1.2rem;
}

.box-zoom-card.col-2 li {
  margin-bottom: 35px;
  width: 334px;
  float: left;
}

.box-zoom-card.col-2 li img {
  width: 100%;
  height: auto;
}

.box-zoom-card.col-2 li:nth-child(2n) {
  margin-left: 22px;
}

.box-zoom-card.col-3 li {
  width: 215px;
  float: left;
}

.box-zoom-card.col-3 li img {
  width: 100%;
  height: auto;
}

.box-zoom-card.col-3 li + li {
  margin-left: 22px;
}

.box-zoom-card.col-4 > li {
  width: 25%;
  float: left;
}
.box-zoom-card.col-4 > li img {
  width: 100%;
  height: auto;
}

.box-zoom-card.col-5 > li {
  width: 20%;
  float: left;
}
.box-zoom-card.col-5 > li img {
  width: 100%;
  height: auto;
}

.box-zoom-card.col-6 > li {
  width: 16.6%;
  float: left;
}

.box-zoom-card.col-6 > li img {
  width: 100%;
  height: auto;
}

.box-zoom-card.col-6 .anime-zoom {
  border-radius: 0;
}
.box-special li,
.box-useful  li{
  position: relative;
}
.box-special li.new:after,
.box-useful li.new:after{
  content: "";
  position: absolute;
  width: 50px;
  height: 42px;
  background-image: url(/module/images/icon/icon_new_red.png);
  background-repeat: no-repeat;
  background-size: 100%;
  top: -3px;
  left: -3px;
  z-index: 30;
}


/* トップページ　アンダーコンテンツ共通
---------------------------------------------------------- */
.full-width-inner {
  width: 1024px;
  margin: 0 auto;
}

/* 住まい
---------------------------------------------------------- */
.box-house {
  padding: 40px 0 45px;
  background: #fff;
}

.box-house figure {
  overflow: hidden;
}

.box-house li a {
  width: 100% !important;
  margin: 0 !important;
}

.box-house .box-zoom-card a:hover {
  text-decoration: none;
}

.ttl-house-01, .ttl-house-02, .ttl-house-03, .ttl-house-04, .ttl-house-05, .ttl-house-06,.ttl-house-07 {
  text-align: center;
  font-size: 1.6rem !important;
  font-weight: bold;
  color: #fff;
  padding: 16px 0;
}

.ttl-house-01 {
  background: #ada69f;
}

.ttl-house-02 {
  background: #7ecf55;
}

.ttl-house-03 {
  background: #c85c46;
}

.ttl-house-04 {
  background: #4672c8;
}

.ttl-house-05 {
  background: #c846b2;
}

.ttl-house-06 {
  background: #e4afa5;
}

.ttl-house-07 {
  background: #45b1c7;
}

/* スペシャルオファー
---------------------------------------------------------- */
.box-offer {
  background: #f9f2e3;
  padding: 40px 0 17px;
}

.box-offer .box-offer-item li {
  width: 500px;
  margin-bottom: 23px;
  float: left;
}

.box-offer .box-offer-item li:nth-child(2n) {
  margin-left: 23px;
}

.box-offer .box-offer-item li a:hover {
  opacity: .7;
}

.box-offer .box-offer-item li img {
  width: 100%;
  height: auto;
}

/* お知らせ
---------------------------------------------------------- */
.box-news {
  background: #fff;
  padding: 35px 0 35px;
}

.box-news .box-ttl-list {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}

.box-news .news-list-box {
  width: -webkit-calc(100% - 220px);
  width: calc(100% - 220px);
  display: inline-block;
  vertical-align: middle;
}

.box-news .news-list-box .news-list-item {
  border-bottom: none;
  padding: 0;
}

.box-news .news-list-box .news-list-item + .news-list-item {
  padding-top: 24px;
}

.box-news .news-list-box .news-link {
  color: #5e4f4f;
}

/*個人情報保護ポリシー・各種ご利用ガイド用設定
---------------------------------------------------------- */
.terms-area {
  line-height: 2;
}

.terms-area.box-layout-inner > p {
  margin-bottom: 30px;
}

.terms-area .terms-chapter + .terms-chapter {
  margin-top: 40px;
}

.terms-area .terms-inner {
  margin-bottom: 40px;
}

.terms-area .terms-inner:last-child {
  margin-bottom: 0;
}

.terms-area .terms-inner p + p {
  margin-top: 10px;
}

.terms-area h3 {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 27px;
  font-weight: bold;
  font-size: 1.6rem;
  line-height: 2;
}

.terms-area h4 {
  font-weight: bold;
  margin-bottom: 10px;
  margin-top: 10px;
}

.terms-area h4 span {
  font-weight: normal;
  line-height: 1.8;
}

.terms-area .order-list {
  font-weight: bold;
  margin: 10px 0;
}

.terms-area .order-list li {
  list-style-type: decimal;
  padding-left: .5rem;
}

.terms-area .order-list li span {
  font-weight: normal;
}

.terms-area .order-list-paren {
  counter-reset: olParen;
}

.terms-area .order-list-paren li {
  list-style-type: none;
  text-indent: -2.5rem;
}

.terms-area .order-list-paren li:before {
  padding-right: .5rem;
  counter-increment: olParen;
  content: "(" counter(olParen) ")";
}

/* 仮会員登録ページ用 モーダル設定
---------------------------------------------------------- */
.modal-body.privacy-box h3,
.modal-body.term-box h3 {
  margin-bottom: 20px;
}

.modal-body.privacy-box p,
.modal-body.term-box p {
  margin-bottom: 20px;
  line-height: 2;
}

.modal-body.privacy-box ul,
.modal-body.term-box ul {
  margin-left: 1.4rem;
}

.modal-body.privacy-box ul li,
.modal-body.term-box ul li {
  line-height: 2;
  list-style-type: decimal;
  margin-bottom: 20px;
}

.modal-body.privacy-box + .modal-footer a,
.modal-body.term-box + .modal-footer a {
  display: block;
  text-align: center;
  width: 30%;
  margin: auto;
  border: 1px solid #e6e0da;
  border-radius: 5px;
  color: #000;
  font-weight: bold;
  line-height: 2.5;
  cursor: pointer;
}

/* 一覧ソート用ボタン
---------------------------------------------------------- */
.sort-link {
  position: relative;
}

.sort-link ul {
  position: absolute;
  top: -50px;
  right: 0;
}

.sort-link ul li {
  position: relative;
	display: inline-block;
  width: 100px;
  border-radius: 10px;
  background: #fff;
  border: solid 3px #f4e85d;
  font-weight: bold;
  line-height: 30px;
	color: #5e4f4f;
  text-align: center;

}

.sort-link ul li a {
  display: block;
  background: #45b1c7;
  color: #ffffff;
}

.sort-link ul li a:hover {
  text-decoration: none;
}

.sort-link ul li a:before {
  content: "";
  width: 100px;
  height: 36px;
  display: inline-block;
  border: 3px solid #45b1c7;
  border-radius: 10px;
  position: absolute;
  left: -3px;
  top: -3px;
}

/* サイトマップ
---------------------------------------------------------- */
.box-sitemap {
  width: 1024px;
  margin: 0 auto;
}

.box-sitemap a:hover {
  text-decoration: underline;
}

.box-sitemap a:before {
  content: "";
  width: 4px;
  height: 7px;
  background: url(/module/images/icon/icon_sitemap_arrow.jpg) no-repeat left top;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.box-sitemap > div > ul {
  margin-bottom: 50px;
}

.box-sitemap > div > ul li {
  margin-bottom: 14px;
}

.box-sitemap > div > ul li ul {
  margin-bottom: 24px;
}

.box-sitemap > div h3 {
  margin-bottom: 20px;
}

.box-sitemap > div h3 img {
  /*
		    width: 25px; height: auto;
		    margin-right: 5px;
		    vertical-align: middle;
*/
}

.box-sitemap > div h4 {
  margin: 20px 0 20px;
  font-weight: bold;
}

.box-sitemap > div > h4:first-child {
  margin: 0 0 24px;
}

.box-sitemap > div h5 {
  margin: 24px 0 16px;
  font-size: 1.4rem;
  font-weight: bold;
}

/* =================================
共通レイアウト
================================= */
.drawer + .wrapper {
  padding-top: 50px;
}

.wrapper {
  background: #f9f2e3;
  padding-bottom: 40px;
}

.content-wrap {
  margin-top: 30px;
}

.content-title {
  margin-bottom: 15px;
  display: inline-block;
}

/* MVスライダー
---------------------------------------------------------- */
.slider-mv {
  margin-left: calc((100% - 1024px) / 2);
  width: 670px;
  float: left;
}
.slider-mv .slider-mv-item img {
  max-width: 670px;
  max-height: 262px;
  width: auto;
}
.slider-mv-item {
  text-align: center;
}
.slider-mv-item a{
  display: block;
}
/*
.slider-mv img:first-child {
  margin-left: 0;
}
.slider-mv.slick-initialized img:first-child {
  margin-left: 670px;
}
*/

@media screen and (min-width: 0) and (max-width: 767px){
	.slider-mv-wrap{
	/*    padding: 10px 3% 10px;*/
    margin-bottom: 0;
    background-size: contain;
  }
  .slider-mv-wrap .slick-list{
/* 		box-shadow: 0 6px 16px -6px rgba(55,35,25,0.3); */
  }
  .slider-mv{
    margin: 0 0 10px 0;
    width: 100%;
    float: none;
  }  
  .slider-mv img:first-child {
    margin-left: 0;
  }
  .slider-mv .slider-mv-item img{
    max-width: 100%;
    max-height: 138px;
  }
  .slider-mv .slick-slide img {
    max-width: 100%;
    max-height: 140px;
  }
}

/* 2カラムの場合
---------------------------------------------------------- */
.content-2col {
  float: left;
  width: -webkit-calc(100% - 332px);
  width: calc(100% - 332px);
}

/* サイドナビ
---------------------------------------------------------- */
.side-info {
  float: left;
  width: 300px;
  margin-left: 32px;
}

.side-info .side-info-wrap article + article {
  margin-top: 20px;
}

.btn-list-about {
  margin-bottom: 20px;
}

.btn-list-about .btn {
  margin-top: 0;
  margin-bottom: 10px;
}

.btn-list-about .btn span {
  display: block;
  font-size: 1.3rem;
  margin-top: 7px;
}

.side-info-block {
  background: #fff;
  border-radius: 10px;
}

.side-info-block .side-info-block-wrap {
  padding: 20px;
}

.side-info-block .ttl-info {
  background: #e6e0da;
  font-size: 1.8rem;
  line-height: 50px;
  border-radius: 10px 10px 0 0;
  padding: 0 12px;
  position: relative;
}

.side-info-block .ttl-info .to-list-link {
  right: 12px;
}

.side-info-block .ttl-info-sub {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.side-info-block .txt-info-sub {
  font-size: 1.2rem;
  line-height: 1.4;
}
.login-sns-block {
  text-align: center;
  margin-bottom: 20px;
}

.login-sns-block li {
  display: inline-block;
  margin: 0 12px;
}

.login-sns-block li img {
  width: 45px;
}

/*ピックアップ*/
/*
.pickup-wrap .pickup-img {
  margin-right: 10px;
  width: 100px;
  display: inline-block;
  vertical-align: middle;
}

.pickup-wrap .pickup-txt {
  display: inline-block;
  vertical-align: middle;
  width: -webkit-calc(100% - 125px);
  width: calc(100% - 125px);
  font-size: 1.3rem;
  color: #999;
  line-height: 1.38461538;
}

.pickup-wrap .pickup-txt a.ttl-pickup {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 13px;
  color: #45b1c7;
  margin-bottom: 10px;
  display: block;
}

.pickup-wrap .pickup-txt a.ttl-pickup:hover {
  text-decoration: underline;
}

.pickup-wrap + .pickup-wrap {
  border-top: 1px solid #e6e6e6;
  padding-top: 13px;
  margin-top: 13px;
}
*/
.pickup-wrap img {
  width: 100%;
  height: auto;
}
.side-info-block-wrap .pickup-link {
  position: relative;
  height: 14px;
  margin: 20px 0 0;
}

/*人気のトピック*/
.topic-wrap {
  padding-bottom: 10px;
}

.topic-wrap .ttl-topic {
  line-height: 1.28571;
  margin-bottom: 10px;
  display: inline-block;
}

.topic-wrap .count-box {
  position: relative;
}

.topic-wrap .post-sub {
  font-size: 1.4rem;
  color: #bfb9b3;
  line-height: 1;
  display: inline-block;
  margin-bottom: 10px;
}

.topic-wrap .post-sub + .post-sub {
  border-left: 1px solid #bfb9b3;
  padding-left: 8px;
  margin-left: 8px;
}

.topic-wrap + .topic-wrap {
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
}

.topic-wrap .post-fav {
  right: 0;
}

/*掲載希望の方へ*/

.box-side-request h3 {
  margin-bottom: 15px;
  font-weight: bold;
}
.box-side-request p{
  margin-bottom: 15px;
  line-height: 1.2;
}

/*おトクな情報*/
.box-side-bargain .ttl-side-bargain {
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  padding-left: 32px;
  margin-bottom: 13px;
}

.box-side-bargain .ttl-side-bargain:before {
  content: '';
  width: 24px;
  height: 24px;
  background: url(/module/images/icon/icon_snav_bargain.png) no-repeat left center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.box-side-bargain .box-bnr-img img {
  width: 100%;
  height: auto;
}

.box-side-bargain .box-bnr-img img:hover {
  opacity: .8;
}

.box-side-bargain .box-bnr-img + .box-bnr-img {
  margin-top: 13px;
}

/*おすすめリンク*/
.box-side-recommend .ttl-side-recommend {
  font-size: 1.8rem;
  font-weight: bold;
  position: relative;
  padding-left: 32px;
  margin-bottom: 13px;
}

.box-side-recommend .ttl-side-recommend:before {
  content: '';
  width: 24px;
  height: 24px;
  background: url(/module/images/icon/icon_snav_recommend.png) no-repeat left center;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.box-side-recommend .box-bnr-img img {
  width: 100%;
  height: auto;
}

.box-side-recommend .box-bnr-img img:hover {
  opacity: .8;
}

.box-side-recommend .box-bnr-img + .box-bnr-img {
  margin-top: 10px;
}

/* おでかけキッズ
---------------------------------------------------------- */
.photo-box-wrapper .post-title {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 15px;
  line-height: 1.25;
}

/*
.photo-box-wrapper .rating-box, .photo-box-wrapper .count-box {
  float: left;
}
*/

.photo-box-wrapper .thumbImg {
  float: left;
  margin-right: 20px;
  display: inline-block;
  width: 200px;
/*  height: 200px;*/
  overflow: hidden;
  border-radius: 10px;
}

.photo-box-wrapper .thumbImg img {
  max-width: 200px;
  height: auto;
  border-radius: 10px;
}

.photo-box-wrapper .place-info {
  position: relative;
  float: left;
  width: 420px;
}

.photo-box-wrapper .place-info .post-detail {
  padding: 10px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* おでかけキッズ　口コミ */
.ttl-reviews {
  position: relative;
  padding-bottom: 14px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  font-size: 2rem;
  font-weight: bold;
}

.ttl-reviews .count {
  position: absolute;
  right: 0;
  top: -webkit-calc(50% - 10px);
  top: calc(50% - 10px);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 1.6rem;
}

.ttl-reviews .count span {
  color: #f48e20;
  font-size: 2.8rem;
}

.box-reviews .post-user {
  float: none;
  width: auto;
  display: inline-block;
}

.box-reviews .post-user > * {
  display: inline-block;
  vertical-align: top;
}

.box-reviews .post-user .post-user-img {
  margin-right: 10px;
}

.box-reviews .post-user .post-user-name {
  margin-top: 0;
}

.box-reviews .post-user .post-user-rate img {
  width: 16px;
  height: auto;
}

.box-reviews .post-balloon {
  width: 100%;
  margin: 15px 0 0;
}

.box-reviews .post-balloon.balloon-comment:before {
  left: 8px;
  top: -12px;
}

/* =================================
header
================================= */
.slider-mv-wrap {
  background: url(/module/images/bg_slider.jpg) center -15px;
  padding: 30px 0 20px;
  margin-bottom: 30px;
}

.slider-mv-wrap .mv-center .slick-slide {
  margin: 0 15px;
}

.slider-mv-wrap .mv-center .slick-slide img {
/*  max-width: 1024px;*/
  max-width: 670px;
}

.js-accordion-item {
  display: none;
}

.header-in-top {
  background: #45b1c7;
}

.header-in-top .logo-site a {
  display: block;
  padding: 18px 0;
  text-align: center;
}

.header-in-top .logo-site a img {
  width: auto;
  height: 40px;
  display: block;
  margin: 0 auto;
}

.header-in-top .logo-site a span {
  color: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  display: block;
  margin-top: 12px;
}

.header-in-top .logo-site a:hover {
  opacity: .8;
}

.header-in-top .header-in-top-right > * {
  display: inline-block;
  vertical-align: middle;
}

.header-in-top .box-search {
  position: relative;
  width: 200px;
  line-height: 40px;
  border-radius: 20px;
  margin-right: 23px;
}

.header-in-top .box-search:hover input[type=text] {
  opacity: 1;
}

.header-in-top .box-search:hover input[type=text]::-webkit-input-placeholder {
  color: transparent;
}

.header-in-top .box-search:hover input[type=text]::-moz-placeholder {
  color: transparent;
}

.header-in-top .box-search:hover input[type=text]:-ms-input-placeholder {
  color: transparent;
}

.header-in-top .box-search:hover input[type=text]::placeholder {
  color: transparent;
}

.header-in-top .box-search input[type=text] {
  border: 0;
  border-radius: 20px;
  padding: 10px 16px;
  outline: 0;
  line-height: 21px;
  width: 200px;
  background: #fff;
  opacity: .8;
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
}

.header-in-top .box-search input[type=text]::-webkit-input-placeholder {
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  color: #9ab9bf;
}

.header-in-top .box-search input[type=text]::-moz-placeholder {
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  color: #9ab9bf;
}

.header-in-top .box-search input[type=text]:-ms-input-placeholder {
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  color: #9ab9bf;
}

.header-in-top .box-search input[type=text]::placeholder {
  -webkit-transition: all .2s linear;
  transition: all .2s linear;
  color: #9ab9bf;
}

.header-in-top .box-search input[type=text]:focus {
  opacity: 1;
}

.header-in-top .box-search input[type=text]:focus::-webkit-input-placeholder {
  opacity: 0;
}

.header-in-top .box-search input[type=text]:focus::-moz-placeholder {
  opacity: 0;
}

.header-in-top .box-search input[type=text]:focus:-ms-input-placeholder {
  opacity: 0;
}

.header-in-top .box-search input[type=text]:focus::placeholder {
  opacity: 0;
}

.header-in-top .box-search input[type=submit] {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-18px, -50%);
      -ms-transform: translate(-18px, -50%);
          transform: translate(-18px, -50%);
  border: 0;
  outline: 0;
  width: 16px;
  height: 100%;
  background: url(/module/images/icon/icon_head_search.png) no-repeat center right;
  background-size: 16px;
  padding: 0 10px;
}

/* header-under --- PC
---------------------------------------------------------- */

.header__pc .header-in-under {
  background: #5e4f4f;
  font-weight: 500;
  -webkit-box-shadow: 0 10px 10px -6px rgba(4, 0, 0, 0.2) inset;
          box-shadow: 0 10px 10px -6px rgba(4, 0, 0, 0.2) inset;
}

.header__pc .header-in-under > div {
  position: relative;
}
.header__pc .header-in-top-right .header-nav-info {
  margin-right: 25px;
}
.header__pc .header-in-top-right .header-nav-info li {
  list-style: none;
  display: inline-block;
}

.header__pc .header-in-top-right .header-nav-info li a {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  padding: 24px 0;
  display: inline-block;
  vertical-align: middle;
}

.header__pc .header-in-top-right .header-nav-info li + li {
  margin-left: 25px;
}

.header__pc .header-in-top-right .header-nav-info .icon-q:before {
  content: '';
  display: inline-block;
  background: url(/module/images/icon/icon_gnav_01.png);
  background-size: contain;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
}

.header__pc .header-in-top-right .header-nav-info .icon-exclamation:before {
  content: '';
  display: inline-block;
  background: url(/module/images/icon/icon_gnav_02.png);
  background-size: contain;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 10px;
}
.header__pc .header-in-under .header-nav-menu {
  position: relative;
  border-left: 1px solid #7a6767;
  border-right: 1px solid #7a6767;
  /* ===== 2019改修 ===== */
  display: flex;
}
.header__pc .header-in-under .header-nav-menu li {
  list-style: none;
}
.header__pc .header-in-under .header-nav-menu li .icon-circle-nav {
  width: 30px;
  height: 30px;
  background: #fff;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
}
.header__pc .header-in-under .header-nav-menu li .icon-circle-nav img {
  width: 63%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
}
.header__pc .header-in-under .header-nav-menu li a {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  display: inline-block;
  padding: 15px 0;
  position: relative;
}
/*add*/
.header__pc .header-in-under .header-nav-menu .arrow_none a {
  text-decoration: none;
}

/*add*/

.header__pc .header-in-under .header-nav-menu > li:hover {
  background: #45b1c7;
  box-shadow: 0 10px 10px -6px rgba(4, 0, 0, 0.2) inset;
}

.header__pc .header-in-under .header-nav-menu > li:hover,
.header__pc .header-in-under .header-nav-menu > li a:hover{
	cursor: pointer;
}

.header__pc .header-in-under .header-nav-menu > li:hover > a::after {
  content: "";
  content: '';
  border: 8px solid transparent;
  border-top: 7px solid #45b1c7;
  display: inline-block;
  position: absolute;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
      transform: translateX(-50%);
/*  z-index: 9000;*/
  z-index: 20;
}

.header__pc .header-in-under .header-nav-menu > li.active {
  background: #45b1c7;
  box-shadow: 0 10px 10px -6px rgba(4, 0, 0, 0.2) inset;
}

.header__pc .header-in-under .header-nav-menu .header-nav-menu-sub {
  width: 1024px;
  margin: 0 auto;
  background: #fff;
  border-radius: 0 0 10px 10px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  border-collapse: separate;
  border-spacing: 20px 16px;
  opacity: 0;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  display: none;
/*  z-index: 900;*/
  z-index: 10;
  -webkit-box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.43);
  -moz-box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.43);
  box-shadow: 0px 2px 8px -3px rgba(0,0,0,0.43);
}

.header__pc .header-in-under .header-nav-menu .header-nav-menu-sub.active {
  opacity: 1;
  display: table;
}

.header__pc .header-in-under .header-nav-menu .header-nav-menu-sub .btn-link-break.txt {
  /*headerサブメニュー内テキストリンク*/
  display: inline-block;
  text-align: right;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
}

.header__pc .header-in-under .header-nav-menu .header-nav-menu-sub .btn-link-break.txt a {
  background: #fff;
  border: none;
  border-radius: 0;
  position: relative;
  display: inline-block;
  right: 20px;
  padding: 0;
}

.header__pc .header-in-under .header-nav-menu .header-nav-menu-sub .btn-link-break.txt a:before {
  content: "";
  background: url(/module/images/icon/icon_arrow_circle.png) no-repeat center left;
  background-size: contain;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: -23px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.header__pc .header-in-under .header-nav-menu .header-nav-menu-sub .btn-link-break.txt a:hover {
  text-decoration: underline;
}

.header__pc .header-in-under .header-nav-menu .header-nav-menu-sub .btn-link-break.bnr {
  /*headerサブメニュー内バナーリンク*/
  display: block;
  text-align: center;
  width: 470px;
}

.header__pc .header-in-under .header-nav-menu .header-nav-menu-sub .btn-link-break.bnr a {
  background: #fff;
  border: none;
  border-radius: 0;
  padding: 0;
}

.header__pc .header-in-under .header-nav-menu .header-nav-menu-sub .btn-link-break.bnr a img {
  width: 100%;
  height: auto;
  margin: 0;
}

.header__pc .header-in-under .header-nav-menu .header-nav-menu-sub .btn-link-break.bnr a:hover {
  opacity: .7;
}

.header__pc .header-in-under .header-nav-menu .header-nav-list {
  padding: 30px 0 14px 25px;
  text-align: left;
  font-size: 0;
}

.header__pc .header-in-under .header-nav-menu .header-nav-list li {
  width: calc((100% - 100px) / 4);
  display: inline-block;
  margin: 0 25px 16px 0;
}
.header__pc .header-in-under .header-nav-menu .header-nav-list li a {
  background: #f3f1ef;
  border: 3px solid #f3f1ef;
  border-radius: 10px;
  color: #5e4f4f;
  font-size: 1.3rem;
  font-weight: 400;
  display: block;
  height: 100%;
  line-height: 1;
  letter-spacing: 0.09em;
  padding: 4px 0 4px;
}
.header__pc .header-in-under .header-nav-menu .header-nav-list li.header-nav-list-top a {
  background: #45b1c7;
  border-color: #45b1c7;
  color: #fff;
  text-align: center;
  padding: 15px 0;
}
.header__pc .header-in-under .header-nav-menu .header-nav-list.line li {
  width: auto;
  width: initial;
}
.header__pc .header-in-under .header-nav-menu .header-nav-list.line li a {
  background: none;
  border: none;
  border-radius: 0;
  padding: 0;
  margin: 0;
}
.header__pc .header-in-under .header-nav-menu .header-nav-list.line li a:hover {
  text-decoration: underline;
}
.header__pc .header-in-under .header-nav-menu .header-nav-list li a img {
  margin-right: 5px;
  height: 30px;
  width: auto;
}

.header__pc .header-in-under .header-nav-menu .header-nav-list li a:hover {
  border-color: #f4e85d;
  text-decoration: none;
}

.header__pc .header-in-under .header-nav-menu .header-nav-list li a.active {
  border-color: #f4e85d;
  text-decoration: none;
}

.header__pc  .header-in-under .header-nav-menu .header-nav-list-banner{
  display: flex;
  padding-bottom: 20px;
  text-align: left;
  justify-content: space-around;
}

.header__pc .header-in-under .header-nav-menu .header-nav-menu-sub .header-nav-summary {
  background: #faf9d4;
  font-size: 1.6rem;
  color: #5e4f4f;
  line-height: 1.6;
  padding: 30px 0;
}
.header__pc .header-in-under .header-nav-menu > li {
/*
  width: 20%;
  float: left;
*/
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	flex-grow: 1;
	max-width: 100%;
	text-align: center;
}
.header__pc .header-in-under .header-nav-menu > li + li {
  border-left: 1px solid #7a6767;
}
.header__pc .js-toggle-menu > a {
  cursor: default;
}

.header__pc .js-toggle-menu > a:hover {
  text-decoration: none;
}

.header__pc .js-toggle-menu > a:focus {
  text-decoration: none;
}

.header__pc .js-dropdown-arrow {
  border-left: 2px solid #71c3d4;
  padding-left: 18px;
  position: relative;
  margin: 29px 0;
}

.header__pc .js-dropdown-arrow .js-dropdown-arrow-item {
  background: #fff;
  border-radius: 10px;
  position: absolute;
  right: 0;
  -webkit-transform: translateY(-20px);
      -ms-transform: translateY(-20px);
          transform: translateY(-20px);
  border-collapse: separate;
  border-spacing: 20px 16px;
  opacity: 0;
  -webkit-transition: all .3s linear;
  transition: all .3s linear;
  display: none;
/*  z-index: 10;*/
  z-index: 30;
}

.header__pc .js-dropdown-arrow .js-dropdown-arrow-item.active {
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
  opacity: 1;
}

.header__pc .js-dropdown-arrow .js-dropdown-arrow-item ul {
  background: #fff;
  border-radius: 10px;
  padding: 4px 0 7px;
  width: 180px;
}

.header__pc .js-dropdown-arrow .js-dropdown-arrow-item ul li {
  list-style-type: none;
}

.header__pc .js-dropdown-arrow .js-dropdown-arrow-item ul li a {
  width: 100%;
  padding: 11px 12px;
  display: inline-block;
  color: #5e4f4f;
}

.header__pc .js-dropdown-arrow .js-dropdown-arrow-item ul li a img {
  width: 16px;
  height: auto;
  margin-right: 7px;
}

.header__pc .js-dropdown-arrow .js-dropdown-arrow-item ul li + li {
  border-top: 1px solid #bfb9b3;
}

.header__pc .js-dropdown-arrow .js-dropdown-arrow-item ul .user-info {
  font-size: 1.4rem;
  color: #45b1c7;
  font-weight: 500;
  line-height: 1.5;
  padding: 11px 12px;
}

.header__pc .js-dropdown-arrow .js-dropdown-arrow-item ul .user-info span {
  display: block;
  font-size: 1.1rem;
  color: #bfb9b3;
  line-height: 1.2;
}

.header__pc .js-dropdown-arrow .js-dropdown-arrow-item ul:before {
  content: '';
  border: 8px solid transparent;
  border-bottom: 7px solid #fff;
  display: inline-block;
  position: absolute;
  top: -15px;
  right: 30px;
}
/*add*/
.header__pc .header-in-under .header-nav-menu > .arrow_none:hover > a::after {
  display: none !important;
}
/*add*/

.header__pc .btn-login {
  width: 100px;
  padding: 68px 0 18px;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  border: none;
  margin-bottom: 0;
}

.header__pc .btn-login:after {
  content: '';
  width: 20px;
  height: 26px;
  display: block;
  position: absolute;
  top: 25px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url(/module/images/icon/icon_head_login_off.png) no-repeat center center;
  background-size: contain;
}

.header__pc .btn-login:hover:after {
  background: url(/module/images/icon/icon_head_login_on.png) no-repeat center center;
  background-size: contain;
}

.header__pc .js-dropdown-arrow-item {
  display: none;
}

.header__pc .txt-link-mypage {
  color: #f4e85d;
  font-size: 1.4rem;
}

.header__pc .btn-mypage-down {
  cursor: pointer;
  line-height: 40px;
  display: inline-block;
}

.header__pc .btn-mypage-down .icon-header-user {
  border-radius: 8px;
  width: 40px;
  height: auto;
  margin-left: 10px;
}

.header__pc .btn-mypage-down:after {
  content: '';
  border: 5px solid transparent;
  border-top: 7px solid #d7edf1;
  display: inline-block;
  vertical-align: middle;
  margin: 7px 0 0 7px;
}

.header__pc .btn-mypage-down:hover {
  text-decoration: none;
}

.header__pc .btn-mypage-down:focus {
  text-decoration: none;
  color: #f4e85d;
}

.header__pc .btn-mypage-down .badge.new {
  position: absolute;
  top: -5px;
  right: 12px;
  padding: 3px 5px;
  background-color: #ed5d5d;
  font-weight: normal;
  font-size: 1.0rem;
}

.header__pc .user-info span {
  display: block;
}

/* header-under --- SP
---------------------------------------------------------- */
.header__sp {
  /* ログインパーツ
  ---------------------------------------------------------- */
}

.header__sp .header-in-top {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
}

.header__sp .header-in-under .btn-wrap-2col {
  padding: 0 8px;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: -webkit-box;
  display: flex;
}
.header__sp .header-in-under .btn-wrap-2col .btn {
  width: 130px;
}
.header__sp .btn-search {
  text-align: center;
  color: #fff;
  font-size: 1rem;
  letter-spacing: 0.1em;
  width: 24px;
  display: block;
  margin-left: 50px;
  padding: 8px 13px;
  box-sizing: content-box;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}
.header__sp .btn-search img {
  display: block;
  width: 16px;
  height: 16px;
  margin: 0 auto 8px;
}
.header__sp .btn-search:hover {
  text-decoration: none;
}
.header__sp .header-nav-info {
	margin-top: 16px;
  padding: 0 8px;
  font-size: 1.4rem;	
}
.header__sp .header-nav-info li {
  background: #e6e0da;
  line-height: 1;
  padding: 8px 7px;
  border-radius: 3px;
}

.header__sp .header-nav-info li a {
  color: #5e4f4f;
  font-size: 1.4rem;
  font-weight: bold;
  display: block;
  position: relative;
}

.header__sp .header-nav-info li a:after {
  content: '';
  width: 12px;
  height: 12px;
  display: inline-block;
  background: url(/module/images/icon/icon_arrow_circle.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.header__sp .header-nav-info li + li {
  margin-top: 4px;
}

.header__sp .header-nav-menu {
  margin-top: 12px;
  border-bottom: 1px solid #45b1c7;
}

.header__sp .header-nav-menu li a {
  padding: 15px;
  display: block;
  font-weight: bold;
}

.header__sp .header-nav-menu > li > a {
  background: #fff;
  color: #45b1c7;
  font-size: 1.4rem;
	border-top: 1px solid #45b1c7;
}

.header__sp .header-nav-menu .header-nav-menu-sub {
  position: relative;
}
.header__sp .header-nav-menu .header-nav-menu-sub .icon-circle-nav {
  height: 20px;
  display: inline-block;
}
.header__sp .header-nav-menu .header-nav-menu-sub .icon-circle-nav img {
  height: 100%;
  margin-right: 7px;
}
.header__sp .header-nav-menu .header-nav-menu-sub:after {
  content: '';
  width: 12px;
  height: 8px;
  display: inline-block;
  background: url(/module/images/icon/icon_arrow_down_01.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.header__sp .header-nav-menu .header-nav-menu-sub:hover {
  text-decoration: none;
}

.header__sp .header-nav-menu .header-nav-menu-sub[aria-expanded="true"]:after {
  background: url(/module/images/icon/icon_arrow_up_01.png) no-repeat center center;
  background-size: cover;
}

/*add*/
.header__sp .header-nav-menu .arrow_sp_none:after {
 display: none !important;
}
/*/add*/

.header__sp .header-nav-menu .drawer-dropdown-menu li a {
	padding: 15px 24px;
  background-color: #ccebf1;
	font-size: 1.4rem;
  color: #45b1c7;
}
.header__sp .header-nav-menu .drawer-dropdown-menu li a img {
  width: auto;
  height: 15px;
  margin-right: 7px;
}
.header__sp .header-nav-menu .drawer-dropdown-menu li + li {
  border-top: 1px solid #fff;
}

.header__sp .header-nav-menu .drawer-dropdown-menu .btn-link-break.bnr img {
  width: 100%;
  height: auto;
}

.header__sp .btn-mypage-down {
  display: block;
  padding: 15px 8px;
  position: relative;
}

.header__sp .btn-mypage-down > * {
  display: inline-block;
  vertical-align: top;
  width: -webkit-calc(100% - 70px);
  width: calc(100% - 70px);
}

.header__sp .btn-mypage-down .icon-header-user {
  width: 44px;
  height: 44px;
  border-radius: 4px;
}

.header__sp .btn-mypage-down .user-info {
  color: #5e4f4f;
  font-weight: bold;
  margin-left: 8px;
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 1.318;
}

.header__sp .btn-mypage-down .user-info span {
  display: block;
  color: #bfb9b3;
  font-size: 1.1rem;
}

.header__sp .btn-mypage-down:after {
  content: '';
  width: 12px;
  height: 8px;
  display: inline-block;
  background: url(/module/images/icon/icon_arrow_down_03.png) no-repeat center center;
  background-size: cover;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.header__sp .btn-mypage-down:hover {
  text-decoration: none;
}

.header__sp .btn-mypage-down[aria-expanded="true"]:after {
  background: url(/module/images/icon/icon_arrow_up_03.png) no-repeat center center;
  background-size: cover;
}

.header__sp .mypage-item {
  padding: 0 8px 4px;
}

.header__sp .mypage-item li a {
  color: #5e4f4f;
  font-size: 1.2rem;
  display: block;
  border-top: 1px solid #dfdcd9;
  padding: 8px 0;
}

.header__sp .mypage-item li a img {
  width: 16px;
  height: auto;
  margin-right: 7px;
}

.header__sp .header-in-top .btn-login {
  background: #f4e85d;
  color: #45b1c7;
  font-size: .9rem;
  width: 50px;
  height: 50px;
  padding: 10px 0;
  display: block;
  text-align: center;
  float: right;
}
.header__sp .header-in-top .btn-login img,
.header__sp .header-in-top .btn-regist img {
  display: block;
  width: auto;
  height: 20px;
  margin: 0 auto 4px;
}

.header__sp .header-in-top .btn-login .badge.new {
  position: absolute;
  top: 2px;
  right: 2px;
  padding: 3px 5px;
  background-color: #ed5d5d;
  font-weight: normal;
  font-size: 1.0rem;
}

/* =================================
footer
================================= */
.pagetop {
  display: none;
}

/*footer メイン設定*/
.footer {
  background: #45b1c7;
  /*copy*/
  /*TOBUロゴ*/
}

.footer .copy {
  background: #378ea0;
  color: #fff;
}

.footer .copy > div {
  padding: 10px 33px;
}

.footer .copy small {
  font-size: 1.2rem;
  line-height: 55px;
}

.footer .logo-tobu img {
  width: auto;
  height: 54px;
}

.nav-footer {
  width: 1024px;
  margin: 0 auto;
  padding: 40px 0;
}

.nav-footer * {
  color: #fff;
  font-size: 1.6rem;
}

.nav-footer a {
  font-size: 1.3rem;
}

.nav-footer a:hover {
  text-decoration: underline;
}

.nav-footer a:before {
  content: "";
  width: 4px;
  height: 7px;
  background: url(/module/images/icon/icon_footer_arrow.png) no-repeat left top;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
}

.nav-footer > div {
  width: 20%;
  float: left;
}

.nav-footer > div > ul {
  margin-left: 12px;
}

.nav-footer > div > ul li {
  margin-bottom: 14px;
}

.nav-footer > div > ul li ul {
  margin-bottom: 24px;
}

.nav-footer > div h4 {
  margin: 50px 0 24px;
  font-weight: bold;
}

.nav-footer > div > h4:first-child {
  margin: 0 0 24px;
}

.nav-footer > div h5 {
  margin: 24px 0 16px;
  font-size: 1.4rem;
  font-weight: bold;
}

.nav-footer .nav-footer-spItem {
  margin-top: 50px;
}


/* =================================
  category common
================================= */
/* =================================
パンくず
================================= */
/*カテゴリートップ*/
.box-crumb {
  margin-bottom: 40px;
}

.box-crumb-child {
  padding: 12px 0;
  margin-left: -webkit-calc((100% - 1024px) / 2);
  margin-left: calc((100% - 1024px) / 2);
  position: relative;
  z-index: 1;
}

.list-crumb * {
  font-size: 13px;
  font-size: 1.3rem;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
}

.list-crumb li:first-child a {
  background: url(/module/images/icon/icon_crumb_02.png) no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

.list-crumb li:nth-child(n+2):before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(/module/images/icon/icon_crumb_arrow_02.png) no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
  margin-right: 7px;
}

.list-crumb li + li {
  padding-left: 7px;
}

/*カテゴリー詳細*/
.box-crumb.detail {
  margin-bottom: 0;
}

.box-crumb.detail .list-crumb li a {
  color: #45b1c7;
}

.box-crumb.detail .list-crumb li span {
  color: #5e4f4f;
}

.box-crumb.detail .list-crumb li:first-child a {
  background: url(/module/images/icon/icon_crumb_01.png) no-repeat;
  background-size: contain;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

.box-crumb.detail .list-crumb li:nth-child(n+2):before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  background: url(/module/images/icon/icon_crumb_arrow_01.png) no-repeat;
  background-size: contain;
  width: 13px;
  height: 13px;
  margin-right: 7px;
}

.box-crumb.detail .list-crumb li + li {
  padding-left: 7px;
}

/* =================================
カテゴリトップページ専用
================================= */
/*MVパーツ*/
.box-category-mv {
  width: 100%;
  height: 320px;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  margin-top: -44px;
  /*トーク広場*/
  /*あれこれ募集*/
  /*沿線お役立ち情報*/
  /*おでかけキッズ*/
  /*一時保育ナビ*/
  /*助成金ガイド*/
}

.box-category-mv.talk {
  background-color: #d2c7c4;
  background-image: url(/module/images/bg_mv_talk.png);
}

.box-category-mv.join {
  background-color: #6ab7de;
  background-image: url(/module/images/bg_mv_join.png);
}

.box-category-mv.usefultop {
  background-color: #c6c2c3;
  background-image: url(/module/images/bg_mv_useful.png);
}

.box-category-mv.facilities {
  background-color: #c9d061;
  background-image: url(/module/images/bg_mv_facilities.png);
}

.box-category-mv.nursery {
  background-color: #d9d3ce;
  background-image: url(/module/images/bg_mv_nursery.png);
}

.box-category-mv.subsidy {
  background-color: #b09788;
  background-image: url(/module/images/bg_mv_subsidy.png);
}

/*【追加】*/
.box-category-mv.topics {
  background-color: #c2ddf1;
  background-image: url(/module/images/bg_mv_topics.png);
}

.box-ttl-category {
  position: absolute;
  top: 40px;
/*  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
*/
  text-align: center;
  width: 100%;
}

.box-ttl-category *:not(a) {
  -webkit-text-shadow: 1px 1px 1px #919191;
      -ms-text-shadow: 1px 1px 1px #919191;
          text-shadow: 1px 1px 1px #919191;
}

.icon-circle {
  background: #fff;
  border-radius: 50%;
  width: auto;
  height: 72px;
  padding: 10px;
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 1px 1px #919191;
      -ms-box-shadow: 0px 1px 1px #919191;
          box-shadow: 0px 1px 1px #919191;
}

.ttl-category-mv {
  color: #fff;
  font-size: 40px;
  font-size: 4.0rem;
  margin-bottom: 7px;
  font-weight: bold;
  letter-spacing: 0.03em;
}

.ttl-category-mv-sub {
  color: #ebe566;
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.14em;
  font-weight: bold;
  margin-bottom: 26px;
}

/*沿線ナビゲーション*/
.nav-category-line {
  background-color: #fff;
  text-align: center;
  position: relative;
  z-index: 0;
}

.nav-category-line:after {
  content: "";
  height: 6px;
  width: 100%;
  background: url(/module/images/bg_line.png) repeat-x left top;
  position: absolute;
  bottom: -6px;
}

.nav-category-line li {
  width: 20%;
  float: left;
  position: relative;
  padding: 12px 0; 
}

.nav-category-line li a {
  color: #5e4f4f;
  font-weight: bold;
  display: block;
}

.nav-category-line li a:hover {
  text-decoration: none;
}

.nav-category-line li {
  border-left: 1px solid #e1dede;
  display: block;
}

.nav-category-line li:last-child {
  border-right: 1px solid #e1dede;
}

.nav-category-line li:hover a > span,
.nav-category-line li.active a > span{
	border-left: none;
}

.nav-category-line li:hover a,
.nav-category-line li.active a{
	color: #fff;
} 

.nav-category-line li:hover:last-child a > span,
.nav-category-line li:active:last-child a > span {
	border-right: none;
}

.nav-category-line li:after {
  content: "";
  position: absolute;
  top: 85px;
  left: 0;
  background-color: #f9ba45;
  opacity: 0;
  height: 6px;
  width: 100%;
/*  z-index: 50;*/
  z-index: 1;
}


.nav-category-line li img {
  width: 32px;
  margin: 0 auto 15px;
  display: block;
}

.nav-category-line li:hover,
.nav-category-line li.active{
  background: #f9ba45;
}

.nav-category-line li:hover:after,
.nav-category-line li.active:after {
  opacity: .7;
}

/* 沿線お役立ち情報トップ
---------------------------------------------------------- */
/*レイアウト*/
.usefultop_box {
  border-radius: 10px;
  margin-bottom: 25px;
}

/* ===== 路線案内 ===== */

.usefultop_box.routmap h3 {
  font-size: 16px;
  margin-bottom: 10px;
}
.usefultop_box.routmap h3:before {
  content: "";
  background-size: contain;
  width: 30px;
  height: 30px;
   display: inline-block;
  vertical-align: middle;
  margin: 5px 10px 5px 0;
}
.usefultop_box.routmap.urbanparkline h3:before {
  content: "";
  background-image: url(/module/images/icon/icon_line_td.png);
}
.usefultop_box.routmap.tojoline h3:before {
  content: "";
  background-image: url(/module/images/icon/icon_line_tj.png);
}
.usefultop_box.routmap.skytreeline h3:before {
  content: "";
  background-image: url(/module/images/icon/icon_line_ts.png);
}
.usefultop_box.routmap h3:after {
  content: "";
  background: url(/module/images/img_usefultop_routmap_h3.png);
  height: 5px;
  width: 100%;
  display: block;
}


.usefultop_box.routmap.tojoline {
  margin-top: 20px;
}
.usefultop_box.routmap.skytreeline {
  margin-top: 20px;
  margin-bottom: 60px;
}
.usefultop_box.routmap .coming {
  text-align: center;
  font-size: 24px;
  color: #c9c9c9;
}


/* ===== おでかけキッズ ===== */
.usefultop_box.routmap img {
  width: 100%;
}

.usefultop_box.facilities {
  background: url(/module/images/img_usefultop_facilities.jpg) no-repeat right;
}

.usefultop_box.facilities .usefultop_imgbox {
  background: url(/module/images/img_usefultop_facilities.jpg);
  background-size: cover;
}

.usefultop_box.facilities .usefultop_box_inner {
  background: #76c6d6;
}

.usefultop_box.facilities .usefultop_box_inner::after {
  /*border-top-color: #76c6d6;*/
  border-left-color: #76c6d6;
}

/* ===== 一時保育ナビ ===== */

.usefultop_box.nursery {
  background: url(/module/images/img_usefultop_nursery.jpg) no-repeat right;
}

.usefultop_box.nursery .usefultop_imgbox {
  background: url(/module/images/img_usefultop_nursery.jpg);
  background-size: cover;
}

.usefultop_box.nursery .usefultop_box_inner {
  background: #e4afa5;
}

.usefultop_box.nursery .usefultop_box_inner::after {
  /*border-top-color: #e4afa5;*/
  border-left-color: #e4afa5;
}

/* ===== 助成金ガイド ===== */

.usefultop_box.subsidy {
  background: url(/module/images/img_usefultop_subsidy.jpg) no-repeat right;
}

.usefultop_box.subsidy .usefultop_imgbox {
  background: url(/module/images/img_usefultop_subsidy.jpg);
  background-size: cover;
}

.usefultop_box.subsidy .usefultop_box_inner {
  background: #46c89d;
}

.usefultop_box.subsidy .usefultop_box_inner::after {
  /*border-top-color: #46c89d;*/
  border-left-color: #46c89d;
}

/* ===== 駅特集 ===== */

.usefultop_box.station {
  background: url(/module/images/img_usefultop_station.jpg) no-repeat right;
}

.usefultop_box.station .usefultop_imgbox {
  background: url(/module/images/img_usefultop_station.jpg);
  background-size: cover;
}

.usefultop_box.station .usefultop_box_inner {
  background: #1458a1;
}

.usefultop_box.station .usefultop_box_inner::after {
  border-left-color: #1458a1;
}

/* ===== ----- ===== */

.usefultop_box:hover {
  opacity: 0.8;
}

.usefultop_box:hover a {
  text-decoration: none;
}

.usefultop_box .btn-next-white:hover {
  background: #ffffff !important;
  border-color: #e7e0da !important;
  color: #45b1c7 !important;
}

.usefultop_box .btn-next-white:hover:after {
  background: url(/module/images/icon/icon_arrow_right_01.png) no-repeat;
  background-size: contain;
}

.usefultop_imgbox {
  border-radius: 0 10px 10px 0;
  width: 50%;
}

.usefultop_box_inner {
  position: relative;
  width: 50%;
  padding: 20px;
  border-radius: 10px 0 0 10px;
  color: #ffffff;
  text-align: center;
}

.usefultop_box_inner::after {
  content: "";
  display: block;
  border: 40px solid transparent;
  position: absolute;
  top: -webkit-calc(50% - 40px);
  top: calc(50% - 40px);
  right: -60px;
  /*transform: translate(-50%,-20px);
    border-collapse: separate;
    border-spacing: 20px 16px;
    opacity: 0;
    transition: all .3s linear;
	z-index: 999;
    right: calc(-14px + 0%);
    transform: translateY(-90%) rotate(45deg);*/
}

.usefultop_box_inner h3 {
  font-size: 2.4rem;
  margin-bottom: 15px;
}

.usefultop_box_inner p {
  line-height: 1.6;
  margin-bottom: 25px;
}

.usefultop_box_inner .btn-next-white {
  margin: 0;
}

/* お知らせ一覧ページ
---------------------------------------------------------- */
.news-list-area .nav-tab {
  max-width: 600px;
  margin: auto;
}

.news-list-area .nav-tab a {
  background: #e6e0da;
  color: #5e4f4f;
}

.news-list-area .nav-tab a:hover,
.news-list-area .nav-tab .active a {
  background: #45b1c7;
  color: #ffffff;
}

.news-list-area .nav-tab > li:nth-child(5n) {
  margin-left: 0;
}

.news-list-item {
  overflow: hidden;
  padding: 18px 0 18px 12px;
  border-bottom: 1px solid #e6e0da;
}

.news-list-item:last-child {
  border-bottom: none;
}

.news-list-item > * {
  display: inline-block;
  vertical-align: middle;
}

.news-list-item time {
  width: 90px;
  margin-right: 30px;
}

.news-list-item .news-link-box {
  display: block;
  padding: 5px 0;
  float: right;
  line-height: 1.2;
  width: -webkit-calc(100% - 230px);
  width: calc(100% - 230px);
  margin-left: 20px;
}

.news-type-box {
  display: inline-block;
  line-height: 1.8;
  width: 80px;
  border-radius: 4px;
  color: #ffffff;
  text-align: center;
}

.news-type-box.type_0 {
  background: #f19149;
}

.news-type-box.type_1 {
  background: #e95371;
}

.news-type-box.type_2 {
  background: #6da000;
}

.news-type-box.type_3 {
  background: #48bed0;
}

/* お知らせ詳細ページ
---------------------------------------------------------- */
.news-detail-box .news-infomation-box .news-type-box {
  margin: 0;
}

.news-detail-box .news-infomation-box time {
  float: right;
}

.news-detail-box > * {
  margin-bottom: 20px;
}

.news-detail-box h3 {
  font-size: 1.8rem;
  margin: 50px 0;
}

.news-detail-box p {
  font-size: 1.6rem;
}

.news-detail-box a:hover img {
  opacity: .8;
}

.news-detail-box img {
  display: block;
  margin: 0 auto 20px;
  max-width: 480px;
  max-height: 360px;
}

/* フォーム用SCSS のちほどbase.scssに統合 */
/* =================================
Login
================================= */
.login-solaie-wrap, .login-openid-wrap {
  float: left;
  margin-bottom: 25px;
}

h3.loginTtl {
  font-size: 1.8rem;
  margin-bottom: 20px;
}

h3.loginTtl span {
  font-size: 1.4rem;
}

.login-solaie-wrap {
  width: 345px;
  border-right: 1px solid #e4dedb;
}

.login-solaie-wrap .login-solaie-wrap-inner {
  padding-right: 25px;
}

.login-solaie-wrap .btn-login {
  width: 100%;
}

.login-openid-wrap {
  width: 295px;
}

.login-openid-wrap .login-openid-wrap-inner {
  padding-left: 25px;
}

.login-openid-wrap li {
  margin-bottom: 19px;
}

.about-wrap {
  clear: both;
  padding: 25px 0 0 0;
  border-top: 1px solid #e4dedb;
}

.about-wrap p {
  margin-bottom: 20px;
  line-height: 1.8;
}

.about-wrap .btn-register {
  width: 300px;
  margin: 0 auto;
}

.icon-link {
  color: #5e4f4f;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  position: relative;
  padding-left: 25px;
}

.icon-link:before {
  content: "";
  background: url(/module/images/icon/icon_arrow_circle.png) no-repeat center left;
  background-size: contain;
  width: 17px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.icon-close {
  color: #5e4f4f;
  position: relative;
  padding: 25px 0px 25px 25px;
}

.icon-close:hover {
  cursor: pointer;
}

.icon-close:before {
  content: "";
  background: url(/module/images/icon/icon_close02.png) no-repeat center left;
  background-size: contain;
  width: 17px;
  height: 18px;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pc-btn {
  display: block;
}

.sp-btn {
  display: none;
}

/* =================================
Form
================================= */
.box-form {
  /*topic*/
  /*temporary*/
  /*regist*/
  /*ルールボタン*/
  /*フォーム*/
  /*ボタン*/
  /*レイアウト*/
  /*背景つきテキスト*/
}

.box-form label {
  cursor: pointer;
}

.box-form.th-sm .table-form tr th {
  width: 120px;
}

.box-form.th-md .table-form tr th {
  width: 160px;
}

.box-form.th-lg .table-form tr th {
  width: 180px;
}

.box-form .txt-blue {
  color: #45b1c7;
}

.box-form .box-step {
  width: 530px;
  margin: 0 auto 30px auto;
  padding: 0;
  background-color: #f7f5f4;
  border-radius: 10px;
  overflow: hidden;
}

.box-form .box-step.step-3 li {
  width: 33.3%;
}

.box-form .box-step.step-2 li {
  width: 50%;
}

.box-form .box-step li {
  color: #b4aeae;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #f7f5f4;
  float: left;
  position: relative;
  padding: 18px 0;
  text-align: center;
}

.box-form .box-step li:after {
  /*上に重ねる背景色の三角*/
  content: "";
  width: 0;
  height: 0;
  border: 26px solid transparent;
  border-left: 10px solid #f7f5f4;
  position: absolute;
  right: -35px;
  top: -2px;
/*  z-index: 90;*/
  z-index: 1;
}

.box-form .box-step li:last-child:after {
  content: none;
}

.box-form .box-step li:before {
  /*下に敷くボーダー用の三角*/
  content: "";
  width: 0;
  height: 0;
  border: 26px solid transparent;
  border-left: 10px solid #B4AEAE;
  position: absolute;
  right: -36px;
  top: -2px;
/*  z-index: 90;*/
  z-index: 1;
}

.box-form .box-step li:last-child:before {
  content: none;
}

.box-form .box-step li.active {
  color: #fff;
  background-color: #D58677;
}

.box-form .box-step li.active:after {
  /*上に重ねる背景色の三角*/
  border-left: 10px solid #D58677;
}

.box-form .box-step li.active:before {
  content: "";
  width: 0;
  height: 0;
  border: 26px solid transparent;
  border-left: 10px solid #fff;
  position: absolute;
  right: -36px;
  top: -2px;
/*  z-index: 90;*/
  z-index: 1;
}

.box-form .btn-icon-border.btn-style-lg {
  margin-top: 0;
}

.box-form .btn-icon-border.btn-style-lg.facilities img {
  position: absolute;
  left: 4px;
}

.box-form .table-form {
  border-top: 1px solid #e4dedb;
  border-bottom: 1px solid #e4dedb;
  /*汎用パーツ*/
  /*タイトル*/
  /*ファイル参照*/
  /*投稿内容*/
  /*タグ*/
}

.box-form .table-form + .btn {
  margin-top: 45px;
}

.box-form .table-form .post {
  margin-bottom: 0;
}

.box-form .table-form tr th, .box-form .table-form tr td {
  line-height: 1.6;
}

.box-form .table-form tr th + td {
  margin-top: 8px;
}

.box-form .table-form tr td .attached img {
  max-width: 520px;
  margin-bottom: 20px;
}

.box-form .table-form .error-message {
  color: #EB6060;
  padding-bottom: 10px;
  padding-left: 2em;
  text-indent: -2em;
}

.box-form .table-form .error-message:before {
  content: "";
  display: inline-block;
  background-image: url(/module/images/icon/icon_error.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  vertical-align: middle;
  margin-right: 6px;
}

.box-form .table-form textarea {
  width: 100%;
  resize: vertical;
  margin: 0;
  padding: 10px;
  border: 1px solid #e3e0de;
}

.box-form .table-form textarea::input-placeholder {
  color: #c6c0bd;
  padding: 10px;
}

.box-form .table-form .txt-reply {
  float: left;
  margin-top: 10px;
  cursor: pointer;
}

.box-form .table-form .txt-reply img {
  width: auto;
  height: 13px;
  margin-right: 3px;
}

.box-form .table-form .txt-note {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 10px;
  float: right;
}

.box-form .table-form .txt-note-left {
  font-size: 12px;
  font-size: 1.2rem;
  margin-top: 10px;
}

.box-form .table-form .label-default {
  background-color: #eb6060;
}

.box-form .table-form .textarea-title {
  height: 64px;
}

.box-form .table-form .btn-file {
  display: inline-block;
  margin-bottom: 15px;
  width: auto;
  padding: 10px 12px;
  cursor: pointer;
}

.box-form .table-form .input-file .btn-file {
  margin-top: 0;
}

.box-form .table-form .input-file-cover {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 300px;
  border: none;
  margin-left: 20px;
}

.box-form .table-form .txt-form-imgpath {
  margin-bottom: 10px;
}

.box-form .table-form .txt-info {
  font-size: 12px;
  font-size: 1.2rem;
  color: #a69e9e;
  background-color: #f7f5f4;
  padding: 10px;
  border-radius: 4px;
}

.box-form .table-form .textarea-comment {
  height: 130px;
}

.box-form .table-form .box-form-tag {
  border: 1px solid #e3e0de;
  width: 100%;
  height: 55px;
  margin-bottom: 8px;
}

.box-form .table-form .box-form-select .dropdown {
  width: 300px;
}

.box-form .table-form .birth .box-form-select {
  display: inline-block;
}

.box-form .table-form .birth .box-form-select:first-child {
  width: 35%;
}

.box-form .table-form .birth .box-form-select:not(:first-child) {
  width: 28%;
}

.box-form .table-form .birth .box-form-select .dropdown {
  width: 100%;
}

.box-form .table-form .birth .box-form-select + .box-form-select {
  margin-left: 3%;
}

.box-form .table-form .form-number .form-control {
  display: inline;
  width: 30%;
}

.box-form .table-form .form-number span {
  margin: 0 6px;
}

.box-form .table-form .form-number span.between {
  margin: 0 3px;
}

.box-form .table-form .form-number img {
  width: 23px;
  margin: 0 10px;
}

.box-form .table-form .form-number.cal .img-cal {
  cursor: pointer;
}

.box-form .table-form .form-number.cal input[type="text"]:hover {
  cursor: pointer;
}

.box-form .table-form .form-number.cal .cal-min {
  display: inline;
}

.box-form .btn-input {
  width: 420px;
  margin: 0 auto;
}

.box-form .box-complete {
  padding: 50px 0;
  text-align: center;
}

.box-form p + form {
  margin-top: 25px;
}

.box-form table + div {
  margin-top: 35px;
}

.box-form .box-center {
  text-align: center;
}

.box-form .form-check {
  padding: 20px 0 5px 0;
  text-align: left;
  display: inline-block;
  margin: 0 auto;
}

.box-form .btn-form {
  display: inline;
}

.box-form .btn-form input {
  margin-right: 10px;
}

.box-form .btn-form + .btn-form {
  margin-left: 35px;
}

.box-form .box-form-checkbox li {
  margin: 0;
  display: inline-block;
  white-space: nowrap;
  line-height: 2.2;
}

.box-form .box-form-checkbox li input {
  margin-right: 10px;
}

.box-form .box-form-checkbox li:first-child, .box-form .box-form-checkbox li + li {
  margin-right: 30px;
}

.box-form .form-group {
  margin-bottom: 0;
}

.box-form .form-group + .form-group {
  margin-top: 10px;
  padding-bottom: 5px;
}

.box-form .txt-bg {
  background-color: #f7f5f4;
  font-weight: bold;
  padding: 20px;
  margin-bottom: 25px;
  display: inline-block;
  border-radius: 10px;
}

.box-form .ttl-post {
  padding: 15px 0 15px 0;
}

.box-form .box-border-top {
  border-top: 1px solid #e4dedb;
  margin-top: 25px;
  padding-top: 25px;
}

.box-form .box-border-top h4 {
  margin-bottom: 5px;
}

.box-form .bold {
  font-weight: bold;
}

.box-form .form-caption {
  line-height: 1.6;
}

.box-form .form-caption + .table-form {
  margin-top: 15px;
}

.box-form .form-caption + .form-caption {
  margin-top: 15px;
}

.box-form .table-info tr th {
  padding-top: 13px;
}

.box-form .post-balloon .post-user {
  float: none;
  display: block;
}

.box-form .post-balloon .balloon-comment {
  width: 100%;
  margin-left: 0;
}

.box-form .post-balloon .balloon-comment:before {
  position: absolute;
  top: -14px;
  left: 22px;
}

.box-form .post-balloon .balloon-comment .post-sub {
  float: right;
}

.box-form .post-balloon .balloon-comment time {
  color: #bfb9b3;
}

/*form内クォート要素*/
.box-quote-form {
  width: 100%;
  display: table;
  border-top: 1px solid #ece8e3;
  margin-top: 15px;
}

.box-quote-form .ttl-sub-quote {
  display: table-cell;
  width: 120px;
  padding: 15px 0 15px 10px;
  line-height: 1.6;
  font-weight: bold;
}

.box-quote-form .quote-form {
  display: table-cell;
  padding: 15px 0;
  vertical-align: top;
}

.box-quote-form .box-quote-form + .box-quote-form {
  margin-top: 0;
}

/*フォーム内、引用文書用スタイル*/
.quote-form {
  position: relative;
  /*吹き出し*/
  /*吹き出し内time位置　個別設定*/
}

.quote-form .ttl-post {
  padding: 0;
}

.quote-form .parts-subInfo-wrap time {
  position: static;
}

.quote-form .parts-subInfo-wrap .post-sub + .post-sub {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #bfb9b3;
}

.quote-form time {
  position: absolute;
  top: 0;
  right: 0;
}

.quote-form .post-user {
  width: auto;
}

.quote-form .post-user > * {
  display: inline-block;
  vertical-align: middle;
}

.quote-form .post-user .post-user-img {
  margin-right: 12px;
}

.quote-form .post-user .post-user-name {
  margin-top: 0;
}

.quote-form .post-user .post-user-auth {
  text-align: left;
}

.quote-form .post-balloon.balloon-comment {
  width: 100%;
  margin: 10px 0 0;
}

.quote-form .post-balloon.balloon-comment:before {
  left: 10px;
  top: -11px;
}

.quote-form .box-post-flex time {
  position: static;
  text-align: right;
  display: block;
}

.table-info .quote-form .post-user {
  width: auto;
  margin: 0;
}

.table-info .quote-form .post-user .post-user-img,
.table-info .quote-form .post-user .post-user-name {
  display: inline-block;
  padding-right: 0;
}

.table-info .quote-form .post-user .post-user-img img,
.table-info .quote-form .post-user .post-user-name img {
  width: 48px;
  height: auto;
}

.box-layout-inner.confirm {
  margin: 0 60px;
}

.main-mypage .box-form .box-layout-inner {
  padding-top: 15px;
}

.main-mypage .box-form .box-border-none .table-form {
  border-top: none;
}

.main-mypage .box-form .box-border-none .table-form tr:first-child {
  border-top: none;
}

/* 施設登録フォーム 事業者の方向けの説明
---------------------------------------------------------- */
.box-form-notes {
  margin-bottom: 20px;
}

.box-form-notes .notes {
  margin-bottom: 27px;
}

.box-form-notes .notes h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 24px;
}

.box-form-notes .notes p {
  line-height: 1.5;
}

.box-form-notes .form-flow h3 {
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
}

.box-form-notes .form-flow .flow dl {
  display: inline-block;
  vertical-align: top;
  width: 190px;
  height: 250px;
  text-align: center;
  background: #e4f4f7;
  border-radius: 10px;
  margin: 0;
  padding: 0 18px;
  position: relative;
}

.box-form-notes .form-flow .flow dl:nth-child(1) dt {
  background: url(/module/images/icon/icon_flow_01.png) no-repeat center 20px;
  background-size: 70px auto;
}

.box-form-notes .form-flow .flow dl:nth-child(1) dd {
  text-align: center;
}

.box-form-notes .form-flow .flow dl:nth-child(2) dt {
  background: url(/module/images/icon/icon_flow_02.png) no-repeat center 20px;
  background-size: 70px auto;
}

.box-form-notes .form-flow .flow dl:nth-child(3) dt {
  background: url(/module/images/icon/icon_flow_03.png) no-repeat center 20px;
  background-size: 70px auto;
}

.box-form-notes .form-flow .flow dl dt {
  padding-top: 100px;
}

.box-form-notes .form-flow .flow dl dd {
  text-align: left;
  margin-top: 16px;
}

.box-form-notes .form-flow .flow dl + dl {
  margin-left: 30px;
}

.box-form-notes .form-flow .flow dl + dl:before {
  content: "";
  position: absolute;
  left: -24px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 16px;
  height: 25px;
  background: url(/module/images/icon/icon_arrow_flow.png) no-repeat center center;
  background-size: contain;
  display: block;
}

/* =================================
mypage
================================= */
.nav-mypage li.talk:before, .nav-mypage li.join:before, .nav-mypage li.apply:before, .nav-mypage li.favorite:before, .nav-mypage li.config:before, .nav-mypage li.special:before, .nav-mypage li.facilities:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 28px;
  height: 28px;
  position: absolute;
  left: 12px;
  top: 50%;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
}

.side-mypage {
  width: 300px;
}

.nav-mypage li {
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  /*新着情報がある時*/
  /*トピック一覧*/
  /*募集一覧*/
  /*応募一覧*/
  /*お気に入り*/
  /*個人設定*/
  /*スペシャルオファー*/
  /*登録施設一覧*/
}

.nav-mypage li a, .nav-mypage li.active {
  background: #fff;
  color: #5e4f4f;
  display: block;
  padding: 15px 12px 15px 45px;
  border-radius: 10px;
}

.nav-mypage li:hover a, .nav-mypage li.active {
  background: #45b1c7;
  color: #fff;
  text-decoration: none;
}

.nav-mypage li.new:after {
  content: '';
  width: 12px;
  height: 12px;
  background: #ed5d5d;
  position: absolute;
  top: -3px;
  right: -3px;
  border-radius: 50%;
}

.nav-mypage li.talk:before {
  background: url(/module/images/icon/icon_mypage_talk_01.png) no-repeat center center;
  background-size: contain;
  margin-right: .5em;
}

.nav-mypage li.talk:hover:before, .nav-mypage li.talk.active:before {
  background: url(/module/images/icon/icon_mypage_talk_02.png) no-repeat center center;
  background-size: contain;
}

.nav-mypage li.join:before {
  background: url(/module/images/icon/icon_mypage_join_01.png) no-repeat center center;
  background-size: contain;
  margin-right: .5em;
}

.nav-mypage li.join:hover:before, .nav-mypage li.join.active:before {
  background: url(/module/images/icon/icon_mypage_join_02.png) no-repeat center center;
  background-size: contain;
}

.nav-mypage li.apply:before {
  background: url(/module/images/icon/icon_mypage_apply_01.png) no-repeat center center;
  background-size: contain;
  margin-right: .5em;
}

.nav-mypage li.apply:hover:before, .nav-mypage li.apply.active:before {
  background: url(/module/images/icon/icon_mypage_apply_02.png) no-repeat center center;
  background-size: contain;
}

.nav-mypage li.favorite:before {
  background: url(/module/images/icon/icon_mypage_favorite_01.png) no-repeat center center;
  background-size: contain;
  margin-right: .5em;
}

.nav-mypage li.favorite:hover:before, .nav-mypage li.favorite.active:before {
  background: url(/module/images/icon/icon_mypage_favorite_02.png) no-repeat center center;
  background-size: contain;
}

.nav-mypage li.config:before {
  background: url(/module/images/icon/icon_mypage_config_01.png) no-repeat center center;
  background-size: contain;
  margin-right: .5em;
}

.nav-mypage li.config:hover:before, .nav-mypage li.config.active:before {
  background: url(/module/images/icon/icon_mypage_config_02.png) no-repeat center center;
  background-size: contain;
}

.nav-mypage li.special:before {
  background: url(/module/images/icon/icon_mypage_special_01.png) no-repeat center center;
  background-size: contain;
  margin-right: .5em;
}

.nav-mypage li.special:hover:before, .nav-mypage li.special.active:before {
  background: url(/module/images/icon/icon_mypage_special_02.png) no-repeat center center;
  background-size: contain;
}

.nav-mypage li.facilities:before {
  background: url(/module/images/icon/icon_mypage_facilities_01.png) no-repeat center center;
  background-size: contain;
  margin-right: .5em;
}

.nav-mypage li.facilities:hover:before, .nav-mypage li.facilities.active:before {
  background: url(/module/images/icon/icon_mypage_facilities_02.png) no-repeat center center;
  background-size: contain;
}

.nav-mypage li + li {
  margin-top: 8px;
}

.box-mypage-profile {
  background: #fff;
  border-radius: 10px;
  padding: 12px;
  margin-bottom: 20px;
}

.box-mypage-profile .box-user-profile .icon-profile-change {
  border: 3px solid #f4e85d;
  border-radius: 8px;
  overflow: hidden;
  width: 120px;
  height: 120px;
  margin: 0 auto;
  display: block;
  position: relative;
}

.box-mypage-profile .box-user-profile .icon-profile-change img {
  width: 100%;
  height: auto;
}

.box-mypage-profile .box-user-profile .icon-profile-change:after {
  content: '';
  width: 24px;
  height: 20px;
  background: url(/module/images/icon/icon_photo.png) no-repeat center center;
  background-size: contain;
  display: block;
  position: absolute;
  bottom: 7px;
  right: 7px;
}

.box-mypage-profile .user-info span {
  display: block;
  line-height: 1.5;
}

.box-mypage-profile .user-info .user-name {
  font-size: 1.7rem;
  font-weight: bold;
  margin: 10px 0 15px;
  line-height: 1;
}

.box-mypage-profile .user-info .auth {
  font-size: 1.2rem;
  color: #b59355;
}

.box-mypage-profile .user-comment {
  position: relative;
  display: block;
  width: auto;
  border-radius: 10px;
  background: #fff;
  border: 1px solid #e6e0da;
  z-index: 0;
  margin-top: 12px;
  line-height: 1.35;
}

.box-mypage-profile .user-comment:before {
  content: '';
  position: absolute;
  top: -7px;
  left: 50%;
  margin-left: -7px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent #fff transparent;
  z-index: 0;
}

.box-mypage-profile .user-comment:after {
  content: '';
  position: absolute;
  top: -8px;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 8px 8px 8px;
  border-color: transparent transparent #e6e0da transparent;
  z-index: -1;
}

.box-mypage-profile .user-comment a {
  color: #5e4f4f;
  display: block;
  padding: 12px;
  position: relative;
}

.box-mypage-profile .user-comment a:hover {
  text-decoration: none;
}

.box-mypage-profile .user-comment a:after {
  content: '';
  width: 8px;
  height: 12px;
  background: url(/module/images/icon/icon_arrow_right_01.png) no-repeat center center;
  background-size: contain;
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.box-mypage-profile .user-comment:hover {
  opacity: .7;
}

.box-mypage-profile .user-counter {
  background: #f6f4f2;
  border-radius: 10px;
  margin-top: 12px;
  padding: 6px;
}

.box-mypage-profile .user-counter li {
  width: -webkit-calc(50% - 15px);
  width: calc(50% - 15px);
  display: inline-block;
  position: relative;
  margin: 6px;
}

.box-mypage-profile .user-counter li span {
  font-size: 1.3rem;
  font-weight: bold;
  color: #796d69;
  display: block;
  text-align: center;
  margin: 6px 0;
}

.box-mypage-profile .user-counter li .counter {
  font-size: 2.8rem;
  font-weight: bold;
  display: block;
  margin: 6px 0 6px;
  text-align: center;
}

.box-mypage-profile .user-counter li:nth-child(odd):before {
  content: '';
  display: inline-block;
  width: 1px;
  height: 100%;
  background: #e4dedb;
  position: absolute;
  right: -8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.box-mypage-profile .user-counter li:nth-child(-n+2):after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 1px;
  background: #e4dedb;
  position: absolute;
  bottom: -7px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}

.main-mypage {
  width: -webkit-calc(100% - 330px);
  width: calc(100% - 330px);
}

.card-item-white {
  background: #fff;
  border-radius: 20px;
  padding: 25px;
}

.card-item-white .new {
  color: #ed5d5d;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 12px;
  padding-left: 18px;
  display: inline-block;
  position: relative;
}

.card-item-white .new:before {
  content: '';
  width: 12px;
  height: 12px;
  background: #ed5d5d;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.card-item-white .ttl-card-item {
  font-size: 2rem;
  line-height: 1.4;
}

.card-item-white time {
  color: #bfb9b3;
  margin-top: 5px;
  display: inline-block;
}

.card-item-white + .card-item-white {
  margin-top: 20px;
}

.btn-card-wrap {
  text-align: right;
  margin-top: 20px;
}

.btn-card-in {
  font-weight: bold;
  color: #45b1c7;
  background: #fff;
  border: 2px solid #45b1c7;
  border-radius: 10px;
  display: inline-block;
  padding: 13px 24px 13px 14px;
  position: relative;
}

.btn-card-in:after {
  content: '';
  width: 8px;
  height: 12px;
  background: url(/module/images/icon/icon_arrow_right_01.png) no-repeat center center;
  background-size: contain;
  display: block;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.btn-card-in:hover {
  text-decoration: none;
  background: #45b1c7;
  color: #fff;
}

.btn-card-in:hover:after {
  background: url(/module/images/icon/icon_arrow_right_02.png) no-repeat center center;
  background-size: contain;
}

.btn-card-in + .btn-card-in {
  margin-left: 5px;
}

.thumb-special a {
  display: inline-block;
}

.thumb-special a img {
  max-width: 100%;
  height: auto;
}

.thumb-special a:hover {
  opacity: .7;
}

.thumb-special + .thumb-special {
  margin-top: 12px;
}

.box-ttl-sub-mypage {
  padding-bottom: 25px;
  margin-bottom: 25px;
  border-bottom: 1px solid #ece8e3;
}

.box-ttl-sub-mypage .ttl-sub-mypage {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.4;
}

.box-ttl-sub-mypage time {
  color: #bfb9b3;
  display: block;
  margin-top: 10px;
}

/*あれこれ募集ページ*/
.txt-member-id {
  color: #bfb9b3;
  display: block;
  text-align: right;
  margin-bottom: 8px;
}

/*やりとり詳細*/
.post-balloon.balloon-comment.myself {
  width: -webkit-calc(100% - 14px);
  width: calc(100% - 14px);
  margin-left: 0;
  background: #f6f4f2;
  margin-right: 14px;
}

.post-balloon.balloon-comment.myself:before {
  right: -11px;
  left: auto;
  left: initial;
  background: url(/module/images/icon/balloon-root-myself.png) no-repeat top left;
}

.post-subject {
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 8px;
}

@media screen and (min-width: 0) and (max-width: 767px){
  body{
    font-size: 1.2rem;
  }
  .box-layout-white, .nav-tab, .post, .box-balloon-blue, .box-zoom-card.col-2, .card-item-white, .thumb-special{
    margin: 0 8px;
  }
  .box-layout-white, .nav-tab{
    margin: 0 8px 8px;
  }
  .ttl-lg, a.ttl-lg{
    font-size: 2.13333rem;
  }
  .ttl-md, a.ttl-md{
    font-size: 1.86667rem;
  }
  .ttl-sm{
		margin-bottom: 8px;
    font-size: 1.4rem;
  }
  a.ttl-sm{
    font-size: 1.6rem;
  }
  .ttl-post, a.ttl-post{
    font-size: 1.33333rem;
  }
/*
  .ttl-category-icon {
    margin-bottom: 0;
  }
*/
  .ttl-category-icon img, .ttl-category-icon.estate:before{
    height: 20px;
		
  }
  .ttl-category-icon.band, .ttl-category-icon.band .to-list-link, .box-ttl-list.band, .box-ttl-list.band .to-list-link{
		
    background: #5e4f4f;
    color: #fff;
  }
  .ttl-category-icon.border, .box-ttl-list.border{
    border-bottom: 1px solid #5e4f4f;
  }
 .ttl-category-icon{
    display: block;
		padding: 10px 8px;
    font-size: 1.6rem;
		line-height: 1.4;
  }
  .ttl-category-icon.estate span{
    display: block;
		margin-left: 0;
    margin-top: 12px;
		font-size: 1.2rem;
  }
	.to-list-link {
			right: 2%;
			padding-left: 15px;
			font-size: 12px;
	}
	.to-list-link:before {
			width: 12px;
			height: 12px;
	}	
	.box-ttl-list {
			margin: 0 0 12px;
	}	
	/* add estate  */
	.box-ttl-list.estate{
    margin-bottom: 0;
  }	
	.box-ttl-list.estate .to-list-link{
    top: 22px;
  }
	/* add news  */
  .box-ttl-list.news{
    width: 100%;
    border-bottom: 2px solid #9ecad3;
  }
  .box-ttl-list.news .to-list-link{
    position: absolute;
		top: 50%;
    right: 2%;
  }
  .btn{
  }
	.btn {
		margin-top: 10px;
		margin-bottom: 15px;
		padding: 10px;
		font-size: 1.4rem;
		border-radius: 5px !important;
	}	
  .btn-style-lg{
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 1.4rem;
    margin-top: 10px;
    margin-bottom: 15px;
    border-radius: 5px !important;
  }
  .btn-style-lg{
    width: -webkit-calc(100% - 16px);
    width: calc(100% - 16px);
  }
  .btn-style-md{
    padding: 9px 0;
    font-size: 1.4rem;
    margin-top: 10px;
    margin-bottom: 15px;
    border-radius: 5px !important;
  }
  .share-sns-wrap{
    padding: 10px 0;
    margin: 0 8px;
    text-align: right;
  }
  .share-sns-wrap ul{
    display: table;
    margin-bottom: 10px;
  }
  .share-sns-wrap li{
    display: table-cell;
    padding: 0 2px;
  }
  .share-sns-wrap li img{
    width: 100%;
    max-width: 120px;
    height: auto;
  }
  .share-sns-wrap .post-sns-box-like {
    padding: 3.5px;
  }
  .box-post-img-main img{
    max-width: 100%;
    max-height: 188px;
  }
	.limit{
		margin-bottom: 10px;
		padding-top: 0px;
		font-size: 1.2rem;
	}
  .period{
    display: block;
    padding-top: 5px;
		font-size: 1.0rem;
  }
  .post-balloon .period{
    float: none;
    margin-bottom: 10px;
  }
  .post-balloon .notice{
    font-size: 1.0rem;
    margin-bottom: 0;
  }
  .post-balloon .notice + .notice{
    margin-left: 5px;
  }
  .modal .post-img-detail .close-modal{
    right: 0;
  }
  .full-width-inner{
    width: 100%;
  }
  .terms-area.box-layout-inner > p{
    margin-bottom: 12px;
  }
  .terms-area .terms-chapter + .terms-chapter{
    margin-top: 20px;
  }
  .terms-area .terms-inner{
    margin-bottom: 20px;
  }
  .terms-area h3{
    margin-bottom: 12px;
  }
  .terms-area .order-list{
    padding-left: 2rem;
  }
  .modal-body.privacy-box + .modal-footer a,
  .modal-body.term-box + .modal-footer a{
    width: 75%;
  }
  .box-sitemap{
    width: 100%;
  }
  .box-sitemap > div > ul{
    margin-bottom: 20px;
  }
  .side-info{
    margin-top: 10px;
  }
  .btn-list-about{
    margin: 0 2.5%;
  }
  .usefultop_box{
    margin: 2.5%;
  }
  .usefultop_box.facilities{
    background-size: contain;
  }
  .usefultop_box.nursery{
    background-size: contain;
  }
  .usefultop_box.subsidy{
    background-size: contain;
  }
  .useful_box_flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .usefultop_box_inner{
    padding: 2.5%;
  }
  .usefultop_box_inner::after{
    border-width: 1.5rem;
    right: -30px;
    top: 50px;
  }
  .usefultop_box_inner h3{
    font-size: 1.8rem;
    margin-bottom: 10px;
  }
  .usefultop_box_inner p{
    font-size: 1.2rem;
    margin-bottom: 0px;
    text-align: left;
  }
  .news-list-item{
    padding: 12px 0 17px;
  }
  .news-list-item:first-child{
    padding: 0 0 17px;
  }
  .news-list-item time{
    width: auto;
    margin-right: 0;
		font-weight: bold;
		font-size: 1.2rem;
  }
  .news-list-item .news-link-box{
    width: 100%;
    float: none;
    padding: 0;
    margin-top: 8px;
    margin-left: 0;
    font-size: 1.6rem;
    line-height: 1.2;
  }
  .news-type-box{
    margin: 0 0 0 1rem;
    width: 5rem;
    margin-left: 5px;
		font-weight: bold;
		font-size: 1.0rem;
  }
  .news-detail-box > *:last-child{
    margin-bottom: 0px;
  }
  .news-detail-box h3{
    margin: 20px 0;
  }
  .news-detail-box img{
    max-width: 240px;
    max-height: 180px;
  }
  .nav-mypage li.talk:before, .nav-mypage li.join:before, .nav-mypage li.apply:before, .nav-mypage li.favorite:before, .nav-mypage li.config:before, .nav-mypage li.special:before, .nav-mypage li.facilities:before{
    width: auto;
    height: auto;
    max-width: 33.333333%;
    position: relative;
    display: block;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    padding: 33.333333%;
    margin-bottom: 10px;
    border-radius: 15px;
  }
}

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

  /* =================================
  base
  ================================= */
  html, body{
    min-width: 320px;
  }

  /* =================================
  汎用クラスの定義
  ================================= */
  .inner-wrap{
    width: 100%;
  }
  .is-sp-only{
    display: block !important;
  }
  .is-pc-only{
    display: none !important;
  }
  .float-l, .float-r{
    float: none;
  }

  /* ボタン
  ---------------------------------------------------------- */
  .btn-more-blue:hover, .btn-blue:hover{
    background: #45b1c7;
    border-color: #45b1c7;
    color: #fff;
  }
  .btn-white:hover{
    background: #fff;
    border-color: #e7e0da;
    color: #45b1c7;
  }
  .btn-login:hover{
    background: #f4e85d;
    color: #45b1c7;
  }
  .btn-legister:hover{
    background: #45b1c7;
    color: #fff;
  }
  .btn-icon:hover{
    background: #fff;
    border-color: #e7e0da;
    color: #45b1c7;
  }
  .btn-icon:hover:after{
    background: url(/module/images/icon/icon_arrow_right_01.png) no-repeat;
    background-size: contain;
  }
  .btn-icon-border:hover{
    background: #fff;
    border-color: #45b1c7;
    color: #45b1c7;
  }
  .btn-icon-border:hover:after{
    background: url(/module/images/icon/icon_arrow_right_01.png) no-repeat;
    background-size: contain;
  }
	.btn-wrap-2col{
		padding-right: 10px;
		overflow: visible;
	}	
	.btn-wrap-2col .btn {
			width: 50%;
			margin: 0 10px 0 0;
	}	
  .btn-wrap-2col .btn:first-child{
    float: left;
  }
  .btn-wrap-2col .btn:last-child{
    float: left;
		margin: 0 -10px 0 0;
  }
  .btn-right {
    float: right;
    margin: 0 -10px 0 0 !important;
    box-shadow: 0 2px 0 0  #b8b58e;
  }
  .btn-wrap-2col .btn-white:hover{
    color: #5e4f4f;
  }
  .btn-next-blue:hover, .btn-next-white:hover{
    background: #45b1c7;
    border-color: #45b1c7;
    color: #fff;
  }
  .btn-next-blue:hover:after, .btn-next-white:hover:after{
    background: url(/module/images/icon/icon_arrow_right_02.png) no-repeat;
    background-size: contain;
  }

  /*white*/
  .btn-next-white{
    background: #45b1c7;
    border-color: #45b1c7;
    color: #fff;
  }
  .btn-next-white:after{
    background: url(/module/images/icon/icon_arrow_right_02.png) no-repeat;
    background-size: contain;
    -webkit-transform: translateY(-50%) rotate(90deg);		
    -moz-transform: translateY(-50%) rotate(90deg);	
    -ms-transform: translateY(-50%) rotate(90deg);		
    transform: translateY(-50%) rotate(90deg);		
  }
  .btn-more-white{
    background: #45b1c7;
    border-color: #45b1c7;
    color: #fff;
  }
  .btn-more-white:after{
    background: url(/module/images/icon/icon_arrow_down_02.png) no-repeat;
    background-size: contain;
  }

  /* レイアウトボックス
  ---------------------------------------------------------- */

  /*white+radius*/
  .box-layout-white{
    border-radius: 10px;
    max-width: auto;
    max-width: initial;
  }
  .box-layout-white .box-layout-inner{
    margin: 0;
    padding: 12px;
  }

  /*下層用　下線付き見出し　wrapper*/
  .box-ttl-line{
    border-bottom: 1px solid #e6e0da;
    padding: 12px;
  }

  /*タイトル内time*/
  .box-ttl-line .parts-subInfo-wrap{
    width: -webkit-calc(100% - 6em);
    width: calc(100% - 6em);
  }
  .box-ttl-line .parts-subInfo-wrap .parts-subInfo.line{
    line-height: 1.3;
  }
  .box-ttl-line time{
    right: 12px;
    top: 12px;
  }

  /* ラベル 保育種別用 */
  .label-childcare-type01{
		display: block;
    width: 60px;
		margin-bottom: 4px;
    padding: 0;
		font-size: 1.2rem;
		line-height: 1.8rem
  }
  .label-childcare-type02{
		display: block;
    width: 60px;
		margin-bottom: 4px;		
    padding: 0;
		font-size: 1.2rem;
		line-height: 1.8rem
  }
  .label-childcare-type03{
		display: block;
    width: 60px;
		margin-bottom: 4px;		
    padding: 0;
		font-size: 1.2rem;
		line-height: 1.8rem
  }

  /*一時保育ナビラベル付きタイトル*/
  .ttl-nursery{
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px);
    display: inline-block;
    vertical-align: top;
  }

  /* 背景色付きタイトル */
  .ttl-login{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }

  /* googleMap埋め込み
  ---------------------------------------------------------- */
  .box-gmap{
    margin-top: 12px;
  }
  .box-gmap a{
    margin-top: 8px;
  }
  .box-gmap #map_canvas{
    height: 157px;
  }

  /* ボタン　投稿関係
  ---------------------------------------------------------- */
  .btn-post-area{
    margin: 5px 8px 15px;
  }
  .btn-post-area:before{
    content: "";
    background: url(/module/images/bg_bnrArea_top_sp.png) no-repeat center top;
    background-size: contain;
    height: 22px;
  }
  .btn-post-area:after{
    content: "";
    background: url(/module/images/bg_bnrArea_bm_sp.png) no-repeat center bottom;
    background-size: contain;
    height: 22px;
  }
  .btn-post-item{
    padding: 30px 5px 14px;
    margin: 10px;
  }
  .btn-post-item .icon-circle{
    position: absolute;
    left: 0;
    right: 0;
    top: -10px;
    bottom: auto;
    margin: auto;
  }
  .btn-post-item p{
    font-size: 1.3rem;
  }
  .btn-post-item .btn{
    margin: 12px auto 0;
  }

  /* アラートエリア
  ---------------------------------------------------------- */
  .box-alert{
    border-radius: 0;
    margin: 10px 0;
    padding: 8px;
    line-height: 1.1;
  }
  .box-alert.detail{
    max-width: auto;
    max-width: initial;
  }

  /* 詳細情報テーブル
  ---------------------------------------------------------- */
  .table-info tr th{
    width: 100%;
    display: block;
    padding: 12px 0 0px;
  }
  .table-info tr td{
    display: block;
    padding: 8px 0 12px 0;
  }
	.table-info tr td .tag-table-list{
		margin-top: -4px;
  }	
	.table-info tr td .tag-table-list li{
		margin: 4px 4px 0 0 ;
		font-weight: bold;
		font-size: 1.0rem;
		line-height: 20px;
  }
  .table-info .icon-table{
    height: 12px;
    margin-right: 5px;
  }
	

  /*tag*/
  .tag-table{
		margin-bottom: 0;
    background: #f1e6d2;
  }
  .tag-table .tag-table-list{
    border-radius: 0;
    margin: -12px 0 12px 0;
    padding: 0 8px 12px;
  }

  .tag-table .tag-table-list li{
    margin: 12px 8px 0 0;
    line-height: 20px;
	}

  /* tab
  ---------------------------------------------------------- */
  .nav-tab > li *{
    font-weight: bold;
    font-size: 1.0rem;
    line-height: 36px;
    margin-bottom: 6px;		
    padding: 0;
    border-radius: 7px;
  }
  .nav-tab > li:first-child a{
    font-size: 1.2rem;
    border-radius: 7px;		
  }
	
	.nav-tab li > *:after, .nav-tab li:first-child a:after {
    content: "";
    position: absolute;
    bottom: -5px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 6px;
    border-color: transparent transparent transparent transparent;
    z-index: -1;
	}	
	
	.nav-tab li > *, .nav-tab li:first-child a {
			margin-bottom: 6px;
	}	
	
  .nav-tab > li + li{
    margin-left: 6px;
  }

  /*タブ　2カラム*/
  .nav-tab-2col > li{
    width: 49%;
    width: -webkit-calc(50% - 3px);
    width: calc(50% - 3px);
  }

  /*タブ　3カラム*/
  .nav-tab-3col > li{
    width: -webkit-calc(33% - 3px);
    width: calc(33% - 3px);
  }

  /*タブ　4カラム*/
  .nav-tab-4col > li{
		
    width: -webkit-calc(25% - 5px);
    width: calc(25% - 5px);
  }

  /* パーツ
  ---------------------------------------------------------- */

  /*タイトル　背景付き*/
  .ttl-bar{
    border-radius: 0;
  }

  /* post-balloon */
  .post{
 	 	margin-bottom: 10px;
  }
	
	.post a {
		color: #614e50;
	}
	
  .post-balloon{
    float: none;
    width: 100%;
  	margin: 11px 0 0;
/*    padding: 12px;*/
  	border-radius: 10px;
    /*吹き出し内メインwrap*/
  }
  .post-balloon.balloon-default:before{
    content: "";
    width: 14px;
    height: 20px;
    display: block;
    position: absolute;
    left: 10px;
    top: -13px;
    background: url(/module/images/icon/balloon-root.png) no-repeat top left;
  }
  .post-balloon.balloon-comment:before{
    content: "";
    width: 14px;
    height: 29px;
    display: block;
    position: absolute;
    left: 10px;
    top: -13px;
    background: url(/module/images/icon/balloon-root-comment.png) no-repeat top left;
  }
  .box-reviews .post-balloon {
    padding: 12px;
  }
  .post-balloon .post-title {
    font-size: 1.3rem;
    margin-bottom: 10px;
    line-height: 1.4;
  }
  .post-balloon .post-detail {
    padding-right: 0;
    margin-bottom: 10px;
  }
  .post-balloon .post-balloon-in {
    width: 100%;
    display: block;
    padding: 10px 10px 0 10px;
  }
  .post-balloon .post-balloon-ttl {
    display: block;
    margin-bottom: 10px;
  }
  .post-sns-like p,
  .post-sns-comment p {
    display: inline;
  }
  .post-sns-count {
    margin-top: 8px;
    padding: 10px;
  }
  .count-like {
    padding: 5px;
    margin: 0 0 0 10px;
  }
  .share-sns-wrap .post-sns-like .count-like {
    padding: 5.5px;
  }
  .count-comment {
    padding: 5px;
    margin: 2px 0 0 9px;
  }
  .post-sns-count li {
    font-size: 10px;
  }
  .post-sns-box-like {
    padding: 2px;
  }
  .balloon-comment .post-sns-box-like {
    padding: 2px;
    display: inline-block;
  }
  .balloon-comment .post-sns-like {
    margin-top: 5px;
  }
  .post-sns-box-comment {
    padding: 5px 0;
  }
/*
  .post-sns-count{
    color: #bfb9b3;
    border-top: 1px solid #bfb9b3;
    padding-top: 9px;
    margin-top: 9px;
    max-width: initial;
    max-width: auto;
    width: 100%;
    margin-left: 0;
  }
  .post-sns-count li{
    display: inline-block;
    font-size: 12px;
    width: auto;
  }
  .post-sns-count li + li{
    margin-left: 5px;
  }
  .post-balloon .count-comment,
  .post-balloon .count-like{
    position: relative;
    display: block;
    padding: 4px;
    width: auto;
    color: #bfb9b3;
    border-radius: 5px;
    text-align: center;
    background: #fff;
    border: 1px solid #bfb9b3;
    z-index: 0;
    margin: 0 0 0 8px;
    float: right;
  }
  .post-balloon .count-comment:before,
  .post-balloon .count-like:before{
    content: "";
    position: absolute;
    left: 2px;
    top: 50%;
    margin-top: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 6px 4px 0;
    border-color: transparent #fff transparent transparent;
    z-index: 0;
  }
  .post-balloon .count-comment:after,
  .post-balloon .count-like:after{
    content: "";
    position: absolute;
    left: 1px;
    top: 50%;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 7px 5px 0;
    border-color: transparent #bfb9b3 transparent transparent;
    z-index: -1;
  }
  .post-balloon .post-sns-icon{
    height: 16px;
    display: block;
    margin: 3px auto 0;
    float: left;
  }
*/
  .post-balloon .post-sub{
		margin: 0 5px 0 0;
		font-size: 1.1rem;
		line-height: 1;
    color: #bfb9b3;
  }
  .post-balloon .post-sub:last-child{
    border-left: none;
    padding-left: 0px;
  }
	
	.post-balloon .post-sub + .post-sub:before{
		content: none;
	}
	
	.post-balloon .parts-subInfo.line{
		display: inline-block;
		margin-top: 8px;
		font-size: 1.1rem;
		line-height: 1.6rem;
	}
	
	.post-balloon .parts-subInfo.line img {
			width: 16px;
			height: auto;
			margin-right: 4px;
	}
	
	.post-balloon .parts-subInfo.category{
		font-size: 1.2rem;
	}
	
  .post-user{
    width: auto;
    display: block;
    float: none;
  }
  .post-user .post-user-img{
    border-radius: 4px;
    width: 40px;
    height: auto;
    height: initial;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
  }
  .post-user .post-user-img img{
    width: 100%;
    display: block;
  }
  .post-user .post-user-name{
    display: inline-block;
    width: auto;
    margin-top: 0;
  }
  .post-user .post-user-txt{
    display: inline-block;
    vertical-align: middle;
  }
  .post-user.auth{

    /*認証済ユーザー*/
    position: relative;
  }
  .post-user.auth .post-user-img:before{
    width: 12px;
    height: 12px;
  }
  .post-user.auth .post-user-auth{
    text-align: left;
    margin-top: 6px;
  }

  /*ユーザーアイコンクリック時 プロフィール*/
  .post-user-wrap .box-user-profile{
    width: -webkit-calc(100% - 28px);
    width: calc(100% - 28px);
    padding: 20px 14px 14px;
    top: -17px;
    left: 28px;
  }
  .post-user-wrap .box-user-profile .user-counter li{
    padding: 5px 6px;
  }
  .post-user-wrap .box-user-profile:before{
    content: '';
    border: 7px solid transparent;
    border-right: 7px solid #fff;
    display: inline-block;
    position: absolute;
    top: 23px;
    left: -14px;
  }
  .post-tag{
    list-style: none;
    margin-top: 0;
    line-height: 2.0;
  }
  .post-tag li{
    display: inline-block;
		line-height: 20px;
  }
	
	.post-tag li:first-child::before {
			content: "";
			background: url(/module/images/icon/icon_tag.png) no-repeat no-repeat center left;
			background-size: contain;
			width: 20px;
			height: 20px;
			display: inline-block;
			vertical-align: top;
			margin-right: 3px;
	}	
	
	.post-tag li a {
			font-size: 1.0rem;
			line-height : 20px;
			color: #fff;
	 }
	
  .post-fav{
    width: 24px;
    height: 24px;
    position: absolute;
    top: initial;
    bottom: 0;
    right: 0;
  }
  .post-fav:before{
    background-size: 12px;
    width: 24px;
    height: 24px;
    right: 12px;
    top: initial;
    bottom: 12px;
  }

  /* お気にいりボタン (詳細用)
  ---------------------------------------------------------- */
  .box-fav-btn .post-fav:before{
    top: 0;
    left: -30px;
  }

  /* ナビ用　青い吹き出し
  ---------------------------------------------------------- */
  .box-balloon-blue{
    background: #96cbd6;
    border-radius: 10px;
    padding: 8px;
    margin-bottom: 16px;
    position: relative;
/*    z-index: 90;*/
    z-index: 1;
  }
  .box-balloon-blue:after{
    bottom: -5px;
    margin-left: -7px;
    border-width: 7px 7px 0 7px;
		border-color: #96cbd6 transparent transparent transparent;		
  }
	
  .box-balloon-blue .btn{
		margin: 0;
  }
	
  .box-balloon-blue .btn:focus{
		border-color: #fff !important;
  }	
	

  /* カテゴリ選択ナビ
  ---------------------------------------------------------- */
  .nav-cat{
    background: none;
    border-radius: 0px;
    margin-bottom: 8px;
    padding: 0;
/*    z-index: 90;*/
    z-index: 1;
  }
  .nav-cat:after{
    display: none;
    content: "";
  }
  .nav-cat .btn-group{
    width: 100%;
  }
  .nav-cat .dropdown-toggle{
    display: block;
    width: 100%;
		margin: 0;
    border: 3px #f4e85d solid;
  }
  .nav-cat .dropdown-toggle:hover{
    background-color: #fff;
    border: 3px #f4e85d solid;
  }
	.dropdown-toggle .caret {
			position: absolute;
			right: 10px;
			top: 50%;
			margin-top: -2px;
			border-top: 5px solid #5e4f4f;
			border-top: 5px solid \9;
			border-right: 5px solid transparent;
			border-left: 5px solid transparent;
	}	
	.nav-cat .open > .dropdown-menu {
		top: 35px;
		display: block;
		width: 100%;
		-webkit-border-radius: 0px 0px 5px 5px;
		border-radius: 0px 0px 5px 5px;
		overflow: hidden;
		max-height: auto;
		max-height: initial;
	}
	.nav-cat .dropdown-menu{
    position: absolute;
    display: none;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    padding: 0;
  }
  .nav-cat .dropdown-menu li{
    display: block;
    width: auto;
    padding: 0;
    text-align: center;
  }
  .nav-cat .dropdown-menu li + li{
    border-top: 1px solid #f5f5f5;
  }
  .nav-cat .dropdown-menu li a{
    display: block;
    line-height: 44px;
    border-radius: 0;
    background-color: #fff;
    background-position: 20px center;
    border: none;
    padding: 0;
    letter-spacing: -0.5px;
  }
	
	.nav-cat .dropdown-menu li a {
			display: block;
			padding: 0 10px 0 30px;
    	border: 3px #fff solid;
			border-radius: 0;
			background-color: #fff;
			background-position: 20px center;
			letter-spacing: -0.5px;
			line-height: 34px;
			text-align: left;
	}	
	.nav-cat .dropdown-menu.facilities li a,
	.nav-cat .dropdown-menu.join li a {
			background-size: auto 16px !important;
	}
	.nav-cat .dropdown-menu li:first-child a {
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
	}
	.nav-cat .dropdown-menu.facilities li a.all,
	.nav-cat .dropdown-menu.join li a.all {
			padding: 0 10px;
	}
	.nav-cat .dropdown-menu.facilities li a.active,
	.nav-cat .dropdown-menu.join li a.active {
    	border: 3px #f4e85d solid;
	}
	.nav-cat .dropdown-menu li a:hover, 
	.nav-cat .dropdown-menu li a:focus, 
	.nav-cat .dropdown-menu li a.active {
    	border: 3px #fff solid;
	}	

  /* =================================
  トップページ専用
  ================================= */

  /* 重要なお知らせ
  ---------------------------------------------------------- */
  .box-important-info{
    border-radius: 0;
    margin-bottom: 0;
  }
  .box-important-info .ttl-important-info{
    width: 6em;
    font-size: 1.1rem;
    padding: 10px 7px;
    text-align: center;
    line-height: 1.2;
    float: left;
  }
  .box-important-info .item-important-info{
    width: -webkit-calc(100% - 6em);
    width: calc(100% - 6em);
    display: block;
    float: right;
    padding: 5px 0 5px 10px;
  }
  .box-important-info .item-important-info dd{
    margin-left: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    width: 100%;
  }
  .box-important-info .item-important-info dd a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: middle;
    max-width: initial;
    max-width: auto;
  }

  /* 特集・沿線お役立ち情報
  ---------------------------------------------------------- */
  .box-zoom-card h3{
		padding: 0;
    font-size: 1.2rem !important;
		/*line-height: 2.5rem;*/
  }
/*
  .box-zoom-card .anime-zoom{
    border-radius: 5px;
    margin-bottom: 12px;
  }
*/
  .box-zoom-card .txt-zoom-card{
    margin-top: 7px;
    display: block;
  }
  .box-zoom-card.col-2{
    margin-top: -12px;
    padding: 0 12px 18px 0; 
		overflow: hidden;
  }
  .box-zoom-card.col-2 li{
    margin:15px 12px 0 0 ;
    width: 50%;
  } 
  .box-zoom-card.col-2 li:nth-child(2n){
    margin:12px -12px 0 0 ;
  }
  .box-zoom-card.col-3 li{
    width: 100%;
    float: none;
    padding: 8px;
  }
  .box-zoom-card.col-3 h3{
		font-size: 1.4rem;
  }
  .box-zoom-card .anime-zoom,
  .box-zoom-card.col-3 li figure{
/*
    width: 34%;
    margin-right: 9px;
    margin-bottom: 0;
*/
    display: inline-block;
    vertical-align: middle;
  }
  .box-zoom-card.col-3 li:first-child{
    padding-top: 0;
  }
  .box-zoom-card.col-3 li:last-child{
    padding-bottom: 0;
  }
/* .slider-special li .summary, .slider-useful li .summary,*/
  .box-zoom-card.col-3 li .summary{
    width: 61%;
    width: -webkit-calc(64% - 9px);
    width: calc(64% - 9px);
    display: inline-block;
    vertical-align: middle;
  }
  .box-zoom-card.col-3 li + li{
    margin-left: 0;
    border-top: 1px solid #dfd9cb;
  }
  .box-zoom-card.col-6 li{
    width: 33.333333%;
  }
  .box-zoom-card.col-6 li h3{
    line-height: 2.5rem;
  }
  .box-zoom-card.col-6 li img{
    vertical-align: bottom;
  }

  /* トップページ　アンダーコンテンツ共通
  ---------------------------------------------------------- */
  .full-width-inner{
    width: 1024px;
    margin: 0 auto;
  }

  /* 住まい
  ---------------------------------------------------------- */
  .box-house{
    padding: 0;
  }
  .box-house figure{
    overflow: hidden;
  }
  .box-house .box-zoom-card a:hover{
    text-decoration: none;
  }

  /* スペシャルオファー
    ---------------------------------------------------------- */
  .box-offer{
    padding: 12px 0 0;
  }
  .box-offer .box-offer-item{
    padding: 0 8px;
  }
  .box-offer .box-offer-item li{
    width: 100%;
    margin-bottom: 12px;
    float: none;
  }
  .box-offer .box-offer-item li:nth-child(2n){
    margin-left: 0;
  }
  .box-offer .box-offer-item li a:hover{
    opacity: 1;
  }

  /* お知らせ
  ---------------------------------------------------------- */
  .box-news{
    padding: 0;
  }
  .box-news .ttl-category-icon{
    padding: 10px 12px;
  }
  .box-news .box-ttl-list{
    display: block;
    text-align: left;
  }
  .box-news .news-list-box{
    width: 100%;
    display: block;
    padding: 0 12px 0;
  }
  .box-news .news-list-box .news-list-item{
    padding: 12px 0;
  }
  .box-news .news-list-box .news-list-item + .news-list-item{
    border-top: 1px dotted #a5ced7;
    padding: 8px 0;
  }
  .box-news .news-list-box .news-list-item:first-child{
    padding-top: 0;
  }

  /* 一覧ソート用ボタン
  ---------------------------------------------------------- */
  .sort-link{
    position: relative;
    margin-bottom: 15px;
  }
  .sort-link ul{
    position: static;
    margin: 0 8px;
		padding-right: 8px;
		overflow: hidden;
  }
  .sort-link ul li{
		float: left;
		width: 50%;
		margin-right: 8px;
  }
  .sort-link ul li:nth-of-type(2n){
		margin-right: -8px;
  }
  .sort-link ul li a:before{
		width: 100%;
		height: 30px;
		-webkit-box-sizing: content-box;
		box-sizing: content-box;
  }

  /* =================================
共通レイアウト
================================= */
  .wrapper{
    padding-bottom: 25px;
  }
  .content-wrap + .content-wrap{
    margin-top: 0;
  }
  .content-title{
    margin-bottom: 15px;
    display: block;
    background: #5e4f4f;
    color: #fff;
    width: 100%;
  }

  /* MVスライダー
  ---------------------------------------------------------- */
  .slider-mv-item{
    margin: 0;
  }

  /* 2カラムの場合
  ---------------------------------------------------------- */
  .content-2col{
    float: none;
    max-width: 100%;
    width: 100%;
  }

  /* サイドナビ
  ---------------------------------------------------------- */
  .side-info{
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .side-info .side-info-wrap article + article{
    margin-top: 0;
  }
  .box-bargain .slider-recommend-item,
  .side-info .slider-recommend-item{
    margin: 0 8px;
  }
  .side-info-block{
    border-radius: 0px;
  }
  .side-info-block + .side-info-block{
    margin-top: 0px;
  }
  .side-info-block .side-info-block-wrap {
    padding: 16px 8px 16px;
  }
  .side-info-block .side-info-block-wrap .ttl-info-sub {
    margin-bottom: 8px;
  }
  .side-info-block .side-info-block-wrap .btn-wrap-2col {
    margin-bottom: 8px;
  }
  .side-info-block .side-info-block-wrap .login-sns-block {
    margin-bottom:  15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
  }
  .side-info-block .ttl-info{
    border-radius: 0;
    padding: 0 8px;
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 3.6rem;
  }
  .side-info-block .ttl-info .to-list-link{
    right: 8px;
  }
  .topic-wrap .post-fav:before{
    bottom: 0;
  }
/*
  .pickup-wrap .pickup-img{
    margin-right: 2%;
    width: 17%;
  }
  .pickup-wrap .pickup-txt{
    width: 79%;
    font-size: 1rem;
  }
  .pickup-wrap .pickup-txt a.ttl-pickup{
    margin-bottom: 4px;
		font-size: 1.4rem;
  }
  .pickup-wrap .pickup-txt a.ttl-pickup:hover{
    text-decoration: none;
  }
  .pickup-wrap + .pickup-wrap{
		padding-top: 8px;
    margin-top: 8px;		
    border-top: 1px solid #e6e6e6;
  }
*/
  .side-info-block-wrap .pickup-link{
    margin: 10px 0 8px;
  }

  /*掲載希望の方へ*/

.box-side-request .ttl-side-bargain {
  background: #e6e0da;
  font-size: 1.6rem;
  padding: 10px;
  margin-bottom: 30px;
}
.box-side-request p{
  font-size: 14px;
  line-height: 1.2;
  margin: 0 15px 15px;
  margin-bottom: 15px;
}

  /*おトクな情報*/
  .slider-bargain
/*  , .box-side-bargain .slider-side-wrap*/
  {
    padding: 12px 0;
  }
  .box-bargain .ttl-category-icon,
  .box-side-bargain .ttl-side-bargain {
    background: #e6e0da;
    font-size: 1.6rem;
    padding: 10px;
    margin-bottom: 0;
  }
  .box-side-bargain .ttl-side-bargain {
    margin-top: 22px;
  }
  .box-side-bargain .ttl-side-bargain:before{
    content: none;
  }
  .box-side-bargain .box-bnr-img img:hover{
    opacity: 1;
  }
  .box-side-bargain .box-bnr-img + .box-bnr-img{
    margin-top: 0;
  }

  /*おすすめリンク*/
  .box-top-recommend .slider-recommend,
  .box-side-recommend .slider-side-wrap{
    padding: 12px 0 2px;
  }
  .box-top-recommend .ttl-category-icon,
  .box-side-recommend .ttl-side-recommend{
    background: #e6e0da;
    font-size: 1.6rem;
    padding: 10px;
    margin-bottom: 0;
  }
  .box-top-recommend .ttl-side-recommend:before,
  .box-side-recommend .ttl-side-recommend:before{
    content: none;
  }
  .box-top-recommend .box-bnr-img img:hover,
  .box-side-recommend .box-bnr-img img:hover{
    opacity: 1;
  }
  .box-top-recommend .box-bnr-img + .box-bnr-img,
  .box-side-recommend .box-bnr-img + .box-bnr-img{
    margin-top: 0;
  }
  .photo-box-wrapper .post-title{
    font-size: 1.5rem;
  }
  .photo-box-wrapper .thumbImg{
    float: none;
    border-radius: 5px;
    display: block;
    margin: 0 auto 10px;
  }
  .photo-box-wrapper .thumbImg img{
    border-radius: 5px;
  }
  .photo-box-wrapper .rating-box{
    margin-right: 10px;
  }
  .photo-box-wrapper .place-info{
    float: none;
    width: 100%;
  }
/*
  .photo-box-wrapper .place-info .post-detail{
    padding: 10px 0 15px 0;
    border-bottom: 1px solid #bfb9b3;
    margin-bottom: 35px;
  }
*/

  /* おでかけキッズ　口コミ */
  .ttl-reviews{
    padding: 14px 8px;
    margin-bottom: 12px;
    border-bottom: none;
    background: #f2efec;
    font-size: 1.6rem;
  }
  .ttl-reviews .count{
    right: 8px;
    top: 50%;
    font-size: 1.4rem;
  }
  .ttl-reviews .count span{
    color: #f48e20;
    font-size: 1.6rem;
  }

  /* =================================
  header
  ================================= */
 

  /*toggle menu*/
  .js-toggle-menu > ul{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    position: static;
    display: none;
  }

  .js-dropdown-arrow .js-dropdown-arrow-item{
    position: static;
    opacity: 1;
    display: none;
  }
  .header-in-top{
    padding: 0;
    width: 100%;
    height: 50px;
/*    z-index: 100;*/
    z-index: 20;
  }
  .header-in-top .logo-site{
    text-align: center;
    padding-top: 4px;
    font-size: 0;
    display: inline-block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .header-in-top .logo-site a{
    display: inline-block;
    padding-top: 10px;
  }
  .header-in-top .logo-site a img{
    height: 20px;
  }
  .box-search-wrap {
    display: none;
  }
  .header-in-top .box-search{
    position: absolute;
    top: 50px;
    left: 50%;
    width: 100%;
    background: #5e4f4f;
    border-radius: 0;
    text-align: center;
    padding: 16px;
/*    z-index: 200;*/
    z-index: 20;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  .header-in-top .box-search input[type=text]{
    width: 100%;
  }
  .header-in-top .box-search input[type=submit]{
    right: 10%;
  }

  /* header-under --- PC
  ---------------------------------------------------------- */
  .header__pc .js-dropdown-arrow{
    border-left: none;
    padding-left: 0;
    margin: 0;
    position: absolute;
    top: 4px;
    right: 3%;
  }
  .header__pc .header-in-top{
    height: auto;
  }
  .header__pc .header-in-top .logo-site{
    text-align: left;
    padding: 0 3%;
  }
  .header__pc .header-in-top .logo-site a span{
    display: none;
  }
  .header__pc .header-in-top .box-search-wrap{
    display: block !important;
    opacity: 1;
  }
  .header__pc .header-in-top .box-search{
    position: static;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    padding: 10px 3%;
  }
  .header__pc .header-in-top .box-search input[type=text]{
    width: 100%;
  }
  .header__pc .header-in-top .box-search input[type=submit]{
    right: 3%;
  }
  .header__pc .header-in-under{
    padding: 0 3%;
  }
  .header__pc .header-in-under .header-nav-info{
    text-align: left;
    padding-left: 0;
  }
  .header__pc .header-in-under .header-nav-info li{
    display: block;
  }
  .header__pc .header-in-under .header-nav-info li a{
    padding: 10px 0;
  }
  .header__pc .header-in-under .header-nav-info li + li{
    margin-left: 0;
  }
  .header__pc .header-in-under .header-nav-info:before{
    content: none;
  }
  .header__pc .header-in-under .header-nav-info:after{
    content: none;
  }
  .header__pc .header-in-under .header-nav-menu li{
    display: block;
    width: 100%;
  }
  .header__pc .header-in-under .header-nav-menu li a{
    padding: 10px 0;
  }
  .header__pc .header-in-under .header-nav-menu li + li{
    margin-left: 0;
  }
  .header__pc .header-in-under .header-nav-menu .header-nav-menu-sub{
    display: block;
    opacity: 1;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    border-spacing: 3px;
    position: static;
    width: 100%;
  }
  .header__pc .header-in-under .header-nav-menu .header-nav-menu-sub li{
    min-width: auto;
    width: 30%;
    padding: 2% 0;
    display: inline-block;
    vertical-align: middle;
  }
  .header__pc .header-in-under .header-nav-menu .header-nav-menu-sub li a{
    padding: 3%;
  }
  .header__pc .header-in-under .header-nav-menu .header-nav-menu-sub li a img{
    display: none;
  }
  .header__pc .header-in-under .header-nav-menu .header-nav-menu-sub:before{
    left: 18px;
    right: auto;
  }
  .header__pc .header-in-under .header-nav-menu .btn-link-break.bnr{

    /*headerサブメニュー内バナーリンク*/
  }
  .header__pc .header-in-under .header-nav-menu .btn-link-break.bnr a img{
    display: block;
  }

  /* =================================
footer
================================= */
  .pagetop{
    background: #fff;
    width: 100%;
    text-align: center;
    display: block;
    line-height: 50px;
  }
  .pagetop img{
    max-width: 21px;
  }
  .footer{
    position: relative;

    /*copy*/
  }
  .footer .copy{
    background: #378ea0;
    color: #fff;
  }
  .footer .copy > div{
    padding: 0;
    text-align: center;
  }
  .footer .copy small{
    font-size: 1rem;
    line-height: 3;
  }
  .footer .logo-tobu{
    text-align: center;
    padding: 12px 0 0;
  }
  .nav-footer{
    width: 100%;
    padding: 12px 0 24px;
  }
  .nav-footer a{
    font-size: 1.2rem;
  }
  .nav-footer a:hover{
    text-decoration: none;
  }
  .nav-footer a:before{
    content: none;
  }
  .nav-footer > div{
    float: none;
    width: 100%;
  }
  .nav-footer > div > ul{
    margin-left: 0;
  }
  .nav-footer .nav-footer-spItem{
    margin-top: 0;
    text-align: center;
  }
  .nav-footer .nav-footer-spItem li{
    display: inline-block;
    margin: 0 10px;
    line-height: 2.4;
  }
	
	.footer-nav-wrap{
		width:100%;
		border:none;
	}
	.footer-nav{
		width:100%;
		margin:0 auto !important;
	}
	.footer-nav li:first-child{
		border-left: none;
	}
	.footer-nav li{
		width: 50%;
		border-top: 1px solid #fff;
	}
	.footer-nav li:nth-child(even){
		border-right:none;
	}
	.footer-nav li a:hover{
		color: #fff;
		background:#45b1c7;
	}

  /* =================================
  MV
  ================================= */
  .box-category-mv{
    height: 284px;
    background-size: cover;
    margin-top: -31px;
  }
  .box-ttl-category{
    position: absolute;
    top: -webkit-calc(50% + 7px);
    top: calc(50% + 7px);
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
    width: 100%;
    padding: 0 8%;
  }
  .icon-circle{
    height: 36px;
    padding: 5px;
    margin-bottom: 10px;
  }
  .ttl-category-mv{
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 10px;
  }
  .ttl-category-mv-sub{
    font-size: 10px;
    font-size: 1.0rem;
    margin-bottom: 15px;
  }

  /* =================================
  パンくず
  ================================= */

  /* カテゴリートップ*/
  .box-crumb{
    margin-bottom: 16px;
  }
  .box-crumb-child{
    overflow-x: hidden;
    overflow-x: scroll;
    margin-left: 0;
    padding: 0;
  }
  .list-crumb{
    display: table;
    padding: 8px;
  }
  .list-crumb *{
    font-size: .9rem;
    display: table-cell;
    white-space: nowrap;
  }
  .list-crumb li{
    position: relative;
  }
  .list-crumb li:first-child a{
    width: 14px;
    height: 15px;
  }
  .list-crumb li:nth-child(n+2):before{
    width: 4px;
    height: 6px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .list-crumb li + li{
    padding-left: 15px;
  }

  /*カテゴリー詳細*/
  .box-crumb.detail{
    margin-bottom: 10px;
  }
  .box-crumb.detail .box-crumb-child{
    background: #fff;
  }
  .box-crumb.detail .list-crumb li a{
    color: #5e4f4f;
  }
  .box-crumb.detail .list-crumb li:first-child a{
    width: 14px;
    height: 15px;
  }
  .box-crumb.detail .list-crumb li:nth-child(n+2):before{
    width: 4px;
    height: 6px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 5px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .box-crumb.detail .list-crumb li + li{
    padding-left: 15px;
  }

  /*沿線ナビゲーション*/
  .nav-category-line ul{
    display:-webkit-box;
    display:-moz-box;
    display:box;
    display:-webkit-flex;
    display:flex;
  }
  .nav-category-line li a{
    padding: 10px 0;
    height: 100%;
    font-size: .8rem;
  }
  .nav-category-line li a > span{
    border-left: none;
  }
  .nav-category-line li:last-child a > span{
    border-right: none;
  }
  .nav-category-line li img{
    width: 24px;
    margin: 0 auto 5px;
  }
  .nav-category-line li:after{
    top: auto;
    bottom: -6px;
  }
  .nav-category-line li + li{
    border-left: 1px solid #e1dede;
  }
  .login-solaie-wrap, .login-openid-wrap{
    float: none;
  }
  .login-solaie-wrap, .login-openid-wrap{
    width: 100%;
    padding-bottom: 20px;
  }
  .login-solaie-wrap{
    border-right: none;
    border-bottom: 1px solid #e4dedb;
  }
  .login-solaie-wrap .login-solaie-wrap-inner{
    padding-right: 0;
  }
  .login-openid-wrap .login-openid-wrap-inner{
    padding-left: 0;
  }
  .login-openid-wrap .btn-list{
    width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
  }
  .login-openid-wrap .btn-list li{
    float: left;
    margin-bottom: 10px;
    width: 33%;
  }
  .login-openid-wrap .btn-list li a{
    display: inline-block;
  }
  .login-openid-wrap .btn-list li img{
    width: 100%;
    height: auto;
    max-width: 70px;
    margin: 0 auto;
  }
  .about-wrap .btn-register{
    width: 100%;
  }
  .pc-btn{
    display: none;
  }
  .sp-btn{
    display: block;
  }

  /*----- Form -----*/
  .box-form{

    /* Step */

    /* Form */

    /*ボタン*/

    /*レイアウト*/

    /*背景つきテキスト*/
  }
  .box-form .box-step{
    width: 100%;
    margin-bottom: 15px;
  }
  .box-form .box-step li{
    font-size: 10px;
    font-size: 1.0rem;
    padding: 5px 0 5px 3px;
    width: 33.33%;
    line-height: 1.3;
  }
  .box-form .box-step li:after{

    /*上に重ねる背景色の三角*/
    border: 23px solid transparent;
    border-left: 5px solid #F7F5F4;
    position: absolute;
    right: -23px;
    top: -6px;
  }
  .box-form .box-step li:before{

    /*下に敷くボーダー用の三角*/
    border: 23px solid transparent;
    border-left: 5px solid #B4AEAE;
    position: absolute;
    right: -24px;
    top: -6px;
  }
  .box-form .box-step li.active:after{

    /*上に重ねる背景色の三角*/
    border: 23px solid transparent;
    border-left: 5px solid #D58677;
    position: absolute;
    right: -28px;
    top: -6px;
  }
  .box-form .box-step li.active:before{
    border: 23px solid transparent;
    border-left: 5px solid #fff;
    position: absolute;
    right: -29px;
    top: -6px;
  }
  .box-form.box-layout-white .box-layout-inner .box-layout-inner{
    padding: 0;
  }
  .box-form.box-layout-white .box-layout-inner .box-layout-inner .post{
    margin: 0;
  }
  .box-form.box-layout-white .box-layout-inner .box-layout-inner .post + .btn{
    margin-top: 10px;
  }
  .box-form.box-layout-white .box-layout-inner .box-layout-inner .form-caption + .form-caption{
    margin-top: 10px;
  }
  .box-form.box-layout-white .box-layout-inner .box-layout-inner .form-caption + .table-form{
    margin-top: 15px;
  }
  .box-form .table-form{

    /*汎用パーツ*/

    /*タイトル*/

    /*ファイル参照*/

    /*投稿内容*/

    /*タグ*/
  }
  .box-form .table-form tr th, .box-form .table-form tr td{
    margin: 0;
    padding: 0;
  }
  .box-form .table-form tr:first-child th, .box-form .table-form tr:first-child td{
    margin-top: 10px;
    padding-top: 0;
  }
  .box-form .table-form tr th{
    padding-top: 12px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .box-form .table-form tr th:first-child{
    margin-top: 0;
    padding-top: 12px;
    width: 100%;
  }
  .box-form .table-form tr td{
    line-height: 1.4;
    padding-bottom: 12px;
    width: 100%;
  }
  .box-form .table-form tr td:first-child{
    padding-top: 0;
    margin-top: 0;
  }
  .box-form .table-form tr td .attached img{
    max-width: 100%;
  }
  .box-form .table-form .label-default{
    margin-left: 6px;
    font-size: 10px;
    font-size: 1.0rem;
    vertical-align: text-top;
  }
  .box-form .table-form .btn-form{
    font-size: 14px;
  }
  .box-form .table-form .textarea-title{
    height: 95px;
  }
  .box-form .table-form .input-file{
    margin-top: 0;
  }
  .box-form .table-form .input-file-btn{
    width: 100%;
  }
  .box-form .table-form .btn-file{
    width: 100%;
    text-align: center;
  }
  .box-form .table-form .input-file-cover{
    margin-left: 0;
    width: 100%;
    padding-bottom: 10px;
    height: 20px;
  }
  .box-form .table-form .txt-info{
    width: 100%;
  }
  .box-form .table-form .textarea-comment{
    height: 150px;
  }
  .box-form .table-form .box-form-tag{
    height: 45px;
  }
  .box-form .table-form .txt-note{
    padding-bottom: 10px;
  }
  .box-form .table-form .box-reply{
    padding-bottom: 0;
  }
  .box-form .table-form .box-reply .txt-note{
    display: block;
    float: none;
  }
  .box-form .table-form .box-reply .txt-reply{
    float: right;
    margin-top: 10px;
    display: block;
  }
  .box-form .table-form .box-reply .txt-reply img{
    width: auto;
    height: 13px;
    margin-right: 3px;
  }
  .box-form .table-form + .btn-wrap-2col{
    margin-top: -17px;
  }
  .box-form .table-form .form-number .form-control{
    width: 29%;
  }
  .box-form .table-form .form-number img{
    width: 18px;
    margin: 0 5px;
  }
  .box-form .table-form .form-number.cal input{
    width: 36%;

    /*&:nth-child(2){
              margin-top: 20px;
            }*/
  }
  .box-form .table-form .form-number.cal .cal-min + .cal-min{
    display: inline;
    width: 100%;
  }
  .box-form .table-form .form-number.cal .cal-min .form-control{
    padding: 5px;
  }
  .box-form .table-form .box-form-select .dropdown{
    width: 100%;
  }
  .box-form .btn-input{
    width: 100%;
  }
  .box-form .btn-style-lg{
    margin-bottom: 15px;
  }
  .box-form .btn-wrap-2col .btn{
    width: 100%;
    margin: 10px 0 0 0;
  }
  .box-form p + form, .box-form table + div{
    margin-top: 15px;
  }
  .box-form .form-check{
    padding-top: 0;
  }
  .box-form .form-group{
    margin-top: 0;
  }
  .box-form .form-group + .form-group{
    margin-top: 10px;
  }
  .box-form .txt-bg{
    font-weight: normal;
    padding: 10px;
    margin-bottom: 15px;
    display: block;
  }
  .box-form .txt-bg a{
    font-weight: bold;
    display: block;
  }
  .box-form .ttl-post{
    padding: 0;
    margin: 10px 0;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .box-form .box-border-top{
    margin-top: 12px;
    padding-top: 12px;
  }
  .box-form .table-info{
    margin-bottom: 20px;
  }
  .box-form .post-balloon .parts-subInfo.line{
    display: block;
  }
  .box-form .box-form-checkbox li{
    line-height: 2.5;
  }
  .box-form .box-form-checkbox li input{
    margin-right: 5px;
  }
  .box-form .box-form-checkbox li:first-child, .box-form .box-form-checkbox li + li{
    margin-right: 20px;
  }

  /*通報ページ*/
  .box-quote-form{
    width: 100%;
    display: block;
    margin-top: 0;
  }
  .box-quote-form .ttl-sub-quote{
    display: block;
    width: 100%;
    font-size: 1.4rem;
    padding: 12px 0 10px;
  }
  .box-quote-form .quote-form{
    display: block;
    padding: 0 0 12px;
  }
  .box-quote-form .quote-form .post{
    margin: 0 0 20px;
  }

  /*フォーム内、引用文書用スタイル*/
  .quote-form .parts-subInfo-wrap{
    width: 78%;
  }

  /* 施設登録フォーム 事業者の方向けの説明
  ---------------------------------------------------------- */
  .box-form-notes{
    margin-bottom: 15px;
  }
  .box-form-notes .notes{
    margin-bottom: 15px;
  }
  .box-form-notes .notes h3{
    font-size: 1.6rem;
    margin-bottom: 15px;
  }
  .box-form-notes .form-flow .flow dl{
    display: block;
    width: 100%;
    height: auto;
    text-align: left;
    padding: 10px 12px 10px 60px;
  }
  .box-form-notes .form-flow .flow dl:nth-child(1){
    background: #e4f4f7 url(/module/images/icon/icon_flow_01.png) no-repeat 10px center;
    background-size: 40px auto;
  }
  .box-form-notes .form-flow .flow dl:nth-child(2){
    background: #e4f4f7 url(/module/images/icon/icon_flow_02.png) no-repeat 10px center;
    background-size: 40px auto;
  }
  .box-form-notes .form-flow .flow dl:nth-child(3){
    background: #e4f4f7 url(/module/images/icon/icon_flow_03.png) no-repeat 10px center;
    background-size: 40px auto;
  }
  .box-form-notes .form-flow .flow dl:nth-child(1) dt{
    background: none;
  }
  .box-form-notes .form-flow .flow dl:nth-child(1) dd{
    text-align: left;
  }
  .box-form-notes .form-flow .flow dl:nth-child(2) dt{
    background: none;
  }
  .box-form-notes .form-flow .flow dl:nth-child(3) dt{
    background: none;
  }
  .box-form-notes .form-flow .flow dl dt{
    font-size: 1.4rem;
    padding-top: 0;
  }
  .box-form-notes .form-flow .flow dl dd{
    margin-top: 10px;
  }
  .box-form-notes .form-flow .flow dl + dl{
    margin-left: 0;
    margin-top: 30px;
  }
  .box-form-notes .form-flow .flow dl + dl:before{
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -24px;
    bottom: auto;
    margin: auto;
    width: 13px;
    height: 20px;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
  }

  /* =================================
  mypage
  ================================= */
  .side-mypage{
    width: 100%;
  }
  .nav-mypage ul{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin: 25px 0;
  }
  .nav-mypage ul:after{
    content: '';
    display: block;
    width: 30%;
  }
  .nav-mypage li{
    width: 33.333333%;
    margin: 6px 0 12px;
    font-size: 1.2rem;
    text-align: center;

    /*新着情報がある時*/

    /*トピック一覧*/

    /*募集一覧*/

    /*応募一覧*/

    /*お気に入り*/

    /*個人設定*/

    /*スペシャルオファー*/

    /*登録施設一覧*/
  }
  .nav-mypage li span, .nav-mypage li a{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    padding-top: -webkit-calc((100% - 33.333333%) + 6px);
    padding-top: calc((100% - 33.333333%) + 6px);
    padding-bottom: 12px;
  }
  .nav-mypage li a, .nav-mypage li.active{
    background: transparent;
    color: #5e4f4f;
    padding: 0;
    border-radius: 0;
  }
  .nav-mypage li:hover a, .nav-mypage li.active{
    background: transparent;
    color: #5e4f4f;
  }
  .nav-mypage li.new:after{
    content: '';
    width: 10%;
    height: 14%;
    background: #ed5d5d;
    position: absolute;
    top: -2px;
    left: -webkit-calc((100% - 33.33333%) + 8%);
    left: calc((100% - 33.33333%) + 8%);
    border-radius: 50%;
  }
  .nav-mypage li.talk:hover:before, .nav-mypage li.talk:before{
    background: #fff url(/module/images/icon/icon_mypage_talk_01.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.talk.active:before{
    background: #45b1c7 url(/module/images/icon/icon_mypage_talk_02.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.join:hover:before, .nav-mypage li.join:before{
    background: #fff url(/module/images/icon/icon_mypage_join_01.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.join.active:before{
    background: #45b1c7 url(/module/images/icon/icon_mypage_join_02.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.apply:hover:before, .nav-mypage li.apply:before{
    background: #fff url(/module/images/icon/icon_mypage_apply_01.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.apply.active:before{
    background: #45b1c7 url(/module/images/icon/icon_mypage_apply_02.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.favorite:hover:before, .nav-mypage li.favorite:before{
    background: #fff url(/module/images/icon/icon_mypage_favorite_01.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.favorite.active:before{
    background: #45b1c7 url(/module/images/icon/icon_mypage_favorite_02.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.config:hover:before, .nav-mypage li.config:before{
    background: #fff url(/module/images/icon/icon_mypage_config_01.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.config.active:before{
    background: #45b1c7 url(/module/images/icon/icon_mypage_config_02.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.special:hover:before, .nav-mypage li.special:before{
    background: #fff url(/module/images/icon/icon_mypage_special_01.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.special.active:before{
    background: #45b1c7 url(/module/images/icon/icon_mypage_special_02.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.facilities:hover:before, .nav-mypage li.facilities:before{
    background: #fff url(/module/images/icon/icon_mypage_facilities_01.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li.facilities.active:before{
    background: #45b1c7 url(/module/images/icon/icon_mypage_facilities_02.png) no-repeat center center;
    background-size: 42px auto;
  }
  .nav-mypage li + li{
    margin-top: 6px;
  }
  .box-mypage-profile{
    border-radius: 0;
    padding: 16px 8px;
  }
  .box-mypage-profile .box-user-profile .icon-profile-change{
    border: 2px solid #f4e85d;
    border-radius: 4px;
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: top;
  }
  .box-mypage-profile .box-user-profile .icon-profile-change:after{
    content: '';
    width: 12px;
    height: 10px;
    bottom: 4px;
    right: 4px;
  }
  .box-mypage-profile .user-info{
    width: -webkit-calc(100% - 76px);
    width: calc(100% - 76px);
    margin-left: 12px;
    display: inline-block;
    vertical-align: top;
    float: right;
  }
  .box-mypage-profile .user-info span{
    line-height: 1.318;
  }
  .box-mypage-profile .user-info .user-name{
    font-size: 1.4rem;
    margin: 0 0 4px;
  }
  .box-mypage-profile .user-info .auth{
    font-size: 1.1rem;
  }
  .box-mypage-profile .user-comment{
    border-radius: 5px;
    margin-top: 10px;
    line-height: 1.318;
  }
  .box-mypage-profile .user-comment:before{
    left: 30px;
  }
  .box-mypage-profile .user-comment:after{
    left: 30px;
  }
  .box-mypage-profile .user-comment a{
    padding: 9px;
  }
  .box-mypage-profile .user-comment a:after{
    width: 7px;
    height: 11px;
    right: 7px;
  }
  .box-mypage-profile .user-comment:hover{
    opacity: 1;
  }
  .box-mypage-profile .user-counter{
    border-radius: 5px;
    margin-top: 10px;
    padding: 9px 0;
    overflow: hidden;
  }
  .box-mypage-profile .user-counter li{
    width: 25%;
    margin: 0;
    float: left;
    padding: 0 2%;
  }
  .box-mypage-profile .user-counter li span{
    font-size: 1rem;
    margin: 0 0 5px;
  }
  .box-mypage-profile .user-counter li .counter{
    font-size: 1.8rem;
    margin: 5px 0 0;
  }
  .box-mypage-profile .user-counter li:nth-child(odd):before{
    content: none;
  }
  .box-mypage-profile .user-counter li:nth-child(-n+2):after{
    content: none;
  }
  .box-mypage-profile .user-counter li + li{
    border-left: 1px solid #e4dedb;
  }
  .main-mypage{
    width: 100%;
    margin: 0 auto;
  }
  .card-item-white{
    border-radius: 10px;
    padding: 14px;
  }
  .card-item-white .new{
    font-size: 1.2rem;
    margin-bottom: 10px;
    padding-left: 13px;
  }
  .card-item-white .new:before{
    width: 8px;
    height: 8px;
  }
  .card-item-white .ttl-card-item{
    font-size: 1.5rem;
    line-height: 1.26;
  }
  .card-item-white time{
    margin-top: 8px;
  }
  .card-item-white .btn-card-wrap{
    text-align: center;
    margin-top: 12px;
  }
  .btn-card-in{
    border: 2px solid #45b1c7;
    border-radius: 5px;
    display: inline-block;
    padding: 12px 24px 12px 9px;
    position: relative;
  }
  .btn-card-in:after{
    content: '';
    width: 6px;
    height: 9px;
  }
  .btn-card-in:hover{
    font-weight: bold;
    color: #45b1c7;
    background: #fff;
  }
  .btn-card-in:hover:after{
    background: url(/module/images/icon/icon_arrow_right_01.png) no-repeat center center;
    background-size: contain;
  }
  .btn-card-in + .btn-card-in{
    margin-left: 5px;
  }
  .card-item-white + .card-item-white{
    margin-top: 12px;
  }

  /*やりとり詳細*/
  .post-balloon.balloon-comment.myself{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
  .post-balloon.balloon-comment.myself:before{
    content: "";
    width: 14px;
    height: 29px;
    display: block;
    position: absolute;
    right: 10px;
    top: -15px;
    background: url(/module/images/icon/balloon-root-myself.png) no-repeat top left;
  }
}

@media screen and (max-width: 767px) and (min-width: 0) and (max-width: 767px){
  .full-width-inner{
    width: 100%;
  }
}

/*改修 2018/1/10*/
/*header*/
.header__pc .btn-regist {
  width: 100px;
  padding: 68px 0 18px;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: bold;
  position: relative;
  border: none;
  margin-bottom: 0;
  margin-left: -5px;
}
.btn-regist {
  background: #f96745;
  color: #fff;
  text-align: center;
  margin: 0 0 15px;
}
.header__pc .btn-regist:after {
  content: '';
  width: 22px;
  height: 23px;
  display: block;
  position: absolute;
  top: 27px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  background: url(/module/images/icon/icon_head_regist_off.png) no-repeat center center;
  background-size: contain;
}
.header__pc .btn-regist:hover {
  text-decoration: none;
  background: #f9cac2;
  color: #f96745;
}
.header__pc .btn-regist:hover:after {
  background: url(/module/images/icon/icon_head_regist_on.png) no-repeat center center;
  background-size: contain;
}
.header__sp .header-in-top .btn-regist {
  background: #f96745;
  color: #ffffff;
  font-size: .9rem;
  width: 50px;
  height: 50px;
  padding: 10px 0;
  display: block;
  text-align: center;
  float: right;
}
.drawer-menu .btn-legister {
  background: #f96745;
}
.drawer-menu .dropdown-backdrop {
  position: static;
}
/*トップページ　pickup*/
.pickup-wrap {
  width: 320px;
  height: 262px;
  float: right;
  display: inline-block;
  margin-right: calc((100% - 1024px) / 2 );
}
.ttl-pickup {
  font-size: 1.4rem;
  font-size: 14px;
  line-height: 1;
  color: #f93ca7;
  background-color: #fff;
  border: 1px solid #f93ca7;
  padding: 10px;
  text-align: center;
  border-radius: 50px;
  font-weight: bold;
  margin-bottom: 20px;
}
.pickup-inner {
  height: 206px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}
.pickup-inner a {
  width: 150px;
  height: 95px;
  position: relative;
}
.pickup-inner a.new:after{
  content: "";
  position: absolute;
  width: 36px;
  height: 34px;
  background-image: url(/module/images/icon/icon_new.png);
  background-size: contain;
  top: -6px;
  right: -6px;
}
.pickup-inner a img {
  border-radius: 10px 10px 0 0;
}
.pickup-inner a h3 {
  background-color: #45b1c7;
  height: 27px;
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  padding: 7px;
  position: relative;
  border-radius: 0 0 10px 10px;
}
.pickup-inner a h3:before{
  content: "";
  position: absolute;
  left: 10px;
  top: calc((100% - 7px) / 2);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.5px 0 3.5px 6.1px;
  border-color: transparent transparent transparent #fff;
}

/*トップページ　レイアウト*/
.btn-style-1col {
  width: 496px;
  margin: 0 auto 25px;
}
.ttl-category-icon-sub {
  font-size: 1.8rem;
  line-height: 1;
  font-weight: 600;
}
.ttl-category-icon-sub img {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  height: 16px;
  margin-right: .3em;
}
.topPage-layoutWrap {
  margin-top: 60px;
}
.topPage-2colLayoutWrap .box-ttl-list {
  margin-bottom: 30px;
}
.topPage-2colLayoutWrap {
  margin-bottom: 50px;
}
.topPage-layoutWrap .post-balloon {
  padding: 0;
}
.topPage-2colLayoutWrap .topPage-2col-l {
  width: calc(100% - 352px);
}
.topPage-2colLayoutWrap .topPage-2col-l.logIn {
  width: 100%;
}
.topPage-2colLayoutWrap .topPage-2col-l.logIn .searchWrap {
  width: 50%;
}
.topPage-2colLayoutWrap .topPage-2col-r {
  width: 320px;
  margin-left: 32px;
}
.topPage-2colLayoutWrap .topPage-2col-r.side-info-block,
.side-info-block.is-sp-only {
  text-align: center;
}
.topPage-layoutWrap .tab-pane .post,
.topPage-layoutWrap .content-wrap .post {
  width: calc(50% - 17px);
  margin-bottom: 30px;
}
.topPage-layoutWrap .tab-pane .post:nth-child(2n),
.topPage-layoutWrap .content-wrap .post:nth-child(2n) {
  float: right;
}
.topPage-layoutWrap .tab-pane .post:nth-child(2n + 1),
.topPage-layoutWrap .content-wrap .post:nth-child(2n + 1) {
  float: left;
}
.topPage-layoutWrap .nav-tab-2col > li {
  width: 50%;
}
.topPage-layoutWrap .nav-tab-2col > li a {
  margin-bottom: 40px;
}
.topPage-layoutWrap .nav-tab-2col > li:first-child a {
  border-radius: 10px 0 0 10px;
}
.topPage-layoutWrap .nav-tab-2col > li:last-child a {
  border-radius: 0 10px 10px 0;
}
.topPage-layoutWrap .nav-tab > li + li {
  margin-left: 0;
}
/*トップページ　特集,沿線お役立ち情報*/
.slider-special, .slider-useful {
/*  width: calc(100% + 32px);*/
  width: 100%;
  display: flex;
  box-sizing: border-box;
/*  text-align: left;*/
}
/*スライダー発生時*/
.slider-special.slick-initialized,
.slider-useful.slick-initialized {
  width: calc(100% + 32px);
/*  width: 100%;*/
}
.slider-special .slick-slide figure,
.slider-useful .slick-slide figure {
/*  max-height: 145px;*/
}
.slider-special li, .slider-useful li {
  max-width: 229px;
}
.slider-special li + li, .slider-useful li + li {
  margin-left: 35px;
}
.slider-special .slick-prev, .slider-special .slick-next,
.slider-useful .slick-prev, .slider-useful .slick-next {
  top: calc(5% + 85px);
}
.slider-special .slick-prev, .slider-useful .slick-prev {
  left: -22px;
}
.slider-special .slick-next, .slider-useful .slick-next {
  right: 12px;
}

/*トップページ　お得な情報*/
.box-bargain {
  padding: 0 0 45px 0;
  overflow: hidden;
  background-color: #fff;
}
.slider-bargain .slick-next {
  right: -20px;
}
/*トップページ　オトクな情報、おすすめリンク*/
.box-top-recommend {
  background-color: #fff;
  padding-bottom: 50px;
}
.box-bargain .slider-bargain,
.box-top-recommend .slider-recommend {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  width: calc(100% + (17px * 2));
  margin-top: -17px;
  margin-left: -17px;
}
/*スライダーがある時*/
.box-bargain .slider-bargain .slick-track {
  margin-left: 5px;
}
.box-bargain .slider-bargain li,
.box-top-recommend .slider-recommend .slider-recommend-item {
  padding: 17px;
  box-sizing: border-box;
  vertical-align: middle;
  max-width: calc(230px + (17px * 2));/*IE対応*/
  flex-basis: calc(230px + (17px * 2));
}
.box-bargain .slider-bargain li img,
.box-top-recommend .slider-recommend .slider-recommend-item img {
  width: 100%;
  height: auto;
}
.box-top-recommend .slick-dots li {
  padding: 0;
}

/*トーク広場 balloon*/
.post-balloon-ttl {
  margin-bottom: 15px;
  -webkit-display: flex;
  -moz-display: flex;
  -ms-display: flex;
  display: -webkit-box;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.post-balloon-txt, .post-balloon-thumb-wrap {
  vertical-align: top;
}
.post-balloon-thumb-wrap {
  min-width: 135px;
}
.post-balloon-thumb {
  text-align: center;
  margin: 0 0 0 15px;
  height: 65px;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.post-balloon-thumb img {
  max-width: 100%;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

/*キーワードから探す*/
.searchWrap {
  margin-bottom: 30px;
}
.topPage-2colLayoutWrap .searchWrap {
  margin-bottom: 0;
}
.topPage-2colLayoutWrap .box-ttl-list {
  margin-bottom: 19px;
}
.box-talkSearch {
  position: relative;
  width: 100%;
  line-height: 40px;
  border-radius: 20px;
}
.box-talkSearch form input[type=text] {
  border: 0;
  border-radius: 20px;
  padding: 10px 16px;
  outline: none;
  line-height: 21px;
  width: 100%;
  background-color: #fff;
}
.box-talkSearch form input[type=submit] {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translate(-18px, -50%);
  -ms-transform: translate(-18px, -50%);
  transform: translate(-18px, -50%);
  border: 0;
  outline: 0;
  width: 16px;
  height: 100%;
  background: url(/module/images/icon/icon_head_search.png) no-repeat center right;
  background-size: 16px;
  padding: 0 10px;
}
/* category mv */
.txt-category-mv-sub{
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.85714286;
  color: #fff;
  letter-spacing: 0.08em;
}

/*沿線ナビ追従*/
.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
}

@media screen and (max-width: 767px){
  /*キーワードから探す*/
  .topPage-2colLayoutWrap .box-ttl-list {
    margin-bottom: 12px;
  }
  .box-talkSearch-wrap {
    padding: 0 8px;
  }
  /* トップページ　特集*/
  
.topPage-layoutWrap {
  margin-top: 30px;
}
  .slider-special, .slider-useful {
    width: 100%;
    display: block;
}
  .slider-special li, .slider-useful li {
    max-width: 100%;
    width: 100% !important;
    padding: 8px;
  }
  .slider-special li, .slider-useful li:first-child {
    padding-top: 0;
  }
  .slider-special li + li, .slider-useful li + li {
    margin-left: 0;
    border-top: 1px solid #bfb9b3;
    padding-top: 12px;
  }
  .slider-special li figure, .slider-useful li figure {
    float: left;
    width: 34%;
    margin-right: 9px;
    margin-bottom: 0 !important;
    display: inline-block;
    vertical-align: middle;
  }
  .slider-special .txt-zoom-card, .slider-useful .txt-zoom-card {
    padding-bottom: 8px;
  }
  /* トップページ　pickup*/
  .pickup-wrap{
    margin-right: 0;
    width: 100%;
    padding: 0 3%;
    height: auto;
    float: none;
  }
  .ttl-pickup {
    font-size: 10px;
    padding: 5px;
    margin-bottom: 10px;
  }
  .pickup-inner {
    height: auto;
/*    justify-content: center;*/
/*    align-content: center;*/
  }
  .pickup-inner a {
    width: 50%;
    height: auto;
    padding: 2%;
  }
  /* トップページ　オトクな情報*/
  .box-bargain {
    margin-top: 20px;
    padding-bottom: 10px;
  }
/*  トップページ　おすすめリンク*/
  .box-top-recommend {
    padding-bottom: 10px;
  }
  .box-bargain .slider-bargain .slick-track {
    margin-left: 0;
  }
  .box-bargain .slider-bargain,
  .box-top-recommend .slider-recommend {
    display: block;
    width: 100%;
    margin-top: 0;
    margin-left: 0;
  }
  .box-bargain .slider-bargain li,
  .box-top-recommend .slider-recommend .slider-recommend-item {
    padding: 0;
    max-width: 100%;
  }
  .box-bargain .slider-bargain li img,
  .box-top-recommend .slider-recommend .slider-recommend-item img {
    width: 100%;
    height: auto;
    padding: 0 8px;
  }
  .box-bargain .slick-dots li,
  .box-top-recommend .slick-dots li {
    padding: 0;
  }
  /*トップページ　レイアウト*/
  .btn-style-1col {
    width: calc(100% - 16px);
  }
  .ttl-category-icon-sub {
    font-size: 1.6rem;
    padding: 10px 8px;
  }
  .topPage-2colLayoutWrap {
    margin-bottom: 15px;
  }
  .topPage-layoutWrap .post {
    padding: 0 8px !important;
  }
  .topPage-2colLayoutWrap .topPage-2col-l {
    width: 100%;
  }
  .topPage-2colLayoutWrap .topPage-2col-r {
    width: 100%;
    margin-left: 0;
  }
  .topPage-layoutWrap .tab-pane .post,
  .topPage-layoutWrap .content-wrap .post {
    width: 100%;
    margin: 0 0 10px 0 !important;
/*    margin: 0 8px 10px 8px;*/
  }
  .topPage-layoutWrap .tab-pane .post:nth-child(2n),
  .topPage-layoutWrap .content-wrap .post:nth-child(2n) {
    float: none;
  }
  .topPage-layoutWrap .tab-pane .post:nth-child(2n + 1),
  .topPage-layoutWrap .content-wrap .post:nth-child(2n + 1) {
    float: none;
  }
  .topPage-layoutWrap .nav-tab-2col > li {
    width: calc(50% - 3px);
  }
  .topPage-layoutWrap .nav-tab-2col > li a {
    margin-bottom: 6px;
  }
  .topPage-layoutWrap .nav-tab-2col > li:first-child a {
    border-radius: 7px;
  }
  .topPage-layoutWrap .nav-tab-2col > li:last-child a {
    border-radius: 7px;
  }
/*
.topPage-layoutWrap .nav-tab li > *, .nav-tab li:first-child a {
  border-radius: 0;
}
*/
  .topPage-layoutWrap .nav-tab > li + li {
    margin-left: 6px;
  }
  .searchWrap {
    margin-bottom: 20px;
  }
  .topPage-2colLayoutWrap .topPage-2col-l.logIn .searchWrap {
    width: 100%;
  }
  /* category mv */
  .txt-category-mv-sub{
    font-size: 1.2rem;
    line-height: 1.6;
  }
  /*トーク広場 balloon*/
  .post-balloon-r {
    width: 100%;
  }
  .post-balloon-l {
    float: none;
  }
  .post-balloon-thumb-wrap {
    width: 100%;
    display: block;
  }
  .post-balloon-thumb {
    margin: 9px auto 0;
    width: 200px;
    height: 110px;
  }
  .post-sns-icon.like {
    width: 16px;
  }
  .post-sns-icon.comment {
    width: 16px;
  }
  .post-sns-comment{
    margin-left: 5px;
 }
  .post-sns-txt {
    padding-top: 3px;
  }
}