@charset "Shift_JIS";
/**
 * @fileOverview CSLJLND-84747
 */

 .jlnpc-areaSelect {
  position: relative;
}
.jlnpc-areaSelect * {
  font-family: -apple-system, BlinkMacSystemFont, YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
  color: #3b1800;
}

.c-icon--area {
  top: -16px;
}

.jlnpc-selectPref {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 123px;
  height: 32px;
  margin-right: 0;
  padding: 0 24px 0 8px;
  cursor: pointer;
  color: #333;
  border: 1px solid #bcb6b3;
  border-radius: 4px;
  background-color: #fff;
}

.jlnpc-selectPref__text {
  font-size: 13px;
  line-height: 32px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

.jlnpc-selectLargeArea {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  width: 180px;
  height: 32px;
  margin-right: 0;
  padding: 0 24px 0 8px;
  cursor: pointer;
  color: #333;
  border: 1px solid #bcb6b3;
  border-radius: 4px;
  background-color: #fff;
}

.jlnpc-selectLargeArea__text {
  font-size: 13px;
  line-height: 32px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
}

.jlnpc-selectLargeArea.disabled {
  cursor: default;
  opacity: .6;
}

.jlnpc-selectPref:after,
.jlnpc-selectLargeArea:after {
  position: absolute;
  top: 11px;
  right: 12px;
  width: 6px;
  height: 6px;
  content: '';
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  pointer-events: none;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
}

.jlnpc-prefListWrap {
  position: absolute;
  z-index: 2110;
  top: 50px;
  left: 30px;
  display: none;
  overflow: hidden;
  overflow: auto;
  max-height: calc(45px * 12);
  border: solid 1px #bcb6b3;
  border-radius: 4px;
  background-color: #fff;
}

.jlnpc-prefList {
  width: 326px;
}

.jlnpc-prefList__wideArea {
  display: block;
  float: none !important;
}

.jlnpc-prefList .jlnpc-prefList__wideArea .jlnpc-prefList__wideTrigger {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
  display: block;
  box-sizing: border-box;
  padding: 12px 36px 11px 12px;
  text-decoration: none;
  color: #3b1800;
  border-bottom: solid 1px #bcb6b3;
  background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMy45OCAwVjkuOTk2SDI0VjE0LjAwNEgxMy45NzkzTDEzLjk4IDI0SDkuOTcyTDkuOTcxMjkgMTQuMDA0SDBWOS45OTZIOS45NzJWMEwxMy45OCAwWiIgZmlsbD0iIzkxOEI4QSIvPgo8L3N2Zz4K') no-repeat right 12px center / 14px auto;
}

.jlnpc-prefList .jlnpc-prefList__wideArea .jlnpc-prefList__wideTrigger.prefOpen {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iNiIgdmlld0JveD0iMCAwIDI0IDYiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMjMuOTg3OCAwLjk5NjAwMlY1LjAwNEwtMC4wMTIyMDcyIDUuMDA0VjAuOTk2MDAyTDIzLjk4NzggMC45OTYwMDJaIiBmaWxsPSIjOTE4QjhBIi8+Cjwvc3ZnPgo=');
}

.jlnpc-prefList .jlnpc-prefList__wideArea:last-child .jlnpc-prefList__wideTrigger {
  border-bottom: none;
}

.jlnpc-prefList .jlnpc-prefList__wideArea:last-child .jlnpc-prefList__wideTrigger.prefOpen {
  border-bottom: solid 1px #bcb6b3;
}

.jlnpc-prefList .jlnpc-prefList__wideArea .jlnpc-prefList__wideTrigger:hover {
  color: #e78a13;
  background-color: #fef5d8;
}

.jlnpc-prefList__selectList {
  display: none;
}

.jlnpc-prefList .jlnpc-prefList__wideArea .jlnpc-prefList__select {
  font-size: 14px;
  line-height: 1.5;
  display: block;
  box-sizing: border-box;
  height: 45px;
  padding: 12px 12px 11px 36px;
  text-decoration: none;
  color: #3b1800;
  border-bottom: solid 1px #bcb6b3;
}

.jlnpc-prefList .jlnpc-prefList__wideArea:last-child .jlnpc-prefList__select {
  border-bottom: none;
}

.jlnpc-prefList .jlnpc-prefList__wideArea .jlnpc-prefList__select:hover {
  font-weight: bold;
  color: #e78a13;
  background-color: #fef5d8;
}

.jlnpc-prefList .jlnpc-prefList__wideArea .jlnpc-prefList__select.selected {
  font-weight: bold;
  color: #e78a13;
}

.jlnpc-LargeAreaListWrap {
  position: absolute;
  z-index: 2110;
  top: 300px;
  left: 200px;
  display: none;
  overflow: hidden;
  overflow: auto;
  max-height: calc(45px * 12);
  border: solid 1px #bcb6b3;
  border-radius: 4px;
  background-color: #fff;
}

.jlnpc-LargeAreaList {
  width: 326px;
}

.jlnpc-LargeAreaList .jlnpc-LargeAreaItem .jlnpc-LargeAreaSelect {
  font-size: 14px;
  line-height: 1.5;
  display: block;
  box-sizing: border-box;
  height: 45px;
  padding: 12px 12px 11px;
  text-decoration: none;
  color: #3b1800;
  border-bottom: solid 1px #bcb6b3;
}

.jlnpc-LargeAreaList .jlnpc-LargeAreaItem:last-child .jlnpc-LargeAreaSelect {
  border-bottom: none;
}

.jlnpc-LargeAreaList .jlnpc-LargeAreaItem .jlnpc-LargeAreaSelect:hover {
  font-weight: bold;
  color: #e78a13;
  background-color: #fef5d8;
}

.jlnpc-LargeAreaList .jlnpc-LargeAreaItem .jlnpc-LargeAreaSelect.selected {
  font-weight: bold;
  color: #e78a13;
}
