/* ======================================= */
/* Common                                  */
/* ======================================= */
html {
    font-family: "メイリオ", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
    scroll-behavior: smooth;
}

.wrapper {
    min-height: 100vh;
    flex-direction: column;
    display: flex;
}

.inner {
    max-width: 1024px;
    margin: 0 auto;
}
/* Padding for 1024px or less */
@media screen and (max-width: 1024px){
    .inner{
        padding: 0 0.5rem;
    }
}
/* image */
img{
    width: 100%;
}
/* Switch areas between PC and SP */
@media screen and (max-width:928px) {
    .pc {
        display: none !important;
    }
}
@media screen and (min-width:929px) {
    .sp {
        display: none !important;
    }
}

/* ======================================= */
/* Header                                  */
/* ======================================= */
header {
    background: url(../img/header_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
}
@media screen and (min-width:2252px){
    header{
        background-size: cover;
    }
}
/* ======================================= */
 /* Site Name and Description */
/* ======================================= */
header .brand {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.brand .site-title {
    width: 100%;
    padding: 0.6rem;
}

.brand .site-title figure {
    max-width: 165px;
    margin: 0 auto;
    filter: drop-shadow(0px 0px 3px rgba(0, 0, 0, 0.8));
}
.brand .site-desc {
    width: 420px;
    padding: 0.8rem 0 1.6rem;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.8));
}
/* ======================================= */
 /* Grobal Navigation */
/* ======================================= */
#g-nav {
    border-bottom: 1px solid #FFF;
    border-top: 1px solid #FFF;
}
#g-nav ul {
    max-width: 800px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    list-style: none;
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
    color: #FFF;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    font-weight: bold;
    padding: 0;
}
#g-nav ul a {
    display: block;
    text-decoration: none;
    color: #FFF;
    padding: 0.5rem 1.2rem;
    transition: 0.6s;
}
/* ======================================= */
 /* Background color of Menu for each page */
/* ======================================= */
#g-nav ul a.home.current,
#g-nav ul a.home:hover {
    background: rgba(255, 255, 255, 0.29);
}
#g-nav ul a.nijl.current,
#g-nav ul a.nijl:hover {
    background: #d53b21;
}
#g-nav ul a.rekihaku.current,
#g-nav ul a.rekihaku:hover {
    background: #ad8547;
}
#g-nav ul a.ninjal.current,
#g-nav ul a.ninjal:hover {
    background: #00a4d5;
}
#g-nav ul a.event.current,
#g-nav ul a.event:hover {
    background: #666666;
}
.page-info{
    position: relative;
}
/* ======================================= */
 /* Background color of page name and page description for each page  */
/* ======================================= */
/* nijl */
.wrapper.wrap-nijl .page-info-bg{
    background: rgb(213, 59, 33);
    mix-blend-mode: overlay;
    position: absolute;
    height: 100%;
    width: 100%;
}
.wrapper.wrap-nijl .page-info-bg2{
    background: rgb(213, 59, 33, 0.52);
    position: absolute;
    height: 100%;
    width: 100%;
}
/* rekihaku */
.wrapper.wrap-rekihaku .page-info-bg{
    background: rgb(173, 133, 71);
    mix-blend-mode: overlay;
    position: absolute;
    height: 100%;
    width: 100%;
}
.wrapper.wrap-rekihaku .page-info-bg2{
    background: rgb(173, 133, 71, 0.7);
    position: absolute;
    height: 100%;
    width: 100%;
}
/* ninjal */
.wrapper.wrap-ninjal .page-info-bg{
    background: rgb(0, 164, 213, 0.6);
    mix-blend-mode: overlay;
    position: absolute;
    height: 100%;
    width: 100%;
}
/* event */
.wrapper.wrap-event .page-info-bg{
    background: rgb(102, 102, 102, 0.6);
    /* mix-blend-mode: overlay; */
    position: absolute;
    height: 100%;
    width: 100%;
}
/* ======================================= */
/* Page info */
/* ======================================= */
.page-info .inner{
    margin: 0 auto;
    padding-top: 2.4rem;
    padding-bottom: 3.2rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.wrapper .page-title{
    position: relative;
}
.wrapper.wrap-home .page-title {
    max-width: 340px;
    filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.8));
}
/* nijl */
.wrapper.wrap-nijl .page-title{
    max-width: 220px;
    margin-bottom: 0.4rem;
}
.wrapper.wrap-nijl .page-title img{
    padding-left: 38px;
}
.wrapper.wrap-nijl .page-title:before{
    content: url(../nijl/img/logo.svg);
    display: block;
    width: 28px;
    position: absolute;
    left: 0px;
    top: -4px;
}
/* rekihaku */
.wrapper.wrap-rekihaku .page-title{
    max-width: 220px;
    margin-bottom: 0.4rem;
}
.wrapper.wrap-rekihaku .page-title img{
    padding-left: 38px;
}
.wrapper.wrap-rekihaku .page-title:before{
    content: url(../rekihaku/img/logo.svg);
    display: block;
    width: 28px;
    position: absolute;
    left: 0px;
    top: -4px;
}
/* ninjal */
.wrapper.wrap-ninjal .page-title{
    max-width: 220px;
    margin-bottom: 0.4rem;
}
.wrapper.wrap-ninjal .page-title img{
    padding-left: 48px;
}
.wrapper.wrap-ninjal .page-title:before{
    content: url(../ninjal/img/logo.svg);
    display: block;
    width: 40px;
    position: absolute;
    left: 0px;
    top: -4px;
    mix-blend-mode: multiply;
}
/* event */
.wrapper.wrap-event .page-title{
    max-width: 100px;
    margin-bottom: 0.4rem;
}
/* ======================================= */
/* Page Description */
/* ======================================= */
.page-desc-bloc{
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.page-desc-bloc .page-nickname{
    mix-blend-mode: overlay;
    margin-bottom: 0.4rem;
}
.wrap-nijl .page-nickname{
    max-width: 140px;
}
/* nijl */
.wrap-nijl .page-desc{
    width: 340px;
}
.wrap-nijl .page-desc-bloc .page-nickname{
    max-width: 140px;
}
/* rekihaku */
.wrap-rekihaku .page-desc{
    max-width: 380px;
}
.wrap-rekihaku .page-desc-bloc .page-nickname{
    max-width: 88px;
}
/* ninjal */
.wrap-ninjal .page-desc{
    max-width: 380px;
}
.wrap-ninjal .page-desc-bloc .page-nickname{
    max-width: 140px;
}
@media screen and (max-width:928px){
    .wrap-nijl .page-desc{
        max-width: 340px;
        width: inherit;
    }
}
/* ======================================= */
/* Mobile Menu */
/* ======================================= */
@media screen and (max-width:928px) {
    .brand .site-title {
        border-bottom: 2px solid #FFF;
        width: 100%;
    }

    .brand .site-desc{
        max-width: 380px;
        width: inherit;
        padding: 0.8rem 0.5rem 1.6rem;
    }
    .openbtn {
        position: fixed;
        z-index: 9999;
        /*ボタンを最前面に*/
        top: 0px;
        right: 0px;
        cursor: pointer;
        width: 50px;
        height: 50px;
    }

    /*×に変化*/
    .openbtn span {
        display: inline-block;
        transition: all .4s;
        position: absolute;
        left: 14px;
        height: 3px;
        border-radius: 2px;
        background-color: #FFF;
        width: 45%;
    }

    .openbtn span:nth-of-type(1) {
        top: 15px;
    }

    .openbtn span:nth-of-type(2) {
        top: 23px;
    }

    .openbtn span:nth-of-type(3) {
        top: 31px;
    }

    .openbtn.active span:nth-of-type(1) {
        top: 18px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 30%;
    }

    .openbtn.active span:nth-of-type(2) {
        opacity: 0;
    }

    .openbtn.active span:nth-of-type(3) {
        top: 30px;
        left: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 30%;
    }

    #g-nav {
        /*position:fixed;にし、z-indexの数値を大きくして前面へ*/
        position: fixed;
        z-index: 999;
        /*ナビのスタート位置と形状*/
        top: 0;
        right: -120%;
        width: 100%;
        height: 100vh;
        /*ナビの高さ*/
        background: url(../img/header_bg.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        /*動き*/
        transition: all 0.6s;
    }

    #g-nav.panelactive {
        right: 0;
    }

    #g-nav.panelactive #g-nav-list {
        /*ナビの数が増えた場合縦スクロール*/
        position: fixed;
        z-index: 999;
        width: 100%;
        height: 100vh;
        /*表示する高さ*/
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }

    /*ナビゲーション*/
    #g-nav ul {
        /*ナビゲーション天地中央揃え*/
        position: absolute;
        z-index: 999;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100%;
        flex-direction: column;
    }

    /*リストのレイアウト設定*/

    #g-nav li {
        list-style: none;
        text-align: center;
        border-bottom: 1px solid #FFF;
    }
    #g-nav li:first-child{
        border-top: 1px solid #FFF;
    }
    #g-nav li a {
        color: #FFF;
        text-decoration: none;
        padding: 10px;
        display: block;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-weight: bold;
    }
}
/* ======================================= */
/* Main Area                               */
/* ======================================= */
main{
    margin-bottom: 4rem;
}
/* Bread crumb      ====================== */
.breadcrumb ul{
    list-style: none;
    padding: 0;
    display: flex;
    justify-content: flex-start;
    font-size: 84%;
    margin-bottom: 3rem;
}
.breadcrumb ul li{
    margin: 0 0.1rem;

}
.breadcrumb ul li:after{
    content: ">";
}
.breadcrumb ul li:last-child:after{
    content: none;
}
.breadcrumb ul a{
    text-decoration: none;
    color: #000;
    line-height: 1;
    padding: 0.14rem 0.6rem 0;
    border-radius: 1rem;
}
.breadcrumb ul a:hover{
    background: #bbe1fb;
}

/* Headline         ====================== */
.main-content section h1,
.main-content section h2,
.main-content section h3,
.main-content section h4{
    font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
    font-weight: bold;
}
.main-content section h1{
    font-size: 26px;
    margin-bottom: 1rem;
}
.main-content section h2{
    font-size: 24px;
    margin-bottom: 1.4rem;
}
.main-content section h3{
    font-size: 22px;
    margin-bottom: 1rem;
}
.main-content section h4{
    font-size: 20px;
}
.main-content section h1{
    display: flex;
    align-items: center;
    margin: 0 calc(50% - 42vw);
    width: 84vw;
    margin-bottom: 1rem;
}
@media screen and (max-width:928px){
    .main-content section h1{
        margin: 0 calc(50% - 50vw);
        width: 100vw;
    } 
}
.main-content section h1:before,
.main-content section h1:after{
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #666;
}
.wrap-home .main-content section h1:before{
    margin-right: 1.4rem;
}
.main-content section h1:before{
    margin-right: 1rem;
    background: rgb(163,163,163);
    background: linear-gradient(270deg, rgba(163,163,163,1) 20%, rgba(163,163,163,0) 100%);
}
.main-content section h1:after{
    margin-left: 1rem;
    background: rgb(163,163,163);
    background: linear-gradient(90deg, rgba(163,163,163,1) 20%, rgba(163,163,163,0) 100%);
}
.wrap-home .main-content section h1 span{
    justify-content: space-around;
    position: relative;
    padding-left: 18px;
    white-space: nowrap;
}
.wrap-home .main-content section h1 span:before{
    content: url(../img/book_bk.svg);
    display: block;
    width: 20px;
    position: absolute;
    left: -8px;
    top: 3px;
}

/* section common         ====================== */
section{
    margin-bottom: 4rem;
}
.contents{
    max-width: 900px;
    margin: 0 auto;
}
.contents .paragraph{
    margin-bottom: 2rem;
}
.contents p{
    line-height: 1.8;
}
.contents p.indent{
    text-indent: 1rem;
}
article a:hover{
    opacity: 0.8;
}
.contents .flex{
    display: flex;
    justify-content: flex-start;
    max-width: 100%;
}
.contents .flex div{
    margin-right: 1rem;
}
.contents .flex div:last-child{
    margin-right: 0;
}
/* Lists         ====================== */
.main-content section ul,
.main-content section ol{
    /* margin-bottom: 2rem; */
}
.main-content section ul li,
.main-content section ol li{
    margin-bottom: 0.8rem;
}
.main-content section ul.no-style{
    list-style: none;
    padding-left: 1rem;
}
.main-content ol.brackets-list{
    margin-left: 1rem;
}
.main-content ol.brackets-list li{
    list-style: none;
    /* counter-increment: cnt; */
}
.main-content ol.brackets-list li:nth-of-type(1){
    counter-reset: cnt;
}
.main-content ol.brackets-list li:not(:nth-of-type(1)) {
    counter-increment: cnt;
}
.main-content ol.brackets-list li::before{
    content: "(" counter(cnt) ")";
	display:inline-block;
	margin-left:-3rem; /* サイトに合せて調整 */
	width: 3em; /* サイトに合せて調整 */
}
/* 注釈 */
.main-content .annotetion{
    background: #F8F8F8;
    font-size: 86%;
    padding: 1rem;
    margin: 1rem 0;
}
.main-content .annotetion p{
    text-indent: -1.7rem;
    margin-left: 1.7rem;
    margin-bottom: 0.4rem;
    line-height: 1.2;
}
.main-content .annotetion p:last-child{
    margin-bottom: 0;
}
.news-bloc{
    border: 1px solid #000;
    height: 180px;
    overflow-y: scroll;
    font-size: 90%;
    padding: 1.2rem;
}
.news-bloc ul{
    list-style: none;
    padding: 0;
    margin: 0;
}
.news-bloc ul li{
    display: flex;
    justify-content: flex-start;
    margin-bottom: 0.3rem;
}
.news-bloc ul li .date{
    margin-right: 1rem;
}
/* 回り込み */
.runaround .pic{
    max-width: 44%;
}
.runaround:after{
    content: "";
    display: block;
    clear: both;
}
.center{
    margin: 0 auto;
    margin-bottom: 1rem;
}
.fRight{
    float: right;
    margin-left: 1rem;
}
.fLeft{
    float: left;
    margin-right: 1rem;
}
/* 画像を並べて配置 */
.pic-flex{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 1rem;
}
.pic-flex .pic{
    margin: 0 0.4rem;
}
.txt-small{
    font-size: 90%;
}
.txt-large{
    font-size: 110%;
}
.txt-bold{
    font-weight: bold;
}
/* Table */
article table {
    margin: 20px 0;
    border-collapse:collapse;
}
/* 見出しが左 */
th {
    background: #7d7d7d;
    border: solid 1px #ccc;
    color: #fff;
    padding: 10px;
  }
td {
    border: solid 1px #ccc;
    padding: 10px;
  }
.scroll_table{
    width: 100%;
    overflow-x: scroll;
}
.scroll_table .tbl-r03{
    min-width: 700px;
}
  @media screen and (max-width: 640px) {
    .last td:last-child {
      border-bottom: solid 1px #ccc;
      width: 100%;
    }
    .tbl-r02 {
      width: 80%;
    }
    .tbl-r02 th,
    .tbl-r02 td {
  　　border-bottom: none;
      display: block;
      width: 100%;
    }
  }

/* Back upper directory   ====================== */
.back-upper-dir{
    padding: 1rem 0;
    font-size: 80%;
}
.back-upper-dir a{
    text-decoration: none;
    background: #666;
    color: #FFF;
    padding: 0.1rem 0.8rem;
    display: inline-block;
    transition: 0.6s;
}
/* each color */
.wrap-nijl .back-upper-dir a{
    background: #d53b21;
}
.wrap-ninjal .back-upper-dir a{
    background: #00A4D5;
}
.wrap-rekihaku .back-upper-dir a{
    background: #A26C45;
}
/* ======================================= */
/* Facilities common                       */
/* ======================================= */
/* members members-list ====================== */
p.update {
    text-align: right;
    font-size: 80%;
    margin-top: -1rem;
    margin-bottom: 2rem;
}
.members-list{
    list-style: none;
    margin: 0;
    padding: 0;
}
.members-list li{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0.8rem 0.4rem;
}
.members-list li:nth-child(2n){
    background: #f9f9f9;
}
.members-list .name,
.members-list .belong{
    margin-right: 0.4rem;
}

.researchmap{
    line-height: 0;
    white-space: nowrap;
}
.researchmap a{
    background: #666;
    color: #FFF;
    text-decoration: none;
    font-size: 80%;
    padding: 0.1rem 0.4rem;
}
@media screen and (max-width:520px){
    .members-list .belong{
        font-size: 90%;
        letter-spacing: -0.04rem;
    }
    .members-list li{
        justify-content: space-between;
    }
    .member-detail{
        display: flex;
        flex-direction: column;
    }
}
/* Activity Report & Event Top   ==================== */
.activity-bloc.contents,
.event-bloc.contents{
    margin-top: 3rem;
}
.activity-panel,
.event-panel{
    display: flex;
    padding: 0.8rem 0;
    border-bottom: 2px dotted #CCC;
}
.activity-panel:first-child,
.event-panel:first-child{
    border-top: 2px dotted #CCC;
}
.activity-panel .thumbnail,
.event-panel .thumbnail{
    width: 200px;
}
.activity-panel .activity-detail,
.event-panel .event-detail{
    flex: 1;
    margin-left: 1rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.activity-panel .activity-detail h2,
.event-panel .event-detail h2{
    font-size: 20px;
    margin-bottom: 0.2rem;
    color: #666666;
}
/* 記事更新日 */
.article-update{
    font-size: 80%;
    color: #666;
    margin-top: -0.6rem;
    text-align: right;
}
.article-update:before{
    content: "Update:";
}
.activity-panel .activity-detail p,
.event-panel .event-detail p{
    line-height: 1.4;
    font-size: 90%;
    margin-bottom: 0.2rem;
    width: 100%;
}
.activity-panel .activity-detail .read-more,
.event-panel .event-detail .read-more{
    background: #666666;
    color: #FFF;
    font-size: 80%;
    padding: 0.2rem 0.4rem;
    text-decoration: none;
    display: inline-block;
    margin-top: auto;
}
.activity-panel .thumbnail img,
.event-panel .thumbnail img{
    width: 200px;
    height: 120px;
    object-fit: contain;
}
@media screen and (max-width:520px){
    .activity-panel,
    .event-panel{
        flex-direction: column;
    }
    .activity-panel .thumbnail,
    .event-panel .thumbnail{
        margin: 0 auto;
        margin-bottom: 0.4rem;
    }
    .activity-panel .activity-detail .read-more,
    .event-panel .event-detail .read-more{
        width: 100%;
        text-align: center;
    }
}
/* Activity Report Detail Page  ==================== */
.main-content section .activity-report-bloc h1{
    margin: 0 0 1rem;
    width: 100%;
}
.main-content section .activity-report-bloc h1:before,
.main-content section .activity-report-bloc h1:after{
    content: none;
}
/* index color each facilities */
.wrap-nijl .main-content section .activity-report-bloc h1,
.wrap-nijl .activity-report-bloc h2,
.wrap-nijl .activity-report-bloc h3,
.wrap-nijl .activity-report-bloc h4{
    color: #d53b21;
}
.activity-report-bloc h2{
    border-bottom: 1px solid #000;
    margin: 2rem 0 1rem;
}
.wrap-nijl .activity-report-bloc h2{
    border-bottom: 1px solid #d53b21;
    margin: 2rem 0 1rem;
}
.wrap-ninjal .activity-report-bloc h2{
    border-bottom: 1px solid #00a4d5;
    margin: 2rem 0 1rem;
}
.wrap-rekihaku .activity-report-bloc h2{
    border-bottom: 1px solid #ad8547;
    margin: 2rem 0 1rem;
}
.wrap-rekihaku .main-content section .activity-report-bloc h1,
.wrap-rekihaku .activity-report-bloc h2,
.wrap-rekihaku .activity-report-bloc h3,
.wrap-rekihaku .activity-report-bloc h4{
    color: #ad8547;
}
.wrap-ninjal .main-content section .activity-report-bloc h1,
.wrap-ninjal .activity-report-bloc h2,
.wrap-ninjal .activity-report-bloc h3,
.wrap-ninjal .activity-report-bloc h4{
    color: #00a4d5;
}
/* Content Foot       ==================== */
.content-foot{
    min-height: 350px;
}


/* ======================================= */
/* facilities-link                         */
/* ======================================= */
.facilities-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}
.facilities-link a{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 32.6%;
    min-height: 120px;
    padding: 2rem 2rem 1rem;
    transition: 0.6s;
}
.facilities-link a:hover,.event-link a:hover{
    opacity: 0.8;
}
.facilities-link a img:first-child{
    height: 19px;
    margin-bottom: 1rem;
}
.facilities-link a img:last-child{
    width: 40px;
    mix-blend-mode: multiply;
}
.facilities-link a.link-nijl{
    background: #d53b21;
}
.facilities-link a.link-rekihaku{
    background: #ad8547;
}
.facilities-link a.link-ninjal{
    background: #00a4d5;
}
.event-link{
    display: flex;
    justify-content: space-around;
}
.event-link a{
    display: flex;
    justify-content: space-around;
    padding: 2rem;
    width: 100%;
    min-height: 120px;
    background: url(../img/home/event_link_bg.jpg) center center;
    background-size: cover;
    display: flex;
    transition: 0.6s;
}
.event-link a img{
    max-width: 120px;
}
@media screen and (max-width: 928px){
    .facilities-link{
        flex-direction: column;
        margin-bottom: 0;
    }
    .facilities-link a,.event-link a{
        margin-bottom: 1rem;
        width: 60%;
    }
}
@media screen and (max-width: 528px){
    .facilities-link a,.event-link a{
        width: 90%;
    }
}
/* ======================================= */
/* Footer                                  */
/* ======================================= */
footer {
    margin-top: auto;
    background: #4D4D4D;
    color: #FFF;
    padding: 3rem 0.5rem;
}
.footer-site-desc-bloc{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}
.footer-site-desc-bloc .site-title{
    width: 140px;
}
.footer-site-desc-bloc .site-desc{
    width: 540px;
}
.facility-contact{
    display: flex;
    justify-content: space-between;
    font-size: 80%;
    margin-bottom: 2rem;
}
.copyright{
    font-size: 80%;
}
@media screen and (max-width:928px){
    
    .footer-site-desc-bloc,
    .facility-contact{
        flex-direction: column;
    }
    .facility-contact p{
        margin-bottom: 1rem;
    }
    .footer-site-desc-bloc .site-title{
        margin-bottom: 1rem;
    }
    .footer-site-desc-bloc .site-desc{
        width: 100%;
    }
}
/* ======================================= */
/* Page Top                                */
/* ======================================= */
.page-top a{
    display: flex;
    justify-content: space-around;
    align-items: center;
    background: #FFF;
    z-index: 1;
    width: 45px;
    height: 50px;
    position: fixed;
    bottom: 15rem;
    right: 1rem;
    box-shadow: 0px 0px 10px 2px  rgba(0,0,0,0.3);
}
.page-top a img{
    width: 23px;
}