@charset "UTF-8";
@import "/common/css/reset.css";
@import "/common/css/common.css";

/**************************************************/
/* トピックス一覧・詳細 */
/**************************************************/

.hdMenu ul li:nth-of-type(2) a:before{padding-top:3.125%;}

#pageTop .sectionBox-sub:before {padding-top: 11.538461em;}

/* 一覧
---------------------- */
#pageTop h3.title{margin:8.333% 0 5.208%;font-size:28px;}

.topicsList{border-top:1px solid #e5e5e5;}
.topic{position:relative;display:table;width:100%;padding:4.68% 4% 4.68% 0;color:#333;font-size:15px;border-bottom:1px solid #e5e5e5;background:url(/topics/img/icon_arrow.png) no-repeat;background-position:center right 1.041%;background-size:1.66% auto;box-sizing:border-box;}
.topic p{display:table-cell;}
.topic .day{width:20%;color:#aaa;font-weight:bold;}
.topic .text{width:80%;}
.topic a{position:absolute;top:0;left:0;width:100%;height:100%;}
.nobg{background-image:none;}
.nobg:hover .text{text-decoration:none;}

.pagenation{margin:7.291% 0 18.75%;}
.pagenation ul{display:flex;justify-content:center;}
.pagenation li{margin:0 1em;font-size:15px;}
.pagenation a{color:#aaa;text-decoration:none;}
.pagenation span{color:#333;}


/* 詳細
---------------------- */
.days{margin-top:6.25%;color:#bebebe;font-size:16px;}
.head{margin:2.083% auto;color:#333;font-size:28px;font-weight:bold;line-height:1.142;}

.topicsBox{padding:6.25% 0 10.416%;font-size:15px;line-height:1.86;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;}
.topicsBox:after{content:'';display:block;clear:both;}
.topicsBox p,
.topicsBox ul,
.topicsBox ol,
.topicsBox table{margin-bottom:1em;}
.topicsBox h1{font-size:173.3%;/*26*/}
.topicsBox h2{font-size:160%;/*24*/}
.topicsBox h3{font-size:146.6%;/*22*/}
.topicsBox h4{font-size:133.3%;/*20*/}
.topicsBox h5{font-size:120%;/*18*/}
.topicsBox h6{font-size:106.6%;/*16*/}

.return{width:26.354%;margin:6.77% auto 18.229%;}



@media print, screen and (max-width: 960px) {

/* 一覧
---------------------- */
#pageTop h3.title{font-size:2.917vw;}
.topic{font-size:1.563vw;}
.pagenation li{font-size:1.563vw;}


/* 詳細
---------------------- */


/* 詳細
---------------------- */
.days{font-size:1.666vw;}
.head{font-size:2.916vw;}

.topicsBox{font-size:1.563vw;}

}



@media print, screen and (max-width: 750px) {

#pageTop .sectionBox-sub:before {padding-top: 17.334%;}

/* 一覧
---------------------- */
#pageTop h3.title{margin:14.492% 0 7.246%;font-size:5.06vw;}

.topic{display:block;padding:4.347% 5% 4.347% 0;font-size:3.2vw;background-image:url(/topics/img/sp-icon_arrow.png);background-position:center right;background-size:3.188% auto;}
.topic p{display:block;}
.topic .day{width:100%;margin-bottom:0.2em;}
.topic .text{width:100%;font-size:3.733vw;}

.pagenation{margin:11.594% 0 20.289%;}
.pagenation li{font-size:3.733vw;}


/* 詳細
---------------------- */
.days{margin-top:4.347%;font-size:3.2vw;}
.head{margin:4.347% auto;font-size:5.06vw;}

.topicsBox{padding:8.695% 0 10.145%;font-size:3.2vw;}

.return{width:55.072%;margin:11.594% auto 27.536%;}

}

/**************************************************/