/**/
    .pc{
        display:none;
    }
	@media screen and (min-width:1024px){
    	.sp{
            display:none;
        }
    	.pc{
            display:block;
        }
		.topicspage a:hover{
			opacity:0.6;
		}
	}

    /**/
    .topicspage{
		font-family:'メイリオ', 'Meiryo', sans-serif;
		font-size:2.0rem;
        padding-top:3em;
	}
	.topicspage .topics_breadlist{
		font-size:1.0rem;
	}
    .topicspage img{
        max-width:100%;
		vertical-align: top;
    }
    .topicspage figure{
        margin:0;
		padding:0;
    }
	#main .sc .topicspage strong{
		font-weight: bold;
		font-size: 1.2rem;
	}
	@media screen and (min-width:1024px){
		.topicspage{
			font-size:1.0rem;
		}
		.topicspage .topics_breadlist{
			font-size:small;
		}
	}
	.topicspage .topics_head{
        display:flex;
        justify-content: center;
        flex-wrap:wrap;
        margin-top: 2em;
        margin-bottom: 2em;
	}

    .topicspage .topics_head_img{
        width: 100%;
        margin-bottom: 2em;
    }
    .topicspage .topics_head_ttl{
        width: 100%;
        margin:0;
        padding:0;
    }
	@media screen and (min-width:1024px){
		.topicspage .topics_head{
			margin-top: 3em;
			margin-bottom: 3em;
		}
	}

    .topicspage .topics_body{
        margin:2em 0.5em 0;
    }
	.topicspage .topics_blc{
		display: flex;
		flex-direction: column;
		gap:1.5em;
	}
	.topicspage .topics_blc + .topics_blc{
		margin-top: 2em;
	}

	.topicspage .topics_blc figure img{
		width: 100%;
	}
	.topicspage.topics_blc .txt{
		letter-spacing: 0.05em;
		line-height: 1.5;
	}
	@media screen and (min-width:1024px){
		.topicspage .topics_body{
			margin:3em 0 0;
		}
		.topicspage .topics_blc{
			flex-wrap: wrap;
			flex-direction: row;
			align-items:flex-start;
			gap:50px;
		}
		.topicspage .topics_blc._right{
			flex-direction: row-reverse;
		}
		.topicspage .topics_blc + .topics_blc{
			margin-top: 3em;
		}
		.topicspage .topics_blc figure{
			width: calc((100% - 50px) /2);
		}
		.topicspage .topics_blc .txt{
			width: calc((100% - 50px) /2);
		}
		.topicspage .topics_blc._img .txt{
			width: 100%;
		}
	}
	.topics_bn{
		display: flex;
		gap: 1.5em;
		margin-top: 2em;
		flex-direction: column;
		justify-self: center;
	}
	.topics_bn > div{
		width: 100%;
	}
	.topics_bn > div img{
		width: 100%;
	}
	.topics_bn > div._website a{
		height: 100%;
		border: 1px solid #ccc;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: bold;
		text-align: center;
		padding:15px 0;
	}
	.topics_pager{
		display: flex;
		justify-content: space-between;
	}
	.topics_pager a{
		width: 30%;
	}
	@media screen and (min-width:1024px){
		.topics_bn{
			gap: 2em;
			margin-top: 3em;
			justify-content: center;
			flex-direction: row;
		}
		.topics_bn > div{
			flex: 1;
			max-width: calc((100% - 2em) / 2);
		}
		.topics_bn > div._website a{
			font-size: 1.4rem;
			line-height: 1.8;
			padding:0;
		}
		.topics_pager a{
			width: 15%;
		}
	}
	.topics_foot{
		border-top: 1px solid #ccc;
		margin-top: 2em;
		padding-top: 2em;
	}
	@media screen and (min-width:1024px){
		.topics_foot{
			margin-top: 3em;
			padding-top: 3em;
		}
	}