/* Y'S GEAR : marine.css     基本色：#4794cf */


/* ■■■■■ [ common ] ■■■■■ */

a:hover {
	color: #4794cf;
}

.siteContents a:hover, 
.dlContents a:hover {
	color: #4794cf !important;
	border-color: #4794cf !important;
}


/*======================================================================*
 *  [ promotionArea | プロモーションエリア ] 
 *======================================================================*/

/* [ pagination ] */
.promotionArea .owl-pagination .active span {
	border-color: #4794cf;
	background-color: #4794cf;
}

/* [ buttons ] */
.promotionArea .owl-buttons .owl-prev:after, 
.promotionArea .owl-buttons .owl-next:after {
	border-color: #4794cf;
}


/* ■■■■■ [ template.css ] ■■■■■ */

/*======================================================================*
 *  [ siteHeader ] 
 *======================================================================*/

#siteHeader {
	border-color: #4794cf;
}


/*======================================================================*
 *  [ common | 共通要素 ] 
 *======================================================================*/

/* [ h2 ] */
h2.h2 {
	color: #4794cf;
}
h2.h2:after {
	border-color: #4794cf;
}

/* [ commonWrap h2 / commonTitleH2 | 共通見出し H2 ] */
.commonWrap h2, 
.commonTitleH2 {
	background-color: #ecf4fa;
	color: #4794cf;
}
.commonWrap h2 a, 
.commonTitleH2 a {
	color: #4794cf;
}

/* [ commonWrap h5 / commonTitleH5 | 共通見出し H5 ] */
.commonWrap h5, 
.commonTitleH5 {
	border-left-color: #4794cf;
	color: #4794cf;
}
.commonWrap h5 a, 
.commonTitleH5 a {
	color: #4794cf;
}

/* [ commonButton | 共通ボタン ] */
a.commonButton {
	background: #4794cf;
}

/* [ commonLink / commonLinks | 共通リンク・共通リンクリスト ] */
a.commonLink, 
.commonLinks a {
	color: #4794cf;
}
a.commonLink:before, 
.commonLinks a:before {
	border-left-color: #4794cf;
}
a[target="_blank"].commonLink:before, 
.commonLinks a[target="_blank"]:before {
	background-color: #4794cf;
}

/* [ commonLinkBox | 共通リンクボックス（カラム選択可） ] */
.commonLinkBox a:before {
	border-left-color: #4794cf;
}

/* [ commonList | 共通リスト（dl・ul両方対応） ] */
.commonList dt, .commonList dt a,
.commonList li:before, 
.commonList li > span, .commonList li > a {
	color: #4794cf;
}


/*======================================================================*
 *  [ contentsSide | サイドバー ] 
 *======================================================================*/

/* [ modelLink | モデルトップへ ] */
.modelLink a {
	background: #ecf4fa;
}

/* [ link | 共通リンク ] */
.contentsSide .link li.active a {
	background: #ecf4fa;
	color: #4794cf;
}


/*======================================================================*
 *  [ localNav | ローカルナビ ] 
 *======================================================================*/

.localNav li.active a, 
.localNav li a:hover {
	background: #ecf4fa;
	color: #4794cf;
}


/*======================================================================*
 *  [ categoryNav | カテゴリ ] 
 *======================================================================*/

.categoryNav li.active {
	background: #ecf4fa;
}
.categoryNav li.active > a {
	color: #4794cf;
}
.categoryNav .icon li li.active > a:before {
	border-left-color: #4794cf;
}


/*======================================================================*
 *  [ relatedBox | 関連リンク ] 
 *======================================================================*/

.relatedBox li a:hover {
	background: #ecf4fa;
}


/* ■■■■■ [ category-top.css ] ■■■■■ */

/*======================================================================*
 *  [ categoryLineup | ラインナップ ]
 *======================================================================*/

.categoryLineup li a:hover img {
	border-color: #4794cf;
}
.categoryLineup li span {
	background: #4794cf;
}

/* [ 販売終了品はこちら ] */
a.endLink:before {
	border-left-color: #4794cf;
}


/*======================================================================*
 *  [ contentsList | コンテンツ ]
 *======================================================================*/

.contentsList li a:hover svg {
	fill: #4794cf;
}


/*======================================================================*
 *  [ supplementBox | 補足事項 ]
 *======================================================================*/

.supplementBox dt {
	color: #4794cf;
}


/* ■■■■■ [ category-contents-top.css ] ■■■■■ */

/*======================================================================*
 *  [ contentsTopBox | コンテンツTOP ]
 *======================================================================*/

.contentsTopBox section a:hover {
	background: #f8fbfd;
}
.contentsTopBox h2:after, 
.contentsTopBox h3:after {
	border-color: #4794cf !important;
}

/* [ download | ダウンロードバージョン ] */
.contentsTopBox.download h2:after, 
.contentsTopBox.download h3:after {
	content: url(/shared/svg/icon_download_marine.svg);
}
.contentsTopBox.download p span {
	color: #4794cf;
}


/* ■■■■■ [ db-detail.css / db-detail_mobile.css ] ■■■■■ */

/*======================================================================*
 *  [ adaptationModel | 適応機種階層・適応機種コード ] 
 *======================================================================*/

@media screen and (max-width: 667px) {
	.adaptationModel .hierarchy li { width: 50%; }
}
@media screen and (max-width: 480px) {
	.adaptationModel .hierarchy li { width: 100%; }
}


/*======================================================================*
 *  [ basicDetails / basicImages | 基本詳細 / 基本イメージ ] 
 *======================================================================*/

/* [ icon | アイコン ] */
.basicDetails .icon i, 
.basicImages .icon i {
	border-color: #4794cf;
	color: #4794cf;
}


/*======================================================================*
 *  [ productImage | 商品画像 ] 
 *======================================================================*/

/* [ productImageNav | スライドサムネイル ] */
.productImageNav li a.active {
	border-color: #4794cf;
}


/* ■■■■■ [ db-list.css ] ■■■■■ */

/*======================================================================*
 *  [ modelMain | モデル情報 ] 
 *======================================================================*/

.modelMain .name {
	color: #4794cf;
}


/*======================================================================*
 *  [ productNarrow | 商品を絞り込む ] 
 *======================================================================*/

.productNarrow dt {
	color: #4794cf;
}


/* ■■■■■ [ db-list_dx.css ] ■■■■■ */

/*======================================================================*
 *  [ recommendStyle | おすすめスタイル ] 2021/05 追加 
 *======================================================================*/

.recommendStyle {
	border-color: #4794cf !important;
}
.recommendStyle h2 {
	background: #4794cf;
}
.recommendStyleInner > div {
	background: #ecf4fa;
}
.recommendStyleInner .head > *:first-child {
	border-color: #ecf4fa !important;
}
.recommendStyleInner li .item {
	border-color: #ecf4fa !important;
}
.recommendStyleInner .total {
	color: #4794cf;
}


/*======================================================================*
 *  [ recommendBest | おすすめする商品 BEST 5 !! ]
 *======================================================================*/

section.recommendBest {
	border-color: #4794cf;
}

.recommendBest h2 {
	background: #4794cf;
}

.recommendBest .item a:hover img {
	border-color: #4794cf;
}
.recommendBest .item em {
	background: #4794cf;
}
.recommendBest .item p span {
	border-color: #4794cf;
	color: #4794cf;
}


/*======================================================================*
 *  [ productLineup | 商品一覧 ]
 *======================================================================*/

/* [ 切替ボタン ] */
.switchingButton span {
	background: #4794cf;
}

.productLineup h3 {
	background: #4794cf;
}
.productLineup li:hover img, 
.productLineup li a:hover img {
	border-color: #4794cf;
}
.productLineup li:hover a p {
	color: #4794cf;
}


/*======================================================================*
 *  [ relatedLinks | 関連リンク ]
 *======================================================================*/

.relatedLinks li a:hover img {
	border-color: #4794cf;
}


/* ■■■■■ [ db-models.css ] ■■■■■ */

/*======================================================================*
 *  [ dbModelWrap | モデル一覧ページ ] 
 *======================================================================*/

.dbModelWrap h2 {
	color: #4794cf;
}


/*======================================================================*
 *  [ saleType | 販売形態 ] 
 *======================================================================*/

.saleType li.active a {
	color: #4794cf;
	border-color: #4794cf;
}
.saleType li.active a:hover {
	border-color: #4794cf !important;
}


/*======================================================================*
 *  [ modelType | モデルタイプ ] 
 *======================================================================*/

.modelType li {
	width: 16.66%;
}
.modelType li.active a {
	background: #4794cf;
}


/*======================================================================*
 *  [ Media Queries 568 ] 
 *======================================================================*/

@media screen and (max-width: 568px) {
	
	/*======================================================================*
	 *  [ saleType | 販売形態 ] 
	 *======================================================================*/
	
	.saleType li {
		width: 50%;
	}
	
	
	/*==================================================================*
	 *  [ modelType | モデルタイプ ] 
	 *==================================================================*/
	
	.modelType li {
		width: 33.33%;
	}
	
	
	/*==================================================================*
	 *  [ modelBox | モデルボックス ] 
	 *==================================================================*/
	
	.modelBox h3 {
		background: #4794cf;
	}
	
}


/* ■■■■■ [ lineup.css ] ■■■■■ */

/*======================================================================*
 *  [ lineupWide / lineupBox | ラインナップ ]
 *======================================================================*/

.lineupWide a:hover h2 span, 
.lineupBox h2 a:hover span {
	color: #4794cf;
}
.lineupWide a:hover h2 span:after, 
.lineupBox h2 a:hover span:after {
	border-color: #4794cf;
}

/* [ 通常 ] */
.lineupBox li a:before {
	border-left-color: #4794cf !important;
}

/*======================================================================*
 *  [ lineupBox2 | ラインナップ ]
 *======================================================================*/

.lineupBox2 a:hover h2 {
	color: #4794cf;
}
.lineupBox2 a:hover h2 b:after, 
.lineupBox2 h2 a:hover b:after {
	border-color: #4794cf;
}

/* [ 通常 ] */
.lineupBox2 li a:before {
	border-left-color: #4794cf !important;
}


/* ■■■■■ [ topics.css ] ■■■■■ */

/*======================================================================*
 *  [ updatesList | 更新情報一覧 ]
 *======================================================================*/

.updatesList li:before {
	border-left-color: #4794cf !important;
}

@media screen and (max-width: 568px) {
	.updatesList li a:hover:after {
		border-color: #4794cf !important;
	}
}


/*======================================================================*
 *  [ backNumber | バックナンバー ]
 *======================================================================*/

.backNumber dl:nth-child(odd) {
	background: #ecf4fa;
}
.backNumber dt a {
	color: #363a90;
}

@media screen and (max-width: 568px) {
	.backNumber dt a {
		background: #ecf4fa;
	}
}


/* ■■■■■ [ 画像ダウンロード model.css ] ■■■■■ */

/*======================================================================*
 *  [ dlTab ]
 *======================================================================*/

.dlTab li.active a {
	color: #363a90;
	border-color: #363a90 !important;
}