/*--------------------------------------------------------

	support

--------------------------------------------------------*/
.nm-main--product{}






.product__name{
	color: #000;
	font-size: 2.5em;
	line-height: 1.25em;

	margin-top: 2em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid;
}
.product__photo{
	max-width: 100%;
}
.product__detail{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;

	color: inherit;
	border: 1px solid #ccc;
	border-radius: 999em;

	text-align: center;
	text-decoration: none;

	padding: .25em;
	margin-top: 1em;
	box-sizing: border-box;
}
.product__detail:hover{
	color: #fff;
	background-color: #666;
}



.summary{
	margin-bottom: 3.75em;
}
.summary__title{
	font-size: 1.75em;
	font-weight: bold;
	line-height: 1.5em;

	margin-bottom: .25em;
}
.summary__note{
	font-size: 1.15em;
	line-height: 1.5em;
}





@media print,screen and (min-width:641px){
	.product-media{
		display: flex;
	}
	.product-media__image{
		flex: 0 0 30%;
		margin-right: 4%;
	}
	.product-media__body{
		flex: 1 1 auto;
	}
}
@media print,screen and (max-width:640px){
	.product-media__image{
		margin-bottom: 3.125em;
		text-align: center;
	}
}



.spec{}

.spec-icon{
	display: flex;
	flex-wrap: wrap;

	margin-bottom: 2em;
}
.spec-icon__item{
	flex: 0 0 20%;

	text-align: center;

	box-sizing: border-box;
	padding: .75em;

	position: relative;
	z-index: 0;

	color: #fff;
	background-color: #727171;
}
/* test */
.spec-icon__item{
	flex: 1 1 auto;
}
/* test */
.spec-icon__item:before{
	content: "";

	display: block;
	position: absolute;
	z-index: -1;
	top: 1px;
	left: 1px;
	right: 1px;
	bottom: 1px;

	border: 1px solid;
}
@media print,screen and (max-width:640px){
	.spec-icon__item{
		flex: 0 1 auto;
		min-width: 20%;
	}
}

.spec-table__head,
.spec-table__body{
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	padding-top: .5em;
	padding-bottom: .5em;
	border-bottom: #ccc solid 1px;
	vertical-align: middle;
}
.spec-table__head{
	padding-right: 2em;
	white-space: nowrap;
}

@media print,screen and (max-width:640px){
	.scroller {
		padding-bottom: .25rem;
	}
	.spec-table__body {
		white-space: nowrap;
	}
}


	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	border-bottom: 1px solid #cacaca;

	margin-top: 2em;
}
.spec-nav__item:not(:first-child){
	margin-left: .75em;
}
.spec-nav__button{
	display: block;
	box-sizing: border-box;

	padding: .5em 1em;
	font-weight: bold;

	color: inherit;
	background-color: #ccc;
}



.button-download{
	color: #FFFFFF;
	background-color: #900;

	display: flex;
	align-items: center;
	justify-content: center;
}
.button-download:before{
	content: "";

	display: block;

	width: calc(36px * .5);
	height: calc(33px * .5);

	margin-right: .5em;

	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(https://www.patlite.com/_include/images/product/detail_icon05.png);
}





.product-abbreviate{
	text-align: center;

	margin-top: 3.25em;
}
.product-abbreviate__data{
	max-width: 100%;
}

/* Model Number Configuration box */
.product-abbreviate__box{
  display: inline-block;
  border: 1px solid #ccc;
  padding: 1.5em 2em;
  max-width: 100%;
  box-sizing: border-box;
}

.product-abbreviate__title{
  font-size: 1.75em;
  font-weight: bold;
  margin-bottom: 1em;
  text-align: left;
}






.detail{
	margin-top: 6.25em;
}
.detail-tab{
	display: flex;

	position: relative;
	z-index: 0;

	font-size: 1.15em;
}
.detail-tab:after{
	content: "";

	position: absolute;
	z-index: -1;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 1px solid #ccc;
}
.detail-tab__item{
	flex: 0 1 auto;

	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;

	box-sizing: border-box;
	text-align: center;

	padding: .75em 2em;
}
.detail-tab__item:not(:last-child){
	margin-right: .35em;
}
.detail-tab__item.js-tab_switch{
	cursor: pointer;
}
.detail-tab__item:not(.is-active){
	color: #fff;
	background-color: #727171;
}
.detail-tab__item.is-active{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 1px 0 1px;
	background-color: #fff;
}
.detail-content{
	border-color: #ccc;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}
.detail-content__item{
	padding: 2.5em;
}
@media print,screen and (max-width:640px){
	.detail-tab__item{
		padding: .75em;
	}
	.detail-tab__item.is-active{
		flex: 0 0 auto;
	}
}




/* parts */
.detail__section + .detail__section{
	margin-top: 2em;
}




/* ========================================
   Feature tables (LR5-LAN Compatible Functions)
======================================== */

.feature-tables {
	display: flex;
	gap: 4%;
}

.feature-table {
	width: 48%;
	border-collapse: collapse;
	font-size: 1.15em; /* spec-tableとトーン合わせ */
}

.feature-table caption {
	font-weight: bold;
	margin-bottom: .5em;
	text-align: left;
}

.feature-table th,
.feature-table td {
	border: 1px solid #ccc;
	padding: .5em;
	text-align: center;
}

.feature-table th {
	color: #fff;
	vertical-align: middle;
}

/* table color variations (match PDF) */
.feature-table--lan th {
	background-color: #0099a8;
}

.feature-table--eip th {
	background-color: #0066a6;
}

.feature-table .is-ok {
	font-weight: bold;
}

.feature-table .is-ng {
	color: #999;
}

@media print,screen and (max-width:640px){
	.feature-tables{
		flex-direction: column;
	}
	.feature-table{
		width: 100%;
	}
	.feature-table--eip {
		margin-top: 1rem;
	}
}

.list{
	margin-left: 1.125em;
	list-style: disc;
}



.detail-title1{
	font-size: 1.75em;
	font-weight: bold;
	text-align: center;

	margin-bottom: .5em;
	padding-bottom: .5em;
	border-bottom: 1px solid #ccc;
}
.detail-title2{
	font-size: 1.5em;
}
.detail-title2--fill1{
	color: #e60010;
}
.detail-title3{
	font-size: 1.15em;
	font-weight: bold;
	color: #900;
}



.detail-figure{
	text-align: center;
}
.detail-figure__data{
	max-width: 100%;
}




.notice-list{}
.notice-list__item{
	text-indent: -1em;
	padding-left: 1em;
}



.detail-media__image{
	text-align: center;
}
.detail-media__image > img{
	max-width: 100%;
}
@media print,screen and (min-width:641px){
	.detail-media{
		display: flex;
	}
	.detail-media__image{
		flex: 0 0 auto;
		max-width: 50%;
	}
	.detail-media__image:not(.detail-media__image--right){
		margin-right: 4%;
	}
	.detail-media__image--right{
		margin-left: 4%;
		order: 1;
	}
	.detail-media__body{
		flex: 1 1 auto;
	}
}
@media print,screen and (max-width:640px){
	.detail-media__image{
		margin-bottom: 3%;
	}
}



.detail-column{
	border: 1px solid;

	font-size: .85em;
	line-height: 2em;

	padding: 1.5em;
}
.detail-column__title{
	font-size: 1.15em;
	font-weight: bold;

	margin: calc(-1.5em * .869);
	margin-bottom: calc(1.5em * .869);

	padding: .5em 1.5em;

	color: #fff;
	background-color: #000;
}



.application-list{

}
.application-list__item{
	box-sizing: border-box;
}
.application-list__more{
	display: block;
	color: inherit;
	text-decoration: inherit;
}
.application-list-photo{}
.application-list-photo__data{
	width: 100%;
}
.application-list__title{
	font-weight: bold;
}
@media print,screen and (min-width:641px){
	.application-list{
		display: flex;
		flex-wrap: wrap;

		margin-left: -3%;
		margin-bottom: -3%;
	}
	.application-list__item{
		box-sizing: border-box;

		flex: 0 1 30.33%;

		padding: 1em;
		margin-left: 3%;
		margin-bottom: 3%;

		border: 1px solid #ccc;
	}
	.application-list__more{}
	.application-list-photo{
		margin: calc(-1em + 1px);
		margin-bottom: 1em;
	}
	.application-list__title{}
}
@media print,screen and (max-width:640px){
	.application-list{
		border-top: 1px solid #ccc;
	}
	.application-list__item{
		border-bottom: 1px solid #ccc;
	}
	.application-list__more{
		display: flex;
		align-items: center;

		padding-top: 1.5em;
		padding-bottom: 1.5em;
	}
	.application-list-photo{
		flex: 0 0 60px;
		margin-right: 2em;
	}
	.application-list__title{
		flex: 1 1 auto;
	}
}




.figs{}
.figs__item{
	box-sizing: border-box;
}
.figs__figure{
	text-align: center;
}
.figs__data{
	width: 100%;
}
.figs__caption{
	font-size: .85em;
	line-height: 1.5em;
	text-align: center;

	margin-top: .5em;
}

@media print,screen and (min-width:641px){
	.figs{
		display: flex;
		justify-content: space-between;
	}
	.figs__item:not(:first-child){
		margin-left: 3.5%;
	}
}
@media print,screen and (max-width:640px){
	.figs{
		display: flex;
		flex-wrap: wrap;

		margin-left: -3.5%;
		margin-bottom: -3.5%;
	}
	.figs__item{
		flex: 0 0 46.5%;

		margin-left: 3.5%;
		margin-bottom: 3.5%;
	}

	.figs__figure{}
	.figs__data{

	}
	.figs__caption{}
}




.figs2{
	display: flex;
	margin-left: -3.5%;
	margin-bottom: -3.5%;
}
.figs2__item{
	margin-left: 3.5%;
	margin-bottom: 3.5%;
}
@media print,screen and (max-width:640px){
	.figs2{
		flex-wrap: wrap;
	}
	.figs2__item{
		flex: 0 0 46.5%;
	}
}




.detail-grid__data{
	max-width: 100%;
}
@media print,screen and (min-width:641px){
	.detail-grid{
		display: flex;

		margin-left: -3.5%;
		margin-bottom: -3.5%;
	}
	.detail-grid__item{
		flex: 1 1;

		box-sizing: border-box;
		margin-left: 3.5%;
		margin-bottom: 3.5%;
	}
}
@media print,screen and (max-width:640px){
	.detail-grid__item:not(:last-child){
		margin-bottom: 3.5%;
	}
}




.option-lineup{
	display: flex;
	flex-wrap: wrap;

	margin-left: -3.5%;
	margin-bottom: -7%;
}
.option-lineup__item{
	box-sizing: border-box;
	flex: 0 1 46.5%;

	margin-left: 3.5%;
	margin-bottom: 7%;
}
.option-lineup__more{
	display: block;
	color: inherit;
	text-decoration: inherit;
}
.option-lineup__more:hover{
	opacity: .78;
}
.option-lineup__name{
	font-size: 1.75em;

	display: table;
	margin-bottom: .5em;
}
.option-lineup__name:before{
	content: "";
	display: block;
	border-top: 1px solid #e60010;

	margin-bottom: .75em;
}
.option-lineup__note{
	font-size: 1.25em;
}
.option-lineup-photo{
	margin-top: 1em;
	text-align: center;
}
.option-lineup-photo__data{
	/* max-width: 100%; */
	max-width: 200px;
}
.option-lineup__button{
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: 80%;

	color: inherit;
	border: 1px solid #ccc;
	border-radius: 999em;

	text-align: center;
	text-decoration: none;

	padding: .25em;
	margin-top: 1em;
	box-sizing: border-box;
}
.option-lineup__button:hover{
	color: #fff;
	background-color: #666;
}

@media print,screen and (max-width:582px){
	.option-lineup {
		justify-content: center;
		margin-left: none;
	}
}









@media print,screen and (min-width:641px){}
@media print,screen and (max-width:640px){}
@media print,screen and (max-width:582px){}