@charset "UTF-8";

.doc_type {padding: 10px; text-align: left}
.prod_img {text-align: center !important}
.u-box {padding-right: 15px !important}
.c-accordion__contentInner {padding-right: 15px !important}
.c-accordion__title {font-size: 20px !important}
/*.docLinkSiryo a {color: #FFF !important}*/
.docLinkSiryo a:hover {color: #000 !important}
/*.docLinkSiryo a:visited {color: #FFF !important}*/
.c-table__head th {font-weight: 700 !important; text-align: center !important; vertical-align: middle !important}
.c-table__contentBody td {vertical-align: middle !important}
.doc_icon_area img{width: 50px}
.manual_area img{width: 50px}

/* 800pxで改行 */
@media (min-width: 801px) {
	.for_sp {
		display: none;
	}
}
@media (min-width: 1101px) {
   .en_cn {display: flex !important; flex-direction: row !important}
   .doc_icon_area {width: 12%}
   .doc_title_area {width: auto}
   .doc_btn_area {margin-left: auto!important; display: flex}
   .cn_left {margin-left: 5px}
   .c-table__contentBody .err_icon img{max-width: 100px}
}
@media (max-width: 1100px) {
   .en_cn {display: flex !important; justify-content: space-between; flex-direction: column !important}
   .doc_icon_area {width: 50px}
   .doc_title_area {width: 100%}
   .doc_btn_area .c-btn {margin: 2px 0 2px 5px}
   .c-table__contentBody .err_icon img{max-width: 90px}
   }
   
/*エラー内容を調べる*/
.c-table__contentBody .spbet {display: flex; justify-content: space-between; align-items: flex-end; flex-wrap: nowrap}
.c-table__contentBody .c-list__item {font-size: 87.5%; padding-bottom: 0 !important; padding-top: 0}
.ml1em {margin-left: 1em}
@media (min-width: 801px) {
.error_msg th {width: 25%; vertical-align: middle}
.no_error_msg th {width: auto !important; vertical-align: middle} 
}
@media (max-width: 800px) {
   .msg_area_sp table th,
   .msg_area_sp table td {
   display: block;
   border-bottom: none;
   border-top: none;
   }
	.no_error_msg .c-table__head {background-color: #f2f2f2}
	.no_error_msg table th,
	.no_error_msg table td {
		display: table-cell;
		text-align: left !important;
		border: 1px solid #b2b2b2;
		padding: 7.5px 15px;
	}
   .msg_area_sp table {border-bottom: 1px solid #BFBABA}
   .msg_area_sp table th {text-align: center}
   .c-table__contentBody tr:nth-child(-n+2) td:nth-child(-n+2) {text-align: center}
   .bo_btm {border-bottom: 1px solid #BFBABA !important}
   .bo_top {border-top: 1px solid #BFBABA !important}
}

/* 使い方の端末別画像切り替え */
/* PC表示 */
@media only screen and (max-width:600px){
	.pc_view_up600px {
		display: none;
	}
    .prod_photo_size {width: 25vw}
}
/* スマートフォン表示 */
@media (min-width: 601px){
	.sp_view_dwn600px {
		display: none;
	}
        .prod_photo_size {width: 10vw}
}

/* 使い方のシンプルモードパラメータ */
.smp_tbl {
	width: 100%;
	border: 1px solid #999;
	margin: 1em auto 3em auto;
}
.smp_tbl .spec {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background-color: #EEE;
}
.smp_tbl .spec > div {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.smp_tbl div.txt {
	flex-basis: 100%;
	text-align: left;
	background-color: #FFF;
}
.smp_tbl div.txt .more {
	font-size: 100%;
	line-height: 1em;
	text-align: right;
	margin-top: 15px;
	margin-bottom: 10px;
}
@media (max-width:769px) {
	.smp_tbl + .smp_tbl {
		margin-top: 15px;
	}
	.smp_tbl .spec > div:nth-child(6n+1) {
		flex-basis: 27.5%;
	}
	.smp_tbl .spec > div:nth-child(6n+2) {
		flex-basis: calc(33% - 1px);
		border-left: 1px solid #CCC;
	}
	.smp_tbl .spec > div:nth-child(6n+3) {
		flex-basis: calc(40% - 1px);
		border-left: 1px solid #CCC;
	}
	.smp_tbl .spec > div:nth-child(6n+4) {
		flex-basis: 27%;
	}
	.smp_tbl .spec > div:nth-child(6n+5) {
		flex-basis: 33%;
	}
	.smp_tbl .spec > div:nth-child(6n) {
		flex-basis: 40%;
	}
	.smp_tbl .spec > div:nth-child(1),
	.smp_tbl .spec > div:nth-child(2),
	.smp_tbl .spec > div:nth-child(3),
	.smp_tbl .spec > div:nth-child(7),
	.smp_tbl .spec > div:nth-child(8),
	.smp_tbl .spec > div:nth-child(9) {
		font-weight: normal;
		color: #FFF;
		background-color: #666;
	}
	.smp_tbl div.txt {
		padding: 10px 0px;
	}
	.smp_tbl div.txt .lead {
		padding-left: 20px;
		padding-right: 20px;
	}
	.smp_tbl div.txt .more {
		margin-right: 20px;
	}
	.smp_tbl div.txt .fig {
	}
	.smp_tbl div.txt .fig img {
		width: 100%;
	}
    .smp_tbl .u-ta--right {margin-right: 25px; margin-bottom: 10px}
}

@media (min-width:769px) {
	.smp_tbl:nth-child(n+2) {
		border-top: none;
	}
	.smp_tbl .spec > div:nth-child(1) { order: 1; flex-basis: 8%; }
	.smp_tbl .spec > div:nth-child(2) { order: 2; flex-basis: 12%; }
	.smp_tbl .spec > div:nth-child(3) { order: 3; flex-basis: 28%; }
	.smp_tbl .spec > div:nth-child(4) { order: 7; flex-basis: 8%; }
	.smp_tbl .spec > div:nth-child(5) { order: 8; flex-basis: 12%; }
	.smp_tbl .spec > div:nth-child(6) { order: 9; flex-basis: 28%; }
	.smp_tbl .spec > div:nth-child(7) { order: 4; flex-basis: 14%; }
	.smp_tbl .spec > div:nth-child(8) { order: 5; flex-basis: 14%; }
	.smp_tbl .spec > div:nth-child(9) { order: 6; flex-basis: 24%; }
	.smp_tbl .spec > div:nth-child(10) { order: 10; flex-basis: 14%; }
	.smp_tbl .spec > div:nth-child(11) { order: 11; flex-basis: 14%; }
	.smp_tbl .spec > div:nth-child(12) { order: 12; flex-basis: 24%; }
	.smp_tbl .spec > div:nth-child(1),
	.smp_tbl .spec > div:nth-child(2),
	.smp_tbl .spec > div:nth-child(3),
	.smp_tbl .spec > div:nth-child(7),
	.smp_tbl .spec > div:nth-child(8),
	.smp_tbl .spec > div:nth-child(9) {
		font-weight: normal;
		color: #FFF;
		background-color: #666;
	}
	.smp_tbl:nth-child(n+2) .spec > div:nth-child(1),
	.smp_tbl:nth-child(n+2) .spec > div:nth-child(2),
	.smp_tbl:nth-child(n+2) .spec > div:nth-child(3),
	.smp_tbl:nth-child(n+2) .spec > div:nth-child(7),
	.smp_tbl:nth-child(n+2) .spec > div:nth-child(8),
	.smp_tbl:nth-child(n+2) .spec > div:nth-child(9) {
		display:block;
	}
	.smp_tbl div.txt {
		padding: 10px 25px;
	}
	.smp_tbl div.txt .fig {
		text-align: center;
	}
	.smp_tbl div.txt .fig img {
		width: 400px;
		padding: 5px;
		border: 1px solid #CCC;
	}
}
/* 表組み画像の横スクロール */
@media (max-width: 768px){
    .table_img_scroll {display: flex; overflow: scroll}
    .table_img_scroll img {min-width: 1280px}
}
/*表組は幅に関係なく横スクロール可*/
.table_wrap {overflow-x: scroll !important}
.table_wrap table{white-space: nowrap; margin-right: 0.25em}