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

.categorys div.topicsbnr { width: 33.33333%; margin: 0; padding: 0.25rem; display: inline-block;}
.categorys div.topicsbnr img { width: 100%;}
	@media(min-width:992px){
		.categorys div.topicsbnr { width: 100%;}
	}

.brandlinktype { width: 100%; font-family:'Oswald', 'Raleway', 'Noto Sans JP', sans-serif; font-size: 4rem; color: #EEE;  padding: 0; position: relative;}
.brandlinktype span {position: absolute; top: -0.25rem; left: 0.5rem; color: #666;}
.brandlinktype::after { width: 100%; height: 2px; background: #EEE; content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: -1;}

div.linkbnr img { width: 100%; border: solid 4px #FFF;}
div.linkbnr a:hover img {opacity: 1.0; border:solid 4px #02A99C;}

div.textlink {background-color: #EEEEEE; text-align: center; position: relative; border: solid 3px #EEE; font-weight: 700; line-height: 3; transition: .4s; color: #666; border-radius: 0.5rem;}
div.textlink a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; display: block;}
div.textlink:hover { border-color: #02A99C;}