@charset "euc-jp";

/*¢¦´ðËÜCSS*/
html{scroll-behavior: smooth; font-family: 'Roboto', sans-serif; }
*{ list-style:none; margin:0; padding:0;}
a{ text-decoration:none;}
a img{ border:none;}
a:hover img{ opacity:0.8;}
img{ vertical-align:bottom;}

/*SMP*/
@media screen and (max-width: 640px){
	
	.smp_none{ display:none !important;}
	
	#wood{ width:98%; margin:0 auto; /*max-width:100%;*/}
	
	
	/** basic type **/
	/*title*/
	#wood h1.mida_01{ background-color:#ac835a; color:#fff; text-align:center; font-size:95%; padding:2% 0; width:99.5%; }
	#wood div.title_r1{ width:99%; display:flex; border:1px solid #d4d3cd; text-align:center; border-top:none; font-weight:bold;}
	#wood div.title_r1 div:nth-child(1){ width:15%; border-right:1px solid #d4d3cd; background-color:#dfded5; color:#320100; font-weight:normal;}
	#wood div.title_r1 div:nth-child(1) p{ padding-top:30%; font-size:75%;}	
	#wood div.title_r1 div:nth-child(2){ width:85%; background-color:#c8b8a9; color:#4f382c;}
	#wood div.title_r1 div:nth-child(2) h2{ border-bottom:1px solid #d4d3cd; padding:5px 0; font-weight:normal; font-size:85%;}
	
	#wood div.title_r1 div.mida_size{}
	#wood div.title_r1 div.mida_size ul{ display:flex;}
	#wood div.title_r1 div.mida_size ul li{ width:calc(100%/3); padding:2% 0; font-size:80%;}
	#wood div.title_r1 div.mida_size ul li:nth-child(2){ border-right:1px solid #d4d3cd; border-left:1px solid #d4d3cd;}
	#wood div.title_r1 div.mida_size ul li p span{ font-size:large;}
	
	/*item*/
	#wood div.basic_wrap{ width:99%; display:flex; border:1px solid #d4d3cd; text-align:center; border-top:none; font-weight:bold;}
	#wood div.clm04{ margin-bottom:20px;}
	#wood div.basic_wrap div:nth-child(1){ width:15%; border-right:1px solid #d4d3cd; background-color:#dfded5; color:#320100;}
	#wood div.basic_wrap div:nth-child(1) p{ padding-top:130%; font-size:80%;}
	#wood div.basic_wrap div:nth-child(1) p span.num{ font-size:larger; padding-right:1%;}
	#wood div.basic_wrap div:nth-child(1) p span.leng{ font-weight: normal; font-size:85%;}
	#wood div.basic_wrap div:nth-child(2){ width:85%; background-color:#c8b8a9; color:#4f382c;}
	#wood div.basic_wrap div:nth-child(2) h2{ border-bottom:1px solid #d4d3cd; padding:5px 0;}
	
	#wood div.basic_wrap div.mida_size{}
	#wood div.basic_wrap div.mida_size ul{ display:flex;}
	#wood div.basic_wrap div.mida_size ul li{ width:calc(100%/3); padding:8px 0; background-color:#fff;}
	#wood div.basic_wrap div.mida_size ul li img{ max-width:90%;}
	#wood div.basic_wrap div.mida_size ul li.space{ background-color:#f4f2ee; background-image: linear-gradient(to top right, transparent, transparent 49.7%, #d4d3cd 49.7%, #d4d3cd 50%, transparent 50%, transparent);}
	
	#wood div.basic_wrap div.mida_size ul li:nth-child(2){ border-right:1px solid #d4d3cd; border-left:1px solid #d4d3cd;}
	#wood div.basic_wrap div.mida_size ul li p{ font-weight:bold; color:#3d2327; font-size:80%; margin-top:3%;}
	
	#wood div.basic_wrap div.mida_size ul li div.prices{ color:#ab0208; font-size:90%; margin:3% 0;}
	#wood div.basic_wrap div.mida_size ul li div.shosai_btn{ width:90%; margin:0 auto; background-color: #ab0208; color:#fff; padding:7px 0; position:relative; font-size:70%;}
	#wood div.basic_wrap div.mida_size ul li div.arrow-right { display: inline-block; width: 7px; height: 7px; margin: 0 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); position:absolute; right:0; top:10px; background: none;}
	#wood div.basic_wrap div.mida_size ul li div.arrow-right:nth-child(2){ right:8px;}
	
	
	
	/*option parts*/
	#wood h1.mida_02{ background-color:#971d1b; color:#fff; text-align:center; font-size:95%; padding:2% 0; margin-top:7%; width:99.5%;}
	#wood div.opt_parts img{ max-width:99.5%;}
	#wood div.opt_parts ul{ display:flex; justify-content:space-between; margin: 10px auto;}
	#wood div.opt_parts ul li{ width:calc(99%/2);}
	#wood div.opt_parts ul.ch2 li{ width:calc(99%/3);} 
	#wood div.opt_parts ul li a{ display:block; border:1px solid #652f2b; padding: 3% 0; /*padding-left: 5%; */position:relative; border-left: 20px solid #991f1f; text-align:center;}
	#wood div.opt_parts ul li a:hover{ opacity:0.9;}
	#wood div.opt_parts ul li a p{ font-weight:bold; color:#3d2327; font-size:80%;}
	#wood div.opt_parts ul.ch2 li a p{ text-align:center;}
	#wood div.opt_parts ul li a p span{ font-size:100%;}
	#wood div.opt_parts ul li a div.prices{ padding-left:5%; color: #ab0208; font-size: 90%; font-weight:bold; margin-top:3%;}
	#wood div.opt_parts ul li img{ width:14vw; position:absolute; top:6%; right:3%;}
	#wood div.opt_parts ul.ch2 li a div.prices{ padding-left:5%; text-align:center;}
	#wood div.opt_parts ul li div.arrow-right { display: inline-block; width: 7px; height: 7px; margin: 0 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); position:absolute; left:-17%; top:40%; background: none;}
	#wood div.opt_parts ul.ch2 li div.arrow-right{ left:-26%;}
	
	
	
	/*wood_rack*/
	#wood h1.mida_03{ background-color:#ea9f32; color:#fff; text-align:center; font-size:95%; padding:2% 0; margin-bottom:0px; margin-top:7%; width:99.5%;}
	#wood div.wood_rack img{ max-width:99.5%;}
	#wood div.wood_rack ul{ display:flex; justify-content:space-between; margin:10px auto;}
	#wood div.wood_rack ul li{ width:calc(98%/2); padding:2% 0; background-color:#fff; text-align:center; border:1px solid #d8d7ce;}
	#wood div.wood_rack ul li img{ max-width:90%;}
	#wood div.wood_rack ul li.space{ background-color:#f4f2ee; background-image: linear-gradient(to top right, transparent, transparent 49.7%, #d4d3cd 49.7%, #d4d3cd 50%, transparent 50%, transparent);}
	
	#wood div.wood_rack ul li p{ font-weight:bold; color:#3d2327; font-size:80%; margin-top:3%;}
	#wood div.wood_rack ul li p:nth-child(3){ margin-top:0 !important;}
	#wood div.wood_rack ul li div.prices{ color:#ab0208; font-size:95%; margin:2% 0; font-weight:bold;}
	#wood div.wood_rack ul li div.shosai_btn{ width:90%; margin:0 auto; background-color: #ab0208; color:#fff; padding:10px 0; position:relative; font-size:90%; font-weight:bold;}
	#wood div.wood_rack ul li div.arrow-right { display: inline-block; width: 7px; height: 7px; margin: 0 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); position:absolute; right:0; top:15px; background: none;}
	#wood div.wood_rack ul li div.arrow-right:nth-child(2){ right:8px;}
	
	
	
}

/*PC*/
@media screen and (min-width: 640px){
	
	.pc_none{ display:none;}
	
	#wood{ width:750px; margin:10px auto 0;}
	
	/** basic type **/
	/*title*/
	#wood h1.mida_01{ background-color:#ac835a; color:#fff; text-align:center; font-size:23px; padding:8px 0;}
	#wood div.title_r1{ width:748px; display:flex; border:1px solid #d4d3cd; text-align:center; border-top:none; font-weight:bold;}
	#wood div.title_r1 div:nth-child(1){ width:15%; border-right:1px solid #d4d3cd; background-color:#dfded5; color:#320100; font-weight:normal;}
	#wood div.title_r1 div:nth-child(1) p{ padding-top:28px;}	
	#wood div.title_r1 div:nth-child(2){ width:85%; background-color:#c8b8a9; color:#4f382c;}
	#wood div.title_r1 div:nth-child(2) h2{ border-bottom:1px solid #d4d3cd; padding:5px 0; font-weight:normal;}
	
	#wood div.title_r1 div.mida_size{}
	#wood div.title_r1 div.mida_size ul{ display:flex;}
	#wood div.title_r1 div.mida_size ul li{ width:calc(100%/3); padding:8px 0;}
	#wood div.title_r1 div.mida_size ul li:nth-child(2){ border-right:1px solid #d4d3cd; border-left:1px solid #d4d3cd;}
	#wood div.title_r1 div.mida_size ul li p span{ font-size:22px;}
	
	/*item*/
	#wood div.basic_wrap{ width:748px; display:flex; border:1px solid #d4d3cd; text-align:center; border-top:none; font-weight:bold;}
	#wood div.clm04{ margin-bottom:20px;}
	#wood div.basic_wrap div:nth-child(1){ width:15%; border-right:1px solid #d4d3cd; background-color:#dfded5; color:#320100;}
	#wood div.basic_wrap div:nth-child(1) p{ padding-top:115px;}
	#wood div.basic_wrap div:nth-child(1) p span.num{ font-size:x-large; padding-right:3px;}
	#wood div.basic_wrap div:nth-child(1) p span.leng{ font-weight: normal;}
	#wood div.basic_wrap div:nth-child(2){ width:85%; background-color:#c8b8a9; color:#4f382c;}
	#wood div.basic_wrap div:nth-child(2) h2{ border-bottom:1px solid #d4d3cd; padding:5px 0;}
	
	#wood div.basic_wrap div.mida_size{}
	#wood div.basic_wrap div.mida_size ul{ display:flex;}
	#wood div.basic_wrap div.mida_size ul li{ width:calc(100%/3); padding:8px 0; background-color:#fff;}
	#wood div.basic_wrap div.mida_size ul li img{ max-width:90%;}
	#wood div.basic_wrap div.mida_size ul li.space{ background-color:#f4f2ee; background-image: linear-gradient(to top right, transparent, transparent 49.7%, #d4d3cd 49.7%, #d4d3cd 50%, transparent 50%, transparent);}
	
	#wood div.basic_wrap div.mida_size ul li:nth-child(2){ border-right:1px solid #d4d3cd; border-left:1px solid #d4d3cd;}
	#wood div.basic_wrap div.mida_size ul li p{ font-weight:bold; color:#3d2327; font-size:15px; margin-top:7px;}
	
	#wood div.basic_wrap div.mida_size ul li div.prices{ color:#ab0208; font-size:20px; margin:5px 0;}
	#wood div.basic_wrap div.mida_size ul li div.shosai_btn{ width:90%; margin:0 auto; background-color: #ab0208; color:#fff; padding:7px 0; position:relative;}
	#wood div.basic_wrap div.mida_size ul li div.arrow-right { display: inline-block; width: 7px; height: 7px; margin: 0 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); position:absolute; right:0; top:10px; background: none;}
	#wood div.basic_wrap div.mida_size ul li div.arrow-right:nth-child(2){ right:8px;}
	
	
	/*option parts*/
	#wood h1.mida_02{ background-color:#971d1b; color:#fff; text-align:center; font-size:23px; padding:8px 0; margin-top:40px;}
	#wood div.opt_parts{}
	#wood div.opt_parts ul{ display:flex; justify-content:space-between; margin: 10px auto;}
	#wood div.opt_parts ul.ch1{ margin-bottom:30px;}
	#wood div.opt_parts ul li{ width:calc(95%/2);}
	#wood div.opt_parts ul.ch2 li{ width:calc(95%/3);} 
	#wood div.opt_parts ul li a{ display:block; border:1px solid #652f2b; padding: 15px 0; padding-left: 15px; position:relative; border-left: 45px solid #991f1f;}
	#wood div.opt_parts ul li a:hover{ opacity:0.9;}
	#wood div.opt_parts ul li a p{ font-weight:bold; color:#3d2327;}
	#wood div.opt_parts ul.ch1 li a{ text-align:center; padding-left:0 !important;}
	#wood div.opt_parts ul.ch1 li a div.prices{ padding-left:0 !important; margin-top:3px !important;}
	#wood div.opt_parts ul.ch2 li a p{ padding-left:15px;}
	#wood div.opt_parts ul.ch2 li a p.dan_no{ padding-left:45px;}
	#wood div.opt_parts ul li a p span{ font-size:22px;}
	#wood div.opt_parts ul li a div.prices{ padding-left:10px; color: #ab0208; font-size: 20px; font-weight:bold;}
	#wood div.opt_parts ul li img{ width:65px; position:absolute; top:3px; right:10px;}
	#wood div.opt_parts ul.ch2 li a div.prices{ padding-left:35px;}
	#wood div.opt_parts ul li div.arrow-right { display: inline-block; width: 10px; height: 10px; margin: 0 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); position:absolute; left:-40px; top:35px; background: none;}
	#wood div.opt_parts ul.ch2 li div.arrow-right{ top:45px;}
	
	
	/*wood_rack*/
	#wood h1.mida_03{ background-color:#ea9f32; color:#fff; text-align:center; font-size:23px; padding:8px 0; margin-bottom:0px; margin-top:40px;}
	#wood div.wood_rack ul{ display:flex; justify-content:space-between; margin:10px auto;}
	#wood div.wood_rack ul li{ width:calc(95%/2); padding:8px 0; background-color:#fff; text-align:center; border:1px solid #d8d7ce;}
	#wood div.wood_rack ul li img{ max-width:80%;}
	#wood div.wood_rack ul li.space{ background-color:#f4f2ee; background-image: linear-gradient(to top right, transparent, transparent 49.7%, #d4d3cd 49.7%, #d4d3cd 50%, transparent 50%, transparent);}
	
	/*#wood div.wood_rack ul li:nth-child(2){ border-right:1px solid #d4d3cd; border-left:1px solid #d4d3cd;}*/
	#wood div.wood_rack ul li p{ font-weight:bold; color:#3d2327; font-size:17px; margin-top:7px;}
	#wood div.wood_rack ul li p:nth-child(3){ margin-top:0 !important;}
	#wood div.wood_rack ul li div.prices{ color:#ab0208; font-size:20px; margin:5px 0; font-weight:bold;}
	#wood div.wood_rack ul li div.shosai_btn{ width:80%; margin:0 auto; background-color: #ab0208; color:#fff; padding:10px 0; position:relative;}
	#wood div.wood_rack ul li div.arrow-right { display: inline-block; width: 7px; height: 7px; margin: 0 10px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg); position:absolute; right:0; top:15px; background: none;}
	#wood div.wood_rack ul li div.arrow-right:nth-child(2){ right:8px;}
	
	
}