@charset "utf-8";

#gNav,
#gNav .tabMenu li,
#headerArea .noteText,
.couponArea .couponText,
.linkArea.btn,
.red {
  text-align: center;
}

/*html {
  font-size: 62.5%
}*/

#fair {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  color: #333;
  line-height: 1.5em;
}

#fair a {
  display: block;
}

#fair img {
  width: 100%;
  zoom: 1;
  vertical-align: bottom;
}

#fair .contentsBox {
  padding: 0 3.1%;
}

#headerArea {
  margin: 0 0 10%;
}

#headerArea .titleArea.main {
  margin: 2px 0 0;
  background: #FFF;
}

#headerArea .titleArea.sub {
  margin: 1px 0 0;
}

#headerArea .noteText {
  color: #EB5176;
}

#headerArea .bannersArea {
  margin: 0 0 2.8%;
}

#headerArea .leadArea {
  margin: 2.2% 0 3.9%;
  color: inherit;
  font-weight: 400;
}

#headerArea .leadArea span {
  margin: 0 0 5px;
  font-size: 1.4rem;
  color: #ED1C24;
  font-weight: 700;
  text-align: center;
  display: block;
}

#headerArea .otherMenu {
  margin: 6% 3.1%;
}

#headerArea .selectMenu select {
  width: 100%;
  padding: 10px 8% 10px 10px;
  font-size: 1.4rem;
  border: 1px solid #CCC;
  background-image: url(/smp/common/img/kanto/icon/instruction/triangle_down_gray001.png);
  background-position: 98% 48%;
  background-repeat: no-repeat;
  background-size: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#headerArea .scheduleArea {
  margin: 5% 10%;
  display: none;
}

#breadcrumbArea .breadcrumbList>li,
#breadcrumbArea a,
#gNav .tabMenu li {
  display: inline-block;
}

#headerArea .linkArea.listText.search {
  width: auto;
  margin: 3% 3% 8%;
  padding: .5% 0;
  background: url(/smp/common/img/kanto/icon/instruction/arrow_down_gray001.png) 97% 50% no-repeat #E4E4E4;
  background-size: 18px 12px;
  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
  box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
}

#headerArea .linkArea.listText.search.newWindow {
  background: url(/smp/common/img/kanto/fair/common/icon/icon_box_darkgray001.png) 95% 50% no-repeat #E4E4E4;
  background-size: 15px 13px;
}

#headerArea .linkArea.listText.search.anchor {
  background: url(/smp/common/img/kanto/icon/instruction/arrow_down_gray001.png) 97% 50% no-repeat #E4E4E4;
  background-size: 15px auto;
}

#headerArea .linkArea.listText.search .linkText {
  background: url(/smp/common/img/kanto/fair/common/icon/icon_search.gif) 7px 50% no-repeat;
  background-size: 20px;
}

.modal .linkArea.list .linkText,
.titleArea.headlines {
  background-repeat: no-repeat;
  background-position: 5px 50%;
  background-size: 30px;
}

#headerArea .linkArea.listText.search a {
  padding: 12px 0 12px 35px;
  color: #333;
}

.red {
  color: red;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: 4%;
}

#breadcrumbArea {
  margin: 10px 5px;
  font-size: 1.2rem;
}

#breadcrumbArea a {
  text-decoration: underline;
}

#breadcrumbArea .breadcrumbList {
  white-space: nowrap;
  overflow: auto;
}

#breadcrumbArea .breadcrumbList>li+li:before {
  content: "＞";
  margin: 0 .3em;
}

#gNav {
  width: 99%;
  margin: 0 auto 4.7%;
}

#gNav .tabMenu {
  letter-spacing: -.4em;
}

#gNav .tabMenu li {
  width: 23%;
  letter-spacing: normal;
  border-radius: 10%;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}

#gNav .tabMenu li+li {
  margin-left: 2%;
}

.modal .linkArea.list .linkText {
  background-image: url(/smp/common/img/kanto/icon/tour.png);
  padding: 12px 0 12px 45px;
}

.modal .linkArea.list {
  line-height: normal;
  margin: 0;
  padding: 0;
}

.modal .linkArea.list a {
  padding: 0;
  display: block;
}

.modal .linkArea.list.asiaIcon .linkText {
  background-image: url(/smp/common/img/kanto/icon/city/asi/asi.png);
}

.modal .linkArea.list.beachIcon .linkText {
  background-image: url(/smp/common/img/kanto/icon/city/bch/bch.png);
}

.modal .linkArea.list.europeIcon .linkText {
  background-image: url(/smp/common/img/kanto/icon/city/eur/eur.png);
}

.modal .linkArea.list.usaIcon .linkText {
  background-image: url(/smp/common/img/kanto/icon/city/usa/nyc.png);
}

.modal .linkArea.list.impIcon .linkText {
  background-image: url(/smp/common/img/kanto/icon/flag.png);
}

.modal .linkArea.list.domeIcon .linkText {
  background-image: url(/smp/common/img/kanto/icon/dome.png);
}

.titleArea.headlines,
.titleArea.headlines.tourIcon {
  background-image: url(/smp/common/img/kanto/icon/earth.png);
}

#mainArea,
#mainArea section {
  margin: 0 0 10%;
}

#mainArea .pickupArea {
  margin: -5% 3.1% 5%;
}

#mainArea .starttimeArea {
  margin: 5px 3.1% 5%;
  padding: 2%;
  color: #E60012;
  border: 1px solid #E60012;
}

.titleArea {
  width: 100%;
  height: auto;
  margin: 3% 0;
}

.titleArea .titleText {
  font-size: 1.7rem;
  font-weight: 700;
  color: #FFF;
}

.titleArea.headlines {
  padding: 1% 0;
  background-color: #003F98;
}

.titleArea.headlines .titleText {
  padding: 12px 0 9px 40px;
  line-height: 1.2em;
  display: block;
}

.titleArea.headlines .titleText span {
  padding: 0 0 0 5px;
  font-size: 1.1rem;
}

.titleArea.headlines.airIcon {
  background-image: url(/smp/common/img/kanto/icon/air.png);
}

.titleArea.headlines.airhtlIcon {
  background-image: url(/smp/common/img/kanto/icon/airhotel.png);
}

.titleArea.headlines.pickupIcon {
  background-image: url(/smp/common/img/kanto/icon/star.png);
}

.titleArea.headlines.domeIcon {
  background-image: url(/smp/common/img/kanto/icon/dome.png);
}

.titleArea.headlines.adIcon {
  background-image: url(/smp/common/img/kanto/icon/ad.png);
}

.titleArea.headlines.couponIcon {
  background-image: url(/smp/common/img/kanto/icon/coupon.png);
}

#offerLinkArea .titleArea.headlines.offerIcon {
  background-image: url(/smp/common/img/kanto/icon/privilege.png);
}

#otherSearchArea .titleArea.headlines.searchIcon,
#searchArea .titleArea.headlines.searchIcon {
  background-image: url(/smp/common/img/kanto/icon/search.png);
}

#featureArea .titleArea.headlines.featureIcon {
  background-image: url(/smp/common/img/kanto/icon/feature.png);
}

.titleArea.heading {
  width: auto;
  padding: 4% 0 4% 2%;
  background: #003F98;
}

.linkArea.btn,
.linkArea.list {
  background-position: 100% 50%;
  background-size: 20px 12px;
}

.linkArea.btn,
.linkArea.list,
.offerArea .offerList li {
  background-repeat: no-repeat;
}

.titleArea.heading .titleText {
  padding: 10px 0 7px;
  line-height: 1.2em;
}

.titleArea.subheading {
  width: auto;
  margin: 5px 10px;
  padding: 2% 0 2% 2%;
  border-left: solid 10px #EB5176;
}

.titleArea.subheading .titleText {
  font-size: 1.5rem;
  color: inherit;
}

.linkArea {
  width: 100%;
  margin: 3% 0 0;
  font-weight: 700;
  line-height: 1.5em;
}

.linkText a {
  font-size: 1.5rem;
  color: #FFF;
}

.linkArea.list a,
.linkArea.multiline a {
  font-size: 1.3rem;
}

.linkArea.btn {
  width: auto;
  margin: 6% 7% 0;
  padding: .5% 0;
  background-color: #FFAE00;
  background-image: url(/smp/common/img/kanto/icon/instruction/arrow_right_white001.png);
  border-radius: 10px;
  -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
  box-shadow: 1px 1px 1px rgba(0, 0, 0, .4);
}

.linkArea.btn a {
  padding: 12px 20px 12px 0;
}

.linkArea.list {
  margin: -1px 0 0;
  padding: .5% 0;
  background-image: url(/smp/common/img/kanto/icon/instruction/arrow_right_gray001.png);
  border-top: 0;
  border-bottom: 1px solid #CCC;
}

.linkArea.list a {
  padding: 12px 0 12px 10px;
  color: inherit;
}

.linkArea.list.top {
  margin: 20px 0 0;
  padding: .5% 0;
  background-color: #003F98;
  background-image: url(/smp/common/img/kanto/icon/instruction/arrow_right_white001.png);
}

.linkArea.list.top a {
  padding: 12px 0 12px 10px;
  color: #FFF;
}

.linkArea.multiline {
  padding: 0;
  line-height: 1.1em;
}

.linkArea.btn.multiline a {
  padding: 10px 0 9px;
}

.linkArea.anchor {
  background-image: url(/smp/common/img/kanto/icon/instruction/arrow_down_white001.png);
  background-position: 95% 50%;
  background-size: 13px 9px;
}

.linkArea.newWindow {
  background-image: url(/smp/common/img/kanto/icon/instruction/box_gray001.png);
  background-position: 97% 50%;
  background-size: 15px 13px;
}

.linkArea.btn.newWindow {
  background-image: url(/smp/common/img/kanto/icon/instruction/box_white001.png);
  background-position: 95% 50%;
}

.couponArea .couponText {
  margin: 15px 0;
  font-size: 1.4rem;
  font-weight: 700;
}

.couponArea a {
  padding: 0 3.1%;
}

.offerArea {
  margin: 10% 0;
}

.offerArea .offerBox {
  margin: 5% 3.1% 3%;
}

.offerArea .offerList a {
  color: inherit;
}

.offerArea .offerList li {
  padding: 0 25px 0 0;
  background-image: url(/smp/common/img/kanto/icon/instruction/arrow_right_gray001.png);
  background-position: 100% 50%;
  background-size: 20px 12px;
  border-bottom: 1px solid #CECECE;
}

.offerArea .offerList dl {
  width: 100%;
  margin: 6px 0 2px;
  display: table;
}

.offerArea .offerList dl dd,
.offerArea .offerList dl dt {
  display: table-cell;
  vertical-align: top;
}

.offerArea .offerList dl dt {
  width: 80px;
  padding: 0 5px;
}

.offerArea .offerList dl dd h3 {
  color: #E9649F;
  font-weight: 700;
}

.offerArea .offerList li.newWindow {
  background-image: url(/smp/common/img/kanto/icon/instruction/box_gray001.png);
  background-position: 98% 50%;
  background-size: 15px 13px;
}

#container .tour-preview {
  padding: 10px 3.1% 5px;
}

#container .tour-preview .tour-label {
  display: none;
}

#container .b-box {
  background-color: #02A0E9;
}

#container .tour-img {
  width: 34%;
  margin: 0 0 0 -1%;
}

#container .tour-img .tour-img-container {
  width: 100%;
  height: 100%;
}

#container .on-label-text {
  font-size: 1.1rem;
  color: #2C9CD2;
}

#container .tour-desc {
  width: 64%;
  margin: 0 0 0 2%;
  line-height: 1.5;
}

#container .tour-desc .tour-desc-text01 {
  font-size: 10px;
  font-size: 1rem;
  color: #333;
}

#container .tour-desc .tour-desc-text01.note {
  color: #e32400;
}

#container .tour-desc .tour-desc-text02 {
  font-size: 1.3rem;
  color: #333;
}

#container .tour-desc .tour-desc-text03 {
  font-size: 1.2rem;
}

#container .tour-api .tour-desc-date {
  font-size: 10px;
  font-size: 1rem;
}

#container .tour-api .tour-fuel {
  font-size: 1.2rem;
}

.cassetteArea {
  position: relative;
  color: #FFF;
  font-weight: 700;
  text-shadow: 1px 1px 6px rgba(0, 0, 0, 1);
}

.cassetteArea a {
  color: inherit;
}

.cassetteArea a>.phArea:after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/smp/common/img/kanto/fair/common/cassette/icon_link.png);
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

.cassetteArea.newWindow a>.phArea:after {
  background-image: url(/smp/common/img/kanto/fair/common/cassette/icon_link_new.png);
}

.cassetteArea .topArea {
  padding-left: 3%;
  letter-spacing: -1px;
  line-height: 1.5em;
  position: absolute;
  top: 5%;
}

.cassetteArea .topArea .titleBox {
  padding-bottom: 1%;
  font-size: 1.8rem;
  line-height: 1.3em;
}

.cassetteArea .topArea .descBox {
  font-size: 1.3rem;
}

.cassetteArea .bottomArea {
  width: 93%;
  padding-right: 7%;
  position: absolute;
  bottom: 8%;
  text-align: right;
}

.cassetteArea.air .bottomArea {
  bottom: 5%;
}

.cassetteArea .bottomArea .bandBox {
  margin-bottom: 2%;
  padding: 0 2%;
  background-color: #F90161;
  display: inline-block;
}

.cassetteArea .bottomArea .bandText {
  font-size: 1.1rem;
  font-weight: 400;
  text-shadow: initial;
}

.cassetteArea .bottomArea .priceText {
  font-size: 1.8rem;
}

.cassetteArea .bottomArea .priceText span {
  font-size: 2.4rem;
}

.cassetteArea .bottomArea .fuelText {
  margin-right: -.5em;
  font-size: 1rem;
}

#lineArea .contentsBox {
  margin-bottom: 5%;
}

#endArea {
  margin: 5% auto;
  padding: 0 3.1%;
}

#endArea .titleArea {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  color: #EB5176;
  font-weight: 700;
  text-align: center;
}

#endArea .endText {
  padding: .5em 0 0;
}

#searchArea.commonSearch {
  width: auto;
  margin-bottom: -20px;
  padding: 10% 3% 7%;
  background-color: #FBD2D2;
}

#searchArea.commonSearch .titleArea.headlines {
  margin: 0 0 1%;
  text-align: center;
  background-color: #E9649F;
  background-image: inherit;
}

#searchArea.commonSearch .titleArea.headlines .titleText {
  padding: 2% 0 2% 3%;
  font-size: 1.5rem;
  color: #FFF;
  line-height: 1.5em;
}

#searchArea.commonSearch .navList {
  margin-bottom: 10px;
  padding: 0 0 1px;
  width: 100%;
}

#searchArea.commonSearch .navList li {
  width: 49.5%;
  margin-bottom: 1%;
  background-color: #FFF;
  background-image: url(/smp/common/img/kanto/fair/common/icon/nav_icon_list_001.jpg);
  background-position: 3% 50%;
  background-repeat: no-repeat;
  background-size: 6px 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
}

#searchArea.commonSearch .navList li:nth-child(even) {
  margin-left: 1%;
}

#searchArea.commonSearch .navList.col1 li {
  width: 100%;
  float: none;
}

#searchArea.commonSearch .navList.col1 li:nth-child(even) {
  margin-left: 0;
}

#searchArea.commonSearch .navList li>span {
  font-size: 1.2rem;
  letter-spacing: -.1em;
  display: block;
}

#searchArea.commonSearch .navList li a {
  padding-left: 10%;
  color: inherit;
  line-height: 3em;
  display: block;
}

#searchArea.commonSearch .navList li.multiline a {
  line-height: 1.5em;
}

#searchArea.commonSearch .navList li.multiline a>span {
  margin-left: -3%;
}

#searchArea.commonSearch ul {
  margin-bottom: 10px;
  padding: 0 0 1px;
  width: 100%;
}

#searchArea.commonSearch ul li {
  float: left;
  margin-bottom: 1px;
  padding: 1px 1px 0;
  width: 50%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#searchArea.commonSearch ul li.no_col {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#searchArea.commonSearch ul.special {
  margin-top: 2px;
}

#searchArea.commonSearch ul.special li {
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#searchArea.commonSearch ul.special li.no_col {
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

#searchArea.commonSearch ul.special li.col_r {
  padding-left: 0;
}

#searchArea.commonSearch ul.special li.col_l {
  padding-right: 0;
}

#searchArea.commonSearch ul.special li.no_col.border {
  padding-top: 2px;
}

#searchArea.commonSearch .navList li>span .modalList.btns {
  padding-left: 10%;
  line-height: 3em;
  display: block;
}

#guideArea {
  margin: 10% 0;
  padding: 0 0 3%;
  background: #00A0E9;
}

#guideArea ul li {
  margin: 0 0 3.1%;
}

#guideArea ul li.scheduleArea {
  margin: -3.1% 0 0;
  padding: 4.7% 0 6.3%;
}

#guideArea .titleArea {
  width: auto;
  margin: 0;
  padding: 5% 15% 3%;
  background-color: inherit;
}

#guideArea dl.accordion {
  width: 100%;
  height: auto;
  position: relative;
}

#guideArea dl.accordion dd {
  display: none;
}

#guideArea dl.accordion dt {
  background: #FFF;
}

#guideArea dl.accordion dt:after {
  content: "";
  width: 100%;
  height: 100%;
  background-image: url(/smp/common/img/kanto/fair/common/teaser/guide_arrow_down.png);
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 0;
}

#guideArea dl.accordion dt.open:after {
  height: 50%;
  background-image: url(/smp/common/img/kanto/fair/common/teaser/guide_arrow_up.png);
}

#guideArea #reserve_area {
  padding: 0 5.6% 2.5%;
  background: #E5E5E5;
}

#guideArea #reserve_area p {
  padding: 2% 0 3%;
  text-align: center;
}

#guideArea #reserve_area p img {
  width: 68.3%;
}

#guideArea #reserve_area ul {
  letter-spacing: -.4em;
  display: table;
}

#guideArea #reserve_area ul li {
  display: table-cell;
  margin: 0;
  letter-spacing: normal;
}

#guideArea #reserve_area ul li:nth-child(even) {
  text-align: right;
}

#guideArea #reserve_area ul li img {
  width: 98%;
}

#magazineArea {
  margin: 8.7% 0;
}

#searchArea #tour_search_module a {
  color: inherit;
  display: block;
}

#searchArea #tour_search_module #tbm01-com,
#searchArea #tour_search_module #ticket-search {
  position: inherit;
  overflow: inherit;
}

#searchArea #tour_search_module .tour-text {
  margin: 0;
}

#searchArea #tour_search_module ul.start-p {
  margin: 0 3.1%;
  clear: both;
  overflow: hidden;
}

#searchArea #tour_search_module ul.start-p>li {
  width: 48%;
  margin-bottom: .6em;
  float: left;
}

#searchArea #tour_search_module ul.start-p>li:nth-child(even) {
  margin-left: 4%;
}

#searchArea #tour_search_module .selectBox {
  padding: .8em 0;
  font: inherit;
  font-size: 1.3rem;
  color: inherit;
  font-weight: 700;
  text-indent: .5em;
  border: 1px solid #979797;
  display: block;
}

#searchArea #tour_search_module .end-place select.dstselect {
  width: 100%;
  background-color: #FFF;
  border-radius: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
}

#searchArea #tour_search_module .squeeze-area .btn-area {
  margin: 4% 3.1% 6%;
}

#searchArea #tour_search_module .squeeze-area .btn-area .orange-btn04 {
  width: 100%;
  padding: .5em 0;
  border: 0;
  font-size: 1.6rem;
  font-weight: 700;
  white-space: nowrap;
  color: #FFF;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fd7000), color-stop(100%, rgba(245, 164, 74, .85)));
  border-radius: 8px;
}

#searchArea .otherLinkArea {
  margin: 15px 3.1% 35px;
  padding: 15px 0 0;
  border-top: 1px dotted #FF9F00;
}

#otherSearch .otherLinkArea {
  padding: 0 3.1% 35px;
}

#featureArea a {
  color: inherit;
}

#featureArea .featureList li {
  padding: 0 25px 0 0;
  background-image: url(/smp/common/img/kanto/icon/instruction/arrow_right_gray001.png);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 20px 12px;
  border-bottom: 1px solid #CECECE;
}

#featureArea .featureList .featureBox {
  width: 100%;
  margin: 6px 0;
  display: table;
}

#featureArea .featureList .featureBox .phArea {
  width: 80px;
  padding: 0 5px;
  display: table-cell;
  vertical-align: top;
}

#featureArea .featureList .featureBox .detailArea {
  display: table-cell;
  vertical-align: top;
}

#featureArea .featureList .featureBox .detailArea .titleText {
  color: #C9000F;
  font-weight: 700;
}

@media screen and (max-width:320px) {
  html {
    font-size: 56%;
  }
}

@media screen and (min-width:400px) {
  html {
    font-size: 80%;
  }
}

@media screen and (min-width:500px) and (max-width:600px) {
  html {
    font-size: 90%;
  }
}

@media screen and (min-width:600px) {
  html {
    font-size: 100%;
  }
}


/*調整用*/
.linkArea.list.top a {
    display: block;
}