/* CSS Document */
#nouhinrei{
	background:url(../product/img/nouhin-rei.jpg) left top no-repeat;
	padding-top:24px;
	padding-bottom:10px;
	border-bottom:dotted 1px #CCCCCC;
	}
#nouhinrei p a{
	margin-right:5px;
	}
#nouhinrei p img{
	width:100px;
	height:70px;
	}

.tpis1{
	width:280px;
	float:left;
	margin-top:10px;
	}

.tpis2{
	width:280px;
	float:right;
	margin-top:10px;
	}
.toku{
	border-left:solid 4px #CC0000;
	border-bottom:dotted 1px #CCCCCC;
	padding:1px 0 1px 10px;
	margin-bottom:4px;
	font-weight:bold;
	}
	
.sofakakaku{
	border-left:solid 4px #CC0000;
	border-bottom:dotted 1px #CCCCCC;
	padding:1px 0 1px 10px;
	margin-bottom:4px;
	font-weight:bold;
	}

.setu{
	width:280px;
	float:left;
	}
.sof_zaikaku{
	width:280px;
	height:149px;
	background:url(../product/img/zaiko_bg2.gif) no-repeat;
	margin:0;
	float:right;}
	
.sof_zaikaku p{
	text-align:center;
	padding:0;
}
.z-text {
	margin:6px 0 1px;
}
.z-text2 {
	margin:4px 0 1px;
}
	
.sofa-lineup{
	width: 100%;
	clear:both;
	}

.sofa-lineup .product-right {
	padding: 0 !important;
}
	
.sofa-lineup h2 {
	margin:0 0 10px;
	padding-left:10px;
	border-left:solid 5px #009933;
	font-size: 1.4em;
	}

.sofa-lineup h4{/*飲食店ソファ*/
	/*border-bottom:solid 1px #CCCCCC;
	margin:20px 0;
	font-size:12pt;*/
	
	border-bottom: dotted 1px #CCCCCC;
	border-left: solid 4px #66CC00;
	padding: 0 0 2px 8px;
	margin: 20px 0 10px;
	font-weight: bold;
	font-size: 1em;
	
	}
	
.sofa-lineup .left{
	float:left;
	width:300px;
	position: relative;
	padding: 0 0 10px;
	}
.sofa-lineup .left a img {
	transition: .3s ease-in-out;
}	
.sofa-lineup .left a img:hover {
	opacity: .7;
}	
.sofa-tb{
	width:300px;
	float:right;
	}

	
.sofa-tb table {
	width:300px;
	text-align:center;
	}


.omtit{
	border-left:solid 6px #339900;
	padding-left:12px;
	font-weight:bold;
	font-size:14pt;
	}
	
.design2 { 
	border-collapse:collapse;
	width:680px;
	margin-bottom:20px;
	}
.design2 td {
	border-bottom:1px solid #ccc;
	text-align:center;
	padding:5px;}

.kesi{text-decoration:line-through;color:#666666;}
.abc{background:#FEFAE9;border-right:solid 1px #CCCCCC;}
.om-red{color:#FF0000;font-weight:bold;}

/***SANCOSMO***/
.right{
	float:right;
	}
.textcolor-y{
	color:#FF9900;
	}
	
.tpis{
	color:#666666;
	padding:10px;
	letter-spacing:0.1em;
	}
	
/*-----------張地が選べます---------------*/	

.select_fab {
	font-size: 1.2em;
	padding: 5px 20px 4px;
	border: 2px dotted #efc036;
	border-radius: 6px;
	background: #fdf8ef;
	color: #a84c2f;
	display: block;
	margin: -5px auto 30px !important;
	text-align: center ;
	width: 400px;
}

.select_fab::before {
	content: "";
	background: url(../product/img/hirameki.jpg) no-repeat;
	width: 19px;
	height: 26px;
	margin: 0 10px 0 0;
	vertical-align: middle;
	display: inline-block;
	mix-blend-mode: multiply;
}

/*-------ソファバリエーションナビ--------*/	
#sofa_vali{
	background: #f1f1f1;
	padding: 15px 20px 5px;
	margin: 10px 0 30px;
	}
	#sofa_vali p:first-of-type {
		margin: 0 0 10px;
		font-weight: 500;
		color: #5b5b5b;
		}
	#sofa_vali p {
		margin: 0;
		font-weight: normal;
		color: #747474;
		}
	#sofa_vali ul{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		}
	
	#sofa_vali li{
		width:100px;
		font-size: 12px;
		margin:0 0 5px;
		text-align: center;
		line-height: 1.6;
		}
		#sofa_vali li img{
			border:solid 1px #CCC;
			display: block;
			width: 86px;
			height: 86px;
			oblect-fit: contain;
			margin: 0 auto 5px;
			transition: .3s ease-in-out;
		}
		#sofa_vali li img:hover{
			border: 1px solid #69C;
			opacity: .7;
			
		}
/*-----------------------------*/		
.sofaprice{
	border-collapse:collapse;
	width:100%;
	}
.sofaprice a {
	text-decoration: underline;
	font-size: 1.2em;
	display: block;
	border: 1px solid #0099FF;
	font-weight: bold;
	padding: 8px 0;
	transition: .3s ease-in-out;
	}	
.sofaprice a:hover {
	background: #c6c5fe;
	border: 1px solid #0033ff;
	color: #fff !important;
	}	
.sofaprice th{
	border:solid 1px #CCCCCC;
	padding:4px 0px;
	text-align:center;
	background:#f4f4f4;
	color: #5b5b5b;
	}	
.sofaprice td{
	border:solid 1px #CCCCCC;
	padding:4px;
	text-align:center;
	}
/*-----TB2970一部使用-----*/	
.border_bottom_no {
	border-bottom: 1px solid white !important; 
}	
/*-------------------------sofaNEW 未使用----------------------------------*/
#sofaTOP{
	width:720px;
	margin-bottom:20px;
	}

#sofaTOP_left{
	float:left;
	}
	
#sofaTOP_right{
	float:right;
	width:300px;
	}
	
#sofaTOP_right h2{
	font-size:16px;
	color:#333366;
	margin:10px 0 10px 0;
	}
	
#sofaTOP_right #sofa_mitu{
	width:280px;
	border:solid 1px #ccc;
	background:#F1F1F1;
	margin:20px 0 0 0;
	}
	
#sofaTOP_right #sofa_mitu ul{
	padding:10px 20px ;
	}
	
#sofaTOP_right #sofa_mitu ul li.sofa_mitu_L{
	float:left;
	margin-right:20px;
	_margin-right:14px;
	}
	
.panel_tit{
	background:url(../product/sofa/box/cres/image/panel_tit.gif) left top no-repeat;
	width:670px;
	height:29px;
	padding-left:30px;
	padding-top:7px;
	font-weight:bold;
	font-size:14px;
	margin-bottom:15px;
	}
	
.tui{
	font-size:12px;
	text-align:right;
	margin:0 0 6px 0;
	}
/*------サイズ展開（未使用？）-------*/
/*#image_thum{
    width:700px;
    }
#navi{
    width:240px;
    float:right;
}
#navi p{
	text-align:center;
	font-weight:bold;
	margin-bottom:6px;
	color:blue;
	
	}
#navi ul{
    
}
#navi ul li{
	width:102px;
	margin:0 10px 6px 0;
	text-align:center;
	font-size:10px;
	float:left;
}

#navi ul li img{
    border:1px solid #ccc;
	display:block;
}
#navi ul li a:hover img{
    border:1px solid #FF0000;
}
#main{
    width:400px;
    float:left;
}
#main img{
    
}*/

/*------張地-------*/
.sofa_fabtit{
	font-size:14px;
	text-align:center;
	margin:0 0 14px 0;
	}
.sofa_fabT{
	border-collapse:collapse;
	width:600px;
	margin:0 auto 40px auto;
	border:solid 1px #CCCCCC;
	}
	
.sofa_fabT th{
	border:solid 1px #CCCCCC;
	background:url(../product/sofa/box/cres/image/fab_thbg.gif) left top repeat-x;
	height:30px;
	text-align:center;
	}
	
.sofa_fabT td{
	border:solid 1px #CCCCCC;
	text-align:center;
	height:80px;
	}
	
.sofa_fabT td a{
	display:block;
	width:80px;

	background:#EDEFF1;
	border:solid 1px #C4DAE1;
	margin:0 auto;
	}
.sofa_fabT td a:hover{
	background:#FDFDFD;
	border:solid 1px #C4DAE1;
	}
	
/*------金額-------*/
.sofa_priceT{
	border-collapse:collapse;
	width:700px;
	margin:0 auto 20px auto;
	border:solid 1px #CCCCCC;
	}
	
.sofa_priceT th{
	border:solid 1px #CCCCCC;
	background:url(../product/sofa/box/cres/image/fab_thbg.gif) left top repeat-x;
	height:30px;
	text-align:center;
	}
	
.sofa_priceT td{
	border:solid 1px #CCCCCC;
	text-align:center;
	height:48px;
	}


/*------クラブソファーカラーシミュレーション----------------------*/
.color-main {
	width:300px;
	margin: 0 0 20px;
	position: relative;
}
.color-main img {
	display: block;
	margin-left: 30px !important;
}


.width_b{
	width: 340px !important;
}
.mb_huge {
	margin-bottom: 130px;
}
.ml_40 {
	margin-left: 40px !important;
}
.color-navi{
	position: absolute;
	left: 0px;
	top: 28px;
	width: 140px;
	margin: 10px 0 0;
}
.color-navi > img:first-of-type {
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,.2));
}
.color-navi ul li{
	float:left;
	font-size: .8em;
	width: 140px;
	color: #333;
	letter-spacing: -1px;
	margin-bottom: 6px;
	transition: .3s ease-in-out;	
	text-shadow:
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff,
	0 0 2px #fff,0 0 2px #fff;
}
.color-navi li a img {
	margin: 0 5px 5px 0;
	vertical-align: middle;
	box-shadow: 1px 1px 1px #999;
	width: 32px;
	height: 32px;
	transition: .3s ease-in-out;	
}
.color-navi li a img:hover {
	box-shadow: 0 0 1px #999;
	opacity: .7;	
}
.color-navi li:hover {
	color: #5b5b5b;
	font-weight: bold;
}

.color-price {
	background: url(../product/sofa/box/img/color_simu_bg.jpg) left top no-repeat;
	width: 300px;
	height: 300px;
	margin: 20px 0 30px;
	padding: 30px 20px 5px;
	box-sizing: border-box;
	/*box-shadow: rgba(85, 91, 255,.6) 0px 0px 0px 2px, 
				rgba(31, 193, 27,.5) 0px 0px 0px 4px,
				rgba(255, 217, 19,.8) 0px 0px 0px 5px, 
				rgba(255, 156, 85,.9) 0px 0px 0px 6px, 
				rgba(255, 85, 85,.6) 0px 0px 0px 8px;*/
}
.color-price p:first-of-type {
	text-align: center !important;
	background: #ffcccc;
	color: #a84c2f !important;
	/*background: rgb(132,156,148);*/
	/*background: linear-gradient(90deg, rgba(132,156,148,1) 0%, rgba(222,106,17,1) 100%);*/
	padding: 5px 10px;
	margin: 0 auto 10px !important;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
}
.color-price p {
	margin: 0 0 5px;
	text-align:justify;
  word-break:break-all; 
  text-justify:inter-ideograph;
  text-justify:inter-character;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

/*********************** insyoku-tab *******************************/

/*------飲食店ソファ-------*/


#insyokuTab-wrap{
	margin: 0 0 30px;
	}

#insyokuTab-wrap img {
	mix-blend-mode: multiply;
}

.insyokutab-group{
    display: flex;
    justify-content: center;
	flex-wrap: nowrap;
}
.insyokutab {
    flex-grow: 1;
    padding: 4px;
	font-size: .9em;
    list-style:none;
	
    border:solid 1px #cc6600;
	/*border-bottom: none;*/
	border-right: none;
	
    cursor:pointer;
    display: flex;
	align-items: center;
    justify-content: center;
}

li.insyokutab:last-of-type {
	
	border-right: solid 1px #cc6600;
	
}

.insyoku-panel-group{
    border:solid 1px #cc6600;
	border-top: none;
	padding: 0 1% 20px;
    
}
.insyoku-panel{
    display:none;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	
}
.insyokutab.is-active{
    background: #360;
    color: #fff;
    transition: all .3s ease-out;
}
.insyokutab:hover{
	background: #9C6;
	}
.insyoku-panel.is-show{
    display:block;
}

/*********************** insyoku-tab end *************************/

/*------飲食店ソファ以外-------*/

/*バン飲食ソファ パネルオプション*/
/*T-13（2か所）メロ*/
/*コンフル（2か所）*/
/*MSセットテーブル*/


/*必要ならこれで囲む*/

.pricetab-wrap {
	margin: 0 0 30px;
	}

.pricetab-group1,
.pricetab-group2,
.pricetab-group3,
.pricetab-group4 {
    display: flex;
    justify-content: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-left: 1px;
}

.pricetab-group1 .pricetab1,
.pricetab-group2 .pricetab2,
.pricetab-group3 .pricetab3,
.pricetab-group4 .pricetab4 {
    flex-grow: 1;
    padding: 5px;
	font-size: 90%;
    list-style: none;
	text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
	align-items: center;
	font-weight: bold;
	box-sizing: border-box;
	border: solid 1px #C60;
	
	margin-left: -1px;
	margin-bottom: -1px;
	/*background: #f5fef0;*/
}


.pricetab1.is-active1,
.pricetab2.is-active2,
.pricetab3.is-active3,
.pricetab4.is-active4 {
    background:#360;
    /*background: #6aaa47;*/
    color:#FFF;
	font-weight:bold;
    transition: .3s ease-in-out;
}

.pricetab1:hover,
.pricetab2:hover,
.pricetab3:hover,
.pricetab4:hover {
	background:#9C6;
	}
.price-panel1.is-show1,
.price-panel2.is-show2,
.price-panel3.is-show3,
.price-panel4.is-show4 {
    display:block;
}


/*価格表部分*/

.price-panel-group1,
.price-panel-group2,
.price-panel-group3,
.price-panel-group4 {
    
}
.price-panel1,
.price-panel2,
.price-panel3,
.price-panel4 {
    display:none;
	
}

/*********************** table_tab *******************************/


.table_tab_group {
    display: flex;
	flex-wrap: wrap;
    justify-content: center;
}
.table_tab {
    display: flex;
    justify-content: center;
	align-items: center;
    flex-grow: 1;
    padding:5px;
	font-size: .9em;
    list-style:none;
    border:solid 1px #ccc;
    text-align:center;
    cursor:pointer;
    transition: all .3s ease-in-out;
}
.table_panel {
    border: solid 1px #CCC;
	padding: 10px 0 20px;
    display:none;
    
}
.table_panel img {
	display: block;
	margin: auto;
	width: calc( 100% - 2px);
	max-width: 300px;
	
}

.table_active {
    background: #999;
    color: #fff;
	pointer-events: none;
	box-sizing: border-box;
}
.table_tab:hover {
	background: #666;
    color: #fff;
	}
	
.table_show {
    display: block;
}

/*--------------------------------*/

.ctab-link {
	margin: 8px 0 -20px;
}