@charset "utf-8";

/*clearfix*/
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}


/*
-------------------------------------------------------------------------
2017.07
【レスポンシブ用に追加】
PC用の記述も、追加上書き分はこっちに記述
-------------------------------------------------------------------------
*/
.mainBtnBox{
	position:absolute;top:171px;
}
.mainBtnBox	a span{
	display:none;
}
.mainBtnBox p span{
	display:none;
}
/**/
.tokuchoBtnBox p span{
	display:none;
}
.btm_3c_built li a span{
	display:none;
}
.chuMidashi span{
	display:none;
}
.koMidashi span{
	display:none;
}
/**/
.pict li {
    width: 64px;
    height: 27px;
    float: left;
    margin-right: 2px;
    margin-bottom: 2px;
    padding: 8px 0 0 0;
    font-size: 11px;
    font-weight:normal;
    text-align: center;
    line-height: 1.0em;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.pict li span{
	line-height: 1.1em;
	font-size: 8.5px;
	letter-spacing:-0.06em;
}
.pict li.anzen{
	background:#a4cdf2;
}
.pict li.benri{
	background:#c1dc79;
}
.pict li.grill{
	background:#f3acc7;
}
.pict li.tensen{
	width: 62px;
    height: 25px;
	color:#999;
	font-weight:normal;
	background:#fff;
	border:dashed 1px #ccc;
}
.pict li.tensen span{
	color:#999;
}
.pict li.oneline{
	height: 22px;
	padding: 13px 0 0 0;
}
.option span{
	display:none;
}
/*テーブル*/
.product_table .product_code{
	margin:5px 0;
}
.product_table .marginBottom{
	margin-bottom:8px;
}
.product_table .kinoTd{
	padding-top:10px;
}
/**/
.kinosyokai span{
	display:none;
}
.kinoBox{
	width:940px;
	margin:0 auto;
}
.kinoBox h4{
	margin:20px 0 0 20px;
	font-size:18px;
	font-weight:normal;
	letter-spacing: -0.4px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.kinoBox dl{
	display:table;
	width:920px;
	margin:0 auto;
	border-collapse:separate;
	border-spacing:20px 5px;
}
.kinoBox dt{
	display:table-cell;
	width: 80px;
	height: 50px;
	font-size: 13px;
	_font-weight: bold;
	text-align: center;
	line-height: 1.2em;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	background:#a4cdf2;
	vertical-align:middle;
}
.kinoBox dt.siro{
	background:none!important;
}
.kinoBox dd{
	display:table-cell;
	width:330px;
	vertical-align:middle;
}
.kinoBox dt span{
	font-size:10px;
}
.kinoBox.anzen dt{
	background:#a4cdf2;
}
.kinoBox.benri dt{
	background:#c1dc79;
}
.kinoBox.grill dt{
	background:#f3acc7;
}
.kinoBox .small{
	font-size:10.4px;
	vertical-align:top;
}

/*20180117追記-----------------------------------------*/
.product_table_sub img{
	width:auto;
	height:auto;
}
.top .product_table_sub img{
	_margin-left:20px;
}
.anser span{
	display:none;
}
.variP{
	margin:10px auto 0;
	_text-align:center;
}
/*20201109*/
.kantaBtn{
	display:block;
	width:100%;
	margin:10px 0 0 0px;
	padding:0;
	text-align:center;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.kantaBtn p{
	padding:5px 0 3px 70px;
	font-weight:normal;
	font-size:13px;
	color:#000;
	background:#fff url(/home/img2020/logo/rinnai.png) 30px center no-repeat;
	background-size:60px auto;
	border:solid 1px #ccc;
	border-radius:6px;
}
.kantaBtn:hover{
	text-decoration:none;
	opacity:0.6;
}
/*-------------------*/
.btnFlex{
	display:flex;
	flex-wrap:nowrap;
	margin-top:10px;
}
.btnFlex .left{
	width:687px;
	padding-left:1px;
}
.btnFlex .left a{
	display:inline-block;
}
.btnFlex .left a:nth-child(2){
	margin:0 0 0 11px;
}
.btnFlex .right{
	width:327px;
	padding-left:0px;
}
/**/
.modaal-content-container {
	padding: 0px!important;
}
.modaal-container {
	width:auto!important;
	background: #000!important;
	box-shadow:0!important;
}
.modaal-content-container video{
	width:100%;
	vertical-align: bottom!important;
}
.modaal-content-container video{
	width:900px;
}
/**/
.qaBox li{
	padding:4px 0;
}
.qaBox li div{
	font-size:18px;
}
.qaBox li div span{
	padding:0 5px 0 0; 
	font-size:20px;
	color:#8fc722;
}
.qaBox{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	align-items:flex-end;
}
/**/
.qaBox li{
	width:48%;
	margin:0 0 26px;
}
.qaBox li div{
	margin:10px 0 0;
}
.qaBox li div iframe{
	width:100%;
	height:269px;
}



#MainContents h4.midashi span {
    display: block;
    padding-left: 0px;
    font-weight: normal;
    font-size: 21px;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#MainContents h4.midashi {
    margin: 30px 0 0px 0;
    padding: 5px 0;
    border-bottom: solid 1px #888;
}
/**/
.qaBtn{
	width:310px;
	margin:30px auto;
	text-align:center;
}
.qaBtn .setuzoku{
	display:block;
	width: 310px;
	margin:0 0 10px;
	font-weight:bold;
	font-size:18px;
	padding: 12px 0;
	background: #FDFCDF;
	border: solid 1px #ACACAC;
	border-radius: 6px;
}
.qaBtn.yukadanBtn{
	width: 607px;
	margin:30px auto;
}






/*############################################*/
/*  */
/*############################################*/
@media (max-width: 992px) {

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

	/*メイン画像*/
	/*エネファームTOP*/
	.top #PanList p.clr{
		background:url(../../resp_img/yukadan_main.jpg) no-repeat;
		background-size:cover;
	}
	.varib #PanList p.clr{
		background:url(../../resp_img/varib_main.jpg) no-repeat;
		background-size:cover;
	}
	.qa #PanList p.clr{
		background:url(../../resp_img/qa_main.jpg) no-repeat;
		background-size:cover;
	}
	/***************************/
	.mainBtnBox{
		position:static;
		top:auto;
	}
	.mainBtnBox p img{
		display:none;
	}
	.mainBtnBox p span{
		display:block;
		padding:10px 0 4px;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		color:#ef741f;
	}
	.mainBtnBox	a img{
		display:none;
	}
	.mainBtnBox	a span{
		width:94%;
		margin: 0 auto 4px;
		display: block;
		padding: 10px 0;
		text-align: center;
		color: #fff;
		background: #ef741f;
		border-radius: 6px;
	}
	/**/
	#MainContents,
	.product_wrapper{
		width:100%;
	}
	/**/
	.tokuchoBtnBox{
		margin:20px 0;
		padding:10px 0 10px 0;
		background:#85a82e;
	}
	.tokuchoBtnBox p img{
		display:none;
	}
	.tokuchoBtnBox p span{
		display:block;
		padding:10px 0 4px;
		text-align:center;
		font-size:16px;
		font-weight:bold;
		color:#fff;
	}
	.btm_3c_built {
		height:auto;
	}
	.btm_3c_built li {
		float:none;
		margin-right:0px!important;
	}
	.btm_3c_built li a img{
		display:none;
	}
	.btm_3c_built li a span{
		width:94%;
		margin: 0 auto 4px;
		display: block;
		padding: 10px 0;
		text-align: center;
		color: #85a82e;
		background: #fff;
		border-radius: 6px;
	}
	/**/
	.product_wrapper h3.chuMidashi{
		margin:40px 0 0 0;
	}
	.chuMidashi img{
		display:none;
	}
	.chuMidashi span{
		display: block;
		width: 100%;
		_margin: 40px 0 10px;
		padding: 10px 0 10px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		background: #a5cf3b;
	}
	.chuMidashi span:nth-child(2){
	}
	.chuMidashi span:nth-child(3){
		background: #d0e98e;
		font-size:14px;
		color:#555;
	}
	.koMidashi span{
		display: block;
		width: 94%;
		margin: 20px auto 16px!important;
		padding: 10px 0 10px;
		font-size: 14px;
		color: #fff!important;
		text-align: center;
		background: #85a82e;
		border-radius:50px;
	}
	.koMidashi img{
		display:none;
	}

	/**/
	.product_table{
		margin:0 auto 50px;
		width:94%;
		height:auto!important;
	}
	.product_table th,
	.product_table td{
		display:block;
		width:100%;
		height:auto!important;
		padding:0;
		margin:0;
	}
	.product_table img{
		_max-width:100%;
	}
	/**/
	.product_table img{
		width:100%;
		height:auto;
	}
	.imgAuto{
		width:auto!important;
		height:auto;
	}
	.product_option_image {
		float: left;
		width: 25%!important;
	}
	.product_option_image img{
		width:100%;
		height:auto;
		padding-bottom:16px;
	}
	.product_option_text {
		float: left;
		width: 75%!important;
		padding-bottom:16px;
	}
	.product_option_copy br,
	div.clear br{
		display:none;
	}
	.w100per{
		width:100%!important;
	}
	/**/
	.pict li {
		width: 64px;
		height: 27px;
		float: left;
		margin-right: 2px;
		margin-bottom: 2px;
		padding: 8px 0 0 0;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		line-height: 1.0em;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
	}

.pict li span{
	line-height: 1.1em;
	font-size: 8.5px;
	letter-spacing:-0.06em;
}
	.option img{
		display:none;
	}
	.option span{
		display:block;
		margin:10px 0 10px;
		border-bottom:dotted 1px #999;
	}
	/**/
	.product_table .product_photo{
		margin-bottom:20px;
	}
	/**/
	.kinosyokai span{
		display: block;
		width: 100%;
		margin: 40px 0 10px;
		padding: 10px 0 10px;
		font-size: 16px;
		color: #fff;
		text-align: center;
		background: #a5cf3b;
	}
	.kinosyokai img{
		display:none;
	}
	/**/
	.kinoBox{
		width:94%;
		margin:0 auto;
	}
	.kinoBox h4{
		margin:20px 0 10px 0px;
		text-align:center;
		font-size:18px;
		font-weight:normal;
		letter-spacing: -0.4px;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.kinoBox dl{
		display:block;
		width:100%;
		margin:0 auto;
		border-collapse:separate;
		border-spacing:20px 5px;
	}
	.kinoBox dt br,
	.kinoBox dd br{
		display:none;
	}
	.kinoBox dt{
		display:block;
		width: 100%;
		height: auto;
		margin-bottom:4px;
		padding:10px 0;
		font-size: 15px;
		text-align: center;
		line-height: 1.2em;
		border-radius: 4px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		background:#a4cdf2;
	}
	.kinoBox dt.siro{
		background:none!important;
	}
	.kinoBox dd{
		display:block;
		width:100%;
		margin-bottom:10px;
	}
	.kinoBox dt span{
		font-size:10px;
	}
	.kinoBox.anzen dt{
		background:#a4cdf2;
	}
	.kinoBox.benri dt{
		background:#c1dc79;
	}
	.kinoBox.grill dt{
		background:#f3acc7;
	}
	.kinoBox .small{
		font-size:10.4px;
		vertical-align:top;
	}

	/*****************************************************/
	.specTable{
		_margin-bottom:20px!important;
	}
	.specTable td{
		padding:10px 0;
	}
	.text_12_16{
		padding-bottom:20px!important;
	}
	.renewal img{
		margin-top:20px;
	}
	.tableconro .chuMidashi:first-child{
		margin-bottom:30px;
	}
	/**/
	.product_code{
		padding-bottom:6px;
	}



	/*20180117追記-----------------------------------------*/
	.aright{
		margin:0 auto;
		float:none;
		text-align:center;
	}
	.product_table_sub{
		width:94%;
		margin:0 auto;
	}
	.product_table_sub td{
		width:100%;
		display:block;
	}
	.product_table_sub td img{
		width:100%;
		height:auto;
	}
	.product_table_sub td .koMidashi span{
		width:100%;
	}
	.top .product_table_sub img{
		margin:0 0 10px 0px!important;
	}
	.img100auto{
		width:auto!important;
		height:auto;
	}
	.topMargin{
		padding-top:20px;
	}
	.variP{
		margin:0px auto 20px;
		text-align:center;
	}
	/**/
	.chuMidashi+p{
		width:94%;
		margin:20px auto 0;
	}
	.varib .product_table_sub td{
		padding:0!important;
	}
	.varib img{
		margin-top:10px;
	}
	.varib .center,
	.qa .center{
		text-align:center;
	}
	/**/
	.anser img{
		display:none;
	}
	.anser span{
		display:block;
		font-size:24px;
		color:#999;
		font-weight:normal;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.qa .center img{
		width:auto!important;
		height:auto;
		margin:10px auto 20px;
	}
	.qa .product_table_sub:last-child{
		margin-bottom:40px;
	}
	.qa .koMidashi{
		margin-top:20px;
		padding: 10px 0 10px 0px;
		border-top:solid 2px #ddd;
		border-bottom:dotted 1px#ccc;
	}
	/**/
	.qa .koMidashi span{
		position:relative;
		display: block;
		width: auto;
		margin: 0px auto 0px!important;
		padding: 10px 0 10px 70px;
		font-size: 17px;
		font-weight:bold;
		color: #000!important;
		text-align: left;
		background: #fff;
		border-radius:0px;
		_border-bottom:solid 1px#ccc;
	}
	.qa .koMidashi span:before{
		position: absolute;
		left: 3%;
		top:14px;
		content: "Q1.";
		vertical-align: middle;
		font-size:30px;
		color:#a4d12b;
		font-weight:normal;
		font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	}
	.qa .koMidashi span.q2:before{
		top:10px;
		content: "Q2.";
		color:#f282ac;
	}
	.qa .koMidashi span.q3:before{
		top:10px;
		content: "Q3.";
		color:#f49453;
	}
	.qa .koMidashi span.q4:before{
		top:10px;
		content: "Q4.";
		color:#5bcca6;
	}
	.qa .product_table_sub tr.anser td{
		padding-top:7px;
	}

/*-------------------*/
.btnFlex{
	display:flex;
	flex-wrap:wrap;
	margin:0px auto 0;
}
.btnFlex .left{
	width:94%;
	margin:0 auto 0;
	padding-left:0px;
}
.btnFlex .left img{
	width:100%;
	height:auto;
}
.btnFlex .right{
	padding-left:0px!important;
	width:92%;
	margin:20px auto 0;
}
/**/
.modaal-content-container {
	padding: 0px!important;
}
.modaal-container {
	width:auto!important;
	background: #000!important;
	box-shadow:0!important;
}
.modaal-content-container video{
	width:100%!important;
	vertical-align: bottom!important;
}
/**/
#MainContents h4.midashi span {
    display: block;
    padding-left: 0px;
    font-weight: normal;
    font-size: 21px;
    line-height: 1.5em;
    letter-spacing: -0.05em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#MainContents h4.midashi {
    margin: 30px 0 0px 0;
padding: 1% 5%;
    border-bottom: solid 1px #888;
}
/**/
.btnFlex .left,
.btnFlex .right{
	width: 90%;
	margin: 0 auto;
	padding: 14px 0 0;
	color: #000;
}
.btnFlex .left a{
	display:inline-block;
	width:100%;
}
.btnFlex  .left a:nth-child(2){
	margin: 15px 0 0 0;
}
.btnFlex .left a img{
	width: 100%;
}
.qaBox li{
	width:100%;
	margin:0 0 26px;
}
.qaBox li div iframe{
	width:100%;
	height:48vw;
}
.qaBtn.yukadanBtn{
	width: 94%;
}




} /* /@media */