@charset "utf-8";

/* ++++++++++++++++++++++++++++++++++++++++

	/highway/ for PC

++++++++++++++++++++++++++++++++++++++++ */

@media print, screen and (min-width: 769px){

#contents_footer_navigation:before {
	background-image: url(../image/footer_dog.jpg);
}


/* ----------------------------------------
	section_main
---------------------------------------- */

#section_main {
	padding-top: 45px;
}
#section_main h2 {
	width: 346px;
	margin: 0 auto 45px;
}
#section_main h2 img {
	display: block;
}

.search_column {
	float: left;
	width: 480px;
}
.search_column+.search_column {
	float: right;
}
.search_column h3 {
	box-sizing: border-box;
	height: 34px;
	margin-bottom: 15px;
	padding-top: 9px;
}

#search_road h3 {
	padding-left: 60px;
	background-image: url(../image/icon_road.png);
	background-size: auto 26px;
}

#search_road_nav {
	background: #504f4e;
	white-space: nowrap;
	letter-spacing: -.4em;
	font-size: 15px;
	line-height: 33px;
}
#search_road_nav li {
	display: inline-block;
	width: 54px;
	text-align: center;
	vertical-align: top;
	letter-spacing: 0;
}

#search_road_nav .hokkaido { width: 60px; }
#search_road_nav .kyushu { width: 96px; }

#search_road_nav a {
	display: block;
	border-top: solid 5px transparent;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

#search_road_nav .on a {
	border-top-color: #1bbecc;
	background: #ededed;
	color: #1bbecc;
}

#search_road_list {
	overflow: hidden;
	height: 454px;
	background: #ededed;
}

.accordion_inner {
	height: auto;
}

#search_road_list li {
	padding: 35px 20px;
}
#search_road_list li li {
	float: left;
	width: 216px;
	margin: 0 6px 6px 0;
	padding: 0;
}
#search_road_list li li:nth-child(2n) {
	margin-right: 0;
}
#search_road_list li a {
	display: block;
	position: relative;
	-webkit-box-shadow: 0 1px 0 0 #c1c1c1; 
	box-shadow: 0 1px 0 0 #c1c1c1;
	padding: 15px 20px 15px 8px;
	border-radius: 4px;
	background: #fff;
	color: inherit;
	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
}
#search_road_list li a:after {
	content: '';
	position: absolute;
	right: 8px;
	top: 0;
	width: 8px;
	height: 100%;
	background: url(/dog/common/image/arrow_r.png) 50% 50% no-repeat;
	background-size: 100%;
}

/* search_map
---------------------------------------- */

#search_map h3 {
	padding-left: 50px;
	background-image: url(../image/icon_map_pc.png);
	background-size: auto;
}
#search_map>div,
#search_map li a,
#search_map_area {
	background: #fafafa;
}
#search_map>div {
	position: relative;
	border: solid 1px #e6e6e6;
}
#search_map img {
	display: block;
	position: relative;
}
#search_map a {
	display: block;
	cursor: pointer;
}
#search_map ul,
#search_map_area {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#search_map li {
	position: absolute;
}
#search_map li a {
	opacity: 0;
	width: 63px;
	height: 28px;
	text-indent: -20000px;
}
#search_map li a:hover {
	opacity: .3;
}

#search_map_select .hokkaido {
	right: 136px;
	top: 40px;
}

#search_map_select .tohoku {
	right: 50px;
	top: 203px;
}

#search_map_select .kanto {
	right: 79px;
	bottom: 176px;
}

#search_map_select .chubu {
	left: 204px;
	top: 211px;
}

#search_map_select .kinki {
	left: 226px;
	bottom: 119px;
}

#search_map_select .chugoku {
	left: 115px;
	bottom: 209px;
}

#search_map_select .shikoku {
	left: 128px;
	bottom: 88px;
}

#search_map_select .kyushu {
	left: 42px;
	bottom: 23px;
}

#search_map_select .okinawa {
	right: 28px;
	bottom: 62px;
}

/* search_map_area */

#search_map_area {
	visibility: hidden;
	opacity: 0;
	transition: .5s;
}

.open #search_map_area {
	visibility: visible;
	opacity: 1;
}

#search_map_area li a {
	position: absolute;
	width: 68px;
}

#search_map_area .douou {
	left: 79px;
	top: 159px;
}

#search_map_area .sasson {
	left: 66px;
	top: 223px;
}

#search_map_area .doutou {
	right: 95px;
	bottom: 143px;
}

#search_map_close {
	position: absolute;
	right: 16px;
	top: 18px;
}

}