@charset "UTF-8";
*, *::before, *::after {
    box-sizing: border-box;
}

html,body{
  font-size: 12px;
}
a,
a:hover,
a:visited{
  color:#333;
  text-decoration: none;
}

#contents {
  margin: 47px auto 0;
  width: 960px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif !important;
  padding-bottom: 98px;
}
h1{
  font-size: 28px;
  font-weight: bold;
  margin: 47px 0 26px;
  text-align: center;
}
h2{
  font-size: 18px;
  font-weight: bold;
  margin-top:60px;
}
h2:first-child{
  margin-top:0px;
}
h2+h3{
  margin-top:29px;
}
h3{
  font-size: 16px;
  font-weight: bold;
  margin-top:58px;
}
h3+p{
  font-size: 13px;
  margin-top:6px;
}
h5{
  font-size: 12px;
  font-weight: bold;
  margin-top:31px;
}
h5+p{
  font-size: 12px;
  line-height: 1.8;
  margin-top: 3px;
}

.confRead{
  font-size: 16px;
  color: #F9423A;
  margin-bottom:20px;
  font-weight: bold;
}
.confData{
  line-height: 1.8;
}

.borderElem {
  border-bottom: 2px solid #333333;
  display: block;
  height: 2px;
  margin: 0 auto;
  width: 92px;
}
#contents .left {
  float: left;
  margin-right: 55px;
  width: 680px;
}
#contents .right {
  display: block;
  float: left;
  width: 225px;
  padding-top: 11px;
}
  #contents #rightNav {
    width: 225px;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
  }

  #contents .right .telBox{
    border: 3px #E4E3E1 solid;
    padding: 21px 0 19px 0;
  }
    #contents .right .telBox h3{
      font-size: 14px;
      font-weight: bold;
      text-align: center;
      margin-top:0;
    }
    #contents .right .telBox h3+p{
      color: #F9423A;
      font-size: 22px;
      font-weight: bold;
      margin-top: 9px;
      text-align: center;
    }
    #contents .right .telBox ul{
      margin-top:8px;
    }
      #contents .right .telBox ul li{
        font-size: 12px;
        line-height: 1.2;
        margin-top: 0;
        text-align: center;
      }
      #contents .right .telBox ul li:first-child{
        margin-top:0;
      }
    #contents .right .telBox .tourCode{
      border-top: 1px solid #e4e3e1;
      line-height: 1.2;
      margin-top: 9px;
      padding-top: 9px;
      text-align: center;
    }

  #contents .right .flowBox{
    margin-top: 27px;
  }
  #contents .right .inputFlow{
    padding: 16px 20px 50px;
    margin-top:5px;
    background:#F6F6F6 url("/tour/media/tabi_files/img/common/bgt_flow_bottom.gif") no-repeat left bottom;
  }
  #contents .right .inputFlow.now{
    padding: 20px 20px 54px;
    background:#E7E7E7 url("/tour/media/tabi_files/img/common/bgt_flow_bottom_now.gif") no-repeat left bottom;
  }
  #contents .right .inputFlow.last{
    background:#F6F6F6 none;
    padding: 16px 20px 15px;
  }

    #contents .right .inputFlow h3{
      margin-top:0;
      text-align: center;
    }
      #contents .right .inputFlow h3 .step{
        font-size: 11px;
        font-weight: normal;
        display: block;
        margin-bottom:6px;
      }
      #contents .right .inputFlow h3 .step.red{
        color: #F9423A;
      }
    #contents .right .inputFlow ul{
      margin-top:10px;
    }
      #contents .right .inputFlow ul li{
        height: 41px;
        padding: 13px 0;
        text-align: center;
        background-color: #fff;
        margin-top:10px;
        border-radius: 4px;
      }
      #contents .right .inputFlow ul li:first-child{
        margin-top:0;
      }

      #contents .right .inputFlow ul li.now{
        background-color: #333;
        color: #fff;
        font-size: 12px;
      }

.detailRequest {
  margin: 20px 0 57px;
}
  .detailRequest a{
    background: #ffffff url("/tour/media/tabi_files/img/common/ico_plus.gif") no-repeat scroll 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: 12px 0 12px 16px;
    position: relative;
    text-align: center;
    width: 280px;
  }
  .detailRequest .detailText {
    display: none;
    margin-top: 58px;
  }
    .detailRequest .detailText h3{
      margin-top: 0;
    }

    .detailRequest .detailText .subTtl {
      font-size: 18px;
      font-weight: bold;
      margin-top: 2px;
      text-align: center;
    }
    .detailRequest .detailText .subTtl + p {
      font-size: 13px;
      margin-top: 5px;
      text-align: center;
    }
    .detailRequest .detailText textarea {
      border: 1px solid #b2b2b2;
      height: 255px;
      margin-top: 18px;
      padding: 17px;
      width: 680px;
    }


#contents h2+.dataTbl{
  margin-top:27px;
}
#contents .dataTbl {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: inherit;
  width: 100%;
  margin-top:17px;
}
  #contents .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: 185px;
    text-align: left;
  }
    #contents .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;
    }
    #contents .dataTbl th .cautionRed {
      color: #F9423A;
      display: block;
      font-weight: normal;
      line-height: 1.4;
      padding-right:10px;
    }

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

    #contents .dataTbl td.arrangeList
    {
      padding: 17px 10px 12px 21px;
    }
      #contents .dataTbl td.arrangeList ul
      {
        padding: 2px 0 6px;
      }

        #contents .dataTbl td.arrangeList ul li
        {
          display: inline-block;
          /*float: left;*/
          width: 150px;
          margin-top: 12px;
          vertical-align: top;
        }
        #contents .dataTbl td.arrangeList.confList ul li:before
        {
          content:'・';
        }
        #contents .dataTbl td.arrangeList.confList ul li
        {
          padding-left: 1em;
          text-indent: -1em;
        }


        #contents .dataTbl td.arrangeList ul li:nth-of-type(1),
        #contents .dataTbl td.arrangeList ul li:nth-of-type(2),
        #contents .dataTbl td.arrangeList ul li:nth-of-type(3)
        {
          margin-top: 0;
        }
          #contents .dataTbl td.arrangeList ul li a
          {
            display: block;
            background: url("/tour/media/tabi_files/img/common/ico_delete.png") left top no-repeat;
            display: block;
            padding-left: 22px;
            padding-right: 10px;
          }

          .dataTbl td .errorMes,
    .dataTbl td .errorMesY,
    .dataTbl td .errorMesM,
    .dataTbl td .errorMesD
    {
      color: #F9423A;
      font-size: 12px;
      margin-top: 8px;
    }
    #contents .dataTbl td label{
      display: inline-block;
      cursor: pointer;
    }
    #contents .dataTbl td div:first-child{
      margin: 2px 0 24px;
    }
    #contents .dataTbl td div:last-child{
      margin-bottom: 8px;
    }
    #contents .dataTbl td div.mailAddress{
      margin: 5px 0 19px;
    }
    #contents .dataTbl td div.peopleNum:first-child{
      margin: 0;
    }
    #contents .dataTbl td div.peopleNum:last-child{
      margin-bottom: 6px;
    }
    #contents .dataTbl td div.peopleNum{
      margin: 10px 0 0;
    }
      #contents .dataTbl td div.peopleNum span{
        display: inline-block;
        font-size: 12px;
        width: 130px;
      }
    #contents .dataTbl td div.mailAddressInputDiv{
      margin: 3px 0 19px;
    }

    #contents .dataTbl.consultationTbl td{
      padding: 11px 10px 12px 17px;
    }
      #contents .dataTbl.consultationTbl td div label {
        margin: 3px 0 0 4px;
      }

    #contents .dataTbl td .errorMes {
      color: #F9423A;
      font-size: 12px;
      margin-top: 3px;
    }
    #contents .dataTbl td label{
      display: inline-block;
      cursor: pointer;
    }
    #contents .dataTbl td div:first-child{
      margin: 2px 0 24px;
    }
    #contents .dataTbl td div:last-child{
      margin-bottom: 8px;
    }
    #contents .dataTbl td div.mailAddress{
      margin: 5px 0 19px;
    }
    #contents .dataTbl td div.peopleNum:first-child{
      margin: 0;
    }
    #contents .dataTbl td div.peopleNum:last-child{
      margin-bottom: 6px;
    }
    #contents .dataTbl td div.peopleNum{
      margin: 10px 0 0;
    }
      #contents .dataTbl td div.peopleNum span{
        display: inline-block;
        font-size: 12px;
        width: 130px;
      }
    #contents .dataTbl td div.mailAddressInputDiv{
      margin: 3px 0 19px;
    }
	#contents .dataTbl td .txt {
		margin: 20px 0 5px;
		background: #ffffcc;
		padding: 20px;
		font-size: 13px;
		font-weight: bold;
		width: 96%;
	}


    #contents .dataTbl .checkArea {
      margin: 0 !important;
      padding: 0;
      width: 97%;
    }
    #contents .dataTbl .checkArea.error {
      background-color: #fffafa;
      border: 1px solid #F9423A;
      border-radius: 4px;
      padding: 0 0 6px 5px;
      width: 97%;
    }

    #contents .dataTbl .detailCheckList li{
      line-height: 1.8em;
    }


    #contents .dataTbl td > p,
    #contents .dataTbl th > p {
      line-height: 1.8;
    }

    #contents .dataTbl td div label{
      margin: 4px 0 0 4px;
    }
      #contents .dataTbl td div li:first-child label{
        margin: 0px 0 0 4px;
      }

    #contents .dataTbl td div.mailAddressInputDiv label{
      margin: 0 0 0 4px;
    }

      #contents .dataTbl td label input[type=checkbox]{
        display: none;
      }
        #contents .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;
        }
        #contents .dataTbl td label i.active{
          display: inline-block;
          background: url('/tour/media/tabi_files/img/common/ico_check_on.gif') no-repeat left top;
        }

      #contents .dataTbl td label.radio {
        font-size: 12px;
        padding-left: 4px;
        width: 106px;
      }
        #contents .dataTbl td label.radio input[type=radio]{
          display: none;
        }
          #contents .dataTbl td label.radio i{
            background: url('/tour/media/tabi_files/img/common/ico_radio.gif') no-repeat left top;
            display: inline-block;
            height: 18px;
            margin-right: 8px;
            position: relative;
            top: 1px;
            width: 18px;
          }
          #contents .dataTbl td label.radio i.active{
            display: inline-block;
            background: url('/tour/media/tabi_files/img/common/ico_radio_on.gif') no-repeat left top;
          }
          #contents .dataTbl td label.radio span{
            display: inline-block;
            margin-top: 3px;
            vertical-align: top;
          }


    #contents .dataTbl td input{
      border: 1px solid #b2b2b2;
      border-radius: 4px;
      font-size: 14px;
      height: 40px;
      margin-top: 5px;
      padding: 8px 16px 10px 14px;
      width: 100%;
    }
    #contents .commentArea{
      border: 1px solid #B2B2B2;
      height: 255px;
      margin-top: 17px;
      padding: 17px;
      width: 680px;
      border-radius: 4px;
      font-size: 14px;
    }
      #contents .dataTbl td input.form-error,
      #contents .dataTbl td textarea.form-error,
      #contents .dataTbl td select.form-error
      {
        background-color: #fffafa;
        border: 1px solid #F9423A;
      }
    #contents .dataTbl .defLink{
      text-decoration: underline;
      margin-top: 10px;
      display: inline-block;
    }




    #contents .btnArea{
      position: relative;
    }
    #contents .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: 54px;
        margin: 64px auto 0;
        padding: 17px 0;
        position: relative;
        text-align: center;
        width: 400px;
    }
    #contents .btnArea button{
        background-color: #F9423A;
        border-radius: 3px;
        box-sizing: border-box;
        color: #ffffff;
        cursor: pointer;
        display: block;
        font-size: 16px;
        font-weight: bold;
        height: 54px;
        margin: 10px auto 0px 230px;
        padding: 17px 0;
        position: relative;
        text-align: center;
        width: 200px;
    }
      #contents .btnArea a.disable{
        background-color: #CCCCCC;
        cursor: default;
      }
        #contents a:hover{
          text-decoration: none;
        }
      #contents .btnArea .noInputError {
        left: 50%;
        margin-left: -144px;
        position: absolute;
        top: -47px;
        z-index: 1;
      }

    #contents .btnArea.confBtn{
      text-align: center;
    }
      #contents .btnArea.confBtn a{
        display: inline-block;
        width: 300px;
      }
      #contents .btnArea.confBtn a:first-child{
        background-color: #ffffff;
        border: 1px solid #dcdcdc;
        color: #333333;
        display: inline-block;
        margin-right: 20px;
        width: 200px;
      }

  #contents .personalInformation a,
  #contents .personalInformation a:hover,
  #contents .personalInformation a:visited{
    color: #F9423A;
    text-decoration: underline;
  }

  #contents .formInformation a,
  #contents .formInformation a:hover,
  #contents .formInformation a:visited{
    color: blue;
    text-decoration: underline;
  }


#contents .adultData > div,
#contents .childData > div,
#contents .childHavingMealBedData > div,
#contents .childNotHavingMealBedDataData > div,
#contents .infantData > div
{
  display: none;
}

#contents.confPage .adultData > div,
#contents.confPage .childData > div,
#contents.confPage .childHavingMealBedDataData > div,
#contents.confPage .childNotHavingMealBedDataData > div,
#contents.confPage .infantData > div
{
  display: block;
}


#contents.confPage .dataTbl td.travelerName .inputOuter{
  font-size: 12px;
}

.travelerData{
  margin-top:32px;
}
.travelerData:nth-of-type(1){
  margin-top:23px;
}

  .travelerData > div{
    margin-top:32px;
  }
  .travelerData > div:first-child{
    margin-top:0;
  }

  .travelerData h4{
    font-size: 16px;
    font-weight: bold;
  }

#contents .dataTbl td.travelerName{
  padding-bottom: 17px;
}

  #contents .dataTbl td.travelerName > div{
    margin-top:3px;
    margin-bottom:0;
  }
  #contents .dataTbl td.travelerName .inputOuter{
    display: inline-block;
    font-size: 0;
    margin: 0 0 0 16px;
    vertical-align: top;
  }
  #contents .dataTbl td.travelerName .inputOuter:first-child{
    margin-left: 0px;
  }


  #contents .dataTbl td.travelerName span
  {
    border-bottom: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    border-radius: 4px 0 0 4px;
    border-top: 1px solid #b2b2b2;
    display: inline-block;
    font-size: 12px;
    height: 40px;
    padding: 13px 0;
    text-align: center;
    vertical-align: top;
    width: 49px;
  }
  #contents .dataTbl td.travelerName input[type=text]
  {
    border-radius: 0 4px 4px 0;
    height: 40px;
    margin-top: 0;
    width: 150px;
  }

  #contents .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;
  }
  #contents .dataTbl select::-ms-expand {
    display: none;
  }

  #contents .dataTbl select.select1 {
    width: 100%;
  }
  #contents .dataTbl select.select2 {
    width: 85px;
    margin-right:8px
  }
#contents .dataTbl td div.w-50 {
  float: left;
  width: calc(50% - 10px);
  margin: 0px;
}
#contents .dataTbl td div.w-50:last-child{
  float: right;
}

#contents .dataTbl td.row {
  clear: both;
  overflow: hidden;
}