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

.smp,.smp_br,.group-toggle,.cart-navi-sp,
.fabric-cart-box .submit-sp,.footer-list-sp,.footer-nav-sp,.fabric-img-sp, .fabric-btn-sp{
	display: none!important;
}

#jcart {
	height: auto!important;
}

.fabric-group {
	display: block!important;
}

.fabric-group-table {
	display: table-row-group!important;
}

body{
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 15px;
}
.boxall p{
	font-size: 1em;
	letter-spacing: 0.05em;
	line-height: 1.7;
}
.flex{
	display: flex;
}
.clear{
	clear:both;
}
#fabric a {
	display:block;
    background-position: 10px 2px;
    background-image: url(../img/logo_fabric.png);
    width: 207px;
    background-repeat: no-repeat;
    text-indent: -7777px;
    height: 40px;
    float: left;
}

#wrap-content .title-box{
	width:918px;
    width: auto;
    padding: 40px;
    height: 30px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#wrap-content h1.title a:hover{
	text-decoration:none;
	color:#333;
}
.boxall{
	margin-top:30px;
}
#wrap-content h1.title{
    font-size: 1.72rem;
    letter-spacing: 0.3em;
}

/* ヘッダー2ここから */
.main-copy1{
    height: auto;
    margin-top: 8px;
    background-color: #fff;
    border: 1px solid #d2d2d2;
    border-bottom: none;
    display: flex;
    align-items: center;
    padding: 30px 40px;
}
.main-copy1 h1{
    font-size: 1.12rem;
    margin: 0 60px 0 0;
}
.main-copy1 p{
	font-size: 0.866rem;
	line-height: 1.6em;
}

.header-fabric1{
	width: auto;
    margin-top: 0;
    height: auto;
    float: none;
    display: flex;
}
.header-fabric1 li{
    margin-left: 20px;
    border-left: 1px solid #3c3c3c;
    padding-left: 20px;
}
.header-fabric1 a,
.header-fabric1 p{
    display: block;
    background-image: none;
    overflow: inherit;
    height: auto;
    text-indent: inherit;
	text-decoration: none!important;
}
.header-fabric1 a#n-1:hover{
	background-position: inherit;
}
.header-fabric1 p#n-1,
.header-fabric1 p#n-3{
    background-position: inherit;
	color: #B1ADAD;
}
.header-fabric1 a#n-1,
.header-fabric1 a#n-3,
.header-fabric1 a#n-4,
.header-fabric1 p#n-3,
.header-fabric1 p#n-4{
    width: auto;
    background-position: inherit;
}

.header-fabric1 a#n-1:hover,
.header-fabric1 a#n-2:hover,
.header-fabric1 a#n-3:hover{
	background-position: inherit;
	color: #dba24c;
    text-decoration-line: none;
}

.fabric-tabs{
	width:1000px;
	height:120px;
	background-color:#fff;
	display: flex;
}
.fabric-tabs li{
	display:block;
	float:left;
}
.fabric-tabs > li a{
	display:block;
	background-image:url(../img/header1.png);
	height:120px;
	text-indent: -9999px;
}
.fabric-tabs > li:nth-child(1) a{
	width:249px;
	background-position:0 -120px;
}
.fabric-tabs > li:nth-child(2) a{
	width:249px;
	background-position:-249px 0;
}
.fabric-tabs > li:nth-child(2) a:hover{
	width:249px;
	background-position:-249px -240px;
}
.fabric-tabs > li:nth-child(3) a{
	width:249px;
	background-position:-498px 0;
}
.fabric-tabs > li:nth-child(3) a:hover{
	width:249px;
	background-position:-498px -240px;
}
.fabric-tabs > li:nth-child(4) a{
	width:253px;
	background-position:-747px 0;
}
.fabric-tabs > li:nth-child(4) a:hover{
	width:253px;
	background-position:-747px -240px;
}

.fabric-tabs a,
.fabric-tabs p{
	display:block;
	background-image:url(../img/header1.png);
	height:120px;
	text-indent:-7777px;
}
.fabric-tabs a#n-1{
	width:249px;
	background-position:0 0;
}
.fabric-tabs a#n-1:hover{
	width:249px;
	background-position:0 -240px;
}
.fabric-tabs p#n-1{
	width:249px;
	background-position:0 -120px;
}
.fabric-tabs a#n-2{
	width:249px;
	background-position:-249px 0;
}
.fabric-tabs a#n-2:hover{
	width:249px;
	background-position:-249px -240px;
}
.fabric-tabs p#n-2{
	width:249px;
	background-position:-249px -120px;
}
.fabric-tabs a#n-3{
	width:249px;
	background-position:-498px 0;
}
.fabric-tabs a#n-3:hover{
	width:249px;
	background-position:-498px -240px;
}
.fabric-tabs p#n-3{
	width:249px;
	background-position:-498px -120px;
}
.fabric-tabs a#n-4{
	width:253px;
	background-position:-747px 0;
}
.fabric-tabs a#n-4:hover{
	width:253px;
	background-position:-747px -240px;
}
.fabric-tabs p#n-4{
	width:253px;
	background-position:-747px -120px;
}
/*////// スクロールナビバーここから //////*/
#specifcation-navi{
	width: 1000px;
	display: flex;
	position: absolute;
	z-index: 50;
	border: solid 1px #d2d2d2;
	background-color :#fff;
	box-sizing: border-box;
}
.fabric_rank{
	position: static;
	height: inherit;
	padding-top: 85px;
	margin-top: -85px;
}
.spacer{/*通常表示*/
	position: relative;
	width: 1000px;
	height: 92px;
}
.spacer.sale-fabric{ /*SALE-FABRICK表示*/
	position: relative;
	width: 1000px;
	height: 130px;
}
.navi{
	display: flex;
	flex-wrap: wrap;
}
.navi li{
	border-right: 1px dotted #d2d2d2;
	box-sizing: border-box;
}
.navi .g_leather,
.navi .group-sale,
.navi #c-red{
	border-right: none;
}
.navi a,
.navi2 a{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 0.866rem;
	position: relative;
	z-index: 5;
	height: 83px;
	padding-bottom: 5px;
	box-sizing: border-box;
}
#specifcation-navi p,
.color a,
.ranking a{
	font-size: 0.866rem;
	line-height: 1.5;
	text-align: center;
}
.navi a::before,.navi a::after,
.navi2 a::before,.navi2 a::after{
	content: '';
	display: block;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    margin: auto;
}
.navi a::after,
.navi2 a::after{
	background-image: url(../../img/arrow1_down.png);
	background-repeat: no-repeat;
	background-position: center 80%;
}

.navi a:hover,
.navi2 a:hover{
	text-decoration: none;
	color: #fff;
}
.navi a:hover::before,
.navi2 a:hover::before{
	background-color: #3c3c3c;
}
.navi a:hover::after{
	background-image: url(../../img/arrow1_down_w.png);
}
#specifcation-navi .totop{
	border-right: none;
	height: 100%;
}
#specifcation-navi .totop a{
	width: 83px;
    text-align: center;
    background-position: center 75px;
    padding-bottom: 5px;
	border-left:1px solid #d2d2d2;
}
#specifcation-navi .totop a::after{
	background-image: url(../../img/arrow3.png);
}
#specifcation-navi .totop a:hover::after{
	background-image: url(../../img/arrow3_w.png);
}

/* すべての生地から選ぶ */
.spacer .group a{
	width: 105px;
}
.spacer.sale-fabric a{
	height:70px;
}
#specifcation-navi .group-sale a{
	width:915px;
	height:50px;
	border-top:1px solid #d2d2d2;
    padding-bottom: 7px;
}
#specifcation-navi .g_fake-l a{
	width:139px;
}
.group .totop a{
	height: 100%;
}

/* 生地の特徴から選ぶ */
.material a{
	width: calc((1000px - 89px) / 5);
}
.material img{
	display: none;
}

/* 生地カラーから選ぶ */
.color a{
	width: calc((1000px - 90px)/6);
}

/* 生地ランキングから選ぶ */
.ranking li:not(.totop){
	width:915px;
	border-right:1px solid #d2d2d2;
	display: flex;
    align-items: center;
}
.ranking h4{
	font-size: 1.13rem;
    margin: 0 40px;
    font-weight: bold;
    background-image: url(../img/sample/icn_crown.png);
	padding: 3px 0 0px 50px;
}
#specifcation-navi.ranking h3 + p{
	font-size: 0.83rem;
}
.ranking .totop a{
	border-left: none!important;
}

/*////// スクロールナビバーここまで //////*/

/*////// 生地一覧ここから //////*/
.main-box{
	background:#fff;
	border-left:solid 1px #d2d2d2;
	border-right:solid 1px #d2d2d2;
	width: 1000px;
    padding-top: 1px;
    box-sizing: border-box;
	position: relative;
}

#spec-scroll-box{
	width:1000px;
	position:relative;
}

.series-title{
	background:#3c3c3c;
	color:#fff;
	display: flex;
	align-items: center;
	padding: 16px 40px;
	box-sizing: border-box;
	width: 100%;
	height: 85px;
}
.series-title h3{
	margin-right: 35px;
	font-size: 1.266rem;
	font-weight: bold;
	letter-spacing: 0.1rem;
	padding-bottom: 3px;
}
.series-title p{
	max-width: 780px;
    font-size: 0.88rem;
}

/* ランキング */
.border16-b1{
	border-left:16px solid #877137;
}
.border16-b2{
	border-left:16px solid #959595;
}
.border16-b3{
	border-left:16px solid #713b1d;
}
.border16-b4,
.border16-b5{
	border-left:16px solid #000;
}

.series-box{
	border-bottom:1px solid #d2d2d2;
	box-sizing: border-box;
	padding: 50px 40px 60px;
}
.series-box .flex{
	justify-content: space-between
}
.series-box-nobuy{
	height: 350px;
}
.series-box .left-box{
	width:590px;
	padding-right: 0;
}
.series-box-nobuy .left-box{
	height: 270px;
}

.series-box .btn-select{
	width: 80%;
	font-size: 0.88rem;
	background-color: #c3c3c3;
	color: #FEFEFE;
	display: block;
	padding: 5px 0;
	text-decoration: none;
	position: relative;
    margin: 0 auto;
}
.series-box .btn-select:hover{
	background-color: #7D7D7D;
}
.series-box .btn-select:after{
	content: "選択する";
}
.series-box .selected .btn-select{
	/*background-color: #174077;*/
	background-color: #DBA24C;
}
.series-box .selected .btn-select:after{
	content: "選択中";
}
.series-box .selected:before{
	content: url("../img/list/icon_checked.png");
	display: inline-block;
	background-color: #184077;
	border-radius: 20px;
	position: absolute;
	top: 0em;
	left: 10px;
}
.series-box .fabric-sam {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 0 -10px;
}
.series-box li figure{
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.series-box .selected li figure{
	width: 90px;
	background-color:#CFD8DC;
	margin: 0 auto;
}
.series-box .selected figure img{
	border:6px solid #CFD8DC;
	box-sizing: border-box;
	max-width: 100%;
	height: auto;
}
.series-box .right-box{
	width:288px;
}
.fablic-nobuy{
	margin-top: 35px;
}
.series-box .right-box .btn a{
	margin-top:7px;
	background-color: #3c3c3c;
	color: #fff;
	text-align: center;
	display: block;
	text-decoration: none;
	line-height: 55px;
}
.series-box .right-box .btn a:hover{
	background-color: #7D7D7D;
}
.series-box .right-box .btn a:hover{
	background-position:0 -42px;
}
.series-data{
	display: flex;
	justify-content: space-between;
}
.series-data .text-box{
	width: 400px;
}
.series-data h3{
	font-size:2.1rem;
	letter-spacing:3px;
}
.series-data h3 span{
	font-size:0.866rem;
	margin:20px 0;
}
#wrap-content .series-data .text-box .red{
	font-size: 0.866rem;
	margin: 3px 0 5px;
}
.series-data .text-box img{
	margin-bottom:15px;
}

.fabric-sam{
	margin:20px 0;
	width:560px;
}
.fabric-sam li{
	width: 105px;
	margin:5px 0 25px;
	position:relative;
	text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.fabric-sam li p:nth-of-type(1) {
    font-size: 0.81rem;
	line-height: 1.1;
	margin: 4px 0 8px;
}
.fabric-sam li.list2{
	margin-top:15px;
}
.fabric-sam li.last{
	margin-right:0;
}

.zoomin-box{
	margin-top:15px;
}
#wrap-content .zoomin-box .zoomin{
	color:#707070;
	font-size: 0.866rem;
}

.icn-box ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	margin: 0;
}
.icn-box li{
	font-size: 0.86rem;
    color: #fff;
	background-color: #01579B;
    padding: .25em .4em .25em .5em;
	margin:0 0 0.5em 5px;
}
.icn-box li:first-child{
	margin-left: 0;
}
.icn-ninki:after{/* 人気no.1　*/
	content: "人気NO.1";
}
.icn-ninki2:after{/* 人気no.2　*/
	content: "人気NO.2";
}
.icn-ninki3:after{/* 人気no.3　*/
	content: "人気NO.3";
}
.icn-pet:after{/* ペットにオススメ　*/
	content: "ペットにオススメ";
}
.icn-recomend:after{/* オススメ　*/
	content: "オススメ";
}
.icn-newitem:after{/* NEW　*/
	content: "NEW";
}
li.icn-onlinelimited::after {/* オンライン限定　*/
    content: "オンライン限定";
}
li.icn-storelimited::after {/* 店頭限定　*/
	content: "店頭限定";
}
.icn-dani:after{/* 防ダニ　*/
	content: "防ダニ加工";
}
.icn-taikyu:after{/* 耐久　*/
	content: "耐久性";
}
.icn-koutakukan:after{/* 光沢感　*/
	content: "光沢感";
}
.icn-hassui:after{/* 撥水性　*/
	content: "撥水性";
}
.icn-bouo:after{/* 防汚　*/
	content: "防汚";
}
.icn-kokin:after{/* 抗菌　*/
	content: "抗菌";
}
.icn-kyushitsu:after{/* 吸湿性　*/
	content: "吸湿性";
}
.icn-seiryo:after{/* 清涼感　*/
	content: "清涼感";
}
.icn-sentaku:after{/* 洗濯可　*/
	content: "洗濯可";
}
.icn-hada:after{/* 肌触り◎　*/
	content: "肌触り◎";
}
.icn-ninki,
.icn-ninki2,
.icn-ninki3,
.icn-newitem,
.icn-pet,
.icn-recomend,
.icn-onlinelimited,
.icn-storelimited{
	background-color: #990000!important;
}

.haiban p{
	font-weight: bold;
}

.last-box,
.haiban{
	width:918px;
	font-size: 0.94rem;
	position:relative;
	background:#fff;
	border:solid 1px #d2d2d2;
	padding:40px;
	margin-top:8px;
}

.last-box a{
	margin: 5px 0;
	font-size: 0.88rem;
}

/* メールフォームここから */
.title-sample{
	width:994px;
	height:46px;
	border:1px solid #d2d2d2;
	border-bottom:1px dotted #d2d2d2;
	background:#fff;
	text-align:center;
	padding:2px;
}
.title-sample .gy-back{
	background:#d2d2d2;
	width:954px;
	height:46px;
	padding-left:40px;
	display:flex;
}
.title-sample h2{
	font-size:14px;
	letter-spacing:1px;
	line-height: 46px;
}

.title-sample p {
	font-size: 0.866em;
	line-height:46px;
	margin-left:35px;
}
#sample-list{
	display: flex;
	flex-wrap: wrap;
    border: 1px solid #d2d2d2;
    border-top: none;
    background: #fff;
    width: 1000px;
    padding: 21px;
    margin: 0 auto;
    box-sizing: border-box;
}
#sample-list li{
	width:221px;
	display: flex;
    align-items: center;
	margin-right:20px;
	margin-bottom:21px;
	border:1px dotted #d2d2d2;
}

#sample-list li:nth-of-type(4n){
	margin-right: 0;
}

#sample-list li.last{
	border-right:none;
	width:251px;
}
#sample-list li img{
	margin:15px;
}
#sample-list p{
	line-height:17px;
}

.btn-back{
	width: 900px;
	margin: 0 auto;
}

.btn-back span{
	font-size: 0.866em;
}

.btn-back a{
	width:250px;
	height:50px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: #fff;
    text-decoration: none;
	background-color:#707070;
	box-sizing: border-box;
    background-image: url(../img/sample/arrow.png);
    background-repeat: no-repeat;
    background-position: 9% 50%;
	padding-left: 10px;
	margin: 10px auto 20px;
}

.btn-back a:hover{
	background-color:#3c3c3c;
}
.mailform-box{
	margin-top:8px;
}
#box-nestbutton p.fl-left {
    font-size: 0.866em;
}

.formerror2 p,.formerror2 li{
	font-size: 15px;
}
.mailform-box td{
	font-size: 0.866em!important;
}

#check_td td:not(.td3){
	font-size: 1em!important
}

/* メールフォームここまで */
div.scrlctrl{
	position:relative;
	top:-134px;/*134px;SALE-FABRICK表示 / 通常84px*/
}
a.back-fab{
	float:left;
	margin:15px 8px 0px 0px;
	text-indent:-7777px;	
	height:30px;
	width:99px;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0px;
	background-image:url(../img/sample/btn_back.gif);
}
p.fl-right a.back-fab:hover{
	background-position:0 -30px;
}
p.fl-right a.back-adjust{
	float:left;
	margin:15px 8px 0px 0px;
	text-indent:-7777px;	
	height:30px;
	width:97px;
	display:block;
	overflow:hidden;
	background-repeat:no-repeat;
	background-position:0 0px;
	background-image:url(../../img/btn_adjust.gif);
}
p.fl-right a.back-adjust:hover{
	background-position:0 -30px;
}

/*2020/1/6__ソファに関するご質問追加*/
.question_box{
	display:flex;
	background-color:#fff;
	border:1px solid #d2d2d2;
	margin:20px 0;
}

.question_title{
	border-right:1px solid #d2d2d2;
	padding:20px;
	width:226px;
	box-sizing: border-box;
}

.question_area{
	padding:20px;
}

.q_text textarea{
	width: 100%;
	resize: vertical;
}

.q_text{
	margin-top:10px;
}

.catalog_fb_box{
	display:flex;
	background-color:#fff;
	border:1px solid #d2d2d2;
	border-bottom:0px;
}

.catalog_fb_title{
	width:226px;
	box-sizing: border-box;
	padding:20px;
	border-right:1px solid #d2d2d2;
}

.mailform-box .fb_caption {
	font-size: 0.866em;
	color:#707070;
	padding:30px 0 0 20px;
}

.fb_btn{
	line-height: 78px;
	padding:30px 0 0 20px;
}
.catalog_fb_title{
	width:226px;
	box-sizing: border-box;
	padding:20px;
	border-right:1px solid #d2d2d2;
}

/*=====================2020追加===================*/

#modalcart{
	width: 400px;
    height: 441px;
    position: fixed;
    bottom: -380px;
    margin-left: 600px;
    transition-duration: 550ms;
    z-index: 1001;
}

#modalcart.stop{
	position: absolute;
}

#modalcart.view{
	bottom: 0;
}
@keyframes tempview{
	0%{
		bottom: -337px;
	}
	25%{
		bottom: 0;
	}
	75%{
		bottom: 0;
	}
	100%{
		bottom: -337px;
	}
}
#modalcart.tempview{
	animation-name: tempview;
	animation-delay: 0;
	animation-duration: 1500ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}
#modalcart header{
	text-align: center;
	display: flex;
	justify-content: flex-end;
}
#modalcart a#modalbtn{
	display: block;
	text-decoration: none;
	color: #fff;
}
#modalcart header p{
	display: inline;
	background-color: #777777;
	width: 45%;
	padding:1rem 1rem 0;
	color: #fff;
	margin: 0;
}
#modalcart header a,
#modalcart header a:visited,
#modalcart header a:hover{
	text-decoration: none;
	color: #fff;
}
#modalcart header p span{
	width: 26px;
	height: 26px;
	background-color: #fff;
	padding-left: 1.5px;
	border-radius: 50%;
	color: #999;
	margin-left: .5em;
	font-weight: bold;
	font-size: 1.05em;
	min-width: 1.2em;
	display: inline-block;
	box-sizing: border-box;
}
#modalcart header:before{
	content: "";
    display: block;
    margin: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 61px 65px;
    border-color: transparent transparent #777777 transparent;
}

#modalcart p.remain{
	text-align: center;
	margin: 0;
	padding: .35em;
	color: #fff;
}
#modalcart article{
	background-color: #777777;
	height: 381px;
}
#modalcart article .items{
	background-color: #fff;
	margin: 0 .75em;
	display: flex;
	flex-wrap: wrap;
	font-size: 13px;
}
#modalcart article .items .item {
	width: 50%;
	padding: 0 8px;
	margin:7px 0;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 32px;
}

#modalcart article .items .item.noitem figure,
#modalcart article .items .item.noitem p{
	display: none;
}
#modalcart article .items .item:nth-child(even){
	border-left: 1px solid #B6B6B6;
}
#modalcart article .items .item.noitem:nth-child(even){
	border-left: none;
}
#modalcart article .items .item figure{
	display: flex;
	padding: 0;
	margin: 0;
}
#modalcart article .items .item figure img{
	width:30px;
	height: 30px;
}
#modalcart article .items .item figure figcaption{
	margin-left: .75em;
	line-height: 1.25em;
	padding: 0;
}
#modalcart article .items .item a.btn-delete{
	background: url("../img/list/icon_unselect.png") no-repeat;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	display: block;
}

#modalcart nav{
	display: flex;
	margin: 0;
	padding: .75em;
	justify-content: space-between;
}
#modalcart nav p.viewmore{
	width:35%;
	margin-right: 2%;
}
#modalcart nav p.viewmore.disable{
	display: none;
}
#modalcart nav p.viewmore.full{
	width: 100%;
	margin-right: 0;
}
#modalcart nav p.viewform{
	width:63%;
}
#modalcart nav p.viewform.disable{
	display: none;
}
#modalcart nav p.viewform.full{
	width: 100%;
}
#modalcart nav p.viewmore a{
	background-color: #fff;
	display: block;
	padding: .5em;
	text-align: center;
}
#modalcart nav p.viewform{
	width:63%;
}
#modalcart nav p.viewform a{
	background-color: #dba24c;
	color: #fff;
	display: block;
	padding: .5em;
	text-align: center;
}
.table-box-series{
	padding:0px 0;
	margin:0;
}
.table-box-series table{
	width:918px;
	margin:0;
	table-layout:auto;
	border-collapse:collapse;
    border-spacing:0;
    empty-cells:show;
	border-bottom:1px solid #d2d2d2;
    border-right:1px solid #d2d2d2;
}
.table-box-series table th{
	font-size:100%;
	text-align:left;
	color:#fff;
	font-weight:normal;
    border-left:1px solid #d2d2d2;
    border-top:1px solid #d2d2d2;
    line-height:1.5em;
    padding:10px;
	background:#3c3c3c;
	vertical-align:middle;
}
.table-box-series td{
	font-size: 0.73rem;
	font-weight: bold;
	color: #fff;
	line-height:1.6;
	background-color:#3c3c3c;
    border-left:1px solid #d2d2d2;
    border-top:1px solid #d2d2d2;
	padding:10px;
	letter-spacing: 0.05rem;
}

.table-box-series td a{
	font-size: 0.88rem;
	font-weight: normal;
}

.table-box-series table td.noline{
	border-left:none;
	width:200px;
}
	
.table-box-series table td{
	vertical-align:middle;
}
.table-box-series a{
	color:#dba24c;
} 


/* faq */
.fab_faq .main-copy1{
	height: 300px;
	background-image: url(../img/faq/image0.png);
	background-repeat: no-repeat;
	background-position: 100% 100%;
	display: block;
	padding-top: 50px;
}

.fab_faq h1:not(.caption1){
	margin-bottom: 30px;
}

.fab_faq h1:not(.caption1){
	margin-bottom: 30px;
}

.fab_faq h1:not(.caption1){
	margin-bottom: 30px;
}

#tabMenu.answer-tab p.arrow1-down{
	font-size: 0.866em;
}

.answer h1.caption1{
	font-size: 0.866em;
	letter-spacing: 0.05em;
}

.fab_faq .main-box{
	padding-top: 30px;
}

/* END faq */

/* 送信完了 */
p.supo{
	font-size: 0.866em;
	margin-bottom: 40px;
}
.sampleorder-complete .td3{
	font-size: 0.866em!important;
}

.thanks-info-box h3{
	font-size: 1.3em;
	margin-bottom: 20px;
}

.thanks-info-box ul{
	margin: 20px 0;
}

/* 送信完了ここまで */

@keyframes tempviews{
	0%{
		bottom: -345px;
	}
	25%{
		bottom: 0;
	}
	75%{
		bottom: 0;
	}
	100%{
		bottom: -345px;
	}
}

.mailform-box.fabric_form{
    border: 1px solid #d2d2d2;
    padding: 20px 40px 40px;
    background-color: #fff;
}

/*コンシェルジュサービス*/
#modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 100;
}

.modal-mask {
  position: absolute;
  width: 100%;
  height: 100vh;
  background: rgba(0,0,0,0.6); /* 背面のbodyを少しだけ暗くし、操作できないニュアンスを出す */
}

.modal-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.modal-inner {
  position: relative; /* 閉じるボタンの相対位置の基準とする */
}

.modal-inner figure {
	margin: 0;
}

button {
  position: absolute;
  top: -5%;
  right: -5%;
  padding: 3px;
  width: 25px;
  height: 25px;
  border: 2px solid #fff;
  border-radius: 50%;
  background-color: rgba(0,0,0,0);
  font-size: 20px;
  line-height: 10px;
  color: #fff;
  cursor: pointer;
  z-index: 10;
}

/*コンシェルジュサービス_絞り込みページ*/
#fabric-concierge {
	margin-top: 8px;
	border: solid 1px #d2d2d2;
}

#fabric-concierge:hover {
	border: 1px solid #DBA24C;
}

#fabric-concierge figure {
	margin: 0;
}

#fabric-concierge figure img {
	width: 100%;
}

/*=====================2024 森追加===================*/
.sp {
	display:none;
}
.boxall {
	margin-top:0px;
}
.boxall p{
	line-height: 1.6;
}
.main-box h2.caption{
	margin-bottom:2.5rem;
	font-size:19px;
}

/*------ 2025 sp生地請求リニューアル-------- */
.boxall {
	margin-top:30px;/* 1312行目を上書き */
}
.footer_nav_sp2{
	display: none;
}
.message4leather.pc{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap:.25em;
	color: #ADADAD;
	font-size: 13px;
	letter-spacing:1;
	margin-top: 15px;
}
.message4leather.pc::before{
	content: url("../img/icon_info_brown.svg");
}
.message4leather.pc > p{
	margin: 0;
	color: #990000;
	font-size: 13px;
	letter-spacing:1;
	font-weight: bold;
}
.message4leather.pc > p a{
	color:#DBA24C;
}

@keyframes fabric_modal_fadein{
	0%{
		transform: scale(.6,.6);
		opacity: 0;
	}
	100%{
		transform: scale(1,1);
		opacity: 1;
	}
}
#fabric_modal{
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.57);
	justify-content: center;
	align-items: center;
	z-index: 520;
	color: #fff;
	display: none;
}
#fabric_modal.view{
	display: flex;
}
#fabric_modal #modal_inner{
	box-sizing: border-box;
	background-color: #161616;
	padding: 10px;
	opacity: 0;
}
#fabric_modal.view #modal_inner{
	animation-name: fabric_modal_fadein;
	animation-direction: normal;
	animation-duration: 500ms;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
	animation-delay: 150ms;
	max-height: 90vh;
}
#fabric_modal.view #modal_inner figure{
	margin: 0 0 .75em 0;
	max-height: 55vh;
	padding: 0;
	aspect-ratio:3.6/2.8;
	overflow: hidden;
}
#fabric_modal.view #modal_inner figure img{
	object-fit: cover;
	max-width: 100%;
}
#fabric_modal.view #modal_inner #modal_select_btn{
	margin: 16px 0 0 0;
	text-align: center;
}
#fabric_modal.view #modal_inner #modal_select_btn .btn-select {
	font-size: 1em;
	background-color: #c3c3c3;
	color: #FEFEFE;
	display: inline-block;
	padding: 5px 8px;
	text-decoration: none;
	position: relative;
	width: 4.8em;
	letter-spacing: 0.05em;
}
#fabric_modal.view #modal_inner #modal_select_btn .btn-select::before{
	content: "選択する";
}
#fabric_modal.view #modal_inner #modal_select_btn.selected .btn-select{
	background-color: #DBA24C;
}
#fabric_modal.view #modal_inner #modal_select_btn.selected .btn-select::before{
	content: "選択中";
}
#fabric_modal.view #modal_inner .close{
	text-align: right;
	margin: 10px 0 0 0;
}
#fabric_modal.view #modal_inner .close a{
	color: #fff;
	text-decoration: none;
}
#fabric_modal.view #modal_inner .close a::before{
	content: "✕ ";
}
#fabric_modal.view #modal_inner .modal_caption #img_caption{
	margin: 15px 0 20px;
}