@charset "utf-8";
/* CSS Document */
/* ==============================================================
	製品名
  ============================================================= */
.product_name_area {
  align-items: center;
  border-bottom: 1px solid #ccc;
  font-weight: 700;
  justify-content: space-between;
  margin: 0 0 1em;
  padding: .5em;
  width: 900px;
}
.product_name_area2 {
  align-items: center;
  border-bottom: 1px solid #ccc;
  display: flex;
  font-weight: 700;
  justify-content: space-between;
  margin: 0 0 1em;
  padding: .5em;
  width: 900px;
}
.product_name_area img {
  margin: 0 .5em;
}
.product_name_area2 div {
  width: 65%;
}
.product_name_area2 .icon_img_area, .product_name_area2 .demo_area {
  text-align: right;
  width: 30%;
}
.product_ttl_lead {
  margin: 0;
}
.price {
  font-size: 15px;
  font-weight: 700;
  display: inline;
}
.price_tax {
  font-weight: 700;
  display: inline;
}
.price_tax_p {
  margin: .5em;
}
/* ==============================================================
	製品アイコン
  ============================================================= */
.product_icon_area {
  align-items: center;
  color: #6699cc;
  display: flex;
  font: 13px;
  letter-spacing: 0;
  margin: auto auto 1.5em 0;
}
.product_icon_area li {
  margin: 0 .1em 0 0;
}
.renesas-ready-badge img {
  margin: 0 0 0 -0.2em;
}
ul.product_icon_cpu_spec {
  display: flex;
}
ul.product_icon_cpu_spec li {
  background-image: linear-gradient(180deg, #4266b7, #46badd);
  box-sizing: border-box;
  border-radius: 3px;
  color: #fff;
  font-size: 10px;
  height: 43px;
  justify-content: center;
  letter-spacing: 0;
  line-height: 1.4em;
  margin: 0 1px 0 1px;
  padding: .7em 0;
  text-align: center;
  width: 50px;
}
ul.product_icon_cpu_spec li:first-child {
  width: 58px;
}
ul.product_icon_cpu_spec li p {
  background: #fff;
  border-radius: 2px;
  color: #4266b7;
  font-weight: 700;
  margin: -.3em .3em .3em .3em;
}
ul.product_icon_cpu_spec li span {
  font-size: 13px;
  font-weight: 700;
}
.product_icon_if {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  font-size: 11px;
  flex-wrap: wrap;
  letter-spacing: 0;
  margin: 0 0 0 .1em;
  width: 290px;
}
.product_icon_if li {
  background: #e54ea3;
  background-image: linear-gradient(180deg, #e54ea3, #d44988);
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  letter-spacing: .5px;
  margin: 1px;
  padding: 1px;
  text-align: center;
  width: 70px;
}
.product_icon_if li.off {
  background: #d1d1d1;
}
.pmod_icon {
  background: #e54ea3;
  background-image: linear-gradient(180deg, #e54ea3, #d44988);
  border-radius: 4px;
  box-sizing: border-box;
  color: #fff;
  height: 3.3em;
  letter-spacing: .5px;
  line-height: 3.3em;
  margin: -2px;
  padding: 1px;
  text-align: center;
  width: 70px;
}
.smarc_icon {
  font-size: 18px;
  font-weight: 700;
  padding: 1em 1em 0 1em;
}
/* ==============================================================
	discon　release　カテゴリー設定
  ============================================================= */
.news {
  margin: 3em auto;
}
.news ol {
  line-height: 1.8em;
  list-style: decimal;
  margin: 0 0 1.5em .5em;
  padding-left: 2em;
}
.news_innner {
  margin: 2em;
  text-align: center;
}
.label_news {
  font-size: 15px;
  margin: 2em 0;
}
/* ==============================================================
	製品　リード文　画像
  ============================================================= */
.product_icon {
  display: flex;
  justify-content: flex-end;
}
.product_icon img {
  margin: 0 .1em;
  padding: 0;
}
.product_lead {
  align-items: center;
  box-sizing: border-box;
  display: flex;
  margin: 1.5em 0 1em;
  width: 900px;
}
.product_lead_txt {
  flex: 2;
  padding: 0 2em 0 .5em;
}
.product_lead_img {
  text-align: center;
  margin: 0 1em 0 0;
}
.renesas-ready-badge {
  margin: 0 0 1em 0;
  text-align: right;
}
.label_txt {
  margin: 0 0 0 1em;
}
/* ==============================================================
	製品　開発キット文　画像
  ============================================================= */
.development_kit {
  align-items: center;
  border-top: 2px dotted #ccc;
  border-bottom: 2px dotted #ccc;
  display: flex;
  width: 100%;
}
.development_kit a:hover {
  background: #eee;
  display: block;
  text-decoration: none;
}
.development_kit_txt {
  flex: 2;
  padding: .3em 0;
}
.development_kit_img {
  flex-basis: 20%;
  padding: .5em 1.5em .5em 1em;
}
/* ==============================================================
	メニュー　特徴～ご購入
  ============================================================= */
ul#nav_tab {
  align-items: stretch;
  color: #ccc;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  list-style: none;
  margin: 2em 0 1em;
  text-align: center;
}
ul#nav_tab li {
  border-bottom: #6699cc solid 2px;
  flex: 1;
  height: 60px;
  line-height: 60px;
  margin: 0;
}
ul#nav_tab li a {
  color: #6699cc;
  display: block;
  height: 60px;
}
ul#nav_tab li a i {
  color: #6699cc;
}
ul#nav_tab li a:hover {
  background: #6699cc;
  color: #fff;
}
ul#nav_tab li a:hover i {
  color: #fff;
}
ul#nav_tab li:first-child {
  border-top: #6699cc solid 2px;
  border-left: #6699cc solid 2px;
  border-right: #6699cc solid 2px;
  border-bottom: none;
}
.feat_mark::before {
  content: "\e164";
  font-family: 'Material Icons';
  font-size: 22px;
  margin: auto .5em auto 0;
  speak: none;
  vertical-align: middle;
}
.spec_mark::before {
  content: "\e02f";
  font-family: 'Material Icons';
  font-size: 22px;
  margin: auto .5em auto 0;
  speak: none;
  vertical-align: middle;
}
.option_mark::before {
  content: "\e02e";
  font-family: 'Material Icons';
  font-size: 22px;
  margin: auto .5em auto 0;
  speak: none;
  vertical-align: middle;
}
.down_mark::before {
  content: "\f090";
  font-family: 'Material Icons';
  font-size: 22px;
  margin: auto .5em auto 0;
  speak: none;
  vertical-align: middle;
}
.order_mark::before {
  content: "\e8cc";
  font-family: 'Material Icons';
  font-size: 22px;
  margin: auto .5em auto 0;
  speak: none;
  vertical-align: middle;
}
/* ==============================================================
	メニュー　eztcp　設定ツールページ
  ============================================================= */
ul#nav_tab_eztcp {
  align-items: stretch;
  color: #6699cc;
  display: flex;
  font-size: 18px;
  font-weight: 700;
  list-style: none;
  margin: 2em 0 1em;
  position: inline-block;
  text-align: center;
}
ul#nav_tab_eztcp li {
  border-bottom: #6699cc solid 2px;
  box-sizing: border-box;
  flex: 1;
  height: 60px;
  line-height: 60px;
  margin: 0;
}
ul#nav_tab_eztcp li a {
  color: #6699cc;
  display: block;
  height: 60px;
}
ul#nav_tab_eztcp li a:hover {
  background: #6699cc;
  color: #fff;
  text-decoration: none;
}
ul#nav_tab_eztcp li.point {
  border-top: #6699cc solid 2px;
  border-left: #6699cc solid 2px;
  border-right: #6699cc solid 2px;
  border-bottom: none;
}
ul#nav_tab_eztcp li.point a:hover {
  background: #fff;
  color: #6699cc;
  text-decoration: none;
}
/*=============================================================== 
  partner
	=============================================================== */
.partner_box {
  box-sizing: border-box;
  display: flex;
  margin: 2em 3em 4em;
  width: 900px;
}
.partner_box p {
  text-align: center;
  width: 35%;
}
.partner_box ul {
  width: 65%;
}
ul.partner {
  font-size: 16px;
  font-weight: 700;
  line-height: 1.8em;
  margin: 0 0 0 5em;
}
ul.partner li::before {
  font-family: 'Material Icons';
  font-size: 18px;
  font-weight: 500;
  color: #4444bb;
  content: "\e89e";
  margin: auto 3em auto -2em;
  position: absolute;
  speak: none;
  vertical-align: middle;
}
/* ==============================================================
   table01
   ============================================================= */
table.product_list01, table.product_list01 th, table.product_list01 td {
  border: 1px solid #777;
  border-collapse: collapse;
  padding: 5px;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
table.product_list01 th {
  background: #777;
  color: #fff;
  letter-spacing: .5em;
}
/* ==============================================================
   table02
   ============================================================= */
table.product_list02, table.product_list02 th, table.product_list02 td {
  background: #fff;
  border: 1px solid #d3e0ee;
  border-collapse: collapse;
  margin: 1em 0 3em 0;
  padding: 5px;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
table.product_list02 th {
  background: #e6eef5;
  text-align: center;
}
table.product_list02 th:first-child, table.product_list02 td:first-child {
  text-align: left;
  width: 310px;
}
table.product_list02 th table.product_list02 td {
  width: 100px;
}
table.product_list02 td:nth-child(2) {
  text-align: left;
}
table.product_list02 img {
  margin: .5em;
  vertical-align: middle;
}
/* ==============================================================
   table03
   ============================================================= */
table.product_list03, table.product_list03 th, table.product_list03 td {
  background: #fff;
  border: 1px solid #d3e0ee;
  border-collapse: collapse;
  font-size: 13px;
  margin: 0 0 1em 0;
  padding: 3px 5px;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
table.product_list03 th {
  background: #e6eef5;
  width: 20%;
}
table.product_list03 img {
  margin: .5em;
  vertical-align: middle;
}
/* ==============================================================
   table04
   ============================================================= */
table.product_list04, table.product_list04 th, table.product_list04 td {
  background: #fff;
  border: 1px solid #d3e0ee;
  border-collapse: collapse;
  font-size: 13px;
  table-layout: fixed;
  text-align: center;
  padding: 3px 5px;
  width: 100%;
}
table.product_list04 th {
  background: #e6eef5;
  width: 20%;
}
table.product_list04 th:last-child {
  width: 50%;
}
table.product_list04 td:last-child {
  padding: 0 1em;
  text-align: left;
}
ol.product_list_fw {
  background: #f0f3f9;
  border-radius: 6px;
  font-size: 14px;
  font-weight: 700;
  line-height: 2em;
  margin: 2em auto 3em;
  padding: 1em 2em;
}
ol.product_list_fw li {
  list-style-type: decimal;
  margin: .5em auto;
}
/* ==============================================================
	特長
   ============================================================= */
ul.feat_list_txt {
  font-weight: 700;
  margin: 0 0 3em 2em;
}
ul.feat_list_txt li {
  margin: 0 0 1em 0;
}
ul.feat_list_txt li::before {
  font-family: 'Material Icons';
  color: #aaa;
  content: "\e5cc";
  margin: auto 1em auto -1.5em;
  speak: none;
  vertical-align: middle;
}
ul.feat_list_txt dl {
  margin: -1.5em 0 0 0;
}
ul.feat_list_txt dt {
  margin: .2em 0 0 0;
}
ul.feat_list_txt dd {
  font-weight: 500;
  margin: 0 0 0 1em;
}
ul.feat_list_txt li p {
  font-weight: 500;
  margin: .5em 0 0 .6em;
}
ul.feat_list_txt li a {
  font-weight: 700;
}
ul.feat_list_txt dl.product_news_feat_list {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: .5em .5em 0 .5em;
  width: 100%;
}
ul.feat_list_txt dl.product_news_feat_list dt {
  font-weight: 500;
  width: 50%;
}
ul.feat_list_txt dl.product_news_feat_list dd {
  width: 30%;
}
ul.feat_list03 {
  font-weight: 500;
  line-height: 1.2em;
  margin: .5em 0 .8em 3em;
}
ul.feat_list03 li::before {
  content: "-";
  margin: auto 0 auto -1.5em;
  position: absolute;
}
/* ==============================================================
   ソリューション
   ============================================================= */
table.solution_list, table.solution_list th, table.solution_list td {
  background: #fff;
  border: 3px solid #013f98;
  border-collapse: collapse;
  box-sizing: border-box;
  font-size: 13px;
  margin: 0 0 3em;
  table-layout: fixed;
  text-align: center;
  padding: 3px;
  width: 100%;
}
table.solution_list th, table.solution_list td {
  border: 1px solid #6699cc;
  border-collapse: collapse;
  width: 15%;
}
table.solution_list td.solution_list_category {
  background: #e6eef5;
  color: #6699cc;
  font-weight: 700;
  width: 13%;
}
table.solution_list td.solution_list_company {
  width: 20%;
}
table.solution_list td.solution_list_company img {
  margin: .5em 0;
  max-width: 130px;
}
table.solution_list td:last-child {
  padding: 8px .7em 0;
  text-align: left;
  width: 55%;
}
.solution_ttl {
  font-size: 14px;
  font-weight: 700;
}
table.solution_list a {
  font-size: 14px;
  font-weight: 700;
}
table.solution_list p {
  margin: 0 0 .8em;
}
.dl_link_solution {
  padding: 0 0 0 3em;
  position: relative;
}
.dl_link_solution::before {
  font-family: 'Material Icons';
  font-size: 18px;
  font-weight: 500;
  color: #4444bb;
  content: "\e89e";
  margin: auto 3em auto -2em;
  position: absolute;
  speak: none;
  vertical-align: middle;
}
p.category_feat_ttl {
  font-size: 14px;
  font-weight: 700;
  margin: 0 0 1em 0;
  text-align: center;
}
p.category_feat_txt {
  margin: 0 0 3em 0;
}
/* ==============================================================
	仕様
   ============================================================= */
table.spec {
  border: 2px solid #555;
  border-collapse: collapse;
  box-sizing: border-box;
  table-layout: fixed;
  margin: 0 0 1em 0;
  max-width: 900px;
  width: 900px;
}
table.spec tr {
  border: 1px solid #ccc;
}
table.spec th {
  background: #eee;
  border: 1px solid #ccc;
  box-sizing: border-box;
  padding: .2em .3em .5em;
  text-align: left;
  width: 180px;
}
table.spec td {
  border: 1px dotted #ccc;
  box-sizing: border-box;
  padding: .2em .5em;
  max-width: 720px;
}
table.spec dl {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  justify-content: left;
  width: 710px;
}
table.spec dl dt {
  width: 50%;
}
table.spec dl dd {
  width: 50%;
}
table.spec dl.converter, table.spec dl.timer {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  width: 710px;
}
table.spec dl.converter dt, table.spec dl.timer dt {
  width: 355px;
}
table.spec dl.converter dd:nth-child(3n) {
  box-sizing: border-box;
  padding: 0 1em;
  width: 200px;
}
table.spec dl.converter dd, table.spec dl.timer dd {
  width: 175px;
}
table.spec dl.if {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  width: 710px;
}
table.spec dl.if dt {
  width: 23%;
}
dl.internet {
  display: flex;
  flex-wrap: wrap;
  margin: .5em 2em;
}
dl.internet dt {
  text-indent: 1em;
}
dl.internet dd:before {
  content: ':';
  padding: 0 1em;
}
table.spec ul.list_device li {
  border-bottom: 1px dotted #ccc;
}
table.spec ul.list_device li:last-child {
  border-bottom: none;
}
table.spec dl.spec01 {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
  width: 710px;
}
table.spec dl.spec01 dt {
  width: 20%;
}
table.spec dl.spec01 dd {
  width: 80%;
}
table.spec dl.geal dt.list-top, table.spec dl.geal dd.list-top {
  border-top: none;
}
table.spec dl.geal {
  box-sizing: border-box;
  display: flex;
  width: 700px;
}
table.spec dl.geal dt {
  border-top: 1px dotted #aaa;
  font-weight: 700;
  letter-spacing: 2px;
  width: 20%;
}
table.spec dl.geal dd {
  border-top: 1px dotted #aaa;
  width: 80%;
}
table.spec_kit {
  text-align: center;
}
/*=============================================================== 
  dl.spec02
	=============================================================== */
dl.spec02 {
  border-bottom: 1px dotted #999;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  line-height: 1em;
  margin: 1.5em 0 3em;
  width: 100%;
}
dl.spec02 dt {
  border-top: 1px dotted #999;
  box-sizing: border-box;
  font-weight: 700;
  padding: 8px 5px 8px 15px;
  width: 50%;
}
dl.spec02 dd {
  border-top: 1px dotted #999;
  box-sizing: border-box;
  padding: 8px 5px 8px 15px;
  width: 50%;
}
/* ==============================================================
	仕様・説明文
   ============================================================= */
.product_spec {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  margin: 0 0 3em 0;
  width: 100%;
}
.product_spec_txt {
  padding: 1em 3em 1em 1em;
}
.product_spec_img {
  text-align: center;
  margin: 1em 2em 3em 0;
}
ul.product_spec_more {
  margin: .5em 0 .5em 2em;
}
ul.product_spec_more li::before {
  font-family: 'Material Icons';
  color: #aaa;
  content: "\e5cc";
  margin: auto 1em auto -1.5em;
  speak: none;
  vertical-align: middle;
}
ul.product_spec_list_more {
  font-size: 16px;
  line-height: 1.5em;
  padding-left: 1.5em;
  text-indent: -2em;
}
ul.product_spec_list_more li::before {
  color: #6699cc;
  content: "\25e6";
  font-size: 16px;
  margin: auto .5em auto .2em;
  vertical-align: middle;
}
.product_description {
  display: flex;
  justify-content: space-between;
}
.product_description_cel {
  margin: 0 0 1em 0;
  width: 48%;
}
/* ==============================================================
   option_bord
   ============================================================= */
.option_bord_area {
  display: flex;
  flex-wrap: wrap;
}
.option_bord {
  border: 1px solid #e6eef5;
  box-sizing: border-box;
  font-weight: 700;
  padding: 1em 0;
  text-align: center;
  width: 33%;
}
.option_bord a {
  display: block;
}
.option_bord:hover {
  background: #e6eef5;
}
.option_bord p {
  margin: 0;
}
.option_bord img {
  background: #fff;
  border-radius: 4px;
  display: block;
  height: 60px;
  margin: 0 auto .5em;
  padding: 1em;
  text-align: center;
  width: 80px;
}
/* ==============================================================
   geal
   ============================================================= */
table.geal_support, table.geal_support th, table.geal_support td {
  background: #fff;
  border: 1px solid #d3e0ee;
  border-collapse: collapse;
  box-sizing: border-box;
  margin: 1em 0 3em 0;
  padding: 5px;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
table.geal_support th {
  background: #e6eef5;
  text-align: center;
}
table.geal_support th:nth-child(4) {
  width: 250px;
}
/* geal_support_information */
table.geal_support_information, table.geal_support_information th, table.geal_support_information td {
  background: #fff;
  border: 1px solid #d3e0ee;
  border-collapse: collapse;
  font-size: 13px;
  padding: 3px 5px;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
table.geal_support_information th {
  background: #e6eef5;
}
table.geal_support_information td:first-child {
  width: 10%;
}
/* ==============================================================
   sh_listup
   ============================================================= */
table.sh_listup, table.sh_listup th, table.sh_listup td {
  background: #fff;
  border: 1px solid #d3e0ee;
  border-collapse: collapse;
  box-sizing: border-box;
  letter-spacing: 0;
  margin: 1em 0 3em 0;
  padding: 5px;
  table-layout: fixed;
  text-align: center;
  width: 100%;
}
table.sh_listup th {
  background: #e6eef5;
  text-align: center;
}
table.sh_listup th:first-child, table.sh_listup td:first-child {
  width: 100px;
}
table.sh_listup th.memory, table.sh_listup th.etc {
  width: 120px;
}
table.sh_listup th:last-child, table.sh_listup td:last-child {
  width: 90px;
}
/* ==============================================================
   xf
   ============================================================= */
table.xf_support, table.xf_support th, table.xf_support td {
  background: #fff;
  border: 1px solid #d3e0ee;
  border-collapse: collapse;
  box-sizing: border-box;
  margin: 1em 0 1em 0;
  padding: 5px;
  table-layout: fixed;
  width: 100%;
}
table.xf_support th {
  background: #e6eef5;
  text-align: center;
}
table.xf_support th:first-child {
  width: 380px;
}
table.xf_support td:last-child {
  text-align: center;
}
/* ==============================================================
	プログラム使用規約
   ============================================================= */
section.license_caution_area {
  border: dotted 1px #013f98;
  box-sizing: border-box;
  padding: 1em;
  margin: 0 0 3em 0;
}
ol.license_caution {
  counter-reset: list;
  line-height: 1.5em;
  list-style-type: none;
  padding: .5em 1.5em .5em;
}
ol.license_caution li {
  border-bottom: dotted 1px #6699cc;
  font-weight: 700;
  margin: 10px 0 0 10px;
  padding: 7px 5px 7px 40px;
  position: relative;
}
ol.license_caution li::before {
  background: #6699cc;
  border-radius: 50%;
  color: #fff;
  content: counter(list);
  counter-increment: list;
  height: 25px;
  left: 0;
  line-height: 25px;
  position: absolute;
  text-align: center;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 25px;
}
ol.license_caution li:last-child {
  border-bottom: none;
}
section.license_caution_area span.license_caution_sub {
  font-size: 13px;
  letter-spacing: 2px;
  padding: 0 3em;
}
p.license_caution_txt {
  line-height: 1.5em;
  padding: .5em 2em .5em 1.5em;
}
/* ==============================================================
	サンプルプログラム使用許諾
  ============================================================= */
section.license {
  border: solid 1px #555;
  box-sizing: border-box;
  padding: 2em;
  margin: 0 0 5em 0;
}
section.license dl dt {
  font-weight: 700;
  padding: 1em 0;
}
section.license dl.subject {
  display: flex;
  flex-wrap: wrap;
  line-height: 2em;
  margin: 0 0 1em 1em;
  width: 100%;
}
section.license dl.subject dt {
  padding: 0;
  width: 20%;
}
section.license dl.subject dd {
  width: 75%;
}
section.license ol {
  list-style: decimal;
  padding-left: 2em;
}
section.license ol.list_parentheses li {
  counter-increment: cnt;
  list-style-type: none;
  text-indent: -2em;
}
section.license ol.list_parentheses li::before {
  display: marker;
  content: "("counter(cnt) ") ";
}
section.license ul {
  margin: 0 1em 2em 1em;
}
section.license ul li {
  list-style: disc;
}
section.license ul li ul li {
  counter-increment: cnt;
  list-style-type: none;
}
section.license ul li ul li::before {
  display: marker;
  content: "-";
  margin: auto 1em auto 0;
}
p.end {
  text-align: right;
}
/* ==============================================================
	購入前表　マニュアル・ドキュメント
   ============================================================= */
table.download_list, table.column_list {
  border: 1px solid #6699cc;
  border-collapse: collapse;
  font-size: 12.5px;
  letter-spacing: 0;
  line-height: 2.5em;
  margin: 2em 0 2em;
  text-align: center;
  width: 100%;
}
table.download_list th, table.column_list th {
  background: #6699cc;
  color: #fff;
}
table.download_list tr th:first-child, table.download_list tr td:first-child, table.column_list tr th:first-child, table.column_list tr td:first-child {
  text-align: left;
  width: 70%;
}
table.download_list tr th:first-child, table.column_list tr th:first-child {
  font-size: 16px;
  padding: .5em;
  letter-spacing: 2px;
}
table.download_list tr td:first-child::before {
  content: url(../../images/ico_pdf.png);
  padding: 1em 1em 0 1em;
}
table.download_list tr td p {
  padding: 0 0 0 2.5em;
}
table.column_list tr td:first-child::before {
  color: #4444bb;
  content: "\e873";
  font-family: 'Material Icons';
  font-size: 20px;
  font-weight: 900;
  margin: auto .5em auto .5em;
  speak: none;
  vertical-align: middle;
}
/* ==============================================================
	購入後表
   ============================================================= */
table.download_list_user {
  border-collapse: collapse;
  margin: 2em 0 1em;
  table-layout: fixed;
  text-align: center;
  vertical-align: middle;
  width: 100%;
}
table.download_list_user th, table.download_list_user td {
  border: 1px solid #d3dbec;
  padding: .5em;
}
table.download_list_user th {
  background: #e6eef5;
  color: #6699cc;
}
table.download_list_user tr th:first-child, table.download_list_user tr td:first-child {
  text-align: left;
}
table.download_list_user tr th:first-child {
  font-size: 16px;
  letter-spacing: 2px;
  padding: .7em;
}
table.download_list_user tr td {
  display: table-cell;
  vertical-align: middle;
}
table.download_list_user tr td:first-child::before {
  color: #4444bb;
  content: "\f090";
  font-family: 'Material Icons';
  font-size: 16px;
  font-weight: 900;
  margin: auto .5em;
  speak: none;
  vertical-align: middle;
}
table.download_list_user tr td p {
  display: block; /* middle用 */
  line-height: 1.4em;
  padding: 0 0 0 2.5em;
  vertical-align: middle;
}
table.download_list_user tr th.password, table.download_list_user tr th.version, table.download_list_user tr th.update {
  width: 13%;
}
table.download_list_user ul {
  margin: 0 0 0 1.5em;
  text-align: left;
}
table.download_list_user tr th.applicable {
  width: 16%;
}
table.download_list_user p {
  margin: .5em .2em;
}
ul.dl_link_sample {
  margin: 1em 0;
}
ul.dl_link_sample li::before {
  color: #555;
  content: "\e5cc";
  font-family: 'Material Icons';
  font-size: 12px;
  font-weight: 900;
  margin: auto 1em;
  speak: none;
  vertical-align: middle;
}
table.download_list_eztcp tr td:first-child::before {
  color: #4444bb;
  content: "\e2c4";
  font-family: 'Material Icons';
  font-size: 16px;
  font-weight: 900;
  margin: auto 1em;
  speak: none;
  vertical-align: middle;
}
/* ==============================================================
	パスワード説明
   ============================================================= */
ol.howto-area {
  display: flex;
  margin: 0 0 2em;
  padding: 0;
  justify-content: space-between;
  width: 100%;
}
ol.howto-area li {
  box-sizing: border-box;
  width: 30%;
}
.howto_number {
  color: #6699cc;
  display: table-cell;
  font-size: 16px;
  font-weight: 700;
  padding: 0 1em 0 0;
}
.howto_txt {
  display: table-cell;
}
.howto-cel img {
  display: block;
  margin: auto;
}
.howto_mail {
  border: 1px dotted #6699cc;
  font-size: 12px;
  margin-bottom: 3em;
  padding: 1em 3.5em;
}
.label_howto {
  font-weight: 700;
}
.howto_flex p {
  display: inline-block;
  line-height: 1.5em;
}
.password_txt {
  text-decoration: underline;
}
/* ==============================================================
　　自社リンク
   ============================================================= */
ul.dl_link_ap {
  font-size: 15px;
  margin: 0 2em 2em;
}
ul.dl_link_ap li {
  line-height: 1.8em;
  list-style: disc;
  padding-left: .5em;
}
ul.dl_link_ap li span {
  line-height: 1.5em;
  margin: 0 1em 0 0;
}
/* ==============================================================
　　外部リンク
   ============================================================= */
ul.dl_link li {
  font-size: 15px;
  line-height: 1.8em;
  padding-left: .5em;
  position: relative;
}
ul.dl_link li::before {
  color: #4444bb;
  content: "\e89e";
  font-family: 'Material Icons';
  margin: auto 1em auto 0;
  speak: none;
  vertical-align: middle;
}
/* ==============================================================
   ファイルセンター
   ============================================================= */
.filecenter {
  font-style: normal;
  line-height: 2;
  margin: 3em auto;
  width: 60%;
}
.filecenter a { /*--- a　消去しない ---*/
  background: #6699cc;
  background: linear-gradient(to bottom, #6699cc, #4444bb);
  border-radius: 10px;
  box-shadow: rgba(0, 0, 0, 1) 0 1px 0;
  box-sizing: border-box;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: 700;
  margin: 1em auto;
  padding: 15px 31px;
  text-align: center;
  text-shadow: rgba(0, 0, 0, .4) 0 1px 0;
  width: 100%;
}
.filecenter a:hover {
  background: #4444bb;
  color: #fff;
  text-decoration: none;
}
.filecenter a::before {
  color: #fff;
  content: "\e2c4";
  font-family: 'Material Icons';
  font-size: 25px;
  font-weight: 900;
  margin: auto 1em auto 0;
  speak: none;
  vertical-align: middle;
}
/*--- IE---*/
@media all and (-ms-high-contrast:none) {
  .filecenter a {
    padding: 0.3em 0.3em 0.1em;
  }
}
.enlarge {
  display: inline-block;
  white-space: nowrap;
}
/* ==============================================================
   ご購入
   ============================================================= */
ul.order {
  display: flex;
  justify-content: space-between;
  margin: 0 0 50px 0;
}
ul.order li a {
  background: #e6eef5;
  border-radius: 5px;
  box-sizing: border-box;
  display: block;
  font-size: 18px;
  font-weight: 700;
  padding: 20px;
  text-align: center;
  width: 430px;
}
/* ==============================================================
	「※」「※1」…
  ============================================================= */
.caution {
  color: #f07070;
  font-size: 11px;
  font-weight: 500;
  margin: 0 .5em 0 .3em;
  white-space: nowrap;
}
.caution_txt {
  font-size: 12px;
  margin: 0 0 0 2em;
  text-indent: -2em;
}
.rohs_word_txt {
  color: #62aa55;
  display: inline;
  font-size: 11px;
  letter-spacing: 0;
}
.rohs_word_txt img {
  margin: 0 .8em .5em .5em;
  vertical-align: middle;
}

address.news_add {
  text-align: left;
}
.news_date {
  text-align: right;
}
ul.product_news_list {
  display: flex;
  font-size: 15px;
  font-weight: 700;
  justify-content: space-between;
  list-style: circle;
  margin: 0 0 2em 2em;
}
ul.product_news_list li {
  flex: 1;
}
dl.list_release ul, dl.list_release p {
  margin: 0;
}
ul.product_news_area02 {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  list-style: none;
  text-align: center;
}
ul.product_news_area02 li {
  margin: 0 0 -2em;
}
/*=============================================================== 
  ul.list_if
	=============================================================== */
ul.list_if_option {
  background: #e6eef5;
  border: 1px dotted #6699cc;
  display: flex;
  font-size: 14px;
  font-weight: 700;
  flex-wrap: wrap;
  line-height: 2em;
  margin: 0 0 2.5em 0;
  padding: .5em 1em;
}
ul.list_if_option li {
  width: 25%;
}
ul.list_if {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1em 2em;
}
ul.list_if li {
  list-style: disc;
  width: 20%;
}
.if_caution_txt {
  font-size: 11px;
  margin: 1em .5em;
}
/*=============================================================== 
  販売終了品　ナノテクノロジー 画像一覧
	=============================================================== */
.image_list {
  display: flex;
  flex-wrap: wrap;
}
.image_list li img {
  margin: .3em;
}