@charset "UTF-8";
/*=======================================================*/
/*.oldContentを追加しないで、旧assetsのincludeファイルの読み込みを
新assets（assets.jpn.pioneer/ja/assets/）に変更して応急簡易移植したページの
調整用CSS*/
/*=======================================================*/


/*body{
	overflow-y:scroll !important;
}*/

body #container_pec > div {
line-height: normal;

}


@media screen and (min-width: 897px){
#container_pec{
padding-top: 20px !important;
}
#container_pec * {
    -webkit-box-sizing: content-box; 
    box-sizing: content-box; 
}	
#container_pec .f-tabArea li{/*20231128 tn*/
    -webkit-box-sizing: border-box; 
    box-sizing: border-box; 
}
.contents_pec{
overflow: hidden;
}

.slide_left_pec{
z-index: 999 !important;
}



a {
 outline: none !important;
  -webkit-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  text-decoration: none;
 /* color: inherit;*/
  color: initial;
}

}

body #container_pec,
body table{
	font:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif !important;
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif !important;
}


body table,
body table tr, 
body table th, 
body table td {
	font:  "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif !important;
    box-sizing: border-box !important;
    /*padding: 3px !important;*/
}

.h-glnavlist a{
color: #333;
}

.h-glnavlist a:hover,
.h-lnav a:hover{
text-decoration: none !important;
}

@media screen and (max-width: 896px){
.h-lnav dl.n-dlStyle01,
.f-navlist  dl{
    margin: 0 0 0 0;
}

.h-lnav.headerStyle01 a,
.h-lnav.headerStyle03 a,
.h-lnav.headerStyle04 a,
.f-wrapper a{
color: #fff !important;
}

}

@media screen and (min-width: 897px){

.h-lnav.headerStyle01 a,
.h-lnav.headerStyle03 a,
.h-lnav.headerStyle04 a,
.f-wrapper a{
color: #fff !important;
}

}

/*=======================================================*/
/*underContents_pec内の更新情報の調整　start*/
/*=======================================================*/
#underContents_pec #update_pec {
width: 984px;
margin: 0 auto 30px;
}

/*=======================================================*/
/*ヘッダー　検索窓の調整　start*/
/*=======================================================*/
@media screen and (min-width: 897px){
.h-searchTrigger input {
    background: #f5f5f5;
    height: 30px;
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 35px 0 10px;
    /*border-radius: 20px !important;*/
    border: 1px #d2d2d2 solid;
}
.h-searchTrigger button {
    background: url(/ja/assets/img/icon_search.png) no-repeat right;
    height: 17px;
    width: 18px;
    position: absolute;
    right: 11px;
    top: 5px;
    -webkit-transition: all .2s;
    transition: all .2s;
}
}

@media screen and (max-width: 896px){
.h-searchTrigger input {
	background: #f5f5f5;
	height: 30px;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 40px 0 12px;/*20191016 oto*/
	/*border-radius: 20px;*/
	border: 1px #d2d2d2 solid;
}
 .h-search button {
  background: url("/ja/assets/img/icon_search.png") no-repeat right center;
  height: 18px;
  width: 18px;
  position: absolute;
  right: 25px;
  top: 12px;
}
}


/*=======================================================*/
/*レフトメニュー　検索窓の調整　start*/
/*=======================================================*/
form * {
    box-sizing: content-box;
}

.layer4left_pec .leftSearch_pec input#submitButton_pec{
padding: 0;
}
.layer4left_pec .leftSearch_pec input#leftSearchTxt_pec {
background: #fff;
}

/*=======================================================*/
/*レフトメニュー　検索窓の調整　end*/
/*=======================================================*/

/*=======================================================*/
/*現状のパンくずの配置上、f-wrapperでパンくずとフッターを
inculudeでくくれない為の調整　start*/
/*=======================================================*/

body #container_pec .f-wrapper{
font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, sans-serif; !important;
}



@media screen and (min-width: 897px){

.breadArea_pec {
margin: 0 auto 25px !important;
font-size: 12px;
}
#underContents_pec {
    background: /*#f2f2f2*/#fff !important;
/*    padding: 0 0 5px 0;
    min-width: 996px;
    max-width: 100% !important;
    margin: 0 auto;*/
	padding: 0 0 0 0 !important;
    min-width: 100% !important;
    max-width: 100% !important;
	width: 100% !important;
    margin: 0 auto;
}
.miniSiteMap_pec,
#underContentsInner_pec {
	padding: 0 0 0 0!important;
    min-width: 100% !important;
    max-width: 100% !important;
	width: 100% !important;
	    margin: 0 auto;
}

}
/*=======================================================*/
/*現状のパンくずの配置上、f-wrapperでパンくずとフッターを
inculudeでくくれない為の調整　end*/
/*=======================================================*/

menu,
ol,
ul {
    padding: 0 0 0 0;
}


ol li{
    list-style: decimal;
	padding: 0;
}


#container {
    min-height: auto;
}


/*=======================================================*/
/*カロッツェリア　旧コンテンツのレフトメニュー調整　end*/
/*=======================================================*/
#sub_nav * {
    box-sizing: content-box;
}

.local_nav * {
    box-sizing: content-box;
}


/*=======================================================*/
/*カロッツェリア　チェックボックス　表示調整　end*/
/*=======================================================*/
/*input, textarea, button {
  /*outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  background: none;
  -webkit-appearance: none;
}*/

input[type="checkbox"]{
appearance:checkbox;
-webkit-appearance: checkbox;
}


/*=======================================================*/
/*　ローカルナビ表示調整　end*/
/*=======================================================*/
@media screen and (min-width: 897px){
  .h-lnavlist > li > span, .h-lnavlist > li > a {
      /*position: relative;
      cursor: pointer;
      font-weight: 500;
      display: block;
      line-height: 1.3;
      font-size: 12px;
      padding-right: 16px;
      line-height: 1.3;*/
      white-space: nowrap;
  }
}