@charset "utf-8";

/* --------------------------

	製品情報 共通CSS
	/products/
 	
-------------------------- */

/* font-size */
.tabBtn li { font-size: 16px;}
.sp_device .tabBtn li { font-size: 1rem;}


/* タブ設定 */
.tabBtn{
	width: 470px;
	margin: 0 auto 40px;
}
.tabBtn li{
	width: 33.19%;
	margin-right: 0.21%;
	padding: 15px 0;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background-color: #b2c2e4;
	cursor:pointer;
	display: block;
	float: left;
}

.sp_device .tabBtn li{
	display: table-cell;
	float: none;
	vertical-align: middle;
}

.tabBtn .last{ margin-right: 0;}
.tabBtn .on{ background-color: #0032a1;}
.tabBox{ display:none; }

.sp_device .tabBtn{
	width: 100%;
	margin: 0 auto 5.33%;
	display: table;
}
.sp_device .tabBox{ padding: 0;}

.tabBtn, .tabBox, .tabBox div { *zoom: 1;}
.tabBtn:after, .tabBox:after, .tabBox div:after { content: ''; display: block; clear: both;}


.proggSlider .inner {
  overflow: hidden;
}

/* youtube再生アイコン */
.youtube{
	display: block;
	position: relative;
}
.youtube::after {
    background: url(/products/detail/img/btn_movie.png) no-repeat center center;
	background-size: 100% auto;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
}

/* youtube
---------------------------------------*/
.product_movie { width: 100%; padding: 57.03125% 0 0 0; position: relative;}
.product_movie iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0;}