@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.dp { font-weight: 700; font-size: 3.2rem;}
.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;}

.linkbnr { width: 100%; padding: 0.5rem; border-radius: 0.5rem; position: relative; transition: .4s;}
.linkbnr:hover { background-color: #00A99D;}
.linkbnr a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; display: block;}

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;}

.brandlink div.dp { width: 25%;}
.brandlink div.dp img { border: solid 2px #22B473;}

div.textlink.dp { font-size: 1.4rem; font-weight: 700; color: #666; display: flex; align-items: center; justify-content: center; text-align: center; position: relative; width: 100%; background-color: #EEE; border-radius: 0.5rem; border: solid 3px transparent; padding: 1rem; transition: .4s; line-height: initial;}
div.textlink.dp::before {content:""; display: block; padding-top: 50%; }
div.textlink.dp a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-indent: -9999px; display: block;}
div.textlink.dp:hover { border-color:#00A99D; }
	@media(min-width:576px){
		div.textlink.dp { font-size: 2.4rem; }
	}