@charset "utf-8";

/*
	================================================================================================
		support home-theater wall css index.css
	================================================================================================
*/

#contents .inner{
	margin: 0 1em 1.25em;
}
@media screen and (max-width: 640px){
	#contents .inner{
		margin: 0 0 1.25em;
	}
}

#contents .subtitle{
	font-size: 1.25em;
	margin-bottom: 1em;
}

#contents .infoTableArea{
	margin: 2em 0;
}


#contents .infoTable{
	border-spacing: 5px;
	width: 100%;
}
@media screen and (max-width: 640px){
	#contents .infoTable tbody{
		font-size: 12px;
	}
}

#contents .infoTable .c_left{
	text-align: left;
}
#contents .infoTable .c_none{
	display: none;
}
#contents .infoTable .c_txt_right{
	float: right;
	display: block;
}
#contents table.infoTable th{
	text-align: center;
	width: 26%;
	padding: 10px 8px;
	background-color: #fbfbfc;
	color: #000;
	border: 1px solid #d2d2db;
}
#contents table.infoTable td{
	padding: 10px 8px;
	border: 1px solid #d2d2db;
	text-align: center;
}

#contents .bg_gray{
	background-color: #fbfbfc;
}

.pct img{
	max-width: 100%;
	height: auto;
}

/*20201116*/
#contents .list_num p{
	margin-left: 0;
}

#contents table.infoTable .model{
	width: 22%;
}

/*20201116 open_close */
#open_close01 .Gray {
	padding: 1em 5px 0.75em 2.5em;
	font-weight: bold;
	border: #d2d2d2 1px solid;
	border-radius: 6px;
	font-size: 1.125rem;
	background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	cursor: pointer;
	margin-top: 0.75em;
	text-indent: -1.7em;
}

#open_close01 div.detailArea {
	padding: 0px 10px 0px 5px;
	/* background-color: #f3f3f3; */
	/* border: 1px solid #d2d2d2; */
}

#open_close01 div.detailArea ul.txtlink{
	margin: 1em 0 0.75em 1.5em;
}

#open_close01 div.detailArea ul.txtlink li {
	border-bottom: 1px solid #d2d2d2;
	padding: 0px 0 10px 10px;
	margin: 9px 13px 0 16px;
	font-size: 1.15em;
	background: url(/support/share/images/arrow_black.png) no-repeat left .4em;
}

#open_close01 div.detailArea ul.txtlink li:last-child {
	border-bottom: none;
	padding-bottom: 0;
}

#open_close01 .Gray:hover, .Gray:active {
    text-decoration: none;
    opacity: 0.5;
}

#open_close01 .Gray:focus {
    outline: thin dotted;
    opacity: 0.5;
	outline-offset: -1px;
}
/*�ªopen_close�ª*/

#contents table.infoTable th.three {
    width: 20%;
}

#contents table.infoTable td.three {
    width: 40%;
}

/* 20230719 */

html{
	font-size: 0.813rem;
}

#contents .accordion.type_3 button + div {
	padding: 0;
	background-color: #fff;
	border: none;
}

#contents .accordion button span{
	font-size: 1.125rem;
}

@media screen and (max-width: 640px){
	#contents .accordion button{
		display: flex;
		width: calc(100% - 4px);
		margin-left: 2px;

	}
	
	#contents .accordion button span{
		width: calc(100% - 24px);
	}
}

/* 20241011 */
#contents .i_center {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#contents .i_center span.b_txt {
	display: flex;
	align-items: center;
	justify-content: space-around;
	justify-content: space-between;
	width: 100%;
}

@media screen and (max-width: 640px) {
	#contents .accordion button span {
        width: auto;
    }
}