@charset "Shift_JIS";
/*
 * top
 * top：activity_TOP系ページ共通のcss。
 */
/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul, ol li{
  list-style: none;
}

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

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

q, blockquote {
  quotes: none;
}

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

a img {
  border: 0;
}

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

body {
  margin: 0;
  padding: 0;
  font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size: 12px;
}

/* link */
a:link {
  color: #1558ce;
  text-decoration: underline;
}

a:visited {
  color: #7607f1;
  text-decoration: underline;
}

a:hover {
  color: #ff7d00;
  text-decoration: underline;
}

/* margin */
.mT20 {
  margin-top: 20px !important;
}

.mB10 {
  margin-bottom: 10px !important;
}

.mB0 {
  margin-bottom: 0px !important;
}

.mR0 {
  margin-right: 0px !important;
}
.mL12 {
  margin-left: 12px;
}

/* layout */
.fl {
  float: left !important;
}

.fr {
  float: right !important;
}

/* header */
#header990 {
  font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif !important;
  padding-bottom: 0 !important;
}

#jkgHeader {
  overflow: hidden;
  margin-top: 6px !important;
}

#topicpath {
  font-size: 10px;
  float: left;
  line-height: 20px;
}
#topicpath ol {
  overflow: hidden;
}
#topicpath li {
  float: left;
}
#topicpath li span {
  margin: 0 5px;
  color: #999;
}

#jkgIdInfo {
  float: right;
  display: inline-block;
  line-height: 18px;
  white-space: nowrap;
}
#jkgIdInfo .jkgIdInfo-welcome {
  display: inline;
}
#jkgIdInfo .jkgIdInfo-nickname {
  color: #f60;
  font-weight: bold;
}
#jkgIdInfo .jkgIdInfo-logout {
  font-size: 10px;
}
#jkgIdInfo .jkgIdInfo-point {
  color: #f60;
  font-weight: bold;
  font-size: 11px;
}
#jkgIdInfo .jkgIdInfo-point span {
  font-size: 14px;
}
#jkgIdInfo .jkgIdInfo-myNav {
  display: inline;
}
#jkgIdInfo .jkgIdInfo-myNav li {
  display: inline;
  margin-left: 8px;
}
#jkgIdInfo .jkgIdInfo-myNavClip a {
  background: url("/kg/pc/images/icon_header_list.png") no-repeat 0 0;
  padding-left: 20px;
  display: inline-block;
}
#jkgIdInfo .jkgIdInfo-myNavReview a {
  background: url("/kg/pc/images/icon_header_review.png") no-repeat 0 0;
  padding-left: 20px;
  display: inline-block;
}
#jkgIdInfo .jkgIdInfo-myNavTravelplan a {
  background: url("/kg/pc/images/icon_mytravels_s.png") no-repeat 0 0;
  padding-left: 20px;
  display: inline-block;
}

/* container */
.container {
  width: 950px;
  margin: 0 auto 20px;
  *zoom: 1;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}

/* title */
.activity h2 {
  margin: 0 0 7px 3px;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
}

.basicTitle {
  margin-bottom: 14px;
  padding: 0 0 0 13px;
  background: url(/activity/top/pc/images/icon_hed.png) no-repeat scroll 0 1px;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
}
.basicTitle span {
  font-size: 12px;
  font-weight: normal;
}

/* mainColumn */
.mainColumn {
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  line-height: 18px;
  position: relative;
}
.mainColumn:after {
  content: "";
  display: block;
  clear: both;
}

/* contentsHeader */
.contentsHeader {
  padding-bottom: 10px;
}

.activityTitle {
  position: relative;
  height: 28px;
  padding: 16px 0 0 28px;
  border-top: 3px solid #f60;
  font-size: 18px;
  font-weight: bold;
}
.activityTitle > span {
  display: inline-block;
  margin-top: 4px;
}
.activityTitle .ji-activity {
  position: absolute;
  left: -3px;
  font-size: 24px;
}

/* skyscraper */
#header_area {
  position: relative;
  width: 950px;
  margin: 0 auto;
}

/* lazyload */
.lazyload,
.lazyloading {
  opacity: 0;
}
.lazyloaded {
  opacity: 1;
  transition: opacity 800ms;
}
.lazyload__option {
  background-color: #eee;
}
.lazyload__option-loaded {
  background-color: #fff;
  transition: background-color 800ms;
}

/* loading */
@keyframes rotation {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

/* 共通ローディング */
.activityKeyVisual.loading,
.activityGenreRecommend.loading,
.activityPickupContentRecommend.loading .pickupContent-inner,
.activityPickupContentOther.loading .pickupContent-inner,
.activityPickupContentFeature.loading .pickupContent-inner {
  position: relative;
}
.activityKeyVisual.loading::before,
.activityGenreRecommend.loading::before,
.activityPickupContentRecommend.loading .pickupContent-inner::before,
.activityPickupContentOther.loading .pickupContent-inner::before,
.activityPickupContentFeature.loading .pickupContent-inner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: #fff;
}
.activityKeyVisual.loading::after,
.activityGenreRecommend.loading::after,
.activityPickupContentRecommend.loading .pickupContent-inner::after,
.activityPickupContentOther.loading .pickupContent-inner::after,
.activityPickupContentFeature.loading .pickupContent-inner::after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 48px;
  height: 48px;
  margin: auto;
  background: url('/activity/top/pc/images/loading.svg') no-repeat 0 0 / 48px auto;
  -webkit-animation: 1s linear infinite rotation;
  animation: 1s linear infinite rotation;
}

/* activityKeyVisual */
.activityKeyVisualBox {
  position: relative;
  width: 950px;
  height: 406px;
  margin-bottom: 40px;
}
.activityKeyVisual.loading {
  display: block;
  height: 406px;
}
.activityKeyVisual picture {
  display: block;
  position: absolute;
  z-index: -1;
}

.jlnpc-activityMainTtl {
  position: absolute;
  top: 180px;
  right: 60px;
  color: #fff;
  font-size: 37px;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 2px 3px #000;
}
.jlnpc-activityCouponLink {
  position: absolute;
  top: 245px;
  right: 60px;
  padding: 7px 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: rgba(255,255,255,.8);
  color: #3b1800;
  font-size: 14px;
  line-height: 1;
}
.jlnpc-activityCouponLink a {
  padding-right: 20px;
  background: url('/activity/top/pc/images/icon-arrowRight.png') no-repeat right center / 12px 11px;
}
.jlnpc-activityCouponLink a:link,
.jlnpc-activityCouponLink a:hover,
.jlnpc-activityCouponLink a:visited{
  color: #333;
  text-decoration: none;
}

/* activitySearch */
.activitySearch {
  width: 740px;
  float: left;
}
/* areaSearch */
.areaSearch {
  margin-bottom: 20px;
  padding: 10px;
  background: #f7f5f2;
  border-radius: 5px;
  *zoom: 1;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
.areaSearch h2 {
  margin: 0 0 7px 3px;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
}
.areaTitle {
  padding: 0 0 0 29px;
  background: no-repeat 0 0 url('/activity/top/pc/images/icon_area.png');
}

/* jlnpc-activityAreaList */
.jlnpc-activityAreaList li {
  position: relative;
}
.jlnpc-activityAreaList h3 {
  position: relative;
  float: left;
  min-width: 54px;
  margin-left: 19px;
  padding: 11px 28px 11px 10px;
  border: 1px solid #bcb6b3;
  border-radius: 4px;
  background: #fff;
  color: #3b1800;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.jlnpc-activityAreaList h3 .ji-chevron-down {
  position: absolute;
  right: 5px;
  font-size: 17px;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-tohoku h3,
.jlnpc-activityAreaList .jlnpc-activityAreaList-koshinetsu h3,
.jlnpc-activityAreaList .jlnpc-activityAreaList-chugoku h3,
.jlnpc-activityAreaList .jlnpc-activityAreaList-kyushu h3 {
  min-width: 98px;
}
.jlnpc-activityAreaList li.jlnpc-activityAreaList-chugoku h3,
.jlnpc-activityAreaList li.jlnpc-activityAreaList-kyushu h3 {
  margin-left: 20px;
}
.jlnpc-activityAreaList li:first-child h3 {
  margin-left: 0;
}
.jlnpc-activityAreaList dl {
  display: none;
}
.jlnpc-activityAreaList dl.visible {
  display: block;
}
.jlnpc-activityAreaList dl {
  display: none;
  position: absolute;
  top: 37px;
  left: 0;
  line-height: 1;
  font-size: 16px;
  border: 1px solid #bcb6b3;
  border-radius: 0 4px 4px 4px;
  background: #fff;
  z-index: 100;
  padding: 10px;
}
.jlnpc-activityAreaList dl dt{
  font-weight: bold;
  margin-bottom: 15px;
}
.jlnpc-activityAreaList dl dd{
  float: left;
  margin-left: 20px;
}
.jlnpc-activityAreaList dl dd:first-of-type{
  margin-left: 0;
}
.jlnpc-activityAreaList dd a {
  display: inline-block;
  position: relative;
  padding-right: 12px;
}
.jlnpc-activityAreaList dd .ji-chevron-right {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 18px;
}
.jlnpc-activityAreaList dl a,
.jlnpc-activityAreaList dl a:link,
.jlnpc-activityAreaList dl a:visited,
.jlnpc-activityAreaList dl a:hover{
  text-decoration: none;
}
.jlnpc-activityAreaList dl a:hover {
  color: #e77611;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-kanto dl:before,
.jlnpc-activityAreaList .jlnpc-activityAreaList-tohoku dl:before,
.jlnpc-activityAreaList .jlnpc-activityAreaList-koshinetsu dl:before,
.jlnpc-activityAreaList .jlnpc-activityAreaList-tokai dl:before,
.jlnpc-activityAreaList .jlnpc-activityAreaList-chugoku dl:before,
.jlnpc-activityAreaList .jlnpc-activityAreaList-kansai dl:before,
.jlnpc-activityAreaList .jlnpc-activityAreaList-kyushu dl:before{
  content: '';
  display: block;
  position: absolute;
  top: -1px;
  left: 0;
  width: 136px;
  height: 1px;
  background: #fff;
  z-index: 20;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-kanto dl:before,
.jlnpc-activityAreaList .jlnpc-activityAreaList-tokai dl:before{
  width: 92px;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-kanto dl{
  left: 157px;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-koshinetsu dl{
  left: 270px;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-tokai dl{
  left: 427px;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-chugoku dl,
.jlnpc-activityAreaList .jlnpc-activityAreaList-kansai dl,
.jlnpc-activityAreaList .jlnpc-activityAreaList-kyushu dl{
  left: auto;
  right: 0;
  border-radius: 4px;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-kansai dl{
  right: 8px;
  border-radius: 4px;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-chugoku dl {
  right: 4px;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-kansai dl:before{
  width: 92px;
  left: auto;
  right: 308px;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-chugoku dl:before{
  left: auto;
  right: 154px;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-kyushu dl{
  border-radius: 4px 0 4px 4px;
}
.jlnpc-activityAreaList .jlnpc-activityAreaList-kyushu dl:before{
  width: 136px;
  left: auto;
  right: 0;
}
.jlnpc-activityAreaList:after{
  content: '';
  display: block;
  clear: both;
  overflow: hidden;
  height: 0;
}

/* activitySearchPanel */
.activitySearchPanel {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 320px;
  padding: 15px 15px 20px;
  border: 1px solid #ccc;
  border-radius: 5px;
  background: rgba(255,255,255,.75);
  box-sizing: border-box;
  z-index: 2;
}
.activitySearchPanel__title {
  font-weight: bold;
  color: #3b1800;
  font-size: 16px;
}
.activitySearchPanel__content {
  position: relative;
  margin-top: 10px;
}
.activitySearchPanel .searchItem::after {
  content: '';
  display: block;
  clear: both;
}
.activitySearchPanel .searchItem dt {
  float: left;
  width: 80px;
  margin-top: 4px;
  color: #666;
  font-size: 12px;
  font-weight: bold;
}
.activitySearchPanel .searchItem dd {
  float: left;
  width: 630px;
}
.activitySearchPanel .categoryGenre {
  margin-top: 15px;
}

.activitySearchPanel__popupPanelBtnList > li,
.activitySearchPanel__popupPanelBtn {
  position: relative;
}
.activitySearchPanel__popupPanelBtnList {
  display: flex;
  justify-content: space-between;
}
.activitySearchPanel__popupPanelBtnList > li {
  width: calc(50% - 6px);
}
.activitySearchPanel__prefecturesPopupPanelBtn,
.activitySearchPanel__otherAreaPopupPanelBtn,
.activitySearchPanel__genrePopupPanelBtn {
  display: block;
  position: relative;
  width: 100%;
  height: 40px;
  margin-bottom: 2px;
  padding: 0 12px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: #fff;
  color: #3b1800;
  font-size: 14px;
  line-height: 40px;
  text-decoration: none;
  text-align: left;
  cursor: pointer;
  box-shadow: 0 1px 2px 0 #666;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.activitySearchPanel__prefecturesPopupPanelBtn,
.activitySearchPanel__genrePopupPanelBtn {
  padding-left: 40px;
}
.activitySearchPanel__otherAreaPopupPanelBtn.activitySearchPanel--disabled {
  color: #ddd;
  cursor: default;
  box-shadow: 0 1px 2px 0 transparent;
  opacity: .8;
}
.activitySearchPanel__prefecturesPopupPanelBtn::before {
  content: '\F04D';
  position: absolute;
  top: -2px;
  left: 12px;
  color: #e77611;
  font-family: jalan-iconfont;
  font-size: 18px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.activitySearchPanel__genrePopupPanelBtn::before {
  content: '\F078';
  position: absolute;
  top: 9px;
  left: 11px;
  color: #e77611;
  font-family: jalan-iconfont;
  font-size: 20px;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ポップアップパネル */
.popupPanel {
  display: none;
  position: absolute;
  top: 40px;
  left: 0;
  width: 617px;
  border: 1px solid #bcb6b3;
  border-radius: 6px;
  background-color: #fff;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  z-index: 2;
}
.popupPanel__content {
  position: relative;
}
.popupPanel__list {
  height: 366px;
  margin: 0 0 -1px 0; /* bottomの-1は、ポップアップの表示高さより中身の要素の高さが高くなった時に中身の要素のbottomのボーダーを非表示するため */
  padding: 0;
  border: 0;
  border-radius: 0;
  overflow-y: scroll;
}
.popupPanel--otherArea .popupPanel__list {
  height: 423px;
  border-radius: 6px;
}
.popupPanel__list > li {
  border-bottom: 1px solid #bcb6b3;
}
.popupPanel__accordionTrigger {
  position: relative;
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding: 12px 27px 12px 12px;
  border: 0;
  background: none;
  color: #3b1800;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  cursor: pointer;
}
.popupPanel__accordionTrigger::after {
  content: '\F0A5';
  position: absolute;
  top: 50%;
  right: 12px;
  color: #918b8a;
  font-family: jalan-iconfont;
  font-size: 12px;
  transform: translateY(-50%);
}
.popupPanel__accordionTrigger.popupPanel--accordionOpen::after {
  content: '\F098';
}
.popupPanel__accordionContent {
  display: none;
  border-top: 1px solid #bcb6b3;
}
.popupPanel__parentItem {
  margin: 12px 0 0 12px;
}
.popupPanel__countLabel {
  display: none;
  color: #e77611;
  font-size: 12px;
  font-weight: bold;
}
.popupPanel__parentItem .popupPanel__countLabel {
  vertical-align: middle;
}
.popupPanel__childList {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 12px 36px;
}
.popupPanel__childList li {
  padding: 15px 15px 0 0;
  font-size: 12px;
  box-sizing: border-box;
}
.popupPanel--prefectures .popupPanel__childList li {
  width: 14.28%;
}
.popupPanel--genre .popupPanel__childList li {
  width: 33.33%;
}
.popupPanel__checkboxWrap {
  display: inline-flex;
  vertical-align: middle;
  cursor: pointer;
}
.popupPanel__childList .popupPanel__checkboxWrap {
  width: 100%;
}
.popupPanel__checkbox {
  display: none;
}
.popupPanel__checkboxView {
  position: relative;
  width: 16px;
  height: 16px;
  margin-top: 1px;
  border: 2px solid #bcb6b3;
  border-radius: 2px;
  box-sizing: border-box;
}
.popupPanel__checkbox:checked + .popupPanel__checkboxView {
  border: 2px solid #e77611;
  background-color: #e77611;
}
.popupPanel__checkbox:checked + .popupPanel__checkboxView::after {
  content: '';
  position: absolute;
  top: 0;
  left: 3px;
  width: 6px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(45deg);
  box-sizing: border-box;
}
.popupPanel__checkboxText {
  margin-left: 8px;
  color: #3b1800;
  font-size: 12px;
  line-height: 1.5;
}
.popupPanel__childList .popupPanel__checkboxText {
  display: block;
  width: calc(100% - 24px);
}
.popupPanel--allChecked .popupPanel__checkboxWrap--prefecture .popupPanel__checkboxText,
.popupPanel--allChecked .popupPanel__checkboxWrap--tag .popupPanel__checkboxText {
  opacity: 0.5;
}
/* ポップアップパネル：フッター */
.popupPanel__footer {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding: 12px;
  border-top: 1px solid #bcb6b3;
}
.popupPanel__footerItem {
  display: flex;
  align-items: center;
}
.popupPanel__exceededErrorMsg {
  display: none;
  color: #ca1738;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
}
.popupPanel__exceededErrorMsg .ji-alert-triangle {
  margin-right: 5px;
  font-size: 14px;
}
.popupPanel__totalCountLabel {
  margin-left: 10px;
  color: #3b1800;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
}
.popupPanel__totalSelectedCount {
  color: #e77611;
}
.popupPanel__primaryBtn {
  border: 1px solid #2171e0;
  border-radius: 4px;
  background: #2297f4;
  background: linear-gradient(#38affc, #0174e7);
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  box-sizing: border-box;
}
.popupPanel__primaryBtn:hover {
  background: #2f5fd9;
  background: linear-gradient(#2182e7, #3844ce);
  color: #cde9f7;
}
.popupPanel__primaryBtn.popupPanel--disabled {
  border: 1px solid #eee;
  background: linear-gradient(#eee, #ccc);
  color: #999;
  pointer-events: none;
}
.popupPanel__normallyBtn {
  border: 1px solid #938c89;
  border-radius: 4px;
  background: linear-gradient(#fff, #eae6e5);
  color: #3b1800;
  font-size: 14px;
  font-weight: bold;
  cursor: pointer;
  box-sizing: border-box;
}
.popupPanel__normallyBtn:hover {
  background: #e8e3e1;
  background: linear-gradient(#f4f0ef, #ddd6d3);
  color: #595656;
}
.popupPanel__submitBtn,
.popupPanel__cancelBtn {
  width: 120px;
  height: 32px;
}
.popupPanel__submitBtn {
  margin-left: 10px;
  font-size: 14px;
}
/* ポップアップパネル：その他エリアポップアップパネル用 */
.popupPanel__accordionContent > li {
  border-top: 1px solid #bcb6b3;
}
.popupPanel__accordionContent > li:first-of-type {
  border-top: 0;
}
.popupPanel__areaBtn {
  width: 100%;
  min-height: 42px;
  margin: 0;
  padding: 12px 27px 12px 12px;
  border: 0;
  background: none;
  color: #3b1800;
  font-size: 12px;
  text-align: left;
  cursor: pointer;
}
.popupPanel__areaBtn.popupPanel--current {
  background: #fef5d8;
  color: #e77611;
  font-weight: bold;
}
.popupPanel__indent--first {
  padding-left: 36px;
}
.popupPanel__indent--second {
  padding-left: 60px;
}
.popupPanel__indent--third {
  padding-left: 84px;
}
/* ポップアップパネル：APIローディング */
.popupPanel__loading {
  position: relative;
  height: 128px;
  border-top: 1px solid #bcb6b3;
}
.popupPanel__loading::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 48px;
  height: 48px;
  margin: auto;
  background: url('/activity/top/pc/images/loading.svg') no-repeat 0 0 / 48px auto;
  animation: 1s linear infinite rotation;
}
/* ポップアップパネル：APIエラーメッセージ */
.popupPanel__error {
  display: none;
  height: 128px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.popupPanel__errorText {
  position: relative;
  padding-left: 23px;
  color: #ca1738;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.5;
}
.popupPanel__errorText .ji-alert-triangle {
  position: absolute;
  top: -1px;
  left: 0;
  font-size: 18px;
}
.popupPanel__errorBtn {
  margin-top: 12px;
}
.popupPanel__updateBtn {
  width: 280px;
  height: 32px;
  font-size: 12px;
}

/* 一覧 */
.activitySearchPanel .dropdownList {
  display: none;
  position: absolute;
  top: 22px;
  left: 12px;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 3px;
  margin-top: -2px;
  padding: 4px 8px;
  width: 410px;
  z-index: 400;
}
.activitySearchPanel .dropdownList-pref {
  display: none;
  position: absolute;
  top: 22px;
  left: 16px;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 3px;
  margin-top: -2px;
  padding: 4px 8px;
  width: 524px;
  z-index: 410;
 }
.activitySearchPanel .categoryGenre .dropdownList {
  padding: 4px 0;
}
.activitySearchPanel .dropdownList-List {
  *zoom: 1;
  border-top: 1px solid #ccc;
  padding: 4px 0;
}

.activitySearchPanel .dropdownList-List:first-child {
  border-top: 0;
}
.activitySearchPanel .dropdownList-List > p {
  float: left;
  width: 90px;
}
.activitySearchPanel .dropdownList-pref .dropdownList-List > p {
  float: left;
  width: 94px;
  margin-right: 8px;
}
.activitySearchPanel .dropdownList-List ul {
  float: left;
  width: 310px;
}
.activitySearchPanel .dropdownList-pref ul {
  float: left;
  width: 422px;
}
.activitySearchPanel .dropdownList-List ul::after,
.activitySearchPanel .dropdownList-List::after {
  content: '';
  display: block;
  clear: both;
}
.activitySearchPanel .dropdownList-List ul li {
  float: left;
  padding: 0 8px;
}
.activitySearchPanel .dropdownList-pref ul li {
  float: left;
  min-width: 56px;
  margin-right: 4px;
  padding: 0;
}
.activitySearchPanel .lAreaDropdown .dropdownList-List ul li {
  padding: 3px 8px;
}
.activitySearchPanel .lAreaDropdown .dropdownList-List .currentLArea {
  color: #333;
  text-decoration: none;
}
.activitySearchPanel .dropdownList-List label input,
.activitySearchPanel .dropdownList-List label span {
  vertical-align: middle;
}
.activitySearchPanel .dropdownList-List label span {
  display: inline-block;
  margin-top: 1px;
}

.activitySearchPanel .categoryGenre .dropdownList,
.activitySearchPanel .categoryGenre .dropdownList-List ul {
  width: 276px;
}

.activitySearchPanel .categoryGenre .dropdownList li {
  float: none !important;
  padding-bottom: 14px;
}

.activitySearchPanel .categoryList .dropdownList-pref,
.activitySearchPanel .categoryList .dropdownList,
.activitySearchPanel .categoryDate .dropdownList {
  top: 40px;
  left: 0;
}

.activitySearchPanel .dropdownList-List .listmore {
  text-align: right;
  padding-top: 5px;
  clear: both;
}
.activitySearchPanel .dropdownList-List .listmore a {
  background: url(/activity/top/pc/images/icon_arrow_next.png) no-repeat 0 5px;
  padding-left: 10px;
  display: inline-block;
}

.activitySearchPanel .dropdownList-genreFirst {
  height: 365px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.activitySearchPanel .dropdownList-genreSecond {
  display: none;
  position: absolute;
  top: -2px;
  left: 270px;
  width: 270px;
  height: 365px;
  padding: 8px 0;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 3px;
  overflow-y: scroll;
  overflow-x: hidden;
  word-break: break-all;
}
.activitySearchPanel .dropdownList-genreSecond p {
  margin: 0 0 6px 8px;
  color: #f60;
  font-size: 13px;
  font-weight: bold;
}
.activitySearchPanel .dropdownList-genreSecond li {
  word-break: break-all;
  padding: 0 20px 14px 8px;
}

.activitySearchPanel .dropdownList-genreFirst ul > li.labelGenreNode:hover .dropdownList-genreSecond {
  display: none;
}
.activitySearchPanel .dropdownList-buttons {
  padding: 8px 0;
  text-align: center;
  letter-spacing: -.5em;
}
.activitySearchPanel .dropdownList-buttons input {
  padding: 3px 10px;
  border: 0;
  border-radius: 5px;
  background-color: #333;
  color: #fff;
  font-size: 12px;
}
.activitySearchPanel .dropdownList-buttons input.prefDropdownOk {
  margin-right: 20px;
}
.activitySearchPanel .dropdownList-buttons input:hover {
  background-color: #f60;
  cursor: pointer;
}


.activitySearchPanel .categoryDate {
  clear: both;
  margin-top: 10px;
}
.activitySearchPanel .categoryDate div {
  float: left;
  margin-right: 0;
  vertical-align: middle;
}
.activitySearchPanel .categoryDate-dateCheck {
  margin-top: 4px;
}
.activitySearchPanel .categoryDate-dateCheck input[type="checkbox"] {
  width: 1em;
  height: 1em;
  margin: 2px 0 0;
  padding: 0;
  vertical-align: top;
}
.activitySearchPanel .categoryDate-dateCheck input {
  width: 1em;
  height: 1em;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

.activitySearchPanel .categoryDate div.categoryDate-dayType {
  float: none;
  clear: both;
  padding: 5px 0 0 0;
}

.activitySearchPanel .categoryDate div.activitySearch-select-warpper {
  display: inline-block;
  position: relative;
  float: none;
}

.categoryDate-days {
  letter-spacing: -.5em;
}
.categoryDate-days .activitySearch-kara {
  display: inline-block;
  margin-right: 10px;
  letter-spacing: normal;
  vertical-align: middle;
}
.categoryDate-days .activitySearch-select {
  position: relative;
  z-index: 1;
  width: 92px;
  height: 40px;
  padding-left: 10px;
  border: 1px solid #ccc;
  border-radius: 6px;
  background: none;
  font-size: 14px;
  box-shadow: 0 1px 2px 0 #666;
  letter-spacing: normal;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.categoryDate-days .activitySearch-select::-ms-expand { /* IE用:selectboxの矢印非表示 */
  display: none;
}
.categoryDate-days select.activitySearch-select[disabled] {
  color: #ddd;
  box-shadow: 0 1px 2px 0 transparent;
}
.activitySearch-select-warpper .ji-chevron-down {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 6px;
  background: #fff;
}
.activitySearch-select-warpper .ji-chevron-down::after {
  position: absolute;
  top: 0;
  right: 4px;
  bottom: 0;
  width: 17px;
  height: 17px;
  margin: auto;
  font-size: 17px;
}
.activitySearch-select[disabled] + .ji-chevron-down {
  opacity: .8;
}

.activitySearchPanel .categoryDate-dateInput {
  position: relative;
  float: left;
  width: 152px;
  height: 40px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 1px 2px 0 #666;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

.activitySearchPanel .categoryDate div.categoryDate-dateInput {
  margin-right: 10px;
}
.activitySearchPanel .categoryDate div.categoryDate-dateInput::before {
  position: absolute;
  top: 9px;
  left: 8px;
  font-family: jalan-iconfont;
  font-size: 19px;
  font-weight: normal;
  color: #e77611;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\F057';
}

.activitySearchPanel .categoryDate-dateInput input {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 0 10px 0 40px;
  font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size: 14px;
  color: #3b1800;
  border: 0;
  border-radius: 6px;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  cursor: pointer;
  outline: none;
}
.activitySearchPanel .categoryDate-dateInput input::placeholder {
  color: #3b1800;
}

.activitySearchPanel .categoryDate-days select {
  font-size: 14px;
  color: #3b1800;
}
.activitySearchPanel .singleSelect {
  overflow: hidden;
  margin-top: 3px;
}
.activitySearchPanel .singleSelect li {
  float: left;
  font-size: 14px;
  line-height: 1.6;
  margin-right: 8px;
}
.activitySearchPanel input[type="radio"] {
  width: 1em;
  height: 1em;
  margin: -2px 2px 0 0;
  padding: 0;
  vertical-align: middle;
}
.activitySearchPanel .categoryDate-txt {
  margin-top: 3px;
}
.activitySearchPanel .categoryPrice {
  height: 31px;
  padding-top: 7px;
  overflow: hidden;
}
.activitySearchPanel select {
  font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;
  font-size: 12px;
}
.activitySearchPanel .categoryMenu {
  padding-top: 7px;
}
.activitySearchPanel .categoryMenu-list {
  overflow: hidden;
  padding: 3px 0 7px;
}
.activitySearchPanel .categoryMenu-list label {
  margin-left: -12px;
  margin-left: -18px\9;
}
.activitySearchPanel .searchAction {
  position: relative;
}
.activitySearchPanel__searchBtn button {
  display: block;
  width: 100%;
  margin: 10px auto 0;
  padding: 10px 0;
  border: 1px solid #0160c3;
  border-radius: 3px;
  background: #1e5799 linear-gradient(#1e5799 0%, #046fdd 0%, #2989d8 50%, #067ef9 100%);
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  text-align: center;
}
.activitySearchPanel__searchBtn button:hover {
  border: 1px solid #f06600;
  background: #f98906 linear-gradient(#f98906, #ef6f01);
  cursor: pointer;
}

.activitySearchPanel__clearLink {
  text-align: center;
  font-size: 12px;
  margin-top: 15px;
}
.activitySearchPanel__clearLink span {
  color: #1558ce;
  text-decoration: none;
}
.activitySearchPanel__clearLink span:hover {
  color: #ff7d00;
  cursor: pointer;
}

.activitySearchPanel .resultCount {
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  padding-top: 10px;
}
.activitySearchPanel .resultCountContents {
  position: relative;
}
.activitySearchPanel .resultCountContents span {
  margin: 0 6px;
  color: #f60;
  font-weight: bold;
  font-size: 12px;
  line-height: 1.1;
}
.activitySearchPanel .resultCountError {
  display: none;
  line-height: 1.1;
}
.activitySearchPanel .searchLoading {
  display: none;
  position: absolute;
  top: -2px;
  left: -46px;
}
.activitySearchPanel .clickPreventer {
  position: absolute;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: none;
}

/* 検索パネル カレンダー */
.activityCalendar,
.activityCalendar * {
  font-family: -apple-system,BlinkMacSystemFont,YuGothic,'\30D2\30E9\30AE\30CE\89D2\30B4\0020\0050\0072\006F\004E\0020\0057\0033','Hiragino Kaku Gothic ProN','\30E1\30A4\30EA\30AA',Meiryo,'\FF2D\FF33\0020\FF30\30B4\30B7\30C3\30AF','MS PGothic',sans-serif;
}
.activityCalendar {
  position: absolute;
  display: none;
  width: 814px;
  padding: 16px 14px;
  border: 1px solid #bcb6b3;
  border-radius: 4px;
  background: #fff;
  color: #3b1800;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);
  box-sizing: border-box;
  z-index: 101;
}
.activityCalendar::before {
  content: '';
  position: absolute;
  border-bottom: 6px solid #fff;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  top: -6px;
  left: 70px;
  z-index: 10;
}
.activityCalendar::after {
  content: '';
  position: absolute;
  border-bottom: 7px solid #bcb6b3;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  top: -7px;
  left: 69px;
  z-index: 9;
}
.activityCalendar__header {
  position: relative;
  font-weight: bold;
}
.activityCalendar__prevBtn,
.activityCalendar__nextBtn {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: #918b8a;
  color: #fff;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
}
.activityCalendar__prevBtn {
  left: 0;
}
.activityCalendar__nextBtn {
  right: 0;
}
.activityCalendar__prevBtn span,
.activityCalendar__nextBtn span {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  font-family: jalan-iconfont;
  color: #fff;
  font-size: 16px;
}
.activityCalendar__prevBtn.activityCalendar--disabled,
.activityCalendar__nextBtn.activityCalendar--disabled {
  display: none;
}
.activityCalendar__title {
  margin: 0 28px;
  font-size: 14px;
  line-height: 1.5;
  text-align: center;
}
.activityCalendar__list > li {
  display: none;
}
.activityCalendar__list > li > ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0 14px;
}
.activityCalendar__list > li > ul > li {
  width: 33.33%;
}
.activityCalendar__dateList {
  margin-top: 5px;
  padding: 0 10px;
}
.activityCalendar__dateList table {
  width: 100%;
  font-size: 18px;
  line-height: 1.5;
  border-collapse: collapse;
  table-layout: fixed;
}
.activityCalendar__dateList th {
  border: 0;
  color: #3b1800;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  line-height: 25px;
  vertical-align: middle;
}
.activityCalendar__dateList td button,
.activityCalendar__dateList td span {
  display: block;
  width: 100%;
  height: 33px;
  color: #3b1800;
  font-size: 14px;
  font-weight: bold;
  line-height: 33px;
  text-align: center;
}
.activityCalendar__dateList td button {
  padding: 0;
  border: 0;
  background: none;
  cursor: pointer;
}
.activityCalendar__dateList .activityCalendar__saturday,
.activityCalendar__dateList .activityCalendar__saturday button {
  color: #1094e7;
}
.activityCalendar__dateList .activityCalendar__sunday,
.activityCalendar__dateList .activityCalendar__sunday button,
.activityCalendar__dateList .activityCalendar__holiday button {
  color: #e8104a;
}
.activityCalendar__dateList .activityCalendar__beforeday span,
.activityCalendar__dateList .activityCalendar__afterday span {
  color: #ccc;
}
.activityCalendar__dateList button.activityCalendar__selectedDate {
  color: #fff;
  background: #e77611;
}
.activityCalendar__dateList td button:hover {
  background: #fef5d8;
}
.activityCalendar__dateList td button.activityCalendar__selectedDate:hover {
  color: #3b1800;
  background: #fef5d8;
}
.activityCalendar__dateList .activityCalendar__saturday button.activityCalendar__selectedDate:hover {
  color: #1094e7;
}
.activityCalendar__dateList .activityCalendar__sunday button.activityCalendar__selectedDate:hover,
.activityCalendar__dateList .activityCalendar__holiday button.activityCalendar__selectedDate:hover {
  color: #e8104a;
}

.activityCalendar__nav {
  position: relative;
  margin: 12px auto 0;
  text-align: center;
}
.activityCalendar__undecidedBtn > button {
  display: inline-block;
  width: 80px;
  height: 32px;
  padding: 0;
  border: 1px solid #938c89;
  border-radius: 4px;
  background: linear-gradient(#fff, #eae6e5);
  color: #3b1800;
  font-size: 12px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
}
.activityCalendar__undecidedBtn > button:hover {
  background: #e8e3e1;
  background: linear-gradient(#f4f0ef, #ddd6d3);
  color: #595656;
}
.activityCalendar__closeBtn {
  position: absolute;
  top: 0;
  right: 11px;
  bottom: 0;
  margin: auto;
}
.activityCalendar__closeBtn > p {
  display: inline-block;
  padding: 0 5px;
  color: #1558ce;
  font-size: 12px;
  font-weight: bold;
  line-height: 32px;
  cursor: pointer;
}
.activityCalendar__closeBtn .ji-close-round {
  font-family: jalan-iconfont;
  margin-right: 4px;
}
.activityCalendar__closeBtn > p:hover .ji-close-round + span {
  color: #e77611;
}

/* keywordSearch */
.keywordSearch {
  display: table;
  width: 100%;
}
.keywordSearch .keywordSearchBox {
  display: table-cell;
  position: relative;
  vertical-align: top;
}
.keywordSearch .ji-search {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 16px;
  margin: auto;
  font-size: 24px;
}
.keywordSearch input {
  position: relative;
  width: 100%;
  height: 40px;
  padding: 7px 15px 6px 54px;
  border-radius: 4px;
  border: 1px solid #bcb6b3;
  background: none;
  font-size: 16px;
  line-height: 1.6;
  color: #3b1800;
  -webkit-appearance: textfield;
  box-sizing: border-box;
  outline: none;
}
.keywordSearch input::-webkit-search-cancel-button,
.keywordSearch input::-webkit-search-decoration {
  -webkit-appearance: none;
}
.keywordSearch input::-ms-clear {
  visibility: hidden;
}
/* 各ベンダープレフィックスが取れた標準版 */
.keywordSearch input:placeholder-shown {
  color: #918b8a;
}
/* Google Chrome, Safari, Opera 15+ */
.keywordSearch input::-webkit-input-placeholder {
  color: #918b8a;
}
/* Firefox 19+ */
.keywordSearch input::-moz-placeholder {
  color: #918b8a;
}
/* IE 10+ */
.keywordSearch input:-ms-input-placeholder {
  color: #918b8a;
}
.keywordSearch .searchBtn {
  display: table-cell;
  width: 120px;
  padding-left: 15px;
}
.keywordSearch .searchBtn > .searchKeywordBtn {
  display: block;
  width: 118px;
  padding: 11px 0;
  background: -ms-linear-gradient(-180deg, #38affc 0%, #0174e7 100%);
  background: -webkit-linear-gradient(-180deg, #38affc 0%, #0174e7 100%);
  background: linear-gradient(-180deg, #38affc 0%, #0174e7 100%);
  border: 1px solid #2171e0;
  border-radius: 4px;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}

.keywordSearch .searchBtn > .searchKeywordBtn:hover {
  color: #cde9f7;
  background-image: -ms-linear-gradient(-180deg, #2182e7 3%, #3844ce 97%);
  background-image: -webkit-linear-gradient(-180deg, #2182e7 3%, #3844ce 97%);
  background-image: linear-gradient(-180deg, #2182e7 3%, #3844ce 97%);
  border: 1px solid #2171e0;
}

/* genreSearch */
.genreSearch {
  margin: 20px 0;
  background: #eee;
  padding: 8px 4px 4px;
  border-radius: 5px;
}
.genreTitle {
  padding-bottom: 4px;
  background: url(/activity/top/pc/images/icon_genre.png) no-repeat 0 0;
  padding-left: 25px;
}
.genreSearchList {
  margin-top: 10px;
  padding-top: 10px;
}
.genreSearchList > li {
  margin-bottom: 10px;
  padding: 0 20px;
  line-height: 12px;
  border-right: 2px solid #ccc;
  float: left;
  position: relative;
}
.genreSearchList li.bdrn {
  border-right: none;
}
.genreSearchList li a {
  text-decoration: none;
}
.activitySearch-inner {
  padding: 10px;
  background: #fff;
  border-radius: 5px;
}
.activityCassetteList,
.jlnpc-neighborhoodList__location {
  overflow: hidden;
}
.activityCassetteList li,
.jlnpc-neighborhoodList__location li {
  width: 135px;
  float: left;
  margin-left: 9px;
}
.activityCassetteList li:first-child,
.jlnpc-neighborhoodList__location li:first-child {
  margin-left: 0;
}
.activityCassetteList li a,
.jlnpc-neighborhoodList__location li a {
  display: block;
  margin-bottom: 1px;
}
.activityCassetteList li a:hover,
.jlnpc-neighborhoodList__location li a:hover {
  padding: 1px 0 0 1px;
  margin-bottom: 0;
  text-decoration: none !important;
}
.activityCassetteList li img,
.jlnpc-neighborhoodList__location li img {
  width: 135px;
  height: auto;
  max-height: 100px;
}
#genreSearch .activityCassetteList li img{
  max-height: none;
}
.activityCassetteList li a p,
.jlnpc-neighborhoodList__location li a p {
  display: inline-block;
  padding-left: 10px;
  background: url(/activity/top/pc/images/icon_arrow_next_bk.png) no-repeat 0 5px;
  text-decoration: none;
}
.activityCassetteList li a p {
  word-break: break-all;
}
/* genreSelect */
.genreSelect-item {
  border-top: 2px solid #eee;
  border-right: 2px solid #eee;
  position: relative;
  z-index: 10;
}
.genreSelect-item:first-child {
  border-top: 0;
}
.genreSelect-item.activeItem {
  z-index: 20;
}
.genreSelect-item a {
  display: block;
  text-decoration: none;
}
.genreSelect-item > a {
  background-image: url("/activity/top/pc/images/parts_sidemenu_arrow.png");
  background-position: 95% center;
  *background-position: 95% 50%;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 180px;
  *width: 140px;
  height: 30px;
  line-height: 1.2em;
  padding: 4px 10px;
  position: relative;
  z-index: 20;
  display: table-cell;
  vertical-align: middle;
}
.genreSelect-item.activeItem > a {
  color: #ff7d00;
}
.genreSelect-child {
  display: none;
  position: absolute;
  z-index: 10;
  top: 20px !important;
  border: 2px solid #eee;
  background: #fff;
}
.genreSelect-child.is-upper {
  bottom: 20px !important;
  top: auto !important;;
}

.genreSelect-child-arrow {
  background: url(/activity/top/pc/images/icon_arrow_balloon_g.png) no-repeat 0 0;
  display: block;
  width: 15px;
  height: 11px;
  position: absolute;
  top: -11px;
  left: 15px;
  z-index: 160;
}
.genreSelect-child.is-upper .genreSelect-child-arrow {
  background: url(/activity/top/pc/images/icon_arrow_balloon_g_up.png) no-repeat 0 0;
  bottom: -21px;
  top: auto;
}
.genreSelect-child ul {
  position: relative;
  padding-right: 20px;
  *zoom: 1;
}
.genreSelect-child ul:after {
  content: "";
  clear: both;
  display: block;
}
.genreSelect-child ul li {
  float: left;
  margin: 10px 0 0 20px;
  padding: 0;
  border: 0;
}
.genreSelect-child ul li a {
  width: 170px;
  height: 30px;
  line-height: 1.2em;
  display: table-cell;
  vertical-align: middle;
  text-decoration: underline;
  text-decoration: none;
}
.genreSelect-pickup {
  margin-bottom: 5px;
  padding: 10px 8px 10px 10px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background-color: #eee;
}
.genreSelect-pickup > dt {
  margin-bottom: 4px;
  color: #f60;
  font-weight: bold;
}
.genreSelect-pickupList > li {
  border-top: 2px solid #eee;
  border-right: 2px solid #eee;
}
.genreSelect-pickupList > li:first-child {
  border-top: 0;
}
.genreSelect-pickupList li a {
  display: block;
}
.genreSelect-pickupList > li > a {
  background-color: #fff;
  width: 140px;
  height: 30px;
  line-height: 1.2em;
  padding: 4px 10px;
  position: relative;
  z-index: 20;
  display: table-cell;
  vertical-align: middle;
}

/* areaLink */
/* jlnpc-neighborhood */
.jlnpc-neighborhood {
  margin-bottom: 20px;
  background: #eee;
  padding: 8px 4px 4px;
  border-radius: 5px;
  display: none;
}
.jlnpc-neighborhood__title {
  background: url(/activity/top/pc/images/icon_search_s.png) no-repeat 0 0;
  padding: 0 0 0 30px;
}
.jlnpc-neighborhood .jlnpc-neighborhoodList__areaLink {
  margin-bottom: 10px;
  display: inline-block;
  padding-left: 10px;
  background: url(/activity/top/pc/images/icon_arrow_next_bk.png) no-repeat 0 5px;
  text-decoration: none;
  font-weight: bold;
}
.jlnpc-neighborhood .jlnpc-neighborhoodList--visible {
  display: block;
}
.jlnpc-neighborhood .jlnpc-neighborhoodList__location--visible {
  display: block;
}

/* campaignThemeSearch */
.campaignThemeSearch {
  margin-bottom: 20px;
  background: #eee;
  padding: 8px 4px 4px;
  border-radius: 5px;
}
.themeTitle {
  background: url(/activity/top/pc/images/icon_theme.png) no-repeat 0 0;
  padding: 0 0 4px 25px;
}

.campaignThemeSearchCassetteList {
  overflow: hidden;
}
.campaignThemeSearchCassetteList li {
  width: 227px;
  margin: 0 0 20px 15px;
  float: left;
}
.campaignThemeSearchCassetteList li:first-child {
  margin-left: 0;
}
.campaignThemeSearchCassetteList li a {
  display: block;
  margin-bottom: 1px;
}
.campaignThemeSearchCassetteList li a:hover {
  padding: 1px 0 0 1px;
  margin-bottom: 0;
  text-decoration: none !important;
}
.campaignThemeSearchCassetteList li img {
  width: 227px;
  max-height: 103px;
}
.campaignThemeSearchCassetteList li a p {
  display: inline-block;
  padding-left: 10px;
  background: url(/activity/top/pc/images/icon_arrow_next_bk.png) no-repeat 0 5px;
  text-decoration: none;
}

/* sideColumn */
.sideColumn {
  width: 180px;
  float: right;
}
.sideColumn h4 {
  font-size: 14px;
  font-weight: bold;
  line-height: 26px;
}
.priceFeatureTitle {
  background: url(/activity/top/pc/images/icon_price.png) no-repeat scroll 0 0;
  padding: 0 0 4px 25px;
}
.couponFeatureTitle {
  background: url(/activity/top/pc/images/icon_coupon.png) no-repeat 0 0;
  padding: 0 0 4px 25px;
  line-height: 15px !important;
}
.recommendFeatureTitle {
  background: url(/activity/top/pc/images/icon_theme.png) no-repeat 0 0;
  padding: 0 0 4px 25px;
}
.featureBox {
  margin-bottom: 10px;
}
.featureBox ul li {
  width: 180px;
  margin-bottom: 9px;
  float: left;
}
.featureBox ul li a {
  display: block;
  text-decoration: none;
  margin-bottom: 1px;
}
.featureBox ul li a:hover {
  padding: 1px 0 0 1px;
  margin-bottom: 0;
  text-decoration: none !important;
}
.featureBox ul li a img {
  width: 180px;
  height: auto;
}
.featureBox ul li a p {
  display: inline-block;
  padding-left: 10px;
  background: url(/activity/top/pc/images/icon_arrow_next_bk.png) no-repeat 0 5px;
  text-decoration: none;
}

/* go_top_scroll */
.go_top_scroll {
  width: 70px;
  height: 70px;
  background: url(/activity/top/pc/images/go_top.png) no-repeat 0 0;
  text-indent: -9999px;
  display: none;
  position: fixed;
  bottom: 5%;
  right: 5%;
}

/* footer */
.footerMenu {
  clear: both;
  width: 950px;
  margin: 0 auto;
  padding: 20px;
}
.footerMenu ul {
  *zoom: 1;
}
.footerMenu ul:after {
  content: "";
  display: block;
  clear: both;
}
.footerMenu ul li {
  float: left;
  padding-right: 5px;
  margin-right: 5px;
  border-right: 1px solid #ccc;
  font-size: 10px;
}
.footerMenu ul li a {
  white-space: nowrap;
}
.footerMenu dl {
  *zoom: 1;
  text-align: center;
  margin: 10px 0;
}
.footerMenu dl:after {
  content: "";
  display: block;
  clear: both;
}

.footerMenu dl dt {
  display: inline;
}
.footerMenu dl dd {
  display: inline;
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px solid #ccc;
  font-weight: bold;
}
.footerMenu dl dd a {
  font-weight: normal;
}
.footerMenu dl dt + dd {
  border-left: 1px solid #fff;
  margin-left: 0;
  padding-left: 0;
}

.footerMenu .recruitArea {
  width: 950px;
  margin: 10px auto 30px;
  padding-top: 30px;
  border-top: 2px solid #ccc;
}
.footerMenu .recruitArea a {
  color: #435B67;
  text-decoration: underline;
  font-family: Meiryo;
  font-size: 10px;
  font-weight: bold;
}
.footerPointNote {
  padding: 0 0 20px 0;
}
.footerPointNote a {
  background: url(/activity/top/pc/images/icon_arrow.png) no-repeat 0 50%;
  padding-left: 10px;
}

/* browsedSearch */
.jlnpc-activity__browsedSearch {
  margin-bottom: 20px;
  background: #eee;
  padding: 8px 4px 4px;
  border-radius: 5px;
}
.jlnpc-activity__browsedSearchTitle {
  padding-left: 25px;
  background: url("/activity/theme/recent_plan_pc/images/icon_history.png") left center no-repeat;
}
.jlnpc-activity__browsedSearchBody {
  padding: 15px 10px 10px;
  background: #fff;
  border-radius: 5px;
}
.jlnpc-activity__browsedSearchBody ul {
  *zoom: 1;
  overflow: hidden;
}
.jlnpc-activity__browsedSearchBody li {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
  padding-left: 10px;
  background: url("/activity/top/pc/images/icon_arrow_next_bk.png") left center no-repeat;
  white-space: nowrap;
}
.jlnpc-activity__browsedSearchBody li > a {
  text-decoration: none;
}
.jlnpc-activity__linkToRecentPlan {
  text-align: right;
  font-size: 11px;
}
.jlnpc-activity__linkToRecentPlan > a {
  display: inline-block;
  padding-left: 10px;
  background: url("/activity/top/pc/images/icon_arrow_next_bk.png") left center no-repeat;
  text-decoration: none;
}

/* 最近見た遊び・体験プランをサイドカラムに表示 */
.jlnpc-recentlyHistoryBox {
  box-sizing: border-box;
  margin-bottom: 15px;
  padding: 10px 0 0;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #ccc;
}
.jlnpc-recentlyHistoryBox h2 {
  margin: 0 5px 2px 5px;
  padding-left: 7px;
  height: 15px;
  background: url("/kg/pc/images/icon_hed_s.png") no-repeat left center;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
}
.jlnpc-recentlyHistoryBox__list li {
  border-bottom: dotted 1px #ccc;
}
.jlnpc-recentlyHistoryBox__list li:last-child {
  border-bottom: 0;
}
.jlnpc-recentlyHistoryBox__list li a {
  display: block;
  position: relative;
  padding: 8px 5px;
}
.jlnpc-recentlyHistoryBox__list li:last-child a:hover {
  border-radius: 0 0 4px 4px;
}
.jlnpc-recentlyHistoryBox__list li a:hover {
  background-color: #fef5d7;
}
.jlnpc-recentlyHistoryBox__list li a:hover p {
  text-decoration: underline;
  color: #ff7d00;
}
.jlnpc-imageWrap {
  position: relative;
  float: left;
  width: 50px;
  height: 37px;
}
.jlnpc-imageWrap > img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.jlnpc-nameWrap {
  display: block;
  position: relative;
  width: 100%;
}
.jlnpc-nameWrap:after {
  content: '';
  display: block;
  clear: both;
}
.jlnpc-nameWrap p {
  position: absolute;
  top: 50%;
  display: inline-block;
  padding-left: 5px;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #1b47ff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
  word-break: break-word;
}

/* 前回検討したプラン染み出し (2019/03/18本反映) */
.jlnpc-latestActPlan {
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 10px 0 0;
  border-radius: 4px;
  background-color: #fff;
  border: solid 1px #ccc;
}
h2.jlnpc-latestActPlan__title {
  margin: 0 5px 5px;
  padding-left: 7px;
  height: 15px;
  background: url("/kg/pc/images/icon_hed_s.png") no-repeat left center;
  color: #333;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.3;
}
.jlnpc-latestActPlan a:link,
.jlnpc-latestActPlan a:visited,
.jlnpc-latestActPlan a:hover {
  border-radius: 0 0 4px 4px;
  color: #333;
  text-decoration: none;
}
.jlnpc-latestActPlan a:hover {
  background-color: #fef5d7;
}
.jlnpc-latestActPlan a:hover .jlnpc-latestActPlan__planName {
  color: #ff7d00;
  text-decoration: underline;
  word-break: break-all;
}
.jlnpc-latestActPlan__nav {
  display: block;
  padding: 3px 5px 10px;
}
.jlnpc-latestActPlan__spotName {
  font-size: 11px;
  line-height: 1.1;
  margin-bottom: 5px;
  word-break: break-all;
}
.jlnpc-latestActPlan__info,
.jlnpc-latestActPlan__figure {
  margin-bottom: 5px;
}
.jlnpc-latestActPlan__photo {
  position: relative;
  float: left;
  width: 50px;
  height: 37px;
  margin-right: 5px;
  background-color: #fff;
}
.jlnpc-latestActPlan__photo img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.jlnpc-latestActPlan__planName {
  float: right;
  width: 113px;
  color: #1b47ff;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.2;
}
.jlnpc-latestActPlan__prices {
  margin-top: 5px;
  color: #f00;
  font-size: 12px;
  font-weight: bold;
  line-height: 1.1;
}
.jlnpc-latestActPlan__category {
  font-size: 10px;
  line-height: 1.1;
}
.jlnpc-latestActPlan__category span {
  display: block;
  float: left;
}

/* 2019/12/02 要素整理＆デザイン刷新 本番反映 */
.activityFeatureInfo img {
  width: 600px;
}
.activityFeatureInfo span {
  color: #999;
  display: block;
  font-size: 10px;
}

a:link.activitylinkArrw,
a:visited.activitylinkArrw {
  position: relative;
  padding-left: 22px;
  color: #1558ce;
  text-decoration: none;
}
.activitylinkArrw .ji-triangle {
  position: absolute;
  top: 50%;
  bottom: 0;
  left: 5px;
  margin-top: -10px;
  font-size: 20px;
}

a:hover.activitylinkArrw {
  color: #e77611;
}

.contentList li {
  float: left;
  margin-left: 17px;
  color: #3b1800;
  font-size: 14px;
  position: relative;
}

.contentList li a:link,
.contentList li a:visited {
  color: #3b1800;
}

.contentList li:first-child {
  margin-left: 0;
}

.contentList li .contentIconLastPlan {
  position: absolute;
  top: -4px;
  left: 8px;
  padding: 4px 8px;
  background: #e78a13;
  color: #fff;
  font-size: 12px;
  line-height: 1;
  z-index: 1;
}

.contentListThum {
  display: block;
  position: relative;
  width: 176px;
  height: 132px;
  overflow: hidden;
  margin-bottom: 8px;
}
.contentList li:hover .contentListThum {
  opacity: .7;
}
.contentListThum img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.activityPickupContentSpot .contentList .contentListThum img {
  max-width: none;
}

.contentList a:link,
.contentList a:visited {
  text-decoration: none;
}

.contentList .contentListInfo {
  margin-bottom: 8px;
  width: 176px;
  line-height: 1.1;
  font-size: 0;
}

.contentListInfo > p,
.contentListInfo .contentListInfoLocal,
.contentListInfo .contentListInfoGenre .contentListInfoInner {
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.contentListInfo .contentListInfoLocal {
  display: inline-block;
  width: 64px;
}
.contentListInfo .contentListInfoLocal .contentListInfoInner {
  display: inline-block;
  position: relative;
  margin-right: 8px;
  padding-left: 12px;
  font-size: 14px;
  line-height: 15px;
}
.contentListInfo .contentListInfoLocal .contentListInfoInner::before {
  content: '\F08C';
  position: absolute;
  left: -1px;
  color: #e77611;
  font-family: jalan-iconfont;
  font-size: 13px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.contentListInfo .contentListInfoGenre {
  display: inline-block;
  position: relative;
  padding-left: 14px;
  font-size: 14px;
}
.contentListInfo .contentListInfoGenre .contentListInfoInner {
  display: inline-block;
  width: 98px;
}
.contentListInfo .contentListInfoGenre .contentListInfoInner::before {
  content: '\F078';
  position: absolute;
  left: 0;
  color: #e77611;
  font-family: jalan-iconfont;
  font-size: 14px;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.contentList .contentListName {
  width: 176px;
  font-size: 16px;
  line-height: 1.5;
  color: #1558ce;
  overflow: hidden;
  display: block;
  word-break: break-all;
}
.contentList li:hover .contentListName {
  color: #e77611;
  text-decoration: underline;
}
.contentList .contentListName .contentListName__inner {
  display: block;
  max-height: 48px;
  position: relative;
  word-break: break-all;
}

.contentList .contentListName .contentListName__inner::before,
.contentList .contentListName .contentListName__inner::after {
  background: #fff;
  padding-left: 3px;
  padding-right: 2px;
  position: absolute;
}

.contentList .contentListName .contentListName__inner::before {
  content: '...';
  top: 20px;
  right: 0;
}
.contentList li:hover .contentListName .contentListName__inner::before {
  color: #e77611;
  text-decoration: none;
}
.contentList .contentListName .contentListName__inner:after {
  content: '';
  height: 100%;
  width: 100%;
}
.contentList .contentListPrice {
  margin-top: 4px;
  text-align: right;
  color: #fc0d1c;
  font-weight: bold;
  font-size: 12px;
}
.contentList .contentListPrice .contentListTaxPrice {
  font-size: 16px;
}

.activityRecentlyHistoryContent,
.activityAreaContent,
.activityKeywordContent,
.activityPickupContent {
  margin-bottom: 60px;
}

.activityRecentlyHistoryContent h2.activityContentTitle,
.activityAreaContent h2.activityContentTitle,
.activityKeywordContent h2.activityContentTitle,
.activityGenreRecommendContents h2.activityContentTitle,
.activityPickupContent h2.activityContentTitle,
.activityAboutSiteContent h2.activityContentTitle {
  margin-left: 0;
  margin-bottom: 24px;
  font-weight: bold;
  font-size: 24px;
  color: #3b1800;
}

.activityRecentlyHistoryContent {
  display: none;
}
.activityRecentlyHistoryContent ul.contentList::after {
  content: '';
  clear: both;
  height: 0;
  display: block;
}

.activityAreaContent > ul::after {
  content: '';
  clear: both;
  height: 0;
  display: block;
}

/* ジャンルから探す */
.activityGenreContent {
  margin-bottom: 44px;
}
/* おすすめジャンル */
.activityGenreRecommend {
  display: flex;
  margin-bottom: 40px;
}
.activityGenreRecommend.loading {
  height: 132px;
}
.activityGenreRecommend li {
  margin-right: 17px;
}
.activityGenreRecommend li:last-of-type {
  margin-right: 0;
}
.activityGenreRecommend a {
  display: block;
  position: relative;
  width: 176px;
  height: 132px;
}
.activityGenreRecommend a::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(rgba(0, 0, 0, 0), #000);
}
.activityGenreRecommend .contentListThum {
  margin-bottom: 0;
}
.activityGenreRecommend__tagName {
  display: block;
  position: absolute;
  bottom: 5px;
  left: 0;
  overflow: hidden;
  max-height: 45px;
  padding: 5px 10px 5px 5px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  box-sizing: border-box;
  z-index: 1;
}
.activityGenreRecommend a:hover .activityGenreRecommend__tagName {
  text-decoration: underline;
}
/* ジャンル一覧 */
.activityGenreList {
  position: relative;
  font-size: 16px;
}
.activityGenreList::after {
  clear: both;
  height: 0;
  content: '';
  display: block;
}
.activityGenreList > li {
  position: relative;
  float: left;
  margin: 0 20px 16px 0;
  padding: 0;
  border: 0;
}
.activityGenreList h3 {
  position: relative;
  float: left;
  min-width: 52px;
  padding: 12px 28px 12px 8px;
  border: 1px solid #bcb6b3;
  border-radius: 4px;
  background: #fff;
  color: #3b1800;
  font-size: 16px;
  line-height: 1;
  cursor: pointer;
}
.activityGenreList h3 .ji-chevron-down {
  position: absolute;
  right: 5px;
  font-size: 17px;
}
.activityGenreList h3 a:link,
.activityGenreList h3 a:visited{
  color: #3b1800;
}
.activityGenreList .visible h3 {
  position: relative;
  box-shadow: 0 4px 4px 0 rgba(0,0,0,.5);
}
.activityGenreList .visible h3::before {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 301;
  width: 100%;
  height: 4px;
  background: #fff;
}
.activityGenreList .activityGenreList-child {
  display: none;
  position: absolute;
  top: 38px;
  left: 0;
  z-index: 300;
  width: 950px;
  padding: 16px 16px 0;
  border: 1px solid #bcb6b3;
  border-radius: 4px;
  background: #fff;
  font-size: 16px;
  line-height: 1;
  box-shadow: 0 4px 4px 0 rgba(0,0,0,.5);
  box-sizing: border-box;
}
.activityGenreList .visible .activityGenreList-child {
  display: block;
}
.activityGenreList .activityGenreList-child h4 {
  margin-bottom: 15px;
  font-weight: bold;
}
.activityGenreList .activityGenreList-child h4 > a:link,
.activityGenreList .activityGenreList-child h4 > a:visited {
  padding: 4px 20px 4px 4px;
  display: inline-block;
  color: #1558ce;
  text-decoration: none;
}
.activityGenreList .activityGenreList-child > ul {
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
}
.activityGenreList .activityGenreList-child > ul > li {
  width: 25%;
  margin-bottom: 16px;
}
.activityGenreList .activityGenreList-child > ul > li > a {
  padding: 4px;
  font-size: 14px;
}
.activityGenreList .activityGenreList-child > ul > li > a:link,
.activityGenreList .activityGenreList-child > ul > li > a:visited {
  display: block;
  color: #1558ce;
  text-decoration: none;
  white-space: normal;
}
.activityGenreList .activityGenreList-child h4 > a:hover,
.activityGenreList .activityGenreList-child > ul > li > a:hover {
  color: #e77611;
  background: #fef5d8;
}

/* pickUp */
.activityPickupContentSpot,
.activityPickupContentRecommend,
.activityPickupContentFeature,
.activityPickupContentOther {
  margin-bottom: 60px;
}
.activityPickupContentRecommend.loading .pickupContent-inner {
  height: 140px;
}
.activityPickupContentOther.loading .pickupContent-inner,
.activityPickupContentFeature.loading .pickupContent-inner {
  height: 82px;
}
.pickupContent-inner > ul::after {
  content: '';
  display: block;
  clear: both;
}
.pickupContentRecommendList,
.pickupContentOtherList,
.pickupContentFeatureList {
  overflow: hidden;
}
.pickupContentRecommendList li,
.pickupContentOtherList li,
.pickupContentFeatureList li {
  float: left;
  margin-left: 10px;
}
.activityPickupContentRecommend li:hover,
.activityPickupContentOther li:hover,
.activityPickupContentFeature li:hover {
  opacity: .7;
}
.pickupContentRecommendList li:first-child,
.pickupContentOtherList li:first-child,
.pickupContentFeatureList li:first-child {
  margin-left: 0;
}
.pickupContentRecommendList a {
  display: block;
  width: 310px;
  height: 140px;
}
.pickupContentOtherList a,
.pickupContentFeatureList a {
  display: block;
  width: 182px;
  height: 82px;
}
.pickupContentRecommendList img {
  width: 310px;
  height: 140px;
  vertical-align: bottom;
}
.pickupContentOtherList img,
.pickupContentFeatureList img {
  width: 182px;
  height: 82px;
  vertical-align: bottom;
}

/* 口コミNo1 */
.activityInfoNo1Content {
  margin-bottom: 60px;
  text-align: right;
  font-size: 16px;
}
.activityInfoNo1Content .infoNo1ContentThum {
  position: relative;
  margin-bottom: 8px;
}
.activityInfoNo1Content .infoNo1ContentThum picture {
  display: block;
}
.activityInfoNo1Content .infoNo1ContentThum img {
  vertical-align: bottom;
}
.activityInfoNo1Content .infoNo1ContentText {
  position: absolute;
  right: 16px;
  bottom: 16px;
  font-size: 10px;
  color: #5B4843;
}

/* サイトに関するご案内 */
.activityAboutSiteContent {
  margin-bottom: 40px;
  font-size: 14px;
}
.activityAboutSiteContent .aboutSiteContent-inner {
  line-height: 1;
  border-top: 1px #e0dbd7 solid;
}
.activityAboutSiteContent .aboutSiteContent-inner .aboutSiteContent-list {
  padding: 11px 0 12px;
  border-bottom: 1px #e0dbd7 solid;
}

.skycoupon {
  position: fixed;
  right: 30px;
  bottom: 40px;
  z-index: 500;
  display: none;
}
.skycoupon a:hover {
  opacity: .7;
}