@charset "UTF-8";
@import url(font-awesome-4.7.0/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Crimson+Text);

	html, body { 
   		    font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif !important;
	     font-size: 100%;
	}
	html, body { height: 100%; width: 100%; }

	ul li { letter-spacing: 0; list-style-type: none; }
	
	img,video {
	  max-width: none !important;
	  height: auto;
	}
	

/* a:link */
	.tabs a, a { text-decoration: none; }
	a:hover, a:focus {  }

	.mgt0 { margin-top: 0em !important; } .mgb0 { margin-bottom: 0em !important; }
	.mgt05 { margin-top: .5em; } .mgb05 { margin-bottom: .5em; }
	.mgt1 { margin-top: 1em; } .mgb1 { margin-bottom: 1em; }
	.mgt2 { margin-top: 2em; } .mgb2 { margin-bottom: 2em; }
	.pdt0 { padding-top: 0em !important; } .pdb0 { padding-bottom: 0em !important; }
	.pdt05 { padding-top: .5em; } .pdb05 { padding-bottom: .5em; }
	.pdt1 { padding-top: 1em; } .pdb1 { padding-bottom: 1em; }
	.pdt2 { padding-top: 2em; } .pdb2 { padding-bottom: 2em; }
	
	.w100p { width: 100%; }
	.lt { text-align:left; } .ct { text-align:center; } .rt { text-align:right; }
	.r4 { border-radius: 4px 4px 4px 4px;-moz-border-radius: 4px 4px 4px 4px;-webkit-border-radius: 4px 4px 4px 4px;}
	.cl { clear: both !important; }
	hr { border-top: 1px solid #B0AE85; }

	.fs75 { font-size:.75em; }

/* container
-----------------------------------------------------------------------------*/

	header {  }
	
	.content {}
	
	.sidebar {}
	
	footer {}
	
	@media only screen and (max-width: 480px){
	#wrapper {
		padding: 0;
		margin: 0 auto;
	}
	}
	
	@media only screen and (min-width: 481px) and (max-width: 767px){
	#wrapper {
		margin: 0 auto;
	}
	}
	
	@media only screen and (min-width: 767px) {
	#wrapper {
		max-width: 1024px;
		margin: 0 auto;
	}
	}


/* container
-----------------------------------------------------------------------------*/

	#wrapper {}

	#container {
	background-color: rgba(255, 255, 255, .4);
	/* padding: 1% 1% 1% 1%;
	

	background-image: url(../img/img/bg_m1.jpg);
	background-repeat: repeat;
	background-position: center;
	background-attachment: fixed;
	-webkit-background-size: auto;
	-moz-background-size: auto;
	-o-background-size: auto;
	background-size: auto;
	*/
	    }
	
	header, .content, footer {
	background-image: url(../img/img/toys-doodles.png);
	background-repeat: repeat;
	background-position: top left;
	}
	
	.home .firstline { padding: 1em 0 0 0; background: #fff; }
	.home .firstline .box { padding: 1em 5% 0 5%; }
	.home .firstline img { width:18%;float:left;margin-right:2%; }
	
	.home .thirdline { padding: 1em 0 0 0; background: #fff; }
	.home .thirdline a.txbanner { color:#0A8754; background: #DFEFE9; line-height: 300%; text-decoration: none; display:block; }
	.home .thirdline a:hover.txbanner { color:#fff; background: #F0ADDA; }

	.page .content {
	background: #fff;
	}
	
	header {  
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	background-color: rgba(255, 255, 255, 1);
	padding: 2% 2% 0% 2%;
	margin-bottom:1em;
	}
	
	.content { 
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	background-color: rgba(255, 255, 255, 1);
	padding: 0% 2% 0% 2%; 
	margin-bottom:1em;
	}
	
	.inner { 
	border: 1px solid #D2C2AB;
	border-radius: 4px 4px 4px 4px;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	background-color: rgba(255, 255, 255, 1);
	padding: 2% 2% 2% 2%; 
	}
	
	
	footer { 
	background-color: rgba(255, 255, 255, 1);
	font-size: .7em;
	font-family: 'Josefin Sans', sans-serif !important;
	text-align:center; line-height:400%;
	color: #666; letter-spacing: .25em;
	}

	@media only screen and (max-width: 480px){
		footer {
			font-size: .65em;
			letter-spacing: .1em;
		}
		
		h1.lead { font-size: .7em !important; letter-spacing: 0em !important; }
	}


	address { text-align:right; font-style:normal; font-size: .8em;  }
	
	@media only screen and (max-width: 767px){
		header {
		text-align:center; padding-top: 5%;
		}
		address {
		text-align:center; margin-bottom:0;
		}
	
		.content { 
		padding: 0% 4% 0% 4%; 
		}
	
		h1.lead { font-size: 1em !important; letter-spacing: 0em !important; }
	
	}


/* Headline
-----------------------------------------------------------------------------*/

h1 { color:#aaaaaa; font-size: 1.2em; line-height:120%; letter-spacing: .5em; font-weight:100;
 font-family: 'Crimson Text', serif !important; text-align: center; margin-top: 2em; margin-bottom: 2em; }
 
h2 { font-size: 1.4em; line-height:120%; font-weight:bold; }


.tb3 { color:#516F36; font-size: .85em; text-align:center; }

	@media only screen and (max-width: 767px){
	.tb3 { padding-top: 5%; font-size: .9em; }
	.tb3 img { width:70% !important; }
	}

h1.lead { font-size: 1.2em; letter-spacing: .1em; margin: 2em 0 1em 0; color:#333; font-weight:400;
font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif !important;
 }

/* Portforio
-----------------------------------------------------------------------------*/

.tabs li a { font-size:.85em;color:#333; }
.tabs li a:hover { text-decoration:none; }


.pfimg { 

-webkit-box-shadow: 4px 3px 5px 0px rgba(153,153,153,0.37);
-moz-box-shadow: 4px 3px 5px 0px rgba(153,153,153,0.37);
box-shadow: 4px 3px 5px 0px rgba(153,153,153,0.37);

}


/* 地図・フォーム
-----------------------------------------------------------------------------*/

.respoif {
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.respoif iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.google-maps {
  position: relative;
  width: 100%;
  padding-top: 45%;
}
.google-maps iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}