@charset "utf-8";

@media screen and ( min-width:640px ) { /* PC ==================== */
  .padding-bottom400{
    padding-bottom:400px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
}

.content{
  overflow: hidden;
  text-align: center;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .content{
    max-width:1920px;
    margin:0 auto;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .content{
    width:100%;
  }
}
.product-content,
.product-content2{
  margin: 40px auto 0;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .product-content{
    padding-bottom:200px;
  }
  .product-content2{
    padding-bottom:0;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .product-content{
    padding-bottom:50px;
  }
  .product-content2{
    padding-bottom:0;
  }
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .content h2{
    margin:0 0 100px 0;
    padding-top:100px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .content h2{
    margin-bottom:20px;
  }
  .content h2 img{
    width:100%;
  }
}
.content-body{
  background-image: url("/products/tomica/tomicabrand/premium/img/main-bg.png");
  background-repeat: repeat-y;
  background-position: top !important;
  position: relative;

}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .top-main-bg{
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .top-main-bg{
    background-size: 100%;
  }
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .product-main-bg{
    background-position: center top;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .product-main-bg{
    background-position: center top;
    background-size: 100%;
  }
}

.tabs-box{
  margin:0 auto;
  width:100%;
}
.tab-menu-bg{
  background-color:#fff;
  width:100%;
  position: absolute;
  top:0;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .tab-menu-bg{
    height:235px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .tab-menu-bg{
    height:80px;
  }
}

/*ベース*/
div.typeA{
	display: flex;
	flex-wrap: wrap;
  background: url("/products/tomica/tomicabrand/premium/img/line.jpg") no-repeat;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  div.typeA{
    background-position: center 235px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  div.typeA{
    background-position: center 80px;
    background-size: 100% 5px;
  }
}
div.typeA::after {
	content: '';
	order: -1;
	display: block;
}
div.typeA .tabLabel {	/* タブ */
	order: -1;
	transition: .5s ;
	cursor: pointer;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  div.typeA .tabLabel {	/* タブ */
    height:235px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  div.typeA .tabLabel {	/* タブ */
    height:70px;
    top:10px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  div.typeA .tabLabel img {
    height:75px;
  }
}
.tabLabel{
  position: relative;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .tabLabel{
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
  }
  .tab-01{
    margin-left:-481px;
  }
  .tab-01,
  .tab-02,
  .tab-03,
  .tab-04{
    margin-right:6px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .tabLabel{
    margin:0 1px;
  }
}
@media screen and ( max-width:428px ) { /* SP：iPhone 12 Pro Max ==================== */
  .tab-01{
    margin-left:35px;
  }
}
@media screen and ( max-width:414px ) { /* SP：iPhone 11 / XR / 11 Pro Max / 6s / 7 / 8 plus ==================== */
  .tab-01{
    margin-left:28px;
  }
}
@media screen and ( max-width:390px ) { /* SP：iPhone 12 / 12 Pro ==================== */
  .tab-01{
    margin-left:17px;
  }
}
@media screen and ( max-width:375px ) { /* SP：iPhone 12 mini / 11 Pro/ X / XS / SE2 / 6s / 7 / 8 ==================== */
  .tab-01{
    margin-left:9px;
  }
}

div.typeA .tabLabel:nth-last-of-type(1){ margin-right: 0; }
div.typeA input {		/* ラジオボタン非表示 */
	display: none;
}
div.typeA .tab-content {	/* 本文 */
	width: 100%;
	height: 0;
  display: none;
	overflow: hidden;
	opacity: 0;
}
/*アクティブ設定*/
div.typeA input:checked + .tabLabel {
  position: relative;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  div.typeA input:checked + .tabLabel {
    height:251px;
  }
}
@media screen and ( max-width:428px ) { /* SP：iPhone 12 Pro Max ==================== */
  div.typeA input:checked + .tabLabel {
    height:85px;
  }
}
@media screen and ( max-width:414px ) { /* SP：iPhone 11 / XR / 11 Pro Max / 6s / 7 / 8 plus ==================== */
  div.typeA input:checked + .tabLabel {
    height:85px;
  }
}
@media screen and ( max-width:390px ) { /* SP：iPhone 12 / 12 Pro ==================== */
  div.typeA input:checked + .tabLabel {
    height:85px;
  }
}
@media screen and ( max-width:375px ) { /* SP：iPhone 12 mini / 11 Pro/ X / XS / SE2 / 6s / 7 / 8 ==================== */
  div.typeA input:checked + .tabLabel {
    height:85px;
  }
}
div.typeA input:checked + .tabLabel + .tab-content {
	height: auto;
  display: block;
	overflow: auto;
	transition: .5s opacity;
	opacity: 1;
}

.tab-content{
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
.tab-content-body{
  margin: 0 auto;
  text-align: center;
  overflow: hidden;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .tab-content-body{
    width: 1200px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .tab-content-body{
    width: 100%;
  }
  .tab-content-body img{
    width: 100%;
  }
}
.tab-36-content{ background: url("/products/tomica/tomicabrand/premium/premium-36/img/top-bg.jpg"); }
.tab-37-content{ background: url("/products/tomica/tomicabrand/premium/premium-37/img/top-bg.jpg"); }
.tab-38-content{ background: url("/products/tomica/tomicabrand/premium/premium-38/img/top-bg.jpg"); }
.tab-39-content{ background: url("/products/tomica/tomicabrand/premium/premium-39/img/top-bg.jpg"); }
.tab-40-content{ background: url("/products/tomica/tomicabrand/premium/premium-40/img/top-bg.jpg"); }

.tab-20-202110N-content{ background: url("/products/tomica/tomicabrand/premium/premium-20-202110N/img/top-bg.jpg"); }
.tab-20-202110F-content{ background: url("/products/tomica/tomicabrand/premium/premium-20-202110F/img/top-bg.jpg"); }
.tab-29-202110-content{ background: url("/products/tomica/tomicabrand/premium/premium-29-202110/img/top-bg.jpg"); }

.tab-33-202201N-content{ background: url("/products/tomica/tomicabrand/premium/premium-33-202201N/img/top-bg.jpg"); }
.tab-33-202201F-content{ background: url("/products/tomica/tomicabrand/premium/premium-33-202201F/img/top-bg.jpg"); }

.tab-36-202204N-content{ background: url("/products/tomica/tomicabrand/premium/premium-36-202204N/img/top-bg.jpg"); }
.tab-36-202204F-content{ background: url("/products/tomica/tomicabrand/premium/premium-36-202204F/img/top-bg.jpg"); }
.tab-30-202204-content{ background: url("/products/tomica/tomicabrand/premium/premium-30-202204/img/top-bg.jpg"); }

.tab-25-202206N-content{ background: url("/products/tomica/tomicabrand/premium/premium-25-202206N/img/top-bg.jpg"); }
.tab-25-202206F-content{ background: url("/products/tomica/tomicabrand/premium/premium-25-202206F/img/top-bg.jpg"); }

.tab-13-202207N-content{ background: url("/products/tomica/tomicabrand/premium/premium-13-202207N/img/top-bg.jpg"); }
.tab-13-202207F-content{ background: url("/products/tomica/tomicabrand/premium/premium-13-202207F/img/top-bg.jpg"); }

.tab-35-202208N-content{ background: url("/products/tomica/tomicabrand/premium/premium-35-202208N/img/top-bg.jpg"); }
.tab-35-202208F-content{ background: url("/products/tomica/tomicabrand/premium/premium-35-202208F/img/top-bg.jpg"); }

.tab-14-202210N-content{ background: url("/products/tomica/tomicabrand/premium/premium-14-202210N/img/top-bg.jpg"); }
.tab-14-202210F-content{ background: url("/products/tomica/tomicabrand/premium/premium-14-202210F/img/top-bg.jpg"); }

.tab-07-202212-content{ background: url("/products/tomica/tomicabrand/premium/premium-07-202212/img/top-bg.jpg"); }

.tab-content{
  background-repeat: no-repeat;
  background-position: center top;
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .tab-content{
    background-size: 100%;
  }
}
.product-detail{
  position: relative;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .product-detail{
    margin:40px 0;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .product-detail{
    width:95%;
    margin:20px auto;
  }
}
.product-detail a,
.soldout{
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  -webkit-transform: translate(-50%);
  -ms-transform: translate(-50%);
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .product-detail a,
  .soldout{
    bottom:60px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .product-detail a,
  .soldout{
    bottom:15px;
  }
}
@media screen and ( min-width:640px ) { /* PC ==================== */
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .btn-openedmovie{
    width:45%;
    margin:0 auto;
  }
}

.btn-light{
    display:block;
    background-image:url("../img/btn-ttm-api.png");
    background-color: transparent !important;
    border:0 !important;
    color:#fff !important;
    font-weight:bold !important;
}
.btn-light:hover,
.btn-light::visited{
    background-color: transparent !important;
    border:0 !important;
    color:transparent !important;
}
@media screen and ( min-width:768px ) { /* PC ==================== */
    .btn-light{
     width:526px;
     height:115px;
     font-size:250% !important;
     line-height:105px !important;
    }
}
@media screen and ( max-width:768px ) { /* SP  ==================== */
    .btn-light{
     width:200px;
     height:44px;
     font-size:120% !important;
     line-height:34px !important;
     background-size:100%;
    }
}


.title-lineup{
  /*margin-bottom:0 !important;*/
}
.title-caution{
  display: block;
  width:1200px;
  margin:0 auto 100px;
  text-align: right;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  #lineup,
  #collection,
  #tt-original{
    width:1200px;
    margin:0 auto;
    padding-bottom:200px;
  }
  .title-caution{
    margin:0 auto 100px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  #lineup,
  #collection,
  #tt-original{
    width:95%;
    margin:0 auto;
    padding-bottom:50px;
  }
  .title-lineup,
  .title-tt-original{
    margin-top: 40px;
  }
  .title-caution{
    margin:0 auto 20px;
  }
}

.item-card{
  border-top:3px solid #dc0000;
	background-color: #e6e6e6;
  color:#000;
	float: left;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .item-card{
  	margin: 10px 0;
  	width: calc(33.33% - 10px);
  }
  .item-card:nth-child(3n+1){
  	margin-right: 15px;
  }
  .item-card:nth-child(3n){
  	float: right;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .item-card{
  	margin: 3px 0;
  	width: calc(50% - 2px);
  }
  .item-card:nth-child(2n+1){
  	margin-right: 3px;
  }
  .item-card:nth-child(2n){
  	float: right;
  }
}
.item-card:hover{
  color:#000;
}

.item-card div div{
  padding:0 10px;
}
.item-card div div p{
  padding:5px 0;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .item-card div div p{
    font-size:7pt;
  }
}
.thumb{
  width:100%;
  background-color: #000;
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .thumb img{
    width:100%;
  }
}
.name{
  text-align: left;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .name{
    height:80px;
  }
  .name span{
    position: relative;
    top:-3px;
  font-size:70%;
  line-height:1.0;
}
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .name{
    height:60px;
  }
  .name span{
    position: relative;
    top:-1px;
  font-size:70%;
  line-height:1.0;
}
}
.price{
  text-align: right;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}
.copyright{
  text-align: left;
}
.copyright-black{
  display: block;
  background:#000;
  padding:5px;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .copyright{
    height:80px;
  }
  .copyright-black img{
    width:100%;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .copyright{
    height:40px;
  }
  .copyright img{
    width:100%;
  }
  .copyright-black img{
    width:100%;
  }
}

/* 既存発売商品用フォーマット  ==================== */
.product-bg{
  background:url("/products/tomica/tomicabrand/premium/img/product-bg.jpg") center top;

}
.gallery-bg{
  background: #000;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .gallery-bg{
    width:1130px;
    margin: 70px auto 0;
    border:13px solid #000;
    border-radius: 50px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .gallery-bg{
    width:95%;
    margin: 20px auto 0;
    border:4px solid #000;
    border-radius: 18px;
  }
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .gallery-line{
    padding:20px;
    border:5px solid #dc0000;
    border-radius: 40px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .gallery-line{
    padding:10px;
    border:2px solid #dc0000;
    border-radius: 15px;
  }
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .gallery li img{
    width:1000px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .gallery li img{
    width:100%;
  }
}
.slick-prev,
.slick-next {
  position: absolute;
  z-index: 3;
  top: 42%;
  cursor: pointer;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .slick-prev,
  .slick-next {
    width:40px !important;
    height:77px !important;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .slick-prev,
  .slick-next {
    width:25px !important;
    height:48px !important;
  }
}
.slick-prev {
  left:0 !important;
}
.slick-next {
  right:0 !important;
}
.choice-btn{
  background: linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,1), rgba(255,255,255,0));
	background: -webkit-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)), rgba(255,255,255,0));
	background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)), rgba(255,255,255,0));
	background: -o-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)), rgba(255,255,255,0));
	background: -ms-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,1)), rgba(255,255,255,0));
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .choice-btn{
    margin:30px 0 100px 0;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .choice-btn{
    margin:10px 0 30px 0;
  }
}
.choice-btn li{
  cursor: pointer;
  outline: none;
  background:#333;
}
@media screen and ( min-width:640px ) { /* PC ==================== */
  .choice-btn li{
    margin: 10px 5px;
    width:190px;
  }
}
@media screen and ( max-width:640px ) { /* SP  ==================== */
  .choice-btn li{
    margin: 5px 3px;
    width:190px;
  }
}
.choice-btn li img{
  width:100%;
  opacity: 0.4;
}
.choice-btn li.slick-current img{
  opacity: 1;
}