@charset "UTF-8";

/*　PC	*/
@media screen and (min-width: 1200px) {
	#access .table tbody>tr>td span,
	#ate-access .table tbody>tr>td span,
	#ripu-access .table tbody>tr>td span,
	#enjoy-access .table tbody>tr>td span {
    display: none;
  }

	#access .table thead>tr>th.no,
  #ate-access .table thead>tr>th.no,
	#ripu-access .table thead>tr>th.no,
	#enjoy-access .table thead>tr>th.no {
    position: sticky;
    width: 20%;
    font-size: 1em;
    text-align: center;
		font-weight: normal;
		border-width: 3px 0px 0px 1px;
  }

	#access .table tbody>tr>td.no,
  #ate-access .table tbody>tr>td.no,
	#ripu-access .table tbody>tr>td.no,
	#enjoy-access .table tbody>tr>td.no {
    position: sticky;
    width: 20%;
    font-size: 1em;
    text-align: center;
		border-width: 0px 0px 1px 1px;
  }

	#access .table thead>tr>th.keiyu,
	#access .table thead>tr>th.saki,
  #ate-access .table thead>tr>th.keiyu,
  #ate-access .table thead>tr>th.saki,
  #ate-access .table thead>tr>th.bus,
	#ripu-access .table thead>tr>th.keiyu,
	#ripu-access .table thead>tr>th.saki,
	#ripu-access .table thead>tr>th.bus,
	#enjoy-access .table thead>tr>td.keiyu,
	#enjoy-access .table thead>tr>td.saki {
    display: block;
    width: 100%;
		border-width: 1px 0px 1px 1px;
  }

	#access .table thead>tr>td.keiyu,
	#access .table thead>tr>td.saki,
  #ate-access .table thead>tr>td.keiyu,
  #ate-access .table thead>tr>td.saki,
  #ate-access .table thead>tr>td.bus,
	#ripu-access .table thead>tr>td.keiyu,
	#ripu-access .table thead>tr>td.saki,
	#ripu-access .table thead>tr>td.bus,
	#enjoy-access .table thead>tr>td.keiyu,
	#enjoy-access .table thead>tr>td.saki {
    display: block;
    width: 100%;
		border-width: 1px 0px 1px 1px;
  }

	#access .table tbody>tr>td.keiyu,
  #ate-access .table tbody>tr>td.keiyu,
	#ripu-access .table tbody>tr>td.keiyu,
	#enjoy-access .table tbody>tr>td.keiyu {
    display: block;
    width: 100%;
    font-size: 1em;
		border-width: 0px 0px 1px 1px;
  }

	#access .table tbody>tr>td.saki,
  #ate-access .table tbody>tr>td.saki,
	#ripu-access .table tbody>tr>td.saki,
	#enjoy-access .table tbody>tr>td.saki {
    display: block;
    width: 100%;
    font-size: 1em;
		border-width: 0px 0px 0px 1px;
  }

	#access .table thead>tr>td.bus,
	#ate-access .table thead>tr>td.bus,
	#rip-access .table thead>tr>td.bus,
	#enjoy-access .table thead>tr>td.bus {
    display: block;
    width: 100%;
		border-width: 1px 0px 0px 1px;
  }

	#access .table tbody>tr>td.bus,
  #ate-access .table tbody>tr>td.bus,
	#ripu-access .table tbody>tr>td.bus,
	#enjoy-access .table tbody>tr>td.bus {
    display: block;
    width: 100%;
    font-size: 1em;
    padding-left: 16px;
		border-width: 1px 0px 1px 1px;
  }
}

/*　TB	*/
@media screen and (min-width: 768px) and (max-width: 1200px) {
	#access .table tbody>tr>td span,
	#ate-access .table tbody>tr>td span,
	#ripu-access .table tbody>tr>td span,
	#enjoy-access .table tbody>tr>td span {
    display: none;
  }

	#access .table thead>tr>th.no,
  #ate-access .table thead>tr>th.no,
	#ripu-access .table thead>tr>th.no,
	#enjoy-access .table thead>tr>th.no {
    position: sticky;
    width: 20%;
    font-size: 1em;
    text-align: center;
		border-width: 3px 0px 0px 1px;
  }

	#access .table tbody>tr>td.no,
  #ate-access .table tbody>tr>td.no,
	#ripu-access .table tbody>tr>td.no,
	#enjoy-access .table tbody>tr>td.no {
    position: sticky;
    width: 20%;
    font-size: 1em;
    text-align: center;
		border-width: 0px 0px 1px 1px;
  }

	#access .table thead>tr>td.keiyu,
	#access .table thead>tr>td.saki,
	#access .table thead>tr>td.bus,
  #ate-access .table thead>tr>td.keiyu,
  #ate-access .table thead>tr>td.saki,
  #ate-access .table thead>tr>td.bus,
	#ripu-access .table thead>tr>td.keiyu,
	#ripu-access .table thead>tr>td.saki,
	#ripu-access .table thead>tr>td.bus,
	#enjoy-access .table thead>tr>td.keiyu,
	#enjoy-access .table thead>tr>td.saki {
    display: block;
    width: 100%;
		border-width: 1px 0px 1px 1px;
  }

	#access .table tbody>tr>td.keiyu,
  #ate-access .table tbody>tr>td.keiyu,
	#ripu-access .table tbody>tr>td.keiyu,
	#enjoy-access .table tbody>tr>td.keiyu {
    display: block;
    width: 100%;
    font-size: 1em;
		border-width: 0px 0px 1px 1px;
  }

	#access .table tbody>tr>td.saki,
  #ate-access .table tbody>tr>td.saki,
	#ripu-access .table tbody>tr>td.saki,
	#enjoy-access .table tbody>tr>td.saki {
    display: block;
    width: 100%;
    font-size: 1em;
		border-width: 0px 0px 0px 1px;
  }

	#access .table thead>tr>th.bus,
	#ate-access .table thead>tr>th.bus,
	#ripu-access .table thead>tr>th.bus,
	#enjoy-access .table thead>tr>td.bus {
    display: block;
    width: 100%;
		border-width: 1px 0px 0px 1px;
  }

	#access .table tbody>tr>td.bus,
  #ate-access .table tbody>tr>td.bus,
	#ripu-access .table tbody>tr>td.bus,
	#enjoy-access .table tbody>tr>td.bus {
    display: block;
    width: 100%;
    font-size: 1em;
    padding-left: 16px;
		border-width: 1px 0px 1px 1px;
  }
}

/*　SP	*/
@media screen and (max-width: 767px) {
	#access .table thead>tr>th.no,
	#access .table thead>tr>td.keiyu,
	#access .table thead>tr>td.saki,
	#access .table thead>tr>td.bus,
  #ate-access .table thead>tr>th.no,
  #ate-access .table thead>tr>td.keiyu,
  #ate-access .table thead>tr>td.saki,
  #ate-access .table thead>tr>td.bus,
	#ripu-access .table thead>tr>th.no,
	#ripu-access .table thead>tr>td.keiyu,
	#ripu-access .table thead>tr>td.saki,
	#ripu-access .table thead>tr>td.bus,
	#enjoy-access .table thead>tr>th.no,
	#enjoy-access .table thead>tr>td.keiyu,
	#enjoy-access .table thead>tr>td.saki,
	#enjoy-access .table thead>tr>td.bus {
		display: none;
	}
	
	#access .table tbody>tr>td.no,
	#access .table tbody>tr>td.keiyu,
	#access .table tbody>tr>td.saki,
	#ate-access .table tbody>tr>td.no,
  #ate-access .table tbody>tr>td.keiyu,
  #ate-access .table tbody>tr>td.saki,
	#ripu-access .table tbody>tr>td.no,
	#ripu-access .table tbody>tr>td.keiyu,
	#ripu-access .table tbody>tr>td.saki,
	#enjoy-access .table tbody>tr>td.no,
	#enjoy-access .table tbody>tr>td.keiyu,
	#enjoy-access .table tbody>tr>td.saki {
    display: block;
    width: 100%;
    font-size: 1em;
  }

	#access .table tbody>tr>td span,
	#ate-access .table tbody>tr>td span,
	#ripu-access .table tbody>tr>td span,
	#enjoy-access .table tbody>tr>td span {
		font-weight: bold;
  }

	#access .table tbody>tr>td.no span::after,
	#ate-access .table tbody>tr>td.no span::after,
	#ripu-access .table tbody>tr>td.no span::after,
	#enjoy-access .table tbody>tr>td.no span::after {
		font-weight: bold;
		content: "：";
		margin-left: 0.5em;
  }

	#access .table tbody>tr>td.keiyu span::after,
	#access .table tbody>tr>td.saki span::after,
	#ate-access .table tbody>tr>td.keiyu span::after,
	#ate-access .table tbody>tr>td.saki span::after,
	#ripu-access .table tbody>tr>td.keiyu span::after,
	#ripu-access .table tbody>tr>td.saki span::after,
	#enjoy-access .table tbody>tr>td.keiyu span::after,
	#enjoy-access .table tbody>tr>td.saki span::after {
		font-weight: bold;
		content: "：";
    margin-left: 1.5em;
  }
	
	#access .table tbody>tr>td.bus span::after,
	#ate-access .table tbody>tr>td.bus span::after,
	#ripu-access .table tbody>tr>td.bus span::after,
	#enjoy-access .table tbody>tr>td.bus span::after {
		font-weight: bold;
		content: "：";
    margin: 0 2em 0 0.5em;
  }
	
	#access .table tbody>tr>td.bus.blue,
	#access .table tbody>tr>td.bus.pink,
	#access .table tbody>tr>td.bus.red,
	#access .table tbody>tr>td.bus.green,
	#ate-access .table tbody>tr>td.bus.blue,
	#ate-access .table tbody>tr>td.bus.pink,
	#ate-access .table tbody>tr>td.bus.red,
	#ate-access .table tbody>tr>td.bus.green,
	#ripu-access .table tbody>tr>td.bus.blue,
	#ripu-access .table tbody>tr>td.bus.pink,
	#ripu-access .table tbody>tr>td.bus.red,
	#ripu-access .table tbody>tr>td.bus.green,
	#enjoy-access .table tbody>tr>td.bus.blue,
	#enjoy-access .table tbody>tr>td.bus.pink,
	#enjoy-access .table tbody>tr>td.bus.red,
	#enjoy-access .table tbody>tr>td.bus.green {
		padding-left: 8px;
		background-size: 15px auto;
		background-position: 5.5em center;
	}

	#access .table tbody>tr>td.bus,
  #ate-access .table tbody>tr>td.bus,
	#ripu-access .table tbody>tr>td.bus,
	#enjoy-access .table tbody>tr>td.bus {
    display: block;
    width: 100%;
    font-size: 1em;
    padding-left: 16px;
    align-items: center;
  }
}