@charset "utf-8";

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


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

.homeHeader #globalheader{
	position:fixed;
	top:-40px;
	margin-bottom:40px;
}

}

	/*#globalheader-inner nav ul{width:660px;}*/
	#globalheader-inner nav li:nth-of-type(3){display:inline;}


		.insta{
			display: block;
			width:60px;
			height: 60px;
			margin-bottom: -60px;
			position: relative;
		}
			.insta img{
				width:100%;
				height: auto;
			}

		#globalheader-inner .insta{display: none;}
		#imagemain-inner .insta{
			top:-170px;
			left:15px;
		}

	@media screen and (max-width:1040px){
		.insta{left:30px;}
	}

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

		.insta{
			width:40px;
			height:40px;
			float: right;
			top:20px;
			left:-30px;
		}
		#imagemain-inner .insta{display: none;}
		#globalheader-inner .insta{display: block;}
		
	}

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

		.insta{
			top:10px;
		}
		
	}

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

		.insta{
			width:30px;
			height:30px;
			top:15px;
			left:-25px;
		}
		
	}




	#imagemain{
		padding-top:190px;
		position:relative;
		z-index:1;
		background-color:#fffbda;
		background-image:url(../images/img_main.gif);
		background-repeat:no-repeat;
		background-position:50% 100%;
	}
		
@media screen and (max-width:980px){

	#imagemain{
		background-position:50% 0;
		background-size:100% auto;
	}
		
}

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

	#imagemain{
		background-size:770px auto;
	}
		
}


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

	.homeHeader #imagemain{
		margin-bottom:95px;
		top:115px;
	}

}

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

	.homeHeader #imagemain{
		margin-bottom:115px;
	}
		
}
		
@media screen and (max-width:640px){

	.homeHeader #imagemain{
		margin-bottom:105px;
	}
		
}
*/

		#imagemain-inner{
			max-width:980px;
			width:100%;
			height:275px;
			margin:0 auto;
		}

	@media screen and (max-width:980px){
	
		#imagemain-inner{
			height:180px;
		}
			
	}

	@media screen and (max-width:640px){
	
		#imagemain-inner{
			height:150px;
		}
			
	}

	@media screen and (max-width:480px){
	
		#imagemain-inner{
			height:100px;
		}
			
	}




		#fukidashi1{
			display: block;
			height: 140px;
			margin-bottom:-155px;
			padding: 15px 60px 0 20px;
			color:#542f0b;
			font-size:1.1em;
			font-weight:700;
			line-height: 1.7em;
			text-align: center;
			text-decoration: none;
			position:relative;
			/*top:-110px;*/
			left:200px !important;
			z-index:1;
			background-image: url("../../eg/images/bg_fukidashi.png");
			background-repeat: no-repeat;
			background-size: 100% auto;
		}

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

		#fukidashi1{
			padding: 15px 50px 0 15px;
			font-size:1.0em;
			left:22% !important;
		}
		
	}

	@media screen and (max-width:880px){
		#fukidashi1{
			left:15% !important;
		}
	}

	@media screen and (max-width:830px){
		#fukidashi1{left:9% !important;}
	}

	@media screen and (max-width:770px){
		#fukidashi1{left:2% !important;}
	}

	@media screen and (max-width:660px){
		#fukidashi1{
			font-size:0.85em;
		}
	}

	@media screen and (max-width:570px){
		#fukidashi1{
		}
	}

	@media screen and (max-width:560px){
		#fukidashi1{
			margin: 0 auto -116px;
			padding: 10px 15px 0 15px;
			background-image: url("../../eg/images/bg_fukidashi_s.png");
			left:0 !important;
		}
	}

	@media screen and (max-width:480px){
		#fukidashi1{
			padding: 7px 0 0 0;
			font-size:0.75em;
			background-image: url("../../eg/images/bg_fukidashi_s2.png");
		}
	}

	@media screen and (max-width:370px){
		#fukidashi1{
			padding: 10px 0 0 0;
			font-size:0.65em;
		}
	}

		#fukidashi1 p{
			margin: 0;
			display: none;
		}

		#fukidashi1 .linkbtn{
			width: 130px;
			height: 25px;
			margin: 10px auto 0;
			padding-top: 1px;
			color:#fff;
			font-size:0.8em;
			border-radius: 13px;
			text-align: center;
			background-repeat: no-repeat;
			background-color: #cc2f00;
			display: none;
		}

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

		#fukidashi1 .linkbtn{
			margin: 5px auto 0;
		}

	}

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

		#fukidashi1 .linkbtn{
			width: 120px;
			height: 21px;
			padding-top: 1px;
			border-radius: 11px;
			font-size:0.7em;
		}

	}

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

		#fukidashi1 .linkbtn{
			width: 110px;
			height: 18px;
			border-radius: 10px;
			font-size:0.65em;
		}

	}


		#imagedanday{
			margin:0 90px -220px 0;
			float:right;
			position:relative;
		}

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

		#imagedanday{
			width:187px;
			margin:0 90px -294px 0;
		}
		
	}

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

		#imagedanday{
			margin:0 5% -294px 0;
		}
		
	}

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

		#imagedanday{
			display:block;
			width:140px;
			margin:0 auto -165px;
			float:none;
		}
		
	}


		#newsdog{
			width:232px;
			height:130px;
			margin-bottom:-130px;
			float:right;
			position:relative;
			top:200px;
			/*top:180px;*/
			left:410px;
		}
		
	@media screen and (max-width:1140px){

		#newsdog{
			left:0;
		}
		
	}
		
	@media screen and (max-width:980px){

		#newsdog{
			width:174px;
			height:97px;
			margin-bottom:-97px;
			top:40px;
			left:-280px;
			/*top:60px;*/
			/*left:-220px;*/
		}
		
	}
		
	@media screen and (max-width:700px){

		#newsdog{
			top:0;
			left:-220px;
			/*top:40px;*/
			/*left:-140px;*/
		}
		
	}
		
	@media screen and (max-width:480px){

		#newsdog{
			top:-10px;
			left:-10px;
		}
		
	}
		
	@media screen and (max-width:420px){

		#newsdog{
			width:150px;
			top:-5px;
			left:-10px;
		}
		
	}
		
	@media screen and (max-width:370px){

		#newsdog{
			width:130px;
			top:-5px;
			right:0;
		}
		
	}

			#imagedog{
				position:relative;
				top:-25px;
				/**/
			}
		
		@media screen and (max-width:480px){
	
			#imagedog{
				width:60px;
				top:15px;
			}
			
		}
		
		@media screen and (max-width:370px){
	
			#imagedog{
				top:15px;
			}
			
		}


			#fukidashi2{
				display:block;
				/*display:none;*/
				width:0;
				height:0;
				float:right;
				position:relative;
				top:-40px;
				left:-150px;
				z-index:1;				
			}
				#fukidashi2 img{
					width:100%;
					position:relative;
				}
			
		@media screen and (max-width:980px){
	
			#fukidashi2{
				width:90px;
				height:56px;
				top:20px;
				left:-10px;
			}
			
		}
			
		@media screen and (max-width:480px){
	
			#fukidashi2{
				width:60px;
				top:0;
				left:-65px;
			}
			
		}
			
		@media screen and (max-width:420px){
	
			#fukidashi2{
				left:-40px;
			}
			
		}
			
		@media screen and (max-width:370px){
	
			#fukidashi2{
				left:-30px;
			}
			
		}

	
		#catch-main{margin:0 0 0 50px;}
		#catch-main img{display:none}
		
	@media screen and (max-width:1140px){

		#catch-main{
			position:relative;
			top:-10px;
		}
		
	}
		

	@media screen and (max-width:980px){
		
		#catch-main{
			width:45%;
			margin:0;
			top:-30px;
			left:100px;
		}
		#catch-main img{width:100%;}
	
	}

	@media screen and (max-width:840px){
		
		#catch-main{
			top:-40px;
			left:50px;
		}
	
	}

	@media screen and (max-width:640px){
		
		#catch-main{
			top:-45px;
		}
	
	}

	@media screen and (max-width:540px){
		
		#catch-main{
			left:30px;
		}
	
	}

	@media screen and (max-width:480px){
		
		#catch-main{display:none;}
	
	}
/*
	#imagemain ul{
		width:800px;
		margin:0 auto;
		padding-bottom:30px;
		position:relative;
	}
*/
	#imagemain ul{
		position:relative;
		width:942px;
		margin:0 auto;
		padding-bottom:30px;
		position:relative;
	}

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

	#imagemain ul{
		width:90%;
		/*min-width:640px;*/
		padding-bottom:20px;
	}

}

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

	#imagemain ul{
		max-width:300px;
		width:90%;
		min-width:240px;
	}

}

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

	#imagemain ul{
		padding-bottom:20px;
	}

}

		/*#imagemain li{
			width:170px;
			margin-right:40px;
			float:left;
			list-style:none;
		}*/

		#imagemain li{
			width:170px;
			margin-right:23px;
			float:left;
			list-style:none;
		}
		#imagemain li img{width:100%;}

	@media screen and (max-width:1000px){
	
		#imagemain li{
			width:16%;
			margin-right:4%;
		}
	
	}
		#imagemain li:nth-last-of-type(1){margin-right:0;}
		#imagemain li.lastchild{margin-right:0;}

	@media screen and (max-width:700px){
	
		#imagemain li{
			width:45%;
			margin-right:10%;
		}
		#imagemain li:nth-of-type(2n){margin-right:0;}
	
	}


		#imagemain li#thirdp{
			width:170px;
			height:160px;
			background:url(../images/link_third-party.png);
		}

		#imagemain li#thirdp span{
			display:block;
			width:170px;
			height:160px;
			text-decoration:none;
			text-indent:-9999px;
			cursor:pointer;
		}
		#imagemain li#thirdp span:hover{background:url(../images/link_third-party-cs.png);}



	/* section共通 */

	.stdsec .inner{
		max-width:980px;
		width:90%;
		margin:0 auto;
	}








	/* 床暖房の総合商社をめざして */

	#policy{
		width:100%;
		margin:0 auto;
		padding:30px 0 50px;
	}

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

	#policy{
		padding:30px 0 20px;
	}

}

		#policy .inner{
			max-width:900px;
		}


		#imagedanday2{
			margin:20px 0 0 30px;
			float:right;
		}

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

		#imagedanday2{
			max-width:165px;
			width:18%;
			min-width:140px;
			margin:0 0 20px 20px;
		}

	}

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

		#imagedanday2{
			display:block;
			max-width:140px;
			width:30%;
			min-width:110px;
			margin:0 auto 20px;
			float:none;
		}

	}

		#policy-catch{
			color:#542f0b;
			font-family:"kozuka-mincho-pro",sans-serif;
			font-size:3.0em;
		}

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

		#policy-catch{
			margin:0 0 30px;
			font-size:2.3em;
		}

	}

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

		#policy-catch{
			margin:0 0 20px;
			font-size:1.8em;
		}

	}

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

		#policy-catch{
			font-size:1.4em;
		}

	}


		#planning-flow{
			padding:30px 0 0;
			text-align:center;
		}

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

		#planning-flow{padding:30px 0 0;}
		#planning-flow img{width:100%;}

	}


		#planning-flow #flow2{display:none;}

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

		#planning-flow{padding:10px 0 0;}
		#planning-flow #flow1{display:none;}
		#planning-flow #flow2{display:block;}

	}


	/* パンフレット */

	#pamphlet{
		height:385px;
		background-color:#f7f7f7;
		background-image:url(../images/bg_pattern-dot.png);
		background-repeat:repeat-x;
		background-position:0 100%;
	}

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

	#pamphlet{
		height:auto;
	}

}


		#pamphlet .inner{
			height:165px;
			padding-top:50px;
			background-image:url(../images/bg_textico.png);
			background-repeat:no-repeat;
		}

	@media screen and (max-width:640px){
	
		#pamphlet .inner{
			height:auto;
			padding:30px 5% 15px;
			background-size:40% auto;
		}

	}

	@media screen and (max-width:420px){
	
		#pamphlet .inner{
			padding:20px 5% 10px;
			background-size:140px auto;
		}

	}

	@media screen and (max-width:670px){
	
		#pamphlet .inner .aligncenter{
			text-align:left;
		}
		
		#pamphlet .inner .aligncenter .inlinesp0{
			display:none;
		}
	
	}


		#pamphlet-catch{
			margin:0 0 30px;
			color:#f26600;
			font-size:3.0em;
			font-weight:700;
			text-align:center;
		}

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

		#pamphlet-catch{
			margin:0 0 30px;
			font-size:2.6em;
		}

	}

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

		#pamphlet-catch{
			margin:0 0 20px;
			font-size:1.9em;
		}

	}

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

		#pamphlet-catch{
			margin:0 0 20px;
			font-size:1.4em;
		}

	}

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

		#pamphlet-catch{
			margin:0 0 10px;
			font-size:1.2em;
		}

	}


		#btn-pamphlet{
			width:850px;
			height:110px;
			margin:0 auto;
			padding:60px;
			background-image:url(../images/img_triangle.png);
			background-repeat:no-repeat;
			background-position:50% 0;
		}
	
	@media screen and (max-width:980px){

		#btn-pamphlet{
			max-width:970px;
			width:90%;
			padding:60px 5%;
		}
	
	}
	
	@media screen and (max-width:640px){

		#btn-pamphlet{
			max-width:300px;
			width:90%;
			height:auto;
			padding:32px 0 15px;
			background-size:50px auto;
		}
	
	}

			#btn-pamphlet li{
				width:400px;
				height:70px;
				list-style:none;
				-moz-box-shadow:0px 1px 9px 0px #999;
				-webkit-box-shadow:0px 1px 9px 0px #999;
				box-shadow:0px 1px 9px 0px #999;
				border-radius:6px;
			}
			#btn-pamphlet li:nth-of-type(1){
				background:#0080d9;
				float:left;
			}
			#btn-pamphlet li:nth-last-of-type(1){
				background:#ff9e00;
				float:right;
			}
	
		@media screen and (max-width:980px){

			#btn-pamphlet li{
				width:47%;
			}
	
		}

		@media screen and (max-width:770px){
	
			#btn-pamphlet li{
				height:52px;
				border-radius:4px;
			}
	
		}

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

			#btn-pamphlet li{
				width:300px;
				margin-bottom:10px;
			}
	
			#btn-pamphlet li:nth-of-type(1){
				float:none;
			}
			#btn-pamphlet li:nth-last-of-type(1){
				float:none;
			}
	
		}

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

			#btn-pamphlet li{
				width:280px;
				margin:0 auto 10px;
			}
	
		}


			
			#btn-pamphlet li:nth-of-type(1):hover{background:#81cbff;}
			#btn-pamphlet li:nth-last-of-type(1):hover{background:#ffcf80;}

			#btn-pamphlet li:nth-of-type(1) img:hover,
			#btn-pamphlet li:nth-last-of-type(1) img:hover{
				filter:alpha(opacity=100);
				-moz-opacity:1.00;
				opacity:1.00;
			}

			#btn-pamphlet li a{
				display: flex;
				justify-content: center;
				align-items: center;
				width:100%;
				height:100%;
				text-align:center;
			}
			#btn-pamphlet li a img{
				position:relative;
				top:7px;
			}

		@media screen and (max-width:770px){
	
			#btn-pamphlet li a img{
				width:200px;
			}
	
		}

		@media screen and (max-width:640px){
	
			#btn-pamphlet li a img{
				top:6px;
			}
	
		}



	/* おしらせ */

		#newslist{
			max-width:980px;
			width:90%;
			margin:0 auto;
			padding:40px 0 50px;
		}
	
	@media screen and (max-width:480px){
	
		#newslist{
			padding:30px 0 50px;
		}
	
	}

			#newslist h1{
				width:130px;
				margin-left:25px;
				float:left;
			}
	
		@media screen and (max-width:980px){
		
			#newslist h1{
				display: flex;
				justify-content: center;
				align-items: center;
				width:240px;
				margin:0 auto 20px;
				float:none;
				background-color:#886e55;
			}
		
	}
	
			#cautioninfo{
				width:96%;
				margin:5px auto 40px;
				border-radius:6px;
			}
	
		@media screen and (max-width:480px){
	
			#cautioninfo{
				width:100%;
				margin:5px auto 20px;
				border-radius:4px;
			}
	
		}

				#cautioninfo a{
					display:block;
					width:100%;
					padding:10px 0;
					background:#eee;
					text-align:center;
					border-radius:6px;				
				}
		
			@media screen and (max-width:480px){
		
				#cautioninfo a{border-radius:4px;}
		
			}
		
			#newslist ul{
				width:calc(100% - 220px);
				margin-right:30px;
				float:right;
				border-top:1px solid #ccc;
			}
	
		@media screen and (max-width:980px){
	
			#newslist ul{
				width:96%;
				margin:0 auto;
				float:none;
			}
	
		}
	
		@media screen and (max-width:640px){
	
			#newslist ul{
				width:100%;
			}
	
		}

				#newslist li{
					padding:10px 10px 10px 30px;
					background:url(../shared/dot_yajirushi-red.png) no-repeat 10px 17px;
					border-bottom:1px solid #ccc;
					list-style:none;
				}