@charset "shift-jis";

#contentsIn.conts2clm{
  width: 960px;
}
.conts2clm #main{
  box-sizing: border-box;
  width: 706px;
  border: 2px solid #f0efe5;
  float: right;
  padding: 30px;
}
.conts2clm #side{
  width: 230px;
  float: left;
}
#side {
  width: 230px;
  float: left;
}
#side #sideIn {
  background-color: #f0efe5;
  border: 3px solid #f0efe5;
  position: relative;
  margin-bottom: 20px;
}
#side .ttl {
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  padding: 23px 0 20px 0;
}
#side .ttl:before{
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 19px;
  height: 22px;
  background: url(/lifecare/station/img/icon_station.gif) no-repeat;
  margin: -2px 10px 0 0;
}
#side ul li {
  border-top: 2px solid #f0efe5;
}
#side ul li a{
  display: block;
  padding: 20px 5px 20px 28px;
  font-size: 15px;
  font-weight: bold;
  background:#fff url(/lifecare/common_renew/img/arrow_side.gif) no-repeat 8px 23px;
}
#side ul .active a,
#side ul li:hover a{
  background-color: #fad7d4;
  color: #e83928;
}
#side ul .active a{
  pointer-events: none;
}

@media screen and (max-width: 767px) {
  #contentsIn.conts2clm{
    width: 90%;
  }
  .conts2clm #main{
    width: 100%;
    border: 0;
    border-radius: 0;
    float: none;
    padding: 0;
  }
  .conts2clm #side{
    display: none;
  }
}