@charset "utf-8";

.sp{display: none;}
/*********************
 window resize 774px
*********************/
@media screen and (max-width: 774px) {
	.pc{display: none;}
	.sp{display: inline-block;}

	/*********************
	 catch
	*********************/
	#catch article img.text{
		padding:40px 0;
	}

	/*********************
	 ranking
	*********************/
	#ranking img.imgtop{
		width:90%;
		padding:30px 0 15px;
	}
	#ranking .rankbox .shopimg{
		display: inline-block !important;
	}
	#ranking .rankbox .icon{
		width:80px;
		top:-70px;
		left:20px;
	}
	#ranking .rankbox .thumb{
		width:100%;
	}
	#ranking .rankbox .shop{
		padding:0px;
	}
	#ranking .rankbox .shop h1{
		margin-top:40px;
		font-size:1.6em;
		display:block;
		margin-bottom:5px;
		max-width:100%;
	}
	#ranking .rankbox .shosai{
		flex-wrap: wrap;
		margin:30px 0;
	}
	#ranking .rankbox p{
		width:50%;
		margin-bottom:5px;
	}
	#ranking .rankbox span{
		width:calc(50% - 5px);
		margin-bottom:5px;
	}

	/*********************
	 osusume
	*********************/
	.osusumeimg img{
		padding:0px 0 15px;
	}
	#osusume .rankbox .shopimg{
		display: inline-block !important;
	}
	#osusume .rankbox .icon{
		width:120px;
		top:-40px;
		right:0px;
	}
	#osusume .rankbox .thumb{
		width:100%;
	}
	#osusume .rankbox .shop{
		padding:0px;
	}
	#osusume .rankbox .shop h1{
		margin-top:40px;
		font-size:1.6em;
		display:block;
		margin-bottom:5px;
		max-width:100%;
	}
	#osusume .rankbox h2 img{
		width:100%;
	}
}