@charset "UTF-8";


/* 六甲のめぐみJAタウン */

.megumijatown{
	position: fixed;
	right:0;
	bottom:100px;
	z-index:500;
}

.megumijatown > span{
	display: block;
	background: url(/food/fmarket_store/riceball/img/#) no-repeat left top;
	width: 400px;
	height: 300px;
	box-sizing:border-box;
	padding:115px 20px 0 30px;
	color:#000;
}

.pc_mj {
    width: 300px;/* バナーの横幅を指定 */
}

.sp_mj {
    display: none;/* PCではスマホ用のバナーは非表示に */
}

@media screen and (max-width: 768px){


	/* 六甲のめぐみJAタウン */

	.footerCompany{margin-bottom: 15%;}

	.megumijatown{
		right:0px;
		bottom:0px;
		width:100%;
	}

	.megumijatown > span{
		display: block;
		color:#000;
		background: url(/food/fmarket_store/riceball/img/onigiribtn_sp.svg) no-repeat left top;
		background-size: 100%;
		position: relative;
		width:100%;
		height:0;
		padding:0 0 15%;
	}
	
	.sp_mj {
        display: inline-block;/* 消していたスマホ用のバナーを表示させる */
        width: 100vw;/* スマホの画面幅いっぱいにバナーを表示 */
    }

    .pc_mj {
    display: none;/* スマホではPC用のバナーは非表示に */
    }

}