@charset "utf-8";

#mainTitle.news{background-image:url(../images/bg_maintitle_news.jpg);}
#mainTitle.photo{background-image:url(../images/bg_maintitle_photo.jpg);}

/*--newsIndex--*/

ul.newsIndex{
    border-top:#e7e7e7 1px solid;
}
ul.newsIndex li{
    border-bottom:#e7e7e7 1px solid;
    padding:15px 0;
}
ul.newsIndex li a{
    display:block;
    overflow:hidden;
}
ul.newsIndex li a span{
    width:8em;
    float:left;
    font-size:0.867em;
    color:#666;
}
ul.newsIndex li a p{
    margin-left:8em;
    font-size:0.933em;
}
ul.newsIndex li a:hover p{ color:#666; }

#container ul.pageNav{
    margin-top:60px;
    overflow:hidden;
    position:relative;
}
#container ul.pageNav li{
    width:120px;
    height:40px;
}
#container ul.pageNav li.back{float:left;}

#container ul.pageNav li.next{float:right;}

#container ul.pageNav li.list{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

#container ul.pageNav li a{
    display:block;
    width:100%;
    height:100%;
    background-color:#1264a2;
    line-height:40px;
    text-align:center;
    color:#fff;
    font-size:0.867em;
}

#container ul.pageNav li a:hover{ background-color:#166eb0;}

/*--newsDetail--*/

.newsTitle{
    border-bottom:#d4d4d4 1px solid;
    margin-bottom:30px;
    text-align:left;
}

.newsTitle span{
    display:block;
    color:#666666;
    font-size:0.933em;
}

#container .newsTitle h2{
    font-size:1.600em;
    line-height:1.5;
    border-bottom:none;
    margin-bottom:0;
}

.post figure{
    max-width:600px;
    width:auto;
    margin-left:auto;
    margin-right:auto;
}


/*--activityphoto--*/
ul.photo{
    overflow:hidden;
    max-width:780px;
    margin-left:auto;
    margin-right:auto;

    }
ul.photo li{
    width:46%;
    float:left;
    position:relative;
   margin-bottom:50px;
}

ul.photo li.odd{float:right;}
ul.photo li.pd{padding-bottom:27px;}

ul.photo li a:hover .img{opacity:0.8;}
ul.photo li .img{
    overflow:hidden;
    padding-top:77.7777%;
    position:relative;
}
ul.photo li .img img{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}

ul.photo li .txt{
    display:block;
    background:#3f3f3f url(../../common/images/ico_arrow_01.svg) 95% 50% no-repeat;
    background-size:17px auto;
    width:88.8888%;
    padding-left:20px;
    height:54px;
    line-height:54px;
    color:#fff;
    font-size:	0.933em;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
}
ul.photo li .txt span{font-size:0.786em;}


@media screen and (min-width : 768px) and (max-width : 1139px){

}


@media screen and (max-width: 767px) {
#container ul.pageNav{
    margin-top:40px;
}
#container ul.pageNav li{
    max-width:28%;
    height:30px;
}

#container ul.pageNav li a{
    line-height:30px;
    font-size:1rem;
}


ul.newsIndex li a span{
    display:block;
    width:auto;
    float:none;
}
ul.newsIndex li a p{
    margin-left:0;
}


/*--newsDetail--*/

#container .newsTitle h2{
    font-size:1.9rem;
}
/*--activityphoto--*/

ul.photo li{
    width:auto;
    max-width:270px;
    float:none;
    margin:0 auto;
    position:relative;
   margin-bottom:40px;
}

ul.photo li.odd{float:none;}



}