@charset "UTF-8";

/* SP：ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:680px) {
	.noneSP {
		display: none
	}

	.br-pc {
		display: none;
	}

	.br-sp {
		display: block;
	}

	.pc {
		display: none !important;
	}

	.sp {
		display: block !important;
	}

	/* ベース・共通項目 */

	body {
		margin: 0;
		padding: 0;
		line-height: 1.8em;
		letter-spacing: 0.05em;
		font-family: "Zen Kaku Gothic New", sans-serif;
		background-color: #0696d4;
		text-align: justify; // Required for IE and Edge 
		text-align-last: right;
	}

	/* ページトップへ戻る */

	#pageTop {
		position: fixed;
		bottom: 70px;
		right: 10px;
	}

	#pageTop img {
		width: 50px;
	}

	img {
		width: 100%;
		height: auto
	}

	/* ヘッダ */

	header {
		width: 100%;
		padding: 1px 0;
		background: #fff;
	}

	header h1 img {
		width: 90px;
		height: auto;
		margin: 0 10px;
	}

	/* フッター */
	footer {
		clear: both;
		margin: 0% auto 0 auto;
		padding: 30px 0 30px 0;
		text-align: center;
		font-size: 80%;
		color: #FFF;
		background: #000;
		color: #FFF
	}

	p.footlogo img {
		width: 120px;
	}

	p.copyright {
		font-size: .75rem;
		line-height: 1.25rem;
	}


	/* メインビジュアル */

	section.main {
		text-align: center;
	}

	section.main img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	/* コンテンツボックス */

	section.contentsbox {
		text-align: center;
		padding: 10px;
	}

	section.contentsbox div {
		margin: 30px 0;
	}

	p.bargain img {
		text-align: center;
		width: 90%;
		margin: 0px auto 10px;
	}

	p.bnr {
		width: 90%;
		margin: 0 auto;
	}

	p.bnr img {
		box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
	}





}