@charset "utf-8";
/* CSS Document */
.mainVisualArea {
  width: 100%;
  height: 560px;
  background: #000 url("/share/domtour/goto/dp/common/img/head_dp_pc.png") center top no-repeat;
}
.mainVisualArea .mainWrap{
  width: 950px;
  margin: 0 auto;
  position: relative;
}
.mainVisualArea .mainTitle{
position: absolute;
width: 529px;
height: 452px;
top: 49px;
left: 205px;
}
body#area01 .mainVisualArea {
  background: #000 url("/share/domtour/goto/dp/common/img/head_main_area01.png") center top no-repeat;
}
body#area01 .mainVisualArea .mainTitle{
  width: 480px;
  height: 472px;
  top: 44px;
  left: 235px;
}
body#area02 .mainVisualArea {
  background: #000 url("/share/domtour/goto/dp/common/img/head_main_area02.png") center top no-repeat;
}
body#area02 .mainVisualArea .mainTitle{
  width: 480px;
  height: 472px;
  top: 44px;
  left: 235px;
}
body#area03 .mainVisualArea {
  background: #000 url("/share/domtour/goto/dp/common/img/head_main_area03.png") center top no-repeat;
}
body#area03 .mainVisualArea .mainTitle{
  width: 482px;
  height: 472px;
  top: 44px;
  left: 235px;
}
.areaLink.clm_2col {
  margin: -15px 0 0 -30px;
  padding-top: 15px;
}
.areaLink.clm_2col .col {
  margin: 15px 0 0 30px;
  position: relative;
}
.areaLink.clm_2col .col:first-child {
  margin-left: 30px;
}
.areaLink.clm_2col .col img {
  max-width: 460px;
  height: auto;
  vertical-align: middle;
}
.areaLink.clm_2col.inActive .col:after {
  content: '';
  display: inline-block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
}
.bdL {
  border-left: 1px solid #d0d0d0 !important;
}
.fs20 {
  font-size: 20px !important;
}
.type_goto .table_typeA_01 thead th {
  background: #fff2cc;
  color: #333;
}
.type_goto .table_typeA_01 tbody td {
  background: #fff;
}
.type_goto .table_typeA_01 tbody tr:nth-of-type(odd) td:first-child {
  font-weight: bold;
}
.type_goto .table_typeA_01 tbody tr:nth-of-type(even) td {
  background: #ddebf7;
  font-weight: bold;
}
.pc_alR {
  text-align: right !important;
}
.landMark {
  border: 2px solid #cc0000;
  color: #cc0000;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  padding: 10px;
  margin-top: 15px;
}
.directionList {
  display: table;
  width: 100%;
  margin-top: 30px;
}
.directionList li {
  display: table-cell;
  width: 25px;
  text-align: center;
}
.discountLink .btnWT span, .discountLink .btnRD span {
  font-weight: bold;
}
.discountLink .btnRD {
  min-height: 50px;
}
.discountLink.clm_3col {
  margin: -15px 0 0 -25px;
}
.discountLink.clm_3col .col {
  margin: 15px 0 0 25px;
}
.discountLink.clm_3col .col:first-child {
  margin-left: 25px;
}
.box_attention{
 border: 2px solid #CC0000;
 padding: 18px;
 margin-top: 60px;
}
.box_attention02{
 border: 2px solid #CC0000;
 padding: 18px;
 margin-top: 20px;
font-size:16px;
font-weight:bold;
line-height:1.4em;
}
.optinBox {
  margin-top: 20px;
}
.optinBox input[type="checkbox"] {
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: absolute;
}
.optinBox label {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  cursor: pointer;
  padding: 5px 0;
  position: relative;
  width: auto;
}
.optinBox span.optInCheck {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}
.optinBox span.optInCheck:before {
  background: #fff;
  border: 2px solid #cc0000;
  content: '';
  display: block;
  height: 16px;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
}/*
.optinBox input[type="checkbox"]:disabled + span.optInCheck:before {
  border-color: #ccc;
}
.optinBox input[type="checkbox"]:disabled + span + span.agreeTxt {
  color: #ccc;
}*/
.optinBox span.optInCheck:after {
  border-right: 3px solid #333333;
  border-bottom: 3px solid #333333;
  content: '';
  display: block;
  height: 9px;
  left: 6px;
  margin-top: -8px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 5px;
}
input[type="checkbox"]:focus + span.optInCheck {
  box-shadow: 0 0 3px 3px #ccc;
}
input[type="checkbox"]:checked + span.optInCheck:after {
  opacity: 1;
}
.optinBox span.agreeTxt {
  display: inline-block;
  margin-left: 15px;
  font-size: 18px;
  font-weight: bold;
  vertical-align: -2px;
}
td span.price {
  font-size: 16px;
}
td span.yen {
  font-size: 13px;
}
.infoArea{
    background: #0070c0;
    margin-top: 30px;
	padding: 10px 50px;
}
.infoArea .mainTxt{
    color: #fff;
    font-size: 24px;
	font-weight: bold
}
.infoArea .subTxt{
    color: #fff;
    font-size: 16px;
}

/* information */
.whatnew-head{font-size:2rem;font-weight:700;text-align:center;margin-bottom:10px;}
.whatnew-head span{position:relative;}
.whatnew-head span:before, .whatnew-head span:after{content:"";displayb:block;width:40px;height:1px;border-top:1px solid #111;position:absolute;top:50%;transform:translateY(-2px);}
.whatnew-head span:before{left:-50px;}
.whatnew-head span:after{right:-50px;}
.info-wrap{overflow-y:scroll;width:100%;max-width:950px;max-height:140px;margin:0 auto 40px auto;}
.info-wrap .info_list{display:flex;flex-wrap:wrap;width:100%;}
.info-wrap .info_list > dt{font-weight:400;width:110px;margin:10px 0 0 0;}
.info-wrap .info_list > dd{width:calc(100% - 110px);margin:10px 0 0 0;}