@charset "utf-8";
/* For blacksign.jp */

/* html */
/* body */
.top-h1-style
{
	font-size: 1.2rem;
	color: #333333;
	padding-bottom: 150px;
	height: auto;
}

.top-h1-style:before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 50px;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: #707070;
	margin-bottom: 85px;
}

.top-h1-news-style
{
	display: inline-block;
	font-size: 1.2rem;
	color: #333333;
	border-bottom: 1px solid #707070;
	width: auto;
	padding-bottom: 3px;
	margin-bottom: 30px;
}


#top-dealer h2
{
	font-size: 1rem;
	color: #333333;
	display: flex;
	align-items: center;
}

#top-dealer h2:after
{
  border-top: 1px solid #eeeeee;
  content: "";
  width: 2em;
	margin-left: 10px;
}

/* header */
/* navbar */
/* メインロゴ白ロゴ使用時 */
.navbar-black .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 250, 250, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-black .navbar-toggler-icon.headerColorScroll {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.9)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.logo-before {
  display : block;
}
.logo-after {
  display : none;
}
.headerColorScroll.logo-before {
  display : none;
}
.headerColorScroll.logo-after {
  display : block;
}

@media (min-width: 992px) {
  #top-collection {
    margin-top: 200px;
  }
  
  /* PC白ロゴ使用時 */
.navbar-nav .nav-link {
  color: #fffafa!important;
/*  color: #fff!important; */
  transition: color 0.3s ease-out;
}

.navbar-nav.headerColorScroll .nav-link {
  color: #000!important;
  transition: color 0.3s ease-out;
}

}

/* section */

/* section - mainvisual */
.jumbotron {
    background-image: url("images/img_top_main2025aw.jpg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
	background-color: #fff;
    border-radius: 0;
}

.jumbotron p.scroll-nav
{
	position: absolute;
	display: inline-block;
	left: 10px;
	top: calc(100vh - 140px);
/*	color: #333333; /* 使用画像ごとに変更すること */
	color: #bbb; /* ダーク用色 */
}

.jumbotron p.scroll-nav.hide
{
	display: none;
}

.jumbotron p.scroll-nav:before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 1px;
	height: 80px;
	left: 50%;
	bottom: -90px;
/*	background-color: #333333; /* 使用画像ごとに変更すること */
	background-color: #bbb; /* ダーク用色 */
	margin-bottom: 0;
}

.side-nav-left p { /* 左部コピーライト色 使用画像ごとに変更すること */
/*  color: #111111; */
  color: #333;
}

@media (min-width: 992px) {
  .jumbotron {
      background-image: url("images/img_top_main2025aw.jpg");
      background-position: center bottom;
/*	  margin-bottom: 200px;*/
  }

}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}


/* section - collection */
#top-collection
{
	margin-bottom: 250px;
}

#top-collection h2, #top-collection p
{
	font-size: 1rem;
	color:#666666;
}

#top-collection img
{
	margin-bottom: 30px;
}

.collection-box
{
	margin-bottom: 80px;
}

.collection-box .col-12
{
	margin-bottom: 30px;
}

.collection-box a:hover
{
	text-decoration: none;
}


a.more
{
	display: inline-block;
	width: 160px;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding: 0.3rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #888888;
}

a.more:hover
{
	text-decoration: none;
	background-color: #eeeeee;
}


/* section - news */
#top-news
{
	margin-bottom: 150px;
}

@media (min-width: 992px) {
	#top-news
	{
		background-image: url("images/bg_side_r2025aw.jpg");
		background-repeat: no-repeat;
		background-position: right 10px;
		background-size: contain;
	}

}

#top-news dl
{
	padding-bottom: 60px;
}

#top-news dl a
{
	color: #666666;
}

#top-news dl a:hover
{
	color: #000000;
}

#top-news dd
{
	margin-right: 0.5em ;
	width: 120px ;
}

#top-news dt {
	margin-left: 1em ;
	font-size: .9rem;
	margin-bottom: 2em;
}

.news-more
{
	text-align: center;
}

@media (min-width: 544px) {
	#top-news dd
	{
		float: left ;
		clear: left ;
	}

	#top-news dt {
		float: left ;
	}

}

@media (min-width: 992px) {
	#top-news dl
	{
		min-height: 16em;
	}

	.news-more
	{
		text-align: left;
	}

}


/* section - dealer */
#top-dealer
{
	margin-bottom: 250px;	
}

#top-dealer h3
{
	font-size: 1rem;
	color: #333333;
}

#top-dealer li
{
	color: #888888;
	font-size: 0.9em;
	list-style: none;
}

#top-dealer li a { color: #666666; }
#left-image-box
{
	display: none;
}

/* section - image box */

@media (min-width: 992px) {

	#left-image-box
	{
		display: block;
		height: 550px;
		background-image: url("images/bg_side_l2025aw.jpg");
		background-repeat: no-repeat;
		background-position: left bottom;
		background-size: contain;
		margin-bottom: 250px;
	}

}



/* footer */

/* test style */