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

/*
	================================================================================================
		support headphone qa css nw-index.css
	================================================================================================
*/

/* ↓↓　h2 titile  ↓↓　*/
.colum2-right760 .title2 {
    border-bottom: #000 solid 1px;
    font-size: 1.231em;
    margin-top: 20px;
    padding-left: 13px;
}

/* ↓↓　icon  ↓↓　*/
img.icon {
    vertical-align: middle;
    margin: 0px 4px;
}
	
/* ↓↓　bnr_area  ↓↓　*/
.bnr_area {
   	margin-top: 20px;
	margin-bottom: 30px;
	text-align: left;
}

.bnr_single {
	margin: 5px;
	padding: 0;
	display: inline-block;
}

@media screen and (max-width: 640px){
	.bnr_area {
   	margin-top: 20px;
	margin-bottom: 30px;
	text-align: center;
}
	
	.bnr_single {
		margin: auto;
    }

	div.img300 {max-width: 300px;}


	
}


/* ↓↓　#open_close01 ↓↓　*/

#open_close01 .Gray {
	padding: 1em 0 0.75em 0.75em;
	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;
}

#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;
    float: none;
}

#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;
}

/* ↓↓　searchArea ↓↓　*/
div#searchArea {
	margin: 10px 0 40px 0;
	padding: 15px;
}

/*.colum2-right760 .section {
    margin-bottom: 0px;
}*/



/* ↓↓　mq_only ↓↓ 20200605　*/
.mq_only {
    display: none;
}
@media screen and (max-width: 640px) {
	.mq_only {
	    display: block;
	}
}

/* ↓↓ btn1 icon ↓↓ 20200610　*/

div.btn1{
	display: inline-block;
    color: #000;
    margin-bottom: 0.5em;
}

div.btn1.icon a{
	display: block;
    background: url(/support/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    padding: 0.7em 1em;
    color: #000;
    margin: 10px 0;
    width: 166%;
}

div.btn1.icon a span.textLink{
	background: url(/support/share/images/arrow_black.gif) no-repeat;
    background-position: 0 6px;
    padding-left: 1em;
}

div.btn1.icon a:hover, div.btn1.icon a:active {
    text-decoration: none;
    opacity: 0.5;
}

/* ↓↓ btn.icon ↓↓ 20200730　*/
div.btn.icon a{
	display: block;
}

div.btn.icon a span.textLink{
	background: url(/support/share/images/arrow_black.gif) no-repeat;
    background-position: 0 6px;
    padding-left: 1em;
	margin-left: 0.5em;
	color: #000;
}


/* ↓↓ search ↓↓ 20200730　*/

#open_close01 div.search{
	background-color: transparent;
}

#open_close01 div.search .section.inner{
	padding: 15px;
	height: 120px;
}

#open_close01 div.search .section.inner p{
	margin: 1em 0;
}

#open_close01 div.search  input#keyword.topsearchtext{
	vertical-align: middle;
    border: #adadaf 1px solid;
    height: 2em;
    width: 460px;
	padding-left: 1em;
}

#open_close01 div.search  input.topsearchbtn{
	vertical-align: middle;
    margin-left: 5px;
    height: 2.2em;
}


@media screen and (max-width: 640px){
	#open_close01 div.search .section.inner{
    height: auto;
}
	
	
	#open_close01 div.search  input#keyword.topsearchtext{
    width: 99%;
	margin-bottom: 1em;	
}
	
	#open_close01 div.search  input.topsearchbtn{
    margin-left: 1px;
    height: 2.2em;
}	
	
}

/* ↓↓　Gray2 20200903 ↓↓　*/

#open_close01 .Gray2 {
	padding: 1em 0 0.75em 0.75em;
	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;
	margin-top: 0.75em;
}

#open_close01 .Gray2:hover, .Gray2:active {
    text-decoration: none;
    opacity: 1;
}

#open_close01 .Gray2:focus {
    outline: thin dotted;
    opacity: 1;
	outline-offset: -1px;
}


/* 20201127 */

#contents p.annotation{
	margin: 1.5em 0 0 0;
	padding-left: 1em;
    text-indent: -1em;
}

#contents p.annotation + a.textLink{
	margin-left: 1em;
	margin-top: 5px;
}

/* 20220309 */
#contents .notice_gray_b {
    background-color: #EBEBEB;
    padding: 0.5em 1em;
}

/* 20230905 */
#contents .accordion.type_3 button {
    width: calc(100% - 2px);
    margin: 1em auto 0;
}

#contents .bnr_single img {
    vertical-align: middle;
}

#open_close01 .Gray:focus {
	outline: auto;
}

@media screen and (max-width: 640px){
	#contents li.bnr_single {
		margin-bottom: 0.5em;
	}
}

/* 20240924 */
@media screen and (max-width: 640px){
	#open_close01 div.detailArea ul.txtlink{
		margin-left: 0;
	}
	
}

@media screen and (max-width: 320px){
	#contents ul.bnr_area {
		text-align: left;
	}
	
}