@charset "UTF-8";
/* pc <--> sp
-------------------------------------- */
#mediaQuery { display: none; font-family: 'sp'; }

@media all and (min-width: 768px) { #mediaQuery { font-family: 'pc'; } }

@media all and (max-width: 767px) { .viewPc { display: none !important; } }

@media all and (min-width: 768px) { .viewSp { display: none !important; } }

/* clearfix
-------------------------------------- */
.cf:after { content: ''; display: block; clear: both; }

/*  #container
================================================ */
#container { padding-bottom: 35px; font-size: 14px; font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif; font-weight: 500; background: url("../img/bg01.png"); background-size: 4px; }

@media all and (min-width: 768px) { #container { overflow: hidden; padding-bottom: 48px; background-size: 8px; } }

#container img { width: 100%; height: auto; }

#container .alpha { display: block; text-decoration: none; }

@media all and (min-width: 768px) { #container { font-size: 16px; }
  #container img { width: auto; }
  #container .alpha { -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  #container .alpha:hover { opacity: .7; } }

/* #mainVisual
================================================ */
@media all and (min-width: 768px) { #mainVisual { position: relative; padding-bottom: 137px; }
  #mainVisual .inner { position: relative; max-width: 1000px; width: 100%; height: 550px; margin: auto; padding: 101px 0 0; }
  #mainVisual .areaImg { background: #fdda19 url("../img/bg_mv01.png") no-repeat center top/1366px; }
  #mainVisual .areaImg .img { position: absolute; z-index: 2; }
  #mainVisual .areaImg .img01 { bottom: 77px; left: -114px; width: 301px; }
  #mainVisual .areaImg .img02 { bottom: 122px; right: -120px; width: 358px; }
  #mainVisual .copy { position: relative; z-index: 3; margin: auto; max-width: 582px; } }

/*  #mainVisual .lNavi
================================================ */
#mainVisual .lNavi .list { display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: center; -webkit-box-pack: justify; -ms-flex-pack: justify; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#mainVisual .lNavi .list li { width: 33.333%; }

@media all and (min-width: 768px) { #mainVisual .lNavi { position: absolute; bottom: 0; left: 50%; max-width: 1000px; width: 100%; height: 130px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); }
  #mainVisual .lNavi .list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 33px 0; }
  #mainVisual .lNavi .list li { width: auto; margin: 10px 30px; } }

/*  #mainVisual .search
================================================ */
#mainVisual .search { padding: 15px 18px 0; }

#mainVisual .search .formIn { padding: 20px 22px; background: #358810; }

#mainVisual .search .formIn .list .item { position: relative; overflow: hidden; height: 52px; border-radius: 2px; background: #fff;width: 100%; }

#mainVisual .search .formIn .list .item + .item { margin-top: 5px; }

#mainVisual .search .formIn .list .item:before { position: absolute; content: ''; top: 50%; right: 10px; width: 18px; height: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/ico_main_calendar01.png) no-repeat 50% 50%/cover; }

#mainVisual .search .formIn .list .item03:before { background-image: url(../img/ico_main_marker01.png); }

#mainVisual .search .formIn .list .item .label { position: absolute; top: 50%; left: 21px; color: #666666; font-weight: 700; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }

#mainVisual .search .formIn .list .item input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 100%; padding: 0 48px 0 82px; background: none; box-sizing: border-box; font-size: 18px; }

#mainVisual .search .formIn .submit { width: 140px; height: 45px; margin: 24px auto 0; }

#mainVisual .search .formIn .submit input { display: block; width: 100%; height: 100%; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; outline: 0; background: #f53d7e; color: #fff; font-weight: bold; }

@media all and (min-width: 768px) { #mainVisual .search { padding: 30px 18px; position: absolute; bottom: 187px; left: 50%; width: 100%; max-width: 919px; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); padding: 0; margin: 0 0 0 -20px; }
  #mainVisual .search .formIn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 14px 14px 14px 55px; }
  #mainVisual .search .formIn .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: calc(100% - 106px); }
  #mainVisual .search .formIn .list .item { position: relative; overflow: hidden; height: 52px; border-radius: 2px; background: #fff; margin-right: 8px; width: 240px; }
  #mainVisual .search .formIn .list .item + .item { margin-top: 0; }
  #mainVisual .search .formIn .list .item:before { position: absolute; content: ''; top: 50%; right: 20px; width: 18px; height: 20px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background: url(../img/ico_main_calendar01.png) no-repeat 50% 50%/cover; }
  /*#mainVisual .search .formIn .list .item03 { margin: 0 0 0 10px; }*/
  #mainVisual .search .formIn .list .item03:before { background-image: url(../img/ico_main_marker01.png); }
  #mainVisual .search .formIn .list .item .label { position: absolute; top: 50%; left: 21px; color: #b2b2b2; font-size: 14px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; }
  #mainVisual .search .formIn .list .item input { display: block; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: 100%; height: 52px; padding: 0 48px 0 82px; background: none; box-sizing: border-box; font-size: 18px; }
  #mainVisual .search .formIn .submit { width: 90px; height: 52px; margin: 0; }
  #mainVisual .search .formIn .submit input { display: block; width: 100%; height: 100%; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; outline: 0; background: #f53d7e; color: #fff; cursor: pointer; } }

/*  #legoland
================================================ */
#legoland .inner { padding: 0 25px 33px; }

#legoland .areaTxt { line-height: 1.36; }

#legoland .areaTxt .tit { margin: 0 -1px; text-align: center; }

#legoland .areaTxt .tit img { max-width: 327px; }

#legoland .areaTxt .txt { margin-top: 20px; letter-spacing: 0; }

#legoland .img { margin: 15px -5px 0 -35px; }

@media all and (min-width: 768px) { #legoland .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; max-width: 1000px; padding: 30px 0 33px; margin: auto; }
  #legoland .areaTxt { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 52.3%; padding: 0 55px 0 0; line-height: 1.88; }
  #legoland .areaTxt .tit { margin: 0 -3px 0 -2px; text-align: left; }
  #legoland .areaTxt .tit img { width: 100%; max-width: 473px; }
  #legoland .areaTxt .txt { margin-top: 30px; }
  #legoland .img { width: 47.7%; margin: 0; }
  #legoland .img:after { content: ""; display: block; clear: both; }
  #legoland .img img { float: right; margin: 0 27px 0 0; } }

/*  #plan
================================================ */
#plan .inner { padding: 33px 25px; }

#plan .leadTxt .tit { font-weight: bold;font-size: 24px; }

#plan .leadTxt .tit img { max-width: 245px; }

#plan .leadTxt .txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 12px; font-size: 13px; line-height: 1.38; }

#plan .leadTxt .txt .cel { width: 100%; }

#plan .leadTxt .txt .logo { width: 110px; }

#plan .list { margin-top: 22px; text-align: center; }

#plan .list .tit { width: 75px; }

#plan .list .contentWrap { padding: 18px 7px 7px; box-shadow: 1px 1px 3px #c2c2c2; }
#plan .list .contentWrap a {
  display: block;
  color: inherit;
  text-decoration: none;
}
#plan .list li + li { margin-top: 16px; }

#plan .list .plan01 .contentWrap { background: #257ada; }

#plan .list .plan02 .contentWrap { background: #028f1d; }

#plan .list .plan03 .contentWrap { background: #d2762c; }

#plan .list .content { padding: 16px 20px 12px; background: #fff; border-radius: 3px; }

#plan .list .label { max-width: 230px; margin: auto; padding-top: 1px; border-radius: 10px; color: #fff; font-size: 13px; font-weight: 700; background: #f53d7e; }

#plan .list .name { padding: 8px; border-bottom: 2px dotted; font-size: 16px; font-weight: 700; }

#plan .list .img { margin: 10px 0 0; font-size: 13px; line-height: 1.2; }

#plan .list .img img { width: 180px; }

#plan .list .img figcaption { margin-top: 6px; font-weight: 700; margin-bottom: 16px;}

@media all and (min-width: 768px) { #plan .inner { max-width: 1000px; padding: 15px 0 70px; margin: auto; }
  #plan .leadTxt .tit { font-size: 36px; }
  #plan .leadTxt .tit img { max-width: 356px; }
  #plan .leadTxt .txt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 657px; margin-top: 12px; font-size: 16px; line-height: 1.88; }
  #plan .leadTxt .txt .logo { width: 140px; }
  #plan .leadTxt .txt .logo img { width: 100%; }
  #plan .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 12px -8px 0; }
  #plan .list .tit { width: 118px; }
  #plan .list .contentWrap { height: calc(100% - 76px); padding: 28px 11px 11px 9px; }
  #plan .list li { width: calc(33.333% - 16px); margin: 0 8px; }
  #plan .list li + li { margin-top: 0; }
  #plan .list .content { height: 100%; padding: 26px 29px 20px; }
  #plan .list .label { max-width: 252px; padding-top: 2px; border-radius: 14px; font-size: 15px; }
  #plan .list .name { padding: 11px; font-size: 20px; }
  #plan .list .img { font-size: 16px; line-height: 1.5; }
  #plan .list .img img { max-width: 204px; }
  #plan .list .img figcaption { margin: 20px -25px 22px; letter-spacing: 0; } }

/*  #about
================================================ */
#about .inner { padding: 32px 18px; }

#about .tit { text-align: right; }

#about .tit img { max-width: 309px; }

#about .content { margin-top: 15px; padding: 21px 18px 25px; background: #fdda19; }

#about .copy { font-size: 16px; font-weight: 700; line-height: 1.33; }

#about .img { width: 172px; margin: 25px auto 0; }

#about figcaption { margin-top: 13px; font-size: 13px; line-height: 1.62; }

#about figcaption li { padding-left: 20px; background: url("../img/ico_check01.png") no-repeat 0 3px/15px; }

#about .btn { display: block; margin: 8px 0 0; padding: 0; border: 0; text-align: left; }

#about .btn a { position: relative; display: block; margin: 0; padding: 5px 14px 4px; color: #f53d7e; border: 1px solid; font-size: 13px; font-weight: 700; border-radius: 2px; white-space: normal; }

#about .btn a:after { position: absolute; top: 50%; right: 15px; margin-top: -4px; content: ""; display: block; width: 6px; height: 8px; background: url("../img/ico_arw01.png") no-repeat center/contain; }

#about .txt { line-height: 1.36; }

@media all and (min-width: 768px) { #about .inner { max-width: 1000px; margin: auto; padding: 15px 0 44px; }
  #about .tit img { max-width: 384px; }
  #about .content { margin-top: 18px; padding: 36px 70px 34px 85px; }
  #about .copy { font-size: 20px; line-height: 1.6; letter-spacing: .065em; }
  #about figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 22px 0 0; }
  #about .img { width: 45%; margin: 0; text-align: center; padding: 0 48px 0 0; }
  #about .img img { max-width: 225px; }
  #about figcaption { width: calc(100% - 45%); margin-top: 0; font-size: 16px; }
  #about figcaption li { padding-left: 40px; background-size: 22px; }
  #about figcaption li + li { margin-top: 5px; }
  #about .btn { margin: 14px 0 0; padding: 0 15px 0 10px; }
  #about .btn a { padding: 9px 24px 8px 16px; font-size: 16px; }
  #about .btn a:after { right: 17px; margin-top: -6px; width: 10px; height: 12px; }
  #about .txt { margin-top: 26px; line-height: 1.63; } }

/*  #seaLife
================================================ */
#seaLife .inner { padding: 32px 18px; }

#seaLife .tit img { max-width: 265px; }

#seaLife .content { overflow: hidden; margin-top: 15px; padding: 27px 18px 22px; background: #27348b; color: #fff; line-height: 1.36; }

#seaLife figure { margin: 0; }

#seaLife figcaption { margin-top: 20px; }

#seaLife .btn { display: block; margin: 8px 0 0; padding: 0; border: 0; text-align: left; }

#seaLife .btn a { position: relative; display: block; margin: 0; padding: 5px 14px 4px; color: #f53d7e; border: 1px solid; font-size: 13px; font-weight: 700; border-radius: 2px; white-space: normal; }

#seaLife .btn a:after { position: absolute; top: 50%; right: 15px; margin-top: -4px; content: ""; display: block; width: 6px; height: 8px; background: url("../img/ico_arw01.png") no-repeat center/contain; }

#seaLife .sliderWrap { margin: 36px -18px 0; }

#seaLife .sliderWrap .item { padding: 0 1px; }

#seaLife .sliderWrap .slick-arrow { width: 23px; height: 32px; background: #fff url("../img/ico_arw01.png") no-repeat center/6px; z-index: 2; }

#seaLife .sliderWrap .slick-arrow:before { display: none; }

#seaLife .sliderWrap .slick-prev { left: 0; border-radius: 0 5px 5px 0; background-image: url("../img/ico_arw01_reverse.png"); }

#seaLife .sliderWrap .slick-next { right: 0; border-radius: 5px 0 0 5px; }

#seaLife .txt { margin-top: 20px; text-align: center; font-size: 10px; line-height: 1.4; }

@media all and (min-width: 768px) { #seaLife .inner { max-width: 1000px; margin: auto; padding: 0; }
  #seaLife .tit img { max-width: 314px; }
  #seaLife .content { margin-top: 18px; padding: 36px 84px 52px; line-height: 1.63; }
  #seaLife figure { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; }
  #seaLife .img { width: calc(50% - 45px); padding-top: 5px; }
  #seaLife .img img { width: 100%; }
  #seaLife figcaption { width: calc(50% + 45px); margin-top: 0; padding: 0 0 0 20px; }
  #seaLife .btn { margin: 16px 0 0; }
  #seaLife .btn a { padding: 9px 24px 8px 16px; font-size: 16px; }
  #seaLife .btn a:after { right: 18px; margin-top: -6px; width: 10px; height: 12px; }
  #seaLife .sliderWrap { position: relative; margin: 54px 0 0; }
  #seaLife .sliderWrap:before, #seaLife .sliderWrap:after { position: absolute; top: 50%; content: ""; display: block; width: 24px; height: 48px; margin-top: -24px; border-radius: 2px; }
  #seaLife .sliderWrap:before { left: -24px; }
  #seaLife .sliderWrap:after { right: -24px; }
  #seaLife .sliderWrap .item { padding: 0 2px; }
  #seaLife .sliderWrap .item img { width: 100%; }
  #seaLife .sliderWrap .slick-arrow { width: 22px; height: 34px; }
  #seaLife .sliderWrap .slick-prev { left: 0; background-image: url("../img/ico_arw01_reverse.png"); }
  #seaLife .sliderWrap .slick-next { right: 0; }
  #seaLife .txt { margin-top: 46px; } }


#plan .btn { width: 215px; margin: auto; padding: 0; }
#plan .btn a { display: block; padding: 5px 0; background: #f53d7e; color: #fff !important; font-size: 13px; text-decoration: none; }

/* ================================
追加
================================ */
.form-control{
  width: 100%;
  padding: 14px 10px;
  cursor: pointer;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  height: auto;
  background: #fff;
  border-radius: 3px;
  display: block;
}
.search .formIn .submit button { display: block; width: 100%; height: 100%; border-radius: 2px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 0; outline: 0; background: #f53d7e; color: #fff; cursor: pointer; } }
@media all and (max-width: 992px) {
  .search{
    padding: 0 15px;
  }
  .formIn { padding: 20px 22px; background: #955fe5; }
  .formIn .list .item{
    position: relative;
  }
  .formIn .item01,
  .formIn .item02{
    margin-bottom: 5px;
  }
  .formIn .item01{
    width: 49%;
    float: left;
  }
  .formIn .item02{
    width: 49%;
    float: right;
  }
  .formIn .item03{
    clear: both;
  }
  .formIn .submit{
    width: 140px;
    height: 45px;
    margin: 24px auto 0;
  }
  .formIn .submit button{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    outline: 0;
    background: #f53d7e;
    color: #fff;
    font-weight: bold;
  }
  .formIn .list .item:before{
    position: absolute;
    content: '';
    top: 50%;
    right: 10px;
    width: 18px;
    height: 20px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(../img/ico_main_calendar01.png) no-repeat 50% 50%/cover;
  }
  .formIn .list .item03:before{
    background-image: url(../img/ico_main_marker01.png);
  }
}


/* TimeSale(水Wバナー)
--------------------------------------------------------- */
.wed-timesale {
	width: 70%;
	margin: 0 15% 40px;
	text-align: center;
}
@media (max-width: 767px) {
	.wed-timesale {
		width: 100%;
		margin: 0 0 40px;
		padding: 0 10px;
	}
}
.wed-timesale img {
	max-width: 100%;
	height: auto;
}

/* お知らせ
--------------------------------------------------------- */
dl.information {
    position: relative;
    border: 3px solid #EF5790;
    background: #FFF;
    margin:30px 0 40px 0;
    padding: 15px;
}
dl.information::before {
    position: absolute;
    top: -10px;
    left: -10px;
    width: 60px;
    height: 60px;
    background: url("/tour/campaign/legoland/img/icon-xmas.png") center / 60px no-repeat;
    content: "";
}
dl.information dt {
    display: block;
    margin-bottom: 15px;
    padding: 3px 8px;
    background: #EF5790;
    border-radius: 3px;
    color: #FFF;
    font-size: 14px;
    text-align: center;
}
dl.information dd {
    font-weight: bold;
    font-size: 14px;
}
dl.information dd a{
    color: #EF5790;
    text-decoration: underline;
}
@media (min-width: 768px) {
    dl.information {
        display: table;
        width: 100%;
        padding-left: 80px;
    }
    dl.information::before {
        top: -15px;
        left: -20px;
        width: 80px;
        height: 80px;
        background-size: 80px;
    }
    dl.information dt {
        display: table-cell;
        vertical-align: middle;
        padding-bottom: 0;
    }
    dl.information dd {
        display: table-cell;
        vertical-align: middle;
        padding-left: 15px;
    }
    dl.information dd a:hover{
        text-decoration: none;
    }
}


.wrap-hotelonly{
  background:#feebf2;
  padding: 10px 5px;
  margin:0 -29px;
}
.link-hotelonly{
  text-decoration: underline;
  font-size: 13px;
  width: 215px;
  margin: auto;
  padding: 0;
  position: relative;
}
.link-hotelonly:hover{
  text-decoration: none;
}
.link-hotelonly a{
  color: #f53d7e !important;
}
.link-hotelonly a:before{
  content: "";
  display: inline-block;
  margin-right: 10px;
  width:14px;
  height: 15px;
  background: url(/tour/campaign/legoland/img/img_plan01_2.png?20200428) no-repeat top left;
  background-size: cover;
  position: relative;
  top: 2px;
}
@media (max-width: 767px) {
.wrap-hotelonly{
  margin:0 -20px;
}
}




.acc-box{
  margin:15px auto;
}
.acc-box .card-header{
    padding:5px !important;
    background: #faf2dc !important;
    border-bottom:none;
}
#faq .acc-box .card-header{
    padding:0px !important;
    background: none !important;
}
.acc-box .card-header .title-acc{
    font-size: 14px;
    font-weight: bold;
    margin:0;
}
.acc-box .card-header .title-acc button{
    background: none;
    text-align: left;
    color: #dc3545;
    padding:5px 0 5px 60px;
    position: relative;
    line-height: 1.4;
    display: block;
    width: 100%;
    font-weight: bold;
}
.acc-box .card-header:first-child{
    border-radius: 0;
}
.acc-box .card{
    border-radius: 0;
    border: 1px solid #efe1bb;
    border-bottom: 1px solid #efe1bb;
}
/*.acc-box .card + .card{
  border-bottom: 1px solid #efe1bb;
}*/
.acc-box .card-body{
    padding:5px 10px !important;
    background: #fffcf4;
    margin-bottom: 0;
    border-radius: 0;
}
.acc-box .card-body p{
  line-height: 1.6 !important;
    font-size: 14px !important;
    color: #555;
}
.acc-box .card-header button:after {
    margin-left: 10px;
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;

}
.acc-box .card-header button.collapsed:after {
    content: "\f078";
}
.acc-box .label{
    margin-right: 10px;
    position: absolute;
    top: 6px;
    left: 0;
    padding: 3px 4px 2px;
    font-weight: normal;
    background-color: #b9923b;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
    display: inline;
    font-size: 75%;
    line-height: 1;
}
.collapse.in{
    display: block;
}
@media (max-width: 767px) {
.acc-box .card-header button:after {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-left: 0;
    right: 0px;
}
.acc-box .card-header .title-acc button{
    padding:0 10px 0 60px;
}
.acc-box .label{
  top: 1px;
}
}


.modal-body .collapse-btn:before{
  font-family: "Font Awesome 5 Free" !important;
  font-weight: 900 !important;
  content: "\f0fe" !important;
  top: 50%;
  transform: translate(0, -50%);
  margin:0 !important;
}
.modal-body .collapse-btn[aria-expanded="false"]:before{
  content: "\f0fe" !important;
}
.modal-body .collapse-btn[aria-expanded="true"]:before {
    content: "\f146" !important;
}
.departure-list01 a:after, .departure-list02 a:after, .departure-list03 a:after, .airport-list01 a:after {
    content: "\f054" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
}


#areaselect{
}
#areaselect .inner { padding: 33px 25px; }
#areaselect .leadTxt .tit { font-weight: bold;font-size: 24px;margin-bottom: 16px; }
@media all and (min-width: 768px) {
  #areaselect .inner { max-width: 1000px; padding: 15px 0 70px; margin: auto; }
  #areaselect .leadTxt .tit { font-size: 36px; }
}

.search-box{
  position:relative;
  padding:20px 20px;
  background:#fff;
  box-shadow: 1px 1px 3px #c2c2c2;

  overflow:hidden;
}
.nav-tabs.nav-dep{
  width: 100%;
  justify-content: space-between;
  border-bottom: 3px solid #eee;
}
.nav-tabs .nav-link{
  border: none;
}
.nav-dep > li{
  flex: 1;
  display: flex;
  width: 100%;
}
.nav-dep > li a.nav-link{
  text-align: center;
  padding: 18px 0;
  display: flex;
  width: 100%;
  color: #fff;
  align-items: center;
  justify-content: center;
  background: #fafafa;
  border: solid 2px #fff;
  border-bottom: none;
}
.nav-dep > li a.nav-link:hover,
.nav-dep > li a.nav-link.active{
  border: solid 2px #fff;
  border-bottom: none;
}
.nav-dep > li.nav-item-tokai a.nav-link{
  color: #ef3c4d;
}
.nav-dep > li.nav-item-kansai a.nav-link{
  color: #f68732;
}
.nav-dep > li.nav-item-hokuriku a.nav-link{
  color: #9435b8;
}
.nav-dep > li.nav-item-tohoku a.nav-link{
  color: #4db8f0;
}
.nav-dep > li.nav-item-chugoku a.nav-link{
  color: #9ba61d;
}
.nav-dep > li.nav-item-kyushu a.nav-link{
  color: #f54b6b;
}
.nav-dep > li.nav-item-kanto a.nav-link{
  color: #1a2975;
}
.nav-dep .nav-item.show.nav-item-tokai a.nav-link,
.nav-dep .nav-item-tokai .nav-link.active{
  background: #ef3c4d;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-kansai a.nav-link,
.nav-dep .nav-item-kansai .nav-link.active{
  background: #f68732;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-hokuriku a.nav-link,
.nav-dep .nav-item-hokuriku .nav-link.active{
  background: #9435b8;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-tohoku a.nav-link,
.nav-dep .nav-item-tohoku .nav-link.active{
  background: #4db8f0;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-chugoku a.nav-link,
.nav-dep .nav-item-chugoku .nav-link.active{
  background: #9ba61d;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-kyushu a.nav-link,
.nav-dep .nav-item-kyushu .nav-link.active{
  background: #f54b6b;
  color: #fff;
}
.nav-dep .nav-item.show.nav-item-kanto a.nav-link,
.nav-dep .nav-item-kanto .nav-link.active{
  background: #1a2975;
  color: #fff;
}
.tab-deplink{
  padding-top: 12px;
  margin-bottom: 24px;
}
.ul-depselect{
  display: flex;
  /*background: #fafafa;*/
}
.ul-header{
  position: sticky;
  top: 0;
}
.ul-depselect > li{
  padding: 0;
}
.ul-depselect > li a:hover{
  text-decoration: none;
}
.ul-depselect + .ul-depselect{
  border-top: 1px dotted #ccc;
}
.li-dep-name{
  width: 15%;
  display: flex;
}
.li-dep-name a{
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 12px;
  width: 100%;
}
.li-dep-name a:after{
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 80%;
  margin-left: 12px;
}
.li-dep-name.list-area-tohoku a{
  color: #4db8f0;
  border-left: 5px solid #4db8f0;
}
.li-dep-name.list-area-hokuriku a{
  color: #9435b8;
  border-left: 5px solid #9435b8;
}
.li-dep-name.list-area-tokai a{
  color: #ef3c4d;
  border-left: 5px solid #ef3c4d;
}
.li-dep-name.list-area-kansai a{
  color: #f68732;
  border-left: 5px solid #f68732;
}
.li-dep-name.list-area-chugoku a{
  color: #9ba61d;
  border-left: 5px solid #9ba61d;
}
.li-dep-name.list-area-shikoku a{
  color:#66aa2f;
  border-left: 5px solid #66aa2f;
}
.li-dep-name.list-area-kyushu a{
  color:#f54b6b;
  border-left: 5px solid #f54b6b;
}
.li-dep-name.list-area-kanto a{
  color:#1a2975;
  border-left: 5px solid #1a2975;
}
.li-dep{
  width: 28.33%;
  text-align: right;
  border-left: dotted 1px #ccc;
}
.li-dep-empty{}
.li-dep .wrap-price .num {
    font-size: 20px;
    font-weight: bold;
    color: #F14482;
}
.li-dep .wrap-price .num.min:after {
    content: "～";
    font-size: 12px;
    margin-right: 3px;
}
.li-dep .wrap-price .num.onlybus:after {
    content: "円～";
    font-size: 12px;
    margin-right: 3px;
}
.li-dep .wrap-price .num.max:after {
    content: "円";
    font-size: 12px;
}
.li-dep a{
  padding: 12px 12px 10px 12px;
  display: block;
}
.li-dep a:hover{
  color: #fff;
  background: red;
}
.li-dep a:hover .wrap-price .num{
  color: #fff;
}
.li-dep a .wrap-price{
  display: inline-block;
}
.li-dep a:before{
  display: block;
  text-align: left;
}
.li-bus1pass a:before{
  content: "片道バス＋1DAYパスポート";
  font-size: 12px;
  color: #333;
}
.li-bus2pass a:before{
  content: "往復バス＋1DAYパスポート";
  font-size: 12px;
  color: #333;
}
.li-hotel a:before{
  content: "往復バス＋1DAYパスポート＋宿泊";
  font-size: 12px;
  color: #333;
}
.li-dep a:hover:before{
  color: #fff;
}
@media (max-width: 767px) {
.search-box{
  padding: 6px;
}
.ul-depselect{
  display: block;
  position: relative;
}
.nav-dep > li a.nav-link{
  font-size: 14px;
}
.ul-depselect > li a{
  padding: 6px 24px 6px 6px;
  position: relative;
}
.li-dep-name{
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  height: 100%;
  background: none;
  display: block;
}
.li-dep{
  width: calc(100% - 80px) ;
  text-align: right;
  margin: 0 0 0 auto;
  border-left: none;
}
/*.li-dep-set{
  width: calc(100% - 80px) ;
  text-align: right;
  margin: 0 0 0 auto;
  border-top: 1px dotted #ccc;
  border-left: none;
  border-right: none;
}*/
.li-dep-empty{
  display: none;
}
.li-dep + .li-dep{
  border-top: dotted 1px #ccc;
}
.ul-depselect + .ul-depselect{
  border-top: none;
  margin-top: 12px;
}
.li-dep-name a:after{
  margin-left: 0;
  position: absolute;
  right: 5px;
}
.ul-depselect > li.li-dep-name a{
  padding: 3px;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  display: flex;
  color: #fff;
  border-radius: 5px 0 0 5px;
  font-size: 14px;
  text-align: center;
}
.li-dep-name.list-area-tohoku a{
  background: #4db8f0;
  border-left: none;
}
.li-dep-name.list-area-hokuriku a{
  background: #9435b8;
  border-left: none;
}
.li-dep-name.list-area-tokai a{
  background: #ef3c4d;
  border-left: none;
}
.li-dep-name.list-area-kansai a{
  background: #f68732;
  border-left: none;
}
.li-dep-name.list-area-chugoku a{
  background: #9ba61d;
  border-left: none;
}
.li-dep-name.list-area-shikoku a{
  background:#66aa2f;
  border-left: none;
}
.li-dep-name.list-area-kyushu a{
  background:#f54b6b;
  border-left: none;
}
.li-dep-name.list-area-kanto a{
  background:#1a2975;
  border-left: none;
}
.li-dep a:after{
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 6px;
  transform: translate(0, -50%);
  color: #F14482;
  font-size: 12px;
}
.li-bus1pass a:before,
.li-bus2pass a:before,
.li-hotel a:before{
  margin-right: 0px;
}
}