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


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

/* [ imageNav | スライドサムネイル ] */
.imageNav li a {
	/* background: none !important; */
}
.imageNav li span {
	/* 【4個の場合】 padding: 100% 0 0 0; /
	padding: 79.65% 0 0 0; /* 【5個の場合】 */
}

.imageNav.col4 li span { padding: 100% 0 0 0; }
.imageNav.col5 li span { padding: 79.65% 0 0 0; }

/* [ スライドサムネイル個別画像指定 ] */
.imageNav li.main 				{ display: none; }
.imageNav li.cp 				{ background-image: url(../img/thumb_cp.jpg); }
.imageNav li.model 				{ background-image: url(../img/thumb_model.jpg); }
.imageNav li.cover 				{ background-image: url(../img/thumb_cover.jpg); }
.imageNav li.search 			{ background-image: url(../img/thumb_search.jpg); }
.imageNav li.crew 				{ background-image: url(../img/thumb_crew.jpg); }
.imageNav li.childseat 			{ background-image: url(../img/thumb_childseat.jpg); }
.imageNav li.rain-cp 			{ background-image: url(../img/thumb_rain-cp.jpg); }
.imageNav li.present 			{ background-image: url(../img/thumb_present.jpg); }
.imageNav li.battery-cp 		{ background-image: url(../img/thumb_battery-cp.jpg); }
.imageNav li.model       span 	{ background-image: url(../img/txt_model.png); }
.imageNav li.cp          span 	{ background-image: url(../img/txt_cp.png); }
.imageNav li.cover       span 	{ background-image: url(../img/txt_cover.png); }
.imageNav li.search      span 	{ background-image: url(../img/txt_search.png); }
.imageNav li.crew    	 span 	{ background-image: url(../img/txt_crew.png); }
.imageNav li.childseat   span 	{ background-image: url(../img/txt_childseat.png); }
.imageNav li.rain-cp	 span 	{ background-image: url(../img/txt_rain-cp.png); }
.imageNav li.present	 span 	{ background-image: url(../img/txt_present.png); }
.imageNav li.battery-cp  span 	{ background-image: url(../img/txt_battery-cp.png); }


/*======================================================================*
 *  [ cautionBox ] 
 *======================================================================*/

.cautionBox {
	margin: 0 0 20px 0;
	border: 1px solid #ff4155;
	text-align: center;
}
.cautionBox h2 {
	padding: 5px 10px;
	background: #ff4155;
	color: #fff;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
}
.cautionBox a {
	display: block;
	padding: 10px;
	color: #4d4d4d;
}
.cautionBox a:hover {
	color: #4d4d4d !important;
}
.cautionBox p {
	margin: 0 0 5px 0;
	font-size: 117%;
	font-weight: bold;
}
.cautionBox p span {
	display: inline-block;
	font-size: 86%;
}
.cautionBox a > span {
	display: inline-block;
	padding: 5px;
	border-radius: 2px;
	background: #a0a0a0;
	color: #fff;
	line-height: 1;
}
.cautionBox a:hover > span {
	color: #fff !important;
	text-decoration: underline;
}


/*======================================================================*
 *  [ pasBunnerBox | PASバナーボックス ] 
 *======================================================================*/

.pasBunnerBox {
	margin: 0 0 20px 0;
	text-align: center;
}

.pasBunnerBox li {
	border: 1px solid #ccc;
	list-style-type: none;
	box-sizing: border-box;
}
.pasBunnerBox li + li {
	margin: 10px 0 0 0;
}
.pasBunnerBox li:hover {
	border-color: #db5e67;
}
.pasBunnerBox li a {
	display: block;
	position: relative;
	min-height: 32px;
	padding: 10px 20px 10px 58px;
	background: #fff4f5;
	border: 1px solid #fff;
	color: #db5e67;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.2;
}
.pasBunnerBox li a:hover {
	border-color: #fff !important;
}
.pasBunnerBox li a:before, 
.pasBunnerBox li a[target="_blank"]:after {
	display: block;
	position: absolute;
	top: 50%;
	line-height: 0;
}
.pasBunnerBox li a:before {
	left: 10px;
	width: 48px;
	height: 32px;
	margin: -16px 0 0 0;
}
/* [ アイコン個別設定 ] */
.pasBunnerBox li.qa a:before { content: url(/pas/svg/icon_qa.svg); }
.pasBunnerBox li.shop a:before { content: url(/pas/svg/icon_shop.svg); }
.pasBunnerBox li a[target="_blank"]:after {
	right: 10px;
	width: 10px;
	height: 10px;
	margin: -5px 0 0 0;
	content: url(/shared/svg/icon_blank.svg);
}


/*======================================================================*
 *  [ Media Queries 730 ] 
 *======================================================================*/

@media screen and (max-width: 730px) {
	
	/*======================================================================*
	 *  [ pasBunnerBox | PASバナーボックス ] 
	 *======================================================================*/
	
	.pasBunnerBox li {
		float: left;
		width: 49%;
	}
	.pasBunnerBox li + li {
		float: right;
		margin: 0;
	}
	
}


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

@media screen and (max-width: 568px) {
	
	/*==================================================================*
	 *  [ mainSlider | メインスライド ] 
	 *==================================================================*/
	
	/* [ imageNav | スライドサムネイル ] */
	.imageNav li {
		width: 20%; /* 【5個の場合】 */
		/* 【4個の場合】 width: 25%; */
	}
	
	.imageNav.col4 li { width: 25%; }
	.imageNav.col5 li { width: 20%; }
	
	/*======================================================================*
	 *  [ pasBunnerBox | PASバナーボックス ] 
	 *======================================================================*/
	
	.pasBunnerBox li {
		float: none;
		width: 100%;
	}
	.pasBunnerBox li + li {
		margin: 10px 0 0 0;
	}
	.pasBunnerBox li br {
		display: none;
	}
	.pasBunnerBox li a {
		line-height: 32px;
	}
	
}