@charset "UTF-8";

@media print, screen and (min-width: 61.25em) {
  .c-content-block__inner.c-content-block__inner--info {
    max-width: 1110px;
  }
}

/* ==========================================================================
【共通】　ヘッダ共通 見出し「ニュースリリース」
========================================================================== */
.p-product-heading{
	padding-bottom: 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #cacaca;
}
@media print, screen and (min-width: 48em) {
  .p-product-heading {
    margin-bottom: 15px;
	padding-bottom:8px;
  }
}
/* ==========================================================================
【共通】　訂正のお知らせ
========================================================================== */
.p-border-info-module {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 16px;
  padding-top: 15px;
  padding-bottom: 19px;
  padding-right: 14px;
  padding-left: 14px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
}
@media print, screen and (min-width: 48em) {
  .p-border-info-module {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 38px;
    padding-left: 38px;
  }
}

.p-border-info-module__sentence span {
  color: #dc4437;
}

.p-border-info-module__time {
  margin-right: 10px;
  font-family: "Oswald", sans-serif;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 500;
  font-size: 85%;
  letter-spacing: 4px;
}

.p-border-info-module__image {
  width: 80px;
  padding-left: 10px;
}
@media print, screen and (min-width: 48em) {
  .p-border-info-module__image {
    width: auto;
    padding-left: 40px;
  }
}
.p-border-info-module__image img {
  display: block;
}
@media only screen and (max-width: 47.9375em) {
  .p-border-info-module__image img {
    width: 100%;
  }
}

.p-border-info-module__button {
  width: 100%;
  margin-top: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-border-info-module__button {
    width: 300px;
    margin-top: 20px;
  }
}

.p-border-info-module__title {
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 100%;
  letter-spacing: 0.16em;
  line-height: 1.4;
  margin-bottom: 6px;
}

.p-border-info-module__sub-title {
  display: block;
  margin-bottom: 3px;
  font-size: 100%;
}
@media print, screen and (min-width: 48em) {
  .p-border-info-module__sub-title {
    font-size: 116%;
  }
}

.p-border-info-module__main-title {
  display: block;
  font-size: 131%;
}
@media print, screen and (min-width: 48em) {
  .p-border-info-module__main-title {
    font-size: 229%;
  }
}


@media print, screen and (min-width: 48em) {
  .p-border-info-module--padding_s {
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 22px;
    padding-left: 22px;
  }
}

@media print, screen and (min-width: 48em) {
  .p-border-info-module--large-button .p-border-module__button {
    width: 100%;
  }
}

.p-border-info-module--text-btn .p-border-module__title {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 0;
  font-size: 131%;
}
@media print, screen and (min-width: 40.0625em) {
  .p-border-info-module--text-btn .p-border-module__title {
    float: left\9;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-info-module--text-btn .p-border-module__title {
    padding-right: 27px;
    font-size: 153.9%;
  }
}
@media print, screen and (min-width: 40.0625em) {
  .p-border-info-module--text-btn .p-border-module__button {
    float: right\9;
    width: 300px\9;
  }
}
@media print, screen and (min-width: 48em) {
  .p-border-info-module--text-btn .p-border-module__button {
    margin-top: 0;
  }
}

/* ==========================================================================
【共通】　記事NO.　リリース日付　カテゴリアイコン
========================================================================== */
.p-article-heading__info {
  margin-bottom: 20px;
  font-size: 85%;
}
@media print, screen and (min-width: 48em) {
  .p-article-heading__info {
    margin-bottom: 12px;
    font-size: 93%
  }
}
.p-article-heading__code-area {
  margin-bottom: 5px;
}

.p-article-heading__code, .p-article-heading__date {
  display: block;
  width: 100%;
  font-family: "Oswald", sans-serif!important;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: 500;
  font-size: 116%;
  letter-spacing: 4px;
  text-align: right;
}
.p-article-heading__label-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
    margin-top:0.5em;
  }
@media print, screen and (min-width: 48em) {
  .p-article-heading__label-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: -4px;
    margin-top: 1em;
  }
}
.p-article-heading__label {
  display: block;
  margin-bottom: 4px;
  margin-left: 10px;
  padding-top: 7px;
  padding-bottom: 5px;
  padding-right: 8px;
  padding-left: 8px;
  background-color: #898989;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  letter-spacing: 1px;
  text-align: center;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  font-size: 85%;
}
@media print, screen and (min-width: 48em) {
  .p-article-heading__label {
    font-size: 100%;
  }
}

/* ==========================================================================
【共通】　ソーシャルボタン
========================================================================== */

.p-social-button-module {
  margin-top: 35px;
  padding-top: 15px;
  padding-bottom: 19px;
  padding-right: 14px;
  padding-left: 14px;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
}
@media print, screen and (min-width: 48em) {
  .p-social-button-module {
    margin-top: 55px;
    padding-top: 30px;
    padding-bottom: 30px;
    padding-right: 38px;
    padding-left: 38px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-social-button-module {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.p-social-button-module__text {
  margin-bottom: 6px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 123.1%;
}
@media print, screen and (min-width: 61.25em) {
  .p-social-button-module__text {
    margin-bottom: 0;
    font-size: 138%;
  }
}

.p-social-button-module__button-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 20px;
  margin-right: 10px;
}

.p-social-button-module__button {
  min-height: 30px;
  margin-right: 6px;
  padding: 0;
  border: 0;
  line-height: 18px;
  text-indent: 0;
}
.p-social-button-module__button:last-child {
  margin-right: 0;
}
.p-social-button-module__button img {
  display: block;
}


/* ==========================================================================
【共通】　20190409 エレコム追加お知らせ ■インデックスページ用CSS 【news共通】
========================================================================== */

.p-notice-panel--blog .p-notice-panel__text {
  margin-bottom: 8px;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
  font-weight: bold;
  font-size: 131%;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--blog .p-notice-panel__text {
    font-size: 133%!important;
  }
}
.p-notice-panel--blog .p-notice-panel__text {
	margin-bottom: 0.25em!important;
}
/* ==========================================================================
【共通】　20180820 エレコム追加 展示会用 ■インデックスページ用CSS 【news共通】
========================================================================== */

.p-banner-list__label {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 5px;
  padding-bottom: 4px;
  padding-right: 6px;
  padding-left: 6px;
  background-color: #898989;
  font-size: 85%;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  letter-spacing: 1px;
}
.p-banner-list__label.p-banner-list__label--going {
  background-color: #cc0202;
}
.p-banner-list__label.p-banner-list__label--pre {
  background-color: #014099;
}
.p-banner-list__label.p-banner-list__label--close {
  background-color: #898989;
}


/* ==========================================================================
【共通】　20180820 規約テキスト */

.c-list--annotation{
  font-size: 85%;
}

/* ==========================================================================
【共通】　20180820 関連リンクリスト */
ul.c-relation-link{
	font-size:100%;
}

/* ==========================================================================
【共通】　20180820 エレコム追加 ■製品ページリンク - エントリーページ共通CSS追加　【news共通】
========================================================================== */

@media print, screen and (min-width: 61.25em) {
.c-list--annotation{
    font-size: 93%;
  }
}
.p-notice-panel.p-notice-panel--entry {
  padding-bottom:0;
}
.p-notice-panel--entry .p-notice-panel__heading--date {
  color: #333;
}

.p-notice-panel--entry .p-notice-panel__text {
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-panel--entry a:hover .p-notice-panel__text {
    color: #009DFF;
  }
}
.p-notice-panel--entry {
  background-color: transparent;
  box-shadow: none;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  border-bottom: none;
}
.p-notice-panel--entry a {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-panel--entry a:hover {
    background-color: transparent;
  }
}

/* =リンク製品の画像============================ */

.p-notice-panel__image-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
  width: 68px;
  height: 68px;
  margin-right: 12px;
  vertical-align: middle;
}
.p-notice-panel__image-area img {
  width: 100%;
  display: block;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;

}
@media print, screen and (min-width: 61.25em) {
  .p-notice-panel__image-area {
     width: 68px;
    height: 68px;
    margin-right: 15px;
  }
}
.p-notice-panel--entry　.p-notice-panel__image-area img {
  width: 100%;
  display: block;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  .p-notice-panel--entry　.p-notice-panel__image-area img {
    width: 100%;
    display: block;
    transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  }
}
@media print, screen and (min-width: 61.25em) {
 .p-notice-panel--entry a:hover .p-notice-panel__image-area img {
    opacity: 0.6;
  }
}


/* =リンク製品のシリーズ名・製品名エリア ============================ */

.p-notice-panel__text-area {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  -webkit-font-feature-settings: 'palt' 1;
          font-feature-settings: 'palt' 1;
          vertical-align: middle;
}

.p-notice-panel__text {
  font-size: 100%;
  font-weight:bold;
  line-height: 1.4;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
.p-notice-panel__text {
  color: #2051b2;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-notice-panel__text {
    color: #009DFF;
  }
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel__heading {
    margin-bottom: 5px;
  }
}
.p-notice-panel__text{
  color: #2051b2;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel__text{
    font-size: 116%;
  }
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--entry .p-notice-panel__desc {
    font-size: 100%;
  }
}
/************************************************************************
module.css 上書き対応 20180903対応_お問い合わせボタン
*************************************************************************/

.c-nquiry-section{
  margin:3em 0 0 0;
}


@media print, screen and (min-width: 40.0625em) {
  .c-nquiry-section {
  }
}
@media print, screen and (min-width: 61.25em) {
  .c-nquiry-section {
    padding-right: 0;
    padding-left: 0
  }
}
.c-nquiry-section .p-contact-block--business .p-contact-block__container--bottom {
  margin-top: 16px;
}
@media print, screen and (min-width: 48em) {
  .c-nquiry-section .p-contact-block--business .p-contact-block__container--bottom {
    margin-top: 0;
  }
}

.c-nquiry-section .p-contact-block--business .p-contact-block__heading{
  margin-bottom: 10px;
}



.c-nquiry-section  .c-button-1 span {
  display: block;
  position: relative;
  white-space: nowrap;
  z-index: 2;
  font-size: 108%;
}
@media print, screen and (min-width: 61.25em) {
  .c-nquiry-section  .c-button-1 span {
    font-size: 146.5%;
  }
}

.c-nquiry-section .p-contact-block--business .p-contact-block__module {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  text-align: center;
}
@media print, screen and (min-width: 48em) {
  .c-nquiry-section .p-contact-block--business .p-contact-block__module {
    width: 100%;
    max-width: 700px;
  }
}


@media print, screen and (min-width: 61.25em) {
  .p-button-container {
    text-align: center;
  }
  .p-button-container__inner {
    display: inline-block;
    text-align: center;
    margin-left: 0.5em;
    margin-right: 0.5em;
  }
}

/************************************************************************
module.css 上書き対応 20190405 ニュースリリース表題スマホレイアウト対応
*************************************************************************/
.p-product-heading {
  margin-top: 18px;
  margin-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media print, screen and (min-width: 40.0625em) {
  .p-product-heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}


.p-entry-body{
  margin-bottom: 3.5em;
}


/************************************************************************
module.css 上書き対応 20190409 プルダウン幅
*************************************************************************/
@media print, screen and (min-width: 48em) {
  .p-term__select {
    min-width: 165px!important;
  }
}
/************************************************************************
module.css 上書き対応 20190409 表題・概要文
*************************************************************************/
.p-notice-panel--blog .p-notice-panel__text {
    font-size: 100%!important;
    font-weight: normal!important;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--blog .p-notice-panel__text {
    font-size: 123.1%!important;
    font-weight: normal!important;
  }
}
  .p-notice-panel--blog .p-notice-panel__desc {
    display: none;
  }

/************************************************************************
module.css 上書き対応 20200228 「更新」追加対応
*************************************************************************/
.c-txt-koshin{
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo!important;
    font-weight: bold!important;
    letter-spacing:normal;
}



/************************************************************************
カテゴリアイコンデザイン 20200716
*************************************************************************/

.p-tab-switcher__item {
  margin-right: 1.4%;
}
.p-tab-switcher__item:last-child {
  margin-right:0;
}
.p-notice-panel__image-area img {
    border: solid 1px #e6e6e6!important;
    box-sizing: border-box;
}
@media print,screen and (max-width: 40em) {
  .p-1-line{
    display: inline-block;
    margin-top: 0.75em;
  }
}

/*アイコン共通デザイン*/
.p-notice-panel__label{
  font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo;
  background-color: #fff!important;
  width: 105px;
  text-align: center;
  border-radius: 2px;
}
/*アイコン ニュースリリース*/
.p-notice-panel__label.icn-news-release{
  border:solid 1px #014099;
  box-sizing: border-box;
  color: #014099;
}
/*アイコン 新製品情報*/
.p-notice-panel__label.icn-news-products{
  border:solid 1px #333333;
  box-sizing: border-box;
  color: #333333;
}
/*アイコン お知らせ*/
.p-notice-panel__label.icn-news-info{
  border:solid 1px #2b6e2e;
  box-sizing: border-box;
  color: #2b6e2e;
}
/*アイコン 重要なお知らせ*/
.p-notice-panel__label.icn-news-important{
  border:solid 1px #cc0202;
  box-sizing: border-box;
  color: #cc0202;
}
/*アイコン セキュリティ情報*/
.p-notice-panel__label.icn-news-security{
  border:solid 1px #6b4399;
  box-sizing: border-box;
  color: #6b4399;
}
/*複数アイコン表示*/
@media print, screen and (min-width: 48em) {
  .p-notice-panel__label {
    margin-left: 4px;
  }
}


/*******************************************************
一覧画像サイズ
********************************************************/


.p-notice-panel__image-area {
    width: 80px!important;
    height: 80px!important;
    margin-right: 15px!important;
}
@media print, screen and (min-width: 48em) {
  .p-notice-panel--list .p-notice-panel__heading, .p-notice-panel--blog .p-notice-panel__heading {
    margin-bottom: 8px!important;
  }
}


/*******************************************************
2023新ver　日付フォントサイズ調整
********************************************************/

/*2023新ver　右上　日付フォントサイズ調整*/
.c-article-head-code {
    font-family: "Oswald", sans-serif;
    -webkit-font-feature-settings: 'palt' 1!important;
    font-feature-settings: 'palt' 1!important;
    font-size: 116%!important;
    font-weight: 500!important;
    letter-spacing: 4px;
    text-align: right;
}
.c-article-head-date {
    font-family: "Oswald", sans-serif;
    -webkit-font-feature-settings: 'palt' 1!important;
    font-feature-settings: 'palt' 1!important;
    font-size: 116%!important;
    font-weight: 500!important;
    letter-spacing: 4px;
    text-align: right;
}
/*2023新ver　訂正文　日付フォントサイズ調整*/
.c-article-information__date{
    font-family: "Oswald", sans-serif;
    -webkit-font-feature-settings: 'palt' 1!important;
    font-feature-settings: 'palt' 1!important;
    font-weight: 500!important;
    letter-spacing: 4px;
}
.c-input-select__list {
    max-height: 800px!important;
}