/* for 1280px */
@media screen and (max-width: 1290px) {

}




/* for 1024px or iPad mini(1024) 横*/
@media screen and (max-width: 1030px) {

}



/* for 980px or iPad mini(768) 縦*/
/* MIN 580    MAX 980*/
/*@media screen and (max-width: 980px) {*/
@media screen and (max-width: 980px) {
	
	
body{
	background:#fff;
}

/*
.bxsld{
	padding:0 20px;
}
*/


#hd{
	padding:120px 0 0 0;
	height:80px;
}

#hdTop,/*header*/
#ftBox,/*footer*/
#hdi,
#pageNav{
width:753px;
}




#cl,/*main*/
#cr{/*main*/
	clear:both;
	float:none;
	padding:0;
	width:96%;
	margin:auto;
}



#hdTop .com{
	width:80px;
}


/*main*/
#cl{
	float:none;
	margin:0 auto 0 auto;
}

#cr{
	clear:both;
	float:none;
	margin:0 auto 0 auto;
	max-width: none;
}

.rTtl{
	width:100%;
}

.rTtl a{
	text-align:center;
}

.ftInf{
	float:none;
	clear:both;
	width:300px;
	margin:0 auto 0 auto;
}


.ftInf img{
	width:130px;
	margin-top:30px;
}

.busiCont{
	width:680px;
	margin:0 auto 0 auto;
}


#poList ul li .listTtl{
	width:70%;
}



#artrich{
	max-width: none;
	width:100%;
}


}



@media screen and (max-width: 700px) {

body{
	background:#FFF;
}


#hdConts{
}


#main{
	width:auto;
	margin:0 20px 0 10px;

}

#hd{
	padding:130px 0 0 0;
	height:70px;
}

#hd h1{
	float:none;	
	padding-top:10px;
	font-size:22px;
	text-align:center;
	
}




#hdTop,/*header*/
#hdi,
#ftBox{
	width:540px;
}




#pageNav{
	display:none;
}

/*main*/

#pitem ul li {
width:98%;
float: none;
}

#pitem ul li:nth-child(2n-1) {
margin:0%;
}



.busiCont{
	width:300px;
	margin:0 auto 0 auto;
}



.topContSpc{
	display:none;
}




.ftInf{
	width:110px;
	margin-top:30px;
}

.ftImg{
	float:left;
	margin:20px 0 0 ;
	width:100px;
}



/*artprice*/

#listPri{
	font-size:13px;

}

#listPri .n{
	width:18%;
	text-align: left;
	font-weight:bold;
}

#listPri .b{
	display:none;
}


#listPri .t{
	width:22%;
	text-align:center;
}


#listPri .p{
	width:35%;
	text-align: right;
}


#listPri .s{
	width:25%;
	text-align: center;
}


#listPri .d{
	display:none;
}



.notes .ttlComIn{
	padding:20px 10px 30px 0;
	line-height:180%;
}

#poList ul li .listTtl{
	width:60%;
}


}

/*Galaxy NOTE  (540) 縦*/
@media screen and (max-width: 560px) {
	
.iGalleryHd{
	display:none;
}
	
.iGallery h1{
	font-size:18px;
}

.igalleryBox .box4{
	width:47.0%;
}
	
	
	
body{
	background:#fff;
}

header{
	position: relative;

}


#hdTop{
	text-align:center;
	width:100%;
	margin-bottom:0px;
}

#hdTop .com{
	display:none;
	float:none;
	text-align:center;
}

#hdTop .logo{
	margin:0;
	padding:15px 10px 10px 10px;
}

header #jsc{

}




#hdConts{
	padding:0 0 0 0;

}




#hd{
	padding:0px 0 0 0;
	height:50px;
	background:#ffffff;
	text-align:center;
	border-top:0px none;
	
}

#hd h1{
	float:none;
	padding-top:0px;
	font-size:22px;
	color:#000000;
}

#hd h2{
	float:none;
	padding-top:0px;
	font-size:22px;
	color:#000000;
}




#hdi,
#ftBo{/*footer*/

	width:320px;
}

#cl{

	padding:0 10px 0 10px;

}




#ftBox{
	height:280px;
	margin-left:30px;

}



#ftBox li{
	display: block;
}

.ftImg{
	display:none;
}

.ftInf{
	clear:both;
	float:none;
	margin-bottom:10px;
	text-align:center;
	width:100%;
}



#pCont .imgr{
	float:none;
	clear:both;
	width:96%;
}

#pCont .imgl{
	float:none;
	clear:both;
	width:96%;
}



/*top*/


#aboutTop ul li:nth-child(3n-1) {
    margin:0;

}

#aboutTop ul li{
	float:none;
	clear:both;
	width:96%;
	padding-top:20px;
	background-position: 0 16px;
	
}


.notes .ttlComIn{
	margin-left:0;
	padding:0;
	line-height:200%;
	letter-spacing:1px;
	font-size:16px;
	
}

.notes .ttlCom{
	background:none;
border:1px none;
height:auto;
	
}



#poList ul li .listTtl{
	clear:both;
	margin-left:0px;
	width:90%;
	
}



#poNotes img.left{
	float: none;
	max-width:96%;
	display:block;
}


#poNotes img{
	max-height:none;
	max-width:none;
	width:96%;
}







}

/*## 上部が 360ピクセル以上　450未満 の設定 ##*/
/* for 980px or iPhone5(360) Galaxy S II (540) 縦*/
/* MIN 320    MAX 540*/
@media screen and (max-width: 360px) {

body{
	background:#fff;
}

header .icn{
	width:30px;
}

header #jsc{

}





#hdi,
#cl,/*main*/
#cr,/*main*/
#ftBox{/*footer*/

	/*width:320px;*/
}


#cl{
	/*
	width:300px;
	padding:0 10px 0 10px;
	*/
}




/*

.notes .ttlComIn{
	margin-left:110px;
	padding:20px 10px 30px 0;
	line-height:150%;
	font-size:13px;
}

.notes .ttlCom{
	background:#ffffff url(../images/aboutTitleNote.webp);
	background-position:-50px 0;
	max-width:640px;
	height:266px;
	border:1px solid #cccccc;

	
}
*/


}