
/*マージン付与*****************************************************************************/
.c-mb10 {margin-bottom: 10px!important;}
.c-mb15 {margin-bottom: 15x!important;}
.c-mb20 {margin-bottom: 20px!important;}
.c-mb25 {margin-bottom: 25px!important;}
.c-mb30 {margin-bottom: 30px!important;}
.c-mb40 {margin-bottom: 40px!important;}
.c-mb50 {margin-bottom: 50px!important;}

.c-mt10 {margin-top: 10px!important;}
.c-mt15 {margin-top: 15px!important;}
.c-mt20 {margin-top: 20px!important;}
.c-mt25 {margin-top: 25px!important;}
.c-mt30 {margin-top: 30px!important;}
.c-mt40 {margin-top: 40px!important;}
.c-mt50 {margin-top: 50px!important;}


/*セクション内　画像調整*****************************************************************************/
.p-column-block__column .p-product-image {
  width: 100%;
  height: auto;
  margin:0 auto 5px auto!important;
}
.c-content-section-2 .img-center {
  width:100%;
  text-align: center;
}
.c-content-section-2 .img-center img {
  width: 100%;
  height: auto;
}
.img-center.imgw180 img {
  max-width: 180px;
  margin: 0 auto;
}
.img-center.imgw200 img {
  max-width: 200px;
}
.img-center.imgw220 img {
  max-width: 200px;
}
.img-center.imgw320 img {
  max-width: 320px;
}

.img-center.imgw350 img {
  max-width: 350px;
}
.img-center.imgw420 img {
  max-width: 420px;
}
.img-center.imgw600 img {
  max-width: 600px;
}
.img-center.imgw700 img {
  max-width: 700px;
}
.img-center.imgw715 img {
  max-width: 715px;
}
.img-center.imgw720 img {
  max-width: 740px;
}
.img-center.imgw740 img {
  max-width: 740px;
}
.img-center.imgw760 img {
  max-width: 760px;
}
.img-center.imgw790 img {
  max-width: 790px;
}
.img-center.imgw800 img {
  max-width: 800px;
}
.img-center.imgw830 img {
  max-width: 830px;
}
.img-center.imgw920 img {
  max-width: 920px;
}
.img-center.imgw1052 img {
  max-width: 1052px;
}

.p-product-image.imgw200 {
  max-width: 200px;
}
.p-product-image.imgw320 {
  max-width: 320px;
}
.p-product-image.imgw420 {
  max-width: 420px;
}

.p-product-image--main {
  height:  auto;
}


/*テキスト関連*****************************************************************************/

.c-caution-txt {
    color: #cc0202;
}
.c-info-txt {
    color: #666;
}

.p-product-accordion-panel__heading-text span em{
  font-style: normal!important;
  font-size:77%!important;
  padding-left:0.25em;
}


/*テキスト関連*****************************************************************************/
@media print, screen and (min-width: 48em) {
  .c-table-3column-list{
    width: 60%;
  }
}



/*画像1毎レイアウト　画像幅調整*****************************************************************************/

/*514px*/
@media print, screen and (min-width: 80em) {
  .p-column-block__column.p-column-block__column--large.imgw514 {
    width: 514px;
  }
}
.p-column-block__column.p-column-block__column--large.imgw514 img{
  max-width: 514px;
 }

/*420px*/
@media print, screen and (min-width: 80em) {
  .p-column-block__column.p-column-block__column--large.imgw420 {
    width: 420px;
  }
}

/*220px*/
@media print, screen and (min-width: 80em) {
  .p-column-block__column.p-column-block__column--large.imgw220 {
    width: 220px;
  }
}
.p-column-block__column.p-column-block__column--large.imgw220 img{
  max-width: 220px;
 }



/*個別クラス上書き*****************************************************************************/

/*.c-content-section-2 マージン調整*/
@media print, screen and (min-width: 48em) {
  .c-content-section-2 {
    margin-bottom: 20px!important;
  }
}

/*.c-content-section-1--has_border マージン調整*/
/*看板直下　対応製品リンク*/
.c-content-section-1--has_border {
  padding-top: 24px;
}
@media print, screen and (min-width: 48em) {
  .c-content-section-1--has_border {
    padding-top: 30px!important;
  }
}
.p-product-section-heading-1 {
  font-size: 146%!important;
}

/*汎用ボタン調整*/
.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-button-1 span {
    font-size: 123.1%!important;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-button-container__inner {
    padding-top: 15px;
  }
  .p-button-container--clear .p-button-container__inner {
    padding-top: 22px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-button-container__inner {
    width: 420px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 24px;
  }
  .p-button-container--clear .p-button-container__inner {
    width: 300px;
    /*margin-right: 0;*/
  }
}

/*セクション内対応製品リンクボックス*****************************************************************************/

.p-download-link-panel {
  box-sizing: border-box;
  position: relative;
  margin-bottom: 8px;
  background-color: #fff;
  border-style: solid;
  border-width: 1px;
  border-color: #cacaca;
  box-shadow: 0 7px 11px rgba(0, 0, 0, 0.05), 0 1px 5px rgba(0, 0, 0, 0.1);
}
@media print, screen and (min-width: 48em) {
  .p-download-link-panel {
    margin-bottom: 16px;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-download-link-panel:hover {
    color: #888;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.1), 0 3px 10px rgba(0, 0, 0, 0.2);
  }
}
.p-download-link-panel__inner {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
}
@media print, screen and (min-width: 87.5em) {
  .p-download-link-panel__inner {
    padding-top: 17px;
    padding-bottom: 16px;
    padding-right: 16px;
    padding-left: 16px;
  }
}

.p-download-link-panel__image {
  display: table;
  position: relative;
  width: 44px;
  height: auto;
  margin-right: 8px;
}
@media print, screen and (min-width: 48em) {
  .p-download-link-panel__image {
    width: 32.5%;
    max-width: 100px;
    margin-right: 20px;
  }
}
.p-download-link-panel__image img {
  display: table-cell;
  vertical-align: middle;
  position: relative;
  width: 100%;
  transition: opacity cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-download-link-panel__image img {
    opacity: 0.6;
  }
}

.p-download-link-panel__text {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.p-download-link-panel__title {
  display: inline-block;
  position: relative;
  margin-right: 11px;
  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%;
  line-height: 1.4;
  color: #333;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  word-break: break-all;
}
@media print, screen and (min-width: 48em) {
  .p-download-link-panel__title {
    font-size: 116%;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-download-link-panel__title {
    margin-right: 15px;
    font-size: 123.1%;
    margin-top: 3px;
  }
}
.p-download-link-panel__title:after {
  display: block;
  position: absolute;
  top: 50%;
  right: -13px;
  width: 5px;
  height: 5px;
  border-style: solid;
  border-width: 2px 2px 0 0;
  border-color: #333;
  -webkit-transform: translate(0, -50%) rotate(45deg);
          transform: translate(0, -50%) rotate(45deg);
  transition: border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, border-color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s, -webkit-transform cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  content: "";
}
@media print, screen and (min-width: 48em) {
  .p-download-link-panel__title:after {
    right: -9px;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-download-link-panel__title:after {
    right: -13px;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-download-link-panel__title:after {
    border-color: #888;
    -webkit-transform: translate(3px, -50%) rotate(45deg);
            transform: translate(3px, -50%) rotate(45deg);
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-download-link-panel__title {
    color: #888;
  }
}
.p-download-link-panel__title br {
  display: none;
}
@media print, screen and (min-width: 48em) {
  .p-download-link-panel__title br {
    display: block;
  }
}
@media print, screen and (min-width: 61.25em) {
  .p-download-link-panel__title br {
    display: none;
  }
}
@media print, screen and (min-width: 87.5em) {
  .p-download-link-panel__title br {
    display: block;
  }
}
@media print, screen and (min-width: 48em) {
  .browser-is-ie .p-download-link-panel__title {
    padding-top: 5px;
  }
}

.p-download-link-panel__desc {
  width: 100%;
  margin-top: 8px;
  line-height: 1.4;
  color: #333;
  transition: color cubic-bezier(0.215, 0.61, 0.355, 1) 0.15s;
}
@media print, screen and (min-width: 40.0625em) {
  .p-download-link-panel__desc {
    margin-top: 1px;
  }
}
@media print, screen and (min-width: 48em) {
  .p-download-link-panel__desc {
    font-size: 93%;
    line-height: 1.75;
  }
}
@media print, screen and (min-width: 61.25em) {
  a:hover .p-download-link-panel__desc {
    color: #888;
  }
}
.p-download-link-panel__desc br {
  display: none;
}
@media print, screen and (min-width: 80em) {
  .p-download-link-panel__desc br {
    display: block;
  }
}





/*保証規定・免責　リスト用スタイル*****************************************************************************/
.c-warranty-list{
}
.c-warranty-list li{
  margin-bottom: 1em;
}
.c-warranty-list li li{
  margin-bottom: 0;
  text-indent: -1em;
  padding-left: 1em;
  box-sizing: border-box;
}
.c-warranty-list li dl dt{
  font-weight: bold;
}
.c-warranty-list li dl dd dt{
  font-weight:normal;
  padding-left: 1.5em!important;
  box-sizing: border-box;
}
.c-warranty-list li dl dd{
  padding-left: 1.5em!important;
  box-sizing: border-box;
  margin-bottom: 0.5em;
}






.c-list li span {
  text-indent: 1.5em;
  display: block;
  font-size: 85%;
}

.p-product-accordion-panel__heading-text span span.title-sub{
  display: inline;
  font-size: 65%;
  padding-left: 1em;
}

/*無線LANルーターからの移植スタイル*****************************************************************************/

ul.caution-list {
  margin: 0 0 20px 0;
  color: #666;
  line-height: 1.5;
}
ul.caution-list li {
  text-indent: -1em;
  padding-left: 1em;
  font-size: 85%;
  margin: 0 0 5px 0;
}
ul.caution-list li.red {
  color: #d03158;
}

ul.support-item {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 110%;
}
ul.support-item li {
  display: inline-block;
  min-width: 80px;
  }
ul.support-item li span {
  display: block;
  padding: 5px 10px;
  margin-left: 3px;
  background: #a60000;
  color: #FFF;
  border-radius: 3px;
  text-align: center;
  font-weight: bold;
}
ul.support-item li span:last-child {
  margin: 0;
}


/*矢印アイコン*****************************************************************************/

/*矢印の縦線*/
.cp_arrows [class*='cp_arrow'] {
  position: relative;
  vertical-align: middle;
  display: inline-block;
  width: 4px;
  height: 20px;
  background: #0c3b81;
  border-radius: 4px;
  margin: 0 20px;
}
/*矢印の＜の部分*/
.cp_arrows [class*='cp_arrow']:before,
.cp_arrows [class*='cp_arrow']:after {
  position: absolute;
  content: '';
  top: -1.5px;
  width: 4px;
  height: 13px;
  background: #0c3b81;
  border-radius: 4px;
}
.cp_arrows [class*='cp_arrow']:before {
  left: 3px;
  transform: rotate(-45deg);
}
.cp_arrows [class*='cp_arrow']:after {
  right: 3px;
  transform: rotate(45deg);
}
.cp_arrows .cp_arrow_down {
  transform: rotate(180deg);
}