/* common.css */
@media (max-width: 595px)
{
	.body
	{
		margin: 0px;
		border: none;
		border-bottom: 1px solid #373777;
		width: 100%;
	}

	header
	{
		width: 100%;
	}

	.menu
	{
		float: right;
		margin-left: 0px;
		width: calc(100% - 110px);
	}

	.menu a
	{
		width: 20%;
	}

	footer
	{
		margin-top:10px;
		width: 100%;
	}
}

@media (max-width: 595px)
{
	.body {
		background-attachment: fixed;
	}

	article {
		overflow: visible;
		height: inherit;
	}
}

@media (max-width: 475px)
{	
	header #mon
	{
		width: 67px;
		height: 67px;
	}

	.menu
	{
		width: calc(100% - 97px);
	}

	.menu a
	{
		font-size: smaller;
		font-weight: bolder;
	}	
}

@media (max-width: 375px)
{
	header #mon
	{
		width: 37px;
		height: 37px;
	}

	.menu
	{
		width: calc(100% - 67px);
	}
}

/* home.css */
@media (max-width: 595px)
{
	#mon {
		margin-left: -165px;
		width: 100%;
	}

	h1
	{
		margin: 0;
		width: 100%;
		background-position: center;
	}

	span.first
	{
		margin: 0 auto;
	}
}

@media (max-width: 410px)
{
	#mon {
		margin-left: 0;
	}

	h1
	{
		font-size: 6vw;
	}
}

/* bowl.css */
@media (max-width: 595px)
{
	article img.bowl
	{
		width: 100%;
	}
}

/* dojos.css */
@media (max-width: 595px)
{
	.submenu
	{
		float: right;
		margin-left: 0px;
		width: calc(100% - 110px);
	}

	td > img
	{
		width: 100%;
	}

	a.mainEntity
	{
		float: none;
		margin-bottom: 50px;
	}

	a.dojo
	{
		margin-right: auto;
		margin-left: auto;
	}
}

@media (max-width: 475px)
{
	.submenu
	{
		width: calc(100% - 97px);
	}
}

@media (max-width: 375px)
{
	.submenu
	{
		width: calc(100% - 27px);
	}
}

@media (max-width: 298px)
{
	a.dojo
	{
		box-sizing: border-box;
		width: 100%;
		height: 42px;
	}
}

/* lineage.css */
@media (max-width: 595px)
{
	.lineage img
	{
		width: 100%;
	}

	.lineage p img
	{
		width: auto;
	}

	ul.shihans li
	{
		width: 50%;
		font-size: .9em;
	}

	ul.shihans li.clear
	{
		clear: none;
	}

	ul.shihans li img
	{
		width: 90%;
	}
}

/* seminars.css */
@media (max-width: 595px)
{
	form#formAddSeminar label,
	form#formAddSeminar select,
	form#formAddSeminar input{
		width: 100%;
		font-size: 10pt;
	}

	form#formAddSeminar label{
		text-align: left;
	}

	#recaptcha
	{
		padding-top: 10px;
	}

	article
	{
		width: auto;
	}

	table.seminars tr.head td.title,
	table.seminars tr.head td.location,
	table.seminars tr.content td.desc,
	table.seminars tr.content td.contact{
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding-left: 15px;
		height: auto;
	}

	table.seminars tr.head td.title{
		font-size: large;
	}

	table.seminars tr.head td.location{
		border-top: none;
	}

	table.seminars tr.content td.desc{
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

/* shiun.css */
@media (max-width: 595px)
{
	td > img
	{
		width: 100%;
	}
}