@charset "utf-8";
/* CSS Document */

/*
Theme Name: Child
Template: twentyeleven
*/

@import url('../twentyeleven/style.css');

body {
	background:none repeat scroll 0 0 #F5F1ED;
}

#page {
	max-width:960px;
	margin-top:20px !important;
}

#branding {
	border:0;
	z-index:1 !important;
}

article {
	margin-bottom:60px !important;
	padding-top:0 !important;
}

#site-generator {
	background:#F5F1ED !important;
	border:none !important;
	padding-top:35px;
	padding-bottom:45px;
}

#site-generator div {
	color:#A00008 !important;
}

#topBtn {
	margin:-40px 0 0 50px;
	z-index:100;
}

#content {
	width:860px !important;
	margin:auto 50px !important;
}

.entry-header, .entry-content {
	width:860px !important;
}

.entry-header h1 {
	padding:0;
	margin-bottom:20px;
	font-size:30px !important;
}

.entry-content {
	padding-top:0;
}

.entry-meta,#content nav {
	display:none;
}

img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
	border:0;
	max-width:100%;
	padding:0;
}




/*トップページ*/
#infoTop {
	border:1px solid #EACDC9;
	margin-top:-7px;
	padding:20px 30px 30px !important;
	position:relative;
	overflow:hidden;
}

#infoTop ul {
	margin:0 !important;
}

#infoTop ul li {
	list-style:none;
	background: left bottom url(../twentyeleven/images/hr.png) no-repeat;
	padding:5px 0;
}

.new {
	position:relative;
	overflow:hidden;
}

.new .new_date {
	display:block;
	float:left;
	font-size:12px;
	color:#808080;
	padding-right:20px;
	padding-top:2px;
}

.new span {
	display:block;
	font-size:14px;
	float:left;
}

.new a {
	color:#000 !important;
}

.new_title:hover {
	text-decoration:underline !important;
	width:500px;
}

.h2 {
	padding:40px 0 10px;
}

.service {
	float:left;
	width:268px;
	margin-right:25px;
	margin-bottom:0;
}

.service2 {
	float:left;
	width:268px;
	margin-right:25px;
	margin-bottom:10px;
}

.service3 {
	float:left;
	width:268px;
	margin-right:25px;
	margin-bottom:50px;
}

.last {
	margin-right:0;
}


/*固定ページ*/
.orderfoam {
	padding:10px;
	background:#990000;
	width:155px;
	float:right;
	margin-right:44px;
}

.orderfoam a {
	color:#FFF;
}

form {
	margin-top:50px;
}

textarea {
	width:500px;
	height:150px;
}

.entry-title {
	border-left:10px solid #990000;
	padding-left:15px !important;
}

#natamame, #hatake, #history, #factory, #goods, #other, #kagoshima, #people {
	color:#000;
	padding-top:30px;
	text-decoration:underline;
}

#captionText {
	font-size:130%;
}

#gallery-2, .gallery-caption, .wp-caption-text, .gallery-caption {
	font-size:89%;
	
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.gallery {
	clear:both;
	margin-top:25px !important;
}

/*着ぐるみ貸出*/
#warning {
	border:1px solid #CCC;
	padding:20px;
	clear:both;
}

#warning2 {
	border:1px solid #CCC;
	padding:20px;
	clear:both;
}

#warning2 li {
	list-style:none;
}

#warning span {
	display:block;
	margin-top:10px;
}

#kigurumi {
	width:300px;
	float:right;
}

#kigurumiL {
	width:540px;
	float:left;
}

#manual {
	width:176px;
	padding:5px;
	text-align:center;
	border:1px solid #990000;
	margin:-20px auto 20px;
}

#manual a {
	color:#990000;
}

.address {
	width:450px;
}

.date {
	width:113px;
}

#taboo {
	margin-left:0;
}

#taboo li {
	list-style:none;
}




/*ムービー*/
.movieL {
	width: 400px;
	float: left; 
	clear:both; 
}

.movieR {
	width: 400px;
	float:right;
}

.movieCap {
	text-align: center;
	margin-top:-20px;
}




/*取材申し込み*/
.member {
	width:390px;
	float:left;
}

.memberImg {
	width:100px;
	float:left;
}

.clear {
	clear:both;
}

a {
	color:#990000;
}

#main {
	position:relative;
	overflow:hidden;
}




/*ログインフォーム*/
.message {
	display:none;
}




@media only screen and (max-width: 768px){
	body {
		width:768px !important;
		padding:0 0 0 1em;
		margin:0 auto;
		background:#F5F1ED;
	}
	
	#page {
		max-width:768px !important;
		margin:0 auto;
	}
	
	.entry-content,.entry-header {
		width:768px !important;
	}
	
	/*#content {
		margin:auto 20px !important;
	}*/
	
	#main #content {
		width:768px !important;
		margin:0 2% !important;
	}
	
	h2 img {
		width:95.5% !important;
		height:auto;
	}
	
	.service img, .service2 img, .service3 img {
		width:100% !important;
		height:auto;
	}
	
	.service, .service2, .service3 {
		margin-right:15px;
		margin-bottom:15px;
		width:230px;
	}
	
	#warning, #warning2 {
		width:87.5% !important;
	}
	
	.orderfoam {
		width:170px;
	}
	
	#form {
		width:90%;
	}
	
	#infoTop {
		width:671px;
	}
	
	#primary {
		width:768px !important;
	}
	
	#kigurumi {
		width:215px;
		float:left;
		margin-left:15px;
	}
	
	#kigurumiL {
		width:500px;
	}
	
	#manual {
		width:200px;
	}
}