@media screen and (max-width: 940px) {
	
	body {
		width: 100%;
		background-position: center 205px;
		background-size: auto 185px;
	}
	/*
	*/

	body * {
		font-size: 16px;
	}
	
	header {
		background-size: auto 172px;
		background-position: center 0;
		background-color: inherit;
		border-bottom: inherit;
		margin: 50px 0 0;
	}

	div#headline {
		margin: 0.75em auto 1em;
	}

	#top-logo {
		max-width: 450px;
	}

	div.kids { display: none }
	
	div#hline  { display: none }

	div#hline2 {
		font-size: 85%;
		display: block;
		border-bottom: 1px solid #eee;
	}
	div#hline2 .blue,
	div#hline2 .pink {
		font-size: 100%;
	}
	nav ul {
		width: 100%;
		text-align: left;
		margin: 0 auto;
	}
	nav ul li {
		border-radius: 0;
		width: inherit;
		min-width: 200px;
		margin: 0;
	}
	nav ul li a {
		font-size: 16px;
		white-space: nowrap;
		margin: 2px 0;
		letter-spacing: 1px;
	}

	main#main {
		width: 100%;
		border-radius: 0;
		box-shadow: inherit;
		margin: 0 auto 90px;
		padding: 20px 10px;
	}
	
	main#main div#ring {
		display: none;
	}
	main#main p {
		font-size: 16px;
		line-height: 1.75em;
	}
	
	#sagakko-message {
		 max-width: 80%;
	}
	br.sp {
		display: block;
	}

	ul li {
		font-size: 16px;
		/*line-height: 1.75em;*/
	}
	
	footer {
		height: 80px;
	}
	footer div#car {
		top: -75px;
	}
	footer div#car img {
		width: 110px;
	}
	footer ul  {
		display: none;
	}

	div.featherlight-content div.topn * {
		font-size: 13px;
	}

	.sp-hide {
		font-size: 12px;
		display: block;
		right: -5px !important;
	}
}

@media screen and (max-width: 600px) {
	body {
		transform-origin: top left;
		width: 100%;
	}
	header {
		height: inherit;
	}
	#top-logo { display: none }
	#top-logo-sp {
		display: block;
		width: 100%;
	}
	#top-title-logo {
		display: none;
	}
	#top-title-logo-sp {
		display: block;
		margin-bottom: 15px;
	}
	
	div#toiawase img {
		width: 275px;
	}

	.sp-hide {
		display: none;
	}
}