@charset "Shift_JIS";

/*
	================================================================================================
		support headphone repair css index.css
	================================================================================================
*/

/* 181001 */

#contents h2{
	font-size:110%;
}

#contents h2.title{
	border-bottom: 1px solid #000;
    font-size: 1.2em;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-bottom: 20px;
	margin-left:1em;
	margin-top:1.5em;
}

#contents h3{
	background-color: #e3e3e3;
    border: medium none;
    padding: 0.5em 1em;
    font-size: 110%;
    margin: 3em 0 20px 1em;
}


#contents p{
	margin-left:1.5em;
}


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



/*ボタン ul div 共通*/

#contents ul.btn_area li,
#contents div.btn_area a{
    border: 1px solid #bcbcbc;
    border-radius: 3px;
	height:3em;
}

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

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


#contents span.textLink,
#contents a.textLink{
	background: url(/share/images/arrow_black.gif) no-repeat left .4em;
	padding-left:1em;
}


/*ボタン個別 ul */


#contents ul.btn_area{
	margin:3em 0;
	overflow:hidden;
}

#contents ul.btn_area li {
	list-style: none;
	float:left;
	margin: 0 0 0 1.5em;
	background: url(/support/headphone/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	display:table;
	width:30%;
}

#contents ul.btn_area li a{
	text-align:center;
}

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



/*ボタン個別 div */


#contents div.btn_area{
	margin:1em 0 1.5em 2.4em;
}

#contents div.btn_area a{
	background: url(/support/headphone/share/images/bg_mod-linkButton.jpg) repeat-x scroll left center;
	width:280px;
}

#contents div.btn_area a span.textLink{
	padding-left: 2em;
    background-position: 12px 6px !important;
}

#contents div.btn_area a span.inner_Link{
    background: url(/support/share/images/arrow_underline.gif) no-repeat;
}

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


#contents div.btn_area.icon a{
	width:180px;
}

#contents div.btn_area.icon a img{
	vertical-align:middle;
}

#contents div.btn_area.icon a span.textLink{
	vertical-align:middle;
    background-position: 12px 7px !important;
}


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


#contents dl{
	margin:2em 0 2em 1.4em;
}

#contents dl dt{
	font-weight:700;
	margin-bottom:0.5em;
}

#contents dl dd{
	margin-left:1em;
}

#contents div.tel{
	margin-left:1.4em;
	margin-bottom:2em;
}

#contents div.tel dl dt{
	font-size:110%;
}

#contents div.tel dl dd{
	margin-left:2em;
	display:inline-block;
}

#contents div.tel p{
	margin-left:3.4em;
	margin-bottom:1em;
}

#apply p.annotation{
	padding-left:4em;
	text-indent:-4em;
	margin-bottom:1em;
	margin-top:0.5em;
}

@media (max-width: 640px){

	#contents h2.title,
	#contents h3,
	#contents dl{
		margin-left:0;
	}

	#contents p,
	#contents dl dt{
		margin-left:0.5em;
	}

	
	#contents ul.btn_area li {
		margin: 0 0 1em 0;
		width:98%;
	}
	
	#contents div.btn_area{
		margin-bottom:3em;
		margin-left:1.4em;
	}
	
	#contents dl{
		margin-bottom:0;
	}
	
	#contents dl dd{
		margin-left:1.4em;
	}

	#contents div.tel{
		margin-left:1em;
	}

	#contents div.tel dl,
	#contents div.tel dl dt{
		margin-left:0;
	}

	#contents div.tel dl dd,
	#contents div.tel p{
		margin-left:0.5em;
	}
	
	#contents div.tel dl dt{
		margin-bottom:1em;
	}

	#contents div.tel dl dd{
		margin-bottom:1em;
		display:block;
	}

}

/* 20210702 */
#contents ul.annotation{
	list-style-type: none;
	margin-left: 1.5rem;
	font-size: 85%;
}

#contents ul.annotation li{
	text-indent: -1em;
	padding-left: 1em;
	margin-bottom: 0.5em;
}

#contents ul.annotation li > a.textLink{
	padding-left: 2em;
	margin: 0;
}

#contents a.textLink{
		display: inline-block;
}

@media (max-width: 640px){
	#contents ul.annotation{
		margin-left: 0.5em;
	}
}

/* 20220112 */
#contents > *{
    font-size: 0.8125rem;
}

#contents h1.title{
    font-size: 1.21875rem!important;
}

/* 20240527 */
#contents section {
    margin-bottom: 4em;
}

#contents #include {
    overflow: hidden;
}

#contents .pickup_item {
    padding: 0 0 0 1.5em;
}

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

#contents .pickup_item .bnr_single {
    max-width: 225px;
    margin: 0 10px 10px 0;
}

#contents .pickup_item .bnr_single a {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
}

#contents .bnr_text {
    margin-top: 0.3em;
	font-size: 0.9871rem;
}

#contents .s5-linkV3:after {
    display: inline-block;
    content: '';
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20fill%3D'%232F353D'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20width%3D'32px'%20height%3D'32px'%20viewBox%3D'0%200%2032%2032'%3E%3Cpath%20d%3D'M25.6%2C16l-16%2C16l-3.2-3.2L19.1%2C16L6.4%2C3.2L9.6%2C0L25.6%2C16z'%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
    height: 0.6em;
    width: 0.6em;
    margin: -0.15em 0.4em 0;
}

@media screen and (max-width: 640px) {
    #contents .pickup_item {
        padding: 0;
    }
	
	#contents .pickup_item .bnr_single {
        padding: 0;
        margin: 0 auto 0.5em;
        display: block;
        max-width: 100%;
    }
	
	#contents .pickup_item .bnr_single a {
        flex-direction: row;
        align-items: flex-start;
    }
	
    #contents .pickup_item .bnr_single .bnr_img {
        width: 45%;
        height: auto;
    }
	
	#contents .pickup_item .bnr_single .bnr_text {
        margin-left: 0.5em;
        margin-top: 0;
    }
}