/*webzine*/
#webzine_list{border-top:5px solid #ff5793;}
#webzine_list .wz_item{position:relative; display:flex; padding:30px; border-bottom:1px solid #dbdbdb;}
#webzine_list .wz_item .pic_box{width:230px; max-width:100%; margin-right:40px;}
#webzine_list .wz_item .pic_box a{position:relative; display:block; width:100%; min-height:160px; border:1px solid #d5d5d5; box-sizing:border-box; overflow:hidden; background:#fff;}
#webzine_list .wz_item .pic_box a img{max-width:110%; max-height:160px; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#webzine_list .wz_item .txt_box{width:calc(100% - 270px); padding-top:20px;}
#webzine_list .wz_item .txt_box .state_box{display:inline-block; line-height:1em;}
#webzine_list .wz_item .txt_box .subject{font-size:18px; font-weight:500; line-height:1.3em; margin-bottom:20px;}
#webzine_list .wz_item .txt_box .subject a{margin-right:5px; word-break:keep-all;}
#webzine_list .wz_item .txt_box .info{color:#535353; font-size:13px;}
#webzine_list .wz_item .txt_box .info dl{position:relative; margin-top:1rem;}
#webzine_list .wz_item .txt_box .info dl:first-child{margin-top:0;}
#webzine_list .wz_item .txt_box .info dt{position:absolute; top:0; left:0; font-weight:500;}
#webzine_list .wz_item .txt_box .info dd{position:relative; margin-left:50px; padding-left:15px;}
#webzine_list .wz_item .txt_box .info dd:before{content:""; display:block; width:1px; height:14px; background:#a8a8a8; position:absolute; top:2px; left:0;}
#webzine_list .wz_item .txt_box .info .content{font-size:14px; margin-top:20px; max-height:51px; display:block; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis;  word-break:keep-all;}

.board_wrap .state_box{display:inline-block;}
.board_wrap .state_box span{display:inline-block; vertical-align:middle; font-size:10px; margin-right:5px;}
.board_wrap .state_box .new em{display:inline-block; width:20px; height:20px; border:2px solid #586ed3; background:#586ed3; color:#fff; line-height:1.1rem; text-align:center; border-radius:999px; box-sizing:border-box; font-size:10px; font-weight:700; vertical-align:middle; text-indent:-1px;}
.board_wrap .state_box .file{display:inline-block; font-size:18px; color:#586ed3; margin-top:2px;}
.board_wrap .state_box .secret-icon{display:inline-block; font-size:18px; color:#586ed3; line-height:1.6rem; margin-top:2px;}

.board_wrap .boardView .title_box{border-top: 5px solid #ff5793; padding:4% 4% 3%;}
.board_wrap .boardView .title_box .tit{color: #514e50; font-size: 22px;}
.board_wrap .boardView .title_box .date{text-align:right; font-size:15px; margin-top:5px;}
.board_wrap .boardView .title_box .date em{display:inline-block; margin:0 3px;}

#webzine_list .wz_item .txt_box .subject a:hover{color:#f64689;text-decoration:underline}

@media all and (max-width:1024px) {
#webzine_list .wz_item{flex-direction:column; padding:20px 0;}
#webzine_list .wz_item .pic_box{margin-right:0;}
#webzine_list .wz_item .txt_box{width:100%;}
}

@media all and (max-width:760px) {
.board_wrap .boardView .title_box .tit{font-size:19px;}
.board_wrap .boardView .title_box .date{font-size:14px;}

#webzine_list .wz_item .pic_box{width:200px;}
#webzine_list .wz_item .pic_box a{min-height:135px;}
}