/* CSS Document */

/*===========================================
		2019-08-27 repair RENEWAL
=============================================*/
/* カテゴリーヘッダー */


#pageHeader .blt {
	background: url("/support/share/images/arrow_black.png") no-repeat scroll left 3px;
	font-size: 12px;
	padding-left: 12px;
}

#contents section p{
	padding-left:15px;
}
ul.txtlink{
	margin-left: 2em;
	margin-bottom:1.5em;
}

/* hタグ見出しスタイル */
.mod-content #contents h1.title {
	border-bottom: 1px solid #D0D0D0!important;
}
.mod-content #contents h2.title {
	border-bottom: #000 solid 1px!important;
	padding-bottom: 5px;
	padding-left: 13px;
	font-size: 1.5rem;
	margin-top:30px;
	margin-bottom:15px!important;
	color: #000!important;
	background: #FFF!important;
}

.mod-content #contents h3.title{
	background-color: #e3e3e3;
	background-image: none;
	border: medium none;
	padding: 5px 10px 5px!important;
	margin-left: 0px;
	margin-bottom: 10px!important;
	font-size:1.15em;
}

.mod-content #contents h4.title {
	background-color: #e3e3e3;
	background-image: none;
	border: medium none;
	padding: 5px 10px 5px!important;
	margin: 0 0 10px 10px;
	font-size:1.077em;
}
.mod-content #contents h4.stitle {
	margin: 0 0 10px 10px;
	font-size: 1.077em;
}

.mod-content #contents h3.line{
	border-bottom: #000 solid 1px!important;
	padding-bottom: 5px;
	margin-left: 13px;
	font-size: 1.3rem;
	margin-top: 30px;
	margin-bottom: 15px;
	color: #000;
	background: #FFF;
}

/*navボタンエリア*/
.mod-content #contents .nav_area ul li{
	background: none;
	border: 1px solid #bcbcbc;
	border-radius: 6px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	color: #333;
	cursor: pointer;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.01em;
	line-height: 1.4;
	margin: 0 15px 20px 0;
	padding:0px;
}

@media (max-width: 640px) {
	.mod-content #contents .nav_area ul li{
		margin-right:5%;
	}
	.mod-content #contents .nav_area ul li:nth-child(even){
		margin-right:0;
	}
}

#contents .nav_area .mod-linkButton .threeLine {
	line-height: unset!important;
	display: block;
	height: 40px;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}

#contents .nav_area .mod-linkButton .ha {
	height: auto;
}

#contents .nav_area .mod-linkButton .figure {
	padding-bottom: 10px;
}

#contents p {
	margin: 0 0 1.25em;
}

ul.txtlink li {
	float: none;
}

.notice_red {
	color: #f00;
}

.dod {
	border-bottom: dotted #CCC 1px;
	margin-top: 2em;
	padding-bottom: 1em;
}


/*   修理規約ボタン
-------------------------------*/
.repair_agreement_btn {
	overflow: hidden;
	margin-left:15px;
}
.repair_agreement_btn a {
	display: block;
	width: 170px;
	height: 50px;
	border: 1px solid #ccc;
	border-radius: 5px;
	color: #333;
	text-decoration: none;
}
.repair_agreement_btn .icon {
	display: block;
	float: left;
	margin: 5px 15px 0 15px;
}
#contents .repair_agreement_btn a span.btn_text {
	display: block;
	padding-top: 15px;
}
#contents .repair_agreement_btn a span.btn_text img {
	margin: 0 6px 7px 0;
}

/*   修理規約ボタン マウスオ－バー
-------------------------------------------*/
.repair_agreement_btn a {
  transition: 0.5s;
}
.repair_agreement_btn a:hover {
  opacity: 0.6;
  transition: 0.5s;
}

/*   ナビゲーションボタン
-------------------------------*/
.nav_area{
	overflow: hidden;
	margin-left:15px;
}
@media (max-width: 640px) {
	.nav_area{
		margin-left:15px;
		margin-right:10px;
	}
}

.nav_btn {
	overflow: hidden;
}

.nav_btn_inner {
	float: left;
}
#contents section .nav_area .nav_btn .nav_btn_inner p {
	margin: 5px 0 5px 20px;
}
.nav_btn_inner p {
	font-weight: bold;
	text-align: center;
}

.nav_area .icon{
	display: block;
	width: 60px;
	margin: 15px auto 10px;
}

.nav_area .line{
	display: block;
	width: 80px;
	margin: 15px auto 10px;
}

#contents section .nav_area .nav_btn .nav_btn_inner a span.btn_text {
	display: block;
	text-align: center;
	margin: 5px;
}
#contents section .nav_area .nav_btn .nav_btn_inner a span.btn_text img {
	margin: 0 5px 2px 0;
}
#contents section.inner .nav_area .nav_btn .nav_btn_inner p.discount {
	margin-bottom: 20px;
}


/*=========================================
			ss.html
===========================================*/
/*   ソニーサービスステーション窓口一覧
----------------------------------------*/
h4.title_black_bar {
	background-color: #1a1a1a;
	color: #fff;
	font-weight: bold;
	padding: 6px 10px;
	margin-bottom: 15px;
}

/*   サービスステーション詳細
----------------------------------------*/
.service_station {
	overflow: hidden;
}

.service_station .area_detail {
	overflow: hidden;
	width: 400px;
	float: left;
	margin-right: 10px;
	margin-left: 30px;
}
.service_station .area_detail .station_name {
	overflow: hidden;
	width: 400px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 5px 15px;
	margin-bottom: 20px;
}
#contents section .service_station .area_detail .station_name p {
	font-weight: bold;
	float: left;
	margin: 0;
}

.map {
	float: right;
	margin-right: 15px;
	padding-top: 1px;
}

.service_station .area_detail_inner {
	overflow: hidden;
	padding: 0 0 1em 1em;
	margin-bottom: 20px;
}
.service_station .area_detail dl.business_hours {
	clear: both;
	margin-bottom: 10px;
}
.service_station .area_detail dl.business_hours dt {
	float: left;
}
.service_station .area_detail dl.business_hours dd {
	margin-left: 55px;
}
#contents section section .service_station .area_detail .area_detail_inner p {
	margin-bottom: 10px;
}
.service_station .area_detail dl.tel {
	float: left;
	width: 150px;
}
.service_station .area_detail dl.tel dt {
	float: left;
}
.service_station .area_detail dl.fax {
	float: left;
	width: 150px;
	margin-bottom: 10px;
}
.service_station .area_detail dl.fax dt {
	float: left;
}
#contents .service_station .area_detail_inner .annotation_area {
	padding: 0;
	border-radius: 5px;
	margin:0 10px 0 0;
}
#contents section .service_station .area_detail .area_detail_inner .annotation_area p {
	padding: 0;
	text-indent: -1em;
	clear: both;
}
#contents section .service_station p{
	padding-left:0;
}

#contents div.contents_area ul li {
	width: 150px;
}

@media (max-width: 640px) {
	#contents div.contents_area ul li {
		width: 45%;
		box-sizing: border-box;
	}
}

#sp #contents .mod-linkButton {
	border: none;
	display: block;
	height:inherit;
	width: inherit;
	padding: 10px;
}

@media (max-width: 640px) {
	#contents section .service_station .area_detail .station_name p {
		float: none;
		margin-bottom: 10px;
	}
	#contents .section .section .service_station .annotation_area {
		padding: 0;
	}
	.service_station .area_detail {
		width: 100%;
		margin-left: 0;
	}
	.service_station .area_detail .station_name {
		width: 100%;
	}
	.map {
		margin-right: 30px;
		float: none;
	}
	.service_station .area_detail dl{
		margin:0;
	}
}


/*=========================================
			tel.html
===========================================*/
img.w100 {
	max-width: 100%;
}



.font24{
	font-size: 24px;
	font-weight: 700;
	line-height: 1.4;
	margin: 0;
}
.font24 img{
	margin-bottom: 10px;
}
.font18{
	font-size: 18px;
	font-weight: 700;
	line-height: 1.4;
}
.mt05 {margin-top:5px;}

.onlypc{display:block!important;}
.onlymobile{display:none!important;}

@media (max-width: 640px) {
	.font24 {
		font-size: 18px;}
	.font24 img {
		margin-bottom: 0;
		margin-top:10px;}
	.font18 {font-size: 24px;}
	.onlypc{display:none!important;}
	.onlymobile{display:block!important;}
    
}
/*=========================================
		repair_price_online.html
===========================================*/
div#contents .procedureList{
		margin: 10px auto 20px 15px;
		padding: 0;
}
	div#contents .procedureList li{
		  margin: 0 auto 5px;
		  list-style: none;
		  padding-bottom: 0.3em;
		  background-image: url(../../../images/repair/dot.gif);
		  padding-left: 15px;
		  background-repeat: no-repeat;
		  background-position: left 0.5em;
	}
div#contents .numList{
		margin: 10px auto 20px 15px;
		padding: 0;
}
	div#contents .numList li{
		margin: 0 auto 5px;
		list-style: none;
	}
		div#contents .numList li .num{
			display: inline-block;
			vertical-align: top;
			width: 15px;
		}
		div#contents .numList li .body{
			display: inline-block;
			vertical-align: top;
			width: 710px;
		}
.flexibleImage{
}
	.flexibleImage img{
		width: auto;
		max-width: 100%;
		height: auto;
		vertical-align: bottom;
	}


@media(max-width: 640px){
	div#contents .procedureList{
			padding: 0!important;
	}
	div#contents .procedureList{
			margin: 10px auto 20px 5px;
			padding: 0;
	}
		div#contents .procedureList li{
			  margin: 0 auto 5px;
			  list-style: none;
			  padding-bottom: 0.3em;
			  background-image: url(../../../images/repair/dot.gif);
			  padding-left: 15px;
			  background-repeat: no-repeat;
			  background-position: left 0.5em;
		}
	div#contents .numList{
			margin: 10px auto 20px 5px;
			padding: 0;
	}
		div#contents .numList li{
			display: table;
			margin: 0 0 5px;
			list-style: none;
		}
			div#contents .numList li .num{
				display: table-cell;
				vertical-align: top;
				width: 15px;
			}
			div#contents .numList li .body{
				display: table-cell;
				vertical-align: top;
				width: auto;
			}
	.flexibleImage{
	}
		.flexibleImage img{
			width: 100%;
			height: auto;
			vertical-align: bottom;
		}
}

.main-form{
	margin: 40px auto 0;
	padding: 15px 18px 0;
	background: #F6F6F6;
	border: 1px solid #E7E7E7;
}
	.main-form h3,
	.main-form h4{
		font-size: 108%;
		font-weight: bold;
		border-bottom: 1px solid #d4d4d4;
		padding-bottom: 3px;
		padding-left: 10px;
	}

#stepOne-inner,
#stepTwo-inner,
#stepThree-inner {
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
}
#stepThree-inner {
	padding-bottom: 15px;
}


/* STEP 1 selects
  -------------------------------------------- */
#productType {
	display: block;
	margin-bottom: 10px;
	padding:2px;
	outline: none;
	border: 1px solid #A9A9A9;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
#stepOne-inner .sbHolder{
	max-width: 225px;
	z-index: 1;
}
	#stepOne-inner .sbSelector{
		max-width: 195px;
	}

@media(max-width:640px){
	#stepOne-inner{
		padding:10px 10px 20px;
		margin:0;
	}
		#stepOne-inner .sbHolder{
			max-width: none;
			z-index: 4;
		}
			#stepOne-inner .sbSelector{
				max-width: none;
			}
	#productType{
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 100%;
		padding: 10px 20px 10px 10px;
		background-image: url(../images/select_arrow.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 20px auto;
		box-sizing: border-box;
	}
}



/* STEP 2 select
  -------------------------------------------- */

#conditionType {
	display: block;
	padding:2px;
	border: 1px solid #A9A9A9;
	outline: none;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
	#stepTwo-inner ul.notesList li span.body {
	  width: 645px;
	}
	#stepTwo-inner .minict_wrapper{
		max-width: 300px;
	}
	#stepTwo-inner .sbHolder{
		max-width: 300px;
	}
		#stepTwo-inner .sbSelector{
			max-width: 270px;
		}
	#stepTwo-inner .annotation{
		margin: 0 auto!important;
	}
@media(max-width:640px){
	#stepTwo-inner{
		padding:10px 10px 20px;
		margin:0;
	}
		#stepTwo-inner .sbHolder{
			max-width: none;
		}
			#stepTwo-inner .sbSelector{
				max-width: none;
			}
}

/* 特典コード入力エリア ( 3step )
  -------------------------------------------- */
#privilegesCode-wrap{
	width: 250px;
}
	#privilegesCode-wrap #privilegesCode{
		display: block;
		width: 244px;
		padding:2px;
		border: 1px solid #A9A9A9;
		outline: none;
		ime-mode: disabled;
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	}
	#privilegesCode-wrap .notes{
		display: block;
		margin: 0;
		text-align: right;
	}

#agreements{
	margin: 20px auto 0;
	text-align: center;
}
	#agreements-inner{
		display: inline-block;
		text-align: left;
	}
	#agreements ul.txtlink{
		margin: 0 auto;
	}
		#agreements ul.txtlink li{
			margin: 0;
		}
#submit{
	margin: 20px auto 0;
	text-align: center;
}
	#submit button{
		display: inline-block;
		width: 300px;
		padding: 15px 30px;
		border: none;
		outline: none;
		background: #D8D8D8;
		cursor: pointer;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	}
		#submit button:hover{
			background: #A5A5A5;
			transition: all 250ms;
		}
		#submit button span{
			display: block;
		}
	#submit .notes{
		display: block;
		margin: 5px auto 0;
	}

#errorMsg{
}
	#errorMsg p{
		margin: 0 auto;
		padding: 20px 10px 10px;
		text-align: center;
	}

@media(max-width: 640px){
	#stepThree-inner{
		padding: 10px 10px 20px;
	}
	#submit{
		margin: 20px auto 0;
	}
		#submit button{
			width: 100%;
			padding: 0;
			background: none;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
		}
		#submit button span{
			display: block;
			padding: 15px 30px;
			background: #D8D8D8;
		}
		#submit button:hover{
			background: none;
			transition: none;
		}
		#submit button:hover span{
			background: #A5A5A5;
			transition: all 250ms;
		}
	#conditionType {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		width: 100%;
		padding: 10px 20px 10px 10px;
		background-image: url(../images/select_arrow.png);
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 20px auto;
		box-sizing: border-box;
	}
	#privilegesCode-wrap{
		width: auto;
	}
		#privilegesCode-wrap #privilegesCode{
			display: block;
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
			width: 100%;
			margin: 0 auto 5px;
			padding: 5px 10px;
			border-radius: 0;
			box-sizing: border-box;
		}
}

/*=========================================
			MQ対応
===========================================*/

@media (max-width: 640px) {
/*--- h見出しタグ ---*/
	#contents{
		padding: 0;
	}
	.mod-content #contents h2.title {
		font-size: 1.2rem;
		margin-top:15px;
	}
	.mod-content #contents h1.title {
		text-align:center;

	}
/*--- ナビゲーションボタン ---*/
	.repair_agreement_btn {
		margin-left: auto;
		margin-right: auto;
		width: 180px;
	}
	#contents section .nav_area .nav_btn .nav_btn_inner p {
		margin: 5px 0 0;
	}
	.mod-content #contents section ul{
		background: none;
	}

	#contents section.inner .nav_area .nav_btn .nav_btn_inner a ul.txtlink li.internet {
		margin: 0 10px 0 0;
	}

	#contents .nav_area .mod-linkButton .threeLine.h20 {
		height: 20px;
	}

	/*SE用*/
	@media (max-width: 374px) {
		.mod-content #contents .nav_area ul li{
			width:45%;
		}
		.nav_area a{
			margin:0;
		}
		#contents div.contents_area ul li {
		height: auto!important;
		}
	}
}

/* 20210705 */

#contents .annotationArea{
	margin: 3em 0;
}

#contents .annotationArea ul.annotation{
	margin-left: 0;
    list-style: none;
    padding: 0 0 0 1em;
    line-height: 1.4;
    margin: 0;
    color: #757474;
	font-size: 95%;
}

/* 20221207 */

#contents .accent {
	margin-top: 35px;
	margin-bottom: 35px;
	padding: 1em 1.5em;
	border: 1px solid #ee0000;
	color: #ee0000;
	font-size: 123%;
}

@media (max-width: 640px){
	#contents .accent {
		padding: 10px;
		font-size: 108%;
	}
}