@charset "UTF-8";

*,*::before,*::after {
  box-sizing: border-box;
}

#tourDetail{
  font-size: 15px;
  line-height: 1.5;
}
body{word-break: break-all;overflow-wrap:break-word}
a,
a:hover,
a:visited{
  color:#333;
  text-decoration: none;
}

.courseA {
  background-color: #FFCFCF !important;
}

.courseB {
  background-color: #D5FFFF !important;
}

.courseC {
  background-color: #FFE8CF !important;
}

.courseD {
  background-color: #D2E8FF !important;
}

.courseE {
  background-color: #FFFFD5 !important;
}

.courseF {
  background-color: #CFCFFF !important;
}

.courseG {
  background-color: #E7FFCE !important;
}

.courseH {
  background-color: #E8D0FF !important;
}

.courseI {
  background-color: #CEFFCF !important;
}

.courseJ {
  background-color: #FFD1FF !important;
}

.courseK {
  background-color: #D1FFE9 !important;
}

.courseL {
  background-color: #FFD0E9 !important;
}

.courseM {
  background-color: #E8E8E8 !important;
}

.courseN {
  background-color: #FF5959 !important;
}

.courseO {
  background-color: #74FFFF !important;
}

.courseP {
  background-color: #FFAD5C !important;
}

.courseQ {
  background-color: #5AACFE !important;
}

.courseR {
  background-color: #FFFF70 !important;
}

.courseS {
  background-color: #9393FE !important;
}

.courseT {
  background-color: #ADFF60 !important;
}

.courseU {
  background-color: #CA94FF !important;
}

.courseV {
  background-color: #5BFF61 !important;
}

.courseW {
  background-color: #FF5CFF !important;
}

.courseX {
  background-color: #60FFB1 !important;
}

.courseY {
  background-color: #FF5AAB !important;
}

.courseZ {
  background-color: #CFCFCF !important;
}

.courseZA {
  background-color: #F9B0C2 !important;
}

.courseZB {
  background-color: #A9DAFA !important;
}

.courseZC {
  background-color: #FADF7E !important;
}

.courseZD {
  background-color: #60BDE6 !important;
}

.courseZE {
  background-color: #F8F979 !important;
}

.courseZF {
  background-color: #CFA9E9 !important;
}

.courseZG {
  background-color: #D7D7A2 !important;
}

.courseZH {
  background-color: #F9857B !important;
}

.courseZI {
  background-color: #CBE58F !important;
}

.courseZJ {
  background-color: #E55D5D !important;
}

.courseZK {
  background-color: #87DBD9 !important;
}

.courseZL {
  background-color: #FBC5A8 !important;
}

.courseZM {
  background-color: #DCDCDC !important;
}

.courseZN {
  background-color: #E8A994 !important;
}

.courseZO {
  background-color: #96EAEA !important;
}

.courseZP {
  background-color: #EAD5AC !important;
}

.courseZQ {
  background-color: #7FA7D0 !important;
}

.courseZR {
  background-color: #E9E997 !important;
}

.courseZS {
  background-color: #93A8E6 !important;
}

.courseZT {
  background-color: #AAEAAC !important;
}

.courseZU {
  background-color: #D3A9D3 !important;
}

.courseZV {
  background-color: #94D496 !important;
}

.courseZW {
  background-color: #E894E7 !important;
}

.courseZX {
  background-color: #96EAD5 !important;
}

.courseZY {
  background-color: #E793A8 !important;
}

.courseZZ {
  background-color: #808080 !important;
}




.dispNone{ display:none !important; }

#tourDetail select,
#tourDetail input,
#tourDetail textarea{ font-size:12px; }

#pagetop{
  margin-bottom:85px;
}

#contents {
  margin: 0 auto;
  width: 100%;
}
#contents .personalInformation a,
#contents .personalInformation a:hover,
#contents .personalInformation a:visited{
  color: #F9423A;
  text-decoration: underline;
}

#tourDetail .visitorCounter{
  display: none;
  position: fixed;
  background: rgba(78, 78, 78, 0.8);
  padding: 9px 15px;
  margin: 0 auto;
  width: 190px;
  line-height: 1.5;
  text-align: center;
  font-size: 12px;
  color: #fff;
  z-index: 500;
  border-radius: 4px;
}

#tourDetail .visitorCounter {
  position: fixed;
  bottom: 20px;
  background: rgba(78, 78, 78, 0.8);
  padding: 9px 15px;
  margin: 0 auto;
  left: 20px;
  width: 190px;
  line-height: 1.5;
  text-align: center;
  font-size: 12px;
  color: #fff;
  z-index: 500;
  border-radius: 4px;
}

/* #tourDetail .visitorCounter.ab2{
  position: fixed;
  bottom: 20px;
  background: rgba(255, 217, 217, 0.88);
  padding: 9px 15px;
  margin: 0 auto;
  right: 20px;
  width: 190px;
  line-height: 1.5;
  text-align: center;
  font-size: 12px;
  color: #272727;
  z-index: 500;
  border-radius: 4px;
} */

#tourDetail .visitorCounter span{
  font-size: 14px;
  color: rgb(255, 199, 197);
}
#tourDetail .visitorCounter span small{
  font-size: 12px;
  z-index: 100;
}

#tourDetail .arrange_appeal {
  display: block;
  padding: 10px 15px;
  border-top-left-radius : 10px;
  border-top-right-radius : 10px;
  border-bottom-right-radius : 10px;
  border-bottom-left-radius : 10px;
  background : linear-gradient(-205deg, rgb(255, 244, 248), rgb(253, 239, 239));
  margin-bottom: 5px;
  position: relative;
}

#tourDetail .arrange_appeal::before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  border: 15px solid transparent;
  border-bottom: 15px solid #fff4f7;
  margin-left: -15px;
}


#tourDetail .arrange_appeal p.free {
  display : table;
  font-weight : 600;
  padding : 5px 0px 10px 0;
  font-size : 14px;
  position : relative;
}

#tourDetail .arrange_appeal ul {
  display: table;
  padding-left: 20px;
}

#tourDetail .arrange_appeal p.caution {
  font-size: 12px;
  color: rgb(255, 141, 136);
  margin-top: 10px;
  text-align: left;
}


#tourDetail .arrange_appeal ul li {
  padding : 0px 0px 6px 0px;
  position : relative;
  font-size: 14px;
}

#tourDetail .arrange_appeal ul > li:nth-of-type(3) {
  padding-bottom : 0px;
}

#tourDetail .arrange_appeal ul li::after {
  display : block;
  content : "";
  position : absolute;
  top : 0em;
  left : -1.5em;
  width : 13px;
  height : 8px;
  border-left : 3px solid rgb(255, 141, 136);
  border-bottom : 3px solid rgb(255, 141, 136);
  transform : rotate(-45deg);
}

.alert_box {
  border: 1px solid #f9423a;
  border-radius: 4px;
  background-color: #fff;
  padding: 12px 10px 10px;
  display: table;
  width: 100%;
  margin-bottom: 5px;
}

.alert_box > .icon {
  display: table-cell;
  padding-right: 8px;
}

.alert_box > .text {
  font-size: 14px;
  display: table-cell;
  vertical-align: bottom;
}

.alert_box > .text > .note {
  font-size: 12px;
  color: #f9423a;
  margin-top: 10px;
}

#tourDetail .snsArea{
  background-color: #F7F5F0;
  width: 100%;
  padding:40px 0 10px;
}
#tourDetail .snsArea ul{
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
  text-align: right;
  padding: 0;
  height: 40px;
}
#tourDetail .snsArea ul li{
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
  width:40px;
  height: 40px;
  padding: 5px 0;
  float: right;
}
#tourDetail .snsArea ul li.fav_tour{
  width: auto;
  float: left;
  height: auto;
  margin: 0;
  padding: 0;
}
#tourDetail .snsArea ul li:nth-of-type(4){
  width: auto;
  height: auto;
}
#tourDetail .snsArea ul li img{
  width:auto;
  height: 100%;
}

#tourDetail .headText{
  background: #f7f5f0;
}


#tourDetail .tourCode{
  color: #F9423A;
  text-align: center;
  font-size: 12px;
}
#tourDetail h1{
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin: 22px auto 0;
  padding-bottom: 22px;
  max-width: 960px;
}

#tourDetail h1.seoHeader{
  font-size: 12px;
  font-weight: normal;
  margin: 0px auto 0;
  padding-bottom: 0px;
  max-width: none;
  color: #F9423A;
}

#tourDetail .subTtl{
  font-size: 16px;
  text-align: center;
  margin-top:0;
}

#tourDetail .sliderTagArea{
  background-color: #F7F5F0;
  border-bottom: 1px #DCDCDC solid;
  width: 100%;
}
#tourDetail .sliderTagArea .img_notice {
  text-align: right;
  max-width: 960px;
  margin: 12px auto 0 auto;
  padding: 0 0.8em;
  font-size: 14px;
}

#tourDetail #summaryTbl {
  width: 100%;
  max-width: 960px;
  margin: 20px auto;
  border: 1px #DCDCDC solid;
}
#tourDetail #summaryTbl.dataTbl td .redWeight {
  font-size: 13px;
}
#tourDetail #summaryTbl.dataTbl td > p#priceDetail span.redWeight span {
  font-size: 18px;
}
#tourDetail #summaryTbl.dataTbl td .priceCaution {
  margin-top: 0px;
  padding-left: 0px;
  color: #333;
}

#tourDetail .sliderTagArea .tab{
  position: relative;
  top:2px;
  width: 960px;
  margin: 40px auto 0;
  z-index: 100;
  transform: translateZ( 0 );
  -webkit-transform: translateZ( 0 );
}
#tourDetail .sliderTagArea .tab.fixedElem{
  left: 50%;
  margin: 0 0 0 -480px;
  position: fixed;
  top: 0;
}

#tourDetail .sliderTagArea .tab li{
  background-color: #ffffff;
  border-bottom: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-top: 1px solid #dcdcdc;
  display: table;
  float: left;
  font-size: 13px;
  height: 56px;
  text-align: center;
  vertical-align: bottom;
  width: 180px;
  box-sizing: border-box;
}

#tourDetail .sliderTagArea .tab li:first-child{
  border-left:1px solid #DCDCDC;
}

#tourDetail .sliderTagArea .tab li.active{
  border-top: 2px solid #F9423A;
  padding: 10px 0 9px;
}

#tourDetail .sliderTagArea .tab li a{
  display: table-cell;
  vertical-align: middle;
}
#tourDetail .sliderTagArea .tab li a:hover{
  text-decoration: none;
}
#tourDetail .sliderTagArea .tab li a:visited{
  color:#333;
}
#tourDetail .sliderTagArea .tab li.lastBlank{
  border-bottom: 0 none;
  width: 238px;
}
#tourDetail .sliderTagArea .tab li.active a{
  color: #F9423A;
  font-weight: bold;
}





#tourDetail .mainContents{
  margin-top:50px;
}
#tourDetail .mainContents h2{
  color: #333333;
  display: block;
  font-size: 28px;
  justify-content: space-between;
  margin: 80px auto 20px;
  text-align: center;
  font-weight: bold;
}
#tourDetail .mainContents h2:first-of-type{
  margin: 0px auto 20px;
}

#tourDetail .mainContents h2.baseElem{
  margin-top:80px;
}

#tourDetail .mainContents .borderElem{
  border-bottom: 2px solid #333333;
  display: block;
  height: 2px;
  margin: 0 auto 35px;
  width: 92px;
}

#tourDetail .mainContents .contentArea{
  width: 960px;
  margin: 50px auto 0;
}
#tourDetail .mainContents .contentArea.arrange{
  width: 100%;
  margin: 47px auto 0;
}

#tourDetail .mainContents .contentArea .left{
  float: left;
  width: 680px;
  margin-right: 39px;
}
#tourDetail .mainContents .contentArea.arrange .left{
  float: none;
  width: 100%;
  margin-right: 0px;
}

#tourDetail .mainContents .contentArea .right{
  float: left;
  width: 239px;
  display: block;
}

#tourDetail .mainContents .contentArea.arrange .right{
  float: left;
  width: 225px;
  display: none;
}

#rightNav{
  min-height: 250px;
  width: 239px;
  margin-top:25px;
  position: relative;
  top:-122px;
  padding: 0;
  z-index: 101;
  transform: translateZ( 0 );
  -webkit-transform: translateZ( 0 );

}

#rightNav .priceBox{
  margin-bottom : 25px;
  text-align : center;
}
#rightNav .priceBox .subTTl{
  font-size: 14px;
  font-weight: bold;
  color: #f9423a;
  padding : 10px 0px;
}
#rightNav .priceBox .price{
  color: #F9423A;
  font-size:23px;
  line-height: 1.3;
  font-weight: bold;
  padding-bottom : 15px;
  text-align : left;
  display : inline-block;
}
#rightNav .priceBox .caution{
  color: #999;
  font-size: 10px;
  margin-top:0;
  padding-right: 12px;
  font-weight: normal;
}

#rightNav .probableDateBox{
  margin-top: 4px;
}
#rightNav .probableDateBox .subTTl{
  font-size: 14px;
  font-weight: bold;
  margin-bottom : 7px;
}
#rightNav .probableDateBox .departureSelect {
  margin-top: 3px;
  position: relative;
  margin-bottom: 14px;
}
#rightNav .probableDateBox .departureSelect .dateSelect {
  font-size: 0;
}

#rightNav .probableDateBox .departureSelect .select-style {
  display: inline-block;
  width: auto;
}
#rightNav .probableDateBox .departureSelect .select-style:nth-of-type(1) {
  width: 115px;
}
#rightNav .probableDateBox .departureSelect .select-style:nth-of-type(2) {
  width: 82px;
}

#rightNav .probableDateBox .departureSelect .spaceElement:first-child {
}
#rightNav .probableDateBox .departureSelect .select-style select{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff url("/tour/media/tabi_files/img/common/ico_dropdown_2.png") no-repeat scroll right 7px center;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  display: inline-block;
  padding: 6px 12px 6px 6px;
  box-sizing:border-box;
  width: 100%;
}
#rightNav .probableDateBox .departureSelect .select-style select::-ms-expand {
  display: none;
}
#rightNav .probableDateBox .departureSelect .select-style:nth-of-type(1) select {
  border-radius: 4px 0 0 4px;
  border-right: 0 none;
}
#rightNav .probableDateBox .departureSelect .select-style:nth-of-type(2) select {
  border-radius: 0 4px 4px 0;
  width: 100%;
}

#rightNav .probableDateBox .departureSelect .btn_calendar {
  display: inline-block;
  margin-left: 13px;
}

#rightNav .arrangeBox{
  margin-top:4px;
  margin-bottom : 20px;
}
#rightNav .arrangeBox .subTTl{
  font-size: 14px;
  font-weight: bold;
}
#rightNav .arrangeBox .checkValue{
  border: 1px solid rgb(221, 221, 221);
  border-radius: 4px;
  min-height: 52px;
  text-align: center;
  margin-top: 4px;
  padding: 12px;
  font-size: 16px;
}
#rightNav .arrangeBox .checkValue p{
  line-height: 1.5;
  margin-top: 5px;
  padding-left: 1.5em;
  text-align: left;
  text-indent: -1.5em;
}
#rightNav .arrangeBox .checkValue p:first-child{
  margin-top: 0px;
}

#rightNav .arrangeBox .checkValue .noSelect{
  display: inline-block;
  vertical-align: middle;
}


#rightNav .btnSubmit{
  background-color: #F9423A;
  border-radius: 4px;
  display: inline-block;
  height: 40px;
  margin-top: 4px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  padding: 12px;
}
#rightNav .btnSubmit span{
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}
#rightNav .caution{
  color: #f9423a;
  font-size: 12px;
  margin-top:4px;
  font-weight: normal;
  text-align: center;

}
#rightNav .btnSubmit2 {
  border-radius: 4px;
  background:#F9423A;
  display: inline-block;
  height: 52px;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  margin-bottom : 15px;
  background-image : url("https://www.tabikobo.com/images/top/ico_mail.png");
  background-position : 30px 50%;
  background-repeat : no-repeat no-repeat;
  background-attachment : initial;
  background-origin : initial;
  background-clip : initial;
  background-size : 16px 11px;
  padding : 16px 0px 12px 23px;
}
#rightNav .btnSubmit2 span {
  color: #fff;
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
  padding-left : 38px;
}


#rightNav .conciergeArrangeBanner{
  text-align: center;
  margin:10px 0 5px;
}
.tabikoboBanner{
  text-align: center;
}

#rightNav .conciergeArrange{
  background-color: #f7f5f0;
  margin-top: 4px;
  padding-bottom: 14px;
  padding-top: 11px;
  position: relative;
}
#rightNav .conciergeArrange .subTtl{
  color: #5F5353;
  font-size: 10px;
  text-align: center;
  margin-top: 0;
  font-weight: normal;
}
#rightNav .conciergeArrange .ttl{
  color: #5F5353;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
#rightNav .conciergeArrange .imgBox{
  margin-top: -2px;
  position: absolute;
  right: 8px;
}
#rightNav .conciergeArrange .requestSubmit{
  background-color: #333333;
  border-radius: 2px;
  color: #ffffff;
  display: block;
  font-size: 14px;
  height: 35px;
  margin: 24px 0 0 10px;
  padding-top: 10px;
  position: relative;
  text-align: center;
  width: 120px;
}
#rightNav .conciergeArrange .requestSubmit span{
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  vertical-align: middle;
}
#rightNav .conciergeArrange .requestSubmit i {
  background-color: #F9423A;
  border-radius: 25px;
  color: #ffffff;
  display: block;
  font-size: 12px;
  font-style: normal;
  height: 35px;
  margin-top: 0;
  padding: 12px 0 0;
  position: absolute;
  right: -20px;
  text-align: center;
  top: -17px;
  width: 35px;
}

#rightNav .telBox{
  border: 1px solid #E4E3E1;
  margin-top: 4px;
  padding-bottom: 20px;
  width: 100%;
}
#rightNav .telBox .subTtl{
  background-color: #e4e3e1;
  font-size: 12px;
  margin: 0;
  padding: 10px 0 8px;
  text-align: center;
  line-height: 1.3;
}
#rightNav .telBox .subTtl span{
  font-weight: bold;
  font-size: 14px;
}
#rightNav .telBox .tel{
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  margin: 12px 0 10px 0px;
}

#rightNav .telBox .code{
  font-size: 12px;
  line-height: 1.6;
  margin-top: -3px;
  padding: 0 11px;
  text-align: center;
}

#rightNav .telBox .holiday{
  font-size: 12px;
  line-height: 1.3;
  margin-top: 5px;
  padding: 0 11px;
  text-align: center;
}

#rightNav .telBox .administrator{
  font-size: 12px;
  line-height: 1.3;
  margin-top: 5px;
  padding: 0 11px;
  text-align: center;
}

#tourDetail .left div.baseElem{
  margin: 50px auto 0;
  width: 680px;
}
#tourDetail .left div.tourPriceElem{
  margin: 30px auto 0;
  width: 680px;
}

#tourDetail .left div.tourDatesElem{
  width: 680px;
}

#tourDetail #tourPriceData  .dataTbl {
  margin-top: 50px;
}
.calendar-note {
  margin-top: 10px;
}
.calendar-date {
  margin-top: 10px;
}

.calendar-note + .calendar-date {
  margin-top: 0;
}

#tourDetail .left div.faqElem{
  margin: 50px auto 80px;
  width: 680px;
}
#tourDetail .left div.arrangeElem{
  width: 680px;
  margin: 60px auto 0;
}



/******** 基本情報 ********/
#tourDetail h3{
  font-size: 20px;
  font-weight: bold;
  margin-top:50px;
}
#tourDetail h3:first-child{
  margin-top: 0px;
}

#tourDetail .dataTbl{
  margin-top: 15px;
  background-color: #fff;
}
#tourDetail .dataTbl th{
  background-color: #F6F6F6;
  border-top: 1px #DCDCDC solid;
  border-right: 1px #DCDCDC solid;
  border-bottom: 1px #DCDCDC solid;
  vertical-align: top;
  padding: 17px 5px 12px 17px;
  width: 110px;
  text-align: left;
}
#tourDetail .dataTbl td{
  border-top: 1px #DCDCDC solid;
  border-left: 1px #DCDCDC solid;
  border-bottom: 1px #DCDCDC solid;
  vertical-align: top;
  padding: 19px 10px 16px 21px;
  word-wrap : break-word;
  overflow-wrap:break-word
}
#tourDetail .dataTbl td > p,
#tourDetail .dataTbl th > p{
  word-break: break-word;
}
#tourDetail .dataTbl td > p{
  margin-top: -4px;
}

#tourDetail .dataTbl td .redWeight{
  font-size: 20px;
  color: #F9423A;
  font-weight: bold;
}

#tourDetail .dataTbl td .redWeight span{
  font-size: 21px;
}

#tourDetail .dataTbl td > p#priceDetail span.redWeight span {
  font-size : 26px;
  font-weight : 600;
}

#tourDetail .dataTbl td .priceCaution{
  color: #999999;
  font-size: 12px;
  text-align: left;
  line-height: 1.4;
  display: inline-block;
  padding-left: 15px;
  vertical-align: sub;
}

#tourDetail .dataTbl td .modalBtn{
  text-decoration: underline;
}

#tourDetail .dataTbl td .innerGrayBox{
  background-color: #f7f5f0;
  margin-top: 6px;
  padding: 14px 17px 10px 18px;
  width: 100%;
}
#tourDetail .dataTbl td .innerGrayBox h4{
  font-size: 16px;
  font-weight: normal;
  background: url("/tour/media/tabi_files/img/common/ico_bunkatu.gif") no-repeat 5px top;
  padding: 4px 0 4px 31px;
}
#tourDetail .dataTbl td .innerGrayBox p{
  font-size: 18px;
  margin-top:2px;
}
#tourDetail .dataTbl td .innerGrayBox p .redWeight{
  color: #F9423A;
  font-size : 21px;
}
#tourDetail .dataTbl td .innerGrayBox p.caution1{
  font-size: 13px;
  margin-top:3px;
}
#tourDetail .dataTbl td .innerGrayBox p.caution2{
  color: #999999;
  font-size: 12px;
  margin-top: 4px;
  padding-left: 1em;
  text-indent: -1em;
}
#tourDetail .dataTbl td .innerGrayBox .btnArea{
  text-align: right;
}
#tourDetail .dataTbl td .innerGrayBox .btnArea a{
  border-radius: 4px;
  display: inline-block;
  width: 186px;
  text-align: center;
  height: 36px;
  padding: 6px 0px;
}
#tourDetail .dataTbl td .innerGrayBox .btnArea a:hover{
  text-decoration: none;
}

#tourDetail .dataTbl td .innerGrayBox .btnArea a.btnBlack{
  margin-right: 4px;
  background : rgb(255, 255, 255);
  border : 1px solid rgb(153, 153, 153);
}
#tourDetail .dataTbl td .innerGrayBox .btnArea a.btnDefault{
  border: 2px #CCCCCC solid;
}

#tourDetail .dataTbl .cell4 th:nth-of-type(2){
  border-left:1px solid #ccc;
}

#tourDetail .dataTbl .cell4 td{
  padding-bottom: 12px;
  padding-top: 21px;
  width: 230px;
}
#tourDetail .dataTbl .cell4 td:nth-of-type(2){
  padding-left: 23px;
}
#tourDetail .dataTbl .boxCell td {
  padding: 14px 21px 20px 21px;
}
#tourDetail .dataTbl td label{
  display: inline-block;
  cursor: pointer;
}
#tourDetail .dataTbl td p label{
  text-decoration: underline;
}
#tourDetail .dataTbl td label input[type=checkbox]{
  display: none;
}
#tourDetail .dataTbl td label i{
  background: url('/tour/media/tabi_files/img/common/ico_check_off.gif') no-repeat left top;
  display: inline-block;
  height: 18px;
  margin-right: 3px;
  position: relative;
  top: 5px;
  width: 15px;
}
#tourDetail .dataTbl td label i.active{
  display: inline-block;
  background: url('/tour/media/tabi_files/img/common/ico_check_on.gif') no-repeat left top;
}

/*ツアー種別追加*/
#tourDetail .dataTbl td span.red-badge {
    color: #ffffff;
    background: #f9423a;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 14px 2px 16px;
    border-radius: 50px;
    display: inline-block;
}

#tourDetail .courseText{
  margin-top:35px;
}
#tourDetail .courseText p{
  line-height: 2.2;
  margin-top:25px;
}
#tourDetail .courseText p:first-child{
  margin-top:0px;
}

#tourDetail .courseImg{
  margin-top:35px;
  width: 680px;
}
.courseImg ul {
}
#tourDetail .courseImg li{
  float: left;
  margin-left: 3px;
  width: 33%;
  text-align: center;
}
#tourDetail .courseImg li:first-child{
  float: left;
  margin-left:0;
}

#tourDetail .courseImgBox{
  height: 168px;
  display: table-cell;
  vertical-align: bottom;
}


#tourDetail .courseImg li img{
  width: 100%;
  height: auto;
}
#tourDetail .courseImg li p {
  text-align: left;
  margin: 10px 0;
  font-size: 14px;
  line-height: 1.3;
}

#tourDetail .hotelDataArea{
  margin-top:30px;
}
#tourDetail .hotelDataArea h4{
  font-size: 18px;
  font-weight: bold;
}
#tourDetail .hotelDataArea h4 a{
  text-decoration: underline;
}
#tourDetail .hotelDataArea .hotelData{
  margin-top:7px;
}
#tourDetail .hotelDataArea .hotelDesc{
  margin: 22px 0 20px;
}
#tourDetail .hotelDataArea .hotelDesc p + p{
  margin-top: 14px;
}
#tourDetail .hotelDataArea .hotelData .hotelImg{
  /*	          height: 255px;*/
  overflow: hidden;
}
#tourDetail .hotelDataArea .hotelData .left{
  float: left;
  margin-right: 25px;
  width: 340px;
  height: 100%;
  position: relative;
}
#tourDetail .hotelDataArea .hotelData .left > .img_area{
  width: 340px;
  text-align: center;
}
#tourDetail .hotelDataArea .hotelData .left > .img_area > .img_box > img{
  width: 340px;
}
#tourDetail .hotelDataArea .hotelData .left > .img_area p{
  margin-top: 15px;
}
#tourDetail .hotelDataArea .hotelData .left .sliderElem{
  width: 340px;
  height: 290px;
  overflow: hidden;
  position: relative;
}
#tourDetail .hotelDataArea .hotelData .left .slide
{
  opacity: 1;
}
#tourDetail .hotelDataArea .hotelData .left .slide.active
{
  opacity: 1;
}

#tourDetail .hotelDataArea .hotelData .left .sliderHotel .img_box{
  width: 441px;
  height: 255px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
#tourDetail .hotelDataArea .hotelData .left .sliderHotel img
{
  max-width: 441px;
  max-height:255px;
  width: auto;
  height: auto;
  vertical-align: middle;
}

#tourDetail .hotelDataArea .hotelData .left .sliderHotel .film_roll_child p
{
  margin-top: 15px;
  text-align: center;
}

#tourDetail .hotelDataArea .hotelData .left .control_hotelSlide {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
#tourDetail .hotelDataArea .hotelData .left .control_hotelSlide > div {
  height: 100%;
  width: 30px;
}

#tourDetail .hotelDataArea .hotelData .left .hotel_slider-next {
  position: relative;
  float: right;
  z-index: 80;
  cursor: pointer;
}
#tourDetail .hotelDataArea .hotelData .left .hotel_slider-next a,
#tourDetail .hotelDataArea .hotelData .left .hotel_slider-next a:focus{
  background: url("../img/common/icn_detail_slideshow_arrow_right_2016.png") no-repeat 50% 50%;
}
#tourDetail .hotelDataArea .hotelData .left .hotel_slider-prev {
  position: relative;
  float: left;
  z-index: 80;
  cursor: pointer;
}
#tourDetail .hotelDataArea .hotelData .left .hotel_slider-prev a,
#tourDetail .hotelDataArea .hotelData .left .hotel_slider-prev a:focus{
  background: url("../img/common/icn_detail_slideshow_arrow_left_2016.png") no-repeat 50% 50%;
}
#tourDetail .hotelDataArea .hotelData .left .hotel_slider-next a,
#tourDetail .hotelDataArea .hotelData .left .hotel_slider-prev a {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top:0;
}
#tourDetail .hotelDataArea .hotelData .left .hotel_slider-next span,
#tourDetail .hotelDataArea .hotelData .left .hotel_slider-prev span {
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top:0;
  background-color: #7f7f7f;
  opacity: 0.5;
}
#tourDetail .hotelDataArea .hotelData .right{
  float: left;
  width: auto;
}
#tourDetail .hotelDataArea .hotelData .right > p{
  font-size: 15px;
  font-weight: bold;
}
#tourDetail .hotelDataArea .hotelData .right .hotel_adRating{
  margin-top:11px;
}
#tourDetail .hotelDataArea .hotelData .right .hotel_adRating p{
  font-size: 14px;
  font-weight: normal;
  margin-bottom: 15px;
  margin-top: 9px;
}
#tourDetail .hotelDataArea .hotelData .right .hotel_adRating .ratBtn{
  border: 2px solid #cccccc;
  border-radius: 4px;
  display: inline-block;
  margin-bottom: 6px;
  padding: 6px 0 4px;
  text-align: center;
  font-size: 13px;
  min-width: 174px;
}

#tourDetail .hotelDataArea .hotelData .hotelText
{
  line-height: 2.13;
  margin-top: 18px;
}
#tourDetail .hotelDataArea .hotelData .hotelMovie
{
  margin-top: 20px;
}
#tourDetail .hotelDataArea .hotelData .hotelMovie iframe
{
  width: 500px;
  height: 250px;
}



#tourDetail .otherRequestBanner{
  margin-top:20px;
}
#tourDetail .otherRequestBanner li{
  margin-top: 15px;
}


#tourDetail .otherRequest{
  border: 5px solid #f1f1f1;
  margin-top:20px;
  padding: 35px 0;
}
#tourDetail .otherRequest h3{
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  margin-top:0;
}
#tourDetail .otherRequest p{
  font-size: 13px;
  line-height: 1.9;
  margin-bottom: 22px;
  margin-top: 18px;
  text-align: center;
}
#tourDetail .otherRequest img{
  width: 100%;
  vertical-align: bottom;
}
#tourDetail .otherRequest a {
  border: 2px solid #cccccc;
  border-radius: 4px;
  display: block;
  font-weight: bold;
  margin: 2px auto 0;
  padding: 12px 0;
  position: relative;
  text-align: center;
  width: 280px;
  font-size: 14px;
  height: 44px;
}

#tourDetail .otherRequest a .rightArrow {
  display: inline-block;
  margin-top: 4px;
  padding: 0;
  position: absolute;
  right: 17px;
  top: 16px;
}
#tourDetail .otherRequest a .rightArrow::after {
  border-right: 2px solid #cccccc;
  border-top: 2px solid #cccccc;
  height: 6px;
  width: 6px;
}

/******** メインスライダー ********/
#mainBnr{
  visibility: hidden;
}
#mainBnrBg {
  overflow: hidden;
  position: relative;
  left: 0;
  right: 0;
  max-width: 960px;
  margin: 0 auto;
  padding-top: 25px;
}
#mainBnrBg #mainBnr {
  opacity: 0;
  width: 470px;
  margin: 0 auto;
  box-sizing: border-box;
  position: static;
  opacity: 1;
}
#mainBnrBg #mainBnr .bx-wrapper {
  padding-bottom: 0;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-viewport {
  overflow: visible !important;
  width: 960px;
  background: #F7F5F0;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-viewport #slider1 .slide {
  /*
  background-color: #000000;
  opacity: 0.3;
  */
  /*padding: 0 15px;*/
  margin-bottom:10px;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-viewport #slider1 .slide a,
#mainBnrBg #mainBnr .bx-wrapper .bx-viewport #slider1 .slide span{
  display: block;
  width: 100%;
  position: relative;
}

#mainBnrBg #mainBnr .bx-wrapper .bx-viewport #slider1 .slide .box_img{
  height: auto;
  width: 100%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-viewport #slider1 .slide .box_img img{
  display: inline-block;
  max-height: 260px;
  max-width: 470px;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-viewport #slider1 .slide p {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #333;
  /*padding: 18px 0;*/
  padding: 0 15px;
  width: 100%;
  /*height: 50px;*/
  height: auto;
  /*margin-top: -15px;*/
  margin-top:15px;
  text-align: center;
  position: relative;
  bottom: 0;
  display: none;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-viewport #slider1 .slide.active-slide {
  opacity: 1;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-viewport #slider1 .slide.active-slide p {
  display: inline-block;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-viewport #slider1 .slide a:hover img {
  opacity: 1;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls {
  position: relative;
  top: -6px;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls .bx-pager {
  bottom: -16px;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls .bx-pager .bx-pager-item a {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #1BCDD1;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls .bx-pager .bx-pager-item a.active {
  background-color: #149CA1;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls .bx-controls-direction {
  text-align: center;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls .bx-controls-direction a {
  display: inline-block;
  background-image: none;
  width: 36px;
  height: 20px;
  position: relative;
  text-decoration: none;
  background-color: #c1c1c1;
  margin: 0;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls .bx-controls-direction a:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4px;
  margin-top: -7px;
  background-repeat: no-repeat;
  width: 9px;
  height: 14px;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
  left: 0;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev:after {
  background-image: url("../../common/img/icn_arrow_01_left.png");
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
  right: 0;
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls .bx-controls-direction a.bx-next:after {
  background-image: url("../../common/img/icn_arrow_01.png");
}
#mainBnrBg #mainBnr .bx-wrapper .bx-controls .bx-controls-direction .bx-controls-middle-item {
  display: inline-block;
  margin: 0 10px;
}
#mainBnrBg #slider1-loading {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 261px;
  background-color: #F7F5F0;
  z-index: 9999;
}
#mainBnrBg #slider1-loading p {
  height: 100%;
  display: table;
  width: 100%;
}
#mainBnrBg #slider1-loading p span {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  font-size: 20px;
}

.control_bxslide {
  /*
  left: 50%;
  margin-left: -480px;
  position: absolute;
  width: 960px;
  */
  position: absolute;
  width: 100%;
}
.control_bxslide > div {
  height: 100%;
  width: 2%;
}

#slider-next {
  position: relative;
  float: right;
  z-index: 80;
  margin-right:-4px;
  /*background: url("../img/common/icn_detail_slideshow_arrow_right_2016.png") no-repeat 50% 50%;*/
}
#slider-next a, #slider-next a:focus{
  background: url("../img/common/icn_detail_slideshow_arrow_right_2016.png") no-repeat 13% 50%;
}
#slider-prev {
  position: relative;
  float: left;
  z-index: 80;
  margin-left:-4px;
}
#slider-prev a, #slider-prev a:focus{
  background: url("../img/common/icn_detail_slideshow_arrow_left_2016.png") no-repeat 87% 50%;
}
#slider-next a,
#slider-prev a
{
  /*
  height: 100%;
  width: 100%;
  display: block;
  */
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top:0;
}

#slider-next span,
#slider-prev span
{
  height: 100%;
  width: 100%;
  display: block;
  position: absolute;
  left: 0;
  top:0;
  background-color: #000000;
  opacity: 0.5;
}


#mainBnrBg #bx-pager {
  background-color: #f7f5f0;
  font-size: 0;
  margin-top: 0;
  padding: 20px 0 0;
  text-align: center;
}
#mainBnrBg #bx-pager a{
  display: inline-block;
  height: 40px;
  margin:0 8px 9px 0;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
  width: 55px;
  position: relative;
}
#mainBnrBg #bx-pager a:first-child{
  margin-left:0;
}
#mainBnrBg #bx-pager a.active{
}
#mainBnrBg #bx-pager a span{
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
}
#mainBnrBg #bx-pager a.active span{
  border: 2px solid #F9423A;
}

#mainBnrBg #bx-pager a img{
  height: 100%;
  vertical-align: middle;
  width: 100%;
  object-fit: cover;

}


/**************** 旅行代金 ****************/
#tourDetail .tourPriceElem{

}
#tourDetail .tourPriceElem .selectMonth
{
}
#tourDetail .tourPriceElem .selectMonth ul
{
  border-top:1px #dcdcdc solid;
}
#tourDetail .tourPriceElem .selectMonth li{
  float: left;
  text-align: center;
  width: 113px;
}
#tourDetail .tourPriceElem .selectMonth li a{
  border-bottom: 1px solid #dcdcdc;
  display: block;
  padding: 17px 0 16px;
  width: 100%;
  height: 60px;
  font-size: 14px;
}
#tourDetail .tourPriceElem .selectMonth li a:hover{
  text-decoration: none;
}

#tourDetail .tourPriceElem .selectMonth li.all a{
  padding: 23px 0 21px;
}
#tourDetail .tourPriceElem .selectMonth li a span.outer{
  border-right: 1px solid #dcdcdc;
  display: inline-block;
  width: 100%;
}
#tourDetail .tourPriceElem .selectMonth li a span.outer span{
  font-size: 22px;
}

#tourDetail .tourPriceElem .selectMonth li.active a{
  border-bottom: 2px #F9423A solid;
  color: #F9423A;
}

#tourDetail .tourPriceElem .price_description_list {
  display: none;
  margin-top:18px;
}
#tourDetail .tourPriceElem .price_description_list > ul {
  font-size: 0;
  display: block;
}
#tourDetail .tourPriceElem .price_description_list > ul > li {
  width: 110px;
  font-family: arial, sans-serif;
  margin-right: 3px;
  margin-bottom: 3px;
  /*  height: 36px;*/
  min-height: 36px;
  display: inline-block;
  font-size: 15px;
  line-height: 36px;
  text-align: center;
  font-weight: bold;
  cursor: pointer;
  border-radius: 4px;
  -webkit-box-shadow: inset -2px -2px 0px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: inset -2px -2px 0px 0px rgba(0,0,0,0.2);
  box-shadow: inset -2px -2px 0px 0px rgba(0,0,0,0.2);
}
#tourDetail .tourPriceElem .price_description_list > ul > li.active {
  -webkit-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.3);
  box-shadow: inset 2px 2px 0px 0px rgba(0,0,0,0.3);
}
#tourDetail .tourPriceElem .note_tariff{
  font-size: 14px;
  font-weight: bold;
  margin: 20px auto;
  text-align: center;
}
#tourDetail .tourPriceElem .calendarTbl
{
  margin-top:21px;
  display: none;
}
#tourDetail .tourPriceElem .calendarTbl thead
{
}
#tourDetail .tourPriceElem .calendarTbl thead .monthData
{
  display: none;
}


#tourDetail .tourPriceElem .calendarTbl thead td
{
  border:1px solid #DCDCDC;
  width: 97px;
  height: 35px;
  background-color: #F6F6F6;
  text-align: center;
  vertical-align: middle;
}
#tourDetail .tourPriceElem .calendarTbl thead td:nth-of-type(1)
{
  background-color: #FFF5F5;
}
#tourDetail .tourPriceElem .calendarTbl thead td:nth-of-type(7)
{
  background-color: #F0F8FE;
}
#tourDetail .tourPriceElem .calendarTbl tbody
{
}
#tourDetail .tourPriceElem .calendarTbl tbody .subTd
{
  display: none;
}

#tourDetail .tourPriceElem .calendarTbl tbody td
{
  border:1px solid #DCDCDC;
  width: 97px;
  height: 89px;
  background-color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
}
#tourDetail .tourPriceElem .calendarTbl tbody td:nth-of-type(1)
{
  background-color: #FFF5F5;
}
#tourDetail .tourPriceElem .calendarTbl tbody td:nth-of-type(7)
{
  background-color: #F0F8FE;
}
#tourDetail .tourPriceElem .calendarTbl tbody td.monthOutsideDate
{
  background-color: #F6F6F6;
}
#tourDetail .tourPriceElem .calendarTbl tbody td.selectedDateTd
{
  box-shadow: 0px 0px 0px 2px red inset;
}
#tourDetail .tourPriceElem .calendarTbl tbody td span
{
  display: block;
}
#tourDetail .tourPriceElem .calendarTbl tbody td span.calendarPriceClass
{
  display: none;
}

#tourDetail .tourPriceElem .calendarTbl tbody td a
{
  display: block;
  height: 89px;
  padding: 21px 0;
}

#tourDetail .tourPriceElem .calendarTbl tbody td a:hover
{
  text-decoration: none;
}

#tourDetail .tourPriceElem .calendarTbl tbody td span.calendarDate
{
  font-size: 15px;
  margin-bottom: 4px;
  margin-top: 10px;
}

#tourDetail .tourPriceElem .calendarTbl tbody td a span.calendarPrice
{
  color: #63666a;
  text-decoration: underline;
  text-decoration-skip-ink: none;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}
#tourDetail .tourPriceElem .calendarTbl tbody td a span.calendarPrice.type-goto {
  color: #F9423A;
  margin-bottom: 3px;
  position: relative;
  padding-top: 22px;
}
#tourDetail .tourPriceElem .calendarTbl tbody td a span.calendarPrice.type-goto::before {
  font-size: 11px;
  border: 1px solid #F9423A;
  border-radius: 15px;
  display: inline-block;
  padding: 1px 8px;
  margin-bottom: 1px;
  background: #ffff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  content: "支払実額";
}
#tourDetail .tourPriceElem .calendarTbl tbody td a span.calendarPrice.type-normal {
  color: #63666a;
  margin-bottom: 8px;
  position: relative;
  padding-top: 22px;
}
#tourDetail .tourPriceElem .calendarTbl tbody td a span.calendarPrice.type-normal::before {
  font-size: 11px;
  border: 1px solid #63666a;
  border-radius: 15px;
  display: inline-block;
  padding: 1px 8px;
  margin-bottom: 1px;
  background: #ffff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 70%;
  content: "旅行代金";
}
#tourDetail .tourPriceElem .calendarTbl tbody td a span.calendarPriceTtl {
  font-size: 11px;
  border: 1px solid #63666a;
  border-radius: 15px;
  display: inline-block;
  padding: 1px 8px;
  margin-bottom: 1px;
  background: #ffff;
}
#tourDetail .tourPriceElem .calendarTbl tbody td a span.calendarPriceTtl.type-goto {
  color: #F9423A;
  border: 1px solid #F9423A;
}
#tourDetail .tourPriceElem .calendarTbl tbody td a span.calendarChildPrice
{
  display: inline-block;
  margin-top:10px;
}

#tourDetail .tourPriceElem .calendarTbl tbody td a span.calendarPricelowest
{
  position: absolute;
  top: -5px;
  left: 5px;
}

#tourDetail .tourPriceElem .calendarTbl tbody td a span.calendarPriceClass
{
  display: none;
}
#tourDetail .tourPriceElem .dataTbl th
{
  width: 185px;
}

#tourDetail .tourPriceElem.allViewPrice:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
#tourDetail .tourPriceElem.allViewPrice .calendarTbl
{
  width: 32%;
  float: none;
  margin-left:1%;
}
#tourDetail .tourPriceElem.allViewPrice .calendarTbl:nth-of-type(1)
{
  margin-left:0;
}
#tourDetail .tourPriceElem.allViewPrice .calendarTbl thead .monthData{
  display: table-row;
}
#tourDetail .tourPriceElem.allViewPrice .calendarTbl thead .monthData th{
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
}


#tourDetail .tourPriceElem.allViewPrice .calendarTbl .subTd{
  display: table-row;
}

#tourDetail .tourPriceElem.allViewPrice .calendarTbl tbody td{
  height: 40px;
  padding-top: 4px;
}
#tourDetail .tourPriceElem .calendarTbl tbody td a{
  height: auto;
  padding: 0;
  cursor: pointer;
  position: relative;
}
#tourDetail .tourPriceElem.allViewPrice .calendarTbl tbody td span.calendarDate{
  font-size: 12px;
  margin-bottom: 0;
}
#tourDetail .tourPriceElem.allViewPrice .calendarTbl tbody td a span.calendarPrice
{
  display: none;
}
#tourDetail .tourPriceElem.allViewPrice .calendarTbl tbody td a span.calendarChildPrice
{
  display: none;
}

#tourDetail .tourPriceElem.allViewPrice .calendarTbl tbody td a span.calendarPriceClass
{
  font-size: 12px;
  display: block;
}






/******** ツアー日程 ********/
#tourDetail .tourDatesElem{
}
#tourDetail .tourDatesElem .dataTbl {
  table-layout: fixed;
}
#tourDetail .tourDatesElem .dataTbl thead th{
  height: 42px;
  text-align: center;
  vertical-align: middle;
  background-color: #EFEFEF;
  padding-left: 0;
  padding-right: 0;

}
#tourDetail .tourDatesElem .dataTbl thead th:nth-of-type(1){
  width: 65px;
}
#tourDetail .tourDatesElem .dataTbl thead th:nth-of-type(2){
  width: 409px;
}
#tourDetail .tourDatesElem .dataTbl thead th:nth-of-type(3){
  width: 107px;
}
#tourDetail .tourDatesElem .dataTbl thead th:nth-of-type(4){
  width: 96px;
  border-right: 0 none;
}

#tourDetail .tourDatesElem .dataTbl tbody td{
  text-align: center;
  vertical-align: middle;
  background-color: #fff;
  word-break:break-all;
  padding: 19px 21px 14px 21px
}
#tourDetail .tourDatesElem .dataTbl tbody td p{
  line-height: 1.84;
}

#tourDetail .tourDatesElem .dataTbl tbody td:nth-of-type(1){
  width: 65px;
  background-color: #F6F6F6;
  border-left: 0 none;
  padding-left: 0;
  padding-right: 0;
}
#tourDetail .tourDatesElem .dataTbl tbody td:nth-of-type(2){
  width: 409px;
  text-align: left;
}
#tourDetail .tourDatesElem .dataTbl tbody td:nth-of-type(3){
  width: 107px;
  padding-left: 0;
  padding-right: 0;
}
#tourDetail .tourDatesElem .dataTbl tbody td:nth-of-type(4){
  width: 96px;
  border-right: 0 none;
  text-align: left;
}



#tourDetail .tourDatesElem .remarksH3 {
  margin: 58px 0 0;
}

#tourDetail .tourDatesElem .remarksBox {
  margin: 20px 0 0;
  background-color: #f6f6f6;
  padding: 10px;
  line-height: 2.2;
}


#tourDetail .requestHead {
  font-size: 16px;
  font-weight: bold;
  margin:50px 0;
  text-align: center;
}
#tourDetail .requestHead p{
  margin-bottom: 6px;
}

#tourDetail .requestBody {
}
#tourDetail .requestBody dl dt{
  float: left;
  height: 260px;
}
#tourDetail .requestBody dl dd{
  float: left;
  background-color: #F7F5F0;
  width: 250px;
  height: 260px;
}
#tourDetail .requestBody dl dd p{
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
  margin: 41px 10px 28px 0;
  text-align: center;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;

}
#tourDetail .requestBody dl dd a.btn{
  background-color: #333333;
  border-radius: 3px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  margin: 0 auto 28px;
  padding: 12px 0;
  position: relative;
  text-align: center;
  width: 155px;
}
#tourDetail .requestBody dl dd a:hover{
  text-decoration: none
}
#tourDetail .requestBody dl dd span{
  bottom: 0;
  display: block;
  font-size: 11px;
  margin-bottom: 4px;
  margin-right: 11px;
  position: relative;
  text-align: right;
  font-size: 11px;
}
#tourDetail .requestBody dl dd span a{
  font-size: 11px;
  color:#F9423A;
}
#tourDetail .requestBody dl dd span a:hover{
  text-decoration: none;
}


#tourDetail .tourDatesElem .cautionList {
  margin-top:13px;
}
#tourDetail .tourDatesElem .cautionList li{
  line-height: 1.65;
  padding-left: 1em;
  text-indent: -1em;
}
#tourDetail .tourDatesElem .cautionList li a{
  color:#F9423A;
}


/******** よくあるご質問・注意事項 ********/
#tourDetail .faqElem{
}
#tourDetail .faqElem h3:nth-of-type(2){
  margin-top:61px
}

#tourDetail .faqElem .faqList{
  margin-top:20px;
}
#tourDetail .faqElem .faqList li{
  float: left;
  margin-top:20px;
}
#tourDetail .faqElem .faqList li:nth-of-type(1){
  margin-top:0px;
}
#tourDetail .faqElem .faqList li:nth-of-type(2){
  margin-top:0px;
}
#tourDetail .faqElem .faqList li:nth-of-type(odd){
  margin-right: 17px;

}
#tourDetail .faqElem .faqList li a{
  background-color: #fff;
  display: block;
  font-size: 14px;
  font-weight: bold;
  min-height: 100px;
  line-height: 1.6;
  padding: 25px 30px 25px 58px;
  width: 330px;
  height: 100%;
  border: 2px #E0E0E0 solid;
  border-radius: 4px;
  position: relative;
}
#tourDetail .faqElem .faqList li a:hover{
  text-decoration: none;
}
#tourDetail .faqElem .faqList li a .qIco{
  height: 43px;
  left: 18px;
  position: absolute;
  top: 24px;
  width: 21px;
  background: url("/tour/media/tabi_files/img/common/ico_list_q.gif") no-repeat left top;
}
#tourDetail .faqElem .faqList li a .modalIco{
  bottom: 8px;
  height: 15px;
  position: absolute;
  right: 10px;
  width: 15px;
  background: url("/tour/media/tabi_files/img/common/ico_list_openModal.gif") no-repeat left top;
}

#tourDetail .cautionText{
  background-color: #f6f6f6;
  margin-top: 20px;
  padding: 25px 0 30px;
}
#tourDetail .cautionText h4{
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
#tourDetail .cautionText ul{
  margin: 15px auto 0;
  width: 600px;
}
#tourDetail .cautionText ul li{
  line-height: 1.79;
  margin-top: 25px;
}
#tourDetail .cautionText ul li:first-child{
  margin-top:0px;
}
#tourDetail .cautionText .detailData{
  margin: 20px auto 0;
  width: 600px;
  line-height: 1.8em;
}




/******** アレンジ相談 ********/
#tourDetail .arrangeElem{
}
#tourDetail .arrangeElem h3{
  font-size: 23px;
  font-weight: bold;
  text-align: center;
  margin-top:0;
}
#tourDetail .arrangeElem h3+p{
  text-align: center;
  font-size: 16px;
}

#tourDetail .arrangeElem .formArea{
  width: 680px;
  margin: 0 auto;
  padding:0;
}
#tourDetail .arrangeElem .formArea .subTtl{
  font-size: 16px;
  font-weight: bold;
  margin-top:50px;
}
#tourDetail .arrangeElem .formArea .subTtl+p{
  font-size: 13px;
  margin-top:5px;
  text-align: center;
}

#tourDetail .arrangeElem .formArea .dataTbl td .txt {
  margin: 20px 0 5px;
  background: #ffffcc;
  padding: 20px;
  font-size: 13px;
  font-weight: bold;
  width: 96%;
}
#tourDetail .arrangeElem .formArea .dataTbl th{
  width: 185px;
}
#tourDetail .arrangeElem .formArea .dataTbl th .cautionRed{
  color: #F9423A;
  display: block;
  font-weight: normal;
  line-height: 1.4;
}

#tourDetail .arrangeElem .formArea .dataTbl th .icoRequired{
  background-color: #F9423A;
  border-radius: 30px;
  box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.3;
  margin-left: 9px;
  padding: 2px 0px 1px;
  right: 0;
  top: 0;
  width: 40px;
  text-align: center;
}

#tourDetail .arrangeElem .formArea .dataTbl td{
  width: 70%;
}
#tourDetail .arrangeElem .formArea .dataTbl td .errorMes{
  color: #F9423A;
  font-size: 12px;
  margin-top: 3px;
}
#tourDetail .arrangeElem .formArea .dataTbl td ul{
}
#tourDetail .arrangeElem .formArea .dataTbl td ul li{
  line-height: 1.7;
}
#tourDetail .arrangeElem .formArea .dataTbl td ul li input[type=checkbox]{
  border: 1px solid #C9C9C9;
}

#tourDetail .arrangeElem .formArea .detailRequest{
  margin-top:20px;
}
#tourDetail .arrangeElem .formArea .detailRequest a{
  background: #ffffff url("/tour/media/tabi_files/img/common/ico_plus.gif") no-repeat 9px center;
  border: 2px solid #cccccc;
  border-radius: 3px;
  box-sizing: border-box;
  color: #333333;
  cursor: pointer;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: 44px;
  margin: 0 auto 0 208px;
  padding: 11px 0 12px 17px;
  position: relative;
  text-align: center;
  width: 280px;
}
#tourDetail .arrangeElem .formArea .detailRequest a:hover{
  text-decoration: none;
}
#tourDetail .arrangeElem .formArea .detailRequest .detailText{
  margin-top: 56px;
  display: none;
}
#tourDetail .arrangeElem .formArea .detailRequest .detailText textarea{
  height: 255px;
  margin-top: 18px;
  width: 680px;
  border:1px solid #b2b2b2;
  padding: 17px;
}


#tourDetail .arrangeElem .formArea .dataTbl td div:first-child{
  margin: 5px 0 23px;
}
#tourDetail .arrangeElem .formArea .dataTbl td div.mailAddress{
  margin: 5px 0 19px;
}

#tourDetail .arrangeElem .formArea .dataTbl td div label{
  margin: 4px 0 0 4px;
}


#tourDetail .arrangeElem .formArea .dataTbl .checkArea{
  padding: 0;
  width: 97%;
  margin: 0 !important;
}

#tourDetail .arrangeElem .formArea .dataTbl .checkArea.error{
  background-color: #fffafa;
  border: 1px solid #F9423A;
  border-radius: 4px;
  padding: 0 0 6px 5px;
  width: 97%;
}


#tourDetail .arrangeElem .formArea .dataTbl td input{
  border: 1px solid #b2b2b2;
  border-radius: 4px;
  font-size: 14px;
  margin-top: 5px;
  padding: 4px 16px 7px;
  width: 96%;
  height: 40px;
  line-height: normal;
}
#tourDetail .arrangeElem .formArea .dataTbl td input::-webkit-input-placeholder,
#tourDetail .arrangeElem .formArea .dataTbl td input::-moz-placeholder,
#tourDetail .arrangeElem .formArea .dataTbl td input:-ms-input-placeholder{
  padding: 0px 0;
}


#tourDetail .arrangeElem .formArea .dataTbl td input.form-error,
#tourDetail .arrangeElem .formArea .dataTbl td textarea.form-error
{
  background-color: #fffafa;
  border: 1px solid #F9423A;
}


#tourDetail .arrangeElem .formArea h4{
  margin-top: 20px;
  font-weight: bold;
}
#tourDetail .arrangeElem .formArea h4+p{
  line-height: 1.8;
  margin-top: 3px;
}
#tourDetail .arrangeElem .formArea .btnArea{
  position: relative;
}
#tourDetail .arrangeElem .formArea .btnArea a{
  background-color: #F9423A;
  border-radius: 3px;
  box-sizing: border-box;
  color: #ffffff;
  cursor: pointer;
  display: block;
  font-size: 16px;
  font-weight: bold;
  height: 53px;
  margin: 64px auto 0;
  padding: 17px 0;
  position: relative;
  text-align: center;
  width: 400px;
}
#tourDetail .arrangeElem .formArea .btnArea a.disable{
  background-color: #CCCCCC;
  cursor: default;
}
#tourDetail .arrangeElem .formArea a:hover{
  text-decoration: none;
}
#tourDetail .arrangeElem .formArea .btnArea .noInputError {
  left: 50%;
  margin-left: -144px;
  position: absolute;
  top: -47px;
  z-index: 1;
}





#tourDetail .arrangeElem .cautionArea{
  background-color: #F7F5F0;
  width: 100%;
  padding: 40px 30px 30px;
  margin-top:60px;
}

#tourDetail .arrangeElem .cautionArea .inner{
  margin: 0 auto;
}
#tourDetail .arrangeElem .cautionArea .inner .dataTbl{
  margin-top: 13px;
}
#tourDetail .arrangeElem .cautionArea .inner .dataTbl:nth-of-type(2){
  margin-top: 29px;
}

#tourDetail .arrangeElem .cautionArea .inner .dataTbl th{
  padding-bottom: 14px;
  width: 122px;
}
#tourDetail .arrangeElem .cautionArea .inner .dataTbl td{
  background-color: #ffffff;
  padding-bottom: 14px;
}
#tourDetail .arrangeElem .cautionArea .inner .dataTbl td p{
  margin-top:5px;
}
#tourDetail .arrangeElem .cautionArea .inner .dataTbl:nth-of-type(2) td p{
  line-height: 1.85;
}

#tourDetail .arrangeElem .cautionArea .inner .dataTbl td p:first-child{
  margin-top:0px;
}


#tourDetail .arrangeElem .cautionArea .inner .indent1{
  text-indent: -1em;
  padding-left: 1em;
}
#tourDetail .arrangeElem .cautionArea .inner .checklist{
  background-color: #ffffff;
  border: 1px solid #dcdcdc;
  height: 53px;
  margin-top: 30px;
  padding: 19px 0;
  text-align: center;
}
#tourDetail .arrangeElem .cautionArea .inner .checklist span{
  color: #F9423A;
}

#tourDetail .arrangeElem .contactArea{
  margin: 0 auto;
  padding: 46px 0 0px;
}
#tourDetail .arrangeElem .contactArea p{
  text-align: center;
}
#tourDetail .arrangeElem .contactArea p.tourCodeMemo{
  margin-top: 15px;
}
#tourDetail .arrangeElem .contactArea p.tabiDataTitle{
  font-size: 16px;
  font-weight: bold;
  margin-top:29px;
}
#tourDetail .arrangeElem .contactArea p.tel{
  color: #F9423A;
  font-size: 50px;
  font-weight: bold;
}
#tourDetail .arrangeElem .contactArea p.businessHours{
  font-size: 16px;
  font-weight: bold;
}
#tourDetail .arrangeElem .contactArea p.officeHourLink{
  font-size: 14px;
  font-weight: normal;
  margin-top: 10px;
}
#tourDetail .arrangeElem .contactArea p.officeHourLink a{ text-decoration: underline; }
#tourDetail .arrangeElem .contactArea p.officeHourLink a:hover{ text-decoration: none; }
#tourDetail .arrangeElem .contactArea p.personCharge{
  font-size: 14px;
  color: #666666;
  margin-top:43px;
}

/** モーダル **/
.modal button.closeBtn {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 27px;
  width: 100%;
  height: auto;
  border: none;
  margin: 0;
  background: none;
  border-radius: 0px;
  color: #333;
}

.modalContents{
  background-color: #ffffff;
  border-radius: 3px;
  padding-bottom: 27px;
  width: 660px;
  margin: 0 auto;
}

.modalContents.flowModal{
  padding-bottom: 7px;
}

.modalContents .dialogContainer{
  width: 100%;
}
.modalContents .dialogContainer h2{
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 29px 44px 9px 81px;
  position: relative;
  text-align: left;
  text-indent: -1.7em;
}
.modalContents .dialogContainer h2.flowH2{
  border-bottom: 3px solid #F9423A;
  color: #333333;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 12px;
  padding: 26px 0 25px;
  position: relative;
  text-align: center;
}
.modalContents .dialogContainer h2 i{
  background: rgba(0, 0, 0, 0) url("/tour/media/tabi_files/img/common/ico_modal_q.gif") no-repeat scroll left top;
  display: inline-block;
  height: 29px;
  left: -3px;
  margin-right: 10px;
  position: relative;
  top: 10px;
  width: 17px;
}
.modalContents .dialogContainer h2 .closeIco {
  background: none;
  border-radius: 0;
  cursor: pointer;
  display: block;
  float: none;
  height: auto;
  position: absolute;
  right: 23px;
  top: 27px;
  height: 24px;
  display: table-cell;
}
.modalContents .dialogContainer h2 .closeIco,
.modalContents .dialogContainer h2 .closeIco span {
  display: inline-block;
  box-sizing: border-box;
}
.modalContents .dialogContainer h2 .closeIco {
  display: table-cell;
  height: 24px;
  width: 18px;
}
.modalContents .dialogContainer h2 .closeIco span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #999999;
  border-radius: 0;
}
.modalContents .dialogContainer h2 .closeIco span:nth-of-type(1) {
  top: 2px;
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}
.modalContents .dialogContainer h2 .closeIco span:nth-of-type(2) {
  bottom: 15px;
  opacity: 0;
}
.modalContents .dialogContainer h2 .closeIco span:nth-of-type(3) {
  bottom: 10px;
  -webkit-transform: translateY(-4px) rotate(45deg);
  transform: translateY(-4px) rotate(45deg);
}

.modalContents .dialogContainer h3{
  color: #F9423A;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
  padding: 8px 0 0 53px;
  position: relative;
  text-align: left;
}
.modalContents .dialogContainer h3 i{
  background: rgba(0, 0, 0, 0) url("/tour/media/tabi_files/img/common/ico_modal_a.gif") no-repeat scroll left top;
  display: inline-block;
  height: 25px;
  left: -3px;
  margin-right: 14px;
  position: relative;
  top: 4px;
  width: 14px;
}
.faqContent{
  display: none;
}
.modalContents .dialogContainer .read{
  font-size: 14px;
  margin: 10px auto 0;
  padding-left: 24px;
  width: 548px;
}
.modalContents .dialogContainer .read.h3None{
  margin-top:-25px;
}

.modalContents .dialogContainer .read > ul{
  font-size: 14px;
}
.modalContents .dialogContainer .read > ul > li{
  float: left;
  width: 200px;
}

.modalContents .dialogContainer .read > ul > li:first-child{
  line-height: 1.8;
  margin-right: 20px;
  width: 303px;
  font-size: 14px;
}
.modalContents .dialogContainer .read > ul > li .faq_caution{
  display: block;
  font-size: 10px;
  margin-top: 8px;
}

.modalContents .dialogContainer .read > ul > li > ul{
}
.modalContents .dialogContainer .read > ul > li > ul > li{
  float: left;
}
.modalContents .dialogContainer .read > ul > li > ul > li:first-child{
  margin:3px 0 1px;
}
.modalContents .dialogContainer .read > ul > li > ul > li:nth-of-type(2){
  margin-right:1px;
}


.modalContents .dialogContainer .read > ul > li > ul > li > img{
  display: block;
}

.modalContents .dialogContainer .btnArea {
  background-color: #f6f6f6;
  margin-top: 41px;
  padding: 6px 0 26px;
  text-align: center;
}
.modalContents .dialogContainer .btnArea p{
  color: #F9423A;
  font-size: 16px;
}
.modalContents .dialogContainer .btnArea a{
  background-color: #F9423A;
  border: 0 none;
  border-radius: 6px;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
  font-size: 16px;
  font-weight: bold;
  height: 55px;
  margin: 5px 0 0;
  padding: 17px 0 0;
  vertical-align: middle;
  width: 61%;
}

.modalContents .dialogContainer .footer {
  margin: 24px 0 0;
}
.modalContents .dialogContainer .footer .tel{
  color: #F9423A;
  font-size: 24px;
  font-weight: bold;
}
.modalContents .dialogContainer .footer p{
  font-size: 12px;
  text-align: center;
  margin-top: 4px;
}


.modalContents .dialogContainer .flow{
  margin: 26px auto 0;
}
.modalContents .dialogContainer .flow ul{
  margin: 0 0 0 40px;
  width: 563px;
}
.modalContents .dialogContainer .flow ul li{
  float:left;
  margin-left:1px;
  width: 140px;
}
.modalContents .dialogContainer .flow ul li:first-child{
  margin-left:0px;
}
.modalContents .dialogContainer .flow ul li h3{
  background: url("/tour/media/tabi_files/img/common/bg_flow.png") no-repeat left top;
  color: #333333;
  font-size: 14px;
  font-weight: bold;
  height: 34px;
  padding: 9px 13px 11px 0;
  text-align: center;
}
.modalContents .dialogContainer .flow ul li p{
  line-height: 1.8;
  margin-top: 12px;
  padding-right: 15px;
}

.modalContents.flowModal .dialogContainer .btnArea {
  margin-top: 29px;
}
.modalContents.flowModal .dialogContainer .case{
  font-size: 12px;
  letter-spacing: -1px;
  margin-bottom: 0;
  margin-top: 35px;
  padding-right: 14px;
  text-align: right;
  width: 100%;
}
.modalContents.flowModal .dialogContainer .case a{
  color: #F9423A;
  text-decoration: underline;
}
.modalContents.flowModal .dialogContainer .case a:hover{
  text-decoration: none;
}

/***** モーダル *****/
#hotelModal{
  background-color: #fff;
  padding-bottom: 9px;
  border-radius: 3px;
  max-width: 660px;
  width: 100%;
  margin: 0 auto;
}

#hotelModal #dialogContainer{
  width: 100%;
}

#hotelModal #dialogContainer h2{
  border-bottom: 3px #F9423A solid;
  font-size: 18px;
  font-weight: bold;
  color:#333;
  padding: 27px 0 23px;
  text-align: center;
  position: relative;
}
#hotelModal .hotelList{
  width: 100%;
  padding: 26px 48px 44px;
}
#hotelModal .hotelList .dataTbl{
  width: 100%;
  margin-bottom: 30px;
}
#hotelModal .hotelList .dataTbl th{
  background-color: #F6F6F6;
  font-weight: bold;
  border-top: 1px #DCDCDC solid;
  border-right: 1px #DCDCDC solid;
  border-bottom: 1px #DCDCDC solid;
  vertical-align: top;
  padding: 17px 5px 12px 17px;
  width: 110px;
  text-align: left;
}
#hotelModal .hotelList .dataTbl td{
  border-top: 1px #DCDCDC solid;
  border-left: 1px #DCDCDC solid;
  border-bottom: 1px #DCDCDC solid;
  vertical-align: top;
  padding: 19px 10px 16px 21px;
  word-wrap : break-word;
  overflow-wrap:break-word
}
#hotelModal .hotelList .dataTbl td > p,
#hotelModal .hotelList .dataTbl th > p
{
  line-height: 1.8;
  word-break: break-word;
}
#hotelModal .hotelList .dataTbl td > p{
  margin-top: -4px;
}

#hotelModal .hotelList .selectHotelTtl{
  margin-top: 15px;
  text-align: center;
  background-color: #F6F6F6;
  border-top: 1px #ddd solid;
  padding: 10px 0;
  font-weight: bold;
}
#hotelModal .hotelList ul{
}
#hotelModal .hotelList ul li{
  border-bottom: 1px #ddd solid;
  padding: 10px;
}
#hotelModal .hotelList ul li:first-child{
  border-top: 1px #ddd solid;
}


#hotelModal .closeIco {
  background: none;
  border-radius: 0;
  cursor: pointer;
  display: block;
  float: none;
  height: auto;
  position: absolute;
  right: 23px;
  top: 27px;
  height: 24px;
  display: table-cell;
}
#hotelModal .closeIco,
#hotelModal .closeIco span {
  display: inline-block;
  box-sizing: border-box;
}
#hotelModal .closeIco {
  display: table-cell;
  height: 24px;
  width: 18px;
}
#hotelModal .closeIco span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #999999;
  border-radius: 0;
}
#hotelModal .closeIco span:nth-of-type(1) {
  top: 1px;
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}
#hotelModal .closeIco span:nth-of-type(2) {
  bottom: 15px;
  opacity: 0;
}
#hotelModal .closeIco span:nth-of-type(3) {
  bottom: 10px;
  -webkit-transform: translateY(-4px) rotate(45deg);
  transform: translateY(-4px) rotate(45deg);
}
/*
issue_5810
*/

.hotelModalCus{
  background-color: #fff;
  padding-bottom: 9px;
  border-radius: 3px;
  max-width: 660px;
  width: 100%;
  margin: 0 auto;
}

.hotelModalCus #dialogContainer{
  width: 100%;
}

.hotelModalCus #dialogContainer h2{
  border-bottom: 3px #F9423A solid;
  font-size: 18px;
  font-weight: bold;
  color:#333;
  padding: 27px 0 23px;
  text-align: center;
  position: relative;
}
.hotelModalCus .hotelList{
  width: 100%;
  padding: 26px 48px 44px;
}
.hotelModalCus .hotelList .dataTbl{
  width: 100%;
  margin-bottom: 30px;
}
.hotelModalCus .hotelList .dataTbl th{
  background-color: #F6F6F6;
  font-weight: bold;
  border-top: 1px #DCDCDC solid;
  border-right: 1px #DCDCDC solid;
  border-bottom: 1px #DCDCDC solid;
  vertical-align: top;
  padding: 17px 5px 12px 17px;
  width: 110px;
  text-align: left;
}
.hotelModalCus .hotelList .dataTbl td{
  border-top: 1px #DCDCDC solid;
  border-left: 1px #DCDCDC solid;
  border-bottom: 1px #DCDCDC solid;
  vertical-align: top;
  padding: 19px 10px 16px 21px;
  word-wrap : break-word;
  overflow-wrap:break-word
}
.hotelModalCus .hotelList .dataTbl td > p,
.hotelModalCus .hotelList .dataTbl th > p
{
  line-height: 1.8;
  word-break: break-word;
}
.hotelModalCus .hotelList .dataTbl td > p{
  margin-top: -4px;
}

.hotelModalCus .hotelList .selectHotelTtl{
  margin-top: 15px;
  text-align: center;
  background-color: #F6F6F6;
  border-top: 1px #ddd solid;
  padding: 10px 0;
  font-weight: bold;
}
.hotelModalCus .hotelList ul{
}
.hotelModalCus .hotelList ul li{
  border-bottom: 1px #ddd solid;
  padding: 10px;
}
.hotelModalCus .hotelList ul li:first-child{
  border-top: 1px #ddd solid;
}


.hotelModalCus .closeIco {
  background: none;
  border-radius: 0;
  cursor: pointer;
  display: block;
  float: none;
  height: auto;
  position: absolute;
  right: 23px;
  top: 27px;
  height: 24px;
  display: table-cell;
}
.hotelModalCus .closeIco,
.hotelModalCus .closeIco span {
  display: inline-block;
  box-sizing: border-box;
}
.hotelModalCus .closeIco {
  display: table-cell;
  height: 24px;
  width: 18px;
}
.hotelModalCus .closeIco span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #999999;
  border-radius: 0;
}
.hotelModalCus .closeIco span:nth-of-type(1) {
  top: 1px;
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}
.hotelModalCus .closeIco span:nth-of-type(2) {
  bottom: 15px;
  opacity: 0;
}
.hotelModalCus .closeIco span:nth-of-type(3) {
  bottom: 10px;
  -webkit-transform: translateY(-4px) rotate(45deg);
  transform: translateY(-4px) rotate(45deg);
}

.hotelRemark{
  margin-top:25px;
  width: 100%;
}

.hotelRemark td{
  border-top: 1px #DCDCDC solid;
  border-left: 1px #DCDCDC solid;
  border-bottom: 1px #DCDCDC solid;
  vertical-align: top;
  padding: 19px 10px 16px 21px;
  word-wrap : break-word;
  overflow-wrap:break-word
}
.hotelRemark td > p {
  line-height: 1.8;
  word-break: break-word;
  margin-top: -4px;
}

.fav_tour,
.his_tour{
  margin-top: 80px;
  background:#f6f6f6;
  padding: 40px 0;
}
.his_tour{
  margin: 0;
  border-top: 1px #DCDCDC solid;
  background: #f7f5f0;

}
.relatedTour{
  background: #f7f5f0;
  padding: 40px 0 18px;
}
.fav_tour .user_tour_ttl,
.his_tour .user_tour_ttl,
.relatedTour .user_tour_ttl{
  font-size: 21px;
  font-weight: bold;
  text-align: center;
  margin-top: 0;
}
.fav_tour ul,
.his_tour ul,
.relatedTour ul{
  text-align: center;
  margin: 22px 0 0;
  font-size: 0;
}
/* 修正終わったら消す */
.relatedTour ul{
  height: 320px;
  overflow: hidden;
}
.fav_tour .tour,
.his_tour .tour,
.relatedTour .tour{
  display: inline-block;
  width:210px;
  margin:0 4px 22px;
}
.fav_tour .tour a,
.his_tour .tour a,
.relatedTour .tour a{
  display:block;
  padding:10px;
  border-top: 3px solid #D2D2D2;
  background: #fff;
  font-size: 12px;
}
.fav_tour .tour .dep_days,
.his_tour .tour .dep_days,
.relatedTour .tour .dep_days{
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
  color: #333;
}
.fav_tour .tour .dep_days .des,
.his_tour .tour .dep_days .des,
.relatedTour .tour .dep_days .des{
  font-size: 14px;
  display: block;
  border-top: 1px #E5E5E5 solid;
  margin-top: 5px;
  padding-top: 5px;
}
.fav_tour .tour .photo,
.his_tour .tour .photo,
.relatedTour .tour .photo{
  margin-bottom: 5px;
  height: 100px;
  overflow: hidden;
  vertical-align: bottom;
  position: relative;
  text-align: left;
}
.fav_tour .tour .photo img,
.his_tour .tour .photo img,
.relatedTour .tour .photo img{
  width: 100%;
  height: auto;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
}
#tourDetail .fav_tour .tour .title,
#tourDetail .his_tour .tour .title,
#tourDetail .relatedTour .tour .title{
  line-height: 1.5;
  color: #333;
  position: relative;
  height: 38px;
  overflow: hidden;
  font-size: 12px;
  margin: 0 0 5px;
  font-weight: normal;

}
.fav_tour .tour .title:before,
.his_tour .tour .title:before,
.relatedTour .tour .title:before{
  content: "\FF65\FF65\FF65";
  bottom:0;
  right: 0;
  position: absolute;
  background: #fff;
  padding: 0 5px;
}
.fav_tour .tour .price,
.his_tour .tour .price,
.relatedTour .tour .price{
  font-size:15px;
  color: #f9423a;
  font-weight: bold;
  border-top: 1px #E5E5E5 solid;
  padding-top: 5px;
}
.fav_tour .tour .user_btn,
.his_tour .tour .user_btn,
.relatedTour .tour .user_btn{
  background: #f9423a;
  text-align: center;
  padding: 10px 0;
  margin: 5px 0 0;
  border-radius: 4px;
  color: white;
  position: relative;
  font-size: 14px;
}
.fav_tour .rightArrow,
.his_tour .rightArrow,
.relatedTour .rightArrow{
  position: absolute;
  right: 21px;
  padding: 0;
  top: 0;
  bottom: 0;
}
.fav_tour .rightArrow:after,
.his_tour .rightArrow:after,
.relatedTour .rightArrow:after{
  border-right: 2px solid #FFF;
  border-top: 2px solid #FFF;
  height: 7px;
  width: 7px;
}
.fav_tour .more a,
.his_tour .more a,
.relatedTour .more a{
  border: 1px solid #f9423a;
  text-align: center;
  padding: 10px 0;
  border-radius: 4px;
  color: #f9423a;
  background: white;
  position: relative;
  display: block;
  font-size: 14px;
  width: 280px;
  margin: 0 auto;
}
.fav_tour .more a .rightArrow:after,
.his_tour .more a .rightArrow:after,
.relatedTour .more a .rightArrow:after{
  border-right: 2px solid #f9423a;
  border-top: 2px solid #f9423a;
}
button[type="button"].fav_btn{
  line-height:1;
  color: #f9423a;
  display: inline-block;
  text-align: center;
  cursor: pointer;
  border-radius: 4px;
  box-sizing: border-box;
  padding: 12px 0 12px 15px;
  position: relative;
  font-size: 16px;
  font-weight: normal;
  border: solid 1px #eee9e8;
  background: url("/images/common/heart.svg") no-repeat white;
  background-position: 26px 55%;
  overflow:visible;
  height: 52px;
  width: 100%;
  margin: 10px 0 0;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif;
  background-size: 25px 24px;
  margin-bottom : 20px;
}




.snsArea button[type="button"].fav_btn{
  width: 160px;
  background-color: #f7f5f0;
  text-align: right;
  padding : 12px 20px 12px 40px;
  background-position : 8px 55%;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  height: 40px;
  border: 1px solid;
  background-size: 30px 24px;
}
button[type="button"].fav_btn:before{
  content:"\00304a\006c17\00306b\005165\00308a\00306b\00767b\009332";
}
button[type="button"].finish{
  background: url("/tour/media/tabi_files/img/common/heart_on.svg") no-repeat white;
  background-position : 26px 55%;
  background-size : 25px 24px;
  pointer-events: none;
  margin-bottom : 20px;
  color : rgb(249, 66, 58);
  border : 1px solid rgb(249, 66, 58);
  padding-left : 15px;
  font-size : 16px;
  font-weight : normal;
}



.snsArea button[type="button"].finish{
  border : 1px solid rgb(249, 66, 58);
  border-radius : 5px;
  background-image : #f7f5f0 url("/tour/media/tabi_files/img/common/heart_on.svg");
  background-repeat : no-repeat no-repeat;
  background-attachment : initial;
  background-origin : initial;
  background-clip : initial;
  background-size : 25px 24px;
  background-position : 8px 55%;
  width : 170px;
  text-align : right;
  padding : 12px 20px 12px 40px;
  white-space: nowrap;
}
button[type="button"].finish:before{
  content:"\00304a\006c17\00306b\005165\00308a\00767b\009332\006e08\00307f";
  white-space: nowrap;
}
.snsArea .fav_on,.snsArea .fav_off{ left:23px;}
.right .fav_on,.right .fav_off{ left:57px;}


.fav_on {
  background : rgb(255, 208, 216);
}

.fav_on::after {
  border-top-color : rgb(253, 209, 216);
  border-right-color : transparent;
  border-bottom-color : transparent;
  border-left-color : transparent;
}



#ui-datepicker-div tbody .ui-datepicker-week-end a.ui-state-default {
  background: #6cf;
}
#ui-datepicker-div tbody .ui-datepicker-week-end:first-child a.ui-state-default {
  background: #f99;
}

/* star rating style */
.star-rating-label {
  padding-right: 8px;
}
.star-ratings-css {
  unicode-bidi: bidi-override;
  color: #c5c5c5;
  font-size: 18px;
  height: 20px;
  margin: 0 auto;
  position: relative;
  padding: 0;
  display: inline-block;
}
.star-ratings-css-top {
  height: 20px;
  color: #f9423a;
  padding: 0;
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  left: 0;
  overflow: hidden;
}
.star-ratings-css-bottom {
  height: 20px;
  padding: 0;
  display: block;
  z-index: 0;
}

.tour-other-a button {
  cursor: pointer;
  display: block;
  padding: 15px 0 5px 0;
  border: 0px;
  font-weight: normal;
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.5px;
  border-radius: 4px;
  margin: 10px 0 0;
  position: relative;
  text-decoration: none;
}
.tour-other-a button:after {
  border-right: 0px solid #ef463d;
  border-top: 0px solid #ef463d;
  height: 0;
  width: 0;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  content: "";
  vertical-align: middle;
  text-decoration: none;
}

@media print {
  #header, #campaign, #pan, .snsArea, #footer2015, #rightNav, #bx-pager, #slider-prev, #slider-next,
  .hotelImg, .selectMonth, .requestHead, .requestBody, .his_tour, .relatedTour, .faqElem, .borderElem, .faqData,
  .otherRequestBanner, .subTtl, .img_notice, .tab, .calendarTbl.dataTbl01, h2#tourPrice {
    display: none!important;
  }
  #tourDetail .mainContents .contentArea .left, #tourDetail .left .tourDatesElem, #baseData,
  #tourDetail .left .arrangeElem, #tourPriceData, .tourDatesData {
    width: 960px!important;
  }
  #baseData, #tourDetail .dataTbl, #tourDetail .tourDatesElem .dataTbl, .cautionText ul {
    width: 100%!important;
  }
  #tourDetail .sliderTagArea, .hotelRemark td {
    border: none;
  }
  #tourDetail .mainContents {
    margin-top: -40px!important;
  }
  h2.baseElem {
    margin-bottom: -40px!important;
  }
  .hotelText, .hotelRemark {
    padding-top: 20px;
  }
  #baseData {
    margin-top: -10px!important;
  }
  #baseData p, #tourDetail h3 {
    margin-bottom: 10px;
  }
  #tourDetail .dataTbl {
    margin-bottom: 30px;
  }
  #tourDetail h3, #tourDetail .hotelDataArea h4 {
    text-align: center;
  }
  .hotelDataArea h4 {
    margin-bottom: -30px!important;
  }
  .cautionText, .cautionArea {
    padding: 0!important;
  }
}

/* more - script.js */
.appealDesc_more {
  padding: 0 5px 0 0;
  background-color: transparent;
  border: none;
  font-family: inherit;
  font-size: 15px;
  text-decoration: underline;
  outline: none;
}

.appealDesc_more::after {
  content: "";
  display: inline-block;
  border: 2px solid #333;
  border-top-width: 0;
  border-left-width: 0;
  width: 7px;
  height: 7px;
  transform: rotate(45deg);
  margin-left: 8px;
  margin-bottom: 3px;
}

.appealDesc_more.is-shown::after {
  transform: translateY(3px) rotate(-135deg);
}

.appealDesc_more:hover {
  cursor: pointer;
}

/* star-rating-desc */
.star-rating-desc {
  display: inline-flex;
  position: relative;
}

.star-ration-desc-icon {
  background-color: transparent;
  border: none;
  padding: 0;
}

.star-ration-desc-item {
  background-color: #fff;
  border: 3px solid #ccc;
  display: none;
  font-size: 14px;
  margin-top: 6px;
  position: absolute;
  top: 100%;
  left: -20px;
  width: 394px;
  z-index: 1;
}

.star-ration-desc-item.is-show {
  display: block;
}

.star-ration-desc-item p {
  margin-top: 10px;
}

.star-ration-desc-item > .inner {
  padding: 15px 18px;
}

.star-ration-desc-item > .inner > :first-child {
  margin-top: 0;
}

.star-ration-desc-item .item-title {
  font-size: 15px;
}

.star-ration-desc-item .item-title::before {
  background-color: #333;
  content: '';
  display: inline-block;
  margin-right: 5px;
  height: 10px;
  width: 10px;
}

.star-ration-desc-item .item-title b {
  font-weight: normal;
}

.star-ration-desc-item .item-foot {
  margin-top: 8px;
  text-align: right;
}

.star-ration-desc-item .item-foot .item-close-button {
  background-color: transparent;
  border: none;
  padding: 0;
  text-decoration: underline;
}

.priceLowest_section {
  margin: 37px 0 30px;  
}

.priceLowest_desc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 30px 12px 0;
  border-bottom: 1px solid #cccccc;
}

.priceLowest_desc > dt {
  font-size: 18px;
  padding-left: 58px;
  position: relative;
  margin-top: 8px;
  min-width: 310px;
}

.priceLowest_desc > dt::before {
  content: "";
  width: 41px;
  height: 41px;
  position: absolute;
  left: 0;
  top: -8px;
}

.priceLowest_desc > dd {
  font-size: 20px;
  font-weight: bold;
  color: #60cfa3;
}

.priceLowest_desc > dd > .yen {
  font-size: 40px;
}

.price_description_list[style*="block"] + .priceLowest_section {
  display: none;
}


#people_number_form .modal-body {
  text-align: left;
  padding: 25px;
}

#people_number_form .dataTbl {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  width: 100%;
}

#people_number_form .dataTbl th {
  background-color: #F6F6F6;
  font-weight: bold;
  border-top: 1px #DCDCDC solid;
  border-right: 1px #DCDCDC solid;
  border-bottom: 1px #DCDCDC solid;
  vertical-align: top;
  padding: 18px 5px 14px 17px;
  width: 110px;
  height: 80px;
  text-align: left;
}

#people_number_form .dataTbl th .icoRequired {
  background-color: #F9423A;
  border-radius: 30px;
  box-sizing: border-box;
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.3;
  margin-left: 9px;
  padding: 2px 0px 1px;
  right: 0;
  top: 0;
  width: 40px;
  text-align: center;
}

#people_number_form .dataTbl th > p {
  line-height: 1.8;
}

#people_number_form .dataTbl td {
  border-top: 1px #DCDCDC solid;
  border-left: 1px #DCDCDC solid;
  border-bottom: 1px #DCDCDC solid;
  vertical-align: top;
  padding: 15px;
  word-wrap : break-word;
  overflow-wrap:break-word;
  vertical-align: middle;
}

#people_number_form .dataTbl select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #ffffff url("/tour/media/tabi_files/img/common/ico_dropdown_2.png") no-repeat scroll right 10px center;
  border: 1px solid #cdcdcd;
  border-radius: 4px;
  display: inline-block;
  font-size: 12px;
  padding: 0px 20px 0 14px;
  width: 142px;
  height: 40px;
  cursor: pointer;
}

#people_number_form .dataTbl select.select1 {
  width: 100%;
  height: 50px;
  font-size: 14px;
  padding: 5px 10px;
  box-shadow: inset 2px 2px 2px 2px rgb(51 51 51 / 10%);
}

#people_number_form .room-form{
  margin-top: 30px;
}

#people_number_form .dataTbl td .errorMesPreferredDate,
#people_number_form .searchFormFlex.childAge .errorMesChildNum {
  color: #F9423A;
  font-size: 12px;
  margin-top: 3px;
  font-weight: normal;
}

#people_number_form .dataTbl td select.form-error,
#people_number_form .searchFormFlex.childAge select.form-error
{
  background-color: #fffafa;
  border: 1px solid #F9423A;
}

#people_number_form .searchFormFlex {
  display: flex;
  align-items: flex-start;
}

#people_number_form .room-form .roomLabel {
  width: 100%;
  flex: 0 0 40px;
  padding: 5px 0;
  margin-right: 20px;
  border-bottom: solid 1px #d2d2d2;
  font-size: 13px;
}

#people_number_form button.closeBtn {
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 5px;
  width: 100%;
  height: auto;
  border: none;
  margin: 0;
  background: none;
  border-radius: 0px;
  color: #333;
}

#people_number_form .room-form .iconAdult {
  background: url("/tour/media/tabi_files/img/common/icon_adult.svg") no-repeat;
  background-position: 15px;
  background-size: 15px 40px;
  padding-left: 45px;
}

#people_number_form .searchFormFlex.childAge {
  flex-wrap: wrap;
  display: flex;
}

#people_number_form .searchFormFlex.childAge div {
  margin: 0;
  position: relative;
  width: 25%;
  margin-top: 15px;
  padding: 5px;
}

#people_number_form .searchFormFlex.childAge .childAgeText {
  font-weight: normal;
  font-size: 11px;
  margin-bottom: 10px;
  height: 30px;
}

#people_number_form .searchFormFlex.childAge .childTrainText {
  font-weight: normal;
  font-size: 11px;
  margin-bottom: 10px;
  height: 30px;
  width: 100%;
  text-align: center;
}

#people_number_form .searchFormFlex.childAge select {
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  height: 50px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1);
  padding: 5px 10px;
 }

#people_number_form .selectAdult select {
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  height: 50px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1);
  padding: 5px 150px 5px 10px;
}

#people_number_form .room-form .iconChild {
  background: url("/tour/media/tabi_files/img/common/icon_child.svg") no-repeat;
  background-position: 15px;
  background-size: 15px 30px;
  padding-left: 45px;
}

#people_number_form .selectChild select {
  display: flex;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
  height: 50px;
  width: 100%;
  border-radius: 4px;
  border: 1px solid #d2d2d2;
  box-shadow: inset 2px 2px 2px 2px rgba(51,51,51,.1);
  padding: 5px 150px 5px 10px;
}

#people_number_form .room-form > div {
  margin-top: 20px;
}

#people_number_form .room-form button {
  font-size: 13px;
  padding: 0;
  border: none;
  background: transparent;
}
#people_number_form .room-form button#addRooms {
  color: #f9423a;
}
#people_number_form .room-form button#addRooms::before {
  content: "";
  display: inline-block;
  background: url("/tour/media/tabi_files/img/common/ico_plus_red.svg") no-repeat;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
#people_number_form .room-form button#delRooms::before {
  content: "";
  display: inline-block;
  background: url("/tour/media/tabi_files/img/common/ico_minus_gray.svg") no-repeat;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 5px;
}

#select_form{
  height: 250px;
}

/* 関連ツアー */
.similar_tours{
  width: 50%;
  transition: all 0.3s ease;
}
.similar_tours:hover{
  background: #f6f6f6;
}
.similar_tours p{
  position: relative;
  margin-top: 10px;
  background: #F9423A;
  border: 1px solid #d2d2d2;
  padding: 10px;
  border-radius: 4px;
  font-size: 14px;
  color: #fff;
  cursor: pointer;
}
.arrow2 {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 8.1px;
  height: 4.6px;
}
.arrow2::before,
.arrow2::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc(50% - 1px);
  width: 2px;
  height: 6px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: 50% calc(100% - 1px);
}
.arrow2::before {
  transform: rotate(50deg);
}

.arrow2::after {
  transform: rotate(-50deg);
}
.similar_tours p.active{
  border-bottom: none;
  border-radius: 4px 4px 0 0;
}
.similar_tours ul{
  display: none;
  padding: 0 10px;
  border: 1px solid #d2d2d2;
  border-top: none;
  border-radius: 0 0 4px 4px;
  font-size: 14px;;
}
.similar_tours li{
  position: relative;
  width: 100%;
  padding: 5px;
}
.similar_tours li a{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/tour/media/tabi_files/img/common/ico_dropdown_3.png) no-repeat scroll right center;
}

/* 閲覧履歴 */
.tourHistory {
    margin: 20px 0;
    padding: 10px;
}
.tourHistory h3 {
    margin-bottom: 10px;
}
.tourHistory ul {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
}
.tourHistory li {
    width: 33%;
    margin-bottom: 10px;
}
.tourHistory li a {
    display: block;
    padding: 10px;
    border: 1px solid #d2d2d2;
    border-top: 4px solid #d2d2d2;
    font-size: 14px;
}
.tourHistory img {
    display: block;
    width: 100%;
    height: 100px;
    object-fit: cover;
    margin-bottom: 10px;
}
.tourHistory .departures{
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2;
    font-weight: bold;
    text-align: center;
}
.tourHistory .destinations {
    padding: 10px 0;
    font-weight: bold;
    text-align: center;
}
.tourHistory .ttl {
    margin-bottom: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}
.tourHistory .price {
    padding-top: 10px;
    border-top: 1px solid #d2d2d2;
    font-weight: bold;
    color: #F9423A;
    text-align: center;
    margin-bottom: 10px;
}
.tourHistory .detail {
    position: relative;
    display: block;
    width: 176px;
    height: 35px;
    line-height: 35px;
    margin: 0 auto;
    background: #F9423A;
    border-radius: 4px;
    text-align: center;
    color: #fff;
}
.tourHistory .detail::after {
    content: '>';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}
.tourHistory .moreBtn a {
    position: relative;
    display: block;
    width: 300px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    border: 1px solid #F9423A;
    border-radius: 4px;
    text-align: center;
    color: #F9423A;
}
.tourHistory .moreBtn a::after {
    content: '>';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}