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

/* ===============================================
 all（全体）　
=============================================== */
/* .bg001（画像背景）------------------*/


/* ===============================================
 headerArea（ヘッダーエリア）　
=============================================== */
#headerArea .titleArea.main {
    margin:  0;
}
#headerArea .leadArea {
    margin:  0;
    font-weight: bold;
    position:  absolute;
    bottom: 2.8em;
    text-align:  center;
    width: 100%;
    line-height: 2em;
    color: #000;
}
#headerArea .phTitleArea {
    position: relative;
}
#headerArea .titleArea.main {
    padding-bottom: 12rem;
}


/* ===============================================
 mainNavArea（メインナビ）　
=============================================== */
#mainNavArea .navArea {
    border-top: dotted #A1A1A1 1px;
}
#mainNavArea .navArea > li {
    padding: 1.5em 3.1%;
    border-bottom: dotted #A1A1A1 1px;
}
#mainNavArea .navArea > li .phArea {
    margin: 0 3.1% 1em;
}
#mainNavArea .navArea > li .phArea.newIcon {
    position:  relative;
}
#mainNavArea .navArea > li .phArea.newIcon:before {
    content:  "NEW";
    position:  absolute;
    color: #FFF;
    z-index: 2;
    transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 0.6em;
    left: 0.1em;
    font-size: 1.2em;
}
#mainNavArea .navArea > li .phArea.newIcon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width:0;
    height:0;
    border-left: 4.2em solid #000;
    border-bottom: 4.2em solid transparent;
}
#mainNavArea .navArea > li .descText {
    margin: 0 3.1% 1em;
    font-size: 105%;
    line-height: 2em;
    color: #000;
}
#mainNavArea .navArea > li .descText .bigText {
    display:  block;
    font-size: 150%;
    margin-bottom: 0.1em;
}
#mainNavArea .navArea > li .cntsList {
    clear:  both;
    overflow:  hidden;
}
#mainNavArea .navArea > li .cntsList > li {
    width: 31%;
    display:  block;
    float:  left;
    border: solid 1px #000;
}
#mainNavArea .navArea > li .cntsList > li+li {
    margin-left: 2.5%;
}
#mainNavArea .navArea > li .cntsList > li a {
    display:  block;
}
#mainNavArea .navArea > li .cntsList > li  span {
    padding: 0.7em 1em 0.7em 0.5em;
    display:  block;
    color: #000;
    text-align:  center;
    position:relative;
    font-size: 90%;
    letter-spacing: -1px;
}
#mainNavArea .navArea > li .cntsList > li  span:after {
	content:'';
	position: absolute;
	top:35%;
	right: 0.5em;
	width:0;
	height:0;
	border-top: 0.5em solid transparent;
	border-left: 0.5em solid #000;
	border-bottom: 0.5em solid transparent;
}
#mainNavArea .navArea > li .cntsList > li.noLink span {
    position:  initial;
}


/* ===============================================
 footerArea（フッターエリア部分）　
=============================================== */
/* .titleArea.headlines（タイトルデザイン）------------------*/
.cntsWrap .titleArea.headlines {
    background-image: none;
    background-color: transparent;
    text-align: center;
    padding: 0;
    margin: 3% 3% 7%;
    border-bottom: solid 5px #000;
    position: relative;
}
.cntsWrap .titleArea.headlines .titleText {
    color: #000;
    padding: 1em 0 0.5em;
    font-size: 2rem;
}
.cntsWrap .titleArea.headlines::before, .cntsWrap .titleArea.headlines::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 46.8%;
    height: 0;
    width: 0;
    border: 15px solid transparent;
}
.cntsWrap .titleArea.headlines::before {
    border-top: 20px solid #000;
}
.cntsWrap .titleArea.headlines::after {
    margin-top: -7px;
    border-top: 20px solid #fff;
}

/* .otherLinkTitle（サブタイトルデザイン）------------------*/
#searchArea .otherLinkArea {
    border-top: none;
    padding: 0;
    text-align: center;
}
.otherLinkTitle {
    font-weight: bold;
    padding: 0 2.5% 1.5%;
    border-bottom: solid 3px #000;
    display: inline;
    font-size: 130%;
}

/* .linkArea.btn（フッターエリア/ボタンデザイン）------------------*/
#searchArea #tour_search_module .squeeze-area .btn-area .orange-btn04 {
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(253, 171, 41)), color-stop(100%, rgba(253, 171, 41, 1)));
    box-shadow: 0 3px rgb(202,133,30);
}


/* ===============================================
 featureArea（おすすめ特集エリア部分）　
=============================================== */
/* .featureList li（各特集枠）------------------*/
#featureArea .featureList li {
    border-bottom: none;
}
#featureArea .featureList li+li {
    border-top: dotted 1px #000;
}
#featureArea .featureList {
    padding: 0 3.1%;
}
#featureArea .featureList .featureBox .phArea {
    padding: 0 2% 0 0;
}
#featureArea .featureList .featureBox .detailArea .titleText {
    color: #000;
}
#featureArea .featureList li {
    background-image: url("/cmn/img/kanto/icon/instruction/arrow_right_black001.png");
}