@font-face {
  font-family: 'icomoon';
  src: url("/assets/v2/pc/icomoon-b83f42276f10b4e74892f192b4d5384dc6b0ccb9b763ba67d7c008f782cac081.eot?o9so4s");
  src: url("/assets/v2/pc/icomoon-b83f42276f10b4e74892f192b4d5384dc6b0ccb9b763ba67d7c008f782cac081.eot?o9so4s#iefix") format("embedded-opentype"), url("/assets/v2/pc/icomoon-e638fddfb277c94fd28b6fe6b138bc70df878a7739550d6738dabc8ef649481d.ttf?o9so4s") format("truetype"), url("/assets/v2/pc/icomoon-d9b13936ed46530c86ee28c1d9da3b30555bd78db906c96ff32c1a7502badcdc.woff?o9so4s") format("woff"), url("/assets/v2/pc/icomoon-b6ae6f9c337e6f77c60e30b138bc70ab7c5648d19919f07a8f37e506ec36f4cb.svg?o9so4s#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}

@-moz-keyframes fadeInUp {
  0% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -moz-transform: translateY(0);
  }
}

@-ms-keyframes fadeInUp {
  0% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -ms-transform: translateY(0);
  }
}

@-o-keyframes fadeInUp {
  0% {
    opacity: 0;
    -o-transform: translateY(20px);
  }

  100% {
    opacity: 1;
    -o-transform: translateY(0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
  }
}

@-moz-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -moz-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -moz-transform: translateY(20px);
  }
}

@-ms-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -ms-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -ms-transform: translateY(20px);
  }
}

@-o-keyframes fadeOutDown {
  0% {
    opacity: 1;
    -o-transform: translateY(0);
  }

  100% {
    opacity: 0;
    -o-transform: translateY(20px);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    transform: translateY(20px);
  }
}

@-webkit-keyframes swing {
  20%, 40%, 60%, 80%, 100% {
    -webkit-transform-origin: top center;
  }

  20% {
    -webkit-transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
  }
}

@-moz-keyframes swing {
  20% {
    -moz-transform: rotate(15deg);
  }

  40% {
    -moz-transform: rotate(-10deg);
  }

  60% {
    -moz-transform: rotate(5deg);
  }

  80% {
    -moz-transform: rotate(-5deg);
  }

  100% {
    -moz-transform: rotate(0deg);
  }
}

@-ms-keyframes swing {
  20% {
    -ms-transform: rotate(15deg);
  }

  40% {
    -ms-transform: rotate(-10deg);
  }

  60% {
    -ms-transform: rotate(5deg);
  }

  80% {
    -ms-transform: rotate(-5deg);
  }

  100% {
    -ms-transform: rotate(0deg);
  }
}

@-o-keyframes swing {
  20% {
    -o-transform: rotate(15deg);
  }

  40% {
    -o-transform: rotate(-10deg);
  }

  60% {
    -o-transform: rotate(5deg);
  }

  80% {
    -o-transform: rotate(-5deg);
  }

  100% {
    -o-transform: rotate(0deg);
  }
}

@keyframes swing {
  20% {
    transform: rotate(15deg);
  }

  40% {
    transform: rotate(-10deg);
  }

  60% {
    transform: rotate(5deg);
  }

  80% {
    transform: rotate(-5deg);
  }

  100% {
    transform: rotate(0deg);
  }
}

.pagetopIn {
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -ms-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: easeInOutCubic;
  -moz-animation-timing-function: easeInOutCubic;
  -ms-animation-timing-function: easeInOutCubic;
  -o-animation-timing-function: easeInOutCubic;
  animation-timing-function: easeInOutCubic;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.pagetopOut {
  -webkit-animation-name: fadeOutDown;
  -moz-animation-name: fadeOutDown;
  -ms-animation-name: fadeOutDown;
  -o-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: easeInOutCubic;
  -moz-animation-timing-function: easeInOutCubic;
  -ms-animation-timing-function: easeInOutCubic;
  -o-animation-timing-function: easeInOutCubic;
  animation-timing-function: easeInOutCubic;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
  word-break: break-all;
}

html {
  font-size: 62.5%;
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
  display: block;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, th, td {
  font-weight: normal;
  text-align: left;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

a:focus {
  outline: thin dotted;
}

a:hover,
a:active {
  outline: 0;
}

a img {
  border: 0;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  background-color: #fff;
  color: #333333;
  font-size: 14px;
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
  line-height: 1.42;
  font-weight: normal;
}

a {
  outline: none;
  -webkit-transition: 60ms;
  -moz-transition: 60ms;
  -o-transition: 60ms;
  transition: 60ms;
}
a:link {
  color: #0199c8;
  text-decoration: none;
}
a:visited {
  color: #0199c8;
  text-decoration: none;
}
a:hover {
  color: #18c7fe;
  text-decoration: none;
}
a:focus {
  outline: none;
}
a *, a:before, a:after {
  -webkit-transition: 60ms;
  -moz-transition: 60ms;
  -o-transition: 60ms;
  transition: 60ms;
}

p {
  margin: 0 0 1em;
}

img,
iframe {
  vertical-align: top;
}

::selection {
  background-color: #B4DB8A;
  color: #000;
}

::-moz-selection {
  background-color: #B4DB8A;
  color: #000;
}

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

input,
textarea,
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

input:focus, textarea:focus, select {
  outline: none;
}

input,
textarea,
button,
select {
  font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}

iframe.twitter-share-button {
  width: 100px !important;
}

em {
  font-style: normal;
}

img {
  vertical-align: middle;
}

.row {
  margin: 0 auto;
  padding: 0 0px;
  width: 980px;
}

.header_top {
  border-top: 3px solid #84c042;
  background-color: #eeeeee;
  font-size: 13px;
  overflow: hidden;
  *zoom: 1;
  height: 29px;
}
.header_top * {
  line-height: 27px;
}
.header_top a {
  color: #333333;
}
.header_top a:hover {
  color: #84c042;
}

.header_tagline {
  float: left;
  margin: 0;
}

.header_top_nav {
  float: right;
  display: table;
}
.header_top_nav > * {
  display: table-cell;
  padding-left: 12px;
  vertical-align: middle;
}
.header_top_nav p {
  margin: 0;
}
.header_top_nav a:before {
  font-size: 20px;
  color: #84c042;
  vertical-align: middle;
}
.header_top_nav .createGuide:before {
  content: "\e812";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header_top_nav .magageBlog:before {
  content: "\e819";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header_top_nav .magageShop:before {
  content: "\e811";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header_sns p {
  float: left;
  width: 30px;
  padding-left: 10px;
}
.header_sns a {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.header_sns a:before {
  font-size: 14px;
  color: #fff;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 20px;
  vertical-align: middle;
}
.header_sns .facebook {
  background-color: #4a66ab;
}
.header_sns .facebook:before {
  content: "\e809";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header_sns .facebook:hover {
  background-color: #3b5187;
}
.header_sns .twitter {
  background-color: #00b6f1;
}
.header_sns .twitter:before {
  content: "\e814";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.header_sns .twitter:hover {
  background-color: #008fbe;
}

.header_main .row {
  padding: 10px 0;
  overflow: hidden;
  *zoom: 1;
  border-bottom: 3px solid #84c042;
}

.header_sitename {
  margin-top: 16px;
  width: 204px;
  height: 56px;
  float: left;
}
.header_sitename .logo {
  display: block;
  width: 204px;
  height: 56px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  background: url(/assets/v2/pc/logo-3ef391d875bcdd6afc0cf3a9b71b94be525697320d5bcf0070b214d58a1b4b36.png) no-repeat;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .header_sitename .logo {
    background: url(/assets/v2/pc/logo@2x-7b85552a6f13410a206872718d4d99da7c29091df382528eabd7cf2b3e2859b0.png) no-repeat;
    background-size: 204px 56px;
  }
}
.header_sitename .logo:hover {
  opacity: .8;
}

.header_bnr {
  float: right;
}

.gnav {
  padding: 4px 0;
}
.gnav ul {
  display: table;
}
.gnav li {
  display: table-cell;
  font-size: 12px;
}
.gnav li:before {
  content: '|';
  color: #dddddd;
}
.gnav li:first-child a {
  padding-left: 4px;
}
.gnav li:first-child:before {
  content: none;
}
.gnav a {
  color: #666666;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 0 8px;
}
.gnav a:hover {
  color: #84c042;
}

.content {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 40px;
}

.main {
  width: 645px;
  float: left;
}
.main > section,
.main > div {
  margin-bottom: 32px;
  position: relative;
}
.main > section:last-child,
.main > div:last-child {
  margin-bottom: 0;
}

.sidebar {
  width: 335px;
  float: right;
  padding-left: 35px;
}

.section_heading {
  font-size: 23px;
  line-height: 1.5;
  border-bottom: 3px solid #84c042;
}

.h-new {
  position: relative;
  padding-left: 40px;
}
.h-new:before {
  content: 'NEW';
  font-size: 9px;
  color: #fff;
  font-weight: bold;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 33px;
  height: 33px;
  line-height: 1;
  padding-top: 14px;
  text-align: center;
  background: #84c042;
  border-radius: 50%;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
}
.sidebar .h-new {
  padding-left: 0;
}
.sidebar .h-new:before {
  position: relative;
  top: -3px;
  left: inherit;
  margin-right: 4px;
}

.main_guide_list {
  width: 666px;
  overflow: hidden;
  *zoom: 1;
}
.main_guide_list li {
  width: 312px;
  height: 130px;
  margin-right: 21px;
  float: left;
  border-bottom: 1px solid #dddddd;
}
.main_guide_list a {
  display: block;
  padding: 14px 0;
  color: #333333;
  overflow: hidden;
  *zoom: 1;
}
.main_guide_list a:hover {
  color: #84c042;
}
.main_guide_list a:hover p {
  color: #333333;
}
.main_guide_list a:hover img {
  -webkit-transform: scale(1.065, 1.065);
  -moz-transform: scale(1.065, 1.065);
  -ms-transform: scale(1.065, 1.065);
  -o-transform: scale(1.065, 1.065);
  transform: scale(1.065, 1.065);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.main_guide_list a p {
  color: #999999;
}
.main_guide_list .img {
  width: 134px;
  float: left;
  position: relative;
  overflow: hidden;
}
.main_guide_list .img:before {
  content: '';
  display: block;
  padding-top: 71.64%;
}
.main_guide_list .img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.main_guide_list .title {
  margin-bottom: 3px;
  margin-left: 142px;
}
.main_guide_list p {
  font-size: 12px;
  margin: 0 0 0 142px;
}
.main_guide_list .main_guide_pickup .img,
.main_guide_list .main_guide_pickup .title,
.main_guide_list .main_guide_pickup p {
  width: 100%;
  margin-left: 0;
  float: none;
}
.main_guide_list .main_guide_pickup .img {
  margin-bottom: 8px;
  height: 110px;
}
.main_guide_list .main_guide_pickup .img:before {
  content: none;
}

.main .more {
  font-size: 15px;
  line-height: 30px;
  text-align: right;
  margin: 4px 0 0;
}
.main .more a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 4px 0;
}
.main .more a:before {
  content: "\e81b";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  vertical-align: middle;
  display: block;
  float: left;
  padding-top: 0.15em;
}
.main .more-heading {
  position: absolute;
  top: 10px;
  right: 0;
}
.main .main_posts .more-heading {
  top: 8px;
}
.main .more-heading a {
  color: #666666;
}
.main .more-heading a:hover {
  color: #84c042;
}
.main .more-heading a:after {
  content: "\e805";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 2px;
  font-size: 16px;
  vertical-align: middle;
}

.main_search {
  clear: both;
  background-color: #eeeeee;
  border-radius: 4px;
  padding: 16px;
  margin-bottom: 36px;
}
.main_search h2 {
  font-size: 22px;
  margin-bottom: 2px;
}
.main_search .inner {
  background: #fff;
  padding: 4px 0;
}

.main_search-area .inner {
  border-top: 3px solid #0199c8;
}
.main_search-area dl {
  overflow: hidden;
  *zoom: 1;
}
.main_search-area dt,
.main_search-area dd {
  border-top: 1px solid #dddddd;
  font-size: 13px;
}
.main_search-area dt:first-child,
.main_search-area dt:first-child + dd {
  border-top: none;
}
.main_search-area dt {
  width: 115px;
  float: left;
  padding: 10px 0;
  padding-left: 20px;
}
.main_search-area dd {
  padding: 7px 0;
  margin-left: 115px;
}
.main_search-area li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.main_search-area li:after {
  content: '|';
  color: #dddddd;
}
.main_search-area li:last-child:after {
  content: none;
}
.main_search-area li a {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 3px 8px;
}

.main_search-spot .inner {
  border-top: 3px solid #ed7a86;
}
.main_search-spot section {
  border-bottom: 1px solid #dddddd;
  padding: 14px 0;
  overflow: hidden;
  *zoom: 1;
}
.main_search-spot section h3 {
  width: 120px;
  float: left;
  padding-left: 14px;
}
.main_search-spot section h3:before {
  color: #ed7a86;
  font-size: 24px;
  vertical-align: middle;
  margin-right: 2px;
}
.main_search-spot section ul {
  margin-left: 120px;
  border-left: 2px solid #e6e6e6;
  padding: 0 6px 0 10px;
  font-size: 13px;
}
.main_search-spot section li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.main_search-spot section li a:before {
  content: "\e806";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ed7a86;
  margin-right: 1px;
}
.sidebar .main_search-spot section li a:hover {
  color: #ed7a86;
}
.main_search-spot .h-gourmet:before {
  content: "\e80a";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main_search-spot .h-leisure:before {
  content: "\e80d";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main_search-spot .h-beauty:before {
  content: "\e81a";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main_search-spot .h-mansion:before {
  content: "\e80e";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.main_search-spot a {
  color: #333333;
  display: block;
  padding: 3px 0;
}
.main_search-spot a:hover {
  color: #ed7a86;
}
.main_search-spot .spot_section-gourmet li {
  min-width: 25%;
}
.main_search-spot .spot_section-leisure li {
  min-width: 33.333%;
}
.main_search-spot .spot_section-beauty li,
.main_search-spot .spot_section-mansion li {
  min-width: 50%;
}
.main_search-spot .spot_list {
  overflow: hidden;
  *zoom: 1;
  padding: 16px 14px 12px;
}
.main_search-spot .spot_list li {
  width: 25%;
  float: left;
}
.main_search-spot .spot_list a:before {
  content: "\e812";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ed7a86;
  font-size: 24px;
  margin-right: 2px;
  vertical-align: middle;
}

.leaf_ranking .ranking_list .taglist {
  padding-left: 48px;
}
.ranking_list > li {
  border-bottom: 1px solid #84c042;
  overflow: hidden;
  *zoom: 1;
  padding: 14px 0 0;
  position: relative;
}
.ranking_list > li:before, .ranking_list > li:after {
  display: block;
  text-align: center;
  position: absolute;
  line-height: 1;
}
.ranking_list > li:before {
  content: "\e810";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 56px;
  width: 40px;
  height: 56px;
  top: 14px;
  left: -8px;
}
.ranking_list > li:after {
  font-size: 32px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 40px;
  height: 56px;
  top: 32px;
}
.ranking_list .txt {
  margin-right: 130px;
}
.ranking_list .img {
  float: right;
  width: 130px;
  padding-left: 21px;
  margin-bottom: 14px;
}
.ranking_list .img a {
  background-color: #eeeeee;
  width: 109px;
  height: 109px;
  text-align: center;
  display: block;
  position: relative;
  overflow: hidden;
}
.ranking_list .img a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.ranking_list .img img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.ranking_list .date {
  font-weight: bold;
  color: #ed7a86;
  float: left;
  width: 156px;
  padding-left: 52px;
}
.ranking_list .taglist {
  display: table;
}
.ranking_list .taglist li {
  display: table-cell;
  font-size: 12px;
}
.ranking_list .taglist li:before {
  content: '/';
  color: #999;
}
.ranking_list .taglist li:first-child:before {
  content: none;
}
.ranking_list .taglist a {
  color: #666666;
  text-decoration: underline;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 0 4px;
}
.ranking_list .taglist a:hover {
  color: #84c042;
}
.ranking_list .name {
  clear: left;
  padding-left: 52px;
  border-bottom: 1px solid #dddddd;
  font-size: 20px;
  padding-top: 4px;
  padding-bottom: 6px;
  font-weight: bold;
}
.ranking_list .name a {
  color: #333333;
  display: block;
}
.ranking_list .name a:hover {
  color: #84c042;
}
.ranking_list p {
  margin: 0;
}
.ranking_list .rank-1:before {
  color: #ffea13;
}
.ranking_list .rank-1:after {
  content: '1';
}
.ranking_list .rank-2:before {
  color: #aed5de;
}
.ranking_list .rank-2:after {
  content: '2';
}
.ranking_list .rank-3:before {
  color: #cac8a3;
}
.ranking_list .rank-3:after {
  content: '3';
}
.ranking_list .rank-4:before {
  color: #dddddd;
}
.ranking_list .rank-4:after {
  content: '4';
}
.ranking_list .rank-5:before {
  color: #dddddd;
}
.ranking_list .rank-5:after {
  content: '5';
}
.ranking_list .commentList {
  padding: 4px 0 4px 52px;
  position: relative;
}
.ranking_list .commentList li {
  border-top: 1px dotted #dddddd;
  min-height: 38px;
  font-size: 13px;
}
.ranking_list .commentList li:first-child {
  border-top: none;
}
.ranking_list .commentList a {
  display: block;
  padding: 8px 0;
  color: #333333;
}
.ranking_list .commentList a:hover {
  color: #84c042;
}
.ranking_list .commentList:before {
  content: "\e816";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cccccc;
  position: absolute;
  top: 10px;
  left: 4px;
  display: block;
  line-height: 1;
  text-align: center;
  font-size: 32px;
}

.main_feature {
  background-color: #eeeeee;
  border-radius: 4px;
  padding: 0 16px 16px;
}
.main_feature h3 {
  color: #fff;
  background-color: #84c042;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  padding: 2px 8px;
  z-index: 2;
  position: relative;
  top: 19px;
  left: 10px;
}
.main_feature h3:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-right: 5px solid #5e9600;
  border-top: 5px solid transparent;
  position: absolute;
  top: 0;
  right: 100%;
}
.main_feature h3:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 5px solid #5e9600;
  border-top: 5px solid transparent;
  position: absolute;
  top: 0;
  left: 100%;
}
.main_feature ul {
  background: #fff;
  padding: 4px 0;
  border-top: 2px solid #84c042;
  padding: 20px 10px 10px;
}
.main_feature li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 13px;
  padding-right: 12px;
}
.main_feature a {
  display: block;
  padding: 3px 4px;
  color: #333333;
}
.main_feature a:before {
  content: "\e806";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #84c042;
  margin-right: 1px;
}
.main_feature a:hover {
  color: #84c042;
}

.sidebar_bnr,
.sidebar_section {
  margin-bottom: 24px;
}

.sidebar .inner {
  background-color: #eeeeee;
  padding: 5px;
}
.sidebar .inner > ul,
.sidebar .inner > ol {
  background-color: #fff;
}
.sidebar .inner a {
  color: #333333;
  display: block;
}
.sidebar .inner a:hover {
  color: #ed7a86;
}
.sidebar .inner .keywordList {
  background-color: transparent;
}
.sidebar .section-popular a:hover {
  color: #ed7a86;
}
.sidebar .guideRanking li {
  border-top: 1px solid #eeeeee;
}
.sidebar .guideRanking li:first-child {
  border-top: none;
}
.sidebar .guideRanking a {
  padding: 12px 8px 12px 50px;
  position: relative;
  font-size: 13px;
}
.sidebar .guideRanking a:before {
  display: block;
  width: 26px;
  height: 26px;
  line-height: 22px;
  text-align: center;
  border-radius: 50%;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  border: 2px solid #666;
  color: #666;
  font-weight: bold;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 12px;
  font-size: 14px;
}
.sidebar .guideRanking a:hover:before {
  border-color: #ed7a86;
  color: #ed7a86;
}
.sidebar .guideRanking .guide-1 a:before,
.sidebar .guideRanking .guide-2 a:before,
.sidebar .guideRanking .guide-3 a:before {
  background-color: #666;
  color: #fff;
}
.sidebar .guideRanking .guide-1 a:hover:before,
.sidebar .guideRanking .guide-2 a:hover:before,
.sidebar .guideRanking .guide-3 a:hover:before {
  background-color: #ed7a86;
  color: #fff;
}
.sidebar .guideRanking .guide-1 a:before {
  content: '1';
}
.sidebar .guideRanking .guide-2 a:before {
  content: '2';
}
.sidebar .guideRanking .guide-3 a:before {
  content: '3';
}
.sidebar .guideRanking .guide-4 a:before {
  content: '4';
}
.sidebar .guideRanking .guide-5 a:before {
  content: '5';
}
.sidebar .guideRanking .guide-6 a:before {
  content: '6';
}
.sidebar .guideRanking .guide-7 a:before {
  content: '7';
}
.sidebar .guideRanking .guide-8 a:before {
  content: '8';
}
.sidebar .guideRanking .guide-9 a:before {
  content: '9';
}
.sidebar .guideRanking .guide-10 a:before {
  content: '10';
}
.sidebar .btn-contact {
  margin-bottom: 24px;
}
.sidebar .btn-contact a {
  display: block;
  background-color: #84c042;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  line-height: 1.4em;
  text-align: center;
  padding: 14px 0;
}
.sidebar .btn-contact a:before {
  content: "\e81b";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 4px;
  font-size: 22px;
  vertical-align: top;
}
.sidebar .btn-contact a:hover {
  background-color: #9dcd68;
}
.sidebar .keywordList {
  padding: 4px;
}
.sidebar .keywordList li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 4px 3px;
}
.sidebar .keywordList a {
  background-color: #fff;
  border-radius: 4px;
  font-size: 13px;
  padding: 4px 8px 4px 6px;
}
.sidebar .keywordList a:before {
  content: "\e813";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ed7a86;
  margin-right: 3px;
  font-size: 15px;
  vertical-align: middle;
}
.sidebar .appList li {
  border-top: 1px solid #eeeeee;
  overflow: hidden;
  *zoom: 1;
  padding: 10px 0 10px 10px;
}
.sidebar .appList li:first-child {
  border-top: none;
}
.sidebar .appList .img {
  float: left;
  width: 72px;
}
.sidebar .appList .txt {
  margin-left: 86px;
}
.sidebar .appList .name {
  font-size: 13px;
  margin-bottom: 8px;
}
.sidebar .appList .btn-appstore,
.sidebar .appList .btn-googleplay {
  margin: 0 4px 0 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.sidebar .appList a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
.sidebar .guideList li,
.sidebar .mansionList li {
  border-top: 1px solid #eeeeee;
}
.sidebar .guideList li:first-child,
.sidebar .mansionList li:first-child {
  border-top: none;
}
.sidebar .guideList a,
.sidebar .mansionList a {
  padding: 10px 4px 10px 10px;
  font-size: 13px;
}
.sidebar .itemList {
  padding: 8px 0 8px 8px;
}
.sidebar .itemList li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size: 12px;
  padding-right: 4px;
}
.sidebar .itemList a {
  display: block;
  padding: 3px 4px;
  color: #333333;
}
.sidebar .itemList a:before {
  content: "\e806";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #84c042;
  margin-right: 1px;
}
.sidebar .itemList a:hover {
  color: #84c042;
}

.sidebar_heading {
  font-size: 20px;
  text-align: center;
  border-bottom: 2px solid #84c042;
  line-height: 35px;
}
.section-popular .sidebar_heading {
  border-bottom-color: #ed7a86;
}

.h-hot:before {
  content: 'HOT';
  font-size: 9px;
  color: #fff;
  font-weight: bold;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  width: 35px;
  height: 35px;
  line-height: 1;
  padding-top: 14px;
  text-align: center;
  background: #ed7a86;
  border-radius: 50%;
  vertical-align: middle;
  position: relative;
  top: -3px;
  margin-right: 4px;
}

.sidebar_about {
  background-color: #84c042;
  position: relative;
  overflow: hidden;
  border-radius: 4px;
  padding: 5px 14px;
  margin-bottom: 24px;
}
.sidebar_about:before {
  content: "\e81c";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #a9d46f;
  font-size: 160px;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: -12px;
  margin-top: -76px;
}
.sidebar_about li {
  border-top: 1px dashed #fff;
  position: relative;
  z-index: 2;
}
.sidebar_about li:first-child {
  border-top: none;
}
.sidebar_about a {
  color: #fff;
  position: relative;
  z-index: 2;
  padding: 0 0 0 44px;
  font-size: 15px;
  line-height: 44px;
  display: block;
}
.sidebar_about a:before {
  display: block;
  width: 26px;
  height: 26px;
  text-align: center;
  border-radius: 50%;
  color: #7f7f7f;
  background-color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -13px;
  left: 6px;
  font-size: 20px;
  line-height: 1;
  padding-top: 3px;
}
.sidebar_about a:hover {
  padding-left: 50px;
}
.sidebar_about a:hover:before {
  left: 12px;
}
.sidebar_about .link-about:before {
  content: "\e818";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sidebar_about .link-blog:before {
  content: "\e819";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sidebar_about .link-shop:before {
  content: "\e811";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sidebar_search-area section {
  background-color: #fff;
  margin-top: 1px;
  padding: 10px;
  position: relative;
}
.sidebar_search-area section:first-child {
  margin-top: 0;
}
.sidebar_search-area h3 {
  font-size: 15px;
  font-weight: bold;
  line-height: 24px;
}
.sidebar_search-area .more {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 13px;
  line-height: 24px;
}
.sidebar_search-area .more a {
  color: #0199c8;
}
.sidebar_search-area .more a:before {
  content: "\e806";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.sidebar_search-area .more a:hover {
  color: #18c7fe;
}
.sidebar_search-area .select {
  position: relative;
}
.sidebar_search-area .select:after {
  content: "\e806";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: block;
  width: 20px;
  height: 28px;
  line-height: 28px;
  position: absolute;
  top: 3px;
  right: 5px;
  font-size: 12px;
  background-color: #eeeeee;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.sidebar_search-area select {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  background-color: #eeeeee;
  display: block;
  height: 28px;
  padding: 0 2%;
  margin: 6px 0;
  cursor: pointer;
  font-size: 13px;
}
.sidebar_search-area option {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  line-height: 28px;
}
.pagetop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  margin: 0;
}
.pagetop a:hover {
  display: block;
  -webkit-transform-origin: top center 50%;
  -moz-transform-origin: top center 50%;
  -ms-transform-origin: top center 50%;
  -o-transform-origin: top center 50%;
  transform-origin: top center 50%;
  -webkit-animation-name: swing;
  -moz-animation-name: swing;
  -ms-animation-name: swing;
  -o-animation-name: swing;
  animation-name: swing;
  -webkit-animation-duration: 0.3s;
  -moz-animation-duration: 0.3s;
  -ms-animation-duration: 0.3s;
  -o-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-delay: 0.2s;
  -moz-animation-delay: 0.2s;
  -ms-animation-delay: 0.2s;
  -o-animation-delay: 0.2s;
  animation-delay: 0.2s;
  -webkit-animation-timing-function: easeInOutCubic;
  -moz-animation-timing-function: easeInOutCubic;
  -ms-animation-timing-function: easeInOutCubic;
  -o-animation-timing-function: easeInOutCubic;
  animation-timing-function: easeInOutCubic;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}

.footer {
  background-color: #84c042;
  color: #fff;
}
.footer .row {
  padding-top: 30px;
}
.footer a {
  color: #fff;
}
.footer a:hover {
  color: #cce6aa;
}

.footer_sitename {
  width: 186px;
  float: left;
  margin: 0;
}
.footer_sitename .logo {
  background: url(/assets/v2/pc/logo-wh-722b9f2ff9d44c08c3b1bf7a09135f174cb8aa179b264eadc349a6810dea3640.png) no-repeat;
  display: block;
  width: 186px;
  height: 32px;
  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .footer_sitename .logo {
    background: url(/assets/v2/pc/logo-wh@2x-65a37c5d8b36bdc206c52631f80f85ff5e1028afb2d87c1068218657f5af6f99.png) no-repeat;
    background-size: 186px 32px;
  }
}
.footer_sitename .logo:hover {
  opacity: .7;
}

.footer_circleLink {
  display: table;
  float: right;
}
.footer_circleLink li {
  display: table-cell;
  padding: 0 4px;
}
.footer_circleLink a {
  display: block;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  color: #7f7f7f;
}
.footer_circleLink a:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 1;
}
.footer_circleLink a:hover {
  color: #84c042;
}
.footer_circleLink .magageBlog a:before {
  content: "\e819";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  margin-top: -11px;
}
.footer_circleLink .magageShop a:before {
  content: "\e811";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  margin-top: -12px;
}
.footer_circleLink .facebook a:before {
  content: "\e809";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
  margin-top: -9px;
}
.footer_circleLink .twitter a:before {
  content: "\e814";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 18px;
  margin-top: -8px;
}

.footer_category {
  clear: both;
  overflow: hidden;
  *zoom: 1;
  padding: 26px 0;
}
.footer_category > ul {
  width: 20%;
  float: left;
  font-size: 13px;
}
.footer_category a {
  padding: 4px 0;
  display: block;
}

.footer_nav {
  border-top: 1px solid #c5e29e;
  padding: 20px 0 6px;
}
.footer_nav ul {
  margin: 0 auto;
  display: table;
  font-size: 12px;
}
.footer_nav li {
  display: table-cell;
}
.footer_nav li:before {
  content: '|';
  color: #a9d46f;
}
.footer_nav li:first-child:before {
  content: none;
}
.footer_nav a {
  padding: 0 12px;
}

.copyrights {
  text-align: center;
  margin: 0;
  padding-bottom: 16px;
}
.copyrights small {
  font-size: 10px;
}

.top {
  padding-top: 16px;
}
.top .top_search {
  margin-bottom: 36px;
}
.top .main_search {
  margin-bottom: 36px;
}
.top .main_feature {
  margin-bottom: 0;
}

.main .top_news {
  overflow: hidden;
  *zoom: 1;
  margin-bottom: 24px;
}
.top_news h2 {
  color: #84c042;
  font-size: 18px;
  text-align: right;
  width: 365px;
  float: right;
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding-bottom: 2px;
}

.top_news_pickup {
  float: left;
  width: 280px;
  padding-right: 30px;
}
.top_news_pickup .img {
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
}
.top_news_pickup .img:before {
  content: '';
  display: block;
  padding-top: 95.2%;
}
.top_news_pickup .img img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.top_news_pickup a {
  color: #333333;
  display: block;
}
.top_news_pickup a:hover {
  color: #84c042;
}
.top_news_pickup a:hover img {
  -webkit-transform: scale(1.065, 1.065);
  -moz-transform: scale(1.065, 1.065);
  -ms-transform: scale(1.065, 1.065);
  -o-transform: scale(1.065, 1.065);
  transform: scale(1.065, 1.065);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.top_news_list {
  width: 365px;
  float: right;
}
.top_news_list li {
  border-left: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 14px 0 14px 14px;
}
.top_news_list li a {
  color: #333333;
  display: block;
}
.top_news_list li a:hover {
  color: #84c042;
}

.topicPath {
  border-top: 1px solid #dddddd;
  margin-bottom: 15px;
  padding: 10px 0;
}
.topicPath ol {
  display: table;
}
.topicPath li {
  display: table-cell;
  vertical-align: middle;
  color: #666666;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: .08em;
  float: left;
  margin-bottom: 5px;
}
.topicPath li::before {
  content: "\e806";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #84c042;
  font-size: 15px;
  margin: 0 4px;
  line-height: 14px;
  vertical-align: middle;
}
.topicPath li:first-child::before {
  content: none;
}
.topicPath li:first-child a::before {
  content: "\e80c";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #84c042;
  font-size: 18px;
  margin: 0 2px;
  vertical-align: middle;
  line-height: 14px;
  position: relative;
  top: -1px;
}
.topicPath a {
  color: #666666;
}
.topicPath a:hover {
  color: #84c042;
}

.main_header {
  display: table;
  margin-bottom: 24px;
}
.main_header > * {
  display: table-cell;
  vertical-align: top;
}
.main_header .pagetitle {
  font-size: 50px;
  line-height: 1;
  border-right: 3px solid #84c042;
  padding-right: 16px;
}
.main_header .pagetitle .en {
  display: block;
  font-size: 14px;
  color: #999999;
  margin-top: 6px;
}
.main_header .areaList {
  color: #999999;
  padding-left: 14px;
}
.main_header .areaList li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.main_header .areaList li:after {
  content: '|';
  color: #cccccc;
}
.main_header .areaList li:last-child:after {
  content: none;
}
.main_header .areaList a {
  padding: 0 6px;
}
.main_header .h-area {
  margin: 0 0 2px 2px;
}
.main_header .h-area::before {
  content: "\e812";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  vertical-align: middle;
}
.main_header .h-area span {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  background-color: #eeeeee;
  border-radius: 2px;
  padding: 0 8px;
  margin-left: 12px;
  font-size: 12px;
  line-height: 19px;
  vertical-align: top;
  position: relative;
  top: 1px;
  color: #666666;
}

.main .shareLinks {
  margin-bottom: 18px;
}
.shareLinks ul {
  display: table;
  width: 100%;
}
.shareLinks li {
  display: table-cell;
  vertical-align: middle;
  width: 33.3333%;
  line-height: 32px;
}
.shareLinks a {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 10px;
}
.shareLinks a:before {
  font-size: 20px;
  vertical-align: middle;
  margin-right: 6px;
}

.share-facebook {
  background-color: #4a66ab;
}
.share-facebook:before {
  content: "\e809";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.share-facebook:hover {
  background-color: #3e558f;
}

.share-twitter {
  background-color: #00b6f1;
}
.share-twitter:before {
  content: "\e814";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.share-twitter:hover {
  background-color: #00a3d7;
}

.share-hatebu {
  background-color: #008fde;
}
.share-hatebu:before {
  content: "\e801";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.share-hatebu:hover {
  background-color: #0075b5;
}

.main_search-city .inner, .main_search-station .inner, .main_search-selection .inner {
  border-top: 3px solid #0199c8;
}
.main_search-city ul, .main_search-station ul, .main_search-selection ul {
  overflow: hidden;
  *zoom: 1;
  padding: 4px;
}
.main_search-city li, .main_search-station li {
  width: 25%;
  float: left;
  padding: 0 12px;
}
.main_search-city li a, .main_search-station li a {
  display: block;
  color: #333333;
  font-size: 13px;
  padding: 5px 0;
}
.main_search-city li a:hover, .main_search-station li a:hover {
  color: #0199c8;
}
.main_search-city li a:before, .main_search-station li a:before {
  content: "\e806";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0199c8;
  margin-right: 1px;
}
.main_search-city .all, .main_search-station .all {
  border-top: 1px solid #dddddd;
  text-align: center;
  font-size: 15px;
  margin: 4px 4px 0;
  padding-top: 4px;
}
.main_search-city .all a, .main_search-station .all a {
  display: block;
  line-height: 36px;
}
.main_search-city .all a:before, .main_search-station .all a:before {
  content: "\e81b";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin-right: 4px;
  position: relative;
  top: -2px;
}
.main_search-city .all a:hover, .main_search-station .all a:hover {
  background-color: #f6f6f6;
  color: #0199c8;
}

.main_search-station h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 0 16px;
}

.main_posts .section_heading {
  border-color: #0199c8;
  padding-left: 4px;
}
.main_posts .section_heading:before {
  content: "\e814";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 0.8;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #cccccc;
  font-size: 32px;
  vertical-align: middle;
  margin-right: 3px;
}

.main_posts_list li {
  border-bottom: 1px solid #dddddd;
  display: table;
  width: 100%;
  padding: 8px 0;
}
.main_posts_list li:first-child {
  border-top: none;
}
.main_posts_list li > * {
  display: table-cell;
  vertical-align: top;
}
.main_posts_list a {
  color: #333333;
}
.main_posts_list a:hover {
  color: #84c042;
}
.main_posts_list img {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.main_posts_list .img {
  width: 126px;
  padding: 12px 0 12px 16px;
}
.main_posts_list .img a {
  display: block;
  width: 110px;
  height: 110px;
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #eeeeee;
}
.main_posts_list .img a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.main_posts_list .img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.main_posts_list .txt {
  position: relative;
}
.main_posts_list .txt p {
  color: #666666;
  margin: 0 0 2px;
}
.main_posts_list .txt .date {
  font-size: 11px;
  color: #999999;
  margin: 0px;
  position: absolute;
  top: 16px;
  right: 0;
}
.main_posts_list .title {
  font-weight: bold;
  font-size: 20px;
  position: relative;
  z-index: 2;
}
.main_posts_list .title a {
  display: block;
  padding: 8px 132px 8px 0;
}
.main_posts_list .user {
  display: table;
  margin-bottom: 10px;
}
.main_posts_list .user > * {
  display: table-cell;
  vertical-align: top;
}
.main_posts_list .user_thumb {
  width: 60px;
}
.main_posts_list .user_thumb a {
  display: block;
  width: 60px;
  height: 60px;
  overflow: hidden;
  border-radius: 50%;
  background-color: #0199c8;
}
.main_posts_list .user_thumb a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.main_posts_list .user_thumb img {
  width: 100%;
  height: 100%;
}
.main_posts_list .user_txt {
  padding-left: 12px;
  font-size: 12px;
}
.main_posts_list .user_name a {
  text-decoration: underline;
  font-size: 14px;
}
.main_posts_list .ikitai {
  display: table;
  margin-bottom: 8px;
}
.main_posts_list .ikitai > * {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
}
.main_posts_list .btn-ikitai a {
  padding: 0 8px;
  display: block;
  color: #ed7a86;
  font-size: 13px;
  font-weight: bold;
  line-height: 34px;
  border-radius: 4px;
}
.main_posts_list .btn-ikitai a:hover {
  background-color: #fdeff0;
}
.main_posts_list .btn-ikitai i:before {
  content: "\e81a";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
  vertical-align: middle;
  position: relative;
  margin-right: 2px;
}
.main_posts_list .btn-ikitai span:before {
  content: '|';
  font-weight: normal;
  vertical-align: top;
  margin: 0 6px;
  position: relative;
  top: -1px;
}
.main_posts_list .ikitai_thumb {
  width: 36px;
  padding-left: 6px;
}
.main_posts_list .ikitai_thumb a {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background-color: #0199c8;
}
.main_posts_list .ikitai_thumb a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.main_posts_list .ikitai_thumb img {
  width: 100%;
  height: 100%;
}
.main_blog {
  margin-bottom: 20px;
  position: relative;
}
.main_blog_list li {
  border-bottom: 1px solid #84c042;
  display: table;
  width: 100%;
  padding: 8px 0;
}
.main_blog_list li:first-child {
  border-top: none;
}
.main_blog_list li > * {
  display: table-cell;
  vertical-align: top;
}
.main_blog_list img {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}
.main_blog_list p {
  margin: 0;
}
.main_blog_list .img {
  width: 126px;
  padding: 12px 0 12px 16px;
}
.main_blog_list .img a {
  display: block;
  width: 110px;
  height: 110px;
  position: relative;
  overflow: hidden;
  text-align: center;
  background-color: #eeeeee;
}
.main_blog_list .img a:hover img {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.main_blog_list .img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.main_blog_list .blog_header {
  border-bottom: 1px solid #dddddd;
  margin-bottom: 12px;
}
.main_blog_list .blog_header a {
  display: block;
  padding: 8px 0;
}
.main_blog_list .blog_header a .title {
  color: #333333;
  font-size: 18px;
}
.main_blog_list .blog_header a:hover .title {
  color: #84c042;
}
.main_blog_list .blog_header a:hover p {
  color: #cccccc;
}
.main_blog_list .blogName,
.main_blog_list .date {
  font-size: 11px;
  color: #999999;
  margin: 0px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.main_blog_list .blogName:after,
.main_blog_list .date:after {
  content: '|';
  margin: 0 .5em;
}
.main_blog_list .excerpt {
  margin-bottom: 8px;
}
.main_blog_list .excerpt a {
  display: block;
  font-size: 13px;
  color: #666666;
}
.main_blog_list .excerpt a span {
  color: #999999;
  font-style: italic;
  text-decoration: underline;
  font-family: Georgia, serif;
  margin-left: 8px;
}
.main_blog_list .excerpt a:hover {
  color: #999999;
}
.main_blog_list .excerpt a:hover span {
  color: #84c042;
}
.main_blog_list .spot {
  font-size: 12px;
  margin: 0;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
}
.main_blog_list .spot a {
  padding: 2px 8px 6px 0;
  display: block;
}
.main_blog_list .spot a:before {
  content: "\e812";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: middle;
  font-size: 22px;
}

.leaf_article {
  line-height: 1.57;
}

.article_header {
  overflow: hidden;
  *zoom: 1;
  padding-bottom: 16px;
}
.article_header .pagetitle {
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 20px;
}
.article_header .article_thumb {
  width: 130px;
  float: left;
}
.article_header .article_thumb img {
  width: 100%;
  height: auto;
}
.article_header .article_lead {
  margin-left: 150px;
  color: #666666;
}
.article_header .article_lead .info {
  font-size: 11px;
  letter-spacing: .08em;
  color: #999999;
}

.article_content .guide_list li {
  overflow: hidden;
  *zoom: 1;
  border-bottom: 1px solid #dddddd;
  padding: 20px 0 24px;
}
.article_content .guide_list .title {
  font-size: 23px;
  line-height: 1.25;
  margin-bottom: 16px;
}
.article_content .guide_list .img {
  width: 300px;
  float: left;
}
.article_content .guide_list .img .source {
  display: block;
  font-size: 11px;
  color: #999999;
  margin-top: 3px;
}
.article_content .guide_list .txt,
.article_content .guide_list .info {
  margin-left: 324px;
}
.article_content .guide_list .info_name {
  font-size: 16px;
  font-weight: bold;
  text-decoration: underline;
  margin-bottom: 0;
}
.article_content .guide_list .info_address {
  font-size: 12px;
  color: #666666;
}
.article_content .guide_list .info_address:before {
  content: '住所：';
}
.article_content .guide_list .info_address .info_map {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  font-size:16px;
  font-weight: bold;
}
.article_content .guide_list .info_address .info_map:before {
  content: "\e812";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  vertical-align: middle;
  position: relative;
  right: -2px;
  top: -3px;
}

.article_paging {
  margin: 24px 0 30px;
}

.topic_paging {
  margin: 8px 0 0;
}

.currentPage {
  text-align: center;
  font-size: 12px;
  color: #999999;
}

.paging {
  display: table;
  margin: 0 auto;
  font-size: 13px;
  font-weight: bold;
  line-height: 45px;
}
.paging > * {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0 3px;
}
.paging a {
  display: block;
  text-align: center;
  min-width: 45px;
  background-color: #eeeeee;
}
.paging a:hover {
  background-color: #0199c8;
  color: #fff;
}
.paging .current {
  border: 3px solid #eeeeee;
  background-color: #fff;
  color: #333333;
  line-height: 39px;
}
.paging .current:hover {
  background-color: #fff;
  color: #333333;
}
.paging .prev a,
.paging .next a {
  padding: 0 16px;
}

.feature-related {
  margin-top: 40px;
}
.feature-related .section_heading {
  font-size: 20px;
  border-bottom-color: #ed7a86;
}
.feature-related .feature_list {
  background-color: #eeeeee;
  padding: 8px;
}
.feature-related .feature_list li {
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  zoom: 1;
  *display: inline;
  margin: 5px 4px;
}
.feature-related .feature_list a {
  display: block;
  background-color: #fff;
  border-radius: 4px;
  font-size: 12px;
  line-height: 18px;
  padding: 4px 10px 4px 6px;
  color: #666666;
}
.feature-related .feature_list a:before {
  content: "\e813";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ed7a86;
  margin-right: 2px;
  font-size: 18px;
  vertical-align: middle;
}
.feature-related .feature_list a:hover {
  color: #ed7a86;
}

.topic_pagetitle {
  font-size: 32px;
  line-height: 1.3;
  padding-bottom: 4px;
  border-bottom: 3px solid #dddddd;
}

.topic_guide_list li {
  border-bottom: 1px solid #dddddd;
}
.topic_guide_list a {
  display: block;
  overflow: hidden;
  *zoom: 1;
  padding: 20px 0;
  color: #333333;
}
.topic_guide_list a:hover .title {
  color: #84c042;
}
.topic_guide_list a:hover .excerpt {
  color: #999999;
}
.topic_guide_list a:hover .excerpt span {
  color: #84c042;
}
.topic_guide_list a:hover img {
  -webkit-transform: scale(1.065, 1.065);
  -moz-transform: scale(1.065, 1.065);
  -ms-transform: scale(1.065, 1.065);
  -o-transform: scale(1.065, 1.065);
  transform: scale(1.065, 1.065);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.topic_guide_list .img {
  width: 100px;
  float: left;
  position: relative;
  overflow: hidden;
}
.topic_guide_list .img:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.topic_guide_list .img img {
  min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.topic_guide_list .txt {
  margin-left: 112px;
}
.topic_guide_list p {
  margin: 0;
}
.topic_guide_list .title {
  font-size: 20px;
  margin-bottom: 6px;
}
.topic_guide_list .excerpt {
  margin-left: 4px;
  line-height: 22px;
  color: #666666;
}
.topic_guide_list .excerpt span {
  color: #999999;
  font-style: italic;
  text-decoration: underline;
  font-family: Georgia, serif;
  margin-left: 8px;
  font-size: 13px;
}

.topic_guide_pickup .img {
  width: 130px;
}
.topic_guide_pickup .txt {
  margin-left: 142px;
}
/**
* Entry page
**/
.main.entry {
  width: 100%;
}
.main.entry .section_heading {
  font-size: 32px;
  position: relative;
  padding-left: 64px;
  margin-bottom: 17px;
}
.main.entry .section_heading:before {
  content: "";
  display: inline-block;
  background-image: url(/assets/v2/title-ico-bd21765ef265e8e314b4b78a6ea461b327c39002979440b3e5febe94ddea68c1.png);
  background-repeat: no-repeat;
  height: 50px;
  width: 44px;
  position: absolute;
  top: -8px;
  left: 7px;
}
.main.entry h3 {
  font-size: 20px;
  margin-top: 35px;
  margin-bottom: 6px;
}
.main.entry .desc .intro {
  font-size: 15px;
  margin-bottom: 18px;
}
.main.entry > .desc p {
  margin-bottom: 5px;
  font-size: 13px;
  color: #666;
}
.entry-form {
  border-top: 3px solid #dddddd;
  display: table;
  width: 100%;
  margin-bottom: 45px;
}
.entry-form .form-group {
  display: table-row;
}
.entry-form .label {
  background-color: #efefef;
  display: table-cell;
  vertical-align: middle;
  padding: 15px 18px 15px 22px;
  border-bottom: 1px solid #dddddd;
  width: 27%;
}
.entry-form .input-group {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 18px 15px 24px;
  border-bottom: 1px solid #dddddd;
}
.input-control {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #bbbbbb;
  height: 35px;
  padding: 10px;
}
.small-input .input-control {
  width: 127px;
}
.entry-form .textarea {
  width: 100%;
  border-radius: 4px;
  border: 1px solid #bbbbbb;
  padding: 10px;
}
.btn-red {
  background-color: #ed7a86;
  border: 0;
  border-bottom: 3px solid #d26374;
  border-radius: 4px;
  height: 37px;
  width: 176px;
  color: #fff;
  font-size: 14px;
  cursor: pointer;
  padding-top: 3px;
}
.btn-red:hover {
  opacity: 0.8;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.entry-form .more-info {
  color: #999999;
  font-size: 11px;
  display: block;
}
.entry-form input + .more-info, .entry-form strong + .more-info {
  margin-top: 10px;
}
.entry-form .more-info + .more-info {
  margin-top: 3px;
}
.input-group strong {
  margin-left: 15px;
  color: #000;
}
.entry-form .input-links a {
  color: #000;
  line-height: 35px;
}
.input-links .input-control {
  width: 80%;
  float: right;
}
.entry-form .select-group select:first-child {
  width: 134px;
}
.entry-form .select-group select {
  width: 114px;
  border-radius: 4px;
  height: 35px;
  border: 1px solid #bbbbbb;
}
.entry-form .select-group span {
  margin: 0 15px 0 10px;
}
.entry-form .require {
  float: right;
  color: #ed7a86;
  background-color: #fff;
  padding: 0 6px;
  border-radius: 4px;
  font-size: 11px;
  height: 18px;
  line-height: 18px;
}
.more-info.txt-red {
  color: #ed7a86;
  margin-top: 6px;
}
.main.entry .terms {
  text-align: center;
  margin-bottom: 27px;
  color: #000;
}
.main.entry .terms h3 {
  font-size: 14px;
  text-align: center;
}
.main.entry .btn-submit {
  width: 296px;
  height: 52px;
  background-color: #ed7a86;
  border: 0;
  border-bottom: 3px solid #d26374;
  border-radius: 4px;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  font-size: 20px;
  color: #fff;
}
.main.entry .btn-submit:hover {
  opacity: 0.8;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.terms-content {
  text-align: left;
  width: 715px;
  height: 200px;
  border: 1px solid #dddddd;
  margin: 12px auto 17px;
  overflow: auto;
  padding: 15px 15px 5px;
  position: relative;
}
.terms-content p {
  margin-bottom: 0.75em;
}
.main.entry .terms a {
  color: #333;
  text-decoration: underline;
}
.main.entry .terms ol {
  list-style: decimal;
  padding-left: 26px;
  margin-top: -13px;
  margin-bottom: 10px;
}
.main.entry .terms ol li {
  text-indent: -4px;
}
.terms #check_term {
  display: none;
}
.terms .checkbox {
  position: relative;
  display: inline-block;
  padding-left: 23px;
}
.terms .checkbox:before {
  content: "";
  background-color: #efefef;
  border: 1px solid #bbbbbb;
  border-radius: 2px;
  width: 15px;
  height: 15px;
  position: absolute;
  left: 0;
  top: 1px;
}
.terms input[type="checkbox"]:checked + .checkbox:after {
  content: '';
  position: absolute;
  width: 8px;
  height: 5px;
  background: transparent;
  top: 5px;
  left: 4px;
  border: 2px solid #656565;
  border-top: none;
  border-right: none;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
/**
* Gourmet page
**/
.topSearch {
  border-top: 1px solid #dddddd;
  padding: 8px 0;
}
.topSearch input[type="text"] {
  font-size: 13px;
  line-height: 1.8em;
  border: 0;
  background-color: #eeeeee;
  width: 250px;
  height: 25px;
  border-radius: 2px;
  padding: 0 8px;
}
.topSearch label {
  font-size: 15px;
  margin-right: 5px;
}
.topSearch .button {
  font-size: 13px;
  line-height: 1.8em;
  background-color: #8bc53d;
  color: #fff;
  border: 0;
  border-radius: 2px;
  margin-left: 7px;
  width: 62px;
  height: 25px;
}
.topSearch .cross {
  background-image: url(/assets/v2/cross-32a7a81f94105827295ff25e4ee86ce017aad8d7e14b30f170c3d6a03683ae42.png);
  background-repeat: no-repeat;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: -2px 12px;
}
.main.gourmet .article_header {
  border-bottom: 3px solid #8bc53d;
  padding-bottom: 11px;
}
.main.gourmet .article_header > p, .main.gourmet_beauty .article_header > p {
  color: #666;
}
.main.gourmet .pagetitle {
  margin-bottom: 10px;
}
.main.gourmet .article_header .feature-related {
  margin-top: 14px;
}
.gourmet_list li {
  overflow: hidden;
  border-bottom: 1px solid #dddddd;
  padding: 20px 0 10px;
}
.gourmet_list li > a {
  color: #333;
}
.gourmet_list li > a:hover .title {
  color: #84c042;
}
.gourmet_beauty .gourmet_list li > a:hover .title {
  color: #ed7a86;
}
.gourmet_list li .img {
  width: 180px;
  float: left;
  margin-right: 15px;
  overflow: hidden;
  position: relative;
}
.gourmet_list li .img:before {
  content: '';
  display: block;
  padding-top: 100%;
}
.gourmet_list li img {
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  margin: auto;
  transform: translateX(-50%);
}
.gourmet_list li .img > a:hover img {
  -webkit-transform: translateX(-50%) scale(1.065, 1.065);
  -moz-transform: translateX(-50%) scale(1.065, 1.065);
  -ms-transform: translateX(-50%) scale(1.065, 1.065);
  -o-transform: translateX(-50%) scale(1.065, 1.065);
  transform: translateX(-50%) scale(1.065, 1.065);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.gourmet_list .title {
  font-size: 22px;
  line-height: 1.25;
  margin-bottom: 12px;
}
.gourmet_list .title .link {
  color: #333;
}
.gourmet_list .title span {
  font-size: 11px;
  color: #999;
  margin-left: 14px;
}
.gourmet_list .title span a {
  color: #999;
}
.gourmet_list .title .link:hover,
.gourmet_list .title span a:hover {
  color: #84C042;
}
.gourmet_list .title span strong {
  text-decoration: underline;
}
.gourmet_list .txt {
  padding-top: 3px;
}
.gourmet_list .txt span a {
  color: #999999;
  font-style: italic;
  text-decoration: underline;
  font-family: Georgia, serif;
  margin-left: 8px;
  font-size: 13px;
}
.gourmet_list .txt span a:hover {
  color: #84c042;
}
.gourmet_list .info_address {
  font-size: 12px;
  color: #666666;
}
.gourmet_list .info_address:before {
  content: '住所：';
}
.gourmet_list .info_address .info_map {
  margin-left: 8px;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  padding: 0 4px;
}
.gourmet_list .info_address .info_map:before {
  content: "\e812";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  vertical-align: middle;
  position: relative;
  right: -2px;
}
.gourmet_list .info_view {
  color: #8bc53d;
}
.gourmet_list .info_view strong {
  font-weight: bold;
  font-size: 15px;
}
.main.gourmet .feature-related {
  margin-top: 28px;
}
.main.gourmet .feature-related .section_heading {
  font-size: 16px;
  border: 0;
  margin-bottom: 5px;
}
.main.gourmet .feature-related .feature_list {
  background-color: transparent;
  padding: 0;
}
.main.gourmet .feature-related .feature_list li {
  margin: 0 7px 8px 0;
}
.main.gourmet .feature-related .feature_list a {
  border: 1px solid #ddd;
  padding: 3px 8px 3px 5px;
}
.main.gourmet .feature-related .feature_list a:before {
  font-size: 16px;
}
.sidebar_search {
  margin-bottom: 24px;
}
.sidebar_search h2 {
  font-size: 20px;
  text-align: center;
}
.sidebar_search .inner > section {
  background-color: #fff;
  padding: 10px 13px 8px;
  border-bottom: 0;
}
.sidebar_search.main_search-spot section h3 {
  width: 100%;
  border-bottom: 2px solid #dddddd;
  padding: 0 0 1px 0;
  margin-bottom: 10px;
}
.sidebar_search.main_search-spot section ul {
  margin-left: 0;
  border-left: 0;
  padding: 0;
}
.sidebar_search.main_search-spot ul li {
  min-width: 50%;
}
.sidebar_search .inner .top-search {
  padding: 15px 13px 5px;
}
.sidebar_search .top-search input[type="text"]{
  background-color: #eeeeee;
  width: 207px;
  height: 24px;
  box-shadow: none;
  border: 0;
  float: left;
  margin-right: 7px;
}
.sidebar_search .top-search input[type="submit"]{
  width: 50px;
  height: 24px;
  border: 0;
  background-color: #ed7a86;
  color: #fff;
}
.sidebar_search.main_search-spot .spot_list {
  padding-top: 2px;
}
.sidebar_search .spot_section-beauty li {
  width: 100%;
}
.sidebar .guideRanking img {
  float: left;
  margin-right: 11px;
}
.sidebar .guideRanking h3 {
  color: #0199c8;
  font-size: 14px;
  margin-bottom: 4px;
  line-height: 18px;
}
.sidebar .guideRanking p {
  font-size: 12px;
  line-height: 17px;
  margin-bottom: 2px;
}
.sidebar .guideRanking a:hover p {
  color: #333;
}
.spot-ranking .sidebar_heading {
  border-bottom-color: #ed7a86;
}
.spot-ranking .guideRanking a {
  padding: 9px 8px 12px 47px;
}
.spot-ranking .guideRanking a:before {
  top: 40px;
}
.spot-ranking li a h3, .spot-ranking li a p {
  margin-left: 70px;
}
.landmark_list li {
  border-bottom: 1px solid #eeeeee;
  padding: 9px;
}
.sidebar .landmark_list li > a {
  display: table;
}
.landmark_list img {
  float: left;
  border: 1px solid #eeeeee;
  margin-right: 14px;
  display: table-cell;
  width: 50px;
}
.landmark_list a p {
  color: #0199c8;
  display: table-cell;
  vertical-align: middle;
}
.landmark_list a:hover p {
  color: #18c7fe;
}
.landmark_section .sidebar_heading {
  border-bottom-color: #0199c8;
}
.main_search-selection ul {
  padding: 13px 2px 2px;
}
.main_search-selection li {
  width: 33.33333%;
  float: left;
  padding: 0 2px 0 12px;
  margin-bottom: 10px;
}
.main_search-selection li:before {
  content: "\e806";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #0199c8;
  margin-right: 1px;
  float: left;
}
.main_search-selection li a {
  padding-left: 0;
  display: table;
  font-size: 12px;
  line-height: 16px;
  color: #666666;
}
.main_search-selection li a:hover {
  color: #0199c8;
}
/**
* Gourmet beauty page
**/
.gourmet_beauty .article_header {
  border-bottom: 3px solid #ed7a86;
  padding-bottom: 3px;
  margin-bottom: 5px;
}
.gourmet_beauty .article_header .pagetitle {
  margin-bottom: 10px;
}
.gourmet_beauty .gourmet_list li {
  overflow: visible;
  border-bottom: 3px solid #ed7a86;
  padding: 20px 0 30px;
  margin-bottom: 5px;
}
.gourmet_beauty .gourmet_list li .img-left {
  margin-right: 22px;
  float: left;
}
.gourmet_beauty .gourmet_list li .img {
  margin-right: 0;
  margin-bottom: 5px;
  float: none;
  width: 158px;
}
.gourmet_beauty .gourmet_list li .img:before {
  padding-top: 132%;
}
.gourmet_beauty .gourmet_list .img-desc {
  display: table;
  font-size: 11px;
  color: #999999;
  margin: 5px 0 25px;
  clear: both;
}
.gourmet_beauty .gourmet_list .price:before {
  content: 'カット料金：';
}
.gourmet_beauty .gourmet_list .seat:before {
  content: '席数：';
}
.gourmet_beauty .gourmet_list .blog:before {
  content: 'ブログ：';
}
.gourmet_beauty .gourmet_list .rating:before {
  content: '口コミ：';
}
.gourmet_beauty .gourmet_list .info_time:before {
  content: 'アクセス：';
}
.gourmet_beauty .gourmet_list .info {
  font-size: 12px;
  padding-top: 5px;
}
.gourmet_beauty .gourmet_list .info p {
  margin-bottom: 5px;
}
.gourmet_beauty .gourmet_list .txt {
  padding-top: 15px;
}
.gourmet_beauty .gourmet_list .info p:before,
.gourmet_beauty .gourmet_list .more-info > span:before {
  color: #ed7a86;
}
.gourmet_beauty .gourmet_list .more-info > span {
  margin-left: 25px;
}
.gourmet_beauty .gourmet_list .more-info > span:first-child {
  margin-left: 0;
}
.gourmet_beauty .gourmet_list .btn-red {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 18px;
  height: 48px;
  line-height: 42px;
  width: 275px;
  margin-top: 6px;
}
.coupon {
  display: table;
  position: relative;
  width: 100%;
  border: 2px dashed #f8c2c0;
  padding: 25px 10px 23px 15px;
  margin-top: 25px;
}
.coupon .coupon-wrapper {
  display: table;
  width: 100%;
}
.coupon .coupon-wrapper .logo {
  padding-right: 10px;
}
.article_content .coupon li {
  padding: 0;
  margin-bottom: 6px;
  border-bottom: 0;
  font-size: 12px;
}
.article_content .coupon li a {
  color: #333333;
}
.article_content .coupon li a:hover {
  color: #ed7a86;
}
.coupon li:before, .place-page .coupon a:before {
  color: #ed7a86;
  margin-right: 7px;
}
.coupon li:before, .place-page .coupon a:before {
  color: #ed7a86;
  margin-right: 7px;
}
.coupon .all:before, .place-page .coupon .all a:before {
  content: '全員';
}
.coupon .new:before, .place-page .coupon .new a:before {
  content: '新規';
}
.gourmet_beauty .gourmet_list .title {
  margin-bottom: 15px;
}
.coupon .title {
  position: absolute;
  display: inline-block;
  background-color: #ed7a86;
  font-size: 13px;
  color: #fff;
  top: -12px;
  left: -8px;
  padding: 0;
  width: 73px;
  height: 23px;
  line-height: 23px;
  text-align: center;
}
.coupon .title:before {
  content: '';
  border-top: 6px solid #b1434c;
  width: 6px;
  position: absolute;
  bottom: -6px;
  border-left: 6px solid transparent;
  left: 0;
}
.coupon .view-more {
  color: #ed7a86;
  font-style: italic;
  font-family: Georgia, serif;
  margin-left: 8px;
  font-size: 15px;
  position: absolute;
  right: 15px;
  bottom: 10px;
  text-decoration: none;
}
.coupon .view-more:hover {
  color: #F1959F;
}
.main .intro_section {
  padding-top: 32px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 20px;
}
.intro_section h3 {
  font-size: 18px;
  margin-bottom: 7px;
  color: #ed7a86;
}
.intro_section p {
  line-height: 22px;
  margin-bottom: 23px;
}
.gourmet_beauty .feature-related {
  margin-top: 20px;
}
.gourmet_beauty .feature-related .section_heading {
  border-bottom: 0;
  font-size: 16px;
  margin-bottom: 3px;
}
.gourmet_beauty .feature-related .feature_list {
  background-color: transparent;
  padding: 0;
}
.gourmet_beauty .feature-related .feature_list a {
    border: 1px solid #ddd;
    padding: 3px 10px 3px 6px;
}
.gourmet_beauty .feature-related .feature_list li {
  margin: 3px 8px 5px 0;
}
.sidebar .feature_section h3 {
  color: #0199c8;
  font-size: 14px;
  margin-bottom: 5px;
}
.sidebar .feature_section p {
  font-size: 12px;
}
.sidebar .feature_section li {
  border-bottom: 1px solid #eeeeee;
  padding: 10px 10px 0;
}
.sidebar .feature_section a:hover {
  color: #0199c8;
}
.sidebar .feature_section .sidebar_heading {
  border-bottom-color: #0199c8;
}
/**
* News page
**/
.news .intro-text h2 {
  font-size: 23px;
  margin-bottom: 10px;
}
.news .intro-text {
  border-bottom: 1px solid #dddddd;
  padding-bottom: 10px;
}
.news_list .title {
  font-size: 23px;
  margin-bottom: 7px;
}
.news_list .img {
  margin-bottom: 15px;
}
.news_list img {
  max-width: 100%;
}
.news_list li {
  border-bottom: 1px solid #dddddd;
  padding: 20px 0 12px;
}
.news .address {
  margin: 26px 0 32px;
}
.news .address h3 {
  font-size: 15px;
  color: #0199c8;
  margin-bottom: 4px;
}
.address .info_map {
  margin-left: 8px;
}
.address .info_map:before {
  content: "\e812";
  font-family: 'icomoon';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 22px;
  vertical-align: middle;
  position: relative;
  right: -2px;
}
.news .article_lead .views {
  font-size: 11px;
  color: #8bc53d;
}
.news .article_lead .views strong {
  font-size: 22px;
  font-weight: bold;
}
.news .shareLinks {
    margin-bottom: 28px;
}
.news .article_header {
  padding-bottom: 3px;
}
/**
* Place page
**/
.article_header .article_lead {
  position: relative;
}
.article_header .article_lead .pagetitle {
  margin-bottom: 11px;
}
.article_lead .links {
  margin-bottom: 15px;
}
.article_lead .links li {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  margin-right: 10px;
}
.article_lead .links li:before {
  content: '|';
  margin-right: 10px;
}
.article_lead .links li:first-child:before {
  content: none;
}
.article_lead .links li a {
  color: #666666;
  text-decoration: underline;
  position: relative;
  font-size: 12px;
}
.article_lead .links li a:hover {
  color: #84c042;
}
.article_lead .article-intro {
  line-height: 22px;
}
.article_header .shareLinks {
  position: absolute;
  right: 0;
  top: 45px;
}
.article_header .shareLinks li {
  line-height: 24px;
  width: 115px;
  margin-left: 7px;
  display: block;
  float: left;
}
.article_header .shareLinks a:before {
  margin-right: 3px;
}
.nav-tabs {
  position: relative;
  padding-left: 15px;
  margin-bottom: 22px;
}
.nav-tabs:before {
  position: absolute;
  content: " ";
  width: 100%;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid #8bc53d;
  z-index: 1;
}
.nav-tabs:after {
  display: table;
  content: " ";
  clear: both;
}
.nav-tabs > li {
  float: left;
  z-index: 0;
  position: relative;
  margin-right: 9px;
  line-height: 1.42857143;
  border: 2px solid transparent;
  background-color: #efefef;
  width: 110px;
  height: 32px;
  line-height: 30px;
  position: relative;
  text-align: center;
  z-index: 0;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li a {
  color: #000;
  display: block;
}
.nav-tabs > li.active,
.nav-tabs > li:hover,
.nav-tabs > li:focus {
  color: #000;
  cursor: default;
  background-color: #fff;
  border: 2px solid #8bc53d;
  border-bottom: 0;
  z-index: 2;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.place-page .coupon {
  padding: 14px 10px 10px 15px;
  margin-top: 0;
}
.coupon .logo {
  display: table-cell;
  vertical-align: middle;
}
.place-page .coupon .view-more {
  position: static;
  float: right;
  display: block;
  clear: both;
  margin-right: 11px;
  margin-top: 2px;
}
.place-page .coupon ul li {
  margin-bottom: 5px;
}
.place-page .coupon ul li:before {
  content: "\e806";
  color: #ed7a86;
  font-family: 'icomoon';
  margin-right: 5px;
}
.info_blog {
  position: relative;
}
.info_blog .h-info {
  position: relative;
  padding-left: 40px;
}
.info_blog .h-info:before {
  content: 'INFO';
  font-size: 9px;
  color: #fff;
  font-weight: bold;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  width: 35px;
  height: 35px;
  line-height: 1;
  padding-top: 14px;
  text-align: center;
  background: #84c042;
  border-radius: 50%;
  vertical-align: middle;
  position: absolute;
  top: -3px;
  left: 0;
}
.shop-post {
  margin-top: 23px;
  margin-bottom: 35px;
}
.shop-image {
  text-align: center;
  background-color: #eeeeee;
  padding: 15px 0;
  margin-bottom: 18px;
}
.shop-image img {
  margin: 0 5px;
}
.shop-post p {
  line-height: 22px;
  margin-bottom: 23px;
}
.place-page .article_content .btn-red {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 20px;
  height: 52px;
  line-height: 48px;
  width: 335px;
  margin-top: 6px;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
}
.main_blog_list .blog_header a > p:last-child:after {
  content: none;
}
.item-list:before {
  content: "";
  display: table;
}
.item-list:after {
  content: "";
  display: table;
  clear: both;
}
.photo-related {
  margin-bottom: 20px;
}
.photo-related h2, .shop-featured h2 {
  font-size: 20px;
  border-bottom: 3px solid #dddddd;
  margin-bottom: 14px;
}
.photo-related .item-list {
  margin: 0 -8px;
}
.photo-related .item {
  float: left;
  padding: 0 8px;
  width: 25%;
  margin-bottom: 19px;
}
.photo-related .item > a {
  color: #333;
}
.photo-related .item > a:hover {
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
}
.photo-related .item img {
  margin-bottom: 4px;
}
.photo-related .item p {
  margin-bottom: 0;
  font-size: 12px;
  line-height: 16px;
  color: #666;
}
.photo-related .item p span {
  color: #999;
}
.photo-related .item p.txt-center {
  text-align: center;
}
.photo-related .more {
  margin-top: -20px;
}
.shop-featured {
  margin-bottom: 10px;
}
.shop-featured h3 {
  font-size: 18px;
  margin-bottom: 10px;
}

.shop-featured li > a:hover img {
  -webkit-transform: scale(1.065, 1.065);
  -moz-transform: scale(1.065, 1.065);
  -ms-transform: scale(1.065, 1.065);
  -o-transform: scale(1.065, 1.065);
  transform: scale(1.065, 1.065);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.shop-featured .img {
  overflow: hidden;
  float: left;
  margin-right: 20px;
}
.shop-featured img {
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
}
.shop-featured .info {
  display: table;
  font-size: 13px;
  line-height: 21px;
}
.shop-featured .info .guide {
  background-color: #efefef;
  padding: 13px;
  margin-bottom: 0;
}
.shop-featured .info .intro {
  color: #666;
}
.shop-featured ul li {
  border-bottom: 1px solid #dddddd;
  display: table;
  width: 100%;
  margin-bottom: 16px;
  padding-bottom: 20px;
}
.main_posts_list .txt .user_name,
.main_posts_list .txt .pdate {
  display: inline-block;
}
.main_posts_list .txt .pdate {
  color: #999;
}
.main_posts_list .txt .pdate:before {
  content: '|';
  margin: 0 .5em;
}
.main_posts.no-title {
  position: relative;
}
.main_posts.no-title .section_heading {
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 1.7em;
}
.main_posts .links {
  margin-top: 19px;
  margin-bottom: 30px;
}
.main_posts .links li:before {
  content: "\e806";
  font-family: 'icomoon';
  font-size: 12px;
  color: #0199c8;
  margin-right: 4px;
}
.main_posts .links li {
  font-size: 13px;
  margin-bottom: 4px;
}
.main_posts .links li a {
  color: #333;
}
.main_posts .links li a:hover {
  color: #0199c8;
}
.shop-detail .inner {
  border-top: 2px solid #ed7a86;
  padding-bottom: 0;
}
.shop-detail section {
  border-bottom: 1px solid #dddddd;
  padding: 12px 0;
  overflow: hidden;
}
.shop-detail h3 {
  width: 155px;
  float: left;
  padding-left: 20px;
  white-space: nowrap;
}
.shop-detail section > p {
  border-left: 2px solid #e6e6e6;
  margin-left: 155px;
  padding: 0 6px 0 20px;
  margin-bottom: 0;
}
.shop-detail section a {
  color : #0199c8;
}
.shop-detail section a:hover {
  color : #18c7fe;
}
.shop-detail section .address {
  line-height: 25px;
}
.shop-detail .address a {
  background-color: #efefef;
  padding: 0px 7px;
  margin-right: 10px;
  display: inline-block;
  margin-bottom: 2px;
  margin-top: 6px;
}
.shop-detail .address .maps:before {
  content: "\e812";
  font-family: 'icomoon';
  font-size: 24px;
  display: block;
  float: left;
}
.shop-detail section > p strong {
  font-weight: bold;
  font-size: 18px;
  margin-right: 8px;
}
.shop-detail section > p span {
  font-size: 11px;
}
.shop-detail .shop-detail-bottom {
  background-color: #eeeeee;
  border-bottom: 0;
  margin-top: -1px;
  padding-bottom: 0;
  padding-top: 15px;
}
.shop-detail .shop-detail-bottom > a {
  background-color: #ed7a86;
  color: #fff;
  font-size: 16px;
  width: 155px;
  height: 68px;
  text-align: center;
  line-height: 68px;
  display: block;
  float: left;
}
.shop-detail .shop-detail-bottom > a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.8s;
  -moz-transition: all 0.8s;
  -o-transition: all 0.8s;
  transition: all 0.8s;
}
.shop-detail-bottom .more-info {
  float: left;
  font-size: 13px;
  padding-left: 20px;
}
.shop-detail-bottom .more-info strong {
  font-size: 16px;
  display: block;
  margin-bottom: 2px;
}
.shop-detail-bottom .more-info p {
  margin-bottom: 2px;
}
.shop-detail-bottom .more-info a {
  color: #0199c8;
  margin-right: 12px;
}
.shop-detail-bottom .more-info a:before {
  content: "\e806";
  font-family: 'icomoon';
  color: #0199c8;
  padding-right: 2px;
}
.article_content .shop-detail .btn-red {
  width: 275px;
  height: 48px;
  line-height: 42px;
  margin: 3px 0;
  position: static;
  transform: none;
}
.main_search-popular .main_search {
  margin-bottom: 0;
}
.main_search-popular {
  margin-bottom: 16px;
}
.main_search-popular .inner {
  background: #fff;
  padding: 4px 0;
  border-top: 3px solid #0199c8;
}
.main_search-popular ul {
  display: table;
  width: 100%;
  padding: 8px 5px;
}
.main_search-popular ul li {
  float: left;
  width: 33.3333%;
  padding: 6px 15px;
  display: table;
}
.main_search-popular ul li > a {
  display: table;
  color: #333;
}
.main_search-popular ul li > a:hover {
  opacity: 0.8;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  color: #0199c8;
}
.main_search-popular ul li img {
  float: left;
}
.main_search-popular ul li p {
  font-size: 12px;
  line-height: 18px;
  display: table-cell;
  vertical-align: middle;
  padding-left: 10px;
}
.place-page .feature-related {
  margin-bottom: 23px;
  margin-top: 0;
}
.place-page .main_search + .feature-related {
  margin-top: -10px;
}
.place-page .feature-related h2 {
  border: 0;
  font-size: 16px;
  margin-bottom: 4px;
}
.place-page .feature_list {
  background-color: transparent;
  padding: 0;
}
.place-page .feature_list a {
  border: 1px solid #ddd;
  padding: 3px 8px 3px 5px;
}
.place-page .feature_list li {
  margin: 0 7px 8px 0;
}
.hair-post {
  margin-bottom: 24px;
}
.hair-post h2 {
  font-size: 20px;
  border-bottom: 3px solid #dddddd;
  margin-bottom: 14px;
}
.hair-post > p {
  font-size: 13px;
  color: #666;
}
.hair-post ul {
  margin: 0 -15px;
}
.hair-post ul li {
  width: 33.3333%;
  float: left;
  padding: 0 15px;
  margin-bottom: 10px;
}
.hair-post ul li a {
  color: #333;
}
.hair-post ul li a:hover h3 {
  color: #0199c8;
}
.hair-post ul li a .img {
  overflow: hidden;
  margin-bottom: 4px;
  position: relative;
}
.hair-post ul li .img:before {
  content: '';
  display: block;
  padding-top: 136%;
}
.hair-post ul li a:hover img {
  -webkit-transform: translateX(-50%) scale(1.065, 1.065);
  -moz-transform: translateX(-50%) scale(1.065, 1.065);
  -ms-transform: translateX(-50%) scale(1.065, 1.065);
  -o-transform: translateX(-50%) scale(1.065, 1.065);
  transform: translateX(-50%) scale(1.065, 1.065);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
.hair-post ul li img {
  height: 266px;
  -webkit-transition: 0.8s;
  -moz-transition: 0.8s;
  -o-transition: 0.8s;
  transition: 0.8s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  margin: auto;
  transform: translateX(-50%);
}
.hair-post ul li span {
  display: block;
  font-size: 11px;
  color: #999999;
  margin-bottom: 4px;
}
.hair-post ul li h3 {
  font-size: 14px;
  font-weight: bold;
  padding-right: 10px;
  margin-bottom: 4px;
  line-height: 20px;
}
.hair-post ul li p {
  font-size: 12px;
  color: #999999;
  padding-right: 10px;
  line-height: 16px;
  margin-bottom: 0;
}
.place-page .hair-post .btn-red {
  margin-top: 23px;
  font-size: 18px;
}
.hair-post.maia-salon {
  margin-bottom: 35px;
}
.hair-post.maia-salon li img {
  height: 195px;
}
.hair-post.maia-salon ul li .img:before {
  padding-top: 101%;
}