/* CSS Document */

.showPC { display: block; }
.showSP { display: none; }

/* 解像度が1024px以下の端末で読み込むcss */
@media screen and (max-width: 1024px) {
  
	.inner {
		max-width: 95%;
		margin: 0 auto;	
		padding: 0;
	}
	
	img {
		max-width: 100%;
		height: auto;	
	}
	
	.mean-container .mean-nav ul li img {
		display: none;
	}
	.mean-container .mean-nav ul li a:before {
		content: attr(title);
	}
	
	div#header h1 {
		float: none;
		text-align: center;
		width: auto;
	}
	div#headerInfo {
		float: none;
		text-align: center;
		width: auto;
	}
	div#headerInfo p.txt,
	div#headerInfo p.tel {
		text-align: center;
	}
	
	div#content {
		background: none;
	}
	
	#greeting {
		float: none;
		width: auto;
	}
	#greeting .left,
	#greeting .right {
		float: none;
		text-align: center;
		width: auto;
	}
	#greeting p {
		text-align: left;
	}
	
	h2.bg {
		background: none;
		border-bottom: 3px solid #FF921A;
	}
	
	div#main {
		width: auto;
		float: none;
		margin: 5px auto;
		padding: 0;
	}
	div#side {
		width: auto;
		float: none;
		margin: 5px auto;
		padding: 0;
	}
	
	.calBox {
		width: auto;
		float: none;
		margin: 5px auto;
		padding: 0;
	}
	
	table.calendar,
	div#side ul,
	div#side h2 {
		width: 100%;
		text-align: center;
	}

	div#side ul li {
		text-align: center;
	}
		
	div#wrapper {
		height: auto;
		margin: 0 auto;
	}
	div.push {
		height: auto;
		clear: both;
	}
	
	div#footer {
		height: auto;
	}
	div#footer .upper {
		padding: 1em 0;
	}
	div#footer .upper .left,
	div#footer .upper .right {
		width: auto;
		float: none;
		margin: 5px auto;
		padding: 0;
	}
	
	.iframeBox {
		position: relative;
		width: 100%;
		padding: 75% 0 0 0;
	}
	.iframeBox iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	#profilephoto {
		width: 100%;
		text-align: center;	
	}
	
	#ryakureki dt {
		float: none;
	}
	#ryakureki dd {
		padding-left: 0px;
	}
	
	#profile {
		
	}
	#profile .left,
	#profile .right {
		width: 100%;
		float: none;
	}
	#introduce .photo {
		max-width: 100%;
	}	
	#introduce .photo img {
		width: 100%;
	}
	
    table.mailform { margin: 0 -10px; }
    #mailform table.mailform th,
    #mailform table.mailform td{
        width: 100%;
        display: block;
        border-top: none;
    }
	#mailform table.mailform th {
	    border-radius: 3px;
		margin: 5px;
		background-color: #F4F4F4;		
	}
    table.mailform tr:first-child th   { border-top: 1px solid #ddd; }
    table.mailform td input[type="text"],
	table.mailform td textarea {
		max-width: 95%;
	}
	
	.photoRight {
		display: block;
		margin: 10px auto;
		float: none;	
	}
	.photoBox {
		margin: 10px auto;
		float: none;	
	}
}

@media screen and (max-width: 640px) {
.showPC { display: none; }
.showSP { display: block; }
}