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

body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address, 
form, fieldset, legend, object {
  margin: 0;
  padding: 0;
}

body{
	background:url(../img/waiting/bg.jpg) repeat;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:14px;

}
body:not(:target){
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}	
header,section,navi,footer{
	display:block;
}
a, ins {
  text-decoration: none;
}
address, em, cite, dfn, var {
  font-style: normal;
}
input, textarea {
  font-family: sans-serif;
  font-weight: normal;
}
img {
  vertical-align: baseline;
}
a img {
  border: none;
}
 h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, 
brockquote, pre, table, caption, th, td, address{
  line-height:160%;
  letter-spacing:0.1em;
	color:#333;
}
a{
	color:#5AA947;
	color:#555;
	text-decoration:underline;
	}
a:hover{
	text-decoration:none;
	color:#F30;
	}	
li{
	list-style:none;
}
p{margin-bottom:10px;}
h1,h2,h3{
	margin-bottom:10px;
}
#wrapper{
	margin:2% 3%;
}
#header{
	margin-bottom:33px;
	h1{
		margin:0;
	}
}
#logo{
	float:left;
	margin-right:20px;
	width:480px;
}
#hnavi{
	float:left;
	li{
	float:left;
	margin-right:20px;
	img:hover{
  		-webkit-transform:rotate(11deg);
		transform:rotate(11deg);
		-webkit-transition:all 0.1s ;
		transition:all 0.1s ;
	}
	}
}
#read{
	margin-bottom:38px;
	width:920px;
}
.contents{
	margin-bottom:0;
}
.contens_box{
	float:left;
	margin-bottom:20px;
	ul{
		margin-left:3px;
		li{
			background:url(../img/list_icon.png) no-repeat left; padding-left:20px;
			font-size:115%;
			line-height:180%;
		}
	}
}
#pccamera_box1,
#handmade_box1{
	width:480px;
	margin-right:30px;
}
#pccamera_box2,
#handmade_box2{
	width:415px;
	margin-right:0;
}
#handmade_box2 ul{
	background:url(../img/handmade_info.png) no-repeat left 240px top 50%;
}
#contact{
	dl{
		display:table;
		width:100%;
		margin-bottom:13px;
	}
	dt{
		display:table-cell;
		text-align:left;
		font-weight:normal;
		padding:5px 10px 8px 0;
		width:170px;
		vertical-align:middle;
	}
	dd{
		display:table-cell;
		padding:5px 0 8px 0;
		vertical-align:middle;
	}
	input[type=text]{
		border:solid 1px #BBB;
		padding:4px 2px;
		border-radius:5px;
		font-size:115%;
	}
		input[type=text].msize{
			width:220px;
		}
		input[type=text].lsize{
			width:340px;
		}
	textarea{
		border:solid 1px #BBB;
		padding:2px;
		border-radius:5px;
		width:340px;
	}
	input[type=submit]{
		padding:11px 22px;
		border-radius:8px;
		font-size:108%;
		color:#333;
		cursor:pointer;
	}
}
#footer_wrap{
	background:url(../img/footer_bg_top.png) repeat-x top;
	padding-top:26px;
}
#footer{
	background:url(../img/footer_bg.png) repeat;
	.contents{
		margin-bottom:50px;
	}
}
#footer_contetns{
	margin:0 3%;
	padding:20px 0;
}

.footer_box{
	width:480px;
	margin-right:40px;
	float:left;
	img{
		float:left;
		margin-bottom:15px;
		margin-right:15px;
	}
	dt{
		font-size:136%;
		margin-bottom:5px;
	}
	p{
		font-size:93%;
	}
}
#nijigumo{
	float:left;
	h3{
		font-size:100%;
		font-weight:normal;
	}
	p{
		margin-left:-5px;
		font-size:85.7%;
	}
}
.slide .item{
  margin: 3px;
}
.slide .item img{
  display: block;
  width: 100%;
  height: auto;
}
#case_pccamera{
	margin-bottom:52px;
	.owl-item{
		max-width:320px !important;
	}
	.item{
		max-width:300px;
	}
	.item img{
	max-height:350px;
	}
}
#case_handmade{
	margin-bottom:45px;
	.owl-item{
		max-width:290px !important;
	}
	.item{
		max-width:270px;
	}
	.item img{
	max-height:270px;
	}
}
@media screen and (min-width: 1500px) {
#case_pccamera{
	width:1500px;
}
}
@media screen and (max-width: 994px) {
#read{
	margin-bottom:36px;
	width:100%;
}
#pccamera_box1,
#handmade_box1{
	width:100%;
}
#pccamera_box2,
#handmade_box2{
	width:100%;
	margin-right:0;
}
#handmade_box2 ul{
	background:url(../img/handmade_info.png) no-repeat left 250px top 50%;
}

}
@media screen and (max-width: 479px) {
#wrapper img{
	width:100%;
}
#header{
	margin-bottom:15px;
}
#logo{
	width:100%;
}
#hnavi{
	width:100%;
}
#hnavi li{
	width:48%;
	margin-right:5px;
}
#pccamera_box1,
#handmade_box1,
#pccamera_box2,
#handmade_box2,
.contens_box{
	width:100%;
}
.contens_box ul li{
	font-size:100%;
}

#handmade_box2 ul{
	background:url(../img/handmade_info.png) no-repeat bottom;
	padding-bottom:150px;
}
#case_handmade{
	.owl-item{
		max-width:none !important;
	}
	.item{
		max-width:none;
	}
	.item img{
	max-height:none;
	}
}

#contact dl,
#contact dt,
#contact dd{
	display:block;
	width:100%;
}

#contact{
	dl{
		display:block;
	}
	dt{
		text-align:left;
		font-weight:normal;
		padding:5px 0 5px;
	}
	dt,dd{
		display:block;
		padding:0 0 5px;
	}
	input[type=text].msize{
			width:98%;
		}
	input[type=text].lsize{
			width:98%;
		}
	textarea{
		border:solid 1px #BBB;
		padding:2px;
		border-radius:5px;
		width:98%;
	}
}
#footer{
	h3 img{
		width:100%;
	}
}	
.footer_box{
	width:100%;
	margin-right:0;
	margin-bottom:15px;	
}
	
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
	.contens_box ul li{background:url(../img/list_icon@2x.png) no-repeat left; background-size: 11px 11px; padding-left:15px;}
	#handmade_box2 ul{background-image:url(../img/handmade_info@2x.png); background-size: 164px 137px;}
}



/*web
---------------------------------------------*/
.web_cotents{
	width:920px;
}
.web_contens_box{
	margin-bottom:20px;
	li{
	background:url(../img/list_icon.png) no-repeat left; padding-left:20px;
	font-size:115%;
	line-height:180%;
	}
}



.float-l{float:left;}
.float-r{float:right;}
.clear{clear:both;}
.text-l{text-align:left;}
.text-r{text-align:right;}
.text-c{text-align:center;}


/*CSS HACK--------------------------------*/

.clearfix:after{
 content: ".";
 display: block;
 height: 1px;
 clear: both;
 visibility: hidden;
}

.clearfix{
 display:inline-block;/* MAC IE用*/
 min-height:1%;/* IE 7用 */
}
/*--MAC IEは非適用→ \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/*--ここまでMAC IEは非適用 */