@charset "UTF-8";
/*----------------------------------------
	common
----------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	/*font-family: "メイリオ", "Meiryo", "verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;*/
	line-height: 1.6;
}
fieldset, img, abbr {
	border: 0;
}
caption, th {
	text-align: left;
}
table {
	font-size: inherit;
	font: 100%;
}
img {
	vertical-align: top;
}
a {
	outline: none;
	/*\*/
	overflow: hidden;/**/
}
/*----------------------------------------
	default
----------------------------------------*/

h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, dd {
	margin: 0;
	padding: 0;
}
/*回り込みクリア*******************/
.clear {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0;
}
/*clearfix*******************/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac ?*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */


.header_btn {
	text-align: right;
}
/*visual*******************/


h1 {
/*  text-indent:-9999px;
	position:absolute;
	position:absolute;
	top:0px;
	left:0px;
	width: 10px;
	height: 10px;
	text-indent:-9999px;*/
}
/*----------------------------------------
	contentsArea
----------------------------------------*/

#Contents_all {
	width: 967px;
	min-height: 100%;
	font-size: 16px;
	font-family: "メイリオ", "Meiryo", "verdana", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	margin-left:auto;
	margin-right:auto;
}
#Contents_all img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	border: 0;
}
#mapContents h3 {
	padding-bottom: 1em;
	padding-top: 1em;
	background-color: #3F4A78;
	color: #FFFFFF;
	padding-left: 10px;
}
#mapContents h4 {
	padding-bottom: 1em;
	padding-top: 1em;
	background-color: #3F4A78;
	color: #FFFFFF;
	padding-left: 10px;
}
.taiou {
	background-color: #D7DFF9;
	padding: 10px;
}
.taiou02 {
	background-color:#FFDDEE;
	padding: 10px;
}
.taiou03 {
	background-color: #D7DFF9;
	padding: 10px;
	text-align: right;
	line-height: 0.5em;
	padding-top: 0.2em;
}
.P_number {
	font-size: 125%;
	font-weight: bold;
	padding-top: 1em;
	padding-right: 0;
	padding-left: 1em;
	padding-bottom: 1em;
}
.P_number span {
	font-size: 70%;
	font-weight: normal;
	padding-left: 1em;
}
.Ann_text {
	font-size: 82%;
	margin-top: 6px;
	color: #5C5C5C;
}
.Ann_text02 {
	font-size: 82%;
	margin-top: 6px;
	color: #5C5C5C;
	padding-left: 2em;
	text-indent: -2em;
}
.Ann_text03 {
	font-size: 82%;
	margin-top: 6px;
	color: #5C5C5C;
	padding-left: 2em;
	text-indent: -1.5em;
}
.Ann_text04 {
	font-size: 82%;
	color: #cc0000;
	margin-top:-10px;
	margin-bottom:10px;
}
.Ann_text04b {
	font-size: 82%;
	color:#5C5C5C;
	margin-top:-10px;
	margin-bottom:10px;
}
.Ann_text05 a {
	font-size: 82%;
	margin-right:20px;
}
.Ann_text06 {
	font-size: 82%;
	color: #5C5C5C;
	padding-left:10px;
}
.Note_box{
  font-size: 14px;
  color: #be0000;
  border: 1px solid #be0000;
  margin: 20px 20px 0 0;
  padding: 10px;
  font-weight: bold;
  display: flex;
  align-items: center;
}
.Note_img{
  padding-right: 10px;
}
.basic_01img {
	width: 210px;
	float: left;
	text-align: center;
}
.basic_01text {
	width: 737px;
	float: right;
}
.Price01 {
	/*	text-align:right;*/
	padding-right: 2em;
}
ul.Price02{
  display: flex;
  margin-left: 0 !important;
}
ul.Price02 li {
  margin-right: 1em;
  text-align: center;
  line-height: 1.2;
}
ul.Price02 li span {
  font-size: 82%;
}
.Basic_info {
	padding-bottom: 30px;
	border: 1px solid #3F4A78;
}
.Basic_info h1{
	display:none;
}
.naiyo01 {
	line-height: 25px;
	background-color: #D7DFF9;
	color: #3C3C3C;
	padding: 10px;
	font-weight: bold;
}
.naiyo01 img.new {
	margin-right: 10px !important;
}
.box01, .box02 {
	margin-bottom: 10px;
}
.box03 {
	margin-bottom: 20px;
}
.box02, .box03 {
	width: 476px;
	float: left;
	min-height: 160px;
	position: relative;
}
.box02 {
	margin-right: 10px;
}
.box_in {
	padding: 10px;
}
#mapContents ul {
	margin-left: 2em;
	margin-top: 1em;
	margin-bottom: 1em;
}

#mapContents ul.ul001{
	margin-left:1em;
	margin-right:1em;
}

.Button01 , .Button02 {
	text-align: right;
	margin-top:10px;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.Button03{
	text-align: left;
	margin-top:20px;
	width:230px;
	display:inline-block;
	margin-right:10px;
}
.Button04{
	text-align: left;
	width:220px;
	display:inline-block;
}
 .Button05 {
	text-align: right;
	margin-top:10px;
	right: 10px;
	bottom: 10px;
	 width:235px;
	 float: right;
}
.btn_index {
	border-top: solid 1px #B9B9B9;
	padding-top: 20px;
	text-align:right;
	clear:both;
	position:relative;
	min-height:58px;
}
.button01 , .button02 {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #424242;
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 40px;
	padding-bottom: 12px;
	background-color: #F3F3F3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #757575;
	position: relative;
	display: block;
	box-shadow: 0px 2px 2px #CFCFCF;
	-webkit-box-shadow: 0px 2px 2px #CFCFCF;
}

.button01:hover , .button02:hover{
	color: #F87706;
}

.button01:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #F87706;
}
.button01:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 10px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background:#F3F3F3;
}

.button02:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #424242;
}
.button02:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 10px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background:#F3F3F3;
}
.saisyu{
	vertical-align:middle !important;
	margin-left:10px !important;
}

.tabinavi_att {
    border: 1px solid #ccc;
    margin: 40px 20px;
    padding: 30px;
	font-size:88%;
	color:#666666;
}

.tabinavi_att .box_L01{
	width:610px;
	float:left;
}

.tabinavi_att .box_R01{
	width:220px;
	float:right;
}

.tabinavi_att ul {
    list-style-position: outside;
    list-style-type: disc;
}
.tabinavi_att ul li {
    margin-bottom: 10px;
    padding-right: 20px;
	line-height:1.3;
}

p.menuBorder{
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding: 0px;
	height:0;
	line-height:0;
	margin-top:5px;
	margin-bottom:5px;
}

p.menuBorder_02{
	border:none;
	margin-top: 15px;
	margin-bottom: 5px;
	font-weight: bold;
	background-color: #E0E0E0;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 10px;
	color: #333;
	}


p.menuBorder_box_02{
	height: 1px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-top-color: #CCC;
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}

#main_container {
	width: 100%;
	min-height: 100%;
	font-family: "メイリオ","Meiryo","verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.6;
	margin: 0;
	padding: 0;
	/*float: right;*/
	color: #727272;
	margin-left:auto;
	margin-right:auto;
}

.Box_HDD a , .Box_SD a , .Box_TABI a , .Box_DERU a ,
.Box_HDD a:hover , .Box_SD a:hover , .Box_TABI a:hover , .Box_DERU a:hover ,
.Box_HDD a:active , .Box_SD a:active , .Box_TABI a:active , .Box_DERU a:active{
	text-decoration:none;
	font-size:88%;
}
.Box_HDD ul , .Box_SD ul , .Box_TABI ul , .Box_DERU ul{
	list-style:none;
}
.Box_HDD li , .Box_SD li , .Box_TABI li , .Box_DERU li {
	display:inline-block;
	padding:5px 10px;
}
.Box_HDD ul:hover , .Box_SD ul:hover , .Box_TABI ul:hover , .Box_DERU ul:hover {
	background-color: #DCDFE7;
}

#BlockBlack {
	border: #000000 solid 1px;
    text-align:center;
	width:87%;
	padding:10px;
	margin-bottom:10px;
	margin-left:auto;
	margin-right:auto;
	font-size:88%;
}


#BlockBlack .contents_t {
	text-align:left;
	width:93%;
	border-top:#000000 solid 1px;
	padding-top:10px;
	margin:auto;
	word-wrap:break-word;	
}

#BlockBlack p{
	padding-bottom:5px;
	margin:0;
}

.linkBOX{
	/*background-color:#008f43;*/
	background-color:#00b8de;
/*padding-top:30px;
padding-bottom:30px;*/
  padding: 30px 100px;
  margin-bottom: 20px;
}

ul.link_st{
	list-style:none;
  margin-left: 1em;
  margin-top: 1em;
}

ul.link_st li{
	vertical-align: bottom;
    display: inline-block;
    margin: 0 8px;
}
ul.link_st li a{
	text-align:center;
	text-decoration:none;
	color:#000;
	background-color:#fff;
	padding:5px 15px;
	font-weight:bold;
	display: block;
  width: 10em;
}

.link_st a:hover , .link_st a:active {
	background-color: #0B3FB8;
	color: #ffffff;
	text-decoration: none;
}

ul.link_st li a span.link_st_new{
  color: #fff;
  background-color: #cc0000;
  font-size: 10px;
  padding: 3px 6px;
  margin: 0px 5px 0px 0;
  display: inline-block;
}

p.link_go a{
	text-align: center;
	text-decoration: none;
	padding: 5px 10px;
	border: 3px solid #fff;
	font-weight:bold;
	font-size:16px;
	display:block;
	color: #fff;
	border-radius: 12px;
}

p.link_ta a {
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	display:block;
	color: #fff;
	-webkit-transition: background .3s ease, color .3s ease;
    transition: background .3s ease, color .3s ease;
	cursor: pointer;
	line-height: 2em;
}




p.link_go a span{
	font-size: 18px;
	font-weight: bold;
}   

span.link_ta2 {
	display:inline;
}

p.link_go a {
	background-color: #8fc31f;
}


.link_go a:hover  {
	background-color:#A7DC36;
	color:#ffffff;
	text-decoration:none;
}
.link_ta{
	margin-top:11px;
}
.link_ta a:hover  {
  opacity: 0.8;
}
/*---旅ナビボタン変更191125---
.link_ta a {
	background-color: #e83b61;
}

.link_ta a:hover , .link_ta a:active {
	background-color:#FF5278;
	color:#ffffff;
	text-decoration:none;
}
----------------------------*/
/*.linkBOX .box_L02{
	width:400px;
	float:left;
	text-align:center;
	margin-left:75px;
	background:#487fbf;
	border: 3px solid #fff;
	border-radius: 14px;
	padding: 14px 0 11px;
}*/
.linkBOX .box_L02{
	width:auto;
  /*display: flex;
  justify-content: center;*/
	text-align:center;
	background:#487fbf;
	border: 3px solid #fff;
	border-radius: 14px;
	padding: 22px 0;
  margin-bottom: 10px;
}
/*.linkBOX .box_R02{
	width:400px;
	float:right;
	margin-right:75px;
}*/
.linkBOX .box_R02{
	width:auto;
}

p.notice {
	color: #FF0004;
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: bold;
}

.Box_kaiteki{
	margin-top:20px;
	margin-bottom:20px;
}

.Box_kaiteki h3{
	color:#ffffff;
	background-color:#0D79D0;
	padding:10px;
	margin-bottom:10px;
}
.Box_kaiteki ul{
  
}
.Box_kaiteki ul li{
  margin-left: 1em;
  text-indent: -1em;
  font-size: 82%;
}


h3.HDD , h3.SD , h3.DVD , h3.DERU , h3.TABI{
	color: #ffffff;
	padding: 10px;
	margin-bottom: 10px;
	margin-top:20px;
}
h3.HDD{
		background-color: #007222;
}
h3.SD{
	background-color: #0B6FCC;
}
h3.DVD{
	background-color: #067D74;
}
h3.DVD span{
	color: #FF0004;
	font-weight: bold;
}
h3.DERU{
	background-color: #05567D;
}
h3.TABI{
	color: #000;
	background-color: #FCBEEA;
}

h3.TABI span{
	color: #FF0004;
	font-weight: bold;
}

.title_no{
	background-color: #B7DBFA;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	border-radius: 10px;
	color: #000;
}

.Box_kaiteki .box_L03{
	width:361px;
	float:left;
}
.Box_kaiteki .box_R03{
	width:400px;
	float:right;
}

.title p{
/*	color: #ffffff;
	background-color: #76BDF6;*/
background:#FFF472;
	padding:5px;
	margin-bottom: 10px;
	/*color: #FFF472;*/
	font-weight: bold;
}
table#table-01 {
	width: 100%;
	border: 1px solid #ABABAB;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size:88%;
  table-layout: fixed;
}

table#table-01 th {
    padding: 3px;
    border: #ABABAB solid;
    border-width: 0 0 1px 1px;
    background: #DFDFDF;
    line-height: 120%;
    text-align: center;
	vertical-align: middle;
	font-weight: normal;
	color: #000;
}
table#table-01 th.blue{
	background-color: #A2DBF3;
}
table#table-01 th.pink{
	background-color: #FCBEEA;
}
table#table-01 th.green{
	background-color: #B3F0A4;
}
table#table-01 td {
    padding: 3px;
    border: 1px #ABABAB solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    line-height: 120%;
	vertical-align: middle;
}

table.highway01{
	width:90%;
	font-size:88%;
	border: 1px #cccccc solid;
	border-collapse: collapse;
	margin:auto;
}
.highway01 th , .highway01 td {
	padding:5px;
	border: 1px #cccccc solid;
}
.highway01 th{
	text-align:center;
	background-color:#ebf5fb;
	color:#366299;
}
.highway01 td:first-child{
	text-align:center;
}
.highway01 th.th01 {
	width:10%;
}
.highway01 th.th02 {
	width:45%;
}
#highwaylist h2{
	padding:10px;
	color:#366299;
	font-weight:bold;
	margin-top:40px;
	font-size:113%;
}

ul.waylist_link{
	list-style:none;
	margin-left:auto !important;
	margin-right:auto !important;
	/*text-align:center;*/
}
ul.waylist_link li {
	display: inline-block;
	margin-bottom: 10px;
	margin-left:2px;
	margin-right:2px;
	background-color: #ebf5fb;
	border: 1px #cccccc solid;
}
ul.waylist_link li a {
	text-decoration:none;
	color:#336699;
	display:block;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	font-size:88%;
}
ul.waylist_link li a:hover {
	background-color:#366299;
	color:#FFFFFF;
}

.toTOP , .toTOP02 {
	text-align:right;
	margin-top:10px;
}
.toTOP a , .toTOP02 a {
	text-decoration:none;
	display:inline-block;
	padding:10px;
	font-size:88%;
	color:#336699;
}
.toTOP a:hover , .toTOP02 a:hover {
	background-color: #ebf5fb;
}
.toTOP02 a {
	border: 1px solid #eeeeee;
	background-color: #EBF5FA;
}


#highwaylist h1{
	margin-top:10px;
	padding-top:10px;
	padding-left:10px;
	border-top:10px solid #eeeeee;
	margin-bottom:10px;
	border-bottom:10px solid #eeeeee;
	padding-bottom:10px;
	border-left:1px solid #eeeeee;
	border-right:1px solid #eeeeee;
	color:#5895B4;
	font-size:125%;
}
#highwaylist h1 span{
	margin-right:1em;
}

.list_taiou{
	color:#cc0000;
	font-size:88%;
	text-align:right;
	width:90%;
	margin-right:auto;
	margin-left:auto;
}

.map_new{
	color:#FF0004;
}

#flow_BOX{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#flow_BOX_in{
	width:770px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.indexMap{
	text-align:center;
	/*padding-top:100px;
	padding-bottom:100px;
	background-color:#B1B1B1;
	color:#FFFFFF;*/

}
#navi2019 th,#navi2019 .waylist_link li{
	font-weight: bold;
}
.box_in:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.sp {
	display: none;
}
.note{
	font-size: 13px;
	color: #fff;
	margin:10px 0 0;
	text-align: center;
}
.note_red{
  font-size: 13px;
  color: #be0000;
  margin: 5px 0 0;
  display: block;
}
.note_box_2{
  font-size: 82%;
  color: #cc0000;
  margin-top: -10px;
  margin-bottom: 10px;
  display: inline-block;
  border: 1px solid #cc0000;
  padding: 10px;
}
.border-none{
  border: none;
}


/*211201_年度更新版地図ページ関連*/
.txt_banner{
  width: 260px;
  background: #fff798;
  padding: 8px 10px;
  text-align: center;
  margin: 20px 20px 0 20px;
  font-size: 88%;
}
.txt_banner span{
  font-weight: bold;
  font-size: 115%;
}
.red{
  color: #be0000;
}

/*231201_2024年度版地図更新*/
ul.notice_list li{
  display: block;
  padding: 0;
  margin-left: 1em;
  text-indent: -1em;
  font-size: 82%;
}
ul.notice_list:hover {
  background-color: unset;
}
ul.store_list{
  display: flex;
  margin-left: 0 !important;
}
ul.store_list li p.store_btn a{
  text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #4471C5;
	padding-top: 12px;
	padding-right: 20px;
	padding-left: 50px;
	padding-bottom: 12px;
	background-color: #F3F3F3;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px solid #757575;
	position: relative;
	display: block;
	box-shadow: 0px 2px 2px #CFCFCF;
  width: 170px;
}
ul.store_list li p.store_btn a:hover{
	color: #F87706;
}
ul.store_list li p.store_btn a:before{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #424242;
}
ul.store_list li p.store_btn a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  left: 10px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background:#F3F3F3;
}
ul.store_list li p.store_txt{
  font-size: 73%;
  color: #5C5C5C;
  margin-top: 5px;
}
ul.store_list li:nth-child(2) {
  margin-left: 1em;
}

/*251030_有償版地図更新関連*/
.indent{
  text-indent: -1em;
  margin-left: 1em;
}



@media screen and (max-width:768px) {
#Contents_all , #main_container {
	width: 100%;
}
img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
　/*IE8のみ適用*/
}
#Contents_left {
	display: none;
}
.basic_01img {
	width: 23%;
	padding-left: 2%;
	/*padding-right:2%;*/
	text-align: center;
}
.basic_01text {
	width: 70%;
	padding-right: 2%;
	padding-left: 2%;
}
.box02, .box03 {
	width: 100%;
	float: none;
}
#mapContents h3 {
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}
#mapContents h4 {
	padding-bottom: 0.2em;
	padding-top: 0.2em;
}
.Year, .Series, .Price01 {
	font-size: 88%;
}
.P_number {
	padding-top: 0.5em;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0.5em;
}
.Price01 {
	padding-right: 0;
}
.Ann_text {
	font-size: 75%;
	margin-top: 20px;
	line-height: 140%;
}
.Ann_text02 {
	font-size: 75%;
	margin-top: 20px;
	line-height: 140%
}
.Ann_text03 {
	font-size: 75%;
	margin-top: 20px;
	line-height: 140%;
}

.tabinavi_att .box_L01{
	width:100%;
	float:left;
}

.tabinavi_att .box_R01{
	margin-top:10px;
}

.tabinavi_att {
    margin: 10px 20px;
    padding: 10px;
}

.linkBOX{
	padding: 10px;
}
.linkBOX .box_L02{
	/*width:100%;*/
	width: auto;
	float:none;
	margin:auto;
	padding-left:0;
	padding-right:0;
	padding-top:10px;
	padding-bottom:20px;
	font-size:88%;
  flex-wrap: wrap;
}
  .linkBOX .box_L02 p img{
    width: 80%;
    margin-bottom: 10px !important;
  }
.linkBOX .box_R02{
	width:100%;
	float:none;
	margin:auto;
	text-align:center;
	margin-top:10px;
	font-size:88%;
}
ul.link_st{
	margin: 0;
}
ul.link_st li{
	margin: 0;
}
.Box_kaiteki .box_L03{
	width:100%;
	float:none;
	text-align:center;
}
.Box_kaiteki .box_R03{
	width:100%;
	float:none;
	margin-top:10px;
	text-align:center;
}

table.highway01{
	width:100%;
	font-size:75%;
}
.highway01 th.th01 {
	width:auto;
}
.highway01 th.th02 {
	width:auto;
}
.list_taiou{
	width:100%;
	font-size:75%;
}
.annBox01{
	margin-top:-30px;
	margin-bottom:30px;
}

.pc {
	display: none;
}

.sp {
	display: block;
}
p.link_ta a{
	text-align: center;
	text-decoration: none;
	padding: 15px 10px;
	border: 3px solid #fff;
	font-weight:bold;
	font-size:16px;
	display:block;
	color: #fff;
	border-radius: 12px;
}
p.link_ta a {
  background-color: #00b8de;
}
p.link_ta a span {
  font-size: 18px;
  font-weight: bold;
}
span.link_ta2 {
	text-align: center;
	text-decoration: none;
	font-size:12px !important;
	display:block;
	color: #fff;
	-webkit-transition: background .3s ease, color .3s ease;
    transition: background .3s ease, color .3s ease;
	cursor: pointer;
	line-height: 12px;
}
.link_ta a:hover  {
  background-color:#2fd6f9;
	text-decoration:none;
}
ul.link_st li a{
	width: auto;
  margin-bottom: 5px
}
}

@media screen and (max-width:414px) {
.P_number span, .Year span, .Price01 span {
	display: block;
	padding-left: 0;
}
.basic_01img {
	float: none;
	width: auto;
	padding-bottom: 20px;
}
.basic_01text {
	float: none;
	width: auto;
	padding-left: 10px;
}
.Basic_info {
	padding-bottom: 0px;
}
.Button01 , .Button02 {
	text-align: left;
	margin:30px auto 10px;
	position:relative;
	right: auto;
	bottom: 10px;
	width:220px;
}
.Button02 {
	width:250px;
}

ul.link_st li a{
	display:block;
  margin-bottom: 5px
}
#highwaylist h1{
	margin-top:0;
	padding:5px;
	margin-bottom:5px;
	font-size:113%;
}
#highwaylist h1 span{
	margin-right:0;
	display:block
}
#highwaylist h2{
	margin-top:0px;
}
.linkBOX .box_L02{
	padding-bottom:10px;
}
.pc {
	display: none;
}
.sp {
	display: block;
}
  .note{
    text-align: left;
  }
  
  /*231201_2024年度版地図更新*/
  ul.store_list{
    flex-wrap: wrap;
  }
  
}

/*----------------------------------------
	margin
----------------------------------------*/
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt40 {
	margin-top: 40px;
}
.mt30 {
	margin-top: 30px;
}
.mt50 {
	margin-top: 50px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb60 {
	margin-bottom: 60px;
}
.pt10 {
	padding-top: 10px;
}
.pt20 {
	padding-top: 20px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pa10 {
	padding:10px;
}
.ml60 {
	margin-left: 60px;
}
.ml40 {
	margin-left: 40px;
}
.mt15 {
	margin-top: 15px;
}
.mt30 {
	margin-top: 30px;
}
.mr5 {
	margin-right: 5px;
}
.ml5 {
	margin-left: 5px;
}
.mr60 {
	margin-right: 60px;
}
.ml20 {
	margin-left: 20px;
}
.mr15 {
	margin-right: 15px;
}
.TA_L {
	text-align: left !important;
}
.TA_R {
	text-align: right !important;
}
.TA_C {
	text-align: center !important;
}
.tex_R{
	color:#cc0000;
}
.tex_R_B{
	color:#cc0000;
	font-weight:bold;
}

/*SEO対応-----------------------------------------------*/


#footer_text {
	font-size: 10px;
	color: #aaa;
	padding-top: 10px;
	padding-bottom: 10px;
}
#bf_model a:link, a:active, a:visited {
	text-decoration: underline;
	color: #4471C5;
}
#bf_model a:hover {
	text-decoration: none;
	color: #4471C5;
}
#bf_model a:focus {
	-moz-outline-style: none;
}



.text_Red_small_02 {
	color:#CC0000;
	font-size:80%;
	margin-left:1em;
	padding-bottom:10px;

}

.indexMap img {
	width: 100%;
	height: auto;
}


/*251201_2026年度版地図更新*/
.noto-sans {
  font-family: "Noto Sans JP", sans-serif !important;
}
.title_end{
	background-color: #ccc;
  padding-top: 20px;
  padding-right: 10px;
  padding-left: 10px;
  padding-bottom: 20px;
	font-weight: bold;
	border-radius: 10px;
	color: #FF0004;
  margin-top: 60px;
}
span.txt_end{
  color: #fff;
  font-weight: bold;
}
h3.TABI span,
h3.DVD span{
  color: #fff;
}
.one-touch {
  font-size: 13px;
  color: #be0000;
  border: 1px solid #be0000;
  padding: 2px 4px 1px;
  margin: 1px 0px 5px 5px;
  display: inline-block;
  font-weight: bold;
}
.taiou .note_red{
  display: block;
  font-size: 13px;
  color: #be0000;
  text-align: right;
}
.note_em{
  font-weight: bold;
}



