* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

ul{
  overflow: visible;
}

.dearb-navi{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mainmenu {
    text-align: center;
    position: relative;
    z-index: 15;
    font-size: 0;
    margin: 0 auto;
    width: 1200px;
}

.mainmenu>li {
    display: inline-block;
    margin: 0 0 0 0px
}

.mainmenu>li>a {
    position: relative;
    font-family: 'FuturaStdCondensedBold';
    font-size: 14px;
    line-height: 40px;
    display: block;
    height: 40px;
    padding: 0 17.5px
}

.mainmenu>li>a:hover {
    color: #555;
}

.mainmenu>li:first-child {
    margin-left: 0
}

.mainmenu li.about-item {
    position: relative
}

.mainmenu li.about-item .submenu {
    width: 180px;
    position: absolute;
    left: -51px
}

.mainmenu li.about-item .submenu
ul {
    padding-top: 25px;
    padding-bottom: 25px
}

.mainmenu li.about-item .submenu
li {
    padding: 5px 0
}

.mainmenu li.about-item .submenu li a:hover {
    color: #FF0052
}

.mainmenu
a {
    font-family: FuturaStdCondensedMedium;
    font-size: 13px;
    color: #222;
    letter-spacing: 2px;
}


.dearb-navi .mainmenu > li:hover > a:after,
#uberbar .mainmenu>li:hover>a:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 3.5px 4px 3.5px;
    border-color: transparent transparent #FF0052 transparent;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -3.5px;
    content: ''
}

.dearb-navi .mainmenu > li.book-item:hover a:after,
#uberbar .mainmenu > li.book-item:hover a:after,
.dearb-navi .mainmenu > li.shop-item:hover a:after,
#uberbar .mainmenu > li.shop-item:hover a:after {
    display: none
}

.dearb-navi .mainmenu > li.current .submenu,
#uberbar .mainmenu > li.current .submenu,
.dearb-navi .mainmenu > li:hover .submenu,
#uberbar .mainmenu > li:hover .submenu {
    visibility: visible
}

.dearb-navi .mainmenu > li:hover > a,
#uberbar .mainmenu > li:hover > a,
.dearb-navi .mainmenu > li.current > a,
#uberbar .mainmenu>li.current>a {
    color: #555
}

.dearb-navi .mainmenu .submenu,
#uberbar .mainmenu .submenu {
    position: absolute;
    visibility: hidden;
    width: 1200px;
    background-color: #fff;
    border-top: solid #FF0052 2px;
    left: 0px;
    top: 50px;
    box-shadow: 0px 5px 5px 0px rgba( 0, 0, 0, 0.3 );
}

.dearb-navi .mainmenu .style-item a{
    display: table-cell;
    vertical-align: middle;
    height: 50px;
}

.dearb-navi .mainmenu,
.dearb-navi .mainmenu .submenu{
    line-height: normal;
}


.dearb-navi .mainmenu .submenu .tag-menu-list,
#uberbar .mainmenu .submenu .tag-menu-list {
    float: left;
    padding-top: 25px;
    padding-left: 30px;
    padding-bottom: 25px;
    height: 350px;
    width: 280px;
    text-align: left;
}

/*
.dearb-navi .mainmenu .submenu .tag-menu-list a,
#uberbar .mainmenu .submenu .tag-menu-list .submenu-item
a {
    line-height: 31px
}
*/

.list-sub_menu{
  width: 250px;
}

li .submenu-item{
  border-top: solid 1px #f2f2f2;
  height: 45px;
  line-height: 45px;
  padding-left: 10px;
}
li .submenu-item:last-child{
  border-bottom: solid 1px #f2f2f2;
}
li .submenu-item a{
  line-height: 45px;
}


.dearb-navi .mainmenu .submenu .tag-menu-list .submenu-item a:hover,
#uberbar .mainmenu .submenu .tag-menu-list .submenu-item a:hover,
.dearb-navi .mainmenu .submenu .tag-menu-list .submenu-item a.current,
#uberbar .mainmenu .submenu .tag-menu-list .submenu-item
a.current {
    color: #FF0052
}

.dearb-navi .mainmenu .submenu .tag-menu-list .submenu-item.current a,
#uberbar .mainmenu .submenu .tag-menu-list .submenu-item.current
a {
    color: #FF0052
}

.dearb-navi .mainmenu .submenu .right-menu-content,
#uberbar .mainmenu .submenu .right-menu-content {
    //width: 719px;
    width: 920px;
    height: 350px;
    border-left: solid #eee 1px;
    margin-left: 169px;
    position: relative;
    min-height: 240px;
    overflow: hidden
}

/*
.dearb-navi .mainmenu .submenu .right-menu-content .item-right-posts,
#uberbar .mainmenu .submenu .right-menu-content .item-right-posts {
    position: absolute;
    width: 100%;
    top: 29px;
    left: 0;
    right: 0;
    bottom: 27px;
    background-color: #fff
}
*/
.dearb-navi .mainmenu .submenu .right-menu-content .item-right-posts{
    position: absolute;
    width: 920px;
    //width: 100%;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 27px;
    background-color: #fff
}

/*
.dearb-navi .mainmenu .submenu .right-menu-content .item-right-posts .content-item-right-posts,
#uberbar .mainmenu .submenu .right-menu-content .item-right-posts .content-item-right-posts {
    position: relative;
    padding: 0 30px 0 30px
}
*/

/*
.dearb-navi .mainmenu .submenu .right-menu-content .item-right-posts .loop.mini,
#uberbar .mainmenu .submenu .right-menu-content .item-right-posts
.loop.mini {
    float: left;
    width: 33.33%;
    padding-bottom: 0;
    margin-bottom: 0
}
*/
.dearb-navi .mainmenu .submenu .right-menu-content .item-right-posts .loop.mini{
    float: left;
    width: 290px;
    height:350px;
    //padding-bottom: 0;
    padding: 40px 20px 0 20px;
    margin-bottom: 0
}


.dearb-navi .mainmenu .submenu .right-menu-content .item-right-posts:first-child,
#uberbar .mainmenu .submenu .right-menu-content .item-right-posts:first-child {
    display: block
}

.dearb-navi .mainmenu .submenu:after {
    content: '';
    display: block;
    clear: both
}

#uberbar .mainmenu
.submenu {
    top: 45px
}

#uberbar .content-uberbar .mainmenu > li.about-item
.submenu {
    left: 50%;
    margin-left: -75px;
    top: 45px
}


.loop .date_tag {
  margin-top: 15px;
  color: rgb( 158, 158, 159 );
  font-size: 10px;
  text-align: left;
}




.loop {
    background-color: #fff;
    padding-bottom: 15px;
    margin: 0 0 30px 0;
    position: relative
}

.loop.loop-left-advert {
    height: 670px
}

.loop.loop-left-advert .post-txt-loop .footer-loop {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 15px
}

@media (max-width: 748px) {
    .loop.loop-left-advert .post-txt-loop .footer-loop {
        position:relative;
        left: auto;
        right: auto;
        bottom: auto
    }
}

@media (min-width: 1080px) {
    .loop.loop-left-advert .post-txt-loop {
        padding-right:2.5px;
        padding-left: 2.5px
    }
}

@media (max-width: 1080px) {
    .loop.loop-left-advert {
        height:620px
    }
}

@media (max-width: 748px) {
    .loop.loop-left-advert {
        height:auto
    }
}

.loop .post-thumb {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    display: block
}

.loop .post-thumb
img {
    //width: 100%;
    vertical-align: bottom;
}

.loop .post-thumb .post-thumb-image-wr{
  width:  250px;
  height: 187px;
  overflow: hidden;
  position: relative;
}


.loop .post-thumb
.icons {
    bottom: 10px;
    font-size: 10px;
    height: 30px;
    left: 10px;
    line-height: 28px;
    position: absolute
}

.loop .post-thumb .icons .icon-btn {
    color: #fff;
    background-color: rgba(34, 34, 34, 0.2);
    display: inline-block;
    height: 30px;
    line-height: 30px;
    margin-right: 1px;
    text-align: center;
    width: 30px;
    border: 1px
    solid #fff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}

.loop .post-thumb .icons .icon-label {
    background-color: rgba(34, 34, 34, 0.2);
    border: 1px
    solid rgba(34, 34, 34, 0.2);
    color: #fff;
    float: right;
    font-family: 'FuturaStdCondensedBold';
    font-size: 10px;
    height: 30px;
    letter-spacing: 1px;
    line-height: 31px;
    opacity: 0;
    padding: 0 10px;
    text-transform: uppercase;
    visibility: hidden;
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    transform: translateX(-30px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease
}


.loop .post-thumb .icons:hover .icon-btn {
    background-color: #222;
    border: 1px
    solid #222;
    color: #fff;
    opacity: 1;
    visibility: visible
}

.loop .post-thumb .icons:hover .icon-label {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    transform: translateX(0%);
    background-color: #222;
    color: #fff;
    display: inline-block;
    opacity: 1;
    visibility: visible
}

.loop .post-txt-loop {
    //width: 715px;
    //height: 32px;
    height: 40px;
    max-width: 100%;
    margin: 0
    auto;
    //padding: 0 30px;
    overflow: hidden;
}

.loop .post-txt-loop .post-category-txt {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #999;
    font-family: FuturaStdCondensedMedium
}

.loop .post-txt-loop .post-category {
    display: block;
    width: 65px;
    height: 30px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px;
    background: center center no-repeat;
    margin: 0 auto 0px auto
}

.loop .post-txt-loop .nicearchive-list-posts .post-thumb {
    margin-bottom: 7px
}

.loop .post-txt-loop .nicearchive-list-posts .post-category {
    background-size: 44px 20px,auto!important;
    width: 44px!important;
    height: 20px!important
}


.loop .post-txt-loop .post-title{
    font-size: 35px;
    color: #222;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 35px;
    text-align: left;
    font-family: FuturaStdCondensedBold;
    margin-bottom: 15px
}
.loop .post-txt-loop .post-title p{
margin: 0;
}

.loop .post-txt-loop .post-title
a {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #222
}

.loop .post-txt-loop .post-title a:hover {
    color: #FF0052
}

.loop .post-txt-loop .post-suptitle {
    font-family: FuturaStdCondensedMedium;
    font-size: 13px;
    line-height: 13px;
    letter-spacing: 3px;
    text-transform: uppercase
}

.loop .post-txt-loop .post-content {
    line-height: 22px;
    color: #333;
    font-size: 16px
}

.loop .post-txt-loop .post-content
.continue {
    display: block;
    width: 100px;
    height: 23px;
    overflow: hidden;
    text-align: left;
    text-indent: -9999px
}


.loop .post-txt-loop .post-content .continue
.after {
    background-position: left -23px
}

.loop .post-txt-loop .post-content
a {
    color: #FF0052
}

.loop .post-txt-loop .post-content
blockquote {
    border: 0
    none;
    font-size: inherit;
    margin: 0;
    font-style: italic;
    padding: 0
}

.loop .post-txt-loop .post-content
iframe {
    width: 100% !important
}


.loop .post-txt-loop .post-subinfos {
    color: #ccc;
    font-size: 12px;
    font-style: italic
}

.loop .post-txt-loop .post-subinfos
span {
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 1px;
    font-family: FuturaStdCondensedMedium;
    color: #999
}

.loop .post-txt-loop .post-subinfos span
a {
    color: #999
}

.loop .post-txt-loop .post-subinfos span a:hover {
    color: #222
}

.loop .post-txt-loop .post-counters {
    float: right
}

.loop .post-thumb:hover + .post-txt-loop .post-title
a {
    color: #FF0052
}

.nicearchive-list-posts .loop.loop-mini.fixed-height.hide-content {
    height: 275px
}

@media (max-width: 1080px) {
    .nicearchive-list-posts .loop.loop-mini.fixed-height.hide-content {
        height:286px
    }
}


.loop.loop-big .bigimage-collection,
.loop.loop-big .bigimage.bigvideo,
.loop.loop-big
.bigimage.widebigimage {
    margin-bottom: 15px
}

.loop.mini .post-thumb {
    margin-bottom: 9px
}

.loop.mini .post-title {
    font-size: 12px;
    line-height: 1.5em;
    display: inline-block;
    margin-bottom: 5px;
    font-weight: bold;
}

.loop.mini .post-title:hover {
    color: #FF0052
}

.loop.mini .post-subinfos {
    font-size: 10px
}

.loop.mini .post-thumb:hover + .post-txt-loop .post-title {
    color: #FF0052
}

.loop.loop-semi-medium .post-thumb {
    margin-bottom: 10px
}

.loop.loop-semi-medium .post-txt-loop .post-category {
    margin-bottom: 2px
}

.loop.loop-semi-medium .post-txt-loop .post-title {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 10px
}

.loop.loop-medium.fixed-height {
    height: 460px
}

.loop.loop-medium.fixed-height.hide-content {
    height: 320px
}

.loop.loop-medium.hide-content .post-txt-loop .post-title,
.loop.loop-mini.hide-content .post-txt-loop .post-title {
    font-size: 20px;
    line-height: 25px
}

.loop.loop-mini.fixed-height.hide-content {
    height: 258px
}

.loop.fixed-height .footer-loop {
    position: absolute;
    bottom: 16px;
    left: 30px;
    right: 30px
}
*/