/*　ハイラックス 固有 Style　Ver.1.0.0 */

:root {
	--mainColor: rgba(104, 109, 68, 1.0);
}

/*=================================
固有設定
=================================*/
.swiper-pagination-bullet {
	background: rgba(255, 255, 255, 1.0);
}
#gallery {
	color: rgba(255, 255, 255, 1.0);
	background-color: var(--mainColor);
}
.gr-bar {
	margin-bottom: 20px;
	padding: 8px;
	font-size: 18px;
	font-weight: bold;
	color: rgb(255, 255, 255);
	background-color: rgb(0, 0, 0);
	border-top: 2px solid rgb(234, 0, 0);
	border-bottom: 2px solid rgb(234, 0, 0);
}
.item-num {
	padding: 4px 4px 0;
	line-height: 1.0;
	background-color: rgb(255, 255, 255);
	display: inline-block;
	position: absolute;
	bottom: 0;
	right: 0;
}

#color .cat-conte-item {
	margin-top: 0;
}

/* 全体設定（car.css）に移動
.btn-more {
	margin-top: 100px;
}
.btn-more a, 
.btn-more a:visited, 
.btn-more > span {
	font-size: 1.2rem;
	font-weight: bold;
}
.btn-more > span {
	cursor: pointer;
}
.btn-more a::after, 
.btn-more > span::after {
	content: "\e7cd";
	font-family: "Material Icons Outlined";
	vertical-align: bottom;
}
*/

.btn-02 {
	margin-top: 30px;
}
.btn-02 a, 
.btn-02 a:visited {
	max-width: 700px;
	padding: 0.5em 0.8em;
	color: var(--mainColor);
	border: 2px solid var(--mainColor);
	transition: 0.3s;
}
.btn-02 a:hover {
	color: rgba(255, 255, 255, 1.0);
	background-color: var(--mainColor);
}




/*=================================
タブレット設定（768px〜1024px）
=================================*/
@media only screen and (max-width: 1025px) {



}


/*=================================
スマホ設定（〜767px）
=================================*/
@media only screen and (max-width: 768px) {

	.btn-02 a {
		width: 80%;
	}

}