@charset "UTF-8";

/* =================================================================
	spec
================================================================= */
#container #spec_main table {
	width: 100%;
	font-size: 13px;
	line-height: 1.6;
	border-collapse: collapse;
	border-top: solid 1px #cdcdcd;
}
	
#container #spec_main table tr:nth-of-type(odd) td {
	background: #ececed;
}

#container #spec_main table th,
#container #spec_main table td {
	padding: 1em;
	font-weight: normal;
	text-align: left;
	border-bottom: solid 1px #cdcdcd;
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

#container #spec_main table th {
	border-bottom: solid 1px #fff;
}

#container #spec_main table .icon-size {
	padding: 0 1em;
	display: inline-block;
	color: #fff;
	white-space: nowrap;
	border-radius: 3px;
}

#container #spec_main table .icon-size.nwla {
	background: #a26401;
}

#container .icon-border {
  font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
  display: inline-block;
	padding: .1em;
	margin: 0 auto;
	width: 1em;
	line-height: 1em;
	text-align: center;
	border: 1px solid #333;
	border-radius: 50%;
}

#container #spec_main table .icon-umami {
	box-sizing: border-box;
	padding: 0 0.5em;
	display: inline-block;
	white-space: nowrap;
	border: solid 1px #999;
	border-radius: 3px;
}

#container #spec_main table .icon-shoene::before {
	content: '';
	display: inline-block;
	margin-right: 0.25em;
	width: 1.25em;
	height: 1.25em;
	vertical-align: middle;
	overflow: hidden;
	background: url(../img/spec/icon_shoene.png) no-repeat center center;
	background-size: contain;
}

#container #spec_main table td.td-dot {
	border-bottom: dotted 1px #cdcdcd;
}

#container #spec_main table td {
	text-align: center;
}

#container #spec_main table td+td {
	border-left: dotted 1px #cdcdcd;
}

#container #spec_main table th {
	background: #d7d7d8;
}
	
#container #spec_main table th.th-2nd {
	background: #d7d7d8;
	border-left: dotted 1px #fff;
}

#container #spec_main table th.cell_nwla {
	color: #fff;
	text-align: center;
}

#container #spec_main table th.cell_nwla {
	border-left: 1px solid #fff;
	background: #a26401;
}

#container #spec_menu table  {
	width: 100%;
	table-layout: fixed;
	font-size: 12px;
	line-height: 1.5;
	border-collapse: collapse;
	border-top: solid 1px #fff;
}

#container #spec_menu table th,
#container #spec_menu table td {
	padding: 0.5em;
	font-weight: normal;
	text-align: center;
	border: solid 1px #cdcdcd;
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}

#container #spec_menu table th {
	border: 1px solid #fff;
}

#container #spec_menu table th.cell_nwla {
	width:40%;
	background: #a26401;
}

#container #spec_menu table thead th {
	color: #fff;
	background: #8e7e76;
}

#container #spec_menu table tbody th {
	border-top: double 3px #cdcdcd;
	background: #dcd6d3;
}

#container #spec_menu table  tr:first-child th {
	border-top: solid 1px #cdcdcd;
}

#container .attention {
	color: #e90000 !important;
}

#container .attention a {
	color: #e90000 !important;
	text-decoration: underline;
}

@media print, screen and (min-width: 769px){
	#container #nwla_spec #page_header {
		padding: 97px 0 70px;
	}
	
	#container #nwla_spec #page_header h2 {
		width: 160px;
		height: 0;
		padding-top: 40px;
		margin: 0 auto;
		background: url(../img/spec/spec_title.png) no-repeat center center;
		background-size: contain;
		overflow: hidden;
		text-indent: -9999px;
	}

	#container #spec_photo {
		position: relative;
		width: 100%;
		max-width: 960px;
		margin: 0 auto 28px;
	}

	#container #spec_photo > img {
		width: 100%;
		max-width: 600px;
		margin: 0 0 0 10%;
	}

	#container #spec_photo #spec_photo_caption {
		position: absolute;
		width: 180px;
		left: calc(10% + 600px);
		top: 180px;
		font-size: 14px;
		line-height: 1.28;
	}
	
	#container #spec_photo #spec_warranty {
		position: absolute;
		left: 58%;
		top: 0;
		display: inline-block;
		padding: 0 0.5em;
		font-size: 18px;
		font-weight: bold;
		white-space: nowrap;
		line-height: 2;
		color: #c7000a;
		border: solid 2px #c7000a;
		border-radius: 3px;
	}

	#container #spec_photo #spec_warranty sup {
		font-size: 10px;
	}

	#container #spec_logo {
		width: 100%;
		/* max-width: 960px; */
		margin: 0 0 40px; 
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#container #spec_logo > img {
		width: 257px;
		margin: 0 15px;
	}

	#container #spec_logo > ul {
		/* width: 450px; */
		font-size: 14px;
		line-height: 1.28;
	}

	#container #spec_main {
		margin-bottom: 50px;
	}
	
	#container #spec_menu {
		margin-bottom: 30px;
	}
	
	#container #spec_menu table span {
		font-size: 10px;
	}
		
	#container .spec_default_setting {
		margin: 25px 0;
		padding: 10px;
		text-align: center;
		font-size: 18px;
		line-height: 1.5;
		border: 1px solid #111;
	}
	
	#container #spec_notes {
		margin-bottom: 50px;
	}
}

@media screen and (max-width: 900px){
#container #spec_photo > img {
	margin: 0 0 0 7%;
}

#container #spec_photo #spec_photo_caption {
	left: calc(7% + 600px);
}
}
@media screen and (max-width: 800px){
	#container #spec_photo > img {
		margin: 0 0 0 4%;
	}
	
	#container #spec_photo #spec_photo_caption {
		left: calc(4% + 600px);
	}
	}

@media screen and (max-width: 768px){
	#container #nwla_spec {
		margin-bottom: 20px;
	}
	
	#container #nwla_spec #page_header {
		padding: 40px 0;
	}
	
	#container #nwla_spec #page_header h2 {
		text-align: center;
		line-height: 1.4;
		font-size: 22px;
		font-weight: normal;
		font-family: 'Noto Serif Japanese', serif;
		box-sizing: border-box;
	}

	#container #spec_photo {
		position: relative;
		padding: 0 10px;
		max-width: 480px;
		margin: 0 auto 15px;
	}
	#container #spec_photo > img {
		margin: 0;
	}
	#container #spec_photo #spec_photo_caption {
		text-align: right;
		font-size: 11px;
		line-height: 1.28;
	}
	
	#container #spec_photo #spec_warranty {
		position: absolute;
		right: 4vw;
		top: 0;
		display: inline-block;
		padding: 0 0.5em;
		font-size: 12px;
		font-weight: bold;
		white-space: nowrap;
		line-height: 1.5;
		color: #c7000a;
		border: solid 1px #c7000a;
		border-radius: 3px;
	}

	#container #spec_photo #spec_warranty sup {
		font-size: 9px;
		font-weight: normal;
	}

	#container #spec_logo {
		margin: 0 10px 40px;
		text-align: center;
	}

	#container #spec_logo > img {
		width: 140px;
		height: auto;
		margin: 0 0 15px;
	}

	#container #spec_logo > ul {
		font-size: 12px;
		line-height: 1.28;
	}

	#container #spec_logo > ul li {
		text-align: center;
	}

	#container #spec_main {
		margin: 0 10px 40px;
	}
	
	#container #spec_main table {
		font-size: 12px;
		line-height: 1.4;
	}
		
	#container #spec_menu {
		margin: 0 10px 30px;
	}

	#container #spec_menu table  {
		font-size: 11px;
		line-height: 1.4;
	}

	#container #spec_menu table span {
		font-size: 9px;
	}
	
	#container #spec_notes {
		margin: 0 10px 20px;
	}

	#container .spec_default_setting {
		margin: 15px 0;
		padding: 10px;
		text-align: center;
		font-size: 13px;
		line-height: 1.5;
		border: 1px solid #111;
	}
}

@media screen and (max-width: 768px){
	#container #nwla_spec #page_header h2 {
		font-size: 29px;
	}

}