@charset "utf-8";

	.afpage-topmidashi {position: absolute; top: 80px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%);}
	.afpage-topmidashi img {width: 280px; padding-top: 42px;}
	
	#afpage {padding-top: 15px;}
	#afpage section {padding: 0 0 60px;}
	.container2 {max-width: 920px; margin: 0 auto; padding: 0 10px;}
	.page-shell {max-width: 900px; padding: 5px;}
	.page-box {position: relative; box-shadow: rgb(50 50 93 / 25%) 0px 2px 5px -1px, rgb(0 0 0 / 30%) 0px 1px 3px -1px; background-color: #fff; display: block; height: 100%;}
	.ranking-af {position: absolute; top: 10px; left: 10px; z-index: 10;}
	.ranking-af img {width: 60px;}
	.img-af {margin: 25px; width: 250px; height: 250px; display: block; float: left; position: relative; overflow: hidden;}
	.img-af a img {width: 250px; height: 250px;}
	.img-af a:hover img {opacity: 0.7;}
	.title-af {margin-left: 300px; padding: 25px 25px 0 0;}
	.title-af a:hover {text-decoration: none;}
	.title-af a h3 {color: #fff; font-size: 18px; padding: 10px; background-color: #1d883b;}
	.title-af a:hover h3 {background-color: #3da75b;}
	.verification-af {margin-top: 10px;}
	.verification-af img {float: left;}
	.verification-af p.bestseller {float: left; margin-left: 5px; display: inline-block;}
	.verification-af p.saisyukakunin {font-size: 12px; text-align: right; padding-right: 25px;}
	.text-af {margin-top: 10px;}
	.text-af h4 {font-size: 18px; font-weight: 600; float: left; padding-right: 5px;}
	.text-af img {float: left;}
	.text-af p {display: inline-block; padding-left: 5px;}
	.text2-af {margin-left: 300px;}
	.text2-af hr {margin: 10px 10px 10px 0; border-top: 1px dotted #ccc;}
	.here-af {margin: 10px 0 5px 300px; text-align: center;}
	.here-af a {display: inline-block; padding: 0.5em 1em; text-decoration: none; background: #e9ba2a; font-weight: 500; border-bottom: solid 4px #d4a516; border-radius: 3px; text-align: center; color: #fff!important;}
	.here-af .splinks {text-align: center; margin-top: 10px; font-size: 12px;}
	
	@media only screen and (max-width:991px){
		.img-af {width: 200px; height: 200px;}
		.img-af a img {width: 200px; height: 200px;}
		.title-af {margin-left: 250px;}
		.text2-af {margin-left: 250px;}
		.here-af {margin: 10px 0 5px 250px;}
	}
	@media only screen and (max-width:767px){
		.afpage-topmidashi img {width: 180px; padding-top: 36px;}
		.ranking-af img {width: 30px;}
		.img-af {width: 100%; height: 100%; margin: 0 auto; padding: 20px; float: none; max-width: 300px; max-height: 300px;}
		.img-af a img {width: 100%; height: 100%;}
		.title-af {margin-left: 0; padding: 0;}
		.verification-af {padding: 0 10px;}
		.verification-af p.bestseller {font-size: 14px;}
		.verification-af p.saisyukakunin {display: inline-block; padding-right: 0; width: 100%;}
		.text-af {text-align: center;}
		.text-af h4 {font-size: 16px; padding: 0; float: none;}
		.text-af img {float: none;}
		.text-af p {width: 100%; padding: 0;}
		.text2-af {margin-left: 0; padding: 0 10px;}
		.text2-af hr {margin: 10px 0;}
		.here-af {margin: 0; padding: 10px;}
		.here-af a {width: 180px;}
	}
	@media only screen and (max-width:429px){
		.afpage-topmidashi img {padding-top: 12px;}
	}