@charset "utf-8";
/*////////////// christmasmarket/IndexCSS Document //////////////*/

/* ===============================================
 container（API商品デザイン）　
=============================================== */
#container .on-airport, #container .tour-api .on-label {
    display: none;
}
#container .api_search_spr_tour, #container .api_detail_spr_tour {
    margin: 0 3.1% 20px;
}
.titleArea+.tourBox {
    margin-top: -5%;
}



/* ===============================================
 mainArea（メインエリア）　
=============================================== */
/* cntsBox01（テンプレート01/左画像右テキスト）------------------*/
.cntsBox01 .descArea {
  margin: 0 3.1% 4%;
  clear: both;
  overflow: hidden;
  a & {
    background-image: url("../images/common/icon_btn_right_003.png");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: 1rem;
  }
}
.cntsBox01 .descArea .phArea {
    width: 40%;
    margin-right: 2%;
    float: left;
    padding: 0;
}
.cntsBox01 .descText {
    float: left;
    width: 52%;
    padding: 0;
}
.cntsBox01 .descArea .phArea iframe {
    width: 100%;
}
.cntsBox01+.linkArea.btn {
    margin: 0 10%;
}


/* cntsBox02（テンプレート02/Q&A使用）------------------*/
.cntsBox02 {
    padding: 0 3.1%;
}
.cntsBox02 .titleBox {
    background-color: #003B72;
    color: #FFF;
    padding: 0.2rem 0 0.2rem 8%;
    font-weight: bold;
    background-image: url("../images/top/question_q_icon_001.png");
    background-position: 3% 50%;
    background-repeat: no-repeat;
    background-size: 4%;
}
.cntsBox02 .boxText {
    padding: 0.5rem 0 1.3rem 9%;
    background-image: url("../images/top/question_a_icon_001.png");
    background-position: 3% 0.9rem;
    background-repeat: no-repeat;
    background-size: 4.5%;
}
.cntsBox02+.line01 > .linkArea.btn {
    margin: 1% 10% 6%;
}


/* table01（テーブル01/小セル）------------------*/
.table01 {
    width: 94%;
    margin-left: 3%;
    border-collapse: separate;
  border-spacing: 2px;
}
.table01+.table01 {
    margin-top: 1rem;
}
.table01 th {
    padding: 0.3rem;
    vertical-align: middle;
    white-space: nowrap;
}
.table01 td {
    padding-left: 3.1%;
    white-space: nowrap;
    vertical-align: middle;
}
.table01.cntsCenter td {
    padding: 0;
    text-align: center;
}
.table01 th.smallCell {
    font-size: 70%;
    line-height: 1.1rem;
}
.table01.cell2 td {
    width: 50%;
}
.table01.cell4 tr:first-child th {
    width: 25%;
}
.table01.cell4{
	display: block;
    /*overflow-x: scroll;*/
    white-space: nowrap;
	-webkit-overflow-scrolling: touch;
	width: 100%;
    padding: 0 3%;
    box-sizing: border-box;
    margin: 1rem 0;
}
.table01.cell4 tbody{
    width: 100%;
    display: table;
	 padding-right: 3%;
}

/* table01（テーブル01/小セル/茶色）------------------*/
.brownBg .table01 th {
    background-color: #6A3906;
    color: #FFF;
}
.brownBg .table01 td {
    background-color: #FFF;
}


/* table02（テーブル02/大セル）------------------*/
.table02 {
    width: 94%;
    margin-left: 3%;
    border-collapse: separate;
    padding-bottom: 1rem;
}
.table02 th {
    padding: 0.3rem;
}
.table02 td {
    padding: 0.5rem 0 0.5rem 3.1%;
    white-space: nowrap;
}
.table02 td li+li {
    padding-top: 0.2rem;
}
.table02 td .tableText {
    font-weight: bold;
    margin-bottom: 0.2rem;
}


/* table02.span（テーブル02/テキスト）------------------*/
.table02 td span.redText {
    color: #B10507;
}
.table02 td span.bigText {
    font-weight: bold;
    font-size: 1.7rem;
}
.table02 td span.number {
    font-weight: normal;
}


/* blueBg .whiteBg .table02（テーブル02/青）------------------*/
.blueBg .whiteBg .table02 th {
    background-color: #003B72;
    color: #FFF;
}
.blueBg .whiteBg .table02 td {
    background-color: #E0E9F2;
}


/* continueCnts（cssアコーディオン/高さ調節）------------------*/
#enjoyArea .continueCnts {
    height: 30rem;
}
#climateArea .continueCnts {
    height: 12rem;
}



/* ===============================================
 pfArea（パンフレットエリア）　
=============================================== */
.pfArea {
    clear: both;
    overflow: hidden;
    padding: 4% 6.2%;
}
.pfArea > .pfText {
    width: 60%;
    float: left;
    margin-top: 1%;
}
.pfArea .pfCover {
    transform: rotate(-350deg);
    -moz-transform: rotate(-350deg);
    -webkit-transform: rotate(-350deg);
    width: 26%;
    float: right;
    margin: 0 5%;
}
.pfArea + .linkArea.btn {
    margin: 0 10% 6%;
}
.cntsList01 li:last-child {
    padding-bottom: 1.2rem;
}