@charset "utf-8";

/* －－－－－－－－－－－－－－－－－－－－－－

20180608 /bd/connect/dub/share/common.CSS Document 

－－－－－－－－－－－－－－－－－－－－－－*/


#contents h1{
	border-bottom: 1px solid #d0d0d0;
    clear: both;
    color: #000;
    font-size: 128%;
    font-weight: 700;
    margin-bottom: 15px;
    padding: 0 0 5px 13px;
}

#contents h2{
	font-size:118% !important;
}

#contents h3{
	font-size:110% !important;
}

#contents .title{
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid #343434;
    padding: 0 0 5px 13px;
	background:none;
	margin:1em 1em 1.4em 1em;
}

#contents h4.title{
    font-size: 115%;
    padding: 0.5em 1em;
	margin: 0 0 1em 0;
}



#contents .title + *{
	margin-left:2em;
}

/* flow */

ul#flowchart{
	list-style:none;
	margin: 0 0 2em 1.5em;
}
ul#flowchart li{
	display: inline-table;
	vertical-align: top;
	text-align:center;
	margin: 0;
}

ul#flowchart li:after{
	content:"→";
	font-size:120%;
	display: table-cell;
	vertical-align: middle;
	padding-left: 0.3em;
	font-weight:700;
}

ul#flowchart li:last-child:after{
	content:' ';
}

ul#flowchart li a,
ul#flowchart li p{
	border:1px #666 solid;
	font-weight:bold;
	display: table-cell;
	vertical-align: middle;
	padding: 0.5em 1.6em;
	border-radius:3px;
	background: #e3e3e3;
}

ul#flowchart li a{
	color:#000;
}


ul#flowchart li a span{
	background: url(https://www.sony.jp/support/share/images/arrow_black.png) no-repeat 0 6px;
    padding-left: 0.7em;
}

ul#flowchart li a:active,
ul#flowchart li a:visited{
	color:#000;
}

ul#flowchart li a:hover{
	text-decoration:none;
	background-color:#414349;
}

ul#flowchart li a:hover span{
	color:#fff;
}
ul#flowchart li p.active{
	background-image: none;
	background-color: #414349;
	color: #fff;
}


#contents div.imageArea{
	display: inline-block;
	vertical-align: top;
	padding: 1.6em 0 1.6em 2em;
}

#contents ul.floatList {
    width: 58%;
    display: inline-block;
    padding-left: 2em;
	margin-bottom:3em;
	font-size:1.1em;
}

#enq{
	position: relative;
	margin-bottom: 1em;
}

#enq a{
    position: absolute;
    top: 0;
    right: 1em;
	display:block;
}


#contents ul.anchorBtnA {
	list-style:none;
}

#contents ul.anchorBtnA li{
	display:inline-block;
	margin: 0 0 2em 1em;
}

#contents .anchorBtnA a{
	border: solid 1px #ccc;
	background: url(https://www.sony.jp/support/bd/share/images/bg_gradation_off.gif) no-repeat scroll;
	border-radius: 5px;
	color: #333;
	padding: 0.7em 1em;
	display:block;
	width:19em;
}

#contents .anchorBtnA a span.inner_Link{
    background: url(https://www.sony.jp/support/share/images/arrow_underline.gif) no-repeat 0 0.5em;
    padding: 0 0 0 13px;
	font-weight:700;
}

#contents .Button{
	width: auto;
    display: table-cell;
    padding: 0.5em 1em 0.5em 1.4em;
	color:inherit;
}

#contents ul.anchorBtnA > li > a:hover,
#contents .Button:hover{
	background: url(https://www.sony.jp/support/bd/share/images/bg_gradation_on.gif) no-repeat scroll;
	opacity: 0.8;
    text-decoration: none;
	color:inherit;
}

/*接続機器を選択*/

#contents div.choice_connect{
	margin:2em;
}

#contents div.choice_connect p{
	margin:0 0 0 2em;
}

#contents div.choice_connect ul{
list-style: none;
    display: inline-table;
    vertical-align: bottom;
}
#contents .choice_connect ul li{
	display: inline-block;
	margin-right: 1.4em;
}

#contents .choice_connect ul li a{
	display:block;
}

#contents .choice_connect ul li a:hover{
	opacity: 0.5;
	color:inherit;
}


/*----------------------------
 　table
-----------------------------*/



#contents tbody,
#contents th,
#contents td{
	border:none;
}

#contents table th {
    background-color: unset;
}

#contents table.torikomiTbl caption img,
#contents table.torikomiTbl td img{
	vertical-align: sub;
}

#contents table.torikomiTbl{
	width:96%;
	border:1px solid #999;
	margin-top:2em;

}

#contents table.torikomiTbl caption{
	text-align:left;
}

#contents table.torikomiTbl tbody{
}

#contents table.torikomiTbl th{
	color:#414349;
	border-right:1px solid #999;
}

#contents table.torikomiTbl thead tr:nth-child(1)  th:nth-child(1) {
	background-color:#fff;
}

#contents table.torikomiTbl thead tr:nth-child(2) > th {
    width: 16%;
}

/*IE */
@media all and (-ms-high-contrast:none){

   #contents table.torikomiTbl tr:nth-child(2) > th{
	border-top:1px solid #999;
	}
}

/*Firefox*/
@-moz-document url-prefix() {
   #contents table.torikomiTbl tr:nth-child(2) > th{
	border-top:1px solid #999;
	}
}

#contents table.torikomiTbl th.movie{
	background-color:#DCE6FA;
	border: 1px solid #999;
}

#contents table.torikomiTbl th br.mobile{
display:none;
}

#contents table.torikomiTbl tr > th:nth-child(1) {
    border-top: 1px solid #999;
	border-right: 1px solid #999;
}

#contents table.torikomiTbl th.photo{
	background-color:#FFF5C8;
	border: 1px solid #999;
}

#contents table.torikomiTbl tbody td{
    border: 1px solid #999;
	text-align: center;
}

#contents table.torikomiTbl tbody tr:nth-child(odd){
	background-color:#e3e3e3;
}


@media (max-width: 640px){

#contents .title{
    margin: 1em 0 1.4em 0.5em;
    padding: 0 0 0.5em 0;
}

#contents h4.title{
    margin: 0 0 1em 0;
}

#contents .title + *{
	margin-left:1em;
}


ul#flowchart {
    margin: 0 0.5em 2em 0;
}

ul#flowchart li {
	width: 47%;
    vertical-align: middle;
    margin: 0 0 1em 0.5em;
	font-size: 90%;
}

ul#flowchart li a, ul#flowchart li p {
	padding: 0.4em;
    height: 5.5em;
}

ul#flowchart li:last-child:after{
	content:' ';
	padding-right:0.4em;
}

#contents div.imageArea {
    padding: 1.6em 0 1.6em 1em;
}

#contents div.imageArea img{
	max-width: 114px;
	height: auto;
	width: auto;
}

#contents ul.floatList {
    width: 100%;
    padding-left: 0;
}

#contents ul.floatList li {
	margin-right:1em;
}

	
#contents div.choice_connect{
	margin:2em 1em;
}

#contents div.choice_connect p{
	margin:0;
}

#contents div.choice_connect ul{
	margin-left:0;
}
#contents .choice_connect ul li{
	display: inline-block;
	margin-right: 0;
}

#contents .choice_connect ul li a{
	display:block;
}

#enq{
display:none;
}

#contents ul.anchorBtnA{
	margin:1em 0;
}

#contents ul.anchorBtnA li {
	width: 86%;
    margin: 0 2em 1em 0.5em;
}

#contents .anchorBtnA a{
	width:100%;
}

#contents table.torikomiTbl{
	word-break: break-all;
}

#contents table.torikomiTbl{
	font-size:80%;
}

#contents table.torikomiTbl tbody th img{
max-width:40px;
width:auto;
}

#contents table.torikomiTbl tbody th br.mobile{
display:inline;
}

}


/* 20201225 */

#contents ul.annotation li >dl{
	padding: 0.35em 0 0 0;
	margin-left: 1.5em;
}
#contents ul.annotation li >dl:after{
	display: none;
}

#contents ul.annotation li >dl dt{
	font-weight: normal;
	margin-left: 0;
}
#contents ul.annotation li >dl dd{
	margin-left: 0;
	margin-bottom: 5px;
}