@charset "utf-8";

@import url(default.css);
@import url(base.css?style=ver20250609);



	#content-wrapper{
		position:relative;
		width:980px;
		margin:0 auto 20px;
		padding:10px 0 120px;
		z-index:10;
	}
	.fixedHeader #content-wrapper{padding-top:188px;}
	
@media screen and (max-width:1020px){
		
	#content-wrapper{
		width:100%;
		padding:10px 0 0;
	}
	
	
}



	#content-wrapper{
		padding-top: 50px;
	}

@media screen and (max-width:1020px){
	
	.fixedHeader #contentheader + #wrapwrapper + #content-wrapper{
		padding-top: 0;
	}

}




	#innerwrapper{
		background-image:url(../danday/images/bg_content-menu.png);
		/*border-bottom:1px dotted #e6bea1;*/
	}

@media screen and (max-width:640px){
	
	#innerwrapper{
		height:auto;
		background-color:#f29600;
	}
	
}


			#contentheader-inner h2{
				margin-right:40px;
				float:left;
			}

		@media screen and (max-width:1020px){
		
			#contentheader-inner h2 img{
				width:210px;
				margin-top:15px;
			}
		
		}
	

	
			#contentheader-inner #catch-header{
				margin-top:30px;
				float:right;
			}

		@media screen and (max-width:980px){
		
			#contentheader-inner #catch-header{
				max-width:430px;
				width:50%;
				margin-top:20px;
			}
		
		}

		@media screen and (max-width:640px){
		
			#contentheader-inner #catch-header{
				display:none;
			}
		
		}








				#cotentmenu li a,
				#cotentmenu li span{
					color:#800000;
				}


			@media screen and (max-width:640px){

				#cotentmenu li span{
					-moz-box-shadow:0 0 0 1px #f29600 inset;
					-webkit-box-shadow:0 0 0 1px #f29600 inset;
					box-shadow:0 0 0 1px #f29600 inset;
				}

				#cotentmenu li a{
					color:#fff;
					background-color:#f29600;
				}

			}

			@media screen and (max-width:640px){
				
				#cotentmenu li a:hover{
					color:#800000;
					-moz-box-shadow:0 0 0 1px #f29600 inset;
					-webkit-box-shadow:0 0 0 1px #f29600 inset;
					box-shadow:0 0 0 1px #f29600 inset;
				}

			}




		#sidebar li a{color:#800000;}

/*		
@media screen and (max-width:980px){

	#linkquote{
		top:125px;
	}

}
		
@media screen and (max-width:640px){

	#linkquote{
		top:65px;
	}

}
*/

	@media screen and (max-width:1020px){

		#subcontentmenu{
			border-bottom:1px solid #ccc;
		}

	}



/*********************  ツツミダンデーとは？  ********************/


	@media screen and (max-width:1020px){

		#index #subcontentmenu{
			display:none;
		}
		
	}
	
		#imagemain{
			width:100%;
			padding-top:35px;
			background-image:url(../danday/images/image_danday.jpg);
			background-repeat:no-repeat;
			background-position:50% 0;
		}
		.fixedHeader #imagemain{
			background-position:50% 140px;
		}
		
	@media screen and (max-width:980px){
	
		#imagemain{
			background-size:480px auto;
		}
		
	}
		
	@media screen and (max-width:640px){
	
		#imagemain{
			background-size:420px auto;
			background-position:50% 0;
		}
		
	}
		
	@media screen and (max-width:480px){
	
		#imagemain{
			background-size:360px auto;
		}
		
	}
		
	@media screen and (max-width:420px){
	
		#imagemain{
			background-size:315px auto;
		}
		
	}
		
	@media screen and (max-width:370px){
	
		#imagemain{
			background-size:280px auto;
		}
		
	}
				
	.fixedHeader#index #imagemain{
		padding-top:178px;
	}
	
		#imagemain-inner{
			max-width:980px;
			width:96%;
			position:relative;
			height:480px;
			margin:0 auto;
			z-index:2;
		}

	@media screen and (max-width:770px){

		#imagemain-inner{
			height:auto;
		}
			
	}

			#maincatch{
				margin:0 0 30px 15px;				
			}
			#maincatch img{width:100%;}

			#maincatch2{
				display:none;			
			}
			#maincatch2 img{width:100%;}

		@media screen and (max-width:980px){

			#maincatch{
				margin:0 0 30px;	
			}
			
		}

		@media screen and (max-width:640px){

			#maincatch{
				display:none;				
			}

			#maincatch2{
				display:block;
				max-width:480px;
				width:100%;
				margin:0 auto 0;	
				position:relative;
				top:0;			
			}
			
		}

		@media screen and (max-width:480px){

			#maincatch2{top:-10px;}
			
		}

		@media screen and (max-width:420px){

			#maincatch2{top:-20px;}
			
		}

			#inroomlink{
				width:240px;
				height:207px;
				padding-left:135px;
				background-image:url(../danday/images/link_inroom.png);
				background-repeat:no-repeat;
				background-size:307px auto;
			}
	
		@media screen and (max-width:980px){

			#inroomlink{
				width:195px;
				height:158px;
				padding-left:90px;
				background-size:230px auto;
			}
	
		}
	
		@media screen and (max-width:640px){

			#inroomlink{
				display:none;
			}
	
		}

			#inroomlink h3{
				margin-top:70px;
				color:#800000;
				font-weight:700;
				font-size: 1.4em;
				text-shadow:
					2px 2px 0px #fff,
					-2px -2px 0px #fff,
					2px -2px 0px #fff,
					-2px 2px 0px #fff;
			}
	
		@media screen and (max-width:980px){

			#inroomlink h3{
				margin-top:30px;
				font-size: 1.1em;
			}
	
		}

				#inroomlink:hover{
					filter:alpha(opacity=70);
					-moz-opacity:0.70;
					opacity:0.70;
				}

				#inroomlink p{
					margin:5px 0 0;
					padding:5px 10px;
					font-size:85%;
					line-height:150%;
					background-image:url("../danday/images/bg_yellow.png");
				}
				#inroomlink p span{
					color:#c30;
				}
				
				#inroomlink a{
					text-decoration:none;
				}


			#cap-main{
				width:510px;
				margin:25px 0 30px;
				float:right;
			}
	
		@media screen and (max-width:980px){
			
			#cap-main{
				max-width:510px;
				width:55%;
				margin-top:25px;
				float:right;
			}
	
		}
	
		@media screen and (max-width:770px){
			
			#cap-main{
				clear:both;
				width:90%;
				margin:0 auto 30px;
				padding-top:20px;
				float:none;
			}
	
		}

			
				#cap-main h3{
					margin-bottom:15px;
					color:#f29600;
					font-size:1.7em;
					font-weight:700;
					line-height:1.4em;
					text-shadow:
						2px 2px 3px #fff,
						-2px -2px 3px #fff,
						2px -2px 3px #fff,
						-2px 2px 3px #fff;
				}
	
			@media screen and (max-width:980px){
			
				#cap-main h3{
					font-size:1.4em;
				}
				
			}
	
			@media screen and (max-width:480px){
			
				#cap-main h3{
					font-size:1.1em;
				}
				
			}
				
				
	.content{
		width:780px;
		float:right;
	}

@media screen and (max-width:1020px){

	.content{
		max-width:780px;
		width:90%;
		margin:0 auto;
		float:none;;
	}

}

		.contentlabel{
			color:#fff;
			background-color:#f29600;
		}



	



	/* 特徴 */

	#feature{
		background:#fffbde;
		padding-bottom:40px;
	}

		#feature-inner{
			position:relative;
			max-width:980px;
			width:100%;
			margin:0 auto -220px;
			padding-top:220px;
			top:-220px;
		}


		#feature-inner .subtitle{
			position:relative;
			margin-bottom:-30px;
			top:-30px;
		}
		
	@media screen and (max-width:1020px){

		#feature-inner .subtitle{
			top:0;
		}

	}


		#feature .imagebox{
			width:370px;
			text-align:right;
			float:right;
		}

	@media screen and (max-width:770px){

		#feature .imagebox{
			max-width:370px;
			width:100%;
			margin:0 auto 10px;
			text-align:center;
			float:none;
		}

	}
	
		#feature .imagebox img{
			max-width:330px;
			width:90%;
		}

		#feature .stdtext:nth-of-type(2) .imagebox img{
			max-width:273px;
			width:90%;
		}


			#feature .stdtable th{
				padding:5px;
				color:#800000;
				font-weight:normal;
				background:#fff5e6;
			}

			#feature .stdtable td{
				text-align:center;
				background:#fff;
			}


	/* ここが違う */


	#edge{
		position:relative;
			max-width:980px;
			width:100%;
		margin:0 auto -180px;
		padding:190px 0 60px;
		top:-180px;
	}

		#feature-inner{
			position:relative;
			max-width:980px;
			width:100%;
			margin:0 auto -220px;
			padding-top:220px;
			top:-220px;
		}

	
		#edge .subtitle{
			position:relative;
		}

		.cat-edge{
			margin-top:60px;
			color:#c60;
			font-family:"kozuka-mincho-pro",sans-serif;
			font-size:3.2em;
		}

	@media screen and (max-width:1020px){

		.cat-edge{
			margin-top:20px;
			font-size:2.3em;
		}

	}

	@media screen and (max-width:640px){

		.cat-edge{
			font-size:1.7em;
		}

	}

	@media screen and (max-width:480px){

		.cat-edge{
			font-size:1.4em;
		}

	}

	@media screen and (max-width:400px){

		.cat-edge{
			text-align:center;
		}

	}


		#edgetable1{
			font-size:0.9em;
			border-bottom:1px solid #ccc;
		}

	@media screen and (max-width:640px){

		#edgetable1{
			font-size:0.8em;
		}

	}
		
		
			#edgetable1 th{
				padding:8px 0;
				font-weight:normal;
				line-height:120%;
			}
			#edgetable1 th:nth-last-of-type(2){color:#c30;}

			#edgetable1 .tableheeader th{
				background:#f9be00;
			}

			#edgetable1 .tableheeader2 th{
				background:#fddb5d;
			}
			#edgetable1 .tableheeader2 th:first-child{
				font-size:1.2em;
				font-weight:bold;
			}

			#edgetable1 td{
				padding:5px 0;
				line-height:140%;
				text-align:center;
			}
			
			#edgetable1 td:nth-last-of-type(3){
				display:flex;
				justify-content:left;
				border:none;
				border-top:1px solid #ccc;
				align-items:center;
 			}
			#edgetable1 td:nth-last-of-type(3).tcell{
				display:table-cell;
				justify-content:center;
 			}


		@media screen and (max-width:770px){

			#edgetable1 td:nth-last-of-type(3){
				display:table-cell;
				justify-content:center;
 			}

			#edgetable1 td:nth-last-of-type(3) div{
				clear:both;
				width:auto;
				margin:0 auto;
				
			}

		}
		

			#edgetable1 td:nth-last-of-type(1){
				width:24%;
			}

			#edgetable1 td:nth-last-of-type(2){
				width:24%;
			}
	
		@media screen and (max-width:640px){

			#edgetable1 td:nth-last-of-type(1) img{
				width:30px;
			}

			#edgetable1 td:nth-last-of-type(2) img{
				width:30px;
			}

		}



		
		
			#edgetable1 td:nth-last-of-type(3){
				text-align:left;
			}
	
		@media screen and (max-width:770px){
			
			#edgetable1 td:nth-last-of-type(3){
				text-align:center;
			}
	
		}

			.tcell > div:nth-of-type(1){
				width:calc(100% - 105px);
				margin: 15px 0 5px;
				float:right;
			}

				#edgetable1 td .noteleft{
					width:23px;
					color:#c33;
					float: left;
				}

				#edgetable1 td .noteright{
					width:calc(100% - 133px);
					margin-right: 5px;
					float: right;
				}
	
		@media screen and (max-width:770px){
			
			.tcell{
				padding-left: 5%;
				padding-right: 5%;
			}

			.tcell > div:nth-of-type(1){
				width:90% !important;
				margin: 0 auto;
				float:none;
			}

			.tcell > div:nth-of-type(2){
				width:90% !important;
				margin: 0 auto !important;
				text-align: left !important;
				float:none;
				position: relative;
				top:5px;
			}

				#edgetable1 td .noteleft{
					display: inline;
					width:17px !important;
					float: left !important;
				}

				#edgetable1 td .noteright{
					width:calc(100% - 25px) !important;
					margin-bottom: -16px;
					float: right !important;
					position: relative;
					top:-16px;
				}

		}
		
			#edgetable1 td:nth-last-of-type(2){background:#fff8b0;}

				#edgetable1 td span{
					font-size:0.85em;
					color:#c30;
					line-height:1.3em;
					position:relative;
				}

				#edgetable1 td p{
					position:relative;
					margin:-20px 10px 0;
					top:20px;
					color:#c30;
				}


			#edgetable1 .firsttd{
				padding:10px;
				width:6%;
				font-size:120%;
				font-weight:bold;
			}

			.ico-seigyo{
				margin:10px;
				float:left;
			}
	
		@media screen and (max-width:770px){
			
			.ico-seigyo{
				float:none;
			}
	
		}
	
		@media screen and (max-width:420px){
			
			.ico-seigyo{
				width:60px;
			}
	
		}
		

			#edge div.stdtext + p,
			#edge div.stdtext + p + p{
				margin-right:10px;
				position:relative;
				left:10px;
			}




		#edgetable2-ico{
			position:relative;
			width:98px;
			height:60px;
			margin-bottom:-60px;
			top:-18px;
			left:-20px;
		}
			

		#edgetable2{font-size:0.85em;}
		#edgetable2B{display:none;}
	
	@media screen and (max-width:640px){
		
		#edgetable2{display:none;}
		#edgetable2B{display:inline;}
	
	}
		
		
			#edgetable2 th{
				width:6%;
				padding:0 10px;
				font-weight:normal;
				font-size:1.2em;
				line-height:120%;
				background:#eee;
			}

			#edgetable2 .tableheeader th{
				width:auto;
				padding:8px 0;
				background:#f9be00;
			}
			#edgetable2 .tableheeader th:nth-of-type(1){
				background:#fff;
			}

			#edgetable2 .tableheeader2 th{
				padding:8px 0;
				font-size:1.0em;
				background:#eee;
				width:13%;
			}
			#edgetable2 .tableheeader2 th:nth-of-type(1){
				width:16%;
				color:#c30;
				font-weight:bold;
				background:#fff8b0;
			}

			#edgetable2 td{
				height:140px;
				padding:10px 0;
				line-height:1.4em;
				text-align:center;
				color:#00662e;
				vertical-align:top;
			}
			#edgetable2 td:nth-of-type(1){
				color:#c30;
				background:#fff8b0;
			}

			#edgetable2 td p{
				text-align:left;
				margin:5px 6px 0;
			}

			#edgetable2 td p.aligncenter{text-align:center;}




		/* 優位性-スマホバージョン */

		
			#edgetable2B{
				font-size:0.9em;
			}
			
			#edgetable2B th{
				width:6%;
				padding:0 10px;
				font-weight:normal;
				font-size:1.0em;
				line-height:1.2em;
				background:#eee;
			}

			#edgetable2B .tableheeader th{
				width:auto;
				padding:8px 0;
				font-size:0.9em;
				background:#f9be00;
			}
			#edgetable2B .tableheeader th:nth-of-type(1){
				background:#fff;
			}

			#edgetable2B .tableheeader2 th{
				padding:8px 0;
				background:#eee;
				width:13%;
				font-size:0.8em;
			}
			#edgetable2B .tableheeader2 th:nth-of-type(1){
				width:16%;
				color:#c30;
				font-weight:bold;
				background:#fff8b0;
			}

			#edgetable2B td{
				height:85px;
				padding:10px 0;
				line-height:140%;
				text-align:center;
				color:#00662e;
			}
			#edgetable2B td:nth-of-type(1){
				color:#c30;
				background:#fff8b0;
			}

			#edgetable2B td p{
				margin:5px 6px 0;
				font-size:2.0em;
				font-weight:700;
			}

			#edgetable2B td p.aligncenter{text-align:center;}

			#edgetable2B td .green{color:#00662e;}

			#edgetable2B td img{width:24px;}
			
			#edgetable2B tr.tableheeader2 ~ tr th{font-size:0.9em;}
			


		#edge p.stdtext{
			margin:20px 0;
		}
	
	@media screen and (max-width:640px){

		#edge p.stdtext{
			font-dize:0.8em;
		}
	
	}
	
		.edgenote{
			display:none;
			margin-top:20px;
			font-size:0.9em;
		}
	
	@media screen and (max-width:640px){
		
		.edgenote{
			display:block;
		}
	}
	
			.edgenote .green{color:#00662e;}

			.edgenote h4{
				color:#000;
				font-weight:700;
				border-bottom:1px dashed #ccc;
			}
			
			.edgenote ol{
				margin:10px 0;
			}
			
			.edgenote ol li{
				margin-bottom:10px;
				line-height:1.7em;
			}


			.edgenote ol:nth-of-type(2).marunum li:nth-of-type(1):before{content:"④"}
			.edgenote ol:nth-of-type(2).marunum li:nth-of-type(2):before{content:"⑤"}
			.edgenote ol:nth-of-type(2).marunum li:nth-of-type(3):before{content:"⑥"}
			.edgenote ol:nth-of-type(2).marunum li:nth-of-type(4):before{content:"⑦"}
			.edgenote ol:nth-of-type(2).marunum li:nth-of-type(5):before{content:"⑧"}
			.edgenote ol:nth-of-type(2).marunum li:nth-of-type(6):before{content:"⑨"}
			.edgenote ol:nth-of-type(3).marunum li:nth-of-type(1):before{content:"⑩"}
			.edgenote ol:nth-of-type(3).marunum li:nth-of-type(2):before{content:"⑪"}
			.edgenote ol:nth-of-type(3).marunum li:nth-of-type(3):before{content:"⑫"}
			.edgenote ol:nth-of-type(4).marunum li:nth-of-type(1):before{content:"⑬"}
			.edgenote ol:nth-of-type(4).marunum li:nth-of-type(2):before{content:"⑭"}
			.edgenote ol:nth-of-type(5).marunum li:nth-of-type(1):before{content:"⑮"}
			.edgenote ol:nth-of-type(5).marunum li:nth-of-type(2):before{content:"⑯"}



	/* 保障 */

	#indemnity{
		background:#eee;
		padding-bottom:100px;
	}

		#indemnity-inner{
			position:relative;
			max-width:980px;
			width:100%;
			margin:0 auto -180px;
			padding-top:190px;
			top:-180px;
		}

		#indemnity-inner .subtitle{
			position:relative;
		}

		.cat-indemnity{
			margin-top:60px;
		}


		.cat-indemnity{
			color:#542f0b;
			font-family:"kozuka-mincho-pro",sans-serif;
			font-size:2.6em;
		}

	@media screen and (max-width:980px){

		.cat-indemnity{
			margin:0 0 30px;
			font-size:2.3em;
		}

	}

	@media screen and (max-width:770px){

		.cat-indemnity{
			margin:0 0 20px;
			font-size:1.8em;
		}

	}

	@media screen and (max-width:480px){

		.cat-indemnity{
			font-size:1.4em;
		}

	}


		#indemnity-list{}

			#indemnity-list li{
				width:715px;
				margin:0 auto 15px;
				padding:20px 45px 10px 0;
				list-style:none;
				background:#fff;
				-moz-box-shadow:0px 1px 1px 0px #ccc;
				-webkit-box-shadow:0px 1px 1px 0px #ccc;
				box-shadow:0px 1px 1px 0px #ccc;
			}
			#indemnity-list li:last-child{margin-bottom:80px}

		@media screen and (max-width:870px){

			#indemnity-list li{
				max-width:715px;
				width:90%;
				margin:0 auto 15px;
				padding:20px 5% 10px;
				list-style:none;
				background:#fff;
				-moz-box-shadow:0px 1px 1px 0px #ccc;
				-webkit-box-shadow:0px 1px 1px 0px #ccc;
				box-shadow:0px 1px 1px 0px #ccc;
			}
	
		}
	
			#indemnity-list li:after{
				content: "";
				display: block;
				visibility: hidden;
				clear: both;
				height: 0px;
			}
			* html #indemnity-list li{display: inline-table;}
			/* no ie mac \*/
			* html #indemnity-list li{height:1%;}
			#indemnity-list li{display: block; min-height:0;}
			/* */

	
				#indemnity-list li .imagebox{
					width:170px;
					text-align:center;
					float:left;
				}
	
			@media screen and (max-width:870px){
	
				#indemnity-list li .imagebox{
					width:170px;
					margin:0 auto 10px;
					float:none;
				}
		
			}
	

				#indemnity-list li h2{
					color:#800000;
					font-weight:bold;
					font-size:1.3em;
				}
	
			@media screen and (max-width:870px){
	
				#indemnity-list li h2{
					text-align:center;
				}
		
			}
	
					
				#indemnity-list li p{
					width:545px;
					float:right;
				}
	
			@media screen and (max-width:870px){
	
				#indemnity-list li p{
					width:100%;
					float:none;
				}
		
			}



		/*#index #globalfooter{border-top:none;}*/




/*********************  いろなところに床暖房  ********************/

		

		#inroom #content-wrapper .content{
			padding:30px 0;
		}
	
	@media screen and (max-width:1000px){
		
		#inroom #content-wrapper .content{
			padding:0;
			text-align:center;
		}
	
	}
		
		#content-wrapper #catch-inroom{
			color:#f29600;
			font-size:1.5em;
			font-weight:700;
			
		}
	
	@media screen and (max-width:640px){
		
		#content-wrapper #catch-inroom{
			font-size:1.3em;
		}
	
	}
	
	@media screen and (max-width:420px){
		
		#content-wrapper #catch-inroom{
			font-size:1.1em;
		}
	
	}

		#inroomimage{
			position:relative;
			width:980px;
			height:610px;
			margin:-150px auto -10px;
			top:-110px;
		}

		#inroomimage2{
			display:none;
		}

		#inroombase-w{
			position:relative;
			margin-top:-640px;
		}

	
	@media screen and (max-width:1000px){
		
		#inroomimage{
			display:none;
		}
		
		#inroomimage2{
			display:block;
			position:relative;
			max-width:714px;
			width:90%;
			margin:0 auto 30px;
		}
		
		#inroomimage2 img{width:100%;}
		
			#inroomimage2 ul{
				padding-bottom:10px;
			}
		
				#inroomimage2 li{
					width:30%;
					margin:0 5% 0 0;
					list-style:none;
					float:left;
				}
				#inroomimage2 li:nth-of-type(3n){margin-right:0;}

				#inroomimage2 li h4{
					margin-bottom:5px;
					font-size:1.2em;
					color:#f29600;
					font-weight:700;
				}


				#inroomimage2 li p{
					margin:5px 0 0;
					font-size:0.9em;
					line-height:1.7em;
				}
				
	}
	
			@media screen and (max-width:640px){
		
				#inroomimage2 li{
					width:47%;
					margin-right:6%;
				}
				#inroomimage2 li:nth-of-type(3n){margin-right:6%;}
				#inroomimage2 li:nth-of-type(2n){margin-right:0;}

			}
	
			@media screen and (max-width:420px){
		
				#inroomimage2 li{
					max-width:240px;
					width:100%;
					margin:0 auto 15px !important;
					float:none;
				}

			}

	
	

/*********************  商品概要  ********************/

		.outline #content-wrapper .content{
			padding:0 0 60px;
		}

	/***********  システム構成  **********/


	#system #content-wrapper{
		padding-bottom:30px;
	}

		#system .content h4{
			padding-top:60px;
			color:#f60;
			font-size:1.4em;
			font-weight:bold;
			letter-spacing:1px;
		}
		
		#system .content h4#system1,
		#system .content h4#system2,
		#system .content h4#system3{
			position:relative;
			padding-top:230px;
			margin-bottom:-170px;			
			top:-170px;
		}
		
	@media screen and (max-width:1020px){
		
		#system .content h4#system1{
			padding-top:150px;
		}
		
		#system .content h4#system1,
		#system .content h4#system2,
		#system .content h4#system3{
			font-size:1.1em;
		}
		
	}


		#system .contentlabel{margin:20px 0 15px;}

		h4#system3 + p + p{
			font-size:1.2em;
			text-align: center;
		}
		
	@media screen and (max-width:770px){

		h4#system3 + p + p{
			font-size:1.0em;
		}
		
	}
		
	@media screen and (max-width:640px){

		h4#system3 + p + p{
			width:80%;
			margin: 0 auto;
			font-size:1.0em;
			text-align:left;
		}
		
	}
			


	
	@media screen and (max-width:480px){

		#system .stdtable{
			overflow-x:scroll;
		}
	
	}


		
			#img-danday1{
				width:82px;
				height:102px;
				position:relative;
				margin:0 0 -102px;
				top:-88px;
				left:685px;
			}
		
		@media screen and (max-width:1020px){
			
			#img-danday1{
				left:0;
				float:right;
			}
			
		}

		#system #table2,
		#system #table4{
			margin-bottom: 50px;
		}

		#system #table1,
		#system #table2,
		#system #table3{
			min-width: 480px;
		}

	
			#system #table1 th,
			#system #table3 th,
			#system #table2 th,
			#system #table4 th{
				padding:10px 0;
				color:#800000;
				font-weight:normal;
				background:#fff5e6;
				line-height:130%;
				font-size:0.85em;
			}
		
		@media screen and (max-width:370px){
	
			#system #table1 th,
			#system #table3 th,
			#system #table2 th,
			#system #table4 th{
				font-size:0.8em;
			}
		
		}
		
			#system #table1 .tableheader th,
			#system #table3 .tableheader th,
			#system #table2 .tableheader th,
			#system #table4 .tableheader th{
				color:#444;
			}
	
			#system #table1 td,
			#system #table3 td,
			#system #table2 td,
			#system #table4 td{
				padding:10px 1%;
				font-size:90%;
				text-align:center;
				line-height:130%;
			}

			#system #table2 .tableheader th:nth-of-type(1){
				width:50px;
			}

			#system #table2 .tableheader th:nth-of-type(2),
			#system #table2 .tableheader th:nth-of-type(3),
			#system #table2 .tableheader th:nth-of-type(4),
			#system #table2 .tableheader th:nth-of-type(5){
				width:calc((100% - 50px) / 6) !important;
			}
			#system #table2 td,
			#system #table4 td{
				width:auto !important;
				word-wrap : break-word;
				overflow-wrap : break-word;
			}
		
		@media screen and (max-width:640px){
	
			#system #table2 .tableheader th:nth-of-type(2),
			#system #table2 .tableheader th:nth-of-type(3),
			#system #table2 .tableheader th:nth-of-type(4),
			#system #table2 .tableheader th:nth-of-type(5){
				width:auto !important;
			}
	
			#system #table2 tr:nth-of-type(2) td:nth-last-of-type(1),
			#system #table2 tr:nth-of-type(2) td:nth-last-of-type(2){
				width:calc((100% - 50px) / 8) !important;
				background-color: #c00;/* ???? */
			}
		}
		
		
		@media screen and (max-width:370px){
	
			#system #table1 td,
			#system #table3 td,
			#system #table2 td,
			#system #table4 td{
				font-size:0.8em;
			}
		
		}
		

				#system #table1 .tableheader th:first-child,
				#system #table2 .tableheader th:first-child,
				#system #table3 .tableheader th:first-child,
				#system #table4 .tableheader th:first-child{
					background-image:url(../shared/line_naname.png);
					background-repeat:no-repeat;
					background-size:100% 100%;
					padding:5px 5px 2px;
					border-bottom:none;
					border-right:none;
				}

					#system #table1 .tableheader th:first-child p,
					#system #table2 .tableheader th:first-child p,
					#system #table3 .tableheader th:first-child p,
					#system #table4 .tableheader th:first-child p{
						width:50%;
						float:right;
						margin:0;
					}
					#system #table1 .tableheader th:first-child p:last-child,
					#system #table2 .tableheader th:first-child p:last-child,
					#system #table3 .tableheader th:first-child p:last-child,
					#system #table4 .tableheader th:first-child p:last-child{
						clear:right;
						float:left;
						color:#800000;
					}



				#system #imagelist1{margin-bottom:20px;}


	
			@media screen and (max-width:640px){
		
				#system .imagelist#imagelist2{
					max-width:360px;
					width:90%;
					margin:0 auto;
					
				}
				
			}


	/* 新商品 */
					
			#system .imagelist-new{
				margin-bottom:20px;
			}

#system .imagelist-new{zoom:1;}
#system .imagelist-new:after{
  content: ""; 
  display: block; 
  clear: both;
}

					
				#system .imagelist-new li{
					width:50%;
					/*height: 147px;*/
					float:left;
					text-align:center;
					list-style:none;
					font-size:0.85em;
				}

				#system .imagelist-new li .inner{
					width:164px;
					height: 167px;
					margin: 0 auto;
					background-repeat: no-repeat;
				}
			
			@media screen and (max-width:420px){

				#system .imagelist-new li .inner{
					width:150px;
					height: 151px;
					background-size: 100% auto;
				}
			
			}
			
			@media screen and (max-width:370px){

				#system .imagelist-new li .inner{
					width:130px;
					height: 131px;
				}
			
			}

					#system .imagelist-new li#tci9eco .inner{
						background-image:url(../danday/images/img_tci9_eco.png);
					}

					#system .imagelist-new li#tci9-2eco .inner{
						background-image:url(../danday/images/img_tci9-2_eco.png);
					}

					#system .imagelist-new li h6{
						margin:0;
						color:#800000;
						font-size:1.0em;
						font-weight:bold;
						line-height:1.3em;
					}

					#system .imagelist-new li p{
						margin:10px 0;
						line-height:1.3em;
					}
	
			@media screen and (max-width:420px){

					#system .imagelist-new li p{
						font-size:0.9em;

					}
				
			}


	/* 新商品ここまで */


				#system .imagelist li{
					float:left;
					text-align:center;
					list-style:none;
					font-size:85%;
				}
				
				#system .imagelist#imagelist1 li{width:25%;}
				#system .imagelist#imagelist2 li{width:25%;}
				#system .imagelist#imagelist3 li{width:20%;}
		
				#system .imagelist#imagelist1 li img{
					max-width:146px;
					width:90%;
					height:auto;
				}

	
			@media screen and (max-width:640px){
		
				#system .imagelist#imagelist1 li img{					
					width:90%
				}
		
				#system .imagelist#imagelist2 li{					
					width:50%
				}
			
				#system .imagelist#imagelist3 li{					
					width:33%
				}
		
				#system .imagelist#imagelist3 li img{					
					width:90%
				}

			}
	
			@media screen and (max-width:640px){
		
				#system .imagelist#imagelist1 li{					
					width:50%
				}

			}
	
			@media screen and (max-width:420px){
		
				#system .imagelist#imagelist3 li{					
					width:50%
				}

			}


					#system .imagelist li h6{
						margin:0;
						color:#800000;
						font-size:1.0em;
						font-weight:bold;
						line-height:1.3em;
					}
					
					#system .imagelist#imagelist3 li h6{
						text-align:left;
						margin:3px 0 0 10px;
					}

					#system .imagelist li p{
						margin:10px 0;
						line-height:1.3em;
					}
	
			@media screen and (max-width:640px){
						
					#system .imagelist#imagelist3 li h6{
						height:40px;
					}
				
			}
	
			@media screen and (max-width:420px){

					#system .imagelist li p{
						font-size:0.9em;

					}
						
					#system .imagelist#imagelist3 li h6{
						text-align:left;
						margin:3px 0 0 10px;
					}
				
			}

				#system .sublabel{
					color:#f26600;
					font-weight:bold;
					margin:10px 0 20px 28px;
				}
	
			@media screen and (max-width:420px){

				#system .sublabel{
					margin:10px 0 20px;
				}
				
			}


				#systenote{
					line-height:1.5em;
				}
	
			@media screen and (max-width:420px){

				#systenote{
					font-size:0.85em;
				}
				
			}


				#systenote img{
					width:40px;
					margin-right:15px;
					float:left;
				}
				
				#outlineimge{
					max-width:196px;
					width:40%;
				}


			/* 推薦材 */
				
			#reco-material{
				background:#fff5e6;
				margin-top:50px;
				padding:25px 30px 15px;
					
			}
	
		@media screen and (max-width:640px){

			#reco-material{
				margin-top:40px;
				padding:20px 20px 10px;
					
			}
			
		}
	
		@media screen and (max-width:420px){

			#reco-material{
				margin-top:30px;
				padding:20px 15px 10px;
					
			}
			
		}

				
				#system .content #reco-material h4{
					padding-top:0;
					color:#663f00;
					font-size:150%;
					font-weight:bold;
				}
	
				#system .content #reco-material dt{
					color:#800000;
					font-weight:bold;
				}
	
					#system .content #reco-material dd{
						margin:0 0 10px 15px;
					}
	
				#reco-material p:last-child{
					color:#800000;
					font-weight:bold;
					margin-top:0;
				}
	
				#reco-material p:nth-last-of-type(2){margin-bottom:10px;}
				
				
				#reco-material ul{
					margin:0 55px -60px 0;
					position:relative;
					left:55px;
					top:-60px;
				}
				
				#reco-material ul:before{
					content:"例）";
					position:relative;
					top:26px;
					left:-45px;
					
				}
				
					#reco-material li{
						height:auto;
						margin:0 0 8px;
						padding:0;
						line-height:1.7em;
					}
				
	
			#strongtext{
				display:block;
				font-size:1.5em;
				margin-left:10px;
				line-height:1.5em;
			}
	
		@media screen and (max-width:420px){

			#strongtext{
				font-size:1.2em;
			}
			
		}


	/***********  施工例  **********/

	
@media screen and (max-width:1020px){

	#samples .subtitle{margin-bottom:-20px;}
	
}


	.sampleitem{
		position:relative;
		margin-bottom:-185px;
		padding-top:185px;
		top:-185px;
	}
	
	.sampleitem:after{
		content: "";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0px;
	}
	* html .sampleitem{display: inline-table;}
	/* no ie mac \*/
	* html .sampleitem{height:1%;}
	.sampleitem{display: block; min-height:0;}
	/* */

	#samples .content .imagebox{
		margin:5px 10px 0;
		text-align:right;
	}
	
	@media screen and (max-width:980px){

		#samples .content .imagebox{
			width:100%;
			margin:5px 10px 0 0;
			text-align:center;
		}
		
		.sampleitem#sample1 .imagebox{max-width:596px;}
		.sampleitem#sample2 .imagebox{max-width:596px;}
		.sampleitem#sample3 .imagebox{max-width:646px;}
		.sampleitem#sample4 .imagebox{max-width:651px;}
		.sampleitem#sample5 .imagebox{max-width:541px;}
		.sampleitem#sample6 .imagebox{max-width:550px;}
		.sampleitem#sample7 .imagebox{max-width:602px;}
		.sampleitem#sample8 .imagebox{max-width:463px;}
		.sampleitem#sample9 .imagebox{max-width:447px;}
		
		.sampleitem .imagebox img{width:100%;}
	
	}
	
	#samples .content #sample10 .imagebox{
		margin:5px 40px 0 0;
		text-align:center;
	}		

	#samples .content #sample10 #imagebox2{
		margin:20px 0 10px 50px;
	}
	
	@media screen and (max-width:980px){

		#samples .content #sample10 #imagebox2{
			margin:20px 10px 10px 0;
		}
		#samples .content #sample10 #imagebox2{max-width:568px;}
		
		#samples .content #sample10 #imagebox2 img{width:100%;}
	
	}
	
		.samplenote{
			position:relative;
			width:295px;
			height:270px;
			margin:25px 0 -270px 10px;
		}
	
	@media screen and (max-width:980px){
	
		.samplenote{
			width:auto;
			height:auto;
			margin:25px 10px;
		}
	
	}


		#sample10 .samplenote{
			width:auto;
			height:auto;
			margin:25px 10px;
		}

		#samples .spbox{
			margin:30px 0 20px;
			padding:20px 30px 10px 40px;
			font-size:90%;
			background:#fff5e6;		
		}

			#samples .spbox h2{
				color:#f60;
				font-size:140%;
				font-weight:bold;
			}
			
				#samples .spbox h2 span{font-size:80%;}

			#samples .spbox ol{
				margin:10px 0 0 25px;
			}

				#samples .spbox li{
					line-height:170%;
					margin-bottom:7px;
				}

		#samples .borderbox{
			margin:30px 0 20px;
			padding:20px 30px 10px;
			font-size:90%;
			border:1px solid #ccc;
		}
			
			#samples .borderbox h3{
				position:relative;
				color:#663f00;
				font-size:140%;
				font-weight:bold;
				z-index:2
			}
			
			#samples .borderbox p{
				position:relative;
				margin-left:5px;
				z-index:2
			}
			
			#samples .borderbox .imagebox{
				width:423px;
				position:relative;
				float:right;
				margin:0 0 -20px;
				top:-20px;
			}
	
		@media screen and (max-width:980px){
		
			#samples .borderbox .imagebox{
				max-width:423px;
				width:90%;
				float:none;
				margin:0 auto -20px;
				top:-20px;
			}
		
		}
		


		#samples .remarks{
			padding:20px 5px 0;
			border-top:1px dotted #ccc;	
			color:#f30;
		}


	/***********  オプション  **********/


		#option .content h4{
			color:#f60;
			font-size:140%;
			font-weight:bold;
			letter-spacing:1px;
		}

		#system .content h4{
			padding-top:60px;
			color:#f60;
			font-size:1.4em;
			font-weight:bold;
			letter-spacing:1px;
		}
		
	@media screen and (max-width:1020px){
		
		#option .content h4{
			font-size:1.1em;
		}
		
	}


		#option .content div.stdtext{
			position:relative;
			top:-15px;
			margin-bottom:-40px;
		}

		#option .contentlabel{margin:40px 0 28px;}
		#option .contentlabel.firstchild{margin:18px 0 28px;}

		#option .remarks{
			padding:20px 5px 0;
			border-top:1px dotted #ccc;	
		}

		#option .remarks:last-child{
			margin-top:50px;
		}

		#option .content div.stdtext img{
			max-width:500px;
			width:100%;
		}

		#option .content div.stdtext img#optionimg1A,
		#option .content div.stdtext img#optionimg2A,
		#option .content div.stdtext img#optionimg3A{
			display:none;
		}
		
	@media screen and (max-width:640px){

		#option .content div.stdtext img#optionimg1,
		#option .content div.stdtext img#optionimg2,
		#option .content div.stdtext img#optionimg3{
			display:none;
		}

		#option .content div.stdtext img#optionimg1A,
		#option .content div.stdtext img#optionimg2A,
		#option .content div.stdtext img#optionimg3A{
			display:block;
			max-width:355px;
			width:100%;
			margin:0 auto 40px;
		}
		#optionimg2A{max-width:390px;}
		
	}



	.iotflow{margin-bottom: 50px;}

		.iotflow .image1{
			width:100%;
			height:auto;
			
		}
		.iotflow .image2{display: none;}

	@media screen and (max-width:640px){

		.iotflow .image1{display: none;}
		.iotflow .image2{
			display: block;
			max-width: 360px;
			width:100%;
			height:auto;
			margin: 0 auto;
		}

	}




		.iotflow + table{
			max-width:640px;
			width:100%;
			margin:0 auto;
			border-collapse:collapse;
		}

	@media screen and (max-width:770px){

		.iotflow + table br{display: none;}

	}

	@media screen and (max-width:480px){

		.iotflow + table{
			max-width: 360px;
			width:100%;
			margin:0 auto;
		}
		.iotflow +  table br{display: inline;}

	}


			.iotflow + table th{
				padding: 3px;
				color:#fff;
				border:1px solid #369;
				background-color: #369;
			}

			.iotflow + table td{
				padding:10px 20px 10px 10px;
				border:1px solid #369;
			}
			.iotflow + table td p{
				margin: 0;
				line-height: 1.5em;
			}



			.linkfh-call{
				max-width: 780px;
				width: 100%;
				margin:0 auto 50px;
			}
			.linkfh-call img{
				width: 100%;
				height: auto;
			}

		@media screen and (max-width:480px){

			.linkfh-call{
				margin:0 auto 20px;
			}
		}


			.link-ban{
				max-width: 640px;
				width: 100%;
				margin:30px auto 50px;
				position: relative;
			}
				.link-ban img{
					width: 100%;
					height: auto;
				}
				.link-ban p{
					margin: 0 0 3px;
					color:#c33;
				}

		@media screen and (max-width:480px){

			.link-ban{
				margin:30px auto;
			}
			
		}


			#option .r-num{
				margin-right: 20px;
				position: relative;
				left:20px;
			}

			#option .r-num:before{
				margin-right:-16px;
				color:#369;
				position:relative;
				left:-20px;
			}
			#option .r-num1:before{content:"❶"}
			#option .r-num2:before{content:"❷"}
			#option .r-num3:before{content:"❸"}
			#option .r-num4:before{content:"❹"}
			#option .r-num5:before{content:"❺"}


		.iotflow + table + ul{
			margin: 30px auto;
		}

			.iotflow + table + ul li{
				margin-left: 20px;
				margin-bottom: 5px;
			}

			#option ol.remarkstext{
				margin:0 0 0 20px;
			}

				#option ol.remarkstext li{
					margin-bottom:5px;
				}

				#option ol.remarkstext ul{
					margin:0 0 0 20px;
				}
			
		.iotflow + table + ul + .iotflow{
			margin-bottom:20px;
		}
	


		#tableiot{
			width:500px;
			margin-right:10px;
			float:right;
		}

	@media screen and (max-width:770px){

		#tableiot{
			width:100%;
			margin:0 auto;
			float:none;
		}

	}

		#tableiot table{
			width:100%;
			border-collapse:collapse;
		}
	
			#tableiot th{
				padding:10px 0;
				color:#072400;
				font-weight:normal;
				background:#e3f1ff;
				line-height:130%;
				font-size:85%;
			}
			#tableiot th{
				background:#e7f2e0;
				color:#1e4d00;
			}

			#tableiot tr:first-child td{
				background:#f29600;
				color:#fff;
			}

			#tableiot tr:first-child th{
				background-image:url(../shared/line_naname.png);
				background-repeat:no-repeat;
				background-size:100% 100%;
				padding:5px 5px 2px;
				font-weight:normal;
				border-bottom:none;
				border-right:none;
			}
			#tableiot tr:first-child p{
				width:50%;
				float:right;
				margin:0;
			}
			#tableiot tr:first-child p:last-child{
				clear:right;
				float:left;
			}
	
			#tableiot td{
				padding:10px 0;
				font-size:90%;
				text-align:center;
				line-height:130%;
			}

		
		#iotimage{
			width:calc(100% - 520px);
			float:left;
		}

	@media screen and (max-width:770px){
		
		#iotimage{
			width:100%;
			float:none;
			margin: 0 auto;
		}

	}
		
		#iotimage p{
			margin-top:5px;
			font-size: 0.98em;
			text-align: center;
			line-height: 1.4em;
			position: relative;
		}
		
		#iotimage img{
			display:block;
			margin:0 auto;
		}



	/***********  レイアウト  **********/
	
		#layout .modeselect{
			width:100%;
		}

		#layout .modeselect{zoom:1;}
		#layout .modeselect:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}

				
			#layout .modeselect li{
				width:41%;
				list-style:none;
				color:#800000;
				font-weight:bold;
				float: left;
				border-radius: 10px;
				box-shadow:0 0 0 2px #f29600 inset;
			}
			#layout .modeselect li:nth-of-type(2){
				width:57%;
				float: right;
			}
			
	
				#layout .modeselect li span{
					display:block;
					width:calc(100% - 45px);
					text-decoration: none;
					background-image:url(../shared/dot_box-red.gif);
					background-repeat:no-repeat;
					line-height: 1.4em;
					border-radius: 10px;
					-webkit-transition:opacity 0.3s ease-out;
					-moz-transition:opacity 0.3s ease-out;
					-ms-transition:opacity 0.3s ease-out;
					transition:opacity 0.3s ease-out;
				}

				#layout .modeselect li span{
					display:block;
					height:75px;
					padding:10px 20px 0 25px;
					background-image:url(../shared/dot_box-red.gif);
					background-position:12px 19px;
				}

				#layout .modeselect li span:hover{
					background-color: #fffbda;
					box-shadow:0 0 0 2px #f29600 inset;
				}

			@media screen and (max-width:636px){

				#layout .modeselect li span{
					height:110px;
				}

			}

			@media screen and (max-width:435px){

				#layout .modeselect li span{
					font-size:0.9em;
					background-position:8px 17px;
				}

			}

			@media screen and (max-width:408px){

				#layout .modeselect li span{
					width:calc(100% - 30px);
					padding:10px 10px 0 20px;
					background-position:8px 19px;
				}

			}

			@media screen and (max-width:379px){

				#layout .modeselect li span{
					height:165px;
				}

			}


				#layout .modeselect li div{margin:3px 0 7px;}

				#layout .modeselect li div a{
					padding:0;
					background-image:none;
					background-repeat:none;
					background-position:none;
					border:none;
				}

				#layout .modeselect li div div{
					width:36px;
					height:36px;
					margin:0 3px 3px 0;
					padding:0;
					float:left;
					background:none;
				}



	#layout .item-wrapper{
		position:relative;
		margin:20px 0 -185px;
		padding-top:185px;
		top:-185px;
	}
	#layout .item-wrapper:nth-last-of-type(1){
		margin:20px 0 0;
	}
				

	#layout .item-wrapper:after{
		content: "";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0px;
	}
	* html #layout .item-wrapper{display: inline-table;}
	/* no ie mac \*/
	* html #layout .item-wrapper{height:1%;}
	#layout .item-wrapper{display: block; min-height:0;}
	/* */

	
	
			#layout #sidebar li{
				color:#800000;
			}
	
				#layout #sidebar li a{
					height:auto;
					padding:12px 0 12px 12px;
				}
				#layout #sidebar li span{
					width:158px;
					height:auto;
					padding:7px 0 0 12px;
					border-top:1px solid #ccc;
					background-image:url(../shared/dot_box-red.gif);
					background-repeat:no-repeat;
					background-position:0 18px;
				}

				#layout #sidebar li div{margin:3px 0 7px;}

				#layout #sidebar li div a{
					width:auto;
					height:auto;
					padding:0;
					background-image:none;
					background-repeat:none;
					background-position:none;
					border:none;
				}

				#layout #sidebar li div div{
					width:36px;
					height:36px;
					margin:0 3px 3px 0;
					padding:0;
					float:left;
					background:none;
				}

		#layout .content{
			padding-top:60px;
		}
		#layout .content h2{
			margin-top:40px;
			color:#f60;
			font-size:1.4em;
			font-weight:bold;
			letter-spacing:1px;
		}

		#layout .contentlabel{margin:30px 0 18px;}
		#layout .contentlabel.firstchild{margin:0 0 18px;}


			#layout .catch-main{
				margin-bottom:20px;
				color:#800000;
				font-size:1.4em;
				font-weight:bold;
			}
			
				.itemimage{padding-bottom:10px;}

				.layoutitem{
					width:50%;
					float:left;	
					text-align:center;
				}
			
			@media screen and (max-width:770px){

				.layoutitem{
					max-width:388px;
					width:100%;
					margin:0 auto 30px;
					float:none;	
				}
			
			}
				

				.layoutitem table{
					width:90%;
					margin:0 auto;
					border-collapse:collapse;
				}

					.layoutitem th,
					.layoutitem td{
						border:1px solid #ccc;
						line-height:1.4em;
					}
	
					.layoutitem th{
						font-size:0.85em;
						font-weight:normal;
						padding:7px 5px 5px;
						color:#35576b;
						background:#ecf8ff;
					}
	
					.layoutitem th:nth-last-of-type(2){
						width:10%;
						padding:0 5px;
						line-height:1.2em;
					}
	
					.layoutitem .tableheader th{font-weight:bold;}
	
					.layoutitem .total th{
						color:#fff;
						font-weight:bold;
						background:#f5ab18;
					}
	
					.layoutitem td{
						width:41%;
						padding:7px 10px 5px;
						text-align:right;
					}
		
				@media screen and (max-width:980px){
	
					.layoutitem td{
						padding:7px 5px 5px;
					}
		
				}
	
					.layoutitem .tableheader td{
						font-weight:bold;
						font-size:1.2em;
						color:#c30;
					}
	
					.layoutitem .total td{
						font-weight:bold;
						font-size:1.2em;
					}


		#layout #j6 .itemimage{height:193px;}
		#layout #j8 .itemimage{height:192px;}
		#layout #j10 .itemimage{height:234px;}
		#layout #j12 .itemimage{height:280px;}
		#j14 .itemimage{height:316px;}
		#j16 .itemimage{height:360px;}

		#layout2 #j6 .itemimage{height:192px;}
		#layout2 #j8 .itemimage{height:192px;}
		#layout2 #j10 .itemimage{height:234px;}
		#layout2 #j12 .itemimage{height:277px;}
		#l1 .itemimage{height:299px;}
		#l2 .itemimage{height:339px;}
		#l3 .itemimage{height:273px;}
		#s .itemimage{height:130px;}
		#s .itemimage:last-child{height:80px;}




/*********************  Q&A  ********************/

		#qa #content-wrapper .content{
			padding:0 0 60px;
		}

		.cat-qa{
			margin:40px 0 40px;
			color:#c60;
			font-family:"kozuka-mincho-pro",sans-serif;
			font-size:2.1em;
			text-align:center;
			line-height:1.5em;
		}
		
	
	@media screen and (max-width:980px){

		.cat-qa{
			margin:0 0 40px;
			font-size:1.8em;
		}
		
	}
	
	@media screen and (max-width:480px){

		.cat-qa{
			margin:0 0 30px;
			font-size:1.4em;
		}
		
	}
	
	@media screen and (max-width:370px){

		.cat-qa{
			margin:0 0 30px;
			font-size:1.1em;
		}
		
	}
	
		
		#qa dt{
			margin:0 10px;
			color:#f26600;
			font-size:1.2em;
			font-weight:bold;
		}
	
	@media screen and (max-width:420px){

		#qa dt{
			margin:0 0 10px;
			font-size:1.0em;
		}
		
	}
		
		#qa dd{
			max-width:730px;
			width:calc(100% - 50px);
			margin:15px auto 40px;
			padding:15px 25px;
			background:#fff5e6;
		}

		#qa .remarks{
			padding:20px 5px;
			border-top:1px dotted #ccc;	
		}

		#qa .lbl_denjiha{
			max-width:300px;
			width:100%;
			margin:10px auto 5px;
			font-weight: 700;
			text-align:left;
		}



/*********************  価格表  ********************/


		#price #content-wrapper .content{
			padding:0 0 60px;
		}

		#price .stdtable{
			border:2px solid #bbb;
		}


			#price .stdtable th,
			#price .stdtable td{
				border:1px solid #ccc;
			}

			#price .stdtable tr:nth-of-type(1) th{
				border-bottom:2px solid #bbb;
			}

			#price .stdtable tr:nth-of-type(14) th,
			#price .stdtable tr:nth-of-type(14) td,
			#price .stdtable tr:nth-of-type(24) th,
			#price .stdtable tr:nth-of-type(24) td{
				border-top:2px solid #bbb;
			}

			#price .stdtable th{
				padding:2px 0;
				font-weight:normal;
				font-size:0.85em;
				line-height:1.3em;
				background:#ffdb66;
			}

			#price .stdtable td{
				padding:5px 10px;
				text-align:center;
				line-height:1.4em;
			}
	
		@media screen and (max-width:770px){

			#price .stdtable td{
				padding:5px;
			}
	
		}
	
		@media screen and (max-width:540px){

			#price .stdtable td{
				font-size:0.9em;
			}
	
		}
	
		@media screen and (max-width:480px){

			#price .stdtable td{
				padding:5px 2px;
			}
	
		}
	
		@media screen and (max-width:420px){

			#price .stdtable th{
				font-size:0.8em;
				line-height:1.2em;
			}
			#price .stdtable th span{
				font-size:0.8em;
			}

			#price .stdtable td{
				font-size:0.85em;
			}
	
		}
	
		@media screen and (max-width:370px){

			#price .stdtable th{
				font-size:0.7em;
				line-height:1.2em;
			}
	
		}
	
	
				#price .stdtable td:nth-of-type(7){
					text-align:left;
				}

				#price .stdtable td:nth-of-type(1){background:#fff8b0;}