@charset "shift-jis";

/* ==========================================================================
   text
========================================================================== */

.ttlLftBdr{
  font-size: 22px;
  border-bottom: 3px solid #f0efe5;
  border-left: 0;
  padding: 0;
}
.txtSml{
  font-size: 16px;
}
.leadMain{
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}
.lead{
  font-size: 18px;
  margin-bottom: 10px;
}
.note{
  font-size: 13px;
}
.ttlRed{
  background-color: #e83928;
  color: #fff;
  font-size: 21px;
  padding: 12px 20px 10px;
  margin-bottom: 15px;
}
.anchorBox{
  background: #f7f7f7;
  padding: 15px 20px;
  margin: 30px 0 0;
}
.anchorBox li{
  display: inline-block;
  vertical-align: top;
  font-weight: bold;
  margin-right: 15px;
}
.anchorBox li a{
  background: url(/lifecare/common_renew/img/arrow_pagelink.gif) no-repeat left center;
  padding-left: 18px;
}
@media screen and (max-width: 767px) {
  .ttlLftBdr{
    font-size: 20px;
  }
  .leadMain{
    font-size: 17px;
  }
  .lead{
    font-size: 16px;
  }
  .ttlRed{
    font-size: 18px;
    padding: 10px 10px 8px;
    margin-bottom: 10px;
  }
  .anchorBox{
    padding: 10px 10px;
    margin: 20px 0 0;
  }
}

/* ==========================================================================
   shop-list
========================================================================== */
.secWrap {
  margin-top: 40px;
}
.secWrapIn {
  margin-top: 30px;
}
.stationList .station {
  padding: 12px 15px 12px 15px;
  border-bottom: 2px dotted #e1e1e1;
  display: flex;
  align-items: center;
}
.stationList .station .infoMain{
  width: 300px;
  box-sizing: border-box;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  border-right: 1px solid #dadada;
}
.stationList .station .infoMain dt {
  font-weight: bold;
}
.stationList .station .infoMain dd {
  font-size: 14px;
}
.stationList .station .infoPhone{
  width: 220px;
}
.stationList .station .infoPhone dt {
  font-size: 19px;
  font-weight: bold
}
.stationList .station .infoPhone dt span {
  background: url(/lifecare/station/img/icon_phone.png) no-repeat 0 48%;
  padding: 0 0 0 31px;
}
.stationList .station .infoPhone dd {
  font-size: 14px;
}
.stationList .station .btn {
  width: 70px;
}
.stationList .station .btn a {
  line-height: 43px;
  display: block;
  background-image: -moz-linear-gradient( 90deg, rgb(230,230,230) 0%, rgb(248,248,248) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(230,230,230) 0%, rgb(248,248,248) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(230,230,230) 0%, rgb(248,248,248) 100%);
  border-radius: 3px;
  text-align:center;
  border: 1px solid #d4d4d4;
  font-size: 15px;
  position: relative;
  padding-right: 5px;
}
.stationList .station .btn a:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 0px 5px 5px;
  border-color: transparent transparent transparent #333;
  top: 50%;
  right: 10px;
  margin-top: -5px;
}
@media screen and (max-width: 767px) {
	.stationList .station {
    display: block;
    overflow: hidden;
		padding: 0 0 15px;
		margin: 0 0 15px;
	}
	.stationList .station:last-child {
		margin: 0;
		border-bottom: none;
	}
	.stationList .station .infoMain {
		width: 100%;
    border: 0;
    padding: 0;
		margin: 0 0 8px;
	}
  .stationList .station .infoMain dt{
    font-size: 18px;
  }
	.stationList .station .infoPhone {
		float: left;
		width: 70%;
		text-align: center;
	}
	.stationList .station .infoPhone a {
		display: block;
		font-size: 14px;
		color: #fff;
    background: #e94232 url(/lifecare/station/img/icon_tel.png) no-repeat left 12px center;
		line-height: 1;
		border-radius: 4px;
		padding: 8px 0 6px 15px;
    position: relative;
	}
	.stationList .station .infoPhone a  span {
		display: block;
    padding-top: 3px;
		font-size: 11px;
	}
	.stationList .station .btn {
		float: right;
		width: 27%;
		text-align: center;
	}
	.stationList .station .btn a {
		font-size: 15px;
		border-radius: 5px;
    line-height: 45px;
	}
	.stationList .station .infoPhone a:after,
  .stationList .station .btn a:after{
		display: block;
		width: 6px;
		height: 6px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		margin-top: -4px;
    right: 10px;
    top: 50%;
  }
  .stationList .station .infoPhone a:after{
		content: "";
    position: absolute;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
  }
  .stationList .station .btn a:after{
    border: 0;
		border-top: 1px solid #333;
		border-right: 1px solid #333;
  }
}