@charset "UTF-8";

/* 見出し */
.products-sub-title {
	font-weight: 300;
	margin-bottom: 20px;
}
.sub-section .sub-title {
	padding: 0.2em 0.5em;
	background: #f8f8f8;
	margin-bottom: 20px;
	font-weight: 300;
}
.sub-section .cate-title {
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: normal;
	padding-bottom: 5px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.sub-section .cate-sub-title {
	margin-top:20px;
	margin-left:0px;
	padding-bottom:5px;
	font-size: 15px;
	border-bottom:1px dotted #ccc;
	margin-bottom: 10px;
}
@media print, screen and (min-width: 768px){
	.products-sub-title {
    font-size: 2.8rem;
	}
	.sub-section .sub-title {
    font-size: 2.6rem;
	}
}


/* 製品検索 */
#typeSearch{
	padding-bottom: 3rem;
}
.typeSearch a{
	position: relative;
	padding-left: 1em;
}
.typeSearch a::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #333333;
	display: inline-block;
	font-size: 1.2em;
	line-height: 1;
	position: absolute;
	top: 10px;
	left: 0;
	margin-top: -0.4em;
}
#typeSearch #errorText {
	padding:5px;
	color:#ef0000;
	font-size:0.8em;
	font-weight:bold;
}
#typeSearch .formArea{
	background: url(/support/top/images/icon_search.svg) no-repeat left center;
	background-size: 40px;
	padding-left: 55px;
}
#typeSearch .formArea [type=button]{
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
}
#typeSearch .formArea form #btnSch1{
	background: #535353;
	color: #ffffff;
	padding: 0.5em 15px;
	border: #d9d9d9 1px solid;
	border-left: none;
	box-sizing: border-box;
	float: left;
}
#typeSearch .formArea [type=text]{
	width: 263px;
	padding: 8px;
	border: #d9d9d9 1px solid;
	border-right: none;
	box-sizing: border-box;
	float: left;
	border-radius: none;
	box-shadow: none;
}
#typeSearch .formArea [type=text]::placeholder {
	font-size: 14px;
	color: #7d7d7d;
}
#typeSearch .formArea ul.list-btn-show-list{
	float: left;
	margin-top: 6px;
	margin-left: 12px;
}
#typeSearch .searchBox #errorText {
	padding:5px;
	color:#ef0000;
	font-size:0.8em;
	font-weight:bold;
}
#typeSearch .searchBoxLink{
	padding-left: 55px;
	margin-top: 10px;
}
#typeSearch .arrowLink.fnt18{
	font-size: 18px;
}
#typeSearch .arrowLink.fnt18::before{
	top: 13px;
}
#typeSearch .arrowLink._pink{
	color: #333333;
	display: inline-block;
}
#typeSearch .arrowLink._pink:hover{
	text-decoration: underline;
}
#typeSearch .arrowLink._pink::before{
	color: #bc0073;
}

@media only screen and (max-width: 767px){
	#typeSearch{
		padding-bottom: 1rem;
	}
  #typeSearch .formArea [type=text]{
    width: 80% !important;
    padding: 5px;
  }
  #typeSearch .formArea [type=text]::placeholder {
    font-size: 1.2rem;
  }
  #typeSearch .formArea{
    background-size: 35px auto;
    background-position: left top;
    padding-left: 14.2%;
  }
  #typeSearch .formArea form #btnSch1{
    width: 20%;
    font-size: 1.3rem;
    padding: 0.75rem 0;
  }
  #typeSearch .formArea ul.list-btn-show-list{
    float: right;
    display: block;
    margin: 0;
  }
  #typeSearch ul.list-btn-show-list li{
    display: block;
  }
  #typeSearch a.btn-show-list{
    margin-top: 14px;
  }
	#typeSearch .searchBoxLink{
		padding-top: 0;
		padding-left: 40px;
		margin-bottom: 20px;
		line-height: 1.3;
	}
}


/* 形名確認のしかた */
a.btn-show-list {
	display: inline-block;
	padding: 0.25em 1em 0.25em 2em;
	font-size: 1.3rem;
	background: #fff;
	color: #535353;
	border: solid 1px #535353;
	border-radius: 0.5rem;
	position: relative;
	text-decoration: none;
}
a.btn-show-list::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	display: inline-block;
	font-size: 1.2em;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: 0.75em;
	margin-top: -0.5em;
}
@media print, screen and (min-width: 768px){
	a.btn-show-list:hover {
		background: #535353;
		color: #fff;
	}
}


/* btnLinkList */
.btnLinkList {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.btnLinkList._col3{
	justify-content: space-between;
}
.btnLinkList._col3 li{
	width: 31.5%;
	margin-top: 1em;
}
.btnLinkList._col6 li{
	width: 14.28%;
	margin-right: 2.85%;
}
.btnLinkList._col6 li:nth-child(n+7){
	margin-top: 10px;
}
.btnLinkList._col6 li:nth-child(6n){
	margin-right: 0;
}
.btnLinkList li a {
	display: flex;
	align-items: center;
	height: 100%;
	padding: 0.5em 1em 0.5em 2em;
	border: solid 1px #D9D9D9;
	background: #fff;
	position: relative;
}
.btnLinkList li a:hover {
	background: #e5e5e5;
	text-decoration: none;
}
.btnLinkList li span{
	display: inline-block;
	position: relative;
}
.btnLinkList li span::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
	display: inline-block;
	font-size: 1.2em;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: -1em;
	margin-top: -0.5em;
}
.btnLinkList._anchor li span::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f078';
	display: inline-block;
	font-size: 0.95em;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: -1.2em;
	margin-top: -0.4em;
}
.btnLinkList._anchor li._link span::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: '\f105';
	display: inline-block;
	font-size: 1.2em;
	line-height: 1;
	position: absolute;
	top: 50%;
	left: -1em;
	margin-top: -0.5em;
}
@media only screen and (max-width: 767px){
	.btnLinkList:not(._spCol2){
		flex-direction: column;
	}
	.btnLinkList._col3 li{
		width: 100%;
	}
	.btnLinkList li a{
		display: block;
	}
	.btnLinkList._spCol2{
		justify-content: space-between;
	}
	.btnLinkList._spCol2 li{
		width: 48%;
		margin-bottom: 1em;
		margin-right: 0;
	}
	.btnLinkList._spCol2 li a{
		display: flex;
		padding-left: 25px;
		padding-right: 5px;
		text-align: left;
	}
	.btnLinkList._spCol2 li span{
		font-size: 1.2rem;
	}
	.btnLinkList._col6 li:nth-child(n+7){
		margin-top: 0;
	}
}

/* lineTable2 */
.lineTable2{
	width: 100%;
	font-size: 100%;
}

/* link */
#info_usb_hdd .info_usb_hdd a:link,
#net_player table a:link,
.aboutLink a:link,
.tableStyle1 a:link,
.lineTable2 a:link {
	color: #000099;
}
#info_usb_hdd .info_usb_hdd a:visited,
#net_player table a:visited,
.aboutLink a:visited,
.tableStyle1 a:visited,
.lineTable2 a:visited {
	color: #660099;
}
#info_usb_hdd .info_usb_hdd a:hover,
#net_player table a:hover,
.aboutLink a:hover,
.tableStyle1 a:hover,
.lineTable2 a:hover {
	color: #FF6633;
	text-decoration: none;
}
#info_usb_hdd .info_usb_hdd a:active,
#net_player table a:active,
.aboutLink a:active,
.tableStyle1 a:active,
.lineTable2 a:active {
	color: #FF6633;
}

/* linkAr */
.linkAr:not(._rIcon){
	background: none;
	padding: 0;
	position: relative;
	padding-left: 1em;
}
.linkAr:not(._rIcon)::before{
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f105";
	color: #000;
	display: inline-block;
	font-size: 1.2em;
	line-height: 1;
	position: absolute;
	top: 11px;
	left: 0;
	margin-top: -0.4em;
}
.linkAr._rIcon{
	background: url(/support/images/arrow_link.gif) no-repeat 4px 10px;
}
.linkAr._rIcon a:link {
	color: #000099;
}
.linkAr._rIcon a:visited {
	color: #660099;
}
.linkAr._rIcon a:hover {
	color: #FF6633;
	text-decoration: none
}
.linkAr._rIcon a:active {
	color: #FF6633;
}

/* linkArBox */
.linkArBox{
	text-align: right;
}
.linkArBox._w450{
	max-width: 450px;
	margin-left: auto;
}
.linkArBox._w450 .linkArItem{
	text-align: left;
}
.linkArBox .linkAr{
	display: inline-block;
	text-align: left;
}
@media only screen and (max-width: 767px){
	.linkArRight{
		text-align: left;
	}
}

/* txtLinkAr */
.txtLinkAr{
	text-align: right;
}
@media only screen and (max-width: 767px){
	.txtLinkAr{
		text-align: left;
	}
	.txtLinkAr .linkAr:not(._rIcon){
		display: inline-block;
	}
}



/* general */
.maxImg img{
	max-width: 100%;
	width: auto;
}
.txtIndent {
	padding-left: 1.3em;
	text-indent: -1.3em;
}
.thW.w130{
	width: 130px;
}

@media only screen and (max-width: 767px){
	.maxImg img{
		width: 100%;
		height: auto;
	}
	.autoImg img{
		width: auto;
	}
}

/* 背景画像『青■』 */
.icoSq {
	background: url(/support/images/ico_square_matb.gif) no-repeat 2px 9px;
}

/* 背景画像『・』 */
.listDot2 li {
	background: url("/support/images/dot_black.gif") no-repeat 6px 11px
}
/* 背景画像『灰●』 */
.listDot3 li {
	background:url("/support/images/ico_circle_gray_s.gif") no-repeat 3px 8px
}
/* 背景画像『灰●』 */
.icoDot3 {
	padding-left: 20px;
	background: url("/support/images/ico_circle_gray_s.gif") no-repeat 3px 9px;
}

/* link */
.textLink a:link {
	color: #000099;
}
.textLink a:visited {
	color: #660099;
}
.textLink a:hover {
	color: #FF6633;
	text-decoration: none;
}
.textLink a:active {
	color: #FF6633;
}




@media print, screen and (min-width: 768px){
}
@media only screen and (max-width: 767px){
}


/*--------------------------------------------------*/
/* Table生成 */
/*--------------------------------------------------*/

/* 共通 */
.pc_tableWrap{ display:block; }
.sp_tableWrap{ display:none; }

/* table */
.sp_tableWrap{
	border-bottom: 1px solid #555;
}
.sp_tableWrap table{
	width: 100%;
	box-sizing:border-box;
	border-collapse:collapse;
	border-spacing:0;
	background: #ffffff;
}
.sp_tableWrap table th{
	padding: 10px;
	background: #f2f2f2;
	font-weight: bold;
}
.sp_tableWrap table th:first-child{
	border-top: 1px solid #555;
}
.sp_tableWrap table th:last-child{
	border-bottom: none;
}
.sp_tableWrap table td{
	padding: 5px 10px;
	text-align: center;
	border-top: 1px solid #555;
}
.table_scroll_wrap table td:nth-child(-n+2){
	white-space: nowrap;
}

/* .table_normal */
.pc_tableWrap .table_ac.tableStyle3{
	width: 100%;
	margin: 0;
	border: 1px solid #555;
	border-right: none;
	border-bottom: none;
}
.pc_tableWrap .table_ac.tableStyle3 th, .tableStyle3 td{
	border: none;
	border-right: 1px solid #555;
	border-bottom: 1px solid #555;
}

/* .table_scroll */
.table_scroll_wrap{overflow-x: scroll;-webkit-overflow-scrolling : touch;}
.table_scroll_wrap table{width:980px;}

/* .table_separate */
.sp_table_separateWrap .ttl{
	margin-top: 20px;
}
.sp_table_separateWrap .ttl:first-child{
	margin-top: 0;
}
.sp_table_separateWrap table{
	margin-top: 5px;
}

/* .table_separateNote */
.sp_table_separateNoteWrap .note{
	margin-top: 5px;
	margin-bottom: 20px;
}
.sp_table_separateNoteWrap .note:last-child{
	margin-bottom: 0;
}

/* .table_ttl_separate */
.sp_table_ttlWrap .ttl{
	background: #eeeeee;
	text-align: center;
	border: 1px solid #e5e5e5;
	padding: 10px;
	margin-top: 10px;
	font-weight: bold;
}
.sp_table_ttlWrap .stWrap{
	background: #ffffff;
	border: 1px solid #e5e5e5;
	border-top: none;
	padding: 10px;
}
.sp_table_ttlWrap .stWrap{
	line-height: 1.5;
}

/* .table_ac */
.sp_table_acWrap .accordion{
	border: 1px solid #555;
	border-bottom: none;
}
.sp_table_acWrap .accordion .acBox{
	display: none;
}
.sp_table_acWrap .accordion .ttl{
	padding: 10px;
	background: #d9d9d9;
	font-weight: bold;
	position: relative;
}
.sp_table_acWrap .accordion .ttl:before{
	content: "";
	position: absolute;
	top: 12px;
	right: 13px;
	width: 10px;
	height: 10px;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.sp_table_acWrap .accordion .ttl.open{
	border-bottom: none;
}
.sp_table_acWrap .accordion .ttl.open:before{
	top: 18px;
	-webkit-transform: rotate(315deg);
	transform: rotate(315deg);
}
.sp_table_acWrap .accordion .ttl:nth-child(n+1){
	border-top: none;
}
.sp_table_acWrap .accordion .acBox ul li{
	display: inline-block;
}
.sp_only{display: none;}

@media screen and (max-width: 768px) {
	/* 共通 */
	.pc_tableWrap{ display:none; }
	.sp_tableWrap{ display:block; }
	.pc_only{display: none;}
	.sp_only{display: block;}
}

@media screen and (max-width: 768px) {
	.sp_tableWrap{
		margin-top: 5px;
	}
	.sp_tableWrap table{
		word-break: break-all;
	}
	.sp_tableWrap table th{
		font-size: 1.3rem;
		text-align: center;
	}
	.sp_tableWrap table th.ttl_series{
		width: 40%;
		border-right: 1px solid #555;
	}
	.sp_tableWrap table th.ttl_kisyu{
		border-top: 1px solid #555;
	}
	.sp_tableWrap table th.link {
		background: #FFFFFF;
		text-align: left;
	}
	.sp_tableWrap table th.link a {
		font-weight: normal;
	}
	.sp_tableWrap table th a:link,
	.sp_tableWrap table td a:link {
		color: #000099;
	}
	.sp_tableWrap table th a:visited,
	.sp_tableWrap table td a:visited{
		color: #660099;
	}
	.sp_tableWrap table td{
		font-size: 1.3rem;
		text-align: left;
	}
	.sp_tableWrap table td.series{
		border-right: 1px solid #555;
		background: #f2f2f2;
	}
	.sp_tableWrap table td.series span.end{
		margin-left: 0.25em;
	}
	.sp_tableWrap table td.series span.note{
		margin-left: 0.25em;
	}
	.sp_tableWrap table td.series span.long{
		display: block;
	}
	.sp_tableWrap table th.ttl_item{
		border-top: 1px solid #555;
		border-left: 1px solid #555;
	}
	.sp_tableWrap table td.cel_item{
		border-right: 1px solid #555;
	}
}


/* /support/aquos/doc/homenetwork.html */

@media only screen and (max-width: 930px) {
	#homenetwork .scrollArea {
		overflow-x: scroll;
		margin-bottom: 20px;
	}
	#homenetwork .scrollArea table {
		width: 930px;
		margin-bottom: 20px;
	}
}

/* /support/aquos/doc/dlna.html */

#dlna .scrollArea table {
	width: 850px;
	table-layout: fixed;
}
#dlna .txtIndent3{
	padding-left: 2em;
	text-indent: -2em;
}
@media only screen and (max-width: 850px) {
	#dlna .scrollArea {
		overflow-x: scroll;
		margin-bottom: 20px;
	}
	#dlna .scrollArea table {
		margin-bottom: 20px;
	}
}

/* /support/aquos/doc/usb_modellist.html */
@media only screen and (max-width: 1080px) {
	#usb_modellist .scrollArea {
		overflow-x: scroll;
		margin-bottom: 20px;
	}
	#usb_modellist .scrollArea table{
		width: 1080px;
		margin-bottom: 20px;
	}
}
@media only screen and (max-width: 767px) {
	#usb_modellist .mtSection > .scrollArea {
		height: 60vh;
	}
	#usb_modellist .tableStyle3 th,
	#usb_modellist .tableStyle3 td{
		border: none;
	}
	#usb_modellist .tableStyle3{
		border-collapse: separate;
		padding: 0;
		border-spacing: 0;
		border: 0;
		border-right: 1px solid #555;
		margin-top: 0;
	}
	#usb_modellist .mtSection > .scrollArea tr:first-child th{
		background: #f0f0f0;
		position: -webkit-sticky;
		position: sticky;
		top: 0;
		z-index: 1;
	}
	#usb_modellist .tableStyle3 tr th:first-child,
	#usb_modellist .tbl02 .tableStyle3 tr td:first-child{
		position: -webkit-sticky;
		position: sticky;
		left: 0;
		z-index: 2;
		border-right: 1px solid #555;
	}
	#usb_modellist .tableStyle3 tr:not(:first-child) th{
		width: 75px;
	}
	#usb_modellist .tableStyle3 tr:first-child th:first-child {
		z-index: 3;
	}
	#usb_modellist .tableStyle3 tr td:first-of-type {
		background: #ffffff;
	}
	#usb_modellist .tableStyle3 tr:first-child th {
		border-top: 1px solid #555;
	}
	#usb_modellist .tableStyle3 th,
	#usb_modellist .tableStyle3 td{
		border: none;
		border-left: 1px solid #555;
		border-bottom: 1px solid #555;
	}
}

/* support/aquos/doc/av_conversion_cable */
/* /support/aquos/doc/net_player.html */
@media only screen and (max-width: 930px) {
	#av_conversion_cable .scrollArea,
	#net_player .scrollArea {
		overflow-x: scroll;
		margin-bottom: 20px;
	}
	#av_conversion_cable .scrollArea table,
	#net_player .scrollArea table{
		width: 930px;
		margin-bottom: 20px;
	}
}

/* support/aquos/doc/av_conversion_cable */
#av_conversion_cable .col2{
	display: flex;
	margin-top: 15px;
}
#av_conversion_cable .col2 p{
	margin-right: 20px;
}
@media screen and (max-width: 768px) {
	#av_conversion_cable .col2{
		flex-direction: column;
	}
	#av_conversion_cable .col2 p{
		margin-right: 0;
		margin-top: 15px;
	}
}


/* /support/aquos/doc/4k_hdmi.html */
@media only screen and (max-width: 850px) {
	#page_4k_hdmi .scrollArea {
		overflow-x: scroll;
		margin-bottom: 20px;
	}
	#page_4k_hdmi .scrollArea table{
		width: 850px;
		margin-bottom: 20px;
	}
}

/* /support/aquos/info/8ktuner-4k_hdmi.html */
#page_8ktuner-4k_hdmi .w70per{
	width: 70%;
}
@media only screen and (max-width: 767px){
	#page_8ktuner-4k_hdmi .w70per{
		width: 100%;
	}
	#page_8ktuner-4k_hdmi .itemTable .item01{
		width: 260px;
	}
}

/* /support/aquos/doc/net_player.html */
#net_player .listBox{
	margin: 0;
}
#net_player .boxIndent{
	padding: 0;
}

/* /support/aquos/doc/dlna.html */
#dlna .tableStyle1 .heading{
	width: 50%;
}
@media only screen and (max-width: 767px){
	#dlna .tableStyle1 .heading{
		width: 35%;
	}
}

/* /support/aquos/doc/w_lan_access_ht.html */
#w_lan_access_ht .ttl{
	font-weight: 300 !important;
}
#w_lan_access_ht .type01 th{
	width: 30%;
}
@media only screen and (max-width: 767px){
	#w_lan_access_ht .type01 th{
		width: 40%;
	}
	#w_lan_access_ht .acBox th{
		width: 33.3%;
	}
	#w_lan_access_ht .acBox th{
		border-top: 1px solid #555;
	}
	#w_lan_access_ht .acBox th:nth-child(2),
	#w_lan_access_ht .acBox td:nth-child(2){
		border-right: 1px solid #555;
		border-left: 1px solid #555;
	}
}

/* /support/aquos/info/ud_list.html */
#ud_list .ttl_update{
	width: 15%;
}
#ud_list .ttl_kisyu{
	width: 30%;
}
#ud_list .listFlow3 {
	padding-left: 1em;
}
#ud_list .listFlow3 li {
	padding-bottom:10px;
	padding-left:0 !important;
	background:none !important;
	list-style-type:decimal !important;
}
@media only screen and (max-width: 850px) {
	#ud_list .scrollArea {
		overflow-x: scroll;
		margin-bottom: 20px;
	}
	#ud_list .scrollArea table{
		width: 850px;
		margin-bottom: 20px;
	}
}

/* /support/aquos/softdownload.html */
#aquos_softdownload .dlTextCont{
	padding: 0 20px;
}
#aquos_softdownload .brdBox01{
	border: 1px solid #ccc;
	padding: 10px;
}
#aquos_softdownload .brdBox01 dt{
	font-weight: 300;
}
@media only screen and (max-width: 767px) {
	#aquos_softdownload .dlTextCont{
		padding: 0;
	}
}

/* /support/aquos/update/index.html */
#update_index .udTextCont{
	padding: 0 20px;
}
@media only screen and (max-width: 767px) {
	#update_index .udTextCont {
		padding: 0;
	}
}

/* /support/aquos/softdl_qa.html */
/* #aquos_softdl_qa .qaListBox{
	border: 1px solid #ccc;
	padding: 20px 30px;
	margin-bottom: 40px;
}
#aquos_softdl_qa .qaListBox li{
	padding-left: 30px;
	background: url(/support/images/ico_q.gif) no-repeat 0 3px;
	background-size: 20px;
}
#aquos_softdl_qa .qaListBox li:not(:last-child){
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#aquos_softdl_qa #qaBlock dl{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #999;
}
#aquos_softdl_qa #qaBlock dl:last-child{
  margin: 0 0 20px 0;
}
#aquos_softdl_qa #qaBlock dl dt{
	min-height:25px;
	padding:14px 10px 10px 40px;
	background:url("/support/images/ico_q.gif") no-repeat 0 10px;
	font-weight:bold;
	margin: 0 0 10px;
	border-bottom: 1px dotted #999;
}
#aquos_softdl_qa #qaBlock dl dd{
	margin: 0 0 0 0;
	min-height:25px;
	padding: 14px 10px 10px 40px;
	background:url("/support/images/ico_a.gif") no-repeat 0 14px;
}
#aquos_softdl_qa #qaBlock dl dd p{
	margin: 0 0 5px 0;
}
#aquos_softdl_qa #qaBlock dl dd .indent{
	padding: 0 0 0 1em;
} */