@charset "UTF-8";

/*--お客様サポートトップタブ&その他商品のサポート情報タブCSS--*/

.tabStyle05 .txt_noarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ffffff;
  width: 100%;
  border-right: none;
  /* margin: 11px 0 0 0; */
}

.sp_txt_nosign {
  align-items: center;
  background: #ffffff;
  width: 100%;
  padding-right: 5.33vw !important;
  padding-left: 5.33vw !important;
  text-align: right;
  line-height: 2.5;
}

.sp_txt_nosign .small {
  border-bottom: solid #fafafa 1px;
}

.tabStyle05 .ts05-ttl.no_border {
  border: none !important;
}


/*--お客様サポートトップメイン画像--*/

.bgSupport1 {
  background: url(/ja/support/img/suppot_top_main_sp.png) no-repeat center center;
  background-size: cover;
}

/*--検索エリア--*/

.support_layout1 .searchForm-history dl dd a {
  background: #000000;
  color: #fff;
}

.support_layout1 .searchForm-input input[type="text"] {
  font-size: 10px;
}

@media only screen and (min-width: 375px) {
  #contents .support_layout1 .searchForm-input input[type="text"] {
    font-size: 13px;
    padding-right: 40px;
  }
}

@media only screen and (min-width: 414px) {
  #contents .support_layout1 .searchForm-input input[type="text"] {
    font-size: 14px;
    padding-right: 40px;
  }
}

#container .searchFromFlex.support_layout1 {
    justify-content: center;
}

.formWrap input#manualSearchTxt5_pec {
  width: 90%;
  padding-right: 10px !important;
}

.formWrap input#submitButton5_pec {
  cursor: auto;
  vertical-align: top;
  box-sizing: border-box;
  position: absolute;
  text-indent: 200%;
  overflow: hidden;
  white-space: nowrap;
  width: 40px;
  height: 40px;
  top: 0;
  right: 15px;
}


/*--ソフトウェアダウンロード&その他の関連情報--*/

.support_linkstyle01 ul.linkList01 .ll01-list {
  margin: 0;
}

.support_linkstyle01 ul.linkList01 .ll01-list a {
  padding-right: 20px;
  word-break: break-all;
}

/*カタログ*/

.catalog_linkbtn1 {
  border: 1px solid #cccccc;
  padding: 10px 5px;
}

.catalog_title {
  width: 100%;
  height: 57px;
  margin-bottom: 10px;
  line-height: 1.4;
  font-size: 14px;
  font-weight: 500;
}

.catalog_linkbtn2 .linkStyle01_black {
  width: 100%;
}

/*機種別サポート*/

.category img {
  width: 65%;
  height: auto;
}

.all_red01 a {
  color: #b91440;
}

.all_red01 .window.linkStyle02_black:after,
.all_red01 .window.linkStyle02_white:after,
.all_red01 .window.linkStyle03:after,
.all_red01 .window.linkStyle03_black:after,
.all_red01 .window.linkStyle03_white:after {
  width: 15px;
  height: 13px;
  background: url(https://assets.jpn.pioneer/ja/assets/img/icon_window_r.svg) no-repeat;
  background-size: 15px;
  right: 0;
}

.window.linkStyle02_black:after,
.window.linkStyle02_white:after,
.window.linkStyle03:after,
.window.linkStyle03_black:after,
.window.linkStyle03_white:after {
  width: 15px;
  height: 13px;
  background: url(https://assets.jpn.pioneer/ja/assets/img/icon_window_sp.svg) no-repeat;
  background-size: 15px;
  right: 0;
}

.support_list1 .ancStyle01 li {
  width: 100%;
}

#container .repair_style1 .s-blockStyle01 {
  min-width: 122px;
  background-color: #b91440;
}

.support_table1 dl {
  width: 100%;
}

.support_table1 dt {
  float: none;
  width: 100%;
  font-size: 14px;
  color: #000000;
  text-align: left;
}

.support_table1 dd {
  float: none;
  width: 100%;
  font-size: 14px;
  color: #b91440;
  text-align: right;
  padding-bottom: 5px;
}

.s_rtxt {
  font-size: 16px;
  padding-top: 0;
  color: #b91440;
}

.repair_style1 .repairStep_text {
  font-size: 14px;
  color: #000000;
}

#container .s-txtStyle01 a {
  width: 90%;
}

.small_box {
  padding: 20px 0 20px;
}

.boxStyle11 .linkHoverStyle03 {
  text-align: left;
}

.tabStyle04 .ts04-contents {
  border-bottom: solid 10px #e5e5e5;
}


/*カテゴリ*/

a.bgGray02.block.linkHoverStyle01.linkHoverStyle03.h100 {
  background-color: white !important;
}

a.bgGray02.block.linkHoverStyle01.linkHoverStyle03.h100 > div:not(.plP15):not(.all_category) {
  width: 100%;
  height: 100px;
  line-height: 100px;
  padding-top: 5px;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 8px;
  overflow: hidden;
  position: relative;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

a.bgGray02.block.linkHoverStyle01.linkHoverStyle03.h100:not(.all_category) img {
  max-width: 100% !important;
  width: auto !important;
  vertical-align: middle;
  text-align: center;
  max-height: 100px;
  height: auto;
}

a.bgGray02.block.linkHoverStyle01.linkHoverStyle03.h100 .all_category {
  display: block;
  width: 100%;
  height: auto;
  vertical-align: middle;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 8px;
  overflow: hidden;
  text-align: center;
  padding-top: 5px;
}

a.bgGray02.block.linkHoverStyle01.linkHoverStyle03.h100 .all_category img {
  vertical-align: middle !important;
  text-align: center !important;
  display: block !important;
  float: left !important;
  margin: 0 1px 2px 1px !important;
  padding: 0px !important;
  width: auto !important;
  height: auto !important;
  overflow: hidden !important;
  line-height: 49px !important;
  max-width: 48% !important;
  max-height: 48% !important;
}

.all_category img::after {
  clear: both;
  content: "";
  display: table;
}

.flexP4.flexWrap li.mbP40.ptS10.pbS10.prS10.plS10:nth-child(odd) {
  border-left: none;
}

.flexP4.flexWrap li.mbP40.ptS10.pbS10.prS10.plS10 {
  border-left: 1px solid #cccccc;
}

#contents .tabStyle03 .ts03-box {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#contents .ts03-ttl {
  padding-right: 5.33vw !important;
  padding-left: 5.33vw !important;
}

#contents .tabStyle05 .ts05-ttl.spflex .ts05-txt {
  padding-left: 0;
}


/*商品に関する重要なお知らせ & お知らせ & 更新情報*/

#contents .layoutStyle02 .ls02-box .ctg,
.ls02-wrapper .linkHoverStyle03 .ctg {
  float: right !important;
}

#contents .layoutStyle02 .ls02-box .ctg::after {
  clear: both;
  content: "";
  display: table;
}

.info_style1 .tab-viewArea.p0 {
  padding: 0;
}

.info_style1 .flexP .toggleBtn01 .more,
.info_style1 .flexP .toggleBtn01_white .more,
.info_style1 .flexP .toggleBtn01_black .more {
  line-height: 4;
}

.info_style1 .flexP .toggleBtn01_white .close,
.info_style1 .flexP .toggleBtn01_black .close {
  display: none;
}

.info_style1 .toggleBtn01_black.linkHoverStyle02.js-toggleBtn.js-toggleBtnMore.small.fszSP06.spOnlyIn.spOn {
  display: none !important;
  background-image: none;
  background-size: 0;
  min-height: 0;
  padding-right: 0;
}

.layoutStyle02 .boxStyle11 .ls02-wrapper .linkHoverStyle03 .txt.linkBoxStyle01.small {
  text-align: left;
}

.lh2 {
  line-height: 2;
}



/*お知らせリンク*/
@media only screen and (max-width: 896px) {
	.info_02 .linkStyle02{
	font-size: 14px !important;
	color: #b91440 !important;
	position: relative;
	/* top: -20px; */
	}
}
.info_02 .linkStyle02:after{
		background: url(https://assets.jpn.pioneer/ja/assets/img/icon_arrow01_r.svg) no-repeat !important;
		bottom:4px !important;
		background-size: 7px !important;
}
.info_02 .linkStyle02:hover{
	text-decoration: none !important;
}