@charset "UTF-8";

.main .shopItemMenu .category .list {
  justify-content: flex-start;
}

/** news */
.main .shopItemMenu .news .list .item .text {
  width: calc(100% - 1.18rem);
}

/** category */
.main .shopItemMenu .category .list figcaption {
  padding: 1em 0;
}

/** tag */
.main .shopItemMenu .tags .list {
  display: flex;
  justify-content: center;
  margin: 0.4rem 0 0;
}
.main .shopItemMenu .tags .list li {
  margin: 0 0.1rem;
    min-width: 2.2rem;
    width: auto;
}
.main .shopItemMenu .tags .list a {
  display: block;
  background: #ddd;
  border-radius: 0.22rem;
  font-size: 0.16rem;
  font-weight: 700;
  line-height: 0.44rem;
  text-align: center;
}

@media screen and (max-width: 750px) {

  .main .shopItemMenu .tags .inner {
    margin: 0.24rem 0 0;
    padding: 0 0 0.44rem;
    overflow-x: scroll;
  }

  .main .shopItemMenu .tags .list {
    width: 18.16rem;
    margin: 0;
    padding: 0 0.06rem 0 0.3rem;
  }

  .main .shopItemMenu .tags .list li {
    width: 2.75rem;
    margin: 0.2rem 0.24rem 0 0;
  }
  .main .shopItemMenu .tags .list a {
    border-radius: 0.3rem;
    font-size: 0.25rem;
    font-weight: 400;
    line-height: 0.6rem;
  }

}

body.item .main .detail .oparation .date .calendar {
  z-index: 1;
}


body.item .main .detail .oparation .time {
  position: relative;
}
body.item .main .detail .oparation .time.active {
  cursor: default;
}


body.item .main .detail .oparation .time .calendar .today:hover {
  cursor: pointer;
  background-color: #cd2d2d;
  color: #fff;
}
body.item .main .detail .oparation .time .calendar .today .active {
  background-color: #cd2d2d;
  color: #fff;
}




body.item .main .detail .oparation .time input {
  position: absolute;
  inset: 0;
  opacity: 0;
}
body.item .main .detail .oparation .time .calendar {
  display: none;
  width: 3.4rem;
  padding: 0.3rem 0 0.15rem;
  position: absolute;
  top: 100%;
  left: 50%;
  background: #fff;
  font-weight: 400;
  box-shadow: inset 0 0 0 1px #c5c5c5;
  transform: translate(-50%);
  z-index: 1;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar {
    width: 6.6rem;
    padding: 0.6rem 0 0.3rem;
  }
}
body.item .main .detail .oparation .time .calendar .month {
  color: #6e6e6e;
  font-size: 0.16rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .month {
    font-size: 0.32rem;
  }
}
body.item .main .detail .oparation .time .calendar .dayOfWeek,
body.item .main .detail .oparation .time .calendar .day {
  display: flex;
  width: 3.15rem;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .dayOfWeek,
body.item .main .detail .oparation .time .calendar .day {
    width: 6.3rem;
  }
}
body.item .main .detail .oparation .time .calendar .dayOfWeek .sat,
body.item .main .detail .oparation .time .calendar .day .sat {
  color: #00aaff;
}
body.item .main .detail .oparation .time .calendar .dayOfWeek .sun,
body.item .main .detail .oparation .time .calendar .dayOfWeek .holiday,
body.item .main .detail .oparation .time .calendar .day .sun,
body.item .main .detail .oparation .time .calendar .day .holiday {
  color: #ff6ea0;
}
body.item .main .detail .oparation .time .calendar .dayOfWeek {
  margin: 0.3rem auto 0;
  color: #6e6e6e;
  font-size: 0.12rem;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .dayOfWeek {
    margin: 0.6rem auto 0;
    font-size: 0.24rem;
  }
}
body.item .main .detail .oparation .time .calendar .dayOfWeek div {
  width: 0.45rem;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .dayOfWeek div {
    width: 0.9rem;
  }
}
body.item .main .detail .oparation .time .calendar .day {
  flex-wrap: wrap;
  margin: 0 auto;
  color: #000;
}
body.item .main .detail .oparation .time .calendar .day button {
  width: 0.45rem;
  height: 0.45rem;
  margin: 0 0 0.05rem;
  border: none;
  padding: 0;
  background: transparent;
  border-radius: 0;
  color: inherit;
  font-size: 0.13rem;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .day button {
    width: 0.9rem;
    height: 0.9rem;
    margin: 0 0 0.1rem;
    font-size: 0.26rem;
  }
}
body.item .main .detail .oparation .time .calendar .day button:disabled {
  opacity: 0.5;
}
body.item .main .detail .oparation .time .calendar .day button.past {
  text-decoration: underline;
}
body.item .main .detail .oparation .time .calendar .day button.today {
  box-shadow: inset 0 0 0 1px #c5c5c5;
}
body.item .main .detail .oparation .time .calendar .day button.today:hover {
  cursor: pointer;
  background-color: #ff6ea0;
}

body.item .main .detail .oparation .time .calendar .day button.active {
  background: #cd2d2d;
  color: #fff;
}
body.item .main .detail .oparation .time .calendar .day.startAt2 button:first-of-type {
  margin-left: 0.45rem;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .day.startAt2 button:first-of-type {
    margin-left: 0.9rem;
  }
}
body.item .main .detail .oparation .time .calendar .day.startAt3 button:first-of-type {
  margin-left: 0.9rem;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .day.startAt3 button:first-of-type {
    margin-left: 1.8rem;
  }
}
body.item .main .detail .oparation .time .calendar .day.startAt4 button:first-of-type {
  margin-left: 1.35rem;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .day.startAt4 button:first-of-type {
    margin-left: 2.7rem;
  }
}
body.item .main .detail .oparation .time .calendar .day.startAt5 button:first-of-type {
  margin-left: 1.8rem;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .day.startAt5 button:first-of-type {
    margin-left: 3.6rem;
  }
}
body.item .main .detail .oparation .time .calendar .day.startAt6 button:first-of-type {
  margin-left: 2.25rem;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .day.startAt6 button:first-of-type {
    margin-left: 4.5rem;
  }
}
body.item .main .detail .oparation .time .calendar .day.startAt7 button:first-of-type {
  margin-left: 2.7rem;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .day.startAt7 button:first-of-type {
    margin-left: 5.4rem;
  }
}
body.item .main .detail .oparation .time .calendar .close {
  width: 0.56rem;
  height: 0.56rem;
  border: none;
  padding: 0;
  position: absolute;
  top: 0;
  right: 0;
  background: url(https://beautifuldaytours.jp/wasabi/assets/imgs/close.svg) 50% 50%/0.2rem auto no-repeat;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .time .calendar .close {
    width: 1.12rem;
    height: 1.12rem;
    background-size: 0.4rem auto;
  }
}


body.item .main .detail .oparation .disabled {
  color: #666;
  box-shadow: inset 0 0 0 0.02rem #666;
  background: none;
  cursor: not-allowed	;
}

body.item .main .detail .oparation .btn {
  width: 3.12rem;
}
@media screen and (max-width: 750px) {
  body.item .main .detail .oparation .btn {
    width: 5rem;
  }
}



div.narrowing .wrapper .tag .list {
  display: flex;
  flex-wrap: wrap;
  margin: 0.08rem -0.2rem 0 0;
}
div.narrowing .wrapper .tag .list .item {
  width: 1.9rem;
  margin: 0.2rem 0.2rem 0 0;
  position: relative;
}
div.narrowing .wrapper .tag .list .item span {
  display: block;
  background: #ddd;
  border-radius: 0.22rem;
  font-size: 0.16rem;
  font-weight: 700;
  line-height: 0.44rem;
  text-align: center;
}


div.narrowing .wrapper .tag .list .item input {
  position: absolute;
  top: 0;
  left: 0;
}
div.narrowing .wrapper .tag .list .item input:checked + span {
  background-color: #ed4243;
  color: #fff;
}


div.narrowing .wrapper .category .list .item input {
  position: absolute;
  top: 0;
  left: 0;
}
div.narrowing .wrapper .category .list .item input:checked + span {
    border: 4px solid #ed4243;
}

.prev,
.next {
  color: #cd2d2d;
}

.prev:hover,
.next:hover {
  opacity: .7;
  cursor: pointer;
}



.gFooter .navigation {
  padding: 0.16rem 0 0;
}
.gFooter .navigation .list {
  display: flex;
  justify-content: center;
  margin: 0.24rem 0 0;
  font-size: 0.14rem;
  line-height: 1;
}
.gFooter .navigation .list li + li {
  margin: 0 0 0 1em;
  border-left: 1px solid currentColor;
  padding: 0 0 0 1em;
}

.main .shopItemMenu .location .list {
    display: flex;
    justify-content: flex-start;
    margin: 0.4rem 0 0;
    flex-wrap: wrap;
}

.main .shopItemMenu .location .list li {
    min-width: 1.2rem;
    width: auto;
    margin-bottom: 0.2rem;
}


.main .shopItemMenu .location .list a.online {
  display: block;
  background: #fff;
  color: #ff003c;
  box-shadow: inset 0 0 0 0.03rem #ff003c;
    padding: 0 0.2rem;
}


@media screen and (max-width: 750px) {
    .main .shopItemMenu .location .list {
        width: 8.7rem;
    }

    .main .shopItemMenu .location .list li {
        width: 1.8rem;
    }

}


.main .shopItemMenu .tags .list {
    justify-content: flex-start;
    flex-wrap: wrap;
}
.main .shopItemMenu .tags .list li {
    margin-bottom: 0.2rem;
}

.main .tags .cat--03 {
    background: #fff;
    color: #ff003c;
    box-shadow: inset 0 0 0 0.01rem #ff003c;
}

body.home .slider .slick-slide img {
    display: block;
    height: 420px;
    object-fit: cover;
    width: 100%;
}
body.home .thumnail .slick-slide img {
    display: block;
    height: 100px;
    object-fit: cover;

    width: 100%;
}

@media screen and (max-width: 750px) {
    body.home .slider .slick-slide img {
        height: 250px;
    }
    body.home .thumnail .slick-slide img {
        height: 50px;
    }
}

body.item .slider .slick-slide img {
    display: block;
    /*height: 420px;*/
    height: 367px;
        object-fit: contain;
    object-fit: cover;
    width: 100%;
}
body.item .thumnail .slick-slide img {
    display: block;
    height: 78px;
    object-fit: cover;
    width: 100%;
}

@media screen and (max-width: 750px) {
    body.item .slider .slick-slide img {
        min-height: 260px;
        height: auto;
        /*height:auto;*/
    }
    body.item .thumnail .slick-slide img {
            height: 50px;
    }
    body.item .main .headline .mainVisual .slider {
        width: auto;
        /* margin: 0.4rem 0 0; */
        margin:0;
    }
}



body.item .main .headline .mainVisual .movie iframe {
  height: 367px;
}
@media screen and (max-width: 750px) {
    body.item .main .headline .mainVisual .movie iframe {
        min-height: 260px;
        height: auto;
    }
}

/*
body.home .main .intro .catch .text {
    font-size: 0.52rem;
}
*/

.gHeader .operation .location {
    font-weight: bold;
    font-size: 1.8em;
}
.gHeader .operation .category  {
    font-weight: bold;
    font-size: 1.8em;
}
.gHeader .operation .location .menu li a, .gHeader .operation .category .menu li a {
    font-size: 0.2rem;
}

body.home.ja .main .intro .catch .text {
    /*font-size: 0.38rem;*/
    margin: 0.22rem 0 0;
}


@media screen and (max-width: 750px) {
    body.item .main .data dt {
        width: 1.6rem;
        padding-left: 0.18rem;
    }
    body.item .main .data dd {
        width: calc(100% - 1.6rem);
    }

}
body.item .main .detail .oparation .date .calendar .month {
    font-size: 0.19rem;
}

body.item .main .detail .oparation .date .calendar .dayOfWeek {
    font-size: 0.19rem;
}

body.item .main .detail .oparation .date .calendar .day button.today {
    box-shadow: inset 0 0 0 1px #c5c5c5;
    border-radius: 50%;
}
body.item .main .detail .oparation .date .calendar .day button.active {
    background: #cd2d2d;
    color: #fff;
    border-radius: 50%;
}
body.item .main .detail .oparation .date .calendar .day button.past {
    text-decoration: none;
    font-size: 0.19rem;
}

body.item .main .detail .oparation .date .calendar .dayOfWeek .sun, body.item .main .detail .oparation .date .calendar .dayOfWeek .holiday, body.item .main .detail .oparation .date .calendar .day .sun, body.item .main .detail .oparation .date .calendar .day .holiday {
        color: inherit;
    font-size: 0.19rem;
}
body.item .main .detail .oparation .date .calendar .dayOfWeek .sat, body.item .main .detail .oparation .date .calendar .day .sat {
        color: inherit;
    font-size: 0.19rem;
}

body.item .main .detail .oparation .date .calendar .day button:disabled {
    opacity: 0.2;
    font-size: 0.19rem;
}

@media screen and (max-width: 750px) {


    body.item .main .detail .oparation .date .calendar .month {
        font-size: 0.32rem;
    }

    body.item .main .detail .oparation .date .calendar .dayOfWeek {
        font-size: 0.32rem;
    }

    body.item .main .detail .oparation .date .calendar .day button.today {
        box-shadow: inset 0 0 0 1px #c5c5c5;
        border-radius: 50%;
    }
    body.item .main .detail .oparation .date .calendar .day button.active {
        background: #cd2d2d;
        color: #fff;
        border-radius: 50%;
    }
    body.item .main .detail .oparation .date .calendar .day button.past {
        text-decoration: none;
        font-size: 0.32rem;
    }

    body.item .main .detail .oparation .date .calendar .dayOfWeek .sun, body.item .main .detail .oparation .date .calendar .dayOfWeek .holiday, body.item .main .detail .oparation .date .calendar .day .sun, body.item .main .detail .oparation .date .calendar .day .holiday {
            color: inherit;
        font-size: 0.32rem;
    }
    body.item .main .detail .oparation .date .calendar .dayOfWeek .sat, body.item .main .detail .oparation .date .calendar .day .sat {
            color: inherit;
        font-size: 0.32rem;
    }

    body.item .main .detail .oparation .date .calendar .day button:disabled {
        opacity: 0.2;
        font-size: 0.32rem;
    }
}

body.item .main .review .post .data {
    display: flex;
    font-size: 0.16rem;
    font-weight: bold;
    line-height: 1;
    margin: 0;
}
body.item .main .review .post {
    margin: 0.15rem 0 0;
    border-bottom: 1px solid #dadada;
    padding: 0 0 0.15rem;
    position: relative;
}

@media screen and (max-width: 750px) {
    .gHeader .globalMenu .navigation .list dt, .gHeader .globalMenu .navigation .list dd {
        padding: 0 0 0 0.3rem;
        padding: 0;
    }
    .gHeader .globalMenu .navigation .list dt, .gHeader .globalMenu .navigation .list dd > a{
        display: inline-block;
        padding: 0 0 0 0.3rem;
        width:100%;
    }

    .gHeader .globalMenu .navigation .list dt, .gHeader .globalMenu .navigation .list dd > a:hover{
        background-color: #ff003c;
        color: #fff;
    }
}


@media screen and (max-width: 750px) {
    .main .shopItemMenu .category .list li {
        margin: 0 0.1rem;
        width: 1.65rem;
    }

    .main .shopItemMenu .category .list {
        /*width: auto;*/
        width: 14.14rem;
    }

    .main .shopItemMenu .category .list figcaption {
        padding: 0.5em 0 1em 0;
    }



}

.main .shopItemMenu .headline .catch {
    text-shadow: 1px 2px 3px #000;
}


@media screen and (max-width: 750px) {
body.search .main .itemList .list .item .tags {
    display: block;
}
.main .tags .cat {
padding: 0.06rem;
}
}


/** bdt add */
.gHeader .branding {
    width: 2.78rem;
    padding: 0.25rem 0 0;
}