@charset "utf-8";

.pageTitle span small {
  margin-left: 0;
  margin-right: 15px;
}
.letter {
  text-align: center;
  margin-bottom: 15px;
}
.letter img {
  display: inline;
  width: 350px;
}
.image-sample {
  text-align: center;
  padding-top: 10px;
}
.sticker {
  text-align: center;
  margin-bottom: 15px;
}
.table {
  width: 100%;
}
.table th {
  width: 25%;
  background: #f4f4f4;
  border: 1px solid #dadada;
  padding: 10px 15px;
  font-weight: bold;
  text-align: left;
}
.table td {
  border: 1px solid #dadada;
  padding: 10px 15px;
}
.box {
  background: #f4f4f4;
  padding: 20px;
  margin-bottom: 15px;
}
.box h3 {
  margin-bottom: 15px;
}
.box2 {
  background: #0066cc;
  color:#ffffff;
  font-size:1.5em;
  text-decoration:bold;
  text-align:center;
  padding: 20px;
  margin-bottom: 15px;
  border-radius: 1em;
}
.text-plus {
  font-size:2em;
  color:#0066cc;
  text-decoration:bold;
}

dl.mysubarunumber {
  font-size:1.3em;
  margin-bottom: 20px;
}

dl.mysubarunumber dt {
  float:left;
  background: #99ccff;
  color:#ffffff;
  text-decoration:bold;
  text-align:center;
  padding: 3px 10px 3px 10px;
  margin-right: 10px;
  border-radius: 0.5em;
}
.clear{
  clear:both;
}

a.mysubarulinkbt1 {
  background: #ff9900;
  font-size:1.18em;
  padding: 10px;
  border-radius: 0.5em;
}

a.mysubarulinkbt1:link,
a.mysubarulinkbt1:visited,
a.mysubarulinkbt1:active {
  color:#ffffff;
}

a.mysubarulinkbt1:hover{
  background: #ffcc66;
  color:#ffffff;
}

div.boxlarge{
  width: 100%;
  text-align:center;
}


@media screen and (max-width: 767px) {
  .letter img {
    width: 280px;
  }
  .sticker img {
    width: 100%;
  }
  .table {
    width: 100%;
  }
  .table th {
    display: block;
    width: 100%;
    box-sizing: border-box;
    border-bottom: none;
    border-top: none;
  }
  .table tr:first-child th {
    border-top: 1px solid #dadada;
  }
  .table td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
}