@charset "UTF-8";

.mt05em {
  margin-top: 0.5em;
}

.sub-title {
	font-weight: 500;
	background: #e6e6e6;
}

.color-reibo {
	color: #14a5d1;
}

.color-danbo {
	color: #eb6877;
}

.emark img {
	width: auto;
}


/* 寸法 */
.outer-size-ttl {
	font-weight: 500;
}

ul.list-size-text {
	border-top: solid 1px #D9D9D9;
	border-bottom: solid 1px #D9D9D9;
  margin-block-start: 5rem;
  padding-block: 2rem;
}

ul.list-size-text li.code {
	text-indent: -10.5rem;
	padding-left: 10.5rem;
}

/* リモコン */
	#remocon {
		padding-bottom: 2rem;
	}

	.img-remocon {
		max-width: 550px;
		margin: 0 auto;
	}

/* 製品仕様 */
table.table-rei-danbo thead th,
table.table-eco th {
  background: #F5F5F5;
}

table.table-eco th.emark {
  background: #fff;
}

/* エアコン 個別発売指定対応 */
.prod-spec-item .inner-red-yotei {
  color: red;
  font-size: 1.4rem;
}

.prod-spec-item .has-yotei {
  padding-right: 1.4rem;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {

  .icon-fron {
    width: 52px;
  }

  .icon-plug {
    width: 18px;
  }
  
	.sub-title {
		margin-bottom: 3rem;
		padding: 0.2em 0;
		font-size: 1.8rem;
		text-align: center;
	}

	/* 寸法 */
	hr.bdr-gray {
		margin-top: 3rem;
		margin-bottom: 3rem;
	}

	.outer-size-ttl {
		margin-top: 3rem;
		font-size: 1.5rem;
	}

	.img-shitsunai {
		margin-top: 2rem;
	}

	.flex-item-condition {
		margin-top: 2rem;
		font-size: 1.3rem;
	}

	.img-condition {
		margin-top: 2rem;
	}

	ul.list-shitsugaiki {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 3rem;
	}

	ul.list-shitsugaiki li {
		width: 47%;
		margin-top: 2rem;
	}

	ul.list-shitsugaiki li:nth-child(-n+2) {
		margin-top: 0;
	}

	ul.list-shitsugaiki figure {
		height: 100%;
		padding-bottom: 84%;
		position: relative;
	}

	ul.list-shitsugaiki figure img {
		position: absolute;
		bottom: 0;
	}

	ul.list-shitsugaiki figcaption {
		font-size: 1.2rem;
	}

	ul.list-size-text {
		margin-top: 3rem;
		padding: 1em 0;
		font-size: 1.3rem;
	}

	ul.list-size-text li {
		padding: 0.25em 0;
	}

	/* リモコン */
	#remocon .table-spec {
		border-bottom: none;
	}

	#remocon .table-spec th,
	#remocon .table-spec td {
		border-top: none;
	}


  /* 製品仕様・ナビ */
  ul.list-room-size {
    display: flex;
    flex-wrap: wrap;
  }

  ul.list-room-size li {
    width: 19%;
    margin-right: 2px;
    margin-bottom: 6px;
  }

  ul.list-room-size li a {
    display: block;
    width: 100%;
    padding: 0.6em 1em 0.6em 0;
    font-size: 1.4rem;
    font-weight: 500;
    background: #A0A0A0 url('/assets/common/images/chevron-down-solid-w.svg') no-repeat top 0.9em right 0.5em / 14px auto;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    position: relative;
  }

  /* 製品仕様 */
  .prod-spec-item {
    padding-top: 6rem;
  }

  .prod-spec-item:first-of-type {
    padding-top: 5rem;
  }

  .prod-spec-item .text-small {
    font-size: 1.2rem;
  }

  .prod-spec-item-header {
    margin-bottom: 2rem;
    padding-left: 20px;
    border-left: solid 6px #000;
    font-weight: 500;
  }

  .prod-spec-title {
    font-size: 3rem;
  }

  .prod-spec-sub-title {
    font-size: 1.2rem;
  }

  .prod-spec-item-header .prod-name {
    font-weight: bold;
  }

  .prod-spec-item-header .color {
    margin-left: 0.5em;
    font-size: 1.2rem;
  }

  .prod-spec-item-header .price {
    display: block;
    font-size: 1.2rem;
  }

  table.table-rei-danbo {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 1.2rem;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    text-align: center;
  }

  table.table-rei-danbo th,
  table.table-rei-danbo td {
    padding: 0.5em;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
  }

  table.table-rei-danbo thead th {
    width: 28%;
    font-weight: normal;
  }

  table.table-rei-danbo th:first-child {
    width: 16%;
  }

  table.table-rei-danbo .text-small {
    display: block;
  }

  .teion-danou {
    margin-top: 0.5em;
    font-size: 1.2rem;
    text-align: right;
  }

  .eco-shohi-denryoku {
    margin-top: 1rem;
  }

  .eco-shoene-kijun {
    margin-top: 1rem;
  }

  table.table-eco {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 1.2rem;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    text-align: center;
  }

  table.table-eco th,
  table.table-eco td {
    padding: 0.5em;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
  }

  table.table-eco th {
    font-weight: normal;
  }

  table.table-eco td {
    font-weight: bold;
  }

  .eco-shoene-kijun table.table-eco th:first-child {
    width: 10%;
  }

  /* エアコン 個別発売指定対応 */
  .prod-spec-item .inner-red-yotei {
    color: red;
    font-size: 1.2rem;
  }

  .prod-spec-item .has-yotei {
    padding-right: 1.2rem;
  }

}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 768px) {
  article {
    font-size: 1.4rem;
  }

  
	/* 寸法 */
	hr.bdr-gray {
		margin-top: 5rem;
		margin-bottom: 5rem;
		border-top: solid 1px #D9D9D9;
	}

	#size .flex-container {
    display: flex;
    flex-wrap: wrap;
		justify-content: space-between;
    column-gap: 0;
    inline-size: 100%;
	}

	#size .flex-item-shitsunai {
		width: 54.4%;
	}

	#size .flex-item-condition {
		width: 42.4%;
		font-size: 1.3rem;
	}

	.outer-size-ttl {
		margin-top: 3rem;
		font-size: 1.8rem;
	}

	.img-shitsunai {
		margin-top: 3rem;
	}

	.img-condition {
		margin-top: 3rem;
	}

	ul.list-shitsugaiki {
		display: flex;
		flex-wrap: wrap;
		margin-top: 5rem;
	}

	ul.list-shitsugaiki.center {
		justify-content: center;
	}

	ul.list-shitsugaiki li {
		width: 31%;
		margin-left: 3%;
	}

	ul.list-shitsugaiki li:nth-child(3n-2) {
		margin-left: 0;
	}

	ul.list-shitsugaiki figure {
		height: 100%;
		padding-bottom: 84%;
		position: relative;
	}

	ul.list-shitsugaiki figure img {
		position: absolute;
		bottom: 0;
	}

	ul.list-shitsugaiki figcaption {
		font-size: 1.2rem;
	}

	/* サブセクション */
	.sub-section {
		padding-top: 6rem;
	}

	.sub-section:first-of-type {
		padding-top: 0;
	}

	.page-title {
		margin: 8rem 0;
		font-size: 3.2rem;
		text-align: center;
	}

	.sub-title {
		margin-bottom: 5rem;
		padding: 0.2em 0;
		font-size: 2.2rem;
		text-align: center;
	}

  .icon-fron {
    width: 50px;
  }

  .icon-plug {
    width: 18px;
  }

  /* 仕様表 */
  table.table-spec th {
    font-size: 1.5rem;
  }

  table.table-spec td .sub-ttl {
    width: 8em;
    padding-right: 1rem;
  }

  /* 製品仕様・ナビ */
  ul.list-room-size {
    display: flex;
    flex-wrap: wrap;
  }

  ul.list-room-size li {
    width: 10.8%;
    margin-right: 2px;
    margin-bottom: 2px;
  }

  ul.list-room-size li a {
    display: block;
    width: 100%;
    padding: 0.6em 1em 0.6em 0;
    font-size: 1.8rem;
    font-weight: 500;
    background: #A0A0A0 url('/assets/common/images/chevron-down-solid-w.svg') no-repeat;
    background-position: top 0.9em right 0.5em;
    background-size: 18px auto;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    position: relative;
  }

  /* 製品仕様 */
  .prod-spec-item {
    padding-top: 10rem;
  }

  .prod-spec-item:first-of-type {
    padding-top: 7rem;
  }

  .prod-spec-item .text-small {
    font-size: 1.2rem;
  }

  .prod-spec-item-header {
    margin-bottom: 3rem;
    padding-left: 20px;
    border-left: solid 6px #000;
    font-weight: 500;
  }

  .prod-spec-title {
    font-size: 4rem;
  }

  .prod-spec-item-header .prod-name {
    margin-right: 0.5em;
    font-weight: bold;
  }

  .prod-spec-item-header .color {
    font-size: 1.4rem;
    font-weight: 700;
  }

  .prod-spec-item-header .price {
    font-size: 1.4rem;
  }

  table.table-rei-danbo {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    text-align: center;
  }

  table.table-rei-danbo th,
  table.table-rei-danbo td {
    padding: 0.5em;
    line-height: 1.4;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
  }

  table.table-rei-danbo th {
    font-size: 1.5rem;
  }

  table.table-rei-danbo td {
    font-size: 1.4rem;
  }

  table.table-rei-danbo thead th {
    width: 27%;
    font-weight: normal;
  }

  table.table-rei-danbo th:first-child {
    width: 19%;
  }

  table.table-rei-danbo .text-small {
    font-size: 1.2rem;
    ;
  }

  .teion-danou {
    text-align: right;
  }

  .eco-container {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
  }

  .eco-shohi-denryoku {
    width: 25%;
  }

  .eco-shoene-kijun {
    width: 74%;
  }

  table.table-eco {
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.4;
    border-collapse: separate;
    border-spacing: 0;
    border-top: solid 1px #ccc;
    border-left: solid 1px #ccc;
    text-align: center;
  }

  table.table-eco th,
  table.table-eco td {
    padding: 0.5em;
    border-bottom: solid 1px #ccc;
    border-right: solid 1px #ccc;
  }

  table.table-eco th {
    height: 3.8em;
    font-weight: normal;
  }

  table.table-eco td {
    height: 2em;
    font-weight: bold;
  }

  .eco-shoene-kijun table.table-eco th {
    width: 29%;
  }

  .eco-shoene-kijun table.table-eco th:first-child {
    width: 13%;
  }
}