@charset "utf-8";

/*
	media.css
	Author: STUDIO P
*/

/* tablet */
@media screen and (max-width: 979px) {
	
	a:hover {
		-webkit-opacity: 1;
		-moz-opacity: 1;
		opacity: 1;
	}

	#header .inner,
	#header .subtitle span,
	#content,
	#footer .inner { width: 100%; }
	
	#header h1 { 
		width: 45%;
		min-width: 220px;
		padding: 15px 10px;
	}
	
	#nav,
	#nav.type2 {
		height: auto;
		background-size: 0 0 !important;
	}
	
	#nav ul { width: 100%; }
	#nav li { width: 25%; }
	#nav li a,
	#nav li:first-child a {
		width: 100%;
		height: 50px;
		font-size: 123.1%;
		line-height: 50px;
		padding: 0 !important;
		background-size: auto auto !important;
		border-bottom-width: 1px;
		border-bottom-style: solid;
	}
	
	#content.wide { padding: 0 20px; }
	#content.home { margin-top: 0; }
	#Crumbs { width: 700px; }
	
	#main {
		width: 700px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#content.wide #main { width: auto; }
	
	#sidebar {
		width: 700px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#content.sideLeft #main { float: none; }
	#content.sideLeft #sidebar { float: none; }
	
	#return {
		right: 10px;
		bottom: 10px;
	}
	
	.widget-text-1,
	.widget-text-2 { 
		float: left;
		width: 220px;
		margin-right: 20px;
	}
	.widget-text-3 { 
		float: left;
		width: 220px;
	}
	#main .widget-text { 
		float: none;
		width: 100%;
	}
	
	.blog-widget,
	.widget-site-search {
		float: left;
		width: 340px;
		margin-left: 20px;
	}
	.blog-widget:first-child,
	.widget-site-search:first-child { margin-left: 0; }
	
	#sidebar iframe { width: 100%; }
	
	input,
	textarea,
	select {
	    font-size: 16px;
	}
	
}

/* smartphone */
@media screen and (max-width: 699px) {
	
	#header .subtitle { display: none; }
	#header h1 img { 
		max-width: 100%;
		height: auto;
	}
	#header .telnum {
		font-size: 80%;
		padding: 15px 10px 0;
	}
	#nav { background-size: auto auto !important; }
	#nav .sp-nav {
		display: block;
		text-align: center;
		font-size: 123.1%;
		line-height: 40px;
		height: 40px;
		color: #FFF;
		text-shadow: 1px 1px #333;
		-moz-text-shadow: 1px 1px #333;
		-o-text-shadow: 1px 1px #333;
		-ms-btext-shadow: 1px 1px #333;
		font-weight: bold;
	}
	
	#nav ul { display: none; }
	
	#nav li {
		width: 50%;
		font-size: 93%;
	}
	
	#content.wide { padding: 0; }
	#Crumbs {
		width: 100%;
		padding: 0 10px;
	}
	
	#main { 
		width: auto;
		padding: 0 10px;
	}
	#sidebar { 
		width: 480px;
		padding: 0 10px;
		margin-left: auto;
		margin-right: auto;
	}
	.widget-text-1,
	.widget-text-3 {
		clear: both;
		float: left;
		width: 220px;
		margin-right: 0;
	}
	.widget-text-2 { 
		float: right;
		width: 220px;
		margin-right: 0;
	}
	.blog-widget,
	.widget-site-search {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	
	#footer .inner { padding: 15px 0; }
	#footer ul { display: none; }
	
	#return a {
		font-size: 175%;
		width: 36px;
		height: 36px;
		line-height: 36px;
	}
	
	article.post .content {	padding: 20px 0; }
	#posts article.post .eye-catch { width: 25%; }
	#posts article.post .excerpt {
		width: 73%;
		padding: 0 10px;
	}
	#content iframe {
		width: 100%;
		height: auto;
	}

}

/* small smartphone */
@media screen and (max-width: 479px) {
	
	.sp-max { width: 100% !important; }
	.sp-max img { text-align: center; }
	.sp-none { display: none; }
	.sp-ma0 { margin: 0 !important; }
	.sp-fnone { float: none !important; }
	img.sp-fnone {
		display: block;
		margin: 0 auto !important;
	}
	
	#header h1 { 
		width: 45%;
		min-width: 220px;
	}
	#header .telnum { display: none; }
  
  #nav{
    background-image: none;
  }

	#nav li {
		font-size: 85%;
	}
	
	#sidebar { 
		width: 230px;
		padding: 0;
	}
	
	#footer .copyright span { display: block; }
	
	.widget-text-1,
	.widget-text-2,
	.widget-text-3 { 
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.blog-widget,
	.widget-site-search {
		float: none;
		width: 100%;
		margin-left: 0;
	}
	
	div.blog-list li .date { display: block; }
	
	#map { height: 220px !important; }
	
	table.sp-tandem th,
	table.sp-tandem td { 
		display: inline-block !important;
		width: 100% !important;
	}
	table.sp-tandem th, 
	table.sp-tandem td { border-top: none; }
	table.sp-tandem tr:first-child th { border-top: 1px solid #CCC; }
	
	.catch1 { font-size: 154%; }
	.catch2 { font-size: 138.5%; }
	
	input[type=text],
	input[type=email],
	input[type=search],
	input[type=password],
	input[type=tel],
	input[type=url] { width: 100%; }
	
}