@charset "Shift_JIS";
#mainArea{
  margin: 0 auto;
  font-size: 100%;
  color: #000000;
  letter-spacing: 1px;
  line-height: 2;
}
a{
  text-decoration: none;
}
.left{
  text-align: left;
}
.blc{
  display: block;
}
.in-blc{
  display: inline-block;
}
.f-14{
  font-size: 1.4rem;
}
.f-20{
  font-size: 2.0rem;
}
.f-24{
  font-size: 2.4rem;
}
.f-45{
  font-size: 4.5rem;
line-height: 1.4;
}
.f-en{
  font-family: 'Montserrat', sans-serif;
  letter-spacing: .075em;
  color: #002f53;
}
.f-ja{
  font-family: 'Noto Sans JP', sans-serif;
  letter-spacing: 1px;
}
.inner_{
  width: 1100px;
  padding: 5% 0;
  margin: 0 auto;
  text-align: center;
}
.btnArea_ a {
      border: 1px solid #c7a982;
      color: #ffffff;
      text-align: center;
      padding: 4% 0;
      transition: all .3s;
      display: inline-block;
      text-decoration: none;
      width: 250px;
      margin: 8% 0;
      background-color: #c7a982;
        font-family: 'Noto Sans JP', sans-serif;
}
.btnArea_ a:hover {
  color: #c7a982 !important;
  background-color: #ffffff;
}
h3{
  position: relative;
  margin: 0 0 8% 0;
}
h3::after{
  position: absolute;
  content: url(/campaign/2019/shipsk_timetable_1001/pc/images/icon.png);
  left: 50%;
  width: 102px;
  height: 36px;
  display: block;
  margin-left: -51px;
  margin-top: 25px;
}
h4{
  margin: 5% 0 2% 0;
}
.comment_{
  display: inline-block;
  width: 35%;
  text-align: left;
  margin: 5% 0 5% 5%;
}
.itemArea_{
  background: #f6f3e9;
      padding: 5% 0;
      margin: 10% 0 5% 0;
}
.itemArea_ ul li{
  display: inline-block;
  width: 31.5%;
  text-align: center;
  margin: 5% 0 0 0;
}
.timetable_{
  margin: 0 auto 5%;
  text-align: left;
  padding: 5%;
  border: 1px solid #ded8c2;
}