@charset "UTF-8";
@font-face {
  font-family: 'impact';
  src: url(../font/impact.ttf) format("truetype");
}
@media screen and (min-width: 981px) {
body {
  display: none;
}
}
/*---------------------------------
          menu & category
---------------------------------*/
@media screen and (max-width: 980px) {
.category {
  margin: 50px 0 40px 0;
}
.category2 {
  margin: 40px 0 0 0;
}
.model-header-menu,
.model-header-menu2 {
  display: flex;
  justify-content: center;
}
.model-header-menu a {
  margin: 0 10px;
}
.model-header-menu2 img {
  margin: 0 10px;
  border: solid 8px #FFFFFF;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
}
.model-header-menu-animated {
	animation: flash-anime 2.8s linear infinite;
}
@keyframes flash-anime {
  0%   {opacity: 1;}
  8%  {opacity: 0;}
  8.2%  {opacity: 0;}
  16.2%  {opacity: 1;}
  24.2%  {opacity: 0;}
  24.4%  {opacity: 0;}
  32.4%  {opacity: 1;}
  100%  {opacity: 1;}
}
#category-menu-container {
  width: 95%;
  padding-left: 0;
  margin-top: 10px;
  margin-bottom: 0;
  text-align: center;
  list-style: none;
}
#category-menu-btn {
  float: left;
}
.category-btn-animation1 {
  animation: fluffy1 2s ease infinite;
}
@keyframes fluffy1 {
  0% {	transform: translate(0, 0);}
	5% {	transform: translate(-10px, -0);}
	10% {	transform: translate(10px, 0);}
	15% {	transform: translate(-10px, -0);}
	20% {	transform: translate(10px, 0);}
	25% {	transform: translate(-10px, -0);}
  30% {	transform: translate(10px, 0);}
	35% {	transform: translate(-10px, -0);}
	40% {	transform: translate(10px, 0);}
  45% {	transform: translate(0px, 0);}
	100% {	transform: translate(0, 0);}
}
.category-btn-animation2 {
  animation: scale 2s ease infinite;
}
@keyframes scale {
  0% { transform: scale(1,1);}
  30% {  transform: scale(1.08,1.08);}
  60% { transform: scale(1,1);}
  100% { transform: scale(1,1);}
}

/*---------------------------------
            model scrool
---------------------------------*/

.t-search {
  margin: 0px 0 30px 0;
}
.scroll_table {
  max-width: 980px;
}
table {
  white-space: nowrap;
  margin: 0px 0 0px 0;
}
.model {
  background-color: #FFFFFF;
  border-radius: 10px;
  margin: 0px 12px 20px 12px;
  padding: 10px 0 5px 0;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
}
p.name {
  font-size: 25px;
  margin: 5px 0 0px 0;
  font-weight: normal;
}
 
.txt-hide {
  display: none;
}
button.more {
  margin: 20px auto;
  display: block;
  transition: .1s;
  -erbkit-transition: .1s;
}
.more.on-click::after {
  display: none;
}
.more.on-click {
  display: none;
}
.more {
  margin: 0 0 30px 0;
}
.postage {
  filter: drop-shadow(8px 8px 0px rgb(0, 0, 0,0.3));
}
.payment {
  margin: 0 0 30px 0;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
}
.specialprice {
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
}


.brand_list-container {
  display: flex;
  width: 980px;
  height: auto;
  margin: -10px 0 40px 0;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.brand-btn {
  width: 205px;
  height: 150px;
  background-color: #FFFFFF;
  border: 2px solid #868686;
  border-radius: 30px;
  margin: 15px 10px 10px 10px;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.4);
  display: flex;
  justify-content: center;
  align-items: center;
}
.brand-btn a {
  text-decoration: none;
}
.brand-name {
  font-size: 33px;
  color: #999999;
  margin: 10px;
  text-align:center;
  line-height: 1.2;
}












/*
.slide_brand-container {
  width: 980px;
  margin: 0px auto;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.slide_brand-wrapper {
  display: flex;
  animation: slide-flow 20s infinite linear 1s both;
}
.slide_brand {
  width: 200px;
  height: auto;
  margin: 0 15px 30px 15px;
  background-color: #000000;
  padding: 0px 0 0px 0;
  object-fit: cover;
  border: none;
  box-shadow: 10px 10px 1px rgb(0, 0, 0, 0.3);
}
@keyframes slide-flow {
  0% {transform: translateX(0);}
  100% {transform: translateX(-100%);}
}
p.brand-name {
  font-size: 25px;
  color: #FFFFFF;
  line-height: 1.2;
  margin: 10px 0 8px 0;
  font-weight: normal;
}
*/













}