@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Name : sp_guide.css
////////////////////////////////////////////////////////////*/

.leather_description{
	background-image:url('https://www.keyuca.com/shopping/user_data/packages/default/img/special/interior/leather/img/leather2012-back.jpg');
	background-position: right bottom;
	background-repeat:repeat-y;
	width:100%;
}
.leather_left{
	float:left;
	margin:10px;
	width:440px;
	max-width:100%;
}
.leather_right{
	float:right;
	margin:10px;
	max-width:100%;
	text-align:center;
}
.noble_list ul,
.leather_list ul{
	width:100%;
	font-size:0;
	text-align:left;
	margin:0 auto;
	padding:0;
}
.noble_list ul img,
.leather_list ul img{
	max-width:100%;
}
.noble_list ul li,
.leather_list ul li{
	display:inline-block;
	text-align:center;
	font-size:12px;
	margin:10px 0;
	padding:0;
	box-sizing:border-box;
	vertical-align:top;
	width:15%;
	margin-right:2%;
}
.noble_list ul li:nth-child(6n),
.leather_list ul li:nth-child(6n){
	margin-right:0;
}

.muku{
	width:725px;
	margin-left:-5px;
	margin-bottom:20px;
	font-size:0;
}
.muku_description{
	background-image:url('https://www.keyuca.com/shopping/user_data/packages/default/img/special/interior/muku/img/muku2012.jpg');
	background-position: left bottom;
	background-repeat:no-repeat;
	display:inline-block;
	width:410px;
	height:140px;
	padding:10px;
	margin-top:5px;
	margin-left:5px;
	font-size:13px;
}
.muku img{
	display:inline-block;
	margin-top:5px;
	margin-left:5px;
}
.muku2 ul{
	width:725px;
	max-width:100%;
	font-size:0;
}
.muku2 ul li{
	display:inline-block;
	width:25%;
	text-align:center;
	font-size:13px;
	vertical-align:top;
}
.muku2 ul li img{
	width:90%;
}
/* Start clear fix */
.leather_description:after,
.muku:after {
	font-size: 1px;
	color: #FFFFFF;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	}
.leather_description,
.muku {
	display:inline-block;
	zoom: 1;
	}
/* End clear fix */

.sp_content{
	max-width:100%;
	margin-top:80px;
}
.sp_content .sp_past{
	max-width:100%;
}
.sp_content .sp_past ul{
	max-width:100%;
	font-size:0;
	text-align:left;
}
.sp_content .sp_past ul li{
	display:inline-block;
	vertical-align:top;
	width: 47.9%;
	text-align: center;
	margin:0 1% 10px;
	font-size:12px;
}
.sp_content .sp_past ul li a{
display:inline-block;	
}
.sp_content .shirts_link{
	width:100%;
}
.sp_content .shirts_link a p{
	display:none;
}
.mug{
	width:100%;
	max-width:100%;
}
.mug0{
	width:100%;
	max-width:100%;
	overflow:hidden;
}
a.mug0_1,
a.mug0_2,
a.mug0_3{
	display:inline-block;
	width:32%;
	margin-right:2%;
}
a.mug0_3{
	margin-right:0;
}
.mug1,
.mug2,
.mug3{
	width:100%;
	max-width:100%;
	overflow:hidden;
	margin:50px auto;
}
.mug_list{
	margin-top:100px;
	width:100%;
	max-width:100%;
	font-size:0;
	text-align:left;
}
.mug_list img{
	display:inline-block;
	max-width:158px;
}
.mug_img{
	width:636px;
	overflow:hidden;
/*	display:inline-block;*/
	margin-top:-100px;
}
#content .mug1 img.mug_img1{
	width:950px;
	max-width:950px;
	display:block;
}
#content .mug1 img.mug_img2{
	width:636px;
	max-width:636px;
	display:block;
}
.mug_banner{
	margin-top:50px;
}
.mug1 .mug_banner:last-child{
	margin-top:10px;
}
/* Start clear fix */
.mug_list:after {
	font-size: 1px;
	color: #FFFFFF;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	}
.mug_list {
	display:inline-block;
	zoom: 1;
	}
/* End clear fix */

#content #footer{
	display:none;
}
#socio img{
	margin:0 auto 20px;
}
#socio #tableuchikeshi table.style{
	margin-bottom:90px;
}
.saisun_type_list{
	width:100;
	font-size:0;
	text-align:left;
}
.saisun_type{
	width:33%;
	display:inline-block;
	font-size:11px;
}
.saisun_type .right21{
	margin:0 auto;
	text-align:center;
}
.saisun_type img{
	margin:0 auto;
}
.bprop_list{
	max-width:100%;
}
.bprop_list ul{
	width:100%;
	max-width:100%;
	font-size:0;
	text-align:left;
}
.bprop_list li{
	width:33%;
	display:inline-block;
}
div.listboxf{
	vertical-align:top;
}
#tableuchikeshi .box-inner .noble_price2{
	display:none;
}

/*---------------------------------------------------------------------
 レスポンシブ
---------------------------------------------------------------------*/
@media only screen and (max-width:1000px) {
#content{
	max-width:96%;
	margin:0 auto;
}
#container{
	max-width:100%;
}
#content img{
	max-width:100%;
	height:auto;
}
#content table{
	max-width:100%;
}
.container{
	max-width:100%;
}
#contents{
	max-width:100%;
	margin-top:80px;
}
#tableuchikeshi{
	max-width:100%;
}
#tableuchikeshi .wrap{
	max-width:100%;
}
#socio{
	margin:80px auto;
}
#socio #tableuchikeshi table.style{
	margin-bottom:50px;
}


}
@media only screen and (max-width:950px) {
.sp_content .shirts_link{
	font-size:0;
	text-align:left;
}
.sp_content .shirts_link a{
	display:inline-block;
	font-size:12px;
}
.sp_content .shirts_link a img{
	display:none;
}
.sp_content .shirts_link a p{
	display:block;
	margin:10px;
}
.sp_rlist3{
	max-width:100%;
}
.sp_rlist3 ul{
	max-width:100%;
	margin:10px auto;
}
.sp_rlist3 li{
	width:29%;
	margin:10px 2%;
}
}
/* SP */
@media only screen and (max-width:768px) {
.mug_list img{
	width:20%;
}
}
@media only screen and (max-width:720px) {
.box-inner p,
.box-inner div{
	width:320px;
	max-width:100%;
	margin:10px auto;
}
.box-inner table div{
	width:auto;
	max-width:100%;
	margin:0 auto;
}
.box-inner div.under15{
	width:330px;
	max-width:100%;
}
.under15 table{
	margin:0px auto;
}
div.colorv,
div.colorv-s{
	margin:3px 1%;
	width:22%;
}
#tableuchikeshi table{
	width:100%;
	max-width:100%;
}
.box-inner .price_table{
	width:90%;
	max-width:90%;
	overflow:auto;
}
.box-inner .price_table div{
	width:100%;
	margin:0;
}
.box-inner .price_table table{
	width:720px;
}
#tableuchikeshi .box-inner .noble_price1{
	display:none;
}
#tableuchikeshi .box-inner .noble_price2{
	display:block;
	width:90%;
	max-width:90%;
}
#tableuchikeshi .box-inner .noble_price2 table{
	width:90%;
	max-width:90%;
	margin:20px auto;
}
#tableuchikeshi .box-inner .noble_price2 hr{
	border-top:#CCC dotted 1px;
}
.box-inner .noble_list div{
	width:100%;
	margin:0;
}
#tableuchikeshi .noble_list table tr td{
	width:16.66%;
}
#content #tableuchikeshi .noble_list table tr td img{
	width:98%;
	margin:0 auto;
}
.fLeft{
	float:none;
	text-align:center;
}
.fLeft.under30.right20,
.fLeft.under25.right20{
	margin:0 auto;
}
.read{
	text-align:left;
	margin:0 auto;
	max-width:100%;
}

.wool_rug table div{
	width:100%;
	max-width:100%;
	margin:0;
}
.wool_rug table div.rug-i,
.wool_rug table div.rug-i-s{
	width:32%;
	padding:0;
	text-align:center;
	margin-top:10px;
}

.leather_description{
	background-position: left center;
}
.leather_left{
	float:none;
	background-image:url('https://www.keyuca.com/shopping/user_data/packages/default/img/special/interior/leather/img/leather2012-back.jpg');
	background-position: left center;
	margin:0;
}
.leather_left div{
	margin:10px auto;
	width:90%;
}
.leather_right{
	float:none;
	background-image:url('https://www.keyuca.com/shopping/user_data/packages/default/img/special/interior/leather/img/leather2012-back.jpg');
	background-position: left center;
	margin:0;
}
.leather_right img{
	margin:10px;
}
.box-inner .leather_list div{
	width:100%;
	margin:0;
}
#tableuchikeshi .leather_list table tr td{
	width:16.66%;
}
#content #tableuchikeshi .leather_list table tr td img{
	width:98%;
	margin:0 auto;
}
.noble_list ul li:nth-child(6n),
.leather_list ul li:nth-child(6n){
	margin:10px 0;
	margin-right:2%;
}
.noble_list ul li,
.leather_list ul li{
	width:23.5%;
	margin:10px 0;
	margin-right:2%;
}
.noble_list ul li:nth-child(4n),
.leather_list ul li:nth-child(4n){
	margin:10px 0;
}

.ordersofa{
	width:100%;
}
.ordersofa .under10 table{
	width:100%;
}
#tableuchikeshi .ordersofa .under10 table tr td{
	width:25%;
	max-width:25%;
}
.box-inner div.muku{
	width:100%;
}

.muku{
	width:725px;
	max-width:100%;
	margin-left:-5px;
	margin-bottom:20px;
}
.muku2 ul li{
	width:32%;
	margin-right:2%;
}
.muku2 ul li:nth-child(3n){
	margin-right:0;
}
.box-inner .muku_description{
	width:100%;
	float:left;
	height:auto;
	padding:0;
	margin:5px auto;
	display:block;
}
.box-inner .muku_description div{
	width:auto;
}
span.muku_img{
	display:block;
	margin:0 auto;
	width:290px;
	padding-right:5px;
}
.muku img{
	display:inline-block;
	margin-top:5px;
	margin-left:5px;
}
.box-inner .muku2{
	width:100%;
	height:auto;
	padding:0;
	margin:5px auto;
}
#tableuchikeshi .muku2 table{
	width:100%;
	height:auto;
	padding:0;
}
.box-inner .muku2 table td{
	width:25%;
}
.box-inner div.muku2 table td div{
	width:auto;
}
.box-inner div.muku2 table td div img{
	width:96%;
}
a.mug0_1,
a.mug0_2,
a.mug0_3{
	display:block;
	width:80%;
	margin:5px auto;
}
.mug_banner{
	margin-top:30px;
}
#socio{
	margin:80px auto 40px;
}
#socio #tableuchikeshi table.style{
	margin-bottom:30px;
}
#saisun_free .box-inner div{
	width:100%;
}
.bprop_list li{
	width:50%;
	display:inline-block;
}


}
@media only screen and (max-width:480px) {

div.listboxf{
	width:48%;
	padding:0;
	text-align:center;
	margin:10px 0;
	margin-right:2%;
}
div.listboxf:nth-child(2n){
	margin:10px 0;
}
div.listboxf a{
	width:100%;
}
div.listboxf img.right10{
	margin-right:0;
}

div.listbox{
	width:49%;
	padding:0;
	text-align:center;
}
div.listbox h3{
	text-align:left;
	width:150px;
	margin:0 auto;
}
.sp_content .sp_past ul{
	text-align:center;
}
.sp_content .sp_past ul li{
	width: 90%;
	text-align: center;
	float: none;
	margin:10px auto;
	display:inline-block;
	}
.sp_content .sp_past ul li a{
	display:inline-block;
}
.sp_rlist3 li{
	width:46%;
	margin:10px 2%;
}
.mug_list img{
	width:25%;
}
#content .mug1 img.mug_img1{
	width:700px;
}
#content .mug1 img.mug_img2{
	width:468px;
}
#socio{
	margin:80px auto 0px;
}
#socio #tableuchikeshi{
	margin-bottom:0px;
}
#socio #tableuchikeshi table.style{
	margin-bottom:10px;
}

}

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

#socio #tableuchikeshi table.style{
	margin-bottom:0px;
}
}