/* CSS Document */

/*
	====================================
		headphone howto alexa index
	====================================
*/


h2.title2 {
/*	font-weight: bold;*/
	font-size: 16px;
	border-bottom: 1px solid #343434;
	clear: both;
	color: #000;
	margin-bottom: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 13px;
	font-weight: 700;
}

#contents p.annotation {
	margin: 0 0 0 2em;
/*	margin: 0 0 1em 2em;*/
	padding: 0.5em 0;
	text-indent: -1em;
	font-size: 0.9em;
}

/*---2019/08/22追加---*/
.cell_comment,
.cell_warning{
	vertical-align: top;
	display: inline-block;
	font-weight: bold;
	margin: 0 0 1em 2em;
	padding: 0.5em 0 0.5em 20px;
	text-indent: -1em;
	font-size: 110%;
}

.float_left {
	float: left;
}

/* 20201006 */
#contents a.textLink {
    display: inline !important;
}

/*
	====================================
		button
	====================================
*/


#contents ul.btn_area{
	margin-bottom:4em;
}

#contents ul.btn_area li,
#contents a.btn_area{
	border: 1px solid #bcbcbc;
	border-radius: 6px;
	background: url(/support/headphone/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
}


#contents ul.btn_area li {
	list-style: none;
	display:table;
	float:left;
	width: 30%;
	height: 4em;
	margin: 0 0.5em;
}

#contents ul.btn_area li a{
	display:table-cell;
	vertical-align:middle;
	color:#000;
}

#contents ul.btn_area li a:active,
#contents ul.btn_area li a:hover,
#contents a.btn_area:active,
#contents a.btn_area:hover{
	color:000 !important;
	text-decoration:none;
}

#contents ul.btn_area li a:hover,
#contents ul.btn_area li a:focus{
	opacity:0.5;
}

#contents ul.btn_area li a span,
#contents a.btn_area span{
	background: url(/support/share/images/arrow_underline.gif) no-repeat 0 0.5em;
	padding: 0 0 0 13px;
	margin-left: 1.2em;
	display: inline-block;
}


@media (max-width: 640px){

	#contents ul.btn_area li {
		width:98% !important;
		float:none;
		margin: 0 0 1em 0 !important;
		height:4em;
		text-align:left;
	}
}

/* 20201006 */

#contents div.btn {
    width: 50%;
}

@media screen and (max-width: 640px){
	#contents div.btn {
	    width: 100%!important;
	    max-width: 360px;
	}
}



/*
	====================================
		layout
	====================================
*/
#contents dl {
	margin: 0 1em 1.25em;
}

dl > dt {
	font-weight: 700;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1.15em;
}

#contents .dl {
	margin: 0 1em 1.25em;
}

/*---2019/08/22追加---*/
.list_table {
	display: table;
}


/*---2019/11/21追加---*/
dl > dt.model {
	margin-bottom: 0.5em;
	font-size: 1em;
}

/*---2022/01/13追加---*/
@media (max-width: 640px){
    #contents .dl {
	text-align: center;
}
}
/*
	====================================
		PreBox 
	====================================
*/
#contents div.pregBox {
	margin: 20px 0 0 10px;
	padding: 0px 10px 20px 0px;
	background: url(/support/headphone/howto/wf-1000x/images/dot_line.gif) repeat-x bottom;
	clear: both;
}

#contents div.pregBox p.list_number {
	margin-bottom: 10px !important;
	padding: 5px 0px 5px 45px;
	font-weight: bold;
	font-size: 120%;
}

#contents div.pregBox div.list_body_pct {
	margin-left: 47px;
}

#contents div.pregBox div.list_body_pct .pct {
	margin-left: 1em;
}

#contents div.pregBox div.list_body_pct .pct img {
	margin-right: 1em;
}

/*---20201006追加---*/
#contents .two_images{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: space-between;
	width: 80%;
}
@media (max-width: 640px){
	
	#contents .two_images{
		flex-direction: column;
		align-items: center;
		max-width: 231px;
		width: 100%;
	}
	#contents .two_images img {
		margin: 0 0 10px 0;
	}
	#contents .two_images img.img_arrow{
		max-width: 100% !important;
		transform: rotate( 90deg );
		margin-left: 0;
		padding: 10px;
	}
}


div.pregBox p.no01 {
	background: url(/support/headphone/share/images/bar_no01.gif) no-repeat;
}
div.pregBox p.no02 {
	background: url(/support/headphone/share/images/bar_no02.gif) no-repeat;
}
div.pregBox p.no03 {
	background: url(/support/headphone/share/images/bar_no03.gif) no-repeat;
}
div.pregBox p.no04 {
	background: url(/support/headphone/share/images/bar_no04.gif) no-repeat;
}
div.pregBox p.no05 {
	background: url(/support/headphone/share/images/bar_no05.gif) no-repeat;
}
div.pregBox p.no06 {
	background: url(/support/headphone/share/images/bar_no06.gif) no-repeat;
}
div.pregBox p.no07 {
	background: url(/support/headphone/share/images/bar_no07.gif) no-repeat;
}
div.pregBox p.no08 {
	background: url(/support/headphone/share/images/bar_no08.gif) no-repeat;
}
div.pregBox p.no09 {
	background: url(/support/headphone/share/images/bar_no09.gif) no-repeat;
}
/*---20201006追加---*/
div.pregBox p.no10 {
	background: url(/support/headphone/share/images/bar_no10.gif) no-repeat;
}
div.pregBox p.no11 {
	background: url(/support/headphone/share/images/bar_no11.gif) no-repeat;
}
div.pregBox p.no12 {
	background: url(/support/headphone/share/images/bar_no12.gif) no-repeat;
}
div.pregBox p.no13 {
	background: url(/support/headphone/share/images/bar_no13.gif) no-repeat;
}
div.pregBox p.no14 {
	background: url(/support/headphone/share/images/bar_no14.gif) no-repeat;
}
div.pregBox p.no15 {
	background: url(/support/headphone/share/images/bar_no15.gif) no-repeat;
}


@media (max-width: 640px) {
	#contents div.pct img {
		max-width: 100%;
		height: auto;
	}
	.upsidedown-frame,.colum2-right760 {
		table-layout: fixed;
	}
/*---2019/08/22追加---*/

.cell_comment {
	display: block;
}	
#contents p.cell_warning {
	display: block;
	text-indent: -2.8em;
	margin-left: 20px;
}	
}


/*---2019/12/2追加---*/
@media (max-width: 640px) {
	.upsidedown-frame,.colum2-right760 {
		table-layout: fixed;
	}
}

/*---2020/03/04追加---*/
@media (max-width: 640px) {
#contents div.pregBox div.list_body_pct .pct {
	margin-left: 0;
}
}

/*
	====================================
		notice_gray_b  20200303追記
	====================================
*/
/* グレー枠 */
#contents .notice_gray_b {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 1px solid #c7c7c7;
    margin: 1em 0 1em 13px;
    padding: 1em;
    display: block; 
}

#contents div.list_body_pct .notice_gray_b p{
	margin: 0 1em 0.5em;
}


#contents div.list_body_pct .notice_gray_b ul.txtlink{
	margin: 0;
}

#contents div.list_body_pct .notice_gray_b ul.txtlink li{
	border-bottom: none;
	margin: 5px 5px 5px 15px;
	padding: 2px 8px;
}

#contents div.list_body_pct .notice_gray_b ul.txtlink li:before {
    counter-increment: auto;
    content: close-quote;
    position: fixed;
}


@media (max-width: 640px){

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



/*
	====================================
		attentionArea 20200303
	====================================
*/
/*　黄色いご注意枠　*/

#contents div.attentionArea {
    border: 1px #999 solid;
    background: #FFFFCC;
	margin: 1em 0 1em 13px;
    padding: 1em;
    display: block; 
}

#contents div.attentionArea .attentionBox{
    background: url(/support/tv/share3/images/icon_caution.gif) no-repeat;
    margin: 0px;
    padding: 10px 0px 0px 40px;
    min-height: 25px;
}

#contents div.attentionArea p{
	margin: 0 1em 0.5em;
}

#contents div.attentionArea ul.annotationB{
    margin-left: 1em;	
	margin-bottom: 0;
	padding: 0;
}

#contents div.attentionArea ul.annotationB li {
    list-style: none;
    padding-bottom: 1em;
	text-indent: 0;
    font-size: 13px;
}


@media (max-width: 640px) {
	#contents .attentionArea{
		margin: 1em 0 ;
	}
	#contents div.attentionArea ul.annotationB{
    margin: 0;
	padding: 0;
	}
	
}

/*---20201006追加---*/
#contents div.Gray {
    width: 100%;
}
#contents div.detailArea {
    border: none;
}

@media screen and (max-width: 640px){
	#contents div.Gray {
	    max-width: none;
	}
}