@charset "shift-jis";
/* CSS Document */

#led * {
	margin:0;
	padding:0;
}
#led ul li {
	list-style:none;
	float:none;
}
#led img {
	vertical-align:bottom;
	vertical-align:top;
	line-height:0;
	border:0;
	width:100%;



}
#led {
	width:100%;
	margin:0;
	padding:0;
	padding-bottom:3%;
	
}



#led ul{
	width:100%;
	overflow:hidden;
}

#led ul li {
	float:left;
	text-align:center;
	position:relative;
	
}

#led li.l1{
	float:left;
	width:100%;}
	

#led li.l2{
	float:left;
	width:50%;}
	

#led li.l3{
	float:left;
	width:33%;
}

._youtube_link .btnnone a:after{
   display: none;
}

/* ■■■■■ 価格 ■■■■■ */

#led .buy_price {
	color:#F00;
	font-size: 30px;
	position:absolute;
	z-index:4;
}
#led .buy_price ul, #led .buy_price ul li {
	width:96%;
}
#led ul div.buy_price li{
	float:none;
	display:inline;
	color:#f00;
}
#led li.price{
	font-size:110%;
	font-weight:bold;
}
#led ul li.intax{
	font-size: 15px;
}
#led ul li div.buy_price li span{
	display:none;
}
#led ul li div.buy_price ul li.motoprice{
	display:none;
}
/*位置指定*/
#led .buy_price {
	width:100%;
	text-align:right;
	top:15%;
	right:25%
}
#led .ul_col1x .buy_price {
	width:48%;
	text-align:right;
	top:15%;
	right:15%
}

#led .l2 .buy_price {
	width:80%;
	text-align:left;
	top: 10%;
    left: 40%;
}

#led .l3 .buy_price {
	width:100%;
	text-align:left;
	top: 80%;
    left: 9%;
}

#led .bn li img{
	float:left;
	width:50%;}
	
	
	
/*=== 画像の表示エリア ================================= */
.slide {
  position   : relative;
  /*overflow   : hidden;*/
                    /* 画像のサイズに合わせて変更ください */
  width      : 100%;
  /*height     : 1030px;*/
  margin     : auto;      /* サンプルは中央寄せの */

}
 
 /*=== 画像の設定 ======================================= */
.slide img {
  display    : block;
  position   : absolute;
  top:0;
  left:0;
                      /* 画像のサイズを表示エリアに合せる */
  width      : inherit;
  /*height     : inherit;*/
  
}

.slide img#yoru{z-index:1;}
.slide img#yugata{animation : moveimg 12s infinite; z-index:5;}
.slide img#led_item{position:relative;z-index:10;}

 /*=== スライドのアニメーション ========================= */
	@keyframes moveimg {
		0% {opacity:1;}
		35% {opacity:0;}
		45% {opacity:0;}
		85% {opacity:1;}
		100% {opacity:1;}
	}
