<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">* {
  box-sizing: border-box;
}
/* .search-input {
  margin: 10px 0;
} */
.bl-main-scroll-box {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden; 
}


.bl_popup_widget_scroll {
  overflow-x: scroll !important;
  overflow-y: hidden !important;
}

.search-input-left-left&gt;div , .search-input-button span {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
}

@media(max-width: 520px) {

  .bl-main-scroll-box .bl_conditions {
    flex-direction: column;
  }
}

.label-ns span::before , .label-ns span::after  {
  display: none !important;
} 
.label-ns span {
  padding: 0 !important;
}

.js_closePopup {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  z-index: 9999;
}

.bl_filterPopupHead {
  padding-bottom: 17px;
}


.search-input {
  padding: 2.4rem 1.6rem;
  width:100%;
  display:flex;
  justify-content:space-between;
  width:100%;
  border-radius: 8px;
  background: var(--white);
  border: 1px solid #e2e2e2;
}

.search-input-left {
  display:flex;
}

.search-input-left-left {
  display:flex;
  justify-content:center;
  align-items:center;
  padding:40px;
  background-color:#F3FBFF;
}

.search-input-left-left&gt;div {
  font-size: 16px;
  font-weight: 700;
  line-height: 25.6px;
  text-align:center;
}

.search-input-left-right {
  padding:0 16px;
}

.search-input-left-right {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 22.4px;  
}

.search-input-left-right b{

}

.search-input-center {
}

.search-input-right {
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.search-input-right-up {
  padding:10px 22px;
  background-color:#51B2FF;
  border-radius:8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 22.4px;
  text-align: center;
  color:#FFFFFF;
  display:flex;
  margin-bottom:10px;
}

.s-material-symbols-outlined {
  color:#1A5398;
  margin-right:10px;
  font-size:20px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.search-input-right-up-text {
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: 0.05em;
  display:flex;
  align-items:center;
}

.search-input-right-down {
  font-size: 14px;
  font-weight: 400;
  line-height: 22.4px;
  text-align: center;
  border-bottom:solid 1px #000000;
  margin:0 auto;
  width:fit-content;
}

.bl_filterButton{
  display: flex;
  align-items: center;
}

.bl_savedFilter{
  text-decoration: underline;
  text-align: center;
  font-size: 1.4rem;
  margin-top: 0.8rem;
}

.bl_savedFilter:hover{
  cursor: pointer;
  opacity: 0.8;
}


{# tabs #}

.bl_tabButtons{
  display: flex;
  gap: 0.7rem;
}

.bl_tabButton{
  border-top: 1px solid var(--border, #E2E2E2);
  border-right: 1px solid var(--border, #E2E2E2);
  border-left: 1px solid var(--border, #E2E2E2);
  background: var(--white, #FFF);
  white-space: nowrap;
  padding: 0.6rem 2.4rem;
}

.bl_tabButton:hover{
  cursor: pointer;
}

.bl_tabButton.is_active{
  background: #F3FBFF;
  color: var(--main);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
}



.bl_tabContent{
  display: none;
  background: #F3FBFF;
  border-bottom: 1px solid var(--border, #E2E2E2);
  border-right: 1px solid var(--border, #E2E2E2);
  border-left: 1px solid var(--border, #E2E2E2);
  padding: 2rem;
}

.bl_tabContent.is_active{
  display: block;
}

.bl_form form .bl_tabContents fieldset.form-columns-1{
  margin-bottom: 0 !important;
}

{# ã‚¸ãƒ£ãƒ³ãƒ« #}
.bl_tabContentGenreChexBox{
  display: flex;
  gap: 0.6rem;
  flex-wrap: wrap;
}

.bl_tabContent-money{
  display: grid;
  gap: 1.6rem;
}

.bl_tabContent_ms{
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

{# condition #}
.bl_conditions{
  background: #FAFAFA;
  padding: 2.4rem 1.6rem;
  display: flex;
  gap: 1.6rem;
}

.bl_conditionsHead{
  background: var(--white);
  padding: 2.4rem;
  white-space: nowrap;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}

.bl_crearConditionTitle{
  color: var(--black);
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
}


.bl_crearCondition{
  color: var(--grey, var(--grey_darker, #908F8F));
  text-decoration: underline;
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
}

.bl_crearCondition:hover{
  cursor: pointer;
}

.bl_searchButton{
  display: flex;
  align-items: center;
  white-space: nowrap;
}



.bl_conditionContent {
  width: 100%;
}

.bl_conditionContent ul{
  padding: 0;
  list-style: none;
  display: grid;
  gap: 0.8rem;
}


.bl_conditionContent ul &gt; li{
  color: var(--black);
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
}

.bl_filterPopupHead{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.bl_filterPopupHead h3{
  margin: 0;
  padding-right: 50px;
}

.js_closePopup{

}

.js_closePopup:hover{
  cursor: pointer;
}

.bl_saveButtonWrapper ul {
  justify-content: center;
}

.bl_conditionActions {
  display: flex;
  gap: 0.8rem;
  flex-direction: column;
  justify-content: center;
}

.bl_conditionsWrapper {
  display: grid;
  gap: 1.6rem;
}

.bl_deleteCondition{
  color: var(--grey, var(--grey_darker, #908F8F));
  font-size: 1.4rem;
  font-style: normal;
  font-weight: 400;
  text-decoration: underline;
  text-align: center;
}

.bl_deleteCondition:hover{
  cursor: pointer;
}

p , h1 , h2 , h3 , label , input , span {
  margin: 0;
}

.box-near-stations {
  width: 100%;
  max-width: 952px;
}

.content-box-ns {
  display: none;
  flex-direction: column;
  width: 100%;
}

.content-box-ns.active {
  display: flex;
}

.content-box-ns h2 {
  color: var(--black, #09122B);
  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  padding: 20px;

  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  border-left: 1px solid #E2E2E2;
  background: #FAFAFA;
  margin: 0;
}

.content-btns-ns {
  display: flex;
  flex-wrap: wrap;
  gap: 37px;
  width: 100%;
  padding: 20px;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  border-left: 1px solid #E2E2E2;
  background: #FFF;
}

.content-btns-ns a {
  text-decoration: none;
  color: #1A5398;

  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  cursor: pointer;
}

.content-btns-ns a.active {
  color: #09122B;
}


.list-stations-ns {
  display: none;
  flex-direction: column;
  padding: 20px;
  gap: 20px;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  border-left: 1px solid #E2E2E2;
  background: #FFF;
}

.list-stations-ns.active {
  display: flex;
}

.scroll-down-button {
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  border-left: 1px solid #E2E2E2;
  border-top: 0px;
  background: #FFF;
  padding: 10px;
  background: #51B2FF;

  color: #FFF;

  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;

}

.list-stations-ns h3 {
  margin: 0;
  color: var(--black, #09122B);
  font-family: "Noto Sans JP";
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.1rem;

  border-bottom: 1px solid #E2E2E2;
}

.input-list.stations {
  padding: 20px;
  border-right: 1px solid #E2E2E2;
  border-bottom: 1px solid #E2E2E2;
  border-left: 1px solid #E2E2E2;

  background: #FFF;
}

.input-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(185px, 1fr));
  gap: 24px;
  width: 100%;

}

.label-ns {
  display: flex;
  align-items: center;
  cursor: pointer;

  color: #000;

  font-family: "Noto Sans JP";
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  display: flex;
  gap: 8px;
  margin: 0 !important;
}

.label-ns input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  width: 18px !important;
  height: 18px !important;
  border: 2px solid #1A5398 !important;
  border-radius: 4px !important;
  background-color: white !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  position: relative !important;
  cursor: pointer !important;
  margin: 0 !important;
}

.label-ns input[type="checkbox"]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}

.label-ns input[type="checkbox"]:checked {
  border: 0px !important;
  background: url("data:image/svg+xml;utf8,&lt;svg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18' fill='none'&gt;&lt;path d='M16 0H2C0.9 0 0 0.9 0 2V16C0 17.1 0.9 18 2 18H16C17.1 18 18 17.1 18 16V2C18 0.9 17.1 0 16 0ZM7.71 13.29C7.61749 13.3827 7.5076 13.4563 7.38662 13.5064C7.26565 13.5566 7.13597 13.5824 7.005 13.5824C6.87403 13.5824 6.74435 13.5566 6.62338 13.5064C6.5024 13.4563 6.39251 13.3827 6.3 13.29L2.71 9.7C2.61742 9.60742 2.54398 9.49751 2.49387 9.37654C2.44377 9.25558 2.41798 9.12593 2.41798 8.995C2.41798 8.86407 2.44377 8.73442 2.49387 8.61346C2.54398 8.49249 2.61742 8.38258 2.71 8.29C2.80258 8.19742 2.91249 8.12398 3.03346 8.07387C3.15442 8.02377 3.28407 7.99798 3.415 7.99798C3.54593 7.99798 3.67558 8.02377 3.79654 8.07387C3.91751 8.12398 4.02742 8.19742 4.12 8.29L7 11.17L13.88 4.29C14.067 4.10302 14.3206 3.99798 14.585 3.99798C14.8494 3.99798 15.103 4.10302 15.29 4.29C15.477 4.47698 15.582 4.73057 15.582 4.995C15.582 5.25943 15.477 5.51302 15.29 5.7L7.71 13.29Z' fill='%231A5398'/&gt; &lt;/svg&gt;") no-repeat ;
}

.label-ns input[type="checkbox"]:checked::after {
  display: block;
}

.station-text-search-box {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  padding: 20px;
  border: 1px solid #E2E2E2;
  background: #FFF;
  background: #FAFAFA;
}

.input-station-value {
  border: none !important;
  padding: 0 0 0 10px !important ;
  background: none !important ;
}

.text-inut-box-top {
  display: flex;
  gap: 12px;
  width: 100%;
  justify-content: center;
  align-items: center;
}

.btn-input-station {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  border: none;
  text-decoration: none;

  gap: 6px;
  font-size: 14px;
  line-height: normal;
  font-family: "Noto Sans JP";
  color: var(--white, #FFF);
  padding: 12px;
  font-weight: 700;

  border-radius: 8px;
  background: #51B2FF;
  min-width: max-content;
}

#stationInput {
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 8px;
  color: var(--black, #09122b);
  font-size: 16px;
  padding: 1rem 1.6rem;
  width: 100%;
}

@media (max-width: 768px) {
  .content-box-ns h2 , .content-btns-ns  , .input-list.stations , .list-stations-ns{
    padding: 12px;
  }

  .content-btns-ns a , .content-box-ns h2 , .label-ns , .scroll-down-button {
    font-size: 14px;
  }
  .list-stations-ns h3 {
    font-size: 16px;
  }
  .input-list.stations , .list-stations-ns.active{
    gap: 12px;
  }
  .input-list {
    grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
    gap: 12px;
  }
}


@media(max-width: 720px) {
  .bl_conditions , 
  .search-input {
    flex-direction: column;
    gap: 15px;
  }

  .search-input-left-right {
    margin: auto;
    text-align: left;
  }

  .search-input-button {
    margin: 0 auto !important;
    justify-content: center;
    width: 100%;
    min-width: 250px;
  }
}

@media(max-width: 520px) {
  .search-input-left {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }
  .search-input-left-right {
    width: 100%;
  }
}
@media(max-width: 316px) {
  .search-input-button {
    min-width: auto; 
  }
}</pre></body></html>