/* Application Note Table CSS */
#tableData, #tableData-sticky {
	clear:both;
	color:#515151;
	font-size:11px;
	font-weight:normal;
	border:1px solid #b5d1f1;
	border-width:1px 1px 0 0;
}
.ja #tableData-sticky #datahead.thead-row .first-row-head th.PS_SpiceCircuitLink
.ja #tableData #datahead.thead-row .first-row-head th.PS_SpiceCircuitLink {
  font-size: 10px !important;
}
#tableData-sticky td, #tableData-sticky th,
#tableData td, #tableData th, .fixMyHeader .first-row-head th,.tablesorter-sticky-wrapper.tablesorter-sticky-visible .tablesorter-headerRow th {
	padding-top:4px;
	padding-left:6px;
	padding-right:1px;
	padding-bottom:4px;
	border:1px solid #b5d1f1;
	border-width:1px 1px 1px 1px;
}
#tableData td.DocumentName div{word-break:break-word;}
#tableData td.lastupdated div{width:78px;}
.AppNoteList #tableData td:last-child, .AppNoteList #tableData th:last-child, .AppNoteList #tableData-sticky th:last-child, .AppNoteList .fixMyHeader .first-row-head th:last-child,
.AppNoteList .tablesorter-sticky-wrapper.tablesorter-sticky-visible .tablesorter-headerRow th:last-child{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.AppNoteList #tableData td:last-child{text-indent: 6px;}
#tableData th,#tableData-sticky th{
	font-weight: bold;
}
.en_US #tableData th,.en_US #tableData-sticky th,.de_DE #tableData th,.de_DE #tableData-sticky th{font-family: 'IBM Plex SansSemiBold';}
.ko_KR #tableData th,#tableData-sticky th{font-family:"Malgun Gothic",NanumGothic, Verdana,Roboto,"Yoon Gothic",Gulim,Batang,Dotum,Arial,"sans-serif";}
.zh_TW #tableData th,#tableData-sticky th{font-family: Arial,"微軟正黑體","Helvetica Neue",Helvetica,sans-serif,"新細明體";}
.zh_CN #tableData th,#tableData-sticky th{font-family: "SF Pro SC","SF Pro Text", "SF Pro Icons", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei UI", "Microsoft YaHei", Helvetica Neue, Arial, simsun,sans-serif;}
.ie .AppNoteList #tableData-sticky th,.firefox .AppNoteList #tableData-sticky th,
.ie .AppNoteList #tableData th,.firefox .AppNoteList #tableData th{font-weight: normal;font-size:10px;}
#tableData tr.data td {
	padding:2px;
}
#tableData .DocumentName input[type="text"],
#tableData .title input[type="text"],
#tableData-sticky .DocumentName input[type="text"],
#tableData-sticky .title input[type="text"] {
	width:84%;
	background-color:#fff;
	text-align:left;
	border:1px solid #ccc;
	color:#333;
	height:27px;
	background:0;
	padding:3px 0 2px 4px;
}
.productPresentation #tableData .DocumentName input[type="text"], .productPresentation #tableData .title input[type="text"],
.AppNoteList #tableData .DocumentName input[type="text"], .AppNoteList #tableData .title input[type="text"],
.AppNoteList #tableData-sticky .DocumentName input[type="text"], .AppNoteList #tableData-sticky .title input[type="text"],
.AppNoteList .hasStickyHeaders #datahead .tablesorter-headerRow .tablesorter-header-inner input[type="text"]{width: 93%;}
.productPresentation .resetBtn,.AppNoteList .resetBtn,
.AppNoteList .hasStickyHeaders #datahead .tablesorter-headerRow .tablesorter-header-inner .resetBtn{border: 1px solid #a6a6a6;color:#000;margin-bottom:5px;margin-left: 5px;background-color: #f2f2f2!important;text-shadow: 0 0 0 transparent;height: 26px !important;float: right;margin-right: 13px;text-transform: uppercase;}
#tableData .DocumentName input[type="button"],
#tableData .title input[type="button"],
#tableData-sticky .DocumentName input[type="button"],
#tableData-sticky .title input[type="button"] {
	height: 28px;
	width: 34px;
	border-radius: 0px;
}
#tableData .DocumentName input[type="button"].btnPS, #tableData .DocumentName input.btnPS,
#tableData .DocumentName input[type="button"]:focus, #tableData .DocumentName input.btnPS:focus,
#tableData .DocumentName input[type="button"]:hover, #tableData .DocumentName input.btnPS:hover,
#tableData .DocumentName input[type="button"]:active, #tableData .DocumentName input.btnPS:active,
#tableData .title input[type="button"].btnPS, #tableData .title input.btnPS,
#tableData .title input[type="button"]:focus, #tableData .title input.btnPS:focus,
#tableData .title input[type="button"]:hover, #tableData .title input.btnPS:hover,
#tableData .title input[type="button"]:active, #tableData .title input.btnPS:active,
#tableData-sticky .DocumentName input[type="button"].btnPS, #tableData .DocumentName input.btnPS,
#tableData-sticky .DocumentName input[type="button"]:focus, #tableData .DocumentName input.btnPS:focus,
#tableData-sticky .DocumentName input[type="button"]:hover, #tableData .DocumentName input.btnPS:hover,
#tableData-sticky .DocumentName input[type="button"]:active, #tableData .DocumentName input.btnPS:active,
#tableData-sticky .title input[type="button"].btnPS, #tableData .title input.btnPS,
#tableData-sticky .title input[type="button"]:focus, #tableData .title input.btnPS:focus,
#tableData-sticky .title input[type="button"]:hover, #tableData .title input.btnPS:hover,
#tableData-sticky .title input[type="button"]:active, #tableData .title input.btnPS:active{
	width: 32px !important;
	height: 27px;
	float: right !important;
	font-size:0px !important;
	color:#fff !important;
	background-image: url(../images/rohm-theme/sprite.png);
	background-position: -47px -699px;
	background-repeat: no-repeat;
	background-color:transparent !important;
	border: 0px none !important;
	border-radius: 0px none;
	display: inline-block;
	text-indent: -999px;
	overflow: hidden;
}

.productPresentation #tableData .DocumentName input[type="button"], 
.productPresentation #tableData .title input[type="button"],
.AppNoteList #tableData .DocumentName input[type="button"], 
.AppNoteList #tableData .title input[type="button"],
.AppNoteList #tableData-sticky .DocumentName input[type="button"], 
.AppNoteList #tableData-sticky .title input[type="button"],
.AppNoteList .hasStickyHeaders #datahead .tablesorter-headerRow .tablesorter-header-inner .resetBtn{width:70px; background-image:none;font-size: 10px !important;}

.productPresentation #tableData .DocumentName input[type="button"]:hover, 
.productPresentation #tableData .title input[type="button"]:hover,
.productPresentation #tableData .DocumentName input[type="button"]:focus, 
.productPresentation #tableData .DocumentName input[type="button"]:hover, 
.productPresentation #tableData .DocumentName input[type="button"]:active, 
.productPresentation #tableData .title input[type="button"]:focus, 
.productPresentation #tableData .title input[type="button"]:hover, 
.productPresentation #tableData .title input[type="button"]:active,
.AppNoteList #tableData .DocumentName input[type="button"]:hover, 
.AppNoteList #tableData .title input[type="button"]:hover,
.AppNoteList #tableData .DocumentName input[type="button"]:focus, 
.AppNoteList #tableData .DocumentName input[type="button"]:hover, 
.AppNoteList #tableData .DocumentName input[type="button"]:active, 
.AppNoteList #tableData .title input[type="button"]:focus, 
.AppNoteList #tableData .title input[type="button"]:hover, 
.AppNoteList #tableData .title input[type="button"]:active,
.AppNoteList #tableData-sticky .DocumentName input[type="button"]:hover, 
.AppNoteList #tableData-sticky .title input[type="button"]:hover,
.AppNoteList #tableData-sticky .DocumentName input[type="button"]:focus, 
.AppNoteList #tableData-sticky .DocumentName input[type="button"]:hover, 
.AppNoteList #tableData-sticky .DocumentName input[type="button"]:active, 
.AppNoteList #tableData-sticky .title input[type="button"]:focus, 
.AppNoteList #tableData-sticky .title input[type="button"]:hover, 
.AppNoteList #tableData-sticky .title input[type="button"]:active{float:right !important; width: 70px !important;font-size: 10px !important;background-color: #f2f2f2!important;text-indent: 0px;border: 1px solid #a6a6a6!important;color:#000!important;height: 26px !important;}
.allreset {width: auto; margin-top: 2px;display: inline-block;}
.allreset button{background: #888888!important; color: white!important; text-shadow: none!important;border-radius: 20px !important; padding: 5px 10px!important; width: auto!important; line-height: 17px!important; font-size: 12px!important; height: auto!important;outline:0 none !important;}
#tableData td input[type="checkbox"],#tableData-sticky td input[type="checkbox"] {
	vertical-align:middle;
	padding-right:4px;
	margin-right:4px;
	background:transparent!important;
}
#tableData tr.filterRow th,#tableData-sticky tr.filterRow th {
	white-space:nowrap;
	vertical-align:top;
	height:50px;
}
#tableData #datahead.thead-row .first-row-head th.PS_SpiceCircuitLink div,#tableData-sticky  #datahead.thead-row .first-row-head th.PS_SpiceCircuitLink div{width:70px !important;}
.hilight:hover {
	background-color:#DEF;
}
.jquery-colorBG {
	background-color:#fff;
}
#slider-vertical, #slider-vertical-current, #slider-vertical-power {
	height:100px;
	margin:0 auto;
}
.AppNoteList .appnotesearch{width:100%; margin:0 auto;}
.AppNoteList #tableData .DocumentName .appnotesearch input[type="text"]{
	border: 1px solid #ccc !important;
	color: #333;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 5px;
	width: 78%;
	float: left;
}
.AppNoteList #tableData .DocumentName .appnotesearch input[type="button"],
.AppNoteList #tableData .DocumentName .appnotesearch input[type="button"]:hover,
.AppNoteList #tableData .DocumentName .appnotesearch #resetButton:hover{
	width: 80px !important;
	margin-top: 5px!important;
	background-image: none;
	font-size: 10px !important;
	float: left !important;
	margin-right: 5px!important;
}
.AppNoteList #tableData input[type="text"],
.AppNoteList #tableData .DocumentName .appnotesearch input[type="text"],
.AppNoteList #tableData .DocumentName .appnotesearch input[type="button"],
.AppNoteList #tableData .DocumentName .appnotesearch input[type="button"]:hover{height:30px !important;}
.AppNoteList #tableData input[type="text"]{
	margin-bottom: 5px;
	margin-top: 5px;
	border:0 none;
	width: 90% !important;
	box-shadow: inset 0 0px 0px transparent;
	text-align:center;
	background-image: url(/o/rohm-static-theme/images/rohm-theme/black-down-arrow.png);
	background-repeat: no-repeat;
	background-position: 100% 10px;
	padding-right: 24px;
	cursor: pointer;
	color: transparent;
	text-shadow: 0px 0px 0px #000;
	-webkit-text-fill-color: transparent;
}
.AppNoteList #tableData input[type="text"]::-webkit-input-placeholder{
	text-shadow: none;
	-webkit-text-fill-color: initial;
}
.AppNoteList #tableData .DocumentName .appnotesearch input[type="text"]{
	width: 72% !important;
	text-align:left;
	background-image: none;
	padding-right: 4px;
	cursor: text;
}
/*.AppNoteList #tableData .filtericon{ 
	margin-left: 5px;
	margin-top: 5px;
	padding-top: 4px;
	float: left;
	background-image: url(/o/rohm-static-theme/images/rohm-theme/filtericon.png);
	background-repeat: no-repeat !important;
	background-position: 0 6px;
	height: 30px;
	width: 16px;
	background-size: 18px !important;
}*/
.checkBoxDivScroll{
	height:320px;
	overflow-x:hidden;
	overflow-y:auto;
	padding-right:20px;
	margin-top:3px;
}
.ie7 .checkBoxDivScroll {
	float:left;
}
.checkbox-container {
	text-align:left;
	white-space:nowrap;
}
.AppNoteList .checkbox-container{white-space:normal;}
.AppNoteList .checkbox-container label{margin-bottom:0;}
.rohm-LR7 .AppNoteList .category .checkBoxDivScroll li.pad0 ul {margin-left: 20px;}
.rohm-LR7 .AppNoteList .category .checkBoxDivScroll ul{list-style: none;margin: 0 0 0 6px;padding: 0 0 0 0px;width: 100%;}
.rohm-LR7 .AppNoteList .category .checkBoxDivScroll ul li.pad0 ul ul{margin: 0 0 0 6px;}
.rohm-LR7 .AppNoteList .category .checkBoxDivScroll ul:first-child {margin-left: 0;}
.rohm-LR7 .AppNoteList .category .checkBoxDivScroll ul li {margin: 3px 0 6px; padding: 0 0 0 8px;}
.rohm-LR7 .AppNoteList .category .checkBoxDivScroll ul li.pad0 {padding: 0;}
.rohm-LR7 .AppNoteList .category .checkBoxDivScroll .catplus {background-image: url(/o/rohm-static-theme/images/plusico.gif);}
.rohm-LR7 .AppNoteList .category .checkBoxDivScroll .catminus {background-image: url(/o/rohm-static-theme/images/dashico.gif);}
.rohm-LR7 .AppNoteList .category .checkBoxDivScroll .catplus,
.rohm-LR7 .AppNoteList .category .checkBoxDivScroll .catminus {background-repeat: no-repeat;background-position: 0px 4px;
height: 14px;margin-right: 2px;display: inline-block;width:100%;}
#tableData .filter-row th {
	vertical-align:middle;
	padding-bottom:0px;
	padding-top:0px;
}
.tableHeader>li {
	float:left;
	list-style-type:none;
	padding:2px 4px;
	color:#FFF !important;
}
.ie6 .tableHeader li#browse-other-product,.ie6 .tableHeader li#send-mail,.ie6 .tableHeader li#download,.ie6 .tableHeader li#saveSettings,.ie6 .tableHeader li#searchFilter{
	float:left;
}
#tableHeader li a img,#tableHeader-sticky li a img {
	vertical-align:bottom;
	position:absolute;
	margin-left:-22px;
}
#tableHeader li a,#tableHeader-sticky li a {
	text-decoration:none;
	color:#515151;
	padding-left:20px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
#tableHeader,#tableHeader-sticky {
	width:auto;
	float:left;
	padding-top:4px;
	padding-bottom:4px;
	border:1px solid #b5d1f1;
	border-width:1px 1px 0 1px;
	-webkit-border-top-right-radius:12px;
	-moz-border-radius-topleft:0;
	-moz-border-radius-topright:12px;
	-moz-border-radius-bottomright:0;
	-moz-border-radius-bottomleft:px;
	border-radius:0 12px 0 px;
}
#wrapper.fr #tableHeader,#wrapper.fr #tableHeader-sticky{ width:830px !important;}
#tableHeader ul.tableHeader {
	margin:0;
}
#tableData td input[type="checkbox"],#tableData-sticky td input[type="checkbox"] {
	vertical-align:middle;
	padding-right:4px;
	margin-right:4px;
	border:0 solid #b5d1f1;
}
#tableData #contains_1, #tableData #contains_2,#tableData-sticky #contains_1, #tableData-sticky #contains_2 {
	width:80%;
	margin-top:6px;
}
#tableData .text-value-container,#tableData-sticky .text-value-container {
	width:80%;
}

#tableData .sorting-container-row,#tableData-sticky .sorting-container-row {
	text-align:center;
}
#tableData .sorting-container-row th,#tableData-sticky .sorting-container-row th {
	padding:2px;
}
#CompareDiff.inactive {
	background:#ccc;
	color:#333;
}
#tableData .filter-row th.totalPartsStyle,#tableData-sticky .filter-row th.totalPartsStyle {
	vertical-align:middle;
}
#tableData .filter-row th img.compareSign, #tableData-sticky .filter-row th img.compareSign{
	vertical-align:middle;
}
#tableData .filter-row th.maxalign,#tableData-sticky .filter-row th.maxalign {
	vertical-align:top;
}
.ui-slider-vertical .top, .ui-slider-vertical .bottom {
	position:absolute;
	font-weight:normal;
	color:#353535;
	font-size:10px;
}
.ui-slider-vertical .top {
	right:-40px;
	top:0;
}
.ui-slider-vertical .bottom {
	right:-40px;
	bottom:0;
}
.value-label {
	height:0px;
	position:absolute;
	right:0;
	top:0;
	padding-bottom:5px;
	padding-top:5px;
}
.value-label .top, .value-label .bottom {
	position:relative;
	font-weight:bold;
	font-size:10px;
	height:58px;
}
.value-label .top {
	height:15px;
	margin-top:26px;
}
.value-label .bottom {
	bottom:0;
	height:20px;
	margin-top:42px;
}
#browseProductsDropDown .treeview ul ul ul ul li span.folder, #browseProductsDropDown .treeview ul ul ul ul li span.file {
	padding:1px 0 1px 14px;
}
.ie .first-row-head th {
	background-color:#fff;
}
#tableData .filter-row th .verticalFilterBG,#tableData-sticky .filter-row th .verticalFilterBG {
	height:60px;
	background-repeat:no-repeat;
	background-position:center;
	position:relative;
}
.ie .first-row-head th:hover {
	background-color:#d0eaf8;
}
.first-row-head th:hover {
	background-color:#d0eaf8;
}
.ascendingSpan, .descendingSpan {
	padding: 0px;
}
#noData {
	padding: 6px;
	font-size: 2em;
	text-align: center;
	display: none;
	border: 1px solid #b5d1f1;
	vertical-align: center;
	margin-top: -10px;
}
.firefox #tableData .first-row-head.fixMyHeader th:first-child,.firefox #tableData-sticky .first-row-head.fixMyHeader th:first-child{padding-right:0px !important; border-left:0px !important;}
.firefox #tableData .first-row-head.fixMyHeader th:last-child,.firefox #tableData-sticky .first-row-head.fixMyHeader th:last-child{padding-right:1px !important; border-right:0px !important;}
.firefox .AppNoteList #tableData .first-row-head.fixMyHeader th:last-child,.firefox .AppNoteList #tableData-sticky .first-row-head.fixMyHeader th:last-child{padding-right:0px !important; border-right:0px !important;}

.ie #tableData .first-row-head.fixMyHeader th:first-child,.ie #tableData-sticky .first-row-head.fixMyHeader th:first-child{padding-right:1px !important; border-left:0px !important;}
.ie #tableData .first-row-head.fixMyHeader th:last-child,.ie #tableData-sticky .first-row-head.fixMyHeader th:last-child{padding-right:2px !important;}

.ie9 #tableData .first-row-head.fixMyHeader th:first-child,.ie9 #tableData-sticky .first-row-head.fixMyHeader th:first-child{border-left-style:solid!important;}
.ie9 #tableData .first-row-head.fixMyHeader th:last-child,.ie9 #tableData-sticky .first-row-head.fixMyHeader th:last-child{padding-left:3px !important;padding-right:3px !important;}



.firefox #tableData .first-row-head.fixMyHeader th.language, 
.ie #tableData .first-row-head.fixMyHeader th.language, 
.firefox #tableData .first-row-head.fixMyHeader th.modifiedDate, 
.ie #tableData .first-row-head.fixMyHeader th.modifiedDate,
.firefox #tableData-sticky .first-row-head.fixMyHeader th.language, 
.ie #tableData-sticky .first-row-head.fixMyHeader th.language, 
.firefox #tableData-sticky .first-row-head.fixMyHeader th.modifiedDate, 
.ie #tableData-sticky .first-row-head.fixMyHeader th.modifiedDate{padding-left: 6px !important;}

#wrapperrohm .DocumentName a,#wrapperrohm .DocumentName a:hover{text-decoration:underline;}
#wrapperrohm .DocumentName a:hover{color:#06c;}

.appnote-contents table th, .appnote-contents table td{text-align:left;}
.AppNoteList #tableData th:last-child{padding:4px !important;}
.AppNoteList-serchresult {padding: 7px 4px 15px;font-size: 15px;float: left;}
/* Left Navigation for Application Note page */
.appnote-area-inner:after,
.appnote-area .blog-img-txt:after,
.appnote-area .blog-lavel:after,
.appnote-area .blog-eject:after,
.appnote-area .blog-sns:after,
.appnote-area .sns-links:after {
  content: "";
  display: block;
  clear: both;
}
.appnote-area {
  padding-bottom: 0;
  font-family:Arial;
}
.en_US .appnote-area,.de_DE .appnote-area {font-family:'IBM Plex SansRegular',Arial;}
.ja_JP .appnote-area{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium","Yu Gothic Medium","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif !important;}
.appnote-area a{text-decoration:none;}
.appnote-area .blog-item {
  margin: 0;
  padding: 15px 0;
  border-top: #afafaf solid 1px;
  box-sizing: border-box;
}
.appnote-area .blog-article {
  padding: 15px 0 0;
  line-height: 24px;
  font-size: 14px;
}
.appnote-area .blog-tag-sns {
  padding-top: 0;
}

.appnote-local {
  margin: 0 -15px;
  padding: 17px 15px 0;
  background-color: #dcdcdc;
}
.appnote-local .appnote-search form div.form-group {
    margin-bottom: 0 !important;
}
.appnote-local .appnote-search {
  margin-bottom: 17px;
  padding: 5px 20px;
  background-color: #fff;
  border-radius: 22px;
  position: relative;
  font-size: 14px;
}
.appnote-local .appnote-search input[type="text"], #appNoteSearchBox {
  background: none;
  border: none;
  width: 85%;
  box-shadow: none;
  padding: 4px 0;
}
.appnote-local .appnote-search input[type="submit"], .appnote-local .appnote-search button[type="submit"], input#appNotGo, input[type="button"],input[type="button"]:hover{
  display: block;
  position: absolute;
  background: url("../images/rohm-theme/blog/blog-icon-search.png") 0 0 no-repeat;
  border: none;
  box-shadow: none;
  width: 27px;
  height: 28px;
  top: 4px;
  right: 5px;
  font-size:0;
}
.appnote-local .hdg-02 {
  margin: 0 -15px 5px;
  background-color: #ededed;
  border-bottom: none;
  position: relative;
}
.appnote-local .hdg-02.hdg-tags {
  padding-top: 10px;
}
.appnote-local .hdg-02.hdg-article {
  padding-top: 11px;
  min-height: 38px;
  box-sizing:border-box;
}
.appnote-local .hdg-02.hdg-archive {
  margin-bottom: 5px;
  padding-top: 10px;
  min-height: 28px;
  box-sizing: border-box;
}
.appnote-local .hdg-02:before {
  content: "";
  display: block;
  background-size: cover;
  position: absolute;
  left: 10px;
}
.appnote-local .hdg-02.hdg-tags:before {
  background: url("../images/rohm-theme/blog/blog-icon-01.png") left center no-repeat;
  width: 30px;
  height: 24px;
  bottom: .4em;
}
.appnote-local .hdg-02.hdg-article:before {
  background: url("../images/rohm-theme/blog/blog-icon-02.png") left center no-repeat;
  width: 30px;
  height: 32px;
  bottom: .3em;
}
.appnote-local .hdg-02.hdg-archive:before {
  background: url("../images/rohm-theme/blog/blog-icon-03.png") left center no-repeat;
  width: 30px;
  height: 26px;
  bottom: .4em;
}
.appnote-local .hdg-02 h2 {
  margin: 0;
  font-size: 18px;
  font-weight: normal;
}
.appnote-local .hdg-02 h2.hdg-02-pc {
  display: none;
}
.appnote-local .hdg-02 h2.hdg-02-sp {
  display: block;
}
.appnote-local .hdg-02 h2 a {
  display: block;
  padding: 4px 0 12px 45px;
  position: relative;
  text-decoration: none;
}
.appnote-local .hdg-02 h2 a:after {
  content: "";
  display: block;
  background: url("../images/rohm-theme/blog/blog-icon-open-r.png") 0 0 no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 15px;
  bottom: .65em;
}
.appnote-local .hdg-02 h2 a.current:after {
  background: url("../images/rohm-theme/blog/blog-icon-close-r.png") 0 0 no-repeat;
  background-size: contain;
}
.appnote-local .hdg-03 {
  margin: 0 5px 11px;
  border-bottom: solid 1px #aaa;
 
}
.appnote-local .hdg-03 h3 {
  margin: 0;
  padding: 0;
  font-size: 18px;
}
.appnote-local .hdg-03 h3 span {
  display: block;
  padding: 5px 6px 10px 10px;
  position: relative;
  text-decoration: none;
  line-height:1;
  color: #5b677d;
  cursor: pointer;
}
.appnote-local .hdg-03 h3 span:after {
  content: "";
  display: block;
  background: url("../images/rohm-theme/blog/blog-icon-open-g.png") 0 0 no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  position: absolute;
  right: 5px;
  bottom: .3em;
}
.appnote-local .hdg-03 h3 span.current:after {
  background: url("../images/rohm-theme/blog/blog-icon-close-g.png") 0 0 no-repeat;
  background-size: contain;
}
.appnote-local .hdg-03 h3 .toggle-02.open {
  background: url("../images/rohm-theme/blog/blog-icon-open-g.png") 0 0 no-repeat;
}
.appnote-local .hdg-03 h3 .toggle-02.close {
  background: url("../images/rohm-theme/blog/blog-icon-close-g.png") 0 0 no-repeat;
}
.appnote-local .appnote-local-sub-01 {
  margin-top: 0;
  padding-bottom: 5px;
}
.appnote-local .appnote-local-sub-02 {
  margin-top: 0;
  margin-left: 15px;
  padding-left: 2em;
  font-size: 14px;
}
.appnote-local .appnote-local-sub-02 a:hover {
  color: #da2540 !important;
}
.appnote-local .appnote-list {
  margin: 0 -10px;
  line-height: 1.5;
}
.appnote-local .appnote-list li {
  margin-bottom: 0px;
}
.appnote-local .sns-area {
  margin: 0 -15px;
  padding: 22px 15px 13px;
  background-color: #fff;
}
.appnote-local .sns-area .sns-rss {
  margin-bottom: 0;
  font-size: 14px;
  text-align: center;
}
.appnote-local .sns-area .sns-rss a {
  padding: .5em 0 0 32px;
  position: relative;
}
.appnote-local .sns-area .sns-rss a:before {
  content: "";
  display: block;
  background: url("../images/rohm-theme/blog/blog-icon-rss.png") left center no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: .3em;
  width: 24px;
  height: 24px;
}

#wrapperrohm .appnote-local .hdg-03 h3 span:hover {
  font-weight: bold;
}
.appnote-area{width: 100%;margin-top: 20px !important;}
.appnote-area h1{width: 100% !important; margin-top:0!important; margin-bottom: 20px !important;}
.appnote-search form{margin:0;}
.appnote-search form label{display:none;}
#DT.AppNoteList {
    border: 0px none !important;
    padding: 0px !important;
}
@media (min-width: 991px) {
	.appnote-area .appnote-area-inner .appnote-contents {
		float: right;
		width: 74%;
	}
	.appnote-area .appnote-area-inner .appnote-local {
		float: left;
		width: 24%;
	}
	.rohm-LR7 .columns-1 .col-md-12.portlet-column .rohm-breadcrumb-portlet #bradcrumb_menu{
		padding-left:  15px!important;
		padding-right:  15px!important;
	}
	.maxfixsize.fullsize .wrapperrohm.newROHM .portlet {
		width: 100%;
		max-width: 100000px;
	}
}

@media (min-width: 768px) and (max-width: 990.98px){
	.appnote-area .appnote-area-inner .appnote-contents {
		float: right;
		width: 64%;
	  }
	  .appnote-area .appnote-area-inner .appnote-local {
		float: left;
		width: 34%;
	  }
	  .appnote-local .appnote-list{display:block !important;}
}

@media (min-width: 768px) {
.appnote-local {
    margin: 0;
  }
  .appnote-local .appnote-local-inner {
    padding-bottom: 15px;
  }
  .appnote-local .appnote-search {
    margin-bottom: 32px;
    padding: 5px 22px 5px 15px;
  }
  .appnote-local .hdg-02 {
    margin: 0 0 10px;
    padding: 0 0 6px 12px;
    background-color: transparent;
    /* border-bottom: solid 1px #aaa; */
    position: relative;
  }
  .appnote-local .hdg-02.hdg-archive {
    margin-bottom: 5px;
    padding-top: 7px;
    min-height: 28px;
  }
  .appnote-local .hdg-02:before {
    left: 0;
  }
  .appnote-local .hdg-02 h2.hdg-02-pc {
    display: block;
  }
  .appnote-local .hdg-02 h2.hdg-02-sp {
    display: none;
  }
  .appnote-local .hdg-02 h2 a:after,
  .appnote-local .hdg-02 h2 .toggle-01 {
    display: none;
  }
  .appnote-local .hdg-02 h3 {
    font-size: 20px;
  }
  .appnote-local .hdg-03 {
    margin: 0 0 5px;
  }
  .appnote-local .hdg-03 h3 {
    font-size: 16px;
  }
  .appnote-local .hdg-03 h3 span:after {
    width: 16px;
    height: 16px;
    bottom: .4em;
  }
  .appnote-local .hdg-03 .toggle-02 button {
    width: 17px;
    height: 17px;
  }
  .appnote-local .appnote-local-sub-01 {
    margin-bottom: 17px;
  }
  .appnote-local .appnote-list {
    margin: 0;
  }
  .appnote-area .appnote-area-inner {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 5em;
  }
}
@media (max-width: 359.98px) {

}

@media (max-width:767.98px){
	.appnote-local {
    margin: 0 0 20px;
	order: 1;
  }
  .appnote-contents{
	order: 2;
  }
  .appnote-local .appnote-local-inner {
    padding-bottom: 15px;
  }
  .appnote-local .appnote-search {
    margin-bottom: 32px;
    padding: 5px 22px 5px 15px;
  }
  .appnote-local .hdg-02 {
    margin: 0 0 10px;
    padding: 0 0 6px 12px;
    background-color: transparent;
    /* border-bottom: solid 1px #aaa; */
    position: relative;
  }
  .appnote-local .hdg-02.hdg-archive {
    margin-bottom: 5px;
    padding-top: 7px;
    min-height: 28px;
  }
  .appnote-local .hdg-02:before {
    left: 0;
  }
  .appnote-local .hdg-02 h2.hdg-02-pc {
    display: block;
  }
  .appnote-local .hdg-02 h2.hdg-02-sp {
    display: none;
  }
  .appnote-local .hdg-02 h2 a:after,
  .appnote-local .hdg-02 h2 .toggle-01 {
    display: none;
  }
  .appnote-local .hdg-02 h3 {
    font-size: 20px;
  }
  .appnote-local .hdg-03 {
    margin: 0 0 5px;
  }
  .appnote-local .hdg-03 h3 {
    font-size: 16px;
  }
  .appnote-local .hdg-03 h3 a:after {
    width: 16px;
    height: 16px;
    bottom: .4em;
  }
  .appnote-local .hdg-03 .toggle-02 button {
    width: 17px;
    height: 17px;
  }
  .appnote-local .appnote-local-sub-01 {
    margin-bottom: 17px;
  }
  .appnote-local .appnote-list {
    margin: 0;
  }
  .appnote-area .appnote-area-inner {
    position: relative;
    margin-bottom: 40px;
    padding-bottom: 5em;
	display: flex;
    flex-flow: column;
  }
  #DT .dataTables_wrapper #appNoteDataTable.dataTable tbody tr td.sorting_1{text-align: left;}
  .appnote-list{display:block !important;}
}


/* Transfer static-theme To rohm-theme transfer */
@media (min-width: 320px){
	#tableData .filter-row th {padding-left: 0px !important;}
}
.rohm-LR7 .breadcrumb {
    padding: 11px 15px;
    margin: 0 0 0px;
}
.appnote-area,
.AppNoteList {
    max-width: 1170px;
    margin: 0 auto;
}
.breadcrumb {
    max-width: 1200px;
    margin: 0 auto!important;
}
@media (max-width: 424.98px){
   #DT.AppNoteList .table-responsive{ width:336px !important;}
}
@media (max-width: 414.98px){
   #DT.AppNoteList .table-responsive{width: 375px !important;}
}
@media (max-width: 375.98px){
   #DT.AppNoteList .table-responsive{ width:336px !important;}
}
@media (max-width: 360.98px){
   #DT.AppNoteList .table-responsive{width: 322px !important;}
}
@media (max-width: 320.98px){
   #DT.AppNoteList .table-responsive{width: 312px !important;}
}
@media (min-width: 1281px){
	.rohm-LR7 .columns-1 .col-md-12.portlet-column .rohm-breadcrumb-portlet #bradcrumb_menu{
		padding-left:  15px!important;
		padding-right:  15px!important;
	}
	.maxfixsize.fullsize .wrapperrohm.newROHM .portlet {
		width: 100%;
		max-width: 100000px;
	}
}
/*Firefox Font normal*/
.firefox .en_US #tableData th,.firefox .en_US #tableData-sticky th,.firefox .de_DE #tableData th,.firefox .de_DE #tableData-sticky th{font-weight:normal;}