﻿@charset "utf-8";
/* CSS Document */


/*
	====================================
		TV androidtv_shinka common
	====================================
*/

section{
	margin-bottom:4em;
}

.notice_gray{
	border:1px solid #ccc;
	margin: 0 1em;
    padding: 2em 1em 0 !important;
}

/* dl.model */

dl.model{
	margin:0 0 2.5em 1.5em;
}


dl.model dt{
	font-weight:400;
	float:left;
}

dl.model dd{
	margin-bottom:0.2em;
}


dl.model dd:before{
	content:":";
	padding:0 0.7em 0 0.5em;
}


/* ul.txtlink */

ul.txtlink{
	margin:0 0 0 1.5em;
	padding:0;
}


ul.txtlink li{
	margin:0 0 1em 0.5em;
}

ul.txtlink li > img{
	display:block;
	margin:1em 0 3em 0;
}

/*h tag */

h3{
	border-bottom:1px solid #5A5858;
	padding-bottom:0.3em;
	margin: 1em 0 1.5em 1em;
}

/* innerLink */

div.btnArea{
	width:95%;
	margin:0 auto 3em auto;
}

ul.innerLink{
	margin:2em 0;
	padding:0;
}

ul.innerLink li{
	display: inline-table;
    margin: 0.5em;
    width: 30%;
}

ul.innerLink li a{
	background: url(/support/tv/share3/images/bg_gradation_off.gif) repeat-x scroll 0 0;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    width: 100%;
    color: #000;
	padding: 0 1em;
    height: 3em;
	display:table-cell;
    vertical-align: middle;
	}

ul.innerLink li a > span{
	background: url(/support/tv/share3/images/arrow_black-b.png) no-repeat;
    padding: 0 0 0 1em;
	background-position: 0 6px;
}

ul.innerLink li a:hover,
ul.innerLink li a:active,
ul.innerLink li a:focus{
	text-decoration:none;
	opacity:0.5;
}

/*other */

p{
	margin:0 0 0.3em 1.25em;
}

a.textLink{
	background: url(/share/images/arrow_black.gif) no-repeat left .4em;
	padding-left:1em;
	margin-left: 2.25em !important;
    background-position: 0 8px !important;
}


#originalCnt ul.annotation li {
	margin-bottom:0.5em !important;
}

/*20190117*/

#originalCnt h3.title2{
	border:none;
	padding-bottom:0;
	margin-bottom:1em;
}


/*20190214*/
#originalCnt span.icon_new {
    line-height: 2.5;
}

/*20190705*/
#originalCnt .info{
	display: inline-block;
	float: right;
	margin: 0 2em 0 0;
	background-position:0 9px;
}

p.pt20{
	padding-top: 20px;
}

.ButtonText {
    word-break: break-all;
    min-height: 32px;
    height: 32px;
    color: #333333;
    text-decoration: none;
    display: table-cell;
    vertical-align: middle;
    font-size: 14px;
    line-height: 1.2em;
    letter-spacing: 0;
	background: url(/support/share/images/arrow_black.png) no-repeat;	
	background-position: 0 10px;	padding-right: 5px;
	padding: 0 10px;}

.Button {
    display: block;
    vertical-align: middle;
    border: 1px solid #666666;
    min-height: 32px;
    border: 1px solid #BCBCBC;
    border-radius: 6px 6px 6px 6px;
    padding: 16px 0 10px 20px;
    cursor: pointer;
    transition: opacity 0.2s ease-in 0s;
    zoom: 1;
    margin-top: 20px;
	background: url(/support/tv/share3/images/bg_gradation_off.gif) repeat-x scroll 0 0;
}

.Button:hover,
.Button:active,
.Button:focus{
	text-decoration:none;
	opacity:0.5;
}

#originalCnt .h1-noborder {
	font-size: 1.6em;
	padding: 5px 10px;
	clear: both;
	text-align: center;
}

.model-img {
	display: block;
	text-align: center;
}

.henka_gray {
    border: 0px;
    margin: 0 1em;
    padding: 1em;
}

.henka_Button {
    display: inline-table;
    vertical-align: middle;
    width: auto;
    min-height: 32px;
    height: 44px;
    background: linear-gradient(#FFF, #f2f2f2);
    border: 1px solid #BCBCBC;
    border-radius: 6px 6px 6px 6px;
    padding: 10px 10px 4px 22px;
    cursor: pointer;
    transition: opacity 0.2s ease-in 0s;
    zoom: 1;
    margin: 20px 20px 20px;
}

.ml0 {
    margin-left: 0px;
}

/* category_area */

#originalCnt .category_area{
	list-style-type: none;
	overflow: hidden;
	margin-bottom: 3em;
	line-height:1.6;
	word-break: break-all;
}
#originalCnt .category_area > dl > dt {
	font-weight: bold;
	margin-left: 15px;
	margin-top: 20px;
}
#originalCnt .category_area > dl > dd{
	margin-left: 1em;
	padding-bottom: 10px
}
#originalCnt .category_area > dl > dd >p{
	margin-left: 2.5em;
}

#originalCnt .category_area dl dd > a.textLink{
	margin-left:2.5em;
	background-position: 0 8px;
	text-decoration: none;
}
#originalCnt .category_area dl dd > p.annotation {
	margin-left: 3.5em;
    margin-top: 0;
}

#originalCnt .category_area dl dd > .inner_list{
	margin-left:3.5em;
}

#originalCnt .category_area dl dd > .inner_list dt{
	margin-bottom:0.5em;
}

#originalCnt .category_area dl dd > .inner_list dd{
	margin-left:2em;
}


#originalCnt .category_area .pad0 {
	margin: 0 0 0 40px;
}
#originalCnt .category_area a.textLink.info{
	display: inline-block;
    float: right;
    margin: 0 2em 0 0;
	background-position:0 9px;
}

#originalCnt .category_area > dl{
	width:100%;
	overflow:hidden;
	margin-top: 0;
}

#originalCnt .category_area > dl > dt:first-child{
	margin-top:0;
}

.mt50 {
	margin-top: 50px;
}

.mt40 {
	margin-top: 40px;
}

.mt30 {
	margin-top: 30px;
}

.mt20 {
	margin-top: 20px;
}

.mt15 {
	margin-top: 15px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb30 {
    margin-bottom: 30px;
}

.linkbox a:hover, a:active {
	text-decoration: none;
}

@media (max-width: 740px){

	dl.model{
		margin-left:5px;
	}

	dl.model dt,
	dl.model dd{
		margin-left:0;
	}
	dl.model dd{
		overflow: hidden;
		text-indent: -1.7em;
		padding-left: 1.7em;
	}


	div.btnArea{
		width:100%;
	}


	ul.txtlink{
		margin:0 0 0 0.5em;
	}

	ul.txtlink li > img{
		width:100%;
	}

	ul.innerLink li{
		width: 95%;
	}

	h3{
	margin: 1em 0 1.5em 0.5em;
	}
	.model-img img {
		width: 96%;
	}
}

@media (max-width: 600px){
	#originalCnt .h1-noborder {
		font-size: 1em;
	}
}


/*20191031*/

#henka .henka_Button > ul{
	padding-left: 0;
}

#henka .henka_Button > ul li > a{
	margin-left: 0 !important;
}

/*20210521*/
.pickup_Button {
    display: inline-table;
    vertical-align: middle;
    width: 92%;
    min-height: 32px;
    height: 44px;
    background: linear-gradient(#FFF, #f2f2f2);
    border: 1px solid #BCBCBC;
    border-radius: 6px 6px 6px 6px;
    padding: 10px 10px 4px 22px;
    cursor: pointer;
    transition: opacity 0.2s ease-in 0s;
    zoom: 1;
    margin: 20px 20px 20px;
}

#pickup .pickup_Button > ul{
	padding-left: 0;
}

#pickup .pickup_Button > ul li > a{
	margin-left: 0 !important;
}

@media (max-width: 740px){
	.pickup_Button {
		width: auto;
		height: auto;
		display: block;
	}
}


.clear_both {
    clear: both;
}

/* 20220812 */
#henka .henka_Button.commingsoon{
	cursor: default;
	background: none;
	border: none;
}

#henka .henka_Button.commingsoon ul.txtlink > li{
	cursor: default;
	background: none;
	margin-left: 0;
	padding-left: 0;
}
@media (max-width: 740px){
	.model-img img {
		height: auto;
	}
	#originalCnt .h1-noborder{
		word-break: break-all;
	}
}

/* 20230413 */

p.commingsoon{
	margin-left: 42px;
}
