@charset "shift_jis";
/* CSS Document */

/*===========================================
	wf-xb700 ear-piece.css
=============================================*/

#contents p{
	margin-left:2em;
	margin-bottom:3em;
}

#contents p.ml{
	margin-left: 13px;
}

#contents .btnArea {
	margin: 2em 0 3em 1em;
}

#contents .btnArea ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#contents .btnArea ul li {
	width: 48%;
	margin: 0.5em 0.25em;
	display: inline-table;
}

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

#contents .btnArea ul li a {
	background: url(/support/headphone/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	border: solid 1px #CCCCCC;
	border-radius: 5px;
	padding: 1em;
	display: inline-block;
	width: 92%;
	color: #000;
}

@media (max-width: 640px) {
#contents p.ml{
	margin-left: 0;
}

	
}


/*　///// ↓stepArea↓/ /////*/
#contents .pregBox {
	margin-left: 1.8em;
}


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


#contents ul.txtlink {
	margin-bottom: 0;
}
#contents #headset ol.stepArea > li,
#contents #earPiece ol.stepArea > li{
	padding: 0.5em 0 1em 0;
}

#contents #headset p.list_body,
#contents #earPiece p.list_body{
	margin: 1em 0 1em 3em;
}




@media (max-width: 640px) {
	#contents .btnArea {
		margin-left: 0;
	}

	#contents .btnArea ul li {
		width: 94%;
		margin: 0.5em 0.25em;
	}

	#contents .pregBox {
		margin-left: 0.5em;
	}
	
	#contents #headset p.list_body,
	#contents #earPiece p.list_body{
	margin: 1em auto;
}
}



/*------------------------

  notice_gray 20200525

------------------------*/
#contents .notice_gray{
	background: none repeat scroll 0 0 #EBEBEB;
    margin: 3em 3em 0 3em;
    padding: 1em;
    width: fit-content;
	
}

#contents .notice_gray img{
	display: block;
    margin: 1em auto;
}

    
@media (max-width: 640px){
#contents .notice_gray{	
	margin: 3em 0 0 0;
	
}
}


/*------------------------

imageArea row-line 20200525

------------------------*/
#contents .row-line{
	margin: 1em 3em;
}

#contents .row-line img {
    vertical-align: middle;
	margin-right: 2em;
}


#contents div.imageArea span.mq_arrow {
    background-image: url(/support/headphone/howto/images/mq_arrow.png);
    height: auto;
    width: 51px;
    display: none;
    overflow: hidden;
    background-repeat: no-repeat;
    position: absolute;
    top: 46px;
    clear: both;
    left: 0;
    z-index: -1;
}

@media (max-width: 640px){
#contents .row-line{
	margin: 1em 0;
}	

#contents .row-line img {
    margin: 0 0 1em 0;
}
	
#contents div.imageArea img.pc_arrow{
    display: none;
	}
	
#contents div.imageArea span.mq_arrow {
    display: block;
    position: static;
    height: 35px;
    margin: 0 0 0.5em 3.5em;
    }

}