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

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

/* custom */
.dpSearch.-type1 .dpSearch__inner {
  display: block;
  width: 88vw;
  margin: 0 auto;
  
}
.dpSearch.-type1 .dpSearch__contItem {
  border-radius: 0 0 2vw 2vw;
  padding: 6vw;
}
.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: #e2f1f6;
  color: #000;
}
.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: #e2f1f6;
  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#tabBtn-1-2-1:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-1],
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-2:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-2],
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-3:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-3] {
  background: #3673a0;
  border-color: #3673a0;
  font-weight: bold;
  color: #fff;
}
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-1:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-1]:before,
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-2:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-2]:before,
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-3:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-3]:before {
  background: #fff;
}
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-1:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-1]:after,
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-2:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-2]:after,
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-3:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-3]:after {
  border-color: #3673a0;
}
.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: 4vw;
  margin-bottom: -5vw;
}
.dpSearch.-type1 .dpSearch__btnItem {
  flex-basis: 10px;
  flex-grow: 1;
  max-width: none;
}
.dpSearch.-type1 .dpSearch__btnItem:not(:last-child) {
  margin-right: 2vw;
}
.dpSearch.-type1 .dpSearch__label {
  position: relative;
  padding-bottom: 4vw;
  /*border: 2px solid #afafaf;*/
  border-bottom: 0;
  background: #aee6f5;
  transform: scale(1);
  color: #000;
  font-weight: bold;
  border-radius: 2vw 2vw 0 0;
}
.dpSearch.-type1 .dpSearch__labelTxt02 {
  bottom: 2vw;
  color: #535554;
}
.dpSearch.-type1 .dpSearch__contItem {
  /*border: 2px solid #afafaf;*/
  background: #e2f1f6;
}
.dpSearch.-type1 .dpSearch__item01.-date .dpSearch__inputWrapper:after {
  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%233673a0%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");
}
.dpSearch.-type1 .dpSearch__defTtl01 {
  color: #3673a0;
}
.dpSearch.-type1 .dpSearch__defTtl02 {
  color: #3673a0;
}
.dpSearch.-type1 .dpSearch__selectWrapper:after {
  display: block;
  width: 2.5vw;
  height: 2.5vw;
  border-top: 0.8vw solid #3673a0;
  border-right: 0.8vw solid #3673a0;
  transform-origin: 100% 0;
  content: "";
  transform: rotate(135deg);
  display: block;
  position: absolute;
  top: calc(50% + 3vw / 2);
  right: 6vw;
  left: auto !important;
  margin-top: 0;
  pointer-events: none;
}
.dpSearch.-type1 .dpSearch__checkboxLabel01:after {
  border-color: #3673a0;
}
.dpSearch.-type1 .dpSearch__details01 {
  margin-top: 6vw;
}
.dpSearch.-type1 .dpSearch__details01[open] .dpSearch__summary01 {
  background: #9da4b0 !important;
}
.dpSearch.-type1 .dpSearch__summary01 {
  margin: 0 auto;
  padding-right: 4vw;
  background: none;
  border: 1px solid #36739f;
  color: #36739f;
  text-align: center;
}
.dpSearch.-type1 .dpSearch__ttl01 {
  border-color: #3673a0;
  color: #3673a0;
}
.dpSearch.-type1 .dpSearch__submit01 {
  padding: 2vw 8vw !important;
  border-radius: 40px;
  background: linear-gradient(to right, #36d8de, #4a6ef6);
  font-size: 5.5vw;
}
.dpSearch.-type1 .dpSearch__modalOpen {
  width: 70%;
  margin: 0 auto;
  background: #3ac3e3;
}
.dpSearch.-type1 .dpSearch__modalOpen:before {
  display: none;
}
.dpSearch.-type1 .dpSearch__modalClose:after {
  background-image: url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Ecross%3C/title%3E%3Cpath fill='%233673a0' d='M0.002 30.475l30.475-30.475 1.524 1.524-30.475 30.475-1.524-1.524z'%3E%3C/path%3E%3Cpath fill='%233673a0' d='M0.002 1.525l1.524-1.524 30.475 30.475-1.524 1.524-30.475-30.475z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.dpSearch.-type1 .dpSearch__modalHeading {
  color: #3673a0;
}
.dpSearch.-type1 .dpSearch__thInner01 {
  background: #3673a0;
}
.dpSearch.-type1 .dpSearch__icon.-double-circle {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Edouble-circle%3C/title%3E%3Cpath fill='%233673a0' d='M16 1.28c8.115 0 14.72 6.605 14.72 14.72s-6.605 14.72-14.72 14.72-14.72-6.605-14.72-14.72 6.605-14.72 14.72-14.72zM16 0c-8.838 0-16 7.162-16 16s7.162 16 16 16 16-7.162 16-16-7.162-16-16-16v0z'%3E%3C/path%3E%3Cpath fill='%233673a0' d='M16 7.68c4.589 0 8.32 3.731 8.32 8.32s-3.731 8.32-8.32 8.32-8.32-3.731-8.32-8.32 3.731-8.32 8.32-8.32zM16 6.4c-5.299 0-9.6 4.301-9.6 9.6s4.301 9.6 9.6 9.6 9.6-4.301 9.6-9.6-4.301-9.6-9.6-9.6v0z'%3E%3C/path%3E%3C/svg%3E");
}
.dpSearch.-type1 .dpSearch__icon.-circle {
  background-image: url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Ecircle%3C/title%3E%3Cpath fill='%233673a0' d='M16 1.28c8.115 0 14.72 6.605 14.72 14.72s-6.605 14.72-14.72 14.72-14.72-6.605-14.72-14.72 6.605-14.72 14.72-14.72zM16 0c-8.838 0-16 7.162-16 16s7.162 16 16 16 16-7.162 16-16-7.162-16-16-16v0z'%3E%3C/path%3E%3C/svg%3E%0A");
}
.dpSearch.-type1 .dpSearch__icon.-cross {
  background-image: url("data:image/svg+xml,%3C!-- Generated by IcoMoon.io --%3E%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctitle%3Ecross%3C/title%3E%3Cpath fill='%233673a0' d='M0.002 30.475l30.475-30.475 1.524 1.524-30.475 30.475-1.524-1.524z'%3E%3C/path%3E%3Cpath fill='%233673a0' d='M0.002 1.525l1.524-1.524 30.475 30.475-1.524 1.524-30.475-30.475z'%3E%3C/path%3E%3C/svg%3E%0A");
}

/* default */
.dpSearch.-type1 {
  margin-top: 4vw;
}
.dpSearch.-type1 .dpSearch__ttl {
  font-size: 4.5vw;
  color: #333;
  text-align: center;
}
.dpSearch.-type1 .fw-search-top__item-label {
  color: #3673a0;
}
.dpSearch.-type1 .fw-text--date::after {
  /*
    下記には 3673a0 が含まれています
    当該箇所を変更することで色の変更が可能です
  */
  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%233673a0%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-search-top-exception .fw-checkbox__label::after {
  border-left: 0.6666666667vw solid #3673a0;
  border-bottom: 0.6666666667vw solid #3673a0;
}
.dpSearch.-type1 .fw-search-top__item-data .fw-select::after, .dpSearch.-type1 .fw-search-top__item-data .fw-select--area-set::after {
  display: block;
  width: 2.5vw;
  height: 2.5vw;
  border-top: 0.8vw solid #3673a0;
  border-right: 0.8vw solid #3673a0;
  transform-origin: 100% 0;
  content: "";
  transform: rotate(135deg);
  display: block;
  position: absolute;
  top: calc(50% + 3vw / 2);
  right: 6vw;
  left: auto !important;
  margin-top: 0;
  pointer-events: none;
}
.dpSearch.-type1 .fw-btn-search-01, 
.dpSearch.-type1 .fw-btn-search-01--hotel {
  background: linear-gradient(to right, #36d8de, #4a6ef6);
  padding: 2vw !important;
  border-radius: 8vw;
  font-size: 5.5vw;
}
.dpSearch.-type1 .fw-btn-search-01 span, 
.dpSearch.-type1 .fw-btn-search-01--hotel span {
  margin-left: -2vw;
}
.dpSearch.-type1 .fw-btn-search-01:after,
.dpSearch.-type1 .fw-btn-search-01--hotel:after {
  width: 3vw;
  height: 3vw;
  border-top: 0.8vw solid #fff;
  border-right: 0.8vw solid #fff;
}
.dpSearch.-type1 .fw-departure-ttl {
  color: #3673a0;
}

.dpSearch.-type1 .dpSearch__radioLabel01 {
  border: none;
  padding: 0;
  background: none;
  font-weight: normal;
  padding: 2vw;
  padding-left: 9vw;
}
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-1:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-1],
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-2:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-2],
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-3:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-3] {
  background: none;
  color: #353535;
  font-weight: normal;
}
.dpSearch.-type1 .dpSearch__radioLabel01:before {
    display: block;
    position: absolute;
    top: 1.5vw;
    left: 1.5vw;
    width: 6vw;
    height: 6vw;
    border: 2px solid #c1c1c1;
    border-radius: 50%;
    box-sizing: border-box;
    background: #fff;
    content: ""
}

.dpSearch.-type1 .dpSearch__radioLabel01:after {
    display: block;
    position: absolute;
    top: 3vw;
    left: 3vw;
    width: 3vw;
    height: 3vw;
    background: #cfcfcf;
    border-radius: 50%;
    box-sizing: border-box;
    opacity: 1;
    transform: rotate(0);
    border: none;
    content: ""
}
.dpSearch.-type1 .dpSearch__radioLabel01:after {
}
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-1:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-1]:after {
  background: #ff8495;
}
.dpSearch.-type1 .dpSearch__radio#tabBtn-1-2-2:checked~.dpSearch__btnListWrapper02 .dpSearch__radioLabel01[for=tabBtn-1-2-2]:after {
  background: #ff8495;
}
.dpSearch__summaryInner01:after, .dpSearch__summaryInner01:before {
  display: none;
}
.dpSearch.-type1 .dpSearch__input,
.dpSearch.-type1 .dpSearch__select {
  border: none;
  border-radius: 1.5vw;
}
.dpSearch__item01.-people .dpSearch__defTtl01 {
  flex-basis: 45%;
}
.dpSearch .fw-search-top__item-data .fw-select select,
.dpSearch .fw-search-top__item-data .fw-select--area-set select {
  border: none;
  border-radius: 1.5vw;
}
.dpSearch .fw-search-top__item-data .fw-select,
.dpSearch .fw-search-top__item-data .fw-select--area-set {
  border-radius: 1.5vw;
}
.dpSearch .fw-text--date input, 
.dpSearch .fw-text--guest input, 
.dpSearch .fw-text--room input {
  border: none !important;
  border-radius: 1.5vw;
}
.dpSearch .MuiOutlinedInput-notchedOutline {
  border: none;
  border-radius: 1.5vw;
}
.dpSearch .fw-search-top--air .fw-search-top__item--arr, 
.dpSearch .fw-search-top--air .fw-search-top__item--date, 
.dpSearch .fw-search-top--air .fw-search-top__item--guest-room, 
.dpSearch .fw-search-top--air .fw-search-top__item--trans {
  padding: 4.066667vw 0;
}
.dpSearch .MuiInputLabel-outlined.MuiInputLabel-shrink {
  transform: translate(14px, -14px) scale(0.75);
}
.heading01__ttl04Txt02 {
  font-family: "M PLUS Rounded 1c", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2vw;
  font-size: 5.6vw;
  font-weight: bold;
  color: #fb5867;
  letter-spacing: 0.1em;
}
.heading01__ttl04Txt03 {
  font-family: "M PLUS Rounded 1c", serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 4vw;
  background: url(/air/fair/hokkaido/winter_festival_new/img/bg_heading01__ttl04Txt02.png) no-repeat center bottom/13.3333333333vw auto;
  font-size: 5.6vw;
  font-weight: bold;
  color: #fb5867;
  letter-spacing: 0.1em;
}