@charset "utf-8";

/* androidtv_update2022 index***.css*/ 

#contents section {
	margin-bottom: 3em;
}

#contents section h2 {
	margin-top: 3em;
}

#contents section h3 {
	font-size: 1.12em;
	margin: 2em 0 0.3em 0.8em;
}

#contents h2.title{
	margin-left:0.75em;
	padding-left:0.5em;
	border-bottom:#000 solid 1px;
	margin-bottom:0;
}

#contents h2 + p{
	margin-left:1.5em;
	margin-top:2em;
}


#contents .pct {
	margin: 1em 0 1em 1em;
}


#contents section .notice_gray_b {
	margin-left: 1em;
}


/* ul.btnArea */
#contents ul.btnArea{
	list-style: none;
    margin-left: 1em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

#contents ul.btnArea li{
	width: 49%;
    margin-bottom: 10px;
}

#contents ul.btnArea li a{
    background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    color: #333;
    padding: 1em 0.5em 0.75em 0.75em;
    display: block;
    box-sizing: border-box;
}

#contents ul.btnArea li a span{
	font-weight: 700;
    display: block;
    background: url(/support/share/images/arrow_underline.gif) no-repeat 0 0.5em;
    padding: 0 0 0 13px;
}

#contents ul.btnArea li a:hover,
#contents ul.btnArea li a:active,
#contents ul.btnArea li a:focus{
	background: url("/support/tv/share3/images/bg_gradation_on.gif") repeat-y;
	text-decoration:none;
	color:#000;
	opacity:0.7;
}

/* notice */
#sp #contents .notice{
	margin-left:1.25em;
	margin-bottom:3em;
	padding:1.5em 1.2em
}

#sp #contents .notice > p{
	margin: 0;
}

#sp #contents .notice_gray_b.list_st p{
	margin: 1em 1em 0 1.25em;}
#sp #contents .notice_gray_b.list_st{
	margin:0 0 0 1em;
	padding:0;
}
#sp #contents .notice_gray_b.list_st .textLink{
	margin: 0 30px 0 25px;
	padding: 0 0 0 10px;
	background: url(/share/images/arrow_black.gif) no-repeat left .4em;
}
#sp #contents .notice_gray_b.list_st .textLink li{
	list-style:none;
	margin-bottom:10px;
}

@media screen and (max-width: 640px){
	#sp #contents .notice{
	margin-left: 5px;
	}
	#sp #contents .notice_gray_b.list_st .textLink{
	margin: 10px 30px 0 25px;
	}
}

/* notice_gray */

#contents .notice_gray{
	margin-left:1.25em;
	margin-bottom:2em;
	padding:1em
}

#contents .notice_gray > ul{
	margin-bottom:0;
	margin-left: 1.5em;
}

#contents .notice_gray > ul li{
	margin-bottom:0.8em;
	margin-left: 0;
}


#contents .notice_gray a.textLink,
#contents .notice a.textLink{
	margin: 0.2em 0 0.2em 0.3em;
	display: inline-block;
}


/* annotation */

#contents p.annotation,
#contents ul.annotation li{
	margin-left:1em !important;
	text-indent:-1em;
	padding-left: 1em;
}

#contents ul.annotation.trade{
	margin: 4em 0 1em 1em;
}

/* notice_gray_b */
#contents .notice_gray_b {
	padding: 1em 1em!important;
}

#contents #add .notice_gray_b {
	margin-left:1.25em;
}
#contents .notice_gray + .notice_gray_b {
	margin-left:1.25em;
}
#update div.notice_gray_b{
	margin:1.5em !important;
	padding:1.5em;
	padding-right:1.5em;
}

#update div.notice_gray_b ul{
	margin-top:1em;
	padding:0;
	margin-bottom:0;
}
#update div.notice_gray_b ul li{
	margin:0 0 0.5em 0;
	padding:0;
}
#contents .notice_gray_b a.textLink {
	display:block;
	margin-top:0.5em;
}
#contents #update .notice_gray_b a.textLink {
	margin-top:0.3em;
}
#contents a.textLink{
	background-position: 0 6px;
}

/* 個別修正 */
#contents .section #extension dt:first-of-type,
#contents .section #other dt:first-of-type,
#contents .section #add dt:first-of-type{
	margin-top:1.5em;
}
#contents dl dt{
	margin-bottom: 0.3em;
	font-size: 1.15em;
	margin-left: 1em;
}
#contents .section dl dt {
	margin-top:2em;
}

.mod-linkButton a {
	display: block;
	padding: 10px;
	transition: opacity .2s ease-in 0s;
	text-decoration: none !important;
}

a:hover .mod-linkButton, a:active .mod-linkButton {
	opacity: 0.5;
}
a:hover span.figure, a:active span.figure {
	opacity: 0.5;
}
a:hover span.threeLine, a:active span.threeLine {
	color: #333;
	opacity: 0.5;
}
a:focus .mod-linkButton, a:active .mod-linkButton {
	opacity: 0.5;
	color: black;
}
a:focus span.figure, a:active span.figure {
	opacity: 0.5;
}
a:focus span.threeLine, a:active span.threeLine {
	opacity: 0.5;
}
#originalCnt .mod-linkButton a:hover,#originalCnt .mod-linkButton a:active {
	color: black;
	opacity: 0.5;
}

#contents div.modelArea ul li{
	display: inline-block;
	padding: 5px;
	width: 360px;
	margin-right: 0px;
}

#contents .model-linkButton {
	background: url("/support/share/images/bg_mod-linkButton.jpg") repeat-x scroll 0 0;
	border: 2px solid #bcbcbc;
	border-radius: 15px;
	color: #333;
	cursor: pointer;
	display: inline-block;
	height: 138px;
	letter-spacing: 0.01em;
	line-height: 1.4;
	text-align: left;
	width: 360px;
	background-size: contain;
}
.model-linkButton a {
	display: block;
	padding: 15px;
	transition: opacity .2s ease-in 0s;
	text-decoration: none !important;
}

.model-txt {
	background: url("/support/share/images/arrow_black.png") no-repeat scroll 0 5px;
	line-height: 20px !important;
	padding-left: 11px;
	font-size: 0.95em;
	word-break: break-all;
	height: 43px;
	display: inline-block;
}

.model-img {
	display: block;
	text-align: center;
}

img.pc{ display: block;}
img.sp{ display: none;}

/* dl.model */

#contents dl{
	margin-top: 0;
}

#contents dl.model dd{
	margin-bottom:0.2em;
	margin-left: 1.5em;
}

#contents .mq {
	display: contents;
}

#contents .verMid {
	vertical-align: middle;
}
#contents div.pct img.pc_arrow1 {
	margin-left: 5px;
	display: inline-block;
}

@media (max-width: 550px){
	#originalCnt div.modelArea ul li,
	#originalCnt .model-linkButton {
		width: 96%;
	}
	#modelArea .btn_area_text {
		padding-left: 0;
	}
	.model-txt {
		height: auto;
		display: inline-block;
		min-height: 43px;
	}
}

@media screen and (max-width: 640px){
	#contents section h3 {
		margin-left: 5px;
	}

	#contents .model-linkButton {
		display: block;
		height: auto;
		margin: 0 auto;
		width: 95%;
	}
	#contents div.modelArea ul li{
		display: block;
		width: 95%;
		margin:10px auto !important;
		padding:0 !important;
	}
	#contents img.pct{
		margin-left:0!important;
	}
	img.pc{ display: none;}
	img.sp{ display: block;}

	#contents h2.title{
		margin-left:5px;
		padding-left:5px;
	}

	#contents h2 + p,
	#other p{
		margin-left:10px;
	}

	#contents dl.model{
		margin-left:5px;
	}

	#contents dl.model dt,
	#contents dl.model dd{
		margin-left:0;
	}

	#contents .section dl dd,
	#contents .section dl dt {
		margin-left:1em;
	}

	/* ul.btnArea */
	#contents ul.btnArea{
		margin-left:5px;
	}

	#contents ul.btnArea li{
		width: 100%;
		margin-left:0;
	}


	#contents ul.detail li > a.textLink{
		background-position: 0 7px;
	}


	/* notice_gray */
	#contents .notice_gray,
	#contents .notice_gray_b{
		margin-left:5px!important;
	}

	#contents .notice_gray > ul{
		margin-left: 1em;
	}

	#contents .notice {
		padding: 1em;
	}

	/* ul.other  */

	#contents #modify ul.detail li > ul.other{
		margin: 1em 0 2em 0;
	}


	/* ul.anchorBtnA */
	#contents ul.anchorBtnA {
		margin-bottom:3em;
	}

	#contents img {
		max-width:100%;
		height:auto;
		margin: 0 auto;
		width: auto;
	}

	#contents .verMid {
		display: block;
	}

	#contents .pct {
		text-align: center;
	}

	#contents .pct img.pc_arrow1 {
		transform: rotate( 90deg );
		margin: 20px 0 10px;
	}

	#contents .mq {
		display: none;
	}
	
	#contents .pct img:nth-child(odd) {
		width: 100%;
	}
}

#contents .flex {
    display: flex;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    flex-direction: row;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    justify-content: flex-start;
    -ms-flex-pack: distribute;
    margin: 1em 0 1em 1em;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#contents .flex.top {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#contents figure {
    text-align: center;
    /* margin: 1em 0; */
}

#contents .verMid {
    vertical-align: middle;
}

#contents .flex.two img {
    margin-right: 4em;
}

#contents img.pc_arrow1 {
    width: 50px !important;
    height: 48px;
}

#contents figure figcaption.right {
    text-align: center;
}

@media screen and (max-width: 640px) {
	#contents .flex {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;

	}

	#contents .flex.top figure {
		margin: 0 auto !important;
	}
	
	#contents figure img {
		width: 100%;
		height: auto;
	}
	
	#contents img.pc_arrow1 {
		transform: rotate( 90deg );
		display: block;
		margin: 1em auto;
	}
	
	#contents .flex.two img {
		margin-right: 0;
	}
}