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

/*-------------------headerArea------------------*/
#headerArea .leadArea {
    margin-bottom: 9%;
}


#headerArea li {
    float: left;
    width: 33.333%;
}

ul.tabMenu {
    overflow: hidden;
    clear: both;
}

#mainArea #appeal {
    margin: 3.1%;
}

#mainArea .contentsArea .contentsTitle {
    border-left: solid 7px #699FF7;
    padding: 5px;
    margin-top: 5%;
    font-size: 14px;
}

#mainArea #appeal .contentsArea .contentsText {
    margin: 3% 0 3%;
}

#mainArea #appeal .contentsArea .contentsTitle span {
    font-size: large;
    padding: 1.5%;
}

#mainArea #appeal .contentsArea .detailBox {
    padding: 3%;
    font-size: small;
    background: #F5FBE9;
    margin-top: 3%;
    margin-bottom: 10%;
}

#mainArea #appeal .contentsArea .detailBox .detailTitle {
    font-weight: bold;
}

#mainArea #appeal .contentsArea .contentsPhoto {
    margin-top: 4%;
}


#mainArea h2.phArea {
    padding-top: 9%;
}

ul.detailText1 {
    line-height: normal;
}

ul.detailText2 li {
    display: inline-block;
    margin-right: 2%;
}

ul.detailText2 {
    overflow: hidden;clear: both;line-height: normal;
}


#mainArea #appeal .contentsArea .columnArea.col2.set > li {
    margin-top: 1%;
}

#mainArea #appeal .contentsArea .columnArea.col2.set .phTitle {
    font-weight: bold;
}

#mainArea #appeal .contentsArea .columnArea.col2.set .descText {
    word-break: normal;
}

.phTitle:after {
    content: "\A" ;
    white-space: pre ;
}

ul.columnArea.col2.set {
    margin-top: 8%;
}

.linkArea.btn .linkText {
    font-weight: normal;
}

#mainArea #tour {
    padding: 0 3.1%;
}

#mainArea #basis {
    background: #F5FBE9;
    padding: 0px 3.1% 6%;
}

#mainArea #basis .listArea .columnArea.col2.nowrap {
    border-bottom: solid 1px;
    border-style: dashed;
    display: block;
}

#mainArea #basis .listArea .columnArea.col2.nowrap .phArea {
    height: auto;
    max-width: 27%;
    margin-left: 3%;
    margin-right: 3%;
}

#mainArea #basis .listArea .columnArea.col2.nowrap .descArea {
    width: 64%;
    margin-right: 3%;
    padding-bottom: 3%;
}


h3.titleBox.qaIcon {
    background-image: url(/cmn/img/kanto/mongol/basis_question_icon.png);
    background-position: 5px;
    background-repeat: no-repeat;
    background-size: 40px;
    padding: 5% 0 3% 53px;
}

.titleBox .titleText {
    font-size: large;
}

.contentsAccordion.accordion dt {
    background: #333;
    border: none;
    color: #FFF;
    background-image: url(/cmn/img/kanto/mongol/basis_qa_pointer_001.png.png);
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: 13px 9px;
    cursor: pointer;
}

.contentsAccordion.accordion dd+dt {
    margin-top: 3px;
}

.contentsAccordion.accordion dt.open {
    background-image: url(/cmn/img/kanto/mongol/basis_qa_pointer_002.png);
}

.contentsAccordion.accordion dd {
    border-bottom: 0;
}

.contentsAccordion.accordion .descArea {
    padding: 5px 5px 15px;
}

h3.titleBox.goodsIcon {
    background-image: url(/cmn/img/kanto/mongol/basis_goods_icon.png);
    background-repeat: no-repeat;
    background-position: 5px;
    background-size: 40px;
    padding: 2% 0 1% 53px;
    margin-bottom: 3%;
}

#mainArea #basis .contentsBox {
    padding: 3% 0;
}

#mainArea #basis .contentsBox .contentsText span {
    font-weight: bold;
}

#mainArea #basis .contentsBox .contentsText {
    font-size: small;
    line-height: 1.7em;
}

#mainArea #link {
    padding: 0 3.1%;
}

#mainArea #link .contentsArea .phArea {
    margin-top: 3%;
}

#mainArea #link .contentsArea .descArea {
    margin-top: 3%;
}

#mainArea #link .contentsArea .descArea .descLink a {
    color: #000;
}

#link .contentsArea .descArea .descLink {
    text-align: right;
    background-image: url("/cmn/img/kanto/mongol/icon_link.png");
    background-size: 60%;
    background-repeat: no-repeat;
    padding-right: 11%;
    background-position: 91% 40%;
}

#link .contentsArea .descArea .descLink a {
    border-bottom: solid 1px #000;
}

#footerArea #searchArea .titleArea.phArea {
    padding: 0 3.1%;
}

#searchArea .otherLinkArea {
    border-top: 1px dashed #000;
}

.linkArea.list.top {
    background-color: #333;
}

#footerArea #searchArea #tour_search_module .squeeze-area .btn-area .orange-btn04 {
    background:  -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(255, 159, 0)), color-stop(100%, rgba(255, 159, 0, 1)));
    box-shadow: 0 2px 2px rgba(0,0,0,0.4);
    font-weight: normal;
}