@charset "utf-8";

/*右側コンテンツ共通部分
------------------------------------------------------------------------------------------*/
	div#limit_of_side_navi {
		background: #ECF6FC url(/images/haikeifuji01.png) no-repeat;
		padding-bottom:40px;
		margin-bottom:0;
	}
	div.right_side {
		margin:5px 0px 0px;
		width:980px;
		font-size:16px;
	}
	.right_side article {
		margin-bottom:5px;
	}
	.right_side section {
		margin-bottom:5px;
	}
	.right_side h1 {
		display:inline-block;
		font-size:28px;
		letter-spacing: 0.02em;
		line-height:1.3em;
		font-weight:bold;
		border-bottom:#000 3px solid;
		margin:30px 0 10px;
	}
	.right_side h2 {
		font-size:24px;
		letter-spacing: 0.02em;
		line-height:1.3em;
		font-weight:bold;
		text-decoration:underline;
		margin:30px 0 15px;
	}
	.right_side h3.pichon , h2.pichon {
		min-height:25px;
		padding:25px 0 5px 50px;
		margin-top:10px;
		font-size:20px;
		font-weight:bold;
		line-height:1.3em;
		color:#00103F;
		background-image:url(../images/pichonmark.png);
		background-repeat:no-repeat;
		background-position:2px 45% ;
	}
	.right_side h2.pichon {
		font-size:24px;
	}
	.right_side p {
		padding:0px 2px;
	}
	.right_side p.img {
		padding:0;
	}
	.right_side p.sekouhinsitu-proshop {
		width:250px;
	}
	.right_side p.sekouhinsitu-proshop img{
		margin:0;
	}
	p.img.f_left {
		padding-right:5px;
	}
	p.img.f_right {
		padding-left:3px;
	}
	table {
		width:100%;
	}
	th ,
	td {
		border-collapse:collapse;
		border:solid 1px #999999;
	}
	.right_side ul.uldisc {
		margin-left:30px;
		list-style-type:disc;
	}
	figure{
		margin-top:15px;
	}
	figcaption {
		margin:-8PX 0 8PX 0;
		font-weight:bold;
	}

	td.gsib_b , td.gsc-input , td.gsib_a , td.gsc-search-button {
		border:none;
	}/* Googleページ内検索部分に余計なボーダーが出るのを防ぐ */

	div.right_side .last-line{
		margin-bottom:15px;
	}
	.right_side p.inqbutton {
		margin:30px 0 30px 0 ;
	}

	/* 以下各コンテンツトップページの下部にあるナビ部分 */
	.right_side ul.pages {
		padding-top:40px;
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
	}
	.right_side .pages li {
		margin:5px auto 30px ;
		flex-grow:0;
		width:31%;
		display:block;
		border: #222 3px solid;
		border-radius:10px;
	}
		.right_side .pages a {
		text-decoration:none;
		color: #111;
		display:block;
		height:100%;
	}
	.right_side .pages h2 {
		display:block;
		width:auto;
		font-size:22px;
		background-color:inherit;
		line-height:1.3em;
		min-height:78px;
		text-align:left;
		color: #000 ;
		border:none;
		margin:0 0 0 0px;
		padding:20px 10% 0;
	}
	.right_side .pages a:hover h2 {
		text-decoration:underline;
	}
	.right_side .pages li p.img ,
	.right_side .pages li figure.img {
		display:block;
		aspect-ratio: 1 / 1;
		width:60%;
		padding:0;
		margin:0 auto 0;
		text-align:center;
		margin-top:0;
		display:flex;
		align-items: center;
		background-color:#FFF;
		}
	.right_side .pages li p.img img ,
	.right_side .pages li figure.img img {
		object-fit: contain;
		width:100%;
		height: auto;
		margin:0;
	}
	.right_side .pages li p.text {
		display:block;
	  width: 80%;
		margin: 15px auto 5px ;
		padding:0;
		font-size:18px;
	}
	.right_side .pages div.kyo {
		margin:30px auto 5px ;
		flex-grow:0;
		width:31%;
	}
		
	/* 各コンテンツトップページの下部にあるナビ部分ここまで */

	/* 以下耳より情報コンテンツページ下部の各ページリンク部分 */	
	.right_side ul.mimiyori {
		margin-top:0;
		padding-top:0;
	}
	/* 耳より情報コンテンツページ下部の各ページリンク部分ここまで */

	/* 以下お得セット部分 */	
	.right_side ul.otokuset {
		margin:7px 0 7px 0;
		display:flex;
		flex-wrap:wrap;
	}
	.right_side .otokuset li {
		margin:1px;
		flex-grow:1;
		width:32%;
		display:block;
	}
	.right_side .otokuset li img {
		width:100%;
	}
	/* お得セット部分ここまで */
	
/*右側コンテンツ共通部分ここまで
------------------------------------------------------------------------------------------*/


/*以下お客様の声その４３２までのページ（top含む）用の部分。テーブルはご注文の流れでも流用。
------------------------------------------------------------------------------------------*/
  div.kuchikomi-pickup{
		margin:auto 20px 40px 20px;
	}
	ol.kuchikomi {
		margin:40px 0 10px 0;
		font-size:16px;
	}
	ol.kuchikomi li {
		margin:8px 0 12px 0;
	}
	ol.kuchikomi li div.kuchikomi-title {
		margin-left:15px;
	}
	ol.kuchikomi li a:hover {
		color:#0000f0;
		text-decoration:none;
	}
	ol.bangou {
		list-style-type:decimal;
	}
	/* ここまでtop用。以下「その１９７」以降の各声ページ用 */
	
	table.kuchikomi th{
		height:20px;
		padding:4px 0 4px 0;
		line-height:18px;
		vertical-align:middle;
		width:70px;
		background-color:#ddFFFF;
	}
	table.kuchikomi td {
		padding:0 calc(3.2vw/7.24) 0;
		vertical-align:middle;
	}
	dl.kuchikomi dt {
		margin-bottom:3px;
	}
	dl.kuchikomi dd {
		margin:0 0 10px calc(13.3vw/7.24);
	}
	table.kuchikomi td p.img {
		padding:0;
	}
	/* ここまで「その１９７」以降の各声ページ用 */

	/* 以下施工写真表示部分 */
	.right_side ul.sekouphotos {
		margin-top:7px;
		display:flex;
		flex-wrap:wrap;
	}
	.right_side .sekouphotos li {
		flex-grow:1;
		width:46%;
		display:block;
	}
	.right_side .sekouphotos li:nth-child(odd) {
		margin:0 3px 0 0;
	}
	.right_side .sekouphotos li p.img ,
	.right_side .sekouphotos li figure.img {
		padding:0;
		text-align:center;
	}
	.right_side .sekouphotos li p.img img  {
		margin-bottom:3px;
	}
	.right_side .sekouphotos div {
		width:46%;
		flex-grow:1;
	}
	/* 施工写真表示部分ここまで */
/*お客様の声ページの４３２まで（top含む）用の部分ここまで
------------------------------------------------------------------------------------------*/


/*お客様の声その４３３以降用の部分開始
------------------------------------------------------------------------------------------*/
article.top-kuchikomi {
	font-size:16px;
	line-height:1.6em;
}
div.padding-kuchikomi {
	padding: 8px 12px 0;
}
article.top-kuchikomi h2 {
	font-size:18px;
}
p.kuchikomi-pickup-title {
	font-size:15px;
	margin-top:6px;
	line-height:1.4em;
}
p.kuchikomi-pickup-title span:first-of-type {
	font-size:13px;
	line-height:1.3em;
	display:block;
	margin-top:4px;
}
p.kuchikomi-pickup-title span:last-of-type {
	font-size:12px;
	color:#333;
	display:block;
	margin-top:4px;
}
div.kuchikomi-pickup-container {
	margin:10px 0 16px 0;
}
div.kuchikomi-name {
	border-radius: 10px;
  color:#FFF;
	line-height:1.15em;
	padding:4px 4px 2px 4px;
 	margin:0 12px 0 0;
 }
div.faceball01 {
	background-color:#4374e0;
}
div.faceball02 {
	background-color:#ec407a;
}
div.faceball03 {
	background-color:#689f38;
}
div.faceball04 {
	background-color:#202020;
}
div.faceball05 {
	background-color:#33691e;
}
div.faceball06 {
	background-color:#7e57c2;
}
div.faceball07 {
	background-color:#512da8;
}
div.faceball08 {
	background-color:#5d4037;
}
div.faceball09 {
	background-color:#5c6bc0;
}
div.faceball10 {
	background-color:#8d6e63;
}
div.faceball11 {
	background-color:#0097a7;
}
div.faceball12 {
	background-color:#7b1fa2;
}
div.faceball13 {
	background-color:#bf360c;
}
article.top-kuchikomi a {
	text-decoration:none;
  color:#111111;
}
article.top-kuchikomi a:hover {
	text-decoration:underline;
}
article.top-kuchikomi a:visited {
	color:#111111;
}
article.top-kuchikomi > article {
	margin-bottom:12px;
}
article.top-kuchikomi dl.kuchikomi {
	margin-top:-8px;
}
article.top-kuchikomi dl.kuchikomi dt {
	font-size:13px;
	color:#333;
}
article.top-kuchikomi dl.kuchikomi dd {
	padding-left:16px;
	margin:0 0 8px 0;
}
article.top-kuchikomi ul.sekouphotos {
	margin-top:3px;
	display:flex;
	flex-wrap:wrap;
}
ul.sekouphotos {
	margin:0 20px 0 20px;
}
article.top-kuchikomi .sekouphotos li {
	flex-grow:1;
	width:26%;
	display:block;
}
article.top-kuchikomi .sekouphotos li:first-child {
	width:53.5%;
	max-width:94%;
	margin:auto;
}
article.top-kuchikomi .sekouphotos li {
	margin:0 2px 0 0;
}
article.top-kuchikomi .sekouphotos li:nth-child(3n-1) {
	margin:0;
}
article.top-kuchikomi .sekouphotos li p.img img {
	width:100%;
	height:auto;
	padding:0;
	text-align:center;
}
article.top-kuchikomi .sekouphotos li p.img img  {
	margin-bottom:2px;
}
article.top-kuchikomi .sekouphotos div {
	width:26%;
	flex-grow:1;
}
nav.kuchikomi-nav-zengo {
	display:flex;
	justify-content: space-between;
	margin:auto 12px ;
}
nav.kuchikomi-nav-zengo p {
	width: calc(50% - 6px);
	font-size:14px;
}
span.kuchikomi-nav-no {
	display:inline-block;
	padding: 0 5px;
	border-top: solid 1px #cecece;
	border-right:solid 1px #cecece;
	border-left:solid 1px #cecece;
	border-radius: 5px 5px 0 0;
}
span.kuchikomi-backnav-title {
	display:inline-block;
	border: solid 1px #cecece;
	padding: 0 3px;
	line-height:1.5;
	border-radius: 0 5px 5px 5px;
}
span.kuchikomi-nextnav-title {
	display:inline-block;
	border: solid 1px #cecece;
	padding: 0 3px;
	line-height:1.5;
	border-radius: 5px 0 5px 5px;
}
span.kuchikomi-backnav-title:hover {
	font-weight:bold;
	text-decoration:underline;
}
span.kuchikomi-nextnav-title:hover {
	font-weight:bold;
	text-decoration:underline;
}

/*お客様の声その４３３以降用の部分終了
------------------------------------------------------------------------------------------*/





/*以下概算費用ページ用の部分
------------------------------------------------------------------------------------------*/
	table.gaisan {
		box-sizing:border-box;
		margin-bottom:5px;
	}
	table.gaisan th{
		height:20px;
		padding:4px 0 4px 0;
		line-height:18px;
		vertical-align:middle;
		background-color:#ddFFFF;
	}
	table.gaisan td {
		padding:0 calc(3.2vw/7.24) 0;
		vertical-align:middle;
	}
	table.gaisan .type{
		width:29px;
	}
	table.gaisan .hiyou{
		width:95px;
	}
	table.gaisan .koujikakaku{
		width:95px;
	}
	table.gaisan .jyousu{
		width:60px;
	}
/*概算費用ページ用の部分ここまで
------------------------------------------------------------------------------------------*/

/*以下機器価格一覧ページ・形番別ページ・価格リンクボタン用の部分
------------------------------------------------------------------------------------------*/
	table.kakakuhyou {
		box-sizing:border-box;
		line-height:1.4;
	}
	table.kakakuhyou thead tr th {
		background-color:#e8ff82;
	}
	table.kakakuhyou tr td.yellow {
		background-color:#FF0;
	}
	table.kakakuhyou th{
		vertical-align:middle;
		background-color:#ddFFFF;
		vertical-align:middle;
	}
	table.kakakuhyou td {
		padding:0 calc(3.2vw/7.24) 0;
		vertical-align:middle;
	}
	table.kakakuhyou td.border-bottom-none{
		border-bottom:none;
	}
	table.kakakuhyou td.border-top-none{
		border-top:none;
	}
	table.kakakuhyou .fsize20px {
		font-size:20px;
	}
	table.kakakuhyou .fsize18px {
		font-size:18px;
	}
	.right_side ul.kakaku-link {
		margin:5px 0 8px 0;
		display:flex;
		flex-wrap:wrap;
		justify-content: flex-start;
	}
	.right_side .kakaku-link li {
		margin-top:3px;
		margin-right:0.5%;
		/* flex-grow:1; */
		width:24.5%;
		display:block;
	}
	.right_side .kakaku-link p {
		text-align:center;
	}

	/* 以下業務用ページのダイキンリースの部分用 */	
	.right_side div.daikinleasedesc {
		margin-left:15px;
	}
	.right_side div.daikinleasedesc h4 {
		padding:22px 0 3px 38px;
		font-size:20px;
		line-height:1.3em;
		color:#00103F;
		background-image:url(../daikin-aircon-kakaku/gyoumu/2019/images/daikinleaseh4mark.png);
		background-repeat:no-repeat;
		background-position:2px 60% ;
	}
	.right_side div.daikinleasedesc dl {
		margin-left:8px;
	}
	.right_side div.daikinleasedesc dt {
		margin:8px 0 2px 0;
		font-weight:bold;
		line-height:1.3em;
		color:#00103F;
	}
	.right_side div.daikinleasedesc dd {
		text-indent:1em;
	}
	/* 業務用ページのダイキンリースの部分用ここまで */	

	
	/* 以下3A以降の機種別価格機能詳細ページ用 */	
	ul.catalog{
		margin-top:3px;
		display:flex;
		flex-wrap:wrap;
	}
	ul.catalog li {
		flex-grow:1;
		max-width: 18.2%;
		display: block;
		filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, .7));
		margin:6px 6px 6px 6px;
	}
	ul.catalog li p.img img {
		width:100%;
		height:auto;
		padding:0;
		text-align:center;
		margin-bottom:0;
	}

	/* 3A以降の機種別価格機能詳細ページ用ここまで */	
	
	
	
	
	
	
/*機器価格一覧ページ・形番別ページ用の部分ここまで
------------------------------------------------------------------------------------------*/


/*以下ご注文の流れ用の部分（基本お客様の声用のCSSを流用。幅だけ変える）
------------------------------------------------------------------------------------------*/
	table.kuchikomi.nagare{
		width:80%;
		margin:15px auto 15px auto;
	}
	table.kuchikomi.nagare th{
		width:100px;
	}
/*ご注文の流れ用の部分ここまで
------------------------------------------------------------------------------------------*/


/*以下会社概要ページ用の部分。ダイキンプロショップページでも使用。dlは匠の店ページでも利用。
------------------------------------------------------------------------------------------*/
	.right_side dl.kaisyajyouhou {
		margin:0 calc(20vw/9.8) 0 calc(15vw/9.8);
	}
	.right_side .kaisyajyouhou dt {
		padding:10px 0 0 10px;
	}
	.right_side .kaisyajyouhou dd {
		padding:0 0 0 30px;
	}
/*会社概要ページ用の部分ここまで
------------------------------------------------------------------------------------------*/


/*以下特定商取引法に基づく表示ページ用の部分。dlは匠の店ページでも利用。
------------------------------------------------------------------------------------------*/
	table.tokutei {
		margin-top:15px;
	}
	table.tokutei th{
		width:138px;
		height:20px;
		padding:4px 0 4px 0;
		line-height:18px;
		vertical-align:middle;
/* 		width:70px; */
		background-color:#ddFFFF;
	}
	table.tokutei td {
		padding:0 calc(3.2vw/7.24) 0;
		vertical-align:middle;
	}
/*特定商取引法に基づく表示ページ用の部分ここまで
------------------------------------------------------------------------------------------*/


/*以下環境保護ページ用の部分。dlは匠の店ページでも利用。
------------------------------------------------------------------------------------------*/
	.right_side blockquote.funtooshare > p {
		font-weight:bold;
		margin:25px calc(15vw/9.8);
		color:#0062AC;
		line-height:2.2em;
	}
	.right_side blockquote.funtooshare > p span{
		display: inline-block;
		white-space: nowrap;
		font-weight:bold;
	}
/*環境保護ページ用の部分ここまで
------------------------------------------------------------------------------------------*/


/*以下個人情報保護方針ページ用の部分。dlは匠の店ページでも利用。
------------------------------------------------------------------------------------------*/
	.right_side div.hourei{
		margin:20px;
	}
	.right_side ol.kojinjouhou {
		margin:20px 0;
		padding:10px 30px 10px;
		list-style-type:decimal;
	}
	.right_side ol.kojinjouhou > li {
		margin:15px 0;
	}
/*個人情報保護方針ページ用の部分ここまで
------------------------------------------------------------------------------------------*/


/*以下旧機種の情報ページ用の部分。
------------------------------------------------------------------------------------------*/
	.right_side ul.old-model-list > li > ul > li {
		text-indent:-10px;
		margin-right:20px;
		float:left;
		min-width:250px;
		line-height:2em;
	}
/*ここまで
------------------------------------------------------------------------------------------*/



/*以下エリアページ用の部分。
------------------------------------------------------------------------------------------*/
	.right_side table.area-list {
		line-height:2em;
	}
	.right_side table.area-list th {
		padding-left:2px;
		background-color:#ddFFFF;
		width:85px;
		vertical-align:top;
	}
	.right_side table.area-list td {
		padding-left:5px;
	}
	.right_side table.area-list > tbody > tr > td > ul > li {
		float:left;
		min-width:90px;
	}
	.right_side table.area-list > tbody > tr > td.chouchou-eki > ul > li {
		min-width:140px;
	}
/*ここまで
------------------------------------------------------------------------------------------*/


/*以下スタッフ紹介ページ用の部分。
------------------------------------------------------------------------------------------*/
	p.txt_name {
		font-size:1.5em;
	}
	p.staff_img img {
		padding:0 15px 0 0;
	}
	div.staff {
		margin:20px auto 20px;
	}
/*ここまで
------------------------------------------------------------------------------------------*/




/*大画面表示用部分開始
------------------------------------------------------------------------------------------*/
	@media screen and (min-width : 980px){
		table.gaisan td {
			padding:0 3px 0;
		}
	}
	/*ここまでが大画面表示用部分
------------------------------------------------------------------------------------------*/

/*スマホ表示用部分開始
------------------------------------------------------------------------------------------*/

	@media screen and (max-width : 767px){
	
		div#limit_of_side_navi {
			background-size:contain;
			padding-bottom:40px;
			margin-bottom:0;
		}
		div.right_side {
			width:100%;
			float:none;
			margin: 5px auto 0px;
		}
		.m_hide {
			display: none;
		}
		.right_side h1 {
			font-size:20px;
			margin-top:20px;
		}
		.right_side h2 {
			font-size:18px;
		}
		.right_side h3.pichon {
			min-height:35px;
			padding:10px 0 5px 50px;
			font-size:18px;
		}
		.right_side p.eyecatch{
			width:50%;
		}
		/* 以下各コンテンツトップページの下部にあるナビ部分 */
		.right_side .pages li {
			width:46%;
			margin-top:8px;
		}
		.right_side .pages h2 {
			font-size:16px;
      min-height: 58px;
			padding:15px 5% 0;

		}
		.right_side ul.pages {
			margin-top:15px;
		}
		.right_side .pages li p.text {
			display:block;
			width: 90%;
			margin: 8px auto 5px ;
			padding:0;
			font-size:16px;
		}
		.right_side .pages div.kyo {
			width:46%;
			margin-top:8px;
		}
		/* 各コンテンツトップページの下部にあるナビ部分ここまで */

		/* 以下お得セット用 */
		.right_side .otokuset li {
			width:49%;
		}
		.right_side .otokuset li img {
			margin-bottom:2px;
		}
		/* お得セット用部分ここまで */

		/* 以下価格一覧ページ用 */
		.right_side .kakaku-link li {
			margin-top:3px;
			margin-right:0.5%;
			/* flex-grow:1; */
			width:24.5%;
			display:block;
		}
		table.kakakuhyou {
			table-layout:fixed;
			width:100%;
		}
		table.kakakuhyou th.m_width36{
			width:36%;
		}
		/* 価格一覧ページ用部分ここまで */


		/* 以下3A以降の機種別価格機能詳細ページ用 */
		ul.catalog li {
			flex-grow:1;
			max-width: 18%;
			display: block;
			filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, .7));
			margin:6px 3px 6px ;
		}
		/* 3A以降の機種別価格機能詳細ページ用部分ここまで */


		/* 以下ご注文の流れページ用 */
		table.kuchikomi.nagare {
			width:95%;
		}
		/* ご注文の流れ用部分ここまで */

		/* 以下スタッフ紹介ページ用 */
		p.staff_img {
			float:none;
			text-align:center;
			padding:0;
			margin:auto;
			width:70%;
			height:auto;
		}
	  p.staff_img img {
			padding:0;
			width:100%;
			height:auto;
		}
		p.txt_comment {
			margin-right:6px;
			margin-left:6px;
		}
		/* スタッフ紹介ページ用ここまで */

		/* 口コミページ用 */
		div.kuchikomi-pickup{
			margin:-10px 12px 20px;
		}
		/* 口コミページ用ここまで */