@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
@-webkit-keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@-webkit-keyframes fadeInUp { 0% {
opacity: 0;
-webkit-transform: translateY(20px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutUp { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-webkit-keyframes fadeInDown { 0% {
opacity: 0;
-webkit-transform: translateY(-20px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutDown { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-webkit-keyframes fadeInRight { 0% {
opacity: 0;
-webkit-transform: translateX(20px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutLeft { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-webkit-keyframes fadeInLeft { 0% {
opacity: 0;
-webkit-transform: translateX(-20px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutRight { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-webkit-keyframes fadeInUpBig { 0% {
opacity: 0;
-webkit-transform: translateY(2000px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutUpBig { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-webkit-keyframes fadeInDownBig { 0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutDownBig { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-webkit-keyframes fadeInRightBig { 0% {
opacity: 0;
-webkit-transform: translateX(2000px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-webkit-keyframes fadeInLeftBig { 0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutRightBig { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-webkit-keyframes bounceIn { 0% {
opacity: 0;
-webkit-transform: scale(0.3);
} 50% {
opacity: 1;
-webkit-transform: scale(1.05);
} 70% {
-webkit-transform: scale(0.9);
} 100% {
-webkit-transform: scale(1);
}
}
@-webkit-keyframes bounceInDown { 0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
} 60% {
opacity: 1;
-webkit-transform: translateY(30px);
} 80% {
-webkit-transform: translateY(-10px);
} 100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes bounceInUp { 0% {
opacity: 0;
-webkit-transform: translateY(2000px);
} 60% {
opacity: 1;
-webkit-transform: translateY(-30px);
} 80% {
-webkit-transform: translateY(10px);
} 100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes bounceInRight { 0% {
opacity: 0;
-webkit-transform: translateX(2000px);
} 60% {
opacity: 1;
-webkit-transform: translateX(-30px);
} 80% {
-webkit-transform: translateX(10px);
} 100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes bounceInLeft { 0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
} 60% {
opacity: 1;
-webkit-transform: translateX(30px);
} 80% {
-webkit-transform: translateX(-10px);
} 100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes bounceOut { 0% {
-webkit-transform: scale(1);
} 25% {
-webkit-transform: scale(0.95);
} 50% {
opacity: 1;
-webkit-transform: scale(1.1);
} 100% {
opacity: 0;
-webkit-transform: scale(0.3);
}
}
@-webkit-keyframes bounceOutUp { 0% {
-webkit-transform: translateY(0);
} 20% {
opacity: 1;
-webkit-transform: translateY(20px);
} 100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-webkit-keyframes bounceOutDown { 0% {
-webkit-transform: translateY(0);
} 20% {
opacity: 1;
-webkit-transform: translateY(-20px);
} 100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-webkit-keyframes bounceOutLeft { 0% {
-webkit-transform: translateX(0);
} 20% {
opacity: 1;
-webkit-transform: translateX(20px);
} 100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-webkit-keyframes bounceOutRight { 0% {
-webkit-transform: translateX(0);
} 20% {
opacity: 1;
-webkit-transform: translateX(-20px);
} 100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-webkit-keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-webkit-keyframes bounce { 0% {
-webkit-transform: translateY(0);
} 20% {
-webkit-transform: translateY(0);
} 40% {
-webkit-transform: translateY(-30px);
} 50% {
-webkit-transform: translateY(0);
} 60% {
-webkit-transform: translateY(-15px);
} 80% {
-webkit-transform: translateY(0);
} 100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes shake { 0% {
-webkit-transform: translateX(0);
} 10% {
-webkit-transform: translateX(-10px);
} 20% {
-webkit-transform: translateX(10px);
} 30% {
-webkit-transform: translateX(-10px);
} 40% {
-webkit-transform: translateX(10px);
} 50% {
-webkit-transform: translateX(-10px);
} 60% {
-webkit-transform: translateX(10px);
} 70% {
-webkit-transform: translateX(-10px);
} 80% {
-webkit-transform: translateX(10px);
} 90% {
-webkit-transform: translateX(-10px);
} 100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes rotateInDownLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInUpLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInUpRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInDownRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutDownRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateIn { 0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
} 100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateOut { 0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-webkit-keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@-moz-keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@-ms-keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@-webkit-keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@-moz-keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@-ms-keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@-webkit-keyframes showCircle { 0% {
opacity: 0.3;
-webkit-transform: scale(0.3);
} 95% {
opacity: 1;
-webkit-transform: scale(1.1);
} 100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes showCircle { 0% {
opacity: 0.3;
transform: scale(0.3);
} 95% {
opacity: 1;
transform: scale(1.1);
} 100% {
opacity: 1;
transform: scale(1);
}
}
@-ms-keyframes showCircle { 0% {
opacity: 0.3;
-ms-transform: scale(0.3);
} 95% {
opacity: 1;
-ms-transform: scale(1.1);
} 100% {
opacity: 1;
-ms-transform: scale(1);
}
}
@keyframes showCircle { 0% {
opacity: 0.3;
transform: scale(0.3);
} 95% {
opacity: 1;
transform: scale(1.1);
} 100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes closeCircle { 0% {
opacity: 1;
-webkit-transform: scale(1.1);
} 100% {
opacity: 0.3;
-webkit-transform: scale(0.3);
}
}
@-moz-keyframes closeCircle { 0% {
opacity: 1;
-moz-transfrom: scale(1.1);
} 100% {
opacity: 0.3;
-moz-transform: scale(0.3);
}
}
@-ms-keyframes closeCircle { 0% {
opacity: 1;
-ms-transfrom: scale(1.1);
} 100% {
opacity: 0.3;
-ms-transform: scale(0.3);
}
}
@keyframes closeCircle { 0% {
opacity: 1;
transfrom: scale(1.1);
} 100% {
opacity: 0.3;
transform: scale(0.3);
}
}
@-webkit-keyframes slideIn { 100% {
left: 0;
}
}
@-moz-keyframes slideIn { 100% {
left: 0;
}
}
@-ms-keyframes slideIn { 100% {
left: 0;
}
}
@keyframes slideIn { 100% {
left: 0;
}
}
@-webkit-keyframes slideOut { 100% {
left: -100%;
}
}
@-moz-keyframes slideOut { 100% {
left: -100%;
}
}
@-ms-keyframes slideOut { 100% {
left: -100%;
}
}
@keyframes slideOut { 100% {
left: -100%;
}
}
@-moz-keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-moz-keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@-moz-keyframes fadeInUp { 0% {
opacity: 0;
-moz-transform: translateY(20px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutUp { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-moz-keyframes fadeInDown { 0% {
opacity: 0;
-moz-transform: translateY(-20px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutDown { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-moz-keyframes fadeInRight { 0% {
opacity: 0;
-moz-transform: translateX(20px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutLeft { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-moz-keyframes fadeInLeft { 0% {
opacity: 0;
-moz-transform: translateX(-20px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutRight { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-moz-keyframes fadeInUpBig { 0% {
opacity: 0;
-moz-transform: translateY(2000px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutUpBig { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeInDownBig { 0% {
opacity: 0;
-moz-transform: translateY(-2000px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutDownBig { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-moz-keyframes fadeInRightBig { 0% {
opacity: 0;
-moz-transform: translateX(2000px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeInLeftBig { 0% {
opacity: 0;
-moz-transform: translateX(-2000px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutRightBig { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-moz-keyframes bounceIn { 0% {
opacity: 0;
-moz-transform: scale(0.3);
} 50% {
opacity: 1;
-moz-transform: scale(1.05);
} 70% {
-moz-transform: scale(0.9);
} 100% {
-moz-transform: scale(1);
}
}
@-moz-keyframes bounceInDown { 0% {
opacity: 0;
-moz-transform: translateY(-2000px);
} 60% {
opacity: 1;
-moz-transform: translateY(30px);
} 80% {
-moz-transform: translateY(-10px);
} 100% {
-moz-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp { 0% {
opacity: 0;
-moz-transform: translateY(2000px);
} 60% {
opacity: 1;
-moz-transform: translateY(-30px);
} 80% {
-moz-transform: translateY(10px);
} 100% {
-moz-transform: translateY(0);
}
}
@-moz-keyframes bounceInRight { 0% {
opacity: 0;
-moz-transform: translateX(2000px);
} 60% {
opacity: 1;
-moz-transform: translateX(-30px);
} 80% {
-moz-transform: translateX(10px);
} 100% {
-moz-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft { 0% {
opacity: 0;
-moz-transform: translateX(-2000px);
} 60% {
opacity: 1;
-moz-transform: translateX(30px);
} 80% {
-moz-transform: translateX(-10px);
} 100% {
-moz-transform: translateX(0);
}
}
@-moz-keyframes bounceOut { 0% {
-moz-transform: scale(1);
} 25% {
-moz-transform: scale(0.95);
} 50% {
opacity: 1;
-moz-transform: scale(1.1);
} 100% {
opacity: 0;
-moz-transform: scale(0.3);
}
}
@-moz-keyframes bounceOutUp { 0% {
-moz-transform: translateY(0);
} 20% {
opacity: 1;
-moz-transform: translateY(20px);
} 100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutDown { 0% {
-moz-transform: translateY(0);
} 20% {
opacity: 1;
-moz-transform: translateY(-20px);
} 100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutLeft { 0% {
-moz-transform: translateX(0);
} 20% {
opacity: 1;
-moz-transform: translateX(20px);
} 100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutRight { 0% {
-moz-transform: translateX(0);
} 20% {
opacity: 1;
-moz-transform: translateX(-20px);
} 100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-moz-keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-moz-keyframes bounce { 0% {
-moz-transform: translateY(0);
} 20% {
-moz-transform: translateY(0);
} 40% {
-moz-transform: translateY(-30px);
} 50% {
-moz-transform: translateY(0);
} 60% {
-moz-transform: translateY(-15px);
} 80% {
-moz-transform: translateY(0);
} 100% {
-moz-transform: translateY(0);
}
}
@-moz-keyframes shake { 0% {
-moz-transform: translateX(0);
} 10% {
-moz-transform: translateX(-10px);
} 20% {
-moz-transform: translateX(10px);
} 30% {
-moz-transform: translateX(-10px);
} 40% {
-moz-transform: translateX(10px);
} 50% {
-moz-transform: translateX(-10px);
} 60% {
-moz-transform: translateX(10px);
} 70% {
-moz-transform: translateX(-10px);
} 80% {
-moz-transform: translateX(10px);
} 90% {
-moz-transform: translateX(-10px);
} 100% {
-moz-transform: translateX(0);
}
}
@-moz-keyframes rotateInDownLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateOutDownLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateIn { 0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
} 100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateOut { 0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes tada { 0% {
-moz-transform: scale(1);
} 10% {
-moz-transform: scale(0.9) rotate(-3deg);
} 20% {
-moz-transform: scale(0.9) rotate(-3deg);
} 30% {
-moz-transform: scale(1.1) rotate(3deg);
} 40% {
-moz-transform: scale(1.1) rotate(-3deg);
} 50% {
-moz-transform: scale(1.1) rotate(3deg);
} 60% {
-moz-transform: scale(1.1) rotate(-3deg);
} 70% {
-moz-transform: scale(1.1) rotate(3deg);
} 80% {
-moz-transform: scale(1.1) rotate(-3deg);
} 90% {
-moz-transform: scale(1.1) rotate(3deg);
} 100% {
-moz-transform: scale(1) rotate(0);
}
}
@-ms-keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-ms-keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@-ms-keyframes fadeInUp { 0% {
opacity: 0;
-ms-transform: translateY(20px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutUp { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(-20px);
}
}
@-ms-keyframes fadeInDown { 0% {
opacity: 0;
-ms-transform: translateY(-20px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutDown { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(20px);
}
}
@-ms-keyframes fadeInRight { 0% {
opacity: 0;
-ms-transform: translateX(20px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutLeft { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(-20px);
}
}
@-ms-keyframes fadeInLeft { 0% {
opacity: 0;
-ms-transform: translateX(-20px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutRight { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(20px);
}
}
@-ms-keyframes fadeInUpBig { 0% {
opacity: 0;
-ms-transform: translateY(2000px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutUpBig { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
}
@-ms-keyframes fadeInDownBig { 0% {
opacity: 0;
-ms-transform: translateY(-2000px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutDownBig { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(2000px);
}
}
@-ms-keyframes fadeInRightBig { 0% {
opacity: 0;
-ms-transform: translateX(2000px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
}
@-ms-keyframes fadeInLeftBig { 0% {
opacity: 0;
-ms-transform: translateX(-2000px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutRightBig { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(2000px);
}
}
@-ms-keyframes bounceIn { 0% {
opacity: 0;
-ms-transform: scale(0.3);
} 50% {
opacity: 1;
-ms-transform: scale(1.05);
} 70% {
-ms-transform: scale(0.9);
} 100% {
-ms-transform: scale(1);
}
}
@-ms-keyframes bounceInDown { 0% {
opacity: 0;
-ms-transform: translateY(-2000px);
} 60% {
opacity: 1;
-ms-transform: translateY(30px);
} 80% {
-ms-transform: translateY(-10px);
} 100% {
-ms-transform: translateY(0);
}
}
@-ms-keyframes bounceInUp { 0% {
opacity: 0;
-ms-transform: translateY(2000px);
} 60% {
opacity: 1;
-ms-transform: translateY(-30px);
} 80% {
-ms-transform: translateY(10px);
} 100% {
-ms-transform: translateY(0);
}
}
@-ms-keyframes bounceInRight { 0% {
opacity: 0;
-ms-transform: translateX(2000px);
} 60% {
opacity: 1;
-ms-transform: translateX(-30px);
} 80% {
-ms-transform: translateX(10px);
} 100% {
-ms-transform: translateX(0);
}
}
@-ms-keyframes bounceInLeft { 0% {
opacity: 0;
-ms-transform: translateX(-2000px);
} 60% {
opacity: 1;
-ms-transform: translateX(30px);
} 80% {
-ms-transform: translateX(-10px);
} 100% {
-ms-transform: translateX(0);
}
}
@-ms-keyframes bounceOut { 0% {
-ms-transform: scale(1);
} 25% {
-ms-transform: scale(0.95);
} 50% {
opacity: 1;
-ms-transform: scale(1.1);
} 100% {
opacity: 0;
-ms-transform: scale(0.3);
}
}
@-ms-keyframes bounceOutUp { 0% {
-ms-transform: translateY(0);
} 20% {
opacity: 1;
-ms-transform: translateY(20px);
} 100% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
}
@-ms-keyframes bounceOutDown { 0% {
-ms-transform: translateY(0);
} 20% {
opacity: 1;
-ms-transform: translateY(-20px);
} 100% {
opacity: 0;
-ms-transform: translateY(2000px);
}
}
@-ms-keyframes bounceOutLeft { 0% {
-ms-transform: translateX(0);
} 20% {
opacity: 1;
-ms-transform: translateX(20px);
} 100% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
}
@-ms-keyframes bounceOutRight { 0% {
-ms-transform: translateX(0);
} 20% {
opacity: 1;
-ms-transform: translateX(-20px);
} 100% {
opacity: 0;
-ms-transform: translateX(2000px);
}
}
@-ms-keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-ms-keyframes bounce { 0% {
-ms-transform: translateY(0);
} 20% {
-ms-transform: translateY(0);
} 40% {
-ms-transform: translateY(-30px);
} 50% {
-ms-transform: translateY(0);
} 60% {
-ms-transform: translateY(-15px);
} 80% {
-ms-transform: translateY(0);
} 100% {
-ms-transform: translateY(0);
}
}
@-ms-keyframes shake { 0% {
-ms-transform: translateX(0);
} 10% {
-ms-transform: translateX(-10px);
} 20% {
-ms-transform: translateX(10px);
} 30% {
-ms-transform: translateX(-10px);
} 40% {
-ms-transform: translateX(10px);
} 50% {
-ms-transform: translateX(-10px);
} 60% {
-ms-transform: translateX(10px);
} 70% {
-ms-transform: translateX(-10px);
} 80% {
-ms-transform: translateX(10px);
} 90% {
-ms-transform: translateX(-10px);
} 100% {
-ms-transform: translateX(0);
}
}
@-ms-keyframes rotateInDownLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInUpLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(90deg);
opacity: 0;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInUpRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInDownRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(90deg);
opacity: 0;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateOutDownLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutUpLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutDownRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutUpRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(90deg);
opacity: 0;
}
}
@-ms-keyframes rotateIn { 0% {
-ms-transform-origin: center center;
-ms-transform: rotate(-200deg);
opacity: 0;
} 100% {
-ms-transform-origin: center center;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateOut { 0% {
-ms-transform-origin: center center;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: center center;
-ms-transform: rotate(200deg);
opacity: 0;
}
}
@-ms-keyframes tada { 0% {
-ms-transform: scale(1);
} 10% {
-ms-transform: scale(0.9) rotate(-3deg);
} 20% {
-ms-transform: scale(0.9) rotate(-3deg);
} 30% {
-ms-transform: scale(1.1) rotate(3deg);
} 40% {
-ms-transform: scale(1.1) rotate(-3deg);
} 50% {
-ms-transform: scale(1.1) rotate(3deg);
} 60% {
-ms-transform: scale(1.1) rotate(-3deg);
} 70% {
-ms-transform: scale(1.1) rotate(3deg);
} 80% {
-ms-transform: scale(1.1) rotate(-3deg);
} 90% {
-ms-transform: scale(1.1) rotate(3deg);
} 100% {
-ms-transform: scale(1) rotate(0);
}
}
@keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@keyframes fadeInUp { 0% {
opacity: 0;
transform: translateY(20px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutUp { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(-20px);
}
}
@keyframes fadeInDown { 0% {
opacity: 0;
transform: translateY(-20px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutDown { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(20px);
}
}
@keyframes fadeInRight { 0% {
opacity: 0;
transform: translateX(20px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutLeft { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(-20px);
}
}
@keyframes fadeInLeft { 0% {
opacity: 0;
transform: translateX(-20px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutRight { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(20px);
}
}
@keyframes fadeInUpBig { 0% {
opacity: 0;
transform: translateY(2000px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutUpBig { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@keyframes fadeInDownBig { 0% {
opacity: 0;
transform: translateY(-2000px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutDownBig { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(2000px);
}
}
@keyframes fadeInRightBig { 0% {
opacity: 0;
transform: translateX(2000px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutLeftBig { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@keyframes fadeInLeftBig { 0% {
opacity: 0;
transform: translateX(-2000px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutRightBig { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(2000px);
}
}
@keyframes bounceIn { 0% {
opacity: 0;
transform: scale(0.3);
} 50% {
opacity: 1;
transform: scale(1.05);
} 70% {
transform: scale(0.9);
} 100% {
transform: scale(1);
}
}
@keyframes bounceInDown { 0% {
opacity: 0;
transform: translateY(-2000px);
} 60% {
opacity: 1;
transform: translateY(30px);
} 80% {
transform: translateY(-10px);
} 100% {
transform: translateY(0);
}
}
@keyframes bounceInUp { 0% {
opacity: 0;
transform: translateY(2000px);
} 60% {
opacity: 1;
transform: translateY(-30px);
} 80% {
transform: translateY(10px);
} 100% {
transform: translateY(0);
}
}
@keyframes bounceInRight { 0% {
opacity: 0;
transform: translateX(2000px);
} 60% {
opacity: 1;
transform: translateX(-30px);
} 80% {
transform: translateX(10px);
} 100% {
transform: translateX(0);
}
}
@keyframes bounceInLeft { 0% {
opacity: 0;
transform: translateX(-2000px);
} 60% {
opacity: 1;
transform: translateX(30px);
} 80% {
transform: translateX(-10px);
} 100% {
transform: translateX(0);
}
}
@keyframes bounceOut { 0% {
transform: scale(1);
} 25% {
transform: scale(0.95);
} 50% {
opacity: 1;
transform: scale(1.1);
} 100% {
opacity: 0;
transform: scale(0.3);
}
}
@keyframes bounceOutUp { 0% {
transform: translateY(0);
} 20% {
opacity: 1;
transform: translateY(20px);
} 100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@keyframes bounceOutDown { 0% {
transform: translateY(0);
} 20% {
opacity: 1;
transform: translateY(-20px);
} 100% {
opacity: 0;
transform: translateY(2000px);
}
}
@keyframes bounceOutLeft { 0% {
transform: translateX(0);
} 20% {
opacity: 1;
transform: translateX(20px);
} 100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@keyframes bounceOutRight { 0% {
transform: translateX(0);
} 20% {
opacity: 1;
transform: translateX(-20px);
} 100% {
opacity: 0;
transform: translateX(2000px);
}
}
@keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@keyframes bounce { 0% {
transform: translateY(0);
} 20% {
transform: translateY(0);
} 40% {
transform: translateY(-30px);
} 50% {
transform: translateY(0);
} 60% {
transform: translateY(-15px);
} 80% {
transform: translateY(0);
} 100% {
transform: translateY(0);
}
}
@keyframes shake { 0% {
transform: translateX(0);
} 10% {
transform: translateX(-10px);
} 20% {
transform: translateX(10px);
} 30% {
transform: translateX(-10px);
} 40% {
transform: translateX(10px);
} 50% {
transform: translateX(-10px);
} 60% {
transform: translateX(10px);
} 70% {
transform: translateX(-10px);
} 80% {
transform: translateX(10px);
} 90% {
transform: translateX(-10px);
} 100% {
transform: translateX(0);
}
}
@keyframes rotateInDownLeft { 0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
} 100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft { 0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
} 100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight { 0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
} 100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight { 0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
} 100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateOutDownLeft { 0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft { 0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight { 0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight { 0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateIn { 0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
} 100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateOut { 0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes tada { 0% {
transform: scale(1);
} 10% {
transform: scale(0.9) rotate(-3deg);
} 20% {
transform: scale(0.9) rotate(-3deg);
} 30% {
transform: scale(1.1) rotate(3deg);
} 40% {
transform: scale(1.1) rotate(-3deg);
} 50% {
transform: scale(1.1) rotate(3deg);
} 60% {
transform: scale(1.1) rotate(-3deg);
} 70% {
transform: scale(1.1) rotate(3deg);
} 80% {
transform: scale(1.1) rotate(-3deg);
} 90% {
transform: scale(1.1) rotate(3deg);
} 100% {
transform: scale(1) rotate(0);
}
}  .products-index__list {
*zoom: 1;
} .products-index__list:before {
content: " ";
display: table;
} .products-index__list:after {
content: " ";
display: table;
clear: both;
}    .section-title {
padding: 7px;
border-left: 15px solid #395aa6;
position: relative;
margin-bottom: 35px;
font-size: 15px;
font-size: 1.5rem;
background-color: transparent;
} .section-title:before {
display: block;
content: ' ';
z-index: -1;
position: absolute;
top: 100%;
left: -15px;
right: 0;
bottom: -5px;
padding-bottom: 10px;
}  .keyvisual__images {
text-align: center;
width: 100%;
margin: 0 auto;
} .keyvisual .slider__loading {
width: 100%;
position: relative;
padding-top: 46.31579%;
} .keyvisual .bx-controls-direction {
position: absolute;
width: 950px;
top: 50%;
left: 50%;
margin-left: -475px;
display: none;
} .keyvisual .bx-controls-direction .bx-prev {
margin-left: -25px;
} .keyvisual .bx-controls-direction .bx-next {
margin-right: -25px;
} .keyvisual__outer {
position: relative;
display: none;
max-width: 100%;
display: block;
margin: 0 auto;
} .keyvisual__description {
position: absolute;
right: 11%;
top: 5.20833%;
max-width: 235px;
width: 30.59896%;
} .keyvisual__footer {
text-align: right;
padding-right: 10px;
background: #014099;
} .keyvisual__footer img {
width: 160px;
height: 15px;
} .product {
position: absolute;
top: 5%;
right: 5%;
color: #000 !important;
text-align: left;z-index:9999999 !important;
} .product--dark {
color: #000000;
text-shadow: rgba(255, 255, 255, 0.3) 1px 1px 0px, rgba(255, 255, 255, 0.3) -1px -1px 0;
} .product--dark .product__description {
text-shadow: inherit;
} .product--dark .product__link {
color: #666666;
border-color: #cccccc;
} .product--dark .product__link:hover {
color: #999999;
} .product--left {
text-align: left;
right: 0;
left: 5%;
} .product--left .product__link {
float: left;
} .product__name {
font-size: 9px;
font-size: 0.9rem;
} .product__series {
font-size: 24px;
font-size: 2.4rem;
font-weight: bold;
} .product__description {
font-family: 'Roboto Condensed', sans-serif;
font-size: 15px;
font-size: 1.5rem;
text-shadow: rgba(11, 2, 5, 0.5) 0px 2px 2px;
color: #000;
} .product__link {
float: right;
margin-top: 10px;
display: inline-block;
background-size: cover;
color: #ffffff;
padding: 5px 8px;
font-size: 9px;
font-size: 0.9rem;
border: 1px solid #333333;
border-color: rgba(255, 255, 255, 0.2);
text-shadow: none;
} .product__link:hover {
color: #999999;
} .product__icon-arrow {
top: 0px;
margin-left: 8px;
} .product__icon-arrow img {
width: 5px;
height: 8px;
} .product__youtube {
position: absolute;
bottom: 20px;
right: 3%;
max-width: 160px;
width: 30%;
} .product__youtube--left {
left: 3%;
right: auto;
} .product__youtube__link {
display: block;
max-width: 100%;
height: auto;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/index/btn-youtube.png) no-repeat;
background-size: cover;
padding-top: 25%;
} .product__youtube--dark .product__youtube__link {
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/index/btn-youtube-dark.png) no-repeat;
background-size: cover;
} .lt-ie9 .product__youtube__link {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/index/btn-youtube.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='assets/images/index/btn-youtube.png', sizingMethod='scale')";
background-size: cover;
} .lt-ie9 .product__youtube--dark .product__youtube__link {
background: none;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/index/btn-youtube-dark.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='assets/images/index/btn-youtube-dark.png', sizingMethod='scale')";
background-size: cover;
}
@media (min-width: 641px) { .keyvisual__footer img {
width: 320px;
height: 30px;
} .product__name {
font-size: 18px;
font-size: 1.8rem;
} .product__series {
font-size: 48px;
font-size: 4.8rem;
} .product__link {
margin-top: 20px;
font-size: 15px;
font-size: 1.5rem;
padding: 10px 16px;
} .product__icon-arrow {
top: 3px;
margin-left: 15px;
} .product__icon-arrow img {
width: 10px;
height: 16px;
}
}
@media (min-width: 1050px) { .keyvisual .bx-controls-direction {
display: block;
} .keyvisual .slider__loading {
max-width: 950px;
padding-top: 440px;
} .keyvisual__outer {
position: relative;
width: 950px;
min-height: 440px;
display: block;
margin: 0 auto;
} .keyvisual__description {
position: absolute;
right: 50px;
top: 45px;
max-width: 417px;
width: 417px;
height: 175px;
} .keyvisual__description__link {
width: 100%;
height: auto;
display: block;
padding-top: 41.96643%;
} .product__name {
font-size: 18px;
font-size: 1.8rem;
} .product__series {
font-size: 50px;
font-size: 5rem;
} .product__description {
font-size: 15px;
font-size: 1.5rem;
} .product__youtube {
position: absolute;
bottom: 20px;
right: 50px;
max-width: 160px;
width: 160px;
height: 40px;
} .product__youtube__link {
display: block;
width: 100%;
height: auto;
background-size: cover;
padding-top: 25%;
}
}  .topics__item {
overflow: hidden;
*zoom: 1;
background: #eeeeee;
margin-bottom: 20px;
width: 100%;
line-height: 100%;
position: relative;
} .topics__link:hover .topics__image {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
} .topics__link:hover .topics__caption {
color: #8facd6;
} .topics__link:hover .topics__more {
background-color: #8facd6;
} .topics__link:link, .topics__link:visited {
color: #000000;
} .topics__image {
float: left;
display: block;
width: 50%;
} .topics__caption {
position: absolute;
top: 0;
left: 50%;
font-size: 15px;
font-size: 1.5rem;
width: 50%;
height: 100%;
} .topics__caption--small {
position: absolute;
top: 0;
left: 50%;
width: 50%;
height: 100%;
font-size: 14px;
font-size: 1.4rem;
} .topics__caption__wrapper {
display: table;
height: 100%;
} .topics__caption__inner {
display: table-cell;
padding: 0 10px;
height: 100%;
line-height: 1.5;
vertical-align: middle;
}
@media (min-width: 641px) { .topics {
margin: 0 auto;
overflow: hidden;
*zoom: 1;
} .topics__link {
width: 48%;
float: left;
overflow: hidden;
*zoom: 1;
background: transparent;
margin-bottom: 20px;
display: block;
} .topics__link:nth-child(odd) {
display: block;
clear: left;
} .topics__link:nth-child(even) {
float: right;
display: block;
} .topics__link.odd {
display: block;
clear: left;
} .topics__link.even {
display: block;
float: right;
} .topics__item {
position: relative;
} .topics__image {
width: 100%;
display: block;
} .topics__caption {
position: relative;
display: table;
width: 100%;
left: 0;
font-size: 15px;
font-size: 1.5rem;
background: #eeeeee;
vertical-align: middle;
} .topics__caption--small {
position: relative;
display: table;
width: 100%;
left: 0;
font-size: 14px;
font-size: 1.4rem;
background: #eeeeee;
vertical-align: middle;
height: 38px;
} .topics__caption__wrapper {
position: relative;
display: table-cell;
} .topics__caption__inner {
padding: 8px 0 8px 3%;
display: block;
} .topics__more {
position: absolute;
top: 0;
bottom: 0;
right: 0;
font-size: 12px;
font-size: 1.2rem;
width: 34px;
padding: 12px 4px 0 4px;
line-height: 100%;
text-align: center;
vertical-align: middle;
color: #ffffff;
background: #014099;
z-index: 10;
}
}
@media (min-width: 1050px) { .topics {
width: 975px !important;
} .topics__link {
width: 300px;
margin-right: 25px;
} .topics__link:nth-child(odd) {
clear: none;
} .topics__link:nth-child(even) {
float: left;
} .topics__link.odd {
clear: none;
} .topics__link.even {
float: left;
} .topics__caption__inner {
min-height: 24px;
}
}  .products-index {
width: 100%;
background-color: transparent;
} .products-index__list {
position: relative;
display: table;
width: 100%;
height: auto;
} .products-index__item {
font-family: 'Roboto Condensed', sans-serif;
position: relative;
width: 33%;
float: left;
display: table;
text-align: center;
vertical-align: middle;
margin-bottom: 20px;
} .products-index--center {
position: absolute;
width: 34%;
float: none;
top: 50%;
left: 50%;
margin-left: -18%;
margin-top: -3%;
z-index: 100;
display: none;
} .products-index--center.show-circle {
display: block;
-webkit-animation: showCircle 0.2s 0 ease-in-out both;
-moz-animation: showCircle 0.2s 0 ease-in-out both;
-ms-animation: showCircle 0.2s 0 ease-in-out both;
-o-animation: showCircle 0.2s 0 ease-in-out both;
animation: showCircle 0.2s 0 ease-in-out both;
-moz-animation-name: showCircle;
-moz-animation-duration: 0.2s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-moz-animation-iteration-count: 1;
animation-name: showCircle;
animation-duration: 0.2s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
animation-iteration-count: 1;
} .products-index--center.close-circle {
display: block;
-webkit-animation: closeCircle 0.2s 0 ease-in-out both;
-moz-animation: closeCircle 0.2s 0 ease-in-out both;
-ms-animation: closeCircle 0.2s 0 ease-in-out both;
-o-animation: closeCircle 0.2s 0 ease-in-out both;
animation: closeCircle 0.2s 0 ease-in-out both;
-moz-animation-name: showCircle;
-moz-animation-duration: 0.2s;
-moz-animation-timing-function: ease-in-out;
-moz-animation-fill-mode: both;
-moz-animation-iteration-count: 1;
animation-name: closeCircle;
animation-duration: 0.2s;
animation-timing-function: ease-in-out;
animation-fill-mode: both;
animation-iteration-count: 1;
} .products-index--center .products-index__circle {
text-align: left;
font-size: 22px;
font-size: 2.2rem;
padding: 45px;
width: 210px;
height: 210px;
margin-top: -156px;
margin-left: -156px;
} .products-index__sub-menu__title {
color: #014099;
margin-bottom: 10px;
} .products-index__sub-menu--close {
position: absolute;
left: 226px;
top: 46px;
background: #666666;
text-align: center;
padding: 0 5px;
} .products-index__sub-menu__item {
margin-bottom: 10px;
} .products-index__sub-menu__link {
display: block;
padding: 22px 0;
text-align: center;
border: 1px solid #c3e3f3;
background: #fff;
} .products-index__link {
font-size: 15px;
font-size: 1.5rem;
cursor: pointer;
display: table-cell;
vertical-align: middle;
font-weight: bold;
width: 100%;
height: 82px;
-webkit-transition: 0.2s ease;
-webkit-transition-property: font-size, width, height, color;
transition: 0.2s ease;
transition-property: font-size, width, height, color;
text-decoration: none;
} .products-index__link:hover .products-index__text {
color: #8facd6;
} .products-index__text {
position: relative;
z-index: 3;
-webkit-transition: 0.1s ease;
-webkit-transition-property: font-size, width, height, color;
transition: 0.1s ease;
transition-property: font-size, width, height, color;
text-decoration: none;
} .products-index__circle {
display: block;
content: '';
position: absolute;
background-color: rgba(255, 255, 255, 0.9);
z-index: -1;
width: 70px;
height: 70px;
left: 50%;
top: 50%;
vertical-align: middle;
margin-top: -41px;
margin-left: -41px;
border: 6px solid #c3e3f3;
border-radius: 50%;
} .hold .products-index__circle {
-webkit-animation: "hold" 0.1s 0 ease both;
-moz-animation: "hold" 0.1s 0 ease both;
-ms-animation: "hold" 0.1s 0 ease both;
-o-animation: "hold" 0.1s 0 ease both;
animation: "hold" 0.1s 0 ease both;
-moz-animation-name: hold;
-moz-animation-duration: 0.1s;
-moz-animation-timing-function: ease;
-moz-animation-fill-mode: both;
animation-name: hold;
animation-duration: 0.1s;
animation-timing-function: ease;
animation-fill-mode: both;
z-index: 2;
} .products-index__circle.hold {
z-index: 3;
} .release .products-index__circle {
z-index: 3;
-webkit-animation: "release" 0.1s 0 ease-out both;
-moz-animation: "release" 0.1s 0 ease-out both;
-ms-animation: "release" 0.1s 0 ease-out both;
-o-animation: "release" 0.1s 0 ease-out both;
animation: "release" 0.1s 0 ease-out both;
-moz-animation-name: release;
-moz-animation-duration: 0.1s;
-moz-animation-timing-function: ease-out;
-moz-animation-fill-mode: both;
animation-name: release;
animation-duration: 0.1s;
animation-timing-function: ease-out;
animation-fill-mode: both;
} .lt-ie9 .products-index__circle {
border: none;
width: 90px;
height: 90px;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/index/products-index_circle_ie.png) no-repeat 60% 60%;
z-index: 1;
margin-left: -45px;
margin-top: -45px;
} .lt-ie9 .products-index--center {
width: 230px;
height: 230px;
margin-top: -170px;
margin-left: -160px;
padding: 55px 45px 35px;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/index/products-index_circle.png) no-repeat 60% 60%;
} .lt-ie9 .products-index--center .products-index-sub-menu__link {
padding: 18px 0;
} .lt-ie9 .products-index--center .products-index__circle {
background: none;
width: 210px;
height: 210px;
margin-top: -150px;
margin-left: -150px;
}
@media (min-width: 641px) { .section-title {
padding: 10px;
font-size: 24px;
font-size: 2.4rem;
} .products-index__item {
height: 90px;
background-size: 90px 90px;
} .products-index__link {
font-size: 24px;
font-size: 2.4rem;
} .products-index--center {
margin-top: -54px;
} .lt-ie9 .products-index__item {
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/index/products-index_circle.png) no-repeat 50% 50%;
}
}
@media (min-width: 1050px) { .products-index {
float: right;
width: 395px;
} .products-index__link {
font-size: 18px;
font-size: 1.8rem;
} .products-index--center {
margin-top: -14%;
}
}  .recent-news {
width: 100%;
font-size: 13px;
font-size: 1.3rem;
} .recent-news__header {
position: relative;
} .recent-news__page-link {
position: absolute;
top: 9px;
right: 0;
font-size: 13px;
font-size: 1.3rem;
line-height: 20px;
padding-left: 12px;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-smaller.png) no-repeat left 50%;
} .recent-news__page-link.hover {
color: #9bc4fe;
} .recent-news__item {
margin-bottom: 20px;
} .recent-news__pubdate {
min-width: 80px;
display: inline-block;
} .recent-news__category {
display: inline-block;
} .recent-news__link {
display: block;
} .recent-news__link .icon {
vertical-align: -1px;
}
@media (min-width: 641px) { .recent-news {
font-size: 18px;
font-size: 1.8rem;
} .recent-news__page-link {
font-size: 18px;
font-size: 1.8rem;
top: 15px;
padding-left: 20px;
background-image: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png);
}
}
@media (min-width: 1050px) { .recent-news {
font-size: 13px;
font-size: 1.3rem;
float: left;
width: 525px;
} .recent-news__page-link {
font-size: 15px;
font-size: 1.5rem;
top: 9px;
padding-left: 12px;
background-image: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-smaller.png);
} .recent-news__link:hover {
text-decoration: underline;
} .section-title {
padding: 8px;
font-size: 16px;
font-size: 1.6rem;
}
}  .tp-bullets.simplebullets.round .bullet { background:#cccccc !important; border-radius:5px !important; width:10px !important; height:10px !important; margin:0 5px !important;
} 
.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected { background:#014099 !important;}
.tp-leftarrow.default {background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/slider-left.png) no-repeat scroll 0 0 !important;height: 51px !important; width:51px !important;}
.tp-rightarrow.default {background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/slider-right.png) no-repeat scroll 0 0 !important;height: 51px !important; width:51px !important;}
.page-id-245 .section-title {
font-size: 2.5rem;
font-weight: bold;
padding: 0 0 0 13px;border-left: 6px solid #014099;
}
.page-id-68 .new-post a {
color: #014099;
font-family: "Roboto",sans-serif;
font-size: 16px;
font-weight: bold;
}
.page-id-68 .new-post .section {}
.page-id-68 .section_news {
font-size: 1.5rem;
}
.page-id-68 .new-post .entry-title { margin-bottom: 7px;}
.page-id-68 .new-post:first-child {
border: medium none;
}
.page-id-68 .new-post {
border-top: 1px solid #cacaca;
padding-bottom: 20px;
}
.home h3{
font-weight:0 !important;
}
p {
margin: 0;
color: #000 !important;
}@-webkit-keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@-webkit-keyframes fadeInUp { 0% {
opacity: 0;
-webkit-transform: translateY(20px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutUp { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-webkit-keyframes fadeInDown { 0% {
opacity: 0;
-webkit-transform: translateY(-20px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutDown { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-webkit-keyframes fadeInRight { 0% {
opacity: 0;
-webkit-transform: translateX(20px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutLeft { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-webkit-keyframes fadeInLeft { 0% {
opacity: 0;
-webkit-transform: translateX(-20px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutRight { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-webkit-keyframes fadeInUpBig { 0% {
opacity: 0;
-webkit-transform: translateY(2000px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutUpBig { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-webkit-keyframes fadeInDownBig { 0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutDownBig { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-webkit-keyframes fadeInRightBig { 0% {
opacity: 0;
-webkit-transform: translateX(2000px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-webkit-keyframes fadeInLeftBig { 0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutRightBig { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-webkit-keyframes bounceIn { 0% {
opacity: 0;
-webkit-transform: scale(0.3);
} 50% {
opacity: 1;
-webkit-transform: scale(1.05);
} 70% {
-webkit-transform: scale(0.9);
} 100% {
-webkit-transform: scale(1);
}
}
@-webkit-keyframes bounceInDown { 0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
} 60% {
opacity: 1;
-webkit-transform: translateY(30px);
} 80% {
-webkit-transform: translateY(-10px);
} 100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes bounceInUp { 0% {
opacity: 0;
-webkit-transform: translateY(2000px);
} 60% {
opacity: 1;
-webkit-transform: translateY(-30px);
} 80% {
-webkit-transform: translateY(10px);
} 100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes bounceInRight { 0% {
opacity: 0;
-webkit-transform: translateX(2000px);
} 60% {
opacity: 1;
-webkit-transform: translateX(-30px);
} 80% {
-webkit-transform: translateX(10px);
} 100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes bounceInLeft { 0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
} 60% {
opacity: 1;
-webkit-transform: translateX(30px);
} 80% {
-webkit-transform: translateX(-10px);
} 100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes bounceOut { 0% {
-webkit-transform: scale(1);
} 25% {
-webkit-transform: scale(0.95);
} 50% {
opacity: 1;
-webkit-transform: scale(1.1);
} 100% {
opacity: 0;
-webkit-transform: scale(0.3);
}
}
@-webkit-keyframes bounceOutUp { 0% {
-webkit-transform: translateY(0);
} 20% {
opacity: 1;
-webkit-transform: translateY(20px);
} 100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-webkit-keyframes bounceOutDown { 0% {
-webkit-transform: translateY(0);
} 20% {
opacity: 1;
-webkit-transform: translateY(-20px);
} 100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-webkit-keyframes bounceOutLeft { 0% {
-webkit-transform: translateX(0);
} 20% {
opacity: 1;
-webkit-transform: translateX(20px);
} 100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-webkit-keyframes bounceOutRight { 0% {
-webkit-transform: translateX(0);
} 20% {
opacity: 1;
-webkit-transform: translateX(-20px);
} 100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-webkit-keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-webkit-keyframes bounce { 0% {
-webkit-transform: translateY(0);
} 20% {
-webkit-transform: translateY(0);
} 40% {
-webkit-transform: translateY(-30px);
} 50% {
-webkit-transform: translateY(0);
} 60% {
-webkit-transform: translateY(-15px);
} 80% {
-webkit-transform: translateY(0);
} 100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes shake { 0% {
-webkit-transform: translateX(0);
} 10% {
-webkit-transform: translateX(-10px);
} 20% {
-webkit-transform: translateX(10px);
} 30% {
-webkit-transform: translateX(-10px);
} 40% {
-webkit-transform: translateX(10px);
} 50% {
-webkit-transform: translateX(-10px);
} 60% {
-webkit-transform: translateX(10px);
} 70% {
-webkit-transform: translateX(-10px);
} 80% {
-webkit-transform: translateX(10px);
} 90% {
-webkit-transform: translateX(-10px);
} 100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes rotateInDownLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInUpLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInUpRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInDownRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutDownRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateIn { 0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
} 100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateOut { 0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-webkit-keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@-moz-keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@-ms-keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@-webkit-keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@-moz-keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@-ms-keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@-webkit-keyframes showCircle { 0% {
opacity: 0.3;
-webkit-transform: scale(0.3);
} 95% {
opacity: 1;
-webkit-transform: scale(1.1);
} 100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes showCircle { 0% {
opacity: 0.3;
transform: scale(0.3);
} 95% {
opacity: 1;
transform: scale(1.1);
} 100% {
opacity: 1;
transform: scale(1);
}
}
@-ms-keyframes showCircle { 0% {
opacity: 0.3;
-ms-transform: scale(0.3);
} 95% {
opacity: 1;
-ms-transform: scale(1.1);
} 100% {
opacity: 1;
-ms-transform: scale(1);
}
}
@keyframes showCircle { 0% {
opacity: 0.3;
transform: scale(0.3);
} 95% {
opacity: 1;
transform: scale(1.1);
} 100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes closeCircle { 0% {
opacity: 1;
-webkit-transform: scale(1.1);
} 100% {
opacity: 0.3;
-webkit-transform: scale(0.3);
}
}
@-moz-keyframes closeCircle { 0% {
opacity: 1;
-moz-transfrom: scale(1.1);
} 100% {
opacity: 0.3;
-moz-transform: scale(0.3);
}
}
@-ms-keyframes closeCircle { 0% {
opacity: 1;
-ms-transfrom: scale(1.1);
} 100% {
opacity: 0.3;
-ms-transform: scale(0.3);
}
}
@keyframes closeCircle { 0% {
opacity: 1;
transfrom: scale(1.1);
} 100% {
opacity: 0.3;
transform: scale(0.3);
}
}
@-webkit-keyframes slideIn { 100% {
left: 0;
}
}
@-moz-keyframes slideIn { 100% {
left: 0;
}
}
@-ms-keyframes slideIn { 100% {
left: 0;
}
}
@keyframes slideIn { 100% {
left: 0;
}
}
@-webkit-keyframes slideOut { 100% {
left: -100%;
}
}
@-moz-keyframes slideOut { 100% {
left: -100%;
}
}
@-ms-keyframes slideOut { 100% {
left: -100%;
}
}
@keyframes slideOut { 100% {
left: -100%;
}
}
@-moz-keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-moz-keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@-moz-keyframes fadeInUp { 0% {
opacity: 0;
-moz-transform: translateY(20px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutUp { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-moz-keyframes fadeInDown { 0% {
opacity: 0;
-moz-transform: translateY(-20px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutDown { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-moz-keyframes fadeInRight { 0% {
opacity: 0;
-moz-transform: translateX(20px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutLeft { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-moz-keyframes fadeInLeft { 0% {
opacity: 0;
-moz-transform: translateX(-20px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutRight { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-moz-keyframes fadeInUpBig { 0% {
opacity: 0;
-moz-transform: translateY(2000px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutUpBig { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeInDownBig { 0% {
opacity: 0;
-moz-transform: translateY(-2000px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutDownBig { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-moz-keyframes fadeInRightBig { 0% {
opacity: 0;
-moz-transform: translateX(2000px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeInLeftBig { 0% {
opacity: 0;
-moz-transform: translateX(-2000px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutRightBig { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-moz-keyframes bounceIn { 0% {
opacity: 0;
-moz-transform: scale(0.3);
} 50% {
opacity: 1;
-moz-transform: scale(1.05);
} 70% {
-moz-transform: scale(0.9);
} 100% {
-moz-transform: scale(1);
}
}
@-moz-keyframes bounceInDown { 0% {
opacity: 0;
-moz-transform: translateY(-2000px);
} 60% {
opacity: 1;
-moz-transform: translateY(30px);
} 80% {
-moz-transform: translateY(-10px);
} 100% {
-moz-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp { 0% {
opacity: 0;
-moz-transform: translateY(2000px);
} 60% {
opacity: 1;
-moz-transform: translateY(-30px);
} 80% {
-moz-transform: translateY(10px);
} 100% {
-moz-transform: translateY(0);
}
}
@-moz-keyframes bounceInRight { 0% {
opacity: 0;
-moz-transform: translateX(2000px);
} 60% {
opacity: 1;
-moz-transform: translateX(-30px);
} 80% {
-moz-transform: translateX(10px);
} 100% {
-moz-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft { 0% {
opacity: 0;
-moz-transform: translateX(-2000px);
} 60% {
opacity: 1;
-moz-transform: translateX(30px);
} 80% {
-moz-transform: translateX(-10px);
} 100% {
-moz-transform: translateX(0);
}
}
@-moz-keyframes bounceOut { 0% {
-moz-transform: scale(1);
} 25% {
-moz-transform: scale(0.95);
} 50% {
opacity: 1;
-moz-transform: scale(1.1);
} 100% {
opacity: 0;
-moz-transform: scale(0.3);
}
}
@-moz-keyframes bounceOutUp { 0% {
-moz-transform: translateY(0);
} 20% {
opacity: 1;
-moz-transform: translateY(20px);
} 100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutDown { 0% {
-moz-transform: translateY(0);
} 20% {
opacity: 1;
-moz-transform: translateY(-20px);
} 100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutLeft { 0% {
-moz-transform: translateX(0);
} 20% {
opacity: 1;
-moz-transform: translateX(20px);
} 100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutRight { 0% {
-moz-transform: translateX(0);
} 20% {
opacity: 1;
-moz-transform: translateX(-20px);
} 100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-moz-keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-moz-keyframes bounce { 0% {
-moz-transform: translateY(0);
} 20% {
-moz-transform: translateY(0);
} 40% {
-moz-transform: translateY(-30px);
} 50% {
-moz-transform: translateY(0);
} 60% {
-moz-transform: translateY(-15px);
} 80% {
-moz-transform: translateY(0);
} 100% {
-moz-transform: translateY(0);
}
}
@-moz-keyframes shake { 0% {
-moz-transform: translateX(0);
} 10% {
-moz-transform: translateX(-10px);
} 20% {
-moz-transform: translateX(10px);
} 30% {
-moz-transform: translateX(-10px);
} 40% {
-moz-transform: translateX(10px);
} 50% {
-moz-transform: translateX(-10px);
} 60% {
-moz-transform: translateX(10px);
} 70% {
-moz-transform: translateX(-10px);
} 80% {
-moz-transform: translateX(10px);
} 90% {
-moz-transform: translateX(-10px);
} 100% {
-moz-transform: translateX(0);
}
}
@-moz-keyframes rotateInDownLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateOutDownLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateIn { 0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
} 100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateOut { 0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes tada { 0% {
-moz-transform: scale(1);
} 10% {
-moz-transform: scale(0.9) rotate(-3deg);
} 20% {
-moz-transform: scale(0.9) rotate(-3deg);
} 30% {
-moz-transform: scale(1.1) rotate(3deg);
} 40% {
-moz-transform: scale(1.1) rotate(-3deg);
} 50% {
-moz-transform: scale(1.1) rotate(3deg);
} 60% {
-moz-transform: scale(1.1) rotate(-3deg);
} 70% {
-moz-transform: scale(1.1) rotate(3deg);
} 80% {
-moz-transform: scale(1.1) rotate(-3deg);
} 90% {
-moz-transform: scale(1.1) rotate(3deg);
} 100% {
-moz-transform: scale(1) rotate(0);
}
}
@-ms-keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-ms-keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@-ms-keyframes fadeInUp { 0% {
opacity: 0;
-ms-transform: translateY(20px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutUp { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(-20px);
}
}
@-ms-keyframes fadeInDown { 0% {
opacity: 0;
-ms-transform: translateY(-20px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutDown { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(20px);
}
}
@-ms-keyframes fadeInRight { 0% {
opacity: 0;
-ms-transform: translateX(20px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutLeft { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(-20px);
}
}
@-ms-keyframes fadeInLeft { 0% {
opacity: 0;
-ms-transform: translateX(-20px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutRight { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(20px);
}
}
@-ms-keyframes fadeInUpBig { 0% {
opacity: 0;
-ms-transform: translateY(2000px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutUpBig { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
}
@-ms-keyframes fadeInDownBig { 0% {
opacity: 0;
-ms-transform: translateY(-2000px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutDownBig { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(2000px);
}
}
@-ms-keyframes fadeInRightBig { 0% {
opacity: 0;
-ms-transform: translateX(2000px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
}
@-ms-keyframes fadeInLeftBig { 0% {
opacity: 0;
-ms-transform: translateX(-2000px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutRightBig { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(2000px);
}
}
@-ms-keyframes bounceIn { 0% {
opacity: 0;
-ms-transform: scale(0.3);
} 50% {
opacity: 1;
-ms-transform: scale(1.05);
} 70% {
-ms-transform: scale(0.9);
} 100% {
-ms-transform: scale(1);
}
}
@-ms-keyframes bounceInDown { 0% {
opacity: 0;
-ms-transform: translateY(-2000px);
} 60% {
opacity: 1;
-ms-transform: translateY(30px);
} 80% {
-ms-transform: translateY(-10px);
} 100% {
-ms-transform: translateY(0);
}
}
@-ms-keyframes bounceInUp { 0% {
opacity: 0;
-ms-transform: translateY(2000px);
} 60% {
opacity: 1;
-ms-transform: translateY(-30px);
} 80% {
-ms-transform: translateY(10px);
} 100% {
-ms-transform: translateY(0);
}
}
@-ms-keyframes bounceInRight { 0% {
opacity: 0;
-ms-transform: translateX(2000px);
} 60% {
opacity: 1;
-ms-transform: translateX(-30px);
} 80% {
-ms-transform: translateX(10px);
} 100% {
-ms-transform: translateX(0);
}
}
@-ms-keyframes bounceInLeft { 0% {
opacity: 0;
-ms-transform: translateX(-2000px);
} 60% {
opacity: 1;
-ms-transform: translateX(30px);
} 80% {
-ms-transform: translateX(-10px);
} 100% {
-ms-transform: translateX(0);
}
}
@-ms-keyframes bounceOut { 0% {
-ms-transform: scale(1);
} 25% {
-ms-transform: scale(0.95);
} 50% {
opacity: 1;
-ms-transform: scale(1.1);
} 100% {
opacity: 0;
-ms-transform: scale(0.3);
}
}
@-ms-keyframes bounceOutUp { 0% {
-ms-transform: translateY(0);
} 20% {
opacity: 1;
-ms-transform: translateY(20px);
} 100% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
}
@-ms-keyframes bounceOutDown { 0% {
-ms-transform: translateY(0);
} 20% {
opacity: 1;
-ms-transform: translateY(-20px);
} 100% {
opacity: 0;
-ms-transform: translateY(2000px);
}
}
@-ms-keyframes bounceOutLeft { 0% {
-ms-transform: translateX(0);
} 20% {
opacity: 1;
-ms-transform: translateX(20px);
} 100% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
}
@-ms-keyframes bounceOutRight { 0% {
-ms-transform: translateX(0);
} 20% {
opacity: 1;
-ms-transform: translateX(-20px);
} 100% {
opacity: 0;
-ms-transform: translateX(2000px);
}
}
@-ms-keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-ms-keyframes bounce { 0% {
-ms-transform: translateY(0);
} 20% {
-ms-transform: translateY(0);
} 40% {
-ms-transform: translateY(-30px);
} 50% {
-ms-transform: translateY(0);
} 60% {
-ms-transform: translateY(-15px);
} 80% {
-ms-transform: translateY(0);
} 100% {
-ms-transform: translateY(0);
}
}
@-ms-keyframes shake { 0% {
-ms-transform: translateX(0);
} 10% {
-ms-transform: translateX(-10px);
} 20% {
-ms-transform: translateX(10px);
} 30% {
-ms-transform: translateX(-10px);
} 40% {
-ms-transform: translateX(10px);
} 50% {
-ms-transform: translateX(-10px);
} 60% {
-ms-transform: translateX(10px);
} 70% {
-ms-transform: translateX(-10px);
} 80% {
-ms-transform: translateX(10px);
} 90% {
-ms-transform: translateX(-10px);
} 100% {
-ms-transform: translateX(0);
}
}
@-ms-keyframes rotateInDownLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInUpLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(90deg);
opacity: 0;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInUpRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInDownRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(90deg);
opacity: 0;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateOutDownLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutUpLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutDownRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutUpRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(90deg);
opacity: 0;
}
}
@-ms-keyframes rotateIn { 0% {
-ms-transform-origin: center center;
-ms-transform: rotate(-200deg);
opacity: 0;
} 100% {
-ms-transform-origin: center center;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateOut { 0% {
-ms-transform-origin: center center;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: center center;
-ms-transform: rotate(200deg);
opacity: 0;
}
}
@-ms-keyframes tada { 0% {
-ms-transform: scale(1);
} 10% {
-ms-transform: scale(0.9) rotate(-3deg);
} 20% {
-ms-transform: scale(0.9) rotate(-3deg);
} 30% {
-ms-transform: scale(1.1) rotate(3deg);
} 40% {
-ms-transform: scale(1.1) rotate(-3deg);
} 50% {
-ms-transform: scale(1.1) rotate(3deg);
} 60% {
-ms-transform: scale(1.1) rotate(-3deg);
} 70% {
-ms-transform: scale(1.1) rotate(3deg);
} 80% {
-ms-transform: scale(1.1) rotate(-3deg);
} 90% {
-ms-transform: scale(1.1) rotate(3deg);
} 100% {
-ms-transform: scale(1) rotate(0);
}
}
@keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@keyframes fadeInUp { 0% {
opacity: 0;
transform: translateY(20px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutUp { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(-20px);
}
}
@keyframes fadeInDown { 0% {
opacity: 0;
transform: translateY(-20px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutDown { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(20px);
}
}
@keyframes fadeInRight { 0% {
opacity: 0;
transform: translateX(20px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutLeft { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(-20px);
}
}
@keyframes fadeInLeft { 0% {
opacity: 0;
transform: translateX(-20px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutRight { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(20px);
}
}
@keyframes fadeInUpBig { 0% {
opacity: 0;
transform: translateY(2000px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutUpBig { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@keyframes fadeInDownBig { 0% {
opacity: 0;
transform: translateY(-2000px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutDownBig { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(2000px);
}
}
@keyframes fadeInRightBig { 0% {
opacity: 0;
transform: translateX(2000px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutLeftBig { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@keyframes fadeInLeftBig { 0% {
opacity: 0;
transform: translateX(-2000px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutRightBig { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(2000px);
}
}
@keyframes bounceIn { 0% {
opacity: 0;
transform: scale(0.3);
} 50% {
opacity: 1;
transform: scale(1.05);
} 70% {
transform: scale(0.9);
} 100% {
transform: scale(1);
}
}
@keyframes bounceInDown { 0% {
opacity: 0;
transform: translateY(-2000px);
} 60% {
opacity: 1;
transform: translateY(30px);
} 80% {
transform: translateY(-10px);
} 100% {
transform: translateY(0);
}
}
@keyframes bounceInUp { 0% {
opacity: 0;
transform: translateY(2000px);
} 60% {
opacity: 1;
transform: translateY(-30px);
} 80% {
transform: translateY(10px);
} 100% {
transform: translateY(0);
}
}
@keyframes bounceInRight { 0% {
opacity: 0;
transform: translateX(2000px);
} 60% {
opacity: 1;
transform: translateX(-30px);
} 80% {
transform: translateX(10px);
} 100% {
transform: translateX(0);
}
}
@keyframes bounceInLeft { 0% {
opacity: 0;
transform: translateX(-2000px);
} 60% {
opacity: 1;
transform: translateX(30px);
} 80% {
transform: translateX(-10px);
} 100% {
transform: translateX(0);
}
}
@keyframes bounceOut { 0% {
transform: scale(1);
} 25% {
transform: scale(0.95);
} 50% {
opacity: 1;
transform: scale(1.1);
} 100% {
opacity: 0;
transform: scale(0.3);
}
}
@keyframes bounceOutUp { 0% {
transform: translateY(0);
} 20% {
opacity: 1;
transform: translateY(20px);
} 100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@keyframes bounceOutDown { 0% {
transform: translateY(0);
} 20% {
opacity: 1;
transform: translateY(-20px);
} 100% {
opacity: 0;
transform: translateY(2000px);
}
}
@keyframes bounceOutLeft { 0% {
transform: translateX(0);
} 20% {
opacity: 1;
transform: translateX(20px);
} 100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@keyframes bounceOutRight { 0% {
transform: translateX(0);
} 20% {
opacity: 1;
transform: translateX(-20px);
} 100% {
opacity: 0;
transform: translateX(2000px);
}
}
@keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@keyframes bounce { 0% {
transform: translateY(0);
} 20% {
transform: translateY(0);
} 40% {
transform: translateY(-30px);
} 50% {
transform: translateY(0);
} 60% {
transform: translateY(-15px);
} 80% {
transform: translateY(0);
} 100% {
transform: translateY(0);
}
}
@keyframes shake { 0% {
transform: translateX(0);
} 10% {
transform: translateX(-10px);
} 20% {
transform: translateX(10px);
} 30% {
transform: translateX(-10px);
} 40% {
transform: translateX(10px);
} 50% {
transform: translateX(-10px);
} 60% {
transform: translateX(10px);
} 70% {
transform: translateX(-10px);
} 80% {
transform: translateX(10px);
} 90% {
transform: translateX(-10px);
} 100% {
transform: translateX(0);
}
}
@keyframes rotateInDownLeft { 0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
} 100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft { 0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
} 100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight { 0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
} 100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight { 0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
} 100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateOutDownLeft { 0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft { 0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight { 0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight { 0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateIn { 0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
} 100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateOut { 0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes tada { 0% {
transform: scale(1);
} 10% {
transform: scale(0.9) rotate(-3deg);
} 20% {
transform: scale(0.9) rotate(-3deg);
} 30% {
transform: scale(1.1) rotate(3deg);
} 40% {
transform: scale(1.1) rotate(-3deg);
} 50% {
transform: scale(1.1) rotate(3deg);
} 60% {
transform: scale(1.1) rotate(-3deg);
} 70% {
transform: scale(1.1) rotate(3deg);
} 80% {
transform: scale(1.1) rotate(-3deg);
} 90% {
transform: scale(1.1) rotate(3deg);
} 100% {
transform: scale(1) rotate(0);
}
}  .main .mt-entry-content .grid-row, .container, .content-inner, .clearfix, .header { *zoom: 1;
} .main .mt-entry-content .grid-row:before, .container:before, .content-inner:before, .clearfix:before, .header:before { content: " "; display: table; } .main .mt-entry-content .grid-row:after, .container:after, .content-inner:after, .clearfix:after, .header:after { content: " "; display: table; clear: both; }      article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }  audio, canvas, video { display: inline-block; }  audio:not([controls]) {
display: none;
height: 0;
}  [hidden], template {
display: none;
}   html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }  body { margin: 0; }   a { background: transparent; outline:none !important; }  a:focus { outline: thin dotted; }  a:active, a:hover { outline: 0; }   h1 { font-size: 2em; margin: 0.67em 0; }  abbr[title] { border-bottom: 1px dotted; }  b, strong { font-weight: bold; }  dfn { font-style: italic; }  hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; }  mark { background: #ff0; color: #000; }  code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }  pre { white-space: pre-wrap; }  q { quotes: "\201C" "\201D" "\2018" "\2019"; }  small { font-size: 80%; }  sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; }   img { border: 0; }  svg:not(:root) {
overflow: hidden;
}   figure { margin: 0; }   fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }  legend { border: 0; padding: 0; }  button, input, select, textarea { font-family: inherit; font-size: 100%; margin: 0; }  button, input { line-height: normal; }  button, select { text-transform: none; }  button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer; }  button[disabled], html input[disabled] { cursor: default; }  input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; }  input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }  input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}  button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
padding: 0;
}  textarea { overflow: auto; vertical-align: top; }   table { border-collapse: collapse; border-spacing: 0; }  ol, ul { margin: 0; padding: 0; } ol li, ul li { list-style-type: none; } dl, dd, dt { margin: 0; padding: 0; }  p { margin: 0; } .sprite-sprite { background-image: url(//sumicarbide.com/wp-content/themes/sumitomo/images/sprite-sf5ea8ad061.png); background-repeat: no-repeat; } .icon { position: relative; top: 1px; display: inline-block; font-style: normal; font-weight: normal; line-height: 1; } .icon.icon-earth-pc { top: 3px; margin-right: 8px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/sprite-s69a120621b.png) 0 -40px; height: 17px; width: 17px; } .icon.icon-pull-list-pc { margin-left: 10px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/sprite-s69a120621b.png) 0 -71px; height: 12px; width: 15px; } .icon.icon-close-language { top: 5px; margin-top: -5px; margin-left: 8px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/sprite-s69a120621b.png) 0 0; height: 22px; width: 22px; } .icon.icon-pull-list { background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/sprite-s69a120621b.png) 0 -83px; height: 12px; width: 15px; } .icon.icon-close { background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/sprite-s69a120621b.png) 0 -22px; height: 18px; width: 18px; } .icon.icon-home { background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/sprite-s69a120621b.png) 0 -57px; height: 14px; width: 16px; } .product-icon { position: relative; display: inline-block; top: 6px; width: 22px; height: 22px; background-image: url(//sumicarbide.com/wp-content/themes/sumitomo/images/sprite-category-icon.gif); background-repeat: no-repeat; font-style: normal; font-weight: normal; line-height: 1; } .product-icon.icon-p { background-position: 0 0; } .product-icon.icon-m { background-position: -25px 0; } .product-icon.icon-k { background-position: -50px 0; } .product-icon.icon-n { background-position: -75px 0; } .product-icon.icon-s { background-position: -100px 0; } .product-icon.icon-h { background-position: -125px 0; } .product-icon.icon-sintered-materials { background-position: -150px 0; width: 133px; height: 22px; }    .btn__wrapper { display: table; position: relative; } .btn { width: 100%; vertical-align: middle; display: table-cell; font-weight: bold; font-size: 15px; font-size: 1.5rem; border: 1px solid #cccccc; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png) no-repeat 95% 50%; padding-right: 20px; padding-left: 25px; height: 50px; } .btn.inline { width: auto; margin: 10px 0; height: auto; } .btn--center { width: 100%; } .btn--center .btn { text-align: center; padding-right: 55px; padding-left: 35px; } .btn:visited { text-decoration: none; } .btn.btn--page { height: auto; padding: 10px 40px 10px 15px; font-weight: normal; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png) no-repeat 95% 50%; } .btn.btn--page.hover { background-color: #eaf6fd; color: #333333; } .btn.btn--page.btn--with-icon { padding-left: 35px; } .btn.btn--page .btn__icon { margin-top: -11px; width: 22px; height: 22px; } .btn.blank { background-image: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png), url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/ico_blank.png); background-repeat: no-repeat, no-repeat; background-position: 95% 50%, 88% 50%; padding-right: 70px; -pie-background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png) no-repeat 95% 50%, url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/ico_blank.png) no-repeat 88% 50%; behavior: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/components/PIE.htc); *position: relative;
} .btn.zoom { background-image: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/ico_zoom_n.png); background-repeat: no-repeat; background-position: 20% 50%; padding-left: 45px; padding-right: 15px; color: #333333; } .btn__icon { top: 50%; left: 10px; margin-top: -17px; width: 34px; height: 34px; position: absolute; } .btn.hover { background-color: #eaf6fd; color: #333333; } .btn.btn--with-icon { padding-left: 50px; } .btn.btn--no-arrow { padding-right: 25px; background-image: none; } .btn.btn--small { font-size: 13px; font-size: 1.3rem; } .btn.btn--small.btn--with-icon { padding-left: 45px; } .btn.btn--small .btn__icon { margin-top: -14px; width: 28px; height: 28px; }
@media (min-width: 641px) { .btn {
border: 1px solid #cccccc;
font-weight: bold;
font-size: 20px;
font-size: 2rem;
border: 1px solid #cccccc;
padding-right: 40px;
height: 90px;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-gray.png) no-repeat 100% 50%;
} .btn--center {
text-align: center;
margin: 0 auto;
width: auto;
} .btn--center .btn {
width: auto;
} .btn.inline {
width: auto;
margin: 20px 0;
} .btn.btn--with-icon {
padding-left: 60px;
} .btn.btn--small {
height: 60px;
font-size: 17px;
font-size: 1.7rem;
} .btn__icon {
margin-top: -21px;
width: 42px;
height: 42px;
} .btn.btn--page.btn--with-icon {
padding-left: 45px;
} .btn.btn--page .btn__icon {
margin-top: -11px;
width: 22px;
height: 22px;
}
}
@media (min-width: 1050px) { .side-menu {
border: 1px solid #dddddd;
} .side-menu__title {
font-size: 16px;
font-size: 1.6rem;
margin: -1px -1px 0;
padding: 15px;
color: #ffffff;
background: #014099;
} .side-menu__sub-title {
font-size: 16px;
font-size: 1.6rem;
margin: 0;
padding: 15px;
font-weight:bold;
background: #eeeeee;
border-top: 1px solid #cccccc;
border-bottom: 1px dashed #cccccc;
} .side-menu__item:last-child:after {
border-bottom: none;
} .side-menu__item:last-child a:after {
border: none;
} .side-menu__link {
position: relative;
display: block;
font-size: 14px;
font-size: 1.4rem;
padding: 15px 14px;
} .side-menu__link.separator:after {
left: 0;
width: 210px;
border-bottom: 1px solid #cccccc;
} .side-menu__link:after {
position: absolute;
bottom: 0;
content: '';
display: block;
margin: 0 auto;
width: 180px;
height: 1px;
border-bottom: 1px dashed #cccccc;
} .side-menu__link:hover, .side-menu__link.current {
background: #eaf6fd;
} .side-menu__link .external {
margin-top: -2px;
margin-left: 4px;
} .side-menu__sub {
position: relative;
} .side-menu__sub__title {
font-size: 14px;
font-size: 1.4rem;
padding: 8px 8px 0;
color: #989898;
} .side-menu__sub__list {
padding-top: 8px;
} .side-menu__sub__list:last-child:after {
position: absolute;
content: '';
display: block;
margin: 0 15px;
width: 180px;
height: 1px;
border-bottom: 1px dashed #cccccc;
} .side-menu__sub__link {
display: block;
padding: 10px 15px 10px 30px;
font-size: 14px;
font-size: 1.4rem;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png) no-repeat 15px 50%;
} .side-menu__sub__link:hover, .side-menu__sub__link.current {
background-color: #eaf6fd;
} .side-menu__sub__sub__list .side-menu__sub__link {
padding: 8px 10px 8px 35px;
} .side-menu__sub__sub__list {
padding: 0px 8px;
}
}  .main .mt-entry-content { font-size: 13px; font-size: 1.3rem; } .main .mt-entry-content .tab-content { padding-bottom: 20px; } .main .mt-entry-content h1, .main .mt-entry-content h2, .main .mt-entry-content h3, .main .mt-entry-content h4, .main .mt-entry-content h5, .main .mt-entry-content h6 { clear: both; } .main .mt-entry-content h1 { padding-left: 13px; border-left: 6px solid #014099; margin: 30px 0 15px 0; font-size: 19px; font-size: 1.9rem; } .main .mt-entry-content h1:first-child { margin-top: 20px; } .main .mt-entry-content h2 { font-size: 18px; font-size: 1.8rem; margin: 15px 0; } .main .mt-entry-content h3 { font-weight: normal; font-size: 17px; font-size: 1.7rem; margin: 10px 0; } .main .mt-entry-content h4 { font-weight: normal; font-size: 16px; font-size: 1.6rem; margin: 5px 0; } .main .mt-entry-content h5 { font-weight: normal; font-size: 15px; font-size: 1.5rem; margin: 5px 0; } .main .mt-entry-content h6 { font-weight: normal; font-size: 14px; font-size: 1.4rem; margin: 5px 0; } .main .mt-entry-content p { margin-bottom: 1em; } .main .mt-entry-content ul, .main .mt-entry-content ol, .main .mt-entry-content dl, .main .mt-entry-content table { margin-bottom: 15px; } .main .mt-entry-content img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .main .mt-entry-content hr { margin: 30px 0; } .main .mt-entry-content ol { margin-bottom: 15px; padding-left: 1.5em; } .main .mt-entry-content ol li { list-style: decimal; } .main .mt-entry-content ul { padding-left: 1.5em; } .main .mt-entry-content ul li { list-style: disc; } .main .mt-entry-content table { width: 100%; border-collapse: collapse; } .main .mt-entry-content table td, .main .mt-entry-content table th { padding: 10px; border: 1px solid #ccc; text-align: left; font-size: 13px; font-size: 1.3rem; } .main .mt-entry-content table th { font-weight: bold; background-color: #EDEAE3; text-align: center; } .main .mt-entry-content table thead th { background: #EDEAE3; text-align: center; } .main .mt-entry-content .grid-row { width: 100%; margin-bottom: 15px; } .main .mt-entry-content .grid-row .col1, .main .mt-entry-content .grid-row .col2 { margin-bottom: 15px; } .main .mt-entry-content a.hover { text-decoration: underline; } .main .mt-entry-content a.pdf { padding-right: 20px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/pdf-small.png) no-repeat 100% 50%; } .main .mt-entry-content .border-box { border: 1px solid #999999; padding: 20px; } .main .mt-entry-content a.btn { position: relative; width: auto; height: auto; display: inline-block; vertical-align: middle; padding: 10px 30px 10px 20px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png) no-repeat 95% 50%; border: 1px solid #cccccc; font-size: 15px; font-size: 1.5rem; margin: 15px 0; } .main .mt-entry-content a.btn.hover { background-color: #eaf6fd; color: #333333; text-decoration: none; } .main .mt-entry-content a.btn.blank { background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-with-blank.png) no-repeat 95% 50%; padding-right: 60px; } .main .mt-entry-content a.btn.blank.hover { background-color: #eaf6fd; color: #333333; } .main .mt-entry-content a.btn img.icon { display: inline-block; vertical-align: -5px; padding-right: 10px; width: 22px; height: 22px; } .main .mt-entry-content a.block { display: block; padding: 8px 15px 8px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png) no-repeat 0 50%; } .main .mt-entry-content a.blank { padding-right: 20px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/ico_blank.png) no-repeat 100% 50%; }
@media (min-width: 641px) { .main .mt-entry-content {
font-size: 15px;
font-size: 1.5rem;
} .main .mt-entry-content h1 {
font-size: 25px;
font-size: 2.5rem;
margin: 20px 0;
font-weight: 600;
} .main .mt-entry-content h2 {
font-size: 23px;
font-size: 2.3rem;
} .main .mt-entry-content h3 {
font-size: 21px;
font-size: 2.1rem;
} .main .mt-entry-content h4 {
font-size: 19px;
font-size: 1.9rem;
} .main .mt-entry-content h5 {
font-size: 17px;
font-size: 1.7rem;
} .main .mt-entry-content h6 {
font-size: 15px;
font-size: 1.5rem;
} .main .mt-entry-content a.block {
background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png) no-repeat 0 50%;
} .main .mt-entry-content img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
} .main .mt-entry-content a.btn {
font-size: 20px;
font-size: 2rem;
} .main .mt-entry-content a.btn img.icon {
vertical-align: -3px;
} .main .mt-entry-content .grid-row.column-1 .col1 {
width: 100%;
} .main .mt-entry-content .grid-row.column-2 {
width: auto;
margin-left: -4%;
margin-right: -4%;
} .main .mt-entry-content .grid-row.column-2 .col1 {
float: left;
width: 48%;
margin-left: 2%;
} .main .mt-entry-content .grid-row.column-3 {
width: auto;
margin-left: -4%;
margin-right: -4%;
} .main .mt-entry-content .grid-row.column-3 .col1 {
float: left;
margin-left: 2%;
width: 31%;
} .main .mt-entry-content .grid-row.column-3 .col2 {
float: left;
width: 62%;
margin-left: 2%;
} .main .mt-entry-content .float-left {
float: left;
margin: 0 15px 15px 0;
} .main .mt-entry-content .float-right {
float: right;
margin: 0 0 15px 15px;
}
}  html, button, input, select, textarea { color: #222; } ::-moz-selection, ::selection {
background: #b3d4fc;
text-shadow: none;
} img { vertical-align: middle; } html { font-size: 62.5%; } body { font-family: 'Roboto', sans-serif; -webkit-text-size-adjust: 100%; background-color: #ffffff; } h2 { font-size: 17px; font-size: 1.7rem; font-weight:bold; } h3 { font-size: 13px; font-size: 1.3rem; margin: 2px 0; font-weight:bold; } a { -webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent; } a:link { color: #014099; text-decoration: none; } a:visited { color: #014099; } a.hover { text-decoration: none; } .clear { clear: both; } .main p, .main li, .main dt, .main dd, .main th, .main td, .main blockquote { font-size: 13px; font-size: 1.3rem; } .main p { margin-bottom: 1em; } .main p:last-child { margin-bottom: 0; } #overlay {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: #000; overflow-y: hidden; visibility: hidden; -webkit-transition: visibility .2s ease;
transition: visibility .2s ease;
cursor: pointer; cursor: pointer; }  .img-responsive { display: block; max-width: 100%; height: auto; } .content-inner { width: 100%; margin: 0 auto; } .hidden-phone { display: none; } .hidden-mobile { display: none; } .hidden-tablet_pc { display: block; } .hidden-pc { display: block; } a[data-action] { cursor: pointer; } body.page { width: 100%; top: 0; left: 0; right: 0; border:none; bottom: 0; overflow: auto; -webkit-backface-visibility: hidden; } .page.sidebar-opened { position: fixed; overflow: hidden; } .page.sidebar-opened #side-menu-mobile { box-shadow: 5px 0 15px #737373; left: 0; -webkit-transform: translateZ(0); -webkit-transition-property: all; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-property: all; -moz-transition-duration: 0.2s; -moz-transition-timing-function: linear; -ms-transition-property: all; -ms-transition-duration: 0.2s; -ms-transition-timing-function: linear; transition: all 0.2s linear; } .page.sidebar-opened #overlay { visibility: visible; overflow: hidden; } #side-menu-mobile { position: absolute; width: 220px; height: 100%; top: 0; left: -220px; overflow-y: auto; background: #fff; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; -webkit-transform: translateZ(0); -webkit-transition-property: all; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: linear; -moz-transition-property: all; -moz-transition-duration: 0.2s; -moz-transition-timing-function: linear; -ms-transition-property: all; -ms-transition-duration: 0.2s; -ms-transition-timing-function: linear; transition: all 0.2s linear; } #side-menu-mobile .side-menu__sub__title { font-size: 15px; font-size: 1.5rem; padding: 8px; color: #989898; } #side-menu-mobile ul { border-bottom: 1px solid #cccccc; } #side-menu-mobile ul li { display: block; font-weight: bold; padding: 15px 0px 15px 30px; font-size: 15px; font-size: 1.5rem; border-top: 1px solid #cccccc; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png) no-repeat 15px 20px; } #side-menu-mobile ul li a { display: block; } #side-menu-mobile ul li ul { border-bottom: none; margin-top: 15px; margin-bottom: -15px; } #side-menu-mobile ul li ul li { font-weight: normal; padding: 8px 0 8px 30px; background-position: 15px 11px; } #side-menu-mobile--open { box-shadow: 6px 0 17px #737373; } .cat-item:last-child { margin-bottom: 0; } .cat-item__item { overflow: hidden; *zoom: 1;
width: 100%; line-height: 100%; position: relative; } .cat-item__link { display: block; font-weight: bold; border: 1px solid #cccccc; margin-bottom: 8px; } .cat-item__link.hover .cat-item__image {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; vertical-align: bottom; } .cat-item__link.hover .cat-item__caption { color: #8facd6; } .cat-item__image { float: left; display: block; width: 55%; } .cat-item__caption { position: absolute; top: 0; left: 55%; font-size: 15px; font-size: 1.5rem; width: 45%; height: 100%; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png) no-repeat 95% 50%; } .cat-item__caption.external { background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-with-blank.png) no-repeat 95% 50%; } .cat-item__caption__wrapper { display: table; height: 100%; width: 100%; } .cat-item__caption__inner { display: table-cell; padding: 0 10% 0 5%; line-height: 1.5; font-weight: bold; color: #014099; vertical-align: middle; background: none; } .cat-item__description { font-size: 13px; font-size: 1.3rem; } .link-block { border-bottom: 1px solid #ccc; } .link-block--small { margin-bottom: 10px; } .link-block:last-child { margin-bottom: 5px; } .link-block__title { margin: 10px 0; } .link-block__item { width: 100%; } .link-block__link { border-bottom: 0; } .link-block.link-block--ib { border: none; } .link-block.link-block--ib .link-block__item { width: 100%; margin-bottom: 10px; } @media (min-width: 641px) { .main p, .main li, .main dt, .main dd, .main th, .main td, .main blockquote {
font-size: 15px;
font-size: 1.5rem;
} .main h2 {
font-size: 22px;
font-size: 2.2rem;
font-weight:bold;
} .main h3 {
font-size: 15px;
font-size: 1.5rem;
margin: 5px 0;
} .hidden-phone {
display: block;
} .hidden-tablet_pc {
display: none;
} #side-menu-mobile {
width: 400px;
left: -400px;
} .cat-item {
border: 1px solid #cccccc;
float: left;
margin-bottom: 15px;
width: 45%;
} .cat-item.odd {
clear: both;
margin-right: 31px;
} .cat-item__item {
overflow: hidden;
*zoom: 1;
width: 100%;
line-height: 100%;
position: relative;
} .cat-item__link {
border: none;
margin-bottom: 0;
} .cat-item__link.hover .cat-item__image {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
} .cat-item__link.hover .cat-item__caption {
color: #8facd6;
} .cat-item__image {
float: none;
display: block;
width: 100%;
} .cat-item__caption {
position: static;
font-size: 20px;
font-size: 2rem;
width: 100%;
background: none;
} .cat-item__caption.external {
background: none;
} .cat-item__caption__wrapper {
display: block;
height: 100%;
} .cat-item__caption__inner {
display: block;
padding: 15px 40px 15px 20px;
height: 100%;
line-height: 1.5;
vertical-align: middle;
font-weight: bold;
color: #014099;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-gray.png) no-repeat 100% 50%;
} .external .cat-item__caption__inner {
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-gray-with-blank.png) no-repeat 100% 50%;
} .cat-item__description {
padding: 0 20px 10px;
font-size: 16px;
font-size: 1.6rem;
} .link-block {
clear: both;
overflow: hidden;
*zoom: 1;
width: 100%;
border-bottom: none;
} .link-block__item {
width: 48%;
margin-bottom: 20px;
} .link-block__item:nth-last-child(-n+2) {
margin-bottom: 10px;
} .link-block__item.odd {
clear: both;
float: left;
} .link-block__item.even {
float: right;
} .link-block__link {
border-bottom: 1px solid #ccc;
} .link-block.link-block--ib .link-block__item {
width: auto;
margin-bottom: 10px;
}
} .otherlink { margin-top: 30px; margin-bottom: 20px; padding-top: 10px; } .otherlink__title { border-left: 6px solid #999999; padding-left: 1em; margin-bottom: 20px; } .otherlink li { padding: 15px 0 10px 15px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png) no-repeat left 50%; } .otherlink li img { padding-left: 10px; padding-right: 10px; } .otherlink li.noicon { background-image: none; } .otherlink p a { padding: 15px 20px; line-height: 1.5; vertical-align: middle; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/icon/arrow-small.png) no-repeat left 50%; } .otherlink a:hover { text-decoration: underline; } .otherlink a:visited { text-decoration: none; } @media (min-width: 1050px) { .hidden-mobile {
display: block;
} .hidden-pc {
display: none !important;
} .container {
width: 950px;
margin: 0 auto;
} .home .content-inner {
width: 950px;
margin: 0 auto;
}      .main--center {
float: none;
margin: 0 auto;
} .side-menu {
float: left;
width: 210px;
} .page {
border-top: 3px solid #c9caca;
}
}  .section { overflow: hidden; *zoom: 1;
margin-bottom: 20px; } .section:last-child { margin-bottom: 0; } .page-title { font-family: "Roboto", sans-serif; } .section-title { border-left: 6px solid #014099; clear: both; font-family: "Roboto", sans-serif; font-size: 1.7rem; font-weight: bold; margin: 0 0 15px; padding-left: 13px; }
.home .section-title { border-left: 15px solid #014099; font-size: 1.6rem; padding: 8px; } .topic-path { position: relative; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; padding: 10px 40px 10px 10px; margin-bottom: 15px; } .topic-path__list { display: inline-block; padding-right: 30px; } .topic-path__item { display: inline-block; font-size: 11px; font-size: 1.1rem; } .topic-path__item:before { content: '>'; display: inline-block; padding: 0 7px; vertical-align: 1px; } .topic-path__item:first-child:before { display: none; } .topic-path__link:link, .topic-path__link:visited { color: #b6b6b6; text-decoration: none; } .side-menu-trigger { position: absolute; top: 50%; right: 5px; margin-top: -18px; width: 36px; height: 36px; } .side-menu-trigger a { display: block; padding: 6px; }
@media (min-width: 641px) { .page-title {
width: 93%;
font-size: 36px;
font-size: 3.6rem; font-family: "Roboto", sans-serif;
} .section-title {
font-size: 2.5rem;
font-weight: bold;
margin: 20px 0;
padding: 0 0 0 13px;
text-align: left !important;
} .topic-path {
width: 93%;
margin: 0 auto 20px;
padding-left: 0;
padding-right: 0;
} .topic-path__item {
font-size: 14px;
font-size: 1.4rem;
} .side-menu-trigger {
right: 10px;
margin-top: -25px;
width: 50px;
height: 50px;
}
}
@media (min-width: 1050px) { .page-title {
font-family: "Roboto", sans-serif;
margin: 25px 0 30px;
width: 100%;
} .topic-path {
width: auto;
} .sub .header {
margin-bottom: 15px;
}
.woocommerce-page .header {
margin-bottom: 15px;
}
.page .header {
margin-bottom: 15px;
}
.home .page .keyvisual {
margin-top: -15px;
} .sub .content-inner {
width: 680px;
}
.woocommerce-page .content-inner {
padding-top: 20px;
} .cat-item__caption__inner {
font-size: 18px;
font-size: 1.8rem;
} .link-block {
border-bottom: none;
} .link-block--small .link-block__link {
padding: 12px;
font-size: 17px;
font-size: 1.7rem;
} .link-block__link {
font-size: 18px;
font-size: 1.8rem;
}
}   .header { border-bottom: 5px solid #014099; } .header__logo { margin: 12px 5px; float: left; } .header__logo img { width: 100px; height: 32px; }  .global-nav { float: right; } .global-nav__menu-wrapper { display: none; position: absolute; top: 56px; width: 100%; left: 0; z-index:99999999 !important; border-top: 1px solid #eeeeee; } .global-nav__title { font-size: 13px; font-size: 1.3rem; border-left: 1px solid #eeeeee; } .global-nav__title__link { display: inline-block; vertical-align: middle; *vertical-align: auto;
*zoom: 1;
*display: inline;
width: 50px; text-align: center; font-weight: bold; font-size: 13px; font-size: 1.3rem; height: 22px; padding: 17px 5px; vertical-align: middle; color: #014099; line-height: 21px; } .global-nav__title__link img { width: 21px; height: 21px; } .global-nav__item { border-bottom: 1px solid #dddddd; }
@media (min-width: 1050px) { .global-nav__item {
display: inline-block;
background: none;
border: none;
}
} .global-nav__link { font-size: 15px; font-size: 1.5rem; display: block; padding: 15px 12px; background: white url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-gray.png) no-repeat right 50%; text-decoration: none; } .global-nav__link:link, .global-nav__link:visited { color: #fff; }
.global-nav__link { color:#FFF; } .global-nav__link.current { background-color: #999; color: #fff; } .global-nav--close { text-align: center; border-bottom: none; } .global-nav--close a { font-size: 20px; font-size: 2rem; display: block; padding: 15px 12px; cursor: pointer; color: #ffffff; background: #666666; } .global-nav--close a .icon-close { margin-right: 10px; }
@media (min-width: 1050px) { .global-nav--close {
display: none;
}
} .global-nav--half { float: left; width: 50%; } .global-nav--half:nth-child(odd) {
margin-left: -1px;
border-right: 1px solid #ccc;
} .global-nav__global-site { position: relative; clear: both; border-top: 1px solid #dddddd; padding-top: 0; } .global-nav__global-site__link { background-color: #eaf6fd; } .global-nav .icon-earth { width: 21px; background-size:auto; height: 21px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/sprite-s69a120621b.png) repeat scroll 0 -71px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/icon/earth.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='assets/images/icon/earth.png', sizingMethod='scale')"; } .global-nav .icon-search { width: 21px; height: 21px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/search.png) no-repeat 50% 50%; background-size: 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/icon/search.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='assets/images/icon/search.png', sizingMethod='scale')"; } .nav-buttons { float: left; } .lt-ie9 .icon-earth, .lt-ie9 .icon-search { background-image: none; } .menu--opend .global-nav__title__link { background-color: #666666; color: #ffffff; } .menu--opend .icon-earth { background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/earth_active.png) no-repeat 50% 50%; background-size: 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/icon/earth_active.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='assets/images/icon/earth_active.png', sizingMethod='scale')"; } .menu--opend .icon-search { background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/search_active.png) no-repeat 50% 50%; background-size: 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/images/icon/search_active.png', sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( src='assets/images/icon/search_active.png', sizingMethod='scale')"; } .lt-ie9 .menu--opend .icon-earth, .lt-ie9 .menu--opend .icon-search { background-image: none; } .search__form { overflow: hidden; *zoom: 1;
padding: 20px 0; text-align: center; } .search__input { font-size: 13px; font-size: 1.3rem; margin: 0 auto; display: inline-block; width: 80%; border: 1px solid #cccccc; height: 10px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/search-gray.png) no-repeat 10px 50%; background-size: 14px 14px; padding: 15px 15px 15px 25px; }  .i18n-nav { float: right; width: auto; background: #014099; margin-bottom: 5px; position: relative; } .i18n-nav .delimiter { border-right: 1px solid #6585b2; } .i18n-nav__item { display: inline-block; } .i18n-nav__link { display: block; line-height: 1; padding: 7px 17px 10px; font-size: 14px; font-size: 1.4rem; } .i18n-nav__link:link, .i18n-nav__link:visited { color: #ffffff; } .i18n-nav__link.current { background-color: #0160e5; } .i18n-nav__menu { display: none; position: absolute; width: 100%; left: 0; top: 0; background: #014099; background: rgba(1, 64, 153, 0.9); z-index: 10000; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .i18n-nav__menu__close { background: #014099; font-size: 14px; font-size: 1.4rem; text-align: right; padding: 7px 12px 10px; color: #ffffff; } .i18n-nav__menu__item { display: inline-block; width: 49%; } @media (min-width: 641px) { .header__logo {
margin: 15px;
} .header__logo img {
width: 200px;
height: 64px;
} .global-nav__menu-wrapper {
top: 95px;
} .global-nav__title a {
font-size: 20px;
font-size: 2rem;
width: 100px;
height: 31px;
padding: 32px 14px;
line-height: 31px;
} .global-nav__title a img {
width: 31px;
height: 31px;
} .global-nav__link {
font-size: 24px;
font-size: 2.4rem;
} .global-nav .icon-earth, .global-nav .icon-search {
width: 31px;
height: 31px;
} .search__input {
background-size: 28px 28px;
padding: 15px 15px 15px 50px;
}
} @media (min-width: 1050px) { .header {
position: relative;
} .header__logo {
margin-left: 0;
} .global-nav {
clear: right;
margin-right: 190px;
} .global-nav .language-nav {
display: none;
} .global-nav__title {
display: none;
} .global-nav__menu-wrapper {
display: block;
position: static;
font-weight: bold;
border: none;
} .global-nav__item {
margin-bottom: 0;
} .global-nav__link {
border-bottom: none;
background-image: none;
font-size: 14px;
font-size: 1.4rem;
background-color: transparent;
padding-top: 22px;
outline:none;
} .global-nav__link:hover, .global-nav__link.current, .global-nav__link.active {
color: #97b2d9;
background: #fff;
} .global-nav__csr {
position: relative;
} .sub-menu {
display: none;
position: absolute;
top: 95px;
left: 50%;
max-width: 750px;
padding: 26px 24px;
border: 1px solid #c3e3f3;
z-index: 500;
background: #fff;
background: rgba(255, 255, 255, 0.95);
margin-left: -375px;
font-size: 14px;
font-size: 1.4rem;
} .sub-menu.sub-menu__csr {
top: 55px;
left: auto;
right: 0;
max-width: 370px;
} .sub-menu__parent {
font-size: 36px;
font-size: 3.6rem;
display: inline-block;
line-height: 1;
} .sub-menu__title {
display: inline-block;
margin-left: 25px;
margin-top: -20px;
line-height: 36px;
line-height: 3.6rem;
vertical-align: middle;
} .sub-menu__title__link {
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-smaller.png) no-repeat 0 5px;
padding-left: 15px;
} .sub-menu__list {
margin-top: 15px;
margin-left: -10px;
} .sub-menu__item {
float: left;
width: 177px;
border: 1px solid #cccccc;
min-height: 135px;
margin: 0 0 10px 10px;
} .sub-menu__item--small {
float: left;
border: 1px solid #cccccc;
margin: 0 0 10px 10px;
width: 140px;
} .sub-menu__item.clear {
clear: left;
} .sub-menu__link {
display: block;
font-weight: normal;
background: #fff;
} .sub-menu__link:hover {
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
opacity: 0.5;
} .sub-menu__text {
font-size: 13px;
font-size: 1.3rem;
display: block;
padding: 21px 10px;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/modules/arrow-small.gif) no-repeat 95% 50%;
} .sub-menu__text--two-line {
font-size: 13px;
font-size: 1.3rem;
display: block;
padding: 21px 10px;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/modules/arrow-small.gif) no-repeat 95% 50%;
padding-top: 13px;
padding-bottom: 11px;
} .sub-menu__text.blank {
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-with-blank.png) no-repeat 95% 50%;
} .search__form {
margin-left: 50px;
padding: 10px 0 10px 0;
} .search__input {
margin: 0;
display: block;
float: left;
width: 179px;
border: 1px solid #cccccc;
padding: 4px;
height: 20px;
background: #fff;
} .search__submit {
margin: 0;
padding: 0;
background-image: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/search-pc.png);
background-position: 50% 50%;
background-color: #014099;
background-repeat: no-repeat;
display: block;
float: left;
border-radius: 0;
border: none;
color: #ffffff;
height: 30px;
width: 30px;
} .menu--closed {
display: block;
}
}   .footer { clear: both; position: relative; margin-top: 55px; } .footer .page-top { position: absolute; right: 3%; top: -40px; width: 30px; height: 30px; } .footer__nav { font-size: 15px; font-size: 1.5rem; } .footer__nav__category { border-top: 1px solid #cccccc; } .footer__nav__category__link { display: block; padding: 15px 12px; border-bottom: 1px solid #cccccc; background: #eeeeee url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/footer-list.png) no-repeat right 50%; } .footer__nav__category__link:link, .footer__nav__category__link:hover, .footer__nav__category__link:visited { text-decoration: none; color: #010101; } .footer__nav__category__link.subcategory--opend { background: #eeeeee url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/footer-close.png) no-repeat right 50%; opacity: 0.5; } .footer__nav__subcategory { display: none; border-bottom: 1px solid #cccccc; background-color: #eeeeee; overflow: hidden; } .footer__nav__subcategory__link { -webkit-animation: fadeInRight 1s 0.2s ease both; -moz-animation: fadeInRight 1s 0.2s ease both; -ms-animation: fadeInRight 1s 0.2s ease both; -o-animation: fadeInRight 1s 0.2s ease both; animation: fadeInRight 1s 0.2s ease both; display: block; padding: 15px 30px; background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-gray.png) no-repeat right 50%; } .footer__nav__subcategory__link:link, .footer__nav__subcategory__link:hover, .footer__nav__subcategory__link:visited { text-decoration: none; color: #010101; } .footer__copyright { clear: both; font-size: 10px; font-size: 1rem; display: block; text-align: center; padding: 25px 0; color: #000; background: #014099; }  .other-block { border-top: 1px solid #cccccc; } .other-nav__list { text-align: center; padding: 20px 0; } .other-nav__item { font-size: 13px; font-size: 1.3rem; display: inline-block; } .other-nav__link:link, .other-nav__link:visited { color: #333333; } .other-nav__delimiter { display: inline-block; padding: 0 5px; } .footer-search { float: right; }  .social-nav { text-align: center; padding: 20px 0; } .social-nav__message { vertical-align: middle; font-size: 13px; font-size: 1.3rem; display: inline-block; margin: 0; } .social-nav__list { display: inline-block; } .social-nav__item { display: inline-block; padding-left: 16px; } .social-nav__youtube img { width: 51px; height: 27px; } .social-nav__facebook img { width: 27px; height: 27px; } .social-nav__twitter img { width: 27px; height: 27px; } @media (min-width: 641px) { .footer {
margin-top: 65px;
} .footer__nav {
font-size: 24px;
font-size: 2.4rem;
} .footer__nav__category__link {
padding: 18px 24px;
} .footer .page-top {
top: -50px;
width: 40px;
height: 40px;
} .social-nav {
padding: 40px 0;
} .social-nav__message {
font-size: 26px;
font-size: 2.6rem;
} .social-nav__item {
padding-left: 32px;
} .social-nav__youtube img {
width: 102px;
height: 54px;
} .social-nav__facebook img {
width: 54px;
height: 54px;
} .social-nav__twitter img {
width: 54px;
height: 54px;
}
} @media (min-width: 1050px) { .footer {
background: #eeeeee;
} .footer .container {
position: relative;
} .footer .page-top {
right: -40px;
} .footer__nav {
float: left;
width: 900px;
font-size: 15px;
font-size: 1.5rem;
} .footer__nav__category {
overflow: hidden;
*zoom: 1;
border: none;
} .footer__nav__category__item {
float: left;
width: 170px;
padding-right: 10px;
} .footer__nav__category__promotion {
margin-left: -180px;
margin-top: 80px;
} .footer__nav__category__link {
cursor: auto;
font-size: 14px;
font-size: 1.4rem;
font-weight: bold;
background: none;
padding: 12px 0;
border: none;
} .footer__nav__category__link.subcategory--opend {
background: none;
} .footer__nav__subcategory {
display: block;
border: none;
} .footer__nav__subcategory__item {
margin-bottom: 10px;
} .footer__nav__subcategory--padding {
padding-top: 30px;
} .footer__nav__subcategory__link {
-webkit-animation: none 1s 0.2s ease both;
-moz-animation: none 1s 0.2s ease both;
-ms-animation: none 1s 0.2s ease both;
-o-animation: none 1s 0.2s ease both;
animation: none 1s 0.2s ease both;
display: inline;
padding: 0;
font-size: 12px;
font-size: 1.2rem;
background: none;
} .footer__nav__subcategory__link:link, .footer__nav__subcategory__link:visited {
color: #014099;
} .footer__nav__subcategory__link:hover {
text-decoration: underline;
} .footer__copyright {
text-align: right;
} .social-nav {
float: left;
width: 50px;
display: block;
padding: 12px 0 0 0;
} .social-nav__list {
text-align: right;
} .social-nav__message {
padding: 0;
margin: 0 0 15px 0;
font-size: 14px;
font-size: 1.4rem;
} .social-nav__item {
padding-left: 0;
text-align: right;
margin-bottom: 10px;
} .social-nav__youtube img {
width: 50px;
height: 27px;
} .social-nav__facebook img {
width: 28px;
height: 28px;
} .social-nav__twitter img {
width: 28px;
height: 28px;
} .other-nav {
float: left;
width: 450px;
} .other-nav__list {
text-align: left;
} .other-nav__item {
padding-right: 35px;
}
} .footer__copyright { text-align: right; } .other-block.container ul.other-nav__list li { padding-right: 35px; font-size: 1.3rem; display: inline-block; }
.other-block.container ul.other-nav__list li a { color: #000; }
.keyvisual__controller .bx-pager { margin: 38px 0; }
.keyvisual .slider-wrapper .tp-bullets { bottom : -55px !important; }
.slider-wrapper .product1 { margin: 0 !important; max-width: 450px !important; }
.woocommerce-breadcrumb { display:none; }
.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button { display:none !important; }
.archive .term-description { display: none; }
@media only screen and (min-width:320px) and (max-width:1049px) {
.nav-buttons.language-nav .global-nav__title__link {
background: none repeat scroll 0 0 #014099;
}
.nav-buttons.language-nav.menu--closed.menu--opend .global-nav__title__link {
background: none repeat scroll 0 0 #999;
}
.global-nav .icon-earth {
background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/sprite-s69a120621b.png) repeat scroll 0 -71px rgba(0, 0, 0, 0);
background-size:auto;
height: 12px !important;
width: 15px !important;
}
.history-slide .bx-wrapper .bx-controls-direction a {
top:35%;
}
.nav-buttons.category-nav.menu--closed.menu--opend .global-nav__title__link:hover {
color: #ffffff;
}
.global-nav__title__link:hover {
color:#014099;
}
.topics__caption__inner {
font-size: 0.8em;
}
.topics__image img {
height: auto;
width: 100%;
}
.topics__link.odd {
clear: inherit;
}
#comments {
width:94%;
margin:0 auto;
}
.section__colum2 img {
margin-bottom: 15px;
width: 100%;
} .header__logo {
margin: 15px 35px;
}
.page-title {
margin: 15px 0;
}
#main-content {
padding: 0 35px;
}
.woocommerce img, .woocommerce-page img {
width: 100%;
}
.custom_archive li:first-child {
margin-left: 0 !important;
} .custom_archive li:nth-child(n) {
margin-right: 47px;
}
.custom_archive li {
float: left;
width: 45%;
}
.cat-item {
width: 45%;
}
.cat-item.odd {
margin-right: 47px;
}
}
@media only screen and (min-width:320px) and (max-width:640px) {
.keyvisual .slider-wrapper .tp-bullets {
bottom: -4em !important;
z-index: 99 !important;
}
.tp-leftarrow.default {
display:none;
}
.tp-rightarrow {
display:none;
}
.topics__caption__inner {
font-size: 1.5rem;
}
.topics__image img {
height: auto;
width: 100%;
}
.product {
right: 134px;
text-align: center;
}
.page-id-68 .section_news {
font-size: 1.5rem;
margin-bottom: 25px;
}
.knowledge-table__cap small {
font-size: 12px;
}
.world-contact__box__tel__num {
float:left;
}
#comments {
width:94%;
margin:0 auto;
}
.page-id-10 .cat-item__caption p {
display: none;
}
.page-title {
margin-bottom: 16px;
margin-top: 21px;
}
.page-template-default .cat-item__link {
border:none;
margin-bottom:0;
}
.page-template-default .cat-item {
border: 1px solid #cccccc;
}
.content-inner {
padding-top: 20px;
}
}
@media only screen and (min-width:320px) and (max-width:649px) {
.section__colum2 img {
width:100%;
}
.locations-set__btns img {
width: 100%;
}
.section__colum_h img {
width: 100%;
}
.content-inner {
padding-top: 20px;
}
}
@media only screen and (min-width:641px) and (max-width:1023px) {
.page-id-12 .form__submit.center {
padding: 10px;
width: 100%;
font-size:15px;
}
.content-inner {
padding-top: 20px;
}
}
@media only screen and (min-width:320px) and (max-width:479px) {
.page-id-12 .form__submit.center {
font-size: 9px;
}
.history-slide .bx-wrapper .bx-controls-direction a {
top: 21%;
}
.content-inner {
padding-top: 20px;
}
}
@media only screen and (min-width:850px) and (max-width:1049px) {
.content-inner {
padding-top: 20px;
}
}
@media only screen and (min-width:800px) and (max-width:1280px) {
#req_form .form__label {
margin-right: 0;
}
.content-inner {
padding-top: 20px;
}
}
@media only screen and (min-width:320px) and (max-width:1100px) {
.slider-wrapper .product {
white-space: normal !important;
}
.slider-wrapper .product1 {
right: 20px;
text-align: right;
}
.tp-caption {
position: absolute !important;
transform: none !important;
}
.product--left {
left: 62px;
right: 0;
text-align: left;
width: 300px;
}
.slider-wrapper .product1 {
right: -5px;
text-align: right;
width: 300px;
z-index: 9999999;
}
.product.product6 .product__link {
left: -282px;
position: absolute;
width: 120px;
}
}
@media only screen and (min-width:320px) and (max-width:359px) {
.product--left {
left: -94px;
right: 0;
text-align: left;
width: 300px;
}
.product.product6 .product__link {
left: -138px;
width: 79px;
}
}
@media only screen and (min-width:480px) and (max-width:567px) {
.product--left {
left: -25px;
right: 0;
text-align: left;
width: 300px;
}
.product.product6 .product__link {
left: -138px;
width: 79px;
}
}
@media only screen and (min-width:568px) and (max-width:639px) {
.product--left {
left: -10px;
right: 0;
text-align: left;
width: 300px;
}
.product.product6 .product__link {
left: -138px;
width: 79px;
}
}
@media only screen and (min-width:640px) and (max-width:767px) {
.product--left {
left: 25px;
right: 0;
text-align: left;
width: 300px;
}
.product.product6 .product__link {
left: -138px;
width: 79px;
}
}
.page-id-623 #error { font-size:1.5rem; }
.page-id-14 .section__boxb { float: left; }
.hidden-phone .img-responsive { width:100%; }
.network-set__btns br { display:none; }
.aboutus .cat-item img { width: 100%; }
.cat-item__image img { width: 100%; }
.btn.btn--small.btn--with-icon br { display: none; }
.cat-item p { margin:0; }
.cat-item br { display:none; }
.fullwidthbanner-container { z-index:9; }
.topic-path__lis > a { font-size: 15px; }
.section.soudan-set section dd br { display: none; }
.section__description > h3 { font-weight: bold; }
.page.page-id-14 .otherlink p a { display: inline-block; padding:0; }
.home .section-title:before { border-bottom: 1px solid #cccccc; }
.tp-rightarrow.default { z-index:99 !important; }
.tp-leftarrow.default { z-index:99 !important; }
.slider-wrapper { position: relative; z-index: 9 !important; }
.i18n-nav__menu__close > a { color: #fff; }
.home h3 { font-weight:normal; }
.term-23 .link-block { position: relative; top: -168px; }
.term-23 .link-block__title { position: relative; top: -170px; }
.archive .content-inner { clear:both; }
.header { border-bottom: 5px solid #014099; background: url(//sumicarbide.com/wp-content/themes/sumitomo/images/back.png) right center no-repeat; background-size: 63% 100%; }
.menu-product-category-container { padding:0px 15px; }
.menu-product-category-container li { border-bottom:1px dashed #eee; padding:10px 0px; background:url(//sumicarbide.com/wp-content/themes/sumitomo/images/left-arrow-sumitomo.png) left 13px no-repeat; padding-left:15px; }
.menu-product-category-container ul li:last-child { border-bottom:0px; }
.menu-product-category-container a { font-size:15px; width:100%; }
@media only screen and (min-width:320px) and (max-width:640px) {
.term-23 .link-block__title {
position: inherit;
}
.term-23 .link-block {
position: inherit;
top: -80px;
}
}
@media only screen and (min-width:641px) and (max-width:1049px) {
.term-23 .link-block__title {
position: relative;
top: -81px;
}
.term-23 .link-block {
position: relative;
top: -80px;
}
} .custom_archive h2 { margin: 0; min-height: 56px; padding: 30px 0 5px; }
@media (max-width: 1024px) {
.page-title {
font-size: 30px;
}
}
@media (max-width: 1009px) {
.cat-item.odd {
margin-right: 46px;
}
.custom_archive li:nth-child(n) {
margin-right: 46px;
}
}
@media (max-width: 989px) {
.cat-item.odd {
margin-right: 45px;
}
.custom_archive li:nth-child(n) {
margin-right: 45px;
}
}
@media (max-width: 969px) {
.cat-item.odd {
margin-right: 44px;
}
.custom_archive li:nth-child(n) {
margin-right: 44px;
}
}
@media (max-width: 949px) {
.cat-item.odd {
margin-right: 43px;
}
.custom_archive li:nth-child(n) {
margin-right: 43px;
}
}
@media (max-width: 929px) {
.cat-item.odd {
margin-right: 42px;
}
.custom_archive li:nth-child(n) {
margin-right: 42px;
}
}
@media (max-width: 909px) {
.cat-item.odd {
margin-right: 41px;
}
.custom_archive li:nth-child(n) {
margin-right: 41px;
}
}
@media (max-width: 889px) {
.cat-item.odd {
margin-right: 40px;
}
.custom_archive li:nth-child(n) {
margin-right: 40px;
}
}
@media (max-width: 869px) {
.cat-item.odd {
margin-right: 39px;
}
.custom_archive li:nth-child(n) {
margin-right: 39px;
}
}
@media (max-width: 869px) {
.cat-item.odd {
margin-right: 38px;
}
.custom_archive li:nth-child(n) {
margin-right: 38px;
}
}
@media (max-width: 829px) {
.cat-item.odd {
margin-right: 37px;
}
.custom_archive li:nth-child(n) {
margin-right: 37px;
}
}
@media (max-width: 809px) {
.cat-item.odd {
margin-right: 36px;
}
.custom_archive li:nth-child(n) {
margin-right: 36px;
}
}
@media (max-width: 789px) {
.cat-item.odd {
margin-right: 35px;
}
.custom_archive li:nth-child(n) {
margin-right: 35px;
}
}
@media (max-width: 769px) {
.cat-item.odd {
margin-right: 34px;
}
.custom_archive li:nth-child(n) {
margin-right: 34px;
}
}
@media (max-width: 768px) {
.cat-item__caption__inner {
height: 50px;
}
.page-title {
font-size: 25px;
}
}
@media (max-width: 767px) {
.cat-item {
width: 100%;
}
.custom_archive li {
width: 100%;
}
#main-content {
padding: 0 10px;
}
.topic-path {
padding: 10px 0;
}
.page-title {
font-size: 20px;
}
}
@media (max-width: 695px) {
.cat-item__caption__inner {
height: 50px;
}
}
.header { background: rgba(0, 0, 0, 0) url(//sumicarbide.com/wp-content/themes/sumitomo/images/back.png) no-repeat scroll right center / 63% 100%; border-bottom: 5px solid #014099; }
.footer__copyright { background: rgba(0, 0, 0, 0) url(//sumicarbide.com/wp-content/themes/sumitomo/images/footer-back.png) no-repeat scroll left top / 60% auto; color: #000; display: block; font-size: 1rem; height:45px; padding: 25px 0; text-align: right; border-top: 2px solid #093b92; }
.footer-right { position: absolute; right: 0; width: 127px; bottom: 0px; }
.footer-right img { max-width: 100%; }
@media only screen and (max-width:1049px)
{
.global-nav__title
{
border:0 none;
}
.global-nav__title a, .global-nav__title__link.hover
{
color:#FFF;
}
.global-nav__link:link, .global-nav__link:visited, .global-nav__link.hover {
color:#014099;
}
.global-nav__link {
color: #014099;
}
}
@media only screen and (max-width:479px)
{
.header__logo {
margin: 15px 12px;
max-width: 33%;
}
} .product-sidebar {
width: 27%;
float: left;
margin-top: 35px;
}
.main {
float: right;
width: 70%;
}
@media only screen and (max-width: 768px) and (min-width: 320px)  {
.product-sidebar {
min-width: 100%;
}
.main {
min-width: 100%;
}
}
p {
margin: 0;
color: #000 !important;
}@-webkit-keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-webkit-keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@-webkit-keyframes fadeInUp { 0% {
opacity: 0;
-webkit-transform: translateY(20px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutUp { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(-20px);
}
}
@-webkit-keyframes fadeInDown { 0% {
opacity: 0;
-webkit-transform: translateY(-20px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutDown { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(20px);
}
}
@-webkit-keyframes fadeInRight { 0% {
opacity: 0;
-webkit-transform: translateX(20px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutLeft { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(-20px);
}
}
@-webkit-keyframes fadeInLeft { 0% {
opacity: 0;
-webkit-transform: translateX(-20px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutRight { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(20px);
}
}
@-webkit-keyframes fadeInUpBig { 0% {
opacity: 0;
-webkit-transform: translateY(2000px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutUpBig { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-webkit-keyframes fadeInDownBig { 0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
} 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes fadeOutDownBig { 0% {
opacity: 1;
-webkit-transform: translateY(0);
} 100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-webkit-keyframes fadeInRightBig { 0% {
opacity: 0;
-webkit-transform: translateX(2000px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-webkit-keyframes fadeInLeftBig { 0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
} 100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes fadeOutRightBig { 0% {
opacity: 1;
-webkit-transform: translateX(0);
} 100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-webkit-keyframes bounceIn { 0% {
opacity: 0;
-webkit-transform: scale(0.3);
} 50% {
opacity: 1;
-webkit-transform: scale(1.05);
} 70% {
-webkit-transform: scale(0.9);
} 100% {
-webkit-transform: scale(1);
}
}
@-webkit-keyframes bounceInDown { 0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
} 60% {
opacity: 1;
-webkit-transform: translateY(30px);
} 80% {
-webkit-transform: translateY(-10px);
} 100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes bounceInUp { 0% {
opacity: 0;
-webkit-transform: translateY(2000px);
} 60% {
opacity: 1;
-webkit-transform: translateY(-30px);
} 80% {
-webkit-transform: translateY(10px);
} 100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes bounceInRight { 0% {
opacity: 0;
-webkit-transform: translateX(2000px);
} 60% {
opacity: 1;
-webkit-transform: translateX(-30px);
} 80% {
-webkit-transform: translateX(10px);
} 100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes bounceInLeft { 0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
} 60% {
opacity: 1;
-webkit-transform: translateX(30px);
} 80% {
-webkit-transform: translateX(-10px);
} 100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes bounceOut { 0% {
-webkit-transform: scale(1);
} 25% {
-webkit-transform: scale(0.95);
} 50% {
opacity: 1;
-webkit-transform: scale(1.1);
} 100% {
opacity: 0;
-webkit-transform: scale(0.3);
}
}
@-webkit-keyframes bounceOutUp { 0% {
-webkit-transform: translateY(0);
} 20% {
opacity: 1;
-webkit-transform: translateY(20px);
} 100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
}
}
@-webkit-keyframes bounceOutDown { 0% {
-webkit-transform: translateY(0);
} 20% {
opacity: 1;
-webkit-transform: translateY(-20px);
} 100% {
opacity: 0;
-webkit-transform: translateY(2000px);
}
}
@-webkit-keyframes bounceOutLeft { 0% {
-webkit-transform: translateX(0);
} 20% {
opacity: 1;
-webkit-transform: translateX(20px);
} 100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
}
}
@-webkit-keyframes bounceOutRight { 0% {
-webkit-transform: translateX(0);
} 20% {
opacity: 1;
-webkit-transform: translateX(-20px);
} 100% {
opacity: 0;
-webkit-transform: translateX(2000px);
}
}
@-webkit-keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-webkit-keyframes bounce { 0% {
-webkit-transform: translateY(0);
} 20% {
-webkit-transform: translateY(0);
} 40% {
-webkit-transform: translateY(-30px);
} 50% {
-webkit-transform: translateY(0);
} 60% {
-webkit-transform: translateY(-15px);
} 80% {
-webkit-transform: translateY(0);
} 100% {
-webkit-transform: translateY(0);
}
}
@-webkit-keyframes shake { 0% {
-webkit-transform: translateX(0);
} 10% {
-webkit-transform: translateX(-10px);
} 20% {
-webkit-transform: translateX(10px);
} 30% {
-webkit-transform: translateX(-10px);
} 40% {
-webkit-transform: translateX(10px);
} 50% {
-webkit-transform: translateX(-10px);
} 60% {
-webkit-transform: translateX(10px);
} 70% {
-webkit-transform: translateX(-10px);
} 80% {
-webkit-transform: translateX(10px);
} 90% {
-webkit-transform: translateX(-10px);
} 100% {
-webkit-transform: translateX(0);
}
}
@-webkit-keyframes rotateInDownLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInUpLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInUpRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateInDownRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateOutDownLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpLeft { 0% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutDownRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateOutUpRight { 0% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: right bottom;
-webkit-transform: rotate(90deg);
opacity: 0;
}
}
@-webkit-keyframes rotateIn { 0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(-200deg);
opacity: 0;
} 100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
}
}
@-webkit-keyframes rotateOut { 0% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(0);
opacity: 1;
} 100% {
-webkit-transform-origin: center center;
-webkit-transform: rotate(200deg);
opacity: 0;
}
}
@-webkit-keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@-moz-keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@-ms-keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@keyframes hold { 0% {
width: 75px;
height: 75px;
margin-top: -44px;
margin-left: -44px;
} 100% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
}
}
@-webkit-keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@-moz-keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@-ms-keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@keyframes release { 0% {
width: 60px;
height: 60px;
margin-left: -36px;
margin-top: -36px;
} 100% {
width: 150px;
height: 150px;
margin-left: -81px;
margin-top: -81px;
}
}
@-webkit-keyframes showCircle { 0% {
opacity: 0.3;
-webkit-transform: scale(0.3);
} 95% {
opacity: 1;
-webkit-transform: scale(1.1);
} 100% {
opacity: 1;
-webkit-transform: scale(1);
}
}
@-moz-keyframes showCircle { 0% {
opacity: 0.3;
transform: scale(0.3);
} 95% {
opacity: 1;
transform: scale(1.1);
} 100% {
opacity: 1;
transform: scale(1);
}
}
@-ms-keyframes showCircle { 0% {
opacity: 0.3;
-ms-transform: scale(0.3);
} 95% {
opacity: 1;
-ms-transform: scale(1.1);
} 100% {
opacity: 1;
-ms-transform: scale(1);
}
}
@keyframes showCircle { 0% {
opacity: 0.3;
transform: scale(0.3);
} 95% {
opacity: 1;
transform: scale(1.1);
} 100% {
opacity: 1;
transform: scale(1);
}
}
@-webkit-keyframes closeCircle { 0% {
opacity: 1;
-webkit-transform: scale(1.1);
} 100% {
opacity: 0.3;
-webkit-transform: scale(0.3);
}
}
@-moz-keyframes closeCircle { 0% {
opacity: 1;
-moz-transfrom: scale(1.1);
} 100% {
opacity: 0.3;
-moz-transform: scale(0.3);
}
}
@-ms-keyframes closeCircle { 0% {
opacity: 1;
-ms-transfrom: scale(1.1);
} 100% {
opacity: 0.3;
-ms-transform: scale(0.3);
}
}
@keyframes closeCircle { 0% {
opacity: 1;
transfrom: scale(1.1);
} 100% {
opacity: 0.3;
transform: scale(0.3);
}
}
@-webkit-keyframes slideIn { 100% {
left: 0;
}
}
@-moz-keyframes slideIn { 100% {
left: 0;
}
}
@-ms-keyframes slideIn { 100% {
left: 0;
}
}
@keyframes slideIn { 100% {
left: 0;
}
}
@-webkit-keyframes slideOut { 100% {
left: -100%;
}
}
@-moz-keyframes slideOut { 100% {
left: -100%;
}
}
@-ms-keyframes slideOut { 100% {
left: -100%;
}
}
@keyframes slideOut { 100% {
left: -100%;
}
}
@-moz-keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-moz-keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@-moz-keyframes fadeInUp { 0% {
opacity: 0;
-moz-transform: translateY(20px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutUp { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(-20px);
}
}
@-moz-keyframes fadeInDown { 0% {
opacity: 0;
-moz-transform: translateY(-20px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutDown { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(20px);
}
}
@-moz-keyframes fadeInRight { 0% {
opacity: 0;
-moz-transform: translateX(20px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutLeft { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(-20px);
}
}
@-moz-keyframes fadeInLeft { 0% {
opacity: 0;
-moz-transform: translateX(-20px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutRight { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(20px);
}
}
@-moz-keyframes fadeInUpBig { 0% {
opacity: 0;
-moz-transform: translateY(2000px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutUpBig { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-moz-keyframes fadeInDownBig { 0% {
opacity: 0;
-moz-transform: translateY(-2000px);
} 100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@-moz-keyframes fadeOutDownBig { 0% {
opacity: 1;
-moz-transform: translateY(0);
} 100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-moz-keyframes fadeInRightBig { 0% {
opacity: 0;
-moz-transform: translateX(2000px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-moz-keyframes fadeInLeftBig { 0% {
opacity: 0;
-moz-transform: translateX(-2000px);
} 100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@-moz-keyframes fadeOutRightBig { 0% {
opacity: 1;
-moz-transform: translateX(0);
} 100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-moz-keyframes bounceIn { 0% {
opacity: 0;
-moz-transform: scale(0.3);
} 50% {
opacity: 1;
-moz-transform: scale(1.05);
} 70% {
-moz-transform: scale(0.9);
} 100% {
-moz-transform: scale(1);
}
}
@-moz-keyframes bounceInDown { 0% {
opacity: 0;
-moz-transform: translateY(-2000px);
} 60% {
opacity: 1;
-moz-transform: translateY(30px);
} 80% {
-moz-transform: translateY(-10px);
} 100% {
-moz-transform: translateY(0);
}
}
@-moz-keyframes bounceInUp { 0% {
opacity: 0;
-moz-transform: translateY(2000px);
} 60% {
opacity: 1;
-moz-transform: translateY(-30px);
} 80% {
-moz-transform: translateY(10px);
} 100% {
-moz-transform: translateY(0);
}
}
@-moz-keyframes bounceInRight { 0% {
opacity: 0;
-moz-transform: translateX(2000px);
} 60% {
opacity: 1;
-moz-transform: translateX(-30px);
} 80% {
-moz-transform: translateX(10px);
} 100% {
-moz-transform: translateX(0);
}
}
@-moz-keyframes bounceInLeft { 0% {
opacity: 0;
-moz-transform: translateX(-2000px);
} 60% {
opacity: 1;
-moz-transform: translateX(30px);
} 80% {
-moz-transform: translateX(-10px);
} 100% {
-moz-transform: translateX(0);
}
}
@-moz-keyframes bounceOut { 0% {
-moz-transform: scale(1);
} 25% {
-moz-transform: scale(0.95);
} 50% {
opacity: 1;
-moz-transform: scale(1.1);
} 100% {
opacity: 0;
-moz-transform: scale(0.3);
}
}
@-moz-keyframes bounceOutUp { 0% {
-moz-transform: translateY(0);
} 20% {
opacity: 1;
-moz-transform: translateY(20px);
} 100% {
opacity: 0;
-moz-transform: translateY(-2000px);
}
}
@-moz-keyframes bounceOutDown { 0% {
-moz-transform: translateY(0);
} 20% {
opacity: 1;
-moz-transform: translateY(-20px);
} 100% {
opacity: 0;
-moz-transform: translateY(2000px);
}
}
@-moz-keyframes bounceOutLeft { 0% {
-moz-transform: translateX(0);
} 20% {
opacity: 1;
-moz-transform: translateX(20px);
} 100% {
opacity: 0;
-moz-transform: translateX(-2000px);
}
}
@-moz-keyframes bounceOutRight { 0% {
-moz-transform: translateX(0);
} 20% {
opacity: 1;
-moz-transform: translateX(-20px);
} 100% {
opacity: 0;
-moz-transform: translateX(2000px);
}
}
@-moz-keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-moz-keyframes bounce { 0% {
-moz-transform: translateY(0);
} 20% {
-moz-transform: translateY(0);
} 40% {
-moz-transform: translateY(-30px);
} 50% {
-moz-transform: translateY(0);
} 60% {
-moz-transform: translateY(-15px);
} 80% {
-moz-transform: translateY(0);
} 100% {
-moz-transform: translateY(0);
}
}
@-moz-keyframes shake { 0% {
-moz-transform: translateX(0);
} 10% {
-moz-transform: translateX(-10px);
} 20% {
-moz-transform: translateX(10px);
} 30% {
-moz-transform: translateX(-10px);
} 40% {
-moz-transform: translateX(10px);
} 50% {
-moz-transform: translateX(-10px);
} 60% {
-moz-transform: translateX(10px);
} 70% {
-moz-transform: translateX(-10px);
} 80% {
-moz-transform: translateX(10px);
} 90% {
-moz-transform: translateX(-10px);
} 100% {
-moz-transform: translateX(0);
}
}
@-moz-keyframes rotateInDownLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInUpRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateInDownRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateOutDownLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpLeft { 0% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: left bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutDownRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(-90deg);
opacity: 0;
}
}
@-moz-keyframes rotateOutUpRight { 0% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: right bottom;
-moz-transform: rotate(90deg);
opacity: 0;
}
}
@-moz-keyframes rotateIn { 0% {
-moz-transform-origin: center center;
-moz-transform: rotate(-200deg);
opacity: 0;
} 100% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
}
}
@-moz-keyframes rotateOut { 0% {
-moz-transform-origin: center center;
-moz-transform: rotate(0);
opacity: 1;
} 100% {
-moz-transform-origin: center center;
-moz-transform: rotate(200deg);
opacity: 0;
}
}
@-moz-keyframes tada { 0% {
-moz-transform: scale(1);
} 10% {
-moz-transform: scale(0.9) rotate(-3deg);
} 20% {
-moz-transform: scale(0.9) rotate(-3deg);
} 30% {
-moz-transform: scale(1.1) rotate(3deg);
} 40% {
-moz-transform: scale(1.1) rotate(-3deg);
} 50% {
-moz-transform: scale(1.1) rotate(3deg);
} 60% {
-moz-transform: scale(1.1) rotate(-3deg);
} 70% {
-moz-transform: scale(1.1) rotate(3deg);
} 80% {
-moz-transform: scale(1.1) rotate(-3deg);
} 90% {
-moz-transform: scale(1.1) rotate(3deg);
} 100% {
-moz-transform: scale(1) rotate(0);
}
}
@-ms-keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-ms-keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@-ms-keyframes fadeInUp { 0% {
opacity: 0;
-ms-transform: translateY(20px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutUp { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(-20px);
}
}
@-ms-keyframes fadeInDown { 0% {
opacity: 0;
-ms-transform: translateY(-20px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutDown { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(20px);
}
}
@-ms-keyframes fadeInRight { 0% {
opacity: 0;
-ms-transform: translateX(20px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutLeft { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(-20px);
}
}
@-ms-keyframes fadeInLeft { 0% {
opacity: 0;
-ms-transform: translateX(-20px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutRight { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(20px);
}
}
@-ms-keyframes fadeInUpBig { 0% {
opacity: 0;
-ms-transform: translateY(2000px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutUpBig { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
}
@-ms-keyframes fadeInDownBig { 0% {
opacity: 0;
-ms-transform: translateY(-2000px);
} 100% {
opacity: 1;
-ms-transform: translateY(0);
}
}
@-ms-keyframes fadeOutDownBig { 0% {
opacity: 1;
-ms-transform: translateY(0);
} 100% {
opacity: 0;
-ms-transform: translateY(2000px);
}
}
@-ms-keyframes fadeInRightBig { 0% {
opacity: 0;
-ms-transform: translateX(2000px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutLeftBig { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
}
@-ms-keyframes fadeInLeftBig { 0% {
opacity: 0;
-ms-transform: translateX(-2000px);
} 100% {
opacity: 1;
-ms-transform: translateX(0);
}
}
@-ms-keyframes fadeOutRightBig { 0% {
opacity: 1;
-ms-transform: translateX(0);
} 100% {
opacity: 0;
-ms-transform: translateX(2000px);
}
}
@-ms-keyframes bounceIn { 0% {
opacity: 0;
-ms-transform: scale(0.3);
} 50% {
opacity: 1;
-ms-transform: scale(1.05);
} 70% {
-ms-transform: scale(0.9);
} 100% {
-ms-transform: scale(1);
}
}
@-ms-keyframes bounceInDown { 0% {
opacity: 0;
-ms-transform: translateY(-2000px);
} 60% {
opacity: 1;
-ms-transform: translateY(30px);
} 80% {
-ms-transform: translateY(-10px);
} 100% {
-ms-transform: translateY(0);
}
}
@-ms-keyframes bounceInUp { 0% {
opacity: 0;
-ms-transform: translateY(2000px);
} 60% {
opacity: 1;
-ms-transform: translateY(-30px);
} 80% {
-ms-transform: translateY(10px);
} 100% {
-ms-transform: translateY(0);
}
}
@-ms-keyframes bounceInRight { 0% {
opacity: 0;
-ms-transform: translateX(2000px);
} 60% {
opacity: 1;
-ms-transform: translateX(-30px);
} 80% {
-ms-transform: translateX(10px);
} 100% {
-ms-transform: translateX(0);
}
}
@-ms-keyframes bounceInLeft { 0% {
opacity: 0;
-ms-transform: translateX(-2000px);
} 60% {
opacity: 1;
-ms-transform: translateX(30px);
} 80% {
-ms-transform: translateX(-10px);
} 100% {
-ms-transform: translateX(0);
}
}
@-ms-keyframes bounceOut { 0% {
-ms-transform: scale(1);
} 25% {
-ms-transform: scale(0.95);
} 50% {
opacity: 1;
-ms-transform: scale(1.1);
} 100% {
opacity: 0;
-ms-transform: scale(0.3);
}
}
@-ms-keyframes bounceOutUp { 0% {
-ms-transform: translateY(0);
} 20% {
opacity: 1;
-ms-transform: translateY(20px);
} 100% {
opacity: 0;
-ms-transform: translateY(-2000px);
}
}
@-ms-keyframes bounceOutDown { 0% {
-ms-transform: translateY(0);
} 20% {
opacity: 1;
-ms-transform: translateY(-20px);
} 100% {
opacity: 0;
-ms-transform: translateY(2000px);
}
}
@-ms-keyframes bounceOutLeft { 0% {
-ms-transform: translateX(0);
} 20% {
opacity: 1;
-ms-transform: translateX(20px);
} 100% {
opacity: 0;
-ms-transform: translateX(-2000px);
}
}
@-ms-keyframes bounceOutRight { 0% {
-ms-transform: translateX(0);
} 20% {
opacity: 1;
-ms-transform: translateX(-20px);
} 100% {
opacity: 0;
-ms-transform: translateX(2000px);
}
}
@-ms-keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@-ms-keyframes bounce { 0% {
-ms-transform: translateY(0);
} 20% {
-ms-transform: translateY(0);
} 40% {
-ms-transform: translateY(-30px);
} 50% {
-ms-transform: translateY(0);
} 60% {
-ms-transform: translateY(-15px);
} 80% {
-ms-transform: translateY(0);
} 100% {
-ms-transform: translateY(0);
}
}
@-ms-keyframes shake { 0% {
-ms-transform: translateX(0);
} 10% {
-ms-transform: translateX(-10px);
} 20% {
-ms-transform: translateX(10px);
} 30% {
-ms-transform: translateX(-10px);
} 40% {
-ms-transform: translateX(10px);
} 50% {
-ms-transform: translateX(-10px);
} 60% {
-ms-transform: translateX(10px);
} 70% {
-ms-transform: translateX(-10px);
} 80% {
-ms-transform: translateX(10px);
} 90% {
-ms-transform: translateX(-10px);
} 100% {
-ms-transform: translateX(0);
}
}
@-ms-keyframes rotateInDownLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInUpLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(90deg);
opacity: 0;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInUpRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateInDownRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(90deg);
opacity: 0;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateOutDownLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutUpLeft { 0% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: left bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutDownRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(-90deg);
opacity: 0;
}
}
@-ms-keyframes rotateOutUpRight { 0% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: right bottom;
-ms-transform: rotate(90deg);
opacity: 0;
}
}
@-ms-keyframes rotateIn { 0% {
-ms-transform-origin: center center;
-ms-transform: rotate(-200deg);
opacity: 0;
} 100% {
-ms-transform-origin: center center;
-ms-transform: rotate(0);
opacity: 1;
}
}
@-ms-keyframes rotateOut { 0% {
-ms-transform-origin: center center;
-ms-transform: rotate(0);
opacity: 1;
} 100% {
-ms-transform-origin: center center;
-ms-transform: rotate(200deg);
opacity: 0;
}
}
@-ms-keyframes tada { 0% {
-ms-transform: scale(1);
} 10% {
-ms-transform: scale(0.9) rotate(-3deg);
} 20% {
-ms-transform: scale(0.9) rotate(-3deg);
} 30% {
-ms-transform: scale(1.1) rotate(3deg);
} 40% {
-ms-transform: scale(1.1) rotate(-3deg);
} 50% {
-ms-transform: scale(1.1) rotate(3deg);
} 60% {
-ms-transform: scale(1.1) rotate(-3deg);
} 70% {
-ms-transform: scale(1.1) rotate(3deg);
} 80% {
-ms-transform: scale(1.1) rotate(-3deg);
} 90% {
-ms-transform: scale(1.1) rotate(3deg);
} 100% {
-ms-transform: scale(1) rotate(0);
}
}
@keyframes fadeIn { 0% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@keyframes fadeOut { 0% {
opacity: 1;
} 100% {
opacity: 0;
}
}
@keyframes fadeInUp { 0% {
opacity: 0;
transform: translateY(20px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutUp { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(-20px);
}
}
@keyframes fadeInDown { 0% {
opacity: 0;
transform: translateY(-20px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutDown { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(20px);
}
}
@keyframes fadeInRight { 0% {
opacity: 0;
transform: translateX(20px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutLeft { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(-20px);
}
}
@keyframes fadeInLeft { 0% {
opacity: 0;
transform: translateX(-20px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutRight { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(20px);
}
}
@keyframes fadeInUpBig { 0% {
opacity: 0;
transform: translateY(2000px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutUpBig { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@keyframes fadeInDownBig { 0% {
opacity: 0;
transform: translateY(-2000px);
} 100% {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeOutDownBig { 0% {
opacity: 1;
transform: translateY(0);
} 100% {
opacity: 0;
transform: translateY(2000px);
}
}
@keyframes fadeInRightBig { 0% {
opacity: 0;
transform: translateX(2000px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutLeftBig { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@keyframes fadeInLeftBig { 0% {
opacity: 0;
transform: translateX(-2000px);
} 100% {
opacity: 1;
transform: translateX(0);
}
}
@keyframes fadeOutRightBig { 0% {
opacity: 1;
transform: translateX(0);
} 100% {
opacity: 0;
transform: translateX(2000px);
}
}
@keyframes bounceIn { 0% {
opacity: 0;
transform: scale(0.3);
} 50% {
opacity: 1;
transform: scale(1.05);
} 70% {
transform: scale(0.9);
} 100% {
transform: scale(1);
}
}
@keyframes bounceInDown { 0% {
opacity: 0;
transform: translateY(-2000px);
} 60% {
opacity: 1;
transform: translateY(30px);
} 80% {
transform: translateY(-10px);
} 100% {
transform: translateY(0);
}
}
@keyframes bounceInUp { 0% {
opacity: 0;
transform: translateY(2000px);
} 60% {
opacity: 1;
transform: translateY(-30px);
} 80% {
transform: translateY(10px);
} 100% {
transform: translateY(0);
}
}
@keyframes bounceInRight { 0% {
opacity: 0;
transform: translateX(2000px);
} 60% {
opacity: 1;
transform: translateX(-30px);
} 80% {
transform: translateX(10px);
} 100% {
transform: translateX(0);
}
}
@keyframes bounceInLeft { 0% {
opacity: 0;
transform: translateX(-2000px);
} 60% {
opacity: 1;
transform: translateX(30px);
} 80% {
transform: translateX(-10px);
} 100% {
transform: translateX(0);
}
}
@keyframes bounceOut { 0% {
transform: scale(1);
} 25% {
transform: scale(0.95);
} 50% {
opacity: 1;
transform: scale(1.1);
} 100% {
opacity: 0;
transform: scale(0.3);
}
}
@keyframes bounceOutUp { 0% {
transform: translateY(0);
} 20% {
opacity: 1;
transform: translateY(20px);
} 100% {
opacity: 0;
transform: translateY(-2000px);
}
}
@keyframes bounceOutDown { 0% {
transform: translateY(0);
} 20% {
opacity: 1;
transform: translateY(-20px);
} 100% {
opacity: 0;
transform: translateY(2000px);
}
}
@keyframes bounceOutLeft { 0% {
transform: translateX(0);
} 20% {
opacity: 1;
transform: translateX(20px);
} 100% {
opacity: 0;
transform: translateX(-2000px);
}
}
@keyframes bounceOutRight { 0% {
transform: translateX(0);
} 20% {
opacity: 1;
transform: translateX(-20px);
} 100% {
opacity: 0;
transform: translateX(2000px);
}
}
@keyframes flash { 0% {
opacity: 1;
} 25% {
opacity: 0;
} 50% {
opacity: 1;
} 75% {
opacity: 0;
} 100% {
opacity: 1;
}
}
@keyframes bounce { 0% {
transform: translateY(0);
} 20% {
transform: translateY(0);
} 40% {
transform: translateY(-30px);
} 50% {
transform: translateY(0);
} 60% {
transform: translateY(-15px);
} 80% {
transform: translateY(0);
} 100% {
transform: translateY(0);
}
}
@keyframes shake { 0% {
transform: translateX(0);
} 10% {
transform: translateX(-10px);
} 20% {
transform: translateX(10px);
} 30% {
transform: translateX(-10px);
} 40% {
transform: translateX(10px);
} 50% {
transform: translateX(-10px);
} 60% {
transform: translateX(10px);
} 70% {
transform: translateX(-10px);
} 80% {
transform: translateX(10px);
} 90% {
transform: translateX(-10px);
} 100% {
transform: translateX(0);
}
}
@keyframes rotateInDownLeft { 0% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
} 100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpLeft { 0% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
} 100% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInUpRight { 0% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
} 100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateInDownRight { 0% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
} 100% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateOutDownLeft { 0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: left bottom;
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft { 0% {
transform-origin: left bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: left bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight { 0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: right bottom;
transform: rotate(-90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight { 0% {
transform-origin: right bottom;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: right bottom;
transform: rotate(90deg);
opacity: 0;
}
}
@keyframes rotateIn { 0% {
transform-origin: center center;
transform: rotate(-200deg);
opacity: 0;
} 100% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
}
}
@keyframes rotateOut { 0% {
transform-origin: center center;
transform: rotate(0);
opacity: 1;
} 100% {
transform-origin: center center;
transform: rotate(200deg);
opacity: 0;
}
}
@keyframes tada { 0% {
transform: scale(1);
} 10% {
transform: scale(0.9) rotate(-3deg);
} 20% {
transform: scale(0.9) rotate(-3deg);
} 30% {
transform: scale(1.1) rotate(3deg);
} 40% {
transform: scale(1.1) rotate(-3deg);
} 50% {
transform: scale(1.1) rotate(3deg);
} 60% {
transform: scale(1.1) rotate(-3deg);
} 70% {
transform: scale(1.1) rotate(3deg);
} 80% {
transform: scale(1.1) rotate(-3deg);
} 90% {
transform: scale(1.1) rotate(3deg);
} 100% {
transform: scale(1) rotate(0);
}
}  .form__group, .form__button {
*zoom: 1;
} .form__group:before, .form__button:before {
content: " ";
display: table;
} .form__group:after, .form__button:after {
content: " ";
display: table;
clear: both;
}   label {
cursor: pointer;
} input[type="radio"] {
vertical-align: middle;
position: relative;
top: -1px;
margin-left: 5px;
margin-right: 3px;
} .alert {
color: red;
} .form {
border-top: 1px dashed #ddd;
} .form__group {
clear: left;
padding: 10px 0;
border-bottom: 1px dashed #ddd;
} .form__group--inline {
display: inline-block;
margin-right: 10px;
} .form--error {
color: red;
font-size: 13px;
font-size: 1.3rem;
} .form__label {
font-weight: bold;
font-size: 13px;
font-size: 1.3rem;
margin: 5px 0;
} .form__label--inline {
display: inline-block;
font-size: 13px;
font-size: 1.3rem;
margin: 5px 0;
} .form__label--disabled {
color: #ccc;
} .form__input {
width: 85%;
font-size: 15px;
font-size: 1.5rem;
} .form__input input {
width: 90%;
padding: 5px;
} .form__input textarea {
width: 100%;
} .form__input input, .form__input textarea {
border: 1px solid #ccc;
border-radius: 0;
-webkit-appearance: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;width: 100%;
} .form__input__address {
min-height: 40px;
line-height: 1.5;
} .form__input__comments {
min-height: 150px;
line-height: 1.5;
} .form__input--inline {
display: inline-block;
font-size: 13px;
font-size: 1.3rem;
} .form__button {
margin-top: 25px;
text-align: center;
} .form__submit {
width: 100%;
text-align: center;
background: #fff;
border: 1px solid #cccccc;
padding: 15px 0;
font-size: 15px;
font-size: 1.5rem;
border-radius: 0;
font-weight: bold;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png) no-repeat 95% 50%;
} .form__submit.hover {
background-color: #eaf6fd;
color: #333333;
} .form__submit:active {
outline: none;
} .form__submit.half {
width: 48%;
display: inline-block;
} .form__submit.left {
float: left;
} .form__submit.right {
float: right;
} .form__submit--back {
padding-right: 0;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small-left.png) no-repeat 5% 50%;
} .contactus-index__pp {
border: 1px solid #ddd;
padding: 20px;
} .contactus-index__pp ul {
padding-left: 2em;
margin-bottom: 1em;
} .contactus-index__pp li {
list-style: disc;
margin-top: 1em;
} .contactus-index__pp li ul li {
font-size: 12px;
font-size: 1.2rem;
} .contactus-index .form {
border-top: none;
}
@media (min-width: 641px) { .form {
border-top: 1px dashed #ddd;
} .form--error {
font-size: 14px;
font-size: 1.4rem;
} .form__group {
padding: 15px 0;
} .form__label {
float: left;
width: 25%;
margin-right: 5%;
padding-left: 2%;
font-size: 15px;
font-size: 1.5rem;
} .form__label--inline {
font-size: 15px;
font-size: 1.5rem;
} .form__input {
width: 65%;
float: left;
font-size: 17px;
font-size: 1.7rem;
line-height: 38px;
} .form__input input, .form__input textarea {
padding: 8px;
font-size: 15px;
font-size: 1.5rem;
} .form__input [type="radio"] {
font-size: 15px;
font-size: 1.5rem;
} .form__input__comments {
line-height: 1.5;
} .form__button {
width: 80%;
margin-left: auto;
margin-right: auto;
} .form__submit {
width: auto;
margin-left: auto;
margin-right: auto;
padding: 15px 0;
font-size: 18px;
font-size: 1.8rem;
color: #395aa6 !important;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-gray.png) no-repeat 100% 50%;
} .form__submit.center {
font-size: 17px;
padding: 16px;
width: 100%;
} .form__submit.half {
width: 35%;
display: inline-block;
} .form__submit--back {
padding-right: 0;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-gray-left.png) no-repeat 0% 50%;
}
}
@media (min-width: 1050px) { .form__label {
font-weight: normal;
} .form__input input, .form__input textarea {
padding: 5px;width: 100%;
}
}
   .aboutus-nav__list {
*zoom: 1;
} .aboutus-nav__list:before {
content: " ";
display: table;
} .aboutus-nav__list:after {
content: " ";
display: table;
clear: both;
}    .aboutus__header {
margin-bottom: 15px;
padding: 10px 0;
background-color: #014099;
} .aboutus__header__title {
font-size: 13px;
font-size: 1.3rem;
margin: 0;
color: #fff;
text-align: center;
font-weight: bold;
} .aboutus__header__title small {
font-weight: normal;
} .aboutus .planning-and-sales-department {
padding-bottom: 24px;
}
@media (min-width: 641px) { .aboutus__header {
padding: 15px 0;
} .aboutus__header__title {
font-size: 18px;
font-size: 1.8rem;
} .aboutus .planning-and-sales-department {
padding-bottom: 30px;
}
} .section__aboutlist__honsha__body {
margin-bottom: 0px;
} .section__aboutlist__mapbtn {
padding-top: 10px;
} .section__aboutlist dt {
float: none;
margin-top: 0;
margin-bottom: 0px;
width: auto;
font-weight: bold;
} .section__aboutlist dd {
margin-bottom: 10px;
padding: 10px 0 10px 0;
border-bottom: 1px #CCCCCC dashed;
line-height: 150%;
} .section__imagebig {
margin: 0 0 15px 0;
} .section__colum2 {
margin-bottom: 40px;
width: 48%;
} .test-cutimg .section__colum2 {
margin-bottom: 20px !important;
} .fclear .section__colum2 {
width: 100%;
} .section__colum2.left {
float: left;
} .section__colum2.right {
float: right;
} .section__colum2 p.caption {
margin-bottom: 0px;
text-align: center;
} .section__colum2 h2 {
margin-top: 0;
} .section__content2 {
overflow: hidden;
*zoom: 1;
} .section__content2.last {
margin-bottom: 0;
} .section .read {
font-size: 17px;
font-size: 1.7rem;
margin-bottom: 30px; font-weight:bold;
} .section .section-title-nb {
font-size: 17px;
font-size: 1.7rem;
} .section .gizyutudata {
overflow: hidden;
*zoom: 1;
} .section .gizyutudata__txt {
float: none;
width: 100%;
} .section .gizyutudata__img {
float: none;
margin: 0 auto;
width: 40%;
text-align: center;
} .section.test-cutimg {
margin-bottom: 20px !important;
} .section.sales-world .section-title2 + .network-set {
padding-top: 20px;
border-top: 1px dashed #999999;
} .section .knowledge-table__cap {
margin-top: 10px;
border-top: 1px dashed #999999;
} .colum-pctab .section__colum2 {
width: 100%;
} .colum-pctab .section__colum2.left {
float: none;
} .colum-pctab .section__colum2.right {
float: none;
} .btn-n {
font-size: 15px;
font-size: 1.5rem; display: inline-block; padding: 10px 30px 10px 20px;
border: 1px solid #cccccc;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png) no-repeat 95% 50%;
vertical-align: middle;
} .btn-n.hover {
background-color: #eaf6fd;
color: #333333;
} .btn-n.blank {
padding-right: 60px;
background-image: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png), url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/ico_blank.png);
background-position: 95% 50%, 80% 50%;
background-repeat: no-repeat, no-repeat; -pie-background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png) no-repeat 95% 50%, url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/ico_blank.png) no-repeat 80% 50%;
behavior: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/components/PIE.htc);
*position: relative;
} .icon-character {
margin-right: 6px;
width: 40px;
height: 40px;
} .icon-pdf,
.icon-cad {
margin-right: 8px;
margin-left: 13px;
width: 27px;
height: 27px;
} .pdf-item {
overflow: hidden;
*zoom: 1;
margin-bottom: 25px;
} .pdf-item__title {
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 10px;
padding: 10px;
background: #666666;
color: #ffffff;
text-align: right;
} .pdf-item__image {
float: left;
width: 30%;
} .pdf-item__detail {
float: right;
width: 65%;
} .pdf-item__description {
font-size: 13px;
font-size: 1.3rem;
} .pdf-item__name {
font-size: 15px;
font-size: 1.5rem;
margin-bottom: 10px;
font-weight: bold;
} .pdf-item__link {
font-size: 13px;
font-size: 1.3rem;
display: block;
padding: 10px 50px 10px 20px;
border: 1px solid #cccccc;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png) no-repeat 95% 50%; vertical-align: middle;
line-height: 27px;
} .pdf-item__link.hover {
background-color: #eaf6fd;
color: #333333;
} .aboutus-nav {
margin-bottom: 10px;
width: 100%;
} .aboutus-nav__list {
margin-left: -10px;
} .aboutus-nav__item {
display: inline-block;
margin-bottom: 8px;
margin-left: 10px;
} .aboutus-nav__link {
font-size: 13px;
font-size: 1.3rem;
display: inline-block;
padding: 12px;
border: 1px solid #cccccc;
text-align: center;
font-weight: bold;
} .aboutus-nav__link.hover, .aboutus-nav__link.active {
background: #eaf6fd;
color: #333333;
} .aboutus-nav__link:visited {
text-decoration: none;
} .network-set {
overflow: hidden;
*zoom: 1;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #999999;
} .network-set__main__title {
font-size: 15px;
font-size: 1.5rem;
margin-top: 0; font-weight:bold;
} .network-set__btns {
margin-top: 10px;
} .network-set p {
margin-bottom: 10px;
} .locations-set {
overflow: hidden;
*zoom: 1;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px dashed #999999;
} .locations-set__main__title {
overflow: hidden;
*zoom: 1;
font-size: 15px;
font-size: 1.5rem;
margin-top: 0;
} .locations-set__main__title img {
float: left;
padding-right: 5px;
width: 20px;
height: 20px;
} .locations-set__main .mapapp {
margin-bottom: 20px;
} .locations-set p {
margin-bottom: 10px !important;
} .locations-set .btn-n {
margin-top: 10px;
} .message-set__name {
padding-top: 20px;
text-align: right;
} .message-set h1 {
margin-bottom: 30px;
} .principle-set__title {
margin-top: 0;
margin-bottom: 20px;
} .principle-set__title__tablet {
display: none;
} .principle-set__title__pc {
display: none;
} .principle-set__img {
margin: 0;
} .principle-set__list li {
margin-bottom: 1em;
padding: 0 0 0 30px;
background: url(//sumicarbide.com/en/aboutus/assets/images/img-principle-ic.gif) no-repeat top left;
background-size: 22px 22px;
} .development-set__read {
margin-bottom: 50px !important;
} .links-set__list__btn {
float: none;
width: auto;
} .links-set__list dt {
margin-bottom: 1em;
font-weight: bold;
} .links-set__list dd {
overflow: hidden;
*zoom: 1;
margin-bottom: 2em;
padding-bottom: 15px;
border-bottom: 1px dashed #999999;
} .links-set__list dd p {
float: none;
width: auto;
} .accordion {
margin-bottom: 0px;
margin-bottom: -1px;
} .accordion__set {
padding: 17px 12px  0px 12px;
border: 6px solid #EEEEEE;
} .accordion .section-title {
margin: 0;
padding: 15px 20px 20px 20px;
border: 1px solid #cccccc;
color: #014099;
} .accordion .section-title .product-icon {
top: 4px;
} .accordion .network-set:last-child {
margin-bottom: 0;
border-bottom: none;
} .btn__u {
padding-right: 40px;
background: url(//sumicarbide.com/en/products/assets/images/arrow-gray_u.png) no-repeat 95% 50%;
} .btn__u:hover {
background-color: #eaf6fd;
color: #333333;
cursor: pointer;
} .open_a .btn__u {
background: url(//sumicarbide.com/en/products/assets/images/arrow-gray_t.png) no-repeat 95% 50%;
} .btn__u span {
margin-left: 10px;
} .title-sub {
font-size: 15px;
font-size: 1.5rem;
clear: both;
margin-bottom: 20px;
padding: 10px;
background-color: #9C9797;
color: #FFFFFF;
} .section-title2 {
font-size: 17px;
font-size: 1.7rem;
margin: 0 0 15px 0;
padding-left: 13px;
border-left: 6px solid #014099;
} .world-contact {
margin-top: 30px;
} .world-contact__box {
padding: 20px;
border: 1px solid #cccccc;
} .world-contact__box__title {
font-size: 14px;
font-size: 1.4rem;
margin-top: 0;
font-weight: bold;
} .world-contact__box__tel {
overflow: hidden;
*zoom: 1;
} .world-contact__box__tel__icon {
font-size: 12px;
font-size: 1.2rem;
float: left;
margin-top: 5px;
padding: 5px;
background-color: #B7B7B7;
color: #FFFFFF;
text-align: center;
} .world-contact__box__tel__num {
font-size: 24px;
font-size: 2.4rem;
display: block;
overflow: hidden;
padding-left: 10px;
color: #014099;
text-align: center;
font-weight: bold;
} .world-contact__box__tel__num__txt {
font-size: 12px;
font-size: 1.2rem;
display: block;
color: #8F8888;
} .history-slide {
padding: 20px 0px;
} .history-slide__list__item {
padding: 0px 25px;
} .btn-wrap-cb .btn__wrapper {
margin-bottom: 10px;
} .worldmap {
position: relative;
} .worldmap__btn {
display: none;
}
@media (min-width: 641px) { .icon-character {
margin-right: 10px;
} .hidden-aboutus-tablet {
display: none;
} .section__aboutlist__honsha__body {
float: left;
margin-bottom: 0px;
width: 80%;
} .section__aboutlist__mapbtn {
float: right;
padding-top: 0;
} .section__aboutlist dt {
float: left;
margin-bottom: 0px;
padding: 20px 0;
width: 9em;
font-weight: bold;
font-weight: bold;
line-height: 150%;
} .section__aboutlist dd {
margin-bottom: 0px;
padding: 20px 0 20px 9em;
line-height: 150%;
} .section__imagebig {
margin: 0 0 15px 0;
} .colum-pctab .section__colum2 {
margin-bottom: 40px;
width: 48%;
} .fclear .colum-pctab .section__colum2 {
width: 100%;
} .colum-pctab .section__colum2.left {
float: left;
} .colum-pctab .section__colum2.right {
float: right;
} .colum-pctab .section__colum2 p {
margin-bottom: 0;
} .colum-pctab .section__colum2 p.caption {
margin-bottom: 0px;
text-align: center;
} .colum-pctab .section__colum2 h2 {
margin-top: 0;
} .colum-pctab .section__colum2 img {
margin-bottom: 15px;
} .colum-pctab .section__content2 {
overflow: hidden;
*zoom: 1;
} .colum-pctab .section__content2.last {
margin-bottom: 0;
} .section .read {
font-size: 25px;
font-size: 2.5rem; font-weight:bold;
} .section .section-title-nb {
font-size: 22px;
font-size: 2.2rem;
} .section .gizyutudata {
overflow: hidden;
*zoom: 1;
} .section .gizyutudata__txt {
float: left;
width: 65%;
} .section .gizyutudata__img {
float: right;
width: 30%;
} .section .knowledge-table__cap {
margin-top: 10px;
border-top: none;
text-align: right;
} .pdf__links {
margin-top: 30px;
padding-top: 10px;
border-top: 1px dashed #999999;
} .pdf-item {
width: auto;
} .pdf-item__title {
font-size: 15px;
font-size: 1.5rem;
margin-bottom: 15px;
} .pdf-item__name {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 20px;
} .pdf-item__link {
font-size: 18px;
font-size: 1.8rem;
display: inline-block;
} .pdf-item.odd {
float: left;
clear: left;
} .pdf-item.even {
float: right;
} .btn-n {
font-size: 18px;
font-size: 1.8rem;
display: inline-block;
} .aboutus-nav__link {
font-size: 17px;
font-size: 1.7rem;
} .network-set__main {
width: 100%;
} .network-set__main__title {
font-size: 18px;
font-size: 1.8rem; font-weight:bold;
} .network-set__main.btn-in {
float: left;
width: 60%;
} .network-set__main p {
margin-bottom: 0 !important;
} .network-set__btns {
float: right;
margin-top: 0;
} .locations-set__main {
float: left;
width: 60%;
} .locations-set__main__title {
font-size: 18px;
font-size: 1.8rem;
vertical-align: middle;
line-height: 18px;
} .locations-set__main__title img {
width: 20px;
height: 20px;
vertical-align: middle;
} .locations-set__main p {
margin-bottom: 0 !important;
} .locations-set__btns {
float: right;
width: 30%;
} .principle-set__title {
display: none;
} .principle-set__title__pc {
display: block;
margin-bottom: 6px;
} .principle-set__img {
display: none;
} .links-set__list__btn {
float: right;
width: 24%;
text-align: right;
} .links-set__list dd p {
float: left;
width: 70%;
} .world-contact {
margin-top: 30px;
} .world-contact__box {
overflow: hidden;
*zoom: 1;
} .world-contact__box__tel {
float: left;
width: 48%;
} .world-contact__box__tel__icon {
font-size: 12px;
font-size: 1.2rem;
float: left;
margin-top: 5px;
padding: 5px;
} .world-contact__box__tel__num {
font-size: 24px;
font-size: 2.4rem;
display: block;
overflow: hidden;
padding-left: 10px;
text-align: left;
} .world-contact__box__tel__num__txt {
font-size: 12px;
font-size: 1.2rem;
display: inline;
padding-left: 20px;
color: #8F8888;
} .world-contact__box h2 {
font-size: 16px;
font-size: 1.6rem;
} .brands-history__mainimg {
margin-bottom: 20px;
} .brands-history__section img {
margin-bottom: 20px;
} .history-slide {
padding: 20px 60px;
border: 1px solid #dddddd;
} .history-slide__list__item {
padding: 0px 30px;
} .btn-wrap-cb {
text-align: center;
} .btn-wrap-cb .btn__wrapper {
display: inline-block;
margin: 0 auto 0 auto;
padding-left: 10px;
}
}
@media (min-width: 1050px) { .aboutus-nav__list {
margin-left: -10px;
} .aboutus-nav__item {
margin-bottom: 8px;
margin-left: 10px;
} .aboutus-nav__link {
font-size: 17px;
font-size: 1.7rem;
} .network-set__main__tel {
display: inline-block;
padding-right: 20px;
} .network-set__btns .mapapp {
display: none;
} .locations-set__main__tel {
display: inline-block;
padding-right: 20px;
} .locations-set__main .mapapp {
display: none;
} .locations-set__btns .mapapp {
display: none;
} .principle-set__title {
display: none;
} .principle-set__title__pc {
display: block;
margin-bottom: 6px;
} .principle-set__img {
display: none;
} .network-set__main {
width: 100%;
} .network-set__main__title {
margin-top: 0; font-weight:bold;
} .network-set__main.btn-in {
float: left;
width: 70%;
} .locations-set__main {
width: 70%;
} .locations-set__main__title {
margin-top: 0;
} .worldmap {
position: relative;
} .worldmap__btn {
font-size: 13px;
font-size: 1.3rem;
display: block;
padding: 10px 20px;
height: auto;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png) no-repeat 95% 50%;
background-color: #FFFFFF;
background-image: none;
} .worldmap #btn__europa {
position: absolute;
top: 50px;
left: 30px;
width: 5em;
} .worldmap #btn__asia {
position: absolute;
top: 90px;
left: 200px;
width: 5em;
} .worldmap #btn__america {
position: absolute;
top: 80px;
left: 450px;
width: 5em;
}
} .table-no2 {
width: 100%;
border-collapse: collapse;
} .table-no2 td, .table-no2 th {
font-size: 13px;
font-size: 1.3rem;
padding: 10px;
border: 1px solid #ccc;
text-align: left;
} .table-no2 td.center, .table-no2 th.center {
text-align: center;
} .table-no2 th {
font-weight: bold;
} .table-no2 thead th {
background: #EDEAE3;
text-align: center;
} .table-no2 .nanido {
display: block;
color: #F37D17 !important;
text-align: center;
}
@media (max-width: 640px) { .table-no2 {
display: block;
} .table-no2 thead {
display: none;
} .table-no2 td.center, .table-no2 th.center {
text-align: left;
} .table-no2 tbody {
display: block;
} .table-no2 tbody tr {
display: block;
margin-bottom: 1.5em;
} .table-no2 tbody th,
.table-no2 tbody td {
display: list-item;
border: none;
} .table-no2 tbody th {
margin-bottom: 10px;
background: #EDEAE3;
list-style-type: none;
} .table-no2 tbody td {
margin-left: 20px;
padding: 0;
} .table-no2 .nanido {
display: inline;
padding: 0 10px;
color: #F37D17 !important;
text-align: left;
} .knowledge-table .table-no2 tbody td:nth-of-type(1):before {
content: "[Description]　";
} .knowledge-table .table-no2 tbody td:nth-of-type(2):before {
content: "[Trainee Level]　";
} .knowledge-table .table-no2 tbody td:nth-of-type(3):before {
content: "[Customers]　";
} .knowledge-table .table-no2 tbody td:nth-of-type(4):before {
content: "[Vendors]　";
} .knowledge-table .table-no2 tbody td:nth-of-type(5):before {
content: "[Course duration]　";
}
}
.network-set__main.btn-in br {
display: none;
}
   .product-nav__list {
*zoom: 1;
} .product-nav__list:before {
content: " ";
display: table;
} .product-nav__list:after {
content: " ";
display: table;
clear: both;
}   .icon-character {
width: 40px;
height: 40px;
margin-right: 6px;
} .icon-pdf,
.icon-cad {
width: 27px;
height: 27px;
margin-left: 13px;
margin-right: 8px;
} .product-info {
margin-bottom: 25px;
} .product-header {
position: relative;
} .accordion {
margin-bottom: 0px;
margin-bottom: -1px;
} .accordion .section-title {
color: #014099;
border: 1px solid #cccccc;
padding: 15px 20px 20px 20px;
margin: 0;
} .accordion .section-title .product-icon {
top: 4px;
} .accordion__set {
border: 6px solid #EEEEEE;
padding: 15px 12px 0px 12px;
} .dl-list {
overflow: hidden;
*zoom: 1;
margin: 10px;
} .dl-list__item {
margin-right: 10px;
display: inline-block;
font-size: 13px;
font-size: 1.3rem;
line-height: 27px; } .dl-list__item:last-child {
margin-right: 0;
} .dl-list__link {
display: block;
border: 1px solid #cccccc;
padding: 8px 12px;
text-align: center;
} .dl-list__link.hover {
background-color: #eaf6fd;
color: #333333;
} .dl-list__link img {
width: 27px;
height: 27px;
} .accordion .dl-list {
margin: 0;
} .accordion .dl-list__item {
line-height: 22px;
} .accordion .dl-list__link {
vertical-align: middle;
display: table-cell;
} .accordion .dl-list__link img {
margin: 0 10px 0 0;
padding: 0;
} .accordion .dl-list__link img {
width: 22px;
height: 22px;
} .accordion .dl-list__link .noicon {
display: inline-block;
width: 1px;
height: 22px;
padding: 0;
margin: 0;
vertical-align: middle;
} .product-nav {
width: 100%;
margin-bottom: 10px;
} .product-nav__list {
margin-left: -10px;
} .product-nav__item {
display: inline-block;
margin-bottom: 8px;
margin-left: 10px;
} .product-nav__link {
font-size: 13px;
font-size: 1.3rem;
font-weight: bold;
display: inline-block;
text-align: center;
padding: 12px;
border: 1px solid #cccccc;
} .product-nav__link.hover, .product-nav__link.active {
background: #eaf6fd;
color: #333333;
} .product-nav__link:visited {
text-decoration: none;
} .tab-content {
display: none;
} .product-image {
margin-bottom: 20px;
} .product-image__image {
border: 1px solid #cccccc;
margin: -1px;
} .product-image__caption {
font-size: 13px;
font-size: 1.3rem;
padding: 10px 0;
border-bottom: 1px dashed #cccccc;
vertical-align: middle;
} .product-icon__list {
margin-left: 15px;
display: inline-block;
} .section__content {
padding-bottom: 10px;
margin-bottom: 10px;
} .section__content h2 {
margin-top: 0;
} .accordion .section__content {
border-bottom: none;
margin-bottom: 0;
} .section__image {
margin: 0 auto 15px;
} .section__imagebig {
margin: 0 0 15px 0;
} .section__description__subtitle {
font-size: 15px;
font-size: 1.5rem;
} .accordion .section__description h2 {
padding-left: 13px;
border-left: 6px solid #014099;
margin: 0 0 15px 0;
font-size: 17px;
font-size: 1.7rem;
} .accordion .section__description .dl-list {
margin-bottom: 10px;
} .accordion .section__description .dl-list:last-child {
margin-bottom: 0;
} .accordion .section__description__list {
margin: 0 0 20px 0;
padding-left: 2em;
} .accordion .section__description__list li {
list-style: disc;
} .section__colum2 {
width: 48%;
margin-bottom: 40px;
} .fclear .section__colum2 {
width: 100% !important;
} .section__colum2.left {
float: left;
} .section__colum2.right {
float: right;
} .section__colum2 p {
margin-bottom: 0;
} .section__colum2 p.caption {
text-align: center;
margin-bottom: 0px;
} .section__colum2 h2 {
margin-top: 0;
} .section__colum2 img {
margin-bottom: 15px;
} .section__content2 {
overflow: hidden;
*zoom: 1;
} .section__content2.last {
margin-bottom: 0;
} .section__imgst img {
margin-right: 20px;
width: 50px;
} .section__colum_h {
width: 100%;
margin-bottom: 15px;
float: none;
} .section__colum_h img {
margin: 0 auto 15px;
} .section.product-list-others .section__content {
border-bottom: none;
} .contact {
margin-bottom: 30px;
text-align: center;
} .contact img {
position: relative;
top: -2px;
margin-right: 10px;
} .btn__u {
padding-right: 40px;
background: url(//sumicarbide.com/en/products/assets/images/arrow-gray_u.png) no-repeat 95% 50%;
} .btn__u:hover {
background-color: #eaf6fd;
color: #333333;
cursor: pointer;
} .open_a .btn__u {
background: url(//sumicarbide.com/en/products/assets/images/arrow-gray_t.png) no-repeat 95% 50%;
} .btn__u span {
margin-left: 10px;
} .otherlink {
margin-top: 30px;
padding-top: 10px;
border-top: 1px dashed #999999;
} .otherlink__title {
border-left: 6px solid #999999;
padding-left: 1em;
margin-bottom: 10px; font-weight:bold;
} .otherlink p a {
display: block;
padding: 15px 20px;
height: 100%;
line-height: 1.5;
vertical-align: middle;display:block;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png) no-repeat left 50%;
} .otherlink :hover {
text-decoration: underline;
} .chipbreakers {
margin: 0;
padding: 0;
} .chipbreakers__list {
overflow: hidden;
} .chipbreakers__list__item {
margin-bottom: 20px;
padding: 5px;
border: 1px solid #cccccc;
} .chipbreakers__list__item.noitem {
display: none;
} .legend {
padding: 10px 10px 10px 10px;
border: 1px solid #cccccc;
} .legend h1 {
margin-top: 0;
} .chipbreakers-contents .accordion .accordion__set {
padding-bottom: 0;
}
@media (min-width: 641px) { .dl-list {
overflow: hidden;
*zoom: 1;
margin-left: auto;
margin-right: auto;
width: 93%;
} .dl-list__item {
font-size: 18px;
font-size: 1.8rem;
line-height: 37px; } .dl-list__link {
font-size: 18px;
font-size: 1.8rem;
padding: 10px 15px;
} .dl-list__link img {
width: 37px;
height: 37px;
} .product-nav__link {
font-size: 17px;
font-size: 1.7rem;
} .product-image {
margin-bottom: 30px;
} .product-image__caption {
font-size: 14px;
font-size: 1.4rem;
} .section__content {
overflow: hidden;
*zoom: 1;
} .section__image {
float: left;
width: 48%;
} .section__description {
float: right;
width: 48%; font-size: 1.5rem;
} .section__description .dl-list {
margin-bottom: 20px;
} .fclear .section__colum2 {
width: 48% !important;
} .section__imgst img {
width: 100px;
} .section__colum_h {
width: 48%;
float: left;
} .section__colum_h .link-block__item {
width: 100%;
} .section__colum_h img {
margin: 0 auto 15px;
} .chipbreakers__list {
margin-right: -20px;
} .chipbreakers__list__item {
float: left;
margin: 0 20px 20px 0;
width: 45%;
padding: 5px;
}
}
@media (min-width: 1050px) { .product-info {
padding-left: 20px;
padding-right: 20px;
padding-bottom: 30px;
border-bottom: 1px solid #dddddd;
margin-left: -20px;
margin-right: -20px;
margin-bottom: 30px;
} .product-header__title {
display: inline-block;
word-break: break-all;
word-wrap: break-word;
text-align: right !important;
} .dl-list {
width: 100%;
} .accordion .dl-list {
float: none;
width: auto;
} .product-nav__list {
margin-left: -10px;
} .product-nav__item {
margin-left: 10px;
margin-bottom: 8px;
} .product-nav__link {
font-size: 17px;
font-size: 1.7rem;
} .accordion .section-title {
padding: 20px;
} .accordion .section-title .product-icon {
top: 2px;
}
}
.entry-content, .entry-summary {
clear: both;
padding: 12px 0 0 0;
text-align: left;
color: #000;
}
     .section__boxb {
border: 1px solid #ddd;
padding: 20px;
} .section__boxb ul {
padding-left: 2em;
list-style: disc;
} .section__boxb li {
list-style: disc;
margin-bottom: 0.5em;
} .section__boxb li:last-child {
margin-bottom: 0;
} .section__shutten {
display: block;
text-align: center;
font-size: 12px;
font-size: 1.2rem;
} .section__boderimg {
border: 1px solid #ddd;
padding: 5px;
} .section__colum2 {
width: 48%;
margin-bottom: 40px;
} .fclear .section__colum2 {
width: 100%;
} .section__colum2.left {
float: left;
} .section__colum2.right {
float: right;
} .section__colum2 p {
margin-bottom: 0;
} .section__colum2 p.caption {
text-align: center;
margin-bottom: 0px;
} .section__colum2 h2 {
margin-top: 0; font-weight:bold;
} .section__colum2 img {
margin-bottom: 15px; width:100%;
} .section__content2 {
overflow: hidden;
*zoom: 1;
} .section__content2.last {
margin-bottom: 0;
} .section.soudan-set section {
border: 1px solid #ddd;
padding: 15px;
} .section.soudan-set section dt {
margin-right: 2em;
margin-bottom: 0.5em;
font-weight: bold;
} .section.soudan-set section dd {
margin-bottom: 1em;
} .section.soudan-set section h2 {
margin-top: 0 !important;
font-size: 16px;
font-size: 1.6rem;
} .section .csr-ea__img {
width: 50%;
margin: 0 auto;
} .btn-n { display: inline-block;
vertical-align: middle; padding: 10px 30px 10px 20px;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png) no-repeat 95% 50%;
border: 1px solid #cccccc;
font-size: 15px;
font-size: 1.5rem;
} .btn-n.hover {
background-color: #eaf6fd;
color: #333333;
} .btn-n img {
vertical-align: middle;
width: 42px;
height: 42px;
} .btn-n.blank {
background-image: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png), url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/ico_blank.png);
background-repeat: no-repeat, no-repeat;
background-position: 95% 50%, 90% 50%;
background-size: auto auto,14px auto;
padding-right: 60px;
} .icon-character {
width: 40px;
height: 40px;
margin-right: 6px;
} .icon-pdf,
.icon-cad {
margin-right: 8px;
} .icon-blank {
width: 12px; height: 12px; margin-left: 8px;
margin-right: 20px;
} .icon-pdf2 {
width: 22px !important;
height: 22px !important;
} .link-s-list {
clear: both;
width: 100%;
} .link-s-list__item {
width: 100%;
margin-bottom: 20px;
} .link-s-list__item:nth-last-child(-n+2) {
margin-bottom: 10px;
} .link-s-list__item:nth-last-child(-n+2) a {
display: block;
} .link-s-list__link {
border-bottom: 1px solid #ccc;
} .btnimgzoom {
display: table;
width: auto;
margin: auto;
}
@media (min-width: 641px) { .section.yugai {
overflow: hidden;
*zoom: 1;
} .section.yugai p {
float: left;
width: 100%;
} .section__boxb {
border: 1px solid #ddd;
padding: 20px;
float: right;
widh: 48%;
} .section__boxb ul {
padding-left: 2em;
list-style: disc;
} .section__boxb li {
list-style: disc;
margin-bottom: 0.5em;
} .section__boxb li:last-child {
margin-bottom: 0;
} .section .csr-ea__img {
width: 27%;
float: right;
margin-left: 20px;
} .section.soudan-set section dt {
float: left;
width: 6em;
} .section.soudan-set section dd {
margin-left: 6em;
} .link-s-list {
clear: both;
overflow: hidden;
*zoom: 1;
width: 100%;
} .link-s-list__item {
width: 48%;
margin-bottom: 20px;
} .link-s-list__item:nth-last-child(-n+2) {
margin-bottom: 10px;
} .link-s-list__item .icon-pdf {
float: left;
} .link-s-list__item.odd {
clear: both;
float: left;
} .link-s-list__item.even {
float: right;
} .link-s-list.csrreport {
width: 100%;
vertical-align: middle;
} .link-s-list.csrreport a {
height: 3em;
vertical-align: middle;
} .link-s-list__link {
border-bottom: 1px solid #ccc;
}  .img-size-down {
width: 90%;
margin: 0 auto;
}
}
@media (min-width: 1050px) { .btnimgzoom {
display: none;
} .icon-pdf2 {
width: 22px !important;
height: 22px !important;
}
}.icon-character {
width: 40px;
height: 40px;
margin-right: 6px;
} .icon-pdf,
.icon-cad {
width: 27px;
height: 27px;
margin-left: 13px;
margin-right: 8px;
} .pdf-item {
overflow: hidden;
*zoom: 1;
margin-bottom: 25px;
} .pdf-item__title {
color: #ffffff;
font-size: 13px;
font-size: 1.3rem;
text-align: right;
padding: 10px;
background: #666666;
margin-bottom: 10px;
} .pdf-item__image {
float: left;
width: 25%;
} .pdf-item__image img {
border: 1px solid #999999;
} .pdf-item__detail {
float: right;
width: 70%;
} .pdf-item__description {
font-size: 13px;
font-size: 1.3rem;
} .pdf-item__name {
font-size: 15px;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 10px;
} .pdf-item__info {
font-size: 13px;
font-size: 1.3rem;
margin-bottom: 10px;
} .pdf-item__link {
display: block;
vertical-align: middle;
line-height: 27px;
padding: 10px;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png) no-repeat 95% 50%;
border: 1px solid #cccccc;
font-size: 13px;
font-size: 1.3rem;
} .pdf-item__link.hover {
background-color: #eaf6fd;
color: #333333;
} .pdf-item__delimiter {
height: 1px;
border: none;
border-top: 1px dashed #cccccc;
margin-bottom: 25px;
}
@media (min-width: 641px) { .icon-character {
margin-right: 10px;
} .e-books .pdf-item {
width: 100%;
} .pdf-item__image {
width: 20%;
} .pdf-item__detail {
width: 78%;
} .pdf-item__title {
font-size: 15px;
font-size: 1.5rem;
margin-bottom: 15px;
} .pdf-item__name {
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 40px;
} .pdf-item__link {
float: right;
width: auto;
min-width: 150px;
display: inline-block;
padding-right: 25px;
font-size: 18px;
font-size: 1.8rem;
} .e-books .btn {
font-size: 18px;
font-size: 1.8rem;
}
}
@media (min-width: 1050px) { .pdf-item__image {
width: 25%;
} .pdf-item__detail {
width: 70%;
}
}.shohyo {
border: 1px solid #ddd;
padding: 20px;
margin-bottom: 20px;
margin-top: 50px;
} .list-normal {
padding-left: 2em;
list-style: disc;
} .list-normal li {
list-style: disc;
margin-bottom: 0.5em;
} .list-normal li:last-child {
margin-bottom: 0;
} .list-normal.num li {
list-style: decimal;
} .sitemap__list {
overflow: hidden;
*zoom: 1;
margin-bottom: 30px;
} .sitemap__list__h {
margin: 0 0 0 0;
} .main .sitemap__list__h {
font-size: 20px;
font-size: 2rem;
} .sitemap__list__l {
margin: 1em 0 0.5em 1em;
} .main .sitemap__list__l {
font-size: 14px;
font-size: 1.4rem;
} .sitemap__list__l__icon {
width: 22px;
height: 22px;
vertical-align: top;
padding-left: 10px;
} .sitemap__list__l__icon__blank {
width: 14px;
height: 14px;
padding-left: 10px;
vertical-align: baseline;
} .sitemap a {
padding: 10px 0 10px 15px;
background: url(//sumicarbide.com/wp-content/themes/sumitomo/css/assets/images/icon/arrow-small.png) no-repeat left 50%;
} .sitemap a:visited {
text-decoration: none;
} .sitemap a:hover {
text-decoration: underline;
}
@media (min-width: 641px) { .sitemap__colum1 {
width: 48%;
float: left;
} .sitemap__colum2 {
width: 48%;
float: right;
}
}