/* ====================================
	共通
===================================== */
/*#bp-80c80{
}*/
/* インデント関連 */
/*
インデントが主にスマフォモードでズレてるのを調整
もう少しチューニングが必要

サイト全体的にインデントはズレてる印象
*/
/*#bp-80c80 .indent1 li{
	 text-indent: -1rem; 
}*/
#bp-80c80 .indent2 li{
	text-indent: -1.5rem;
}
#bp-80c80 ul.star.indent1 li{
	text-indent: -1rem;
}
#bp-80c80 ul.star.indent2 li{
	text-indent: -1.5rem;
}

/* 特長 */

#bp-80c80 #mainfeatures .flex-img img {
	border: none;
}

.itemBoxWrap .eAssistant_box {
  max-width: 900px;
  margin: 2em auto 1em;
  background: #e5e0d8;
  text-align: center;
  padding: 1em;
  border-radius: 1em;
}
.itemBoxWrap .eAssistant_box p {
	padding: 1em 1em 0;
	text-align: left;
}
.kanrisha {
	display: inline-block;
	background: #34A0C1;
	color: #fff;
	font-weight: 600;
	padding: 0.2em 0.6em;
	margin-right: 0.5em;
}

ul.ast.astbk li:BEFORE { 
	color: #212529;
}

.itemBoxWrap ul.disc_list li {
  padding: 0;
}
.itemBoxWrap ul.disc_list li h5 {
  font-weight: 600;
}
.itemBoxWrap ul.disc_list li h5::before {
	content: "● ";

}
.itemBoxWrap ul.disc_list li p {
  font-size: 0.94rem;
  padding: 0.5rem 0;
}

.flex-item.leftTecImg {
	text-align: center;
	margin-bottom: 1rem;

}
.flex-item.leftTecImg img {
	max-width: 80%;
	width: auto;
	margin: auto;
}
.secIdTable.tecTable table {
	width: 100%;
	max-width: 600px;
	border-top: 1px solid #c5c5c5;
}
.secIdTable.tecTable table th {
	background: #02af84;
  color: #fff;
	border-right: 0;
	border-bottom: 1px solid #fff;
}
.secIdTable.tecTable table tr:last-child th {
	border-bottom: 1px solid #c5c5c5;
}
.secIdTable.tecTable table td {
	border-bottom: 1px solid #c5c5c5;
}

.itemBoxWrap .smallImg img {
	width: auto;
	max-width: 100%;
}
.itemBoxWrap .caption.image {
	padding: 0;
}
#siaa .flex-item.rightImg {
	max-width: none;
}
.itemBoxWrap h5 {
	margin-top: 1rem;
	font-size: 1.16rem;
	font-weight: 600;
}
.itemBoxWrap h5::before {
	content: "■ ";
}
.itemBoxWrap ul.dftext li h5 .sqColor {
	color: #212529;
}
.itemBoxWrap ul.dftext h5::before {
	content: "";
}

.itemBoxWrap#point01,.itemBoxWrap#point02,.itemBoxWrap#point03,.itemBoxWrap#point04 {
	padding-top: 2em;
	margin-top: -5em;
}

/* オプション */

#bp-80c80 .option_table_box {
	max-width: 80%;
	margin: 0 auto 3rem;
}

#bp-80c80 table.option_table {
	width: 100%;
}
#bp-80c80 table.option_table .hide {
	visibility: hidden;
	border: none!important;
}
#bp-80c80 .option_table .w-s { width: 4%; }
#bp-80c80 .option_table .w-m { width: 14%; }
#bp-80c80 .option_table .w-ms { width: 12%; }
#bp-80c80 .option_table .w-l { width: 36%; }
#bp-80c80 .option_table th, #bp-80c80 .option_table td {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #000!important;
	font-size: 0.8em;
}

#bp-80c80 .option_table th {
	background: whitesmoke;
}
#bp-80c80 .option_table thead tr:first-child th {
	background: #fff;
	padding: 0.2em;
}
#bp-80c80 .option_table th.optb_bp-fn21 { background: #00a0c1; color: #fff; font-size: 10px; }
#bp-80c80 .option_table th.optb_bp-fn20 { background: #727171; color: #fff; }
#bp-80c80 .option_table th.optb_bp-fn19 { background: #afdde9; font-size: 10px; }
#bp-80c80 .option_table th.optb_mx-fn34 { background: #c9caca; }
#bp-80c80 .option_table th.optb_fn { background: #e6ebed; }
#bp-80c80 .option_table th {
	background: #c8d5db;
	padding: 0.2em
}
#bp-80c80 .option_table tbody th {
	min-width: 1.5em;
	writing-mode: vertical-rl;
	text-orientation: upright;
	line-height: 1.2;
	padding: 0.75em 0.2em;
}

#bp-80c80 .option_table th span {
	font-size: 1rem;
}
#bp-80c80 .option_table .optb_img {
	max-width: 360px;
	width: 100%;
	height: auto;
}
#bp-80c80 .option_table td:has(.optb_img) {
	padding: 0 0.2em;
}

#bp-80c80 .option_table .on span {
	font-size: 2em;
}

/* 仕様 */
#specWrap a {
	text-decoration: underline;
}

#wireless-lan.specBox {
	padding-top: 80px;
	margin-top: -80px;
}

.lanBox {
	display: flex;
	flex-wrap: wrap;
}
div.lanHyoji .lanBox p.lanImg {
	margin: 0 auto auto;
}
.lanBox .lanTxt {
  width: calc(100% - 180px);
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 767px) {
	/* common */
	#bp-80c80 .br_pc{
		display: none;
	}
	/* オプション option.html */
	
	/* テーブル、半角英数の長い文字列が改行されない事象を調整 */
	table.table-option td{
		word-break: break-all;
	}
	/* 特長 */
	#siaa .flex-item.rightImg {
		width: 80%;
		margin: 0 auto;
	}
	#siaa .flex-container {
		display: block;
	}
	.itemBoxWrap #siaa .leftText {
		width: 100%;
	}
	#siaa.u-mt_25 {
		padding-top: 5rem;
		margin-top: -5rem !important;
	}
	#siaa.u-mt_25 li:first-child {
		padding-top: 25px;
	}
	.lanBox {
		flex-direction: column;
	}
	.lanBox .lanTxt {
		width: 100%;
	}


	#bp-80c80 .option_table_box {
		max-width: unset;
		width: 100%;
		overflow: auto;
	}

	#bp-80c80 .option_table .w-s { min-width: 2em; }
	#bp-80c80 .option_table .w-m { min-width: 11em; }
	#bp-80c80 .option_table .w-ms { min-width: 10em; }
	#bp-80c80 .option_table .w-l { min-width: 300px; }
	
}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print , screen and (min-width: 768px) {
	/* common */
	#bp-80c80 .br_sp{
		display: none;
	}
	.page-navi-product-menu a {
		max-height: 60px;
	}
	.page-navi-product-menu .base-width-pc {
		height: 100%;
		max-height: 60px;
	}
	.page-navi-product-menu-title {
		max-width: 25%;
		margin-right: .5em;
	}
	.page-navi-container {
		margin-left: auto;
	}


	/* 概要 index.html */
	/* ラインアップ id=lineup */
	/* テーブル、仕様イレギュラー、項目多くなり表示崩れを調整 */
	#bp-80c80 .cost_table .item.iconImg{
		width: 5.5rem;
	}
	#bp-80c80 .cost_table .column2 .koumoku{
		width: 5.5rem;
	}
	/* 特長 */
	#siaa.u-mt_25 {
		padding-top: 92px;
		margin-top: -92px !important;
	}
	#siaa.u-mt_25 li:first-child {
		padding-top: 5rem;
	}
	.itemBoxWrap#point01,.itemBoxWrap#point02,.itemBoxWrap#point03,.itemBoxWrap#point04 {
		padding-top: 5em;
		margin-top: -8em;
	}

	.secIdTable {
    width: 75%;
  }
	.secIdTable table td {
		padding: 0.95em 5px;
		line-height: 1.2;
	}
	.secIdTable.tecTable {
    width: 100%;
		padding-right: 2em;
  }
	.flexTec {
		align-items: center;
	 }
	.flex-item.leftTecImg {
		width: 50%;
		margin-bottom: 0;
	}
	.flex-item.leftTecImg img {
		max-width: 100%;
		width: auto;
		margin: auto;
	}
	.flex-item.rightTecTable {
		width: 50%;
	}
	

}


@media only screen and (max-width: 767px) {
  .page-navi-product-menu .page-navi-product-menu-title a {
		min-width: 7em;
	}
	.page-navi-product-menu .page-navi-product-menu-title span.ssTxt {
		line-height: 1.2;
	}
	
}