@charset "utf-8";
/* CSS Document */

/* ==========================
==========　メイン　===========
============================= */
/*ページビジュアル*/
.page_visual {
    background: url(../img/paga_visual.png)no-repeat center center;
    background-size: cover;
}

/*新着情報---------------------*/

.topix a {
  text-decoration: underline;
}
.topix a:hover {
	text-decoration: none;
}

.topix {
    position: relative;
    margin-bottom: 40px;
}

.topix dl::-webkit-scrollbar{
    width: 10px;
}
.topix dl::-webkit-scrollbar-track-piece {
    background: #BCDE51;
}
.topix dl::-webkit-scrollbar-track{
    background: #BCDE51;
}
.topix dl::-webkit-scrollbar-thumb{
    background: #039244;
    border-radius: 5px;
}

.topix dl div {padding: 25px 0;}
.topix dl div:nth-child(odd) {
    background: #ededed;
}
.topix dl div {
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.topix dt {
    width: 100px;
    padding-right: 100px;
    color: #999999;
}
.topix dt.new_icon {
    background: url(../img/topix_icon.png)no-repeat top 4px right 20px;
}

.topix dd {
    width: 680px;
}


.more {
	margin-top: 40px;
}
.more .more_btn {
    position: relative;
    width: 300px;
    padding: 10px 0;
    text-align: center;
    margin: auto;
    background: url(../../img/topix_bg.png)no-repeat center;
    color: #fff;
}
.more .more_btn a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}




/* 固有のスマホ対応記述
========================== */

/* 700pxより小さい場合 */
@media screen and ( max-width: 700px ){
	
.topix ul li {padding: 25px 15px;}
.topix ul li dl dd {
    width: auto;
    padding-left: 20px;
}
  
  
  
}


@media print {


}