@charset "UTF-8";
/*
  色とモディファイア（ここでは -type1）以外は変更しないでください
  画像は base64 形式で指定されているため
  コードの変更のみで色を変更することができます

  新たに作成する際にはカラーコードを一括置換することをお勧めします
  例： 2b49b4 → ff0000
*/

/* custom */
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-1:checked~.dpSearch__btnList .dpSearch__label[for=tabBtn-1-1],
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2:checked~.dpSearch__btnList .dpSearch__label[for=tabBtn-1-2] {
  background: #fff;
  color: #2b49b4;
}
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-1:checked~.dpSearch__btnList .dpSearch__label[for=tabBtn-1-1]::before,
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2:checked~.dpSearch__btnList .dpSearch__label[for=tabBtn-1-2]::before {
  display: block;
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background: #fff;
  content: '';
}
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-1.-only~.dpSearch__btnList .dpSearch__btnItem:nth-child(2),
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2.-only~.dpSearch__btnList .dpSearch__btnItem:nth-child(1) {
  display: none;
}
.dpSearch.-type1 .dpSearch__radio.-only~.dpSearch__btnList .dpSearch__btnItem {
  margin-right: 0;
}
.dpSearch.-type1 .dpSearch__radio.-only~.dpSearch__btnList .dpSearch__label {
  pointer-events: none;
  padding-top: 30px;
  margin-bottom: -40px;
}
.dpSearch.-type1 .dpSearch__btnItem {
  flex-basis: 10px;
  flex-grow: 1;
  max-width: none;
}
.dpSearch.-type1 .dpSearch__btnItem:not(:last-child) {
  margin-right: 20px;
}
.dpSearch.-type1 .dpSearch__label {
  position: relative;
  padding-bottom: 30px;
  border: 2px solid #afafaf;
  border-bottom: 0;
  background: #f8f8f8;
  transform: scale(1);
  color: #000;
  font-weight: bold;
}
.dpSearch.-type1 .dpSearch__labelTxt02 {
  bottom: 12px;
}
.dpSearch.-type1 .dpSearch__contItem {
  border: 2px solid #afafaf;
  background: #fff;
}

/* defalut */
.dpSearch.-type1 .dpSearch__ttl {
  font-size: 28px;
  color: #333;
  text-align: center;
}
.dpSearch.-type1 .fw-search-top__item-label {
  color: #2b49b4;
}
.dpSearch.-type1 .fw-search-top__sub-label {
  color: #2b49b4;
}
.dpSearch.-type1 .fw-text--date::after {
  /*
    下記には 2b49b4 が含まれています
    当該箇所を変更することで色の変更が可能です
  */
  background-image: url("data:image/svg+xml;charset=utf8,%3C!--%20Generated%20by%20IcoMoon.io%20--%3E%0A%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20fill%3D%22%232b49b4%22%3E%0A%3Ctitle%3Ecalendar%3C%2Ftitle%3E%0A%3Cpath%20d%3D%22M10.306%205.612c0.867%200%201.57-0.703%201.57-1.571v-2.471c0-0.867-0.703-1.57-1.57-1.57s-1.571%200.703-1.571%201.57v2.471c0%200.868%200.704%201.571%201.571%201.571z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M21.887%205.612c0.867%200%201.57-0.703%201.57-1.571v-2.471c0-0.867-0.704-1.57-1.57-1.57s-1.571%200.703-1.571%201.57v2.471c-0%200.868%200.704%201.571%201.571%201.571z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M27.328%202.238h-2.492v1.803c0%201.627-1.323%202.951-2.95%202.951s-2.951-1.324-2.951-2.951v-1.803h-5.68v1.803c0%201.627-1.324%202.951-2.95%202.951s-2.951-1.324-2.951-2.951v-1.803h-2.683c-2.436%200-4.411%201.975-4.411%204.411v20.94c0%202.436%201.975%204.411%204.411%204.411h22.656c2.436%200%204.411-1.975%204.411-4.411v-20.94c0-2.436-1.975-4.411-4.411-4.411zM29.593%2027.589c0%201.249-1.016%202.265-2.265%202.265h-22.656c-1.249%200-2.265-1.016-2.265-2.265v-18.153h27.186v18.153z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M10.933%2023.907h3.974v3.974h-3.974v-3.974z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M10.933%2017.747h3.974v3.974h-3.974v-3.974z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M4.774%2023.907h3.974v3.974h-3.974v-3.974z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M4.774%2017.747h3.974v3.974h-3.974v-3.974z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M23.252%2011.589h3.974v3.974h-3.974v-3.974z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M17.093%2011.589h3.974v3.974h-3.974v-3.974z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M21.878%2018.326l-1.182-0.919-2.153%202.769-1.278-1.022-0.935%201.168%202.463%201.971z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M23.252%2017.747h3.974v3.974h-3.974v-3.974z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M17.093%2023.907h3.974v3.974h-3.974v-3.974z%22%3E%3C%2Fpath%3E%0A%3Cpath%20d%3D%22M10.933%2011.589h3.974v3.974h-3.974v-3.974z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.dpSearch.-type1 .fw-checkbox__label::after {
  border-left: 4px solid #2b49b4;
  border-bottom: 4px solid #2b49b4;
}
.dpSearch.-type1 .fw-select::after, .dpSearch.-type1 .fw-select--area-set::after {
  display: block;
  width: 8px;
  height: 8px;
  border-top: 3px solid #2b49b4;
  border-right: 3px solid #2b49b4;
  transform-origin: 100% 0;
  content: "";
  transform: rotate(135deg);
  display: block;
  position: absolute;
  top: calc(50% + 8px / 2);
  right: 24px;
  left: auto !important;
  margin-top: 0;
  pointer-events: none;
}
.dpSearch.-type1 .fw-btn-search-01, .dpSearch.-type1 .fw-btn-search-01--hotel {
  background: #2b49b4;
  transition: background 0.2s;
}
.dpSearch.-type1 .fw-departure-ttl {
  color: #2b49b4;
}