@charset "utf-8";

h1.category-ttl{ text-align:center; font-size:32px; color:#381d12; line-height:1; padding:40px 0 0 0;}
hr.ttl_section{ height:1px; background-color:#444; width:80px; margin:14px auto; border:0;}
h1.collection-ttl{ text-align:center; font-size:18px; padding-bottom:30px;}

#collection-menu{ width:1024px; margin:0 auto; text-align:center; padding:30px 0 40px 0; position:relative; z-index:10;}
#collection-menu dl.pull-down{ text-align:left; display:inline-block;}
#collection-menu dl.pull-down dt{ border:1px solid #666; padding:5px 10px; cursor:pointer;}
#collection-menu dl.pull-down dt span{ display:block; background:url(../img/arrow_pulldown.png) no-repeat right center; padding-right:60px;}
#collection-menu dl.pull-down dd{ position:relative; display:none;}
#collection-menu ul.collection-menu-list{ position:absolute; width:100%; top:0; left:0; z-index:999;}
#collection-menu ul.collection-menu-list li{ color:#FFF; background:rgba(51,51,51,0.9); border-bottom:1px solid #555; border-left:1px solid #666; border-right:1px solid #666; padding:5px 10px;}
#collection-menu ul.collection-menu-list li:last-child{ border-bottom:1px solid #666;}
#collection-menu ul.collection-menu-list li a{ color:#FFF; display:block;}

#collection{ padding:0 0 64px 0;}

#main-img{ margin-bottom:40px;}
#main-img img{ width:100%; height:auto;}

#movie-vimeo{}
#movie-vimeo{ position: relative; height: 0; padding: 30px 0 56.25%; overflow: hidden; margin-bottom:80px;}
#movie-vimeo iframe { position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}

#movie-youtube{}
#movie-youtube{ position: relative; height: 0; padding: 30px 0 56.25%; overflow: hidden; margin-bottom:80px;}
#movie-youtube iframe { position: absolute;	top: 0;	left: 0; width: 100%; height: 100%;}

.collection-tab{ display:block; border-bottom:1px solid #381d12; margin-bottom:48px;}
.collection-tab ul{ width:1024px; margin:0 auto; position:relative; top:1px; left:0;}
.collection-tab ul li{ float:left; margin-right:8px; position:relative; cursor:pointer;}

.tab-content{ width:1024px; margin:0 auto;}

ul.collection-list{ margin-left:-8px;}
ul.collection-list li{ float:left; margin:0 0 8px 8px; position:relative; width:250px;}
ul.collection-list li div{ width:250px; height:250px; overflow:hidden; text-align:center;}
ul.collection-list li div img{ height:100%; width:auto;}

.btn-more{ text-align:center; margin-top:58px;}
.btn-more p{ display:inline-block; position:relative; cursor:pointer;}

ul.item-info-list{ margin:14px 0;}
ul.item-info-list li{ color:#FFF;}
ul.item-info-list li a{ color:#FFF;}
ul.item-info-list li span.shop-icon{ background: url(../img/icon_cart.png) no-repeat right center; padding-right:20px;}

.item-info-area{ margin:14px 0; color:#FFF;}
.item-info-area a{ color:#FFF;}


span.tab-on{ opacity:0; transition:0.2s; position:absolute; top:0; left:0;}
span.tab-off{ transition:0.2s;}