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

/*===========================================
	enjoy nw-a300_nw-zx707 wired.css
=============================================*/

#contents .bg_topics {
	background: #fff url(/support/walkman/enjoy/nw-a300s_nw-zx707/images/wired/bg_topics.png) ;
	background-repeat: no-repeat;
    background-position: center center;
	background-size: 100% 100%;
	max-width: 500px;
	width: 100%;
	height: 70px;
	display: flex;
	justify-content: flex-start;
    align-items: center;
	margin: 1em auto;
}

#contents .bg_topics span.accent {
    color: #cd0303;
}

#contents .bg_topics span.topics_t {
	color: #FFF;
	font-size: 1.25rem;
	font-weight: bold;
	margin: 0 1.5em;
	width: 15%;
}

#contents .bg_topics span.topics_r {
	font-size: 1.25rem;
	font-weight: bold;
	margin: 0 2em;
}
    
#contents .twopct {
    justify-content: space-evenly;
    text-align: center;
}

#contents .txt_pct {
    justify-content: space-evenly;
}

#contents .txt_pct dl dd ul {
	margin-left: 2em;
}

#contents .txt_pct img {
    max-width: 300px;
}

#contents .twopct img {
    max-width: 400px;
	margin-top: 1em;
}

#contents .notice_gray_b img {
	max-width: 300px;
}

@media (max-width: 640px){
	#contents .bg_topics span.topics_t {
		color: #FFF;
		font-size: 1rem;
		font-weight: bold;
		margin: 0 1em;
		width: 15%;
	}

	#contents .bg_topics span.topics_r {
		font-size: 1rem;
		font-weight: bold;
		margin: 0 0 0 1em;
	}
	
	#contents .txt_pct {
		margin: 2em 0;
		display: block;
	}
		
	#contents .txt_pct .pct {
		text-align: center;
	}
	
	#contents .twopct figure {
		margin-bottom: 2em;
	}
	
	#contents .notice_gray_b img {
		width: 100%;
	}
	
	#contents .twopct img {
		width: 100%;
	}
}