@charset "utf-8";

/* --------------------------------------------------------------
プロダクト詳細　(共通)
-------------------------------------------------------------- */
.subTxtBlue{
	color:#1857A6;
}


/* --------------------------------------------------------------
プロダクト詳細　(PC)
-------------------------------------------------------------- */

@media screen and (min-width:640px){
	#main p.imgL{ float: left; margin: 0 50px 25px 0 !important; padding-right:0; }
	#main p.imgR{ float: right; margin: 0 20px 25px 50px !important; }
	.txtArea{ overflow: hidden; _zoom: 1; }
	#main .col2Area01 .txtArea p,#main .col2Area02 .txtArea p{ padding-left:0;}
	#main .col2Area03 .txtArea p,#main .col2Area04 .txtArea p{ padding-right:0;}
	.col2Area04 .txtArea{
		margin-left:20px;
	}
	.subTxtBlue{
		font-size:18px;
		font-weight:bold;
		margin-bottom:20px;
	}
	.subTxtBlue span{
		font-size:14px;
	}
.productSlider01 li{
	min-height: 670px;
height: auto !important;
height: 670px;
	}
.productSlider02 li{
	min-height: 540px;
height: auto !important;
height: 540px;
	}
.area00{
	text-align:center;
	}

}

/* --------------------------------------------------------------
プロダクト詳細　(SP)
-------------------------------------------------------------- */

@media screen and (max-width:640px){
	.YoutubeWrapper{
	position: relative ;
	margin-top: 1.2em ;
	margin-bottom: 1.2em ;
	padding-top: 69px ;
	padding-bottom: 50% ;
	overflow: hidden ;
	}

	.YoutubeWrapper iframe {
	position: absolute ;
	top: 0 ;
	left: 0 ;
	height: 100% ;
	width: 100% ;
	}
	#main p.imgL img{ width:100%;}
	#main p.imgR img{ width:100%; }
	h1 .pcOnly{
		display:none;}
	h1 img{
		width:146px !important;
		}
	/*
	.spHeaderInner img{
		width:146px !important;
		}
	*/
	#productPager01 a{
		position:relative;
		}
	#productPager01 a img{
		position:relative;bottom:15px;
		}
	.productSlider02 h4,.productSlider02 p{
		font-size:12px !important;
		}
	#main .mainImg p.txt02{
		color:#333333 !important;
		font-size:12px !important;
		}

	.mainImg h2{
			position:absolute;
	padding:0 !important;
	margin:0 0 0 8px !important;
	}
	.mainImg h2 img{
		width:70% !important;
		padding:0 !important;
		margin:0 !important;
		}

	}




@media screen and (max-width:480px){


	}



@media screen and (max-width:320px){



	}