.collection {
}

.collection-inner {
}

.collection-inner ul {
    list-style:none;
    width: 98%;
    margin: 0 auto;
    background-image: url(../../img/ita.png);
    background-size: contain;
    /* width: 100%; */
    height: 155px;
    /*height: 120px;*/
    background-repeat: no-repeat;
    background-position-y: 77px;
    /*background-position-y: 58px;*/
}

.collection-inner ul:first-child {
    background-position-y: 77px;
}


.collection-inner ul li {
    width:7%;
    display:inline-block;
    padding:2%;
}

.collection-inner ul li img{
    width:100%;
}


/********************************
 *
********************************/
.collection-detail {
}

.collection-detail-inner {
    width:70%;
    margin:0 auto 20px;
}

.collection-detail-inner img, .collection-detail-inner2 img {
    width:100%;
}

.collection-detail-inner2 {
    width:96%;
    margin:0 auto 20px;
}

.map-inner {
    width:98%;
    margin:0 auto 20px;
}

.map-inner ul {
    margin:20px 0px;
}

.map-inner ul li {
    display:inline-block;
    width:44%;
    margin:2%;
}

.map-inner ul li img {
    width:100%;

}

.bookmark {
    /*border: solid 1px #a7a7a7;*/
    width: 100%;
    line-height: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background:#fff;
}

.bookmark a {
    /*padding: 18px 0;*/
    display: block;
    color: #7c7c7c;
}

.bookmark a span{
    padding: 0 0 0 18px;
    color: #7c7c7c;
    background: url(../../img/reviews_star_bookmark.png) no-repeat 0 2px;
    font-weight: bold;
    font-size: 18px;
}

.onbookmark {
    border: solid 1px #0790ef;
    width: 100%;
    line-height: 1;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
}


.onbookmark a {
/*   padding: 18px 0 ;*/
    display: block;
    color: #FFF;
/*
    background: linear-gradient(to bottom, #199df9 0%,#008cee 100%);
*/
}

.onbookmark a span {
    padding: 0 0 0 18px;
    color: #FFF;
    background: url(../../img/listbox_bookmark_on.png) no-repeat 0 2px;
    font-size: 18px;
}



/*--------------------------------------------------

@max-width 768px

--------------------------------------------------*/
@media screen and (max-width: 768px) {
    .collection-inner ul li {
    width: 6%;
    display: inline-block;
    padding: 2% 6%;
    }

    .collection-inner ul.txt {
        height: 35px;
        text-align: center;
    }

    .collection-inner ul li.txt {
    width: 20%;
    display: inline-block;
    padding: 2% 1%;
    font-size: 10px;
    /* text-align: center; */
    margin: 0 auto;
    vertical-align: top;
    }
}
