/* ////////////////////////////////////////
PC,SP
//////////////////////////////////////// */
/*PRODUCT*/
/*タイトル
---------------------------*/
#product-title-section,#product-title-section img,#product-title-section .product-txt{ 
	width:100%;
	height:500px;
}
#product-title-section{
	position: relative;
}
#product-title-section .product-txt{
	position: absolute;
	display: table;
	width:100%;
}
#product-title-section .product-txt-inner{
	display: table-cell;
	width:100%;
	vertical-align: middle;
	padding:0 10px;
}
/*---------------------------------------------
商品リスト
----------------------------------------------*/
#product-list-section{
	padding-bottom:50px;
}
#product-list-section .pickup-h img{
	width:auto;
	height:50px;
}
#product-list-section .product-list li{
	position: relative;
	transition: opacity 0.9s;
}
#product-list-section .product-list li a{	
	transition: opacity 0.9s;
	border: 2px solid transparent;
	padding:10px;
}
#product-list-section .product-list li p{
	transition: opacity 0.4s;
}
#product-list-section .product-list li:hover p{
      opacity: 0.6;
}
/*▼アクティブ
---------------------------------------*/
#product-list-section .product-no{
    opacity: 0;
}
#product-list-section .product-no.product-active{
    opacity: 1;
}
/*▼hover動作
---------------------------------------
#product-list-section .product-list li a::before,
#product-list-section .product-list li a::after {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
  content: '';
  transition: all .8s;
}
#product-list-section .product-list li a::before {
  border-top: 2px solid #f39c07;
  border-bottom: 2px solid #f39c07;
  transform: scale(0, 1);
}
#product-list-section .product-list li a::after {
  border-right: 2px solid #f39c07;
  border-left: 2px solid #f39c07;
  transform: scale(1, 0);
}
#product-list-section .product-list li a:hover::after,
#product-list-section .product-list li a:hover::before {
  transform: scale(1);
}
▲hover動作
---------------------------------------*/
#product-list-section .product-img{
	height:160px;
	position: relative;
}
#product-list-section .product-img img{
	width:100%;
	height:160px;
}
#product-list-section figure{
	margin:0;
}
#product-list-section .product-color dt{
	display: inline-block;
	width:15px;
	height:15px;
	opacity: 1;
	overflow: hidden;
	border-radius:30px;
	border:1px solid #DFDFDF;
}
/*▼パラパラ漫画
---------------------------------------*/
#product-list-section .product-img img{
	top: 0px;
    left: 0px;
    position: absolute;
	/*animation: showMe 0.4s linear infinite 0s forwards;*/
		animation-play-state: paused;
}
#product-list-section .product-list li:hover .product-img img{
	animation-play-state: running;
}
@keyframes showMe {
0% { visibility: visible; z-index: 100; }
100% { visibility: hidden; z-index: 0; }
}
/* ////////////////////////////////////////
印刷時　PCのみ
//////////////////////////////////////// */
@media screen and (min-width:768px) , print{
	/*タイトル
	---------------------------*/
	#product-title-section:after{
		content: "";
		position: absolute;
		bottom: 0px;
		display: block;
		width: 100%;
		height: 4px;
		background: url(../img/common/nav-laugh-top.png) repeat-x;
	}
}
/* ////////////////////////////////////////
タブレットのみ
//////////////////////////////////////// */
@media screen and (min-width: 768px) and (max-width: 1100px){
    
	#product-list-section .product-img{
		height:145px;
		position: relative;
	}
	#product-list-section .product-img img{
		width:100%;
		height:145px;
	}
}
/* ////////////////////////////////////////
印刷用
//////////////////////////////////////// */
@media print{
}
/* ////////////////////////////////////////
SPのみ
//////////////////////////////////////// */
@media screen and (max-width: 767px){
	/*タイトル
	---------------------------*/
	#product-title-section,#product-title-section img,#product-title-section .product-txt{ 
		width:100%;
		height:300px;
	}
	#product-title-section:after{
		content: "";
		position: absolute;
		bottom: 0px;
		display: block;
		width: 100%;
		height: 4px;
		background: url(../img/common/nav-laugh-top-sp.png) repeat-x;
		background-size: contain;
	}
	/*---------------------------------------------
	商品リスト
	----------------------------------------------*/
	#product-list-section .product-img{
		height:145px;
	}
	#product-list-section .product-img img{
		height:145px;
	}
}