@charset "utf-8";
html{
    margin-top: 0 !important;
}
body{
    font-family: Helvetica, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    font-size: 12px;
    letter-spacing: 0.08em;
}
a{
    color:inherit;
    text-decoration: none;
}
input, textare{
    outline: none;
}
.gfl{
    font-family: 'Lato', sans-serif;
}
.social{
    font-family: 'Rajdhani', sans-serif;
}

.post_subject p{
    width: 40px;
    height: 22px;
    line-height: 24px;
    text-align: center;
    font-size: 13px;
    background: #efefec;
}

.post_subject p.science{
    color: #4264cf;
}
.post_subject p.law{
    color: #f35f58;
}

#wrapper{
    min-width: 1024px;
    position: relative;
}
header{
    height: 117px;
    background: '' no-repeat center center;
    background-size: cover;
    border-top: 3px solid #ff9714;
    background-color: white;
}
header > div{
    max-width: 1058px;
    padding: 25px 20px 0 80px;
    margin: 0 auto;
    position: relative;
}
header > div > div{
    position: absolute;
    top: 0;
    right: 28px;
}
header > div > div ul{
    height: 29px;
}
header > div > div ul li{
    width: 239px;
    padding-top: 14px;
    height: 15px;
    text-align: center;
    font-size: 13px;
    border-right: 1px solid black;
    border-left: 1px solid black;
    float: left;
}
header > div > div ul li a:hover{
    opacity: 0.6;
}

header > div > div ul li + li{
    width: 179px;
    border-left: none;
}
header > div > div > div{
    position: absolute;
    top: 59px;
    right: -8px;
}
header > div > div > div p{
    margin-left: 14px;
    float: left;
}

header > div > div > div p.tw{
    background: url(../img/header_social_tw_bg.png) no-repeat 0 0;
    background-size: contain;
}

header > div > div > div p.fb{
    background: url(../img/header_social_fb_bg.png) no-repeat 0 0;
    background-size: contain;
}

header > div > div > div p img{
    opacity: 0;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}
header > div > div > div p a:hover img{
    opacity: 1;
}

header > div > div form{
    width: 300px;
    height: 35px;
    margin-top: 28px;
}
header > div > div input{
    width: 210px;
    height: 35px;
    padding: 0;
    padding-left: 15px;
    background-color: #ececec;
    border: none;
    float: left;
    box-shadow: 1px 1px 0 0 rgba(0,0,0,0.05) inset;
}
header > div > div input + button{
    width: 35px;
    height: 35px;
    padding: 0;
    background-color: #39bda0;
    border: none;
    float: left;
}

.contentWrap:after{
    content: '';
    clear: both;
    display: block;
}
.contentWrap .ranking{
    width: 330px;
    float: right;
}
.contentWrap .ranking ul{
    padding: 20px 19px 35px;
    margin-top: 19px;
    border-radius: 5px;
    background-color: #f2f2f0;
    box-shadow: 1px 1px 0 0 rgba(0,0,0,0.05) inset;
}

.contentWrap .ranking ul li + li:before{
    content: '';
    height: 1px;
    width: 269px;
    margin-left: 23px;
    background-color: #d9d9d9;
    display: block;
}
.contentWrap .ranking ul li .thumbnail{
    width: 290px;
    height: 158px;
    background-color: white;
    border: 1px solid #e0dfde;
    border-radius: 5px;
    overflow: hidden;
}
.contentWrap .ranking ul li+li .thumbnail{
    margin-top: 10px;
}
.contentWrap .ranking ul li .thumbnail span a{
    width: 290px;
    height: 158px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.contentWrap .ranking ul li .thumbnail span a img{
    max-width: 290px;
    max-height: 158px;
    width: auto !important;
    height: auto !important;
}

.contentWrap .ranking ul li h3{
    padding: 17px 0 17px 55px;
    line-height: 1.5em;
}

.contentWrap .ranking ul li h3 a{
    display: block;
}

.contentWrap .ranking ul li h3 a:hover{
    text-decoration: underline;
}

.contentWrap .ranking ul li.rank1 h3{
    background: url(../img/rank_1.png) no-repeat left center;
}
.contentWrap .ranking ul li.rank2 h3{
    background: url(../img/rank_2.png) no-repeat left center;
}
.contentWrap .ranking ul li.rank3 h3{
    background: url(../img/rank_3.png) no-repeat left center;
}
.contentWrap .ranking ul li.rank4 h3{
    background: url(../img/rank_4.png) no-repeat left center;
}
.contentWrap .ranking ul li.rank1 h3{
    background: url(../img/rank_1.png) no-repeat left center;
}
.contentWrap .ranking ul li.rank5 h3{
    background: url(../img/rank_5.png) no-repeat left center;
}
.contentWrap .ranking ul li.rank6 h3{
    background: url(../img/rank_6.png) no-repeat left center;
}
.contentWrap .ranking ul li.rank7 h3{
    background: url(../img/rank_7.png) no-repeat left center;
}
.contentWrap .ranking ul li.rank8 h3{
    background: url(../img/rank_8.png) no-repeat left center;
}
.contentWrap .ranking ul li.rank9 h3{
    background: url(../img/rank_9.png) no-repeat left center;
}
.contentWrap .ranking ul li.rank10 h3{
    background: url(../img/rank_10.png) no-repeat left center;
}

.contentWrap .ranking .post_subject{
    display: none;
}

.tag > ul li{
    float: left;
}
.tag > ul li a{
    color: #39bda0;
    text-decoration: underline;
}
.thumbnail{
    border-right: 1px solid #d9d9d9;
}
.wp-pagenavi{
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    position: relative;
    width: 400px;
    margin: 49px auto 0;
}


.wp-pagenavi .page,
.wp-pagenavi .current,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    display: inline-block;
    margin: 0 8px;
}
.wp-pagenavi .current{
    background: url(../img/pager_current_bg.png) no-repeat center center;
}
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink{
    text-indent: -9999px;
    display: inline-block;
    position: absolute;
    top: 0;
}
.wp-pagenavi .previouspostslink{
    background: url(../img/pager_arr_l.png) no-repeat center center;
    left: 0;
}
.wp-pagenavi .nextpostslink{
    background: url(../img/pager_arr_r.png) no-repeat center center;
    right: 0;
}

/* home */
.home{
    background-color: #fbfbfa;
}
.home #catch{
    width: 100%;
    height: 240px;
    position: relative;
    z-index: 2;
    background: url(../img/1706/mv.jpg) no-repeat center center #cfe6af;
    background-size: auto 100%;
}
.home #catch:before{
    content: "";
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url(../img/1706/mv_cover.png) repeat center center;
    background-size: 10px 10px;
}
.home #catch > div{
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
}
.home #catch > div > h2{
    text-align: center;
}
.home #topic{
    width: 100%;
    height: 430px;
    overflow: hidden;
    position: relative;
    background: url(../img/topics_bg.png) repeat;
}
.home #topic > h2{
    position: absolute;
    top: 30px;
    right: 50%;
    margin-right: 201px;
    z-index: 10;
}
.home #topic > div > ul{
    margin: 50px 50px 0 0;
    float: left;
}
.home #topic > div > ul li{
    float: left;
    position: relative;
}
.home #topic > div > ul > li + li{
    margin-left: 50px;
}
.home #topic > div > ul > li:before{
    content: '';
    width: 100%;
    height: 340px;
    background-color: #f3cf78;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    z-index: 1;
    opacity: 1;
}
.home #topic > div > ul li article{
    width: 820px;
    height: 338px;
    border: 1px solid #e0dfde;
    border-radius: 5px;
    background-color: white;
    position: relative;
    opacity: 0.3;
    transition: opacity 0.3s ease-out;
    z-index: 2;
}
.home #topic > div > ul li.current article{
    opacity: 1;
}
.home #topic > div > ul li article .thumbnail{
    width: 345px;
    height: 338px;
    text-align: center;
    float: left;
}
.home #topic > div > ul li article .thumbnail > span{
    width: 346px;
    height: 338px;
    display: table-cell;
    vertical-align: middle;
}
.home #topic > div > ul li article h3{
    width: 414px;
    max-height: 77px;
    padding: 35px 30px 10px;
    font-size: 22px;
    line-height: 1.3em;
    float: left;
    overflow: hidden;
}
.home #topic > div > ul li article  h3 + div{
    width: 406px;
    height: 150px;
    padding: 15px 9px 0 24px;
    margin: 0 10px;
    line-height: 1.8em;
    border-top: 1px solid #f5f4f2;
    float: left;
    overflow: hidden;
}
.home #topic > div > ul li article > .meta{
    width: 415px;
    position: absolute;
    right: 20px;
    bottom: 15px;
    height: 22px;
}
.home #topic > div > ul li article > .meta .tag{
    overflow: hidden;
    float: left;
    padding: 5px 0;
}
.home #topic > div > ul li article > .meta .tag:before{
    content: 'TAG';
    margin-right: 25px;
    letter-spacing: .1em;
    color: #39bda0;
    font-size: 11px;
    font-family: 'Lato', sans-serif;
    font-style: italic;
    display: block;
    float: left;
}
.home #topic > div > ul li article > .meta .tag ul{
    height: 1em;
    width: 190px;
    float: left;
    overflow: hidden;
}
.home #topic > div > ul li article > .meta .tag ul li{
    margin-right: 14px;
    font-size: 11px;
    padding-bottom: 2px;
}

#topic .post_subject{
    float: right;
}

.home #topic > a{
    height: 430px;
    position: absolute;
    top: 0;
    z-index: 10;
    text-indent: -9999px;
}
.home #topic > a.topic_next{
    left: 50%;
    right: 0;
    margin-left: 421px;
    background: url(../img/topics_arr_r.png) no-repeat left center;
}
.home #topic > a.topic_prev{
    right: 50%;
    left: 0;
    margin-right: 421px;
    background: url(../img/topics_arr_l.png) no-repeat right center;
}
.home .contentWrap{
    max-width: 1120px;
    margin: 0 auto;
    padding: 20px 0 42px;
    background: url(../img/home_sec_bg_el.png) no-repeat 216px top;
}
.home .contentWrap .entry{
    max-width: 752px;
    width: 67.1%;
    float: left;
}

.home .contentWrap .entry > div:first-child{
    margin-bottom: 39px;
    position: relative;
}
.home .contentWrap .entry > div:first-child > p{
    position: absolute;
    bottom: 0;
}
.home .contentWrap .entry > div:first-child > h2 + p{
    font-size: 12px;
    left: 230px;
    font-weight: bold;
}
.home .contentWrap .entry > div:first-child > p span{
    color: #39bda0;
}
.home .contentWrap .entry > div:first-child > h2 + p + p{
    padding-left: 15px;
    right: 0;
    background: url(../img/el_arr.png) no-repeat left center;
}
.home .contentWrap .entry > div:first-child > h2 + p + p a{
    padding: 5px 0;
    font-size: 12px;
    border-bottom: 2px solid black;
    display: inline-block;
}
.home .contentWrap .entry > article{
    height: 170px;
    background-color: white;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
}
.home .contentWrap .entry > article.new:before{
    content: 'NEW';
    width: 60px;
    height: 22px;
    font-family: 'Lato', sans-serif;
    color: white;
    text-align: center;
    line-height: 22px;
    background-color: #ffc659;
    display: block;
    position: absolute;
    top: 0;
    left: 206px;
}
.home .contentWrap .entry > article + article{
    margin-top: 15px;
}

.home .contentWrap .entry > article > a{
    display: block;
    position: relative;
}

.home .contentWrap .entry > article > a:hover:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(122, 208, 131, 0.8);
    display: block; 
    z-index: 2;
}
.home .contentWrap .entry > article .thumbnail{
    width: 205px;
    height: 170px;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}
.home .contentWrap .entry > article .thumbnail > span{
    width: 205px;
    height: 170px;
    display: table-cell;
    vertical-align: middle;
}
.home .contentWrap .entry > article h3{
    margin-left: 205px;
    height: 170px;
    padding: 50px 20px;
    line-height: 1.5em;
    font-size: 22px;
    box-sizing: border-box;
}
.home .contentWrap .entry > article a > div + p{
    height: 95px;
    padding-left: 150px;
/*     padding-left: 78px; */
    font-size: 20px;
    color: white;
    line-height: 95px;
    position: absolute;
    top: 39px;
    z-index: 3;
    color: transparent;
    transition: all 0.3s ease-out;
}

.home .contentWrap .entry > article a > div + p:after{
    content: "";
    display: block;
    position: absolute;
    left: 30px;
    top: 0;
    bottom: 0;
    width: 100px;
    background: url(../img/home_article_arr.png) no-repeat 0px center;
    transition: all 0.3s ease-out;
    opacity: 0;
    transition-delay: 0.05s;
}
.home .contentWrap .entry > article a:hover > div + p:after{
    left: 60px;
    opacity: 1;
}
.home .contentWrap .entry > article a:hover > div + p{
    padding-left: 150px;
    background-position-x: 72px;
    color: #FFF;
}
.home .contentWrap .entry > article .post_subject{
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.home .kknewsWrap{
    padding-top: 54px;
    background-color: #ffc659;
}
.home .kknewsWrap > div{
    max-width: 1080px;
    min-height: 306px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.home .kknewsWrap > div h2{
    height: 23px;
    margin-bottom: 40px;
}

.home .kknewsWrap > div > p{
    padding-left: 15px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/el_arr.png) no-repeat left center;
}
.home .kknewsWrap > div > p > a{
    font-size: 12px;
    line-height: 18px;
    border-bottom: 2px solid black;
    display: inline-block;
    letter-spacing: 0.1em;
    font-weight: bold;
}
.home .kknewsWrap > div:after{
    content: '';
    clear: both;
    display: block;
}
.home .kknewsWrap article{
    width: 305px;
    height: 240px;
    margin-left: 34px;
    border-left: 1px solid #f2920c;
    float: left;
    overflow: hidden;
    position: relative;
}
.home .kknewsWrap article > a{
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 0 20px;
}
.home .kknewsWrap article > a:hover h3{
    text-decoration: underline;
}
.home .kknewsWrap article a.new:after{
    content: 'NEW';
    width: 38px;
    height: 14px;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    color: white;
    background-color: #d1111b;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}
.home .kknewsWrap article .meta{
    font-size: 12px;
    line-height: 15px;
}
.home .kknewsWrap article h3{
    font-size: 15px;
    line-height: 1.6em;
    margin: 8px 0;
}
.home .kknewsWrap article a > div > p{
    line-height: 2em;
}


/* single */
.single{
    background-color: #fbfbfa;
}
.single .contentWrap{
    max-width: 1120px;
    margin: 0 auto;
    padding: 20px 0 58px;
    position: relative;
}
.single article{
    max-width: 750px;
    width: 66.9%;
    float: left;
    border: 1px solid #e0dfde;
    border-radius: 2px;
    background-color: white;
}

.single article .meta{
    padding: 13px 50px 0;
    background-color: #f2f2f0;
}

.single article .upper{
    overflow: hidden;
    margin-bottom: 20px;
}

.single article .post_subject{
    float: left;
    margin-right: 20px;
}

.single article .post_subject p{
    background-color: #FFF;
}

.single article .meta .date{
    line-height: 24px;
    color: #999;
}
.single article .meta h3{
    margin-bottom: 21px;
    font-size: 28px;
    line-height: 38px;
    clear: both;
}
.single article .meta .tag ul{
    padding: 12px 120px 11px;
    min-height: 1em;
    background: url(../img/meta_tag.png) no-repeat 28px 10px;
    background-size: 85px 16px;
    background-color: #78d2be;
    border-radius: 5px;
    box-shadow: 1px 1px 0 0 rgba(0,0,0,0.05) inset;
}
.single article .meta .tag ul li{
    margin-left: 20px;
    line-height: 1.3em;
}
.single article .meta .tag ul li:after{
/*     content: ","; */
    display: inline-block;
    padding: 0 0 0 8px;
    color: #FFF;
}
.single article .meta .tag ul li:last-child:after{
    display: none;
}
.single article .meta .tag ul li a{
    color: white;
}

.single article .meta .tag ul li a:hover{
    opacity: 0.8;
}

.single article .meta .tag ul:after{
    content: '';
    clear: both;
    display: block;
}
.single article .meta .social{
    padding: 20px 0;
    height: 30px;
}
.single article .meta .social a{
    display: block;
    height: 26px;
    padding: 0 25px 0 40px;
    line-height: 30px;
    float: left;
    font-size: 12px;
    font-weight: bold;
    border: 2px solid #FFF;
    border-radius: 6px;
    background-color: #FFF;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 19px 19px;
    margin-right: 12px;
    position: relative;
    overflow: hidden;
}
.single article .meta .social a:after{
    content: "";
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    opacity: 0;
    transition: opacity 300ms ease;
}
.single article .meta .social a:hover:after{
    opacity: 0.1;
}
.single article .meta .social a.fb{
    color: #39559c;
    border-color: #39559c;
    background-image: url(../img/1706/fb.png);
}
.single article .meta .social a.fb:hover:after{
    background: #39559c;
}
.single article .meta .social a.tw{
    color: #05a0f5;
    border-color: #05a0f5;
    background-image: url(../img/1706/tw.png);
}
.single article .meta .social a.tw:hover:after{
    background: #05a0f5;
}
.single article .meta .social a.hb{
    color: #00a4de;
    border-color: #00a4de;
    background-image: url(../img/1706/hb.png);
}
.single article .meta .social a.hb:hover:after{
    background: #00a4de;
}
.single article .contentBody{
    padding: 19px 41px 35px;

}
.single article .contentBody h5{
    font-size: 20px;
/*     line-height: 28px; */
    padding: 12px 15px 8px 42px;
    margin-left: 10px;
    background: url(../img/single_h_el.png) no-repeat 14px center;
    background-color: #efefec;
    display: inline-block;
}
.single article .contentBody p {
    font-size: 15px;
    line-height: 1.8em;
    padding: 0 10px 0;
}
.single article .contentBody p.image{
    height: 373px;
    width: 684px;
    line-height: 0;
    padding: 0;
    text-align: center;
    border: 2px solid black;
    display: table-cell;
    vertical-align: middle;
}
.single article .contentBody p + p,
.single article .contentBody h5 + p{
    margin-top: 20px;
}
.single article .contentBody p + p.image{
    margin-top: 30px;
}
.single article .contentBody p + h5{
    margin-top: 25px;
}

.single article .contentBody p.withImg{
    text-align: center;
    padding: 0;
}

.single article .contentBody p.withImg a{
    display: table-cell;
    width: 663px;
    text-align: center;
    vertical-align: middle;
    border: 2px solid black;
}

.single article .contentBody p.withImg img{
    width: 100%;
    height: auto !important;
    vertical-align: bottom;
}

.single article .bottom_meta{
    margin: 0 30px;
    padding: 19px 19px 0;
    background-color: white;
    border-top: 2px solid #e7e7e5;
}
.single .anotherpost{
    padding: 12px 0 24px;
    background-color: #f2f2f0;
}
.single .anotherpost > div{
    max-width: 1088px;
    margin: 0 auto;
}
.single .anotherpost > div h2{
    margin-bottom: 12px;
    font-size: 14px;
    padding-left: 10px;
}

.single .anotherpost .noAritcle{
    padding: 40px 0 40px 10px;
    font-size: 14px;
    font-weight: bold;
}
.single .anotherpost > div ul{
    height: 217px;
}
.single .anotherpost > div ul li{
    width: 25%;
    padding:0 10px;
    float: left;
    box-sizing: border-box;
}
.single .anotherpost > div ul li .thumbnail{
    width: auto;
    height: 158px;
    border-radius: 5px;
    border: 1px solid #e0dfde;
    background-color: white;
}
.single .anotherpost > div ul li .thumbnail span{
    height: 158px;
    width: 250px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.single .anotherpost > div ul li h3{
    height: 40px;
    margin-top: 13px;
    font-size: 13px;
    line-height: 22px;
    overflow: hidden;
}
.single .anotherpost > div ul li .post_subject{
    display: none;
}
.single .contentWrap .ranking{
    margin-bottom: 176px;
}

.single .related_item{
    margin: 10px 30px 30px;
    padding: 22px 4px 0;
    background: #f2f2f0;
    overflow: hidden;
}

.single .related_item h2{
    font-size: 18px;
    margin-left: 20px;
    padding: 4px 15px 0 28px;
    background: url(../img/single_h_el.png) no-repeat 0 center;
    margin-bottom: 20px;
}

.single .related_item .item{
    overflow: hidden;
    float: left;
    width: 296px;
    margin: 0 20px 40px;
}

.single .related_item .item .img{
    background: #FFF;
    float: left;
    margin-right: 6px;
}

.single .related_item .item .img a{
    width: 170px;
    height: 240px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.single .related_item .item .img img{
    max-height: 240px;
    max-width: 170px;
    vertical-align: middle;
}

.single .related_item .item iframe{
    width: 120px;
    height: 240px;
}

#totop{
    position: absolute;
    bottom: 10px;
    right: 0;
}

/* other */
.search .contentWrap,
.tag .contentWrap,
.category .contentWrap{
    background-image: none;
}

/* about */
.about{
    width: 100%;
    padding: 58px 0 100px;
    background: url(../img/about_bg.png) repeat;
    position: relative;
}
.about:before{
    content: '';
    width: 100%;
    height: 346px;
    background: url(../img/1706/about_bg.png) no-repeat center center #cfe6af;
    background-size: auto 100%;;
    display: block;
    position: absolute;
    top: 0;
    z-index: 1;
}
.about:after{
    content: "";
    display: block;
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: url(../img/1706/mv_cover.png) repeat center center;
    background-size: 10px 10px;
    z-index: 2;
}
.about .contentWrap{
    width: 600px;
    padding: 50px 100px;
    margin: 0 auto;
    background: #FFF;
    border: 1px solid #e0dfde;
    border-radius: 10px;
    position: relative;
    z-index: 3;
}
.about .contentWrap > h2{
    margin-bottom: 55px;
    text-align: center;
}
.about .contentWrap > div{
    font-size: 16px;
    line-height: 32px;
    margin-bottom: 30px;
}


footer{
    height: 218px;
    background-color: white;
    border-top: 3px solid #ff9714;
}
footer > div{
    max-width: 1080px;
    margin: 0 auto;
    padding: 25px 20px 0;
    position: relative;
}
footer > div > div{
    height: 146px;
    position: absolute;
    top: 38px;
    right: 20px;
}
footer > div > div ul{
    height: 20px;
}
footer > div > div ul li{
    width: 239px;
    height: 20px;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    border-right: 1px solid black;
    border-left: 1px solid black;
    float: left;
}
footer > div > div ul li a:hover{
    opacity: 0.6;
}
footer > div > div ul li + li{
    width: 179px;
    border-left: none;
}
footer > div > div .social{
    position: absolute;
    top: 59px;
    right: 21px;
}
footer > div > div .social p{
    margin-left: 20px;
    float: left;
}
footer > div > div .social p.tw{
    background: url(../img/header_social_tw_bg.png) no-repeat 0 0;
    background-size: contain;
}
footer > div > div .social p.fb{
    background: url(../img/header_social_fb_bg.png) no-repeat 0 0;
    background-size: contain;
}
footer > div > div .social p.fb{
    
}

footer > div > div .social p img{
    opacity: 0;
    -webkit-transition: all 200ms;
    transition: all 200ms;
}

footer > div > div .social p a:hover img{
    opacity: 1;
}

footer > div > div form{
    width: 260px;
    height: 40px;
    margin-top: 40px;
}
footer > div > div input{
    width: 205px;
    height: 40px;
    padding: 0;
    padding-left: 15px;
    background-color: #ececec;
    border: none;
    float: left;
    box-shadow: 1px 1px 0 0 rgba(0,0,0,0.05) inset;
}
footer > div > div input + button{
    width: 40px;
    height: 40px;
    padding: 0;
    background-color: #39bda0;
    border: none;
    float: left;
}
footer > div > div .copy{
    position: absolute;
    bottom: 0;
    left: 0;
}

#wrapper > nav{
    display: none;
}

#searchResultNone{
    text-align: center;
    font-weight: bold;
    padding: 40px 0;
    position: relative;
    margin-top: 20px;
}

#searchResultNone *{
    position: relative !important;
}

#searchResultNone:before{
    content: "";
    display: block;
    width: 40px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -20px;
}

#searchResultNone .notFound{
    font-size: 18px;
    padding-bottom: 40px;
    line-height: 40px;
}

#searchResultNone .text{
    font-size: 12px;
    line-height: 26px;
}