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

/*------------------------------------------------------------
レスポンシブ用
1000px以下タブレットなど
576px以下スマホなど
------------------------------------------------------------*/

/*-----レスポンシブ------*/

/* ウィンドウ幅が2800px以上の場合に適用 */
@media screen and ( min-width:2800px )
{

}

/* ウィンドウ幅が1521px以上の場合に適用 */
@media screen and ( min-width:1521px )
{

}

/* ウィンドウ幅が-1520pxの場合に適用 */
@media screen and ( max-width:1520px )
{
	#top_bar img{
		margin: 1%;
	}

	#top_bnr .bnr_01{
		width: 49.5%;
	}

	#top_bnr .bnr_01 img{
		width: 100%;
	}

	#top_bnr li:last-child{
		width: 100%;
	}
}

/* ウィンドウ幅が0-750pxの場合に適用 */
@media screen and ( max-width:750px )
{
	
.f_btn{
	margin: 5% auto 5%;
	width: 60%;
	height: auto;
}

}

/* ウィンドウ幅が0-576pxの場合に適用 */
@media screen and ( max-width:576px )
{
	
.pc { display: none !important; }
.sp { display: inline !important; }

	.in_contents{
		width: 94%;
	}
	
	#lottery{
		width: 94%;
	}

	#top_bnr{
		width: 100%;
		margin-top: 4%;
	}

	#top_bnr li{
		margin-bottom: 4%;
	}

	#top_bnr .bnr_01{
		float: none;
		width: 100%;
		vertical-align: top;
	}

	#top_bnr .bnr_01:nth-child(2){
		float: none;
		width: 100%;
	}

	#pricecar h2{
		width: 100%;
	}

	#pricecar li{
		margin-bottom: 12%;
	}

	#pricecar .price img{
		margin-top: 2%;
	}

	#pricecar .no_memo .price img{
		margin-top: 5.5%;
	}

	#pricecar .note{
		width: 90%;
		margin-top: -7%;
	}

	#f_btn li{
		width: 100%;
		margin: 2% 0 1.8% 0;
	}

	#f_btn li:first-child{
		margin-top: 5.2%;
	}

	#f_btn .hp_btn{
		width: 90%;
		margin: 10% auto 12%;
	}

}