/* CSS Document */
body {
	line-height: 1.8;
	font-size: 62.5%;
    font-family: 'Noto Sans JP',メイリオ, Meiryo, Osaka, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #444;
	background-color: #F4F4F4;
	-webkit-print-color-adjust: exact;
}

a:link {
	color: #889b22;
	text-decoration:none;
}

a:hover, a:active {
	color: #F90;
	text-decoration:underline;
}

a:visited {
	color:#002855;
	text-decoration:none;
}

a:hover img {
	/* filter: alpha(opacity=80);
	opacity:0.8; */
}

.underline-none{text-decoration: none !important;}

a.logo-dell{
  display: block;
  width: 200px;
  line-height: 0;
}
a.logo-msys{
  display: block;
  width: 140px;
  margin-left: 20px;
  line-height: 0;
}

/*
ヘッダー
---------------------------*/
a.product-btn{
  display: block;
  border-radius: 3px;
  border: #ddd solid 1px;
  background: #fff;
  overflow: hidden;
  padding: 15px 30px;
}
a.inq-btn{
  width: 270px;
  padding: 12px 0px;
  font-size: 14px;
  text-align: center;
  display: block;
  color: #FFF;
  text-decoration: none;
  transition: background-color 0.3s,color 0.3s;
  background-color: #007db8;
  border: #ddd 1px solid;
  border-radius: 3px;
  margin-left: 20px;
}
a.inq-btn:hover{
	background-color: rgba(255,255,255,1);
	color: rgba(33,33,33,1);
}

.nav-text{
  display:block;
  float: right;
  line-height: 1.2rem;
  font-size: 1.0rem;
  font-weight:300;
  color: #444 !important;
  margin-left: 3px;
}
.telephone{
  text-align: right;
  font-size: 0.8rem;
  margin-bottom: 5px;
}


/*
フッター
-----------------------------*/
footer .footerNav{
  width: 640px;
  margin: 0 auto 10px;
  overflow: hidden;
  list-style: none;
      padding-top: 20px;
}
footer .footerNav li{
  float: left;
}
footer .footerNav li a{
  display: block;
  font-size: 0.8rem;
  padding: 0 20px;
  border-left: 1px solid #ccc;
  color: #444;
}
footer .footerNav li:first-child a{
  border: none;
}
footer .copyright{
  text-align: center;
}

@media print, screen and (max-width: 780px){
	footer {
	  padding-top: 0px;
	}
	footer .footerNav{
	  width: 100%;
	  padding: 0;
	}
	footer .footerNav li{
	  width:100%;
	  margin-bottom: 20px;
	}
	footer .footerNav li a {
	  display: block;
	  font-size: 0.8rem;
	  padding: 10px 20px;
	  border:none;
	}
}
/*
製品ナビエリア設定
--------------------------------*/
.card-link{
  color: #444;
}
.uk-label-force {
    background-color: #1e87f0 !important;
    line-height: 1.5;
    font-size: 0.875rem;
    color: #fff !important;
}
.uk-card-badge-force {
    top: 10px !important;
    right: 10px !important;
}
/*
UIKIT基準値変更
--------------------------------*/
.uk-card-body-force{
  padding: 10px;
}
.uk-card-body-force {
  padding: 10px !important;
  text-align: justify !important;
}

/*
テキストレスポンシブ調整：タイトル
----------------------------*/
.title-change{font-size: 2.625rem;}
/* Desktop and smaller @xl */
@media (max-width: 1599px) {
.title-change{font-size: 2.625rem !important;}
}
/* Tablet landscape and smaller @l */
@media (max-width: 1199px) {
.title-change{font-size: 2.0rem !important;}
}
/* Phone landscape and smaller @m */
@media (max-width: 959px) {
.title-change{font-size: 1.6rem !important;}
}
/* Phone portrait and smaller @s @n */
@media (max-width: 779px) {
.title-change{font-size: 1.4rem !important;}
}
@media (max-width: 666px) {
.title-change{font-size: 1.2rem !important;}
}
/*
テキストレスポンシブ調整：サブタイトル
----------------------------*/
.subtitle-change{font-size: 1.8rem;}
/* Desktop and smaller @xl */
@media (max-width: 1599px) {
.subtitle-change{font-size: 1.8rem !important;}
}
/* Tablet landscape and smaller @l */
@media (max-width: 1199px) {
.subtitle-change{font-size: 1.6rem !important;}
}
/* Phone landscape and smaller @m */
@media (max-width: 959px) {
.subtitle-change{font-size: 1.4rem !important;}
}
/* Phone portrait and smaller @s @n */
@media (max-width: 779px) {
.subtitle-change{font-size: 1.2rem !important;}
}
@media (max-width: 666px) {
.subtitle-change{font-size: 1.0rem !important;}
}

/* totop button */
.page-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  font-size: 1.4em;
  display:none;
  z-index:999;
}
.page-top a {
  color:#000;
  transition: color 1.0s;
}
.page-top a:hover {
  text-decoration: none;
  color:#E50011;
  cursor:pointer;
}