@charset "utf-8";

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

	common_pc.css

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

/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}/*HTML5display-roleresetforolderbrowsers*/article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}

body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',"メイリオ", meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}

#auto-header,
#auto-header-overlay {
	z-index: 65535 !important;
}

a,
li,
p,
div,
button {
	outline: none !important;
}
a {
	text-decoration: none;
}

.bold {
	font-weight: bold !important;
}

body.only_sp .device_pc_only,
body.only_tablet .device_pc_only,
.device_sp_only {
	display: none !important;
}

body.only_sp .device_sp_only,
body.only_tablet .device_sp_only {
	display: inherit !important;
}


/* ----------------------------------------
	#contents_area
---------------------------------------- */

#contents_area {
	overflow: hidden;
	position: relative;
	z-index: 2;
	text-align: left;
	color: #504f4e;
}
#contents_area:after {
	content: '';
	display: block;
	clear: both;
}
#contents_area a {
	color: #0064a1;
	transition: .2s;
}

#contents_area img {
	max-width: 100%;
}

#contents_footer_navigation {
	text-align: left;
}


/* ----------------------------------------
	slick
---------------------------------------- */

.slick-arrow {
	position: absolute;
	z-index: 2;
	border: 0;
	background: none;
	text-indent: -20000px;
	cursor: pointer;
	transition: .2s;
}
.slick-arrow:hover {
	opacity: .7;
}

.slick-disabled,
.slick-disabled:hover {
	opacity: 0;
	cursor: default;
}


/* ----------------------------------------
	accordion_content
---------------------------------------- */

.accordion_inner {
	overflow: hidden;
	height: 0;
}


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

	min-width : 769px

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

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

body {
	position: relative !important;
	overflow: auto !important;
}

br.sp{
	display: none !important;
}

.switch_pc {
	display: block;
}

.switch_sp{
	display: none;
}


/* ----------------------------------------
	global_navigation
---------------------------------------- */

#global_navigation {
	position: absolute;
	left: 0;
	top: 56px;
	z-index: 100;
	width: 100%;
	min-width: 980px;
	height: 64px;
	padding: 25px 0;
	background: #fff;
	text-align: left;
}
#global_navigation a {
	color: #504f4e;
	font-size: 14px;
}

#global_navigation_inner {
	position: relative;
	width: 980px;
	margin: 0 auto;
}

#global_navigation h1,
#global_navigation_inner>p {
	position: absolute;
	left: 0;
	top: 0;
}
#global_navigation h1 a,
#global_navigation_inner>p a {
	display: inline-block;
	transition: .2s;
}
#global_navigation h1 a:hover,
#global_navigation_inner>p a:hover {
	opacity: .7;
}
#global_navigation h1 img,
#global_navigation_inner>p img {
	display: block;
	width: auto;
	height: 64px;
}
#gnav_list_inner>ul>li:before,
#global_navigation li a:before,
#global_navigation li a:after,
#global_navigation li div:before,
#global_navigation li div:after,
#global_navigation li ul {
	transition: .2s;
}
#global_navigation ul {
	float: right;
	padding-top: 27px;
}

#global_navigation ul:after {
	content: '';
	clear: both;
	display: block;
}
#global_navigation li {
	position: relative;
	float: left;
	border-left: solid 1px #ededed;
	line-height: 20px;
	white-space: nowrap;
}

#gnav_list_inner>ul>li:before {
	content: '';
	opacity: 0;
	position: absolute;
	left: -1px;
	top: 100%;
	z-index: 2;
	width: 0;
	height: 7px;
	margin-top: 9px;
	padding-left: 1px;
	background: #1bbecc;
}
#gnav_list_inner>ul>.current:before {
	opacity: 1;
	width: 100%;
}

#global_navigation li a {
	display: block;
	position: relative;
	z-index: 2;
	padding: 0 22px 0 47px;
}
#global_navigation li a:before,
#global_navigation li a:after {
	content: '';
	position: absolute;
	z-index: 1;
	left: 22px;
	top: 0;
	width: 20px;
	height: 20px;
	background: url(../image_gNavi/gnav_icon_pc.png) 0 0 no-repeat;
}
#global_navigation li a:after {
	opacity: 0;
}
#global_navigation li:hover>a {
	color: #1bbecc;
}
#global_navigation li:hover>a:before {
	opacity: 0;
}
#global_navigation li:hover>a:after {
	opacity: 1;
}

#global_navigation .current>a {
	opacity: .7;
}

#global_navigation .travel>a:after { background-position: 0 -20px; }
#global_navigation .highway>a:before { background-position: -20px 0; }
#global_navigation .highway>a:after { background-position: -20px -20px; }
#global_navigation .honda-car>a:before { background-position: -40px 0; }
#global_navigation .honda-car>a:after { background-position: -40px -20px; }
#global_navigation .accessory>a:before { background-position: -60px 0; }
#global_navigation .accessory>a:after { background-position: -60px -20px; }

#global_navigation li div {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 62px;
}
#global_navigation li div:before,
#global_navigation li div:after {
	content: '';
	opacity: 0;
	position: absolute;
}
#global_navigation li div:before {
	left: 0;
	bottom: 0;
	width: 100%;
	height: 32px;
	background: #f7f7f7;
}
#global_navigation li div:after {
	left: 50%;
	top: 36px;
	margin-left: -12px;
	border: solid 12px transparent;
	border-top: solid 0 #1bbecc;
}
#global_navigation li:hover div:before,
#global_navigation li:hover div:after {
	opacity: 1;
}
#global_navigation li:hover div:after {
	border-top-width: 9px;
}
#global_navigation li ul {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	left: 50%;
	top: 62px;
	width: 228px;
	margin-left: -114px;
	padding: 5px 0;
	background: #f7f7f7;
}
#global_navigation li:hover ul {
	visibility: visible;
	opacity: 1;
}
#global_navigation li li {
	width: 100%;
	line-height: 56px;
	padding: 0;
	border-left: 0;
}
#global_navigation li li+li {
	border-top: solid 1px #ccc;
}
#global_navigation li li a {
	padding-left: 75px;
	color: #808080;
}
#global_navigation li li a:before,
#global_navigation li li a:after {
	left: 20px;
	top: 8px;
	width: 40px;
	height: 40px;
}

#global_navigation .travel li a:before { background-position: -80px 0; }
#global_navigation .travel li a:after { background-position: -80px -40px; }
#global_navigation .travel li:nth-child(2) a:before { background-position: -120px 0; }
#global_navigation .travel li:nth-child(2) a:after { background-position: -120px -40px; }
#global_navigation .travel li:nth-child(3) a:before { background-position: -160px 0; }
#global_navigation .travel li:nth-child(3) a:after { background-position: -160px -40px; }


/* ----------------------------------------
	contents_area
---------------------------------------- */

#contents_area {
	min-width: 980px;
	margin-bottom: 150px;
	padding-top: 114px;
	background: url(../image/contents_bg_pc.jpg) 50% 114px repeat-x;
	background-size: 100%;
	font-size: 14px;
	line-height: 1.4;
}
#contents_area a:hover {
	opacity: .7;
}

.section,
.section_inner {
	position: relative;
}
.section+.section {
	margin-top: 60px;
}

.section_inner {
	box-sizing: border-box;
	width: 980px;
	margin: auto;
}
.section_inner:after {
	content: '';
	display: block;
	clear: both;
}

.section h3 {
	margin-bottom: 30px;
	padding-left: 30px;
	background: 0 0 no-repeat;
	background-size: auto 24px;
	letter-spacing: .2em;
	color: #000;
	font-weight: bold;
	font-size: 24px;
	line-height: 1;
}
.section h4 {
	margin-bottom: 20px;
	letter-spacing: .2em;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	line-height: 1;
}

/* section_header
---------------------------------------- */

#section_header {
	padding-top: 35px;
	font-size: 12px;
	line-height: 1;
	white-space: nowrap;
}
#section_header h2,
#section_header h2+#breadcrumb {
	display: inline-block;
	vertical-align: middle;
}
#section_header h2 {
	margin-right: 35px;
	letter-spacing: .1em;
	font-weight: bold;
	font-size: 18px;
}

#breadcrumb li {
	float: left;
	letter-spacing: .05em;
}
#breadcrumb li+li,
#breadcrumb li:after {
	margin-left: 10px;
}
#breadcrumb li:after {
	content: '＞';
}
#breadcrumb li:last-child:after {
	display: none;
}
#breadcrumb a {
	color: #504f4e;
}

/* section_news
---------------------------------------- */

#section_news {
	padding: 40px 0;
	background: #f5f5f5;
}

#section_news .section_inner {
	padding: 30px 40px;
	background: #fff;
}

#section_news li {
	letter-spacing: .075em;
	line-height: 24px;
}
#section_news li+li {
	margin-top: 12px;
	padding-top: 12px;
	border-top: solid 1px #b1b2b3;
}
#section_news li a {
	display: block;
	color: inherit;
}
#section_news li a:before,
#section_news li>div:before,
#section_news li span {
	float: left;
}
#section_news li a:before,
#section_news li>div:before {
	width: 70px;
	margin-right: 30px;
	text-align: center;
	color: #fff;
	font-size: 10px;
}

#section_news .facility a:before,
#section_news .facility>div:before {
	content: '施設情報';
	background: #ff867c;
}

#section_news .other a:before,
#section_news .other>div:before {
	content: 'その他';
	background: #918f90;
}

#section_news li a:after,
#section_news li>div:after {
	content: '';
	display: block;
	clear: both;
}

#section_news li .date { width: 115px; }
#section_news li .text { width: 685px; }

#section_news .dogrun .date {
	display: none;
}

#section_news .dogrun .text {
	width: auto;
}

/* topics_list, section_related
---------------------------------------- */

.topics_list {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-lines: multiple;
	-moz-box-lines: multiple;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -19px -19px 0 0;
}
.topics_list:after {
	content: '';
	display: block;
	clear: both;
}
.topics_list li {
	position: relative;
	float: left;
	box-sizing: border-box;
	width: 314px;
	margin: 19px 19px 0 0;
	padding-bottom: 40px;
	border: solid 1px #b1b2b3;
	letter-spacing: .075em;
	line-height: 1;
}
#contents_area .topics_list a {
	display: block;
	color: inherit;
}
.topics_list li span {
	display: block;
	padding: 0 19px;
}

.topics_list li .photo {
	position: relative;
	padding: 0;
}
.topics_list li .photo:before,
.topics_list li .photo:after {
	content: '';
	position: absolute;
	z-index: 2;
	background: 50% 50% no-repeat;
	background-size: cover;
}
.topics_list li .photo:before {
	left: 0;
	bottom: 0;
	width: 61px;
	height: 24px;
}
.topics_list li .photo:after {
	right: 19px;
	top: 14px;
	width: 49px;
	height: 49px;
}
.topics_list li .photo img {
	display: block;
	position: relative;
	z-index: 1;
}

.topics_list .area .photo:before { background-image: url(../image/icon_category_area.png); }
.topics_list .cars .photo:before { background-image: url(../image/icon_category_cars.png); }
.topics_list .drive .photo:before { background-image: url(../image/icon_category_drive.png); }
.topics_list .event .photo:before { background-image: url(../image/icon_category_event.png); }
.topics_list .item .photo:before { background-image: url(../image/icon_category_item.png); }
.topics_list .special .photo:before { background-image: url(../image/icon_category_special.png); }
.topics_list .travel .photo:before { background-image: url(../image/icon_category_travel.png); }
.topics_list .useful .photo:before { background-image: url(../image/icon_category_useful.png); }
.topics_list .new .photo:after { background-image: url(../image/icon_new.png); }

.topics_list li .category {
	padding-top: 14px;
	font-size: 13px;
	letter-spacing: .05em;
}

.topics_list .area .category { color: #46b359; }
.topics_list .cars .category { color: #9fb10a; }
.topics_list .drive .category { color: #ff7847; }
.topics_list .event .category { color: #5780d9; }
.topics_list .useful .category { color: #53a147; }
.topics_list .item .category { color: #a75dce; }
.topics_list .special .category { color: #04c28f; }
.topics_list .travel .category { color: #c4992f; }

.topics_list li .text {
	padding-top: 10px;
	color: #000;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.5;
}

.topics_list li .area,
.topics_list li .date {
	position: absolute;
	bottom: 14px;
	color: #b1b2b3;
	font-size: 11px;
}
.topics_list li .area {
	left: 19px;
	padding-left: 12px;
	background: url(../image/icon_topics_area.png) 0 50% no-repeat;
	background-size: 8px;
}

.topics_list li .date {
	right: 0;
}

/* section_related */

#section_related .section_inner {
	width: 900px;
}

#section_related .topics_list {
	margin: 0;
}
#section_related .topics_list li {
	width: 275px;
	margin: 0;
	padding: 0;
}
#section_related .topics_list li+li {
	margin-left: 33px;
}

#section_related .topics_list li .text {
	padding: 10px;
	color: inherit;
	font-weight: normal;
	font-size: inherit;
}


/* ----------------------------------------
	contents_footer_navigation
---------------------------------------- */

#contents_footer_navigation {
	position: relative;
	min-width: 980px;
	z-index: 1;
	background: url(../image/footer_bg_pc.png) 50% 100% no-repeat #f5f5f5;
}
#contents_footer_navigation:before,
#contents_footer_inner:after {
	content: '';
	position: absolute;
	width: 100%;
}
#contents_footer_navigation:before {
	left: 0;
	bottom: 100%;
	height: 150px;
	background: 50% 50% no-repeat;
	background-size: auto 90px;
}
#contents_footer_navigation a {
	transition: .2s;
}

#contents_footer_navigation a:hover {
	opacity: .7;
}

#contents_footer_inner {
	position: relative;
	width: 980px;
	margin: auto;
	padding: 45px 0 75px;
}
#contents_footer_inner:after {
	bottom: 0;
	height: 73px;
	background: url(../image/footer_dogs.png) 100% 100% no-repeat;
	background-size: auto 100%;
}

#footer_nav_list>ul:after,
#footer_nav_list .footer_column:after,
#footer_nav_list .footer_nav_list_sub:after {
	content: '';
	display: block;
	clear: both;
}
#footer_nav_list>ul>li,
#footer_nav_list .footer_column>li,
#footer_nav_list .footer_nav_list_sub>li {
	float: left;
}

#footer_nav_list>ul>.honda-car,
#footer_nav_list>ul>.other {
	padding-bottom: 120px;
}
#footer_nav_list>ul>.other {
	float: right;
	max-width: 160px;
	margin-right: 10px;
}

#footer_nav_list>ul>.travel { width: 200px; }
#footer_nav_list>ul>.highway { width: 430px; }
#footer_nav_list>ul>.honda-car { width: 200px; }

#footer_nav_list .corner {
	clear: left;
}

#footer_nav_list a {
	display: inline-block;
	vertical-align: top;
	color: #8c8c8c;
	font-size: 11px;
	line-height: 1;
}
#footer_nav_list p+p {
	margin-top: 35px;
}
#footer_nav_list ul+p {
	margin-top: 35px;
}
#footer_nav_list p a {
	padding-left: 12px;
	background: url(../image/footer_nav_arrow_pc.png) 0 50% no-repeat;
	white-space: nowrap;
	letter-spacing: .075em;
	font-weight: bold;
	font-size: 12px;
}
#footer_nav_list p+ul,
#footer_nav_list .footer_nav_list_sub {
	margin-top: 10px;
	padding-left: 15px;
}
#footer_nav_list p+ul li,
#footer_nav_list .footer_nav_list_sub li {
	margin-top: 5px;
}
#footer_nav_list p+ul li:first-child,
#footer_nav_list .footer_nav_list_sub li:first-child {
	margin-top: 0;
}

#footer_nav_list .footer_nav_list_sub {
	margin-top: 22px;
}
#footer_nav_list .footer_nav_list_sub li {
	width: 50px;
	white-space: nowrap;
}

#footer_nav_list .footer_column>li {
	width: 140px;
	margin-top: 0;
}
#footer_nav_list .footer_column>li:first-child {
	width: 135px;
}

#footer_nav_list .footer_column .separator {
	margin-top: 22px;
}

#footer_logo {
	position: absolute;
	right: 75px;
	bottom: 115px;
	width: 240px;
}
#footer_logo img {
	max-width: 100%;
}

#footer_breadcrumb {
	display: none;
}


/* ----------------------------------------
	btn_pagetop
---------------------------------------- */

.btn_pagetop {
	visibility: hidden;
	opacity: 0;
	position: fixed;
	right: 15px;
	bottom: 20px;
	z-index: 10;
	width: 50px;
	height: 50px;
	background: url(../image/btn_pagetop.png) 50% 50% no-repeat;
	background-size: 100%;
	cursor: pointer;
	transition: .2s;
}
.btn_pagetop:hover {
	opacity: .7 !important;
}

}