@charset "utf-8";

/* 基本設定 */

.peachAsjWrap .mainWrap {
    color: #333;
    font-size: 16px;
    font-family: "メイリオ", "ＭＳ Ｐゴシック", Arial, sans-serif;
}

.peachAsjWrap .ttl {
    color: #9D308D;
    font-size: 24px;
    font-weight: bold;
    /*font-family: tbcinergothic-std, sans-serif;*/
    margin-bottom: 40px;
    /*letter-spacing: 5px;*/
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}

.peachAsjWrap .ttl-black {
    color: #333;
}

.peachAsjWrap .ttl:before {
    content: "＼";
    padding-right: 1em;
}

.peachAsjWrap .ttl:after {
    content: "／";
    padding-left: 1em;
}

.peachAsjWrap .lead {
    font-size: 18px;
    text-align: center;
}

.peachAsjWrap .lead .sub {
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
}

.peachAsjWrap .lead .sub img {
    margin: 0 20px;
}

.peachAsjWrap .period-box {
  display: flex;
  border: 3px solid #a74899;
  border-radius: 8px;
  margin: 10px 0;
}

.peachAsjWrap .period-label {
  background-color: #a74899;
  color: #fff;
  padding: 20px 32px;
  font-weight: bold;
  display: flex;
  align-items: center;
  width: 20%;
}

.peachAsjWrap .period-date {
  background-color: #fff;
  color: #a74899;
  padding: 20px 32px;
  font-weight: bold;
  display: flex;
  text-align: left;
  width: 80%;
}
  
.peachAsjWrap .peachBnr .box {
  display: flex;
}

.peachAsjWrap .peachBnr .box li {
  margin: 0 10px;
}

.peachAsjWrap .peachBnr .box .text {
  text-align: center;
}

@media (max-width: 1024px) {
    .peachAsjWrap .ttl {
        font-size: 22px;
    }
}

@media (max-width: 599px) {
    .peachAsjWrap .ttl {
        font-size: 20px;
        margin-bottom: 30px;
    }

    .peachAsjWrap .ttl:before {
        padding-right: 0.5em;
    }

    .peachAsjWrap .ttl:after {
        padding-left: 0.5em;
    }

    .peachAsjWrap .lead {
        font-size: 16px;
    }
    .peachAsjWrap .lead .sub img {
    margin: 0;
    }
    .peachAsjWrap .period-box {
        display: block;
    }
    .peachAsjWrap .period-label,
    .peachAsjWrap .period-date{
        width: 100%;
        padding: 15px;
    }
    .peachAsjWrap .peachBnr .box {
        display: block;
    }
    .peachAsjWrap .peachBnr .box li {
        margin: 0;
    }
    }


/*スライダー設定*/
.peachAsjWrap .uk-dotnav>* {
    margin-bottom: 5px;
}

.peachAsjWrap .uk-dotnav>*>* {
    width: 11px;
    height: 11px;
}


/* guidelineImg */

.peachAsjImg {
    position: relative;
}

.peachAsjImg .inner {
    width: 100%;
}

.peachAsjImg .slide .uk-slidenav-position {
    position: relative;
    overflow: hidden;
}

.peachAsjImg .slide .uk-slidenav-position:after {
    display: block;
    content: "";
    padding-top: 41.5%;
}

.peachAsjImg .slide .uk-slideshow {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.peachAsjImg .slide .uk-slideshow > li {
    height: 100% !important;
}

.peachAsjImg .slide .uk-slideshow > li > div {
    height: 100% !important;
}

.peachAsjImg .slide .uk-slideshow > li img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.peachAsjImg .catch {
    width: 98%;
    max-width: 550px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

[data-element-id] .peachAsjImg .show\@sp {
    width: 500px;
}

@media (max-width: 599px) {
    .peachAsjImg .slide .uk-slidenav-position:after {
        padding-top: 100%;
    }
}



/* peachAsjLink */

.peachAsjLink li {
    width: 20%;
    padding: 10px;
    margin-bottom: 5px;
    border-radius: 15px;
    background: #9d308d;
}

.peachAsjLink li a {
    display: block;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

@media (max-width: 1024px) {
    .peachAsjLink li {
        width: 50%;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .peachAsjLink li:nth-of-type(n+3) {
        width: 33.333%;
    }

    .peachAsjLink li a {
        font-size: 20px;
    }
}

@media (max-width: 599px) {
    .peachAsjLink li {
        width: 48% !important;
    }

    .peachAsjLink li:first-of-type {
        width: 48% !important;
    }

    .peachAsjLink li a {
        font-size: 18px;
    }
}



/* peachAsjSchedule */

.peachAsjSchedule .table {
    width: 48%;
}

.peachAsjSchedule .table table {
    width: 100%;
}

.peachAsjSchedule .table tr:nth-of-type(2n+2) {
    background: #fde8fa;
}

.peachAsjSchedule .table th {
    color: #fff;
    font-weight: bold;
    background: #a74899;
    border: 1px solid #a74498;
    padding: 7px;
}

.peachAsjSchedule .table td {
    font-size: 18px;
    padding: 7px;
    border: 1px solid #a74498;
    text-align: center;
}

.peachAsjSchedule .attention {
    font-size: 12px;
    margin-top: 10px;
    text-align: right;
}

@media (max-width: 599px) {
    .peachAsjSchedule .table {
        width: 100%;
    }

    .peachAsjSchedule .table td {
        font-size: 16px;
    }

    .peachAsjSchedule .attention {
        text-align: left;
    }
}



/* peachAsjPlan */

.peachAsjPlan .item .tit {
    color: #9D308D;
    font-size: 20px;
    font-family: tbcinergothic-std, sans-serif;
    margin: 10px 0;
    text-align: center;
}

.peachAsjPlan .item .txt {
    font-size: 18px;
}

.peachAsjPlan .item .tourLink {
    background: #fde8fa;
    padding: 10px;
    margin-top: 20px;
}

@media (max-width: 599px) {
    .peachAsjPlan .item .tit {
        font-size: 18px;
    }
}



/* tourLink */

.tourLink li {
    text-align: center;
}

.tourLink li > * {
    display: block;
}

.tourLink li a {
    color: #fff;
    font-size: 24px;
    background: #9d308d;
    padding: 10px;
    border-radius: 5px;
    position: relative;
}

.tourLink li a:after {
    content: "\f0a9";
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    position: absolute;
    right: 10px;
}

.tourLink li .yen_parent {
    color: #da2d41;
    font-size: 28px;
    font-weight: bold;
    margin-top: 5px;
}

.tourLink li .yen {
  font-size: 1.25rem;
}

@media (max-width: 1024px) {
    .tourLink li a {
        font-size: 22px;
    }

    .tourLink li .yen_parent {
        font-size: 24px;
    }
}

@media (max-width: 599px) {
    .tourLink li a {
        font-size: 20px;
    }

    .tourLink li .yen_parent {
        font-size: 22px;
    }
}



/* peachAsjHotel */

.peachAsjHotel .item > * {
    height: 100%;
    background: #fde8fa;
    padding: 20px;
}

.peachAsjHotel .item .name {
    color: #9d308d;
    font-size: 30px;
    /*font-family: tbcinergothic-std, sans-serif;*/
    text-align: center;
    margin-bottom: 20px;
}

.peachAsjHotel .item .tit {
    font-size: 20px;
    font-weight: bold;
    margin: 15px 0;
    text-align: center;
}

.peachAsjHotel .item .txt {
    font-size: 18px;
}

.peachAsjHotel .item .tourLink {
    margin-top: 20px;
}

.peachAsjHotel .uk-slideshow {
    height: auto !important;
    position: relative;
}

.peachAsjHotel .uk-slideshow:before {
    display: block;
    content: "";
    padding-top: 65%;
}

.peachAsjHotel .uk-slideshow > li {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.peachAsjHotel .uk-slideshow > li > div {
    height: 100% !important;
}

.peachAsjHotel .uk-slideshow > li > div img {
    width: 100%;
    height: 100%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.peachAsjHotel .uk-slideshow + * {
    margin-top: 10px !important;
}

.peachAsjHotel .uk-slider {
    margin-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.peachAsjHotel .uk-slider li {
    width: 33.333%;
    padding-left: 0;
    opacity: 0.6;
}

.peachAsjHotel .uk-slider li.uk-active {
    opacity: 1;
}

.peachAsjHotel .uk-slider li:before {
    display: block;
    content: "";
    padding-top: 70%;
}

.peachAsjHotel .uk-slider li > div {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.peachAsjHotel .uk-slider li > div img {
    width: 100%;
    height: 100%;
    font-family: 'object-fit: cover; object-position: 50% 50%;';
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
}

.peachAsjHotel .peachFeaturesPoint .box {
  background: #eee;
    padding: 15px 20px;
    margin-top: 10px;
}

@media (max-width: 1024px) {
    .peachAsjHotel .item .name {
        font-size: 26px;
    }
}

@media (max-width: 599px) {
    .peachAsjHotel .item > * {
        padding: 10px;
    }

    .peachAsjHotel .item .name {
        font-size: 22px;
    }
}



/* peachAsjFlow */

.peachAsjFlow .box {
    background: #fddaf8;
    padding: 40px;
}

.peachAsjFlow .left {
    width: 49%;
}

.peachAsjFlow .right {
    width: 49%;
}

.peachAsjFlow .slide .uk-slidenav-position {
    position: relative;
    overflow: hidden;
}

.peachAsjFlow .slide .uk-slidenav-position:after {
    display: block;
    content: "";
    padding-top: 100%;
}

.peachAsjFlow .slide .uk-slideshow {
    width: 100%;
    height: 100% !important;
    position: absolute;
    top: 0;
    left: 0;
}

.peachAsjFlow .slide .uk-slideshow > li {
    height: 100% !important;
}

.peachAsjFlow .slide .uk-slideshow > li > div {
    height: 100% !important;
}

.peachAsjFlow .slide .uk-slideshow > li img {
    width: 100%;
    height: 100% !important;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    font-family: "object-fit: cover; object-position: 50% 50%;";
}

.peachAsjFlow .info dl + * {
    margin-top: 20px;
}

.peachAsjFlow .info dt {
    color: #9D308D;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
}

.peachAsjFlow .info dd {
    font-size: 20px;
}

@media (max-width: 1024px) {
    .peachAsjFlow .box {
        padding: 25px;
    }
}

@media (max-width: 599px) {
    .peachAsjFlow .box {
        padding: 15px;
    }

    .peachAsjFlow .left {
        width: 100%;
    }

    .peachAsjFlow .right {
        width: 100%;
        margin-top: 20px;
    }

    .peachAsjFlow .info dt {
        font-size: 16px;
    }

    .peachAsjFlow .info dd {
        font-size: 16px;
    }
}



/* peachAsjSearch */

.peachAsjSearch .box {
    background: #fde8fa;
    padding: 30px;
}

.peachAsjSearch .box dt {
    font-weight: bold;
    margin-right: 10px;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.peachAsjSearch .box dd {
    width: 100%;
}

.peachAsjSearch .box select,
.peachAsjSearch .box input{
    width: 100%;
    font-size: 14px;
    background: #fff;
    border: 2px solid #bd81b4;
    border-radius: 5px;
    padding: 10px;
}

.peachAsjSearch .box .btn {
    text-align: center;
}

.peachAsjSearch .box .btn > * {
    width: 250px;
    max-width: 100%;
    color: #fff;
    background: url(/import/tenant_1/www.wbf.co.jp/oka/special/img/search_ico.png) center right 10px no-repeat;
    background-color: #9d308d;
    background-size: 25px;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 10px;
}

@media (max-width: 1024px) {
    .peachAsjSearch .box {
        padding: 20px;
    }
}

@media (max-width: 599px) {
    .peachAsjSearch .box {
        padding: 20px 10px;
    }

    .peachAsjSearch .box dt {
        font-size: 14px;
        margin-right: 0;
        margin-bottom: 5px;
    }
    
    .peachAsjSearch .box .btn {
      margin-top: 10px;
    }
}

.tourLink li a.dp:after{
  display: none;
}
.tourLink li a.dp {
  background:none;
  padding: 0;
}
.tourLink li a.dp span.hatsu{
  background: #9d308d;
  position: relative;
  display: block;
  width: 100%;
  border-radius: 5px;
  padding: 10px 0;
}
.tourLink li a.dp span.hatsu:after{
  content: "\f0a9";
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  position: absolute;
  right: 10px;
}
.tourLink li a.dp .info{
  font-size: 12px;
  color: #000;
}
.footerMain .item h4,.footerMain .item ul{
  background: none;
}