@charset"utf-8";

	#sp_header { display: none; }
	#sp_bannar { display: none; }

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

	/* header切替 */
	#pc_header { display: none; }
	#pc_header iframe { display: none; }

	#sp_header {
		display: block;
		border-bottom: 3px solid #ccc;
		margin-top: 10px;
		padding: 0 10px;
	}
	#sp_header.rk	{ border-top: 5px solid #b10103; }
	#sp_header.ac	{ border-top: 5px solid #68acff; }
	#sp_header.ys	{ border-top: 5px solid #336600; }
	#sp_header.ys2 { border-top: 5px solid #67012d; }
	#sp_header.pp	{ border-top: 5px solid #dd8216; }
	#sp_header.dn	{ border-top: 5px solid #ffcc0d; }

	#sp_header h1 {
		font-weight: normal;
		font-size: 12px;
		line-height: 12px;
	}
	#sp_header ul {
		display: block;
		text-align: right;
		position: relative;
	}
	#sp_header li {
		display: inline-block;
		width: 40px;
	}
	#sp_header li:first-child {
		width: 220px;
		position: absolute;
		left: 0;
	}
	#sp_header li img {
		display: block;
		width: 100%;
	}
	#sp_bannar {
		display: block;
		padding: 10px 0;
		text-align: center;
		background-color: #eee;
	}
	#sp_bannar a {
		display: inline-block;
		width: 45%;
		padding: 0 10px;
	}
	#sp_bannar img {
		width: 480px;
		max-width: 100%;
		padding: 10px 0 0;
	}
	#pc_footer {
		display: none;
	}
}

@media screen and ( max-width: 640px ) {
	#sp_bannar {
		padding: 10px 20px 20px 20px;
		text-align: center;
	}
	#sp_bannar a {
		display: inline-block;
		width: auto;
		padding: 0;
	}
	#sp_bannar img {
		max-width: 100%;
		padding-top: 10px;
	}
}

@media screen and ( max-width: 340px ) {
	#sp_bannar {
		padding: 0px 10px 10px 10px;
		text-align: center;
	}
	#sp_header li:first-child {
		width: 190px;
		position: absolute;
		left: 0; top: 5px;
	}
}