@charset "shift-jis";
/**
* css for station
*/


@media screen and (max-width: 767px) {

  #main {
    max-width: 100%;
		padding: 0 10px 10px;
		box-sizing: border-box;
	}
	#main #mainIn {
		padding: 10px 0 0;
	}
	.sttlMainColor,
	.ttlUnder {
		margin-left: -10px;
		margin-right: -10px;
	}
	#catArea {
		min-width: 320px;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		margin: 10px 0;
		background-image: none;
	}
	#catArea .section {
		max-width: auto;
	}
	#catArea h2 {
		padding-top: 0;
	}
	#catArea .section img {
		width: 100%;
		height: auto;
	}
	#mapSearch {
		display: none;
	}
	.pageLink {
		margin: 15px 0;
	}
	.areaBox {
		border: 0;
	}
	.areaBox .localBox {
		padding: 12px 10px;
		border-bottom: 0;
	}
	.areaBox .localBox table {
		display: table;
		width: 100%;
	}
	.areaBox .localBox th {
		width: 100%;
		display: block;
		margin-bottom: 15px;
		float:left\9;
	}
	.areaBox .localBox td {
		width: 100%;
		display: block;
		float:left\9;
	}
	.areaBox .localBox td li {
		width: 100%;
		display: block;
		box-sizing:border-box;
	}
	.stationBox {
		border-radius: 0;
	}
	.stationBox .stationBoxIn {
		padding: 10px;
	}
	.areaBox .ttl {
		text-align: right;
		height: 4em;
	}
	.areaBox .ttl h4 {
		text-align: left;
	}
	.areaBox .ttl .btnAll,
	.areaBox .ttl .icon {
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -37px;
		left: -13px;
	}
	.stationBox .sttlBold {
		padding-right: 110px;
	}
	.stationBox .stationBoxIn .info .detailSec,
	.stationBox .stationBoxIn .info p {
		width: 100%;
		float: none;
	}
	.stationBox .stationBoxIn .info .detailSec ul li.stationTel .halfL,
	.stationBox .stationBoxIn .info .detailSec ul li.stationTel .halfR{
		display:block;
		margin-bottom:0;
	}
	.stationBox .stationBoxIn .info .detailSec ul li.stationTel .pc-only{
		display:none !important;
	}
	.stationBox .stationBoxIn .info .stationTel .sp-only{
		display:inline !important;
		font-weight:normal;
	}
	.stationBox .stationBoxIn .info p {
		margin-bottom: 20px;
	}
	.stationBox .stationBoxIn .info p img {
		display: block;
		margin: auto;
		width: auto !important;
	}
	.stationBox .stationBoxIn .mapBtn {
		right: 0;
		top: 0;
		position:static;
		display:inline-block;
		line-height:25px;
		vertical-align:middle;
		margin-left:10px;
	}
	.stationBox .sttlBold{
		padding-right:0;
	}
	.stationBox .stationBoxIn .fr{
		float:none;
		width:105px;
	}
	
/* 20220414 */
  .spOnly {display: block}
  .pcOnly {display: none}

/* 20220621 */
  .pageLink_btn {
    width: 60%;
    margin: 0 auto 30px;
    text-align: center;
  }
  .pageLink_btn a {
    display: block;
    padding: 6px 0;
    font-size: 14px;
    line-height: 2;
    color: #e83928;
    border: 1px #e83928 solid;
    border-radius: 25px;
  }
  .pageLink {
    background: none !important;
    margin: 15px 0;
  }
  .pageLink li {
    background-image: none!important;
    padding: 0;
  }
  .pageLink a {
    display: block;
    padding: 10px 15px;
    background: #f7f7f7;
    border: 1px #DDD solid;
    position: relative;
  }
  .pageLink a::after {
    content: "��";
    clear: both;
    overflow: hidden;
    float: right;
    color: #e83928;
  }







}