@charset "UTF-8";
html {
  font-size:58.1%;
  }/*基本は9.3pxになる×1.68＝1.56pxを基準*/

/*max-height: 100%はアンドロイドクロームバグ用*/

body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; 
	color:#727272;
	line-height:2.4rem; 
	font-size:1.68em; 
	}
img{
border:0px; 
margin:0px; 
padding:0px; 
vertical-align:bottom;
}
a{
	text-decoration:none; 
	} 
a:link{
	color:#A0A0A0;
	}
a:visited{
	color:#A0A0A0; 
	}
a:hover{
	color:#7864EE; 
	text-decoration:underline;
	}
a:active{
	color:#ff3123;
	}

h1{
	font-size:2rem; 
	color:#708090; 
	} 
h1 span{white-space: nowrap;} 

h2{
	font-size:1.68rem; 
	margin:20px 0px 10px 0px; 
	color:#6473B2; 
	font-weight:normal; 
	max-height:100%;
	}
div{
	word-wrap:break-word;
	}
	
h4{max-height:100%;
}

#topmidasi_isu{
	width:450px; 
	height:165px;
	margin:90px 10px 10px 180px; 
	float:left; 
	} /*椅子見出１用*/

#topmidasi_sofa{
	width:272px; 
	height:190px; 
	margin:50px 20px 10px 15px; 
	float:left; 
	display:block; 
	}/*ソファ見出１用*/
	
#topmidasi_index{
	width:800px; 
	height:135px; 
	margin:20px 0px 0px 0px; 
	float:left; 
	}/*index見出１用*/
	
#kakaku h1{
	font-size:2rem; 
	color:#708090; 
	margin:20px 0px 0px 550px; 
}/*価格ページヘッド*/

#kakaku{
	margin-bottom:30px; }/*価格ページのヘッド*/

.moji_red{
	color:#990066; 
 }
.moji_blue{
	color:#5242C6; 
 }
 .moji_norc_index{
 	font-size:1.68rem; 
 	width:960px;
 	text-align:center; 
 	max-height:100%;
 	}/*基本サイズindex、冒頭１写真下*/
 	

 .index_aisatu{
 	font-size:1.68rem; 
 	color:#6473B2;
 	width:960px;
 	height:auto; 
 	max-height:100%;
 }/*基本サイズindex、冒頭２写真下*/
 
 .moji_s{
 	font-size:1.4rem;
 	}
 .moji_green{
	color:#61806a; 
	}
		
#wrap{
	margin:0 auto; 
	width:960px;
	}
#header{
	margin-bottom:30px; 
	margin-top:30px; 
	padding:0px; 
	width:960px; 
	height:271px; 
	border-top:2px solid #708090; 
	border-bottom:2px solid #708090; 
	background-image:url(chaircoverhednew2018_2.jpg); 
	background-repeat:no-repeat; 
	background-position:2% 70%; 
	} /*椅子用ヘッド*/ 
#header_sofa{
	margin-bottom:30px; 
	margin-top:30px; 
	padding:0px; 
	width:960px; 
	height:271px; 
	border-top:2px solid #708090; 
	border-bottom:2px solid #708090; 
	}/*ソファ用ヘッド*/
#header_index{
	margin-bottom:30px; 
	margin-top:30px; 
	padding:0px; 
	width:960px; 
	height:155px; 
	border-top:2px solid #708090; 
	border-bottom:2px solid #708090; 
	}/*index用ヘッド*/
#headnav{
	margin:0px; 
	padding:0px; 
	}

#headnav li{
	float:left; 
	list-style-type:none;
	margin-left:10px;
	margin-bottom:10px;
	}
#subnav{
	width:298px; 
	height:auto; 
	border-bottom:solid 1px #ccc;
	border-top:solid 1px #ccc;
	border-left:solid 1px #708090; 
	border-right:solid 1px #708090; 
	padding:10px;
	}
#subnav_in{
	width:298px; 
	height:auto; 
	margin-bottom:15px; 
	padding:0px;  
	background-color:#fff; 
	}

#subnav_in li{
	list-style-type:none;
	padding-left:0px; 
	padding-right:0px; 
	padding-top:0px; 
	padding-bottom:0px;
	font-size:1.68rem; 
	line-height:1.8rem;
	}
p.nav_moji{
	text-indent:2rem; 
	color:#784A84;
 }
	
#newsbox{
	width:938px; 
	height:auto; 
	font-size:1.4rem; 
	line-height:1.4rem;
	border-top:solid 1px #ccc; 
	border-bottom:solid 1px #ccc; 
	margin-bottom:15px; 
	margin-top:15px; 
	padding:10px;  
	background-color:#fff; 
	color:#3e67df;
	}/*sofa,椅子のニュース欄*/
#mainimg{
	width:958px; 
	height:auto; 
	margin:0px; 
	padding:0px; 
	}
	
#imgboxmain{
	width:948px; 
	height:auto; 
	margin:auto; 
	padding:0px; 
	}
	
.imgboxmain_small{
	width:150px; 
	height:200px; 
	margin:15px 4px 15px 4px; 
	padding:0px; 
	float:left;
	} 
.imgboxmain_small_ww{
	width:236px; 
	height:228px; 
	margin:0px 0px 15px 0px; 
	padding:0px; 
	float:left;
	} 

.imgboxmain_small_w{
	width:228px; 
	height:110px; 
	margin:8px 4px 0px 4px; 
	padding:0px; 
	float:left;
	} 

.imgboxmain_small_h{
	width:110px; 
	height:228px; 
	margin:8px 4px 15px 4px; 
	padding:0px; 
	float:left;
	} 
.imgbox_index_wr{
	width:460px; 
	height:345px; 
	margin:20px 23px 20px 47px; 
	padding:0px; 
	float:right;
	}/*460W左*/
.imgbox_index_wl{
	width:460px; 
	height:345px; 
	margin:35px 23px 20px 47px; 
	padding:0px; 
	float:left;
	}/*460W右*/
.imgbox_index_hr{
	width:345px; 
	height:460px; 
	margin:35px 23px 20px 47px; 
	padding:0px; 
	float:right;
	}/*345W左*/
.imgbox_index_hl{
	width:345px; 
	height:460px; 
	margin:20px 23px 20px 47px; 
	padding:0px; 
	float:left;
	}/*345W右*/
#contents{
	width:960px; 
	height:auto; 
	margin:0px; 
	padding:0px; 
	}
#contentsboxleft{
	width:320px; 
	height:auto; 
	margin-right:10px; 
	float:left;
	}
.contentsboxleft_small{
	width:298px; 
	height:auto; 
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-left: solid 1px #708090; 
	border-right: solid 1px #708090; 
	margin-bottom:15px; 
	padding:10px;  
	background-color:#fff; 
	color:#727272;
	font-size:1.68rem;
	}

#contentsboxright{
	width:606px; 
	height:auto; 
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
	border-left: solid 1px #708090; 
	border-right: solid 1px #708090;  
	margin-bottom:15px; 
	padding:10px;  
	background-color:#fff; 
	float:left; 
	}/*右外枠*/

.contentsboxright_table{
	width:606px; 
	height:auto; 
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
	margin-top:15px; 
	padding:0px;  
	background-color:#fff; 
	} /*表用外枠*/
	
.contentsboxright_kiji{
	width:606px; 
	height:auto; 
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #ccc;
	margin-top:15px; 
	padding-bottom:10px;  
	background-color:#fff; 
	font-size:1.68rem; 
	max-height:100%;
	} /*生地説明詳細*/
	  
   .kakaku li{ 
   padding-top:15px; 
   font-size:1.68rem; 
   }
   .contentsboxright_tpic{
   	font-size:1.68rem; 
   	width:580px; 
   	max-height:100%; 
   	}/*右冒頭環境*/
   .contentsboxright_news_index{
	width:580px; 
	height:190px;  
	border-top:1.5px solid #FFE19B; 
	border-bottom:1.5px solid #FFE19B; 
	margin-top:15px;
	margin-left:7px; 
	margin-right:7px; 
	margin-bottom:0px;
	padding:0px 10px 0px 10px; 
	background-color:#fff; 
	font-size:1.68rem; 
	line-height:2.4rem;
	float:left; 
	}/*index右news欄*/
.news_index{
	width:400px; 
	float:right; 
	}/*IndexのNews、写真原稿の文書幅 */
		
.contentsboxright_jiturei{
	width:180px; 
	height:250px;  
	border-top:1.5px solid #9CB6A4; 
	border-bottom:1.5px solid #9CB6A4; 
	margin-top:15px;
	margin-left:7px; 
	margin-right:7px; 
	background-color:#fff; 
	font-size:1.45rem; 
	line-height:1.75rem;
	float:left; 
	}/*ソファ実例リストのボックス*/

.contentsboxright_jiturei_isu{
	width:180px; 
	height:270px;  
	border-top:1.5px solid #9CB6A4; 
	border-bottom:1.5px solid #9CB6A4; 
	margin-top:15px;
	margin-left:7px; 
	margin-right:7px; 
	background-color:#fff; 
	font-size:1.45rem; 
	line-height:1.75rem; 
	text-align:center; 
	float:left; 
	}/*椅子実例リストのボックス*/

.contentsbox_small{
	width:938px; 
	height:auto; 
	border: solid 1px #ccc; 
	margin-bottom:10px; 
	padding-bottom:10px;  
	background-color:#fff; 
	} /*不明*/ 
.contentsboxleft_kiji{
	width:129px; 
	height:230px; 
	border-top: 1.5px solid #9CB6A4; 
	border-bottom: 1.5px solid #9CB6A4; 
	margin-top:15px; 
	padding-left:10px; 
	padding-right:10px; 
	background-color: #fff; 
	font-size:1.45rem; 
	line-height:1.75rem; 
	float:left; 
	} /*価格ページの生地枠*/

#imgbox_header{
	width:291px; 
	height:251px; 
	margin:0px 10px 0px 10px; 
	float:right; 
	display:block; 
	}/*椅子用ヘッド*/

#imgbox_header_index{
	width:145px; 
	height:136px; 
	margin:0px 0px 0px 0px; 
	float:left; 
	display:block; 
	}/*index用ヘッド*/
#imgbox_header_small{
	width:189px; 
	height:170px; 
	margin:0px 10px 0px 0px; 
	float:left; 
	display:block; 
	}/*ソファ用ヘッド*/
	
#imgbox_header_large{
	width:439px; 
	height:240px; 
	margin:10px 0px 10px 10px; 
	float:left; 
	}/*ソファヘッド*/
.imgbox_setumei{
	width:130px; 
	height:138px; 
	margin:5px 5px 5px 5px;
	float:left;
	}
.imgbox_jiturei{
	width:160px; 
	height:120px; 
	margin:10px 10px 10px 10px;
	} /*ソファ用実例枠横とindex News*/
	
.imgbox_jiturei{
	width:160px; 
	height:120px; 
	margin:10px 10px 10px 10px; 
	float:left;
	} /*index Newsの写真*/
	
.imgbox_jiturei_isu{
	width:108px; 
	height:144px; 
	margin:10px 36px 10px 36px;
	} /*椅子用実例枠縦*/

.imgbox_kiji1{
	width:129px; 
	height:97px; 
	margin:0px 0px 0px 0px;
	}/*価格ページの生地写真*/

.imgbox_kiji2{
	width:586px; 
	height:440px; 
	margin:0px 0px 0px 0px; 
	max-height:100%;
	}/*生地詳細写真*/

.midashi1{
	background-color:#B20E68; 
	font-weight:bold; 
	text-align:center; 
	color:#A0A0A0; 
	font-size:1.8rem;
	}/*椅子ソファ生地価格共用あり*/
.midashi2{
	background-color:#709A6C; 
	font-weight:bold; 
	text-align:center; 
	color:#E0E0E0; 
	font-size:1.8rem;
	}
.midashi3{
	background-color:#5242c6; 
	font-weight:bold; 
	text-align:center; 
	color:#E0E0E0; 
	font-size:1.8rem; 
	max-height:100%;
	} /*生地価格ページ*/
	
.midashi4{
	background-color:#61806a; 
	font-weight:bold; 
	text-align:center; 
	color:#E0E0E0; 
	font-size:1.8rem; 
	max-height:100%;
	} /*価格ページ*/
	
.midashi5{
	width:580px; 
	background-color:#DAA520; 
	font-weight:bold; 
	text-align:center; 
	color:#C8E6FC; 
	font-size:1.8rem; 
	max-height:100%;
	} /*indexーlighのtopH3*/
	
.midashi6{
	background-color:#6D80A8; 
	font-weight:bold; 
	text-align:center; 
	color:#B7D0D2; 
	font-size:1.8rem;
	}/*indx-left説明H３*/
	
.midashi_news_index{
	color:#61806A; 
	font-size:1.75rem; 
	background-color:#FFE19B;
	width:550px; 
	font-weight:normal;
	margin:10px 0px 10px 0px; 
	padding:5px 0px 5px 30px; 
	} /*index-右Newsの見出しh4*/


.midashi_small{
	color:#61806A; 
	font-size:1.4rem; 
	width:180px; 
	font-weight:normal;
	margin:2px 0px 10px 0px; 
	padding:0px; 
	text-align:center;
	} /*実例写真の見出し*/

.midashi_kiji{
	color:#61806A; 
	font-size:1.4rem; 
	width:149px; 
	font-weight:normal;
	margin:2px 0px 0px 0px; 
	padding:0px; 
	text-align:center;
	}/*価格ページの生地*/

#midashi_news{
	width:400px; 
	border-bottom:solid 1px #3e67df; 
	color:#3e67df; 
	font-size:1.2em; 
	margin:0px 0px 0px 0px; 
	padding:0px; 
	max-height:100%;
	}/*sofa,椅子のニュース欄H３*/
	
.clear{
	clear:both;
	}
#totopbuttom {
		font-size:2.45rem; 
		text-align:right; 
		font-weight:900;
		}	
#footer{
	width:960px; 
	box-sizing: border-box;
	}
#footbox{
		width:958px;
		border: solid 1px #b06; 
		background-color:#A07; 
		box-sizing: border-box; 
		margin-bottom:30px; 
		
		}
	.footnav{
		width:190px; 
		background-color:#A07; 
		float:left; 
		box-sizing: border-box; 
		font-size:1.3rem; 
		font-weight:900;
		line-height:2rem; 
		 color:#fff;
		}
	#footboxright{
		width:958px;
		border:solid 1px #906; 
		background-color:#906; 
		clear:both;
		box-sizing: border-box; 
		font-size:1.3rem; 
		line-height:1.6rem; 
		padding-left:30px; color:#fff; 
		max-height:100%;
		}
		
		  	/*btn、グレーベージュボタン*/
  	.btn_graybeige{
   text-align: center;
   margin-top: 1.15rem;
   padding-left: 1rem;
   }
   .btn_graybeige a{
  color: #998;
  font-size: 1.68rem;
  border: 1px solid #998;
  border-radius: 10px;
  text-decoration: none;
  background: #fff;
  box-shadow: 0px 0px;
  position: relative;
  display: inline-block;
  top: -2px;
  padding: 8px 18px;
  }
  .btn_graybeige a:hover {
   box-shadow: 0 1px #ccc;
   top: 2px;
   background: #AAA;
   color: #ddd;
   }
   .btn_graybeige_parent {
   	display: flex;
   	justify-content: flex-start;
   }
   	
/*----以下、<table><details>と<summary>（見出しに当たる部分設定）-----*/

.table_size{
	 width:606px;
    height:192px;
    border:2px solid #000000;
    border-collapse:collapse; /*セル同士の間隔*/
   font-size:1.68rem;
    }/*表の外枠*/
    
 .table_size tr th,   .table_size tr td{
 	border:1px solid #000000;
    padding:10px; 
    }/*表の仕切り枠*/
 
 .table_size tr td{
 	text-align:center; 
  }/*表のデーター枠*/
  
/*-------------以下表説明用----------*/
details {
	margin-bottom:15px;  /*開いた時の外下指定*/
  text-align:left;
}
/**
 * list-style: none; ←デフォルト三角削除の場合は（Chrome非対応）
 details summary::-webkit-details-marker {display: none;}にする
 * cursor: pointer; ←カーソルをポインターに**/
 
details summary {
  cursor: pointer;
  padding:5px;
  background:#e4e4e4;
  color:#242323;
  font-size:1.68rem;
  font-weight: bold; 
  text-align:center;
  border-radius:15px; 
  	}
      /*---------以上 */