/* Y'S GEAR : marinetop.css */


/*======================================================================*
 *  [ mainSlider | メインスライダー ] 
 *======================================================================*/

/* [ imageNav | スライドサムネイル ] */
.imageNav li span {
	padding: 79.65% 0 0 0; /* 【5個の場合】 */
	/* 【4個の場合】 padding: 100% 0 0 0; /
	/* 【6個の場合】 padding: 66.11111111% 0 0 0; */
	background-repeat: no-repeat;
}
.imageNav.col4 li span { padding: 100% 0 0 0; }
.imageNav.col5 li span { padding: 79.65% 0 0 0; }
.imageNav.col6 li span { padding: 66.11111111% 0 0 0; }

/* [ スライドサムネイル個別画像指定 ] */
.imageNav li.main 				{ display: none; }
.imageNav li.yfh			{ background-image: url(../img/thumb_yfh.jpg); }
.imageNav li.kraken			{ background-image: url(../img/thumb_kraken.jpg); }
.imageNav li.vhf			{ background-image: url(../img/thumb_vhf.jpg); }
.imageNav li.fishingboat		{ background-image: url(../img/thumb_fishingboat.jpg); }
.imageNav li.lifejacket 		{ background-image: url(../img/thumb_lifejacket.jpg); }
.imageNav li.calendar			{ background-image: url(../img/thumb_calendar.jpg); }
.imageNav li.boatshow 			{ background-image: url(../img/thumb_boatshow.jpg); }
.imageNav li.boatlife 			{ background-image: url(../img/thumb_boatlife.jpg); }
.imageNav li.vrmarina 			{ background-image: url(../img/thumb_vrmarina.jpg); }
.imageNav li.radar				{ background-image: url(../img/thumb_radar.jpg); }
.imageNav li.fwater				{ background-image: url(../img/thumb_fwater.jpg); }
.imageNav li.navi 				{ background-image: url(../img/thumb_navi.jpg); }
.imageNav li.antifogfilm 		{ background-image: url(../img/thumb_antifogfilm.jpg); }

.imageNav li.yfh span	{ background-image: url(../img/txt_yfh.png); }
.imageNav li.kraken span	{ background-image: url(../img/txt_kraken.png); }
.imageNav li.vhf span	{ background-image: url(../img/txt_vhf.png); }
.imageNav li.fishingboat span	{ background-image: url(../img/txt_fishingboat.png); }
.imageNav li.lifejacket span 	{ background-image: url(../img/txt_lifejacket.png); }
.imageNav li.calendar span		{ background-image: url(../img/txt_calendar.png); }
.imageNav li.boatshow span 		{ background-image: url(../img/txt_boatshow.png); }
.imageNav li.boatlife span 		{ background-image: url(../img/txt_boatlife.png); }
.imageNav li.vrmarina span		{ background-image: url(../img/txt_vrmarina.png); }
.imageNav li.radar span		{ background-image: url(../img/txt_radar.png); }
.imageNav li.fwater span		{ background-image: url(../img/txt_fwater.png); }
.imageNav li.navi span 			{ background-image: url(../img/txt_navi.png); }
.imageNav li.antifogfilm span	{ background-image: url(../img/txt_antifogfilm.png); }

.videoBox {
	position: relative;
	height: 0;
	padding-bottom: 56.64%;
	overflow: hidden;
}
.videoBox video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoBox .ttl {
	position: absolute;
	top: 0;
	right: 0;
	width: 72.26%;
	height: auto;
}

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

@media screen and (max-width: 568px) {
	
	/*==================================================================*
	 *  [ mainSlider | メインスライド ] 
	 *==================================================================*/
	
	/* [ imageNav | スライドサムネイル ] */
	.imageNav li {
		width: 33.33333333%;
	}
	
}