@charset "UTF-8";

/* スマートフォン表示 */
@media screen and (max-width: 768px) {
	header h1{
		font-size:18px;
		padding:0px 0px 0px 0px;
		line-height:150%;
	}
	#Sidebar {
		/*display: none;*/
		position: fixed;
		right: -280px;
		top: 0;
		height: 100%;
		width: 280px;
		color: #333;
		background-color:#666;
		padding-top:65px;
		-webkit-transition: .35s ease-in-out;
		transition: .35s ease-in-out;
	}
	#Sidebar li{
		width: 280px;
	}
	#GlobalNavArea a {
		padding: 20px 10px;
	}
	#NavToggle {
		display: block;
	}
	#MapArea img{
		width:100vw;
 	}
	/* メニュー開く */
	.Open {
		overflow: hidden;
	}
	.Open #Overlay {
		display: block;
	}
	.Open #Sidebar  {
		-webkit-transform: translate3d(-280px,0,0);
		transform: translate3d(-280px,0,0);
	}
	/* メニュー閉じる */
	.Open #NavToggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.Open #NavToggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.Open #NavToggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	#MainContent{
		display: block;
	}
	main {
		background: #ffffff;
		margin:0px;
	}
	main p{
		margin:10px 10px 10px 10px;
	}
	#ContentArea {
		display: block;
	}
	#ContentArea img{
		width:100vw;
		margin-right:0px;
	}
	.KanshiTitle {
		padding:30px 0px 10px 0px;
	}
	.Comment {
		padding:20px 0px 10px 0px;
	}
	/* z-index */
	#Overlay {
		z-index: 200;
	}
	#Sidebar {
		z-index: 300;
	}
	#NavToggle {
		z-index: 400;
	}
	.Comment {
		padding:20px 0px 30px 10px;
	}
	footer {
		padding:10px;
		line-height:150%;
	}
	.Break{
		display: initial;
		line-height:150%;
	}
}