@charset "utf-8";

#station_table table {
	border-collapse: collapse;
	border-spacing: 0;
}
#station_table .fc_red {color: #F00;}
#station_table a {text-decoration: none;}
#station_table .clearfix, #station_table .cFix {
    min-height: 1px;
    margin: 0;
}
#station_table .clearfix:after, #station_table .cFix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
#station_table ul {
	margin: 0;
    padding: 0;
}
#station_table li {list-style: none;}
#station_table .tx12 {
	font-size: 12px;
	margin: 0;
}
#station_table .disnone{display:none!important;}
#station_table .important-caution{
	font-weight: bold;
	font-size: 16px;
}
#station_table p.transition{
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	text-align: right;
	padding:10px 10px;
}
#station_table p.receipt_txt {
	font-size: 12px;
	padding: 0 10px;
}

/*759px以下*/
@media screen and (max-width: 759.9px) {
#station_table .spnone,
#station_table .smpnone{display:none!important;}

/*タブ*/
#station_table .navi_pref {font-size: 14px;}
#station_table .navi_pref li{
	width: 25%;
    margin: 0 0 3%;
    text-align: center;
	float:left;
}
#station_table .navi_pref li:last-child {
	width: 100%;
	font-size: 10px;
	padding: 5px;
	text-align: right;
}
#station_table .f-modal-hint table{clear:both;}
#station_table .f-modal-hint table{width:96%; margin: 2%;}
#station_table .f-modal-hint table tr{width:100%;}
#station_table .f-modal-hint table th,
#station_table .f-modal-hint table td{
    text-align: center;
    font-size: 13px;
    line-height: 2;
    border: 1px solid #aaa;
    vertical-align: middle;
}
#station_table .f-modal-hint table td[id] {vertical-align: top;}
#station_table .f-modal-hint table th {
	background: #ccc;
    color: #111;
	line-height: 1.2;
}
#station_table .f-modal-hint tr th:nth-of-type(1){width:24%;}
#station_table .f-modal-hint tr th:nth-of-type(2){width:38%;}
#station_table .f-modal-hint tr th:nth-of-type(3){width:38%;}
#station_table .f-modal-hint tr td:last-child{font-size: 10px;}
#station_table .possible_stations {
	display: block;
    margin: 0 auto 3%;
}
#station_table .possible_stations > li {
	list-style: none;
    display: inline-block;
    margin: 0 0.5% 2%;
    font-size: 16px;
    background: #FFF;
    width: 24%;
	height: 50px;
    float: left;
    text-align: center;
    color: #243ba1;
    line-height: 1.8;
}
#station_table .possible_stations > li.select {
    background: #243ba1;
    color: #FFF;
}
#station_table .possible_stations > li:not(.select):hover{
	opacity:0.8;
	color:#ff180d;
	cursor:pointer;
}
#station_table .f-modal-hint {
    background-color: #fff;
    font-size: 18px;
}
#station_table .f-modal-hint > p.tx18 {
    border: 2px solid #aaa;
    margin: 1% 0;
}
#station_table .possible_stations__small_area {
	display: block;
    margin: 3% auto;
}
#station_table .f-modal-hint > p {padding: 5px;}
#station_table .possible_stations__small_area > li {
	list-style: none;
    display: block;
    margin: 0 auto 5px;
    font-size: 18px;
    background: #dedede;
    width: 96%;
    text-align: center;
    color: #111717;
    line-height: 1.5;
    box-sizing: border-box;
}
#station_table .possible_stations__small_area > li.select {
	color: #d5080d;
    font-weight: bold;
}
#station_table .possible_stations__small_area > li:not(.select):hover{
	opacity:0.8;
	color:#ff180d;
	cursor:pointer;
}
}

/*760px以上*/
@media screen and (min-width: 760px),print {
#station_table .pcnone{display: none!important;}

/*タブ*/
#station_table .navi_pref {
    margin: 0 0 2%;
    display: flex;
    font-size: 16px;
}
#station_table .navi_pref li{
	width: 100%;
    text-align: center;
}
#station_table .navi_pref li:last-child {
	font-size: 12px;
	align-items: center;
	padding-right: 25px;
	display: grid;
	box-sizing: border-box;
	text-align: right;
}
#station_table .f-modal-hint table {width:96%; margin: 2%;}
#station_table .f-modal-hint table tr{width:100%;}
#station_table .f-modal-hint table th {
	background: #ccc;
    color: #111;
}
#station_table .f-modal-hint table th,
#station_table .f-modal-hint table td{
    text-align: center;
    font-size: 18px;
    line-height: 2;
    border: 1px solid #aaa;
}
#station_table .f-modal-hint table td[id] {vertical-align: top;}
#station_table .f-modal-hint tr th:nth-of-type(1){width:20%;}
#station_table .f-modal-hint tr th:nth-of-type(2){width:40%;}
#station_table .f-modal-hint tr th:nth-of-type(3){width:40%;}
#station_table .possible_stations {
	display: flex;
    margin: 3% auto 2%;
}
#station_table .possible_stations > li {
	margin: 0 0.25%;
    font-size: 16px;
    background: #FFF;
    width: 9.5%;
    text-align: center;
    color: #243ba1;
    line-height: 1.8;
}
#station_table .possible_stations > li.select {
    background: #243ba1;
    color: #FFF;
}
#station_table .possible_stations > li:not(.select):hover{
	opacity:0.8;
	color:#ff180d;
	cursor:pointer;
}
#station_table .f-modal-hint {
    background-color: #fff;
    font-size: 24px;
}
#station_table .f-modal-hint > p.tx18 {
    border: 2px solid #aaa;
    margin: 1% 0;
}
#station_table .possible_stations__small_area {margin: 3% auto 2%;}
#station_table .f-modal-hint > p {padding: 15px;}
#station_table .possible_stations__small_area > li {
	float: left;
    display: block;
    margin: 0 0.5% 1%;
    font-size: 18px;
    background: #dedede;
    width: 32.33333%;
    text-align: center;
    color: #111717;
    line-height: 2.5;
}
#station_table .possible_stations__small_area > li.select {
	color: #d5080d;
    font-weight: bold;
}
#station_table .possible_stations__small_area > li:not(.select):hover{
	opacity:0.8;
	color:#ff180d;
	cursor:pointer;
}
}