@charset "UTF-8";

@keyframes flash {
  0% {
    filter: brightness(1);
    filter: contrast(100%); }
  20% {
    filter: brightness(1.3);
    filter: contrast(150%); }
  100% {
    filter: brightness(1);
    filter: contrast(100%); } }

@font-face {
  font-family: "fontello";
  src: font-url("fontello.eot");
  src: font-url("fontello.eot") format("eot"), font-files("fontello.woff", "fontello.ttf", "fontello.eot"); }

html {
  -webkit-text-size-adjust: 100%;
  font-size: 62.5%; }

body {
  margin: auto;
  background: #fff;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', tahoma, sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  color: #333;
  line-height: 1.5;
  min-width: 1240px; }
  body.is-mode-spMap {
    overflow: hidden; }
  @media screen and (max-width: 640px) {
    body {
      width: 100%;
      min-width: 100%;
      overflow-x: hidden; } }

*,
*:before,
*:after {
  box-sizing: border-box;
  word-wrap: break-word; }

a {
  outline: none;
  color: #036eb5; }
  a img {
    pointer-events: none; }

a:link {
  text-decoration: none;
  outline: none; }

a:visited {
  text-decoration: none;
  outline: none; }

a:hover {
  outline: none; }

a:active {
  text-decoration: none;
  outline: none; }

.inherit {
  color: inherit; }

.mb0 {
  margin-bottom: 0 !important; }

.pb0 {
  padding-bottom: 0 !important; }

.sp-show {
  display: none; }
  @media screen and (max-width: 640px) {
    .sp-show {
      display: block !important; } }

@media screen and (max-width: 640px) {
  .sp-hide {
    display: none !important; } }

.notice-color {
  color: #ff3333; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

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

p {
  margin: 0; }

dl {
  margin: 0;
  padding: 0; }

dd {
  margin: 0; }

img {
  vertical-align: top; }

em {
  font-style: normal; }

@font-face {
  font-family: 'droidself-italic';
  src: url("../font/DroidSerif-Italic.woff") format("woff"), url("../font/DroidSerif-Italic.ttf") format("truetype"); }

@font-face {
  font-family: 'droidself-bolditalic';
  src: url("../font/DroidSerif-BoldItalic.woff") format("woff"), url("../font/DroidSerif-BoldItalic.ttf") format("truetype"); }

@font-face {
  font-family: 'fontello';
  src: url("/assets/themes/herenow/font/fontello.eot?1097012");
  src: url("/assets/themes/herenow/font/fontello.eot?1097012#iefix") format("embedded-opentype"), url("/assets/themes/herenow/font/fontello.woff?1097012") format("woff"), url("/assets/themes/herenow/font/fontello.ttf?1097012") format("truetype"), url("/assets/themes/herenow/font/fontello.svg?1097012#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.icon-note:before {
  content: '\e800'; }

/* '' */
.icon-note-beamed:before {
  content: '\e801'; }

/* '' */
.icon-music:before {
  content: '\e802'; }

/* '' */
.icon-search:before {
  content: '\e803'; }

/* '' */
.icon-flashlight:before {
  content: '\e804'; }

/* '' */
.icon-mail:before {
  content: '\e805'; }

/* '' */
.icon-heart:before {
  content: '\e806'; }

/* '' */
.icon-heart-empty:before {
  content: '\e807'; }

/* '' */
.icon-star:before {
  content: '\e808'; }

/* '' */
.icon-star-empty:before {
  content: '\e809'; }

/* '' */
.icon-user:before {
  content: '\e80a'; }

/* '' */
.icon-users:before {
  content: '\e80b'; }

/* '' */
.icon-user-add:before {
  content: '\e80c'; }

/* '' */
.icon-video:before {
  content: '\e80d'; }

/* '' */
.icon-picture:before {
  content: '\e80e'; }

/* '' */
.icon-camera:before {
  content: '\e80f'; }

/* '' */
.icon-layout:before {
  content: '\e810'; }

/* '' */
.icon-menu:before {
  content: '\e811'; }

/* '' */
.icon-check:before {
  content: '\e812'; }

/* '' */
.icon-cancel:before {
  content: '\e813'; }

/* '' */
.icon-cancel-circled:before {
  content: '\e814'; }

/* '' */
.icon-cancel-squared:before {
  content: '\e815'; }

/* '' */
.icon-plus-circled:before {
  content: '\e816'; }

/* '' */
.icon-plus-squared:before {
  content: '\e817'; }

/* '' */
.icon-minus:before {
  content: '\e818'; }

/* '' */
.icon-minus-circled:before {
  content: '\e819'; }

/* '' */
.icon-minus-squared:before {
  content: '\e81a'; }

/* '' */
.icon-help:before {
  content: '\e81b'; }

/* '' */
.icon-help-circled:before {
  content: '\e81c'; }

/* '' */
.icon-info:before {
  content: '\e81d'; }

/* '' */
.icon-info-circled:before {
  content: '\e81e'; }

/* '' */
.icon-back:before {
  content: '\e81f'; }

/* '' */
.icon-home:before {
  content: '\e820'; }

/* '' */
.icon-link:before {
  content: '\e821'; }

/* '' */
.icon-attach:before {
  content: '\e822'; }

/* '' */
.icon-lock:before {
  content: '\e823'; }

/* '' */
.icon-lock-open:before {
  content: '\e824'; }

/* '' */
.icon-eye:before {
  content: '\e825'; }

/* '' */
.icon-tag:before {
  content: '\e826'; }

/* '' */
.icon-flag:before {
  content: '\e827'; }

/* '' */
.icon-thumbs-up:before {
  content: '\e828'; }

/* '' */
.icon-thumbs-down:before {
  content: '\e829'; }

/* '' */
.icon-download:before {
  content: '\e82a'; }

/* '' */
.icon-upload:before {
  content: '\e82b'; }

/* '' */
.icon-upload-cloud:before {
  content: '\e82c'; }

/* '' */
.icon-reply:before {
  content: '\e82d'; }

/* '' */
.icon-reply-all:before {
  content: '\e82e'; }

/* '' */
.icon-forward:before {
  content: '\e82f'; }

/* '' */
.icon-quote:before {
  content: '\e830'; }

/* '' */
.icon-code:before {
  content: '\e831'; }

/* '' */
.icon-export:before {
  content: '\e832'; }

/* '' */
.icon-pencil:before {
  content: '\e833'; }

/* '' */
.icon-feather:before {
  content: '\e834'; }

/* '' */
.icon-print:before {
  content: '\e835'; }

/* '' */
.icon-retweet:before {
  content: '\e836'; }

/* '' */
.icon-keyboard:before {
  content: '\e837'; }

/* '' */
.icon-comment:before {
  content: '\e838'; }

/* '' */
.icon-attention:before {
  content: '\e839'; }

/* '' */
.icon-alert:before {
  content: '\e83a'; }

/* '' */
.icon-vcard:before {
  content: '\e83b'; }

/* '' */
.icon-address:before {
  content: '\e83c'; }

/* '' */
.icon-location:before {
  content: '\e83d'; }

/* '' */
.icon-map:before {
  content: '\e83e'; }

/* '' */
.icon-direction:before {
  content: '\e83f'; }

/* '' */
.icon-compass:before {
  content: '\e840'; }

/* '' */
.icon-cup:before {
  content: '\e841'; }

/* '' */
.icon-trash:before {
  content: '\e842'; }

/* '' */
.icon-doc:before {
  content: '\e843'; }

/* '' */
.icon-docs:before {
  content: '\e844'; }

/* '' */
.icon-doc-landscape:before {
  content: '\e845'; }

/* '' */
.icon-doc-text:before {
  content: '\e846'; }

/* '' */
.icon-doc-text-inv:before {
  content: '\e847'; }

/* '' */
.icon-newspaper:before {
  content: '\e848'; }

/* '' */
.icon-book-open:before {
  content: '\e849'; }

/* '' */
.icon-book:before {
  content: '\e84a'; }

/* '' */
.icon-box:before {
  content: '\e84b'; }

/* '' */
.icon-rss:before {
  content: '\e84c'; }

/* '' */
.icon-phone:before {
  content: '\e84d'; }

/* '' */
.icon-cog:before {
  content: '\e84e'; }

/* '' */
.icon-tools:before {
  content: '\e84f'; }

/* '' */
.icon-share:before {
  content: '\e850'; }

/* '' */
.icon-shareable:before {
  content: '\e851'; }

/* '' */
.icon-basket:before {
  content: '\e852'; }

/* '' */
.icon-bag:before {
  content: '\e853'; }

/* '' */
.icon-calendar:before {
  content: '\e854'; }

/* '' */
.icon-login:before {
  content: '\e855'; }

/* '' */
.icon-logout:before {
  content: '\e856'; }

/* '' */
.icon-mic:before {
  content: '\e857'; }

/* '' */
.icon-mute:before {
  content: '\e858'; }

/* '' */
.icon-sound:before {
  content: '\e859'; }

/* '' */
.icon-volume:before {
  content: '\e85a'; }

/* '' */
.icon-clock:before {
  content: '\e85b'; }

/* '' */
.icon-hourglass:before {
  content: '\e85c'; }

/* '' */
.icon-light-up:before {
  content: '\e85d'; }

/* '' */
.icon-adjust:before {
  content: '\e85e'; }

/* '' */
.icon-block:before {
  content: '\e85f'; }

/* '' */
.icon-resize-full:before {
  content: '\e860'; }

/* '' */
.icon-resize-small:before {
  content: '\e861'; }

/* '' */
.icon-popup:before {
  content: '\e862'; }

/* '' */
.icon-publish:before {
  content: '\e863'; }

/* '' */
.icon-window:before {
  content: '\e864'; }

/* '' */
.icon-arrow-combo:before {
  content: '\e865'; }

/* '' */
.icon-down-circled:before {
  content: '\e866'; }

/* '' */
.icon-left-circled:before {
  content: '\e867'; }

/* '' */
.icon-right-circled:before {
  content: '\e868'; }

/* '' */
.icon-up-circled:before {
  content: '\e869'; }

/* '' */
.icon-down-open:before {
  content: '\e86a'; }

/* '' */
.icon-left-open:before {
  content: '\e86b'; }

/* '' */
.icon-right-open:before {
  content: '\e86c'; }

/* '' */
.icon-up-open:before {
  content: '\e86d'; }

/* '' */
.icon-down-open-mini:before {
  content: '\e86e'; }

/* '' */
.icon-up-open-mini:before {
  content: '\e86f'; }

/* '' */
.icon-down-open-big:before {
  content: '\e870'; }

/* '' */
.icon-left-open-big:before {
  content: '\e871'; }

/* '' */
.icon-right-open-big:before {
  content: '\e872'; }

/* '' */
.icon-up-open-big:before {
  content: '\e873'; }

/* '' */
.icon-down:before {
  content: '\e874'; }

/* '' */
.icon-left:before {
  content: '\e875'; }

/* '' */
.icon-right:before {
  content: '\e876'; }

/* '' */
.icon-up:before {
  content: '\e877'; }

/* '' */
.icon-down-dir:before {
  content: '\e878'; }

/* '' */
.icon-left-dir:before {
  content: '\e879'; }

/* '' */
.icon-right-dir:before {
  content: '\e87a'; }

/* '' */
.icon-up-dir:before {
  content: '\e87b'; }

/* '' */
.icon-down-bold:before {
  content: '\e87c'; }

/* '' */
.icon-left-bold:before {
  content: '\e87d'; }

/* '' */
.icon-right-bold:before {
  content: '\e87e'; }

/* '' */
.icon-up-bold:before {
  content: '\e87f'; }

/* '' */
.icon-down-thin:before {
  content: '\e880'; }

/* '' */
.icon-up-thin:before {
  content: '\e881'; }

/* '' */
.icon-ccw:before {
  content: '\e882'; }

/* '' */
.icon-cw:before {
  content: '\e883'; }

/* '' */
.icon-arrows-ccw:before {
  content: '\e884'; }

/* '' */
.icon-level-down:before {
  content: '\e885'; }

/* '' */
.icon-level-up:before {
  content: '\e886'; }

/* '' */
.icon-shuffle:before {
  content: '\e887'; }

/* '' */
.icon-loop:before {
  content: '\e888'; }

/* '' */
.icon-switch:before {
  content: '\e889'; }

/* '' */
.icon-play:before {
  content: '\e88a'; }

/* '' */
.icon-stop:before {
  content: '\e88b'; }

/* '' */
.icon-pause:before {
  content: '\e88c'; }

/* '' */
.icon-record:before {
  content: '\e88d'; }

/* '' */
.icon-to-end:before {
  content: '\e88e'; }

/* '' */
.icon-to-start:before {
  content: '\e88f'; }

/* '' */
.icon-fast-forward:before {
  content: '\e890'; }

/* '' */
.icon-fast-backward:before {
  content: '\e891'; }

/* '' */
.icon-progress-0:before {
  content: '\e892'; }

/* '' */
.icon-progress-3:before {
  content: '\e893'; }

/* '' */
.icon-target:before {
  content: '\e894'; }

/* '' */
.icon-palette:before {
  content: '\e895'; }

/* '' */
.icon-list:before {
  content: '\e896'; }

/* '' */
.icon-list-add:before {
  content: '\e897'; }

/* '' */
.icon-signal:before {
  content: '\e898'; }

/* '' */
.icon-trophy:before {
  content: '\e899'; }

/* '' */
.icon-battery:before {
  content: '\e89a'; }

/* '' */
.icon-back-in-time:before {
  content: '\e89b'; }

/* '' */
.icon-monitor:before {
  content: '\e89c'; }

/* '' */
.icon-mobile:before {
  content: '\e89d'; }

/* '' */
.icon-network:before {
  content: '\e89e'; }

/* '' */
.icon-cd:before {
  content: '\e89f'; }

/* '' */
.icon-inbox:before {
  content: '\e8a0'; }

/* '' */
.icon-install:before {
  content: '\e8a1'; }

/* '' */
.icon-globe:before {
  content: '\e8a2'; }

/* '' */
.icon-cloud:before {
  content: '\e8a3'; }

/* '' */
.icon-cloud-thunder:before {
  content: '\e8a4'; }

/* '' */
.icon-flight:before {
  content: '\e8a5'; }

/* '' */
.icon-paper-plane:before {
  content: '\e8a6'; }

/* '' */
.icon-leaf:before {
  content: '\e8a7'; }

/* '' */
.icon-lifebuoy:before {
  content: '\e8a8'; }

/* '' */
.icon-mouse:before {
  content: '\e8a9'; }

/* '' */
.icon-briefcase:before {
  content: '\e8aa'; }

/* '' */
.icon-suitcase:before {
  content: '\e8ab'; }

/* '' */
.icon-dot:before {
  content: '\e8ac'; }

/* '' */
.icon-dot-2:before {
  content: '\e8ad'; }

/* '' */
.icon-dot-3:before {
  content: '\e8ae'; }

/* '' */
.icon-brush:before {
  content: '\e8af'; }

/* '' */
.icon-magnet:before {
  content: '\e8b0'; }

/* '' */
.icon-infinity:before {
  content: '\e8b1'; }

/* '' */
.icon-erase:before {
  content: '\e8b2'; }

/* '' */
.icon-chart-pie:before {
  content: '\e8b3'; }

/* '' */
.icon-chart-line:before {
  content: '\e8b4'; }

/* '' */
.icon-chart-bar:before {
  content: '\e8b5'; }

/* '' */
.icon-chart-area:before {
  content: '\e8b6'; }

/* '' */
.icon-language:before {
  content: '\e8b7'; }

/* '' */
.icon-ticket:before {
  content: '\e8b8'; }

/* '' */
.icon-water:before {
  content: '\e8b9'; }

/* '' */
.icon-droplet:before {
  content: '\e8ba'; }

/* '' */
.icon-air:before {
  content: '\e8bb'; }

/* '' */
.icon-credit-card:before {
  content: '\e8bc'; }

/* '' */
.icon-floppy:before {
  content: '\e8bd'; }

/* '' */
.icon-clipboard:before {
  content: '\e8be'; }

/* '' */
.icon-megaphone:before {
  content: '\e8bf'; }

/* '' */
.icon-database:before {
  content: '\e8c0'; }

/* '' */
.icon-drive:before {
  content: '\e8c1'; }

/* '' */
.icon-bucket:before {
  content: '\e8c2'; }

/* '' */
.icon-thermometer:before {
  content: '\e8c3'; }

/* '' */
.icon-key:before {
  content: '\e8c4'; }

/* '' */
.icon-flow-cascade:before {
  content: '\e8c5'; }

/* '' */
.icon-flow-branch:before {
  content: '\e8c6'; }

/* '' */
.icon-flow-tree:before {
  content: '\e8c7'; }

/* '' */
.icon-flow-line:before {
  content: '\e8c8'; }

/* '' */
.icon-gauge:before {
  content: '\e8c9'; }

/* '' */
.icon-traffic-cone:before {
  content: '\e8ca'; }

/* '' */
.icon-cc:before {
  content: '\e8cb'; }

/* '' */
.icon-cc-by:before {
  content: '\e8cc'; }

/* '' */
.icon-cc-nc:before {
  content: '\e8cd'; }

/* '' */
.icon-cc-nc-eu:before {
  content: '\e8ce'; }

/* '' */
.icon-cc-nc-jp:before {
  content: '\e8cf'; }

/* '' */
.icon-cc-sa:before {
  content: '\e8d0'; }

/* '' */
.icon-cc-nd:before {
  content: '\e8d1'; }

/* '' */
.icon-cc-pd:before {
  content: '\e8d2'; }

/* '' */
.icon-cc-zero:before {
  content: '\e8d3'; }

/* '' */
.icon-cc-share:before {
  content: '\e8d4'; }

/* '' */
.icon-cc-remix:before {
  content: '\e8d5'; }

/* '' */
.icon-github:before {
  content: '\e8d6'; }

/* '' */
.icon-github-circled:before {
  content: '\e8d7'; }

/* '' */
.icon-flickr:before {
  content: '\e8d8'; }

/* '' */
.icon-flickr-circled:before {
  content: '\e8d9'; }

/* '' */
.icon-vimeo:before {
  content: '\e8da'; }

/* '' */
.icon-twitter-circled:before {
  content: '\e8db'; }

/* '' */
.icon-facebook:before {
  content: '\e8dc'; }

/* '' */
.icon-facebook-circled:before {
  content: '\e8dd'; }

/* '' */
.icon-facebook-squared:before {
  content: '\e8de'; }

/* '' */
.icon-gplus:before {
  content: '\e8df'; }

/* '' */
.icon-gplus-circled:before {
  content: '\e8e0'; }

/* '' */
.icon-pinterest:before {
  content: '\e8e1'; }

/* '' */
.icon-pinterest-circled:before {
  content: '\e8e2'; }

/* '' */
.icon-tumblr:before {
  content: '\e8e3'; }

/* '' */
.icon-tumblr-circled:before {
  content: '\e8e4'; }

/* '' */
.icon-linkedin:before {
  content: '\e8e5'; }

/* '' */
.icon-linkedin-circled:before {
  content: '\e8e6'; }

/* '' */
.icon-dribbble:before {
  content: '\e8e7'; }

/* '' */
.icon-dribbble-circled:before {
  content: '\e8e8'; }

/* '' */
.icon-stumbleupon:before {
  content: '\e8e9'; }

/* '' */
.icon-stumbleupon-circled:before {
  content: '\e8ea'; }

/* '' */
.icon-lastfm:before {
  content: '\e8eb'; }

/* '' */
.icon-lastfm-circled:before {
  content: '\e8ec'; }

/* '' */
.icon-spotify:before {
  content: '\e8ed'; }

/* '' */
.icon-spotify-circled:before {
  content: '\e8ee'; }

/* '' */
.icon-qq:before {
  content: '\e8ef'; }

/* '' */
.icon-instagram:before {
  content: '\e8f0'; }

/* '' */
.icon-dropbox:before {
  content: '\e8f1'; }

/* '' */
.icon-evernote:before {
  content: '\e8f2'; }

/* '' */
.icon-flattr:before {
  content: '\e8f3'; }

/* '' */
.icon-skype:before {
  content: '\e8f4'; }

/* '' */
.icon-skype-circled:before {
  content: '\e8f5'; }

/* '' */
.icon-renren:before {
  content: '\e8f6'; }

/* '' */
.icon-sina-weibo:before {
  content: '\e8f7'; }

/* '' */
.icon-paypal:before {
  content: '\e8f8'; }

/* '' */
.icon-picasa:before {
  content: '\e8f9'; }

/* '' */
.icon-soundcloud:before {
  content: '\e8fa'; }

/* '' */
.icon-mixi:before {
  content: '\e8fb'; }

/* '' */
.icon-behance:before {
  content: '\e8fc'; }

/* '' */
.icon-google-circles:before {
  content: '\e8fd'; }

/* '' */
.icon-vkontakte:before {
  content: '\e8fe'; }

/* '' */
.icon-plus:before {
  content: '\e8ff'; }

/* '' */
.icon-bookmark:before {
  content: '\e900'; }

/* '' */
.icon-bookmarks:before {
  content: '\e901'; }

/* '' */
.icon-chat:before {
  content: '\e902'; }

/* '' */
.icon-bell:before {
  content: '\e903'; }

/* '' */
.icon-folder:before {
  content: '\e904'; }

/* '' */
.icon-archive:before {
  content: '\e905'; }

/* '' */
.icon-lamp:before {
  content: '\e906'; }

/* '' */
.icon-light-down:before {
  content: '\e907'; }

/* '' */
.icon-left-open-mini:before {
  content: '\e908'; }

/* '' */
.icon-right-open-mini:before {
  content: '\e909'; }

/* '' */
.icon-left-thin:before {
  content: '\e90a'; }

/* '' */
.icon-right-thin:before {
  content: '\e90b'; }

/* '' */
.icon-progress-1:before {
  content: '\e90c'; }

/* '' */
.icon-progress-2:before {
  content: '\e90d'; }

/* '' */
.icon-flash:before {
  content: '\e90e'; }

/* '' */
.icon-moon:before {
  content: '\e90f'; }

/* '' */
.icon-tape:before {
  content: '\e910'; }

/* '' */
.icon-graduation-cap:before {
  content: '\e911'; }

/* '' */
.icon-flow-parallel:before {
  content: '\e912'; }

/* '' */
.icon-rocket:before {
  content: '\e913'; }

/* '' */
.icon-vimeo-circled:before {
  content: '\e914'; }

/* '' */
.icon-twitter:before {
  content: '\e915'; }

/* '' */
.icon-rdio:before {
  content: '\e916'; }

/* '' */
.icon-rdio-circled:before {
  content: '\e917'; }

/* '' */
.icon-smashing:before {
  content: '\e918'; }

/* '' */
.icon-sweden:before {
  content: '\e919'; }

/* '' */
.icon-logo-db:before {
  content: '\e91a'; }

/* '' */
.icon-db-shape:before {
  content: '\e91b'; }

/* '' */
.icon-icon1:before {
  content: '\e91c'; }

/* '' */
.icon-icon2:before {
  content: '\e91d'; }

/* '' */
.icon-icon3:before {
  content: '\e91e'; }

/* '' */
.icon-icon4:before {
  content: '\e91f'; }

/* '' */
.icon-icon7:before {
  content: '\e920'; }

/* '' */
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0; }

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

p {
  margin: 0; }

dl {
  margin: 0;
  padding: 0; }

dd {
  margin: 0; }

img {
  vertical-align: top; }

em {
  font-style: normal; }

.c1m {
  font-family: "C1m", sans-serif; }

.fluid {
  max-width: 100%;
  height: auto; }

.font--droidserif {
  font-family: "Droid Serif", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", Arial, tahoma, serif !important;
  -webkit-font-smoothing: antialiased; }

.font--droidserif-italic {
  font-family: "droidself-italic", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", Arial, tahoma, serif !important;
  -webkit-font-smoothing: antialiased; }

.font--droidserif-italicbold {
  font-family: "droidself-bolditalic", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", Arial, tahoma, serif !important;
  -webkit-font-smoothing: antialiased; }

.font--montserrat {
  font-family: 'Montserrat', sans-serif;
  -webkit-font-smoothing: antialiased; }

.font--caveat {
  font-family: "Caveat", cursive, sans-serif;
  -webkit-font-smoothing: antialiased; }

.font--bold {
  font-weight: 700 !important; }

.sp-show {
  display: none; }
  @media screen and (max-width: 640px) {
    .sp-show {
      display: block !important; } }

@media screen and (max-width: 640px) {
  .sp-hide {
    display: none !important; } }

.mts {
  margin-top: 1em !important; }

.mrs {
  margin-right: 1em !important; }

.mbs {
  margin-bottom: 1em !important; }

.mls {
  margin-left: 1em !important; }

.pts {
  padding-top: 1em !important; }

.prs {
  padding-right: 1em !important; }

.pbs {
  padding-bottom: 1em !important; }

.pls {
  padding-left: 1em !important; }

.mtm {
  margin-top: 2em !important; }

.mrm {
  margin-right: 2em !important; }

.mbm {
  margin-bottom: 2em !important; }

.mlm {
  margin-left: 2em !important; }

.ptm {
  padding-top: 2em !important; }

.prm {
  padding-right: 2em !important; }

.pbm {
  padding-bottom: 2em !important; }

.plm {
  padding-left: 2em !important; }

.mtl {
  margin-top: 3em !important; }

.mrl {
  margin-right: 3em !important; }

.mbl {
  margin-bottom: 3em !important; }

.mll {
  margin-left: 3em !important; }

.ptl {
  padding-top: 3em !important; }

.prl {
  padding-right: 3em !important; }

.pbl {
  padding-bottom: 3em !important; }

.pll {
  padding-left: 3em !important; }

a.textLink {
  color: #036eb5 !important;
  transition: color 0.4s ease-out; }
  a.textLink:hover {
    color: #60abdb !important; }

/* ==========================================================================
   $BASE-DATE-PICKER
   ========================================================================== */
/**
 * The picker box.
 */
/**
 * The header containing the month and year stuff.
 */
.picker__header {
  text-align: center;
  position: relative; }

/**
 * The month and year labels.
 */
.picker__month,
.picker__year {
  display: inline-block; }

.picker__year {
  display: none; }

.picker__month {
  font-size: 23px;
  font-size: 2.3rem;
  line-height: 30px;
  font-weight: bold;
  color: #f00; }

/**
 * The month and year selectors.
 */
.picker__select--month,
.picker__select--year {
  border: 1px solid #b7b7b7;
  height: 2em;
  padding: .5em;
  margin-left: .25em;
  margin-right: .25em; }

.picker__select--month {
  width: 35%; }

.picker__select--year {
  width: 22.5%; }

.picker__select--month:focus,
.picker__select--year:focus {
  border-color: #0089ec; }

/**
 * The month navigation buttons.
 */
.picker__nav--prev,
.picker__nav--next {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0;
  background-color: transparent;
  cursor: pointer; }
  .picker__nav--prev:hover,
  .picker__nav--next:hover {
    background-color: #a6a6a6; }
  .picker__nav--prev:before,
  .picker__nav--next:before {
    display: inline-block;
    font-family: fontello;
    line-height: 30px;
    font-size: 20px;
    font-size: 2rem; }

.picker__nav--prev {
  left: 0; }
  .picker__nav--prev:before {
    content: '\e87d'; }

.picker__nav--next {
  right: 0; }
  .picker__nav--next:before {
    content: '\e87e'; }

.picker__nav--disabled,
.picker__nav--disabled:hover,
.picker__nav--disabled:before,
.picker__nav--disabled:before:hover {
  cursor: default;
  background: none;
  border-right-color: #f5f5f5;
  border-left-color: #f5f5f5; }

/**
 * The calendar table of dates
 */
.picker__table {
  text-align: center;
  border-collapse: separate;
  table-layout: fixed;
  font-size: inherit;
  width: 100%;
  border-spacing: 4px; }

.picker__table td {
  margin: 0;
  padding: 0; }

/**
 * The weekday labels
 */
.picker__weekday {
  width: 14.285714286%;
  font-size: .75em;
  padding-bottom: .25em;
  color: #999999;
  font-weight: 500;
  white-space: nowrap;
  /* Increase the spacing a tad */ }

/**
 * The days on the calendar
 */
.picker__day {
  background: #d9d9d9;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 30px;
  font-size: 13px;
  font-size: 1.3rem; }
  .picker__day:hover {
    background: #a6a6a6; }

.picker__day--today {
  position: relative; }

.picker__day--disabled:before {
  border-top-color: #aaaaaa; }

.picker__day--outfocus {
  color: transparent;
  pointer-events: none; }

.picker__day--infocus:hover {
  cursor: pointer;
  background: #f33;
  color: #ede7de; }

.picker__day--selected,
.picker__day--selected:hover,
.picker--focused .picker__day--selected {
  background: #f00;
  color: #ede7de; }

.picker__day--disabled,
.picker__day--disabled:hover,
.picker--focused .picker__day--disabled {
  background: #f5f5f5;
  border-color: #f5f5f5;
  color: #dddddd;
  cursor: default; }

.picker__day--highlighted.picker__day--disabled,
.picker__day--highlighted.picker__day--disabled:hover {
  background: #bbbbbb; }

/**
 * The footer containing the "today", "clear", and "close" buttons.
 */
.picker__footer {
  display: none; }

/* ==========================================================================
   $CLASSIC-DATE-PICKER
   ========================================================================== */
/* ==========================================================================
   $BASE-PICKER
   ========================================================================== */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  font-size: 16px;
  text-align: left;
  line-height: 1.2;
  color: #000000;
  position: absolute;
  top: 46px;
  left: 0;
  z-index: 10000;
  user-select: none; }

/**
 * The picker input element.
 */
.picker__input {
  height: 28px;
  padding: 0 10px 0 30px;
  cursor: default;
  width: 113px;
  border: none;
  background-color: #d9d9d9;
  background-position: 6px 50%;
  background-repeat: no-repeat;
  background-size: 13px auto; }

/**
 * When the picker is opened, the input element is “activated”.
 */
.picker__input.picker__input--active {
  color: #fff;
  background-color: #a6a6a6; }

/**
 * The holder is the only “scrollable” top-level container element.
 */
.picker__holder {
  width: 100%;
  -webkit-overflow-scrolling: touch; }

/*!
 * Classic picker styling for pickadate.js
 * Demo: http://amsul.github.io/pickadate.js
 */
/**
 * Note: the root picker element should *NOT* be styled more than what’s here.
 */
.picker {
  width: 100%; }

/**
 * The holder is the base of the picker.
 */
.picker__holder {
  position: absolute;
  width: 270px;
  background: #ededed;
  display: none;
  opacity: 0;
  transform: translateY(-1em) perspective(600px) rotateX(10deg);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; }

/**
 * The frame and wrap work together to ensure that
 * clicks within the picker don’t reach the holder.
 */
.picker__frame {
  position: relative;
  padding: 15px; }
  .picker__frame:before {
    display: block;
    content: '';
    position: absolute;
    top: -17px;
    left: 20px; }

/**
 * When the picker opens...
 */
.picker--opened .picker__holder {
  max-height: 25em;
  opacity: 1;
  display: block;
  transform: translateY(0) perspective(600px) rotateX(0);
  transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s; }

/* Dots */
.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: 0;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 12px;
    width: 12px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: #d9d9d9;
      display: block;
      height: 12px;
      width: 12px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer;
      border-radius: 50%; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-touch-callout: none;
  user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

[data-color="bangkok"] {
  color: #d03c8a !important; }

[data-backgroundColor="bangkok"] {
  background-color: #d03c8a !important; }

[data-backgroundColorBefore="bangkok"]:before {
  background-color: #d03c8a !important; }

[data-backgroundColorAfter="bangkok"]:after {
  background-color: #d03c8a !important; }

[data-borderColor="bangkok"] {
  border-color: #d03c8a !important; }

.theme--bangkok .theme-color {
  color: #d03c8a !important; }

.theme--bangkok .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--bangkok .theme-color--hover:hover {
    color: #d03c8a !important; }

.theme--bangkok .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #d03c8a !important; }
  .theme--bangkok .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--bangkok .theme-backgroundColor {
  background-color: #d03c8a !important; }

.theme--bangkok .theme-backgroundColor--lighter {
  background-color: #f0d7e4 !important; }

.theme--bangkok .theme-borderColor {
  border-color: #d03c8a !important; }

.theme--bangkok .theme-borderColor--lighter {
  border-color: #f0d7e4 !important; }

.theme--bangkok .theme-color--secondary {
  color: #838cd9 !important; }

.theme--bangkok .theme-borderColor--secondary {
  border-color: #838cd9 !important; }

.theme--bangkok .theme-backgroundColor--secondary {
  background-color: #838cd9 !important; }

.theme--bangkok .account-favorite {
  color: #d03c8a !important;
  background-color: #f0d7e4 !important; }
  .theme--bangkok .account-favorite:hover {
    background-color: #d03c8a !important;
    color: #fff !important; }

.theme--bangkok .theme-contentsHeaderImage {
  background-image: url("/assets/themes/herenow/img/themes/bangkok/bg_contents_header.jpg"); }

.theme--bangkok [data-travel="bangkok"].information-section--1 {
  background-image: url("/assets/themes/herenow/img/themes/bangkok/bg_information_1.jpg"); }

.theme--bangkok [data-travel="bangkok"].information-section--2 {
  background-image: url("/assets/themes/herenow/img/themes/bangkok/bg_information_2.jpg"); }

.theme--bangkok [data-travel="bangkok"].information-section--3 {
  background-image: url("/assets/themes/herenow/img/themes/bangkok/bg_information_3.jpg"); }

.theme--bangkok [data-travel="bangkok"].information-section--4 {
  background-image: url("/assets/themes/herenow/img/themes/bangkok/bg_information_4.jpg"); }

@media screen and (max-width: 640px) {
  .theme--bangkok [data-travel="bangkok"].information-section--1 {
    background-image: url("/assets/themes/herenow/img/themes/bangkok/bg_information_1_sp.jpg"); }
  .theme--bangkok [data-travel="bangkok"].information-section--2 {
    background-image: url("/assets/themes/herenow/img/themes/bangkok/bg_information_2_sp.jpg"); }
  .theme--bangkok [data-travel="bangkok"].information-section--3 {
    background-image: url("/assets/themes/herenow/img/themes/bangkok/bg_information_3_sp.jpg"); }
  .theme--bangkok [data-travel="bangkok"].information-section--4 {
    background-image: url("/assets/themes/herenow/img/themes/bangkok/bg_information_4_sp.jpg"); } }

.theme--bangkok .l-wysiwyg h2:before {
  color: #d03c8a !important; }

.theme--bangkok .l-wysiwyg b {
  color: #d03c8a !important; }

.theme--bangkok .l-wysiwyg .next:before {
  color: #d03c8a !important; }

.theme--bangkok .unaddedFavoriteIcon {
  color: #d03c8a !important;
  border-color: #d03c8a !important;
  background-color: #f0d7e4 !important; }

.theme--bangkok .addedFavoriteIcon {
  border-color: #d03c8a;
  background-color: #d03c8a; }

.theme--bangkok .sort-label.checked {
  background-color: #d03c8a !important; }

.theme--bangkok .picker__nav--prev,
.theme--bangkok .picker__nav--next {
  color: #d03c8a !important; }

.theme--bangkok .picker__day--selected,
.theme--bangkok .picker__day--selected:hover,
.theme--bangkok .picker--focused .picker__day--selected {
  background-color: #d03c8a !important; }

.theme--bangkok .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #d03c8a !important; }

.theme--bangkok .slick-active button {
  background-color: #d03c8a !important; }

.theme--bangkok .articleIndex-heading em {
  background-color: #e8eaf8 !important; }

.theme--bangkok .list-heading em {
  background-color: #e8eaf8 !important; }

.theme--bangkok .map-body {
  background-image: url("/assets/themes/herenow/img/themes/bangkok/map.png"); }

.theme--bangkok .spMap-trigger, .theme--bangkok .spMap-closeTrigger {
  background: #f0d7e4; }

.theme--bangkok .snapDetail-recommend-list .textLink {
  color: #d03c8a !important; }

.theme--bangkok .snapDetail-recommend-list > li a:before {
  background-color: #d03c8a !important; }

.theme--bangkok .snapDetail-recommend-list > li a:hover:before {
  background-color: #f0d7e4 !important; }

.theme--bangkok .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/bangkok/app-left.png"); }

.theme--bangkok .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/bangkok/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--bangkok .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/bangkok/app-all.png"); } }

.theme--bangkok .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #d03c8a;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--bangkok .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

[data-color="fukuoka"] {
  color: #9c9a37 !important; }

[data-backgroundColor="fukuoka"] {
  background-color: #9c9a37 !important; }

[data-backgroundColorBefore="fukuoka"]:before {
  background-color: #9c9a37 !important; }

[data-backgroundColorAfter="fukuoka"]:after {
  background-color: #9c9a37 !important; }

[data-borderColor="fukuoka"] {
  border-color: #9c9a37 !important; }

.theme--fukuoka .theme-color {
  color: #9c9a37 !important; }

.theme--fukuoka .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--fukuoka .theme-color--hover:hover {
    color: #9c9a37 !important; }

.theme--fukuoka .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #9c9a37 !important; }
  .theme--fukuoka .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--fukuoka .theme-backgroundColor {
  background-color: #9c9a37 !important; }

.theme--fukuoka .theme-backgroundColor--lighter {
  background-color: #cccb8f !important; }

.theme--fukuoka .theme-borderColor {
  border-color: #9c9a37 !important; }

.theme--fukuoka .theme-borderColor--lighter {
  border-color: #cccb8f !important; }

.theme--fukuoka .theme-color--secondary {
  color: #7895d1 !important; }

.theme--fukuoka .theme-borderColor--secondary {
  border-color: #7895d1 !important; }

.theme--fukuoka .theme-backgroundColor--secondary {
  background-color: #7895d1 !important; }

.theme--fukuoka .theme-contentsHeaderImage {
  background-image: url("/assets/themes/herenow/img/themes/fukuoka/bg_contents_header.jpg"); }

.theme--fukuoka [data-travel="fukuoka"].information-section--1 {
  background-image: url("/assets/themes/herenow/img/themes/fukuoka/bg_information_1.jpg"); }

.theme--fukuoka [data-travel="fukuoka"].information-section--2 {
  background-image: url("/assets/themes/herenow/img/themes/fukuoka/bg_information_2.jpg"); }

.theme--fukuoka [data-travel="fukuoka"].information-section--3 {
  background-image: url("/assets/themes/herenow/img/themes/fukuoka/bg_information_3.jpg"); }

.theme--fukuoka [data-travel="fukuoka"].information-section--4 {
  background-image: url("/assets/themes/herenow/img/themes/fukuoka/bg_information_4.jpg"); }

@media screen and (max-width: 640px) {
  .theme--fukuoka [data-travel="fukuoka"].information-section--1 {
    background-image: url("/assets/themes/herenow/img/themes/fukuoka/bg_information_1_sp.jpg"); }
  .theme--fukuoka [data-travel="fukuoka"].information-section--2 {
    background-image: url("/assets/themes/herenow/img/themes/fukuoka/bg_information_2_sp.jpg"); }
  .theme--fukuoka [data-travel="fukuoka"].information-section--3 {
    background-image: url("/assets/themes/herenow/img/themes/fukuoka/bg_information_3_sp.jpg"); }
  .theme--fukuoka [data-travel="fukuoka"].information-section--4 {
    background-image: url("/assets/themes/herenow/img/themes/fukuoka/bg_information_4_sp.jpg"); } }

.theme--fukuoka .l-wysiwyg h2:before {
  color: #9c9a37 !important; }

.theme--fukuoka .l-wysiwyg b {
  color: #9c9a37 !important; }

.theme--fukuoka .l-wysiwyg .next:before {
  color: #9c9a37 !important; }

.theme--fukuoka .unaddedFavoriteIcon {
  color: #9c9a37 !important;
  border-color: #9c9a37 !important;
  background-color: #cccb8f !important; }

.theme--fukuoka .addedFavoriteIcon {
  border-color: #9c9a37;
  background-color: #9c9a37; }

.theme--fukuoka .sort-label.checked {
  background-color: #9c9a37 !important; }

.theme--fukuoka .picker__nav--prev,
.theme--fukuoka .picker__nav--next {
  color: #9c9a37 !important; }

.theme--fukuoka .picker__day--selected,
.theme--fukuoka .picker__day--selected:hover,
.theme--fukuoka .picker--focused .picker__day--selected {
  background-color: #9c9a37 !important; }

.theme--fukuoka .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #9c9a37 !important; }

.theme--fukuoka .slick-active button {
  background-color: #9c9a37 !important; }

.theme--fukuoka .articleIndex-heading em {
  background-color: #dbe3f3 !important; }

.theme--fukuoka .list-heading em {
  background-color: #dbe3f3 !important; }

.theme--fukuoka .map-body {
  background-image: url("/assets/themes/herenow/img/themes/fukuoka/map.png"); }

.theme--fukuoka .spMap-trigger, .theme--fukuoka .spMap-closeTrigger {
  background: #cccb8f; }

.theme--fukuoka .snapDetail-recommend-list .textLink {
  color: #9c9a37 !important; }

.theme--fukuoka .snapDetail-recommend-list > li a:before {
  background-color: #9c9a37 !important; }

.theme--fukuoka .snapDetail-recommend-list > li a:hover:before {
  background-color: #cccb8f !important; }

.theme--fukuoka .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/fukuoka/app-left.png"); }

.theme--fukuoka .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/fukuoka/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--fukuoka .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/fukuoka/app-all.png"); } }

.theme--fukuoka .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #9c9a37;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--fukuoka .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

[data-color="grand"] {
  color: #000; }

[data-backgroundColor="grand"] {
  background-color: #000; }

[data-backgroundColorBefore="grand"]:before {
  background-color: #000; }

[data-backgroundColorAfter="grand"]:after {
  background-color: #000; }

[data-borderColor="grand"] {
  border-color: #000; }

.theme--grand .theme-color {
  color: #000; }

.theme--grand .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--grand .theme-color--hover:hover {
    color: #000; }

.theme--grand .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #000; }
  .theme--grand .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--grand .theme-backgroundColor {
  background-color: #000; }

.theme--grand .theme-backgroundColor--lighter {
  background-color: #333; }

.theme--grand .theme-borderColor {
  border-color: #000; }

.theme--grand .theme-borderColor--lighter {
  border-color: #333; }

.theme--grand .theme-color--secondary {
  color: #333; }

.theme--grand .theme-borderColor--secondary {
  border-color: #333; }

.theme--grand .theme-backgroundColor--secondary {
  background-color: #333; }

.theme--grand .l-wysiwyg h2:before {
  color: #000; }

.theme--grand .l-wysiwyg b {
  color: #000; }

.theme--grand .l-wysiwyg .next:before {
  color: #000; }

.theme--grand .unaddedFavoriteIcon {
  color: #000;
  border-color: #000;
  background-color: #333; }

.theme--grand .addedFavoriteIcon {
  border-color: #000;
  background-color: #000; }

.theme--grand .sort-label.checked {
  background-color: #000; }

.theme--grand .picker__nav--prev,
.theme--grand .picker__nav--next {
  color: #000; }

.theme--grand .picker__day--selected,
.theme--grand .picker__day--selected:hover,
.theme--grand .picker--focused .picker__day--selected {
  background-color: #000; }

.theme--grand .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #000; }

.theme--grand .slick-active button {
  background-color: #000; }

.theme--grand .articleIndex-heading em {
  background-color: #757575; }

.theme--grand .list-heading em {
  background-color: #757575; }

.theme--grand .snapDetail-recommend-list .textLink {
  color: #000; }

.theme--grand .snapDetail-recommend-list > li a:before {
  background-color: #000; }

.theme--grand .snapDetail-recommend-list > li a:hover:before {
  background-color: #333; }

.theme--grand .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/grand/app-left.png"); }

.theme--grand .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/grand/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--grand .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/grand/app-all.png"); } }

.theme--grand .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #000;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--grand .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

[data-color="hongkong"] {
  color: #ed2e00 !important; }

[data-backgroundColor="hongkong"] {
  background-color: #ed2e00 !important; }

[data-backgroundColorBefore="hongkong"]:before {
  background-color: #ed2e00 !important; }

[data-backgroundColorAfter="hongkong"]:after {
  background-color: #ed2e00 !important; }

[data-borderColor="hongkong"] {
  border-color: #ed2e00 !important; }

.theme--hongkong .theme-color {
  color: #ed2e00 !important; }

.theme--hongkong .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--hongkong .theme-color--hover:hover {
    color: #ed2e00 !important; }

.theme--hongkong .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #ed2e00 !important; }
  .theme--hongkong .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--hongkong .theme-backgroundColor {
  background-color: #ed2e00 !important; }

.theme--hongkong .theme-backgroundColor--lighter {
  background-color: #ffe0d9 !important; }

.theme--hongkong .theme-borderColor {
  border-color: #ed2e00 !important; }

.theme--hongkong .theme-borderColor--lighter {
  border-color: #ffe0d9 !important; }

.theme--hongkong .theme-color--secondary {
  color: #c2a461 !important; }

.theme--hongkong .theme-borderColor--secondary {
  border-color: #c2a461 !important; }

.theme--hongkong .theme-backgroundColor--secondary {
  background-color: #c2a461 !important; }

.theme--hongkong .account-favorite {
  color: #ed2e00 !important;
  background-color: #ffe0d9 !important; }
  .theme--hongkong .account-favorite:hover {
    background-color: #ed2e00 !important;
    color: #fff !important; }

.theme--hongkong .theme-contentsHeaderImage {
  background-image: url("/assets/themes/herenow/img/themes/hongkong/bg_contents_header.jpg"); }

.theme--hongkong [data-travel="hongkong"].information-section--1 {
  background-image: url("/assets/themes/herenow/img/themes/hongkong/bg_information_1.jpg"); }

.theme--hongkong [data-travel="hongkong"].information-section--2 {
  background-image: url("/assets/themes/herenow/img/themes/hongkong/bg_information_2.jpg"); }

.theme--hongkong [data-travel="hongkong"].information-section--3 {
  background-image: url("/assets/themes/herenow/img/themes/hongkong/bg_information_3.jpg"); }

.theme--hongkong [data-travel="hongkong"].information-section--4 {
  background-image: url("/assets/themes/herenow/img/themes/hongkong/bg_information_4.jpg"); }

@media screen and (max-width: 640px) {
  .theme--hongkong [data-travel="hongkong"].information-section--1 {
    background-image: url("/assets/themes/herenow/img/themes/hongkong/bg_information_1_sp.jpg"); }
  .theme--hongkong [data-travel="hongkong"].information-section--2 {
    background-image: url("/assets/themes/herenow/img/themes/hongkong/bg_information_2_sp.jpg"); }
  .theme--hongkong [data-travel="hongkong"].information-section--3 {
    background-image: url("/assets/themes/herenow/img/themes/hongkong/bg_information_3_sp.jpg"); }
  .theme--hongkong [data-travel="hongkong"].information-section--4 {
    background-image: url("/assets/themes/herenow/img/themes/hongkong/bg_information_4_sp.jpg"); } }

.theme--hongkong .l-wysiwyg h2:before {
  color: #ed2e00 !important; }

.theme--hongkong .l-wysiwyg b {
  color: #ed2e00 !important; }

.theme--hongkong .l-wysiwyg .next:before {
  color: #ed2e00 !important; }

.theme--hongkong .unaddedFavoriteIcon {
  color: #ed2e00 !important;
  border-color: #ed2e00 !important;
  background-color: #ffe0d9 !important; }

.theme--hongkong .addedFavoriteIcon {
  border-color: #ed2e00;
  background-color: #ed2e00; }

.theme--hongkong .sort-label.checked {
  background-color: #ed2e00 !important; }

.theme--hongkong .picker__nav--prev,
.theme--hongkong .picker__nav--next {
  color: #ed2e00 !important; }

.theme--hongkong .picker__day--selected,
.theme--hongkong .picker__day--selected:hover,
.theme--hongkong .picker--focused .picker__day--selected {
  background-color: #ed2e00 !important; }

.theme--hongkong .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #ed2e00 !important; }

.theme--hongkong .slick-active button {
  background-color: #ed2e00 !important; }

.theme--hongkong .articleIndex-heading em {
  background-color: #e7dbc1 !important; }

.theme--hongkong .list-heading em {
  background-color: #e7dbc1 !important; }

.theme--hongkong .map-body {
  background-image: url("/assets/themes/herenow/img/themes/hongkong/map.png"); }

.theme--hongkong .spMap-trigger, .theme--hongkong .spMap-closeTrigger {
  background: #ffe0d9; }

.theme--hongkong .snapDetail-recommend-list .textLink {
  color: #ed2e00 !important; }

.theme--hongkong .snapDetail-recommend-list > li a:before {
  background-color: #ed2e00 !important; }

.theme--hongkong .snapDetail-recommend-list > li a:hover:before {
  background-color: #ffe0d9 !important; }

.theme--hongkong .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/hongkong/app-left.png"); }

.theme--hongkong .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/hongkong/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--hongkong .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/hongkong/app-all.png"); } }

.theme--hongkong .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #ed2e00;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--hongkong .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

[data-color="kaohsiung"] {
  color: #e0cc00 !important; }

[data-backgroundColor="kaohsiung"] {
  background-color: #e0cc00 !important; }

[data-backgroundColorBefore="kaohsiung"]:before {
  background-color: #e0cc00 !important; }

[data-backgroundColorAfter="kaohsiung"]:after {
  background-color: #e0cc00 !important; }

[data-borderColor="kaohsiung"] {
  border-color: #e0cc00 !important; }

.theme--kaohsiung .theme-color {
  color: #e0cc00 !important; }

.theme--kaohsiung .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--kaohsiung .theme-color--hover:hover {
    color: #e0cc00 !important; }

.theme--kaohsiung .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #e0cc00 !important; }
  .theme--kaohsiung .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--kaohsiung .theme-backgroundColor {
  background-color: #e0cc00 !important; }

.theme--kaohsiung .theme-backgroundColor--lighter {
  background-color: #f2eddc !important; }

.theme--kaohsiung .theme-borderColor {
  border-color: #e0cc00 !important; }

.theme--kaohsiung .theme-borderColor--lighter {
  border-color: #f2eddc !important; }

.theme--kaohsiung .theme-color--secondary {
  color: #ff6165 !important; }

.theme--kaohsiung .theme-borderColor--secondary {
  border-color: #ff6165 !important; }

.theme--kaohsiung .theme-backgroundColor--secondary {
  background-color: #ff6165 !important; }

.theme--kaohsiung .account-favorite {
  color: #e0cc00 !important;
  background-color: #f2eddc !important; }
  .theme--kaohsiung .account-favorite:hover {
    background-color: #e0cc00 !important;
    color: #fff !important; }

.theme--kaohsiung .theme-contentsHeaderImage {
  background-image: url("/assets/themes/herenow/img/themes/kaohsiung/bg_contents_header.jpg"); }

.theme--kaohsiung [data-travel="kaohsiung"].information-section--1 {
  background-image: url("/assets/themes/herenow/img/themes/kaohsiung/bg_information_1.jpg"); }

.theme--kaohsiung [data-travel="kaohsiung"].information-section--2 {
  background-image: url("/assets/themes/herenow/img/themes/kaohsiung/bg_information_2.jpg"); }

.theme--kaohsiung [data-travel="kaohsiung"].information-section--3 {
  background-image: url("/assets/themes/herenow/img/themes/kaohsiung/bg_information_3.jpg"); }

.theme--kaohsiung [data-travel="kaohsiung"].information-section--4 {
  background-image: url("/assets/themes/herenow/img/themes/kaohsiung/bg_information_4.jpg"); }

@media screen and (max-width: 640px) {
  .theme--kaohsiung [data-travel="kaohsiung"].information-section--1 {
    background-image: url("/assets/themes/herenow/img/themes/kaohsiung/bg_information_1_sp.jpg"); }
  .theme--kaohsiung [data-travel="kaohsiung"].information-section--2 {
    background-image: url("/assets/themes/herenow/img/themes/kaohsiung/bg_information_2_sp.jpg"); }
  .theme--kaohsiung [data-travel="kaohsiung"].information-section--3 {
    background-image: url("/assets/themes/herenow/img/themes/kaohsiung/bg_information_3_sp.jpg"); }
  .theme--kaohsiung [data-travel="kaohsiung"].information-section--4 {
    background-image: url("/assets/themes/herenow/img/themes/kaohsiung/bg_information_4_sp.jpg"); } }

.theme--kaohsiung .l-wysiwyg h2:before {
  color: #e0cc00 !important; }

.theme--kaohsiung .l-wysiwyg b {
  color: #e0cc00 !important; }

.theme--kaohsiung .l-wysiwyg .next:before {
  color: #e0cc00 !important; }

.theme--kaohsiung .unaddedFavoriteIcon {
  color: #e0cc00 !important;
  border-color: #e0cc00 !important;
  background-color: #f2eddc !important; }

.theme--kaohsiung .addedFavoriteIcon {
  border-color: #e0cc00;
  background-color: #e0cc00; }

.theme--kaohsiung .sort-label.checked {
  background-color: #e0cc00 !important; }

.theme--kaohsiung .picker__nav--prev,
.theme--kaohsiung .picker__nav--next {
  color: #e0cc00 !important; }

.theme--kaohsiung .picker__day--selected,
.theme--kaohsiung .picker__day--selected:hover,
.theme--kaohsiung .picker--focused .picker__day--selected {
  background-color: #e0cc00 !important; }

.theme--kaohsiung .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #e0cc00 !important; }

.theme--kaohsiung .slick-active button {
  background-color: #e0cc00 !important; }

.theme--kaohsiung .articleIndex-heading em {
  background-color: #ffe6e6 !important; }

.theme--kaohsiung .list-heading em {
  background-color: #ffe6e6 !important; }

.theme--kaohsiung .map-body {
  background-image: url("/assets/themes/herenow/img/themes/kaohsiung/map.png"); }

.theme--kaohsiung .spMap-trigger, .theme--kaohsiung .spMap-closeTrigger {
  background: #f2eddc; }

.theme--kaohsiung .snapDetail-recommend-list .textLink {
  color: #e0cc00 !important; }

.theme--kaohsiung .snapDetail-recommend-list > li a:before {
  background-color: #e0cc00 !important; }

.theme--kaohsiung .snapDetail-recommend-list > li a:hover:before {
  background-color: #f2eddc !important; }

.theme--kaohsiung .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/kaohsiung/app-left.png"); }

.theme--kaohsiung .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/kaohsiung/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--kaohsiung .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/kaohsiung/app-all.png"); } }

.theme--kaohsiung .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #e0cc00;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--kaohsiung .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

[data-color="kitakyushu"] {
  color: #7c1e21 !important; }

[data-backgroundColor="kitakyushu"] {
  background-color: #7c1e21 !important; }

[data-backgroundColorBefore="kitakyushu"]:before {
  background-color: #7c1e21 !important; }

[data-backgroundColorAfter="kitakyushu"]:after {
  background-color: #7c1e21 !important; }

[data-borderColor="kitakyushu"] {
  border-color: #7c1e21 !important; }

.theme--kitakyushu .theme-color {
  color: #7c1e21 !important; }

.theme--kitakyushu .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--kitakyushu .theme-color--hover:hover {
    color: #7c1e21 !important; }

.theme--kitakyushu .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #7c1e21 !important; }
  .theme--kitakyushu .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--kitakyushu .theme-backgroundColor {
  background-color: #7c1e21 !important; }

.theme--kitakyushu .theme-backgroundColor--lighter {
  background-color: #f4e6e7 !important; }

.theme--kitakyushu .theme-borderColor {
  border-color: #7c1e21 !important; }

.theme--kitakyushu .theme-borderColor--lighter {
  border-color: #f4e6e7 !important; }

.theme--kitakyushu .theme-color--secondary {
  color: #f7723e !important; }

.theme--kitakyushu .theme-borderColor--secondary {
  border-color: #f7723e !important; }

.theme--kitakyushu .theme-backgroundColor--secondary {
  background-color: #f7723e !important; }

.theme--kitakyushu .account-favorite {
  color: #7c1e21 !important;
  background-color: #f4e6e7 !important; }
  .theme--kitakyushu .account-favorite:hover {
    background-color: #7c1e21 !important;
    color: #fff !important; }

.theme--kitakyushu .theme-contentsHeaderImage {
  background-image: url("/assets/themes/herenow/img/themes/kitakyushu/bg_contents_header.jpg"); }

.theme--kitakyushu [data-travel="kitakyushu"].information-section--1 {
  background-image: url("/assets/themes/herenow/img/themes/kitakyushu/bg_information_1.jpg"); }

.theme--kitakyushu [data-travel="kitakyushu"].information-section--2 {
  background-image: url("/assets/themes/herenow/img/themes/kitakyushu/bg_information_2.jpg"); }

.theme--kitakyushu [data-travel="kitakyushu"].information-section--3 {
  background-image: url("/assets/themes/herenow/img/themes/kitakyushu/bg_information_3.jpg"); }

.theme--kitakyushu [data-travel="kitakyushu"].information-section--4 {
  background-image: url("/assets/themes/herenow/img/themes/kitakyushu/bg_information_4.jpg"); }

@media screen and (max-width: 640px) {
  .theme--kitakyushu [data-travel="kitakyushu"].information-section--1 {
    background-image: url("/assets/themes/herenow/img/themes/kitakyushu/bg_information_1_sp.jpg"); }
  .theme--kitakyushu [data-travel="kitakyushu"].information-section--2 {
    background-image: url("/assets/themes/herenow/img/themes/kitakyushu/bg_information_2_sp.jpg"); }
  .theme--kitakyushu [data-travel="kitakyushu"].information-section--3 {
    background-image: url("/assets/themes/herenow/img/themes/kitakyushu/bg_information_3_sp.jpg"); }
  .theme--kitakyushu [data-travel="kitakyushu"].information-section--4 {
    background-image: url("/assets/themes/herenow/img/themes/kitakyushu/bg_information_4_sp.jpg"); } }

.theme--kitakyushu .l-wysiwyg h2:before {
  color: #7c1e21 !important; }

.theme--kitakyushu .l-wysiwyg b {
  color: #7c1e21 !important; }

.theme--kitakyushu .l-wysiwyg .next:before {
  color: #7c1e21 !important; }

.theme--kitakyushu .unaddedFavoriteIcon {
  color: #7c1e21 !important;
  border-color: #7c1e21 !important;
  background-color: #f4e6e7 !important; }

.theme--kitakyushu .addedFavoriteIcon {
  border-color: #7c1e21;
  background-color: #7c1e21; }

.theme--kitakyushu .sort-label.checked {
  background-color: #7c1e21 !important; }

.theme--kitakyushu .picker__nav--prev,
.theme--kitakyushu .picker__nav--next {
  color: #7c1e21 !important; }

.theme--kitakyushu .picker__day--selected,
.theme--kitakyushu .picker__day--selected:hover,
.theme--kitakyushu .picker--focused .picker__day--selected {
  background-color: #7c1e21 !important; }

.theme--kitakyushu .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #7c1e21 !important; }

.theme--kitakyushu .slick-active button {
  background-color: #7c1e21 !important; }

.theme--kitakyushu .articleIndex-heading em {
  background-color: #fccfbd !important; }

.theme--kitakyushu .list-heading em {
  background-color: #fccfbd !important; }

.theme--kitakyushu .map-body {
  background-image: url("/assets/themes/herenow/img/themes/kitakyushu/map.png"); }

.theme--kitakyushu .spMap-trigger, .theme--kitakyushu .spMap-closeTrigger {
  background: #f4e6e7; }

.theme--kitakyushu .snapDetail-recommend-list .textLink {
  color: #7c1e21 !important; }

.theme--kitakyushu .snapDetail-recommend-list > li a:before {
  background-color: #7c1e21 !important; }

.theme--kitakyushu .snapDetail-recommend-list > li a:hover:before {
  background-color: #f4e6e7 !important; }

.theme--kitakyushu .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/kitakyushu/app-left.png"); }

.theme--kitakyushu .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/kitakyushu/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--kitakyushu .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/kitakyushu/app-all.png"); } }

.theme--kitakyushu .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #7c1e21;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--kitakyushu .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

[data-color="kyoto"] {
  color: #ac4ac5 !important; }

[data-backgroundColor="kyoto"] {
  background-color: #ac4ac5 !important; }

[data-backgroundColorBefore="kyoto"]:before {
  background-color: #ac4ac5 !important; }

[data-backgroundColorAfter="kyoto"]:after {
  background-color: #ac4ac5 !important; }

[data-borderColor="kyoto"] {
  border-color: #ac4ac5 !important; }

.theme--kyoto .theme-color {
  color: #ac4ac5 !important; }

.theme--kyoto .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--kyoto .theme-color--hover:hover {
    color: #ac4ac5 !important; }

.theme--kyoto .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #ac4ac5 !important; }
  .theme--kyoto .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--kyoto .theme-backgroundColor {
  background-color: #ac4ac5 !important; }

.theme--kyoto .theme-backgroundColor--lighter {
  background-color: #e7c6f0 !important; }

.theme--kyoto .theme-borderColor {
  border-color: #ac4ac5 !important; }

.theme--kyoto .theme-borderColor--lighter {
  border-color: #e7c6f0 !important; }

.theme--kyoto .theme-color--secondary {
  color: #9c9a37 !important; }

.theme--kyoto .theme-borderColor--secondary {
  border-color: #9c9a37 !important; }

.theme--kyoto .theme-backgroundColor--secondary {
  background-color: #9c9a37 !important; }

.theme--kyoto .account-favorite {
  color: #ac4ac5 !important;
  background-color: #e7c6f0 !important; }
  .theme--kyoto .account-favorite:hover {
    background-color: #ac4ac5 !important;
    color: #fff !important; }

.theme--kyoto .theme-contentsHeaderImage {
  background-image: url("/assets/themes/herenow/img/themes/kyoto/bg_contents_header.jpg"); }

.theme--kyoto [data-travel="kyoto"].information-section--1 {
  background-image: url("/assets/themes/herenow/img/themes/kyoto/bg_information_1.jpg"); }

.theme--kyoto [data-travel="kyoto"].information-section--2 {
  background-image: url("/assets/themes/herenow/img/themes/kyoto/bg_information_2.jpg"); }

.theme--kyoto [data-travel="kyoto"].information-section--3 {
  background-image: url("/assets/themes/herenow/img/themes/kyoto/bg_information_3.jpg"); }

.theme--kyoto [data-travel="kyoto"].information-section--4 {
  background-image: url("/assets/themes/herenow/img/themes/kyoto/bg_information_4.jpg"); }

@media screen and (max-width: 640px) {
  .theme--kyoto [data-travel="kyoto"].information-section--1 {
    background-image: url("/assets/themes/herenow/img/themes/kyoto/bg_information_1_sp.jpg"); }
  .theme--kyoto [data-travel="kyoto"].information-section--2 {
    background-image: url("/assets/themes/herenow/img/themes/kyoto/bg_information_2_sp.jpg"); }
  .theme--kyoto [data-travel="kyoto"].information-section--3 {
    background-image: url("/assets/themes/herenow/img/themes/kyoto/bg_information_3_sp.jpg"); }
  .theme--kyoto [data-travel="kyoto"].information-section--4 {
    background-image: url("/assets/themes/herenow/img/themes/kyoto/bg_information_4_sp.jpg"); } }

.theme--kyoto .l-wysiwyg h2:before {
  color: #ac4ac5 !important; }

.theme--kyoto .l-wysiwyg b {
  color: #ac4ac5 !important; }

.theme--kyoto .l-wysiwyg .next:before {
  color: #ac4ac5 !important; }

.theme--kyoto .unaddedFavoriteIcon {
  color: #ac4ac5 !important;
  border-color: #ac4ac5 !important;
  background-color: #e7c6f0 !important; }

.theme--kyoto .addedFavoriteIcon {
  border-color: #ac4ac5;
  background-color: #ac4ac5; }

.theme--kyoto .sort-label.checked {
  background-color: #ac4ac5 !important; }

.theme--kyoto .picker__nav--prev,
.theme--kyoto .picker__nav--next {
  color: #ac4ac5 !important; }

.theme--kyoto .picker__day--selected,
.theme--kyoto .picker__day--selected:hover,
.theme--kyoto .picker--focused .picker__day--selected {
  background-color: #ac4ac5 !important; }

.theme--kyoto .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #ac4ac5 !important; }

.theme--kyoto .slick-active button {
  background-color: #ac4ac5 !important; }

.theme--kyoto .articleIndex-heading em {
  background-color: #d4d284 !important; }

.theme--kyoto .list-heading em {
  background-color: #d4d284 !important; }

.theme--kyoto .map-body {
  background-image: url("/assets/themes/herenow/img/themes/kyoto/map.png"); }

.theme--kyoto .spMap-trigger, .theme--kyoto .spMap-closeTrigger {
  background: #e7c6f0; }

.theme--kyoto .snapDetail-recommend-list .textLink {
  color: #ac4ac5 !important; }

.theme--kyoto .snapDetail-recommend-list > li a:before {
  background-color: #ac4ac5 !important; }

.theme--kyoto .snapDetail-recommend-list > li a:hover:before {
  background-color: #e7c6f0 !important; }

.theme--kyoto .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/kyoto/app-left.png"); }

.theme--kyoto .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/kyoto/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--kyoto .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/kyoto/app-all.png"); } }

.theme--kyoto .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #ac4ac5;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--kyoto .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

[data-color="okinawa"] {
  color: #00B997 !important; }

[data-backgroundColor="okinawa"] {
  background-color: #00B997 !important; }

[data-backgroundColorBefore="okinawa"]:before {
  background-color: #00B997 !important; }

[data-backgroundColorAfter="okinawa"]:after {
  background-color: #00B997 !important; }

[data-borderColor="okinawa"] {
  border-color: #00B997 !important; }

.theme--okinawa .theme-color {
  color: #00B997 !important; }

.theme--okinawa .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--okinawa .theme-color--hover:hover {
    color: #00B997 !important; }

.theme--okinawa .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #00B997 !important; }
  .theme--okinawa .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--okinawa .theme-backgroundColor {
  background-color: #00B997 !important; }

.theme--okinawa .theme-backgroundColor--lighter {
  background-color: #C6F0E8 !important; }

.theme--okinawa .theme-borderColor {
  border-color: #00B997 !important; }

.theme--okinawa .theme-borderColor--lighter {
  border-color: #C6F0E8 !important; }

.theme--okinawa .theme-color--secondary {
  color: #73B2C7 !important; }

.theme--okinawa .theme-borderColor--secondary {
  border-color: #73B2C7 !important; }

.theme--okinawa .theme-backgroundColor--secondary {
  background-color: #73B2C7 !important; }

.theme--okinawa .account-favorite {
  color: #00B997 !important;
  background-color: #C6F0E8 !important; }
  .theme--okinawa .account-favorite:hover {
    background-color: #00B997 !important;
    color: #fff !important; }

.theme--okinawa .theme-contentsHeaderImage {
  background-image: url("/assets/themes/herenow/img/themes/okinawa/bg_contents_header.jpg"); }

.theme--okinawa [data-travel="okinawa"].information-section--1 {
  background-image: url("/assets/themes/herenow/img/themes/okinawa/bg_information_1.jpg"); }

.theme--okinawa [data-travel="okinawa"].information-section--2 {
  background-image: url("/assets/themes/herenow/img/themes/okinawa/bg_information_2.jpg"); }

.theme--okinawa [data-travel="okinawa"].information-section--3 {
  background-image: url("/assets/themes/herenow/img/themes/okinawa/bg_information_3.jpg"); }

.theme--okinawa [data-travel="okinawa"].information-section--4 {
  background-image: url("/assets/themes/herenow/img/themes/okinawa/bg_information_4.jpg"); }

@media screen and (max-width: 640px) {
  .theme--okinawa [data-travel="okinawa"].information-section--1 {
    background-image: url("/assets/themes/herenow/img/themes/okinawa/bg_information_1_sp.jpg"); }
  .theme--okinawa [data-travel="okinawa"].information-section--2 {
    background-image: url("/assets/themes/herenow/img/themes/okinawa/bg_information_2_sp.jpg"); }
  .theme--okinawa [data-travel="okinawa"].information-section--3 {
    background-image: url("/assets/themes/herenow/img/themes/okinawa/bg_information_3_sp.jpg"); }
  .theme--okinawa [data-travel="okinawa"].information-section--4 {
    background-image: url("/assets/themes/herenow/img/themes/okinawa/bg_information_4_sp.jpg"); } }

.theme--okinawa .l-wysiwyg h2:before {
  color: #00B997 !important; }

.theme--okinawa .l-wysiwyg b {
  color: #00B997 !important; }

.theme--okinawa .l-wysiwyg .next:before {
  color: #00B997 !important; }

.theme--okinawa .unaddedFavoriteIcon {
  color: #00B997 !important;
  border-color: #00B997 !important;
  background-color: #C6F0E8 !important; }

.theme--okinawa .addedFavoriteIcon {
  border-color: #00B997;
  background-color: #00B997; }

.theme--okinawa .sort-label.checked {
  background-color: #00B997 !important; }

.theme--okinawa .picker__nav--prev,
.theme--okinawa .picker__nav--next {
  color: #00B997 !important; }

.theme--okinawa .picker__day--selected,
.theme--okinawa .picker__day--selected:hover,
.theme--okinawa .picker--focused .picker__day--selected {
  background-color: #00B997 !important; }

.theme--okinawa .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #00B997 !important; }

.theme--okinawa .slick-active button {
  background-color: #00B997 !important; }

.theme--okinawa .articleIndex-heading em {
  background-color: #d2e6ed !important; }

.theme--okinawa .list-heading em {
  background-color: #d2e6ed !important; }

.theme--okinawa .map-body {
  background-image: url("/assets/themes/herenow/img/themes/okinawa/map.png"); }

.theme--okinawa .spMap-trigger, .theme--okinawa .spMap-closeTrigger {
  background: #C6F0E8; }

.theme--okinawa .snapDetail-recommend-list .textLink {
  color: #00B997 !important; }

.theme--okinawa .snapDetail-recommend-list > li a:before {
  background-color: #00B997 !important; }

.theme--okinawa .snapDetail-recommend-list > li a:hover:before {
  background-color: #C6F0E8 !important; }

.theme--okinawa .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/okinawa/app-left.png"); }

.theme--okinawa .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/okinawa/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--okinawa .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/okinawa/app-all.png"); } }

.theme--okinawa .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #00B997;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--okinawa .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

[data-color="seoul"] {
  color: #2600aa !important; }

[data-backgroundColor="seoul"] {
  background-color: #2600aa !important; }

[data-backgroundColorBefore="seoul"]:before {
  background-color: #2600aa !important; }

[data-backgroundColorAfter="seoul"]:after {
  background-color: #2600aa !important; }

[data-borderColor="seoul"] {
  border-color: #2600aa !important; }

.theme--seoul .theme-color {
  color: #2600aa !important; }

.theme--seoul .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--seoul .theme-color--hover:hover {
    color: #2600aa !important; }

.theme--seoul .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #2600aa !important; }
  .theme--seoul .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--seoul .theme-backgroundColor {
  background-color: #2600aa !important; }

.theme--seoul .theme-backgroundColor--lighter {
  background-color: #d1cae8 !important; }

.theme--seoul .theme-borderColor {
  border-color: #2600aa !important; }

.theme--seoul .theme-borderColor--lighter {
  border-color: #d1cae8 !important; }

.theme--seoul .theme-color--secondary {
  color: #ff9078 !important; }

.theme--seoul .theme-borderColor--secondary {
  border-color: #ff9078 !important; }

.theme--seoul .theme-backgroundColor--secondary {
  background-color: #ff9078 !important; }

.theme--seoul .account-favorite {
  color: #2600aa !important;
  background-color: #d1cae8 !important; }
  .theme--seoul .account-favorite:hover {
    background-color: #2600aa !important;
    color: #fff !important; }

.theme--seoul .theme-contentsHeaderImage {
  background-image: url("/assets/themes/herenow/img/themes/seoul/bg_contents_header.jpg"); }

.theme--seoul [data-travel="seoul"].information-section--1 {
  background-image: url("/assets/themes/herenow/img/themes/seoul/bg_information_1.jpg"); }

.theme--seoul [data-travel="seoul"].information-section--2 {
  background-image: url("/assets/themes/herenow/img/themes/seoul/bg_information_2.jpg"); }

.theme--seoul [data-travel="seoul"].information-section--3 {
  background-image: url("/assets/themes/herenow/img/themes/seoul/bg_information_3.jpg"); }

.theme--seoul [data-travel="seoul"].information-section--4 {
  background-image: url("/assets/themes/herenow/img/themes/seoul/bg_information_4.jpg"); }

@media screen and (max-width: 640px) {
  .theme--seoul [data-travel="seoul"].information-section--1 {
    background-image: url("/assets/themes/herenow/img/themes/seoul/bg_information_1_sp.jpg"); }
  .theme--seoul [data-travel="seoul"].information-section--2 {
    background-image: url("/assets/themes/herenow/img/themes/seoul/bg_information_2_sp.jpg"); }
  .theme--seoul [data-travel="seoul"].information-section--3 {
    background-image: url("/assets/themes/herenow/img/themes/seoul/bg_information_3_sp.jpg"); }
  .theme--seoul [data-travel="seoul"].information-section--4 {
    background-image: url("/assets/themes/herenow/img/themes/seoul/bg_information_4_sp.jpg"); } }

.theme--seoul .l-wysiwyg h2:before {
  color: #2600aa !important; }

.theme--seoul .l-wysiwyg b {
  color: #2600aa !important; }

.theme--seoul .l-wysiwyg .next:before {
  color: #2600aa !important; }

.theme--seoul .unaddedFavoriteIcon {
  color: #2600aa !important;
  border-color: #2600aa !important;
  background-color: #d1cae8 !important; }

.theme--seoul .addedFavoriteIcon {
  border-color: #2600aa;
  background-color: #2600aa; }

.theme--seoul .sort-label.checked {
  background-color: #2600aa !important; }

.theme--seoul .picker__nav--prev,
.theme--seoul .picker__nav--next {
  color: #2600aa !important; }

.theme--seoul .picker__day--selected,
.theme--seoul .picker__day--selected:hover,
.theme--seoul .picker--focused .picker__day--selected {
  background-color: #2600aa !important; }

.theme--seoul .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #2600aa !important; }

.theme--seoul .slick-active button {
  background-color: #2600aa !important; }

.theme--seoul .articleIndex-heading em {
  background-color: #fffdfd !important; }

.theme--seoul .list-heading em {
  background-color: #fffdfd !important; }

.theme--seoul .map-body {
  background-image: url("/assets/themes/herenow/img/themes/seoul/map.png"); }

.theme--seoul .spMap-trigger, .theme--seoul .spMap-closeTrigger {
  background: #d1cae8; }

.theme--seoul .snapDetail-recommend-list .textLink {
  color: #2600aa !important; }

.theme--seoul .snapDetail-recommend-list > li a:before {
  background-color: #2600aa !important; }

.theme--seoul .snapDetail-recommend-list > li a:hover:before {
  background-color: #d1cae8 !important; }

.theme--seoul .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/seoul/app-left.png"); }

.theme--seoul .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/seoul/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--seoul .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/seoul/app-all.png"); } }

.theme--seoul .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #2600aa;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--seoul .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

[data-color="singapore"] {
  color: #E72600 !important; }

[data-backgroundColor="singapore"] {
  background-color: #E72600 !important; }

[data-backgroundColorBefore="singapore"]:before {
  background-color: #E72600 !important; }

[data-backgroundColorAfter="singapore"]:after {
  background-color: #E72600 !important; }

[data-borderColor="singapore"] {
  border-color: #E72600 !important; }

.theme--singapore .theme-color {
  color: #E72600 !important; }

.theme--singapore .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--singapore .theme-color--hover:hover {
    color: #E72600 !important; }

.theme--singapore .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #E72600 !important; }
  .theme--singapore .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--singapore .theme-backgroundColor {
  background-color: #E72600 !important; }

.theme--singapore .theme-backgroundColor--lighter {
  background-color: #F2DEDA !important; }

.theme--singapore .theme-borderColor {
  border-color: #E72600 !important; }

.theme--singapore .theme-borderColor--lighter {
  border-color: #F2DEDA !important; }

.theme--singapore .theme-color--secondary {
  color: #73BAC7 !important; }

.theme--singapore .theme-borderColor--secondary {
  border-color: #73BAC7 !important; }

.theme--singapore .theme-backgroundColor--secondary {
  background-color: #73BAC7 !important; }

.theme--singapore .account-favorite {
  color: #E72600 !important;
  background-color: #F2DEDA !important; }
  .theme--singapore .account-favorite:hover {
    background-color: #E72600 !important;
    color: #fff !important; }

.theme--singapore .theme-contentsHeaderImage {
  background-image: url("/assets/themes/herenow/img/themes/singapore/bg_contents_header.jpg"); }

.theme--singapore [data-travel="singapore"].information-section--1 {
  background-image: url("/assets/themes/herenow/img/themes/singapore/bg_information_1.jpg"); }

.theme--singapore [data-travel="singapore"].information-section--2 {
  background-image: url("/assets/themes/herenow/img/themes/singapore/bg_information_2.jpg"); }

.theme--singapore [data-travel="singapore"].information-section--3 {
  background-image: url("/assets/themes/herenow/img/themes/singapore/bg_information_3.jpg"); }

.theme--singapore [data-travel="singapore"].information-section--4 {
  background-image: url("/assets/themes/herenow/img/themes/singapore/bg_information_4.jpg"); }

@media screen and (max-width: 640px) {
  .theme--singapore [data-travel="singapore"].information-section--1 {
    background-image: url("/assets/themes/herenow/img/themes/singapore/bg_information_1_sp.jpg"); }
  .theme--singapore [data-travel="singapore"].information-section--2 {
    background-image: url("/assets/themes/herenow/img/themes/singapore/bg_information_2_sp.jpg"); }
  .theme--singapore [data-travel="singapore"].information-section--3 {
    background-image: url("/assets/themes/herenow/img/themes/singapore/bg_information_3_sp.jpg"); }
  .theme--singapore [data-travel="singapore"].information-section--4 {
    background-image: url("/assets/themes/herenow/img/themes/singapore/bg_information_4_sp.jpg"); } }

.theme--singapore .l-wysiwyg h2:before {
  color: #E72600 !important; }

.theme--singapore .l-wysiwyg b {
  color: #E72600 !important; }

.theme--singapore .l-wysiwyg .next:before {
  color: #E72600 !important; }

.theme--singapore .unaddedFavoriteIcon {
  color: #E72600 !important;
  border-color: #E72600 !important;
  background-color: #F2DEDA !important; }

.theme--singapore .addedFavoriteIcon {
  border-color: #E72600;
  background-color: #E72600; }

.theme--singapore .sort-label.checked {
  background-color: #E72600 !important; }

.theme--singapore .picker__nav--prev,
.theme--singapore .picker__nav--next {
  color: #E72600 !important; }

.theme--singapore .picker__day--selected,
.theme--singapore .picker__day--selected:hover,
.theme--singapore .picker--focused .picker__day--selected {
  background-color: #E72600 !important; }

.theme--singapore .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #E72600 !important; }

.theme--singapore .slick-active button {
  background-color: #E72600 !important; }

.theme--singapore .articleIndex-heading em {
  background-color: #d2e9ed !important; }

.theme--singapore .list-heading em {
  background-color: #d2e9ed !important; }

.theme--singapore .map-body {
  background-image: url("/assets/themes/herenow/img/themes/singapore/map.png"); }

.theme--singapore .spMap-trigger, .theme--singapore .spMap-closeTrigger {
  background: #F2DEDA; }

.theme--singapore .snapDetail-recommend-list .textLink {
  color: #E72600 !important; }

.theme--singapore .snapDetail-recommend-list > li a:before {
  background-color: #E72600 !important; }

.theme--singapore .snapDetail-recommend-list > li a:hover:before {
  background-color: #F2DEDA !important; }

.theme--singapore .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/singapore/app-left.png"); }

.theme--singapore .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/singapore/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--singapore .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/singapore/app-all.png"); } }

.theme--singapore .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #E72600;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--singapore .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

[data-color="taipei"] {
  color: #006e42 !important; }

[data-backgroundColor="taipei"] {
  background-color: #006e42 !important; }

[data-backgroundColorBefore="taipei"]:before {
  background-color: #006e42 !important; }

[data-backgroundColorAfter="taipei"]:after {
  background-color: #006e42 !important; }

[data-borderColor="taipei"] {
  border-color: #006e42 !important; }

.theme--taipei .theme-color {
  color: #006e42 !important; }

.theme--taipei .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--taipei .theme-color--hover:hover {
    color: #006e42 !important; }

.theme--taipei .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #006e42 !important; }
  .theme--taipei .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--taipei .theme-backgroundColor {
  background-color: #006e42 !important; }

.theme--taipei .theme-backgroundColor--lighter {
  background-color: #c6f0e2 !important; }

.theme--taipei .theme-borderColor {
  border-color: #006e42 !important; }

.theme--taipei .theme-borderColor--lighter {
  border-color: #c6f0e2 !important; }

.theme--taipei .theme-color--secondary {
  color: #7381c7 !important; }

.theme--taipei .theme-borderColor--secondary {
  border-color: #7381c7 !important; }

.theme--taipei .theme-backgroundColor--secondary {
  background-color: #7381c7 !important; }

.theme--taipei .account-favorite {
  color: #006e42 !important;
  background-color: #c6f0e2 !important; }
  .theme--taipei .account-favorite:hover {
    background-color: #006e42 !important;
    color: #fff !important; }

.theme--taipei .theme-contentsHeaderImage {
  background-image: url("/assets/themes/herenow/img/themes/taipei/bg_contents_header.jpg"); }

.theme--taipei [data-travel="taipei"].information-section--1 {
  background-image: url("/assets/themes/herenow/img/themes/taipei/bg_information_1.jpg"); }

.theme--taipei [data-travel="taipei"].information-section--2 {
  background-image: url("/assets/themes/herenow/img/themes/taipei/bg_information_2.jpg"); }

.theme--taipei [data-travel="taipei"].information-section--3 {
  background-image: url("/assets/themes/herenow/img/themes/taipei/bg_information_3.jpg"); }

.theme--taipei [data-travel="taipei"].information-section--4 {
  background-image: url("/assets/themes/herenow/img/themes/taipei/bg_information_4.jpg"); }

@media screen and (max-width: 640px) {
  .theme--taipei [data-travel="taipei"].information-section--1 {
    background-image: url("/assets/themes/herenow/img/themes/taipei/bg_information_1_sp.jpg"); }
  .theme--taipei [data-travel="taipei"].information-section--2 {
    background-image: url("/assets/themes/herenow/img/themes/taipei/bg_information_2_sp.jpg"); }
  .theme--taipei [data-travel="taipei"].information-section--3 {
    background-image: url("/assets/themes/herenow/img/themes/taipei/bg_information_3_sp.jpg"); }
  .theme--taipei [data-travel="taipei"].information-section--4 {
    background-image: url("/assets/themes/herenow/img/themes/taipei/bg_information_4_sp.jpg"); } }

.theme--taipei .l-wysiwyg h2:before {
  color: #006e42 !important; }

.theme--taipei .l-wysiwyg b {
  color: #006e42 !important; }

.theme--taipei .l-wysiwyg .next:before {
  color: #006e42 !important; }

.theme--taipei .unaddedFavoriteIcon {
  color: #006e42 !important;
  border-color: #006e42 !important;
  background-color: #c6f0e2 !important; }

.theme--taipei .addedFavoriteIcon {
  border-color: #006e42;
  background-color: #006e42; }

.theme--taipei .sort-label.checked {
  background-color: #006e42 !important; }

.theme--taipei .picker__nav--prev,
.theme--taipei .picker__nav--next {
  color: #006e42 !important; }

.theme--taipei .picker__day--selected,
.theme--taipei .picker__day--selected:hover,
.theme--taipei .picker--focused .picker__day--selected {
  background-color: #006e42 !important; }

.theme--taipei .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #006e42 !important; }

.theme--taipei .slick-active button {
  background-color: #006e42 !important; }

.theme--taipei .articleIndex-heading em {
  background-color: #d2d6ed !important; }

.theme--taipei .list-heading em {
  background-color: #d2d6ed !important; }

.theme--taipei .map-body {
  background-image: url("/assets/themes/herenow/img/themes/taipei/map.png"); }

.theme--taipei .spMap-trigger, .theme--taipei .spMap-closeTrigger {
  background: #c6f0e2; }

.theme--taipei .snapDetail-recommend-list .textLink {
  color: #006e42 !important; }

.theme--taipei .snapDetail-recommend-list > li a:before {
  background-color: #006e42 !important; }

.theme--taipei .snapDetail-recommend-list > li a:hover:before {
  background-color: #c6f0e2 !important; }

.theme--taipei .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/taipei/app-left.png"); }

.theme--taipei .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/taipei/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--taipei .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/taipei/app-all.png"); } }

.theme--taipei .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #006e42;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--taipei .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

[data-color="tokyo"] {
  color: #ff6300 !important; }

[data-backgroundColor="tokyo"] {
  background-color: #ff6300 !important; }

[data-backgroundColorBefore="tokyo"]:before {
  background-color: #ff6300 !important; }

[data-backgroundColorAfter="tokyo"]:after {
  background-color: #ff6300 !important; }

[data-borderColor="tokyo"] {
  border-color: #ff6300 !important; }

.theme--tokyo .theme-color {
  color: #ff6300 !important; }

.theme--tokyo .theme-color--hover {
  transition: color 0.2s ease-out; }
  .theme--tokyo .theme-color--hover:hover {
    color: #ff6300 !important; }

.theme--tokyo .theme-bgcolor--hover {
  transition: color 0.2s ease-out;
  background-color: #ff6300 !important; }
  .theme--tokyo .theme-bgcolor--hover:hover {
    opacity: 0.6; }

.theme--tokyo .theme-backgroundColor {
  background-color: #ff6300 !important; }

.theme--tokyo .theme-backgroundColor--lighter {
  background-color: #fedfd1 !important; }

.theme--tokyo .theme-borderColor {
  border-color: #ff6300 !important; }

.theme--tokyo .theme-borderColor--lighter {
  border-color: #fedfd1 !important; }

.theme--tokyo .theme-color--secondary {
  color: #73b3a2 !important; }

.theme--tokyo .theme-borderColor--secondary {
  border-color: #73b3a2 !important; }

.theme--tokyo .theme-backgroundColor--secondary {
  background-color: #73b3a2 !important; }

.theme--tokyo .account-favorite {
  color: #ff6300 !important;
  background-color: #fedfd1 !important; }
  .theme--tokyo .account-favorite:hover {
    background-color: #ff6300 !important;
    color: #fff !important; }

.theme--tokyo .theme-contentsHeaderImage {
  background-image: url("/assets/themes/herenow/img/themes/tokyo/bg_contents_header.jpg"); }

.theme--tokyo [data-travel="tokyo"].information-section--1 {
  background-image: url("/assets/themes/herenow/img/themes/tokyo/bg_information_1.jpg"); }

.theme--tokyo [data-travel="tokyo"].information-section--2 {
  background-image: url("/assets/themes/herenow/img/themes/tokyo/bg_information_2.jpg"); }

.theme--tokyo [data-travel="tokyo"].information-section--3 {
  background-image: url("/assets/themes/herenow/img/themes/tokyo/bg_information_3.jpg"); }

.theme--tokyo [data-travel="tokyo"].information-section--4 {
  background-image: url("/assets/themes/herenow/img/themes/tokyo/bg_information_4.jpg"); }

@media screen and (max-width: 640px) {
  .theme--tokyo [data-travel="tokyo"].information-section--1 {
    background-image: url("/assets/themes/herenow/img/themes/tokyo/bg_information_1_sp.jpg"); }
  .theme--tokyo [data-travel="tokyo"].information-section--2 {
    background-image: url("/assets/themes/herenow/img/themes/tokyo/bg_information_2_sp.jpg"); }
  .theme--tokyo [data-travel="tokyo"].information-section--3 {
    background-image: url("/assets/themes/herenow/img/themes/tokyo/bg_information_3_sp.jpg"); }
  .theme--tokyo [data-travel="tokyo"].information-section--4 {
    background-image: url("/assets/themes/herenow/img/themes/tokyo/bg_information_4_sp.jpg"); } }

.theme--tokyo .l-wysiwyg h2:before {
  color: #ff6300 !important; }

.theme--tokyo .l-wysiwyg b {
  color: #ff6300 !important; }

.theme--tokyo .l-wysiwyg .next:before {
  color: #ff6300 !important; }

.theme--tokyo .unaddedFavoriteIcon {
  color: #ff6300 !important;
  border-color: #ff6300 !important;
  background-color: #fedfd1 !important; }

.theme--tokyo .addedFavoriteIcon {
  border-color: #ff6300;
  background-color: #ff6300; }

.theme--tokyo .sort-label.checked {
  background-color: #ff6300 !important; }

.theme--tokyo .picker__nav--prev,
.theme--tokyo .picker__nav--next {
  color: #ff6300 !important; }

.theme--tokyo .picker__day--selected,
.theme--tokyo .picker__day--selected:hover,
.theme--tokyo .picker--focused .picker__day--selected {
  background-color: #ff6300 !important; }

.theme--tokyo .carouselThumbnail-item.is-thumbnail-selected {
  border-color: #ff6300 !important; }

.theme--tokyo .slick-active button {
  background-color: #ff6300 !important; }

.theme--tokyo .articleIndex-heading em {
  background-color: #c9e2db !important; }

.theme--tokyo .list-heading em {
  background-color: #c9e2db !important; }

.theme--tokyo .map-body {
  background-image: url("/assets/themes/herenow/img/themes/tokyo/map.png"); }

.theme--tokyo .spMap-trigger, .theme--tokyo .spMap-closeTrigger {
  background: #fedfd1; }

.theme--tokyo .snapDetail-recommend-list .textLink {
  color: #ff6300 !important; }

.theme--tokyo .snapDetail-recommend-list > li a:before {
  background-color: #ff6300 !important; }

.theme--tokyo .snapDetail-recommend-list > li a:hover:before {
  background-color: #fedfd1 !important; }

.theme--tokyo .detail-app-left {
  background-image: url("/assets/themes/herenow/img/themes/tokyo/app-left.png"); }

.theme--tokyo .detail-app-right {
  background-image: url("/assets/themes/herenow/img/themes/tokyo/app-right.png"); }

@media screen and (max-width: 640px) {
  .theme--tokyo .detail-app-visual {
    background-image: url("/assets/themes/herenow/img/themes/tokyo/app-all.png"); } }

.theme--tokyo .page-other-headline h2:before {
  content: '';
  width: 80px;
  height: 5px;
  background-color: #ff6300;
  display: inline-block;
  vertical-align: middle;
  margin-right: 34px;
  margin-left: -40px; }
  @media screen and (max-width: 640px) {
    .theme--tokyo .page-other-headline h2:before {
      width: 10px;
      height: 4px;
      margin-right: 10px;
      margin-left: -20px; } }

.account {
  font-size: 0; }

.account-login, .account-favorite, .account-user-image, .account-current-lang {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 68px;
  height: 68px;
  transition: background-color;
  color: inherit; }

.account-login:hover {
  background-color: #1a1a1a;
  color: #fff; }

.account-login:before {
  font-family: fontello;
  display: inline-block;
  content: '\e856';
  margin: -3px 10px 0 0;
  color: inherit;
  font-size: 24px;
  font-size: 2.4rem;
  vertical-align: middle; }

.account-login:after {
  font-family: fontello;
  display: inline-block;
  content: '\e878';
  margin: -3px 0 0 10px;
  color: inherit;
  vertical-align: middle;
  line-height: 0.5; }

.account-favorite:hover {
  background-color: #1a1a1a;
  color: #fff; }

.account-favorite:before {
  font-family: fontello;
  display: inline-block;
  content: '\e91c';
  margin: 0 10px 0 0;
  color: inherit;
  font-size: 24px;
  font-size: 2.4rem;
  vertical-align: middle; }

.account-user {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0; }

.account-user-image {
  cursor: pointer; }
  .account-user-image img {
    vertical-align: middle; }
  .account-user-image:after {
    font-family: fontello;
    display: inline-block;
    content: '\e878';
    margin: 0 0 0 10px;
    color: inherit;
    vertical-align: middle; }
  .js-tooltip:hover .account-user-image {
    background-color: #1a1a1a;
    color: #fff; }

.account-lang {
  display: inline-block;
  vertical-align: top;
  position: relative;
  font-size: 0; }

.account-current-lang:hover {
  background-color: #1a1a1a;
  color: #fff; }

.account-current-lang:before {
  font-family: fontello;
  display: inline-block;
  content: '\e8a2';
  margin: 0 10px 0 0;
  color: inherit;
  font-size: 24px;
  font-size: 2.4rem;
  vertical-align: middle; }

.account-current-lang:after {
  font-family: fontello;
  display: inline-block;
  content: '\e878';
  margin: 0 0 0 10px;
  color: inherit;
  vertical-align: middle; }

.anchorList {
  width: 100%; }
  .anchorList > li {
    margin: 0 0 1px; }
  .anchorList a {
    display: block;
    padding: 0 15px;
    background: #333;
    line-height: 50px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    transition: opacity; }
    .anchorList a:hover {
      opacity: 0.8; }
  @media screen and (max-width: 640px) {
    .anchorList {
      display: none; } }

.area {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: normal; }

.articlePanel--horizontal, .articlePanel--vertical {
  background-color: #fff;
  position: relative;
  transition: background-color; }
  .is-newTopics.articlePanel--horizontal:before, .is-newTopics.articlePanel--vertical:before {
    display: block;
    content: '';
    position: absolute;
    top: -50px;
    right: -12px;
    z-index: 1;
    pointer-events: none;
    background-image: url(../img/sprite.png);
    background-position: -225px -123.5px;
    width: 118px;
    height: 118px;
    background-size: 799.5px 769.5px;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
    a:hover .is-newTopics.articlePanel--horizontal:before, a:hover .is-newTopics.articlePanel--vertical:before {
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg); }
  a:hover .articlePanel--horizontal, a:hover .articlePanel--vertical {
    background: transparent; }
  @media screen and (max-width: 640px) {
    .is-newTopics.articlePanel--horizontal:before, .is-newTopics.articlePanel--vertical:before {
      right: 0; } }

.articlePanel--horizontal {
  display: table;
  width: 100%;
  table-layout: fixed;
  min-height: 300px; }
  @media screen and (max-width: 640px) {
    .articlePanel--horizontal {
      display: block; } }

.articlePanel--vertical {
  display: block; }

.articlePanel-image {
  background-repeat: no-repeat;
  background-position: 50% 30%;
  background-size: cover; }
  .articlePanel-image:hover,
  a:hover .articlePanel-image {
    animation: flash 0.8s ease-out 0s 1; }
  @media screen and (max-width: 640px) {
    .articlePanel-image:hover,
    a:hover .articlePanel-image {
      animation: none; } }
  .articlePanel--horizontal .articlePanel-image {
    display: table-cell;
    height: 215px;
    vertical-align: top;
    width: 50%; }
  .articlePanel--vertical .articlePanel-image {
    display: block;
    height: 173px; }
  @media screen and (max-width: 640px) {
    .articlePanel--horizontal .articlePanel-image {
      display: block;
      width: auto;
      height: 167px; } }

.articlePanel--horizontal .articlePanel-text {
  padding: 25px; }

.articlePanel--vertical .articlePanel-text {
  padding: 20px; }

@media screen and (max-width: 640px) {
  .articlePanel--horizontal .articlePanel-text {
    padding: 20px; } }

.articlePanel-title {
  margin: 0 0 10px; }
  .articlePanel-title > b {
    font-weight: bold; }
  .articlePanel-title a {
    color: inherit;
    transition: opacity; }
    .articlePanel-title a:hover {
      opacity: 0.8; }
  .articlePanel--horizontal .articlePanel-title > b {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.33333; }
  .articlePanel--vertical .articlePanel-title > b {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.33333; }
  @media screen and (max-width: 640px) {
    .articlePanel--horizontal .articlePanel-title > b {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1.33333; } }

.articlePanel-categoryList {
  padding: 0;
  font-size: 0; }
  .articlePanel-categoryList > li {
    display: inline-block;
    margin: 0 5px 5px 0; }

.articlePanel-lead {
  margin: 0 0 10px;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.69231; }

.articlePanel-meta {
  line-height: 1; }

.balloon--1, .balloon--2, .balloon--3, .balloon--4, .balloon--5 {
  width: 276px;
  height: 362px;
  margin: 0 0 0 -138px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: -100%;
  z-index: -1;
  -ms-transform-origin: 50% 0;
      transform-origin: 50% 0;
  -webkit-transform-origin: 50% 0;
  transform: translate3d(0, 0, 0);
  transition: opacity 1s ease-out;
  animation: move-balloon 10s ease-out 0s infinite; }
  @media screen and (max-width: 640px) {
    .balloon--1, .balloon--2, .balloon--3, .balloon--4, .balloon--5 {
      width: 84px;
      height: 110.048px;
      animation: move-balloon-sp 10s ease-out 0s infinite; } }

.balloon--1 {
  background-image: url("/assets/themes/herenow/img/grand/balloon_1.png");
  left: 50%;
  animation-delay: 0s; }

.balloon--2 {
  background-image: url("/assets/themes/herenow/img/grand/balloon_1.png");
  left: 20%;
  animation-delay: 8s; }

.balloon--3 {
  background-image: url("/assets/themes/herenow/img/grand/balloon_1.png");
  left: 70%;
  animation-delay: 16s; }

.balloon--4 {
  background-image: url("/assets/themes/herenow/img/grand/balloon_1.png");
  left: 0%;
  animation-delay: 24s; }

.balloon--5 {
  background-image: url("/assets/themes/herenow/img/grand/balloon_1.png");
  left: 90%;
  animation-delay: 32s; }

@keyframes move-balloon {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(1500px); } }

.blockLink {
  display: block;
  color: inherit; }

.bread-wrap {
  position: relative;
  display: block;
  overflow: scroll;
  height: 26px;
  padding: 0;
  background-color: #e8e8e8; }
  .bread-wrap.sub {
    background-color: #1a1a1a; }
    .bread-wrap.sub .bread {
      color: #808080; }
  .bread-wrap .bread {
    position: absolute;
    white-space: nowrap;
    line-height: 28px;
    font-size: 10px;
    padding: 5px 20px;
    color: #666;
    font-size: 10px;
    line-height: 1.5; }
    .bread-wrap .bread li {
      display: inline-block; }
      .bread-wrap .bread li br {
        display: none; }
    @media screen and (max-width: 640px) {
      .bread-wrap .bread {
        padding: 7px 20px; } }
  .bread-wrap a {
    color: #808080; }

.buttonContainer {
  text-align: center; }
  @media screen and (max-width: 640px) {
    .buttonContainer {
      padding: 0 10px; } }

.button--default, .button--nospacingHorizontal, .button--small, .button--global, .button--introduction, .button--like-body, .button--likeSmall-body, .button--ticket, .button--cancel, .button--check, .button--radio, .button--add, .button--facebook, .button--snap, .button--white, .button--selectAll, .button--selectable, .button--sort, .button--submit, .button--backLarge, .button--backLarge--black {
  display: block;
  padding: 12px 30px;
  margin: 0;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  border: none;
  line-height: 1.5;
  -webkit-appearance: none;
  outline: none;
  transition: opacity; }
  .button--default[disabled], .button--nospacingHorizontal[disabled], .button--small[disabled], .button--global[disabled], .button--introduction[disabled], .button--like-body[disabled], .button--likeSmall-body[disabled], .button--ticket[disabled], .button--cancel[disabled], .button--check[disabled], .button--radio[disabled], .button--add[disabled], .button--facebook[disabled], .button--snap[disabled], .button--white[disabled], .button--selectAll[disabled], .button--selectable[disabled], .button--sort[disabled], .button--submit[disabled], .button--backLarge[disabled], .button--backLarge--black[disabled] {
    opacity: 0.2;
    pointer-events: none; }
  .button--default:hover, .button--nospacingHorizontal:hover, .button--small:hover, .button--global:hover, .button--introduction:hover, .button--like-body:hover, .button--likeSmall-body:hover, .button--ticket:hover, .button--cancel:hover, .button--check:hover, .button--radio:hover, .button--add:hover, .button--facebook:hover, .button--snap:hover, .button--white:hover, .button--selectAll:hover, .button--selectable:hover, .button--sort:hover, .button--submit:hover, .button--backLarge:hover, .button--backLarge--black:hover {
    opacity: 0.8; }
  @media screen and (max-width: 640px) {
    .button--default, .button--nospacingHorizontal, .button--small, .button--global, .button--introduction, .button--like-body, .button--likeSmall-body, .button--ticket, .button--cancel, .button--check, .button--radio, .button--add, .button--facebook, .button--snap, .button--white, .button--selectAll, .button--selectable, .button--sort, .button--submit, .button--backLarge, .button--backLarge--black {
      padding-top: 7px;
      padding-bottom: 7px;
      width: 100%; } }

.button--inlineBlock {
  display: inline-block; }
  @media screen and (max-width: 640px) {
    .button--inlineBlock {
      display: block;
      text-align: center; } }

.button--default {
  color: #fff; }

.button--nospacingHorizontal {
  padding-right: 0;
  padding-left: 0;
  color: #fff; }

.button--small {
  padding: 8px 20px;
  color: #fff; }
  @media screen and (max-width: 640px) {
    .button--small {
      display: inline-block;
      width: auto; } }

.button--widthMedium {
  width: 330px; }
  @media screen and (max-width: 640px) {
    .button--widthMedium {
      width: 100%; } }

.button--global {
  margin: auto;
  padding-top: 0;
  padding-bottom: 0;
  background-color: #ff3645;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 53px;
  text-align: center; }

.button--introduction {
  padding: 8px 20px;
  color: #fff; }
  @media screen and (max-width: 640px) {
    .button--introduction {
      display: inline-block;
      width: auto;
      padding-top: 4px;
      padding-bottom: 4px;
      font-size: 14px;
      font-size: 1.4rem; } }

.button--like {
  display: block;
  position: relative;
  color: #fff; }

.button--like-body {
  padding-top: 18px;
  padding-bottom: 18px;
  border-radius: 4px;
  border: 1px solid;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center; }
  .button--like-body [class^="icon-"]:before {
    font-size: 22px;
    font-size: 2.2rem;
    vertical-align: middle; }

.button--likeSmall {
  position: relative;
  appearance: none;
  border: none;
  padding: 0;
  background: transparent;
  color: #fff;
  outline: none; }

.favoriteMark--added, .favoriteMark--removed {
  position: absolute;
  top: -86px;
  left: 0;
  opacity: 0;
  transform: translate3d(0, 5px, 0); }
  .is-animated.favoriteMark--added, .is-animated.favoriteMark--removed {
    animation: move-mark 3s ease-out 0s 1; }

.favoriteMark--center {
  right: 0;
  left: 0;
  margin: auto; }

.favoriteMark--added {
  background-image: url(../img/sprite.png);
  background-position: 0px -1463px;
  width: 63px;
  height: 76px; }

.favoriteMark--removed {
  background-image: url(../img/sprite.png);
  background-position: -83px -1463px;
  width: 63px;
  height: 76px; }

.button--likeSmall-body {
  background-color: gray;
  width: 30px;
  height: 30px;
  padding: 4px;
  overflow: hidden;
  border: 2px solid;
  border-radius: 6px;
  font-size: 13px;
  font-size: 1.3rem;
  transition: width 0.2s ease-out, padding 0.4s ease-out; }
  .button--likeSmall-body .button--likeSmall-inner {
    white-space: nowrap; }
    .button--likeSmall-body .button--likeSmall-inner:before {
      margin-right: 0;
      margin-left: 0;
      color: inherit;
      font-size: 20px;
      font-size: 2rem;
      line-height: 1; }
  .button--likeSmall-body .button--likeSmall-text {
    display: inline-block;
    vertical-align: top;
    opacity: 0;
    overflow: hidden;
    padding: 0 0 0 5px;
    font-weight: bold;
    transition: opacity 0.4s linear 0.2s; }
  a:hover .button--likeSmall-body {
    width: 100%;
    padding: 4px; }
    a:hover .button--likeSmall-body .button--likeSmall-text {
      opacity: 1; }
  @media screen and (max-width: 640px) {
    .button--likeSmall-body {
      width: 25px;
      height: 25px;
      padding: 2px; }
      .button--likeSmall-body .button--likeSmall-inner:before {
        font-size: 18px;
        font-size: 1.8rem; }
      a:hover .button--likeSmall-body {
        width: 25px;
        padding: 2px; } }

.is-added .unaddedFavoriteIcon {
  display: none !important; }

.addedFavoriteIcon {
  display: none;
  transition: width 0.2s ease-out, padding 0.4s ease-out, background-color 0.2s ease-out, border-color 0.2s ease-out; }
  .is-added .addedFavoriteIcon {
    display: block; }
  .is-added:not(.is-hoverd) .addedFavoriteIcon:hover {
    background-color: #808080 !important;
    border-color: #808080 !important; }

.is-added:not(.is-hoverd) .addedFavoriteIcon:hover .addedFavoriteText {
  display: none; }

.removeFavoriteText {
  display: none; }
  .is-added:not(.is-hoverd) .addedFavoriteIcon:hover .removeFavoriteText {
    display: block; }

.button--ticket {
  display: block;
  padding-top: 18px;
  padding-bottom: 18px;
  background: #fff;
  border-radius: 4px;
  border-top: 3px solid #5688dd;
  font-size: 14px;
  font-size: 1.4rem;
  color: #ff3645; }
  .button--ticket [class^="icon-"]:before {
    font-size: 22px;
    font-size: 2.2rem;
    vertical-align: bottom; }

.button--cancel {
  background-color: gray;
  color: #fff; }

.button--check, .button--radio {
  padding-top: 8px;
  padding-bottom: 8px;
  position: relative;
  cursor: pointer;
  border: 1px solid #ff3645;
  background-color: #fff;
  color: #ff3645;
  transition: background-color 0.4s ease-out; }
  .button--check .icon-check, .button--radio .icon-check {
    display: none; }
  .is-checked.button--check, .is-checked.button--radio {
    color: #fff;
    background: #ff3645; }
    .is-checked.button--check .icon-check, .is-checked.button--radio .icon-check {
      display: inline-block; }

.button--check input[type="checkbox"] {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  opacity: 0; }

.button--radio input[type="radio"] {
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  opacity: 0; }

.button--add {
  display: block;
  width: 100%;
  line-height: 50px;
  padding: 0;
  background: #86b0ce;
  color: #fff;
  font-weight: bold; }

.button--facebook {
  background-color: #036eb8;
  color: #fff; }

.button--snap {
  background-color: #d5d5d5;
  color: #1a1a1a; }

.button--white {
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  color: inherit; }

.button--selectAll {
  padding: 11px 29px;
  background-color: #fff;
  border: 1px solid #d5d5d5;
  color: inherit; }

.button--sort {
  background-color: #fff;
  border: 1px solid #d5d5d5; }

.button--submit {
  display: inline-block;
  vertical-align: middle;
  width: 65px;
  height: 35px;
  padding: 0;
  color: #fff;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  border-radius: 3px;
  text-align: center;
  background-color: #000;
  transition: background-color 0.4s ease-out; }
  .button--submit:hover {
    background-color: gray; }

.button--backLarge, .button--backLarge--black {
  display: block;
  line-height: 72px;
  border-top: 1px solid;
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .button--backLarge, .button--backLarge--black {
      line-height: 48px;
      font-size: 13px;
      font-size: 1.3rem; } }

.button--backLarge {
  border-color: #d7d7d7; }

.button--backLarge--black {
  border-color: #333; }

.carousel {
  height: 540px;
  margin: 0 0 20px;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .carousel {
      height: 325px; } }
  @media screen and (min-height: 1000px) {
    .carousel {
      height: 765px; } }

@media screen and (max-width: 640px) {
  .carousel-slide {
    position: relative; } }

.carousel-item {
  display: table;
  width: 100%;
  table-layout: fixed; }

.carousel-item-inner {
  display: table-cell;
  width: 100%;
  height: 540px;
  background: #f2f2f2;
  text-align: center;
  vertical-align: middle; }
  .carousel-item-inner img {
    display: inline-block !important;
    max-width: 100%;
    max-height: 100%; }
  .is-mode-mapview .carousel-item-inner {
    height: 540px; }
  @media screen and (min-height: 1000px) {
    .carousel-item-inner {
      height: 765px; } }
  @media screen and (max-width: 640px) {
    .carousel-item-inner {
      height: 300px; } }

.carousel-caption {
  width: 100%;
  padding: 5px 10px;
  background-color: #eaeaea;
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  bottom: 0;
  left: 0; }

.carouselThumbnail {
  *zoom: 1;
  margin: 0 0 0 -20px; }
  .carouselThumbnail:before, .carouselThumbnail:after {
    display: table;
    content: ''; }
  .carouselThumbnail:after {
    clear: both; }
  .carouselThumbnail > li {
    width: 20%;
    margin: 0 0 20px;
    padding: 0 0 0 20px;
    float: left; }
  @media screen and (max-width: 640px) {
    .carouselThumbnail {
      display: none; } }

.carouselThumbnail-item {
  display: table;
  width: 100%;
  table-layout: fixed;
  border: 10px solid #f2f2f2;
  cursor: pointer;
  transition: border-color 0.6s ease-out; }
  .carouselThumbnail-item:hover {
    border-color: #cccccc; }

.carouselThumbnail-item-inner {
  display: table-cell;
  width: 100%;
  height: 72px;
  vertical-align: middle;
  text-align: center; }
  .carouselThumbnail-item-inner img {
    max-width: 100%;
    max-height: 100%; }

.categoryTag {
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 20px;
  padding: 0 0 0 0;
  transition: opacity; }
  .categoryTag:hover {
    opacity: 0.8; }

.cityDescription {
  margin: 0 0 10px;
  padding: 0 0 7px;
  border-bottom: 2px solid #4d3c3c;
  font-size: 0;
  line-height: 1; }
  .cityDescription > dt {
    display: inline-block;
    margin: 0 6px 0 0;
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: top; }
  .cityDescription > dd {
    display: inline-block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    vertical-align: top; }

.cityLabel, .cityLabel--whitecolor {
  display: block;
  padding: 0 15px;
  line-height: 26px;
  font-size: 13px;
  font-size: 1.3rem;
  text-align: center;
  border-radius: 10px;
  color: #444;
  background: #fff;
  transition: opacity; }
  .cityLabel:hover, .cityLabel--whitecolor:hover {
    opacity: 0.8; }

.cityLabel--whitecolor {
  color: #fff !important; }

.cityList {
  border-top: 1px solid #d9d9d9; }
  .cityList > li {
    border-bottom: 1px solid #d9d9d9; }
  .cityList a {
    padding: 0 25px;
    transition: opacity; }
    .cityList a:hover {
      opacity: 0.7; }

.cityList-box {
  padding: 40px 10px;
  position: relative;
  text-align: center; }
  .cityList-box img {
    height: 52px; }
  .cityList-box:after {
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    content: '\e872';
    font-family: fontello;
    font-size: 20px;
    font-size: 2rem;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    line-height: 1; }
  @media screen and (max-width: 640px) {
    .cityList-box {
      padding-top: 15px;
      padding-bottom: 15px; }
      .cityList-box img {
        height: 21px; } }

.commonHeading {
  margin: 0 0 5px;
  font-size: 20px;
  font-size: 2rem;
  color: #000;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 640px) {
    .commonHeading {
      font-size: 16px;
      font-size: 1.6rem; } }

.commonText {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2; }
  @media screen and (max-width: 640px) {
    .commonText {
      font-size: 14px;
      font-size: 1.4rem; } }

.container, .container--medium, .container--small, .container--fluid {
  position: relative;
  margin: auto;
  *zoom: 1; }
  .container:before, .container--medium:before, .container--small:before, .container--fluid:before, .container:after, .container--medium:after, .container--small:after, .container--fluid:after {
    display: table;
    content: ''; }
  .container:after, .container--medium:after, .container--small:after, .container--fluid:after {
    clear: both; }

.container {
  width: 1200px; }
  @media screen and (max-width: 640px) {
    .container {
      width: auto;
      padding: 0 10px; } }

.container--medium {
  width: 966px; }
  @media screen and (max-width: 640px) {
    .container--medium {
      width: auto;
      padding: 0 10px; } }

.container--small {
  width: 765px; }
  .is-mode-mapview .container--small {
    width: auto; }
  @media screen and (max-width: 640px) {
    .container--small {
      width: auto;
      padding: 0 10px; } }

.container--fluid {
  min-width: 1200px; }
  @media screen and (max-width: 640px) {
    .container--fluid {
      min-width: 0; } }

#disqus_thread .publisher-anchor-color a {
  color: #036eb5 !important; }

.expiration--panel, .expiration--detail {
  display: block;
  padding: 0 5px;
  line-height: 20px;
  background: #ccc;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff; }

.expiration--panel {
  margin-bottom: 10px; }

.expiration--detail {
  margin-bottom: 15px;
  text-align: center; }

.fixed_sns_you {
  z-index: 10000;
  position: fixed;
  bottom: 20px;
  right: 20px; }
  .fixed_sns_you .link {
    display: flex;
    width: 204px;
    height: 61px;
    background-color: #41abd2;
    justify-content: center;
    background-color: #000;
    color: #fff;
    padding: 5px;
    justify-content: space-around; }
    .fixed_sns_you .link .wrap {
      display: flex; }
      .fixed_sns_you .link .wrap.left {
        flex-direction: column;
        align-items: center;
        justify-content: space-around; }
        .fixed_sns_you .link .wrap.left .text {
          background-color: #ff0000;
          width: 83px;
          text-align: center;
          color: #fff;
          font-size: 12px;
          font-weight: bold; }
      .fixed_sns_you .link .wrap .image {
        width: 94px; }
  .fixed_sns_you .close {
    z-index: 100;
    position: absolute;
    right: -6px;
    top: -6px;
    cursor: pointer; }

.fixed_sns {
  z-index: 10000;
  width: 100%;
  height: 50px;
  background-color: #41abd2;
  position: fixed;
  bottom: 0;
  display: flex;
  flex-direction: column;
  justify-content: center; }
  .fixed_sns.you {
    background-color: #CC3737; }
  .fixed_sns.enq {
    background-color: #D16942; }
    @media screen and (min-width: 641px) {
      .fixed_sns.enq {
        width: 400px; } }
  @media screen and (min-width: 641px) {
    .fixed_sns.tw {
      width: 420px; } }
  @media screen and (min-width: 641px) {
    .fixed_sns {
      width: 370px;
      bottom: 20px;
      right: 20px;
      border-radius: 8px; } }
  .fixed_sns .wrap {
    display: flex; }
    .fixed_sns .wrap .img {
      margin-left: 10px;
      height: 20px; }
    .fixed_sns .wrap .text {
      color: #fff;
      line-height: 20px;
      font-size: 13px;
      padding-left: 10px; }
      .fixed_sns .wrap .text.tw {
        font-size: 12px;
        width: 71%; }
        @media screen and (min-width: 641px) {
          .fixed_sns .wrap .text.tw {
            font-size: 14px;
            width: auto; } }
    .fixed_sns .wrap .arrow {
      position: absolute;
      right: 10px;
      color: #fff;
      line-height: 20px; }

@font-face {
  font-family: 'fontello';
  src: url("https://www.herenow.city/assets/themes/herenow/font/fontello.eot?1097012");
  src: url("https://www.herenow.city/assets/themes/herenow/font/fontello.eot?1097012#iefix") format("embedded-opentype"), url("https://www.herenow.city/assets/themes/herenow/font/fontello.woff?1097012") format("woff"), url("https://www.herenow.city/assets/themes/herenow/font/fontello.ttf?1097012") format("truetype"), url("https://www.herenow.city/assets/themes/herenow/font/fontello.svg?1097012#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }

/*setting*/
.gdpr-box {
  width: 100%;
  background-color: #333;
  position: fixed;
  bottom: 0;
  padding-top: 15px;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', 'ＭＳ Ｐゴシック', tahoma, sans-serif;
  font-size: 13px; }

.gdpr-box-body {
  margin-left: 50px;
  margin-bottom: 15px;
  padding-right: 80px; }

.gdpr__button {
  display: inline-block;
  color: #fff;
  margin: 0 3px;
  border-radius: 8px; }

.gdpr-box-body p {
  font-size: 14px;
  line-height: 1.62;
  color: white; }

.gdpr-box-body a {
  text-decoration: underline; }

.gdpr-box-body a:hover {
  text-decoration: none;
  color: #ff3645;
  cursor: pointer; }

@media screen and (max-width: 640px) {
  .gdpr-box-body {
    margin-left: 20px;
    padding-right: 50px; }
  .gdpr-box-body p {
    font-size: 12px;
    line-height: 1.62;
    color: white; } }

.flex {
  display: flex; }

.around {
  justify-content: space-around;
  margin-left: auto; }

.w-normal {
  max-width: 1200px; }

.center-center {
  justify-content: center;
  align-items: center; }

.h-full {
  height: 100%; }

.my-2 {
  margin-top: 20px;
  margin-bottom: 20px; }

.pt-2 {
  padding-top: 20px; }

.pt-4 {
  padding-top: 40px; }

.py-2 {
  padding-top: 20px;
  padding-bottom: 20px; }

.pb-5 {
  padding-bottom: 50px; }

.center {
  margin-left: auto;
  margin-right: auto; }

.icon-pagetop, .icon-heading--pen, .icon-heading--heart, .icon-heading--setting, .icon-heading--herenow, .icon-down--circle {
  display: inline-block;
  position: relative; }
  .icon-pagetop:before, .icon-heading--pen:before, .icon-heading--heart:before, .icon-heading--setting:before, .icon-heading--herenow:before, .icon-down--circle:before, .icon-pagetop:after, .icon-heading--pen:after, .icon-heading--heart:after, .icon-heading--setting:after, .icon-heading--herenow:after, .icon-down--circle:after {
    display: block;
    content: '';
    position: absolute;
    font-family: fontello; }

.icon-pagetop {
  padding: 0 35px 0 0; }
  .icon-pagetop:after {
    width: 10px;
    height: 10px;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-image: url(../img/sprite.png);
    background-position: -519px -345.5px;
    width: 18px;
    height: 18px;
    background-size: 799.5px 769.5px; }

.icon-heading--pen, .icon-heading--heart, .icon-heading--setting, .icon-heading--herenow {
  padding-top: 75px; }
  .icon-heading--pen:before, .icon-heading--heart:before, .icon-heading--setting:before, .icon-heading--herenow:before {
    top: 0;
    right: 0;
    left: 0;
    margin: auto; }
  @media screen and (max-width: 640px) {
    .icon-heading--pen, .icon-heading--heart, .icon-heading--setting, .icon-heading--herenow {
      padding-top: 0;
      padding-left: 40px; }
      .icon-heading--pen:before, .icon-heading--heart:before, .icon-heading--setting:before, .icon-heading--herenow:before {
        right: auto;
        bottom: 0; } }

.icon-heading--pen:before {
  background-image: url(../img/sprite.png);
  background-position: -658.5px -70px;
  width: 64px;
  height: 64px;
  background-size: 799.5px 769.5px; }

@media screen and (max-width: 640px) {
  .icon-heading--pen:before {
    background-image: url(../img/sprite.png);
    background-position: -660px -610.5px;
    width: 30px;
    height: 30px;
    background-size: 799.5px 769.5px; } }

.icon-heading--heart:before {
  background-image: url(../img/sprite.png);
  background-position: -658.5px -218px;
  width: 64px;
  height: 64px;
  background-size: 799.5px 769.5px; }

@media screen and (max-width: 640px) {
  .icon-heading--heart:before {
    background-image: url(../img/sprite.png);
    background-position: -620px -610.5px;
    width: 30px;
    height: 30px;
    background-size: 799.5px 769.5px; } }

.icon-heading--setting:before {
  background-image: url(../img/sprite.png);
  background-position: -658.5px -292px;
  width: 64px;
  height: 64px;
  background-size: 799.5px 769.5px; }

@media screen and (max-width: 640px) {
  .icon-heading--setting:before {
    background-image: url(../img/sprite.png);
    background-position: -700px -610.5px;
    width: 30px;
    height: 30px;
    background-size: 799.5px 769.5px; } }

.icon-heading--herenow:before {
  background-image: url(../img/sprite.png);
  background-position: -658.5px -144px;
  width: 64px;
  height: 64px;
  background-size: 799.5px 769.5px; }

@media screen and (max-width: 640px) {
  .icon-heading--herenow:before {
    background-image: url(../img/sprite.png);
    background-position: -580px -610.5px;
    width: 30px;
    height: 30px;
    background-size: 799.5px 769.5px; } }

.icon-down--circle {
  padding-left: 28px; }
  .icon-down--circle:before {
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-image: url(../img/sprite.png);
    background-position: -629px -252.5px;
    width: 18px;
    height: 18px;
    background-size: 799.5px 769.5px; }

.loader-ellips {
  font-size: 20px;
  /* change size here */
  position: relative;
  width: 4em;
  height: 1em;
  margin: 10px auto; }

.loader-ellips__dot {
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 0.5em;
  background: #555;
  /* change color here */
  position: absolute;
  animation-duration: 0.5s;
  animation-timing-function: ease;
  animation-iteration-count: infinite; }

.loader-ellips__dot:nth-child(1),
.loader-ellips__dot:nth-child(2) {
  left: 0; }

.loader-ellips__dot:nth-child(3) {
  left: 1.5em; }

.loader-ellips__dot:nth-child(4) {
  left: 3em; }

@keyframes reveal {
  from {
    transform: scale(0.001); }
  to {
    transform: scale(1); } }

@keyframes slide {
  to {
    transform: translateX(1.5em); } }

.loader-ellips__dot:nth-child(1) {
  animation-name: reveal; }

.loader-ellips__dot:nth-child(2),
.loader-ellips__dot:nth-child(3) {
  animation-name: slide; }

.loader-ellips__dot:nth-child(4) {
  animation-name: reveal;
  animation-direction: reverse; }

.informationBox {
  margin: 0 0 30px; }
  @media screen and (max-width: 640px) {
    .informationBox {
      margin-bottom: 15px; } }

.informationBox-inner {
  padding: 25px 30px 30px;
  background: #f2f2f2; }
  .is-mode-mapview .informationBox-inner {
    padding: 15px 20px 20px; }
  @media screen and (max-width: 640px) {
    .informationBox-inner {
      padding: 15px 10px; } }

.informationBox-heading {
  display: block;
  margin: 0 0 20px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  color: #808080; }
  @media screen and (max-width: 640px) {
    .informationBox-heading {
      margin-bottom: 15px; } }

.informationBox-table {
  border-top: 1px solid #ccc; }
  .informationBox-table > dl {
    display: table;
    width: 100%;
    table-layout: fixed;
    border-bottom: 1px solid #ccc;
    font-size: 14px;
    font-size: 1.4rem; }
  .informationBox-table dt {
    display: table-cell;
    width: 135px;
    vertical-align: top;
    background: #e5e5e5;
    padding: 10px 15px;
    font-weight: bold; }
  .informationBox-table dd {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    padding: 10px 15px; }
  @media screen and (max-width: 640px) {
    .informationBox-table > dl {
      font-size: 13px;
      font-size: 1.3rem; }
    .informationBox-table dt {
      width: 103px; } }

.informationBox-table-heading {
  font-size: inherit;
  font-weight: inherit; }

.informationBox-report {
  padding: 8px 15px;
  background: #e5e5e5;
  font-size: 12px;
  font-size: 1.2rem;
  text-align: right; }
  .informationBox-report a {
    transition: opacity; }
    .informationBox-report a:hover {
      opacity: 0.8; }

.infoWindow {
  display: table;
  width: 100%;
  table-layout: fixed; }

.infoWindow-image {
  display: table-cell;
  width: 70px;
  padding-right: 10px;
  vertical-align: top; }
  .infoWindow-image img {
    max-width: 60px;
    max-height: 60px; }

.infoWindow-text {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem; }
  .infoWindow-text p {
    margin-bottom: 10px; }

.infoWindow-url {
  display: block;
  padding: 10px 0 0;
  font-size: 13px;
  font-size: 1.3rem; }

.labelList {
  font-size: 0; }
  .labelList > li {
    display: inline-block;
    margin: 0 10px 10px 0; }
  @media screen and (max-width: 640px) {
    .labelList > li {
      display: block;
      margin-right: 0; } }

.line {
  display: block;
  width: 60px;
  height: 3px;
  margin: 0 0 15px;
  border: none;
  text-align: left; }

.logoArea, .logoArea--noborder {
  width: 100%;
  position: relative; }
  .logoArea:before, .logoArea--noborder:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-image: url(../img/sprite.png);
    background-position: -279px -377.5px;
    width: 101px;
    height: 30px;
    background-size: 799.5px 769.5px; }
  @media screen and (max-width: 640px) {
    .logoArea, .logoArea--noborder {
      display: none; } }

.logoArea {
  height: 165px;
  border-top: 10px solid #ccc; }

.logoArea--noborder {
  height: 155px; }

.logo-herenow--large, .logo-herenow--whiteLarge {
  display: inline-block;
  font-size: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: top; }

.logo-herenow--large {
  background-image: url(../img/sprite.png);
  background-position: -320.5px 0px;
  width: 328px;
  height: 99px;
  background-size: 799.5px 769.5px; }
  @media screen and (max-width: 640px) {
    .logo-herenow--large {
      background-image: url(../img/sprite.png);
      background-position: 0px -252.5px;
      width: 186px;
      height: 56px;
      background-size: 799.5px 769.5px; } }

.logo-herenow--whiteLarge {
  background-image: url(../img/sprite.png);
  background-position: -936px -247px;
  width: 311px;
  height: 94px; }
  @media screen and (max-width: 640px) {
    .logo-herenow--whiteLarge {
      background-image: url(../img/sprite.png);
      background-position: -468px -123.5px;
      width: 155.5px;
      height: 47px;
      background-size: 799.5px 769.5px; } }

.mailmagazineForm {
  padding: 17px 25px 0; }
  @media screen and (max-width: 640px) {
    .mailmagazineForm {
      padding: 10px 10px 0; } }

.mailmagazineForm-text {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 0 25px 0 60px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold; }
  .mailmagazineForm-text:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-image: url(../img/sprite.png);
    background-position: -747.5px -216px;
    width: 47px;
    height: 48px;
    background-size: 799.5px 769.5px; }
  @media screen and (max-width: 640px) {
    .mailmagazineForm-text {
      min-height: 38px;
      padding-right: 60px;
      margin-bottom: 8px;
      font-size: 13px;
      font-size: 1.3rem; }
      .mailmagazineForm-text:before {
        background-image: url(../img/sprite.png);
        background-position: -606px -180.5px;
        width: 38px;
        height: 38px;
        background-size: 799.5px 769.5px; } }

.mailmagazineForm-form {
  display: inline-block;
  vertical-align: middle; }
  @media screen and (max-width: 640px) {
    .mailmagazineForm-form {
      display: block;
      position: relative; } }

.mailmagazineForm-field {
  display: inline-block;
  width: 260px;
  position: relative;
  vertical-align: middle;
  background: #ffe6ed; }
  .mailmagazineForm-field:before {
    display: inline-block;
    content: '\e833';
    font-family: fontello;
    color: #333;
    position: absolute;
    top: 9px;
    left: 12px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1; }
  @media screen and (max-width: 640px) {
    .mailmagazineForm-field {
      width: calc(100% - 70px);
      width: -webkit-calc(100% - 70px); } }

.mailmagazineForm-input {
  width: 100%;
  height: 35px;
  padding: 0 0 0 45px;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  line-height: 1.5;
  font-size: 13px;
  font-size: 1.3rem; }
  .mailmagazineForm-input::-webkit-input-placeholder {
    color: #999; }
  .mailmagazineForm-input:-ms-input-placeholder {
    color: #999; }
  .mailmagazineForm-input::-moz-placeholder {
    color: #999; }
  .mailmagazineForm-input:focus::-webkit-input-placeholder {
    color: #333333; }
  .mailmagazineForm-input:focus:-ms-input-placeholder {
    color: #333333; }
  .mailmagazineForm-input:focus::-moz-placeholder {
    color: #333333; }
  @media screen and (max-width: 640px) {
    .mailmagazineForm-input {
      padding-left: 35px;
      font-size: 12px;
      font-size: 1.2rem; } }

@media screen and (max-width: 640px) {
  .mailmagazineForm-button {
    position: absolute;
    top: 0;
    right: 0; } }

.map {
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .map {
      display: none; } }

.map-body {
  width: 100%;
  height: 100%;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  .map-body:before {
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: background-color 0.6s ease-out;
    pointer-events: none;
    background-color: rgba(239, 239, 239, 0.9); }
  .is-mode-mapview .map-body:before {
    background-color: rgba(239, 239, 239, 0) !important; }
  .map:hover .map-body:before {
    background-color: rgba(239, 239, 239, 0.5); }
  .map-body:after {
    display: none;
    content: '';
    width: 130px;
    height: 50px;
    background: url("/assets/themes/herenow/img/nodata/noLocation.svg") 0 0 no-repeat;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute; }
    .is-noLocation .map-body:after {
      display: block; }

.map-trigger {
  display: block;
  height: 140px;
  padding: 40px 0 0;
  position: relative;
  z-index: 2;
  text-align: center;
  background-color: #333;
  transition: background-color 0.4s ease-out;
  font-weight: bold;
  color: #8ebee0; }
  @media screen and (max-width: 640px) {
    .map-trigger {
      width: 100%;
      position: fixed;
      bottom: 0;
      left: 0;
      height: 30px;
      z-index: 10; } }

.map-trigger-icon:before, .map-trigger-icon--sub:before {
  display: block;
  width: 25px;
  height: 25px;
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url("/assets/themes/herenow/img/map/map_close.svg") 0 0 no-repeat;
  backface-visibility: hidden;
  transition: opacity 0.4s ease-out 0.2s, transform 1s cubic-bezier(0.19, 1, 0.22, 1); }

.map-trigger-icon:after, .map-trigger-icon--sub:after {
  display: block;
  width: 25px;
  height: 25px;
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  opacity: 0;
  background: url("/assets/themes/herenow/img/map/map_open.svg") 0 0 no-repeat;
  backface-visibility: hidden;
  transition: opacity 0.4s ease-out 0.2s, transform 1s cubic-bezier(0.19, 1, 0.22, 1); }

.map:hover .map-trigger-icon:before, .map:hover .map-trigger-icon--sub:before {
  -ms-transform: rotate(-360deg) scale(1.5);
      transform: rotate(-360deg) scale(1.5); }

.map:hover .map-trigger-icon:after, .map:hover .map-trigger-icon--sub:after {
  -ms-transform: rotate(360deg) scale(1.5);
      transform: rotate(360deg) scale(1.5); }

.is-mode-mapview .map-trigger-icon:before, .is-mode-mapview .map-trigger-icon--sub:before {
  opacity: 0; }

.is-mode-mapview .map-trigger-icon:after, .is-mode-mapview .map-trigger-icon--sub:after {
  opacity: 1; }

.map-trigger-icon {
  display: inline-block;
  padding: 0 0 40px;
  position: relative; }

.map-trigger--sub {
  display: block;
  height: 40px;
  padding: 10px;
  background: #8ebee0;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 1;
  transform: translate3d(0, -60px, 0);
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #333; }
  .is-map-fixed .map-trigger--sub {
    -ms-transform: translateY(0);
        transform: translateY(0); }

.map-trigger-icon--sub {
  display: inline-block;
  padding: 0 0 0 35px;
  position: relative; }
  .map-trigger-icon--sub:before, .map-trigger-icon--sub:after {
    top: 0;
    right: auto; }

.map-loader {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1000;
  background-color: #DDD; }
  .map-loader .map-loader-inner {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
    display: inline-block;
    width: 50px;
    height: 50px;
    border: 2px solid #333;
    border-top-color: transparent;
    border-radius: 50%;
    -webkit-animation: spin 0.75s infinite linear; }
    .map-loader .map-loader-inner:before, .map-loader .map-loader-inner:after {
      left: -2px;
      top: -2px;
      display: none;
      position: absolute;
      content: '';
      width: inherit;
      height: inherit;
      border: inherit;
      border-radius: inherit; }
    .map-loader .map-loader-inner:after {
      display: block;
      left: -2px;
      top: -2px;
      border: inherit;
      -ms-transform: rotate(65deg);
          transform: rotate(65deg); }
  .map-loader.is-hide {
    display: none; }

.navigation {
  display: inline-block;
  vertical-align: top; }
  @media screen and (max-width: 640px) {
    .navigation {
      display: none; } }

.navigation-list {
  display: inline-block;
  vertical-align: top;
  padding: 0 0 0 15px;
  *zoom: 1; }
  .navigation-list:before, .navigation-list:after {
    display: table;
    content: ''; }
  .navigation-list:after {
    clear: both; }
  .navigation-list > li {
    padding: 0 10px;
    float: left; }
    .navigation-list > li a {
      display: block;
      padding: 0 10px;
      font-size: 15px;
      font-size: 1.5rem;
      font-weight: bold;
      height: 68px;
      line-height: 68px;
      color: inherit;
      text-align: center;
      position: relative;
      cursor: pointer;
      transition: opacity; }
      .navigation-list > li a:hover {
        opacity: 0.8; }
      .navigation-list > li a.is-page-current:before {
        display: block;
        width: 100%;
        content: '';
        border-bottom: 2px solid;
        position: absolute;
        bottom: 0;
        left: 0; }

.navigation-area {
  display: inline-block;
  vertical-align: top;
  position: relative;
  color: #fff; }
  .navigation-area.active a.theme-backgroundColor {
    background: #1a1a1a !important; }

.navigation-area-name {
  display: inline-block;
  vertical-align: top;
  padding: 0 20px;
  height: 68px;
  line-height: 68px;
  color: inherit;
  text-align: center;
  border-style: solid;
  border-width: 1px;
  border-color: transparent #ccc;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 1px;
  transition: all; }
  .js-tooltip:hover .navigation-area-name {
    opacity: 0.8; }
  .navigation-area-name:after {
    font-family: fontello;
    display: inline-block;
    content: '\e878';
    margin: 0 0 0 10px;
    color: inherit;
    vertical-align: middle; }
  .navigation-area-name.is-general {
    color: #333333; }

.header-right {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0; }

.organizer {
  display: table;
  width: 100%;
  table-layout: fixed; }

.organizer-image {
  display: table-cell;
  width: 130px;
  vertical-align: top; }
  .organizer-image > img {
    border-radius: 50%; }
  @media screen and (max-width: 640px) {
    .organizer-image {
      width: 110px; } }

.organizer-text {
  display: table-cell;
  width: 100%;
  padding: 0 0 0 15px;
  vertical-align: top; }

.organizer-description {
  color: #000;
  line-height: 1; }

.organizer-name {
  margin: 0 0 8px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 640px) {
    .organizer-name {
      font-size: 14px;
      font-size: 1.4rem; } }

.organizer-title {
  margin: 0 0 8px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 640px) {
    .organizer-title {
      font-size: 11px;
      font-size: 1.1rem; } }

.organizer-explanation {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.57143; }
  @media screen and (max-width: 640px) {
    .organizer-explanation {
      font-size: 12px;
      font-size: 1.2rem; } }

.page-text {
  line-height: 55px;
  float: left;
  font-size: 14px;
  font-size: 1.4rem; }
  .pagination--black .page-text {
    color: #fff; }
  .is-mode-mapview .page-text {
    padding-left: 10px;
    line-height: 35px;
    float: none;
    font-size: 13px;
    font-size: 1.3rem; }
  @media screen and (max-width: 640px) {
    .page-text {
      display: none; } }

.page-current {
  font-weight: bold; }

.page-divider {
  display: inline-block;
  padding: 0 5px; }

.pagetopBody {
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 300;
  transition: opacity; }
  .pagetopBody:hover {
    opacity: 0.8; }
  @media screen and (max-width: 640px) {
    .pagetopBody {
      right: 10px;
      bottom: 40px; } }

.pagetop {
  display: block;
  padding: 25px 10px;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff;
  transition: opacity; }
  .pagetop:hover {
    opacity: 0.8; }

.pagination, .pagination--noborderbottom, .pagination--black, .pagination--article {
  border-style: solid;
  border-width: 1px;
  *zoom: 1; }
  .pagination:before, .pagination--noborderbottom:before, .pagination--black:before, .pagination--article:before, .pagination:after, .pagination--noborderbottom:after, .pagination--black:after, .pagination--article:after {
    display: table;
    content: ''; }
  .pagination:after, .pagination--noborderbottom:after, .pagination--black:after, .pagination--article:after {
    clear: both; }

.pagination {
  border-color: #d9d9d9;
  border-right: none;
  border-left: none; }

.pagination--noborderbottom {
  border-color: #d9d9d9 transparent;
  border-bottom: none; }

.pagination--black {
  border-color: #333 transparent; }

.pagination--article {
  border-color: #d9d9d9 transparent;
  border-right: none;
  border-left: none;
  width: 765px;
  margin: 0 auto; }
  @media screen and (max-width: 640px) {
    .pagination--article {
      width: 100%;
      border-top: none; } }

.pagination-container {
  width: 965px;
  margin: auto; }
  .pagination--article .pagination-container {
    width: 765px; }
  @media screen and (max-width: 640px) {
    .pagination-container {
      width: auto; }
      .pagination--article .pagination-container {
        width: auto; } }

.pagination-list {
  border-right: 1px solid #d9d9d9;
  float: right;
  font-size: 0; }
  @media screen and (max-width: 640px) {
    .pagination--article .pagination-list {
      border-right: none; } }
  .pagination-list > li {
    display: inline-block;
    border-left: 1px solid #d9d9d9; }
    @media screen and (max-width: 640px) {
      .pagination--article .pagination-list > li:first-child {
        border-left: none; } }
  .pagination-list a,
  .pagination-list span {
    display: block;
    width: 55px;
    line-height: 55px;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #fff; }
    .pagination-list a.is-page-current,
    .pagination-list span.is-page-current {
      background: #808080;
      color: #fff; }
  .pagination-list a {
    transition: opacity; }
    .pagination-list a:hover {
      opacity: 0.8; }
  .pagination--black .pagination-list {
    border-right: 1px solid #333; }
    .pagination--black .pagination-list > li {
      border-left: 1px solid #333; }
  @media screen and (max-width: 640px) {
    .pagination-list {
      border-top: 1px solid #d9d9d9;
      float: none; }
      .pagination-list > li {
        width: 16.66667%; }
      .pagination-list a,
      .pagination-list span {
        width: auto; }
      .pagination--black .pagination-list {
        border-top: 1px solid #333; } }

.panel--vertical, .panel--horizontal {
  padding: 10px;
  position: relative;
  line-height: 1.2; }
  .is-mode-mapview .panel--vertical, .is-mode-mapview .panel--horizontal {
    padding: 0; }
  .is-new.panel--vertical:before, .is-new.panel--horizontal:before {
    display: block;
    content: '';
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
    -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    background-image: url(../img/sprite.png);
    background-position: -538px -610.5px;
    width: 32px;
    height: 32px;
    background-size: 799.5px 769.5px;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
    a:hover .is-new.panel--vertical:before, a:hover .is-new.panel--horizontal:before {
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg); }
  .is-mode-mapview .is-new.panel--vertical:before, .is-mode-mapview .is-new.panel--horizontal:before {
    top: 0;
    right: 0; }
  @media screen and (max-width: 640px) {
    .panel--vertical, .panel--horizontal {
      padding: 0; }
      .is-new.panel--vertical:before, .is-new.panel--horizontal:before {
        top: 0;
        right: 9px;
        border-radius: 50%; } }

.panel-recommended {
  display: inline-block;
  padding: 5px;
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 1;
  font-size: 12px;
  font-size: 1.2rem;
  background: #ff4868;
  border-radius: 0 0 12px 0;
  color: #fff; }
  .is-mode-mapview .panel-recommended {
    top: 10px;
    left: 10px; }
  @media screen and (max-width: 640px) {
    .panel-recommended {
      top: 10px;
      left: 10px; } }

.panel-inner {
  padding: 10px;
  transition: background-color; }
  .panel--horizontal .panel-inner {
    display: table;
    width: 100%;
    table-layout: fixed; }
  a:hover .panel-inner {
    background-color: #f2f2f2; }
  @media screen and (max-width: 640px) {
    a:hover .panel-inner {
      background-color: transparent; } }

.panel-image > img:hover,
a:hover .panel-image > img {
  animation: flash 0.8s ease-out 0s 1; }

@media screen and (max-width: 640px) {
  .panel-image > img:hover,
  a:hover .panel-image > img {
    animation: none; } }

.panel--vertical .panel-image {
  margin: 0 0 15px; }

.panel--horizontal .panel-image {
  display: table-cell;
  width: 95px;
  vertical-align: top;
  border-top: 1px solid #ccc; }

@media screen and (max-width: 640px) {
  .panel--vertical .panel-image {
    margin-bottom: 10px; } }

.panel--horizontal .panel-text {
  display: table-cell;
  width: 100%;
  padding: 20px 5px 0 20px;
  vertical-align: top;
  border-top: 1px solid #ccc; }

.panel-title {
  margin: 0 0 10px;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 700; }
  .is-event-ended .panel-title {
    color: #808080 !important; }
  @media screen and (max-width: 640px) {
    .panel-title {
      margin-bottom: 5px; } }

.panel-period {
  margin: 0 0 10px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold; }
  .is-event-ended .panel-period {
    color: #808080 !important; }
  @media screen and (max-width: 640px) {
    .panel-period {
      margin-bottom: 5px; } }

.panel-area {
  margin: 0 0 10px; }
  @media screen and (max-width: 640px) {
    .panel-area {
      margin-bottom: 5px; } }

.panel-tagList {
  margin: 0 0 8px; }

.panel-text-text {
  margin: 0 0 10px;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4; }
  .is-event-ended .panel-text-text {
    color: #808080 !important; }

.posted {
  color: #b3b3b3;
  font-size: 10px;
  font-size: 1rem;
  font-weight: 700; }

.section, .section--gray, .section--black, .section--noborder {
  padding: 40px 0;
  border-top: 10px solid #ccc; }
  @media screen and (max-width: 640px) {
    .section, .section--gray, .section--black, .section--noborder {
      padding-top: 10px;
      padding-bottom: 10px;
      border-width: 5px; } }

.section--gray {
  background: #f2f2f2; }

.section--black {
  background: #1a1a1a; }

.section--noborder {
  border-top: none; }

.section-header, .section-header--chute, .section-header--snap, .section-header--spot, .section-header--event, .section-header--article {
  margin: 0 0 50px;
  padding: 40px 0 0;
  position: relative;
  text-align: center; }
  .section-header:before, .section-header--chute:before, .section-header--snap:before, .section-header--spot:before, .section-header--event:before, .section-header--article:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto; }
  @media screen and (max-width: 640px) {
    .section-header, .section-header--chute, .section-header--snap, .section-header--spot, .section-header--event, .section-header--article {
      margin-bottom: 10px;
      padding-bottom: 10px;
      border-bottom: 1px solid #808080; } }

.section-header--chute:before {
  width: 86px;
  height: 33px;
  background-image: url(/assets/themes/herenow/img/section/chute_icon.png);
  background-size: 86px auto; }

.section-header--snap:before {
  width: 86px;
  height: 33px;
  background-image: url(/assets/themes/herenow/img/section/snap_icon.png);
  background-size: 86px auto; }

.section-header--spot:before {
  background-image: url(../img/sprite.png);
  background-position: -270px -524.5px;
  width: 86px;
  height: 34px;
  background-size: 799.5px 769.5px; }

.section-header--event:before {
  background-image: url(../img/sprite.png);
  background-position: -442px -610.5px;
  width: 86px;
  height: 33px;
  background-size: 799.5px 769.5px; }

.section-header--article:before {
  background-image: url(../img/sprite.png);
  background-position: -366px -524.5px;
  width: 86px;
  height: 33px;
  background-size: 799.5px 769.5px; }

.section-heading:before, .section-heading--border-short:before, .section-heading:after, .section-heading--border-short:after {
  display: block;
  content: '';
  width: 79px;
  height: 2px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto; }

.section-header-buttonContainer {
  position: absolute;
  top: 0;
  right: 150px; }
  .section-header-buttonContainer.has-iconHey:before {
    display: block;
    content: '';
    position: absolute;
    top: -30px;
    right: -7px;
    z-index: 1;
    background-image: url(../img/sprite.png);
    background-position: 0px -680.5px;
    width: 35px;
    height: 41px;
    background-size: 799.5px 769.5px; }
  @media screen and (max-width: 640px) {
    .section-header-buttonContainer {
      padding-top: 10px;
      position: static; }
      .section-header-buttonContainer.has-iconHey:before {
        display: none; } }

.section-heading, .section-heading--border-short {
  display: inline-block;
  padding: 0 100px;
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #333; }
  .section-heading:before, .section-heading--border-short:before {
    background: #808080;
    left: 0; }
  .section-heading:after, .section-heading--border-short:after {
    background: #808080;
    right: 0; }
  .section--black .section-heading, .section--black .section-heading--border-short {
    color: #fff; }
    .section--black .section-heading:before, .section--black .section-heading--border-short:before {
      background: #fff; }
    .section--black .section-heading:after, .section--black .section-heading--border-short:after {
      background: #fff; }
  @media screen and (max-width: 640px) {
    .section-heading, .section-heading--border-short {
      padding: 0 10px;
      font-size: 16px;
      font-size: 1.6rem; }
      .section-heading:before, .section-heading--border-short:before, .section-heading:after, .section-heading--border-short:after {
        display: none; } }

.section-heading--border-short {
  padding: 0 62px; }
  .section-heading--border-short:before {
    width: 42px; }
  .section-heading--border-short:after {
    width: 42px; }

.snap, .snap--bottom {
  min-width: 1240px;
  padding: 0 20px;
  margin: auto; }
  @media screen and (max-width: 640px) {
    .snap, .snap--bottom {
      min-width: 0;
      padding: 0 10px; } }

.snap-list {
  margin: 0 -20px;
  *zoom: 1; }
  .snap-list:before, .snap-list:after {
    display: table;
    content: ''; }
  .snap-list:after {
    clear: both; }
  .snap-list > li {
    width: 20%;
    padding: 0 20px;
    margin: 0 0 40px;
    float: left; }
  @media screen and (max-width: 640px) {
    .snap-list {
      margin: 0 0 0 -10px; }
      .snap-list > li {
        width: 50%;
        padding: 0 0 0 10px;
        margin-bottom: 10px; }
        .snap--bottom .snap-list > li:nth-child(5) {
          display: none; } }

.snapItem {
  position: relative;
  overflow: hidden;
  text-align: center; }

.snapItem-layer {
  width: 100%;
  height: 100%;
  background: url("/assets/themes/herenow/img/snap/layer.png") 0 0 no-repeat;
  background-size: cover;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  transform: translate3d(100%, -10px, 0) rotate(-45deg) scale(1.4);
  transition: opacity 0.8s linear, transform 0.6s cubic-bezier(0.19, 1, 0.22, 1); }
  a:hover .snapItem-layer {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotate(0) scale(1); }
  @media screen and (max-width: 640px) {
    .snapItem-layer {
      display: none; } }

.snapItem-description {
  width: 100%;
  padding: 10px;
  position: absolute;
  right: 0;
  bottom: 0;
  color: #fff;
  text-align: right;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.1s;
  transform: translate3d(100%, 0, 0); }
  .snapItem-description > dt {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 700;
    word-break: normal;
    word-wrap: break-word; }
  .snapItem-description > dd {
    margin: 5px 0 0;
    font-size: 12px;
    font-size: 1.2rem; }
  a:hover .snapItem-description {
    -ms-transform: translateX(0);
        transform: translateX(0); }
  @media screen and (max-width: 640px) {
    .snapItem-description {
      position: static;
      text-align: left;
      -ms-transform: translateX(0);
          transform: translateX(0); }
      .snapItem-description > dt {
        font-size: 16px;
        font-size: 1.6rem; }
      .snapItem-description > dd {
        margin-top: 0; } }

.snsList {
  height: 20px;
  font-size: 0;
  text-align: center; }
  .snsList > li {
    display: inline-block;
    padding: 0 10px;
    vertical-align: top; }
    .snsList > li:first-child {
      padding-left: 0; }
    .snsList > li:last-child {
      padding-right: 0; }
  @media screen and (max-width: 640px) {
    .snsList > li {
      padding-right: 5px;
      padding-left: 5px; } }

.sort {
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
  overflow: hidden; }
  .sort.is-sort-open {
    overflow: visible !important; }

.sort-toggle {
  display: block;
  padding: 12px 15px;
  background: #fff;
  position: relative;
  text-align: center;
  color: #c33;
  font-weight: bold;
  border-radius: 5px 5px 0 0;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  transition: background-color 0.4s ease-out; }
  .sort-toggle:hover {
    background: #f2f2f2; }

.sort-title {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #c33;
  transition: background-color 0.4s ease-out; }
  a:hover .sort-title {
    color: #fff; }

.sort-icon {
  display: block;
  background-image: url(../img/sprite.png);
  background-position: -507px -284.5px;
  width: 16px;
  height: 16px;
  background-size: 799.5px 769.5px;
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0) rotate(0deg); }
  .is-sort-open .sort-icon {
    transform: translate3d(0, 0, 0) rotate(315deg); }

.sort-status {
  display: block;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  margin: auto; }

.sort-body {
  display: none;
  opacity: 0;
  border-top: 1px solid #d9d9d9; }

.sort-list {
  padding: 20px 40px 0 40px;
  border-bottom: 1px solid #d9d9d9; }
  .sort-list > dt {
    font-weight: bold;
    float: left;
    clear: both;
    line-height: 30px;
    font-size: 16px;
    font-size: 1.6rem; }
  .sort-list > dd {
    padding: 0 0 15px 120px;
    vertical-align: top; }
  .is-mode-mapview .sort-list {
    padding-right: 20px;
    padding-left: 20px; }
    .is-mode-mapview .sort-list > dt {
      margin-bottom: 5px;
      float: none;
      line-height: 1.5; }
    .is-mode-mapview .sort-list > dd {
      padding-bottom: 10px;
      padding-left: 0; }
  @media screen and (max-width: 640px) {
    .sort-list {
      padding: 10px; }
      .sort-list > dt {
        margin-bottom: 5px;
        float: none;
        line-height: 1.5; }
      .sort-list > dd {
        padding-bottom: 10px;
        padding-left: 0; } }

.sort-labels {
  display: inline-block;
  font-size: 0px;
  font-size: 0rem;
  vertical-align: top; }
  .sort-labels > li {
    display: inline-block;
    margin: 0 4px 4px 0;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center; }
  .sort-labels label {
    cursor: pointer; }

.sort-label {
  display: inline-block;
  padding: 5px 20px;
  min-width: 76px;
  background: #d9d9d9;
  border-radius: 3px;
  transition: background-color 0.4s ease-out; }
  .sort-label.hover {
    background: #a6a6a6; }
  .sort-label.checked {
    color: #fff; }
    .sort-label.checked .icon-check {
      display: inline-block; }
  .sort-label .icon-check {
    display: none; }
  .sort-label input[type="checkbox"] {
    height: 0;
    opacity: 0; }
  @media screen and (max-width: 640px) {
    .sort-label {
      padding-right: 15px;
      padding-left: 15px; } }

.sort-checkbox {
  background: #d3e4e0;
  border-radius: 3px; }

.sort-buttons {
  padding: 10px 20px;
  text-align: center; }
  .sort-buttons ul {
    display: inline-block;
    *zoom: 1;
    vertical-align: top; }
    .sort-buttons ul:before, .sort-buttons ul:after {
      display: table;
      content: ''; }
    .sort-buttons ul:after {
      clear: both; }
  .sort-buttons li {
    margin: 0 0 0 10px;
    float: left; }
  .is-mode-mapview .sort-buttons ul {
    display: block; }
  .is-mode-mapview .sort-buttons li {
    float: none;
    margin: 0 0 10px 0; }
    .is-mode-mapview .sort-buttons li:last-child {
      margin-bottom: 0; }
  .is-mode-mapview .sort-buttons button {
    width: 100%; }
  @media screen and (max-width: 640px) {
    .sort-buttons {
      padding: 15px 8px; }
      .sort-buttons ul {
        display: block;
        margin-left: -3px; }
      .sort-buttons li {
        width: 33.33333%;
        margin-left: 0;
        padding-left: 3px; }
      .sort-buttons [class^="button"] {
        font-size: 12px;
        font-size: 1.2rem; }
      .sort-buttons [class^="icon-"]:before {
        display: none; } }

.sort-datepicker {
  display: inline-block;
  margin: 0 0 0 14px;
  font-size: 0px;
  font-size: 0rem; }
  .sort-datepicker > dt {
    display: inline-block;
    margin: 0 14px 0 0;
    font-size: 13px;
    font-size: 1.3rem; }
  .sort-datepicker > dd {
    display: inline-block;
    position: relative;
    font-size: 13px;
    font-size: 1.3rem; }
    .sort-datepicker > dd:first-of-type:after {
      display: inline-block;
      content: '〜';
      vertical-align: top;
      padding: 0 10px 0 5px;
      line-height: 28px; }
    .sort-datepicker > dd .icon-calendar {
      position: absolute;
      top: 4px;
      left: 3px; }
  @media screen and (max-width: 640px) {
    .sort-datepicker {
      display: block;
      margin-top: 10px;
      margin-left: 0; }
      .sort-datepicker > dt {
        display: block;
        margin-bottom: 5px; }
      .sort-datepicker > dd {
        vertical-align: middle; }
      .sort-datepicker input[type="date"] {
        display: inline-block;
        width: 110px;
        height: 28px;
        padding-left: 28px;
        appearance: none;
        -webkit-appearance: none;
        border-radius: 0;
        background: #e5e5e5;
        border: none; } }

.sort-keyword {
  width: 400px;
  background: #e9e4d7;
  position: relative; }
  .sort-keyword:before {
    display: inline-block;
    content: '\e833';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    height: 12px;
    font-family: fontello;
    line-height: 0.8; }
  .sort-keyword input[type="text"] {
    width: 100%;
    padding: 0 10px 0 40px;
    line-height: 35px;
    background: transparent;
    border: none; }
  .is-mode-mapview .sort-keyword {
    width: auto; }
  @media screen and (max-width: 640px) {
    .sort-keyword {
      width: auto; } }

@media screen and (max-width: 640px) {
  .sort-button--all {
    padding-top: 11px;
    padding-right: 0;
    padding-bottom: 11px;
    padding-left: 0; } }

@media screen and (max-width: 640px) {
  .sort-button--clear,
  .sort-button--sort {
    padding-top: 12px;
    padding-right: 0;
    padding-bottom: 12px;
    padding-left: 0; } }

.spAnchorList {
  padding: 10px 10px 8px;
  background: #666; }
  .spAnchorList ul {
    margin: 0 0 0 -2px;
    *zoom: 1; }
    .spAnchorList ul:before, .spAnchorList ul:after {
      display: table;
      content: ''; }
    .spAnchorList ul:after {
      clear: both; }
    .spAnchorList ul > li {
      display: table;
      width: 100%;
      width: 50%;
      margin: 0 0 2px;
      padding: 0 0 0 2px;
      float: left; }
    .spAnchorList ul a {
      display: table-cell;
      width: 100%;
      min-height: 40px;
      vertical-align: middle;
      line-height: 1.2;
      padding: 7px 14px;
      background: #333;
      color: #fff;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: bold; }

.spHeader {
  display: none; }
  @media screen and (max-width: 640px) {
    .spHeader {
      display: block;
      width: 100%;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 102;
      border-bottom: 2px solid #333333;
      box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
      transition: top 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
      .spHeader .spHeader-inner {
        height: 50px;
        position: relative;
        background: #fff;
        *zoom: 1; }
        .spHeader .spHeader-inner:before, .spHeader .spHeader-inner:after {
          display: table;
          content: ''; }
        .spHeader .spHeader-inner:after {
          clear: both; }
      .has-career.lang--ja:not(.main-site) .spHeader {
        top: 93px; }
      .main-site .spHeader,
      .is-alert-closed .spHeader {
        top: 0; }
      .lang--ja.is-career-closed .spHeader {
        top: 0 !important; } }

.spHeader-heading {
  display: block;
  position: absolute;
  top: 10px;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center; }
  .spHeader-heading a {
    display: inline-block; }

.spHeader-logo-herenow {
  display: block;
  background-image: url(../img/sprite.png);
  background-position: -390px -377.5px;
  width: 94px;
  height: 29px;
  background-size: 799.5px 769.5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  .spHeader-logo-herenow.is-city {
    position: relative;
    top: -5px; }

.spHeader-cityName {
  display: block;
  line-height: 0.5;
  position: relative;
  top: -4px;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700; }

.spHeader-button--menu, .spHeader-button--login, .spHeader-button--setting {
  display: block;
  width: 50px;
  height: 48px;
  padding: 8px 0 0;
  font-size: 8px;
  font-size: 0.8rem;
  font-weight: bold;
  text-align: center;
  color: inherit; }

.spHeader-button--menu {
  float: left; }

.spHeader-button--login {
  float: right; }

.spHeader-button--setting {
  float: right; }

.spHeader-icon--menu, .spHeader-icon--login, .spHeader-icon--setting {
  display: block;
  padding: 25px 0 0;
  position: relative; }
  .spHeader-icon--menu:before, .spHeader-icon--login:before, .spHeader-icon--setting:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto; }

.spHeader-icon--menu:before {
  background-image: url(../img/sprite.png);
  background-position: -710.5px -510px;
  width: 23px;
  height: 21px;
  background-size: 799.5px 769.5px; }

.spHeader-icon--login:before {
  background-image: url(../img/sprite.png);
  background-position: -290px -345.5px;
  width: 21px;
  height: 21px;
  background-size: 799.5px 769.5px; }

.spHeader-icon--setting:before {
  background-image: url(../img/sprite.png);
  background-position: -259px -345.5px;
  width: 21px;
  height: 21px;
  background-size: 799.5px 769.5px; }

.spMap {
  display: none; }
  @media screen and (max-width: 640px) {
    .spMap {
      display: block; }
      .is-input-focused .spMap {
        display: none; } }

.spMap-trigger, .spMap-closeTrigger {
  display: block;
  width: 100%;
  padding: 0 10px;
  background: #666;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #000;
  text-align: center;
  box-shadow: 0px 0px 4px 2px rgba(0, 0, 0, 0.2); }
  .spMap-trigger:before, .spMap-closeTrigger:before {
    display: inline-block;
    content: '';
    position: relative;
    top: 3px;
    margin: 0 5px 0 0; }
  .is-body-inactive .spMap-trigger, .is-body-inactive .spMap-closeTrigger {
    opacity: 0.5;
    pointer-events: none; }

.spMap-trigger {
  line-height: 55px;
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 12;
  transform: translate3d(0, 0, 0) backface-visibility(hidden);
  transition: bottom 0.3s cubic-bezier(0.165, 0.84, 0.44, 1), transform 0.6s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .spMap-trigger:before {
    background-image: url(/assets/themes/herenow/img/map/button_sp_map_open_black.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    width: 18px;
    height: 18px; }
  .is-body-inactive .spMap-trigger {
    bottom: -50px; }

.spMap-closeTrigger {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 16px 0; }
  .spMap-closeTrigger:before {
    background-image: url(/assets/themes/herenow/img/map/button_sp_map_close_black.png);
    background-repeat: no-repeat;
    background-size: 18px 18px;
    width: 18px;
    height: 18px; }

.spMap-view {
  width: 100%;
  height: 100%;
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 11;
  transform: translate3d(0, 100%, 0);
  transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); }
  .is-mode-spMap .spMap-view {
    -ms-transform: translateY(0%);
        transform: translateY(0%);
    background: #000; }
  .is-body-inactive .spMap-view {
    -ms-transform: translateY(100%);
        transform: translateY(100%); }

.spMap-view-container {
  position: relative;
  height: 78%;
  padding: 10px; }

.spMap-toApp {
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.8); }
  .spMap-toApp a {
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 120px);
    vertical-align: middle;
    border: 1px solid #fff;
    border-radius: 5px;
    color: #fff;
    height: 50px;
    line-height: 50px;
    text-align: center;
    width: 240px;
    font-size: 14px;
    margin: 0 auto; }

.spMap-view-buttonContainer {
  height: 25%; }

.spMap-view-body {
  display: none;
  width: 100%;
  height: 100%;
  background: #999; }

.spMap-view-buttons {
  padding: 0 10px; }
  .spMap-view-buttons > li {
    height: 50%; }

.spMap-view-like {
  padding-top: 10px;
  padding-bottom: 10px; }

.spMap-appTrigger {
  display: block;
  padding: 10px;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #8ebee0;
  text-align: center; }

.spMenu--left, .spMenu--right {
  height: 100%;
  position: fixed;
  top: 0;
  z-index: 12;
  transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1) 0.2s; }

.spMenu--left {
  width: 100%;
  left: 0;
  transform: translate3d(-100%, 0, 0); }
  .spMenu--left.is-slide-visible {
    -ms-transform: translateX(0);
        transform: translateX(0); }

.spMenu--right {
  width: 100%;
  right: 0;
  transform: translate3d(100%, 0, 0); }
  .spMenu--right.is-slide-visible {
    -ms-transform: translateX(0);
        transform: translateX(0); }

.spMenu-inner--left, .spMenu-inner--right {
  height: 100%;
  position: relative; }

.spMenu-inner--right {
  padding-left: 45px; }

.spMenu-close--left, .spMenu-close--right {
  display: block;
  position: absolute;
  top: 0;
  background: #000;
  width: 44px;
  height: 50px !important;
  z-index: 100;
  background-image: url(../img/sprite.png);
  background-position: -747.5px -455.5px;
  width: 45px;
  height: 45px;
  background-size: 799.5px 769.5px; }

.spMenu-close--left {
  right: 0; }

.spMenu-close--right {
  left: 0; }

.spMenu-container {
  height: 100%;
  background: #262626;
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

.spMenu-body {
  background: #262626;
  backface-visibility: hidden; }

.spMenu-title, .spMenu-title--right {
  height: 50px;
  background: #333;
  text-align: center; }

.spMenu-title {
  padding: 16px 0 0; }

.spMenu-title--right {
  color: #4c4c4c;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 50px; }

.spMenu-title-logo {
  display: inline-block;
  background-image: url(../img/sprite.png);
  background-position: -494px -377.5px;
  width: 94px;
  height: 29px;
  background-size: 799.5px 769.5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.spMenu-title-cityName {
  color: #4c4c4c;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 0.5;
  margin-top: -5px; }

.spMenu-header {
  height: 78px;
  border-bottom: 1px solid #404040;
  background: #1a1a1a;
  display: flex;
  align-items: center;
  justify-content: center; }

.spMenu-selecContainer {
  border-bottom: 1px solid #404040;
  background: #1a1a1a; }
  .spMenu-selecContainer .selecContainer-inner {
    padding: 0 15px; }
  .spMenu-selecContainer .select-header {
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 59px; }
    .spMenu-selecContainer .select-header:after {
      position: absolute;
      right: 0;
      content: '';
      width: 20px;
      height: 100%;
      background-image: url("/assets/themes/herenow/img/icons/spmenu-open.png");
      background-position: center center;
      background-size: 16px auto;
      background-repeat: no-repeat; }
    .spMenu-selecContainer .select-header.open:after {
      background-image: url("/assets/themes/herenow/img/icons/spmenu-close.png"); }
  .spMenu-selecContainer .select-cityies {
    display: none;
    padding-bottom: 25px; }
  .spMenu-selecContainer .select-city {
    position: relative;
    margin-bottom: 15px; }
    .spMenu-selecContainer .select-city:last-child {
      margin-bottom: 0; }
    .spMenu-selecContainer .select-city a {
      display: block;
      height: 100%; }
    .spMenu-selecContainer .select-city .feature-text {
      color: #fff; }
  .spMenu-selecContainer .select-city-label {
    position: absolute;
    color: #fff;
    z-index: 10;
    padding: 0 10px 10px 13px;
    text-transform: uppercase;
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    background: #1a1a1a;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    letter-spacing: 0.05em; }
    .spMenu-selecContainer .select-city-label:before {
      position: absolute;
      height: calc(100% - 10px);
      content: '';
      width: 3px;
      left: 0; }
  .spMenu-selecContainer .hasCustomSelect {
    appearance: none !important;
    z-index: 1; }
  .spMenu-selecContainer .city-select {
    display: block !important;
    padding: 5px 10px;
    line-height: 1.85714;
    background: #ffffff;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    text-align: center;
    border-radius: 6px; }
    .spMenu-selecContainer .city-select .city-selectInner {
      display: block !important;
      width: auto !important;
      position: relative; }
      .spMenu-selecContainer .city-select .city-selectInner:after {
        display: inline-block;
        content: '\e878';
        font-family: 'fontello';
        height: 12px;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        line-height: 1; }

.spMenu-primaryList {
  background: #333;
  border-bottom: 5px solid #404040; }
  .spMenu-primaryList > li {
    border-bottom: 1px solid #404040; }

.spMenu-primaryList-item {
  display: table;
  width: 100%;
  padding: 0 15px;
  table-layout: fixed;
  position: relative; }

.spMenu-primaryList-image {
  display: table-cell;
  width: 54px;
  padding: 0 18px 0 0;
  vertical-align: middle; }
  .spMenu-primaryList-image img {
    border-radius: 10px; }

.spMenu-primaryList-text {
  display: table-cell;
  width: 100%;
  height: 50px;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff; }

.spMenu-secondaryList > li {
  border-bottom: 1px solid #333; }

.spMenu-secondaryList-item {
  display: table; }
  .spMenu-secondaryList-item > span {
    display: table-cell;
    height: 40px;
    vertical-align: middle;
    padding: 0 10px 0 18px;
    font-size: 13px;
    font-size: 1.3rem;
    color: #fff; }

.spMenu-account {
  padding: 20px 10px 10px;
  text-align: center; }

.spMenu-account-image {
  display: inline-block;
  width: 80px;
  margin: 0 0 10px;
  border-radius: 6px;
  border: 4px solid #fff; }

.spMenu-account-name {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  color: #fff; }

.spMenu-favorite {
  padding: 10px; }

.spMenu-favorite-button {
  display: block;
  line-height: 43px;
  background: #fff;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  border-radius: 6px; }

.spMenu-language {
  padding: 10px;
  color: #ccc;
  position: relative; }
  .spMenu-language .language-select {
    display: block !important;
    width: auto;
    padding: 5px 10px;
    line-height: 1.85714;
    background: #333; }
    .spMenu-language .language-select .language-selectInner {
      display: block !important;
      padding: 0 0 0 30px;
      width: auto !important;
      position: relative; }
      .spMenu-language .language-select .language-selectInner:before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background-image: url(../img/sprite.png);
        background-position: -321px -345.5px;
        width: 20px;
        height: 20px;
        background-size: 799.5px 769.5px; }
      .spMenu-language .language-select .language-selectInner:after {
        display: inline-block;
        height: 12px;
        content: '\e87b';
        font-family: 'fontello';
        color: #fff;
        line-height: 0.6;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
  .spMenu-language .hasCustomSelect {
    z-index: 1;
    top: 10px;
    appearance: none !important; }

.sp-popup-toApp {
  position: fixed;
  bottom: -50%;
  left: 0;
  right: 0;
  z-index: 9999;
  width: 100%;
  padding: 40px 0 20px 0;
  background: rgba(0, 0, 0, 0.85);
  transition: bottom .3s ease; }
  .sp-popup-toApp.is-show {
    bottom: 0; }
  @media screen and (min-width: 641px) {
    .sp-popup-toApp {
      display: none; } }
  .sp-popup-toApp .toApp-close {
    position: absolute;
    top: 10px;
    right: 10px; }
    .sp-popup-toApp .toApp-close a {
      display: inline-block;
      position: relative;
      width: 20px;
      height: 20px;
      font-size: 0;
      text-indent: 100%;
      white-space: nowrap;
      vertical-align: middle;
      overflow: hidden; }
      .sp-popup-toApp .toApp-close a:before, .sp-popup-toApp .toApp-close a:after {
        content: "";
        position: absolute;
        left: 0;
        top: 10px;
        width: 20px;
        height: 2px;
        background: #999; }
      .sp-popup-toApp .toApp-close a:before {
        -ms-transform: rotate(45deg);
            transform: rotate(45deg); }
      .sp-popup-toApp .toApp-close a:after {
        -ms-transform: rotate(-45deg);
            transform: rotate(-45deg); }
  .sp-popup-toApp .toApp-heading {
    margin: 0 0 25px 0;
    color: #fff;
    font-size: 24px;
    line-height: 1.25;
    text-align: center; }
  .sp-popup-toApp .toApp-link {
    margin-bottom: 35px; }
    .sp-popup-toApp .toApp-link a {
      display: block;
      width: 220px;
      height: 46px;
      margin: 0 auto;
      background: #ff3645;
      border-radius: 5px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      line-height: 46px;
      text-align: center; }
  .sp-popup-toApp .toApp-navi {
    *zoom: 1;
    width: 220px;
    margin: 0 auto; }
    .sp-popup-toApp .toApp-navi:before, .sp-popup-toApp .toApp-navi:after {
      display: table;
      content: ''; }
    .sp-popup-toApp .toApp-navi:after {
      clear: both; }
    .sp-popup-toApp .toApp-navi li a {
      color: #fff;
      font-size: 16px; }
    .sp-popup-toApp .toApp-navi li:nth-child(odd) {
      float: left; }
    .sp-popup-toApp .toApp-navi li:nth-child(even) {
      float: right; }

.suggest {
  margin: 0 0 10px; }

.suggest-container {
  position: relative; }

.suggest-field {
  position: relative;
  padding: 0 0 0 50px;
  margin: 0 103px 0 0;
  background: #e5e5e5; }
  .suggest-field:before {
    display: inline-block;
    content: '\e8ab';
    font-family: 'fontello';
    font-size: 20px;
    font-size: 2rem;
    height: 20px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 15px;
    margin: auto;
    color: #808080;
    line-height: 1; }
  .suggest-field.is-decided.is-hover {
    background: #ffd7da; }
  .suggest-field.is-decided:before {
    color: #ff3645; }
  @media screen and (max-width: 640px) {
    .suggest-field {
      margin-right: 0;
      margin-bottom: 5px; } }

.suggest-input {
  width: 100%;
  padding: 0 10px 0 0;
  background: transparent;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  line-height: 50px;
  height: 50px;
  outline: none; }
  .suggest-input::-webkit-input-placeholder {
    color: #808080; }
  .suggest-input:-ms-input-placeholder {
    color: #808080; }
  .suggest-input::-moz-placeholder {
    color: #808080; }

.suggest-clear {
  display: none;
  color: #ff3645;
  position: absolute;
  top: 15px;
  right: 20px; }

.suggest-button {
  width: 100px;
  position: absolute;
  top: 0;
  right: 0; }
  @media screen and (max-width: 640px) {
    .suggest-button {
      width: auto;
      position: static; } }

.suggest-list {
  display: none;
  width: 100%;
  max-height: 200px;
  overflow: auto;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 4;
  background: #fff;
  border: 1px solid #d9d9d9;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); }
  .suggest-list > li {
    padding: 4px 20px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.4s ease-out; }
    .suggest-list > li:hover {
      background: #f2f2f2; }
    .suggest-list > li.is-item-selected {
      background: #f2f2f2; }

.tab {
  border-top: 1px solid #d9d9d9; }
  .tab ul {
    *zoom: 1; }
    .tab ul:before, .tab ul:after {
      display: table;
      content: ''; }
    .tab ul:after {
      clear: both; }
  .tab li {
    width: 50%;
    float: left; }
  .tab a {
    display: block;
    padding: 0 0 1px;
    background: #838383;
    border-top: 3px solid #838383;
    color: #fff;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 34px;
    text-align: center;
    transition: opacity; }
    .tab a:hover {
      opacity: 0.8; }
  .tab .is-tab-selected {
    background: #fff;
    color: inherit;
    pointer-events: none; }
  .tab [class^="icon-"]:before {
    margin: 0 5px 0 0; }
  .tab .icon-list {
    font-size: 22px;
    font-size: 2.2rem;
    position: relative;
    vertical-align: middle;
    top: -0.1em; }

.tagList {
  font-size: 0; }
  .tagList > li {
    display: inline-block;
    margin: 0 5px 2px; }

.tag {
  cursor: pointer;
  display: inline-block;
  margin: 0 6px 0 0;
  padding: 0 3px 3px;
  border-bottom: 2px solid;
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1; }
  .tag.is-noline {
    padding: 0;
    margin: 0 3px;
    border: none;
    line-height: initial; }
  @media screen and (max-width: 640px) {
    .tag {
      font-size: 9px;
      font-size: 0.9rem; } }

.js-tooltip {
  overflow: hidden; }
  .js-tooltip:hover {
    overflow: visible; }

.tooltip--left, .tooltip--right, .tooltip--input {
  pointer-events: none;
  padding: 10px 0 0;
  position: absolute;
  z-index: 1;
  font-size: 15px;
  font-size: 1.5rem;
  transition: opacity 0.2s linear, transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  background: rgba(255, 255, 255, 0.01);
  opacity: 0;
  backface-visibility: hidden;
  transform: translate3d(0, -5px, 0); }
  .tooltip--left:before, .tooltip--right:before, .tooltip--input:before {
    display: block;
    content: '';
    position: absolute;
    top: -2px;
    background-image: url(../img/sprite.png);
    background-position: -1112px -569px;
    width: 20px;
    height: 12px; }
  .js-tooltip:hover .tooltip--left, .js-tooltip:hover .tooltip--right, .js-tooltip:hover .tooltip--input {
    pointer-events: auto;
    opacity: 1;
    -ms-transform: translateY(0);
        transform: translateY(0); }
  .is-email-invalid .tooltip--left, .is-email-invalid .tooltip--right, .is-email-invalid .tooltip--input {
    pointer-events: auto;
    opacity: 1;
    right: 0;
    -ms-transform: translateY(0);
        transform: translateY(0); }

.tooltip--left {
  left: 0; }
  .tooltip--left:before {
    left: 20px; }

.tooltip--right {
  right: 20px; }
  .tooltip--right:before {
    right: 20px; }

.tooltip--input {
  padding-top: 15px;
  right: 1000px; }
  .tooltip--input:before {
    top: 3px;
    right: 20px; }

.tooltip-list, .tooltip-mailError {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }

.tooltip-list {
  width: 240px;
  padding: 0 20px; }
  .tooltip-list > li {
    border-bottom: 1px solid  #ccc; }
    .tooltip-list > li:last-child {
      border-bottom: none; }
  .tooltip-list a {
    display: block;
    padding: 16px 0;
    position: relative;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: bold;
    color: #333; }

.tooltip-text {
  display: block;
  padding: 15px 0;
  position: relative;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1;
  font-weight: bold;
  color: #999; }

.tooltip-icon--arrow:before, .tooltip-icon--person:before, .tooltip-icon--setting:before, .tooltip-icon--logout:before {
  display: inline-block;
  height: 15px;
  font-family: fontello;
  color: inherit; }

.tooltip-icon--arrow:before {
  content: '\e872';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

.tooltip-icon--person:before {
  margin: 0 10px 0 0;
  content: '\e80a'; }

.tooltip-icon--setting:before {
  margin: 0 10px 0 0;
  content: '\e84e'; }

.tooltip-icon--logout:before {
  margin: 0 10px 0 0;
  content: '\e856'; }

.tooltip-mailError {
  display: inline-block;
  padding: 15px 20px;
  color: #ff3c40;
  font-weight: bold;
  white-space: nowrap;
  pointer-events: none; }
  @media screen and (max-width: 640px) {
    .tooltip-mailError {
      width: 200px;
      padding: 10px;
      font-size: 15px;
      font-size: 1.5rem;
      white-space: normal; } }

.l-about {
  padding: 0 0 40px; }
  @media screen and (max-width: 640px) {
    .l-about {
      padding-bottom: 0; } }

.about-header {
  padding: 110px 10px 30px;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .about-header {
      padding-top: 25px;
      padding-bottom: 10px; } }

.about-heading {
  margin: 0 0 85px; }
  @media screen and (max-width: 640px) {
    .about-heading {
      margin-bottom: 10px; } }

.about-lead {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  color: #808080;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 640px) {
    .about-lead {
      font-size: 14px;
      font-size: 1.4rem; } }

.about-section {
  padding: 40px 0 30px;
  border-top: 10px solid #e5e5e5;
  line-height: 1.2; }
  @media screen and (max-width: 640px) {
    .about-section {
      padding: 15px 0;
      border-width: 5px; } }

.about-section-heading {
  margin: 0 0 25px;
  font-size: 34px;
  font-size: 3.4rem;
  font-weight: bold;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .about-section-heading {
      margin-bottom: 15px;
      font-size: 26px;
      font-size: 2.6rem; } }

.about-joinUs-image {
  margin: 0 0 15px; }

.about-joinUs-text {
  margin: 0 0 20px; }

.about-joinUs-buttonContainer {
  width: 330px;
  margin: auto; }
  @media screen and (max-width: 640px) {
    .about-joinUs-buttonContainer {
      width: auto; } }

.about-organizer-logo {
  display: block;
  height: 250px;
  margin: 0 0 40px;
  background: #b8cadf;
  position: relative;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition: opacity; }
  .about-organizer-logo:hover {
    opacity: 0.8; }
  .about-organizer-logo:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-image: url(../img/sprite.png);
    background-position: 0px 0px;
    width: 310.5px;
    height: 113.5px;
    background-size: 799.5px 769.5px; }
  @media screen and (max-width: 640px) {
    .about-organizer-logo {
      height: 118px;
      margin-bottom: 0;
      text-indent: -9999px; }
      .about-organizer-logo:before {
        background-image: url(../img/sprite.png);
        background-position: -567px -435.5px;
        width: 75px;
        height: 27.5px;
        background-size: 799.5px 769.5px; } }

.about-organizer-list {
  margin: 0 0 0 -25px;
  *zoom: 1; }
  .about-organizer-list:before, .about-organizer-list:after {
    display: table;
    content: ''; }
  .about-organizer-list:after {
    clear: both; }
  .about-organizer-list > li {
    width: 50%;
    padding: 0 0 40px 25px;
    float: left; }
  @media screen and (max-width: 640px) {
    .about-organizer-list {
      margin-left: 0; }
      .about-organizer-list:last-child > li:last-child {
        border-bottom: none; }
      .about-organizer-list > li {
        width: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 0;
        float: none;
        border-bottom: 1px solid #d9d9d9; } }

.advertise-lead {
  padding: 30px 10px;
  border-bottom: 1px solid #d8d8d8;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  line-height: 2.1;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .advertise-lead {
      padding-top: 15px;
      padding-bottom: 15px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.8;
      text-align: left; } }

.advertise-section {
  margin: 0 0 35px;
  border-bottom: 1px solid #d8d8d8; }
  @media screen and (max-width: 640px) {
    .advertise-section {
      margin-bottom: 20px; } }

.advertise-heading {
  padding: 35px 10px 15px;
  font-size: 29px;
  font-size: 2.9rem;
  font-weight: bold;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .advertise-heading {
      padding-top: 15px;
      font-size: 20px;
      font-size: 2rem; } }

.advertise-list {
  *zoom: 1; }
  .advertise-list:before, .advertise-list:after {
    display: table;
    content: ''; }
  .advertise-list:after {
    clear: both; }
  .advertise-list > li {
    width: 33.33333%;
    float: left; }
  @media screen and (max-width: 640px) {
    .advertise-list > li {
      width: 50%; } }

.advertise-contact {
  padding: 0 0 40px;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .advertise-contact {
      padding-bottom: 20px; } }

.advertise-contact-image {
  margin: 0 0 20px; }

.advertise-contact-text {
  margin: 0 0 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 640px) {
    .advertise-contact-text {
      margin-bottom: 10px;
      font-size: 16px;
      font-size: 1.6rem;
      line-height: 1.8; } }

.advertise-contact-description {
  line-height: 1.75;
  font-size: 16px;
  font-size: 1.6rem; }
  @media screen and (max-width: 640px) {
    .advertise-contact-description {
      font-size: 14px;
      font-size: 1.4rem; } }

.l-alert {
  width: 100%;
  min-width: 1200px;
  height: 70px;
  background: #ff9bac;
  border-bottom: 2px solid #333333;
  border-bottom: 2px solid #333333;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  transform: translate3d(0, 0, 0);
  transition: top 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s ease-out; }
  .is-alert-closed .l-alert {
    z-index: 4;
    top: -70px; }
  .is-body-inactive .l-alert {
    opacity: 0.3;
    pointer-events: none; }
  .has-career .l-alert {
    height: 93px; }
    @media screen and (min-width: 641px) {
      .has-career .l-alert {
        height: 60px; } }
  .is-career-closed .l-alert {
    z-index: 4;
    top: -93px; }
  @media screen and (max-width: 640px) {
    .l-alert {
      min-width: 0;
      height: 99px; }
      .l-alert.app-sp {
        display: none; }
      .is-alert-closed .l-alert {
        top: -100px; } }

.alert-close {
  position: absolute;
  top: 0;
  right: 20px;
  background-image: url(../img/sprite.png);
  background-position: -747.5px -146px;
  width: 51px;
  height: 60px;
  background-size: 799.5px 769.5px;
  transition: opacity; }
  .alert-close:hover {
    opacity: 0.8; }
  @media screen and (max-width: 640px) {
    .alert-close {
      right: 10px;
      background-image: url(../img/sprite.png);
      background-position: -747.5px -612.5px;
      width: 36px;
      height: 43px;
      background-size: 799.5px 769.5px; } }

.alertFacebook {
  *zoom: 1;
  padding: 23px 25px 0; }
  .alertFacebook:before, .alertFacebook:after {
    display: table;
    content: ''; }
  .alertFacebook:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .alertFacebook {
      padding: 10px 10px 0; } }

.alertFacebook-text {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  position: relative;
  float: left;
  padding: 0 25px 0 60px;
  vertical-align: middle;
  font-weight: bold; }
  .alertFacebook-text:before {
    background-image: url("/assets/themes/herenow/img/sprite/icon_facebook.png");
    background-size: 47px auto;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    top: -11px;
    left: 0;
    width: 47px;
    height: 50px;
    margin: auto;
    content: '';
    width: 47px;
    height: 50px; }
    @media screen and (max-width: 640px) {
      .alertFacebook-text:before {
        background-size: 35px auto;
        top: 0;
        left: 5px; } }
  @media screen and (max-width: 640px) {
    .alertFacebook-text {
      font-size: 13px;
      font-size: 1.3rem;
      display: table-cell;
      float: none;
      min-height: 35.5px;
      margin-bottom: 8px;
      padding-right: 60px;
      padding-left: 45px;
      height: 35px; } }

.alertFacebook-inner {
  float: left;
  margin: -9px 0 0 0;
  padding: 6px 20px 10px 20px;
  background: #fff;
  border-radius: 3px; }
  .alertFacebook-inner .alertFacebook-button {
    *zoom: 1; }
    .alertFacebook-inner .alertFacebook-button:before, .alertFacebook-inner .alertFacebook-button:after {
      display: table;
      content: ''; }
    .alertFacebook-inner .alertFacebook-button:after {
      clear: both; }
    .alertFacebook-inner .alertFacebook-button p {
      font-size: 13px;
      font-size: 1.3rem;
      font-weight: bold;
      position: relative;
      float: left;
      width: auto;
      margin: 0 13px 0 0;
      padding: 5px 23px 0 0;
      color: #ff4868;
      font-size: 12px; }
      .alertFacebook-inner .alertFacebook-button p:after {
        background-image: url(../img/sprite.png);
        background-position: -533px -284.5px;
        width: 13px;
        height: 13px;
        background-size: 799.5px 769.5px;
        position: absolute;
        top: 8px;
        right: 0;
        content: ""; }
    .alertFacebook-inner .alertFacebook-button .fb-like {
      float: left;
      top: 1px; }
      @media screen and (max-width: 640px) {
        .alertFacebook-inner .alertFacebook-button .fb-like {
          float: right; } }
  @media screen and (max-width: 640px) {
    .alertFacebook-inner {
      float: none;
      width: 100%;
      margin: 5px 0 0 0;
      padding: 2px 0 3px 0;
      text-align: center;
      height: 37px; }
      .alertFacebook-inner .alertFacebook-button {
        display: inline-block;
        margin: 0 auto;
        padding: 2px 0 1px 0;
        width: 231px;
        height: 31px;
        overflow: hidden; }
        .alertFacebook-inner .alertFacebook-button p {
          padding-top: 5px;
          margin: 0; } }

.alertApp {
  *zoom: 1;
  padding: 23px 15px 0 15px; }
  .alertApp:before, .alertApp:after {
    display: table;
    content: ''; }
  .alertApp:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .alertApp {
      display: none !important; } }

.alertApp-text {
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  position: relative;
  float: left;
  padding: 0 25px 0 100px;
  vertical-align: middle;
  font-weight: bold; }
  .alertApp-text:before {
    background-image: url("/assets/themes/herenow/img/app/app-logo.png");
    background-size: auto 60px;
    background-repeat: no-repeat;
    background-position: 0 0;
    position: absolute;
    top: -15px;
    left: 0;
    margin: auto;
    content: '';
    width: 64px;
    height: 60px; }
    @media screen and (max-width: 640px) {
      .alertApp-text:before {
        background-size: auto 60px;
        top: 0;
        left: 5px; } }
  @media screen and (max-width: 640px) {
    .alertApp-text {
      font-size: 13px;
      font-size: 1.3rem;
      display: table-cell;
      float: none;
      min-height: 35.5px;
      margin-bottom: 8px;
      padding-right: 60px;
      padding-left: 45px;
      height: 35px; } }

.alertApp-inner {
  float: left;
  margin: -9px 0 0 0; }
  .alertApp-inner .alertApp-dl {
    height: 40px;
    line-height: 40px;
    text-align: center;
    width: 215px;
    display: inline-block;
    vertical-align: top;
    margin: 0 15px 0 0; }
    .alertApp-inner .alertApp-dl a {
      display: block;
      background: #ff3645;
      color: #fff; }
    .alertApp-inner .alertApp-dl img {
      vertical-align: middle;
      margin: 0 0 3px 23px;
      width: 14px; }
  .alertApp-inner .alertApp-links {
    overflow: hidden;
    display: inline-block; }
  .alertApp-inner .alertApp-link {
    float: left;
    width: 125px;
    margin: 0 12px 0 0; }
    .alertApp-inner .alertApp-link img {
      width: 100%;
      vertical-align: middle; }

.alert-sp {
  height: 70px;
  background: #f2f2f2;
  border: none; }
  body.is-body-inactive .alert-sp {
    opacity: 0; }

.alert-app {
  display: flex;
  align-items: center;
  height: inherit;
  padding: 0 10px 0 0; }
  .alert-app-left {
    display: flex;
    align-items: center;
    flex: 1;
    height: inherit;
    background-image: url("/assets/themes/herenow/img/app/app.png");
    background-size: auto 70px;
    background-repeat: no-repeat; }
  .alert-app-right {
    width: 80px; }
  .alert-app-close {
    padding: 0 10px;
    display: block;
    height: inherit;
    width: 35px;
    box-sizing: border-box;
    font-size: 0; }
  .alert-app-text {
    font-size: 11px;
    line-height: 17px;
    font-weight: bold;
    padding-left: 56px; }
  .alert-app-button {
    display: block;
    font-size: 11px;
    font-weight: bold;
    background: #ff4868;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    border-bottom: 2px solid #d9d9d9; }

.alert-career {
  display: flex;
  align-items: center;
  height: inherit;
  padding: 0 10px 0 0; }
  .alert-career-left {
    display: flex;
    align-items: center;
    width: 44px;
    height: inherit;
    background-position: center;
    background-size: auto 50px;
    background-repeat: no-repeat;
    background-image: url("/assets/themes/herenow/img/sprite/alert_close.png"); }
  .alert-career-right {
    flex: 1; }
  .alert-career-close {
    padding: 0 10px;
    display: block;
    height: inherit;
    width: 35px;
    box-sizing: border-box;
    font-size: 0; }
  .alert-career-text {
    font-size: 12px;
    line-height: 17px;
    font-weight: bold;
    margin-bottom: 8px; }
    @media screen and (min-width: 641px) {
      .alert-career-text {
        font-size: 14px;
        display: contents; } }
  .alert-career-buttons {
    display: flex; }
    @media screen and (min-width: 641px) {
      .alert-career-buttons {
        display: inline-block;
        margin-left: 20px; } }
  .alert-career-button {
    display: block;
    font-size: 11px;
    font-weight: bold;
    background: #ff4868;
    width: 150px;
    height: 30px;
    line-height: 28px;
    color: #fff;
    text-align: center;
    border-bottom: 2px solid #d9d9d9;
    margin-right: 10px; }

.arealist {
  position: fixed;
  background: #1a1a1a;
  top: 68px;
  left: 0;
  width: 100%;
  height: calc(100vh - 68px);
  z-index: 101;
  display: none;
  overflow-y: scroll; }
  .arealist .area-header {
    height: 88px;
    border-bottom: 1px solid #404040; }
  .arealist .area-header__inner {
    width: 1200px;
    margin: 0 auto;
    text-align: center;
    height: inherit; }
  .arealist .area-header__head {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: inherit; }
  .arealist .area-header__back {
    position: absolute;
    display: flex;
    height: inherit;
    align-items: center;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0.025em; }
    .arealist .area-header__back:before {
      content: '\e87b';
      font-family: fontello;
      color: #808080;
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
      margin: 0 5px 0 0; }
    .arealist .area-header__back a {
      color: #808080; }
  .arealist .area-selecContainer {
    border-bottom: 1px solid #404040; }
    .arealist .area-selecContainer:last-child {
      border-bottom: none; }
  .arealist .selecContainer-inner {
    width: 1200px;
    margin: 0 auto; }
  .arealist .select-header {
    position: relative;
    color: #fff;
    text-align: center;
    line-height: 78px; }
  .arealist .select-cityies {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 10px; }
  .arealist .select-city {
    position: relative;
    margin-bottom: 20px;
    margin-right: 20px;
    width: 385px; }
    .arealist .select-city:nth-child(3n) {
      margin-right: 0; }
    .arealist .select-city a {
      display: block;
      height: 100%; }
    .arealist .select-city .feature-text {
      color: #fff; }
    .arealist .select-city:last-child {
      margin-right: 0; }
  .arealist .select-city-label {
    position: absolute;
    color: #fff;
    height: 26px;
    z-index: 10;
    padding: 0 10px 10px 13px;
    text-transform: uppercase;
    line-height: 1;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    background: #1a1a1a;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: 0.05em; }
    .arealist .select-city-label:before {
      position: absolute;
      height: calc(100% - 10px);
      content: '';
      width: 3px;
      left: 0; }

.l-articleIndex {
  padding: 0 0 40px; }
  @media screen and (max-width: 640px) {
    .l-articleIndex {
      padding-bottom: 20px; } }

.articleIndex-heading {
  font-size: 30px;
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 30px;
  text-align: center; }

.articleIndex-list > li {
  margin: 0 0 20px; }
  .articleIndex-list > li:last-child {
    margin-bottom: 0; }

.article-eyecatch {
  height: 430px;
  border-bottom: 1px solid #d6d6d6;
  background: #f2f2f2;
  background-repeat: no-repeat;
  background-position: 50% 50%; }
  @media screen and (min-width: 641px) {
    .article-eyecatch {
      padding-top: 0 !important; } }
  @media screen and (max-width: 640px) {
    .article-eyecatch {
      height: 180px;
      background-size: contain; } }

.article-header {
  padding: 30px 10px 35px; }
  @media screen and (max-width: 640px) {
    .article-header {
      padding-top: 15px;
      padding-bottom: 15px; } }

.article-heading {
  margin: 0 0 10px;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  line-height: 1.22222; }
  @media screen and (max-width: 640px) {
    .article-heading {
      font-size: 24px;
      font-size: 2.4rem; } }

.article-header-lead {
  padding-bottom: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2; }
  @media screen and (max-width: 640px) {
    .article-header-lead {
      padding: 10px 0;
      font-size: 15px;
      font-size: 1.5rem;
      border-top: 1px solid #d9d9d9;
      border-bottom: 1px solid #d9d9d9;
      text-align: left; } }

.article-header-credit {
  margin: 0 0 5px;
  color: #808080;
  font-size: 12px;
  font-size: 1.2rem; }
  @media screen and (max-width: 640px) {
    .article-header-credit {
      padding-top: 10px; } }

.article-header-meta {
  margin: 0 0 15px; }

.article-body {
  padding: 35px 0 0; }

.article-body-meta {
  margin: 0 0 25px;
  color: #808080;
  font-size: 12px;
  font-size: 1.2rem; }

.article-body-lead {
  padding: 0 0 20px;
  margin: 0 0 20px;
  border-bottom: 1px solid #d6d6d6;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2; }

.article-subblock {
  padding: 32px;
  margin: 0 0 30px;
  border: 10px solid #f2f2f2; }
  @media screen and (max-width: 640px) {
    .article-subblock {
      padding: 8px;
      border-width: 6px; } }

.article-subblock-row {
  display: table;
  width: 100%;
  table-layout: fixed; }

.article-subblock-image {
  display: table-cell;
  width: 200px;
  vertical-align: top; }
  .is-mode-mapview .article-subblock-image {
    display: block;
    width: auto;
    margin-bottom: 20px;
    text-align: center; }
  @media screen and (max-width: 640px) {
    .article-subblock-image {
      display: block;
      width: auto;
      margin-bottom: 20px;
      text-align: center; } }

.article-subblock-text {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  padding: 0 0 0 20px; }
  .article-subblock-text > p {
    margin: 0 0 15px;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.8; }
  .is-mode-mapview .article-subblock-text {
    display: block;
    padding-left: 0; }
  @media screen and (max-width: 640px) {
    .article-subblock-text {
      display: block;
      padding-left: 0;
      margin-bottom: 10px; }
      .article-subblock-text > p {
        margin-bottom: 10px;
        font-size: 14px;
        font-size: 1.4rem; } }

.article-subblock-heading {
  display: block;
  margin: 0 0 10px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 640px) {
    .article-subblock-heading {
      font-size: 16px;
      font-size: 1.6rem; } }

.article-subblock-linkList {
  font-size: 16px;
  font-size: 1.6rem; }
  .article-subblock-linkList > li {
    margin: 0 0 15px; }
    .article-subblock-linkList > li:last-child {
      margin-bottom: 0; }
  .article-subblock-linkList a {
    transition: opacity; }
    .article-subblock-linkList a:hover {
      opacity: 0.8; }
  @media screen and (max-width: 640px) {
    .article-subblock-linkList {
      font-size: 14px;
      font-size: 1.4rem; } }

.article-information {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 18px; }

.article-information-image {
  display: table-cell;
  width: 200px;
  vertical-align: top; }
  .is-mode-mapview .article-information-image {
    display: block;
    width: auto;
    margin-bottom: 20px;
    text-align: center; }
  @media screen and (max-width: 640px) {
    .article-information-image {
      display: block;
      width: auto;
      margin-bottom: 20px;
      text-align: center; } }

.article-information-text {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  padding: 0 0 0 20px; }
  .is-mode-mapview .article-information-text {
    display: block;
    padding-left: 0; }
  @media screen and (max-width: 640px) {
    .article-information-text {
      display: block;
      padding-left: 0; } }

.article-information-description {
  font-weight: bold;
  -webkit-font-smoothing: antialiased; }
  .article-information-description > dt {
    margin: 0 0 10px;
    font-size: 20px;
    font-size: 2rem; }
  .article-information-description > dd {
    font-size: 14px;
    font-size: 1.4rem; }
  .article-information-description ul > li {
    padding: 10px 0;
    border-bottom: 1px solid #ccc; }

.article-information-description-heading {
  font-size: inherit;
  font-weight: inherit; }

.article-sns {
  padding: 0 0 40px;
  text-align: center; }
  .pagination--article + .article-sns {
    margin: 40px 0 0 0; }

.page-headline,
.archive-headline {
  height: 240px;
  text-align: center;
  position: relative; }
  @media screen and (max-width: 640px) {
    .page-headline,
    .archive-headline {
      height: fit-content; } }
  .page-headline.hongkong:before,
  .archive-headline.hongkong:before {
    background-image: url("/assets/themes/herenow/img/themes/hongkong/bg_grand.jpg"); }
  .page-headline.kitakyushu:before,
  .archive-headline.kitakyushu:before {
    background-image: url("/assets/themes/herenow/img/themes/kitakyushu/bg_grand.jpg"); }
  .page-headline.bangkok:before,
  .archive-headline.bangkok:before {
    background-image: url("/assets/themes/herenow/img/themes/bangkok/bg_grand.jpg"); }
  .page-headline.fukuoka:before,
  .archive-headline.fukuoka:before {
    background-image: url("/assets/themes/herenow/img/themes/fukuoka/bg_grand.jpg"); }
  .page-headline.kaohsiung:before,
  .archive-headline.kaohsiung:before {
    background-image: url("/assets/themes/herenow/img/themes/kaohsiung/bg_grand.jpg"); }
  .page-headline.kyoto:before,
  .archive-headline.kyoto:before {
    background-image: url("/assets/themes/herenow/img/themes/kyoto/bg_grand.jpg"); }
  .page-headline.okinawa:before,
  .archive-headline.okinawa:before {
    background-image: url("/assets/themes/herenow/img/themes/okinawa/bg_grand.jpg"); }
  .page-headline.seoul:before,
  .archive-headline.seoul:before {
    background-image: url("/assets/themes/herenow/img/themes/seoul/bg_grand.jpg"); }
  .page-headline.singapore:before,
  .archive-headline.singapore:before {
    background-image: url("/assets/themes/herenow/img/themes/singapore/bg_grand.jpg"); }
  .page-headline.taipei:before,
  .archive-headline.taipei:before {
    background-image: url("/assets/themes/herenow/img/themes/taipei/bg_grand.jpg"); }
  .page-headline.tokyo:before,
  .archive-headline.tokyo:before {
    background-image: url("/assets/themes/herenow/img/themes/tokyo/bg_grand.jpg"); }
  .page-headline.hongkong:before, .page-headline.kitakyushu:before, .page-headline.bangkok:before, .page-headline.fukuoka:before, .page-headline.kaohsiung:before, .page-headline.kyoto:before, .page-headline.okinawa:before, .page-headline.seoul:before, .page-headline.singapore:before, .page-headline.taipei:before, .page-headline.tokyo:before,
  .archive-headline.hongkong:before,
  .archive-headline.kitakyushu:before,
  .archive-headline.bangkok:before,
  .archive-headline.fukuoka:before,
  .archive-headline.kaohsiung:before,
  .archive-headline.kyoto:before,
  .archive-headline.okinawa:before,
  .archive-headline.seoul:before,
  .archive-headline.singapore:before,
  .archive-headline.taipei:before,
  .archive-headline.tokyo:before {
    content: '';
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: white;
    opacity: 0.1;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0; }
    @media screen and (max-width: 640px) {
      .page-headline.hongkong:before, .page-headline.kitakyushu:before, .page-headline.bangkok:before, .page-headline.fukuoka:before, .page-headline.kaohsiung:before, .page-headline.kyoto:before, .page-headline.okinawa:before, .page-headline.seoul:before, .page-headline.singapore:before, .page-headline.taipei:before, .page-headline.tokyo:before,
      .archive-headline.hongkong:before,
      .archive-headline.kitakyushu:before,
      .archive-headline.bangkok:before,
      .archive-headline.fukuoka:before,
      .archive-headline.kaohsiung:before,
      .archive-headline.kyoto:before,
      .archive-headline.okinawa:before,
      .archive-headline.seoul:before,
      .archive-headline.singapore:before,
      .archive-headline.taipei:before,
      .archive-headline.tokyo:before {
        height: 100%; } }
  .page-headline h1,
  .archive-headline h1 {
    position: relative;
    width: 760px;
    padding: 0 40px;
    text-align: left;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 100%; }
    @media screen and (max-width: 640px) {
      .page-headline h1,
      .archive-headline h1 {
        width: 100%;
        padding: 30px 25px;
        font-size: 23px;
        font-weight: 700;
        line-height: 1.5; } }

.archive-headline {
  height: auto;
  padding-top: 70px;
  padding-bottom: 70px; }
  @media screen and (max-width: 640px) {
    .archive-headline {
      padding-top: 40px;
      padding-bottom: 40px; } }
  .archive-headline h1 {
    height: auto;
    width: auto;
    padding: 0;
    padding-bottom: 40px; }
    @media screen and (max-width: 640px) {
      .archive-headline h1 {
        padding-bottom: 30px; } }
  .archive-headline .description {
    width: 760px;
    text-align: left;
    margin: 0 auto; }
    @media screen and (max-width: 640px) {
      .archive-headline .description {
        width: auto;
        padding-left: 20px;
        padding-right: 20px; } }

.page-keyvisual-container {
  width: 100%;
  overflow: hidden; }

.page-keyvisual-wrap {
  display: flex;
  background-color: #e8e8e8;
  justify-content: center; }
  @media screen and (max-width: 640px) {
    .page-keyvisual-wrap {
      display: none; } }

@media screen and (min-width: 641px) {
  .page-keyvisual-wrap-sp {
    display: none; } }

/*
.page-keyvisual{
  //height: 430px;
  height: auto;
  @include sp {
    height: 160px;
  }
}
*/
.page-content-container {
  width: 100%; }
  .page-content-container.article-detail-line:before {
    border-top: 1px #ccc solid;
    content: '';
    display: block; }

.page-content-wrap {
  width: 760px;
  position: relative;
  padding: 70px 40px 70px;
  margin: 0 auto; }
  .page-content-wrap.wysiwyg {
    padding-top: 0;
    padding-bottom: 20px; }
  .page-content-wrap.sub {
    padding-top: 20px; }
  @media screen and (max-width: 640px) {
    .page-content-wrap {
      width: 100%;
      padding: 30px 25px; } }

.page-content-lead {
  line-height: 2;
  margin-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .page-content-lead {
      font-size: 14px;
      line-height: 2; } }

.article-header-credit {
  margin: 0 0 8px;
  color: #808080;
  font-size: 12px;
  font-size: 1.2rem; }
  @media screen and (max-width: 640px) {
    .article-header-credit {
      padding-top: 10px; } }

.page-load-status {
  margin-top: -100px;
  height: 100px; }
  @media screen and (max-width: 640px) {
    .page-load-status {
      margin-top: -60px;
      height: 60px; } }

.infinite-scroll-request {
  margin-top: 140px; }
  @media screen and (max-width: 640px) {
    .infinite-scroll-request {
      margin-top: 90px; } }

.load-more {
  color: white;
  background-color: #ccc;
  height: 60px;
  text-align: center;
  line-height: 60px;
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  margin-top: 40px; }
  @media screen and (max-width: 640px) {
    .load-more {
      margin-top: 30px; } }

.page-other-container {
  width: 100%;
  position: relative;
  background-color: #e8e8e8; }
  .page-other-container.article-detail-line:before {
    border-top: 10px #ccc solid;
    content: '';
    display: block; }

.page-other-headline {
  padding: 80px 0; }
  .page-other-headline.is-flex {
    display: flex;
    align-items: center; }
    .page-other-headline.is-flex h2 {
      display: flex;
      align-items: center; }
      .page-other-headline.is-flex h2:before {
        display: block; }
  @media screen and (min-width: 641px) {
    .page-other-headline {
      max-width: 1200px;
      margin: 0 auto; } }
  @media screen and (max-width: 640px) {
    .page-other-headline {
      padding: 40px 20px 30px 20px; } }
  .page-other-headline h2, .page-other-headline .page-other-tagswrap {
    display: inline-block; }
    @media screen and (max-width: 640px) {
      .page-other-headline h2, .page-other-headline .page-other-tagswrap {
        display: block;
        font-size: 20px;
        font-weight: 700;
        line-height: 1.5; }
        .page-other-headline h2.inline, .page-other-headline .page-other-tagswrap.inline {
          display: inline-block;
          width: 70%; } }
  .page-other-headline .page-other-tagswrap {
    float: right;
    padding-right: 74px; }
    @media screen and (max-width: 640px) {
      .page-other-headline .page-other-tagswrap {
        float: none;
        padding-top: 25px; } }

.page-other-more {
  margin-left: auto; }
  @media screen and (max-width: 640px) {
    .page-other-more {
      width: 150px;
      text-align: right; } }

.contentswrap-viewmore {
  position: relative;
  max-width: 1092px;
  width: auto;
  height: 60px;
  margin: 25px auto 60px;
  font-weight: bold;
  font-size: 18px; }
  .contentswrap-viewmore.is-snap {
    margin-bottom: 40px; }
  .contentswrap-viewmore.is-hidden-tablet {
    display: none; }
  .contentswrap-viewmore:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 2px;
    background: rgba(0, 0, 0, 0.1);
    z-index: -1; }
  .contentswrap-viewmore.type-bar {
    margin-top: 60px; }
    .contentswrap-viewmore.type-bar a {
      color: #fff !important; }
      @media screen and (max-width: 640px) {
        .contentswrap-viewmore.type-bar a {
          font-size: 20px;
          padding: 5px 0 !important; } }
    .contentswrap-viewmore.type-bar a:hover {
      color: #fff !important;
      opacity: .6; }
    @media screen and (max-width: 640px) {
      .contentswrap-viewmore.type-bar {
        margin-top: 50px; } }
  .contentswrap-viewmore .viewmore-link {
    height: 100%;
    color: #fff;
    display: flex !important;
    justify-content: center;
    align-items: center;
    padding: 0 !important; }
  @media screen and (max-width: 640px) {
    .contentswrap-viewmore {
      margin: 15px 0;
      height: auto !important;
      width: 60px !important; }
      .contentswrap-viewmore.type-bar {
        width: 100% !important; }
      .contentswrap-viewmore.is-snap {
        width: auto !important;
        margin: 10px 15px;
        padding: 10px; }
        .contentswrap-viewmore.is-snap .viewmore-link {
          font-size: 14px; }
      .contentswrap-viewmore.is-hidden-mobile {
        display: none; }
      .contentswrap-viewmore.is-hidden-tablet {
        display: block; }
      .contentswrap-viewmore .viewmore-link {
        font-size: 24px; } }

.page-other-contentswrap {
  margin: 0 auto;
  padding-bottom: 120px;
  max-width: 1200px; }
  .page-other-contentswrap.index-new {
    max-width: 1100px;
    padding-bottom: 20px; }
  .page-other-contentswrap.index-new-article {
    padding-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .page-other-contentswrap {
      overflow: scroll;
      height: 390px;
      display: block;
      position: relative;
      -webkit-overflow-scrolling: touch; }
      .page-other-contentswrap.index-new {
        height: 600px; }
      .page-other-contentswrap.index-latestArticles {
        height: 550px; }
      .page-other-contentswrap.newvenue {
        height: 470px; }
        .page-other-contentswrap.newvenue .page-other-recommends .recommends-wrap {
          height: 440px; } }

.page-other-recommends {
  font-size: 0; }
  .page-other-recommends.no-scroll {
    position: relative;
    white-space: normal; }
  @media screen and (max-width: 640px) {
    .page-other-recommends .is-newTopics:before {
      zoom: 0.6;
      right: -20px;
      top: -20px; } }
  @media screen and (min-width: 641px) {
    .page-other-recommends {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin: 0 auto; }
      .page-other-recommends.l-latestArticles {
        justify-content: normal; }
        .page-other-recommends.l-latestArticles > li {
          padding: 0; }
        .page-other-recommends.l-latestArticles .recommends-wrap {
          margin-right: 5px;
          margin-left: 5px; }
          .page-other-recommends.l-latestArticles .recommends-wrap .articlePanel-lead {
            padding: 0;
            color: black; } }
  @media screen and (max-width: 640px) {
    .page-other-recommends {
      position: absolute;
      white-space: nowrap;
      display: flex; }
      .page-other-recommends.no-scroll {
        display: block; }
      .page-other-recommends.l-latestArticles {
        top: 20px; }
        .page-other-recommends.l-latestArticles .articlePanel-lead {
          color: black;
          -webkit-line-clamp: 3;
          display: -webkit-box;
          /* autoprefixer: off */
          -webkit-box-orient: vertical;
          /* autoprefixer: on */
          overflow: hidden; }
        .page-other-recommends.l-latestArticles a {
          padding-bottom: 5px !important; } }
  .page-other-recommends .is-new:before {
    display: block;
    content: '';
    position: absolute;
    top: -10px;
    right: -10px;
    z-index: 1;
    -ms-transform: rotate(10deg);
        transform: rotate(10deg);
    background-image: url(../img/sprite.png);
    background-position: -538px -610.5px;
    width: 32px;
    height: 32px;
    background-size: 799.5px 769.5px;
    transition: transform 0.4s cubic-bezier(0.19, 1, 0.22, 1); }
    @media screen and (max-width: 640px) {
      .page-other-recommends .is-new:before {
        top: -10px;
        right: -10px;
        border-radius: 50%; } }
    a:hover .page-other-recommends .is-new:before {
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg); }
  .page-other-recommends .recommends-wrap {
    width: 386px;
    vertical-align: top;
    position: relative;
    background: white; }
    .page-other-recommends .recommends-wrap-inner {
      padding-bottom: 30px; }
      .page-other-recommends .recommends-wrap-inner a {
        padding: 0 !important; }
    @media screen and (max-width: 640px) {
      .page-other-recommends .recommends-wrap {
        width: 240px;
        height: 360px;
        display: inline-block;
        white-space: normal;
        margin-left: 20px; }
        .page-other-recommends .recommends-wrap:last-child {
          margin-right: 20px; } }
    @media screen and (min-width: 641px) {
      .page-other-recommends .recommends-wrap {
        margin-bottom: 20px; } }
    .page-other-recommends .recommends-wrap a {
      display: block;
      padding-bottom: 30px; }
      .page-other-recommends .recommends-wrap a.user-panel {
        padding-bottom: 50px; }
      @media screen and (max-width: 640px) {
        .page-other-recommends .recommends-wrap a {
          padding-bottom: 30px; } }
    @media screen and (min-width: 641px) {
      .page-other-recommends .recommends-wrap a:hover {
        opacity: 1; } }
    @media screen and (max-width: 640px) {
      .page-other-recommends .recommends-wrap.sp-slim {
        width: 240px;
        height: 100%; }
        .page-other-recommends .recommends-wrap.sp-slim .description {
          padding: 0; } }
    .page-other-recommends .recommends-wrap.slim {
      width: 25%;
      padding: 15px; }
      @media screen and (max-width: 640px) {
        .page-other-recommends .recommends-wrap.slim {
          width: 240px;
          height: 100%;
          padding: 15px 0; }
          .page-other-recommends .recommends-wrap.slim .description {
            padding: 0; } }
      .page-other-recommends .recommends-wrap.slim .img .bg-img {
        height: 300px; }
      .page-other-recommends .recommends-wrap.slim .title {
        font-size: 16px;
        padding: 12px 0; }
      .page-other-recommends .recommends-wrap.slim .subtitle {
        font-size: 13px;
        margin: 0 0 10px;
        color: black; }
      .page-other-recommends .recommends-wrap.slim .user-wrap {
        color: #b3b3b3;
        width: 100%; }
        .page-other-recommends .recommends-wrap.slim .user-wrap .curator {
          width: 20%;
          display: inline-block;
          vertical-align: middle; }
          .page-other-recommends .recommends-wrap.slim .user-wrap .curator .user {
            position: relative;
            left: 0px; }
          .page-other-recommends .recommends-wrap.slim .user-wrap .curator .city-writer-image {
            padding: 0;
            margin: 0; }
        .page-other-recommends .recommends-wrap.slim .user-wrap span {
          font-size: 14px;
          color: #b3b3b3; }
  .page-other-recommends .img .bg-img {
    max-width: 100%;
    height: 200px;
    background-size: cover; }
  .page-other-recommends .img, .page-other-recommends .description {
    position: relative; }
  .page-other-recommends .img span {
    font-weight: bold;
    font-size: 14px;
    padding: 0 15px 10px 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #e8e8e8;
    color: white;
    line-height: 14px; }
    @media screen and (max-width: 640px) {
      .page-other-recommends .img span {
        font-size: 14px;
        line-height: 14px; } }
  @media screen and (max-width: 640px) {
    .page-other-recommends .description {
      padding: 0 20px;
      overflow: hidden; } }
  .page-other-recommends .description .title {
    text-align: left;
    line-height: 1.8;
    font-size: 18px;
    display: block;
    padding: 20px;
    color: #333;
    font-weight: bold; }
    @media screen and (max-width: 640px) {
      .page-other-recommends .description .title {
        /* autoprefixer: off */
        -webkit-box-orient: vertical;
        /* autoprefixer: on */
        padding: 15px 0px 0;
        font-size: 16px;
        line-height: 1.6;
        font-weight: 700;
        display: -webkit-box;
        -webkit-line-clamp: 3; } }
  .page-other-recommends .date {
    position: absolute;
    left: 20px;
    bottom: 0;
    display: block; }
    @media screen and (min-width: 641px) {
      .page-other-recommends .date {
        padding-bottom: 18px; } }
    @media screen and (max-width: 640px) {
      .page-other-recommends .date {
        padding-top: 20px;
        padding-bottom: 5px;
        font-size: 9px; }
        .page-other-recommends .date.nopad {
          left: 0; } }
  .page-other-recommends .city-title {
    background-color: white;
    display: block;
    position: relative;
    font-size: 22px;
    border-top: 3px solid;
    padding: 20px;
    font-weight: bold;
    letter-spacing: 0.05em; }
    @media screen and (max-width: 640px) {
      .page-other-recommends .city-title {
        padding: 15px 20px;
        font-size: 20px; } }
  .page-other-recommends .user {
    position: absolute;
    left: 20px;
    bottom: 0;
    display: block;
    padding-bottom: 18px; }
    .page-other-recommends .user .city-writer-image {
      width: 40px;
      margin: 0;
      padding: 0; }
    .page-other-recommends .user .writer-name {
      padding-left: 10px;
      font-size: 14px;
      color: #808080;
      line-height: 40px; }
  .page-other-recommends:after {
    content: "";
    display: block;
    width: 386px; }
    @media screen and (max-width: 640px) {
      .page-other-recommends:after {
        width: 1px; } }

.l-wysiwyg .movie {
  padding-top: 53%; }

.sns-list-wrap {
  margin-top: -20px; }
  .sns-list-wrap .snsList {
    text-align: right; }

.viewmore-wrap {
  float: right; }

.viewmore {
  display: inline-block;
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1; }

.l-banner {
  padding: 50px 0;
  background: #e8e8e8; }
  @media screen and (max-width: 640px) {
    .l-banner {
      padding: 30px 0; }
      .l-banner .container {
        padding: 0; } }

.banner-list--large {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  .banner-list--large > li {
    padding: 0 10px; }
    @media screen and (min-width: 641px) {
      .banner-list--large > li {
        padding-bottom: 15px; } }
  @media screen and (max-width: 640px) {
    .banner-list--large {
      display: block; }
      .banner-list--large > li {
        margin-bottom: 10px;
        padding-right: 0;
        padding-left: 0;
        float: none; }
        .banner-list--large > li:last-child {
          margin-bottom: 0; } }

.banner-list--small {
  margin: 0 0 -20px -21px;
  font-size: 0;
  text-align: center; }
  .banner-list--small > li {
    display: inline-block;
    width: 33.33333%;
    padding: 0 0 20px 21px; }
  @media screen and (max-width: 640px) {
    .banner-list--small {
      margin-bottom: 0;
      margin-left: -10px;
      *zoom: 1; }
      .banner-list--small:before, .banner-list--small:after {
        display: table;
        content: ''; }
      .banner-list--small:after {
        clear: both; }
      .banner-list--small > li {
        display: block;
        width: 50%;
        padding-bottom: 10px;
        padding-left: 10px;
        float: left; } }

.l-body {
  transition: padding 0.8s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.4s ease-out;
  backface-visibility: hidden; }
  .main-site .l-body,
  .is-alert-closed .l-body, .l-body .is-career-closed {
    padding-top: 0; }
  .is-body-inactive .l-body {
    opacity: 0.3;
    pointer-events: none; }
  .has-career.lang--ja:not(.main-site) .l-body {
    padding-top: 93px; }
    @media screen and (min-width: 641px) {
      .has-career.lang--ja:not(.main-site) .l-body {
        padding-top: 60px; } }
  .lang--ja.is-career-closed .l-body {
    padding-top: 0 !important; }

.city-header {
  padding: 0 0 30px;
  text-align: center; }
  .city-header a {
    font-size: 12px;
    font-size: 1.2rem;
    color: #000;
    transition: opacity; }
    .city-header a:hover {
      opacity: 0.8; }
  @media screen and (max-width: 640px) {
    .city-header {
      padding-bottom: 15px; }
      .city-header a {
        font-size: 11px;
        font-size: 1.1rem; } }

.city-heading {
  margin: 0 0 20px; }
  .city-heading img {
    height: 100px; }
  @media screen and (max-width: 640px) {
    .city-heading {
      margin-bottom: 0; }
      .city-heading img {
        height: 68px; } }

.city-writers {
  padding: 28px 0;
  border-top: 1px solid #d8d8d8; }
  @media screen and (max-width: 640px) {
    .city-writers {
      padding-top: 15px;
      padding-bottom: 10px; } }

.city-writers-list {
  font-size: 0; }
  .city-writers-list > li {
    display: inline-block;
    width: 25%;
    text-align: center;
    vertical-align: top; }
  @media screen and (max-width: 640px) {
    .city-writers-list > li {
      width: 50%;
      padding-top: 10px;
      padding-bottom: 10px;
      border-right: 1px solid #d8d8d8;
      border-bottom: 1px solid #d8d8d8; }
      .city-writers-list > li:nth-child(2n) {
        border-right: none; }
      .city-writers-list > li:nth-last-child(-n + 2) {
        border-bottom: none; } }

.city-writer {
  padding: 0 10px; }

.city-writer-image {
  display: inline-block;
  margin: 0 0 10px;
  border-radius: 50%; }
  @media screen and (max-width: 640px) {
    .city-writer-image {
      padding-right: 10px;
      padding-left: 10px; } }

.city-writer-description {
  margin: 0 0 5px;
  font-weight: bold;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }
  .city-writer-description > dt {
    margin: 0 0 10px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;
    line-height: 1.4; }
  .city-writer-description > dd {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 1.6;
    padding: 0 5px;
    text-align: left;
    font-weight: normal; }
  @media screen and (max-width: 640px) {
    .city-writer-description > dt {
      margin-bottom: 5px;
      font-size: 14px;
      font-size: 1.4rem; }
    .city-writer-description > dd {
      font-size: 11px;
      font-size: 1.1rem;
      line-height: 1.3; } }

.lang--ja .city-writer-description > dd {
  font-weight: bold; }

.city-writer-url {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  color: #b2b2b2;
  transition: opacity;
  text-align: left;
  padding: 5px; }
  .city-writer-url:hover {
    opacity: 0.8; }

.city-section {
  padding: 25px 0;
  border-top: 1px solid #d8d8d8; }
  @media screen and (max-width: 640px) {
    .city-section {
      padding-top: 15px;
      padding-bottom: 10px; } }

.city-section-heading {
  margin: 0 0 15px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #000; }
  @media screen and (max-width: 640px) {
    .city-section-heading {
      margin-bottom: 12px;
      font-size: 16px;
      font-size: 1.6rem; } }

.city-section-specialThanks dl {
  font-size: 14px;
  font-size: 1.4rem;
  *zoom: 1; }
  .city-section-specialThanks dl:before, .city-section-specialThanks dl:after {
    display: table;
    content: ''; }
  .city-section-specialThanks dl:after {
    clear: both; }
  .city-section-specialThanks dl > dt {
    float: left;
    font-weight: bold;
    -webkit-font-smoothing: antialiased; }
  .city-section-specialThanks dl > dd {
    margin: 0 0 10px;
    padding: 0 0 0 185px; }
    .city-section-specialThanks dl > dd:last-of-type {
      margin-bottom: 0; }

@media screen and (max-width: 640px) {
  .city-section-specialThanks dl {
    font-size: 13px;
    font-size: 1.3rem; }
    .city-section-specialThanks dl > dt {
      margin-bottom: 5px;
      float: none; }
    .city-section-specialThanks dl > dd {
      margin-bottom: 10px;
      padding-left: 0; } }

.city-supporter ul {
  margin: 0 0 0 -37px;
  *zoom: 1; }
  .city-supporter ul:before, .city-supporter ul:after {
    display: table;
    content: ''; }
  .city-supporter ul:after {
    clear: both; }

.city-supporter li {
  width: 33.33333%;
  padding: 0 0 0 37px;
  float: left;
  text-align: center; }

.city-supporter a {
  transition: opacity; }
  .city-supporter a:hover {
    opacity: 0.8; }

@media screen and (max-width: 640px) {
  .city-supporter ul {
    margin-bottom: -15px;
    margin-left: -10px; }
  .city-supporter li {
    width: 50%;
    padding-left: 10px;
    padding-bottom: 10px; } }

.city-supporter-image {
  display: block;
  margin: 0 0 10px;
  border: 1px solid #e5e5e5; }

.city-supporter-text {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 0.72727;
  color: #000; }
  @media screen and (max-width: 640px) {
    .city-supporter-text {
      font-size: 14px;
      font-size: 1.4rem; } }

.city-font--small {
  font-size: 12px;
  font-size: 1.2rem; }
  @media screen and (max-width: 640px) {
    .city-font--small {
      font-size: 13px;
      font-size: 1.3rem; } }

.l-complete {
  background: #fff;
  text-align: center; }

.complete-text--large {
  margin: 0 0 20px;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1.2; }
  @media screen and (max-width: 640px) {
    .complete-text--large {
      margin-bottom: 10px;
      font-size: 30px;
      font-size: 3rem; } }

.complate-text {
  margin: 0 0 20px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.85714; }
  @media screen and (max-width: 640px) {
    .complate-text {
      margin-bottom: 10px;
      font-size: 13px;
      font-size: 1.3rem; } }

.l-contents--snap {
  background: #1a1a1a; }

.contents-header--image, .contents-header--text {
  min-height: 140px;
  padding-right: 10px;
  padding-left: 10px;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .contents-header--image, .contents-header--text {
      min-height: 50px; } }

.contents-header--image {
  padding-top: 55px;
  padding-bottom: 55px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover; }
  @media screen and (max-width: 640px) {
    .contents-header--image {
      min-height: 50px;
      padding-top: 17px;
      padding-bottom: 0; } }

.contents-header--text {
  padding-top: 20px;
  background-color: #e5e5e5; }
  @media screen and (max-width: 640px) {
    .contents-header--text {
      padding-top: 17px; } }

.contents-heading {
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  line-height: 1;
  color: #ff3645; }
  @media screen and (max-width: 640px) {
    .contents-heading {
      font-size: 16px;
      font-size: 1.6rem; } }

.contents-body--gray {
  background: #f2f2f2; }

.contents-body-inner {
  padding: 40px 0; }
  @media screen and (max-width: 640px) {
    .contents-body-inner {
      padding-top: 20px;
      padding-bottom: 20px; } }

.detail-header {
  padding: 35px 10px;
  border-bottom: 1px solid #d6d6d6;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .detail-header {
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: none; } }

.detail-heading {
  margin: 0 0 10px;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.4;
  -webkit-font-smoothing: antialiased; }
  .detail-heading span {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-size: 1.6rem; }
  .is-event-ended .detail-heading {
    color: #808080 !important; }
  @media screen and (max-width: 640px) {
    .detail-heading {
      margin-bottom: 0;
      padding-bottom: 10px;
      font-size: 24px;
      font-size: 2.4rem; }
      .detail-heading span {
        font-size: 13px;
        font-size: 1.3rem;
        margin-top: 0;
        margin-bottom: 10px; } }

.detail-peroid {
  display: inline-block;
  padding: 10px 40px 12px;
  margin: 0 0 20px;
  position: relative;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  border: 1px solid;
  border-radius: 12px;
  line-height: 1; }
  .is-event-ended .detail-peroid {
    color: #808080 !important; }
  .detail-peroid:before {
    display: block;
    content: '';
    width: 1px;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1px;
    margin: auto;
    background: #fff; }
  .detail-peroid:after {
    display: block;
    content: '';
    width: 1px;
    height: 24px;
    position: absolute;
    top: 0;
    right: -1px;
    bottom: 0;
    margin: auto;
    background: #fff; }
  @media screen and (max-width: 640px) {
    .detail-peroid {
      font-size: 16px;
      font-size: 1.6rem; } }

.detail-labels {
  margin: 0 0 15px; }
  .detail-labels > * {
    display: inline-block;
    vertical-align: bottom; }
  @media screen and (max-width: 640px) {
    .detail-labels {
      margin-bottom: 0;
      padding: 5px 10px 8px;
      border-top: 1px solid #d8d8d8;
      border-bottom: 1px solid #d8d8d8; } }

.detail-meta {
  margin: 0 0 20px; }
  @media screen and (max-width: 640px) {
    .detail-meta {
      margin-bottom: 10px;
      padding-bottom: 5px;
      border-bottom: 1px solid #d8d8d8; } }

.detail-body {
  padding: 40px 0; }
  @media screen and (max-width: 640px) {
    .detail-body {
      padding-top: 0;
      padding-bottom: 20px; } }

.detail-row {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 40px; }
  @media screen and (max-width: 640px) {
    .detail-row {
      padding: 0 10px;
      margin-bottom: 15px; } }

.detail-image {
  display: table-cell;
  width: 530px;
  vertical-align: top; }
  .is-mode-mapview .detail-image {
    display: block;
    width: auto;
    margin-bottom: 30px; }
  @media screen and (max-width: 640px) {
    .detail-image {
      display: block;
      width: auto !important; } }
  @media screen and (min-height: 1000px) {
    .detail-image {
      display: block;
      width: 765px;
      margin-right: auto;
      margin-bottom: 30px;
      margin-left: auto; } }

.detail-image--notext {
  display: block;
  width: 530px;
  margin: 0 auto 40px; }
  .is-mode-mapview .detail-image--notext {
    width: auto; }
  @media screen and (max-width: 640px) {
    .detail-image--notext {
      width: auto !important;
      padding: 0 10px;
      margin-bottom: 15px; } }

.detail-text {
  display: table-cell;
  width: 100%;
  vertical-align: top;
  padding: 0 0 0 30px; }
  .is-mode-mapview .detail-text {
    display: block;
    width: auto;
    padding-left: 0; }
  @media screen and (max-width: 640px) {
    .detail-text {
      display: block;
      width: auto !important;
      padding-left: 0; } }
  @media screen and (min-height: 1000px) {
    .detail-text {
      display: block;
      width: 765px;
      padding-left: 0;
      margin-right: auto;
      margin-left: auto; } }

.detail-text-text {
  margin: 0 0 25px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2; }
  @media screen and (max-width: 640px) {
    .detail-text-text {
      margin-bottom: 10px;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.71429; } }

.detail-text-heading {
  margin: 0 0 15px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  line-height: 1.45455;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 640px) {
    .detail-text-heading {
      margin-bottom: 5px;
      font-size: 16px;
      font-size: 1.6rem; } }

.detail-comment {
  padding: 30px 0 0;
  border-top: 1px solid #ccc; }
  @media screen and (max-width: 640px) {
    .detail-comment {
      padding-top: 10px; } }

.detail-comment-balloon {
  display: table;
  width: 100%;
  margin: 0 0 28px;
  padding: 10px 18px;
  position: relative;
  border-radius: 8px; }
  .detail-comment-balloon:before {
    display: block;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 18px 18px 0 0;
    border-top-color: inherit;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    position: absolute;
    top: 100%;
    left: 25px; }
  @media screen and (max-width: 640px) {
    .detail-comment-balloon {
      padding: 15px 10px; } }

.detail-comment-quotation {
  display: table-cell;
  vertical-align: top;
  font-size: 44px;
  font-size: 4.4rem;
  line-height: 1;
  padding: 0 10px 0 0; }
  @media screen and (max-width: 640px) {
    .detail-comment-quotation {
      font-size: 40px;
      font-size: 4rem; } }

.detail-comment-text {
  display: table-cell;
  vertical-align: top;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold; }
  @media screen and (max-width: 640px) {
    .detail-comment-text {
      font-size: 15px;
      font-size: 1.5rem; } }

.detail-comment-media {
  display: table;
  width: 100%;
  table-layout: fixed; }

.detail-comment-image {
  display: table-cell;
  width: 60px;
  vertical-align: middle; }
  .detail-comment-image > img {
    max-width: 60px;
    max-height: 60px;
    border-radius: 50%; }

.detail-comment-name {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 20px;
  color: #000;
  font-size: 16px;
  font-size: 1.6rem; }

.detail-buttons {
  padding: 15px;
  background: #d9d9d9;
  border-radius: 8px;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .detail-buttons {
      padding: 10px; } }

.detail-buttons-list {
  width: 370px;
  margin: 0 auto 14px; }
  .detail-buttons-list > li {
    margin-bottom: 8px; }
    .detail-buttons-list > li:last-child {
      margin-bottom: 0; }
  @media screen and (max-width: 640px) {
    .detail-buttons-list {
      width: auto; } }

.detail-discus {
  margin: 30px 0 0; }
  @media screen and (max-width: 640px) {
    .detail-discus {
      margin-top: 15px; } }

.detail-app {
  position: relative;
  padding: 0 30px;
  background: #efefef; }
  .detail-app-page {
    margin-bottom: 30px; }
  .detail-app-wrapper {
    position: relative;
    min-height: 340px;
    width: 765px;
    margin: 0 auto; }
  .detail-app-visual {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .detail-app-left {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 178px auto;
    background-position: left top; }
  .detail-app-right {
    position: absolute;
    top: 0;
    left: 200px;
    width: 178px;
    height: 100%;
    background-repeat: no-repeat;
    background-size: 178px auto;
    background-position: left bottom; }
  .detail-app-cnt {
    position: relative;
    padding: 30px 0 30px 420px; }
  .detail-app-title {
    font-size: 24px;
    font-weight: bold;
    padding: 0 0 20px; }
  .detail-app-read {
    padding: 0 0 20px; }
  .detail-app-dl {
    height: 38px;
    line-height: 38px;
    text-align: center; }
    .detail-app-dl a {
      display: block;
      background: #ff3645;
      color: #fff; }
    .detail-app-dl img {
      vertical-align: middle;
      margin: 0 0 3px 23px;
      width: 14px; }
  .detail-app-links {
    overflow: hidden;
    width: 330px;
    padding: 13px 0 0; }
  .detail-app-link {
    float: left;
    width: 135px;
    margin: 0 15px 0 0; }
    .detail-app-link img {
      width: 100%; }
  @media screen and (max-width: 640px) {
    .detail-app {
      padding: 0 20px; }
      .detail-app-wrapper {
        min-height: auto;
        width: auto; }
      .detail-app-visual {
        position: relative;
        overflow: hidden;
        height: 240px;
        width: auto;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center top; }
      .detail-app-left {
        display: none; }
      .detail-app-right {
        display: none; }
      .detail-app-cnt {
        position: relative;
        padding: 15px 0;
        font-size: 15px; }
      .detail-app-title {
        font-size: 24px;
        font-weight: bold;
        padding: 0 0 20px; }
      .detail-app-read {
        padding: 0 0 20px; }
      .detail-app-dl {
        height: 38px;
        line-height: 38px; }
      .detail-app-links {
        overflow: hidden;
        width: 100%;
        padding: 13px 0 0; }
      .detail-app-link {
        float: left;
        width: 48.2%;
        margin: 0 1.8% 0 0; }
        .detail-app-link:last-child {
          margin: 0 0 0 1.8%; }
        .detail-app-link a {
          display: block;
          height: 100%; }
        .detail-app-link img {
          width: 100%; } }

.favorite-row {
  padding: 20px 0;
  border-bottom: 1px solid #d8d8d8; }
  @media screen and (max-width: 640px) {
    .favorite-row {
      padding: 10px; } }

.favorite-description {
  *zoom: 1; }
  .favorite-description:before, .favorite-description:after {
    display: table;
    content: ''; }
  .favorite-description:after {
    clear: both; }
  .favorite-description > dt {
    float: left;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold; }
  .favorite-description > dd {
    padding: 0 0 0 145px; }
  .is-mode-mapview .favorite-description > dt {
    float: none;
    margin-bottom: 10px; }
  .is-mode-mapview .favorite-description > dd {
    padding-left: 0; }
  @media screen and (max-width: 640px) {
    .favorite-description > dt {
      float: none;
      margin-bottom: 10px; }
    .favorite-description > dd {
      padding-left: 0; } }

.favorite-description-select {
  line-height: 44px; }
  @media screen and (max-width: 640px) {
    .favorite-description-select {
      line-height: 1.5; } }

.favorite-profile {
  font-size: 16px;
  font-size: 1.6rem; }
  .favorite-profile .icon-profile {
    padding: 0 0 0 25px;
    position: relative; }
    .favorite-profile .icon-profile:before {
      display: block;
      content: '';
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      background-image: url(../img/sprite.png);
      background-position: -632px -377.5px;
      width: 12px;
      height: 20px;
      background-size: 799.5px 769.5px; }

.favorite-setting {
  color: #ff3645;
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  top: 0;
  right: 0; }

.favorite-select-list {
  margin: 0 0 -10px;
  *zoom: 1; }
  .favorite-select-list:before, .favorite-select-list:after {
    display: table;
    content: ''; }
  .favorite-select-list:after {
    clear: both; }
  .favorite-select-list > li {
    padding: 0 10px 10px 0;
    float: left; }

.l-flexible {
  width: 100%;
  min-width: 1200px;
  margin: auto;
  *zoom: 1; }
  .l-flexible:before, .l-flexible:after {
    display: table;
    content: ''; }
  .l-flexible:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .l-flexible {
      min-width: 0; } }

.flexible-column--left, .flexible-column--right {
  vertical-align: top;
  float: left;
  backface-visibility: hidden;
  transition: width 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
  @media screen and (max-width: 640px) {
    .flexible-column--left, .flexible-column--right {
      display: block; } }

.flexible-column--left {
  width: 83.33333%; }
  .is-mode-mapview .flexible-column--left {
    width: 35%; }
  @media screen and (max-width: 640px) {
    .flexible-column--left {
      width: 100% !important; } }

.flexible-column-contents {
  width: 965px;
  margin: auto;
  position: relative;
  backface-visibility: hidden;
  transition: width 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
  .is-mode-mapview .flexible-column-contents {
    width: 400px; }
  .is-mode-mapview .flexible-column-contents.is-lock {
    width: 965px; }
  @media screen and (max-width: 640px) {
    .flexible-column-contents {
      width: auto !important; } }

.flexible-column-list {
  *zoom: 1; }
  .flexible-column-list:before, .flexible-column-list:after {
    display: table;
    content: ''; }
  .flexible-column-list:after {
    clear: both; }
  .flexible-column-list > li {
    float: left; }

.flexible-column-item--1of4 {
  width: 25%; }
  .is-mode-mapview .flexible-column-item--1of4 {
    width: 50%; }
  .is-mode-mapview .is-lock .flexible-column-item--1of4 {
    width: 25%; }
  .is-mode-listview .flexible-column-item--1of4 {
    width: 50%; }
    .is-mode-mapview .is-mode-listview .flexible-column-item--1of4 {
      width: 100%; }
  @media screen and (max-width: 640px) {
    .flexible-column-item--1of4 {
      width: 50%; }
      .is-mode-mapview .is-lock .flexible-column-item--1of4 {
        width: 50%; }
      .is-mode-listview .flexible-column-item--1of4 {
        width: 100%; } }

.flexible-column-item--1of3 {
  width: 33.33333%; }
  .is-mode-mapview .flexible-column-item--1of3 {
    width: auto;
    float: none; }
  .is-mode-mapview .is-lock .flexible-column-item--1of3 {
    width: 33.33333%;
    float: left; }
  @media screen and (max-width: 640px) {
    .is-mode-mapview .is-lock .flexible-column-item--1of3 {
      width: auto;
      float: none; } }

.flexible-column--right {
  width: 16.66667%;
  background: #666; }
  .is-mode-mapview .flexible-column--right {
    width: 65%; }
  @media screen and (max-width: 640px) {
    .flexible-column--right {
      width: auto; } }

.flexible-column-map {
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
  background: #bbb; }

.l-footer {
  background: #444;
  color: #ccc; }

.footer-body {
  padding: 40px 0;
  border-style: solid;
  border-width: 1px;
  border-color: #555 transparent #555 transparent; }
  @media screen and (max-width: 640px) {
    .footer-body {
      padding-top: 20px;
      padding-bottom: 20px; } }

.footer-row {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 0 -40px; }
  @media screen and (max-width: 640px) {
    .footer-row {
      margin-left: 0; } }

.footer-column {
  display: table-cell;
  width: 33.33333%;
  padding: 0 0 0 40px; }
  @media screen and (max-width: 640px) {
    .footer-column {
      display: block;
      width: auto;
      padding-left: 0;
      margin-bottom: 30px; } }

.footer-column-body {
  position: relative;
  padding: 0 0 22px; }
  .footer-column-body:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    background-image: url(../img/sprite.png);
    background-position: 0px -345.5px;
    width: 249px;
    height: 22px;
    background-size: 799.5px 769.5px; }
  .footer-column-body:after {
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
    background-image: url(../img/sprite.png);
    background-position: -196px -252.5px;
    width: 373px;
    height: 22px;
    background-size: 799.5px 769.5px; }
  @media screen and (max-width: 640px) {
    .footer-column-body:before {
      background-image: url(../img/sprite.png);
      background-position: -196px -284.5px;
      width: 301px;
      height: 17px;
      background-size: 799.5px 769.5px; }
    .footer-column-body:after {
      background-image: url(../img/sprite.png);
      background-position: 0px -318.5px;
      width: 301px;
      height: 17px;
      background-size: 799.5px 769.5px; } }

.footer-column-heading {
  display: inline-block;
  padding: 0 10px 0 0;
  margin: 0 0 10px;
  background: #444;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  position: relative;
  top: -1em;
  color: #ccc; }

.footer-navigation {
  padding: 80px 40px 110px 40px; }
  @media screen and (max-width: 640px) {
    .footer-navigation {
      padding-top: 15px;
      padding-bottom: 0; } }

.footer-navigation-top {
  margin: 0 0 25px;
  *zoom: 1; }
  .footer-navigation-top:before, .footer-navigation-top:after {
    display: table;
    content: ''; }
  .footer-navigation-top:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .footer-navigation-top {
      margin-bottom: 10px; } }

.footer-navigation-bottom {
  *zoom: 1; }
  .footer-navigation-bottom:before, .footer-navigation-bottom:after {
    display: table;
    content: ''; }
  .footer-navigation-bottom:after {
    clear: both; }

.footer-navigation-areaList {
  width: 800px;
  float: left; }
  .footer-navigation-areaList dl {
    *zoom: 1; }
    .footer-navigation-areaList dl:before, .footer-navigation-areaList dl:after {
      display: table;
      content: ''; }
    .footer-navigation-areaList dl:after {
      clear: both; }
  .footer-navigation-areaList dt {
    float: left;
    padding: 0 15px 0 0;
    margin-bottom: 12px;
    vertical-align: middle; }
  .footer-navigation-areaList dd {
    padding: 0 0 0 140px;
    vertical-align: middle;
    font-size: 15px; }
  @media screen and (max-width: 640px) {
    .footer-navigation-areaList {
      width: auto;
      float: none; }
      .footer-navigation-areaList dt {
        float: none;
        padding-right: 0;
        text-align: center; }
      .footer-navigation-areaList dd {
        padding: 0; } }

.footer-navigation-language {
  padding: 0 70px 0 0;
  float: right; }
  .footer-navigation-language .language-select {
    display: block !important;
    width: 250px;
    padding: 5px 10px;
    line-height: 1.85714;
    background: #333; }
    .footer-navigation-language .language-select .language-selectInner {
      display: block !important;
      padding: 0 0 0 30px;
      width: auto !important;
      position: relative; }
      .footer-navigation-language .language-select .language-selectInner:before {
        display: block;
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        background-image: url(../img/sprite.png);
        background-position: -321px -345.5px;
        width: 20px;
        height: 20px;
        background-size: 799.5px 769.5px; }
      .footer-navigation-language .language-select .language-selectInner:after {
        display: inline-block;
        height: 12px;
        content: '\e87b';
        font-family: 'fontello';
        color: #fff;
        line-height: 0.6;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        margin: auto; }
  .footer-navigation-language .hasCustomSelect {
    z-index: 1;
    appearance: none !important; }
  @media screen and (max-width: 640px) {
    .footer-navigation-language {
      padding-right: 0;
      float: none; }
      .footer-navigation-language .language-select {
        width: auto; } }

.footer-navigation-copyright {
  float: left;
  color: #666;
  font-size: 12px;
  font-size: 1.2rem; }
  @media screen and (max-width: 640px) {
    .footer-navigation-copyright {
      display: block;
      padding: 10px 0;
      float: none;
      font-size: 10px;
      font-size: 1rem;
      text-align: center; } }

.footer-navigation-list {
  padding: 0 70px 0 0;
  float: right;
  font-size: 0; }
  .footer-navigation-list > li {
    display: inline-block;
    margin: 0 0 0 25px;
    font-size: 14px;
    font-size: 1.4rem; }
    .footer-navigation-list > li a {
      color: #ccc;
      transition: opacity; }
      .footer-navigation-list > li a:hover {
        opacity: 0.8; }
  @media screen and (max-width: 640px) {
    .footer-navigation-list {
      padding-top: 10px;
      padding-right: 0;
      padding-bottom: 10px;
      margin-right: -10px;
      margin-left: -10px;
      border-top: 1px solid #555;
      border-bottom: 1px solid #555;
      float: none;
      *zoom: 1; }
      .footer-navigation-list:before, .footer-navigation-list:after {
        display: table;
        content: ''; }
      .footer-navigation-list:after {
        clear: both; }
      .footer-navigation-list > li {
        display: block;
        width: 50%;
        float: left;
        margin-left: 0;
        text-align: center;
        font-size: 11px;
        font-size: 1.1rem; }
      .footer-navigation-list a {
        display: block;
        padding-top: 10px;
        padding-bottom: 10px; } }

.footer-socialMedia-list {
  *zoom: 1; }
  .footer-socialMedia-list:before, .footer-socialMedia-list:after {
    display: table;
    content: ''; }
  .footer-socialMedia-list:after {
    clear: both; }
  .footer-socialMedia-list > li {
    width: 50%;
    padding: 15px 5px;
    float: left;
    border-bottom: 1px solid #333; }
    .footer-socialMedia-list > li:nth-child(odd) {
      border-right: 1px solid #333; }
    .footer-socialMedia-list > li:nth-last-child(-n + 2) {
      border-bottom: none; }
  @media screen and (max-width: 640px) {
    .footer-socialMedia-list > li {
      width: 25%;
      padding: 0;
      border-right: 1px solid #333;
      border-bottom: none; }
      .footer-socialMedia-list > li:last-child {
        border-right: none; } }

.footer-socialMedia-item--twitter, .footer-socialMedia-item--facebook, .footer-socialMedia-item--googleplus, .footer-socialMedia-item--instagram {
  display: block;
  padding: 85px 0 0;
  position: relative;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ccc;
  text-align: center;
  transition: opacity; }
  .footer-socialMedia-item--twitter:hover, .footer-socialMedia-item--facebook:hover, .footer-socialMedia-item--googleplus:hover, .footer-socialMedia-item--instagram:hover {
    opacity: 0.8; }
  .footer-socialMedia-item--twitter:before, .footer-socialMedia-item--facebook:before, .footer-socialMedia-item--googleplus:before, .footer-socialMedia-item--instagram:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto; }
  @media screen and (max-width: 640px) {
    .footer-socialMedia-item--twitter, .footer-socialMedia-item--facebook, .footer-socialMedia-item--googleplus, .footer-socialMedia-item--instagram {
      padding-top: 65px;
      font-size: 12px;
      font-size: 1.2rem; } }

.footer-socialMedia-item--twitter:before {
  background-image: url(../img/sprite.png);
  background-position: -89px -435.5px;
  width: 79px;
  height: 79px;
  background-size: 799.5px 769.5px; }

@media screen and (max-width: 640px) {
  .footer-socialMedia-item--twitter:before {
    background-image: url(../img/sprite.png);
    background-position: -140px -610.5px;
    width: 60px;
    height: 60px;
    background-size: 799.5px 769.5px; } }

.footer-socialMedia-item--facebook:before {
  background-image: url(../img/sprite.png);
  background-position: 0px -435.5px;
  width: 79px;
  height: 79px;
  background-size: 799.5px 769.5px; }

@media screen and (max-width: 640px) {
  .footer-socialMedia-item--facebook:before {
    background-image: url(../img/sprite.png);
    background-position: -210px -610.5px;
    width: 60px;
    height: 60px;
    background-size: 799.5px 769.5px; } }

.footer-socialMedia-item--googleplus:before {
  background-image: url(../img/sprite.png);
  background-position: -267px -435.5px;
  width: 79px;
  height: 79px;
  background-size: 799.5px 769.5px; }

@media screen and (max-width: 640px) {
  .footer-socialMedia-item--googleplus:before {
    background-image: url(../img/sprite.png);
    background-position: -70px -610.5px;
    width: 60px;
    height: 60px;
    background-size: 799.5px 769.5px; } }

.footer-socialMedia-item--instagram:before {
  background-image: url(../img/sprite.png);
  background-position: -178px -435.5px;
  width: 79px;
  height: 79px;
  background-size: 799.5px 769.5px; }

@media screen and (max-width: 640px) {
  .footer-socialMedia-item--instagram:before {
    background-image: url(../img/sprite.png);
    background-position: 0px -610.5px;
    width: 60px;
    height: 60px;
    background-size: 799.5px 769.5px; } }

.footer-newsLetter-inner {
  padding: 24px 0 0;
  position: relative; }
  @media screen and (max-width: 640px) {
    .footer-newsLetter-inner {
      padding-top: 10px;
      padding-right: 10px; } }

.footer-newsLetter-image {
  width: 130px;
  position: absolute;
  top: 0;
  left: 15px;
  z-index: 0; }

.footer-newsLetter-balloon {
  display: table;
  width: 150px;
  margin: 0 0 16px 157px;
  background: #333;
  border-radius: 0 12px 12px 12px;
  position: relative;
  font-size: 13px;
  font-size: 1.3rem; }
  .footer-newsLetter-balloon:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: -32px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 32px 32px 0;
    border-color: transparent #333 transparent transparent; }
  @media screen and (max-width: 640px) {
    .footer-newsLetter-balloon {
      width: auto;
      margin-right: 20px; } }

.footer-newsLetter-balloon-inner {
  display: table-cell;
  width: 100%;
  height: 140px;
  padding: 8px 15px;
  vertical-align: middle; }

.footer-newsLetter-field {
  display: inline-block;
  width: 250px;
  border-top: 1px solid #363636;
  background: #e9e4d7;
  position: relative;
  vertical-align: middle;
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.1); }
  .footer-newsLetter-field:before {
    display: inline-block;
    content: '\e833';
    font-family: fontello;
    color: #333;
    position: absolute;
    top: 9px;
    left: 12px;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1; }
  @media screen and (max-width: 640px) {
    .footer-newsLetter-field {
      width: calc(100% - 70px);
      width: -webkit-calc(100% - 70px); } }

.footer-newsLetter-input {
  width: 100%;
  height: 35px;
  padding: 0 0 0 40px;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  background: transparent;
  line-height: 1.5;
  font-size: 13px;
  font-size: 1.3rem; }
  .footer-newsLetter-input::-webkit-input-placeholder {
    color: #999; }
  .footer-newsLetter-input:-ms-input-placeholder {
    color: #999; }
  .footer-newsLetter-input::-moz-placeholder {
    color: #999; }
  .footer-newsLetter-input:focus::-webkit-input-placeholder {
    color: #333333; }
  .footer-newsLetter-input:focus:-ms-input-placeholder {
    color: #333333; }
  .footer-newsLetter-input:focus::-moz-placeholder {
    color: #333333; }
  @media screen and (max-width: 640px) {
    .footer-newsLetter-input {
      padding-left: 35px;
      font-size: 12px;
      font-size: 1.2rem; } }

.footer-staying-list {
  color: #ccc; }
  .footer-staying-list > li {
    margin: 0 0 30px;
    position: relative;
    border-bottom: 1px solid #333; }
    .footer-staying-list > li:last-child {
      margin-bottom: 0; }
    .footer-staying-list > li:after {
      display: inline-block;
      height: 16px;
      content: '\e872';
      font-family: 'fontello';
      position: absolute;
      top: 0;
      right: 10px;
      bottom: 0;
      margin: auto;
      line-height: 0.5; }

.footer-staying-item--hotel, .footer-staying-item--airplane {
  display: block;
  padding: 0 5px 10px 60px;
  position: relative;
  color: inherit;
  transition: opacity; }
  .footer-staying-item--hotel:hover, .footer-staying-item--airplane:hover {
    opacity: 0.8; }
  .footer-staying-item--hotel:before, .footer-staying-item--airplane:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0; }
  @media screen and (max-width: 640px) {
    .footer-staying-item--hotel, .footer-staying-item--airplane {
      left: 10px; } }

.footer-staying-item--hotel:before {
  background-image: url(../img/sprite.png);
  background-position: -747.5px -73px;
  width: 52px;
  height: 63px;
  background-size: 799.5px 769.5px; }

@media screen and (max-width: 640px) {
  .footer-staying-item--hotel:before {
    background-image: url(../img/sprite.png);
    background-position: -747.5px -336px;
    width: 43px;
    height: 52px;
    background-size: 799.5px 769.5px; } }

.footer-staying-item--airplane:before {
  background-image: url(../img/sprite.png);
  background-position: -747.5px 0px;
  width: 52px;
  height: 63px;
  background-size: 799.5px 769.5px; }

@media screen and (max-width: 640px) {
  .footer-staying-item--airplane:before {
    background-image: url(../img/sprite.png);
    background-position: -747.5px -274px;
    width: 43px;
    height: 52px;
    background-size: 799.5px 769.5px; } }

.footer-staying-text--large {
  display: block;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold; }
  @media screen and (max-width: 640px) {
    .footer-staying-text--large {
      font-size: 14px;
      font-size: 1.4rem; } }

.footer-staying-text--small {
  display: block;
  font-size: 13px;
  font-size: 1.3rem;
  font-style: italic;
  line-height: 1; }
  @media screen and (max-width: 640px) {
    .footer-staying-text--small {
      font-size: 10px;
      font-size: 1rem; } }

.footer-logo-herenow {
  display: inline-block;
  background-image: url(../img/sprite.png);
  background-position: -468px -123.5px;
  width: 155.5px;
  height: 47px;
  background-size: 799.5px 769.5px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

.footer-equalize {
  display: table;
  width: 330px;
  margin: auto; }
  .footer-equalize .js-equalize--footer {
    display: table-cell;
    vertical-align: middle; }
  @media screen and (max-width: 640px) {
    .footer-equalize {
      display: block;
      width: auto; }
      .footer-equalize .js-equalize--footer {
        display: block; } }

.footer-navigation {
  padding: 60px 20px 100px; }

.footer-navigation-city, .footer-navigation-about {
  border-top: 1px #555 solid;
  padding: 30px 0;
  width: 100%;
  float: left;
  display: block; }

.footer-navigation-list {
  float: left;
  padding-left: 0;
  margin-left: 0; }
  .footer-navigation-list li {
    margin: 0 25px 0 0; }
    .footer-navigation-list li a {
      color: white; }
  @media screen and (max-width: 640px) {
    .footer-navigation-list {
      border: none;
      width: 100%; }
      .footer-navigation-list li {
        text-align: left;
        margin: 0;
        padding: 0;
        height: 50px;
        width: 50%; }
        .footer-navigation-list li a {
          width: 100%;
          height: 100%;
          margin: 0;
          padding: 0; } }

.labelList {
  display: inline-block; }
  @media screen and (max-width: 640px) {
    .labelList {
      width: 100%; } }
  .labelList li {
    margin: 0;
    margin-right: 25px; }
    @media screen and (max-width: 640px) {
      .labelList li {
        width: 50%;
        display: inline-block;
        margin: 0;
        padding: 0;
        height: 50px; }
        .labelList li:last-child {
          height: 30px; }
        .labelList li:nth-last-child(2) {
          height: 30px; }
        .labelList li a {
          width: 88%;
          height: 100%;
          text-align: left; } }
  .labelList .head {
    display: inline-block;
    margin-right: 10px;
    width: 3px;
    height: 15px;
    background-color: white; }
  .labelList .cityLabel, .labelList .cityLabel--whitecolor, .labelList .cityLabel--whitecolor {
    display: inline-block;
    background-color: inherit;
    color: white;
    padding: 0;
    line-height: 15px;
    vertical-align: top; }
  .labelList a {
    letter-spacing: 0.05em; }

.footer-navigation-language {
  padding: 10px 70px 0 0; }
  @media screen and (max-width: 640px) {
    .footer-navigation-language {
      padding: 30px 0 30px 0; } }

.footer-navigation-areaList {
  color: white; }
  @media screen and (max-width: 640px) {
    .footer-navigation-areaList dt {
      text-align: left; }
    .footer-navigation-areaList dd br {
      display: none; } }

.footer-social-list {
  float: right; }
  @media screen and (max-width: 640px) {
    .footer-social-list {
      text-align: center;
      float: none; } }
  .footer-social-list li {
    display: inline-block; }

.footer-twitter {
  display: inline-block;
  margin-left: 60px;
  -ms-transform: scale(0.6);
      transform: scale(0.6);
  background-image: url(../img/sprite.png);
  background-position: -45px -680.5px;
  width: 36px;
  height: 36px;
  background-size: 799.5px 769.5px; }

.footer-facebook {
  display: inline-block;
  margin-left: 60px;
  -ms-transform: scale(0.6);
      transform: scale(0.6);
  background-image: url(../img/sprite.png);
  background-position: -137px -680.5px;
  width: 36px;
  height: 36px;
  background-size: 799.5px 769.5px; }

.footer-instagram {
  display: inline-block;
  -ms-transform: scale(0.6);
      transform: scale(0.6);
  background-image: url(../img/sprite.png);
  background-position: -91px -680.5px;
  width: 36px;
  height: 36px;
  background-size: 799.5px 769.5px; }

@media screen and (max-width: 640px) {
  .footer-navigation-bottom {
    clear: both;
    width: 100%;
    border-top: 1px #555 solid;
    text-align: left;
    padding: 30px 0; } }

@media screen and (max-width: 640px) {
  .footer-navigation-copyright {
    text-align: left; } }

.l-form select {
  opacity: 0; }

.l-form .hasCustomSelect {
  appearance: none !important;
  z-index: 1; }

.form-lead {
  margin: 0 0 25px;
  font-size: 14px;
  font-size: 1.4rem; }
  @media screen and (max-width: 640px) {
    .form-lead {
      margin-bottom: 5px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.69231; } }

.form-notice {
  margin: 0 0 10px;
  text-align: right;
  font-size: 14px;
  font-size: 1.4rem; }
  @media screen and (max-width: 640px) {
    .form-notice {
      margin-bottom: 5px;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.69231; } }

.form-required-mark {
  color: #ff4868; }

.form-box {
  padding: 25px 20px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 14px;
  font-size: 1.4rem; }
  .form-box:first-child {
    border-top: 1px solid #d9d9d9; }
  @media screen and (max-width: 640px) {
    .form-box {
      padding: 10px 0;
      font-size: 13px;
      font-size: 1.3rem; } }

.form-row {
  display: table;
  width: 100%;
  table-layout: fixed; }

.form-head {
  display: table-cell;
  width: 225px;
  vertical-align: middle;
  font-weight: bold; }
  @media screen and (max-width: 640px) {
    .form-head {
      display: block;
      margin-bottom: 10px;
      width: auto; } }

.form-required:after {
  content: '＊';
  color: #ff4868; }

.form-data {
  display: table-cell;
  width: 100%;
  vertical-align: middle; }
  @media screen and (max-width: 640px) {
    .form-data {
      display: block;
      width: auto; } }

.form-unit {
  display: inline-block;
  padding: 0 25px 0 15px; }
  .form-unit:last-of-type {
    padding-right: 0; }
  @media screen and (max-width: 640px) {
    .form-unit {
      width: 43px;
      padding: 0 0 0 12px; } }

.form-field--xsmall, .form-field--small, .form-field--medium, .form-field--large {
  margin: 0 0 10px; }
  .form-field--xsmall:last-child, .form-field--small:last-child, .form-field--medium:last-child, .form-field--large:last-child {
    margin-bottom: 0; }

@media screen and (max-width: 640px) {
  .form-field--year {
    width: 250px !important; } }

@media screen and (max-width: 640px) {
  .form-field--month {
    width: 100px !important; } }

@media screen and (max-width: 640px) {
  .form-field--date {
    width: 100px !important; } }

.form-divider {
  display: none; }
  @media screen and (max-width: 640px) {
    .form-divider {
      display: block;
      height: 0;
      opacity: 0; } }

.form-field--inline {
  display: inline-block; }

.form-field--xsmall {
  width: 100px; }
  @media screen and (max-width: 640px) {
    .form-field--xsmall {
      width: auto; } }

.form-field--small {
  width: 140px; }
  @media screen and (max-width: 640px) {
    .form-field--small {
      width: auto; } }

.form-field--medium {
  width: 350px; }
  @media screen and (max-width: 640px) {
    .form-field--medium {
      width: auto; } }

.form-field--large {
  width: 100%; }
  @media screen and (max-width: 640px) {
    .form-field--large {
      width: auto; } }

.form-input, .form-textarea {
  display: block;
  height: 35px;
  padding: 5px 10px;
  line-height: 1.85714;
  background: #e5e5e5;
  border: none;
  appearance: none;
  border-radius: 0; }
  @media screen and (max-width: 640px) {
    .form-input, .form-textarea {
      padding-top: 8px;
      padding-bottom: 8px; } }

.form-input {
  width: 100%; }

.form-textarea {
  height: 205px;
  resize: vertical; }
  @media screen and (max-width: 640px) {
    .form-textarea {
      height: 140px; } }

.form-select {
  display: block !important;
  padding: 5px 10px;
  line-height: 1.85714;
  background: #e5e5e5; }
  .form-select .form-selectInner {
    display: block !important;
    width: auto !important;
    position: relative; }
    .form-select .form-selectInner:after {
      display: block;
      height: 16px;
      content: '\e878';
      font-family: 'fontello';
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto;
      line-height: 1; }
  @media screen and (max-width: 640px) {
    .form-select {
      padding-top: 8px;
      padding-bottom: 8px; } }

.form-checkList {
  *zoom: 1;
  margin: 0 0 -10px; }
  .form-checkList:before, .form-checkList:after {
    display: table;
    content: ''; }
  .form-checkList:after {
    clear: both; }
  .form-checkList > li {
    width: 25%;
    padding: 0 0 10px;
    float: left; }
  @media screen and (max-width: 640px) {
    .form-checkList > li {
      width: 50%; } }

.form-label {
  display: block;
  position: relative;
  cursor: pointer; }
  .form-label input[type='checkbox'],
  .form-label input[type='radio'] {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }

.form-checkbox, .form-radio {
  display: inline-block;
  padding: 0 0 0 30px;
  position: relative;
  font-weight: bold; }
  .form-checkbox:before, .form-radio:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin: auto; }

.form-checkbox:before {
  background-image: url(../img/sprite.png);
  background-position: -435px -345.5px;
  width: 18px;
  height: 18px;
  background-size: 799.5px 769.5px; }

.is-checked .form-checkbox:before {
  background-image: url(../img/sprite.png);
  background-position: -463px -345.5px;
  width: 18px;
  height: 18px;
  background-size: 799.5px 769.5px; }

.form-radio:before {
  background-image: url(../img/sprite.png);
  background-position: -351px -345.5px;
  width: 18px;
  height: 18px;
  background-size: 799.5px 769.5px; }

.is-checked .form-radio:before {
  background-image: url(../img/sprite.png);
  background-position: -379px -345.5px;
  width: 18px;
  height: 18px;
  background-size: 799.5px 769.5px; }

.form-alert {
  padding: 5px 0 0;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ff4868; }
  @media screen and (max-width: 640px) {
    .form-alert {
      font-size: 13px;
      font-size: 1.3rem; } }

.form-buttonContainer {
  margin: 30px 0 0;
  position: relative;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .form-buttonContainer {
      margin-top: 20px; } }

.form-back {
  position: absolute;
  top: 20px;
  left: 0;
  color: #ff3645;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  transition: opacity; }
  .form-back:hover {
    opacity: 0.8; }
  @media screen and (max-width: 640px) {
    .form-back {
      display: block;
      position: static;
      margin-bottom: 15px; } }

.l-grand {
  min-width: 1200px; }
  @media screen and (max-width: 640px) {
    .l-grand {
      min-width: 0; } }

.grand-header {
  padding: 0 0 50px;
  position: relative;
  overflow: hidden; }
  @media screen and (max-width: 640px) {
    .grand-header {
      padding-top: 35px;
      padding-bottom: 25px; } }

.grand-header-account {
  margin: 0 0 15px;
  float: right;
  background: #fff; }
  @media screen and (max-width: 640px) {
    .grand-header-account {
      display: none; } }

.grand-header-text {
  *zoom: 1;
  position: relative;
  border-bottom: 2px solid #333;
  z-index: 0; }
  .grand-header-text:before, .grand-header-text:after {
    display: table;
    content: ''; }
  .grand-header-text:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .grand-header-text {
      margin-bottom: 0;
      border-bottom: none; } }

.grand-header-home, .grand-header-url {
  padding: 2px 0;
  font-size: 10px;
  font-size: 1rem; }
  @media screen and (max-width: 640px) {
    .grand-header-home, .grand-header-url {
      display: none; } }

.grand-heading {
  margin: 0 0 15px;
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.8s ease-out 1s, transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) 1s;
  transform: translate3d(0, 40px, 0); }
  .is-header-animated .grand-heading {
    opacity: 1;
    -ms-transform: translateY(0);
        transform: translateY(0); }

.grand-visual {
  height: 286px;
  margin: 0 0 35px;
  padding: 15px 0 0;
  border-bottom: 2px solid #333;
  position: relative;
  text-align: center;
  z-index: 0;
  background: url("/assets/themes/herenow/img/grand/bgvisual.jpg") 50% 50% no-repeat;
  background-size: auto 286px; }
  @media screen and (max-width: 640px) {
    .grand-visual {
      height: 140px;
      margin-bottom: 40px;
      border-top: 1px solid #333;
      border-bottom: 1px solid #333; } }

.grand-balloon {
  display: block;
  width: 298px;
  height: 390px;
  content: '';
  position: absolute;
  top: -75px;
  right: 0;
  left: 0;
  z-index: 0;
  margin: auto;
  background: url("/assets/themes/herenow/img/grand/pin.png") 0 0 no-repeat;
  transform: translate3d(0, -3000px, 0); }
  .is-header-animated .grand-balloon {
    animation: move-balloon 0.8s ease-out 0s 1; }
  .grand-balloon.is-animation-ended {
    opacity: 1;
    -ms-transform: translateY(0);
        transform: translateY(0); }
  @media screen and (max-width: 640px) {
    .grand-balloon {
      width: 149px;
      height: 195px;
      top: -20px;
      background-size: 100%; } }

.grand-visual-lead {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #fff;
  position: relative;
  z-index: 1;
  opacity: 0;
  transition: opacity 0.8s ease-out 1s, transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) 1s;
  transform: translate3d(0, 40px, 0); }
  .is-header-animated .grand-visual-lead {
    opacity: 1;
    -ms-transform: translateY(0);
        transform: translateY(0); }
  @media screen and (max-width: 640px) {
    .grand-visual-lead {
      font-size: 11px;
      font-size: 1.1rem; } }

.grand-header-home {
  float: left; }

.grand-header-url {
  float: right; }

.grand-lead {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: bold;
  color: #000;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  opacity: 0;
  transition: opacity 0.8s ease-out 1s, transform 0.8s cubic-bezier(0.19, 1, 0.22, 1) 1s;
  transform: translate3d(0, 40px, 0); }
  .is-header-animated .grand-lead {
    opacity: 1;
    -ms-transform: translateY(0);
        transform: translateY(0); }
  @media screen and (max-width: 640px) {
    .grand-lead {
      line-height: 1.38462; } }

.grand-citiesList > li {
  border-bottom: 10px solid #4d3c3c; }

@media screen and (max-width: 640px) {
  .grand-citiesList {
    padding: 18px;
    background: #4d3c3c; }
    .grand-citiesList > li {
      padding-bottom: 18px;
      border-bottom: none; }
      .grand-citiesList > li:last-child {
        padding-bottom: 0; } }

.grand-city {
  height: 430px;
  padding: 69px 0;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  backface-visibility: hidden;
  transition: opacity .4s ease-out; }
  a:hover .grand-city {
    opacity: 0.7; }
  @media screen and (max-width: 640px) {
    .grand-city {
      height: 315px;
      padding-top: 150px;
      padding-bottom: 0;
      background-position: 50% 0;
      background-size: auto 150px;
      border-radius: 14px;
      overflow: hidden; } }

@media screen and (max-width: 640px) {
  .grand-city-container {
    padding-right: 0;
    padding-left: 0; } }

.grand-city-origin {
  display: inline-block;
  -ms-perspective: 1000px;
  -o-perspective: 1000;
  perspective: 1000;
  perspective: 1000px; }
  @media screen and (max-width: 640px) {
    .grand-city-origin {
      display: block; } }

.grand-city-panel {
  width: 470px;
  height: 300px;
  padding: 50px 25px 30px;
  background: #fff;
  position: relative;
  text-align: center;
  opacity: 0;
  transform: translate3d(0, 40px, 0) rotateX(0deg);
  transition: opacity 0.4s ease-out, transform 1s cubic-bezier(0.19, 1, 0.22, 1); }
  .is-animated .grand-city-panel {
    opacity: 1;
    transform: translateY(0) rotateX(360deg); }
  @media screen and (max-width: 640px) {
    .grand-city-panel {
      width: auto;
      height: 165px;
      padding: 15px 10px 0;
      border-radius: 0 0 14px 14px;
      opacity: 1;
      transform: translateY(0) rotateX(360deg); } }

.grand-city-id {
  display: inline-block;
  padding: 0 18px;
  line-height: 41px;
  background: #333;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0; }
  @media screen and (max-width: 640px) {
    .grand-city-id {
      padding-right: 10px;
      padding-left: 10px;
      line-height: 25px;
      font-size: 11px;
      font-size: 1.1rem; } }

.grand-city-countryName {
  display: inline-block;
  padding: 0 0 8px;
  margin: 0 0 20px;
  border-bottom: 3px solid #333;
  font-size: 21px;
  font-size: 2.1rem;
  font-weight: normal;
  line-height: 1; }
  @media screen and (max-width: 640px) {
    .grand-city-countryName {
      margin-bottom: 15px;
      font-size: 13px;
      font-size: 1.3rem; } }

.grand-city-cityName {
  display: block;
  margin: 0 0 20px; }
  .grand-city-cityName img {
    height: 52px; }
  @media screen and (max-width: 640px) {
    .grand-city-cityName {
      margin-bottom: 15px; }
      .grand-city-cityName img {
        height: 32px; } }

.grand-city-dataList {
  margin: 0 0 20px; }
  .grand-city-dataList > li {
    display: inline-block;
    vertical-align: top;
    margin: 0 9px;
    background-image: url(../img/sprite.png);
    background-position: -658.5px 0px;
    width: 79px;
    height: 60px;
    background-size: 799.5px 769.5px; }
  @media screen and (max-width: 640px) {
    .grand-city-dataList > li {
      background-image: url(../img/sprite.png);
      background-position: -658.5px -545px;
      width: 59px;
      height: 45px;
      background-size: 799.5px 769.5px; } }

.grand-city-description {
  line-height: 1; }
  .grand-city-description > dt {
    padding: 10px 0 8px;
    font-size: 11px;
    font-size: 1.1rem; }
  .grand-city-description > dd {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold; }
  @media screen and (max-width: 640px) {
    .grand-city-description > dt {
      font-size: 8px;
      font-size: 0.8rem;
      padding-top: 8px;
      padding-bottom: 6px; }
    .grand-city-description > dd {
      font-size: 15px;
      font-size: 1.5rem; } }

.grand-city-meta {
  font-size: 10px;
  font-size: 1rem;
  line-height: 1;
  color: #998a8a; }

.grand-extraList {
  padding: 50px;
  background: #eeeeee; }
  @media screen and (max-width: 640px) {
    .grand-extraList {
      padding: 18px; }
      .grand-extraList > li {
        padding-bottom: 18px;
        border-bottom: none; }
        .grand-extraList > li:last-child {
          padding-bottom: 0; } }
  .grand-extraList .grand-city-id {
    display: inline-block;
    padding: 0 18px;
    line-height: 41px;
    background: #7c1e21;
    font-size: 16px;
    font-size: 1.6rem;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (max-width: 640px) {
      .grand-extraList .grand-city-id {
        font-size: 11px;
        line-height: 25px; } }
  .grand-extraList .grand-city {
    padding: 0;
    height: auto; }
  .grand-extraList .grand-city-visual {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    backface-visibility: hidden;
    flex: 1; }
    @media screen and (max-width: 640px) {
      .grand-extraList .grand-city-visual {
        height: 104px; } }
  .grand-extraList .grand-city-container {
    width: 100%;
    height: 300px;
    padding: 0;
    transition: opacity .4s ease-out;
    display: flex;
    flex-direction: row-reverse; }
    a:hover .grand-extraList .grand-city-container {
      opacity: 0.7; }
    @media screen and (max-width: 640px) {
      .grand-extraList .grand-city-container {
        display: block;
        height: auto;
        padding-bottom: 0;
        border-radius: 14px;
        overflow: hidden; } }
  .grand-extraList .grand-city-panel {
    width: 470px;
    height: 300px;
    padding-top: 80px;
    padding-bottom: 80px; }
    @media screen and (max-width: 640px) {
      .grand-extraList .grand-city-panel {
        width: auto;
        height: 104px;
        padding: 0 10px 0;
        border-radius: 0 0 14px 14px;
        opacity: 1;
        transform: translateY(0) rotateX(360deg); } }
  .grand-extraList .grand-city-countryName {
    font-size: 15px;
    font-size: 1.5rem; }
    @media screen and (max-width: 640px) {
      .grand-extraList .grand-city-countryName {
        margin-bottom: 10px;
        font-size: 11px;
        font-size: 1.1rem; } }
  .grand-extraList .grand-city-cityName {
    display: block;
    margin: 0 0 20px; }
    .grand-extraList .grand-city-cityName img {
      height: 30px; }
    @media screen and (max-width: 640px) {
      .grand-extraList .grand-city-cityName {
        margin-bottom: 5px; }
        .grand-extraList .grand-city-cityName img {
          height: 23px; } }
  .grand-extraList .grand-city-subtitle {
    font-size: 28px;
    color: #ff4081; }
    @media screen and (max-width: 640px) {
      .grand-extraList .grand-city-subtitle {
        font-size: 16px; } }

@keyframes move-balloon {
  0%, 60%, 75%, 90%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0); }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0); }
  75% {
    transform: translate3d(0, -10px, 0); }
  90% {
    transform: translate3d(0, 5px, 0); }
  100% {
    transform: none; } }

.l-header {
  width: 100%;
  min-width: 1200px;
  position: fixed;
  z-index: 102;
  background: #fff;
  border-bottom: 2px solid #333333;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
  backface-visibility: hidden; }

.header-inner {
  position: relative;
  z-index: 102; }

.header-heading {
  display: inline-block;
  font-size: 0;
  width: 170px;
  vertical-align: top; }

.logo-herenow {
  display: block;
  height: 68px;
  position: relative;
  transition: opacity;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }
  .logo-herenow:hover {
    opacity: 0.8; }
  .logo-herenow:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background-image: url(../img/sprite.png);
    background-position: -468px -180.5px;
    width: 128px;
    height: 39px;
    background-size: 799.5px 769.5px; }

.index-header {
  *zoom: 1;
  position: relative;
  min-width: 1200px;
  height: 480px;
  border-bottom: 10px solid #ccc;
  box-sizing: border-box; }
  .index-header:before, .index-header:after {
    display: table;
    content: ''; }
  .index-header:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .index-header {
      min-width: 0;
      height: auto;
      padding: 0; } }

.index-header-extra {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  height: 50px;
  font-size: 22px;
  font-weight: 500;
  font-style: italic; }
  @media screen and (max-width: 640px) {
    .index-header-extra {
      height: 32px;
      font-size: 14px; } }

.index-heading {
  *zoom: 1;
  float: left;
  width: 50%;
  height: 100%;
  text-align: center;
  box-sizing: border-box; }
  .index-heading:before, .index-heading:after {
    display: table;
    content: ''; }
  .index-heading:after {
    clear: both; }
  .index-heading .index-headingInnerWrap {
    position: relative;
    top: calc( ( 100% - 340px) / 2);
    width: 100%;
    height: 340px; }
  .index-heading .heading-title {
    position: absolute;
    top: 195px;
    width: 100%;
    text-align: center; }
    .index-heading .heading-title img {
      width: auto;
      height: auto;
      max-width: 100%;
      max-height: 145px;
      margin: 0 auto; }
  .index-heading .heading-titleBg img {
    width: 238px;
    margin: 0 auto; }
  .is-initial .index-heading {
    top: auto;
    bottom: 40px; }
  .index-heading .index-header-informationWrap {
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%; }
    .index-heading .index-header-informationWrap .index-header-information {
      *zoom: 1;
      position: relative;
      width: 100%;
      max-width: 620px;
      margin: 0 auto;
      padding: 0 20px; }
      .index-heading .index-header-informationWrap .index-header-information:before, .index-heading .index-header-informationWrap .index-header-information:after {
        display: table;
        content: ''; }
      .index-heading .index-header-informationWrap .index-header-information:after {
        clear: both; }
      .index-heading .index-header-informationWrap .index-header-information .index-header-left {
        float: left;
        text-align: right; }
      .index-heading .index-header-informationWrap .index-header-information .index-header-right {
        float: right;
        text-align: left; }

.index-headline {
  position: absolute;
  right: 0;
  width: 50%;
  height: 100%;
  overflow: hidden; }
  .index-headline:hover .index-headline_bg {
    -ms-transform: scale(1.05);
        transform: scale(1.05); }
  .index-headline:hover .index-headline-inner,
  .index-headline:hover .index-headline-inner.is-loaded {
    opacity: 0.7; }
  .index-headline .index-headline_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    transition: transform 0.4s ease-out;
    z-index: 0; }
  .index-headline > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; }
    @media screen and (max-width: 640px) {
      .index-headline > a {
        position: relative;
        display: block; } }
  .index-headline .index-headline-wrap {
    position: absolute;
    right: -180px;
    bottom: 20px;
    width: 100%;
    opacity: 0;
    transition: right .4s ease-out, opacity .4s ease-out; }
    .index-headline .index-headline-wrap.is-loaded {
      right: 0;
      opacity: 1; }
    @media screen and (max-width: 640px) {
      .index-headline .index-headline-wrap {
        position: relative;
        transition: none;
        opacity: 1;
        right: 0;
        bottom: 0; } }
  .index-headline .index-headline-inner {
    position: relative;
    left: 0;
    right: 0;
    padding: 0 0 0 80px; }
    @media screen and (max-width: 640px) {
      .index-headline .index-headline-inner {
        position: relative;
        bottom: 0;
        right: 0 !important;
        opacity: 1 !important; } }
  .index-headline .index-headline-inner {
    position: relative;
    left: 0;
    right: 0;
    padding: 0 0 0 80px; }
    @media screen and (max-width: 640px) {
      .index-headline .index-headline-inner {
        position: absolute;
        bottom: 0;
        padding: 0 !important;
        opacity: 1 !important; } }
    .index-headline .index-headline-inner .index-headline-title {
      display: inline-block;
      position: relative;
      padding: 4px 13px 7px 39px;
      background-color: #ff4868;
      color: #fff;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: normal;
      letter-spacing: 0.05em; }
      .index-headline .index-headline-inner .index-headline-title:before {
        background-image: url(../img/sprite.png);
        background-position: -598px -377.5px;
        width: 24px;
        height: 26px;
        background-size: 799.5px 769.5px;
        position: absolute;
        top: 3px;
        left: 5px;
        width: 25px;
        height: 26px;
        content: ""; }
      @media screen and (max-width: 640px) {
        .index-headline .index-headline-inner .index-headline-title {
          padding: 5px 10px 6px 39px;
          font-size: 14px;
          font-size: 1.4rem; }
          .index-headline .index-headline-inner .index-headline-title:before {
            left: 10px; } }
    .index-headline .index-headline-inner .index-headline-content {
      position: relative;
      padding: 15px 30px 12px 20px;
      background: #fff; }
      .index-headline .index-headline-inner .index-headline-content:before {
        position: absolute;
        right: 10px;
        top: calc(50% - 5px);
        width: 10px;
        height: 10px;
        border-top: 2px solid #dcdcdc;
        border-right: 2px solid #dcdcdc;
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        content: ''; }
      .index-headline .index-headline-inner .index-headline-content h2 {
        margin-bottom: 7px;
        color: #000;
        font-weight: bold;
        font-size: 24px;
        font-size: 2.4rem;
        line-height: 1.3; }
      .index-headline .index-headline-inner .index-headline-content dl {
        *zoom: 1;
        font-size: 14px;
        font-size: 1.4rem; }
        .index-headline .index-headline-inner .index-headline-content dl:before, .index-headline .index-headline-inner .index-headline-content dl:after {
          display: table;
          content: ''; }
        .index-headline .index-headline-inner .index-headline-content dl:after {
          clear: both; }
        .index-headline .index-headline-inner .index-headline-content dl dt {
          float: left;
          padding: 0 20px 0 0;
          font-weight: bold; }
        .index-headline .index-headline-inner .index-headline-content dl dd {
          color: #000;
          overflow: hidden; }
    @media screen and (max-width: 640px) {
      .index-headline .index-headline-inner {
        position: relative;
        width: 100%;
        padding: 0;
        background: none !important; }
        .index-headline .index-headline-inner .index-headline-title {
          position: absolute;
          top: -26px;
          z-index: 1; }
        .index-headline .index-headline-inner .index-headline-content h2 {
          font-size: 17px;
          font-size: 1.7rem;
          line-height: 1.4;
          margin-bottom: 5px; }
        .index-headline .index-headline-inner .index-headline-content dl {
          font-size: 14px;
          font-size: 1.4rem; } }
  @media screen and (max-width: 640px) {
    .index-headline {
      position: relative;
      float: none;
      width: 100%; }
      .index-headline .index-headline-thumb img {
        width: 100%; } }

.index-recentposts {
  *zoom: 1;
  width: 1200px;
  margin: 0 auto;
  padding: 15px 0; }
  .index-recentposts:before, .index-recentposts:after {
    display: table;
    content: ''; }
  .index-recentposts:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .index-recentposts {
      width: 100%;
      padding: 0; } }
  .index-recentposts .index-recentposts-title {
    *zoom: 1;
    float: left;
    width: 131px;
    height: 48px;
    margin: 15px 0 0 0;
    padding: 14px 0 0 0;
    background-image: url("/assets/themes/herenow/img/sprite/title_recentpost.png");
    background-size: 131px auto;
    background-position: 0 0;
    font-size: 17px;
    font-size: 1.7rem;
    font-weight: bold;
    text-align: center; }
    .index-recentposts .index-recentposts-title:before, .index-recentposts .index-recentposts-title:after {
      display: table;
      content: ''; }
    .index-recentposts .index-recentposts-title:after {
      clear: both; }
    @media screen and (max-width: 640px) {
      .index-recentposts .index-recentposts-title {
        float: none;
        width: 100%;
        height: auto;
        padding: 10px 0;
        background: none;
        border-bottom: 1px solid #ccc; } }
  .index-recentposts .index-recentposts-list {
    *zoom: 1;
    float: right;
    width: 1040px;
    border-left: 1px solid #d9d9d9; }
    .index-recentposts .index-recentposts-list:before, .index-recentposts .index-recentposts-list:after {
      display: table;
      content: ''; }
    .index-recentposts .index-recentposts-list:after {
      clear: both; }
    @media screen and (max-width: 640px) {
      .index-recentposts .index-recentposts-list {
        float: none;
        width: 100%;
        margin: 0;
        padding: 0;
        border: none; } }
    .index-recentposts .index-recentposts-list li {
      float: left;
      width: 346px; }
      @media screen and (max-width: 640px) {
        .index-recentposts .index-recentposts-list li {
          float: none;
          width: 100%; } }
      .index-recentposts .index-recentposts-list li a {
        display: block;
        width: 100%;
        height: 77px;
        border-right: 1px solid #d9d9d9; }
        @media screen and (max-width: 640px) {
          .index-recentposts .index-recentposts-list li a {
            width: 100%;
            padding: 10px 0 10px 0;
            border-right: none;
            border-bottom: 1px solid #ccc; }
            .index-recentposts .index-recentposts-list li a:lats-child {
              border: none; } }
        .index-recentposts .index-recentposts-list li a dl {
          *zoom: 1;
          display: table;
          position: relative;
          width: 100%;
          transition: opacity 0.4s ease-out; }
          .index-recentposts .index-recentposts-list li a dl:before, .index-recentposts .index-recentposts-list li a dl:after {
            display: table;
            content: ''; }
          .index-recentposts .index-recentposts-list li a dl:after {
            clear: both; }
          @media screen and (max-width: 640px) {
            .index-recentposts .index-recentposts-list li a dl {
              display: block; } }
          .index-recentposts .index-recentposts-list li a dl:hover {
            opacity: 0.7; }
          .index-recentposts .index-recentposts-list li a dl:before {
            position: absolute;
            right: 15px;
            top: calc(50% - 5px);
            width: 10px;
            height: 10px;
            border-top: 2px solid #dcdcdc;
            border-right: 2px solid #dcdcdc;
            -ms-transform: rotate(45deg);
                transform: rotate(45deg);
            content: ''; }
          .index-recentposts .index-recentposts-list li a dl dt {
            display: table-cell;
            vertical-align: middle;
            padding: 0 10px;
            line-height: 0;
            width: 57px;
            height: 77px;
            overflow: hidden; }
            .index-recentposts .index-recentposts-list li a dl dt.sp-show {
              display: none; }
            .index-recentposts .index-recentposts-list li a dl dt img {
              width: 57px; }
            @media screen and (max-width: 640px) {
              .index-recentposts .index-recentposts-list li a dl dt {
                display: block;
                float: left;
                width: 57px;
                height: 57px;
                padding: 0;
                margin: 0 10px;
                overflow: hidden;
                background-size: cover;
                background-position: center;
                text-indent: -9999px; } }
          .index-recentposts .index-recentposts-list li a dl dd {
            display: table-cell;
            width: 265px; }
            @media screen and (max-width: 640px) {
              .index-recentposts .index-recentposts-list li a dl dd {
                float: left;
                height: auto;
                width: calc(100% - 57px); } }
            .index-recentposts .index-recentposts-list li a dl dd p {
              position: relative;
              height: 20px;
              font-size: 15px;
              line-height: 1;
              font-weight: bold; }
              .index-recentposts .index-recentposts-list li a dl dd p span {
                position: absolute;
                top: 0;
                left: 0; }
            .index-recentposts .index-recentposts-list li a dl dd h2 {
              font-size: 15px;
              font-size: 1.5rem;
              padding-right: 30px;
              color: #000;
              font-weight: normal;
              line-height: 1.3;
              height: 60px;
              word-break: break-all; }
            @media screen and (max-width: 640px) {
              .index-recentposts .index-recentposts-list li a dl dd {
                float: none;
                width: auto; }
                .index-recentposts .index-recentposts-list li a dl dd p {
                  font-size: 14px;
                  font-size: 1.4rem; }
                .index-recentposts .index-recentposts-list li a dl dd h2 {
                  font-size: 14px;
                  font-size: 1.4rem;
                  height: 36px;
                  overflow: hidden; } }

.index-header-description {
  width: 145px; }
  .index-header-description > dt {
    margin: 0 0 15px;
    font-style: italic;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1; }
  .index-header-description > dd .cityDescription > dt, .index-header-description > dd .cityDescription > dd {
    font-size: 12px !important; }

.index-header-small {
  display: block;
  font-size: 10px;
  font-size: 1rem;
  color: #998a8a; }

.index-body {
  display: table;
  width: 100%;
  min-width: 1200px;
  table-layout: fixed;
  border-top: 10px solid #ccc; }
  @media screen and (max-width: 640px) {
    .index-body {
      min-width: 0; } }

.index-body-inner {
  width: 1092px;
  margin: 0 auto; }
  @media screen and (max-width: 640px) {
    .index-body-inner {
      width: 100%; } }

.index-body-left, .index-body-right {
  display: table-cell;
  vertical-align: top; }
  @media screen and (max-width: 640px) {
    .index-body-left, .index-body-right {
      display: block; } }

.index-body-left {
  width: 66.66667%;
  padding: 0 30px 0 0;
  background: #fff;
  *zoom: 1; }
  .index-body-left:before, .index-body-left:after {
    display: table;
    content: ''; }
  .index-body-left:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .index-body-left {
      width: auto;
      padding-right: 0; } }

.index-body-left-inner {
  width: 820px;
  float: right; }
  @media screen and (max-width: 640px) {
    .index-body-left-inner {
      width: auto;
      float: none; } }

.index-spotBox {
  *zoom: 1; }
  .index-spotBox:before, .index-spotBox:after {
    display: table;
    content: ''; }
  .index-spotBox:after {
    clear: both; }

.index-spotColumn {
  width: 25%;
  float: left; }
  @media screen and (max-width: 640px) {
    .index-spotColumn {
      width: 50%; } }

.index-body-right {
  width: 33.33333%;
  padding: 0 0 0 10px;
  background: #f2f2f2; }
  @media screen and (max-width: 640px) {
    .index-body-right {
      width: auto;
      border-top: 5px solid #ccc;
      padding-left: 0; } }

.index-body-right-inner {
  width: 340px; }
  @media screen and (max-width: 640px) {
    .index-body-right-inner {
      width: auto; } }

.index-latestArticles {
  padding-bottom: 40px; }

.hero-img {
  height: 400px;
  background: no-repeat center;
  background-size: cover;
  position: relative; }
  @media screen and (max-width: 640px) {
    .hero-img {
      height: 200px; } }

.city-logo {
  width: auto;
  margin: 0 auto;
  height: 144px;
  display: block;
  position: absolute;
  bottom: -72px;
  left: 50%;
  -ms-transform: translate(-50%, 0%);
      transform: translate(-50%, 0%); }

.index-header {
  position: relative;
  min-width: 1200px;
  height: auto;
  border-bottom: 0px solid #ccc;
  box-sizing: border-box; }
  @media screen and (max-width: 640px) {
    .index-header {
      min-width: 100%; }
      .index-header .city-writer-image {
        padding: 0;
        width: 45px; } }
  .index-header .page-headline {
    height: auto; }
    .index-header .page-headline .head {
      padding: 15px; }
  .index-header .section-heading, .index-header .section-heading--border-short {
    padding: 0 220px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: .025em; }
    @media screen and (max-width: 640px) {
      .index-header .section-heading, .index-header .section-heading--border-short {
        padding: 0; }
        .index-header .section-heading:after, .index-header .section-heading--border-short:after, .index-header .section-heading:before, .index-header .section-heading--border-short:before {
          width: 20%;
          height: 1px; } }
    .index-header .section-heading:after, .index-header .section-heading--border-short:after, .index-header .section-heading:before, .index-header .section-heading--border-short:before {
      width: 200px;
      height: 1px; }
  .index-header .curator {
    padding-top: 15px;
    text-align: center; }
    .index-header .curator .user {
      width: 56px;
      height: 56px;
      display: inline-block;
      position: relative;
      background-color: #ccc;
      border-radius: 50%;
      margin-right: 5px;
      margin-left: 5px; }
      @media screen and (max-width: 640px) {
        .index-header .curator .user {
          width: 45px;
          height: 45px; } }
      .index-header .curator .user:before {
        content: '...';
        position: absolute;
        z-index: 0;
        font-size: 28px;
        top: 5px;
        left: 17px;
        line-height: 28px; }
  .index-header .city-writer-image {
    margin: 0;
    display: block;
    position: relative; }

.index-headline-desc {
  padding-top: 80px;
  padding-bottom: 30px; }
  @media screen and (max-width: 640px) {
    .index-headline-desc {
      padding-top: 10px; } }

.index-body {
  border-top: 0px; }

.page-other-container.bg-white {
  background-color: #fff; }

.page-other-container.index-headline {
  background-color: #fff;
  position: relative;
  width: auto; }
  .page-other-container.index-headline .page-other-contentswrap {
    padding-bottom: 20px;
    height: auto; }
  .page-other-container.index-headline .li-wrap {
    width: 48%; }
    .page-other-container.index-headline .li-wrap a {
      color: black; }
    @media screen and (max-width: 640px) {
      .page-other-container.index-headline .li-wrap {
        width: 100%; }
        .page-other-container.index-headline .li-wrap .description {
          padding: 0 15px;
          font-weight: bold; } }
  .page-other-container.index-headline .img .bg-img {
    height: 324px;
    padding-top: 50%;
    background-position: center; }
  .page-other-container.index-headline .description .title {
    padding: 0 0 20px 0; }
  .page-other-container.index-headline .description .theme-color {
    font-size: 14px;
    display: block;
    padding: 20px 0; }

.l-information a {
  color: #036eb5;
  transition: color 0.4s ease-out; }
  .l-information a:hover {
    color: #60abdb; }

.information-header {
  padding: 20px;
  background: #474747;
  text-align: center;
  position: relative;
  z-index: 1;
  backface-visibility: hidden; }
  @media screen and (max-width: 640px) {
    .information-header {
      padding: 6px; } }

.information-header-inner {
  padding: 85px 10px 70px;
  background: #fff;
  position: relative; }
  .information-header-inner:after {
    display: block;
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 46px 43px 0 43px;
    border-color: #fff transparent transparent transparent;
    -ms-transform: rotate(360deg);
        transform: rotate(360deg); }
  @media screen and (max-width: 640px) {
    .information-header-inner {
      padding-top: 30px;
      padding-bottom: 30px; }
      .information-header-inner:after {
        border-width: 14px 14px 0 14px; } }

.information-heading {
  display: inline-block;
  height: 65px;
  vertical-align: top;
  position: relative; }
  .information-heading:before {
    display: block;
    content: '';
    position: absolute;
    top: -50px;
    left: -36px;
    background-image: url(../img/sprite.png);
    background-position: -445px -435.5px;
    width: 112px;
    height: 52px;
    background-size: 799.5px 769.5px; }
  .information-heading img {
    max-height: 100%; }
  @media screen and (max-width: 640px) {
    .information-heading {
      height: 25px; }
      .information-heading:before {
        top: -18px;
        left: -14px;
        background-image: url(../img/sprite.png);
        background-position: -579px -252.5px;
        width: 40px;
        height: 19px;
        background-size: 799.5px 769.5px; } }

.information-section {
  padding: 60px 0;
  border-bottom: 10px solid #e5e5e5;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  *zoom: 1; }
  .information-section:before, .information-section:after {
    display: table;
    content: ''; }
  .information-section:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .information-section {
      padding: 200px 0 10px;
      background-position: 50% 0;
      background-size: 100% auto;
      border-width: 5px; } }

.information-section--horizontal {
  display: table-cell;
  width: 50%;
  vertical-align: top;
  border-right: 1px solid #d8d8d8;
  text-align: center; }
  .information-section--horizontal:last-child {
    border-right: none; }
  @media screen and (max-width: 640px) {
    .information-section--horizontal {
      display: block;
      width: auto;
      padding: 0 20px 10px;
      margin-right: -10px;
      margin-left: -10px;
      border-right: none;
      border-bottom: 5px solid #e5e5e5; }
      .information-section--horizontal:last-child {
        border-bottom: none; } }

.information-section-box, .information-section-box--right {
  width: 572px;
  padding: 30px;
  background: #fff; }
  @media screen and (max-width: 640px) {
    .information-section-box, .information-section-box--right {
      width: auto;
      padding: 0 10px 10px; } }

.information-section-box--right {
  float: right; }

.information-section-heading {
  margin: 0 0 20px;
  font-size: 30px;
  font-size: 3rem;
  line-height: 1.46667;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .information-section-heading {
      margin-bottom: 0;
      padding: 15px 10px;
      font-size: 20px;
      font-size: 2rem; } }

.information-subheading {
  margin: 0 0 10px;
  font-size: 20px;
  font-size: 2rem;
  line-height: 1.6;
  font-weight: bold;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 640px) {
    .information-subheading {
      font-size: 16px;
      font-size: 1.6rem; } }

.information-text {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 2; }
  @media screen and (max-width: 640px) {
    .information-text {
      font-size: 14px;
      font-size: 1.4rem; } }

.information-data-table, .information-weather-table {
  width: 100%;
  margin: 0 0 15px;
  border-top: 1px solid #d8d8d8;
  font-size: 14px;
  font-size: 1.4rem; }
  .information-data-table tr, .information-weather-table tr {
    border-bottom: 1px solid #d8d8d8; }
  .information-data-table th, .information-weather-table th {
    height: 43px;
    padding: 5px 15px;
    background: #f2f2f2;
    font-weight: bold;
    vertical-align: middle;
    font-weight: bold; }
  .information-data-table td, .information-weather-table td {
    padding: 5px 0; }
  @media screen and (max-width: 640px) {
    .information-data-table, .information-weather-table {
      font-size: 13px;
      font-size: 1.3rem; } }

.information-data-table {
  table-layout: fixed; }
  .information-data-table th {
    width: 215px;
    text-align: left; }
  .information-data-table td {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    vertical-align: middle;
    text-align: center; }
  @media screen and (max-width: 640px) {
    .information-data-table th {
      width: 150px; } }

.information-weather-table thead th {
  width: 140px;
  border-right: 1px solid #d8d8d8; }
  .information-weather-table thead th:last-child {
    border-right: none; }

.information-weather-table tbody th {
  width: 90px;
  border-right: 1px solid #d8d8d8;
  text-align: left; }

.information-weather-table tbody td {
  border-right: 1px solid #d8d8d8;
  text-align: center; }
  .information-weather-table tbody td:last-child {
    border-right: none; }

.information-sectionRow {
  display: table;
  width: 100%;
  table-layout: fixed;
  padding: 40px 0; }
  @media screen and (max-width: 640px) {
    .information-sectionRow {
      display: block;
      padding-top: 0;
      padding-bottom: 0; } }

.information-description--currency, .information-description--electricity {
  padding: 130px 0 0;
  margin: 0 0 10px;
  font-size: 0;
  line-height: 1.8;
  position: relative; }
  .information-description--currency:before, .information-description--electricity:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto; }
  .information-description--currency dl, .information-description--electricity dl {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold; }
  .information-description--currency dt, .information-description--electricity dt {
    display: inline-block; }
    .information-description--currency dt:after, .information-description--electricity dt:after {
      display: inline-block;
      content: '：'; }
  .information-description--currency dd, .information-description--electricity dd {
    display: inline-block; }
  .information-description--currency p, .information-description--electricity p {
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold; }
  @media screen and (max-width: 640px) {
    .information-description--currency, .information-description--electricity {
      line-height: 1.5; }
      .information-description--currency dl, .information-description--electricity dl {
        font-size: 16px;
        font-size: 1.6rem; }
      .information-description--currency p, .information-description--electricity p {
        font-size: 13px;
        font-size: 1.3rem; } }

.information-description--currency:before {
  background-image: url(../img/sprite.png);
  background-position: -353px -123.5px;
  width: 105px;
  height: 104px;
  background-size: 799.5px 769.5px; }

.information-description--electricity:before {
  background-image: url(../img/sprite.png);
  background-position: -658.5px -440px;
  width: 42px;
  height: 95px;
  background-size: 799.5px 769.5px; }

.information-description--supported {
  position: relative; }
  .information-description--supported .information-flex {
    display: flex;
    height: 310px;
    align-items: center; }
    .information-description--supported .information-flex > div {
      flex: 1;
      text-align: center; }
    @media screen and (max-width: 640px) {
      .information-description--supported .information-flex {
        display: block;
        height: auto; }
        .information-description--supported .information-flex > div {
          padding-bottom: 40px; } }
  @media screen and (max-width: 640px) {
    .information-description--supported .information-section-heading {
      padding: 40px 0; } }

.information-explanation {
  padding: 0 40px;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8;
  text-align: left; }
  @media screen and (max-width: 640px) {
    .information-explanation {
      padding: 0 20px; } }

.l-latestArticles {
  *zoom: 1;
  margin: 0 -10px -20px; }
  .l-latestArticles:before, .l-latestArticles:after {
    display: table;
    content: ''; }
  .l-latestArticles:after {
    clear: both; }
  .l-latestArticles > li {
    width: 33.33333%;
    padding: 0 10px 20px;
    float: left; }
  @media screen and (max-width: 640px) {
    .l-latestArticles {
      margin: 0; }
      .l-latestArticles > li {
        width: auto;
        padding: 0 0 10px;
        float: none; } }

.list-view {
  transition: opacity .2s ease-out; }
  .list-view.is-switcing-className {
    opacity: 0; }

.list-header {
  padding: 40px 20px 0 20px; }
  .is-mode-mapview .list-header {
    padding-right: 0;
    padding-left: 0; }
  @media screen and (max-width: 640px) {
    .list-header {
      padding: 20px 10px; } }

.list-heading {
  font-size: 30px;
  font-size: 3rem;
  font-weight: normal;
  text-align: center;
  line-height: 1.2;
  margin: 0 0 30px; }
  @media screen and (max-width: 640px) {
    .list-heading {
      margin-bottom: 20px;
      font-size: 24px;
      font-size: 2.4rem; } }

.list-body {
  padding: 0 0 40px; }
  @media screen and (max-width: 640px) {
    .list-body {
      padding-bottom: 20px; } }

.list-order {
  margin: 0;
  *zoom: 1; }
  .list-order:before, .list-order:after {
    display: table;
    content: ''; }
  .list-order:after {
    clear: both; }
  @media screen and (max-width: 640px) {
    .list-order {
      margin-bottom: 10px; } }

.list-order-list {
  padding: 20px 0;
  float: right;
  font-size: 0;
  *zoom: 1; }
  .list-order-list:before, .list-order-list:after {
    display: table;
    content: ''; }
  .list-order-list:after {
    clear: both; }
  .list-order-list > li {
    float: left;
    padding: 0 20px;
    font-size: 14px;
    font-size: 1.4rem;
    border-right: 1px solid #4d3c3c;
    line-height: 1; }
    .list-order-list > li:last-child {
      padding-right: 0;
      border-right: none; }
  .list-order-list a {
    transition: opacity; }
    .list-order-list a:hover {
      opacity: 0.8; }
  .list-order-list .is-selected:before {
    display: inline-block;
    content: '\e878';
    margin: 0 0 0 12px;
    font-family: fontello; }
  .is-mode-mapview .list-order-list {
    padding-top: 0;
    padding-bottom: 0;
    float: none;
    margin-right: -10px;
    margin-left: -10px; }
    .is-mode-mapview .list-order-list > li {
      float: none;
      padding: 0;
      border-top: 1px solid #d9d9d9;
      font-size: 13px;
      font-size: 1.3rem;
      border-right: none; }
    .is-mode-mapview .list-order-list a,
    .is-mode-mapview .list-order-list span {
      display: block;
      padding: 8px 13px 8px 30px; }
    .is-mode-mapview .list-order-list .is-selected {
      background: #e5e5e5;
      padding-left: 13px; }
  @media screen and (max-width: 640px) {
    .list-order-list {
      padding-top: 0;
      padding-bottom: 0;
      float: none; }
      .list-order-list > li {
        float: none;
        padding: 0;
        border-top: 1px solid #d9d9d9;
        font-size: 13px;
        font-size: 1.3rem;
        border-right: none; }
      .list-order-list a,
      .list-order-list span {
        display: block;
        padding: 8px 13px 8px 30px; }
      .list-order-list .is-selected {
        background: #e5e5e5;
        padding-left: 13px; } }

.l-main, .l-main--grand {
  position: relative; }

.l-main {
  padding-top: 70px; }
  @media screen and (max-width: 640px) {
    .l-main {
      padding-top: 50px; } }

@media screen and (max-width: 640px) {
  .l-main--grand {
    padding-top: 50px; } }

.l-modal, .l-modal--signin {
  pointer-events: none;
  z-index: -1; }
  .is-modal .l-modal.is-modal-visible, .is-modal .is-modal-visible.l-modal--signin {
    pointer-events: auto;
    z-index: 1; }

.modal-overlay {
  pointer-events: none;
  width: 100%;
  height: 0%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(26, 26, 26, 0.9);
  transition: height 0.8s cubic-bezier(0.19, 1, 0.22, 1); }
  .is-modal .modal-overlay {
    pointer-events: auto;
    height: 100%; }

.modal-body {
  width: 765px;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 0, 0); }
  .is-modal .modal-body {
    z-index: 11; }
    .is-modal .modal-body.is-modal-visible {
      pointer-events: auto; }
  @media screen and (max-width: 640px) {
    .modal-body {
      width: auto;
      height: auto;
      padding: 0 10px; } }

.modal-body-inner {
  width: 765px;
  min-height: 520px;
  position: relative;
  background: #f2f2f2; }
  .l-modal--signin .modal-body-inner {
    min-height: 570px; }
  @media screen and (max-width: 640px) {
    .modal-body-inner {
      width: auto;
      min-height: 200px !important; } }

.modal-close {
  position: absolute;
  top: 0;
  right: -95px;
  background-image: url(../img/sprite.png);
  background-position: -280px -610.5px;
  width: 56px;
  height: 56px;
  background-size: 799.5px 769.5px;
  transition: opacity; }
  .modal-close:hover {
    opacity: 0.8; }
  @media screen and (max-width: 640px) {
    .modal-close {
      top: -50px;
      right: -10px;
      -ms-transform: scale(0.5);
          transform: scale(0.5); } }

.l-noData {
  padding: 30px 0;
  text-align: center; }

.noData-heading {
  margin: 0 0 30px;
  font-size: 26px;
  font-size: 2.6rem;
  font-weight: bold; }

.noData-text {
  padding: 170px 0 0;
  background: url("/assets/themes/herenow/img/nodata/nodata.png") 50% 0 no-repeat;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold; }
  @media screen and (max-width: 640px) {
    .noData-text {
      background: url("/assets/themes/herenow/img/nodata/nodata.png") 50% 0 no-repeat;
      background-size: auto 150px;
      font-size: 13px;
      font-size: 1.3rem; } }

.l-notFound {
  padding: 220px;
  background: url("/assets/themes/herenow/img/not_found/notfound.jpg") 50% 50% no-repeat;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .l-notFound {
      padding: 180px 0;
      background-size: 100% auto; } }

.notFound-text {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold; }
  @media screen and (max-width: 640px) {
    .notFound-text {
      font-size: 20px;
      font-size: 2rem; } }

.l-report .hasCustomSelect {
  appearance: none !important;
  z-index: 1; }

.report-form {
  font-size: 14px;
  font-size: 1.4rem; }

.report-heading {
  border-bottom: 1px solid #ccc;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 98px;
  -webkit-font-smoothing: antialiased;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .report-heading {
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 64px; } }

.report-form-body {
  width: 400px;
  padding: 40px 0 35px;
  margin: auto; }
  @media screen and (max-width: 640px) {
    .report-form-body {
      width: auto;
      padding: 15px 10px 20px; } }

.report-form-box {
  margin: 0 0 15px; }
  .report-form-box:last-child {
    margin-bottom: 0; }

.report-form-select {
  display: block !important;
  padding: 5px 10px;
  line-height: 1.85714;
  background: #fff; }
  .report-form-select .report-form-selectInner {
    display: block !important;
    width: auto !important;
    position: relative; }
    .report-form-select .report-form-selectInner:after {
      display: block;
      content: '\e878';
      position: absolute;
      font-family: fontello;
      top: 0;
      right: 0;
      bottom: 0;
      margin: auto; }

.report-form-textarea, .report-form-input {
  display: block;
  width: 100%;
  padding: 0 10px;
  border: none;
  background: #fff;
  appearance: none; }

.report-form-textarea {
  height: 165px;
  padding-top: 5px;
  padding-bottom: 5px;
  resize: vertical; }

.report-form-input {
  height: 35px;
  line-height: 35px; }

.report-form-button {
  width: 270px;
  margin: auto;
  padding: 30px 0 0; }
  @media screen and (max-width: 640px) {
    .report-form-button {
      width: auto;
      padding-top: 20px; } }

.report-complete {
  display: none;
  width: 270px;
  margin: auto;
  padding: 155px 0 0;
  text-align: center; }
  .report-complete button {
    width: 100%; }
  @media screen and (max-width: 640px) {
    .report-complete {
      width: auto;
      padding: 20px 10px; } }

.report-complete-largeText {
  margin: 0 0 20px;
  font-size: 40px;
  font-size: 4rem;
  line-height: 1; }
  @media screen and (max-width: 640px) {
    .report-complete-largeText {
      margin-bottom: 10px;
      font-size: 28px;
      font-size: 2.8rem; } }

.report-complete-text {
  margin: 0 0 20px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.85714; }
  @media screen and (max-width: 640px) {
    .report-complete-text {
      font-size: 13px;
      font-size: 1.3rem; } }

.signin-form-body {
  padding: 30px; }
  @media screen and (max-width: 640px) {
    .signin-form-body {
      padding: 10px; } }

.signin-heading {
  border-bottom: 1px solid #ccc;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 98px;
  -webkit-font-smoothing: antialiased;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .signin-heading {
      line-height: 55px;
      font-size: 22px;
      font-size: 2.2rem; } }

.signin-form-box--facebook, .signin-form-box--email {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 15px;
  border-top: 4px solid;
  background: #e5e5e5; }
  .signin-form-box--facebook:last-child, .signin-form-box--email:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 640px) {
    .signin-form-box--facebook, .signin-form-box--email {
      text-align: center; } }

.signin-form-box--facebook {
  border-color: #036eb8; }

.signin-form-type {
  display: table-cell;
  width: 335px;
  padding: 0 0 0 45px;
  vertical-align: middle;
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold; }
  @media screen and (max-width: 640px) {
    .signin-form-type {
      display: inline-block;
      width: auto;
      padding: 15px 0; } }

.signin-form-type-icon {
  display: inline-block;
  margin: 0 20px 0 0;
  width: 79px;
  height: 79px;
  line-height: 79px;
  font-size: 30px;
  font-size: 3rem;
  vertical-align: middle;
  text-align: center;
  background-image: url(../img/sprite.png);
  background-position: -356px -435.5px;
  width: 79px;
  height: 79px;
  background-size: 799.5px 769.5px; }
  .signin-form-type-icon .icon-facebook {
    color: #036eb8; }
  @media screen and (max-width: 640px) {
    .signin-form-type-icon {
      margin-right: 10px; } }

.signin-form-type-name {
  display: inline-block; }

.signin-form-field {
  display: table-cell;
  width: 100%;
  height: 160px;
  padding: 40px 40px 40px 0;
  vertical-align: middle;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .signin-form-field {
      display: block;
      height: auto;
      padding: 0 10px 10px; } }

.signin-form-row {
  margin: 0 0 10px; }
  .signin-form-row:last-child {
    margin-bottom: 0; }

.signin-form-inputContainer--pencil, .signin-form-inputContainer--lock {
  position: relative; }
  .signin-form-inputContainer--pencil:before, .signin-form-inputContainer--lock:before {
    display: block;
    height: 12px;
    font-family: fontello;
    position: absolute;
    top: 0;
    left: 15px;
    bottom: 0;
    margin: auto;
    color: #b2b2b2;
    line-height: 0.8; }

.signin-form-inputContainer--pencil:before {
  content: '\e833'; }

.signin-form-inputContainer--lock:before {
  content: '\e823'; }

.signin-form-input {
  width: 100%;
  height: 40px;
  padding: 5px 10px 0 40px;
  border: none;
  line-height: 1;
  appearance: none;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem; }

.signin-form-buttons {
  *zoom: 1;
  margin: 0 0 0 -1px; }
  .signin-form-buttons:before, .signin-form-buttons:after {
    display: table;
    content: ''; }
  .signin-form-buttons:after {
    clear: both; }
  .signin-form-buttons > li {
    width: 50%;
    padding: 0 0 0 1px;
    float: left; }
  .signin-form-buttons [class^="button"] {
    width: 100%; }

.signin-complete {
  display: none;
  padding: 90px 20px 0;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .signin-complete {
      padding: 20px 10px; } }

.signin-complete-largeText {
  padding: 155px 0 0;
  margin: 0 0 20px;
  position: relative;
  font-size: 36px;
  font-size: 3.6rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  line-height: 1.22222; }
  .signin-complete-largeText:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    background-image: url(../img/sprite.png);
    background-position: 0px -123.5px;
    width: 215px;
    height: 119px;
    background-size: 799.5px 769.5px; }
  @media screen and (max-width: 640px) {
    .signin-complete-largeText {
      padding-top: 70px;
      margin-bottom: 5px;
      font-size: 24px;
      font-size: 2.4rem; }
      .signin-complete-largeText:before {
        background-image: url(../img/sprite.png);
        background-position: -172px -524.5px;
        width: 88px;
        height: 55px;
        background-size: 799.5px 769.5px; } }

.signin-complete-text {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.85714; }
  @media screen and (max-width: 640px) {
    .signin-complete-text {
      font-size: 13px;
      font-size: 1.3rem; } }

.signin-form-alert, .signin-form-mailAlert, .signin-form-insertAlert, .signin-form-existsAlert {
  display: none;
  padding: 10px 0 5px;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: left; }

.snapDetail-header {
  padding: 35px 10px;
  border-bottom: 1px solid #333;
  text-align: center; }
  @media screen and (max-width: 640px) {
    .snapDetail-header {
      padding: 15px 10px; } }

.snapDetail-heading {
  margin: 0 0 25px;
  color: #fff;
  font-size: 40px;
  font-size: 4rem;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }
  @media screen and (max-width: 640px) {
    .snapDetail-heading {
      margin-bottom: 0;
      padding-bottom: 15px;
      border-bottom: 1px solid #333;
      font-size: 24px;
      font-size: 2.4rem; } }

.snapDetail-subheading {
  margin: 0 0 15px;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1; }
  @media screen and (max-width: 640px) {
    .snapDetail-subheading {
      padding: 10px 0;
      margin-bottom: 0;
      border-bottom: 1px solid #333;
      font-size: 13px;
      font-size: 1.3rem; } }

.snapDetail-meta {
  margin: 0 0 18px; }
  @media screen and (max-width: 640px) {
    .snapDetail-meta {
      padding: 5px 0 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #333; } }

.snapDetail-body {
  margin: auto;
  padding: 30px 0;
  position: relative;
  transition: width 0.8s cubic-bezier(0.19, 1, 0.22, 1) 0.1s; }
  .is-mode-mapview .snapDetail-body {
    width: auto; }
  @media screen and (max-width: 640px) {
    .snapDetail-body {
      padding: 10px 0; } }

.snapDetail-image {
  margin: 0 0 20px;
  position: relative; }

.snapDetail-text {
  *zoom: 1; }
  .snapDetail-text:before, .snapDetail-text:after {
    display: table;
    content: ''; }
  .snapDetail-text:after {
    clear: both; }

.snapDetail-information, .snapDetail-recommend {
  width: 363px; }
  .is-mode-mapview .snapDetail-information, .is-mode-mapview .snapDetail-recommend {
    width: auto;
    float: none; }
  @media screen and (max-width: 640px) {
    .snapDetail-information, .snapDetail-recommend {
      width: auto;
      float: none; } }

.snapDetail-information {
  float: left; }
  .is-mode-mapview .snapDetail-information {
    margin-bottom: 30px; }
  @media screen and (max-width: 640px) {
    .snapDetail-information {
      float: none;
      margin-bottom: 20px; } }

.snapDetail-information-heading {
  margin: 0 0 10px;
  color: #808080;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold; }

.snapDetail-information-description {
  border-bottom: 1px solid #4d4d4d;
  font-size: 14px;
  font-size: 1.4rem;
  color: #fff; }
  .snapDetail-information-description > dt {
    display: inline-block;
    max-width: 45%;
    padding: 10px 0;
    vertical-align: top; }
    .snapDetail-information-description > dt:after {
      display: inline-block;
      content: '：'; }
  .snapDetail-information-description > dd {
    display: inline-block;
    max-width: 55%;
    padding: 10px 0;
    vertical-align: top; }
  @media screen and (max-width: 640px) {
    .snapDetail-information-description {
      font-size: 13px;
      font-size: 1.3rem; } }

.snapDetail-recommend {
  float: right;
  background: #333; }
  @media screen and (max-width: 640px) {
    .snapDetail-recommend {
      float: none; } }

.snapDetail-recommend-heading {
  line-height: 54px;
  padding: 0 0 0 70px;
  position: relative;
  border-bottom: 1px solid #1a1a1a;
  color: #808080;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold; }
  .snapDetail-recommend-heading:before {
    display: block;
    content: '';
    position: absolute;
    top: -11px;
    left: -11px;
    background-image: url(../img/sprite.png);
    background-position: -658.5px -366px;
    width: 64px;
    height: 64px;
    background-size: 799.5px 769.5px; }
  @media screen and (max-width: 640px) {
    .snapDetail-recommend-heading {
      line-height: 44px; } }

.snapDetail-recommend-list {
  padding: 10px 0;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem; }
  .snapDetail-recommend-list > li {
    padding: 10px 20px; }
    .snapDetail-recommend-list > li span,
    .snapDetail-recommend-list > li a {
      display: inline-block;
      padding: 0 0 0 16px;
      position: relative; }
      .snapDetail-recommend-list > li span:before,
      .snapDetail-recommend-list > li a:before {
        display: inline-block;
        content: '';
        width: 8px;
        height: 8px;
        border-radius: 50%;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        transition: background-color; }
    .snapDetail-recommend-list > li a {
      text-decoration: underline; }
    .snapDetail-recommend-list > li span:before {
      background: #fff; }
    .snapDetail-recommend-list > li a:before {
      background: #036e50; }
    .snapDetail-recommend-list > li a:hover:before {
      background: #60abdb; }
  @media screen and (max-width: 640px) {
    .snapDetail-recommend-list {
      margin-bottom: 5px;
      font-size: 13px;
      font-size: 1.3rem; }
      .snapDetail-recommend-list > li {
        padding-top: 5px;
        padding-bottom: 5px; } }

.snapDetail-button--prev, .snapDetail-button--next {
  display: block;
  width: 76px;
  padding: 90px 0 0;
  color: #b2b2b2;
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  top: 50%;
  text-align: center;
  margin: -38px 0 0;
  transition: opacity 0.4s ease-out; }
  .snapDetail-button--prev:hover, .snapDetail-button--next:hover {
    opacity: 0.4; }
  .snapDetail-button--prev:before, .snapDetail-button--next:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto; }
  .is-mode-mapview .snapDetail-button--prev, .is-mode-mapview .snapDetail-button--next {
    display: none; }
  @media screen and (max-width: 640px) {
    .snapDetail-button--prev, .snapDetail-button--next {
      display: none; } }

.snapDetail-button--prev {
  left: -85px; }
  .snapDetail-button--prev:before {
    background-image: url(../img/sprite.png);
    background-position: 0px -524.5px;
    width: 76px;
    height: 76px;
    background-size: 799.5px 769.5px; }

.snapDetail-button--next {
  right: -85px; }
  .snapDetail-button--next:before {
    background-image: url(../img/sprite.png);
    background-position: -86px -524.5px;
    width: 76px;
    height: 76px;
    background-size: 799.5px 769.5px; }

.snapDetail-buttons--sp {
  display: none; }
  @media screen and (max-width: 640px) {
    .snapDetail-buttons--sp {
      display: block;
      padding: 10px 0;
      *zoom: 1; }
      .snapDetail-buttons--sp:before, .snapDetail-buttons--sp:after {
        display: table;
        content: ''; }
      .snapDetail-buttons--sp:after {
        clear: both; } }

.snapDetail-spButton--prev, .snapDetail-spButton--next {
  display: block;
  position: relative;
  color: #b2b2b2;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 42px; }
  .snapDetail-spButton--prev:before, .snapDetail-spButton--next:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto; }

.snapDetail-spButton--prev {
  padding-left: 50px;
  float: left; }
  .snapDetail-spButton--prev:before {
    left: 0;
    background-image: url(../img/sprite.png);
    background-position: -747.5px -510.5px;
    width: 41px;
    height: 41px;
    background-size: 799.5px 769.5px; }

.snapDetail-spButton--next {
  padding-right: 50px;
  float: right; }
  .snapDetail-spButton--next:before {
    right: 0;
    background-image: url(../img/sprite.png);
    background-position: -747.5px -561.5px;
    width: 41px;
    height: 41px;
    background-size: 799.5px 769.5px; }

.l-text p, .l-text dl {
  margin: 0 0 25px;
  font-size: 14px;
  font-size: 1.4rem; }
  .l-text p:last-child, .l-text dl:last-child {
    margin-bottom: 0; }
  @media screen and (max-width: 640px) {
    .l-text p, .l-text dl {
      font-size: 13px;
      font-size: 1.3rem; } }

.l-text dt {
  font-weight: bold; }

.text-section {
  padding: 30px 0 25px;
  border-top: 1px solid #d9d9d9; }
  @media screen and (max-width: 640px) {
    .text-section {
      padding: 15px 0 10px; } }

.text-heading {
  margin: 0 0 15px;
  padding: 20px 0 0;
  position: relative;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased; }
  .text-heading:before {
    display: block;
    content: '';
    width: 60px;
    height: 3px;
    background-color: #ff3645;
    position: absolute;
    top: 0;
    left: 0; }
  @media screen and (max-width: 640px) {
    .text-heading {
      margin-bottom: 10px;
      padding-top: 15px;
      font-size: 16px;
      font-size: 1.6rem; }
      .text-heading:before {
        width: 40px; } }

.detail-body.is-venue {
  padding-top: 0;
  width: 1240px;
  margin: 0 auto; }
  .detail-body.is-venue .container--small {
    width: 765px; }
  .detail-body.is-venue .detail-row {
    display: flex; }
  @media screen and (max-width: 640px) {
    .detail-body.is-venue {
      width: 100%; }
      .detail-body.is-venue .detail-row {
        display: block; }
      .detail-body.is-venue .container--small {
        width: 100%;
        padding: 0 20px; } }
  @media screen and (max-width: 640px) {
    .detail-body.is-venue .detail-row {
      padding: 0; } }
  .detail-body.is-venue .detail-comment {
    border-top: 0;
    margin-bottom: 30px; }
    @media screen and (max-width: 640px) {
      .detail-body.is-venue .detail-comment {
        margin-bottom: 15px; } }

.detail-body .detail-content-left {
  flex: 1; }
  .detail-body .detail-content-left .detail-image {
    width: 640px; }
    .detail-body .detail-content-left .detail-image .carousel-item-inner {
      height: 640px; }
    .detail-body .detail-content-left .detail-image .carousel {
      height: 640px; }
    @media screen and (max-width: 640px) {
      .detail-body .detail-content-left .detail-image {
        width: 100%; }
        .detail-body .detail-content-left .detail-image .carousel {
          height: 325px; }
        .detail-body .detail-content-left .detail-image .carousel-item-inner {
          height: 300px !important; } }

.detail-body .detail-content-right {
  flex: 1;
  padding: 0 0 0 70px;
  text-align: left; }
  .detail-body .detail-content-right .detail-header {
    text-align: left;
    padding: 60px 70px 60px 0; }
  .detail-body .detail-content-right .detail-heading:after {
    content: '';
    display: block;
    height: 1px;
    width: 70px;
    background: #d6d6d6;
    margin-top: 20px;
    margin-bottom: 20px; }
  @media screen and (max-width: 640px) {
    .detail-body .detail-content-right .detail-heading:after {
      margin: 15px auto 20px; } }
  .detail-body .detail-content-right .detail-text-heading span {
    display: block;
    margin-top: 10px;
    font-size: 16px;
    font-size: 1.6rem; }
  @media screen and (max-width: 640px) {
    .detail-body .detail-content-right .detail-text-heading span {
      font-size: 13px;
      font-size: 1.3rem;
      margin-top: 0;
      margin-bottom: 10px; } }
  .detail-body .detail-content-right .detail-labels .terms-split {
    width: 1px;
    height: 15px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 8px;
    border-left: 1px solid #ccc; }
  .detail-body .detail-content-right .detail-meta {
    margin: 0; }
  .detail-body .detail-content-right .snsList {
    text-align: left; }
  .detail-body .detail-content-right .detail-text {
    padding-right: 70px;
    padding-top: 60px;
    width: auto;
    word-break: break-all; }
  @media screen and (max-width: 640px) {
    .detail-body .detail-content-right {
      padding: 0; }
      .detail-body .detail-content-right .detail-header {
        text-align: center;
        padding: 10px 20px 30px;
        border-bottom: 1px solid #d6d6d6; }
      .detail-body .detail-content-right .detail-labels {
        border: none; }
      .detail-body .detail-content-right .detail-labels .terms-split {
        border: 0;
        display: block;
        height: 0; }
      .detail-body .detail-content-right .detail-labels .terms-split.is-hidden-mobile {
        display: none; }
      .detail-body .detail-content-right .detail-meta {
        display: block;
        border: none; }
      .detail-body .detail-content-right .snsList {
        text-align: center; }
      .detail-body .detail-content-right .detail-text {
        padding: 30px 20px 0;
        width: auto; } }

.map-wrapper {
  position: relative; }
  .map-wrapper .map-content {
    height: 480px;
    margin-bottom: 30px; }
    .map-wrapper .map-content .map-body {
      height: 100% !important; }
  .map-wrapper .map-footer {
    display: none; }
  @media screen and (max-width: 640px) {
    .map-wrapper .map-content {
      height: 400px;
      margin-bottom: 15px; }
    .map-wrapper .map-footer {
      margin-bottom: 15px;
      background: #fff;
      border: 1px solid #e5e5e5;
      border-bottom: 3px solid #e5e5e5;
      height: 48px;
      display: flex;
      align-items: center;
      justify-content: center; } }

.l-wysiwyg .red {
  color: #661515 !important; }

.l-wysiwyg .brown {
  color: #663f15 !important; }

.l-wysiwyg .yellow {
  color: #4d4510 !important; }

.l-wysiwyg .green {
  color: #125943 !important; }

.l-wysiwyg .blue {
  color: #1a3180 !important; }

.l-wysiwyg .purple {
  color: #441566 !important; }

.l-wysiwyg .pink {
  color: #731849 !important; }

.l-wysiwyg h2 {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 30px;
  padding: 30px 0 0;
  color: #808080;
  font-family: "Droid Serif", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", Arial, tahoma, serif !important;
  font-weight: bold; }
  .l-wysiwyg h2:before {
    display: table-cell;
    width: 40px;
    vertical-align: top;
    content: '“';
    color: #b2b2b2;
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 0.9; }
  .l-wysiwyg h2 div {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    font-size: 24px;
    font-size: 2.4rem; }

.l-wysiwyg .h2 {
  margin: 40px 0 20px;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  padding: 20px 0 0;
  position: relative; }
  .l-wysiwyg .h2:before {
    display: block;
    content: '';
    width: 60px;
    height: 3px;
    background-color: #ff3645;
    position: absolute;
    top: 0;
    left: 0; }

.l-wysiwyg .h3 {
  margin: 0 0 20px;
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  padding-top: 8px;
  border-top: 1px solid; }

.l-wysiwyg p {
  margin: 0 0 20px;
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 2; }

.l-wysiwyg .wp-caption {
  margin: 0 0 20px; }

.l-wysiwyg .wp-caption-text {
  padding: 10px 0 0;
  color: #b2b2b2;
  font-family: "Droid Serif", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", Arial, tahoma, serif;
  font-size: 10px;
  font-size: 1rem; }

.l-wysiwyg img {
  padding: 0 0 20px;
  max-width: 100%;
  height: auto; }

.l-wysiwyg a {
  color: #036eb5 !important;
  transition: color 0.4s ease-out; }
  .l-wysiwyg a:hover {
    color: #60abdb !important; }

.l-wysiwyg b {
  padding-right: 5px; }

.l-wysiwyg hr {
  display: block;
  width: 100%;
  height: 0;
  margin: 0 0 20px;
  border-top: 1px solid #b2b2b2; }

.l-wysiwyg blockquote {
  display: table;
  width: 100%;
  table-layout: fixed;
  margin: 0 0 20px;
  padding: 20px 0 0;
  border-top: 1px solid #b2b2b2;
  color: #808080;
  font-family: "Droid Serif", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", Arial, tahoma, serif !important; }
  .l-wysiwyg blockquote:before {
    display: table-cell;
    width: 40px;
    vertical-align: top;
    content: '“';
    color: #b2b2b2;
    font-size: 53px;
    font-size: 5.3rem;
    line-height: 0.9; }
  .l-wysiwyg blockquote div {
    display: table-cell;
    width: 100%;
    vertical-align: top;
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: bold; }
  .l-wysiwyg blockquote cite {
    display: block;
    color: #b2b2b2;
    font-size: 10px;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal; }
    .l-wysiwyg blockquote cite a {
      color: inherit !important; }
      .l-wysiwyg blockquote cite a:hover {
        text-decoration: underline; }

.l-wysiwyg .next {
  display: block;
  padding: 20px 0;
  border-top: 1px solid #b2b2b2;
  font-family: "Droid Serif", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", Arial, tahoma, serif !important;
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  position: relative;
  line-height: 1.5;
  opacity: 0;
  transition: all .4s ease-out; }
  .l-wysiwyg .next.is-show {
    opacity: 1; }

.l-wysiwyg .next_label {
  font-size: 27px;
  font-size: 2.7rem;
  display: block;
  color: #ff6300;
  line-height: 1.3; }
  .l-wysiwyg .next_label:after {
    font-size: 40px;
    font-size: 4rem;
    content: '>';
    display: inline-block;
    position: relative;
    top: 3px;
    left: 0;
    padding: 0 0 0 10px; }

.l-wysiwyg .movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin: 0 0 20px; }

.l-wysiwyg .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%; }

.l-wysiwyg .comment {
  margin: 0 0 30px;
  padding: 32px 32px 12px;
  border: 5px solid #f2f2f2; }

@media screen and (max-width: 640px) {
  .l-wysiwyg h1:before {
    width: 30px;
    font-size: 40px;
    font-size: 4rem; }
  .l-wysiwyg h1 div {
    font-size: 24px;
    font-size: 2.4rem; }
  .l-wysiwyg h2,
  .l-wysiwyg h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px; }
  .l-wysiwyg h2 {
    padding-top: 10px; }
  .l-wysiwyg p {
    margin-bottom: 10px;
    font-size: 14px;
    font-size: 1.4rem; }
  .l-wysiwyg img {
    padding-bottom: 10px; }
  .l-wysiwyg hr {
    margin-bottom: 10px; }
  .l-wysiwyg blockquote {
    margin-bottom: 10px;
    padding-top: 10px; }
    .l-wysiwyg blockquote:before {
      width: 30px;
      font-size: 40px;
      font-size: 4rem; }
    .l-wysiwyg blockquote div {
      font-size: 24px;
      font-size: 2.4rem; }
  .l-wysiwyg .next {
    margin-bottom: 10px;
    padding: 8px 10px 10px 10px;
    font-size: 18px;
    font-size: 1.8rem;
    width: calc(100% + 20px);
    position: relative;
    left: -10px; }
  .l-wysiwyg .next_label {
    font-size: 17px;
    font-size: 1.7rem;
    line-height: 1;
    padding: 0 0 5px 0; }
    .l-wysiwyg .next_label:after {
      font-size: 28px;
      font-size: 2.8rem;
      padding: 0 0 0 6px; }
  .l-wysiwyg .movie {
    margin-bottom: 10px; } }