@charset "UTF-8";
/* CSS Document */
/*
nav,#wrap-header4,#wrap-header5,#top-image{
	animation: fadeIn 1s 1 ease-in-out both 0.5s;
}
*/
#index_main,.copy,.copy2,.sort-navi,.totop,#f-ground{
	animation: fadeIn 1s 1 ease-in-out both 1s;
}
@-webkit-keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 100%;
	}
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 100%;
	}
}
.sp{
	display: none;
}

h1#store a{
	display:block;
	background-position: 10px 2px;
	background-image:url(../img/logo_onlinestore.png);
	width:252px;
	background-repeat:no-repeat;
	text-indent:-7777px;
	height:40px;
	float:left;
}

#wrap-content .title-box{
	margin:20px 0 0px 0;
	width:920px;
	height:60px;
	background-image:url(../img/list_page/title_back.png);
    padding: 22px 40px 18px 40px;
	color:#fff;
}
#wrap-content .main-title{
	float:left;
	font-weight:normal;
	font-size: 15px;
    line-height: 25px;
}
#wrap-content .main-title span {
    font-size: 1.7em;
    line-height: 1.1em;
}
.win #wrap-content .main-title{
	float:left;
	font-weight:bold;
	font-size:15px;
	line-height:32px;
}
#wrap-content .title-box p{
	float:right;
	margin-top:13px;
	height:60px;
}
#wrap-content .main-photo-outlet{
	margin-top: 10px;
}
#wrap-content .main-photo-outlet h2{
    font-size: 7rem;
	color: #fff;
    font-family: 'Poppins', sans-serif;
    letter-spacing: -0.02em;
    text-align: center;
	line-height: 1.1;
}
#wrap-content .main-photo-outlet h2 + h3{
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	letter-spacing: .2em;
	font-weight: normal;
}
#wrap-content h2.main-photo{
	font-size: 5.2em;
    text-align: center;
    color: rgba(255, 255, 255, 0.7);
	font-family: 'Poppins', sans-serif;
	letter-spacing: -0.02em;
}
#wrap-content h2.main-photo span{
	font-size: 1.25em;
}
#wrap-header5 h1.sofa-name{
	font-size:24px;
	float:left;
	width:600px;
	margin-top:30px;
	margin-left:10px;
}
#wrap-header5 h2.sofa-name{
	font-size:24px;
	float:left;
	width:600px;
	margin-top:30px;
	margin-left:10px;
}
#wrap-header5 h1.sofa-name span,
#wrap-header5 h2.sofa-name span{
	font-size:2.6rem;
	margin-left:10px;
	line-height:28px;
}
#wrap-header5 h1.sofa-name span.text,
#wrap-header5 h2.sofa-name span.text{
	font-size:1.5rem;
	margin-left:12px;
	font-weight:normal;
}
span.tax{
	font-size:11px;
}

/* タイトルテキスト */
.copy{
	width:980px;
	height:40px;
	padding:50px 10px;
}
.copy2{
	width:980px;
	height:40px;
	padding:30px 10px;
}
.copy h1,
.copy2 h1,
.copy h2,
.copy2 h2{
	color:#3c3c3c;
	font-size:15px;
}
.copy h1{
	font-size: 1.7rem;
}
.copy .text-box{
	padding-left:3.5rem;
	font-size: 1.5rem;
	line-height: 1.6;
}
.copy2 .text-box2{
	width:700px;
	padding-left:50px;
}
.copy p{
	margin-top:0px;
}
.sort-navi{
	background:#fff;
	height:28px;
	font-size:11px;
}
.sort-navi p{
	margin-top:5px;
}
.sort-navi a{
	color:#dba24c;
}
.effectChain{
	visibility:hidden;
}
/* メインコンテンツ */
.main-contents{
	/*display: flex;
    flex-wrap: wrap;*/
    box-sizing: border-box;
	gap:1px;
	padding: 1px;
	background-color: #d2d2d2;
	
	display: grid;
	grid-template-columns: repeat(5,1fr);
}
.main-contents-opa1{
	position:relative;
	display:block;
	clear:both;
	opacity: 1;
	width:1000px;
	margin-top:2px;
}
.cover-box{
	width:1000px;
	height:2000px;
	background:#f3f2ed;
	position:absolute;
	z-index:5;
	top:0;
	left:0;
}
.main-contents .line1{
	width:1px;
	height:399px;
	margin-right:1px;
	background:#e6e6e6;
}
.main-contents .line2{
	width:1px;
	height:399px;
	background:#d2d2d2;
	margin-right:1px;
}
.main-contents .line3{
	width:1px;
	height:399px;
	background:#e6e6e6;
	
}
.main-contents .line-last{
	margin-right:2px;
	width:996px;
	height:1px;
	background:#d2d2d2;
	background-position: 0px 7px;
}

/* コンテンツアイテムボックスタイトル */
.main-contents .item-box-title,
.main-contents .item-box-title2{
	position:relative;
	display:block;
	padding:17px;
}
.main-contents .item-box-title{
	position: relative;
}	
.main-contents .item-box-title2{
	width:363px;
	height:364px;
}
.back-image-sofacover-1p{
	background:url(../img/list_page/image_sub_title_sofacover_1p.jpg);
	background-repeat:no-repeat;
}
.back-image-sofacover-2p{
	background:url(../img/list_page/image_sub_title_sofacover_2p.jpg);
	background-repeat:no-repeat;
}
.back-image-sofacover-3p{
	background:url(../img/list_page/image_sub_title_sofacover_3p.jpg);
	background-repeat:no-repeat;
}
.back-image-sofacover-couch{
	background:url(../img/list_page/image_sub_title_sofacover_couch.jpg);
	background-repeat:no-repeat;
}
.back-image-sofacover-corner{
	background:url(../img/list_page/image_sub_title_sofacover_corner.jpg);
	background-repeat:no-repeat;
}
.back-image-sofacover-stool{
	background:url(../img/list_page/image_sub_title_sofacover_stool.jpg);
	background-repeat:no-repeat;
}
.back-image-sofacover-headrest{
	background:url(../img/list_page/image_sub_title_headrestcover.jpg);
	background-repeat:no-repeat;
}
.back-image-armcover{
	background:url(../img/list_page/image_sub_title_armcover.jpg);
	background-repeat:no-repeat;
}
.back-image-cleaner{
	background:url(../img/list_page/image_sub_title_cleaner.jpg);
	background-repeat:no-repeat;
}
.back-image-sofacover{
	background:url(../img/list_page/image_sub_title_sofacover.jpg);
	background-repeat:no-repeat;
}
.back-image-headrest{
	background:url(../img/list_page/image_sub_title_headrest.jpg);
	background-repeat:no-repeat;
}
.back-image-furniture{
	background:url(../img/list_page/image_sub_title_furniture.jpg);
	background-repeat:no-repeat;
}
.back-image-cushion{
	background:url(../img/list_page/image_sub_title_cushion.jpg);
	background-repeat:no-repeat;
}
.main-contents .item-box-title .title,
.main-contents .item-box-title2 .title{
	/*float:left;*/
}
.main-contents .item-box-title .title h2,
.main-contents .item-box-title2 .title h2,
.main-contents .item-box-title .title h3,
.main-contents .item-box-title2 .title h3{
	font-size:25px;
	line-height:0.9em;
}
.main-contents .item-box-title .title h2 span,
.main-contents .item-box-title2 .title h2 span,
.main-contents .item-box-title .title h3 span,
.main-contents .item-box-title2 .title h3 span{
	font-size:45%;
	font-weight:normal;
}
.main-contents .item-box-title .text-box{
	position:absolute;
	left:17px;
	bottom:17px;
	font-size:11px;
	width:164px;
	padding:10px 0;
	height:57px;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
	height: auto;
}
.main-contents .item-box-title2 .text-box{
	position:absolute;
	left:17px;
	bottom:17px;
	font-size:12px;
	width:362px;
	height:77px;
}
.main-contents .item-box-title .btn-box{
	position:absolute;
	left:17px;
	bottom:17px;
	font-size:11px;
	width:164px;
	height:30px;
}
.main-contents .item-box-title .btn-reset{
	float:left;
	height:30px;
	text-indent:-7777px;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0px;
}
.main-contents .item-box-title a.btn-reset{
	background-image:url(../img/list_page/btn_reset.gif);
	width:80px;
}
.main-contents .item-box-title a:hover{
	background-position:0 -30px;
}
.main-contents .item-box-title2 .title h3.white,
.main-contents .item-box-title2 p.white{
	color:#fff
}
.main-contents .item-box-title ul.text-box li{
	display:block;
}
.main-contents .item-box-title .text-box ul{
}
/* コンテンツアイテムボックス */
.main-contents .item-box{
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 4;
	padding: 2px;
	align-items: end;
	/* background: #fff; */
	/* border-top: 1px solid #d2d2d2; */
	/* border-left: 1px solid #d2d2d2;*/
}
.main-contents .item-box .main-image{
	/* float:left; */
	/* margin:2px; */
}
.main-contents .item-box ul.main-data{
	/* float:left; */
	padding: 0 8px 12px;
	/* width:164px; */
}
.main-contents .item-box ul li.sp {
	display:none;
}

.main-contents .item-box ul li.pc {
	display:block;
}
.main-contents .item-box ul li.name{
	line-height:1.3em;
	border-bottom:1px solid #d2d2d2;
	padding:8px 0;
}
.main-contents .item-box ul li.name strong.cleaner{
	font-size:12.5px;
}
.main-contents .item-box ul li.name p{
	font-size:11px;
}
.main-contents .item-box ul li.name p strong{
	font-size:1.5rem;
	font-weight: 600;
	line-height: 1.6;
}
.main-contents .item-box ul li.name strong{
}
.main-contents .item-box ul li.size{
	font-size: 1.3rem;
}
.main-contents .item-box ul li.size .og{
	font-size: 1.35rem;
	color: #900;
}
.main-contents .item-box ul li.size-data{
	
}
.main-contents .item-box ul li.image{
	position: absolute;
    bottom: 120px;
    width: 105px;
    left: 0;
    right: 0;
    margin: auto;
}
.table-box3{
	display:block;
	background-color:#fff;
	left:17px;
	bottom:35px;
	position:absolute;
}
.table-box3 table{
	width:100%;
	margin:0;
	table-layout:auto;
	width:164px;
	border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	border-bottom:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
}
.table-box3 table td{
	background:#fff;
	text-align:left;
    vertical-align:middle;
    border-left:1px solid #d2d2d2;
    border-top:1px solid #d2d2d2;
    font-weight:normal;
    line-height:1.5em;
    padding:2px 5px;
	font-size:10px;
}
.main-contents .item-box p.option-box{
	padding:16px;
	font-size:11px;
}
.main-contents .item-box .link{
	padding: 0 8px 15px 8px;
}
.main-contents .item-box .link a{
	color:#dba24c;
	font-size: 1.3rem;
}
a.ord_crt{
	color:#707070;
}
/* コンテンツコーナーボックス */
.main-contents .corner-box{
	position:relative;
	display:block;
	width:998px;
	height:520px;
	background:#fff;
	border:1px solid #d2d2d2;
	margin-top:8px;
}
.corner-box .l-box{
	float:left;
	width:502px;
	height:520px;
	text-align:center;
}
.corner-box .l-box h2{
	font-size:20px;
	letter-spacing:2px;
	margin:130px 0 15px 0;
}
.corner-box .l-box h2 span{
	font-size:11px;
	color:#777;
}
.corner-box .l-box .price-box .price{
	font-size:12px;
	color:#777;
}
.corner-box .l-box h1{
	margin-top:150px;
}
.corner-box .r-box{
	float:left;
	position:relative;
	width:495px;
	border-left:1px dotted #d2d2d2;
	height:520px;
}
.corner-box .r-box .text-box{
	padding:40px;
	width:415px;
}
.corner-box .r-box .corner-new{
	position:absolute;
	right:15px;
	top:15px;
}
.corner-box .r-box .link{
	position:absolute;
	bottom:5px;
	left:5px;	
	background:#dba24c;
	width:485px;
	height:47px;
	padding-top:30px;
	text-align:center;
	color:#fff;
}
.corner-box .r-box .link:hover{
	background:#ab8730;
}

/*旧型
.main-contents .corner-box{
	margin-top:2px;
	position:relative;
	display:block;
	width:998px;
	height:298px;
	background:#fff;
	border:1px solid #d2d2d2;
}
.corner-box .l-box{
	float:left;
	padding:2px;
}
.corner-box .r-box{
	float:left;
	padding:30px;
	height:238px;
	position:relative;
}
.corner-box .r-box h2{
	font-size:17px;
	margin-bottom:15px;
}
.corner-box .r-box p{
	margin-top:3px;
}
.corner-box .r-box p span{
	font-size:11px;
	color:#777;
}
.corner-box .r-box h2 span{
	font-size:11px;
	color:#777;
}
.corner-box .r-box .text-box{
	width:374px;
}
.corner-box .r-box .corner-new{
	position:absolute;
	right:30px;
	top:30px;
}
.corner-box .r-box .price-box{
	position:absolute;
	width:130px;
	right:40px;
	bottom:40px;
}
.corner-box .r-box .price-box .price{
	font-weight:bold;
	font-size:14px;
}
.corner-box .r-box .price-box a{
	color:#dba24c;
}
.table-box-corner{
	display:block;
	background-color:#fff;
	left:30px;
	bottom:30px;
	position:absolute;
}
.table-box-corner table{
	width:100%;
	margin:0;
	table-layout:auto;
	width:180px;
	border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	border-bottom:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
}
.table-box-corner table td{
	background:#fff;
	text-align:left;
    vertical-align:middle;
    border-left:1px solid #d2d2d2;
    border-top:1px solid #d2d2d2;
    font-weight:normal;
    line-height:1.5em;
    padding:2px 5px;
	font-size:10px;
}
.sub-cap{
	background:#fff;
	height:28px;
	text-align:center;
	font-size:11px;
	border:1px solid #d2d2d2;
}
.sub-cap h1{
	font-size:12px;
	font-weight:normal;
	padding-top:5px;
}
*/
/* サーチページ */
.item_listboxwrap{
	float:left;
	display:block;
	width:799px;
	min-height:100%;
	position:relative;
	background-image:url(../img/list_page/search_backwhite_right.png);
	background-repeat: repeat;
	border-bottom:1px solid #d2d2d2;
}
.main-contents .item-box-title3{
	position:relative;
	display:block;
	padding:17px;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
}
.main-contents .item-box-title3{
	width:164px;
	height:364px;
	background:#fff;
}	
.main-contents .item-box-title3 .title{
	float:left;
}
.main-contents .item-box-title3 .title h3{
	font-size:25px;
	line-height:0.8em;
}
.main-contents .item-box-title3 .title h3 span{
	font-size:45%;
	font-weight:normal;
}
.main-contents .item-box-title3 .text-box{
	position:absolute;
	left:17px;
	bottom:17px;
	font-size:11px;
	width:164px;
	padding:10px 0;
	height:57px;
	border-top:1px solid #d2d2d2;
	border-bottom:1px solid #d2d2d2;
}
.main-contents .item-box-title3 .text-box{
	position:absolute;
	left:17px;
	bottom:17px;
	font-size:12px;
	width:362px;
	height:57px;
}
.main-contents .item-box-title3 .btn-box{
	position:absolute;
	left:17px;
	bottom:17px;
	font-size:11px;
	width:164px;
	height:30px;
}
.main-contents .item-box-title3 .btn-reset{
	float:left;
	height:30px;
	text-indent:-7777px;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0px;
}
.main-contents .item-box-title3 a.btn-reset{
	background-image:url(../img/list_page/btn_reset.gif);
	width:80px;
}
.main-contents .item-box-title3 a:hover{
	background-position:0 -30px;
}
.main-contents .item-box-title3 ul.text-box li{
	display:block;
}
.main-contents .item-box2{
	float:left;
	position:relative;
	display:block;
	width:198px;
	height:398px;
	background:#fff;
	border-top:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	border-bottom::1px solid #d2d2d2;
}
.main-contents .item-box2 .main-image{
	float:left;
	margin:2px;
}
.main-contents .item-box2 ul.main-data{
	float:left;
	padding:5px 17px;
	width:164px;
}
.main-contents .item-box2 ul li.name{
	font-size:10px;
	line-height:1.5em;
	border-bottom:1px solid #d2d2d2;
	padding-bottom:5px;
}
.main-contents .item-box2 ul li.size{
	font-size:10px;
}
.main-contents .item-box2 ul li.name strong{
	font-size:14px;
}
.main-contents .item-box2 ul li.size{
	padding-top:7px;
	font-size:11px;
}
.main-contents .item-box2 ul li.image{
	text-align:center;
	padding-top:5px;/*過去5px*/
}
.main-contents .item-box2 .link{
	position:absolute;
	width:164px;
	left:17px;
	bottom:13px;
}
.main-contents .item-box2 .link a{
	color:#dba24c;
}

.main-contents .background-white{
	background-image:url(../img/list_page/search_backwhite.png);
	margin-left:2px;
	width:998px;
	height:400px;
}
.error-text{
	width:800px;
	height:0px;
	text-align:center;
}
p.search_error{
	margin-top:180px;
}
p.search_result_num,
p.nosofa{
	font-size:11px;
	font-size:11px;
}
p.search_result_num .num{
	font-size:12px;
	font-weight:bold;
}
.size p.red{
	font-weight:bold;
}

/*191218_flex修正*/
#index_main{
	width: 1001px;
	margin: 0 auto 60px;
	border: 1px solid #e6e6e6;
	box-sizing: border-box;
	padding: 1px;
}
.outlet_item_info{
	    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
	position: absolute;
    bottom: 20px;
	width: 150px;
    font-size: 0.9em;
}
.outlet_item_info td{
	height: 19px;
}
#top-image{
	width: 1000px;
	height: 300px;
	margin-top: 40px;
    background: url(../img/list_page/top_image_outlet.jpg) no-repeat top left;
	z-index: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.sab-sab-title{
	    margin: 5px 0;
	text-align: center;
	font-size: 1.3rem;
}
.main-contents .item-box{
	box-sizing: border-box;
	background-color: #fff;
}
/*.main-contents .item-box:nth-of-type(1),
.main-contents .item-box:nth-of-type(6),
.main-contents .item-box:nth-of-type(11){
	border-left: 1px solid #fff;
}*/

/*.main-contents .item-box:nth-last-child(1),
.main-contents .item-box:nth-last-child(2),
.main-contents .item-box:nth-last-child(3),
.main-contents .item-box:nth-last-child(4),
.main-contents .item-box:nth-last-child(5){
	border-bottom: none;
}*/
.main-image img{
	width: 194px;
	height: auto;
}
.item-title{
	margin: 20px;
}
#index_main .sold .main-image{
	position: relative;
}
#index_main .sold a{
	pointer-events: none;
	color: #3c3c3c;
}
#index_main .sold .main-image::before{
	content: '';
	width: 100%;
	height: 100%;
	background-color: rgba(60,60,60,0.5);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	mix-blend-mode:multiply;
}
#index_main .sold .main-image::after{
	content: 'SOLD OUT';
	font-family: Arial, "sans-serif";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 1;
	color: #fff;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#index_main .link a::after{
/*	position: absolute;*/
	content: '詳細はコチラ';
	background-image: url('/img/arrow1.png');
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 9px;
}
#index_main .sold .link a::after{
	content: '※完売しました';
	background-image: none;
	padding: 0;
}