.outline-black {
  padding: 15px;
  color: #ffffff;
  font-weight: bold;
  text-shadow: black 2px 0px 0px, black -2px 0px 0px, black 0px -2px 0px,
    black 0px 2px 0px, black 2px 2px 0px, black -2px 2px 0px, black 2px -2px 0px,
    black -2px -2px 0px, black 1px 2px 0px, black -1px 2px 0px,
    black 1px -2px 0px, black -1px -2px 0px, black 2px 1px 0px,
    black -2px 1px 0px, black 2px -1px 0px, black -2px -1px 0px,
    black 1px 1px 0px, black -1px 1px 0px, black 1px -1px 0px,
    black -1px -1px 0px;
}
.wifi-top-back {
  background-image: url("/image/cover-wifi-spring.jpg");
  background-repeat: no-repeat; /* 画像の繰り返しを指定  */
  //   background-position:top center;                     /* 画像の表示位置を指定  */
  background-position: center center;
  background-size: cover; /* 画像のサイズを指定    */

  width: 100%;
  padding-top: 100px;
  padding-bottom: 100px;
}
@media screen and (min-width: 1024px) {
  /*　画面サイズが1024pxからはここを読み込む　*/
  .wifi-top-back {
    width: 100%;
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .wifi-top-back h4 {
    font-size: 40px;
  }
}
.star-color {
  color: #ff4500;
}
.custom-btn {
  width: 48%;
  background: #ffffff;
  color: #000000;
  border: 1px solid #e1e1e1;
  margin-bottom: 10px;
}
.custom-product-btn {
  background: #ffffff;
  color: #000000;
  border: 1px solid #e1e1e1;
  margin: 3px;
  padding: 10px;
}
.custom-product-btn:hover {
  background: #f1f1f1;
  color: #000;
  font-weight: bold;
}
.custom-product-btn a {
  text-decoration: none;
  color: #000000;
}
.custom-red:hover {
  background: #dc143c;
  color: #ffffff;
}

.custom-blue:hover {
  background: #3f4bb8;
  color: #ffffff;
}

.custom-green:hover {
  background: #4c7737;
  color: #ffffff;
}